html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body,input,select,textarea,button {border:none;}
ul,ol,li{list-style:none; }
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
hr{display:none;}

section { line-height: 1}

input::-webkit-input-placeholder,
input::placeholder,
input::-ms-input-placeholder,
input:-ms-input-placeholder { color: #000}
input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
i { font-style: normal;}

main { display: block; min-height: 60vh; margin-bottom: 50px;}

input { -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0;}

input.spay { padding:0.6rem 0.6rem; width: 22.75rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}
input.spay_cvc { padding:0.6rem 0.6rem; width: 4rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}

.f_NotoSansKR { font-family: 'Pretendard', sans-serif; }

.skip { position: absolute; padding: 0.5rem 0; left: 0; right: 0; top: -100%; background: rgba(0,0,0,0.5); color: #fff; text-align: center; }
.skip:focus { top:0; z-index: 10000}

.nav_skip { position: absolute; left: 0; right: 0; top: -100%; background: rgba(0,0,0,0.8); z-index: 9999; padding: 10px 0; color: #fff; text-align: center; }
.nav_skip:focus { top: 0;}
.hide {overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
input { -webkit-appearance: none; appearance: none; box-shadow: none; border-radius: 0;}

/*****************
layout
******************/
.wrap_iframe {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.wrap_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* clear both */
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.clear > .left { float: left}
.clear > .right { float: right}

/* display */
.inblock { display: inline-block;}
.block { display: block;}
.none { display: none;}


/* flex */
.inflex { display: inline-flex;}
.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.flex.column {-webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex.row { -webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.flex.justify_center { -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; justify-content: center;}
/* .flex.justify_end { -webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center; justify-content: center;} */
.flex.space { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.flex.align_start { -webkit-box-align: start; -moz-align-items: start; -ms-flex-align: start; align-items:flex-start;}
.flex.align_end { -webkit-box-align: end;-moz-align-items: end; -ms-flex-align: end; align-items: flex-end;padding: 0px 0 15px;}
.flex.align_center { -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
.flex.wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.nowrap {-webkit-box-lines: single; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

/* before, after */
.add_after:after, .add_before:before { content: ""; display: inline-block; vertical-align: middle;}

.spay_birth ul{display: block; }
.spay_birth li{display:inline;}
/*.spay_birth li select{ padding:0.6rem 0.6rem; width: 3.9rem; height:1.5rem; margin-right:6px; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; text-align:right;}*/
.spay_birth select {
    padding: 0 40px 0 15px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 125px;
    height: 45px;
    margin-right:4px;
    box-sizing: border-box;
    background: #fff url(../common/images/down-b.png) no-repeat right 15px center;
    vertical-align: top;
    font-size: 14px;
    color: #494949;
}

.spay_card ul{display:block;  }
.spay_card li{ display:inline;}
.spay_card li input{ padding:0.6rem 0.6rem; width: 3.6rem; margin-right:1px; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; text-align:right;}

.spay_bank li input{ padding:0.6rem 0.6rem; width: 13rem; margin-right:1px; border: 1px solid #ddd; border-radius: 0.25rem; background: #fff;}

input.spay_signup { padding:0.6rem 0.6rem; width: 4.23rem; margin-right:1px; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; }

input.spay_pass { padding:0.6rem 0.6rem; width: 4rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; text-align:right;}
.spay_pass_1 { padding:0.6rem 0.5rem; width: 1.063rem; border: 0px solid #ddd; border-radius: 0.2rem; background: #fff; font-size:0.05rem; letter-spacing:1px;}
select.pmonth { padding:0.6rem 0.6rem; width: 15rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}

.pin_header {color: #fff;padding: 0.08rem 0.2rem;background: #276ac7;border: 1px solid #276ac7;border-radius: 0.2rem;font-size: 0.75rem;}

.wrap_com { margin:0 auto; width: 74rem;}


.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}

.pb5 { padding-bottom: 0.25rem}
.pb10 { padding-bottom: 0.5rem}
.pb20 { padding-bottom: 1.063rem}
.pb30 { padding-bottom: 1.5rem}
.pb60 { padding-bottom: 3rem}

.pt5 { padding-top: 0.25rem}
.pt10 { padding-top: 0.5rem}
.pt20 { padding-top: 1.063rem}
.pt30 { padding-top: 1.5rem}
.pt40 { padding-top: 2.5rem;}
.pt60 { padding-top: 3rem;}

.mb5 { margin-bottom: 0.25rem}
.mb10 { margin-bottom: 0.5rem}
.mb20 { margin-bottom: 1.063rem}
.mb30 { margin-bottom: 1.5rem}

.mt5 { margin-top: 0.25rem}
.mt10 { margin-top: 0.5rem}
.mt20 { margin-top: 1.063rem}
.mt30 { margin-top: 1.5rem}
.mt40 { margin-top: 2.5rem}
/* border-radius */
.br10 { border-radius: 0.5rem}

/* blink */
.blink { animation: blink-effect 1.5s step-end infinite;
    /*
    animation-name: blink-effect;
    animation-duration: 1s;
    animation-iteration-count:infinite;
    animation-timing-function:step-end;
    */
}

.bx_gray {background: #f8fafb;}
.bx_gray2 {background: #f1f1f1;}
.bx_sky {background: #e1effe;}
.border_gray {border: 1px solid #ddd;}

/* text style */
.h_type1 { font-size: 1.063rem; letter-spacing: -0.075em}
.h_type2 { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: -0.025em}
.h_type2 sup { font-weight: 600}
.h_type3 { font-size: 2rem; font-family:'Pretendard',sans-serif; letter-spacing: -0.075em; font-weight: bold; color: #333;}
.h_type4 { padding: 1.063rem 0 2.6rem; font-family:'Pretendard',sans-serif; color:#222; font-size: 2.5rem; letter-spacing: -0.075em; font-weight: 400; text-align: center;}


/* list */
.list_type1 > li > a { display: block; border: 1px solid #ddd;border-radius: 0.5rem; box-sizing: border-box;}
.list_bul.gray { color: #676767; font-size: 1rem;}
.list_bul.light_gray { color: #666; font-size: 1rem;}
.list_bul > li { padding-left: 0.1.063rem; /*padding-bottom: 10px;*/position: relative; line-height:1.5rem; margin-left:12px; }
.list_bul > li.nonebul:before { display: none}
.list_bul > li:before { position: absolute; left: -10px; line-height:19px; top: 10px; content: ""; display: inline-block; width: 3px; height: 3px; background: #666; vertical-align: middle; border-radius: 100%;}
.list_bul > li.list_txt:before { position: absolute; left: -10px; line-height:19px; top: 10px; content: ""; display: inline-block; width: 3px; height: 3px; background: #666; vertical-align: middle; border-radius: 100%}

.list_sel:after { display: block; clear: both;}
.list_sel > li { float: left; }
.list_sel > li ~ li { margin-left: -1px}
.list_sel > li * { font-size: 0.938rem; border: 1px solid #d6d6d6; position: relative; color: #666; transition: all .3s;}
.list_sel > li *:hover { z-index: 1}

.list_type4 > li { padding: 0 1.5rem; border-top: 1px solid #d2d2d2; font-size: 16px;}
.list_type4 > li a { position: relative;}
.list_type4 > li a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content:""; width: 1.1.063rem; height: 0.6rem; background: url(../common/images/ico_arr_btm_next.png) no-repeat center}
.list_type4 > li a > p { display: inline-block; margin-left: 1.063rem}
.list_type4 > li > a { display: block; padding: 0.85rem 0}

/* box */
.bx_type1 { display: block; border: 1px solid #ddd; border-radius: 0.5rem; box-sizing: border-box;}
.bx_search { padding:1.5rem 1.9rem }
.bx_search * { }
.bx_search .left > p { margin-right: 0.75rem; font-size: 1.063rem; letter-spacing: -0.05em}
.bx_search .right * { height: 2rem; box-sizing: border-box;}
.bx_search .right input { padding:0 1.063rem; width: 7.2rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}
.bx_search .right .btn_gray { padding: 0 1.9rem}
.bx_search .right .btn_blue { padding: 0 1.9rem; border-radius: 0.2rem;}
.bx_search .list_sel > li > * { width: 4.2rem; height: 2rem; background: #fff; font-weight: 500}
.bx_search .list_sel > li:hover * { border-color: #999; color: #444}


/* logo_main */
.logo_main { font-family: 'Montserrat',sans-serif; font-weight: 700;}
.logo_main.add_before:before { display: block; text-align: right; content: "파워로또코리아"; font-size: 0.6rem; color: #434343;  font-weight: 400; transform: translateY(5px); }

/* input */
.chk_type1 + label { cursor: pointer;}
.chk_type1 + label span { vertical-align: middle; font-size: 1rem; line-height: 1.2;}
.chk_type1 + label:before { content: ""; display: inline-block; margin-right: 5px; background-color: #fff; width: 1.063rem; height: 1.063rem; box-sizing: border-box; border: 1px solid #666; vertical-align: middle;}
.chk_type1:checked + label:before { background: url(../common/images/ico_checked.png) no-repeat center / 70% auto #fff;}

.chk_type1 + label .label_txt {font-size: 0.938rem; line-height: 1.4;}

/* popup */
.popup { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; line-height: 1}
.popup.active { display: block;}
.popup > .inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; overflow: hidden;}
.popup.type1 > .inner {   border-radius: 1.063rem;}
.popup.type1 > .inner > .btn_close:after { content: ""; display: block; position: absolute;   background: url('../img/comm/btn_close.png') no-repeat; width: 24px; height: 24px; top:16px; right: 16px;}
.popup.type2 .btn_close { position: absolute; right: 0; top: 0; }
.popup.type2 > .inner { padding: 2.75rem 3rem 3rem}
.popup.type2 .title { padding: 0 0 2rem; font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; border-bottom:3px solid #444 }

/* floating menu  */
.nav_float { position: fixed; right: 50%; top:50%;  transform: translate(50%, -50%); margin-right: -660px; width: 4.35rem;  letter-spacing: -0.075em; font-size: 0.75rem}
.nav_float ul li { margin-bottom: 0.3rem}
.nav_float ul li a { display: block;border: 1px solid #ddd; border-radius: 0.25rem; text-align: center;  background: #fff}
.nav_float .appdown a { padding: 0.95rem 0.6rem; }
/*.nav_float .appdown .add_after:after { margin-left: 0.5rem; width: 0.5rem; height: 0.55rem; background: url(../common/images/ico_download_b.png) no-repeat center / 100% 100% ;}*/
.nav_float ul li:not(.appdown) a { padding: 0.7rem 0 0.95rem}
.nav_float ul li:not(.appdown) a > p:before { content: ""; display:inline-block; margin-bottom: 0.6rem; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: url(../common/images/ico_cash_float.png) no-repeat center / 50% auto #eee}
.nav_float ul li.coupon a > p:before { background-image: url(../common/images/ico_coupon_float.png)}
.btn_top { padding: 0.25rem 0; width: 100%; background: #fff; border-radius: 0.25rem}
.btn_top:after { margin-left: 0.25rem; width: 0.5rem; height: 0.3rem; background: url(../common/images/ico_arr_top_prev.png) no-repeat center / 100% 100% }



/* 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}

.tb_type2 { font-size: 0.938rem; 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; font-size: 0.938rem}
.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 td.view_scan * { display: block; width: 100%; min-height:2.75rem; background: url(../common/images/ico_scan.png) no-repeat center}
.tb_type3 { color: #252525; font-size: 0.938rem; text-align: center;}
.tb_type3 thead { /*background: #eeeeee;*/ font-size: 0.7rem}
.tb_type3 thead th { padding: 0.85rem 0 0.85rem}
.tb_type3 tbody {border-bottom:1px solid #979797;}
.tb_type3 tbody td { padding: 0.5rem 0}
.tb_type3 tbody tr ~ tr { border-top: 1px solid #e5e5e5}


.sitemap { position: absolute; left: 0; right: 0; top: 7rem; overflow: hidden; margin-top: 1px; height:0px;  background: #fff; z-index: 1000; border-top:1px solid #e8e8e8; transition: height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.sitemap.open { height: 450px}
.sitemap + .bg_sitemap { position: fixed; left: 100%; right: 0; top: 0; bottom: 0; background: #000; transition: left 0s 0, opacity 1s 2s ease; opacity: 0}
.sitemap.open + .bg_sitemap { left: 0; opacity: 0.6; transition: left 0s 0, opacity 1s 2s ease;}
.sitemap nav { padding: 30px 0 100px}
.sitemap nav > ul > li { flex:1}
.sitemap nav > ul > li > a { font-weight: 500}
.sitemap nav > ul > li > ul { padding: 30px 0 0}
.sitemap nav > ul > li > ul > li > a { display: block; padding: 10px 0;  color: #666; font-size: 0.8rem; }
.sitemap nav > ul > li > ul > li > a:hover { color: var(--color_blue); text-decoration: underline;}
.zindex100 { z-index: 100}


.body_idx > main > .wrap_com { padding: 1.063rem 0 0; font-family: 'Pretendard', sans-serif; font-weight: 500}
.wrap_main > .left { width: 70.83%}
.wrap_main > .right { width: 27.5%}

/* visual */
.sec_visual { padding: 0 0 0.3rem /*0 0 0.9rem*/}
.sec_visual .slide { height:15.15rem; border-radius: 0.5rem; overflow: hidden;}
.sec_visual .slide .paging span { background: #fff; opacity: 1; width: 0.6rem; height: 0.6rem; border-radius: 0.6rem; transition: all .3s}
.sec_visual .slide .paging .swiper-pagination-bullet-active { width: 3.8rem; }
/* main notice */
.sec_main_notice { padding: 0 0 0.3rem; }
.sec_main_notice > ul { width:100%; }
.sec_main_notice > ul > li { padding: 0.5rem; display: flex; border-radius: 0.5rem; box-sizing: border-box; color: #FFFFFF; background-color:#302F30; letter-spacing: var(--ls25); justify-content: space-between; align-items: center; }
.sec_main_notice .color_yellow { color: #D6C447 }
.sec_main_notice .blink { animation: blink-effect 1.5s step-end infinite;
  /*
  animation-name: blink-effect;
  animation-duration: 1s;
  animation-iteration-count:infinite;
  animation-timing-function:step-end;
  */
}
/* sec_lotto */
.sec_lotto > ul > li { padding: 0 0 1.5rem; width: 48.83%; border: 2px solid #959595; border-radius: 0.5rem; box-sizing: border-box; color: #313131; letter-spacing: var(--ls25); text-align: center;}
.sec_lotto h3 { height:5.2rem; line-height: 5.2rem;}
.sec_lotto .time_draw { color: #434343; font-size: 1.125rem; font-weight: 400; letter-spacing: -1px; font-family: 'Pretendard', sans-serif; line-height:1.1.063rem;}
.sec_lotto .won { padding:0.5rem 0; font-size: 1.1.063rem;  font-weight: bold;}
.sec_lotto .won .real { color: #ff1700}
.sec_lotto .us { font-size: .75rem; width: 100%; padding:0 0 0.6rem; border-bottom: 1px solid #d2d2d2; width: 93.43%; text-align: center;}

.sec_lotto  .time_end { display: flex; align-items: center; margin:1.063rem 0 1.063rem; }
.sec_lotto .time_end > p { font-size: 0.7rem; color: #313131; font-weight: 600; text-align:right; line-height:0.8rem; }

/* scroll */
.sec_lotto .scroll_bar { height: 5.55rem; overflow-x: scroll }
.sec_lotto .scroll_bar::-webkit-scrollbar { width: 10px; }
/* 스크롤바 막대기 */
.sec_lotto .scroll_bar::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #555; }
.sec_lotto .scroll_bar::-webkit-scrollbar-thumb:hover { background-color: #555; }
.sec_lotto .scroll_bar::-webkit-scrollbar-thumb:active { background-color: #555; }
/* 스크롤바 백그라운드 */
.sec_lotto .scroll_bar::-webkit-scrollbar-track { background-color: #fff; }
.sec_lotto .scroll_bar::-webkit-scrollbar-track:hover { background-color: #eee; }

.list_time { display: flex; margin-left: 0.4rem; font-size: 0}
.list_time > li { position: relative; text-align: center; line-height: 1; color: #fff; }
.list_time > li ~ li { margin-left: 0.5rem}
.list_time > li:after { content:""; position: absolute; left: 50%; transform: translateX(-50%); top:calc(100% + 5px); font-size:0.5rem; color: #313131}
.list_time > li span { display: inline-block; width: 1.4rem; height: 1.6rem; background:#313131; font-size: 1.063rem; line-height: 1.8rem; border-radius: 3px; box-sizing: border-box; font-weight: 500; }
.list_time > li span:nth-child(2) { margin-left: 2px}
.bx_drawtime > span { font-size: 2.03vw;}

/*  list after */
.list_time > .items_day:after  { content:"Days"; }
.list_time > .items_hours:after  { content:"Hours"; }
.list_time > .items_min:after  { content:"Minutes"; }
.list_time > .items_sec:after  { content:"Seconds"; }
.list_time > .items_sec span { background-color: #696969}
.sec_lotto .btn_buy { display: block; width: 12.5rem; height:1.85rem; line-height: 2rem; border-radius: 1.85rem; font-size: 1.125rem; font-weight: 500; letter-spacing:-0.075em}
.sec_lotto .btn_lastwinner { line-height: 1.063rem; border-radius: 1.5rem; font-weight: 500; letter-spacing:-0.075em; background-color:#FF0000; color:#FFFFFF ; padding:0.3rem;}

.sec_result .wrap_heading { align-items: flex-end; margin: 2rem 0 1.2rem}
.sec_result .wrap_heading > a { font-size: 0.65rem; }
.list_result > li { width: 48.8%; border: 1px solid #e5e5e5; background: #eee; box-sizing: border-box;  border-radius: 0.5rem; overflow: hidden; line-height: 1}
.list_result > li > div { padding-left: 1.6rem; padding-right: 1.6rem}
.list_result > li > .top { padding-top: 1.35rem; padding-bottom: 1.1.063rem; box-sizing: border-box;}
.list_result > li > .btm { padding-top: 0.6rem; padding-bottom:0.5rem; background: #535353; color: #fff; font-size: 0.65rem; font-weight: 300}
.list_result > li > .btm strong { font-weight: 500}
/*.sec_result .h_type2:after { content: "메가밀리언 >"; margin-left: 0.4rem; padding:0 0.3rem; height: 1.1.063rem; line-height: 1.2rem; color: #fff; font-size: 0.6rem; background:#535353; font-family: 'Pretendard',sans-serif;; font-weight: 500; text-align: center; border-radius: 3px}
.sec_result .power .h_type2:after { content: "파워볼 >"}*/
.sec_result .win { padding: 0.5rem 0; font-size: 0.65rem}
.label { width:2.2rem; height: 2.2rem; background-color: #434343; color: #fff; letter-spacing: -0.025em; font-size: 0.65rem; border-radius: 100%}
.label_red { width:2.2rem; height: 2.2rem; background-color: #FF0000; color: #fff; letter-spacing: -0.025em; font-size: 0.65rem; border-radius: 100%}

.sec_result .list_link { padding: 0.9rem 0 0 }
.sec_result .list_link li { float: left; margin-right: 5px}
.sec_result .list_link li a { display: block; width: 5.5rem; height: 1.35rem; border-radius: 1.35rem; line-height: 1.4rem; font-size: 0.62rem; text-align: center;}


.list_ball > li { float: left; margin-right: 5px; }
/*.list_ball > li span { display: inline-block; width: 1.7rem; height: 1.7rem; line-height: 1.8rem; box-sizing: border-box; border: 1px solid #bfbfbf; font-family: 'Pretendard',sans-serif;; font-weight: bold; font-size: 0.7rem; color: #313131; text-align: center; border-radius: 100%; background: #fff; }*/
.list_ball > li:last-child span { margin: 0 5px}
/*.list_ball > li:last-child:before { content: "+"; font-weight: bold; font-family: 'Montserrat',sans-serif; vertical-align: middle;}*/
.list_ball > li.mega span { background: #ffc821; border-color: #ffc821; font-weight: 500;border-radius: 50%; padding: 3px;}
.list_ball > li.power span { background: #e40d0b; border-color: #e40d0b; font-weight: 500; color: #fff}
.list_ball > li.add_after:after { content:"(메가볼)"; color: #009bfa; font-size: 0.65rem; vertical-align: 1px;}
.list_ball > li.power.add_after:after {  content:"(파워볼)"; color: #e40d0b;}


.list_ball2 > li { float: left; margin-right: 5px; }
.list_ball2 > li:last-child span { margin: 0 5px}
.list_ball2 > li span { display: inline-block; width: 30px; height: 30px;line-height: 30px;color: #313131;position: relative;border-radius: 50%;font-size: 17px;font-weight: 600;border: 1px solid #D2D2D2;background: #F9F9F9;text-align: center;}
.list_ball2 > li.mega span { background: #ffc821; border-color: #ffc821; font-weight: 500;border-radius: 50%;}
.list_ball2 > li.power span { background: #e40d0b; border-color: #e40d0b; font-weight: 500; color: #fff}
.list_ball2 > li.add_after:after { content:"(메가볼)"; color: #009bfa; font-size: 0.65rem; vertical-align: 1px;}
.list_ball2 > li.power.add_after:after {  content:"(파워볼)"; color: #e40d0b;}

/* sec_guide */
.sec_guide { padding: 2.1.063rem 0 2.5rem}
.sec_guide ul > li { width: 32%; font-size: 0.7rem; }
.sec_guide ul > li > a { position: relative; display: block; padding: 1.9rem 0 1.8rem 1.2rem; border: 1px solid #ddd; background-repeat: no-repeat;  background-position: right 0 bottom 0; border-radius: 0.5rem; box-sizing: border-box; letter-spacing: -0.075em}
.sec_guide ul > .item_lucky a { background-image: url(../common/images/bg_quick_01.png); background-size: auto 42% ; background-position: right 9% bottom 13%;}
.sec_guide ul > .item_result a { background-image: url(../common/images/cong.svg);background-size: auto 54% ; background-position: right 7% bottom 13%;}
.sec_guide ul > .item_guide a { background-image: url(../common/images/guide-m.svg);background-size: auto 48% ; background-position: right 7% bottom 10%;}
.sec_guide ul > li > a:before { position: absolute; top:0.75rem; right:0.65rem; content: ""; width: 1.3rem; height: 1.3rem; border-radius: 100%; background: url(../common/images/ico_arr_right_02.png) no-repeat center #c2c2c2 }
.sec_guide ul > li > a:hover:before { background-color: var(--color_blue); transition: all .3s;}
.sec_guide ul > li > a > strong { display: block; padding: 0.55rem 0; text-transform: uppercase; font-size: 0.85rem}
.sec_guide ul > li > a > .add_after { position: relative; display: inline-block;}
.sec_guide ul > li > a > .add_after:after { position: absolute; left: 0; bottom:0; width: 100%; height: 0.35rem; background: #fffa96; z-index: -1}

.sec_board > ul > li { width: 48.47%}
.sec_board > ul > li > a { display: block;}
.sec_board > ul > li > a > p { position: relative; font-size: 0.7rem; color: #6b6e73; }
.sec_board > ul > li > a > p:after {  display: block; width: 100%; height: 1px; background:#6b6e73; position: absolute; bottom: -3px; left: 0}
.sec_board > ul ul { margin: 1.063rem 0 1.75rem; padding: 1.063rem 0 0; border-top: 2px solid #000; font-size: 0.8rem;  letter-spacing: -0.05em; font-weight: 400;}
.sec_board > ul ul > li > a { display: flex; justify-content: space-between; align-items: center; line-height: 1.75}
.sec_board > ul ul > li > a > span { color: #6d6d6d}
.sec_board > ul ul > li > a:hover { text-decoration: underline;}
.sec_board .bx_notice { padding: 0 0.85rem; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #f4f4f4;}
.sec_board .bx_notice .h_type1 { font-size: 0.7rem}
.sec_board .bx_notice a { padding: 1.25rem 0; width: 85%; font-size: 0.8rem;}
.sec_board .bx_notice a > div { font-family:  'Pretendard',sans-serif; }

.sec_quick { padding: 0 0 2rem}
.sec_quick > ul { margin: 2.25rem 0 0}
.sec_quick > ul > li { margin:0 0 0.9rem; width: 48.8%}
.sec_quick > ul > li > a { display: block; padding: 1.9rem 0 1.8rem 1.2rem; border: 1px solid #ddd; background-repeat: no-repeat; background-size: 14.7% auto; background-position: right 9.2% center; border-radius: 0.5rem; background-image: url(../common/images/ico_ticket.png);  box-sizing: border-box; letter-spacing: -0.075em; color: #434343; }
.sec_quick > ul > li > a { line-height: 1}
.sec_quick > ul > li > a > span { font-weight: 300; font-size:0.85rem; }
.sec_quick > ul > li > a > strong { display: block; padding: 0.35rem 0 .7rem;  font-size:1.1.063rem; }
.sec_quick > ul > li > a > p { font-size:0.75rem; }

/* aside */
.wrap_main > aside { width: 25%;}

.sec_mymoney .list_type1 > li { margin-bottom: 0.5rem}
.sec_mymoney .list_type1 > li > a { display: flex; align-items: center; justify-content: center; padding: 1.3rem 0 1.15rem; font-size: 0.65rem; color: #434343; box-sizing: border-box;}
.sec_mymoney .list_type1 > li > a:before { content: ""; display: inline-block; margin-right: 1.063rem; width: 2.8rem; height: 2.8rem; border-radius: 100%; background-color: #eee; background-repeat: no-repeat; background-position: center; background-size: 50% auto;}
.sec_mymoney .list_type1 > li > a strong { font-size: 1.063rem; color: #313131}
.sec_mymoney .list_type1 > li > a p { padding: 0.5rem 0 0}
.sec_mymoney .list_type1 > li.coupon > a:before { background-image: url(../common/images/ico_coupon.png) }
.sec_mymoney .list_type1 > li.charge > a:before { background-image: url(../common/images/ico_charge.png) }

.list_type2 > li > strong { display: block; padding: 3.5rem 0 1.063rem; letter-spacing: -0.075em; border-bottom: 1px solid #d2d2d2}
.list_type2 > li > div { padding: 18px 0 0; letter-spacing: -0.05em; color: #666; font-size: 1.125rem; line-height: 1.8}

.list_type3 > li { float: left ; width: 19%; margin-right: 1.25%;margin-bottom: 0.7rem}
.list_type3 > li:nth-child(5n) { margin-right: 0}
.list_type3 > li > a { display: block; border: 1px solid #d7d7d7; border-radius: 0.5rem; overflow: hidden; font-size: 0.8rem; letter-spacing: -0.05em}
.list_type3 > li .wrap_img { background: #000; height: 12.15rem}
.list_type3 > li .wrap_txt { padding: 1.35rem 0.85rem; line-height: 1.37}
.list_type3 > li .wrap_txt > span { font-size: 0.65rem; color: #666; font-family: 'Pretendard',sans-serif;}

.list_type5 > li { float: left ; width: 19%; margin-right: 1.25%;margin-bottom: 0.7rem}
.list_type5 > li > a { display: block; border: 1px solid #d7d7d7; border-radius: 0.5rem; overflow: hidden; font-size: 0.8rem; letter-spacing: -0.05em}
.list_type5 > li .wrap_img { background: #000; height: 12.15rem; cursor: pointer;}
.list_type5 > li .wrap_txt { padding: 1.35rem 0.95rem 1.35rem 1.24rem; line-height: 1.37}
.list_type5 > li .wrap_txt > span { font-size: 0.65rem; color: #666; font-family: 'Pretendard',sans-serif;}

.list_type_event > li { float: left ; width: 25%; margin-right: 1.25%;margin-bottom: 0.7rem; }
.list_type_event > li:nth-child(4n) { margin-right: 0}
.list_type_event > li > a { display: block; border: 1px solid #d7d7d7; border-radius: 0.5rem; overflow: hidden; font-size: 0.8rem; letter-spacing: -0.05em}
.list_type_event > li .wrap_img { background: #000; height: 100%; border-radius: 0.5rem;}
.list_type_event > li .wrap_img_end img{background-color: #000; position: relative;  height: 100%; opacity: 0.3;  top: 0; left: 0; border-radius: 0.5rem;}
.list_type_event > li .end {position: absolute; color:#fff; text-align:center; padding: 10rem 3.4rem; font-family: 'Pretendard',sans-serif;; font-size:1.5rem;}
.list_type_event > li .wrap_txt { padding: 1.35rem 0.85rem; line-height: 1.37}
.list_type_event > li .wrap_txt > span { font-size: 0.65rem; color: #666; font-family: 'Pretendard',sans-serif;}



.bx_app { padding: 1.6rem 0 1.4rem 1.5rem; background-image:linear-gradient(to top, #00ade1, #008dca); color: #fff; box-sizing: border-box; position: relative; background:url(../common/images/mobile-app-img.png) no-repeat top 1.2rem right 1.1.063rem / 50.78% auto, linear-gradient(to top, #00ade1, #008dca)}
.bx_app h2 { padding: 0 0 1.063rem ; font-size: 0.8rem; font-weight: 500;}
.bx_app h2 strong { display:block; padding: 0.5rem 0 0.25rem; font-size: 1.15rem; }
.bx_app h2 span { font-size: 0.9rem}
.bx_app ul li:first-child { padding: 0 0 0.3rem}
.bx_app ul li a { display: block;}

.sec_winner h2 { padding: 2.35rem 0 1.25rem}
.sec_winner ul li:first-child { margin:0 0 0.6rem}
.sec_winner ul li a { display: flex; align-items: center; font-size: 0.8rem; color: #4d4d4d; letter-spacing: -0.05em}
.sec_winner ul li a:before { content: ""; display: block; margin-right: 1.063rem; width: 6.25rem; height: 4.2rem; border-radius: 0.25rem; background: url(../common/images/logo_mega_ca.png) no-repeat center / 70% auto #fff; border:1px solid #ddd;}
.sec_winner ul li.power a:before { background-image: url(../common/images/logo_power.png); background-size: 80% auto}
.sec_winner ul li a strong { letter-spacing: -0.025em}
.sec_winner ul li a p { padding: 0.1.063rem 0 0.5rem; }
.sec_winner ul li a span { font-size: 0.6rem}

.sec_event { position: relative; padding: 0 0 0rem}
.sec_event h2 { padding: 2.4rem 0 1.063rem}
.sec_event .paging { text-align: center; padding: 0.5rem 0 0; left: 50%; transform: translateX(-50%);}
.sec_event .paging span { border-radius: 8px}
.sec_event .paging span ~ span { margin-left: 0.25rem; }
.sec_event .paging .swiper-pagination-bullet-active { background-color: #373a3c; width: 1.063rem}

.view_past,.notice_age { position: relative; padding: 1.1.063rem 0 0 36.36%; height: 5.15rem; font-size: 0.8rem; letter-spacing: -0.025em; box-sizing: border-box;}
.view_past strong , .notice_age strong { display: block; padding: 0 0 4px}
.notice_age p { font-size: 0.6rem}
.view_past { margin: 0 0 0.85rem}
.view_past:after,.notice_age:after { position: absolute; left: 0; top:0;  width: 36.36%; height: 100%; box-sizing: border-box; }
.view_past:after { background: url(../common/images/bg_quick_01.png) no-repeat center;}
.notice_age:after { background: url(../common/images/ico_age.png) no-repeat center}
.view_past > span:after { display: block; margin:0.5rem 0 0; background: url(../common/images/ico_arr_right.png) no-repeat left center / auto 100%; height: 0.35rem; }


.bx_padding { padding: 1.5rem 1.9rem; box-sizing: border-box;}
.bx_padding17 { padding: 0.85rem; box-sizing: border-box;}
.bx_padding18 { padding: 0.9rem; box-sizing: border-box;}
.bx_padding19 { padding: 0.95rem; box-sizing: border-box;}
.bx_padding20 { padding: 1.063rem; box-sizing: border-box;}
.bx_padding_popup { padding: 0rem; box-sizing: border-box;}

.tab_type1 { border-top: 2px solid #276AC7; margin-bottom: 3.15rem}
.tab_type1 > li { flex: 1; position: relative; border: 1px solid #ddd; text-align: center; transition: all .3s; padding: 8px 0;}
.tab_type1 > li:hover,.tab_type1 > li.on { border-color: #276AC7; z-index: 1; background:#fff; }
.tab_type1 > li:hover *, .tab_type1 > li.on * { color: #276AC7}
.tab_type1 > li ~ li {  margin-left: -1px;}
.tab_type1 > li * { display: block; width:100%; line-height: 2.9rem; font-size:1.063rem; color: #222222;  text-align: center;}
.tab_type1.type2 { border-top:none }
.tab_type1.type2 > li * { line-height: 2.2rem; font-size: 1rem; font-weight: 500;}


.tab_type2 { border-top: 0px solid #276AC7;}
.tab_type2 > li { flex: 1; position: relative; border: 2px solid #276AC7; text-align: center; transition: all .3s;}
.tab_type2 > li:hover,.tab_type2 > li.on { border-color: #276AC7; z-index: 1; background:#276AC7 }
.tab_type2 > li:hover *, .tab_type2 > li.on * { color: #fff}
.tab_type2 > li ~ li {  margin-left: -1px;}
.tab_type2 > li * { display: block; width:100%; line-height: 2.9rem; font-size:1.125rem; color: #222222;  text-align: center;}
.tab_type2.type2 { border-top:none }
.tab_type2.type2 > li * { line-height: 2.2rem; font-size: 0.75rem}




.tab_type_pro { margin-bottom: 1.3rem}
.tab_type_pro > li { flex: 1; position: relative; border: 1px solid #ddd; text-align: center; transition: all .3s; background:#f7f7f7;}
.tab_type_pro > li:hover,.tab_type_pro > li.on { border-color: #e61f19; z-index: 1; background:#e61f19 ; padding:0 10% 0 10%; color:#fff;  }
.tab_type_pro > li:hover *, .tab_type_pro > li.on * { color: #fff; font-size:1.1.063rem; font-weight:600;}
.tab_type_pro > li ~ li {  margin-left: -1px;}
.tab_type_pro > li * { display: block; width:100%; line-height: 2.9rem; font-size:0.9rem; color: #222222;  text-align: center;}
.tab_type_pro.type2 { border-top:none }
.tab_type_pro.type2 > li * { line-height: 2.2rem; font-size: 0.75rem}


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

.tb_type_02 { font-size: 0.938rem; text-align: center; border:none; line-height: 1.3}
.tb_type_02 col ~ col { border-left:1px solid #e8e8e8}
.tb_type_02 thead th { padding: 0.6rem 0.5rem; box-sizing: border-box; font-weight: 500; }
.tb_type_02 tbody td { padding: 0.7rem 0.5rem; min-height: 2.75rem; box-sizing: border-box; color: #333;  letter-spacing:-0.4px;}
.tb_type_02 tbody tr ~ tr { border-top : 1px solid #d2d2d2;  }
.tb_type_02 { color: #333; font-size: 0.938rem; text-align: center; letter-spacing:-0.2px;}
.tb_type_02 thead { background: #eeeeee; font-size: 0.7rem}
.tb_type_02 thead th { padding: 0.85rem 0 0.85rem}
.tb_type_02 tbody td { padding: 0.5rem 0.5rem}
.tb_type_02 tbody tr ~ tr { border-top: 1px solid #e5e5e5}
.tb_type_02 .text-title {font-size:0.9rem; line-height:0.9rem;  letter-spacing:-1px; font-weight:500; border-top:2px solid #e61f19;}
.tb_type_02 .b1 {border-bottom : 1px solid #d2d2d2;}



.tb_type_02 > tbody td.right img{ width:1.3rem;}
.tb_type_02 > tbody td.right img a:hover:{ background-color: var(--color_red); transition: all .3s;}

.location { margin-bottom: 1.8rem; background: #f8f8fa; font-size: 0.7rem; }
.location a { display: inline-block;line-height: 2rem; color: #666666;  vertical-align: middle;}
.location ol li { float: left}
.location ol li ~ li:before { content: ""; display: inline-block; margin-right: 5px; margin-left: 10px;  width: 5px; height: 9px; background: url(../common/images/ico_arr_right_loca.png) no-repeat center /100% 100%; vertical-align: middle;}
.location ol li:first-child a:before { width: 0.8rem; height: 2rem; background: url(../common/images/ico_home_loca.png) no-repeat left 0 center }



.popup .sec_login { padding:3.5rem 2.8rem ; width:28rem; }
.sec_login { text-align: center; box-sizing: border-box;width: 35rem;/*margin: 50px auto 0;*/ margin: 0px auto; border: 1px solid #ddd;padding: 0px 60px 50px;border-radius: 20px;}
.sec_login form * { font-size: 0.938rem}
.sec_login h2 { padding:0 0 2.35rem; font-size: 2rem; color: #464646;}
.sec_login h2 span { display: block; font-weight: 400}
.sec_login > .login_super .logo_main { margin:0 0 2.6rem; padding: 1.2rem 0 0.25rem; border:2px solid #444; border-bottom: none; color:#444 ; font-size: 1.1.063rem}
.sec_login > .login_super form ul li { position: relative; margin:0 0 0.5rem; border: 1px solid #ddd}
.sec_login > .login_super form ul li:after { position: absolute; left: 1.063rem; top: 0; width: 1.063rem; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.sec_login > .login_super form ul li.id:after { background-image: url(../img/comm/ico_id.png)}
.sec_login > .login_super form ul li.pw:after { background-image: url(../img/comm/ico_pw.png)}
.sec_login > .login_super form ul li input { padding:0 0 0 2.5rem; width: 100%; line-height: 2.6rem; box-sizing: border-box; color: #000}

.sec_login > .login_super form .btn_login { margin:1.5rem 0 1.65rem; width:100%; background:#276ac7; }

.sec_login .wrap_chk { text-align: left;}
.sec_login .wrap_chk label { cursor: pointer; color: #444; font-weight: 400; font-size: 0.875rem}
.sec_login .btn_login { display: block; line-height: 3rem; border-radius: 3px; color: #fff; font-size: 1.125rem}
.sec_login .list_find { font-size: 0}
.sec_login .list_find li {  position: relative; display: inline-block; padding: 0 0.95rem }
.sec_login .list_find li:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; background: #e9e9e9; height: 13px}
.sec_login .list_find li a { display: block; padding: 0.25rem 0; font-size: 0.938rem; color: #444; font-weight: 500; }
.sec_login .login_sns ul li { margin: 0 0 0.5rem}

.list_reg { padding-left:5%; padding-right: 5%; text-align: left}
.list_reg .bx_input { display: block; padding-left: 1.063rem; padding-right: 1.063rem; border: 1px solid #bbb; border-radius: 0.2rem; height: 2.4rem; line-height: 1; overflow: hidden; box-sizing: border-box;}

.list_reg .bx_input.type1 input { width: auto}
.list_reg .bx_input.type1 > div { position: relative; flex:1}
.list_reg .bx_input.gray { background: #f5f5f5}
.list_reg .bx_input > * { height: 100%; width: 100%; background: none; box-sizing: border-box;}
.list_reg > li { display: flex;}
.list_reg > li ~ li { margin-top: 1.063rem}
.list_reg > li > div { flex: 1; font-size: 0.938rem}
.list_reg > li > label { display: block; width: 24%; line-height:2.4rem; font-size: 1rem; cursor: pointer;}
.list_reg > li > label.nocursor { cursor: default;}
.list_reg > li .wrap_type1 > div { flex: 1}
.list_reg > li .wrap_type1 ~ .wrap_type1  { margin: 0.5rem 0 0}
.list_reg .bx_num { position: relative;}
.list_reg .bx_num .time { position: absolute; right: 1.063rem; top: 50%; transform: translateY(-50%); color: #f00; font-size: 0.7rem}


/* 회원가입 - common */
.sec_reg {width: 44rem;margin: 50px auto 40px;/*border: 1px solid #ddd;*/padding: 20px 60px 0px;border-radius: 20px;}
.sec_reg button { }
.sec_reg .wrap_title { margin-bottom: 1.5rem; border-bottom: 2px solid #000; padding: 4.2rem 0 1.5rem; letter-spacing: -0.075em; text-align: center;}
.sec_reg .wrap_title > p { padding-top:1.063rem; font-size: 1.063rem; color: #757575;  }
.sec_reg form legend { font-size: 1.1.063rem; text-align: center;}
.list_reg .view { padding-left: 0.8rem; color: #666; text-decoration: underline; font-weight: 500}
.list_reg .txt_type1 { display:block; padding: 0.5rem 0 0 ;font-size: 0.938rem; color: #999; line-height: 1.3}
.btn_gray { background: #444; color: #fff; border-radius: 0.2rem; box-sizing: border-box;}
.btn_super { border:2px solid #1284bc; background:transparent; color: #1284bc; border-radius: 0.2rem; box-sizing: border-box; font-weight:500}
.list_reg .btn_gray { margin-left: 0.3rem; width: 6rem; height:2.4rem;  font-family: 'Pretendard',sans-serif}
.list_reg .btn_super { margin-left: 0.3rem; width: 6rem; height:2.4rem;  font-family: 'Pretendard',sans-serif}

.btn_navy { background: #082b60; color: #fff; border-radius: 0.2rem; box-sizing: border-box;}
.list_reg .btn_navy { margin-left: 0.3rem; width: 6rem; height:2.4rem;  font-family: 'Pretendard',sans-serif}


.btn_navy { color: #fff; background: #276AC7}
.wrap_btn.type2 { margin: 2rem auto 0; width:54.6%;justify-content: center;}
.wrap_btn.type2 > * { width: 13rem;}
.wrap_btn > * { display: block; line-height: 3rem; height: 3rem; min-width: 13rem; border-radius: 0.2rem; font-size: 1.063rem;  letter-spacing: -0.05em; box-sizing: border-box; text-align: center;}
.wrap_btn.flex.space > * { width: 49%;}
.wrap_btn .btn_prev,
.btn_w { border: 1px solid #ddd; color: #666 ; background:#fff; border-radius: 0.2rem}


/* 약관동의 - signup1-agree.html */
.sec_reg.agree form { padding: 3rem 0 0; font-size: 0.938rem; font-weight: 400;}
.sec_reg.agree form legend { padding: 0 0 3.35rem}
.sec_reg.agree form ul li { color: #666}
.sec_reg.agree form ul li ~ li { padding: 0.85rem 0 0; }
.sec_reg.agree form .btm { margin-top: 1.063rem; padding: 1.6rem 4.5%; border: 1px solid #cfcfcf}
.sec_reg.agree form .btm > li { display: flex; justify-content: space-between; align-items: center;}
.sec_reg.agree form .wrap_btn { margin: 3.85rem 0 0;padding: 2.5rem 0 0;border-top: 1px solid #e8e8e8;}


/* 회원가입입력 - signup.html */
.sec_reg.write { text-align: center;}
.sec_reg.write form { padding: 2rem 0 0; font-size: 0.938rem;}
.sec_reg .list_step li { width:126px; position: relative; text-align: center;}
.sec_reg .list_step li:before { content: ""; display: inline-block;left: 20px;position: absolute; width: 3.6rem; height: 3.6rem; background-image: url(../common/images/ico_agree.png); background-repeat: no-repeat; background-position: center; background-size: auto 50%; background-color: #c7c7c7; border-radius: 100%; }
.sec_reg .list_step li.active:before { background-color: #276ac7;}
.sec_reg .list_step li p { padding:0.9rem 0 0; font-size: 1rem; padding-top: 74px; width: 96px;}
.sec_reg .list_step li:nth-child(2):before { background-image: url(../common/images/ico_reg.png);}
.sec_reg .list_step li:nth-child(3):before { background-image: url(../common/images/ico_fin.png); }
.sec_reg.write .list_reg { padding-top: 0rem}
.sec_reg.write .list_reg > li > label > span:not(.notrequir):after,
.popup.mileage .list_reg > li > label > span:after,
.list_reg > li.required > label > span:after
 { content: "(필수)"; display: inline-block; color: #f00; font-size:13px; font-weight:600;padding-left:0.2rem; }
.sec_reg.write .list_reg .bx_num { position: relative; margin-top: 0.5rem; width: 12rem}
.sec_reg.write .list_reg .bx_tel select { height: 100%; width: 30%; }
.sec_reg.write .list_reg .bx_tel input { width: 60%}
.sec_reg.write .wrap_btn { padding: 1.75rem 0 4rem}
.bx_agree .bx_input { height: auto; padding-bottom: 1.5rem; font-size: 0.938rem; color: #666}

/* 아이디 찾기 */
.sec_reg.find_id .wrap_btn,
.sec_reg.find_pw .wrap_btn,
.sec_find.pw .wrap_btn
 { margin:3.85rem 0 0; padding:2.5rem 0 0 ; border-top: 1px solid #e8e8e8; }
.sec_find { padding: 4.3rem}
.sec_find { width: 35rem; margin: 0 auto; text-align: center;border: 1px solid #ddd;}
.sec_find .bx_result { background:#f4f4f4; padding:2rem }
.sec_find .bx_result > p { font-size: 1.063rem}
.sec_find .bx_result > span { display: block; padding: 0.875rem 0 0.875rem;font-size: 1.063rem; color: #666}
.sec_find .wrap_title .h_type3 { padding-bottom: 3.5rem;}
.sec_find .wrap_title > p { padding: 0 0 1.5rem; font-size: 1.063rem}

/* 개인정보 수집 팝업 */
.popup.policy .txt { padding: 1.6rem 0 ; font-size: 0.8rem; color: #666; line-height: 1.7}

/* 회원가입 완료 - signup3 */
.sec_fin h2 { padding: 5.3rem 0 0;font-size: 2.4rem; line-height: 1.12}
.sec_fin h2 span { padding:0.3rem 0 0;  font-size: 1.8rem}
.sec_fin.wrap_com { width: 35rem;}
.sec_fin form, .sec_fin .wrap_btn.btm { padding: 0 5.5rem }
.sec_fin .wrap_btn.btm { position: relative; padding-top: 2.5rem ; border-top: 1px solid #e8e8e8}
.sec_fin .or { position: absolute; left: 50%; padding: 0 1.063rem; transform: translateX(-50%); color: #545454; font-size: 1rem; letter-spacing: -0.05em; background: #fff; z-index: 1;
}

.sec_app { max-width:29.25rem; padding: 2.3rem 2rem; width: 29.25rem; box-sizing: border-box; }
.sec_app h2 { font-size: 1.25rem}
.sec_app .txt_type1 { font-size: 0.938rem; color: #999}
.sec_app .list_qr { padding: 2rem 0 3rem}
.sec_app .list_qr > li { display: flex; flex-direction: column; justify-content: pace-between; width: 11.5rem; height: 11.5rem; border: 1px solid #ccc; border-radius: 0.7rem; box-sizing: border-box; text-align: center; margin:0 auto;}
.sec_app .list_qr > li > p { padding: 1.063rem 0 0; font-weight: 600; letter-spacing: -0.025em}
.sec_app .bx_sendurl { margin: 1.5rem 0 0}
.sec_app .bx_sendurl { padding: 0 1.5rem; height:3.5rem; background: #f5f5f5; border-radius: 0.2rem; overflow: hidden; box-sizing: border-box;}
.sec_app .bx_sendurl input { height: 100%; background: none; font-size: 0.8rem}
.sec_app .bx_sendurl button { padding: 0 1.2rem; height: 2rem; line-height: 2.2rem; background: #276ac7; color: #fff; border-radius: 0.3rem; font-size: 1.125rem; }
.sec_app .list_bul { padding: 1.25rem 0 0; letter-spacing: -0.025em}


/* mypage - common */
.wrap_mypage { padding:2rem 0 0;}
.wrap_mypage .wrap_title { padding: 0 0 1.2rem; font-size: 1.125rem}
.wrap_mypage .wrap_title .heading { font-size: 1.375rem; font-weight: 500; letter-spacing: -0.075em; color: #222;}
.wrap_mypage .wrap_title .txt_gray { padding-left: 1.063rem; font-size: 0.938rem; color: #888}
.wrap_mypage > .left { width: 16.5%;  }
.wrap_mypage > .right { width: 80.83%;  }
.wrap_mypage > .right section { padding-top: 0rem;/*border-bottom: 1px solid #ddd;*/padding-bottom: 30px;}
.wrap_mypage > .right section ~ section { margin-top: 1.5rem}
.wrap_mypage > .right section:last-child {border-bottom: none;}

.wrap_mypage > .right .sec_coupon { padding-top: 0rem;padding-bottom: 30px;}

.bg_blue { background: #276AC7;}
.bg_blue * {  color: #fff}
.bg_blue.type_radius { border-radius:10px 10px 0px 0px}
.bg_sky { background: #b1dbfa;}
.bg_sky * {  color: ##082b60}
.bg_sky.type_radius { border-radius:10px 10px 0px 0px}
.bg_white { background: #fff;border-top: 2px solid #555;border-bottom: 1px solid #979797;}
.bg_white * {  color: #222}
.bg_white.type_radius { border-radius:10px 10px 0px 0px}
.bg_white2 { background: #fff;border-top: 2px solid #555;border-top: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;}
.bg_white2 * {  color: #222}
.bg_white2.type_radius { border-radius:10px 10px 0px 0px}
.bg_gray { background: #f1f1f1;}
.bg_gray * {  color: #222}
.bg_gray.type_radius { border-radius:10px 10px 0px 0px}
.wrap_mypage h2 { font-size: 1.25rem; text-align: center; line-height: 4rem}
/*.wrap_mypage h2:after { margin-left: 0.8rem; width: 1.15rem; height: 1.15rem;background: url(../common/images/ico_alarm.png) no-repeat center / 100% auto;}*/
.va_mid { vertical-align: middle;}
.nav_mypage { padding:1.8rem 18% 2.2rem 8.7%; border: 1px solid #d6d6d6; border-top: none; letter-spacing: -0.05em; box-sizing: border-box; line-height: 1.87; font-size: 1.063rem}
.nav_mypage nav > ul > li > ul { padding: 0.4rem 0 0 }
.nav_mypage nav > ul > li > a { font-weight: 500}
.nav_mypage .line:after { content: ""; display: block; margin:0.6rem 0 0.75rem;  height: 1px; background: #e8e8e8}
.nav_mypage ul ul { line-height: 1.66; font-size: 1rem}
.nav_mypage ul ul a { color:#888888 }
.nav_mypage .nolink { cursor:default;}
.nav_mypage a:not(.nolink):hover { display: block; color: var(--color_blue); transition: all .3s;}

.sec_mypage { letter-spacing: -0.05em}
.bx_type2 { padding: 0 2%;  height: 3.8rem; box-sizing: border-box;}
.bx_type2 > .left:before  { margin-right: 1.2rem; width: 1.1.063rem; height: 1.2rem; background: url(../common/images/ico_person.png) no-repeat center / 100% auto}
.sec_mypage .top .right { font-size: 1rem; }
.sec_mypage .top .right * { vertical-align: middle;}
.sec_mypage .top .right span { opacity: 1.0}
.sec_mypage .top .right a { display: inline-block; margin-left: 0.8rem; padding:0.4rem 0.8rem;  border: 1px solid #d6d6d6; border-radius: 3px}
/* .sec_mypage .btm { padding: 2rem 5.36% 0} */
.sec_mypage .btm > div { padding-left: 5%; padding-top: 1.063rem ;  width: 50%; box-sizing: border-box; min-height: 12.75rem; font-size: 1.375rem;}
.sec_mypage .btm > .right { border-left: 1px solid #aec5ed}
.sec_mypage .btm h4 { padding: 0 0 1.063rem}
.sec_mypage .btm .list_bul2 > li { display: flex; font-size: 1.063rem; color: #464646;  line-height: 1.2}
.sec_mypage .btm .list_bul2 > li ~ li { padding: 0.75rem 0 0}
.sec_mypage .btm .list_bul2 > li > p { width: 39%}
.sec_mypage .btm .list_bul2 > li .btn { padding: 0.3rem 0.8rem 0.3rem; font-size: 0.938rem; border-radius: 0.2rem}
/* .sec_mypage .btm .right .list_bul2 > li > div > span { width: 6.7rem} */
.sec_mypage .red { color: #f00}
.list_bul2 > li > p:before { content: ""; display: inline-block; margin-right: 6px; width: 3px; height: 3px; background: #666; border-radius: 100%;vertical-align: middle;margin-top: -3px;}
.btn_red { background: #f00; color: #fff}

.sec_mypage .btm .right .list_bul2 > li > div { flex: 1;}
.sec_mypage .btm .right .list_bul2 > li > div > span { display: inline-block; width: 6.75rem;  font-weight: 500}




/* 당첨내역 , 구매내역*/
.list_search { border-top:1px solid #276AC7; border-bottom:1px solid #276AC7;}
.list_search > li { display: flex; align-items: center; letter-spacing: -0.05em}
.list_search > li > p { width: 7.4rem; font-size: 1.125rem; font-weight: 500; color: #222;}
.list_search .list_sel > li { padding: 0.8rem 0;}
.list_search .list_sel > li * { height: 2.6rem; width: 7rem; font-size: 0.938rem; position: relative; color: #666; transition: all .3s;  font-weight: 500; margin-right: 5px;background: #fff;}
.list_search .list_sel > li:hover * { border-color:#276AC7; color: #276AC7}
.list_search .list_sel > li .on { border-color:#276AC7; color: #276AC7}
.list_search .search_date input { padding: 0 1.063rem;width: 8.75rem;border: 1px solid #ddd;border-radius: 0.2rem;background: #fff;height: 2rem;box-sizing: border-box;}
.list_search .search_date {padding: 0.8rem 0;}
.list_search .search_date .btn_gray {padding: 0 1.9rem;height: 2rem;box-sizing: border-box;}
.list_search .search_date .btn_blue {padding: 0 1.9rem;height: 2rem; border-radius: 0.2rem;box-sizing: border-box;}
.list_search .right * {height: 2rem; box-sizing: border-box;}





.nohistory, .notice_type1 { text-align: center;}
.nohistory .wrap_img img { width: 3.5rem}
.nohistory .wrap_img, .notice_type1 .wrap_img { margin:2rem 0 2rem;}
.nohistory > p, .notice_type1 > p { font-size: 1.35rem; line-height: 1.35; color: #000}
.notice_type1 { color: #585858}
.notice_type1  .wrap_img { display: inline-block; width: 3.5rem}


.popup.scan > .inner { min-width: 29.25rem; min-height: 29.8rem; text-align: center;}
.popup.scan .wrap_img { margin: 0 auto; max-width:13.5rem; }
.popup.scan > .inner strong { display: block; padding: 3rem 0 1.15rem}


.sec_coupon .bx_gray { padding:2.25rem 0 2rem ; border-bottom: 1px solid #000; border-top: 1px solid #000}
.sec_coupon .bx_gray > p { font-size:1.875rem;  color: #276AC7; text-align: center;}
.sec_coupon .bx_gray > div { width: 32rem; margin: 0 auto;}
.sec_coupon .bx_gray .wrap_input { margin: 1.8rem 0 1.2rem}
.sec_coupon .bx_gray .list_bul { font-size: 0.938rem; color: #676767}

.wrap_input { height: 2.5rem; font-size: 0}
.wrap_input > * { height: 100%; box-sizing: border-box; border-radius: 0.2rem; font-size: 1rem; color: #222;}
.wrap_input > input { padding-left: 1.063rem; width:20.5rem;  border: 1px solid #d6d6d6; background: #fff; margin-right: 5px;}
.wrap_input > button, .wrap_input > a { display:inline-block; width: 6rem; vertical-align: middle; text-align: center; line-height: 2.5rem; }


.sec_point .bx_gray { margin: 0 0 1.063rem}

/* 충전내역 */
.bx_type2 { font-size: 1.125rem}
.bx_type2 .color_ylw { padding-left: 0.8rem; color: #fffc00; vertical-align: middle;}
.bx_notice { padding: 1.063rem 3.3%; border: 1px solid #d6d6d6; box-sizing: border-box;}
.bx_notice .list_bul > li { position: relative; padding-left: 0.7rem; letter-spacing: -0.05em; line-height: 1.6}
.bx_notice .list_bul > li:before { position: absolute; left: 0; top: 0.7rem;}
.bx_notice .list_bul > li ~ li { margin-top: 0.3rem}
.bx_notice .list_bul > li ul { margin-left: 0.6rem}
.bx_notice .list_bul > li ul li { line-height: 1.4}

.border_type1 { border-top:1px solid #000; border-bottom: 1px solid #000}
.radius5 { border-radius: 0.25rem}
.sec_charge .bx_notice { margin: 0 0 2.5rem}
.list_charge > li { display: flex; margin-bottom: 0.3rem; border: 1px solid #d6d6d6; border-radius: 0.5rem; overflow: hidden; height: 5.25rem; }
.list_charge > li > p { background: #eee; width: 23%; height:100%; line-height: 4.4rem; text-align: center; color: #276AC7; font-family: 'Pretendard',sans-serif;; font-size: 1.25rem}
.list_charge > li > p:after { content: "원"; display: inline-block; font-weight: bold;}
.list_charge > li > div { padding: 0 0.75rem 0 1.063rem; display: flex; /*justify-content: space-between;*/ align-items: center; width: 77%}
.list_charge > li ul { font-size: 1.125rem; color:#676767 }
.list_charge > li ul li { display: inline-block; }
.list_charge > li ul li > * { padding-left: 0.25rem; }
.list_charge > li ul li:before,.list_charge > li ul li:after { content: ""; display: inline-block; }
.list_charge > li ul li.benefit:before { content: "적립혜택 :"; }
.list_charge > li ul li.cash:before { content: "충전캐시 :"; }
.list_charge > li ul li.cash:after { content: "캐시"; }
.list_charge > li a,
.btn_pay { display:block; width:16rem; background-color: #276ac7; height: 3rem; line-height: 3rem; color: #fff; font-size:1.125rem; border-radius: 0.25rem; text-align: center;}
.btn_pay2 { width:4.2rem; background-color: #276ac7; height: 1.063rem; line-height: 1.063rem; color: #fff; font-size:0.7rem; border-radius: 0.25rem; text-align: center;}
.btn_pay:hover, .btn_pay:active{background-color: #276ac7; color: #fff;}
.btn_pay2 { width:4.2rem; background-color: #276ac7; height: 1.063rem; line-height: 1.063rem; color: #fff; font-size:0.7rem; border-radius: 0.25rem; text-align: center;}
.sec_charge .bx_gray { padding: 1.1.063rem 1.6rem; box-sizing: border-box;}

.sec_charge .wrap_notice { padding: 2.6rem 0 4rem}
.sec_charge .wrap_notice .add_before:before { margin-right: 0.5rem; background: url(../common/images/ico_i.png) no-repeat center / 100% 100%; width: 1.25rem; height: 1.25rem;}

.popup.charge > .inner { width:29.25rem; box-sizing: border-box;  }
.popup.charge > .inner > div { padding: 0.938rem 1.375rem}
.popup.charge > .inner .bx_white {  padding-bottom: 1.5rem;}
.popup.charge > .inner .bx_white2 {  padding-bottom: 2rem; text-align: center;}
.popup.charge > .inner .popup_title {color:#222;font-size: 1.375rem;font-weight:500;letter-spacing: -0.075em;}
.popup.charge .title { display: block; padding:0.2rem 0 1.25rem; font-family: 'Pretendard',sans-serif;; font-size: 1.25rem; }
.popup.charge.pay .bx_gray.top { padding:1.15rem 0 1.15rem 1.25rem; font-size: 1.063rem; color:#545454 ; line-height: 1.4; font-weight: bold;}
.popup.charge.pay .bx_sky.top { padding:1.15rem 0 1.15rem 1.25rem; font-size: 1.125rem; color:#545454 ; line-height: 1.5; font-weight: 500;}
.popup.charge.pay .list_sel > li { width: 25%; margin-left: -1px; margin-top: -1px;}
.popup.charge.pay .list_sel > li a { display: block; height: 3.35rem; line-height: 3.35rem; box-sizing: border-box; border-color: #d5d5d5;  text-align: center; color: #000}
.popup.charge.pay .list_sel > li a:hover { border-color: #000;}
.popup.charge.pay_bank .bx_gray.top { padding:1.15rem 0 1.15rem 1.25rem; font-size: 1.063rem; color:#545454 ; line-height: 1.4; font-weight: bold;}
.popup.charge.pay_bank .bx_gray.top2 { padding:1.15rem 0 1.15rem 0; font-size: 1.063rem; color:#545454 ; line-height: 1.7; font-weight: bold; text-align: center;}
.popup.charge.pay_bank .bx_gray.top3 { padding:1.15rem 0 1.15rem 4rem; font-size: 1.063rem; color:#545454 ; line-height: 1.7; font-weight: bold; text-align: left;}
.popup.charge.pay_bank .bx_sky.top /*{ padding:1.15rem 0 1.15rem 1.25rem; font-size: 1.063rem; color:#545454 ; line-height: 1.4; font-weight: bold;}*/ { padding:1.15rem 0 1.15rem 1.25rem; font-size: 1.125rem; color:#545454 ; line-height: 1.5; font-weight: 500;}
.popup.charge.pay_bank .list_sel > li { width: 25%; margin-left: -1px; margin-top: -1px;}
.popup.charge.pay_bank .list_sel > li a { display: block; height: 3.35rem; line-height: 3.35rem; box-sizing: border-box; border-color: #d5d5d5;  text-align: center; color: #000}
.popup.charge.pay_bank .list_sel > li a:hover { border-color: #000;}
/*.popup.charge .add_before:before { margin-right: 0.5rem; background: url(../common/images/ico_i.png) no-repeat center / 100% 100%; width: 1.25rem; height: 1.25rem;}*/
.popup.charge .btn_pay { margin: 1.35rem auto 0}
.popup.charge .list_bul.notice { padding-top: 0.8rem; padding-bottom: 1.063rem; font-size: 0.875rem; color: #252525; }
.popup.charge .list_bul > li { padding: 0; padding-bottom: 8px; font-size: 0.938rem}
.popup.charge .list_bul > li * { vertical-align: bottom;}
/*.popup.charge .list_bul > li:before { background: none; content: "*"; width: inherit; height: inherit; line-height: 0.5;}*/
.popup.charge .list_bul > li span { /*vertical-align: sub;*/}
.popup.charge .list_check_red.notice { padding-top: 0.8rem; padding-bottom: 1.063rem; font-size: 0.65rem; color: #252525; }
.popup.charge .list_check_red.notice::before {position: absolute; left: -10px; line-height:19px; top: 15px; content: ""; display: inline-block; width: 3px; height: 3px; background: #666; vertical-align: middle; border-radius: 100%}
.popup.charge .list_check_red > li { padding-bottom: 0.5rem; font-size: 0.875rem;}
.popup.charge .list_check_red > li * { vertical-align: bottom;}
.popup.charge .list_check_red:before {content: ""; width: 3px; height: 3px; font-size: 0.65rem; color: #252525; position: absolute; display: inline-block;}
.popup.charge .list_check_red > li span { vertical-align: sub;}

.popup.cash_receipt .inner { width:23.25rem; box-sizing: border-box;  }
.popup.cash_receipt .title { display: block; padding:0.25rem 0 0.25rem; text-align: center; }
.popup.cash_receipt .bx_gray { padding:1.15rem 1.063rem 1.15rem 1.063rem; color:#545454; }
.popup.cash_receipt .contents { padding: 1.063rem; font-size: 0.938rem; line-height: 1.3rem; text-align: center; border-radius: 0.5rem; margin-top: 0.5rem; margin-bottom: 1.063rem;}
.popup.cash_receipt .bx_white2 .btn_cash_receipt { display: block; width: 7.2rem; background-color: #276ac7; height: 2.15rem; line-height: 2.15rem; color: #fff; font-size: 1.125rem; border-radius: 1.25rem; text-align: center; margin: auto; cursor: pointer; }

.mileage .list_reg { padding: 2rem 0.85rem 1.2rem ;  }
.mileage .list_reg:nth-of-type(1) { border-bottom: 1px solid #e5e5e5; border-top:1px solid #000;}
.mileage .list_reg:nth-of-type(1) > li label { padding: 0.8rem 0 0}
.mileage .list_reg > li > label { width: 8rem; line-height: inherit;}
.mileage .list_reg > li > .bx_input { width: 11.5rem; flex: none;}


/* cash-refund.html  */
.list_reg.type2 {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box ; font-size: 0.938rem; padding: 30px 20px; margin-bottom: 20px;}
.list_reg.type2 > li > label { width: 6.8rem; letter-spacing: -0.05em; font-weight: 500; line-height: 1.9rem}
.list_reg.type2 .btn_gray { line-height: 1.9rem}
.list_reg.type2 .bx_input { width: 19.6rem; height:2.5rem; font-size: 0}
.list_reg.type2 .bx_input * { font-size: 0.938rem;  background: none}
.list_reg.type2 > li > div { flex:none; margin-right:0.5rem; }
.sec_apply .item_fee > div { font-size: 1.125rem}
.sec_apply .item_refund > div { font-size: 1.3rem}
.sec_apply .item_addr > div > div ~ div { margin-top: 0.65rem}
.chk_apply .bx_gray { margin:0.5rem 0 1.5rem; }

.status { margin: 0 0 0.7rem; text-align: right; color: #676767; font-size: 0}
.status > li { display: inline-block; font-size: 0.75rem}
.status > li ~ li:before { content: "/"; display: inline-block; margin: 0 0.35rem; vertical-align: middle;}
.status > li > * { vertical-align: middle;}
.space_btm { margin-bottom: 5vh}

/* mynumber.html */
.sec_mynumber .bx_gray { padding: 1.063rem; }
.sec_mynumber .bx_gray .list_bul > li { line-height: 2.2rem}
.sec_mynumber .bx_gray .btns_buy a { display: block; margin-left: 0.5rem; font-size: 0.938rem; width: 8.5rem; text-align: center; border-radius: 0.25rem; line-height: 2.2rem}

.sec_mynumber h4 { margin-top: 2.55rem}
.sec_mynumber .list_ball  { display: table; margin: 0 auto}
.sec_mynumber .list_ball2  { display: table; margin: 0 auto}
.sec_mynumber .tb_type2 td.delete { padding: 0}
.sec_mynumber .tb_type2 td.delete a { display: inline-block; width: 2rem; height: 2rem; background:url(../common/images/ico_bin.png) no-repeat center;}

/*direct.html */
.sec_direct .wrap_list .btn_navy { margin: 2.5rem 0 0.5rem; width: 5.5rem; height: 2rem; display: block; line-height: 2rem; font-size: 0.938rem; text-align: center;}
.sec_direct .wrap_list .table { display: table; width:100%; }
.sec_direct .wrap_list .thead .tr > div {padding: 0.9rem 0.9rem;box-sizing: border-box;font-weight: 500;font-size: 0.938rem;}
.sec_direct .wrap_list .tbody .tr > div {  color: #676767; padding: 1.063rem 0.5rem; min-height: 2.75rem; box-sizing: border-box; font-size: 0.938rem}
.sec_direct .wrap_list .tr { display: table-row;}
.sec_direct .wrap_list .tr > div  { display: table-cell; text-align: center; font-size:0.75rem }
.sec_direct .wrap_list .tr > .td_click { padding: 0}
.sec_direct .wrap_list .tr > .td_click a { display: block; padding: 0.5rem 1.063rem; text-align: left;  color: #676767}
.sec_direct .wrap_list .tr > div ~ div {  border-bottom: 1px solid #e8e8e8}
.sec_direct .wrap_list .tr > div:nth-child(1) { width:9%; border-bottom: 1px solid #e8e8e8}
.sec_direct .wrap_list .tr > div:nth-child(2) { width:13%; border-bottom: 1px solid #e8e8e8}
.sec_direct .wrap_list .tr > div:nth-child(4) { width:18%; border-bottom: 1px solid #e8e8e8}
.sec_direct .wrap_list .tr > div:nth-child(5) { width:11%; border-bottom: 1px solid #e8e8e8}
.sec_direct .bx_answer {border-bottom: 1px solid #eaeaea; font-size: 0.938rem; color:#676767; line-height: 2}
.sec_direct .bx_answer > div { position: relative;}
.sec_direct .bx_answer .btn_navy { position: absolute; right: 0; bottom: 0; width: 2.8rem; height: 1.5rem; text-align: center; cursor: pointer;}
.sec_direct .bx_answer .text { max-width: 60%}
.sec_write .btn_red2 { margin:1.5rem 0 11.063rem; width: 13.5rem}
.sec_write .list_reg.type2 .bx_input { width: 240px}
.sec_write .list_file > li { margin: 0 0 10px}
.sec_write .list_file > li .btn_file { display: inline-block; padding:  0.38rem 0.5rem; background: #000; color: #fff; border-radius: 0.25rem; font-size: 0.7rem}
.sec_write .list_file > li .fileName { color: #666}

/*my-info.html  */
.sec_myinfo .wrap_input { display: table; margin: 1.3rem auto}
.sec_myinfo .list_reg{ padding: 0}
.sec_myinfo .wrap_input > * {height: 2.5rem}
.sec_myinfo .fm_info { padding: 2rem 27% 3.5rem 2% }
.sec_myinfo .wrap_btn.type2 { margin: 2.25rem auto 0; width:auto;}
.sec_myinfo .secession { font-size: 0.75rem}
.sec_myinfo .secession .left strong { font-size: 0.85rem}
.sec_myinfo .secession .left p { padding-top: 0.85rem; color: #666}
.sec_myinfo .secession a { display: block; width: 5rem; line-height: 2rem; text-align: center;}

/* delete.html */
.sec_delete { font-size:  .7rem; }
.sec_delete .bx_gray { padding: 2.25rem 3rem ; margin: 2.25rem 0 1.65rem; font-size: 1rem; color: #666; border: 1px solid #ddd;}
.sec_delete .bx_gray > div { padding: 1.063rem 0 0.75rem; font-size: 1.2rem; color: #222; padding: 20px 30px;margin: 10px 0 20px;background: #fff; border: 1px solid #b3dcfb;}
.sec_delete .bx_gray .list_bul { border-top:1px solid #ddd; margin-top: 2.5rem; padding-top: 1rem;  color:#545454; font-size: 0.938rem; }
.sec_delete .bx_gray .list_bul li { margin: 0; line-height: 1.7}
.sec_delete .agree { padding-top: 1.8rem; margin-top: 1.5rem; border-top: 1px solid #e0e0e0; text-align: center;}

.sec_delete .fm_delete { padding: 1.75rem 0 2.5rem}
.sec_delete .fm_delete .list_reg { padding-left: 15%; padding-right: 15%;}
.sec_delete .fm_delete .list_reg .item_textarea > * { width: 100%}
.sec_delete .fm_delete .list_reg .item_textarea .bx_input { min-height: 6.2rem;}
.sec_delete .fm_delete .list_reg .item_textarea textarea { padding: 1.063rem 0; width: 100% ;height:  100%; }
.sec_delete .fm_delete .wrap_btn { border-top:1px solid #ddd; padding:2.5rem 0 0 }


/* 메가밀리언 구매 */
.sec_info > .bx_gray { margin-bottom: 2.75rem; border:1px solid #ddd; border-radius: 0.5rem; overflow: hidden; letter-spacing: -0.075em}
.sec_info > .bx_gray .txt_type1 { font-size: 1.11.063rem}
.sec_info > .bx_gray > ul { padding:1.5rem 0; border-top: 0.2rem solid #535353; color: #313131}
.sec_info > .bx_gray > ul > li { width: 33.333%; box-sizing: border-box; line-height: 1.38}
.sec_info > .bx_gray > ul > li > div { display: table; margin: 0 auto}
.sec_info > .bx_gray > ul > li ~ li { border-left: 1px solid #ddd}
.sec_info > .bx_gray > ul > li .title { padding: 0 0 1.1.063rem; color: #000}
.sec_info > .bx_gray > ul > li .date { float:right;padding-right:30px;}
.sec_info > .bx_gray .ico_date:after { margin-left: 0.6rem; width:1.4rem; height:1.45rem; background: url(../common/images/ico_date.png) no-repeat center / 100% 100%}
.sec_info > .bx_gray .ico_time_ko:after { margin-left: 0.6rem; width:3.6rem; height:1.8rem; background: url(../common/images/ico_time_ko.png) no-repeat center / auto 100%}
.nation .add_before:before { margin-right: 0.6rem; width:1.5rem; height:1.063rem; border: 1px solid #ddd; }
.ico_us:before { background: url(../common/images/ico_us.png) no-repeat center / 100% 100%}
.ico_ko:before { background: url(../common/images/ico_ko.png) no-repeat center / 100% 100%}


/* 메가밀리언 테이블 */
.sec_table > .bx_gray { margin-bottom: 2.75rem; border:1px solid #ddd; border-radius: 0.5rem; overflow: hidden; letter-spacing: -0.075em}
.sec_table > .bx_gray .txt_type1 { font-size: 1.11.063rem}
.sec_table > .bx_gray > ul { padding:1.5rem 0; border-top: 0.2rem solid #535353; color: #313131}
.sec_table > .bx_gray > ul > li { width: 33.333%; box-sizing: border-box; line-height: 1.38}
.sec_table > .bx_gray > ul > li > div { display: table; margin: 0 auto}
.sec_table > .bx_gray > ul > li ~ li { border-left: 1px solid #ddd}
.sec_table > .title { padding: 0 0 1.1.063rem; color: #000; font-weight:700; letter-spacing:-2px;  font-size:1.2rem;}
.sec_table > .bx_gray .ico_date:after { margin-left: 0.6rem; width:1.4rem; height:1.45rem; background: url(../common/images/ico_date.png) no-repeat center / 100% 100%}
.sec_table > .bx_gray .ico_time_ko:after { margin-left: 0.6rem; width:3.6rem; height:1.8rem; background: url(../common/images/ico_time_ko.png) no-repeat center / auto 100%}





.sec_game { padding: 3.5rem 0 3.4rem; background: #1b1b1b; color: #fff ; font-family: 'Pretendard',sans-serif;;}
.sec_game * { color: #fff}
.sec_game .choice.left { width: 62.9%; }
.sec_game .pay.right { padding: 1.1.063rem 1.063rem 0; width: 35.5%; padding-bottom:40px; background: #333; border-radius: 1.063rem; box-sizing: border-box; letter-spacing: -0.075em}  /*height: 43.5rem;*/
.sec_game .choice .title { font-size: 1.04rem}
.sec_game .choice .title span { color: #c5c5c5; font-weight: 300}
.sec_game .choice ol li .title { padding: 2.6rem 0 1.063rem}
.sec_game .choice ol li:first-child .title { padding-top: 0}
.sec_game .choice .list_btn > li { border: 1px solid #535353; border-radius: 0.25rem; overflow: hidden;}
.sec_game .choice .list_btn > li > * { display: block; width: 100%; height: 3rem; line-height: 3.2rem; background: #333; font-size: 1.125rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'Pretendard',sans-serif;}
.sec_game .choice .list_btn > li > *:hover { background: #f00;}
.sec_game .choice .step1 .list_btn > li { width: 18.5%}
.sec_game .choice .step2 .list_btn { width: 80%}
.sec_game .choice .step2 .list_btn > li { width: 32%}
.sec_game .choice .step3 { float: left; width: 61.2%}
.sec_game .choice .step4 { float: right; width: 37%}
.bx_balls { box-sizing: border-box; border: 1px solid; border: 1px solid #535353; border-radius: 0.5rem; overflow: hidden; height: 20.4rem;box-sizing: border-box}
.bx_balls > div { padding: 1.4rem}
.sec_game .choice ol:after { content: ""; display: block; clear: both}
.list_num > li { float: left; border-radius: 100%; box-sizing: border-box; border: 1px solid #5c5c5c; text-align: center; overflow: hidden;}
.list_num > li > a { display: block; /*width: 100%; height: 100%;*/ font-size: 0.75rem}
.sec_game .list_num > li { margin-right: 2.4px;  margin-bottom: 6px; width: 2rem; height: 2rem;  line-height: 2rem;}
.sec_game .step3 .list_num > li:nth-child(9n){ margin-right: 0;}
.sec_game .step4 .list_num > li:nth-child(5n){ margin-right: 0;}

.sec_game .choice .step3 .list_num > li > *:hover,
.sec_game .choice .step3 .list_num > li.on > *{ background: #fff; color: #000}
.sec_game .choice .step3 .list_num > li > .on { background: #fff; color: #000}
.sec_game .choice .step4 .list_num > li > *:hover { background: #f00;}
.sec_game .choice .step4 .list_num > li > .on { background: #f00;}

.sec_game .pay .top { padding: 0 0 0.7rem; border-bottom: 1px solid #434343}
.sec_game .pay .top > strong { font-size: 1.25rem; line-height: 1.7rem}
.sec_game .pay .top > strong:before { margin-right: 0.5rem; margin-left: 1.5rem; width: 1.65rem; height: 1.15rem; background: url(../common/images/ico_list.png) no-repeat center / 100% 100%;}
.sec_game .pay .top > button { width: 4rem; height: 1.6rem; font-size: 0.938rem; color: #666; font-weight: 500}
.sec_game .pay .bx_border { border: 1px solid #5c5c5c; border-radius: 0.25rem}
.sec_game .pay .btn_save {margin:0.5rem 0 0;  width: 100%; height:2.3rem;  background: #1b1b1b;}
.sec_game .pay .btn_save:after { margin-left: 1.063rem; width: 0.75rem; height: 0.85rem; background: url(../common/images/ico_save.png) no-repeat center / 100% 100% ;animation: blink-effect 1.5s step-end infinite; }
.sec_game .pay .btn_save + p { margin: 0 0 0.5rem; padding: 1.2rem 0; font-size: 1.125rem; text-align: center; border-bottom: 1px solid #5c5c5c;}
.sec_game .wrap_game { padding: 1.063rem 0.8rem 0.5rem; border: 1px solid #5c5c5c; }
.sec_game .list_game { font-size: 0.938rem; letter-spacing: }
.sec_game .list_game .list_num > li { margin-bottom: 0.25rem; width: 1.7rem; height: 1.7rem; line-height: 1.8rem}
.sec_game .list_game .list_num > li ~ li { margin-left: 0.2rem}
.sec_game .list_game .active .list_num > li:not(:last-child) a { background: #fff; }
.sec_game .list_game .active .list_num > li:last-child a { background:#e60012; color: #fff}
.sec_game .pay .list_game .list_num a { color:#000}
.sec_game .pay .list_game .btns > * { width: 1.9rem; height: 1.65rem; border-radius: 0.25rem; font-family: 'Pretendard',sans-serif;; line-height: 1.8rem; font-size: 0.65rem}
.sec_game .pay .list_game .btn_re, .sec_game .bx_result { background: #1b1b1b; }
.sec_game .pay .list_game .btn_del { margin-left: 0.2rem; background: #e60012; }
.sec_game .bx_result { margin: 0.85rem 0 0.4rem; padding: 1.1.063rem 0.8rem; font-size: 0.9rem}
.sec_game .bx_result .top button { margin-left: 0.8rem; font-size:0.75rem ; height: 1.65rem; width: 5.8rem;}
.sec_game .bx_result .top .left { line-height: 1.65rem}
.sec_game .bx_result .top .right > p { padding: 0.6rem 0 0; font-size: 0.7rem; color: #bababa;text-align: right; letter-spacing:-0.5px;}
.sec_game .bx_result .btm { padding: 1.063rem 0 0}
.sec_game .bx_result .btm .left { font-size: 1.063rem}
.sec_game .bx_result .btm > p strong { font-size: 1.5rem}
.sec_game .btn_pay { width: 100%; height: 3.2rem; line-height: 3.5rem; font-size: 1.25rem; }
.sec_game .step4 .bx_red { display: block; width:100%; height:130px; background: #ff0000; color: #fff; font-size: 1.125rem; line-height: 1.25}
.sec_game .step4 .bx_red.ht { height:80px;}
.sec_game .step4 .bx_red .add_before:before { margin-right: 1.063rem; content: ""; display: inline-block; width: 3.3rem; height: 2.3rem; background: url(../common/images/ico_list.png) no-repeat center /100% 100%; }
.sec_quick.sub { padding: 0}
.sec_quick.sub > ul > li { width:32% }
.sec_quick.sub > ul { margin:2.3rem 0 2.1.063rem; }

.sec_draw .list_result > li { width:49.5% }
.sec_draw .list_result > li > div { padding:2.75rem 1.6rem 1.6rem; border-bottom: 0.2rem solid #276AC7; font-size: 1.125rem; color: #222; background: url(../common/images/logo_mega.png) no-repeat right 1.6rem center}
.sec_draw .list_result > li.power > div { background-image: url(../common/images/logo_power.png)}

.sec_draw .list_result > li .h_type2 { font-size: 1.25rem; }
.sec_draw .list_result > li > div > div { padding: .8rem 0 0; line-height: 1.2}
.sec_draw .list_result > li > div small { font-size: 0.7rem; color: #666}

.sec_draw .sec_info > .bx_gray > ul { border: none}
/* .sec_draw .sec_info .label { display: inline-block;} */
/* .sec_draw .sec_info .label_red { display: inline-block;} */
.wrap_board > .top { padding:  0 0 1.25rem}
.wrap_board > .top h3 { font-size: 1.375rem; padding-top: 50px; color: #222;}
.sec_draw .wrap_board > .top .btn_gray { padding: 0.6rem 1.7rem 0.6rem 0.9rem ; font-size: 0.938rem; color: #fff; background: url(../common/images/ico_arr_right_w.png) no-repeat right 0.9rem center #535353 }
.sec_draw .wrap_board td:nth-child(6) > *:after,
.sec_draw .wrap_board td:nth-child(7) > *:after { content: ""; display: inline-block; margin-left: 0.4rem; width: 1.2rem; height: 0.75rem; background: url(../common/images/ico_video.png ) no-repeat center / auto 100% ; vertical-align: middle;}
.sec_draw .wrap_board td:nth-child(7) > *:after { background-image: url(../common/images/ico_detail.png ); height: 0.8rem;}
.wrap_search { position: relative;}
.wrap_search > *{margin-left: 5px; padding: 0 0.9rem; padding-right: 1.2rem;border: 1px solid #d6d6d6; border-radius: 0.2rem; height: 2.2rem; font-size: 0.938rem; background: #fff;}
.wrap_search .inp_search > * { height: 100%;}
.wrap_search .inp_search input {width: 180px; font-size: 0.938rem; background: #fff;}
.wrap_search .inp_search > button { position: absolute; right: 12px; top: 10px; bottom: 0; width: 22px; height: 16px;background: #fff url(../common/images/ico_search.png) no-repeat center}
.popup.draw { font-size: 1rem; letter-spacing: -0.025}
.popup.draw > .inner { min-width: 585px; box-sizing: border-box;}
.popup.draw .time { padding: 1.063rem 0}
.popup.draw .wrap_tb { margin: 1.25rem 0 3rem}
.popup.draw .label { margin-left: 0.5rem}
.popup.video h2 { padding:  0 0 1.6rem}

.wrap_paging { position: relative; display: table; margin: 3.6rem auto 0; padding:0 2rem; }
.wrap_paging > a { position: absolute; top: 50%; transform: translateY(-50%); background: url(../common/images/ico_arr_right_paging.png) no-repeat center}
.wrap_paging > a.next { right:0}
.wrap_paging > a.prev { left:0; background-image:url(../common/images/ico_arr_left_paging.png) }
.wrap_paging ol { font-size: 0}
.wrap_paging ol li { display: inline-block; font-size: 0.8rem}
.wrap_paging ol li a:hover, .wrap_paging ol li.on a{ background: #000 ; color: #fff; border-color: #000}
.wrap_paging ol li ~ li { margin-left: 0.25rem}
.wrap_paging a { display: block ;width: 1.7rem; height: 1.7rem; border: 1px solid #d6d6d6; box-sizing: border-box; color: #000; line-height: 1.5rem; text-align: center;}
.tb_type2 tbody td.td_click { padding: 0}
.tb_type2 tbody td.td_click > * { display: block; padding: 1.063rem 0}

/* 게시판 상세보기 공통 */
.board_type1 > .title { padding: 1.5rem; font-size: 0.938rem; color: #676767}
.board_type1 > .title > .left p { padding: 0 0 0.938rem; font-size: 1.5rem; color: #000; font-weight: 500}
.board_type1 > .title > .right { font-size: 0.938rem}
.board_type1 > .contents { padding: 2rem 1.5rem; border-top: 1px solid #d2d2d2; font-size: 0.938rem; color: #676767; line-height: 1.5; font-family:'Pretendard',sans-serif;}
.board_type1 .list_type4 > li.prev a:after { background-image: url(../common/images/ico_arr_top_prev.png); }
.board_type1 .list_type4 > li.next a { color: #666666}




/* cs/index.html - 고객센터 */
.sec_cs .wrap_board .wrap_btn .btn_navy { margin: 2rem auto; width: 176px}
.sec_cs .tb_type2 td a { padding-left: 1.063rem;padding-right: 1.063rem; color: #676767; text-align: left;}
.sec_faq .list_type4 > li{ padding: 0}
.sec_faq .list_type4 > li * { color: #444;}
.sec_faq .list_type4 > li > a > p { margin: 0}
.sec_faq .list_type4 > li > div { border-top: 1px solid #d2d2d2; padding-top: 1.063rem; padding-bottom: 1.063rem; line-height: 1.6}
.sec_faq .list_type4 > li > * { padding-left: 3.75rem; padding-right: 3.75rem; box-sizing: border-box;
background-position: left 1.063rem center; background-size: auto 1.063rem; background-repeat: no-repeat; }
.sec_faq .list_type4 > li > a { background-image: url(../common/images/ico_Q.png)}
.sec_faq .list_type4 > li > div { background-image: url(../common/images/ico_A.png)}
.sec_faq .list_type4 > li a:after { right: 1.063rem; background-image: url(../common/images/ico_arr_btm_black.png)}
.sec_faq .list_type4 > li a.open:after { background-image: url(../common/images/ico_arr_top_red.png)}

.txt_type2 { font-size: 1.063rem; color: #666; letter-spacing: ; line-height: 1.75; letter-spacing: -0.05em}

.sec_service .top.bb { margin-bottom: 1.1.063rem; padding: 0 0 1.25rem}
.sec_service h3 { font-size: 1.1.063rem}
.guide_use .bx_gray { margin-top: 1.063rem}
.guide_use .mainlogo { margin:1.1.063rem 0 1.4rem; font-size: 2rem}
.guide_use .mainlogo > *:before { font-size: 1.063rem; line-height: 1.5}
.intro .bx_descript { margin-bottom: 2.2rem}
.intro .bx_descript > .left { width: 58%; background:#1b1b1b }
.intro .bx_descript > .left img { width: 95%}
.intro .bx_descript > .right { padding: 1.7rem 1.5rem 1.15rem; width: 42%; box-sizing: border-box; color: #222 ; line-height: 1; font-size:18px;}
.intro .bx_descript .title { font-size: 1.125rem; font-size: 500}
.intro .bx_descript .point { padding: 0 0 0.85rem}
.intro .bx_descript .point > p { padding: 1.4rem 0 0.5rem}
.intro .bx_descript ol { padding: 0.9rem 0 1.4rem; line-height: 1.5; font-size:14px;}
.intro .bx_descript .nation { padding: 0.85rem 0 1.5rem }
.intro .bx_descript .nation > li ~ li { margin-top: 5px}
.intro .bx_descript .nation .add_before:before { border: 1px solid #000; border-radius: 3px}
.intro .bx_descript .btn_red { display: block; margin: 0 auto; width:62.5%;  line-height: 2.5rem; font-size: 0.8rem; text-align: center; border-radius: 2.5rem}
.wrap_img > img { width: 100%}
.sec_service .list_bul > li ~ li { margin-top: 3px}

.sec_service.intro .wrap_logo { margin: 0 0 2.5rem; }
.sec_service.intro h4 { padding:0 0 0.65rem; color: #252525; font-size: 1.125rem; font-weight: 500}


.tb_level { margin: 0.85rem 0 1.9rem; border: 1px solid #dcdcdc; }
/* .tb_level .txt_type2 { } */
.tb_level tr ~ tr { border-top: 1px solid #dcdcdc}
.tb_level th { background: #e1effe; font-weight: normal; color: #222; font-weight: 500}
.tb_level tbody { text-align: center; }
.tb_level tbody td { line-height: 1.3}
.tb_level tbody tr td { padding: 1.3rem 0;}
.bx_level { text-align: center;}
.bx_level > p { padding:0.7rem 0 0.4rem; font-weight: 600; font-size: 1.125rem}
.bx_level > p strong { color: #000;}

.list_level > li { padding: 2rem 0  }
.list_level > li > .bx_level { width: 19.66%}
.list_level > li > .bx_level + div { flex: 1}
.list_level > li ~ li { border-top: 1px solid #dcdcdc}

.list_level2 > li { padding: 0rem 0 ; width: 48% }
.list_level2 > li > .bx_level { width: 25%;padding: 15px 0 10px;border-radius: 6px;background: #e1effe;}
.list_level2 > li > .bx_level + div { flex: 1}
.list_level2 > ul ~ ul { padding-top:1.25rem; /*border-top: 1px solid #dcdcdc*/}

.list_process > li {margin-right: 5px; padding:0 2.1.063rem; min-width: 234px; border-radius: 0.25rem; background: #626262; box-sizing: border-box; color: #fff; line-height: 3rem; text-align: center; font-size: 0.8rem; font-weight: bold;}
.list_process > li > span { font-family: 'Montserrat',sans-serif;}
.list_process > li.add_after:after { width: 0.45rem; height: 0.85rem; background: url(../common/images/ico_arr_right_process.png) no-repeat center / 100% 100%; vertical-align: middle; margin-left: 10px}
.sec_service.purchase .wrap_board > div ~ div { padding-top:3.75rem}
.sec_service.purchase .tb_level { margin: 0}
.sec_service.purchase .wrap_board > div .list > li > p { padding: 2.1.063rem 0 0.95rem}

.sec_service.purchase .wrap_policy .list_process { padding: 2rem 0 0}
.sec_service.receive .list > li h4 { padding-bottom: 0.6rem; line-height: 1; font-size: 0.9rem}
.sec_service.receive .list > li h4 + p { padding: 0 0 1.6rem}
.sec_service.receive .list > li ~ li h4 { padding-top: 2.8rem}
.sec_service.receive .list > li .list_bul { padding: 0.8rem 0}
.sec_service.receive .bx_gray { line-height: 1}



.sec_policy > div { padding: 40px 35px}
.sec_policy h2 { padding: 57px 0; font-size: 56px; text-align: center; border-bottom: 3px solid #222; color: #222}
.sec_policy.txt_type2 { font-size: 15px}
.sec_policy .list > li > p { padding: 30px 0 15px 0;     color: #222; font-size: 24px; font-weight: 500;}
.sec_policy .list .color_navy { color: }

/*#ipnt { background-color:#fff; width:39%; height:30px; border-radius:5px; text-align:right;margin-left: 0.8rem; padding-right:4px;}*/
/*#pnt { background-color:#fff; width:39%; height:30px; border-radius:5px; text-align:right;margin-left: 0.8rem; padding-right:4px;}*/



.pay-cult .bx_input { display: block; padding-left: 1.063rem; padding-right: 1.063rem; border: 1px solid #bbb; border-radius: 0.2rem; height: 2.4rem; line-height: 1; overflow: hidden; box-sizing: border-box;}
.pay-cult .bx_input.type1 input { width: auto}
.pay-cult .bx_input.type1 > div { position: relative; flex:1}
.pay-cult .bx_input.gray { background: #f5f5f5}
.pay-cult .bx_input > * { height: 100%; width: 100%; background: none; box-sizing: border-box;}


/*lucky css*/

.lucky_game { padding: 3.5rem 0 3.4rem; background: #1b1b1b; color: #fff ; font-family: 'Pretendard',sans-serif;}
.lucky_game * { color: #fff}
.lucky_game .choice.left { width: 50%; }
.lucky_game .pay.right { padding: 1.1.063rem 1.063rem 0; width: 30%; height: 35.5rem; background: #333; border-radius: 1.063rem; box-sizing: border-box; }
.lucky_game .choice .title { font-size: 0.85rem}
.lucky_game .choice .title span { color: #c5c5c5; font-weight: 300}
.lucky_game .choice ol li .title { padding: 0rem 0 1.063rem}
.lucky_game .choice ol li:first-child .title { padding-top: 0}
.lucky_game .choice .list_btn > li { border: 1px solid #535353; border-radius: 0.25rem; overflow: hidden;}
.lucky_game .choice .list_btn > li > * { display: block; width: 100%; height: 3rem; line-height: 3.2rem; background: #333; font-size: 1.125rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'Pretendard',sans-serif;}
.lucky_game .choice .list_btn > li > *:hover { background: #f00;}
.lucky_game .choice .step1 .list_btn > li { width: 18.5%}
.lucky_game .choice .step2 .list_btn { width: 80%}
.lucky_game .choice .step2 .list_btn > li { width: 32%}
.lucky_game .choice .step3 { float: left; width: 61.2%}
.lucky_game .choice .step4 { float: left; width: 33%; margin-left:10px;}
.lucky_game .bx_balls { box-sizing: border-box; border: 1px solid; border: 1px solid #535353; border-radius: 0.5rem; overflow: hidden; height: 20.4rem;box-sizing: border-box}
.lucky_game .bx_balls > div { padding: 0.5rem}
.lucky_game .choice ol:after { content: ""; display: block; clear: both}
.lucky_game .list_num > li { float: left; border-radius: 100%; box-sizing: border-box; border: 1px solid #5c5c5c; text-align: center; overflow: hidden;}
.lucky_game .list_num > li > a { display: block; width: 100%; height: 100%; font-size: 0.6rem; font-weight:500}
.lucky_game .list_num > li { margin-right: 5px;  margin-bottom: 6px; width: 1.5rem; height: 1.5rem;  line-height: 1.5rem;}
.lucky_game .step3 .list_num > li:nth-child(9n){ margin-right: 0;}
.lucky_game .step4 .list_num > li:nth-child(5n){ margin-right: 0;}

.lucky_game .choice .step3 .list_num > li > *:hover,
.lucky_game .choice .step3 .list_num > li.on > *{ background: #fff; color: #000}
.lucky_game .choice .step4 .list_num > li > *:hover { background: #f00;}

.lucky_game .pay .top { padding: 0 0 0.7rem; border-bottom: 1px solid #434343}
.lucky_game .pay .top > strong { font-size: 1.063rem; line-height: 1.7rem}
.lucky_game .pay .top > strong:before { margin-right: 0.5rem; margin-left: 1.5rem; width: 1.65rem; height: 1.15rem; background: url(../common/images/ico_list.png) no-repeat center / 100% 100%}
.lucky_game .pay .top > button { width: 4rem; height: 1.6rem; font-size: 0.938rem; color: #666; font-weight: 500}
.lucky_game .pay .bx_border { border: 1px solid #5c5c5c; border-radius: 0.25rem}
.lucky_game .pay .btn_save {margin:0.5rem 0 0;  width: 100%; height:2.3rem;  background: #1b1b1b;}
.lucky_game .pay .btn_save:after { margin-left: 1.063rem; width: 0.75rem; height: 0.85rem; background: url(../common/images/ico_save.png) no-repeat center / 100% 100% }
.lucky_game .pay .btn_save + p { margin: 0 0 0.5rem; padding: 1.2rem 0; font-size: 1.125rem; text-align: center; border-bottom: 1px solid #5c5c5c;}
.lucky_game .wrap_game { padding: 1.063rem 0.8rem 0.5rem; border: 1px solid #5c5c5c; }
.lucky_game .list_game { font-size: 0.938rem; letter-spacing: }
.lucky_game .list_game .list_num > li { margin-bottom: 0.25rem; width: 1.2rem; height: 1.2rem; line-height: 1.2rem}
.lucky_game .list_game .list_num > li ~ li { margin-left: 0.2rem}
.lucky_game .list_game .active .list_num > li:not(:last-child) a { background: #fff; }
.lucky_game .list_game .active .list_num > li:last-child a { background:#e60012; color: #fff}
.lucky_game .pay .list_game .list_num a { color:#000}
.lucky_game .pay .list_game .btns > * { width: 1.9rem; height: 1.65rem; border-radius: 0.25rem; font-family: 'Pretendard',sans-serif;; line-height: 1.8rem; font-size: 0.65rem}
.lucky_game .pay .list_game .btn_re, .lucky_game .bx_result { background: #1b1b1b; }
.lucky_game .pay .list_game .btn_del { margin-left: 0.2rem; background: #e60012; }
.lucky_game .bx_result { margin: 0.85rem 0 0.4rem; padding: 1.1.063rem 0.8rem; font-size: 0.9rem}
.lucky_game .bx_result .top button { margin-left: 0.8rem; font-size:0.75rem ; height: 1.65rem; width: 3.9rem;}
.lucky_game .bx_result .top .left { line-height: 1.65rem}
.lucky_game .bx_result .top .right > p { padding: 0.6rem 0 0; font-size: 0.7rem; color: #bababa;text-align: right;}
.lucky_game .bx_result .btm { padding: 1.063rem 0 0}
.lucky_game .bx_result .btm .left { font-size: 1.063rem}
.lucky_game .bx_result .btm > p strong { font-size: 1.5rem}
.lucky_game .btn_pay { width: 100%; height: 3.2rem; line-height: 3.5rem; font-size: 1.25rem; }
.lucky_game .step4 .bx_red { display: block; width:100%; height:130px; background: #ff0000; color: #fff; font-size: 1.063rem; line-height: 1.25}
.lucky_game .step4 .bx_red .add_before:before { margin-right: 1.5rem; content: ""; display: inline-block; width: 3.3rem; height: 2.3rem; background: url(../common/images/ico_list.png) no-repeat center /100% 100%; }
.lucky_quick.sub { padding: 0}
.lucky_quick.sub > ul > li { width:32% }
.lucky_quick.sub > ul { margin:2.3rem 0 2.1.063rem; }

.lucky_draw .list_result > li { width:49.5% }
.lucky_draw .list_result > li > div { padding:2.75rem 1.6rem 1.6rem; border-bottom: 0.2rem solid #276AC7; font-size: 1.125rem; color: #222; background: url(../common/images/logo_mega.png) no-repeat right 1.6rem center}
.lucky_draw .list_result > li.power > div { background-image: url(../common/images/logo_power.png)}

.lucky_draw .list_result > li .h_type2 { font-size: 1.25rem; }
.lucky_draw .list_result > li > div > div { padding: .8rem 0 0; line-height: 1.2}
.lucky_draw .list_result > li > div small { font-size: 0.7rem; color: #666}

.lucky_draw .lucky_info > .bx_gray > ul { border: none}
.lucky_draw .lucky_info .label { display: inline-block;}
.lucky_wrap_board > .top { padding:  0 0 1.25rem}
.lucky_wrap_board > .top h3 { font-size: 1.1.063rem}
.lucky_draw .wrap_board > .top .btn_gray { padding: 0.6rem 1.7rem 0.6rem 0.9rem ; font-size: 0.938rem; color: #fff; background: url(../common/images/ico_arr_right_w.png) no-repeat right 0.9rem center #535353 }
.lucky_draw .wrap_board td:nth-child(6) > *:after,
.lucky_draw .wrap_board td:nth-child(7) > *:after { content: ""; display: inline-block; margin-left: 0.4rem; width: 1.2rem; height: 0.75rem; background: url(../common/images/ico_video.png ) no-repeat center / auto 100% ; vertical-align: middle;}
.lucky_draw .wrap_board td:nth-child(7) > *:after { background-image: url(../common/images/ico_detail.png ); height: 0.8rem;}