@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;900&display=swap');
/* ----------------------------------------
layout
---------------------------------------- */
html {font-size: 10px;}

/* body {font-size: 1.5rem; -ms-overflow-style: none;} */
  /* ::-webkit-scrollbar {display: none;} */

html, body {height: 100%;}

body, table, th, td,
textarea, button, input[type="button"] {font-family:'Pretendard',sans-serif;font-size:13px;color:#666;}

body {margin: 0; padding: 0;background-color:#fff;letter-spacing: -0.03125rem;}
button{cursor:pointer; padding:0; margin:0px;}
input[type="button"]{cursor:pointer;}

ol, ul {list-style:none;margin:0; padding:0;}

.font-Pretendard{font-family:'Pretendard',sans-serif;}
.font-notosans{font-family:'Noto Sans KR',sans-serif;}
.font-black {font-family: 'Black Han Sans',sans-serif;;}
table {width:100%;table-layout:fixed;}

ul {margin:0; padding: 0;}
li {list-style: none;}
a {text-decoration: none;color:#666;}
button, input[type="button"] {border-style: none;}

.max_container {max-width: 1200px;margin: 0 auto;position: relative;padding: 0 10px;}
.fw500 {font-weight: 500;} .fw600 {font-weight: 600;} .fw700 {font-weight: 700;}
.wsp {white-space: pre-line;}

.popup {display: none;}
.plk_bg {position: fixed;z-index: -1;width: 100vw;height: 100%;background-color: rgb(234, 238, 236);background-size: cover;  background-repeat: no-repeat;background-position: 50% 50%;}
.pin_header {color: #fff;padding: 0.1rem 0.25rem !important;margin: 0rem;background: #276ac7;border-radius: 0.3rem;font-size: 1.25rem; font-weight: 400;}

:root {
    --color_000 : #000 ;
    --color_fff : #fff;
    --color_blue:#276ac7;
    --color_blue2:#0051c7;
    --color_red : #e13b2c;
    --color_red2 : #de4f41;
    --color_gray : #434343;
		--color_navy : #082b60;
    --color_313131 : #313131;
    --ls75 : -0.075em;
    --ls50 : -0.050em;
    --ls25 : -0.025em;
    --ls20 : -0.020em;

}

/* color */
.color_blue { color: var(--color_blue) !important}
.color_blue2 { color: var(--color_blue2) !important}
.color_navy { color: #082b60 !important}
.color_red { color: #e13b2c !important}
.color_red2 { color: #e60012 !important}
.color_red3 { color: #ff0101 !important}
.color_000 { color: #000 !important}
.color_fff { color: #fff !important}
.color_ylw { color: #fffc00 !important}
.color_gray {color:#333 !important}


.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt305 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}

.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}

.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}

.pb1 {padding-bottom:1px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb32 {padding-bottom:32px !important;}
.pb34 {padding-bottom:34px !important;}
.pb36 {padding-bottom:36px !important;}
.pb50 {padding-bottom:50px !important;}
.pb72 {padding-bottom:72px !important;}


.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}

.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt100 {margin-top:100px !important;}

.mb7 {margin-bottom:7px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb100 {margin-bottom:100px !important;}

.h253 {height: 253px;}
.h210 {height: 210px;}

.b_t1 {border-top: 1px solid #E6E8EA;}

/* btn */
.btn_type1 { border: 1px solid #bfbfbf; background-color: #fff; color: #333}
.btn_red { background-color:var(--color_red) !important; color: #fff !important; }
.btn_red2 { background-color:var(--color_red2) !important; color: #fff !important; }
.btn_blue { background-color:var(--color_blue) !important; color: #fff !important; }
.btn_blue2 { background-color:var(--color_blue2) !important; color: #fff !important; }
.btn_navy { background-color:var(--color_navy) !important; color: #fff !important; }

/* font size */
.fs13 {font-size: 0.813rem;}
.fs14 {font-size: 0.875rem;}
.fs15 {font-size: 0.938rem;}
.fs16 {font-size: 1rem;}
.fs17 {font-size: 1.063rem;}
.fs18 {font-size: 1.125rem;}
.fs19 {font-size: 1.188rem;}
.fs20 {font-size: 1.25rem;}
.fs21 {font-size: 1.313rem;}
.fs22 {font-size: 1.375rem;}
.fs23 {font-size: 1.438rem;}
.fs24 {font-size: 1.5rem;}
.fs25 {font-size: 1.563rem;}
.fs26 {font-size: 1.625rem;}
.fs27 {font-size: 1.688rem;}
.fs28 {font-size: 1.75rem;}
.fs29 {font-size: 1.813rem;}
.fs30 {font-size: 1.875rem;}
.fs31 {font-size: 1.938rem;}
.fs32 {font-size: 2rem;}
.fs33 {font-size: 2.063rem;}
.fs34 {font-size: 2.125rem;}
.fs35 {font-size: 2.188rem;}
.fs36 {font-size: 2.25rem;}
.fs37 {font-size: 2.313rem;}
.fs38 {font-size: 2.375rem;}
.fs39 {font-size: 2.438rem;}
.fs40 {font-size: 2.5rem;}

/* line-height */
.lh1 {line-height: 1.1 ;}
.lh2 {line-height: 1.2 ;}
.lh3 {line-height: 1.3 ;}
.lh4 {line-height: 1.4 ;}
.lh5 {line-height: 1.5 ;}
.lh6 {line-height: 1.6 ;}
.lh7 {line-height: 1.7 ;}
.lh8 {line-height: 1.8 ;}
.lh9 {line-height: 1.9 ;}


/* table */
.tb_type1 { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 0.938rem; line-height: 1.26rem; word-break: keep-all;}
.tb_type1 th, .tb_type1 td { padding: 1.063rem 1.75rem }
.tb_type1 thead { background: #f4f4f4}
.tb_type1 tbody { color: #666}

.info_2_bottom {margin-bottom: 50px;}
.info_2_bottom table, th, td {font-size: 15px;}
.info_2_bottom .info_2_bottom_title {margin: 40px 0 25px 0;color:#252525;font-size: 23px; font-weight: 800;}
.tb_type2 {text-align: center; border-bottom: 1px solid #d2d2d2; line-height: 1.3}
.tb_type2 col ~ col { border-left:1px solid #e8e8e8}
.tb_type2 thead th { padding: 0.6rem 0.5rem; box-sizing: border-box; font-weight: 500}
.tb_type2 tbody td { padding: 0.7rem 0.5rem; min-height: 2.75rem; box-sizing: border-box; color: #676767}
.tb_type2 tbody tr ~ tr { border-top : 1px solid #d2d2d2}
.tb_type2 td.view_scan { padding: 0}
.tb_type2 .bg_navy {color: #fff;background: #373B46;}
.tb_type2 .bg_navy tr th {color: #fff;}


/* .wrap_bg {background: #eee} */
#wrap {max-width:540px;box-shadow: 10px 0 35px rgba(0,0,0,0.2);/* margin: 0px 0px 0px calc(50vw - 50px); */  margin: 0 auto; background: #fff;}
#wrap.mainWrapTest {margin:0 0 0 50%;}
.mainLeftBg {position: fixed;z-index:-1;width: 100%;height: 100%;background: #f6f6f6 url(../img/comm/pc_bg1.png?v=1) no-repeat 50% 50%;background-size: 1800px;}

/***** 카카오채널 *****/
.ft_area {position:fixed; bottom:10px; right:10px; z-index:1000;}
.r_ch {width:94px; height:40px; border-radius:40px; background:#FFCC00;box-shadow: 0px 0px 15px 1px gray;}
.r_ch span {display: inline-block; line-height: 40px;color: #020303; font-weight: 500;cursor: pointer;}
.r_ch span img {margin-top: 0px;margin-left: 6px;margin-right: 4px;width: 26%;vertical-align: middle;}

/***** 앱설치 *****/
.r_ph {width:94px; height:40px; border-radius:40px; background:#082b60; box-shadow: 0px 0px 15px 1px gray;}
.r_ph span {display: inline-block; line-height: 40px;color: #fff; font-weight: 500;cursor: pointer;}
.r_ph span img {margin-top: 0px;margin-left: 6px;margin-right: 4px;width: 26%;vertical-align: middle;}

/* ----------------------------------------
header(540)
---------------------------------------- */
  header {position: sticky; top:0; z-index: 11;width: 100%; max-width:540px; border-bottom: 0 !important;background: #fff;}
  .m_head {display: flex; align-items: center;justify-content: space-between; margin: 0 auto;width: 92%;height: 8rem;}
  .m_head .logo {/*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/width:57%;line-height:0;}
  .m_head .logo #headerLogo {width: 80%;}

  .bugger_wrap {position: fixed; z-index: 20;top: 0; right: 5%; width: 3rem; height: 8rem;}
  .bugger_wrap .bugger {position: absolute;top: 50%; transform: translateY(-50%);right: 5%;width: 3rem; height: 2rem; cursor:pointer;}
  .bugger_wrap .bugger li {width: 100%; height: 0.3rem; background: #272727;}
  .bugger_wrap .bugger li:nth-child(2), .bugger_wrap .bugger li:last-child {margin-top: 0.6rem;}
  .bugger_wrap .bugger li:not(.m_head .bugger li:nth-child(2)) {transition: 0.4s;}
  .bugger_wrap .bugger.active {height: auto;}
  .bugger_wrap .bugger.active li:first-child {transform: rotate(45deg) translate(0.3rem, 0.1rem);}
  .bugger_wrap .bugger.active li:nth-child(2) {display: none;}
  .bugger_wrap .bugger.active li:last-child {transform: rotate(-44deg) translate(0.6rem, -0.4rem);}

  .login_height {position: absolute;top: 0;right: 16%;width: 9rem;height: 8rem;}
  .login_wrap {position: absolute; top:50%;right:0; /*right: 16%;*/transform: translateY(-51%); text-align: center; cursor:pointer;}
  .login_wrap ul {display: flex; align-items: center;gap: 0.3rem; border-radius: 3rem;border: 0.1rem solid #DDDDDD;}
  .login_wrap ul.out {padding: 0.4rem 1rem;}
  .login_wrap ul.in {padding: 0.4rem 0.8rem;}
  .login_wrap ul li.img_wrap {position: relative;width: 2rem; height: 2rem; border-radius: 50%;}
  .login_wrap ul li.img_wrap img {position: absolute;top:50%; left: 50%; transform: translate(-50%,-50%);}
  .login_wrap ul.out li img {width: 90%;}
  .login_wrap ul.in li img {width: 95%;}
  .login_wrap ul li.text {font-size: 1.2rem; color: #3d3d3d;}

  /* 상단 배너 */
  .main_top_bn {position: relative;top:0;width: 100%;height: 0; line-height:4.5rem;background: #276ac7;}
  .main_top_bn .inner {width: 100%;}
  .main_top_bn .inner .text {margin:0 auto;width: fit-content;height: 100%;color:#fff; font-size: 1.5rem; font-weight: 500;}
  .main_top_bn .inner .text span {color:#FFC821;font-weight: 600;}
  .main_top_bn .xbtn {position: absolute; top: 43%; right: 1rem; transform: translateY(-50%);color:#fff;font-size: 4rem;font-weight: 100;background: transparent;}
  /* // */

  nav.snbSwiper {position: sticky;max-width: 540px;width:100%;height: 4.2rem; line-height: 4.2rem; border-top: 0.1rem solid #F1F0F1;border-bottom: 0.1rem solid #ddd; background: #fff;overflow: hidden;}
  nav.snbSwiper ul.swiper-wrapper {margin-left: 3%;overflow: hidden;}
  nav.snbSwiper ul.swiper-wrapper li.swiper-slide {position: relative;display: block; padding: 0 1rem;width: auto !important;font-size: 1.5rem; font-weight: 600; text-align: center;}
  nav.snbSwiper ul.swiper-wrapper li.swiper-slide a {position: relative;display: inline-block;white-space: nowrap; height: 100%; color:#3d3d3d;}
  nav.snbSwiper ul.swiper-wrapper li.swiper-slide.on a::after {content: ""; position: absolute;width: 100%; height: 0.3rem; left: 0;bottom: 0; background: #276ac7;}
  nav.snbSwiper ul.swiper-wrapper li.swiper-slide.on a {color: #276ac7;}

  nav.newSwiper {position: sticky;width: auto;height: 4.2rem; line-height: 4.2rem; overflow: hidden;border-top: 0.1rem solid #F1F0F1;border-bottom: 0.1rem solid #ddd; background: #fff;}
  nav.newSwiper ul.swiper-wrapper {padding: 0 3%;}
  nav.newSwiper ul.swiper-wrapper li.swiper-slide {position: relative;display: block; padding: 0 1rem;width: auto !important;font-size: 1.5rem; font-weight: 600; text-align: center;overflow: hidden;}
  nav.newSwiper ul.swiper-wrapper li.swiper-slide a {position: relative;display: inline-block;white-space: nowrap; height: 100%; color:#3d3d3d;}
  nav.newSwiper ul.swiper-wrapper li.swiper-slide.on a::after {content: ""; position: absolute;width: 100%; height: 0.3rem; left: 0;bottom: 0; background: #276ac7;}
  nav.newSwiper ul.swiper-wrapper li.swiper-slide.on a {color: #276ac7;}

  nav.nav_new {/*padding: 1rem 0;*/width: 100%;box-shadow: 0 4px 4px -4px rgba(0,0,0,0.13);}
  nav.nav_new ul {display: flex;justify-content: space-between; /*gap:0.6rem;*/ margin:0 auto; /*width: 96%;*/ width: 100%;}
  nav.nav_new ul:last-child {/*margin-top: 0.6rem;*/border-bottom: 1px solid #E1E4EA;}
  nav.nav_new ul {border-top: 1px solid #E1E4EA;border-bottom: 1px solid #E1E4EA;}

  nav.nav_new ul.nav02{margin-top: -1px}

  nav.nav_new ul li {position: relative; width: 100%; height: 4rem; line-height: 4rem; text-align: center; /*border-radius: 0.4rem;*/ /*border: 0.1rem solid #ccc;*/  background: #fff;}
  nav.nav_new ul li:after {content: ""; position: absolute;z-index: 1;width: 1px; height: 1.5rem; background: #E1E4EA; vertical-align: middle; display: inline-block; margin: 1.4rem 0}
  nav.nav_new ul li:last-child:after {display: none;}

  nav.nav_new ul li a {display: inline-block;width: 100%;height:100%; border-radius: 4px;font-size: 1.4rem;font-weight: 600; color: #3d3d3d}
  nav.nav_new ul li a:hover {color:#276ac7;}
  nav.nav_new ul li.on {border-color: #276ac7;}
  nav.nav_new ul li.on a {color: #276ac7; font-weight: 600;}

  nav.nav_new .nav_item .new {position:relative;}
  nav.nav_new .nav_item .new span:not([class^=new_ico]) {position:absolute; top:-0.5rem;}
  nav.nav_new .nav_item .new span img {width:1.4rem}
[class^=new_ico] {position: absolute;z-index: 2;display: inline-block;width: 1.4rem;height: 1.4rem;border-radius: 50%;background: #276ac7;}
[class^=new_ico]::after {content:"N";position: absolute;top:0;left:0;display: block;width: 14px;height:14px;line-height: 14px;color:#fff;font-size: 0.8rem;font-family: 'Montserrat', sans-serif;font-weight: 600;}
.new_ico {top:0.5rem;}
[class^=new_ico_aside] {top: -0.2rem;right:-1.7rem;}
[class^=new_ico_aside]::after {text-align: center;}
.new_ico2 {top:0.4rem;background: #e13b2c;}
.new_ico2::after {content:"H";}
.new_ico_aside2 {background: #e13b2c;}
.new_ico_aside2::after {content:"H";}

/* 250409 메가밀리언 업그레이드 */
.nav_new .mm__bullet {position: absolute; top:-1.2rem;right:2.2rem;z-index: 3; padding:0.2rem 0.6rem;height:1.8rem; line-height: normal;border-radius: 1rem; background-color: #35a991; box-sizing: border-box;}
.nav_new .mm__bullet::after {content: "";position: absolute; right:0px;bottom:-0.4rem;z-index:-1; width: 0; height: 0; border-style: solid; border-width: 1rem 1.5rem 0px 0px; border-color: #35a991 transparent transparent transparent;box-sizing: border-box;}
.nav_new .mm__bullet p {margin:0; color:#fff; font-size: 1.2rem;letter-spacing: -0.075em;box-sizing: border-box;}

/* ----------------------------------------
aside(540)
---------------------------------------- */
  aside {position: fixed; top:0; right: -100%;z-index: 15;width: 100%; /*transition: 0.3s ease;*/ overflow: auto;background: #fff;}
  aside.on {position: absolute;right: 0;}
  aside .aside_wrap {height: 100%; overflow: scroll;}

  .m_aside_top {width: 100%;border-bottom: 0.1rem solid #F1F0F1; background: #fff;}
  .m_aside_top .top_wrap {position: relative;width: 100%;height: 8rem;}
  .m_aside_top .top_wrap .aside_top_text {position: absolute;top: 0;z-index: 1;display: flex; align-items: center;justify-content: flex-start; gap:1rem;margin-left: 3%;/*width:100%;*/ height:100%;}
  .m_aside_top .top_wrap .aside_top_text .text_img_wrap {position: relative;width: 4rem; height: 4rem;border-radius: 50%; border:0.1rem solid #DDDDDD;background: #fff; cursor: pointer;}
  .m_aside_top .top_wrap .aside_top_text .text_img_wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%;}
  .m_aside_top .top_wrap .aside_top_text .text_text {font-size:1.6rem; color: #3d3d3d; font-weight:600; cursor: pointer;}
  .m_aside_top .top_wrap .aside_top_text .title_wrap {display: flex;align-items: center;gap:0.6rem;font-size:1.6rem; color: #3d3d3d; font-weight:600; cursor: pointer;}
  .m_aside_top .top_wrap .aside_top_text .title_wrap .top_arrow {display: inline-block; width: 0.7rem;}
  .m_aside_top .top_wrap .aside_top_text .title_wrap .top_arrow img {width: 100%;}
  .m_aside_top .top_wrap .aside_top_btn {position:relative;width: 100%; height: 100%;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper {position: absolute; top:50%; right:16%; transform: translateY(-50%); z-index: 1;display:flex; align-items: center;gap: 0.3rem;padding: 0.4rem 1rem;width: fit-content;text-align: center;border-radius: 3rem;border: 0.1rem solid #DDDDDD; cursor: pointer;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_img_wrap {position:relative; width:2rem; height:2rem;border-radius: 50%;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_img_wrap img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_text {font-size: 1.2rem; color: #3d3d3d;}


  .m_aside_main {width: 100%;}

  .m_aside_bn {margin: 0 3%;}
  .m_aside_bn .bn_2 {display: flex; justify-content: space-between;gap:3%;}
  .m_aside_bn .bn_2 .bn {position: relative;width: 100%; padding: 1.3rem;border-radius: 0.5rem;border: 0.1rem solid #C4DCF4; text-align: center;background: #E1EFFF;}
  .m_aside_bn .bn_2 .bn .text {position: absolute; top: -0.1rem; left: -0.1rem; width: 10rem; height: 3rem; line-height: 3rem;border-radius: 0.5rem 0 0.5rem 0; text-align: center;font-size: 1.5rem;}
  .m_aside_bn .bn_2 .bn .bg_blue {color: #fff; background: #0058C4;}
  .m_aside_bn .bn_2 .bn .bg_red {color: #fff; background: #DF3732;}
  .m_aside_bn .bn_2 .bn .img_wrap {display: flex; align-items: center;margin-top: 4rem; height: 4rem;}
  .m_aside_bn .bn_2 .bn .img_wrap img {margin:0 auto;}
  .m_aside_bn .bn_2 .bn:first-child .img_wrap img {width: 80%;}
  .m_aside_bn .bn_2 .bn:last-child .img_wrap img {width: 85%;}
  .m_aside_bn .bn_2 .bn .winning {display: flex; align-items: center;justify-content: center; gap:1rem;margin: 2.5rem 0 1.5rem 0;}
  .m_aside_bn .bn_2 .bn .winning .num {color: #181818;font-size: 3.5rem; font-weight: 700; letter-spacing: -3px;}
  .m_aside_bn .bn_2 .bn .winning .num span {font-size: 2rem; vertical-align:middle;}
  .m_aside_bn .bn_2 .bn .winning .num_text {line-height: 1.1; font-size: 1.5rem;}
  .m_aside_bn .bn_2 .bn .winning .num_text .bottom {color: #181818;font-size: 2.3rem;}
  .m_aside_bn .bn_2 .bn .winning .num_text .text_blue {color:#0058C4;}
  .m_aside_bn .bn_2 .bn .winning .num_text .text_red {color:#DF3732;}
  .m_aside_bn .bn_2 .bn button {padding: 1rem 0;border-radius: 0.5rem;width: 100%; font-size: 2rem;}

  .m_aside_menu {margin: 3% 0;}
  .m_aside_menu .menu {border-bottom: 0.1rem solid #DCDCDC; cursor: pointer;}
  .m_aside_menu .menu:first-child {border-top: 0.1rem solid #DCDCDC;}
  .m_aside_menu .menu .inner {display: flex; align-items: center;justify-content: space-between; margin: 0 auto; padding: 1.5rem 0;width: 85%; font-size: 2rem; font-weight: 700;}
  .m_aside_menu .menu .inner div a {color:#3D3D3D;}
  .m_aside_menu .menu .inner .img_wrap {height: 1.8rem;}
  .m_aside_menu .menu .inner .img_wrap img {height: 100%;}

  .m_aside_bottom {margin: 0 3%;}
  .m_aside_bottom .btns {display: flex; justify-content: center;border-radius: 0.5rem; border: 0.1rem solid #DCDCDC;}
  .m_aside_bottom .btns div {width: 100%; text-align: center;}
  .m_aside_bottom .btns div a {display: block; margin: 1rem 0;padding: 0.5rem 0; width: 100%; color:#333233;font-size: 2rem;font-weight: 600;}
  .m_aside_bottom .btns div a:first-child {border-right: 0.1rem solid #DCDCDC;}
  .m_aside_bottom .logout {margin: 3% 0;}
  .m_aside_bottom .logout div {width: 100%;border-radius: 0.5rem; border: 0.1rem solid #DCDCDC;text-align: center; background: #F6F7F9;}
  .m_aside_bottom .logout div a {display: block; padding: 1.5rem 0;width: 100%; height: 100%;color:#555555;font-size: 2rem;font-weight: 600;}

  /* slick slide */
  .slick_bn {width: 100%; /*height: 9rem;*/overflow: hidden;}
  .slick_bn div {height: 100%;}
  .slick_bn div img {width: 100%;height: 100%; cursor: pointer;}
  .slick_bn .slick-dots {display: flex !important; justify-content:flex-end;bottom:0 !important;width: 100%;}
  .slick_bn .slick-dots li {margin:0 !important; width:17px !important;/*height: 15px !important;*/}
  .slick_bn .slick-dots li:last-child {padding-right: 1rem;}

  .slick_bn .slick-dots li button::before {line-height: 0 !important;font-size: 1rem !important;}

  .main_slick {margin:0;border-radius: 0 !important;}
  .main_slick div img {border-radius: 0 !important;}
  .main_slick.slick-dotted.slick-slider {margin: 0 !important;}

  .aside_slick {margin: 3% 0; border-radius: 0.8rem;}
  .aside_slick div img {border-radius: 0.8rem;}
  .aside_slick.slick-dotted.slick-slider {margin-bottom: 3% !important;}

  .video_wrapper {margin: 3% auto;padding: 5% 0;width: 94%;border-radius: 0.5rem;
    border: 0.1rem solid #E1E4EA;}
  .video_wrapper .title {margin-bottom: 5%;text-align: center;color: #1A1917;}
  .video_wrapper .title div:first-child {font-size: 2rem;font-weight: 700;}
  .video_wrapper .title div:last-child {margin-top: 2%;font-size: 1.5rem;font-weight: 500; color: #7d7d7d}
  .video_wrapper .video {text-align: center;}
  .video_wrapper .video ul {margin-bottom: 3%;}
  .video_wrapper .video ul li.youtube_title {margin-top: 3%;color: #1A1917; font-size: 1.3rem;font-weight: 600;}
  .video_wrapper .video iframe {height: 19rem;border-radius: 1.5rem;}

  /* ----------------------------------------
  main(540)
  ---------------------------------------- */
  .m_container {padding-bottom: 2.5rem; overflow: auto;background: #fff;}
  .m_container .sec:not(.m_container .sec:first-child) {margin: 0 auto; width: 94%;}

  .m_main_1 {position: relative;width: 100%; /*height: 100rem;*/ height: 100rem;}
  .m_main_1 .wrap {position: relative; /*top: 5rem;height: 95rem;*/ height: 100%;}

  .m_main_1 .bg_navy {position: absolute; top:0; /*right: 5%;*/ margin-top: 0.1rem;width: 100%; height: calc(100% - 0.2rem);border-radius: 2.5rem;background: #082b60;}

  .m_main_1 .bg_navy .inner {display: flex; flex-direction: column; justify-content: center; margin-left: 75%; height: 100%;text-align: center;}
  .m_main_1 .bg_navy .list {display: flex; flex-direction: column; justify-content: center; gap:2rem;height: 100%;text-align: center;}
  .m_main_1 .bg_navy .list .item {position: relative;height:10rem;padding: 1rem 0;color:#fff; font-weight: 500;}
  /* .m_main_1 .bg_navy .list .item:nth-child(2) {margin-top: 2rem;} 환율*/
  .m_main_1 .bg_navy .list .item .item_inner {position: absolute; top:50%; transform:translateY(-50%); width: 100%;}
  .m_main_1 .bg_navy .list .item .img_wrap {margin: 0 auto;width: 55%;}
  .m_main_1 .bg_navy .list .item .img_wrap img {width: 100%;}
  .m_main_1 .bg_navy .list .item .text {margin-top: 1.5rem; font-size: 1.6rem;font-weight: 600;}
  .m_main_1 .bg_navy .list .exc_text_2 {padding: 0; padding-bottom: 3rem;width: 100%; height: auto;font-size: 2rem; border-bottom:0.1rem solid #163a70;}

  /* 오늘의 환율 */
  .m_main_1 .bg_navy .exchange {color: #fff; text-align: center;}
  .m_main_1 .bg_navy .exchange .exc_img_wrap {background: pink;}
  .m_main_1 .bg_navy .exchange .exc_img_wrap {content: "";display: block;position: absolute; top:-4.5rem;left: 75%; width:9rem; height: 9rem;background:center/cover no-repeat url("../img/main/icon_b.png");}
  .m_main_1 .bg_navy .exchange .exc_img_wrap .exc_text_1 {position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); width: 70%;font-size: 1.6rem;}
  .m_main_1 .bg_navy .exchange .exc_img_wrap .exc_text_1 span {font-size: 1.8rem;}
  /* // */

  .m_main_1 .bg_sky {position: absolute; top:0; left: 0;display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;border-radius: 0; text-align: center;background: #E1EFFF;}
  .m_main_1 .bg_sky .main_cont {margin: 0 auto;width: 85%; /*background: yellow;*/}
  .m_main_1 .bg_sky .main_cont:first-child {padding-bottom: 2.5rem; border-bottom: 0.1rem dashed #ACC5EC;}
  .m_main_1 .bg_sky .main_cont:last-child {padding-top: 2.5rem;}
  .m_main_1 .bg_sky .main_cont:first-child .img_wrap {margin: 0 auto; width: 40%;}
  .m_main_1 .bg_sky .main_cont:last-child .img_wrap {margin: 0 auto; width: 45%;}
  .m_main_1 .bg_sky .main_cont .img_wrap img {width: 100%;}
.m_main_1 .bg_sky .info {display: flex; align-items: center;justify-content: center;gap: 1rem; padding: 1.5rem 0; /*background: lightgray;*/}
  .m_main_1 .bg_sky .info .title {padding: 0.6rem 1.2rem; width: fit-content;border-radius: 2rem; color: #fff; font-size: 1.5rem;font-weight: 600;}
  .m_main_1 .bg_sky .info .c_blue {background: #0058C4;}
  .m_main_1 .bg_sky .info .c_red {background: #DF3732;}
  .m_main_1 .bg_sky .info .days {color:#363636; font-size: 2rem;font-weight: 600;}
.m_main_1 .bg_sky .winnings .main {display: flex; align-items: center;justify-content: center; gap:1rem; padding: 1.8rem 0; border-top: 0.1rem solid #C8E1FC;border-bottom: 0.1rem solid #C8E1FC;/*background: skyblue;*/}
  .m_main_1 .bg_sky .winnings .main .lh1 {line-height: 1.1;}
  .m_main_1 .bg_sky .winnings .main .num {color:#181818;font-size: 4.5rem; font-weight: 700;letter-spacing: -3px;}
  .m_main_1 .bg_sky .winnings .main .num span {font-size: 2.5rem;vertical-align: middle;}
  .m_main_1 .bg_sky .winnings .main .winnings_blue {color:#0058C4; font-size: 2rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_red {color:#DF3732;font-size: 2rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_black {color:#181818; font-size: 3.2rem; font-weight: 700;}
  .m_main_1 .bg_sky .winnings .main .winnings_img {position: relative; content: "";display: block;width: 5rem;height: 5rem;color: #181818;background: center/cover no-repeat url("../img/main/bullet_y.png");}
  .m_main_1 .bg_sky .winnings .main .winnings_img span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;font-size: 1.8rem;font-weight: 700;}
  .m_main_1 .bg_sky .winnings .bottom .inner {padding: 1.5rem 0; }
  .m_main_1 .bg_sky .winnings .bottom .num {color: #363636;font-size: 2rem; font-weight: 600;}
.m_main_1 .bg_sky .winnings .bottom .ball_wrap {display: flex; justify-content: center; gap:0.3rem; margin-top: 1rem;}
  .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball {width: 4rem; height: 4rem; line-height: 4rem; color:#555555; font-size: 1.8rem;font-weight: 700;border-radius: 50%; border:0.1rem solid #D0D0D0;background: #fff;}
  .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball_yellow {color:#333333;border-color:#FED248; background:#FFC821;}
  .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball_red {color:#fff;border-color:#EC514B; background:#DF3732;}
.m_main_1 .bg_sky .winnings .bottom .btns {display: flex; justify-content: center; gap:1rem; }
  .m_main_1 .bg_sky .winnings .bottom .btns button {padding: 1rem 0; border-radius: 0.3rem; font-size: 2rem; font-weight: 600;}
  .m_main_1 .bg_sky .winnings .bottom .btns button:first-child {width: 35%; color:#3D3D3D;  border: 0.1rem solid #DEDEDE;background: #fff;}
  .m_main_1 .bg_sky .winnings .bottom .btns button:last-child {width: 65%; color: #fff;}
  .m_main_1 .bg_sky .winnings .bottom .btns .btn_blue {background: #0058C4;}
  .m_main_1 .bg_sky .winnings .bottom .btns .btn_red {background: #DF3732;}
  .m_main_1 .bg_sky .winnings .bottom .deadline {display: flex; align-items:center; justify-content: center; gap:1rem; margin-top: 1.5rem;color: #1E1E1E; font-size: 2.063rem; font-weight: 500;padding-left: 0;}
  .m_main_1 .bg_sky .winnings .bottom .deadline .img_wrap {margin: 0;width: 3rem; height: 2.9rem;}
  .m_main_1 .bg_sky .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {display: inline-block;width:12.5rem; text-align:left;}

  /* main_back */
  .main_back {display: flex; flex-direction: column; justify-content: center; padding: 4rem 0;width: 100%; text-align: center;background: #E1EFFF;}
  .main_back .main_back_container {margin: 0 auto;width: 85%; /*background: yellow;*/}
  .main_back .main_back_container:first-child {padding-bottom: 2.5rem; border-bottom: 0.1rem dashed #ACC5EC;}
  .main_back .main_back_container:last-child {padding-top: 2.5rem;}
  .main_back .main_back_container .mega_logo_wrap {margin: 0 auto; width: 40%;}
  .main_back .main_back_container .power_logo_wrap {margin: 0 auto; width: 47%;}
  .main_back .main_back_container .img_wrap img {width: 100%;}
  .main_back .info {display: flex;justify-content: center;align-items: center;gap: 1rem;padding: 1.5rem 0;}
  .main_back .info .title {padding: 0.6rem 1.2rem; width: fit-content;border-radius: 2rem; color: #fff; font-size: 1.5rem;font-weight: 600;}
  .main_back .info .c_blue {background: #0058C4;}
  .main_back .info .c_red {background: #DF3732;}
  .main_back .info .days {color:#363636; font-size: 2rem;font-weight: 600;}
.main_back .winnings .main {display: flex; align-items: center;justify-content: center; gap:1rem; padding: 1.5rem 0 1rem; border-top: 0.1rem solid #C8E1FC;border-bottom: 0.1rem solid #C8E1FC;/*background: skyblue;*/}
.main_back .winnings .main.main_new {flex-direction: column;gap:0;margin: 0 auto;}
.main_back .winnings .main.main_new .main_new_wrap {width: fit-content;}
.main_back .winnings .main.main_new .main_new_top {width: 100%;font-size: 2rem; font-weight: 600;color: #181818;}
.main_back .winnings .main.main_new .main_new_top span {color: #181818 !important;}
.main_back .winnings .main.main_new .main_new_top span.mg_blue {padding-left: 0.5rem;color: #0058C4 !important;}
.main_back .winnings .main.main_new .main_new_top span.pb_red {padding-left: 0.5rem;color: #DF3732 !important;}
.main_back .winnings .main.main_new .main_new_inner {display: flex;align-items: center;}
  .main_back .winnings .main .lh1 {line-height: 1.1;}
  .main_back .winnings .main .num.numfs {color:#181818;font-size: 4.5rem; font-weight: 700;letter-spacing: -3px;}
  /* .main_back .winnings .main .num.numfs {font-size: 5.5rem;} */
  .main_back .winnings .main .num span {font-size: 3.5rem;vertical-align: middle;}
  .main_back .winnings .main .winnings_blue {color:#0058C4; font-size: 2rem;}
  .main_back .winnings .main .winnings_red {color:#DF3732;font-size: 2rem;}
  .main_back .winnings .main .winnings_black {color:#181818; font-size: 3.2rem; font-weight: 700;}
  .main_back .winnings .main .winnings_black.wbfs {font-size: 4.5rem;}
  .main_back .winnings .main .winnings_img {position: relative; content: "";display: block;width: 5rem;height: 5rem;color: #181818;background: center/cover no-repeat url("../img/main/bullet_y.png");}
  .main_back .winnings .main .winnings_img span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;font-size: 1.8rem;font-weight: 700;}
  .main_back .winnings .bottom .inner {padding: 1.5rem 0; }
  .main_back .winnings .bottom .num {color: #363636;font-size: 2rem; font-weight: 600;}
.main_back .winnings .bottom .ball_wrap {display: flex; justify-content: center; gap:0.3rem; margin-top: 1rem;}
  .main_back .winnings .bottom .ball_wrap .ball {width: 4rem; height: 4rem; line-height: 4rem; color:#555555; font-size: 1.8rem;font-weight: 700;border-radius: 50%; border:0.1rem solid #D0D0D0;background: #fff;}
  .main_back .winnings .bottom .ball_wrap .ball_yellow {color:#333333;border-color:#FED248; background:#FFC821;}
  .main_back .winnings .bottom .ball_wrap .ball_red {color:#fff;border-color:#EC514B; background:#DF3732;}
.main_back .winnings .bottom .btns {display: flex; justify-content: center; gap:1rem; }
  .main_back .winnings .bottom .btns button {padding: 1rem 0; border-radius: 0.3rem; font-size: 2rem; font-weight: 600;}
  .main_back .winnings .bottom .btns button:first-child {width: 35%; color:#3D3D3D;  border: 0.1rem solid #DEDEDE;background: #fff;}
  .main_back .winnings .bottom .btns button:last-child {width: 65%; color: #fff;}
  .main_back .winnings .bottom .btns .btn_blue {background: #0058C4;}
  .main_back .winnings .bottom .btns .btn_red {background: #DF3732;}
  .main_back .winnings .bottom .deadline {display: flex;align-items: center; justify-content: center;gap: 10px;margin-top: 15px;background: #c7e1fc;padding: 6px 0; color: #1E1E1E;font-size: 2.063rem;font-weight: 500;border-radius: 50px;}
  .main_back .winnings .bottom .deadline .img_wrap {margin: 0;width: 3rem; height: 2.9rem;}
  .main_back .winnings .bottom .deadline .countdown1, .main_back .winnings .bottom .deadline .countdown2 {display: inline-block;width:12.5rem; text-align:left;}

.main_back .winnings .bottom .inner .tt {display: flex;align-items: center; justify-content: center;gap:1rem;}
  .main_back .winnings .bottom .winnings_img {position: relative; content: "";display: block;width: 4.2rem;height: 4.2rem;color: #181818;background: center/cover no-repeat url("../img/main/bullet_y.png");background-size: 4.2rem;}
  .main_back .winnings .bottom .winnings_img span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;font-size: 1.6rem;font-weight: 700;}
  .main_back .winnings .bottom .inner {padding: 1.5rem 0; }
  /* // */

  /* -----------swiper----------- */
  .main_swiper {margin:3% !important;-webkit-overflow-scrolling: touch;}
  .main_swiper p {text-align: center;}
  .main_swiper .title:first-child {color:#1A1917;font-size: 2rem; font-weight: 700;}
  .main_swiper .title:nth-child(2) {margin: 2% 0 5%;font-size: 1.5rem;font-weight: 500;color: #7d7d7d;}
  .main_swiper .swiper-wrapper {transition-timing-function: linear !important;}
  .main_swiper .swiper-slide {margin: 0 1rem;width: 18rem !important;height:auto;}
  .main_swiper .swiper-slide .img_wrap {position: relative;max-height: 20rem !important;overflow: hidden;}
  .main_swiper .swiper-slide .img_wrap img {width: 100%;height:100%; object-fit: cover;}
  .main_swiper .swiper_inner {width: 100%;}
  .main_swiper .swiper-slide .img_wrap .winno {position: absolute;top:0; left:0;display: flex; gap:0.2rem;}
  .main_swiper .win_num_han {position: relative;width: 3rem;height:3rem;}
  .main_swiper .win_num_han img {position: absolute;top:0;left:0;width: 100%;}
  .main_swiper .win_num_han span {position: absolute;top:-60%;left: 50%; transform: translate(-50%, -50%);z-index: 1;display: inline-block; width: 100%;color:#fff;text-align: center;font-size: 1.3rem;font-weight: 500;}
  .main_swiper .win_list_up {display: flex;align-items: center;gap:0.5rem;padding-bottom: 1rem;}
  .main_swiper .win_list_up .lt {width: 5rem;height:5.5rem;background-image: url(../img/main/prize.png); background-position: center; background-size: cover;}
  .main_swiper .win_list_up .rt {display: flex;flex-direction: column;justify-content: flex-start;width: calc(100% - 6rem);}
  .main_swiper .win_list_up .rt .name_wrap {display: flex; gap:0.5rem;font-size: 1.6rem;font-weight: 600; color:#363636;}
  .main_swiper .win_list_up .rt .name_wrap span {display: inline-block; color:#363636;}
  .main_swiper .win_list_up .rt .name_wrap .name {overflow: hidden;white-space: nowrap;text-overflow: clip;word-break: break-all;}
  .main_swiper .win_list_up .rt .name_wrap .uid {color:#363636; font-weight: 200;}
  .main_swiper .win_list_up .rt .win {margin-top: 0.5rem;text-align: left;font-size: 1.8rem; color:#363636;}
  .main_swiper .win_list_up .rt .win span {font-weight: 900;}

  .main_swiper .slider.center {transition-timing-function: linear !important;}
  .main_swiper .center_item {margin: 0 1rem;width: 18rem !important;height:auto;}
  .main_swiper .center_item .img_wrap {position: relative;height:20rem;max-height: 20rem !important;overflow: hidden;}
  .main_swiper .center_item .img_wrap img {position: absolute;top:-3rem; width: 100%;/*height:100%; object-fit: cover;*/}
  .main_swiper .inner {width: 100%;}
  .main_swiper .center_item .img_wrap .winno {position: absolute;top:3rem; left:0;display: flex; gap:0.2rem;}

  .main_swiper .main_swiper_badge {width:7.5rem;cursor: pointer;}

  /* -----------//swiper----------- */

  /* ----------------------------------------
    메인 게임 240222
  --------------------------------------- */
  .gameSplide {margin:2rem 3%;border-top: 0.1rem solid #E1E4EB;}
  .main_freegame_title {padding:2rem 0;color: #1A1917;font-size: 2rem;font-weight: 700;}
  .main_freegame_wrap {display: flex; align-items: center;justify-content: space-between;padding: 2rem 0;}
  .main_freegame_wrap .main_freegame_title {padding: 0;}
  .main_freegame_wrap .main_freegame_title2 {color: #111;font-size: 1.4rem;}
  .main_freegame_wrap .main_freegame_title2::after {content:"";margin-left: 0.5rem;margin-bottom:0.1rem;width: 0.5rem;height: 0.5rem;display: inline-block;transform: rotate(45deg);border-top: 0.2rem solid #9C9394;border-right: 0.2rem solid #9C9394;}

  .gameSplide .splide__slide {padding-bottom:1rem;width:20rem !important; overflow: hidden;}
  .gameSplide .img_wrap {position: relative;width:100%; height:10rem;overflow: hidden;border-radius: 0.5rem;}
  .gameSplide .img_wrap img {transition: 0.3s ease;width: 100%;height:100%;object-fit: cover;}
  .gameSplide .title_wrap {padding-top:1rem; text-align: center;color:#222;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}

  .main_shop_wrap {margin:2rem 3%;border-top: 0.1rem solid #E1E4EB;}

  /* ---------------------------------  */

  .m_main_3 .notice {padding: 1.7rem 2rem 2rem;border-radius: 0.5rem;border: 0.1rem solid #E1E4EA;}
  .m_main_3 .notice.news {margin-top: 3%;}
  .m_main_3 .notice .top {display: flex; justify-content: space-between;padding-bottom: 1.5rem; border-bottom: 0.1rem solid #E1E4EB;}
  .m_main_3 .notice .top .title {color: #181818; font-size: 2rem;}
  .m_main_3 .notice .top .img_wrap {width: 2.3rem;height: 2.3rem;}
  .m_main_3 .notice .top .img_wrap img {width: 73%; padding-top: 0.4rem}
  .m_main_3 .notice .bottom .wrap {margin-top: 1.5rem; font-size: 1.5rem;}
  .m_main_3 .notice .bottom .wrap:first-child {margin-top: 2rem;}
  .m_main_3 .notice .bottom .wrap a {display: flex; justify-content: space-between; /*font-size: 1.8rem;*/ line-height: 1.5;}
  .m_main_3 .notice .bottom .wrap a .title {display: block; width: calc(100% - 0rem);white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
  .m_main_3 .notice .bottom .wrap a .title img {padding-left: 0.2rem;}/*new*/
.m_main_3 .notice .bottom .wrap a .ymd {width: 10rem; height: 1.8rem; color: #999;/*text-align: justify;*/}
  /* .m_main_3 .notice .bottom .wrap a .ymd::after {content: ""; display: inline-block; width: 100%; height: 0;} */
  .m_main_3 .cs_wrap {margin: 3% 0;}
  .m_main_3 .cs_wrap .cs {display: flex; gap:5rem; padding: 2.5rem 3.5rem;border-radius: 0.5rem;border: 0.1rem solid #E1E4EA; cursor: pointer;}
  .m_main_3 .cs_wrap .cs:last-child {margin-top: 3%;}
  .m_main_3 .cs_wrap .cs .img_wrap {margin-top: 1.5rem;}
  .m_main_3 .cs_wrap .cs .img_wrap img {width: 100%;}
  .m_main_3 .cs_wrap .cs .text {width: 70%;}
  .m_main_3 .cs_wrap .cs .text .cs_blue {color:#0058C4; font-size: 1.6rem;}
  .m_main_3 .cs_wrap .cs .text .title {margin: 1rem 0;color:#181818; font-size: 2rem;}
  .m_main_3 .cs_wrap .cs .text .ask a {color: #575757; font-size: 1.6rem;font-weight: 500;border-bottom: 0.1rem solid #575757;}

  .cs_new {margin-top: 3%;width: 100%;border-radius:0.5rem; border: 0.1rem solid #E1E4EA;}
  .cs_new .wrap {display: flex;}
  .cs_new .wrap.borBottom {border-bottom: 0.1rem solid #E1E4EA;}
  .cs_new .inner.borRight {border-right: 0.1rem solid #E1E4EA;}
  .cs_new .wrap .inner {display: flex; align-items: center; justify-content: flex-start; gap:1rem;padding: 2.5rem 0 2.5rem 2rem;width: 50%; cursor: pointer;}
  .cs_new .wrap .inner .img_wrap {width: 3rem; height: 3rem;}
  .cs_new .wrap .inner .img_wrap  img {width: 100%;}
  .cs_new .wrap .inner .text div:first-child {color:#181818;font-size: 1.6rem; font-weight: 700;}
  .cs_new .wrap .inner .text div:last-child {color:#7d7d7d;font-size: 1.3rem;font-weight: 500;margin-top: 0.5rem;}

  /* cs_대표번호 추가 */
  .cs_new1 {margin-top: 3%;width: 100%;border-radius:0.5rem; /*border: 0.1rem solid #E1E4EA;*/ background: #082b60 url("../img/main/bottom_coun.png") no-repeat right bottom ;background-position-y: 86px; background-size: 12rem;position: relative; padding: 1rem 0 1.5rem;}
  .cs_new1 .inner {display: flex; align-items: center; justify-content: flex-start; gap:2rem; cursor: pointer;}
  .cs_new1 .cs_left {position: relative;}
  .cs_new1 .cs_tit {color: #fff;font-size: 20px;font-weight: 600;padding-top: 10px;padding-left: 2rem;}
  .cs_new1 .cs_tel {position: relative;padding: 10px 0px;color: #b3dcfb;font-size: 32px;letter-spacing: -1px;font-weight: 700;vertical-align: middle;padding-left: 2rem;}
  .cs_new1 .cs_tel span a{color: #b3dcfb;}
  .cs_new1 .cs_time {color: #fff;font-size: 15px;line-height: 20px;padding-left: 2rem;}
  .cs_new1 .cs_right {position: relative; background: #35a991; border-radius: 50%; padding: 1rem;}
  .cs_new1 .cs_right  img {width: 100%;}

  /* 운세 */
  .main_luck_wrap {padding:0 3%;}
  .main_luck_wrap * {box-sizing: border-box;}
  .main_luck_wrap .main_luck_back {padding:3%;border-radius: 0.5rem;border: 0.1rem solid #E1E4EA;}
  .main_luck_wrap [class^=luck_card]:first-child {margin-top: 0;}
  .main_luck_wrap [class^=luck_card] li .img_wrap {right:1rem;bottom:1rem;}


  .drpr_pop.active .flex.align_end {justify-content: center;}
  .drpr_pop.active .list_ball {display: flex; justify-content: center;}
  .drpr_pop.active .list_ball li:last-child {margin-right: 0;}
  .drpr_pop.active .list_ball li:last-child::before {vertical-align: baseline;}
  .drpr_pop.active .list_ball li:last-child span {margin-right: 0;}
  .drpr_pop.active .tb_type3 thead th {padding: 1rem 0; color: #222;}
  .drpr_pop.active .tb_type3 tr.wdtl_tr td {padding: 1rem 0 !important; font-size: 1.1rem;}

  .case_box {color: #3d3d3d;border: 1px solid #acc5ec;width: 70px;border-radius: 20px;margin: 0 auto;margin-bottom: 8px;}

  /* 앱 설치 팝업 */
  #maskEvent {display:none;position: fixed;top: 0;left: 0;z-index: 1002;opacity: 0.6;background-color:#000;}
  .mainPop {display:none;position:fixed; z-index: 999; left:50%; top:50%;transform: translate(-50%, -50%);width:90%;max-width:50rem;}
  .mainPop_xbtn {position:absolute; z-index: 1000;top:2.5rem; right:2.5rem; cursor:pointer;}
  .mainPop_xbtn img {width: 100%;}
  .mainPop .ban_wrap {display: block;}
  .mainPop .ban_wrap img {width: 100%;}

  .mainPop2 {display:none;position:fixed; z-index: 999; left:50%; top:50%;transform: translate(-50%, -50%); padding:1rem; width: 85%; max-width: 50rem;border:0.1rem solid #000;background: #fff;}
  .mainPop2 .img_wrap {width: 100%;}
  .mainPop2 .img_wrap img {width: 100%;}
  .mainPop2 .mainPop2_close {display: flex; justify-content: space-between;margin-top: 1rem;color:#222; font-size: 1.5rem;}
  .mainPop2 .mainPop2_close li {cursor:pointer;}

  /* 공지 250602 */
  /* 메인 팝업 공지 250602  */
  .mainPop3 {display:none;position:fixed; z-index: 1003; left:50%; top:50%;transform: translate(-50%, -50%); width: 83%; max-width: 49rem;border:0.1rem solid #276ac7;border-radius: 1.5rem;background-color: #fff;}
  .mainPop3 .banner.info_msg {line-height: normal;border-radius: 1.5rem 1.5rem 0 0;background-color: #fff;}
  .mainPop3 .banner.info_msg p {margin:0;}
  .mainPop3 .banner.info_msg .top {padding:1.5rem 0; text-align: center;border-radius: 1rem 1rem 0 0; background-color: #276ac7;}
  .mainPop3 .banner.info_msg .top .img_wrap {line-height: 0;}
  .mainPop3 .banner.info_msg .top .text {display: flex;justify-content: center; gap:5px;}
  .mainPop3 .banner.info_msg .top p {margin-top: 1rem; color:#fff; font-size: 2rem;font-weight: 500;}
  .mainPop3 .banner.info_msg .msg {position: relative; margin:1.5rem; padding:1.5rem;height:36rem; overflow-y: auto; border: 0.1rem solid #ddd; border-radius: 1rem;background: #efefef;}
  .mainPop3 .banner.info_msg .msg .date {padding-bottom:1rem; margin-bottom: 1rem; text-align: center; font-size: 1.8rem;font-weight: 500;border-bottom: 0.1rem solid #ccc;}
  .mainPop3 .banner.info_msg .msg .date .text {display: flex;justify-content: center;gap:0.5rem;}
  .mainPop3 .banner.info_msg .msg .contents .wrap + .wrap {margin-top: 1.6rem;}
  .mainPop3 .banner.info_msg .msg .contents p {line-height: 1.3; font-size: 1.5rem;}
  .mainPop3 .banner.info_msg .msg .contents .deco {color:#276ac7;font-weight: 500;}
  .mainPop3 .mainPop3_close {display: flex; justify-content: space-between;margin:0 2rem; padding-bottom: 2rem;}
  .mainPop3 .mainPop3_close button {color:#276ac7; font-size: 1.5rem;background-color: transparent;}

  /* ----------------------------------------
  footer(540)
  ----------------------------------------*/
  footer {width: 100%;max-width:540px;}
  footer .nav {display: flex; justify-content: center; padding:1.5rem 0; text-align: center;background: #082b60;}
  footer .nav a {padding-right: 1rem; color:#fff; font-size: 1.6rem;}
  footer .nav a:last-child {padding: 0;}
  footer .nav a::after {content: "|"; padding-left: 1rem; color:#7C818B; font-size: 1.9rem;}
  footer .nav a:last-child::after {content: "";padding: 0;}

  footer .copy {padding:1.875rem 0 0.5rem; line-height: 1.5; color:#7C7E82;font-size: 1.5rem;background: #F3F5F8;}
  footer .copy li span {padding-right: 0.5rem;}
  footer .copy li span::after {content: ":"; padding-left: 0.5rem;}
  footer .copy li:last-child {color: #F62D38; font-weight: 600;}

  footer .copy1 {margin-left: 5%;}
  footer .copy1 .relative {position: relative;}
  footer .copy2:before {content: "";display: block;width: 90%; height: 1px; background: #c9cbc7;position: relative;margin: 0 auto; margin-bottom: 1rem;}
  footer .copy2 {padding:1.5rem 0; line-height: 1.5;text-align: center;color:#7C7E82;font-size: 1.375rem;}

  footer .authmark {position: absolute; bottom:0.5rem; right: 5%; /*transform: translateY(-50%);*/width: 4rem; height: 4rem;}
  footer .authmark img {width: 100%;}


  /* 추가 공지 */
  /*.box_tt_wrap {margin: 3% auto 2%;  width: 94%; cursor: pointer;}
  .box_tt {background: #E1EFFF;z-index: 999;padding: 1rem;border-radius: 0.5rem; border: 1px solid #b3dcfb;}
  .box_tt img {display: inline-block;width: 1.5rem;height: 1.5rem;padding-right: 5px; padding-top: 5px;}
  .box_txt {display: inline-block;padding-left: 2.2rem;color: #082b60;font-size: 1.375rem;line-height: 1.5;font-weight: 500; margin-top: -2.2rem;}
  .box_txt span {color: #e13b2c;font-weight: 600;}

  .box_tt .more {float: right; margin-top: -1.5rem;font-size: 13px;color: #082b60;letter-spacing: -1px;font-weight: 500;}
  .box_tt .more img {width: 1rem;height: 1rem;padding-top: 2px;vertical-align: middle;padding-bottom: 4px;}*/

  /* 추가 공지 */
  .box_tt_wrap {margin: 3% auto 2%;  width: 94%; cursor: pointer;}
  .box_tt {display: flex;align-items: center;justify-content: center;background: #E1EFFF;padding: 1rem;border-radius: 0.5rem; border: 1px solid #b3dcfb;}
  .box_tt img {display: inline-block;width: 1.5rem;height: 1.5rem;padding-right: 5px; padding-top: 5px;}
  .box_txt {padding-left: 1.2rem;color: #082b60;font-size: 1.375rem;line-height: 1.5;font-weight: 500;}
  .box_txt span {color: #e13b2c;font-weight: 600;}

  .box_tt .more {float: right; margin-top: -1.5rem;font-size: 13px;color: #082b60;letter-spacing: -1px;font-weight: 500;}
  .box_tt .more img {width: 1rem;height: 1rem;padding-top: 2px;vertical-align: middle;padding-bottom: 4px;}

  .box_point {border: 1px solid #e13b2c; border-radius: 0.3rem; color: #e13b2c; font-size: 1.375rem; font-weight: 600; line-height: 1.1; padding: 0.25rem; min-width: 3rem; text-align: center;}


  /* 당첨결과 */
  div#list_box div.wrap_tb table.tb_type2 div.wrap_ball ul.list_ball li:last-child.power, div#list_box div.wrap_tb table.tb_type2 div.wrap_ball ul.list_ball li:last-child.mega {display: flex; align-items: center;}

  /* draw-guide */
  .list_result li div.dgbn {margin:0 1.875rem; padding: 1.875rem 0;border-bottom: 0.1rem solid #C7E1FC;}
  .list_result .wns {padding: 1.875rem 0; text-align: center;}
.list_result .wns .inner {padding: 1.5rem 0;}
.list_result .wns .num {color: #363636;font-size: 1.5rem; font-weight: 600;}
.list_result .wns .ball_wrap {display: flex; justify-content: center; gap:0.3rem; margin-top: 1rem;}
.list_result .wns .ball_wrap .ball {width: 2.5rem; height: 2.5rem; line-height: 2.5rem; color:#555555; font-size: 1.5rem;font-weight: 700;border-radius: 50%; border:0.1rem solid #D0D0D0;background: #fff;}
.list_result .wns .ball_wrap .ball_yellow {color:#333333;border-color:#FED248; background:#FFC821;}
.list_result .wns .ball_wrap .ball_red {color:#fff;border-color:#EC514B; background:#DF3732;}
.list_result .wns .btns {display: flex; justify-content: center; gap:0.3rem; padding: 0 1.875rem;}
.list_result .wns .btns button {height: 3.5rem; line-height: 3.5rem;border-radius: 0.3rem; font-size: 1.3rem; font-weight: 600;}
.list_result .wns .btns button:first-child {width: 40%; color:#3D3D3D;  border: 0.1rem solid #DEDEDE;background: #fff;}
.list_result .wns .btns button:last-child {width: 59%; color: #fff;}
.list_result .wns .btns .btn_blue {background: #0058C4;}
.list_result .wns .btns .btn_red {background: #DF3732;}

/* draw-guide-info */
div.popup.draw.active div.wrap_tb table.tb_type3 colgroup col:nth-child(3) {width: 40% !important;}

/* 메인 배너 추가 240626 */
.main_bn_2 {line-height: 0;}
.main_bn_2 > img {width: 100%;}

/*  */
.btn_blue2.myNumBtn {padding: 0.4em;border-radius: 0.4rem;color: #676767 !important;border: 1px solid #d2d2d2;background: #fff !important;}
.btn_blue2.myNumBtn2 {margin-left: 0.5rem;padding: 0.3rem 0.4rem;border-radius: 0.4rem;color: #fff !important;border: none;background: #3CA890 !important;}
.myNumBtn3 {margin-left: 0.5rem;padding: 0.3rem 0.4rem;border-radius: 0.4rem;color: #fff !important;font-size: 1.2rem;background: #3CA890 !important;}

@media (max-width: 1080px) {
  #wrap.mainWrapTest {position: absolute;right: 0; margin:0 auto;}
  .mainLeftBg {background: #f6f6f6 url(../img/comm/pc_bg1.png) no-repeat 55% 50%;background-size: 1700px;}
}

@media (max-width: 1024px) {
  .mainLeftBg {display: none;}
  #wrap.mainWrapTest {position: static;width: 100%;}
}

@media (max-width: 540px) {
  /* ----------------------------------------
  header(540)
  ---------------------------------------- */
    header {position: sticky; top:0; z-index: 10;width: 100%; background: #fff;}
    .m_head {display: flex; align-items: center;justify-content: space-between; margin: 0 auto;width: 92%;height: 8rem;}
    .m_head .logo img {width: 90%;}

    .bugger_wrap {position: fixed; z-index: 20;top: 0; right: 5%; width: 3rem; height: 8rem;}
    .bugger_wrap .bugger {position: absolute;top: 50%; transform: translateY(-50%);right: 5%;width: 3rem; height: 2rem;}
    .bugger_wrap .bugger li {width: 100%; height: 0.3rem; background: #272727;}
    .bugger_wrap .bugger li:nth-child(2), .bugger_wrap .bugger li:last-child {margin-top: 0.6rem;}
    .bugger_wrap .bugger li:not(.m_head .bugger li:nth-child(2)) {transition: 0.4s;}
    .bugger_wrap .bugger.active {height: auto;}
    .bugger_wrap .bugger.active li:first-child {transform: rotate(45deg) translate(0.3rem, 0.1rem);}
    .bugger_wrap .bugger.active li:nth-child(2) {display: none;}
    .bugger_wrap .bugger.active li:last-child {transform: rotate(-44deg) translate(0.6rem, -0.4rem);}

  /* ----------------------------------------
  aside(540)
  ---------------------------------------- */
    aside {position: fixed; top:0; right: -100%;z-index: 15;width: 100%; /*transition: 0.3s ease;*/ overflow: auto;background: #fff;}
    aside.on {position: absolute;right: 0;}
    aside .aside_wrap {height: 100%; overflow: scroll;}

    .m_aside_top {width: 100%;border-bottom: 0.1rem solid #F1F0F1; background: #fff;}

    .m_aside_main {width: 100%;}

    .m_aside_bn {margin: 0 3%;}
    .m_aside_bn .bn_2 {display: flex; justify-content: space-between;gap:3%;}
    .m_aside_bn .bn_2 .bn {position: relative;width: 100%; padding: 1.3rem;border-radius: 0.5rem;border: 0.1rem solid #C4DCF4; text-align: center;background: #E1EFFF;}
    .m_aside_bn .bn_2 .bn .text {position: absolute; top: -0.1rem; left: -0.1rem; width: 10rem; height: 3rem; line-height: 3rem;border-radius: 0.5rem 0 0.5rem 0; text-align: center;font-size: 1.5rem;}
    .m_aside_bn .bn_2 .bn .bg_blue {color: #fff; background: #0058C4;}
    .m_aside_bn .bn_2 .bn .bg_red {color: #fff; background: #DF3732;}
    .m_aside_bn .bn_2 .bn .img_wrap {display: flex; align-items: center;margin-top: 4rem; height: 4rem;}
    .m_aside_bn .bn_2 .bn .img_wrap img {margin:0 auto;}
    .m_aside_bn .bn_2 .bn:first-child .img_wrap img {width: 80%;}
    .m_aside_bn .bn_2 .bn:last-child .img_wrap img {width: 85%;}
    .m_aside_bn .bn_2 .bn .winning {display: flex; align-items: center;justify-content: center; gap:1rem;margin: 2.5rem 0 1.5rem 0;}
    .m_aside_bn .bn_2 .bn .winning .num {color: #181818;font-size: 3.5rem; font-weight: 700; letter-spacing: -3px;}
    .m_aside_bn .bn_2 .bn .winning .num span {font-size: 2rem; vertical-align:middle;}
    .m_aside_bn .bn_2 .bn .winning .num_text {line-height: 1.1; font-size: 1.5rem;}
    .m_aside_bn .bn_2 .bn .winning .num_text .bottom {color: #181818;font-size: 2.3rem;}
    .m_aside_bn .bn_2 .bn .winning .num_text .text_blue {color:#0058C4;}
    .m_aside_bn .bn_2 .bn .winning .num_text .text_red {color:#DF3732;}
    .m_aside_bn .bn_2 .bn button {padding: 1rem 0;border-radius: 0.5rem;width: 100%; font-size: 2rem;}

    .m_aside_menu {margin: 3% 0;}
    .m_aside_menu .menu {border-bottom: 0.1rem solid #DCDCDC;}
    .m_aside_menu .menu:first-child {border-top: 0.1rem solid #DCDCDC;}
    .m_aside_menu .menu .inner {display: flex; align-items: center;justify-content: space-between; margin: 0 auto; padding: 1.5rem 0;width: 85%; font-size: 2rem; font-weight: 700;}
    .m_aside_menu .menu .inner div a {color:#3D3D3D;}
    .m_aside_menu .menu .inner .img_wrap {height: 1.8rem;}
    .m_aside_menu .menu .inner .img_wrap img {height: 100%;}

    .m_aside_bottom {margin: 0 3%;}
    .m_aside_bottom .btns {display: flex; justify-content: center;border-radius: 0.5rem; border: 0.1rem solid #DCDCDC;}
    .m_aside_bottom .btns div {width: 100%; text-align: center;}
    .m_aside_bottom .btns div a {display: block; margin: 1rem 0;padding: 0.5rem 0; width: 100%; color:#333233;font-size: 2rem;font-weight: 600;}
    .m_aside_bottom .btns div a:first-child {border-right: 0.1rem solid #DCDCDC;}
    .m_aside_bottom .logout {margin: 3% 0;}
    .m_aside_bottom .logout div {width: 100%;border-radius: 0.5rem; border: 0.1rem solid #DCDCDC;text-align: center; background: #F6F7F9;}
    .m_aside_bottom .logout div a {display: block; padding: 1.5rem 0;width: 100%; height: 100%;color:#555555;font-size: 2rem;font-weight: 600;}

    /* slick slide */
    .slick_bn {margin: 3% 0; width: 100%; /*height: 9rem;*/border-radius: 0.8rem;}
    .slick_bn div {height: 100%;}
    .slick_bn div img {width: 100%;height: 100%;border-radius: 0.8rem;}




    /* ----------------------------------------
    main(540)
    ---------------------------------------- */
    .m_container {padding-bottom: 2.5rem; overflow: auto;background: #fff;}
    .m_container .sec:not(.m_container .sec:first-child) {margin: 0 auto; width: 94%;}

    .m_main_1 {position: relative;width: 100%; /*height: 100rem;*/ height: 100rem;}
    .m_main_1 .wrap {position: relative; /*top: 5rem;height: 95rem;*/ height: 100%;}

    .m_main_1 .bg_navy {position: absolute; top:0; /*right: 5%;*/ margin-top: 0.1rem;width: 100%; height: calc(100% - 0.2rem);border-radius: 2.5rem;background: #082b60;}

    .m_main_1 .bg_navy .inner {display: flex; flex-direction: column; justify-content: center; margin-left: 75%; height: 100%;text-align: center;}
    .m_main_1 .bg_navy .list {display: flex; flex-direction: column; justify-content: center; gap:2rem;height: 100%;text-align: center;}
    .m_main_1 .bg_navy .list .item {position: relative;height:10rem;padding: 1rem 0;color:#fff; font-weight: 500;}
    /* .m_main_1 .bg_navy .list .item:nth-child(2) {margin-top: 2rem;} 환율*/
    .m_main_1 .bg_navy .list .item .item_inner {position: absolute; top:50%; transform:translateY(-50%); width: 100%;}
    .m_main_1 .bg_navy .list .item .img_wrap {margin: 0 auto;width: 55%;}
    .m_main_1 .bg_navy .list .item .img_wrap img {width: 100%;}
    .m_main_1 .bg_navy .list .item .text {margin-top: 1.5rem; font-size: 1.6rem;font-weight: 600;}
    .m_main_1 .bg_navy .list .exc_text_2 {padding: 0; padding-bottom: 3rem;width: 100%; height: auto;font-size: 2rem; border-bottom:0.1rem solid #163a70;}

    /* 오늘의 환율 */
    .m_main_1 .bg_navy .exchange {color: #fff; text-align: center;}
    .m_main_1 .bg_navy .exchange .exc_img_wrap {background: pink;}
    .m_main_1 .bg_navy .exchange .exc_img_wrap {content: "";display: block;position: absolute; top:-4.5rem;left: 75%; width:9rem; height: 9rem;background:center/cover no-repeat url("../img/main/icon_b.png");}
    .m_main_1 .bg_navy .exchange .exc_img_wrap .exc_text_1 {position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); width: 70%;font-size: 1.6rem;}
    .m_main_1 .bg_navy .exchange .exc_img_wrap .exc_text_1 span {font-size: 1.8rem;}
    /* // */

    .m_main_1 .bg_sky {position: absolute; top:0; left: 0;display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;border-radius: 0; text-align: center;background: #E1EFFF;}
    .m_main_1 .bg_sky .main_cont {margin: 0 auto;width: 85%; /*background: yellow;*/}
    .m_main_1 .bg_sky .main_cont:first-child {padding-bottom: 2.5rem; border-bottom: 0.1rem dashed #ACC5EC;}
    .m_main_1 .bg_sky .main_cont:last-child {padding-top: 2.5rem;}
    .m_main_1 .bg_sky .main_cont:first-child .img_wrap {margin: 0 auto; width: 40%;}
    .m_main_1 .bg_sky .main_cont:last-child .img_wrap {margin: 0 auto; width: 45%;}
    .m_main_1 .bg_sky .main_cont .img_wrap img {width: 100%;}
  .m_main_1 .bg_sky .info {display: flex; align-items: center;justify-content: center;gap: 1rem; padding: 1.5rem 0; /*background: lightgray;*/}
    .m_main_1 .bg_sky .info .title {padding: 0.6rem 1.2rem; width: fit-content;border-radius: 2rem; color: #fff; font-size: 1.5rem;font-weight: 600;}
    .m_main_1 .bg_sky .info .c_blue {background: #0058C4;}
    .m_main_1 .bg_sky .info .c_red {background: #DF3732;}
    .m_main_1 .bg_sky .info .days {color:#363636; font-size: 2rem;font-weight: 600;}
  .m_main_1 .bg_sky .winnings .main {display: flex; align-items: center;justify-content: center; gap:1rem; padding: 1.8rem 0; border-top: 0.1rem solid #C8E1FC;border-bottom: 0.1rem solid #C8E1FC;/*background: skyblue;*/}
    .m_main_1 .bg_sky .winnings .main .lh1 {line-height: 1.1;}
    .m_main_1 .bg_sky .winnings .main .num {color:#181818;font-size: 4.5rem; font-weight: 700;letter-spacing: -3px;}
    .m_main_1 .bg_sky .winnings .main .num span {font-size: 2.5rem;vertical-align: middle;}
    .m_main_1 .bg_sky .winnings .main .winnings_blue {color:#0058C4; font-size: 2rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_red {color:#DF3732;font-size: 2rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_black {color:#181818; font-size: 3.2rem; font-weight: 700;}
    .m_main_1 .bg_sky .winnings .main .winnings_img {position: relative; content: "";display: block;width: 5rem;height: 5rem;color: #181818;background: center/cover no-repeat url("../img/main/bullet_y.png");}
    .m_main_1 .bg_sky .winnings .main .winnings_img span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;font-size: 1.8rem;font-weight: 700;}
    .m_main_1 .bg_sky .winnings .bottom .inner {padding: 1.5rem 0;}
    .m_main_1 .bg_sky .winnings .bottom .num {color: #363636;font-size: 2rem; font-weight: 600;}
  .m_main_1 .bg_sky .winnings .bottom .ball_wrap {display: flex; justify-content: center; gap:0.3rem; margin-top: 1rem;}
    .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball {width: 4rem; height: 4rem; line-height: 4rem; color:#555555; font-size: 1.8rem;font-weight: 700;border-radius: 50%; border:0.1rem solid #D0D0D0;background: #fff;}
    .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball_yellow {color:#333333;border-color:#FED248; background:#FFC821;}
    .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball_red {color:#fff;border-color:#EC514B; background:#DF3732;}
  .m_main_1 .bg_sky .winnings .bottom .btns {display: flex; justify-content: center; gap:1rem;}
    .m_main_1 .bg_sky .winnings .bottom .btns button {padding: 1rem 0; border-radius: 0.3rem; font-size: 2rem; font-weight: 600;}
    .m_main_1 .bg_sky .winnings .bottom .btns button:first-child {width: 35%; color:#3D3D3D;  border: 0.1rem solid #DEDEDE;background: #fff;}
    .m_main_1 .bg_sky .winnings .bottom .btns button:last-child {width: 65%; color: #fff;}
    .m_main_1 .bg_sky .winnings .bottom .btns .btn_blue {background: #0058C4;}
    .m_main_1 .bg_sky .winnings .bottom .btns .btn_red {background: #DF3732;}
    .m_main_1 .bg_sky .winnings .bottom .deadline {display: flex; align-items:center; justify-content: center; gap:1rem; margin-top: 1.5rem;color: #1E1E1E; font-size: 2.063rem; font-weight: 600;}
    .m_main_1 .bg_sky .winnings .bottom .deadline .img_wrap {margin: 0;width: 3rem; height: 2.9rem;}

    .m_main_3 .notice {padding: 1.7rem 2rem 2rem;border-radius: 0.5rem;border: 0.1rem solid #E1E4EA;}
    .m_main_3 .notice .top {display: flex; justify-content: space-between;padding-bottom: 1.5rem; border-bottom: 0.1rem solid #E1E4EB;}
    .m_main_3 .notice .top .title {color: #181818; font-size: 2rem;}
    .m_main_3 .notice .top .img_wrap {width: 2.3rem;height: 2.3rem;}
    .m_main_3 .notice .top .img_wrap img {width: 74%; padding-top: 0.4rem}
    .m_main_3 .notice .bottom .wrap {margin-top: 1.5rem; font-size: 1.5rem;}
    .m_main_3 .notice .bottom .wrap:first-child {margin-top: 2rem;}
    .m_main_3 .notice .bottom .wrap a {display: flex; justify-content: space-between; font-size: 1.8rem;}
    .m_main_3 .notice .bottom .wrap a .title {display: block; width: calc(100% - 0rem);white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
  .m_main_3 .notice .bottom .wrap a .ymd {width: 10rem; height: 1.8rem; /*text-align: justify;*/}
    /* .m_main_3 .notice .bottom .wrap a .ymd::after {content: ""; display: inline-block; width: 100%; height: 0;} */
    .m_main_3 .cs_wrap {margin: 3% 0;}
    .m_main_3 .cs_wrap .cs {display: flex; gap:5rem; padding: 2.5rem 3.5rem;border-radius: 0.5rem;border: 0.1rem solid #E1E4EA; }
    .m_main_3 .cs_wrap .cs:last-child {margin-top: 3%;}
    .m_main_3 .cs_wrap .cs .img_wrap {margin-top: 1.5rem;}
    .m_main_3 .cs_wrap .cs .img_wrap img {width: 100%;}
    .m_main_3 .cs_wrap .cs .text {width: 70%;}
    .m_main_3 .cs_wrap .cs .text .cs_blue {color:#0058C4; font-size: 1.6rem;}
    .m_main_3 .cs_wrap .cs .text .title {margin: 1rem 0;color:#181818; font-size: 2rem;}
    .m_main_3 .cs_wrap .cs .text .ask a {color: #575757; font-size: 1.6rem;font-weight: 500;border-bottom: 0.1rem solid #575757;}

    /* ----------------------------------------
    footer(540)
    ----------------------------------------*/
    footer {width: 100%;}

    footer .nav {display: flex; justify-content: center; padding:1.5rem 0; text-align: center; background: #082b60;}
    footer .nav a {padding-right: 1rem; color:#fff; font-size: 1.6rem;}
    footer .nav a:last-child {padding: 0;}
    footer .nav a::after {content: "|"; padding-left: 1rem; color:#7C818B; font-size: 1.9rem;}
    footer .nav a:last-child::after {content: "";padding: 0;}

    /* footer .copy {padding:1.875rem 0 3rem 0; line-height: 1.5; color:#7C7E82;font-size: 1.5rem;background: #F3F5F8;} */
    footer .copy li span {padding-right: 0.5rem;}
}

@media (max-width: 520px) {
  .mainPop3 .banner.info_msg .msg {height:35rem;}
  .mainPop3 .banner.info_msg .msg .date {font-size: 1.7rem;}
}

@media (max-width: 515px) {
  .m_main_1 .bg_sky .info .title {font-size: 1.4rem;}
  .m_main_1 .bg_sky .info .days {font-size: 1.8rem;}

  .main_back .info .title {font-size: 1.4rem;}
  .main_back .info .days {font-size: 1.8rem;}

  .m_aside_bn .bn_2 .bn .winning .num_text .bottom {font-size: 2.2rem;}
}

@media (max-width: 508px) {
  .mainPop3 .banner.info_msg .msg::after {content: "";position: fixed;right: 0;bottom: 5rem;width: 100%;height: 5rem;transition: 0.3s ease; background: none;}
  .mainPop3 .banner.info_msg .msg.on::after {background: linear-gradient(to top, rgba(255,255,255,1), rgba(0, 0, 0, 0));}

}

@media (max-width: 500px) {
  .m_aside_bn .bn_2 .bn .winning .num {font-size: 3.3rem;}
}

@media (max-width: 498px) {
  .mainPop3 .banner.info_msg .top {display: flex; align-items: center; justify-content: center; gap:10px;}
  .mainPop3 .banner.info_msg .top img {width:4rem;}
  .mainPop3 .banner.info_msg .top .text {flex-direction: column;gap:0;}
  .mainPop3 .banner.info_msg .top .text p {margin-top: 0;}
  .mainPop3 .banner.info_msg .msg .date {font-size: 1.6rem;}
  .mainPop3 .banner.info_msg .msg .date .text {flex-direction: column;gap:0;}
}

@media (max-width: 430px) {
  .m_head .logo #headerLogo {width: 100%;}
  .main_luck_wrap [class^=luck_card] li .img_wrap {width: 6rem;}
}

@media (max-width: 479px) {
  /* ----------------------------------------
  header(479)
  ---------------------------------------- */
    .m_head {height: 6.8rem;}
    .login_height {height: 6.8rem;}
    .m_head .logo img {width: 100%;}
    /* .m_head .logo {width: 40%;} */

    .bugger_wrap {height: 6.8rem;}
    .bugger_wrap .bugger {width: 2.5rem;}
    .bugger_wrap .bugger li {height: 0.2rem;}
    .bugger_wrap .bugger li:nth-child(2), .bugger_wrap .bugger li:last-child {margin-top: 0.5rem;}
    .bugger_wrap .bugger.active li:first-child {transform: rotate(43deg) translate(0.27rem, 0.3rem);}
    .bugger_wrap .bugger.active li:last-child {transform: rotate(-42deg) translate(0.3rem, -0.3rem);}

  /* ----------------------------------------
  aside(479)
  ---------------------------------------- */

    .m_aside_top .top_wrap {height: 6.8rem;}

    .m_aside_bn .bn_2 .bn .text {width: 8.5rem; height: 2.5rem; line-height: 2.5rem;font-size: 1.3rem;}
    .m_aside_bn .bn_2 .bn .img_wrap {margin-top: 2.5rem;}
    .m_aside_bn .bn_2 .bn .winning {gap:0.5rem;margin: 1.5rem 0;}
    .m_aside_bn .bn_2 .bn .winning .num {font-size: 3rem;}
    .m_aside_bn .bn_2 .bn .winning .num span {font-size: 1.5rem;}
    .m_aside_bn .bn_2 .bn .winning .num_text {line-height: 1.1;}
    .m_aside_bn .bn_2 .bn .winning .num_text .bottom {font-size: 2rem;}
    .m_aside_bn .bn_2 .bn .winning .num_text .text_blue {font-size: 1.3rem;}
    .m_aside_bn .bn_2 .bn .winning .num_text .text_red {font-size: 1.3rem;}
    .m_aside_bn .bn_2 .bn button {font-size: 1.5rem;}

    .m_aside_menu .menu .inner {font-size: 1.5rem;}
    .m_aside_menu .menu .inner .img_wrap {height: 1.5rem;}

    .m_aside_bottom .btns div a {font-size: 1.5rem;}
    .m_aside_bottom .logout div a {font-size: 1.5rem;}

    /* slick slide */
    .slick_bn {/*height: 7rem;*/border-radius: 0.5rem;}
    .slick_bn div img {border-radius: 0.5rem;}

    /* ----------------------------------------
    main(479)
    ---------------------------------------- */
    /* .m_container {padding-top: 6.8rem;} */

    .m_main_1 {height: 92rem;}

    .m_main_1 .bg_navy .list {gap:1rem;}
    /* .m_main_1 .bg_navy .list .item:nth-child(2) {margin-top: 2rem;} 환율*/
    .m_main_1 .bg_navy .list .item .text {margin-top: 1rem; font-size: 1.4rem;}

    .m_main_1 .bg_sky .info {gap: 0.3rem; }
    .m_main_1 .bg_sky .info .title {padding: 0.5rem 0.8rem; border-radius: 2rem; font-size: 1.3rem;}
    .m_main_1 .bg_sky .info .days {font-size: 1.5rem;}
  .m_main_1 .bg_sky .winnings .main {gap:0.5rem; padding: 1.5rem 0;}
    .m_main_1 .bg_sky .winnings .main .num span {font-size: 1.8rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_blue {font-size: 1.5rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_red {font-size: 1.5rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_black {font-size: 2.3rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_img {width: 4.3rem;height: 4.3rem;}
    .m_main_1 .bg_sky .winnings .main .winnings_img span {font-size: 1.5rem;}
    .m_main_1 .bg_sky .winnings .bottom .num {font-size: 1.5rem;}
    .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball {width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.5rem;}
  .m_main_1 .bg_sky .winnings .bottom .btns {gap:0.5rem;}
    .m_main_1 .bg_sky .winnings .bottom .btns button {font-size: 1.5rem;}
    .m_main_1 .bg_sky .winnings .bottom .deadline {font-size: 1.813rem;}
    .m_main_1 .bg_sky .winnings .bottom .deadline .img_wrap {width: 2.5rem; height: 2.4rem;}
    .m_main_1 .bg_sky .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {width:11rem;}

    .main_back .info {gap: 0.3rem; }
    .main_back .info .title {padding: 0.5rem 0.8rem; border-radius: 2rem; font-size: 1.3rem;}
    .main_back .info .days {font-size: 1.5rem;}
  .main_back .winnings .main {gap:0.5rem; padding: 1.5rem 0 1rem;}
    .main_back .winnings .main .num span {font-size: 3rem;}
    .main_back .winnings .main .num.numfs {font-size: 4.8rem;}
    .main_back .winnings .main .winnings_blue {font-size: 1.5rem;}
    .main_back .winnings .main .winnings_red {font-size: 1.5rem;}
    .main_back .winnings .main .winnings_black {font-size: 2.3rem;}
    .main_back .winnings .main .winnings_img {width: 4.3rem;height: 4.3rem;}
    .main_back .winnings .main .winnings_img span {font-size: 1.5rem;}
    .main_back .winnings .bottom .num {font-size: 1.5rem;}
    .main_back .winnings .bottom .ball_wrap .ball {width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.5rem;}
  .main_back .winnings .bottom .btns {gap:0.5rem;}
    .main_back .winnings .bottom .btns button {font-size: 1.5rem;}
    .main_back .winnings .bottom .deadline {font-size: 1.813rem;}
    .main_back .winnings .bottom .deadline .img_wrap {width: 2.5rem; height: 2.4rem;}
    .main_back .winnings .bottom .deadline .countdown1, .main_back .winnings .bottom .deadline .countdown2 {width:11rem;}

    .m_main_3 .notice .top {padding-bottom: 1.5rem;}
    .m_main_3 .notice .top .title {font-size: 1.8rem;}
    .m_main_3 .notice .top .img_wrap {width: 2.1rem;height: 2.1rem;}
    .m_main_3 .notice .bottom .wrap {margin-top: 1rem;}
    .m_main_3 .notice .bottom .wrap:first-child {margin-top: 1.5rem;}
    .m_main_3 .notice .bottom .wrap a {font-size: 1.5rem;}
    .m_main_3 .notice .bottom .wrap a .title {width: calc(100% - 0rem);}
  .m_main_3 .notice .bottom .wrap a .ymd {width: 9rem; /*text-align: justify;*/}
    /* .m_main_3 .notice .bottom .wrap a .ymd::after {content: ""; display: inline-block; width: 100%; height: 0;} */
    .m_main_3 .cs_wrap .cs {padding: 2.5rem;}
    .m_main_3 .cs_wrap .cs .text .cs_blue {font-size: 1.5rem;}
    .m_main_3 .cs_wrap .cs .text .title {font-size: 1.7rem;}
    .m_main_3 .cs_wrap .cs .text .ask a {font-size: 1.5rem;}

    .mainPop .xbtn {top:2rem; right:2rem;}

    /* ----------------------------------------
    footer(479)
    ----------------------------------------*/

    footer .nav a {font-size: 1.5rem;}
    footer .nav a::after {font-size: 1.5rem;}
    footer .copy {font-size: 1.3rem;}
}

@media (max-width: 450px) {
  .mainPop .xbtn {width:2rem; height:2rem;}
}

    /* ----------------------------------------
    main(425)
    ---------------------------------------- */
    @media (max-width: 425px) {
     .m_main_1 {height: 88.5rem;}
     /* .m_main_1 .bg_sky .winnings .bottom .deadline {padding-left: 26px;} */

     .list_result .wns .ball_wrap {gap: 0.1rem;}

     .m_aside_bn .bn_2 .bn .winning .num {font-size: 2.7rem;}
     .m_aside_bn .bn_2 .bn .winning .num_text .bottom {font-size: 1.8rem;}
     .m_aside_bn .bn_2 .bn .winning .num_text .text_blue {font-size: 1.2rem;}
     .m_aside_bn .bn_2 .bn .winning .num_text .text_red {font-size: 1.2rem;}
   }

    /* ----------------------------------------
    main(414)
    ---------------------------------------- */
    @media (max-width: 414px) {
     .m_main_1 {height: 88.5rem;}
     /* .slick-dots {left:92%!important; bottom:23% !important;} */
     /* .m_main_1 .bg_sky .winnings .bottom .deadline {padding-left: 26px;} */
   }


    /* ----------------------------------------
    main(410)
    ---------------------------------------- */
    @media (max-width: 412px) {
     .m_main_1 {height: 88.5rem;}
     /* .m_main_1 .bg_sky .winnings .bottom .deadline {padding-left: 25px;} */
   }

   @media (max-width: 420px) {
     nav.nav_new ul.nav01 .nav_item {flex:1;}
     nav.nav_new ul.nav01 .nav_item:nth-child(2) {flex:1.4}
     nav.nav_new ul.nav02 .nav_item {flex:1;}
     nav.nav_new ul.nav02 .nav_item:nth-child(3) {flex:0.7}

     nav.nav_new ul.nav01 .nav_item.nav-flx1 {flex:1.4}
     nav.nav_new ul.nav01 .nav_item.nav-flx2 {flex:1}
     nav.nav_new ul.nav02 .nav_item.nav-flx3 {flex:0.7}
     nav.nav_new ul.nav02 .nav_item.nav-flx4 {flex:0.6}
     nav.nav_new ul.nav02 .nav_item.nav-flx5 {flex:1}
   }

   @media (max-width: 410px) {
     .main_luck_wrap [class^=luck_card] .title {font-size: 1.6rem;}
     .main_luck_wrap [class^=luck_card] .subtitle {font-size: 1.4rem;}

     .main_swiper .main_swiper_badge {width:6.5rem;cursor: pointer;}
   }

   @media (max-width: 400px) {
    .mainPop3 .banner.info_msg .top img {width:3.5rem;}
    .mainPop3 .banner.info_msg .top p {font-size: 1.8rem;}
   }

    /* ----------------------------------------
    main(390)
    ---------------------------------------- */
    @media (max-width: 390px) {
     .m_main_1 {height: 88.5rem;}
     /* .m_main_1 .bg_sky .winnings .bottom .deadline {padding-left: 15px;} */

     .list_result .wns .ball_wrap .ball {width: 2.2rem;height: 2.2rem;line-height: 2.2rem;font-size: 1.3rem;}

     .cs_new .wrap .inner {padding: 2rem 0 2rem 1.5rem;}
   }


   @media (max-width: 389px) {
   .m_main_1 .bg_sky .info {gap:0.5rem;padding: 1.5rem 0; /*background: lightgray;*/}
   .m_main_1 .bg_sky .info .title {width: 2.2rem;height: 1.4rem;}
   .m_main_1 .bg_sky .info .title span {visibility: hidden;}
   .m_main_1 .bg_sky .info .title span::before {visibility: visible;content:"추첨";}

 .main_back .info {gap:0.5rem;padding: 1.5rem 0; /*background: lightgray;*/}
 /* .main_back .info .title {width: 2.2rem;height: 1.4rem;}
 .main_back .info .title span {visibility: hidden;}
 .main_back .info .title span::before {visibility: visible;content:"추첨";} */
   }

   @media (max-width: 380px) {
     .cs_new .wrap .inner .img_wrap {width: 2.5rem;height: 2.5rem;}
     .cs_new .wrap .inner .text div:first-child {font-size: 1.5rem;}
     .cs_new .wrap .inner .text div:last-child {font-size: 1.2rem;}

     .m_aside_bn .bn_2 .bn {padding: 1.1rem}
     .m_aside_bn .bn_2 .bn .winning .num {font-size: 2.6rem;}
     .m_aside_bn .bn_2 .bn .winning .num_text .bottom {font-size: 1.7rem;}
   }

    /* ----------------------------------------
    main(375)
    ---------------------------------------- */
    @media (max-width: 375px) {
    .m_main_1 {height: 75rem;}

    .m_main_1 .bg_navy .list {gap: 0;}

    .m_main_1 .bg_sky .winnings .main {padding: 0; border:0;}
    .m_main_1 .bg_sky .winnings .main .num {color:#181818;font-size: 4.2rem;}
    .m_main_1 .bg_sky .winnings .main .num span {font-size: 1.8rem;}

    .m_main_1 .bg_sky .main_cont:first-child {padding-bottom: 2rem;}
    .m_main_1 .bg_sky .main_cont:last-child {padding-top: 2rem;}

    .m_main_1 .bg_sky .winnings .bottom .deadline {/*padding-left: 16px;*/ font-size: 1.688rem;}
    .m_main_1 .bg_sky .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {width:10.5rem;}

    .main_back .winnings .main {padding: 0; border:0;}
    .main_back .winnings .main .num.numfs {color:#181818;font-size: 4.2rem;}


    .main_back .main_cont:first-child {padding-bottom: 2rem;}
    .main_back .main_cont:last-child {padding-top: 2rem;}

    .main_back .winnings .bottom .deadline {/*padding-left: 16px;*/ font-size: 1.688rem;}
    .main_back .winnings .bottom .deadline .countdown1, .main_back .winnings .bottom .deadline .countdown2 {width:10.5rem;}

    .list_result li div.dgbn {margin: 0 1.2rem; padding: 1.2rem 0;}
    .list_result .wns {padding: 1.2rem 0;}
    .list_result .wns .btns {padding: 0 1.2rem;}
    .list_result .wns .btns button {font-size: 1.2rem;}

    footer .nav a:nth-child(3) {padding-right: 0;}
    footer .nav a:nth-child(3)::after {display: none;}
    footer .nav a:last-child {display: none;}
  }


  @media (max-width: 370px) {
     .m_aside_bn .bn_2 .bn .winning .num {font-size: 2.3rem;}
     .mainPop .xbtn {top:1.5rem; right:1.5rem;}

    .main_luck_wrap [class^=luck_card] {flex-direction: column;}
    .main_luck_wrap [class^=luck_card] li > a {padding:2rem;height: 13rem;}
    .main_luck_wrap .luck_card li .img_wrap {width: 7rem;}
    .main_luck_wrap [class^=luck_card] .subtitle {font-size: 1.5rem;}
    .main_luck_wrap [class^=luck_card] .subtitle [class^=enter] {display: inline-block;margin:0;}
    .main_luck_wrap [class^=luck_card] .subtitle [class^=enter]::after {content:""; white-space: nowrap;}
   }

    /* ----------------------------------------
    main(360)
    ---------------------------------------- */
    /* 갤럭시s21 */
    @media (max-width: 360px) and (max-height: 800px) {
      .m_main_1 .bg_sky .info .title {width: 2.6rem;}
    }

    @media (max-width: 360px) {

      .main_top_bn .inner .text {font-size: 1.4rem;}

      .m_main_1 .bg_sky .winnings .bottom .deadline {/*padding-left: 2px;*/font-size: 1.5rem;}
      .m_main_1 .bg_sky .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {width:9.5rem;}

      .main_back .winnings .bottom .deadline {/*padding-left: 2px;*/font-size: 1.5rem;}
      .main_back .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {width:9.5rem;}

      /* .main_back .info .title {width: 2.6rem;} */
      /* .slick-dots {left:91%!important; bottom:16% !important;} */

      .login_height {right: 17%;width: 10rem;}
      /* .login_wrap {right: 17%;} */
      .login_wrap ul.out {padding: 0.3rem 0.8rem;}
      .login_wrap ul.in {padding: 0.3rem 0.6rem;}
      .login_wrap ul.out li img {width: 85%;}
      .login_wrap ul.in li img {width: 80%;}
      .login_wrap ul li.text {font-size: 1.1rem;}

      .m_aside_top .top_wrap .aside_top_text .text_img_wrap {width: 3.3rem;height: 3.3rem; cursor: pointer;}
      .m_aside_top .top_wrap .aside_top_text .text_text {font-size: 1.5rem;}
      .m_aside_top .top_wrap .aside_top_btn .wrapper {right:17%;padding: 0.3rem 0.8rem;}
      .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_img_wrap img {width: 85%;}
      .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_text {font-size: 1.1rem;}

      .cs_new .wrap .inner {padding: 2rem 0 2rem 2rem;}
      .cs_new .wrap .inner .text div:last-child {display: none;}

      .mainPop3 .banner.info_msg .msg {margin:1rem;}
      .mainPop3 .banner.info_msg .msg::after {bottom:4.5rem;}
    }


    @media (max-width: 340px) {
      .main_top_bn .inner .text {font-size: 1.3rem;}
      .main_top_bn .xbtn {font-size: 3rem;}

      .m_head {height: 6rem;}
      .login_height {height: 6rem;}
      /* .m_head .logo {width: 40%;} */
      .m_aside_top .top_wrap {height: 6rem;}
      .bugger_wrap {height: 6rem;}

      .m_aside_bn .bn_2 .bn .winning .num span {font-size: 1.2rem;}
     .m_aside_bn .bn_2 .bn .winning .num {font-size: 2.3rem;}

      .m_main_1 .bg_sky .info .title {width: 2.2rem;}

      .list_result .wns .ball_wrap .ball {width: 2rem;height: 2rem;line-height: 2rem;font-size: 1.2rem;}
      .list_result .wns .btns button:first-child {padding: 0 5%; width: 35%;}
      .list_result .wns .btns button:first-child span {visibility: hidden;}
      .list_result .wns .btns button:first-child span::before {visibility: visible; content: "결과";}
      .list_result .wns .btns button:last-child {width: 65%;}

      table.tb_type2 .draw_balls .list_ball li span {width: 2.8rem;height: 2.8rem;line-height: 2.6rem;}

      div.popup.draw table.tb_type3 th, tbody#wininfo_price tr td {font-size: 1.3rem;}

      footer .copy {font-size: 1.2rem;}
      footer .copy .copy2 {font-size: 1.2rem;}
    }


    @media (max-width: 330px) {
      .m_main_1 .bg_sky .winnings .main .num {font-size: 4.1rem;}

      .main_back .winnings .main .num.numfs {font-size: 4.1rem;}

      /* .slick-dots {left:90%!important; bottom:13% !important;} */

      .info_2_bottom table, th, td {font-size: 14px;}

      ol.info_ol li {font-size: 1.4rem;}

      .video_wrapper .video iframe {width: 90%;}

      .m_aside_bn .bn_2 .bn .winning .num span {font-size: 1.1rem;}
      .m_aside_bn .bn_2 .bn .winning .num_text .bottom {font-size: 1.5rem;}
      .m_aside_bn .bn_2 .bn .winning .num_text .text_blue {font-size: 1rem;}
      .m_aside_bn .bn_2 .bn .winning .num_text .text_red {font-size: 1rem;}

      .mainPop3 .banner.info_msg .msg .date {font-size: 1.5rem;}
    }

    @media (max-width: 325px) {
      .m_main_1 .bg_sky .winnings .main .num {font-size: 4rem;}
      .main_back .winnings .main .num.numfs {font-size: 4rem;}

      .m_aside_top .top_wrap .aside_top_btn .wrapper {right:17%;padding: 0.3rem 0.8rem;}
      .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_img_wrap img {width: 85%;}
      .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_text {font-size: 1.1rem;}
    }

    /* ----------------------------------------
    main(320)
    ---------------------------------------- */
    @media (max-width: 320px) {

    .main_top_bn .inner .text {font-size: 1.2rem;}

    .m_main_1 {height: 70rem;}

    .m_main_1 .bg_navy .list .item {padding: 0.5rem 0;}

    .m_main_1 .bg_sky .main_cont:first-child {padding-bottom: 1.5rem;}
    .m_main_1 .bg_sky .main_cont:last-child {padding-top: 1.5rem;}

    .m_main_1 .bg_sky .winnings .main .num {color:#181818;font-size: 3.5rem;}
    .m_main_1 .bg_sky .winnings .main .num span {font-size: 1.8rem;}

    .main_back .main_cont:first-child {padding-bottom: 1.5rem;}
    .main_back .main_cont:last-child {padding-top: 1.5rem;}

    .main_back .winnings .main .num.numfs {color:#181818;font-size: 3.5rem;}


    .main_back .winnings .main.main_new .main_new_top {font-size: 1.8rem;}

    .main_back .winnings .main .winnings_black.wbfs {font-size: 3.6rem;}
    .main_back .winnings .bottom .winnings_img {width: 4.2rem; height: 4.2rem; background-size: 4.2rem;}
    .main_back .winnings .bottom .winnings_img span {font-size: 1.5rem;}

    /* .m_main_1 .bg_sky .winnings .bottom .deadline {padding-left: 5px;} */

    .m_aside_top .top_wrap .aside_top_text .text_img_wrap {width: 3rem;height: 3rem;}
    .m_aside_top .top_wrap .aside_top_text .text_text {font-size: 1.4rem;}

    .m_aside_bn .bn_2 .bn .winning .num {font-size:2.2rem;}

    table.tb_type2 .draw_balls .list_ball li span {width: 2.5rem;height: 2.5rem;line-height: 2.2rem; font-size: 1.2rem;}

    .cs_new .wrap .inner {padding: 2rem 0 2rem 1.5rem;}

    .mainPop .xbtn {top:1.3rem; right:1.3rem; width: 1.8rem; height: 1.8rem;}


    .cs_new1 {background-position-y: 90px; background-size: 9rem;}

  }
@media (max-width: 312px) {
  .m_aside_bn .bn_2 .bn .winning .num span {font-size: 1rem;}
  .m_aside_bn .bn_2 .bn .winning .num {font-size: 2.1rem;}
}

@media (max-width: 302px) {
  .main_top_bn .inner .text {font-size: 1.1rem;}

  .m_main_1 {height: 75rem;}
  .m_main_1 .bg_sky .info {flex-direction: column;}

  .m_main_1 .bg_sky .winnings .main .num {font-size: 3.4rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_blue {font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_red {font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_black {font-size: 2.1rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_img {width: 4rem;height: 4rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_img span {font-size: 1.4rem;}
  .m_main_1 .bg_sky .winnings .bottom .deadline {font-size: 1.455rem;}
  .m_main_1 .bg_sky .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {width:9rem;}

  .main_back .info {flex-direction: column;}

  .main_back .winnings .main .num.numfs {font-size: 3.4rem;}
  .main_back .winnings .main .winnings_blue {font-size: 1.3rem;}
  .main_back .winnings .main .winnings_red {font-size: 1.3rem;}
  .main_back .winnings .main .winnings_black {font-size: 2.1rem;}
  .main_back .winnings .main .winnings_img {width: 4rem;height: 4rem;}
  .main_back .winnings .main .winnings_img span {font-size: 1.4rem;}
  .main_back .winnings .bottom .deadline {font-size: 1.455rem;}
  .main_back .winnings .bottom .deadline .countdown1, .main_back .winnings .bottom .deadline .countdown2 {width:9rem;}

  .cs_new .wrap .inner .img_wrap {width: 2rem;height: 2rem;}
  /* .cs_new .wrap .inner .text div:first-child {font-size: 1.4rem;} */

  .video_wrapper .title div:last-child {font-size: 1.4rem;}

  .login_height {right:17%;width: 8rem;}
  /* .login_wrap {right: 18%;} */
  .login_wrap ul.out {padding: 0.3rem 0.8rem;}
  .login_wrap ul.in {padding: 0.3rem 0.6rem;}
  .login_wrap ul li.img_wrap {width: 1.5rem;height: 1.5rem;}
  .login_wrap ul.out li img {width: 100%;}
  .login_wrap ul.in li img {width: 100%;}
  .login_wrap ul li.text {font-size: 1.1rem;}

  .m_aside_top .top_wrap .aside_top_text {gap:0.5rem;}
  .m_aside_top .top_wrap .aside_top_text .text_img_wrap {width: 3rem;height: 3rem;}
  .m_aside_top .top_wrap .aside_top_text .text_text {font-size: 1.4rem;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper {right:16%;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_img_wrap {width: 1.5rem;height: 1.5rem;}
  .m_aside_top .top_wrap .aside_top_btn .wrapper .btn_img_wrap img {width: 100%;}

  table.tb_type2 .draw_date {font-size: 1.4rem;}
  table.tb_type2 .draw_balls .list_ball li span {width: 2.3rem;height: 2.3rem;font-size: 1.1rem;}

  footer .copy {font-size: 1.1rem;}
}

@media (max-width: 300px) {
  .m_aside_bn .bn_2 .bn .winning .num {font-size: 2rem;}
  .m_aside_bn .bn_2 .bn .winning .num_text .bottom {font-size: 1.4rem;}
  .mainPop .xbtn {top:1.2rem; right:1.2rem;}
}

@media (max-width: 290px) {
  /* .m_aside_bn .bn_2 .bn .winning .num {font-size: 2rem;} */
  .info_2_bottom table, th, td {font-size: 1.3rem;}
}

@media (max-width: 280px) {
  /* ----------------------------------------
  header(280)
  ---------------------------------------- */
  /* .m_head .logo {width: 40%;} */

  /* ----------------------------------------
  aside(280)
  ---------------------------------------- */

  .m_aside_top .top_wrap .aside_top_text .text_img_wrap {width: 2.8rem;height: 2.8rem;}
  .m_aside_top .top_wrap .aside_top_text .text_text {font-size: 1.3rem;}
  /* .m_aside_top .top_wrap .aside_top_btn .wrapper {right:16%;} */

  .m_aside_bn .bn_2 .bn {padding: 1rem 0;}
  .m_aside_bn .bn_2 .bn .winning {gap:0.5rem;}

  .m_aside_bn .bn_2 .bn .text {width: 8rem;height: 2.3rem;line-height: 2.3rem;font-size: 1.1rem;}
  .m_aside_bn .bn_2 .bn:first-child .img_wrap img {width: 70%;}
  .m_aside_bn .bn_2 .bn:last-child .img_wrap img {width: 75%;}
  .m_aside_bn .bn_2 .bn .bn_btn {padding: 0 1rem;}
  .m_aside_bn .bn_2 .bn button {padding: 0.8rem 0;font-size: 1.3rem;}

  .m_aside_menu .menu .inner {font-size: 1.3rem;}
  .m_aside_menu .menu .inner .img_wrap {height: 1.3rem;}
  .m_aside_bottom .btns div a {font-size: 1.3rem;}
  .m_aside_bottom .logout div a {font-size: 1.3rem;}

  /* ----------------------------------------
  main(280)
  ---------------------------------------- */
  .m_main_1 {height: 70rem;}

  .m_main_1 .bg_navy .list {gap: 1rem;}
  .m_main_1 .bg_navy .list .item {padding: 0;}
  .m_main_1 .bg_navy .list .item .text {font-size: 1.2rem;}

  .m_main_1 .bg_sky .winnings .main {gap:0.5rem;}
  .m_main_1 .bg_sky .winnings .main .num {font-size: 2.7rem;}
  .m_main_1 .bg_sky .winnings .main .num span {font-size: 1.5rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_blue {font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_black {font-size: 1.9rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_img {width: 3rem; height: 3rem;}
  .m_main_1 .bg_sky .winnings .main .winnings_img span {font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball {width: 2.5rem;height: 2.5rem;line-height: 2.5rem;}
  .m_main_1 .bg_sky .winnings .bottom .ball_wrap .ball span {font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .bottom .btns button {padding: 0.8rem 0;font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .bottom .deadline .img_wrap {width: 2.1rem; height: 2rem;}
  .m_main_1 .bg_sky .winnings .bottom .deadline {font-size: 1.3rem;}
  .m_main_1 .bg_sky .winnings .bottom .deadline .countdown1, .m_main_1 .bg_sky .winnings .bottom .deadline .countdown2 {width:8rem;}

  .main_back .winnings .main {gap:0.5rem;}
  .main_back .winnings .main .num.numfs {font-size: 2.7rem;}

  .main_back .winnings .main .winnings_blue {font-size: 1.3rem;}
  .main_back .winnings .main .winnings_black {font-size: 1.9rem;}
  .main_back .winnings .main .winnings_img {width: 3rem; height: 3rem;}
  .main_back .winnings .main .winnings_img span {font-size: 1.3rem;}
  .main_back .winnings .bottom .ball_wrap .ball {width: 2.5rem;height: 2.5rem;line-height: 2.5rem;}
  .main_back .winnings .bottom .ball_wrap .ball span {font-size: 1.3rem;}
  .main_back .winnings .bottom .btns button {padding: 0.8rem 0;font-size: 1.3rem;}
  .main_back .winnings .bottom .deadline .img_wrap {width: 2.1rem; height: 2rem;}
  .main_back .winnings .bottom .deadline {font-size: 1.3rem;}
  .main_back .winnings .bottom .deadline .countdown1, .main_back .winnings .bottom .deadline .countdown2 {width:8rem;}

  .main_back .winnings .main.main_new .main_new_top {font-size: 1.7rem;}
  /* .main_back .winnings .main .num.numfs {font-size: 4rem;} */
  .main_back .winnings .main .winnings_black.wbfs {font-size: 2.7rem;}
  .main_back .winnings .bottom .winnings_img {width: 4rem; height: 4rem; background-size: 4rem;}
  .main_back .winnings .bottom .winnings_img span {font-size: 1.5rem;}

  .m_main_3 .notice .top .title {font-size: 1.5rem;}
  .m_main_3 .notice .top .img_wrap {width: 1.6rem; height: 1.6rem;}
  .m_main_3 .notice .bottom .wrap a {font-size: 1.3rem;}
  .m_main_3 .notice .bottom .wrap a .title {display: block;width: calc(100% - 0rem);}
  .m_main_3 .notice .bottom .wrap a .ymd {width: 8rem;height: 1.5rem;}
  .m_main_3 .cs_wrap .cs {padding: 2rem;}
  .m_main_3 .cs_wrap .cs .img_wrap {width: 18%;}
  .m_main_3 .cs_wrap .cs .text .cs_blue {font-size: 1.1rem;}
  .m_main_3 .cs_wrap .cs .text .title {font-size: 1.5rem;}
  .m_main_3 .cs_wrap .cs .text .ask a {font-size: 1.3rem;}

/* .slick-dots {left:89%!important; bottom:8% !important;} */

  .video_wrapper .title div:last-child {font-size: 1.3rem;}

  .cs_new .wrap .inner .text div:first-child {font-size: 1.4rem;}

  .list_result .wns .ball_wrap {gap: 0;}
  .list_result .wns .ball_wrap .ball {width: 1.8rem;height: 1.8rem;line-height: 1.8rem;font-size: 1.1rem;}
  .list_result .wns .btns button {height: 3rem;line-height: 3rem;}

  table.tb_type2 .draw_date {font-size: 1.3rem;}

  .cs_new1 {background-position-y: 100px; background-size: 7.5rem;}

  /* ----------------------------------------
  footer(280)
  ----------------------------------------*/

  footer .copy {font-size: 1rem;}
  footer .authmark {width: 3.5rem;height: 3.5rem;}
}