.location { margin-bottom: 1.8rem; background: #f8f8fa; font-size: 0.7rem; font-family: 'Noto Sans KR',sans-serif;}
.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(../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;}
.sec_login form * { font-family: 'Noto Sans KR',sans-serif;}
.sec_login h2 { padding:0 0 2.35rem; font-size: 2rem; }
.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.1rem}
.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: 1rem; 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(/common/images/ico_id.png)}
.sec_login > .login_super form ul li.pw:after { background-image: url(/common/images/ico_pw.png)}
.sec_login > .login_super form ul li input { padding:0 0 0 2.5rem; width: 100%; line-height: 2.4rem; box-sizing: border-box; color: #000}

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

.sec_login .wrap_chk { text-align: left;}
.sec_login .wrap_chk label { cursor: pointer; color: #444; font-weight: 400; font-size: 0.75rem}
.sec_login .btn_login { display: block; line-height: 3rem; border-radius: 3px; color: #fff; font-size: 0.75rem}
.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.75rem; 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: 1rem; padding-right: 1rem; 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 .selector { color: #666666; font-size: 0.75rem; text-align: center !important; cursor: pointer; }
.list_reg .bx_input .button_on { color: var(--color_blue) !important; }
.list_reg .bx_input.on {border: 1px solid var(--color_blue) !important; background-color: #e9f0f3;}
.list_reg .bx_input > * { height: 100%; width: 100%; background: none; box-sizing: border-box;}
.list_reg .bx_radio { display: inline-block; margin: 0.7rem; text-align: center; }
.list_reg .bx_radio input { vertical-align: middle; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.25em; height: 1.25em; }
.list_reg .bx_radio input:checked { border: 0.7em solid tomato; }
.list_reg > li { display: flex;}
.list_reg > li ~ li { margin-top: 1rem}
.list_reg > li > div { flex: 1; }
.list_reg > li > label { display: block; width: 21.7%; line-height:2.4rem; font-size: 0.75rem; 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: 1rem; top: 50%; transform: translateY(-50%); color: #f00; font-size: 0.7rem}


/* 회원가입 - common */
.sec_reg { width: 35rem; margin: 0 auto; }
.sec_reg button { font-family: 'Noto Sans KR',sans-serif;}
.sec_reg .wrap_title { margin-bottom: 1.5rem; border-bottom: 2px solid #000; padding: 3.2rem 0 1.5rem; letter-spacing: -0.075em; text-align: center;}
.sec_reg .wrap_title > p { padding-top:1rem; font-size: 1.1rem; color: #757575; font-family: 'Noto Sans KR',sans-serif; }
.sec_reg form legend { font-size: 1.1rem; text-align: center;}
.list_reg .view { padding-left: 0.8rem; color: #666; font-weight: 500}
.list_reg .txt_type1 { display:block; padding: 0.5rem 0 0 ;font-size: 0.65rem; 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}
.btn_tomato { border:2px solid tomato; background:transparent; color: tomato; 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: 'Noto Sans KR',sans-serif}
.list_reg .btn_super { margin-left: 0.3rem; width: 6rem; height:2.4rem;  font-family: 'Noto Sans KR',sans-serif}


.btn_navy { color: #fff; background: #373b46}
.wrap_btn.type2 { margin: 2rem auto 0; width:54.6%;}
.wrap_btn.type2 > * { width: 13rem;}
.wrap_btn > * { display: block; line-height: 3rem; height: 3rem; min-width: 13rem; border-radius: 0.2rem; font-size: 0.85rem; font-family: 'Noto Sans KR',sans-serif; 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: 3.5rem 0 0; font-size: 0.75rem;}
.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: 1rem; 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 { padding:1.5rem 0 0}


/* 회원가입입력 - signup.html */
.sec_reg.write { text-align: center;}
.sec_reg.write form { padding: 2rem 0 0; font-size: 0.75rem;}
.sec_reg .list_step li { width: 6.7rem}
.sec_reg .list_step li:before { content: ""; display: inline-block; width: 3.2rem; height: 3.2rem; 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: #535353}
.sec_reg .list_step li p { padding:0.9rem 0 0; font-size: 0.8rem; }
.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:11px; font-weight:600;padding-left:0.2rem; }
.list_reg .okrequired:after { content: "(필수)"; display: inline-block; color: #f00; font-size:11px; font-weight:600;padding-left:0.2rem; }
.list_reg .notrequired:after { content: "(선택)"; display: inline-block; font-size:11px; 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 5% 7.5rem 5%}
.sec_reg.write .agree { font-size: 0.75rem;}
.sec_reg.write .agree legend { padding: 0 0 3.35rem}
.sec_reg.write .agree ul li { color: #666}
.sec_reg.write .agree ul li ~ li { padding: 0.85rem 0 0; }
.sec_reg.write .agree .btm { padding: 1rem 2.5%; border: 1px solid #cfcfcf}
.sec_reg.write .agree .btm > li { display: flex; justify-content: space-between; align-items: center;}
.sec_reg.write .agree .wrap_btn { padding:1.5rem 0 0}
.bx_agree .bx_input { height: auto; padding-bottom: 1.5rem; font-size: 0.75rem; 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;}
.sec_find .bx_result { background:#f4f4f4; padding:2rem }
.sec_find .bx_result > p { font-size: 1rem}
.sec_find .bx_result > span { display: block; padding: 1.1rem 0 1.5rem; font-size: 0.8rem; 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.1rem}

/* 개인정보 수집 팝업 */
.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 }
.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 1rem; transform: translateX(-50%); color: #9fa19f; font-size: 0.75rem; 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; font-family: 'Noto Sans KR',sans-serif;}
.sec_app h2 { font-size: 1.25rem}
.sec_app .txt_type1 { font-size: 0.75rem; 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: 1rem 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: #4e2bf4; color: #fff; border-radius: 0.3rem; font-size: 0.9rem; }
.sec_app .list_bul { padding: 1.25rem 0 0; letter-spacing: -0.025em}

/* 점검중  */
.under_maintenance {height:100vh;overflow: hidden;background-color: #eee;}
.under_maintenance .logo_area{height:150px; display: flex;align-items: center;justify-content: center; border-bottom:1px solid #ddd;background-color: #fff;}
.under_maintenance .logo_area img{width:300px;}
.under_maintenance .cont_area {width:1580px;height:calc(100vh - 150px); margin:0 auto; display: flex; align-items: center; justify-content: center;gap:90px;}
.under_maintenance .cont_area .img02 {max-width:600px}
.under_maintenance .cont_area .cont h3{font-size: 36px;}
.under_maintenance .cont_area .cont p.txt {margin:30px 0; color:#555;line-height: 1.8;}
.under_maintenance .cont_area .cont .date {padding:20px; position: relative; background-color: #fff;font-weight: bold; text-align: center;}
.under_maintenance .cont_area .cont .date .tape01 {width: 80px; position: absolute;left:-15px;top:-12px;}
.under_maintenance .cont_area .cont .date .tape02 {width: 80px; position: absolute;right:-15px;bottom:-15px;}
.under_maintenance .cont_area .cont p.info {margin-top:30px; font-size: 14px; color:#888;text-align: center;}

/* mypage - common */
.wrap_mypage { padding:2rem 0 0; font-family: 'Noto Sans KR',sans-serif;}
.wrap_mypage .wrap_title { padding: 0 0 1.2rem}
.wrap_mypage .wrap_title .heading { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.075em}
.wrap_mypage .wrap_title .txt_gray { padding-left: 1rem; font-size: 0.75rem; color: #888}
.wrap_mypage > .left { width: 16.5%;  }
.wrap_mypage > .right { width: 80.83%;  }
.wrap_mypage > .right section { padding-top: 0.75rem}
.wrap_mypage > .right section ~ section { margin-top: 1.5rem}
.bg_navy { background: #373b46 ;}
.bg_navy * {  color: #fff}
.bg_navy.type_radius { border-radius: 0.25rem 0.25rem 0 0}
.wrap_mypage h2 { font-size: 0.9rem; text-align: center; line-height: 3rem}
.wrap_mypage h2:after { margin-left: 0.5rem; 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% 3rem 8.7%; border: 1px solid #e8e8e8; border-top: none; letter-spacing: -0.05em; box-sizing: border-box; line-height: 1.87; font-size: 0.8rem}
.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: 0.75rem}
.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;}
.nav_mypage ul a.on { color: var(--color_blue); }
.nav_mypage ul a { color: black; }
.nav_mypage ul ul a.on { color: var(--color_blue); }

.sec_mypage { letter-spacing: -0.05em}
.bx_type2 { padding: 0 3.3%;  height: 3rem; box-sizing: border-box;}
.bx_type2 > .left:before  { margin-right: 1.2rem; width: 1.1rem; height: 1.2rem; background: url(/common/images/ico_person.png) no-repeat center / 100% auto}
.sec_mypage .top .right { font-size: 0.7rem; }
.sec_mypage .top .right * { vertical-align: middle;}
.sec_mypage .top .right span { opacity: 0.8}
.sec_mypage .top .right a { display: inline-block; margin-left: 0.8rem; padding:0.4rem 0.8rem;  border: 1px solid #73767e; border-radius: 3px}
/* .sec_mypage .btm { padding: 2rem 5.36% 0} */
.sec_mypage .btm > div { padding-left: 5.15%; padding-top: 1rem ;  width: 50%; box-sizing: border-box; min-height: 12.75rem}
.sec_mypage .btm > .right { border-left: 1px solid #e8e8e8}
.sec_mypage .btm h4 { padding: 0 0 1rem}
.sec_mypage .btm .list_bul2 > li { display: flex; font-size: 0.75rem; color: #252525}
.sec_mypage .btm .list_bul2 > li ~ li { padding: 0.75rem 0 0}
.sec_mypage .btm .list_bul2 > li > p { width: 37%}
.sec_mypage .btm .list_bul2 > li .btn { padding: 0.15rem 0.7rem 0.25rem; font-size: 0.6rem; 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: 2px; height: 2px; background: #bfbfbf; vertical-align: middle;}
.btn_red { background: #f00 !important; 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 #373b46; border-bottom:1px solid #373b46;}
.list_search > li { display: flex; align-items: center; letter-spacing: -0.05em}
.list_search > li > p { width: 7.4rem; font-size: 0.8rem; font-weight: 500; }
.list_search .list_sel > li { padding: 0.8rem 0;}
.list_search .list_sel > li * { height: 2.6rem; width: 7rem; font-size: 0.7rem; position: relative; color: #666; transition: all .3s; font-family: 'Noto Sans KR',sans-serif; font-weight: 500}
.list_search .list_sel > li:hover * { border-color:#008ecb ; color: #008ecb}
.list_search .list_sel > li .on { border-color:#008ecb ; color: #008ecb}
.list_search .search_date input { padding: 0 1rem;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 .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:2.75rem 0 1.5rem;}
.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.2rem;  color: #373b46; text-align: center;}
.sec_coupon .bx_gray > div { width: 30rem; margin: 0 auto;}
.sec_coupon .bx_gray .wrap_input { margin: 1.8rem 0 1.2rem}
.sec_coupon .bx_gray .list_bul { font-size: 0.75rem; color: #676767}

.wrap_input { height: 2.5rem; font-size: 0}
.wrap_input > * { height: 100%; box-sizing: border-box; border-radius: 0.2rem; font-size: 0.75rem; font-family: 'Noto Sans KR',sans-serif;}
.wrap_input > input { padding-left: 1rem; width:20.5rem;  border: 1px solid #e8e8e8; background: #fff}
.wrap_input > button, .wrap_input > a { display:inline-block; margin-left: 0.4rem; width: 6rem; vertical-align: middle; text-align: center; line-height: 2.5rem}


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

/* 충전내역 */
.bx_type2 { font-size: 0.9rem}
.bx_type2 .color_ylw { padding-left: 0.8rem; color: #fffc00; vertical-align: middle;}
.bx_notice { padding: 1rem 3.3%; border: 1px solid #e8e8e8; box-sizing: border-box;}
.bx_notice .list_bul > li { position: relative; padding-left: 0.5rem; letter-spacing: -0.05em; line-height: 1.6}
.bx_notice .list_bul > li:before { position: absolute; left: 0; top: 0.5rem;}
.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 #d2d2d2; border-radius: 0.5rem; overflow: hidden; height: 4rem; }
.list_charge > li > p { background: #eee; width: 23%; height:100%; line-height: 4.4rem; text-align: center; color: #373b46; font-family: 'GmarketSans'; 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 1rem; display: flex; justify-content: space-between; align-items: center; width: 77%}
.list_charge > li ul { font-size: 0.9rem; 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:9.2rem; background-color: #e60012; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size:0.9rem; border-radius: 0.25rem; text-align: center;}
.btn_small_pay { width: 4.2rem; background-color: #e60012; height: 1rem; line-height: 1rem; color: #fff; font-size: 0.7rem; border-radius: 0.25rem; text-align: center; }
.btn_bank_waiting { width: 4.2rem; background-color: #008ecb; height: 2rem; line-height: 1rem; color: #fff; font-size: 0.7rem; border-radius: 0.25rem; text-align: center; }
.btn_bank_cancel { width: 4.2rem; background-color: #e60012; height: 1rem; line-height: 1rem; color: #fff; font-size: 0.7rem; border-radius: 0.25rem; text-align: center; }

.sec_charge .bx_gray { padding: 1.1rem 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(../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; font-family: 'Noto Sans KR',sans-serif; }
.popup.charge > .inner > div { padding-left: 2.3rem; padding-right: 2.3rem}
.popup.charge > .inner .bx_white {  padding-bottom: 2rem;}
.popup.charge > .inner .bx_white2 {  padding-bottom: 2rem; text-align: center;}
.popup.charge .title { display: block; padding:2rem 0 1.25rem; font-family: 'GmarketSans'; font-size: 1.25rem; }
.popup.charge.pay .bx_gray.top { padding:1.15rem 0 1.15rem 1.25rem; font-size: 1rem; color:#545454 ; line-height: 1.4; font-weight: bold;}
.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: 1rem; 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: 1rem; 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: 1rem; color:#545454 ; line-height: 1.7; font-weight: bold; text-align: left;}
.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(../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 { border-top: 1px solid #dcdcdc; padding-top: 0.8rem; padding-bottom: 1rem; font-size: 0.65rem; color: #252525; }
.popup.charge .list_bul > li { padding: 0}
.popup.charge .list_bul > li * { vertical-align: bottom;}
.popup.charge .list_bul > li:before { background: none; content: "*"; width: inherit; height: inherit;}
.popup.charge .list_bul > li span { vertical-align: sub;}
.popup.charge .list_check_red.notice { padding-top: 0.8rem; padding-bottom: 1rem; font-size: 0.65rem; color: #252525; }
.popup.charge .list_check_red > li { padding-bottom: 0.5rem}
.popup.charge .list_check_red > li * { vertical-align: bottom;}
.popup.charge .list_check_red .add_before:before { margin-right: 0.2rem; background: url(../images/check_red.png) no-repeat center / 100% 100%; width: 17px; height: 16px;}
.popup.charge .list_check_red > li span { vertical-align: sub;}

.popup.cash_receipt .inner { width:23.25rem; box-sizing: border-box; font-family: 'Noto Sans KR',sans-serif; }
.popup.cash_receipt .title { display: block; padding:0.25rem 0 0.25rem; text-align: center; }
.popup.cash_receipt .bx_gray { padding:1.15rem 1rem 1.15rem 1rem; color:#545454; }
.popup.cash_receipt .contents { padding: 1rem; font-size: 0.8rem; line-height: 1.3rem; text-align: center; border-radius: 0.5rem; margin-top: 0.5rem; margin-bottom: 1rem;}
.popup.cash_receipt .bx_white2 .btn_cash_receipt { display: block; width: 7.2rem; background-color: #e60012; height: 2.15rem; line-height: 2.15rem; color: #fff; font-size: 0.9rem; 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 { padding:0.85rem 1.1rem ; border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box ; font-size: 0.75rem}
.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:1.9rem; font-size: 0}
.list_reg.type2 .bx_input * { font-size: 0.7rem;  background: none}
.list_reg.type2 > li > div { flex:none; margin-right:0.5rem; }
.sec_apply .item_fee > div { font-size: 0.75rem}
.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: 1rem; }
.sec_mynumber .bx_gray .list_bul > li { line-height: 1.8rem}
.sec_mynumber .bx_gray .btns_buy a { display: block; margin-left: 0.5rem; font-size: 0.75rem; width: 7.5rem; text-align: center; border-radius: 0.25rem; line-height: 1.8rem}

.sec_mynumber h4 { margin-top: 2.55rem}
.sec_mynumber .list_ball  { 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 #eee; border-radius: 100%}

/*direct.html */
.sec_direct .wrap_list .btn_red2 { margin: 2.5rem 0 0.5rem; width: 5.5rem; height: 2rem; display: block; line-height: 2rem; font-size: 0.7rem; text-align: center;}
.sec_direct .wrap_list .table { display: table; width:100%; }
.sec_direct .wrap_list .thead .tr > div { padding: 0.75rem 0.5rem; box-sizing: border-box; font-weight: 500; }
.sec_direct .wrap_list .tbody .tr > div {  color: #676767; padding: 1rem 0.5rem; min-height: 2.75rem; box-sizing: border-box;}
.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 !important}
.sec_direct .wrap_list .tr > .td_click a { display: block; padding: 0.5rem 1rem; 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 { font-size: 0.75rem; 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 3rem; 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}

/* report.html */
.report_tbl .tr > div ~ div{border-left: 1px solid #eee;}
.report_tbl .bx_data .tr .text-left{padding-left:1rem!important;}
.wrap_board .wrap_title .heading {padding:0 0 1.2rem;}


/*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: 0.85rem; color: #666; }
.sec_delete .bx_gray > div { padding: 1rem 0 0.75rem; font-size: 1.2rem; color: #222;}
.sec_delete .bx_gray .list_bul { border-top:1px solid #ddd; margin-top: 2.5rem; padding-top: 0.75rem;  color:#999; font-size: 0.7rem; }
.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: 1rem 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.11rem}
.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.1rem; 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:1rem; 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.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:-2px; font-family: 'Noto Sans KR',sans-serif; 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: 0rem 0 3.4rem; background: #1b1b1b; color: #fff ; font-family: 'GmarketSans';}
.sec_game * { color: #fff}
.sec_game .choice.left { width: 62.9%; }
.sec_game .pay.right { padding: 1.1rem 1rem 0; width: 35.5%; padding-bottom:40px; background: #333; border-radius: 1rem; 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 1rem}
.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: 0.9rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'GmarketSans'}
.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 > li {width: 32%; margin-bottom: 0.5rem;}
.sec_game .choice .step2 .big_btn > li{width: 100%;}
.sec_game .choice .step2 .big_btn > li:last-child{margin-bottom: 0;}

/* .sec_game .choice .step2 .list_btn .except_num_btn{padding-top: 4px; line-height: 1.25;} */
.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: auto; 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: 7.5px; width: 1.9rem; height: 1.9rem; line-height: 1.9rem; }
.sec_game .step3 .list_num > li:nth-child(10n) { margin-right: 0; }
.sec_game .step4 .list_num { margin-left: 0.45rem; margin-bottom: 0.4rem;}
.sec_game .step4 .list_num > li { margin-bottom: 0.4rem; }
.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(../images/ico_list.png) no-repeat center / 100% 100%;}
.sec_game .pay .top > button { width: 4rem; height: 1.6rem; font-size: 0.75rem; 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: 1rem; width: 0.75rem; height: 0.85rem; background: url(../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: 0.9rem; text-align: center; border-bottom: 1px solid #5c5c5c;}
.sec_game .wrap_game { padding: 1rem 0.8rem 0.5rem; border: 1px solid #5c5c5c; }
.sec_game .list_game { font-size: 0.75rem; 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: 'GmarketSans'; 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.1rem 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: 1rem 0 0}
.sec_game .bx_result .btm .left { font-size: 1rem}
.sec_game .bx_result .btm > p strong { font-size: 1.5rem}
.sec_game .btn_pay { width: 100%; height: 3.2rem; line-height: 3rem; font-size: 1.25rem; }
.sec_game .step4 .bx_red { display: block; width:100%; height:130px; background: #ff0000; color: #fff; font-size: 0.9rem; line-height: 1.25}
.sec_game .step4 .bx_red.ht { height:80px !important;}
.sec_game .step4 .bx_red .add_before:before { margin-right: 1rem; 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.1rem; }

.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 #373b46; font-size: 0.9rem; color: #222; background: url(../images/logo_mega.png) no-repeat right 1.6rem center}
.sec_draw .list_result > li.power > div { background-image: url(../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.1rem}
.sec_draw .wrap_board > .top .btn_gray { padding: 0.6rem 1.7rem 0.6rem 0.9rem ; font-size: 0.75rem; 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(../images/ico_video.png ) no-repeat center / auto 100% ; vertical-align: middle;}
.sec_draw .wrap_board td:nth-child(7) > *:after { background-image: url(../images/ico_detail.png ); height: 0.8rem;}
.wrap_search { position: relative;}
.wrap_search > *{margin-left: 5px; padding: 0 0.9rem; border: 1px solid #d2d2d2; border-radius: 0.2rem; height: 1.7rem; }
.wrap_search .inp_search > * { height: 100%}
.wrap_search .inp_search > button { position: absolute; right: 0; top: 0; bottom: 0; background: red; width: 2.1rem; background: url(../images/ico_search.png) no-repeat center}
.popup.draw { font-size: 0.8rem; letter-spacing: -0.025}
.popup.draw > .inner { min-width: 585px; box-sizing: border-box;}
.popup.draw .time { padding: 1rem 0}
.popup.draw .wrap_tb { margin: 1.25rem 0 0.9rem}
.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(../images/ico_arr_right_paging.png) no-repeat center}
.wrap_paging > a.next { right:0}
.wrap_paging > a.prev { left:0; background-image:url(../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 #d2d2d2; box-sizing: border-box; color: #000; line-height: 1.5rem; text-align: center;}
.tb_type2 tbody td.td_click { padding: 0 !important}
.tb_type2 tbody td.td_click > * { display: block; padding: 1rem 0}

/* 게시판 상세보기 공통 */
.board_type1 > .title { padding: 1.5rem; font-size: 0.75rem; color: #676767}
.board_type1 > .title > .left p { padding: 0 0 0.5rem; font-size: 0.85rem; color: #000}
.board_type1 > .title > .right { font-size: 0.7rem}
.board_type1 > .contents { padding: 2rem 1.5rem; border-top: 1px solid #d2d2d2; font-size: 0.75rem; color: #676767; line-height: 1.5}
.board_type1 .list_type4 > li.prev a:after { background-image: url(../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: 1rem;padding-right: 1rem; color: #676767; text-align: left;}
.sec_faq .list_type4 > li{ padding: 0}
.sec_faq .list_type4 > li * { color: #676767}
.sec_faq .list_type4 > li > a > p { margin: 0}
.sec_faq .list_type4 > li > div { border-top: 1px solid #d2d2d2; padding-top: 1rem; padding-bottom: 1rem; line-height: 1.6}
.sec_faq .list_type4 > li > * { padding-left: 3.75rem; padding-right: 3.75rem; box-sizing: border-box;
background-position: left 1rem center; background-size: auto 1rem; background-repeat: no-repeat; }
.sec_faq .list_type4 > li > a { background-image: url(../images/ico_Q.png)}
.sec_faq .list_type4 > li > div { background-image: url(../images/ico_A.png)}
.sec_faq .list_type4 > li a:after { right: 1rem; background-image: url(../images/ico_arr_btm_black.png)}
.sec_faq .list_type4 > li a.open:after { background-image: url(../images/ico_arr_top_red.png)}

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

.sec_service .top.bb { margin-bottom: 1.1rem; padding: 0 0 1.25rem}
.sec_service h3 { font-size: 1.1rem}
.guide_use .bx_gray { margin-top: 1rem}
.guide_use .mainlogo { margin:1.1rem 0 1.4rem; font-size: 2rem}
.guide_use .mainlogo > *:before { font-size: 1rem; 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: 0.9rem; 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: 0.9rem; font-weight: 500}

/* 250407 추가, 메가밀리언 변경건 */
.sec_service .mm_sample {max-width:300px; border:1px solid #dcdcdc;}
.sec_history .wrap_ball {display: flex; align-items: center; justify-content: flex-start;}
.sec_history .wrap_ball .list_ball li span {width: 28px; height: 28px; line-height: 28px;}
.sec_history .wrap_ball .multi {margin-bottom: 4px; font-weight:bold;}

.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: #eee; font-weight: normal;}
.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-family: 'Montserrat',sans-serif; font-weight: 600; font-size: 1rem}
.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%}
.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.1rem; 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(../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: 2.75rem}
.sec_service.purchase .tb_level { margin: 0}
.sec_service.purchase .wrap_board > div .list > li > p { padding: 0 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: }

#wcash { background-color:#fff; width:39%; height:30px; border-radius:5px; text-align:right;margin-left: 0.8rem; padding-right:4px;}
#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: 1rem; padding-right: 1rem; 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: 'GmarketSans'}
.lucky_game * { color: #fff}
.lucky_game .choice.left { width: 50%; }
.lucky_game .pay.right { padding: 1.1rem 1rem 0; width: 30%; height: 35.5rem; background: #333; border-radius: 1rem; 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 1rem}
.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: 0.9rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'GmarketSans'}
.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: 1rem; 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(../images/ico_list.png) no-repeat center / 100% 100%}
.lucky_game .pay .top > button { width: 4rem; height: 1.6rem; font-size: 0.75rem; 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: 1rem; width: 0.75rem; height: 0.85rem; background: url(../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: 0.9rem; text-align: center; border-bottom: 1px solid #5c5c5c;}
.lucky_game .wrap_game { padding: 1rem 0.8rem 0.5rem; border: 1px solid #5c5c5c; }
.lucky_game .list_game { font-size: 0.75rem; 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: 'GmarketSans'; 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.1rem 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: 1rem 0 0}
.lucky_game .bx_result .btm .left { font-size: 1rem}
.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: 1rem; 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.1rem; }

.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 #373b46; font-size: 0.9rem; color: #222; background: url(../images/logo_mega.png) no-repeat right 1.6rem center}
.lucky_draw .list_result > li.power > div { background-image: url(../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.1rem}
.lucky_draw .wrap_board > .top .btn_gray { padding: 0.6rem 1.7rem 0.6rem 0.9rem ; font-size: 0.75rem; 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(../images/ico_video.png ) no-repeat center / auto 100% ; vertical-align: middle;}
.lucky_draw .wrap_board td:nth-child(7) > *:after { background-image: url(../images/ico_detail.png ); height: 0.8rem;}

/* 당첨번호통계  */
.stats_layout {width:100%; position:relative; display: flex;justify-content: space-between;}
.stats_layout .layout01 {width:20%; }
.stats_layout .layout02 {width:80%;margin-left:1.5rem; padding-left:1.5rem;border-left:1px solid #ddd;}
.stats_layout .logo {position:absolute;top:0;right:0;}
.stats_layout .bx_search {padding:0;background-color: none;}
.stats_layout .bx_search .tit {margin-bottom:15px; font-size: 16px;font-weight: bold;color:#222;}
.stats_layout .bx_search .info {display: flex;align-items: center; font-size: 18px;font-weight: bold;color:#555;}
.sec_stats.lastdrawn .info {margin-top:20px;}
.stats_layout .bx_search .info i {margin-right: 5px; font-size: 18px;color:var(--primary-col); }
.stats_layout .bx_search .info span {color:var(--primary-col);}
.stats_layout .bx_search .clear > .right {float:none; margin-bottom: 1.5rem;}
.stats_layout .tab_type1 {margin-bottom:1.5rem;border:0;}
.stats_layout .tab_type1 > li ~ li{margin:0;}

.cont.stats {min-height: 600px;display: flex; border-top:1px solid #ddd;}
.cont_nav {width:100%;padding-top:1.5rem;}
.cont_nav li {padding:1rem 0;border-bottom:1px solid #ddd;}
.cont_nav li a{display: flex;align-items: center; gap:5px; font-size: 15px;color:#aaa;}
.cont_nav li i.num {border:2px solid #ddd;border-radius: 100%;}
.cont_nav li:hover a {color:#000;}
.cont_nav li:hover i.num{border:2px solid #000;}
.cont_nav li.on {border-bottom:2px solid #000;}
.cont_nav li.on a{color:#000;font-weight: bold;}
.cont_nav li.on i.num{border:2px solid #000;}

table.type1 {text-align: center;}
table.type1 th{height:24px;padding: 0.6rem;background-color: #373b46;font-size: 0.75rem;font-weight: normal; color:#fff;}
table.type1 td {padding: 0.6rem 1rem;border:1px solid #ddd;border-top:none;}
.stats_wrap {width:calc(100% - 260px);padding-top:1.5rem; display: flex;align-items: flex-start;gap:30px;}
.stats_wrap .stats_numbers .num {width: 1.7rem;height: 1.7rem;line-height: 1.8rem;box-sizing: border-box;border: 1px solid #bfbfbf;font-family: 'GmarketSans';font-weight: bold;font-size: 0.7rem;color: #313131;text-align: center;border-radius: 100%;background: #fff;}
.stats_wrap .stats_numbers .bar {width:100%;height:8px;margin-top:12px;}
.stats_wrap .stats_numbers .bar .frequency {min-width:.5%;height:100%;position:relative; border-radius: 8px;}
.stats_wrap .stats_numbers .bar .last {height:100%;display: inline-block;border-radius: 8px;}
.stats_wrap .stats_numbers .bar .bar_num { position:absolute;bottom: calc(100% + 4px);font-size: 13px;font-weight: bold; color:#888;white-space: nowrap;}
.stats_wrap .stats_numbers .times {font-size: 16px;font-weight: bold;}

/* 메가밀리언 */
.stats_wrap.mega .stats_numbers .bar .frequency {background:linear-gradient(to right, #000, #3F3BFF);}
.stats_wrap.mega .stats_numbers.mega .num {background: #ebc704;border-color: #ebc704;}
.stats_wrap.mega .bar .last{background-color:#00D1FF;}
/* 파워볼 */
.stats_wrap.power .stats_numbers .bar .frequency {background:linear-gradient(to right, #000, #FF3131);}
.stats_wrap.power .stats_numbers.power .num {background: #FF3131;border-color: #FF3131; color: #fff;}
.stats_wrap.power .bar .last{background-color:#FFB800;}

.bx_search input.monthpicker {background:#fff url(/common/images/calendar.svg) right center no-repeat; cursor: pointer;}
.bx_search input:disabled.monthpicker {background-color: #ddd url(/common/images/calendar.svg) right center no-repeat; cursor: pointer;}

/* 운세 */
/* footer를 페이지 하단에 고정 */
.fortune-page { display: flex; flex-direction: column; min-height: 100vh;}
.fortune-page .wrap_com { flex: 1; }
.fortune-page footer { background: #333; color: #fff; text-align: center; padding: 10px 0; margin-top: auto; }

.sec_fortune {display: flex; align-items: stretch; border:1px solid #ddd; border-radius: 0.5rem; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 50px;}
.sec_fortune .snb-wrap {width:240px;}
.sec_fortune .snb-wrap .tit {padding:1rem 0; background-color: #949494; color:#fff; text-align: center;}
.sec_fortune .snb-wrap .myinfo {margin:15px; padding:12px; border:1px solid #ddd; border-radius: 0.5rem; background-color: #eee;}
.sec_fortune .snb-wrap .myinfo .subtit{font-size: 15px;font-weight: bold;}
.sec_fortune .snb-wrap .myinfo .txt {margin:10px 0; font-size: 14px;color:#888;white-space: nowrap;}
.sec_fortune .snb-wrap .myinfo .btn { height:30px; display: flex; align-items: center; justify-content: center; border:1px solid #ddd;border-radius: 30px;background-color: #fff; font-size: 13px; color:#888;}
.sec_fortune .snb-wrap .snb {margin:30px;}
.sec_fortune .snb-wrap .snb > li { margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid #ddd; font-size: 17px;font-weight: bold;}
.sec_fortune .snb-wrap .snb .snb-lis li {margin-top:10px;}
.sec_fortune .snb-wrap .snb .snb-lis a {font-size: 14px;font-weight: normal; color:#888;}
.sec_fortune .snb-wrap .snb .snb-lis li.lock a {display: flex; align-items: center; text-decoration: line-through; opacity: 0.5;}
.sec_fortune .snb-wrap .snb .snb-lis i {font-size: 16px;}
.sec_fortune .fortune-cont {flex:1;padding:45px; border-left:1px solid #ddd;}
.fortune-cont.detail{background-color: #eee;}
.fortune-cont .tit-wrap {margin-bottom:45px; position:relative;}
.fortune-cont .tit-wrap img{position:absolute;top:50%;right:0;transform: translateY(-50%);}
.fortune-cont h3 {margin-bottom:15px;}
.fortune-cont h5 {color:#888;}
.fortune-items ~ .fortune-items {margin-top:60px;}
.fortune-items .item-wrap {display:grid;grid-template-columns: repeat(3, 1fr); gap:30px;}
.fortune-items .item-wrap.sec{grid-template-columns: repeat(2,1fr);}
.fortune-items .item {padding: 30px 30px 90px 30px; position: relative;border-radius: 0.5rem;cursor: pointer;transition: all 0.2s;overflow: hidden;}
/* .fortune-items .item-wrap.sec .item:nth-child(1){grid-column: 1/2;grid-row: 1/3;} */
.fortune-items .item:hover:not(.lock) {transform: scale(1.1);}
.fortune-items .item .subtit {margin-bottom:10px; font-size: 15px;font-weight: bold;}
.fortune-items .item .txt {font-size: 13px;color:#888}
.fortune-items .item img{position:absolute;bottom:30px;right:30px;}
.fortune-items .item.lock:after {content: '';width:100%;height:100%;position:absolute;top:0;left:0;background-color: rgba(0, 0, 0, 0.2);backdrop-filter: grayscale(1);}
.fortune-items .item.lock .lock-txt {padding:10px; position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);display: flex;align-items: center; gap:5px; border-radius: 30px; background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); font-size: 15px;font-weight: bold;color:#888; z-index: 2;}
.fortune-items .item.lock .lock-txt span[class^="material"] {color:#de0914;}
/* 나의사주정보 팝업 */
.fortuneInfo .list_reg{margin:30px 0 20px;padding:0;}
.fortuneInfo .list_reg > li {gap:5px;}
.fortuneInfo .list_reg > li ~ li{margin-top:10px;}
/* 운세 - 서브 */
.fortune-cont .box {padding:30px; border:1px solid #ddd; border-radius: 0.5rem; background-color: #fff; box-shadow: ;}
.fortune-cont .box ~ .box {margin-top:30px;}
.fortune-cont .subtit {margin-bottom:30px;font-weight: bold;}
.fortune-cont .box.month .subtit {display: flex;align-items: center; gap:10px;}
.fortune-cont .subtit02 {margin:30px 0;font-size: 18px; font-weight: bold;color:#555;}
.fortune-cont .subtit-wrap {margin-bottom:30px; display: flex;align-items: center; gap:30px;}
.fortune-cont .subtit-wrap .subtit02 {margin:0;}
.fortune-cont ul.style01 li{font-size: 16px; color:#555;}
.fortune-cont ul.style01 li ~ li {margin-top:10px;}
.fortune-cont ul.style01 .tit {font-weight: bold;}
.fortune-cont .exp {margin:30px 0; font-size: 13px;color:#888;}
.fortune-cont .exp02 {margin:30px 0; font-size: 15px; font-weight: bold; color:#de0914}
.fortune-cont .bar-wrap {height:30px; margin-bottom:30px; border-radius: 30px; background-color: #eee;}
.fortune-cont .bar-wrap .bar{height:100%;padding-left:10px; display: flex;align-items: center; border-radius: 30px; background-color: #ff9268;color:#fff;}
.fortune-cont .txt {font-size: 16px; color:#555; line-height: 1.5;}
.fortune-cont .ball-wrap {display: flex;align-items: center; gap:10px;}
.fortune-cont .ball-wrap .ball{width:45px;height:45px;display: flex;align-items: center;justify-content: center; border:1px solid #ddd; border-radius: 100%;}

.fortune-cont .score {padding:2px 5px; border-radius: 5px; color:#fff;}
.fortune-cont .subtit02.best .score{background-color: rgb(34, 117, 189);}
.fortune-cont .subtit02.good .score{background-color: rgb(40, 188, 234);}
.fortune-cont .subtit02.soso .score{background-color: rgb(12, 152, 2);}
.fortune-cont .subtit02.worse .score{background-color: rgb(229, 85, 6);}
.fortune-cont .subtit02.worst .score{background-color: rgb(254, 36, 0)}
.fortune-cont .subtit02.best .score-txt{color: rgb(34, 117, 189);}
.fortune-cont .subtit02.good .score-txt{color: rgb(40, 188, 234);}
.fortune-cont .subtit02.soso .score-txt{color: rgb(12, 152, 2);}
.fortune-cont .subtit02.worse .score-txt{color: rgb(229, 85, 6);}
.fortune-cont .subtit02.worst .score-txt{color: rgb(254, 36, 0)}

.fortune-cont .animal-items {display: grid; grid-template-columns: repeat(3, 1fr); text-align: center;}
.fortune-cont .animal-items .item {cursor: pointer;}
/* .fortune-cont .animal-items .item ~.item {margin-top:30px;} */
.fortune-cont .animal-items .animal-img {width:65px;height:65px; margin:10px auto;}
.fortune-cont .animal-items .item:nth-child(1) .animal-img{background: url("/contents/fortune/img/animal-img01-off.png") center no-repeat; background-size: contain;}
.fortune-cont .animal-items .item:nth-child(2) .animal-img{background: url("/contents/fortune/img/animal-img02-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(3) .animal-img{background: url("/contents/fortune/img/animal-img03-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(4) .animal-img{background: url("/contents/fortune/img/animal-img04-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(5) .animal-img{background: url("/contents/fortune/img/animal-img05-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(6) .animal-img{background: url("/contents/fortune/img/animal-img06-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(7) .animal-img{background: url("/contents/fortune/img/animal-img07-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(8) .animal-img{background: url("/contents/fortune/img/animal-img08-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(9) .animal-img{background: url("/contents/fortune/img/animal-img09-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(10) .animal-img{background: url("/contents/fortune/img/animal-img10-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(11) .animal-img{background: url("/contents/fortune/img/animal-img11-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item:nth-child(12) .animal-img{background: url("/contents/fortune/img/animal-img12-off.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(1) .animal-img{background: url("/contents/fortune/img/animal-img01-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(2) .animal-img{background: url("/contents/fortune/img/animal-img02-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(3) .animal-img{background: url("/contents/fortune/img/animal-img03-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(4) .animal-img{background: url("/contents/fortune/img/animal-img04-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(5) .animal-img{background: url("/contents/fortune/img/animal-img05-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(6) .animal-img{background: url("/contents/fortune/img/animal-img06-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(7) .animal-img{background: url("/contents/fortune/img/animal-img07-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(8) .animal-img{background: url("/contents/fortune/img/animal-img08-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(9) .animal-img{background: url("/contents/fortune/img/animal-img09-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(10) .animal-img{background: url("/contents/fortune/img/animal-img10-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(11) .animal-img{background: url("/contents/fortune/img/animal-img11-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items .item.on:nth-child(12) .animal-img{background: url("/contents/fortune/img/animal-img12-on.png") center no-repeat;background-size: contain;}
.fortune-cont .animal-items p{margin-top:10px; font-size: 15px;}

.fortune-cont .box.result ul {margin-top:30px;}
.fortune-cont .box.result  img{ margin:60px auto;}
.fortune-cont .result-txt { padding:15px; background-color: #eee; font-size: 16px; font-weight: bold; text-align: center;}

.fortune-cont .search-wrap .wrap_search {width:-webkit-fill-available;}
.fortune-cont .search-wrap .wrap_search select{width: 100%;}
.fortune-cont .wrap_search > * {margin-left:0;}
.fortune-cont .wrap_search .inp_search input[type="search"] {width:calc(100% - 24px);}
.fortune-cont .search-wrap{display: flex;gap:10px;}
.fortune-cont .fortune-result-tab {margin-top:30px;}
.fortune-cont .fortune-result-tab .tab-tit {padding:15px 20px;display: flex; align-items:  center; justify-content: space-between; border-bottom:1px solid #ddd; font-size: 16px; cursor: pointer;}
.fortune-cont .fortune-result-tab .tab-detail {max-height:0;background-color: #eee; overflow: hidden;transition: .3s ease-in;}
.fortune-cont .fortune-result-tab .tab-detail p { padding:15px 20px;font-size: 15px;color:#888; }
.fortune-cont .fortune-result-tab .item.on .tab-tit {border:1px solid #333;}
.fortune-cont .fortune-result-tab .item.on .tab-detail {max-height: 50vh;}

.tbl-fortune {font-size: 15px;border-top:1px solid #e55838;text-align: center;}
.tbl-fortune th {padding:20px 10px;border-bottom:1px solid #e55838;background:#fffbf2;}
.tbl-fortune td {padding:20px 10px;border-bottom:1px solid #e55838;}

.div_youtube {position: relative; width: 100%; height: 330px; border-radius: 10px; text-align: center; background-color: #000000;}


/* 구매 페이지 bar 영역 */
.game-userinfo-bar { width: 100%; padding: 15px 0; position: sticky; left: 0; right: 0; top: 120px; border-top: 1px solid #ddd; background-color: #535353; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); z-index: 3; }
.game-userinfo-bar * { color: #fff; }
.game-userinfo-bar .container { width: 1200px; margin: 0 auto; }
.game-userinfo-bar .container { display: flex; align-items: center; }
.game-userinfo-bar .item { position: relative; display: flex; align-items: center; gap: 10px; }
.game-userinfo-bar .item ~ .item { margin-left: 30px; padding-left: 30px; }
.game-userinfo-bar .item ~ .item:before { content: ""; width: 2px; height: 15px; position: absolute; top: calc(50% - 5px); left: 0; background-color: rgba(255, 255, 255, 0.3); }
.game-userinfo-bar .tit {  font-size: 16px; opacity: 0.5; }
.game-userinfo-bar .num { font-size: 15px; font-weight: bold; }
.game-userinfo-bar .btn.charge { height: 30px; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-radius: 4px; background-color: #f00; font-size: 14px; }
.game-userinfo-bar .btn-wrap { margin-left: auto; display: flex; align-items: center; gap: 15px; }
.game-userinfo-bar .btn-wrap .btn { height: 40px; padding: 0 16px; border-radius: 4px; background-color: #1b1b1b; font-size: 14px; cursor: pointer;}
.game-userinfo-bar .btn { height: 4.5rem; display: flex; align-items: center; justify-content: center; border-radius: var(--bor-radius); font-size: 1.6rem; font-weight: bold; cursor: pointer; }

.checker_red { width: 1.2rem; padding-bottom: 0.4rem; }

/* 캐시충전 수정 */
.charge-lists {margin:0.5rem 0 2rem;}
.charge-lists .list{height:110px;display:flex;align-items: center;gap:0.6rem; border:1px solid #ddd;border-radius: 0.5rem;overflow: hidden;}
.charge-lists .list ~ .list{margin-top:0.5rem;}
.charge-lists .cash-wrap{width:20%;height:100%; position:relative;display: flex;align-items: center;justify-content: center;  background:#eee;}
.charge-lists .cash-wrap .cash{font-family: 'GmarketSans';font-size: 1.25rem;font-weight: bold;color:#373b46; text-align: center;}
.charge-lists .cash-wrap .tag{position:absolute;font-size: 0.6rem; line-height: 1;}
.charge-lists .cash-wrap .tag.bonus {width:100%;height:1.5rem;bottom:0;left:0; display: flex;align-items: center;gap:0.2rem; background-color: #555; font-weight: bold;color:#fff;  white-space: nowrap;}
.charge-lists .cash-wrap .tag.bonus .tit{padding-left:1rem;}
.charge-lists .cash-wrap .tag.bonus .point{color:#ebc704;font-weight: bold;}
.charge-lists .cash-wrap .tag.bonus img {position:absolute;right:-2px;bottom:5px;width:2.2rem;animation:bgBlink 1s step-end infinite; }
.charge-lists .cash-wrap .tag.credit {padding:3px 6px; color:#fff;left:0;top:0;border-radius: 0 0 0.5rem 0;background-color: darkorange;}
.charge-lists .won-bonus-wrap .won-wrap{margin-bottom:0.5rem; display: flex;align-items: center;gap:0.5rem;color:#676767;}
.charge-lists .won-bonus-wrap .won-wrap .tit{font-weight: 400;}
.charge-lists .won-bonus-wrap .won-wrap .won{font-weight: bold;}
.charge-lists .won-bonus-wrap .won-wrap .won .unit{font-weight: 400;}
.charge-lists .won-bonus-wrap .bonus-wrap{display: flex;align-items: center;gap:0.2rem;white-space: nowrap;}
.charge-lists .won-bonus-wrap .bonus-wrap p{font-size: 0.9rem;font-weight: 900;}
.charge-lists .won-bonus-wrap .bonus-wrap .cash{color:#008ecb}
.charge-lists .won-bonus-wrap .bonus-wrap .cash .unit{color:#008ecb}
.charge-lists .won-bonus-wrap .bonus-wrap .bonus {color:#e60012;}
.charge-lists .won-bonus-wrap .bonus-wrap .bonus .unit{color:#e60012;}
.charge-lists .won-bonus-wrap .bonus-wrap span {font-size: 0.7rem;font-weight: normal;color:#676767;}
.charge-lists .won-bonus-wrap .bonus-wrap .msign{font-weight: bold;color:#888;}
.charge-lists .won-bonus-wrap .bonus-wrap .game{color:#008ecb;}
.charge-lists .won-bonus-wrap .bonus-wrap .game .bonus{color:#e60012;}
.charge-lists .won-bonus-wrap .bonus-wrap .game .unit{font-weight: 400; color:#008ecb;}
.charge-lists .btn-wrap{margin:0 1rem 0 auto; display: flex;align-items: center;gap:0.5rem;}
.charge-lists .btn-wrap .btn {width:9rem; height:2.5rem;border-radius: 0.25rem; font-size: 0.9rem; color:#fff;line-height: 2.5rem;text-align: center;}
.charge-lists .btn-wrap .btn.card{background-color: #e60012;}
.charge-lists .btn-wrap .btn.bank{background-color:#789DAD ;}

@keyframes bgBlink {0% {opacity: 1;}50% {opacity: 0;}}