p, ol, ul, li {font-family:'Pretendard',sans-serif; margin:0; padding:0;}

ol, ul {list-style:none;}
input, select, textarea {line-height:1.2;vertical-align:middle;}
button, select {text-transform:none;}
button, input {line-height:normal;}
textarea {resize:vertical;overflow:auto;}

table {width: 100%;border-spacing: 0;border-collapse: collapse;}

input:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
input:focus {outline: none;} /* outline 테두리 없애기 */

select:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
select:focus {outline: none;} /* outline 테두리 없애기 */

textarea:focus {outline: 2px solid #d50000;} /* outline 테두리 속성 수정 */
textarea:focus {outline: none;} /* outline 테두리 없애기 */

main {display: block;min-height: 80vh;}

.contents {padding-top: 0;}

.dp_b { display: block !important;}
.dp_inb { display: inline-block !important;}
.dp_none {display: none !important; }
.dp_in {display: inline !important; }

/* center align */
.txt_center { text-align: center;}
.dp_center { display:block; margin: 0 auto; }

/* font-weight */
.fw300 { font-weight: 300}
.fw400 { font-weight: 400}
.fw500 { font-weight: 500}
.fw600 { font-weight: 600}
.fw700 { font-weight: 700}
.fw800 { font-weight: 800}
.fw900 { font-weight: 900}
.fwB { font-weight: bold;}
/* font-size */
.fs0 { font-size: 0}
/* letter-spacing */
.ls75 { letter-spacing: -0.075em;}
.ls50 { letter-spacing: -0.050em;}
.ls20 { letter-spacing: -0.020em;}
.ls25 { letter-spacing: -0.025em;}
.ls15 { letter-spacing: -0.015em;}
.lh1 { line-height: 1}
.lh12 { line-height: 1.2}
.lh13 { line-height: 1.3}
.lh14 { line-height: 1.4}
.lh15 { line-height: 1.5}
.lh16 { line-height: 1.6}
.lh17 { line-height: 1.7}
/* bg */
.bg_blue { background-color: var(--color_blue) !important;}
.bg_white { background-color:#ffffff !important}
.bg_red { background-color:#e13b2c !important}
.bg_red2 { background-color:#e13b2c !important; color: #fff !important;}
.bg_gray { background-color: #f1f1f1 !important; color: #fff !important;}
.bg_light_gray { background-color: #f5f5f5 !important; color: #333 !important;}
.bg_navy { background-color: #082b60 !important; color: #fff}
.bg_sky { background-color: #e2efff !important; color: #333}

/* btn */
.btn_red { background-color:#e13b2c; !important; color: #fff !important; }
.btn_red2 { background-color:#DF3732 !important; color: #fff !important; }
.btn_blue { background-color:#276ac7 !important; color: #fff !important; }
/* .btn_blue2 { background-color:#276ac7 !important; color: #fff !important; height: 3rem;line-height: 3rem;min-width: 25%;} */
.btn_center { display: table; margin: 0 auto; text-align: center;}
.btn_red { background: #e13b2c !important; color: #fff}
.wrap_btn.flex.space > * { width: 100%;}


.border_gray {border: 1px solid #ddd;}

/* font */
.f_NotoSansKR { font-family: 'Pretendard', sans-serif !important; }
.f_GmarketSans { font-family: 'Pretendard',sans-serif, sans-serif !important; }
.f_Montserrat { font-family: 'Montserrat', sans-serif !important; }

.bt { border-top: 1px solid #000}
.bb { border-bottom: 1px solid #000}
.border_dcdcdc { border-color: #dcdcdc !important}
.border_e6e6e6 { border-color: #e6e6e6 !important}
.va_mid { vertical-align: middle;}
.va_mid_text { vertical-align: middle; font-size:15px; font-weight:500;}

/* color */
.color_blue { color: var(--color_blue) !important}
.color_blue2 { color: var(--color_blue2) !important}
.color_000 { color: #000 !important}
.color_fff { color: #fff !important}
.color_red3 { color: #ff0101 !important}
.color_ylw { color: #fffc00 !important}
.color_666 { color: #666 !important}

.wrap_img > img { width: 100%}
.wrap_img > a > img { width: 100%}
.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: 0.8rem;}
.list_bul > li { padding-left: 0.6rem; position: relative; padding-bottom: 0rem}
.list_bul > li.nonebul:before { display: none}
.list_bul > li:before { position: absolute; left: 0; top: 10px; content: ""; display: inline-block; width: 3px; height: 3px; background: #666; vertical-align: middle; border-radius: 100%}
.list_bul2 > li > p:before { content: ""; display: inline-block; margin-right: 6px; width: 2px; height: 2px; background: #bfbfbf; vertical-align: middle;}




.bx_gray { background: #f8fafb;}
.bx_light_gray { background: #f7f7f7;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}




.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;}
.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; width: 100%; position: relative;padding: 0;/*margin-bottom: 10px;*/}
.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;}
.underline { position: relative;}
.underline:after { position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background: #000}


/* element */
button { background-color:transparent; cursor: pointer;}

.title_sub { position: relative; margin-bottom: 1.438rem;}
.title_sub .title { text-align:center; font-family: 'Pretendard',sans-serif; font-size: 1.75rem;; letter-spacing: -0.075em; line-height: 2.25rem; font-weight: 500; background: #fff}
.title_sub .btn_back { position: absolute; left: 0; top: 0; bottom: 0;   no-repeat center / auto 40%; } /*width: 3.1rem; background: url(../common/images/mobile/ico_arr_back.png)*/


.sec_login { text-align: center; box-sizing: border-box; padding-bottom: 50px; }
.sec_login > div { width: 78%; margin: 0 auto}
.sec_login .maintit { padding: 1.675rem 0 1.125rem; font-size: 1.625rem;}
.sec_login .maintit span { font-weight: 500; display: block;}
.sec_login form * { font-family: 'Pretendard',sans-serif; letter-spacing: -0.075em; font-size: 1.5rem;}
.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: 1rem; top: 0; width: 1.438rem; 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 3.2rem; width: 100%; line-height: 3.8rem; box-sizing: border-box; color: #000; border-style: none;}

.sec_login > .login_super form .btn_login { margin:1rem 0 0.9rem; width:100%; background:#276ac7; font-weight: 500}

.sec_login .wrap_chk { text-align: left;}
.sec_login .wrap_chk label { cursor: pointer; color: #444; font-weight: 400; font-size: 1.25rem;}
.sec_login .btn_login { display: block; line-height: 4rem; border-radius: 3px; color: #fff; font-size:1.5rem}
.sec_login .list_find { font-size: 0}
.sec_login .list_find li {  position: relative; display: inline-block; padding: 5px 1.4rem }
.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:last-child:after {display: none;}
.sec_login .list_find li a { display: block; padding: 0.25rem 0; font-size: 1.438rem; color: #444; font-weight: 500; }
.login_sns h3 { padding: 1.6rem 0; color:#7c7c7c; font-size: 1.25rem;}
.sec_login .login_sns ul li {  position: relative; margin: 0 0 0.688rem}
.sec_login .login_sns .naver:before { position: absolute; left: 0; top: 0; bottom: 0 ; width: 1.7rem; background: url(../common/images/ico_naver.png ) no-repeat center / 36% auto; border-right: 1px solid #2aa104}

.login_tit {text-align: center; padding: 1.675rem 0 1.125rem; font-size: 1.625rem;  width: 90%; position: relative;margin: 0 auto; margin-bottom: 10px;}
.login_tit span { font-weight: 500; display: block;}
.login_tit h2 {margin: 0px 0 10px}


/* 회원가입 */
.join_box {width: 92%;margin: 0 auto;}
.join_tit {text-align: center; padding: 1.675rem 0 1.125rem; font-size: 1.625rem; border-bottom: 2px solid #222; position: relative;margin: 0 auto; margin-bottom: 10px;}
.join_tit span { font-weight: 500; display: block;}
.join_tit h2 {margin: 0px 0 10px}
.join_tit2 {text-align: center; padding: 1.675rem 0 1.125rem; font-size: 1.625rem;  width: 90%; position: relative;margin: 0 auto; margin-bottom: 10px;}
.list_form .view { padding-left: 0.8rem; color: #666; text-decoration: underline; font-weight: 500}
.list_form .txt_type1 { display:block; padding: 0.2rem 0 0 ;font-size: 1.375rem; color: #999; line-height: 1.4}
.list_form .btn_gray { height:3.6rem; font-size: 1.375rem;}
.list_form { text-align: left; font-family: 'Pretendard',sans-serif;}
.bx_input { display: block; padding-left: 0.5rem; padding-right: 1rem; border: 1px solid #ddd; border-radius: 0.2rem; height: 3.8rem; line-height: 3.8rem; overflow: hidden; box-sizing: border-box; background: #fff}
.bx_input + .btn { height: 3.8rem; line-height: 3.8rem}
.bx_input > * { font-family: 'Pretendard',sans-serif;height: 100%; width: 100%; background: none; box-sizing: border-box;border-style: none; background: #fff;font-size: 1.5rem;}
.bx_input.textarea { height: 3rem; padding: 0.5rem}
.bx_input.type1 input { width: auto}
.bx_input.type1 > div { position: relative; flex:1}
.bx_input.white { background: #fff}
.list_form > li ~ li { margin-top: 1rem}
.list_form > li > div { flex: 1; }
.list_form > li > label { display: block; line-height:2rem; font-size: 1.438rem; font-weight: 400; cursor: pointer;}
.list_form > li > label.nocursor { cursor: default;}
.wrap_type1 > div { flex: 1}
.wrap_type1 .btn_gray,
.wrap_type1 > div + * { margin-left:0.313rem; min-width: 25%; box-sizing: border-box; text-align: center;}
 .wrap_type1 > * { border-radius: 0.2rem; font-size: 1.375rem;}
.list_form > li .wrap_type1 ~ .wrap_type1  { margin: 0.5rem 0 0}
.list_form .bx_num { position: relative;}
.list_form .bx_num .time { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); color: #f00; font-size: 1.25rem}

/* 회원가입 - common */
.sec_reg { padding-top: 1.5rem; }
.sec_reg form legend { padding: 2rem 0; font-size: 1.688rem; text-align: center;}
.btn_gray { background: #444; color: #fff; border-radius: 0.2rem; box-sizing: border-box;}
.btn_gray2 { background: #f1f1f1; color: #000}
.wrap_btn > * { display: block; line-height: 3.6rem; border-radius: 0.075rem; font-size: 1.563rem;; font-family: 'Pretendard',sans-serif; letter-spacing: -0.05em; box-sizing: border-box; text-align: center; border: 1px solid #276ac7;}
.wrap_btn.flex.space > * { width: 49%;}
.wrap_btn .btn_prev,
.btn_w { border: 1px solid #ddd; color: #666 ; background:#fff; border-radius: 0.2rem}
.sec_reg .list_step { display: table; margin: 0 auto; position: relative;}
.sec_reg .list_step:after { position: absolute; left: 2%; right: 2%; top: 1.4rem; border: 1px solid #c7c7c7}
.sec_reg .list_step li { float: left; text-align:center; position: relative; z-index: 1}
.sec_reg .list_step li ~ li { margin-left: 2.2rem}
.sec_reg .list_step li:before { content: ""; display: inline-block; width: 5.4rem; height: 5.4rem; 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.625rem 0 0; font-size: 1.438rem; }
.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); }

/* 약관동의 - signup1-agree.html */
.bx_agree { padding: 1.875rem; 1.563rem; border: 1px solid #cfcfcf; font-size: font-size: 1.375rem;; color: #666}
.bx_agree > li { display: flex; justify-content: space-between; align-items: center;}
.bx_agree > li .view {font-size: 1.375rem;}
.sec_reg.agree form { font-size: 1.5rem;}
.sec_reg.agree form ul li { color: #666}
.sec_reg.agree form ul li ~ li { padding: 0.625rem 0 0; }
.sec_reg.agree form .wrap_btn { padding:1.25rem 0 3rem;}
.sec_reg .bx_agree { margin-top: 1.438rem; }
.sec_reg .bx_agree .view:after { margin-left: 1rem; width: 1.125rem; height: 0.938rem; background: url(../common/images/mobile/ico_arr_btm_b.png) no-repeat center / 100% auto ; transform: rotate(-90deg); }

/* 정보입력 - signup2-form.html */
.sec_reg.write { text-align: center;}
.sec_reg.write .list_form > li > label > span:not(.notrequir):after,
.list_form > li.required > label > span:after
 { content: "*"; float: left; color: #f00; }
.sec_reg.write .list_form .bx_num { position: relative; margin-top: 0.5rem; }
.sec_reg.write .list_form .bx_tel select { height: 100%; width: 30%; }
.sec_reg.write .list_form .bx_tel input { width: 60%}
.sec_reg.write .wrap_btn { padding: 1rem 0 3rem}
.bx_agree .bx_input { height: auto; padding-bottom: 1.5rem; font-size: 0.75rem; color: #666}

/* 회원가입 완료 - signup3-complete.html */
.sec_fin h2 { padding: 1.8rem 0 0; color: #222; font-size: 1.2rem; line-height: 1.2}
.sec_fin h2 span { font-size: 0.9rem}
.sec_fin .wrap_btn.btm { position: relative; padding-top: 1.27rem ; border-top: 1px solid #e8e8e8}
.sec_fin .or { position: absolute; left: 50%; padding: 0 1rem; transform: translate(-50%, -3px) ; color: #7c7c7c; font-size: 1.125rem; letter-spacing: -0.05em; background: #fff; z-index: 1;
}

.bg_contents { background-color:#f7f7f7}

/* 메가밀리언 구매 */
.bx_info { margin-bottom: 1.688rem;  overflow: hidden; letter-spacing: -0.025em; font-family: 'Pretendard',sans-serif}
.bx_info .txt_type1 { font-size: 0.78rem}
.bx_info .color_red { color: #e13b2c !important}
.bx_info > ul { color: #313131}
.bx_info > ul > li:nth-child(1) { padding: 0.825rem 0 1.438rem; /*margin-bottom: 0.938rem;*/ text-align:center; background:#e2efff !important}
.bx_info > ul > li:nth-child(1) > div { display: table; margin: 0 auto}
.bx_info > ul > li { position: relative; border:1px solid #ddd; box-sizing: border-box; line-height: 1.38; font-size: 1.375rem; background: #fff; color:#000000; font-weight:500}
.bx_info > ul > li ~ li { padding-top: 1.688rem;  border-left: 1px solid #ddd; width:49%;}
.bx_info > ul > li ~ li > div { padding-left:1.688rem;}
.bx_info > ul > li .title { padding: 0 0 0.625rem; color: #000; font-size: 1.688rem;}
.bx_info .ico_date:after { margin-left: 0.2rem; width:1.75rem;; height:1.813rem;; background: url(../img/sub/ico_date.png) no-repeat center / 100% 100%}
.bx_info .ico_time_ko:after { margin-left: 0.2rem; width:1.75rem; height:1.875rem;; background: url(../common/images/ico_time_ko.png) no-repeat center / auto 100%}
.nation { font-weight: 300; padding-top: 1rem;}
.nation .add_before:before { margin-right: 0.2rem; width:1.875rem;; height:1.25rem;; border: 1px solid #ddd; margin: 6px 0px}
.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_game { padding-bottom: 1.1rem ; color: #fff ; font-family: 'Pretendard',sans-serif; border-radius: 0.5rem}
.sec_game .btn_next { display:block; margin: 1rem auto 0; width: 7.5rem;font-size: 1.75rem;; line-height: 1.55rem; border-radius: 1.55rem; text-align: center; font-weight: bold}
.sec_game .btn_next:after { margin-left: 0.813rem; width: 0.875rem;; height: font-size: 1.625rem;; background: url(../common/images/mobile/ico_arr_right_w_m.png) no-repeat center / 100% auto}
.sec_game * { color: #fff}
.sec_game .step1,
.sec_game .step2 { padding-left: 0.75rem; padding-right: 0.75rem}
.sec_game .choice .step2 .title { margin-top: 0.938rem; padding-top: 1.75rem; border-top: 1px solid #434343}
.sec_game .pay.right { padding: 1.1rem 0.75rem 0.95rem; background: #333; border-radius: 1rem; box-sizing: border-box; letter-spacing: -0.075em}
.sec_game .choice .title { padding: 1.4rem 0 1.875rem;; font-size: 1.563rem;}
.sec_game .choice .title span { color: #c5c5c5; font-weight: 300}
.sec_game .choice .list_btn > li { float: left; margin-right: 2%; margin-bottom: 0.875rem;; width: 32%; border: 1px solid #535353; border-radius: 0.25rem; overflow: hidden; box-sizing: border-box;}
.sec_game .choice .list_btn > li:nth-child(3n) { margin-right: 0}
.sec_game .choice .list_btn > li > * { display: block; width: 100%; height: 1.62rem; line-height: 1.62rem; background: #333; font-size: 1.688rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'Pretendard',sans-serif}
.sec_game .choice .list_btn > li > *.on { background: #f00;}
.sec_game .choice .step2 .list_btn > li { width: 32%}
.bx_balls { box-sizing: border-box; overflow: hidden; }
.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: 3.2vw}
.sec_game .list_num > li { margin-right: 1.1vw; margin-bottom: 6px; width: 8.5vw; height: 8.5vw;  line-height: 8.5vw;}
.sec_game .step .list_num > li:nth-child(9n){ 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 .step3,
.sec_game .step4 { padding-left: 3.5vw; padding-right: 3.5vw; padding-bottom: 1.05rem; background: #1b1b1b; border-radius: 1.25rem;}
/*.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.6rem; border-bottom: 1px solid #434343}
.sec_game .pay .top > strong { font-size: 0.95rem;  line-height: 1.25rem; }
.sec_game .pay .top > strong:before { margin-right: 0.5rem; margin-left: 1.5rem; width: 3rem; height: 1.9rem; background: url(../common/images/ico_list.png) no-repeat center / 100% 100%}
.sec_game .pay .top > button { padding: 0 0.25rem; height: 1.25rem; font-size: 0.75rem; font-weight: 500}
.sec_game .pay .top > button span {color: #666; vertical-align: middle;}
.sec_game .pay .top > button:before { margin-right: 0.25rem; width: 0.9rem; height: 0.9rem; background: url(../common/images/ico_refresh.svg) no-repeat center / 100% 100%}
.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:2rem;  background: #1b1b1b; line-height: 1; font-size: 1.563rem;}
.sec_game .pay .btn_save:after { margin-left: 1rem; 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: 0.9rem 0; font-size: 1.688rem; text-align: center; border-bottom: 1px solid #5c5c5c;}
.sec_game .wrap_game { padding: 0.875rem 1.563rem 0.5rem; border: 1px solid #5c5c5c; }
.sec_game .list_game { font-size: 1.438rem; }
.sec_game .list_game .list_num > li { margin-right: 0.25rem; margin-bottom: 0.25rem; width: 1.4rem; height: 1.4rem; line-height: 1.35rem; }
.sec_game .list_game .list_num > li ~ li { margin-left: 0.02rem}


.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; font-size: 1.438rem !important}
.sec_game .pay .list_game .btns > * { width: 1.3rem; height: 1.3rem; border-radius: 0.25rem; font-family: 'Pretendard',sans-serif; line-height: 1.3rem; font-size: var(--px19); left:0px; position:relative; border:2px solid #fff;}
.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:1.625rem 0 0.75rem; padding: 1.3rem 1.875rem;; font-size: 1.688rem; line-height: 1}
.sec_game .bx_result .top button { margin-left: 0.8rem; font-size:1.438rem ; height: 1.25rem; width: 3.5rem; line-height:1.45rem;}
.sec_game .bx_result .top .left { line-height: 1.25rem}
.sec_game .bx_result .top .right > p { padding: 1.125rem 0 0; font-size: 1.563rem;; color: #bababa;text-align: right;}
.sec_game .bx_result .btm { padding: 1.875rem; 0 0; font-size: 1.875rem;}
.sec_game .bx_result .btm .left { font-size: 1rem}
.sec_game .bx_result .btm > p strong { font-size: 1.15rem}
.sec_game .btn_pay { width: 100%; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }
.mr00 {margin-right:0px !important;}

.btn_get { display: flex; margin-bottom: 1rem; overflow: hidden;}
.btn_get > * { color: #fff; font-size:0.7rem; font-family: 'Pretendard',sans-serif; font-weight: 700; line-height: 2.5rem; height:2.25rem; }
.btn_get .btn_cancel { width: 30%; background:#333; }
.btn_get .btn_red { flex: 1; background: #ff0000;  }
.btn_get .btn_black { flex: 1; background: #000;  }
.btn_get .btn_red .add_before:before { margin-right: font-size: 1.375rem;; content: ""; display: inline-block; width: 1rem; height: 0.8rem; background: url(../common/images/ico_list.png) no-repeat center /100% 100%; }

.popup.pay .wrap_option > div { padding: 0.938rem 0 ; }
.popup.pay .wrap_option > div ~ div { border-bottom: 1px solid #ececec}
.popup.pay .wrap_option > div > *:nth-child(1) { width: 32%}
.popup.pay .wrap_option > div > *:nth-child(2) { width: 45%}
.popup.pay .wrap_option > div > *:nth-child(3) { width: 23%}
.popup.pay .wrap_option input { border: 1px solid #dcdcdc; background: #f8f8f8; box-sizing: border-box; width: 90%}
.popup.pay .wrap_option small { display: inline-block; padding-top: 0.625rem; font-size: 1.125rem}
.popup.pay .wrap_option button,
.popup.pay .wrap_option input { padding:0 0.75rem; height:1.5rem; border-radius: 0.2rem; font-size: 1.25rem;; }
.popup.pay .wrap_option + .total { padding: font-size: 1.625rem; 0; font-size: 1.875rem text-align: center;}
.popup.pay .btn_pay { margin-top: 1.438rem; margin-bottom: 0.95rem; font-size: 1.75rem;; width: 6.675rem; height: 1.9rem; line-height: 1.9rem}


.sec_find { padding: 2rem 0 0; text-align: center;}
.sec_find .bx_result { background:#f8fafb; padding:1rem }
.sec_find .bx_result > p { font-size: 1.5rem; line-height: 1.3}
.sec_find .bx_result > span { display: block; padding: 0.7rem 0 1rem; font-size: 1.5rem; color: #666}
.sec_find .wrap_title {margin: 0 auto;position: relative; width: 100%;}
.sec_find .wrap_title .h_type3 { padding-bottom: 3.5rem; }
.sec_find .wrap_title > p { padding: 0 0 1rem; font-size: 1.875rem; line-height: 1.3}
.sec_reg.find .wrap_btn { margin-top: 1rem}

/* mypage */
main.mypage { padding-bottom:3.125rem; }
main.mypage .bx_padding { padding-top:1.625rem;  padding-bottom:1.625rem;  }
main.mypage .wrap_title .left { font-size: 1.75rem;}
main.mypage .wrap_title .right { font-size: font-size: 1.375rem;}

.sec_mycash .list_bul2 {border-top: 1px solid #aec5ed;margin-top: 1.375rem; padding-top:1.5rem; font-size: 1.563rem;; font-weight: 400}
.sec_mycash .list_bul2 > li { display: flex; align-items: center; }
.sec_mycash .list_bul2 > li ~ li { padding: 1.5rem 0 0}
.sec_mycash .list_bul2 > li > p { width: 47%}
.sec_mycash .list_bul2 > li .btn { display: inline-block; line-height: 2.5rem; height:2.5rem; padding:0 0.5rem ; font-size: 1.375rem;; border-radius: 0.1rem; font-weight: 500}
.sec_mycash .list_bul2 > li > div { flex: 1; font-weight: 500; letter-spacing: -0.025em}
.sec_mycash .list_bul2 > li > div > span { display: inline-block;  } /*width: 5.75rem;*/

.sec_recent .wrap_title + p { padding: 1.875rem; 0 0; font-size: 1.75rem;}
.sec_recent ol { display: table; margin: 1.57rem auto 0; }
.sec_recent ol li { position: relative; text-align:center;}
.sec_recent ol li ~ li:before { width: 2.125rem; margin:0 5px; background: url(../common/images/mobile/bg_dotted.png) no-repeat center / 90% auto; padding-top: 68px}
.sec_recent ol li > div { display: inline-block; vertical-align: top;}
.sec_recent ol li ~ li:before, .sec_recent ol li > div > p { height: 3rem;}
.sec_recent ol li > div > p { display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem;; width: 6rem; height: 6rem; border-radius: 100%; background: #276ac7; color: #fff; font-weight: bold; font-family: 'Pretendard',sans-serif; font-size: 1.625rem;}
.sec_recent ol li:last-child > div > p { background: #e13b2c;}
.sec_recent ol li > div > span { font-size: font-size: 1.375rem;}
.sec_recent ol li .underline:after { background: #fff}


.nav_mypage { padding: 1.125rem 0 4rem; background: #e8e8e8}
.nav_mypage ul { padding: 1rem 0 ; margin-bottom: 1.125rem; background: #fff; }
.nav_mypage ul a { display: block;}
.nav_mypage ul .link_main a {font-weight: 400; line-height: 1; background: none; font-size: 2rem;}
.nav_mypage ul .link_sub a {font-weight: 400;}
.nav_mypage ul li {padding: 1.125rem 0;font-size: 1.5rem;}
.nav_mypage ul li a { background: url(../common/images/mobile/ico_arr_right_gray.png) no-repeat right center / auto 80%; line-height: 1.375rem; font-weight: 400; letter-spacing:-0.065em}

.mypage.bg, .service.bg { background: #ececec}

.mypage .section .bx_gray {padding: 2.25rem 0 2rem;border-bottom: 1px solid #000;border-top: 1px solid #000; font-size: 1.625rem;}
.mypage .section .bx_gray2 {padding: 2.25rem 0 2rem;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; font-size: 1.625rem; background: #f8fafb;}
.mypage .section .bx_sky {padding: 2.25rem 1rem 2rem;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; font-size: 1.625rem; line-height: 1.5; background: #e1effe;}
.mypage .section .bx_sky2 {padding: 2.25rem 1rem 2rem;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; font-size: 1.5rem; line-height: 1.5; background: #e1effe;}
.mypage .section .h_type4 { padding-bottom: 0.2rem; }
.mypage .section .add_before:before { margin-right: 0.5rem; background: url(../common/images/ico_i.png) no-repeat center / 100% 100%; width: 20px; height: 20px;}
.mypage .section .list_check_red { padding:1.875rem; 0 1.25rem; }
.mypage .section .wrap_com .add_before2:before { margin-right: 0.2rem; background: url(../common/images/check_red.png) no-repeat center / 100% 100%; width: 17px; height: 16px;}
.mypage .list_option > li { display: flex; align-items: center; font-size: 1.75rem;}
.mypage .list_option > li ~ li { margin-top: 0.875rem;}
.mypage .list_option > li .title {padding-right:0.625rem; }
.mypage .list_option > li .bx_type2 { padding: 0 1.875rem;; line-height: 2.5rem; height: 2.5rem; font-size: 1.563rem;}
.mypage .list_option .list_btn > li ~ li { margin-left: 0.625rem}
.mypage .list_option .list_btn > li .bx_type2.on { border-color:#373b46 }
.bg_navy .h_type4 { color: #fff}

.mypage .bx_gray.txt_type1 { font-size: 1.5rem;}

/* 구매내역 */
.mypage .sec_history .h_type4 { padding-bottom: 1.25rem}

.sec_nonwin .bx_gray .btn_navy { margin-top: 1rem}

.list_sel > li { flex: 1}
.list_sel > li > * { display: block; width: 100%; height: 3.3rem; background: #f4f4f4; font-weight: 500}
.list_sel > li:hover * { border-color: #999; color: #444}
.list_sel > li ~ li { margin-left: -1px}
.list_sel > li * { font-size: 1.5rem; font-weight: 400;border: 1px solid #d7d7d7; position: relative; color: #666; transition: all .3s;}
.list_sel > li.on * { border-color: #373b46; background: #fff; z-index: 1}
.popup.charge .list_sel > li { float: left; width: 25%;margin-left: -1px;margin-top: -1px;}
.popup.charge .list_sel > li a { display: flex; justify-content: center; align-items: center; height: 1.75rem; line-height: 1.2; box-sizing: border-box; border-color: #d5d5d5;  text-align: center; color: #000; background: #fff; font-size: 1.25rem;}
.popup.charge .list_sel > li a:hover { border-color: #000;}
.popup .btn_pay { width: 5.8rem; margin: 1.875rem; auto 1rem; height: 1.57rem; line-height: 1.57rem; background-color: #e60012 !important; color: #fff; border-radius: 0.313rem}
.popup.charge .bx_white .list_bul { padding:1.875rem; 0 1.25rem; }
.popup.mileage .list_form {  padding: 0 0 1.25rem;; margin-bottom: 1.875rem;; border-bottom: 1px solid #e5e5e5; }
.popup.mileage .list_form > li > label { font-size: 1.688rem;}

.bx_search * { font-family: 'Pretendard',sans-serif; }
.bx_search .wrap_date { /*margin-top: 1.5rem*/ margin-bottom: 2rem}
.bx_search .wrap_date > div { flex: 1}
.bx_search .wrap_date input { border: 1px solid #e8e8e8; width: 45%; text-align:center; font-size: 1.5rem;}
.bx_search .wrap_date * { height: 2.5rem; line-height: 2.5rem}
.bx_search .wrap_date .btn { margin-left: 0.625rem; width: 23%; height: 3.3rem;border-radius: 2px; font-size: 1.5rem; margin-top: 0.8rem}
.sec_coupon .bx_search { padding-bottom: 1.75rem}
.ui-datepicker-trigger {height: 3.3rem !important; line-height: 3.3rem !important;margin-top: 0px;}


.list_charge > li { display: flex; margin-bottom: 0.3rem; border: 1px solid #d2d2d2; border-radius: 0.313rem; overflow: hidden;}
.list_charge > li > p { background: #eee; width: 24%; height:2.25rem; line-height: 2.25rem; text-align: center; color: #373b46; font-family: 'Pretendard',sans-serif; font-size: 1.563rem;}
.list_charge > li > p:after { content: "원"; display: inline-block; vertical-align: middle; font-weight: bold;}
.list_charge > li > p * { vertical-align: middle;}
.list_charge > li > div { padding: 0 0.4rem; display: flex; justify-content: space-between; align-items: center; }
.list_charge > li ul { font-size: 1.5rem; color:#676767; padding-left: 5px; }
.list_charge > li ul li.benefit { padding: 0 0 0.438rem; color: #f00; font-size: font-size: 1.375rem;}
.list_charge > li ul li > * { padding-left: 0.25rem; vertical-align: middle;}
.list_charge > li ul li:before,.list_charge > li ul li:after { content: ""; display: inline-block; vertical-align: middle;}
.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 .price01 { justify-content: flex-start;display: flex; background: #fff; width: 24%; height: 2.25rem; line-height: 0.8rem; text-align: center; color: #373b46; font-family: 'Pretendard',sans-serif; font-size: 16px; flex-direction: column; align-content: center; justify-content: center; align-items: center;}

.list_charge > li > div.pay_btn_wrap { width: 40%;display: flex; justify-content: space-between; align-items: center;justify-content:flex-end; }
.list_charge > li a,
.list_charge .btn_pay { display:block; width:3.875rem; background-color: #e60012; height: 1.625rem; line-height: 1.625rem; color: #fff; font-size:var(--px24); border-radius: 0.25rem; text-align: center;}
.list_charge .btn_pay2 { display:block; margin-left:0.2rem; width:6rem; background-color: #e60012; height: 1.625rem; line-height: 1.625rem; color: #fff; font-size:1.5rem; border-radius: 0.25rem; text-align: center;}
.list_charge .btn_pay3 { display:block; margin-left:0.2rem; width:6rem; background-color: #789DAD; height: 1.625rem; line-height: 1.625rem; color: #fff; font-size:1.5rem; border-radius: 0.25rem; text-align: center;}

.bx_answer { padding: 1.175rem 1.875rem; 1.5rem; ffont-size: 1.625rem; line-height: 1.63}
.bx_answer .title { font-size: 1.563rem;}
.bx_answer .wrap_q { padding: 0 0 1.25rem}
.bx_answer .btn_navy { font-size: 1.125rem; padding: 0.938rem 1.3rem; border-radius: 0.313rem}
.notice_type1 { padding-top:2.67rem; font-size: 1.75rem; line-height: 1.33; text-align: center; letter-spacing: -0.0775em; font-weight: 500}
.notice_type1 .wrap_img { width: 5rem}

.sec_myinfo .bx_agree + .txt_type1 { margin-bottom: 2rem}
.sec_myinfo .sec_mycash { padding: 1rem 0}

/* direct.html */
.sec_direct .wrap_tb { margin-bottom: 1.875rem;}



/* 서비스안내  */
.sec_service .top.bb { margin-bottom:0.825rem; padding:  2.5rem 0  1rem; border-color: #dedede}
.sec_service h3 { font-size: 1.875rem; color: #000; margin: 0}
.sec_service .txt_type1 { font-size: 1.5rem; line-height: 1.45}
.sec_service .txt_type_b { font-size: 1.688rem; line-height: 1.4; color:#333; letter-spacing:-0.5px; font-size: 1.5rem}
.sec_service .txt_type_b span {/*padding-left: 2rem;*/ color: #276ac7; font-weight: 500;}
.sec_service .txt_type_b ol {padding-left: 0rem; padding-top: 1rem;}
.sec_service .txt_type_b ol li {line-height: 1.4; padding-bottom: 0.4rem;}
.sec_service .wrap_sel { padding-top: 1.875rem;}
.sec_service .wrap_sel + .wrap_tab { margin-top: 1.875rem;}
.sec_service .list > li > p { margin: 1rem 0 0.875rem; font-size: 1.688rem;color: #111;}

/* 이용안내 */
.list_process > li { display: flex; flex-direction: column; align-items: center; justify-content: center; height:4.2rem; width: 4.2rem; border-radius: 100%; box-sizing: border-box; color: #fff; line-height: 1.2; text-align: center; font-size: 1.438rem; letter-spacing: -0.05em}
.list_process > li:nth-child(2n + 1) { background: #707070;}
.list_process > li:nth-child(2n) { background: #e5e5e5; color: #666}
.list_process > li > span { font-family:'Pretendard',sans-serif;}
.list_level > li { border: 1px solid #e5e5e5; margin-bottom: 0.813rem ; width: 48.5%;  text-align: center; font-size: 1.688rem; font-weight: 300; color: #222;  border-radius: 0.5rem;}
.list_level > li:last-child {margin-right: 0;}
.list_level > li > p { padding: 1.563rem 0; background: #e1effe; line-height: 1.32; font-size: 1.563rem; margin: 0}
.bx_level { padding: 1.8rem 0 1.5rem;}
.bx_level img { width: 22%}
.bx_level > p { font-family:'Pretendard',sans-serif; font-weight: 600;font-size: 1.75rem;}
.bx_level > p strong { font-weight: 600; color: #000}
.sec_service .wrap_policy .txt_type1 li ~ li { padding-top: 1rem}
.list_level2 .bx_level { display: flex; align-items: center; padding: 1.15rem 0 0.625rem; border-bottom: 1px solid #dedede; margin: 0 0 1rem; height: 38px;}
.list_level2 .bx_level > p { font-family: 'Pretendard',sans-serif; font-size: 1.875rem;}
.list_level2 .bx_level img { width: 1.75rem}
.list_level2 > li { margin-top: 1.25rem;; padding: 0 0.825rem 1.75rem; box-sizing: border-box; background: #fff}



/* 메가밀리언 소개 */
.sec_service.intro h4 {display: inline-block;color: #313131;letter-spacing: -0.076rem;line-height: 2rem;font-size: 1.875rem;font-weight: 700; margin: 0}
.sec_service.intro .wrap_logo {width: 22rem; margin: 1.5rem auto;}
.sec_service.intro .img_game { padding: 1.875rem 0 1rem;}
.sec_service.intro .img_game + div { padding: 0rem; }
.sec_service.intro .gameTable { padding: 1.875rem 0 0;}
.sec_service.intro .gameTable + div { padding: 0rem; }

/* 당첨금 수령 */
.sec_service.receive h4 { padding: 1.4rem 0 0.5rem}
.sec_service.receive .timeguide { padding-bottom: 1.25rem}
.sec_service.receive .timeguide > p { padding: 1.25rem 0 0.875rem; font-weight: 500; color: #000; font-size: 1.75rem;}
.sec_service.receive .btn_gray { padding: 1.25rem; ; margin: 1.125rem 0 0;}

/* 캐시 충전 */
.sec_charge > li { display: flex; flex-direction: column; align-items: center; justify-content: center; height:4.2rem; width: 4.2rem; border-radius: 100%; box-sizing: border-box; color: #fff; line-height: 1.2; text-align: center; font-size: 1.438rem; letter-spacing: -0.05em}
.sec_charge .txt_type3 { font-size: 1.5rem; line-height: 1.45}
.sec_charge .list_level3 .bx_level3 { display: flex; align-items: center; padding: 0.625rem 0 0.625rem; border-bottom: 1px solid #dedede; margin: 0 0 0.3rem}
.sec_charge .list_level3 .bx_level3 > p { font-family: 'Pretendard',sans-serif; font-size: font-size: 1.625rem;}
.sec_charge .list_level3 .bx_level3 img { width: 1.75rem}
.sec_charge .list_level3 > li { padding: 0 0.825rem 0.3rem; box-sizing: border-box; background: #fff}
.sec_charge .checker_red { width:1.375rem; padding-bottom:0.2rem; }

/* 고객센터 */
.wrap_sel { padding: 1.5rem 0; font-size: 1.5rem;}
.wrap_common { }


/* 게시판 공통 */
.board_type1 { padding: 0rem 0 2.25rem}
.board_type1 .filter *{ font-size: 1.563rem; padding-top: 1rem;}
.board_type1 .filter select { padding-right: 0.7rem; line-height: 3rem; height: 3rem; margin-bottom: 1rem;background: #fff url(../common/images/mobile/ico_arr_btm_b.png) no-repeat right 0 center / auto 0.25rem }
.list_board { border-top: 2px solid #000; border-bottom: 1px solid #000; font-size: 1.5rem;}
.list_board > li > a { display: block; padding: 1.1rem 0 1rem; line-height: 1.4}
.list_board > li ~ li { border-top: 1px solid #dedede}
.board_type1 .btn_more { width: 100%; height: auto}
.board_type1 .btn_more2 { width: 100%; height: auto}
.list_board ul { padding: 0.938rem 0 0; font-size: 1.375rem; font-weight: 300}
.list_board ul > li > span:after { content: ":"; display: inline-block; margin:0 0.625rem; vertical-align:middle; }
.list_board ul > li ~ li:before { content: ""; display: inline-block; margin:0 1.563rem; width: 1px; height: 0.938rem; vertical-align:middle; background: #999}
.list_board ul * { display: inline-block;ffont-size: 1.625rem; color: #999; }

/* 상세페이지 */
.board_details > .title { padding: 1.25rem 0 1rem; font-size: 1.875rem; ; border-bottom: 1px solid #dedede; }
.board_details .list_info { padding: 0.938rem 0 0; font-size: 0; font-weight: 300}
.board_details .list_info * { display: inline-block;font-size: 1.5rem; color: #999 }
.board_details .list_info > li ~ li > span:after {content: ":"; display: inline-block; margin:0 0.625rem; vertical-align:middle;  }
.board_details .list_info > li ~ li:before { content: ""; display: inline-block; margin:0 1.563rem; width: 1px; height: 0.938rem; vertical-align:middle; background: #666}
.board_details > .content { padding: 0 0 1rem; font-size: 1.563rem;; font-weight: 300; line-height: 2; border-bottom: 1px solid #ddd;}
.board_details > .content .txt { padding: 0.875rem 0 1rem;}
.board_details .btn_navy { margin:1rem 0 1.9rem; width: 100%}

/* 자주묻는질문 */
.sec_cs .wrap_tab.type2 { padding: 1rem 0 1.875rem}
.sec_draw .wrap_tab.type2 { padding: 1rem 0 1.875rem}
.sec_service .wrap_tab.type2 { padding-top: 1rem}
.sec_win .wrap_tab.type2 { padding: 1rem 0 1.875rem}


.sec_cs.faq .wrap_board h3 { padding: 0 0 0.85rem; font-size: 1.7rem}
.list_faq { border-bottom: 1px solid #dedede;}
.list_faq > li { padding: 1.25rem 0; line-height: 1.4;border-top: 1px solid #dedede;}
.list_faq > li > * > div { position: relative ; padding-left: 0.9rem}
.list_faq > li > * > div:before { content: "Q"; position: absolute; top:0; left: 0; font-size: 1.7rem; font-weight: 600;}
.list_faq > li > a { display: block; padding: 0rem 0; margin-right: 0.8rem;padding-right: 1.75rem; font-size: 1.875rem; background: url(../common/images/mobile/ico_arr_btm_list.png) no-repeat right center / 1.2rem auto}
.list_faq > li.active > a { background-image: url(../common/images/mobile/ico_arr_btm_list_on.png)}
.list_faq > li > div { display: none; padding: 0 0 1rem; font-size: 1.5rem; color: #666}
.list_faq > li > div > div:before { content: "A"; color: #DF3732}

/* 당첨결과 */
.sec_draw .bx_info { margin-bottom:1.325rem }
.bx_info .wrap_ball { position: absolute; padding:1.063rem 0; bottom: 0 ; left: 0; right: 0; background:#ededed; border-top: 1px solid #ddd}
.bx_info .list_ball { display: table; margin: 0 auto;}
.bx_info .list_ball > li { margin-right: 0.313rem}
.bx_info .list_ball > li span { width: 3rem; height: 3rem; line-height: 2.8rem}

.sec_draw .wrap_title { /*padding: 0 0 1.563rem*/}
.sec_draw .wrap_title .btn_navy { padding: 1.25rem; 1.563rem; font-size: 1.563rem;; border-radius: 0.313rem}
.sec_draw .wrap_title .btn_navy:after { margin-left: 0.938rem; width: 0.75rem; height: 1.313rem; background: url(../common/images/mobile/ico_arr_right_w.png) no-repeat center / 100% 100% }
/*  당첨자 회원 리스트 */
.sec_win .wrap_list { padding-top: 1.688rem; margin-top: 0.95rem}
.list_win > li {  margin-bottom: 1.125rem; width: 49%; box-sizing: border-box;}
.list_win > li > a { display: block; font-size: 1.75rem;; line-height: 1.3}
.list_win > li > a > div:nth-child(1) { padding-bottom: 100%; background: gray; }
.list_win > li > a .title > p { font-weight: 500}
.list_win > li > a .title > p > span { display: block;}
.list_win > li > a .title > span { color: #666; font-size:1.5rem ; font-family: 'Pretendard',sans-serif; font-weight: 300}



.tab_type_pro { margin-bottom: 0.8rem}
.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% !important; color:#fff;  }
.tab_type_pro > li:hover *, .tab_type_pro > li.on * { color: #fff; font-size:1rem; font-weight:600;}
.tab_type_pro > li ~ li {  margin-left: -1px;}
.tab_type_pro > li * { display: block; width:100%; line-height: 1.9rem; font-size:0.7rem; color: #222222; font-family: 'Pretendard',sans-serif; 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.75rem; line-height: 1.26rem; word-break: keep-all;}
.tb_type_01 th, .tb_type1 td { padding: 1rem 1.75rem }
.tb_type_01 thead { background: #f4f4f4}
.tb_type_01 tbody { color: #666}

.tb_type_02 { font-size: 0.75rem; 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; background:#ffffff;}
.tb_type_02 tbody tr ~ tr { border-top : 1px solid #d2d2d2;  }
.tb_type_02 { color: #252525; font-size: 0.75rem; text-align: center;}
.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.7rem; line-height:0.7rem; font-family: 'Pretendard',sans-serif; letter-spacing:-1px; font-weight:600; border-top:1px solid #818181;}
.tb_type_02 .b1 {border-bottom : 1px solid #d2d2d2 !important;}



.tb_type_02 > tbody td.right img{ width:1.3rem;}
.tb_type_02 > tbody td.right img a:hover:{ background-color: #DF3732 transition: all .3s;}


/* 메가밀리언 테이블 */
.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.11rem}
.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.1rem; color: #000; font-weight:700; letter-spacing:-1px; font-family: 'Pretendard',sans-serif; font-size:0.8rem;}
.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%}




.bx_mo {margin-top:50px;}
.bx_mo h2 { padding: 0 0 1rem ; font-size: 0.8rem; font-weight: 500;}
.bx_mo h2 strong { display:block; padding: 0.5rem 0 0.25rem; font-size: 1.15rem; }
.bx_mo h2 span { font-size: 0.9rem}
.bx_mo ul li:first-child { padding: 0 0 0.3rem}
.bx_mo ul li a { display: block;}

.bx_mo .btn_mo {
    display: block;
    width: 10.5rem;
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: 1.5rem;
    font-size:0.75rem;
    font-weight: 500;
    letter-spacing: -0.075em;
    background:#fff;
    text-align:center;
    opacity: 81%;

}



.bx_app {font-family: 'Pretendard',sans-serif; padding: 3rem 0 2.5rem 1.5rem; min-height:100%; max-height:auto; text-align:bottom; 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 0.8rem / 50.78% auto, linear-gradient(to top, #00ade1, #008dca)}
.bx_app h2 { padding: 0 0 1rem ; 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;}




/* bx_keypad */
.bx_keypad { display: none; color: #fff; text-align: center; line-height: 1.1; box-sizing: border-box;}
.dim { display: none ;}
input:focus { outline: 0}
.bx_keypad > input { display:block; margin: 6.75vw 0 ; width: 100% ; height: 13.7vw; border-radius: 2.77vw; background: #ebebeb; font-size: 4.16vw; color: #000; ; font-weight: bold; text-align:center; box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25) inset;}
.bx_keypad > input:-ms-input-placeholder,
.bx_keypad > input::placeholder,
.bx_keypad > input::-webkit-input-placeholder { color: #000; }
.bx_keypad > ul { padding: 5.18vw 0 0; text-align: center; font-size: 0}
.bx_keypad > ul li { display: inline-block;}
.bx_keypad > ul li:first-child { padding-right: 1.11vw}
.bx_keypad > ul li button { padding: 0; width: 30vw;}

/* 숫자 키패드 */
.keypad { width: 90%; margin:8px auto}
.keypad tr td { padding: 0 1.2vw 1.2vw 0; width: 33.33%; height: 11.11vw;  box-sizing: border-box;}
.keypad tr td:last-of-type { padding-right:0; }
.keypad button { width: 100%; height: 100%; /*border: 1px solid #6795d8;*/ color: #555; font-size: 5vw; font-weight: 500; border-radius: 0.5rem;background: #fff; transition: all .3s;}
.keypad button:active { background-color: #FFC821;}
.keypad .btn_side { background: #0E315E; color: #fff;font-size: 3.7vw; }
.keypad .btn_backspace { background: url(../common/images/ico_numberpad_back.svg) no-repeat center /24% auto #0E315E;}

.key_popup { position: fixed; left: 50%; bottom: 0; transform: translate(-50%, 0%); z-index: 10; min-height: 53.37vw;  background: #2a65c9; width: 100%; box-sizing: border-box; color: #000; text-align: center; }



.popup { position: fixed; left: 50%; top: 55%; /* transform: translate(-50%, -50%); */ z-index: 10; /*min-height: 90.37vw;*/ padding-bottom: 7.12vw; background: #fff; /*border-radius: 2.77vw;*/ /* width: 90.18vw; */ box-sizing: border-box; color: #000; text-align: center; z-index:99999; }
.popup .btn_closePop { position: absolute; right: 0; top: 0; z-index: 10; ; font-size: 7.4vw; width: 14.07vw; height: 14.07vw; color: #fff; }
i { font-style: normal;}
.popup .btn_closePop2 { position: absolute; right: 0; top: 0; z-index: 10; ; font-size: 7.4vw; width: 14.07vw; height: 14.07vw; color: #fff; }
i { font-style: normal;}
.popup .shadow{position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.52);width: 100%;height: 100vh;display: none}


.popup.center { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.popup.color { background: linear-gradient(to bottom, #ff6600, #ff6600 14.07vw, #000 14.07vw, #000 )}
.popup .txt_type2 { color: #000; }
.popup .btn_close { width: 12.5vw; height: 12.5vw; position: absolute; right: 0; top: 0; color: #fff; background: url(../common/images/ico_close.png) no-repeat center / 50% auto;}
.popup .btn_close2 { width: 12.5vw; height: 12.5vw; position: absolute; right: 0; top: 0; color: #fff; background: url(../common/images/x_icon.png) no-repeat center / 50% auto;}
.dim { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8)}
.popup .btn_type3 { display: inline-block; padding: 0 6.48vw; width: auto; }
.popup .btn_type3.btn_white { color: #000; background: #fff}
.popup .wrap_btn > * { margin-left: 1.3vw;}
.popup .wrap_btn > *:first-child { margin-left: 0}



.popup .count { display: block; margin: 12.03vw auto 3.7vw; color: #000; font-size: 14vw; width: 30vw; height: 30vw; line-height: 33vw; border: 0.92vw solid #ff6600; font-weight: 800; letter-spacing: -0.75vw; border-radius: 100%}
.popup .Error { display: block; margin: 12.03vw auto 3.7vw; color: #000; font-size: 14vw; height: 30vw; line-height: 33vw; font-weight: 800; letter-spacing: -0.75vw; border-radius: 100%}

.kiosk-layer2 .layer-body {
    padding: 7.407vw 0;
    text-align: left;
    margin: 0 auto;
}
.kiosk-layer2 .layer-body.less-top-padding1 {
    padding-top: 3.704vw;
}

.kiosk-layer2 .layer-title1 {
    height: 14.074vw;
    line-height: 14.074vw;
    font-size: 6.019vw;
    letter-spacing: -0.075em;
    color: #ffffff;
    background: #ff0000;
}

.kiosk-layer2 .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width: 14.074vw;
    height: 14.074vw;
    color: #fff;
    text-indent: -1000em;
    display: block;
    overflow: hidden;
    background: url(../common/images/icon_close1.png) no-repeat center center;
    background-size: 4.63vw auto;
}

.kiosk-layer2 .keypad1 ul li button.backspace {
    background-image: url(../common/images/keypad1_backspace.png);
    background-size: auto 4.26vw;
    text-indent: -1000em;
}


.kiosk-layer2 .keypad1 {
    padding: 0 3.333vw;
    margin-top: 2.778vw;
}

input.spay { padding:1.125rem 0.6rem; width: 96%; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; font-size: 1.375rem;}
input.spay_cvc { padding:0.6rem 0.6rem; width: 5.5rem; height: 2.813rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}
input.spay_pass { padding:0.6rem 0.6rem; width: 5.5rem; height: 2.813rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; text-align:right;}
.spay_birth ul{display: block; }
.spay_birth li{display:inline;}
.spay_birth select {padding: 0 30px 0 15px;border: 1px solid #ddd;border-radius: 4px;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;min-width: 85px;height: 45px;box-sizing: border-box;background: #fff url(../common/images/down-b.png) no-repeat right 10px 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: 4.8rem; height: 2.813rem;margin-right:1px; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; text-align:right;font-size: 1.5rem;}


.spay_pass_1 { padding:0.6rem 0.5rem; width: 1rem; 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}
.fsize {font-size:1.5rem !important;}



/* common */

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



.space_btm { margin-bottom: 3rem}

.mt10 { margin-top: 0.625rem}
.mt20 { margin-top: 1.25rem;}
.mt30 { margin-top: 1.875rem;}
.mt40 { margin-top: 1rem}
.mt50 { margin-top: 1.25rem}
.mb10 { margin-bottom: 0.625rem}
.mb20 { margin-bottom: 1.25rem;}
.mb30 { margin-bottom: 1.875rem;}
.mb40 { margin-bottom: 1rem}
.mb50 { margin-bottom: 1.25rem}
.mb100 { margin-bottom: 1.3rem}

.pt5 { padding-top: 0.313rem}
.pt10 { padding-top: 0.625rem}
.pt20 { padding-top: 1.25rem;}
.pt30 { padding-top: 1.875rem;}
.pt40 { padding-top: 1rem}
.pt50 { padding-top: 1.25rem}
.pb10 { padding-bottom: 0.625rem}
.pb20 { padding-bottom: 1.25rem;}
.pb30 { padding-bottom: 1.875rem;}
.pb40 { padding-bottom: 2.5rem}
.pb50 { padding-bottom: 3.125rem}

.fs10 { font-size: 0.625rem !important}
.fs11 { font-size: 0.688rem !important}
.fs12 { font-size: 0.75rem !important}
.fs13 { font-size: 0.813rem !important}
.fs14 { font-size: 0.875rem !important}
.fs15 { font-size: 0.938rem !important}
.fs16 { font-size: 1rem !important}
.fs17 { font-size: 1.063rem !important}
.fs18 { font-size: 1.125rem !important}
.fs19 { font-size: 1.188rem !important}
.fs20 { font-size: 1.25rem !important}
.fs21 { font-size: 1.313rem !important}
.fs22 { font-size: 1.375rem !important}
.fs23 { font-size: 1.438rem !important}
.fs24 { font-size: 1.5rem !important}
.fs25 { font-size: 1.563rem !important}
.fs26 { font-size: 1.625rem !important}
.fs27 { font-size: 1.688rem !important}
.fs28 { font-size: 1.75rem !important}
.fs29 { font-size: 1.813rem !important}
.fs30 { font-size: 1.875rem !important}
.fs31 { font-size: 1.938rem !important}
.fs32 { font-size: 2rem !important}
.fs33 { font-size: 2.063rem !important}

.br5 { border-radius: 0.125rem}
.br10 { border-radius: 0.25rem}
.br20 { border-radius: 0.5rem}

.wrap_com { padding-left: 3% !important; padding-right: 3% !important; box-sizing: border-box;}
.wrap_com2 {  padding-left: 3% !important; padding-right: 3% !important; box-sizing: border-box;}


.bx_sky {background: #e2efff;}



/* text type */
.h_type1 { font-size: 0.875rem; letter-spacing: -0.075em; font-weight: 500;}
.h_type2 { font-family: 'Pretendard',sans-serif; font-weight: 900; letter-spacing: -0.025em;}
.h_type3 { font-family: 'Pretendard',sans-serif; letter-spacing: -0.075em; font-size: 2.063rem;color: #276AC7;text-align: center; }
.h_type4 { font-family: 'Pretendard',sans-serif; font-size: 1.625rem; letter-spacing: -0.075em; color: #313131;}
.h_type5 { font-family: 'Pretendard',sans-serif; font-size: 1.625rem; line-height: 1.4;letter-spacing: -0.075em; font-weight: 500}

.txt_type1 { color: #333; letter-spacing: -0.075em}
.txt_type2 { color: #666 !important; letter-spacing: -0.075em; font-size: 1.5rem; !important}
.deco_line { text-decoration: underline;}

.bg_white { background-color: #fff !important}
.bg_contents { background-color: #f5f5f5 !important}

.chk_type1 + label { cursor: pointer;}
.chk_type1 + label span { vertical-align: middle;}
.chk_type1 + label:before { content: ""; display: inline-block; margin-right: 5px; background-color: #fff; width: 1.875rem;; height: 1.875rem;; box-sizing: border-box; border: 1px solid #666; vertical-align: middle;}
.chk_type1 + label .label_txt {font-size: 1.375rem;line-height: 1.4;}

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

.chk_type1:checked + label:before { background: url(../common/images/ico_checked.png) no-repeat center / 70% auto #fff;}
.bx_type1 { background: #fff; border: 1px solid #e2e2e2; border-radius: 0.625rem}
.bx_type2 { background: #fff; border: 1px solid #e1e1e1; border-radius: 2px}
.bx_type3 { background:#fff; border: 6px solid #e1effe;padding: 0.03rem; border-radius: 0.313rem; text-align: center; font-size: 1.25rem; color: #333}
.bx_type3 p {font-size: 2.3rem;}
.bx_link { display: inline-block; margin-left: -0.8rem; width: 3.5rem; height: 3.5rem; border-radius: 100%; background:url(../common/images/mobile/ico_link.png) no-repeat center / 55% auto  #fff; background-position-x:12px;background-position-y: 8px; vertical-align: middle;}
.bx_link.ico_video { background-image:url(../img/sub/ico_video.png)}
.bx_link.ico_detail { background-image:url(../img/sub/ico_detail.png)}
.board_type1 .bx_link { /*margin-right: 1.063rem;*/ }

.bx_delete {display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 100%; background:url(../common/images/ico_bin.png) no-repeat center / auto 60%  #fff; vertical-align: middle;}
.search_type1 > div { border: 1px solid #e5e5e5; background: #f6f6f6}
.search_type1 > .select { width: 36%; background: #fff;}
.search_type1 > .input { position: relative; padding-right: 2rem; margin-left: 0.5rem}
.search_type1 > .select select { background: url(../common/images/mobile/ico_arr_select.png) no-repeat right 0.5rem center / auto 10%; background: #fff;}
.search_type1 > .input > .btn { position: absolute; right: 0; top: 0; bottom: 0; width: 3rem; background: #fff url(../common/images/mobile/ico_search.png) no-repeat center / 50% auto;}
.search_type1 input,
.search_type1 select { padding: 0 0.5rem; width: 100%; box-sizing: border-box; font-size: 1.5rem;; line-height: 3.5rem; height:3.5rem;  border-style: none; background: #fff;}


.search_type2 > div { border: 1px solid #e5e5e5; background: #fff}
.search_type2 > .select { width: 100%; }
.search_type2 > .input { position: relative; padding-right: 2rem; margin-left: 0.5rem}
.search_type2 > .select select { background: url(../common/images/mobile/ico_arr_select.png) no-repeat right 0.5rem center / auto 10%;border-style: none;background: #fff;}
.search_type2 > .input > .btn { position: absolute; right: 0; top: 0; bottom: 0; width: 2rem; background: url(../common/images/mobile/ico_search.png) no-repeat center / 50% auto}
.search_type2 input,
.search_type2 select { padding: 0 0.5rem; width: 100%; box-sizing: border-box; font-size: 1.563rem;; line-height: 3rem; height:3rem; background: #fff;}




.flex > .flex1 { flex:1}
/* 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 .scroll { overflow-y: auto;}
.popup.active { display: block !important;}
.popup .inner { padding-top: 1.5rem;padding-bottom: 1.5rem; position: absolute; left: 50%; top: 50%; width: 90vw;   transform: translate(-50%,-50%); background: #fff; overflow: hidden; box-sizing: border-box;}
.popup .bx_white { font-size: font-size: 1.625rem;}
.popup.type1 .inner { overflow: auto; border-radius: 1rem;}
.popup.type1 .bx_padding { padding-left: 1rem; padding-right: 1rem; }
.popup.type1 .bx_gray { padding-top: 0.85rem; padding-bottom: 0.85rem; font-size: 1.188rem; line-height: 1.3}

.popup .btn_close {position:absolute; right: 1rem; top: 0.5rem;  }
.popup .btn_close:after
{ content: ""; display: block;  padding:0.2rem; font-size: 1.3rem; font-family:'Pretendard',sans-serif; font-weight: 600; color: #000}
.popup.type1 .wrap_title { font-family: 'Pretendard', sans-serif}
.popup.type1 .wrap_title .title { padding: 0 0 0.625rem}
.popup.type1 .title { display: block; padding: 0 0 0.85rem; font-size: 0.875rem; font-family: 'Pretendard',sans-serif; letter-spacing: -0.05em}
.popup.type2 .inner { width: 90vw; max-height: 90vh}
.popup.type2 .title { padding: 1rem 0 0.8rem; font-size: 1em; font-weight: 400; letter-spacing: -0.05em; border-bottom:1px solid #444 ;text-align: center;}


/* 팝업 커스텀 */
.popup.policy { text-align: center;}
.popup.policy .txt { padding: 1rem 0 ; font-size: 1.5rem; color: #666; line-height: 1.3}
.popup.complete .inner { padding: 2rem 0 1.5rem; max-width: 70%}
.popup.complete .txt { font-size:1.1rem;  color: #276ac7 ; text-align: center;}
.popup.complete .txt .ico:before { display: block; margin: 0 auto 1.875rem;; width: 2.9rem; height: 2.9rem; background: url(../common/images/mobile/ico_chk_b.png) no-repeat center /100% 100% }
.popup.complete .btn_red { display: table; margin-top: 0.9rem; width: 3.7rem; height: 2rem; line-height: 2rem; font-size: 1.563rem;}
.popup.scan .inner { padding-top: 2rem; padding-bottom:1.75rem }
.popup.scan .wrap_img { margin: 0 auto; width: 50%}
.popup.draw .wrap_ball { display: table; margin: 0 auto; padding: 1.875rem; 0 0.95rem; }
.popup.draw .tb_type3 { font-size: 1.25rem;color: #252525; text-align: center;border-top: 1px solid #555;border-bottom: 1px solid #373737;}
.popup.draw .list_ball > li.add_after:after { color: #000 !important}

.popup.video .wrap_iframe { margin-top: 0.825rem}





/* button type  */
.btn_type1 { font-size: 1.563rem;; min-height: 1.5rem; border-radius: 0.125rem; text-align: center; letter-spacing: -0.075em}
.btn_black { background: #222; color: #fff; font-size: 1.563rem;}
.btn_navy { color: #fff; background: #373b46}
.btn_white { border: 1px solid #d2d2d2; color: #111}
.btn_w { border: 1px solid #ddd; color: #666 ; background:#fff; border-radius: 0.2rem}
.btn_w2 { border: 1px solid #fff; color: #fff}
.btn_more { margin-top: 1rem; width: 100%; height: 3rem; font-size: 1.5rem; color: #fff;}
.btn_more:after { margin-left: 0.625rem; width:1rem; height:  0.6rem; background: url(../common/images/mobile/ico_arr_btm_more.png) no-repeat center / 100% 100%; vertical-align: middle;}
.btn_more2 {width: 8rem; height: 3rem; font-size: 1.5rem; }
.btn_navy.type2 { font-size: 1.625rem;; padding: 1.125rem 0; border-radius: 0.125rem; text-align: center;}
.btn_blue.type2 { font-size: 1.625rem;; padding: 1.125rem 0; border-radius: 0.125rem; text-align: center;}
.btn_white.type2 { font-size: 1.625rem;; padding: 1.125rem 0; border-radius: 0.125rem; text-align: center;}


/* tab type */
.tab_type1 { margin-bottom: 0.875rem}
.tab_type1 > li { flex: 1; position: relative; border: 1px solid #ddd; text-align: center; transition: all .3s; box-sizing: border-box; /*margin-top:20px;*/}
.tab_type1 > li:hover,.tab_type1 > li.on { border-color: #276ac7; z-index: 1; background:#276ac7 }
.tab_type1 > li:hover *, .tab_type1 > li.on * { color: #fff}
.tab_type1 > li ~ li {  margin-left: -1px;}
.tab_type1 > li * { display: block; line-height: 4.2rem; font-size:1.5rem;; color: #222222; font-family: 'Pretendard',sans-serif; text-align: center; color: #666; }

.tab_type2 { margin-right: -1px;background-color: #f7f8f8;}
.tab_type2 > li { margin-bottom: -1px ; width: 50%; box-sizing: border-box;}
.tab_type2 > li:nth-child(2n) { margin-left: -1px}
.tab_type2 > li a { display: block; height: 4.2rem; line-height: 4.2rem; background: #f6f6f6; color: #000; font-size: 1.688rem; font-weight:500; text-align:center; letter-spacing:-1px; border: 1px solid #ddd;}
.tab_type2 > li a > strong { color: #276ac7}
.tab_type2 > li.on a { background: #276ac7}
.tab_type2 > li.on a > * { color: #fff}
.tab_type2 > li a > * { display: inline-block; font-size: 1.375rem;}
/* .tab_type2 > li a > span { color: } */
.tab_type2 > .btn { position: relative; display: block; width: 100%; text-align: left; font-size: 1.75rem;; line-height: 1}
.tab_type2 > .btn:after { content: "";position: absolute; right:0.9rem; top:50%;  transform: translateY(-50%); width: 1.25rem;; height: 0.75rem; background: url(../common/images/mobile/ico_arr_btm_more.png) no-repeat center / 100% 100%}
.tab_type2 > .btn span { padding: 0 0.9rem; }
.tab_type2 > ul { display: none}


.tab_type3 { margin-right: -1px}
.tab_type3 > li { margin-bottom: -1px ; width: 50%; box-sizing: border-box;}
.tab_type3 > li:nth-child(2n) { margin-left: -1px}
.tab_type3 > li a { display: block; height: 4.6rem; line-height: 4.6rem;color: #000;font-size: 1.563rem; font-weight:500; text-align:center; letter-spacing:-1px;border: 1px solid #276ac7;}
.tab_type3 > li a > strong { color: #d2353e}
.tab_type3 > li.on a { background: #276AC7;border-color: #276AC7;}
.tab_type3 > li.on a > * { color: #fff}
.tab_type3 > li a > * { display: inline-block;}
/* .tab_type2 > li a > span { color: } */
.tab_type3 > .btn { position: relative; display: block; width: 100%; text-align: left; font-size: 1.75rem;; line-height: 1}
.tab_type3 > .btn:after { content: "";position: absolute; right:0.9rem; top:50%;  transform: translateY(-50%); width: 1.25rem;; height: 0.75rem; background: url(../common/images/mobile/ico_arr_btm_more.png) no-repeat center / 100% 100%}
.tab_type3 > .btn span { padding: 0 0.9rem; }
.tab_type3 > ul { display: none}




.tab_type_service { margin-right: -1px}
.tab_type_service > li { margin-bottom: -1px ; width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
.tab_type_service > li:nth-child(2n) { margin-left: -1px}
.tab_type_service > li a { display: block; /*height: 1.85rem;*/line-height: 1.85rem; background: #f6f6f6; color: #000; font-size: 1.688rem; font-weight:500; text-align:center; letter-spacing:-1px;}
.tab_type_service > li a > strong { color: #d2353e;}
.tab_type_service > li.on a { background: #276ac7;}
.tab_type_service > li.on a > * { color: #fff; font-size: 1.375rem;}
.tab_type_service > li a > * { display: inline-block;}
/* .tab_type_service > li a > span { color: } */
.tab_type_service > .btn { position: relative; display: block; width: 100%; text-align: left; font-size: 1.75rem;; line-height: 1}
.tab_type_service > .btn:after { content: "";position: absolute; right:0.9rem; top:50%;  transform: translateY(-50%); width: 1.25rem;; height: 0.75rem; background: url(../common/images/mobile/ico_arr_btm_more.png) no-repeat center / 100% 100%}
.tab_type_service > .btn span { padding: 0 0.9rem; }
.tab_type_service > ul { display: none}



.sel_type1 { padding: 0 1.75rem; height: 1.75rem; font-family: 'Pretendard',sans-serif;}
.sel_type2 {  display: block; padding: 0 1rem; width: 100%; font-size: 1.75rem;; line-height: 1; height:1.875rem; background: url(../common/images/mobile/ico_arr_btm_more.png) no-repeat right 1rem center / auto 25% ;}

.input_type1 { height: 2rem; line-height: 2rem; border-radius: 0.313rem; }
.input_type1 .bx_input { border:none}
.input_type1 .btn { font-size: 1.5rem; width: 6.7rem; height: 3.5rem;min-width: 0}


/* header */
header { position: sticky; /* top: 0; left: 0; right: 0; */ background: #fff; border-bottom: 1px solid #ddd;}
header .top > *{ height: 3rem;}
header .top a, header .util a  {  display: block; line-height: 3rem; -webkit-tap-highlight-color: transparent; }
header h1 a {font-size: 0.875rem; font-family:'Pretendard',sans-serif;}
header .gnb { background: #f7f7f7}
header .gnb a { display:block; line-height: 1.5rem; font-size: 0.8rem; letter-spacing:-1px; font-weight:500; onfocus='this.blur()'}
/*header .gnb nav { width: 100%; overflow: hidden; padding:8px 0;}*/
header .gnb nav { width: 100%; overflow: hidden; }
header .gnb nav ul { overflow: scroll; white-space: nowrap;}
header .gnb nav ul.box {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
	}
header .gnb nav ul.box::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/*header .gnb nav ul li { padding-right: 0.9rem; border: 1px solid #eaeaea; background: #ffffff; width: 33%;  padding: 4px 4px; margin: 0 2px; text-align: center; border-radius:4px; font-weight:600}*/
header .gnb nav ul li { padding-right: 1.2rem; }

header .gnb nav ul li:hover{color: #276ac7; font-weight: 500 }
header .gnb nav ul li.on a{ font-weight: 600; color:#008ecb !important; border-bottom:4px solid #008ecb }
header .gnb nav ul li a { position: relative; display: block; color: #252525; height:2rem; line-height:2rem; vertical-align:middle; }
header .gnb nav ul li a:active, a:focus {outline:none;  }
header .gnb nav ul li a:hover { color: #276ac7; font-weight: 500; border-bottom:4px solid #008ecb;-webkit-tap-highlight-color: transparent; }
header .gnb nav ul li a:after { content: ""; position: absolute; left: 0; width: 0; height: 1px; bottom: 0.8rem;  border-bottom:4px solid #008ecb}


header .util { position: absolute; right: 0.625rem; top: 0; font-size: 0.65rem}
header .util ul li { padding-left: 1.125rem}
header > .top .btn_menu { position: absolute; width: 0.95rem; right:10px;}
header > .top .btn_menu:before, header > .top .btn_menu:after  { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0}
header > .top .btn_menu:before { height:1.875rem;; border-top: 1px solid #515151; border-bottom: 1px solid #515151}
header > .top .btn_menu:after { height:1px; background: #515151}


.sitemap { position: fixed; left: 100%; width: 100%; top: 0; bottom: 0; z-index: 1000; font-family: 'Pretendard',sans-serif; background: #fff; transition: all 0.3s ease-in-out ; }
.sitemap.active { left: 0}
.sitemap > .top {border-bottom: 1px solid #e6e6e6;}
.sitemap > .top .btn_home { display: block; height: 100%; width: 2rem; background: url(../common/images/mobile/ic_menu_home.png) no-repeat center / 50% auto}
.sitemap > .top .btn_menu { width:1.2rem; height:100%; background: url(../common/images/ico_close.png) no-repeat right center / 85% auto }
.sitemap > .scroll { overflow: scroll; height: calc(100vh - 3rem); box-sizing: border-box; }
.sitemap .info_user .txt_type1 > .left { line-height: 1.5rem; font-size: 0.825rem}
.sitemap .info_user .txt_type1 > .right > *{ padding: 0 1.75rem; line-height: 1.5rem; vertical-align: middle;}
.sitemap .info_user .txt_type1 > .right .btn_black { margin-left: 7px}
.sitemap .info_user .bx_gray { margin-top: 1.125rem; padding: 0.85rem 1.875rem; var(--px24); font-size: 1.75rem;}
.sitemap .info_user .bx_gray .info_cash { padding: 0 0 1.125rem}
.sitemap .info_user .bx_gray a { margin-right: 6px; line-height: 1.5rem; min-width: 4.05rem}
.sitemap .info_user { padding-top: 1.875rem;; padding-bottom: 1.875rem;; border-bottom: 1px solid #e6e6e6 }
.sitemap .list_buy ul li:first-child { border-right: 1px solid #e6e6e6 ; }
.sitemap .list_buy ul li { padding: 0.8rem 0 0.85rem 1.125rem ; width: 50%; box-sizing: border-box; font-size: 1.75rem;}
.sitemap .list_buy ul li .h_type2 { font-size: 1.875rem;}
.sitemap .list_buy ul li .win { font-size: 1.25rem;; color: #2e2e2e; font-family: 'Pretendard',sans-serif}
.sitemap .list_buy ul li .txt_type1 { padding: 7px 0 0.625rem}
.sitemap .list_buy ul li .btn_type1 { margin-top: 1.438rem; min-width: 5.2rem; line-height: 1.5rem; background: #e6e6e6; color: #000}
.gnb_total * { color: #222; font-size: 1.875rem letter-spacing: -0.075em}
.gnb_total { border-top: 1px solid #e6e6e6}
.gnb_total > ul > li {; border-bottom: 1px solid #e6e6e6 }
.gnb_total > ul > li > * { padding-left: 1.25rem ; padding-right: 1.25rem  ; box-sizing: border-box;}
.gnb_total > ul > li > a { position: relative; display: block; line-height: 2.55rem; }
.gnb_total > ul > li > a:after { content: ""; display: block; position:absolute; top:50%; transform: translateY(-50%); width: 1.875rem;; height: 1.875rem;; right:1.25rem ; background: url(../common/images/mobile/ico_arr_btm_b.png) no-repeat center / 100% auto; transform-origin: top;}
.gnb_total > ul > li > ul { display: none; padding-top: 0.825rem; padding-bottom: 0.925rem; background: #eee}
.gnb_total > ul > li > a.active:after {  transform: rotate(180deg) translateY(-50%)}
.gnb_total > ul > li > a.active + ul { display: flex !important}
.gnb_total > ul ul > li { margin-bottom: 1.438rem; width: 49%; }
.gnb_total > ul ul > li a { display: block; line-height: 2.1rem; background: #fff; text-align: center; border: 1px solid #dcdcdc; border-radius: 0.313rem; overflow: hidden;}
.sitemap .sns { padding: 1.125rem 0 3rem}
.sitemap .sns h2 { color: #222; font-size: 1.875rem letter-spacing: -0.075em}
.sitemap .sns ul li { margin-left: 0.625rem; float: left; background: #444; border-radius: 0.375rem;}
.sitemap .sns ul li a { display: block; width: 1.7rem; height: 1.7rem; background-size:100% 100%; background-repeat: no-repeat; background-position: center;}
.sitemap .sns ul li.facebook a { background-image:url(../common/images/mobile/btn_fb.png) }
.sitemap .sns ul li.insta a { background-image:url(../common/images/mobile/btn_insta.png) }
.sitemap .sns ul li.youtube a { background-image:url(../common/images/mobile/btn_youtube.png) }
.sitemap .sns ul li.blog a {background-image:url(../common/images/mobile/btn_blog.png)  }


/* 하단 픽스 메뉴 */
.nav_fixed { position: fixed; left: 0; right: 0; bottom: -2px; padding-top:1rem ; background: url(../common/images/mobile/bg_fixedmenu.png) no-repeat center bottom 0 / 102% 102% ; border-radius: 0.5rem 0.5rem 0 0; font-size: font-size: 1.375rem;; z-index: 100; text-align: center; box-sizing: border-box;}

/* .nav_fixed:after { content:""; position: absolute; left: 50%; bottom:100%; transform: translateX(-50%); width: 20%; height: 2rem; background: red; clip-path: polygon(50% 23%, 100% 50%, 51% 82%, 0% 50%);} */
.nav_fixed ul li { flex: 1;}
.nav_fixed ul li a { display: block; padding: 1rem 0 1.438rem; color: #656565}
.nav_fixed ul li a:before { content: ""; display: block; margin-bottom: 1rem; height:1rem; background-size:auto 100%; background-repeat: no-repeat; background-position: center; }
.nav_fixed ul li.home a:before { background-image: url(../common/images/mobile/ico_home.png)}
.nav_fixed ul li.history a:before { background-image: url(../common/images/mobile/ico_user.png)}
.nav_fixed ul li.cash a:before { background-image: url(../common/images/mobile/ico_messenger.png)}
.nav_fixed ul li.coupon a:before { background-image: url(../common/images/mobile/ico_chk.png)}
.nav_fixed ul li.download a:before { background-image: url(../common/images/mobile/ico_download.png)}


/* main */

.sec_visual .slide .paging { position: absolute; right: 1rem; bottom: 1.875rem;; padding: 0 font-size: 1.625rem;; width: auto ; height:1.2rem; line-height: 1.2rem; border-radius: 1.2rem; left: inherit; background: rgba(0,0,0,0.75); font-size: 0.6rem; font-weight:bold;  color:#aaaaaa; font-family: 'Pretendard',sans-serif}
.sec_visual .slide .paging .swiper-pagination-current { color: #fff !important}
/*.sec_visual .slide .paging:after { content: "+"; display: inline-block; margin-left: 0.625rem; font-size: 1rem; vertical-align: -0.1rem; font-weight: 400}*/
.wrap_com.main { padding-top: 1.875rem;; background: #f5f5f5}

/* sec_main_notice */
.sec_main_notice > ul > li { display: flex; align-items: center; margin-bottom: 1.125rem; padding: 0rem 0.3rem; color: #313131; letter-spacing: var(-0.025em); box-sizing: border-box; line-height: 0.8rem; font-weight: bold; }
.sec_main_notice .notice_header { color: #FF0000; padding: 0.1rem 0.2rem; margin: 0.2rem; border: 2px solid #FF0000; }
.sec_main_notice .notice_body {font-weight: bold; padding-left: 0.2rem }
.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;
  */
}

.blink { animation: blink-effect 1.5s step-end infinite; }

/* sec_lotto */
.sec_lotto > ul > li { margin-bottom: 1.125rem; padding: 0 0 1.5rem; color: #313131; letter-spacing: var(-0.025em); text-align: center; box-sizing: border-box; line-height: 1}
.sec_lotto h3 { margin:1.25rem 0 1.875rem;; height: 1.25rem}
.sec_lotto h3 > img { height: 100%; width: auto}
.sec_lotto .time_draw { color: #434343; font-size: 0.7rem; font-weight: 500; letter-spacing: -0.05em}
.sec_lotto .won { padding:1.125rem 0 0.625rem; font-size: 0.925rem;  font-weight: bold;}
.sec_lotto .won .real { color: #f00}
.sec_lotto .us { font-size: 1.75rem;; width: 100%; padding:0 0 1rem; text-align: center;}

.sec_lotto  .time_end { display: flex; align-items: center; margin:0 0 1.625rem; }
.sec_lotto .time_end > p { font-size: 0.6rem; color: #313131; font-weight: 600; text-align:right; line-height:0.7rem}
.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: 1.125rem; color: #313131}
.list_time > li span { display: inline-block; width: 1.1rem; height: 1.4rem; background:#313131; font-size: 0.7rem; line-height: 1.5rem; 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: 8.5rem; height:1.5rem; line-height: 1.7rem; border-radius: 1.5rem; font-size: 1.875rem font-weight: 500; letter-spacing:-0.075em}
.sec_lotto .btn_lastwinner { line-height: 1rem; border-radius: 1.5rem; font-size: 1.563rem;; font-weight: 500; letter-spacing:-0.075em; background-color:#FF0000; color:#FFFFFF ; padding:0.3rem;}

.sec_result .h_type1 + a { font-size: 1.25rem;}
.sec_result .wrap_heading { padding: 1.375rem 0 1.313rem; }
.list_result .h_type2 { font-size: 1.875rem; height: 3rem;}
.list_result > li {  margin-bottom: 1.063rem; background: #e2efff; box-sizing: border-box;  overflow: hidden; line-height: 1}
.list_result > li > div { padding: 1.875rem;}
.list_result > li .end { font-size: 1.313rem; color: #f00}
.list_result > li .wrap_ball { padding: 1.875rem; 0 1.563rem}
.sec_result .win { padding: 1.188rem 0 0.625rem; font-size:1.5rem; line-height: 1.3}

.label { width:2rem; height: 2rem; background-color: #434343; color: #fff; letter-spacing: -0.025em; font-size:1.188rem; border-radius: 100%}
.label_red { width:2rem; height: 2rem; background-color: #FF0000; color: #fff; letter-spacing: -0.025em; font-size:1.188rem; border-radius: 100%}

.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: 3px; }
.list_ball > li span { display: inline-block; width: 3rem; height: 3rem; line-height: 2.8rem; box-sizing: border-box; border: 1px solid #bfbfbf; font-family: 'Pretendard',sans-serif; font-weight: bold; font-size: 1.313rem; 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:'Pretendard',sans-serif; vertical-align: middle;}
.list_ball > li.mega span { background: #FFC821; border-color: #FFC821; }
.list_ball > li.power span { background: #e40d0b; border-color: #e40d0b; font-weight: 500; color: #fff}
.list_ball > li.add_after:after { content:"(메가볼)";  font-size:1.125rem; vertical-align: 1px;}
.list_ball > li.power.add_after:after {  content:"(파워볼)"; }


.sec_guide ul > li a { display: block; padding: 1.1rem 1.1rem 0.95rem; font-size: 1.5rem; color: #434343}
.sec_guide ul > li a > p { padding: 1.125rem 0 0}
.sec_guide ul > li > .add_before:before { display: block; height: 2.15rem; background-repeat: no-repeat; background-size: auto 100%; background-position: center;}
.sec_guide ul > li.item_lucky > .add_before:before { background-image:url(../common/images/mobile/ico_lucky_m.png) }
.sec_guide ul > li.item_result > .add_before:before { background-image:url(../common/images/mobile/ico_winners_m.png) }
.sec_guide ul > li.item_guide > .add_before:before { background-image:url(../common/images/mobile/ico_result_m.png) }
.sec_guide ul > li.item_result_power > .add_before:before { background-image:url(../common/images/mobile/ico_result_m_power.png) }


.sec_quick > ul { margin-top: 1.063rem;}
.sec_quick > ul > li { margin:0 0 1.125rem; width: 48.8%; }
.sec_quick > ul > li > a { display: block; padding: 0.5rem 0 0 0.825rem ; height:4.5rem;  border: 1px solid #e2e2e2; background-color: #fff;  background-repeat: no-repeat; background-size: 14.7% auto; background-position: right 9.2% center; border-radius: 0.625rem; background-image: url(../common/images/ico_ticket.png);  box-sizing: border-box; letter-spacing: -0.025em; color: #434343; }
.sec_quick > ul > li > a > span { font-size:font-size: 1.375rem;; }
.sec_quick > ul > li > a > strong { display: block; padding: 1px 0 3px;  font-size: 1.5rem; }
.sec_quick > ul > li > a > p { padding: 0.438rem 0 0; font-size:1.25rem;; }


.sec_notice { background:#000; }
.sec_notice h2 { padding: 1rem 0; padding-left: 0.825rem; width: 29%; color: #fff; font-size: 1.813rem; font-weight: 500}
.sec_notice h2:before { margin-right: 1.313rem; width: 0.84rem; height: 0.9rem; background: url(../common/images/mobile/ico_notice_m.png) no-repeat center / 100% 100%}
.sec_notice a { color:#7a7a7a }
.sec_notice .slide { flex:1; margin: 0; height: 3.45rem}
.sec_notice .slide .btn_slide { position: absolute; right: 0; top: 0; bottom: 0; z-index: 100}
.sec_notice .slide .btn_slide button {display:block; width: 2.4rem; height:50%; background-size: 1.5rem auto; background-repeat: no-repeat; background-position: center;}
.sec_notice .slide .btn_slide .btn_prev { background-image: url(../common/images/mobile/btn_bottom_notice_slider_prev.png)}
.sec_notice .slide .btn_slide .btn_next { background-image: url(../common/images/mobile/btn_bottom_notice_slider_next.png)}
.sec_notice .slide ul li a { display: block; padding: 1rem 0; font-size: 1.438rem; line-height: 1.3}


/*@media (max-width: 360px) {
  .tb_type2 th { background: #f4f4f4; font-weight: 500; width: 70px;}
}

.chkButtonBg {
    background: #f00 !important;
}*/
.tb_type1 { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 20px; line-height: 1.2; word-break: keep-all;}
.tb_type1 thead { background: #f4f4f4}
.tb_type1 th, .tb_type1 td { padding: 0.4rem 0.2rem}
.tb_type1 tbody { color: #666}
.tb_type2 { font-size: 25px; color: #222}
.tb_type2 th { background: #f8fafb; font-weight: 500; }
.tb_type2 th, .tb_type2 td { text-align: left; padding:10px 0px 10px 10px !important;}
.tb_type2 th, .tb_type2 td p {margin: 0}
.tb_type2 tbody tr  { border-bottom: 1px solid #d2d2d2}
.tb_type2 tbody tr th {width: 25%}
.tb_type2 tbody { margin-bottom: 0.95rem}
.tb_type2 tbody ~ tbody:before { content:""; display:block; height:1.5rem;}
.tb_type2 tbody ~ tbody tr { border-top: 1px solid #000}
.tb_type3 { color: #252525; font-size:22px; text-align: center;}
.tb_type3 thead { background: #fff; font-size: 25px; border-bottom:1px solid #979797;}
.tb_type3 thead th, .tb_type3 tbody td { padding:15px 0}
.tb_type3 tbody tr ~ tr { border-top: 1px solid #e5e5e5}