@charset "utf-8";

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

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

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

input,select,textarea { font-family: 'Noto Sans KR',sans-serif;  outline: 0; background-color: transparent;}

/* font */
.lh1 { line-height: 1;}

:root {
    --color_000 : #000 ;
    --color_fff : #fff;
    --color_blue:#008ecb;
    --color_blue_1:#008ecb;
    --color_blue2:#1186bd;
    --color_blue2:#008ecb;
    --color_red : #f00;
    --color_red2 : #de4f41;
	--color_red3 : #e61f19;
    --color_gray : #434343;
	--color_light_gray : #eaeaea;
    --color_313131 : #313131;
	--color_tone : #1186bd;
    --ls75 : -0.075em;
    --ls50 : -0.050em;
    --ls25 : -0.025em;
    --ls20 : -0.020em;

}
.btn_popup{cursor:pointer;}
 .btn_popup_new {
    display: block;
    width: 9rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1.2rem;
    font-size: var(--px30);
    font-weight: 500;
    letter-spacing: -0.075em;
    text-align:center;
}

/* font-weight */
.fw300 { font-weight: 300 !important;}
.fw400 { font-weight: 400 !important;}
.fw500 { font-weight: 500 !important;}
.fw600 { font-weight: 600 !important;}
.fw700 { font-weight: 700 !important;}
.fw800 { font-weight: 800 !important;}
.fw900 { font-weight: 900 !important;}
.fwB { font-weight: bold;}

/* letter-spacing */
.ls75 { letter-spacing: -0.075em;}
.ls50 { letter-spacing: -0.050em;}
.ls20 { letter-spacing: -0.020em;}
.ls25 { letter-spacing: -0.025em;}
.ls0 { letter-spacing: 0 !important;}
.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_blue_1 { background-color: var(--color_blue_1) !important;}
.bg_red { background-color:#f00 !important}
.bg_red2 { background-color:#de4f41 !important; color: #fff !important;}
.bg_gray { background-color: #434343 !important; color: #fff !important;}

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

/* font */
.f_NotoSansKR { font-family: 'Noto Sans KR', sans-serif !important; }
.f_GmarketSans { font-family: 'GmarketSans', sans-serif !important; }
.f_Montserrat { font-family: 'Montserrat', sans-serif !important; }
.f_g1 {font-family: 'Gothic A1', sans-serif !important;}
.bt { border-top: 1px solid #000}
.bb { border-bottom: 1px solid #ddd}

/* color */
.color_blue { color: var(--color_blue) !important}
.color_blue_1 { color: var(--color_blue_1) !important}
.color_blue2 { color: var(--color_blue2) !important}
.color_red { color: #de4f41 !important}
.color_red2 { color: #e60012 !important}
.color_red3 { color: #ff0000 !important}
.color_000 { color: #000 !important}
.color_fff { color: #fff !important}
.color_ylw { color: #fffc00 !important}
.wrap_img > img { width: 100%}
.list_type1 > li > a { display: block; 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; }
.list_bul > li.nonebul:before { display: none}
.list_bul > li:before { position: absolute; left: 0; top: 0.75em; content: ""; display: inline-block; width: 0.25em; height: 0.25em; background: #666; vertical-align: middle; border-radius: 100%}
.bx_gray { background: #fff;     background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-radius:0.5rem;}
.bx_light_gray { background: #f7f7f7;}
.top_banner_new {text-align:center; background:#134197;}
.border-qt {border-top:1px solid #eaeaea;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.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;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb100 {margin-bottom:100px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt100 {margin-top:100px !important;}
.lh20 {line-height:20px !important;}
.lh22 {line-height:22px !important;}
.lh24 {line-height:24px !important;}
.lh26 {line-height:26px !important;}
.lh28 {line-height:28px !important;}
.text-left {text-align:left !important;}

html { font-size: 20px;}
body { font-size: 1rem; word-break: keep-all;}
input::-webkit-input-placeholder,
input::placeholder,
input::-ms-input-placeholder,
input:-ms-input-placeholder { color: #000}
input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
i { font-style: normal;}

input.spay { padding:0.6rem 0.6rem; width: 22.75rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}
input.spay_cvc { padding:0.6rem 0.6rem; width: 4rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}
input.spay_pass { padding:0.6rem 0.6rem; width: 4rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff; text-align:right;}
.spay_pass_1 { padding:0.6rem 0.5rem; width: 1rem; border: 0px solid #ddd; border-radius: 0.2rem; background: #fff;}
select.pmonth { padding:0.6rem 0.6rem; width: 15rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}

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


.fs15 { font-size: 0.75rem !important}
.fs16 { font-size: 0.8rem !important}
.fs17 { font-size: 0.85rem !important}
.fs18 { font-size: 0.9rem !important}
.fs19 { font-size: 0.95rem !important}
.fs20 { font-size: 1rem !important}
.fs21 { font-size: 1.05rem !important}
.fs22 { font-size: 1.1rem !important}
.fs23 { font-size: 1.15rem !important}
.fs24 { font-size: 1.2rem !important}
.fs25 { font-size: 1.25rem !important}
.fs26 { font-size: 1.3rem !important}
.fs27 { font-size: 1.35rem !important}
.fs28 { font-size: 1.4rem !important}

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

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

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

.mt5 { margin-top: 0.25rem}
.mt10 { margin-top: 0.5rem}
.mt20 { margin-top: 1rem}
.mt30 { margin-top: 1.5rem}

.ml_winner { margin-left: 2.8rem}


/* border-radius */
.br10 { border-radius: 0.5rem}

/* text style */
.h_type1 { font-size: 1.1rem; letter-spacing: -0.075em}
.h_type2 { font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: -0.025em}
.h_type2 sup { font-weight: 600}
.h_type3 { font-size: 2rem; font-family: 'GmarketSans', sans-serif; letter-spacing: -0.075em; font-weight: bold;}
.h_type4 { padding: 1rem 0 1.5rem; font-family: "Noto Sans KR",sans-serif; color:#222; font-size:1.8rem; letter-spacing: -0.075em; font-weight: 500; }

/* list */
.list_type1 > li > a { display: block; border-radius: 0.5rem; box-sizing: border-box;} 
.list_bul.gray { color: #676767; font-size: 0.8rem;}
.list_bul.light_gray { color: #919191; font-size: 0.7rem;}
.list_bul > li { padding-left: 0.6rem; position: relative; line-height:1.2rem; }
.list_bul > li.nonebul:before { display: none}
.list_bul > li:before { position: absolute; left: -1px; top: 1em; content: ""; display: inline-block; width: 0.25em; height: 0.25em; background: #666; vertical-align: middle; border-radius: 100%}
.list_sel:after { display: block; clear: both;}
.list_sel > li { float: left; }
.list_sel > li ~ li { margin-left: -1px}
.list_sel > li * { font-size: 0.7rem; border: 1px solid #e8e8e8; position: relative; color: #666; transition: all .3s;}
.list_sel > li *:hover { z-index: 1}

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

/* box */
.bx_type1 { display: block;  border-radius: 0.5rem; box-sizing: border-box;} 
.bx_search { padding:1.5rem 1.9rem }
.bx_search * { font-family: 'Noto Sans KR',sans-serif;}
.bx_search .left > p { margin-right: 0.75rem; font-size: 0.8rem; letter-spacing: -0.05em}
.bx_search .right * { height: 2rem; box-sizing: border-box;}
.bx_search .right input { padding:0 1rem; width: 8.75rem; border: 1px solid #ddd; border-radius: 0.2rem; background: #fff}
.bx_search .right .btn_gray { padding: 0 1.9rem}
.bx_search .list_sel > li > * { width: 4rem; height: 2rem; background: #fff; font-weight: 500}
.bx_search .list_sel > li:hover * { border-color: #999; color: #444}

.bx_type_main_1 { display: block; padding:20px; text-align:center;  border-radius: 0.5rem; box-sizing: border-box;background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}




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

/* input */
.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: 1rem; height: 1rem; box-sizing: border-box; border: 1px solid #666; vertical-align: middle;}
.chk_type1:checked + label:before { background: url(/common/images/ico_checked.png) no-repeat center / 70% auto #fff;}

/* popup */
.popup { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 10000; line-height: 1}
.popup.active { display: block !important;}
.popup > .inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; overflow: hidden;}
.popup.type1 > .inner {   border-radius: 1rem;}
.popup.type1 > .inner > .btn_close:after { content: "X"; display: block; position: absolute; right: 1.8rem; top: 2rem; padding:0.2rem; font-size: 1.3rem; font-family: 'Montserrat',sans-serif; font-weight: 600}
.popup.type2 .btn_close { position: absolute; right: 0; top: 0; }
.popup.type2 > .inner { padding: 2.75rem 3rem 3rem}
.popup.type2 .title { padding: 0 0 2rem; font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; border-bottom:3px solid #444 }

/* floating menu  */
.nav_float {padding-top: 260px; position: fixed; right: 50%; top: 23.1%;  transform: translate(50%, -50%); margin-right: -660px; width: 4.35rem; font-family: 'Noto Sans KR',sans-serif; letter-spacing: -0.075em; font-size: 0.75rem}
.nav_float ul li { margin-bottom: 0.3rem}
.nav_float ul li a { display: block;  border-radius: 0.5rem; text-align: center;     box-sizing: border-box;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1); }
.nav_float .appdown a { padding: 0.95rem 0.6rem; }
.nav_float ul li:not(.appdown) a { padding: 0.7rem 0 0.95rem}
.nav_float ul li:not(.appdown) a > p:before { content: ""; display:inline-block; margin-bottom: 0.2rem; width: 2.9rem; height: 2.9rem; border-radius: 100%; background: url(/common/images/floating-point.png) no-repeat center / 90% auto }
.nav_float ul li.coupon a > p:before { background-image: url(/common/images/ico_coupon_float-w.png)}
.btn_top { padding: 0.25rem 0; width: 100%;  border-radius: 0.25rem}
.btn_top:after { margin-left: 0.25rem; width: 0.5rem; height: 0.3rem; background: url(/common/images/ico_arr_top_prev.png) no-repeat center / 100% 100% }



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

.tb_type2 { font-size: 0.75rem; text-align: center; border-bottom: 1px solid #d2d2d2; line-height: 1.3}
.tb_type2 col ~ col { border-left:1px solid #e8e8e8}
.tb_type2 thead th { padding: 0.6rem 0.5rem; box-sizing: border-box; font-weight: 500}
.tb_type2 tbody td { padding: 0.7rem 0.5rem; min-height: 2.75rem; box-sizing: border-box; color: #676767; }
.tb_type2 tbody tr ~ tr { border-top : 1px solid #d2d2d2}
.tb_type2 td.view_scan { padding: 0}
.tb_type2 td.view_scan * { display: block; width: 100%; min-height:2.75rem; background: url(/common/images/ico_scan.png) no-repeat center}
.tb_type3 { color: #252525; font-size: 0.75rem; text-align: center;}
.tb_type3 thead { background: #eeeeee; font-size: 0.7rem}
.tb_type3 thead th { padding: 0.85rem 0 0.85rem}
.tb_type3 tbody td { padding: 0.5rem 0}
.tb_type3 tbody tr ~ tr { border-top: 1px solid #e5e5e5}


main { display: block; min-height: 100vh; background: #f3f6f8;padding-bottom: 25px; }
footer { background: #222; border-top:1px solid #eaeaea; text-align: center;  font-family: 'GmarketSans',sans-serif;}
footer .mainlogo, footer .mainlogo a:before { color: #888 !important; }
footer .mainlogo a:before { padding-bottom: 5px}
footer .mainlogo a { height: auto; padding-bottom:10px;}
footer .copyright { padding-left: 1.5rem; font-size: 0.6rem}
footer * {  color: #fff;}
footer .top ul { font-size: 0}
footer .top ul li { display: inline-block; font-size: 0.8rem;  font-family: 'Noto Sans KR', sans-serif;}
footer .top ul li a { display: block; padding:0 8px; line-height: 58px; color:#333;}
footer .top ul li a:hover {color:#1186bd;}
footer .top ul li ~ li { padding-left: 1rem; }
footer .mid { padding: 1.5rem 0;border-top: 1px solid #626262;}
footer .mid ul li { display:inline-block; font-weight: 300; font-size: 0.65rem; line-height: 1.7}
footer .mid > p { padding: 1rem 0 0; font-size: 0.6rem; font-family: 'GmarketSans',sans-serif; color: #fff; line-height: 1.57}
footer .btm {  background-color: #21201e}
footer .btm > div { padding: 1.4rem 0}
footer .sns li a { display: block; width: 2.5rem; height: 2.5rem ; }
footer .sns li ~ li { margin-left: 0.5rem;}
footer .sns li.facebook { background: url(/common/images/img-share-facebook.png) no-repeat center / 100% 100% }
footer .sns li.insta { background: url(/common/images/img-share-instagram.png)  no-repeat center / 100% 100%}
footer .sns li.youtube { background: url(/common/images/img-share-youtube.png)  no-repeat center / 100% 100%}
footer .app h2 { padding-right:2.5rem; font-size: 0.8rem; line-height: 2.8rem}
footer .app ul { border:1px solid #383838 }
footer .app ul li { float: left; background-repeat: no-repeat; background-position:center}
footer .app ul li.googleplay { background-image: url(../images/ico_play.png)}
footer .app ul li.appstore { background-image: url(../images/ico_apple.png)}
footer .app ul li a { display: block; height: 2.7rem; width: 2.7rem;}
footer .app ul li ~ li { border-left: 1px solid #383838}

footer .pay_g h2 { padding-right:2.5rem; font-size: 0.8rem; line-height: 2.8rem}
footer .pay_g ul { border:1px solid #383838 }
footer .pay_g ul li { float: left; background-repeat: no-repeat; background-position:center}
footer .pay_g ul li.googleplay { background-image: url(../images/ico_play.png)}
footer .pay_g ul li.appstore { background-image: url(../images/ico_apple.png)}
footer .pay_g ul li a { display: block; height: 2.7rem; width: 2.7rem;}
footer .pay_g ul li ~ li { border-left: 1px solid #383838}

footer .wrap_com ul li a{color:#b3b3b3}
footer .footer_notice{color:#ff1700 !important;line-height:1.7;font-size:0.65rem}


.banner { position: relative;}
.banner img { width: 100%}
.banner .wrap_com { position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); text-align: right;}
.banner .bx_chk { position: absolute; top: 50%; transform: translateY(-50%); font-size: 0.65rem; right: 0}
.banner .bx_chk .chk_type1 + label { padding: 0.5rem 0}
.banner .bx_chk .chk_type1 + label span { padding: 0 1.5rem 0 0.5rem}
.banner .btn_close { width: 0.7rem; height: 0.7rem; background: url(/common/images/ico_x_banner.png) no-repeat center / 100% 100% }

.mainlogo { position: relative; font-family: 'Montserrat',sans-serif; font-weight: 700; font-size: 1.3rem}
.mainlogo > * { display: flex;  height: 3.5rem;  }
.mainlogo img { width:auto; height:51px; padding-top:13px;}

header { position: sticky; left: 0; right: 0; top: 0; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.05em ; background: #fff; z-index: 1000}
header .wrap_com { position: relative;}
header .mainlogo { z-index: 2000}
header h1 a { color: #008ecb;}
header .gnb { position: relative; z-index: 1000; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #222}
header .btn_menu { width: 1.3rem; height: 1.3rem; background: url(/common/images/btn_menu.png) no-repeat left center / 100% auto}
header .btn_menu.active { background: url(/common/images/ico_close.png) no-repeat center / 100% 100%; }
header .nav_gnb { padding-left: 0rem}
header .nav_gnb li ~ li { padding-left: 1.5rem}
header .nav_gnb li, header .nav_guide li  { float: left; height: 2.8rem; line-height: 2.8rem}
header .nav_guide li.rate { font-weight: bold;}
header .nav_gnb li a { position: relative; display: block; font-size: 0.9rem; color: #000; transition: all .3s; font-weight:400; color:#b3b3b3}
header .nav_gnb li a:after { content: ""; position: absolute; left: 0; width: 0; height: 3px; bottom: -1px; background: var(--color_red3); transition: all .3s;}
header .nav_gnb li a:hover { color: #e61f19; font-weight: 500; }
header .nav_gnb li.on a{font-weight: 600;color: #e61f19 !important;border-bottom:4px solid var(--color_red3)}
header .nav_guide { font-size: 0.75rem}
header .nav_gnb li a:hover:after { width: 100%;}
header .nav_guide li.rate .add_before:before { margin-right: 7px; width: 0.8rem; height: 0.8rem; background: url(/common/images/ico_rate.png) no-repeat center / 100%}
header .nav_guide li a { display: inline-block; color: #fff}
header .nav_guide li ~ li:before { content: ""; display: inline-block;
margin:0 0.45rem 0 0.5rem; width: 1px; height: 0.65rem; background-color: #d2d2d2; vertical-align: middle;}
header .nav_guide .app .add_after:after { margin-left: 5px; width: 0.5rem; height: 0.5rem; background: url(/common/images/ic_download1.png) no-repeat center / 100% auto;}

header .util { position: absolute; right: 0; top: 0; left: 0; z-index: 1000; background: #fff}
header .util ul li { float: left; }
header .util ul li a { font-size: 0.7rem; line-height: 3.5rem}
header .util ul li a img { height:1.1rem;}
header .util .wrap_list > ul { float: left}
header .util .wrap_list > .my > li { padding-left: 1.1rem}
header .util .wrap_list > .login > .add_after:after { margin:0 0.5rem; width: 1px; height: 13px; background-color: #d2d2d2; vertical-align: middle;}

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


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

/* visual */
.sec_visual { padding: 0 0 0.9rem}
.sec_visual .slide { height:15.15rem; border-radius: 0.5rem; overflow: hidden;}
.sec_visual .slide .paging span { background: #fff; opacity: 1; width: 0.6rem; height: 0.6rem; border-radius: 0.6rem; transition: all .3s}
.sec_visual .slide .paging .swiper-pagination-bullet-active { width: 3.8rem; }

/* sec_lotto */
.sec_lotto > ul > li { padding: 0.5rem 0 1.9rem; width: 48.83%; background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-radius: 0.5rem; box-sizing: border-box; color: #555; letter-spacing: var(--ls25); text-align: center;}
.sec_lotto h3 {
	height:5.2rem;
	line-height: 5.2rem;
}
.sec_lotto .time_draw { color: #434343; font-size: 0.8rem; font-weight: 400; letter-spacing: -1px; font-family: 'Noto Sans KR', sans-serif; line-height:1.1rem;}
.sec_lotto .won { padding:0.6rem 0; font-size: 1.7rem;  font-weight: bold;}
.sec_lotto .won .real { color: #e13a2b}
.sec_lotto .us { font-size: .75rem; width: 100%; width: 93.43%; text-align: center;
    line-height: 20px;
    background: #f3f6f8;
    border-radius: 0.5rem;
    padding: 10px 0; margin-bottom:22px;}

.sec_lotto  .time_end { display: flex; align-items: center; margin:0.5rem 0 1.5rem; }
.sec_lotto .time_end > p { font-size: 0.7rem; color: #555; font-weight: 600; text-align:right; line-height:0.8rem; }
.list_time { display: flex; margin-left: 0.4rem; font-size: 0}
.list_time > li { position: relative; text-align: center; line-height: 1; color: #fff; }
.list_time > li ~ li { margin-left: 0.5rem}
.list_time > li:after { content:""; position: absolute; left: 50%; transform: translateX(-50%); top:calc(100% + 5px); font-size:0.5rem; color: #555}
.list_time > li span {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    background: #ffb600;
    font-size: 0.75rem;
    line-height: 1.8rem;
    border-radius: 23px;
    box-sizing: border-box;
    font-weight: 600;
}

.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: #ffffff;  border: 1px solid #c5c5c5;  color: #000;}
.sec_lotto .btn_buy { display: block; width: 19rem; height:2.8rem; line-height: 2.9rem; border-radius: 0.2rem; font-size: 1rem; font-weight: 500; letter-spacing:-0.075em; font-family:  'Noto sans KR',sans-serif;}
.sec_lotto .btn_result_new {text-decoration: underline; display: block; width: 16.5rem; height:2.5rem; line-height: 2.4rem; border-radius: 0.2rem; font-size: 1rem; font-weight: 500; letter-spacing:-0.075em; font-family:  'Noto sans KR',sans-serif; background: url(/common/images/btn_arrow_R_g.png) no-repeat left 75px center;background-size: 8px 11px;}


.sec_result .wrap_heading { align-items: flex-end; margin: 2.25rem 0 1.2rem}
.sec_result .wrap_heading > a { font-size: 0.65rem; }
.list_result > li { width: 48.8%; box-sizing: border-box;  overflow: hidden; line-height: 1; background: #fff;
box-shadow: 5px 5px 10px rgba(0,0,0,0.1);

border-radius: 0.5rem;}
.list_result > li > div { padding-left: 1.6rem; padding-right: 1.6rem}
.list_result > li > .top { padding-top: 1.5rem; padding-bottom: 1rem; box-sizing: border-box;}
.list_result > li > .btm {     background: #f3f6f8;
    color: #333;
    font-size: 0.65rem;
    font-weight: 400;
    line-height: 2.5rem;
    padding-top: 5px;
    text-align: center;
	margin:10px; border-radius:0.5rem;}
.list_result > li > .btm.power {background: #f3f6f8;
    color: #333;
    font-size: 0.65rem;
    font-weight: 400;
    line-height: 2.5rem;
    padding-top: 5px;
    text-align: center;
    margin: 10px;
    border-radius: 0.5rem;}
.list_result > li > .btm strong { font-weight: 500}

.sec_result .win { padding: 0.5rem 0; font-size: 0.65rem}
.label { width:2.2rem; height: 2.2rem; background-color: #434343; color: #fff; letter-spacing: -0.025em; font-size: 0.65rem; border-radius: 100%}

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


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

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

.sec_board > ul > li { width: 48.47%; box-sizing: border-box;  background: #fff; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-radius: 0.5rem; padding:30px;}
.sec_board > ul > li > a { display: block;}
.sec_board > ul > li > a > p { position: relative; font-size: 0.7rem; color: #6b6e73; font-family: 'Noto sans KR',sans-serif;}
.sec_board > ul > li > a > p:after {  display: block; width: 100%; height: 1px;  position: absolute; bottom: -3px; left: 0}
.sec_board > ul ul { margin: 1rem 0 1rem; padding: 1rem 0 0; border-top: 1px solid #e9e9e9; font-size: 0.8rem; font-family: 'Noto sans KR',sans-serif; letter-spacing: -0.05em; font-weight: 400;}
.sec_board > ul ul > li > a { display: flex; justify-content: space-between; align-items: center; line-height: 1.8}
.sec_board > ul ul > li > a > span { color: #6d6d6d; font-family: auto;}
.sec_board > ul ul > li > a:hover { text-decoration: underline;}
.sec_board .bx_notice { padding: 0 0.9rem; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left:none; border-right:none;}
.sec_board .bx_notice .h_type1 { font-size: 0.7rem}
.sec_board .bx_notice a { padding: 1.1rem 0; width: 85%; font-size: 0.8rem;}
.sec_board .bx_notice a > div { font-family:  'Noto sans KR',sans-serif; }

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

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

.sec_banner_new .list_type1 > li { margin-bottom: 0.9rem;}
.sec_banner_new .list_type1 > li > a { display: flex; align-items: center; justify-content: center; box-sizing: border-box;background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}

.sec_banner_new .list_type1 > li > a strong { font-size: 1.1rem;  color: #555;  letter-spacing: -1px;  font-weight: 600;}
.sec_banner_new .list_type1 > li > a p { }
.sec_banner_new .list_type1 > li > a img {width:100%; height:112px; border-radius:0.5rem;}




.sec_mymoney .list_type1 > li { margin-bottom: 0.9rem}
.sec_mymoney .list_type1 > li > a { display: flex; align-items: center; justify-content: center; padding: 1.73rem 0 1.73rem; font-size: 0.65rem; color: #434343; box-sizing: border-box;background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.sec_mymoney .list_type1 > li > a:before { content: ""; display: inline-block; margin-right: 1rem; width: 44px; height: 51px;   }
.sec_mymoney .list_type1 > li > a strong { font-size: 1.1rem;  color: #555;  letter-spacing: -1px;  font-weight: 600;}
.sec_mymoney .list_type1 > li > a p { padding: 0.5rem 0 0}
.sec_mymoney .list_type1 > li.pl-result > a:before { background-image: url(../images/ico-result.png) }
.sec_mymoney .list_type1 > li.coupon > a:before { background-image: url(../images/ico_coupon.png) }
.sec_mymoney .list_type1 > li.winner > a:before { background-image: url(../images/ico_winner.png) }
.sec_mymoney .list_type1 > li.charge > a:before { background-image: url(../images/ico_charge.png) }
.sec_mymoney .list_type1 > li.history_num > a:before { background-image: url(../images/ico_num.png) }


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

.list_type3 > li { float: left ; width: 19%; margin-right: 1.25%;margin-bottom: 0.7rem}
.list_type3 > li:nth-child(5n) { margin-right: 0}
.list_type3 > li > a { display: block; border: 1px solid #eaeaea; border-radius: 5px; overflow: hidden; font-size: 0.8rem; letter-spacing: -0.05em}
.list_type3 > li .wrap_img { height: 12.15rem}
.list_type3 > li .wrap_txt { padding: 1.35rem 0.85rem; line-height: 1.37}
.list_type3 > li .wrap_txt > span { font-size: 0.65rem; color: #666; font-family: 'GmarketSans'}
.list_type3 .scan_down_btn {background-color: #1186bd;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    font-size: 20px;
    padding: 6px;}

.bx_app {
padding: 1.6rem 0 1.6rem 1.5rem;

 color: #fff;
box-sizing: border-box;
 position: relative;
background: url('/common/images/mobile-app-img.png') no-repeat top 4.1rem right 1rem / 45.78% auto, linear-gradient(to top, #8f8877, #c7c2b6); } 
.bx_app h2 { padding: 0 0 1rem ; font-size: 0.8rem; font-weight: 500; line-height:20px;}
.bx_app h2 strong { display:block; padding: 0.5rem 0 0.25rem; font-size: 1.5rem; }
.bx_app h2 span { font-size: 0.9rem}
.bx_app ul li:first-child { padding: 0 0 0.3rem}
.bx_app ul li a { display: block;}

.sec_winner h2 { padding: 1.9rem 0 1.25rem}
.sec_winner ul li:first-child { margin:0 0 0.6rem}
.sec_winner ul li a { display: flex; align-items: center; font-size: 0.9rem; color: #555; letter-spacing: -0.05em; background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);border-radius: 0.5rem;}
.sec_winner ul li a:before { content: ""; display: block; width: 5.5rem; height: 5.5rem; background: url(/common/images/logo_mega_ca.png) no-repeat center / 64% auto #f3f6f8;
    border-radius: 0.5rem;

	/* padding: 10px; */
    margin: 10px 17px 10px 10px;}
.sec_winner ul li.power a:before { background-image: url(/common/images/logo_power.png); background-size: 80% auto}
.sec_winner ul li a strong { letter-spacing: -0.025em}
.sec_winner ul li a p { padding: 0.1rem 0 0.5rem; font-family: 'Noto sans KR',sans-serif;}
.sec_winner ul li a span { font-size: 0.6rem}

.sec_best h2 { padding: 1rem 0 1.25rem}
.sec_best ul li:first-child { margin:0 0 0.6rem}
.sec_best ul li a { display: flex; align-items: center; font-size: 0.8rem; color: #555; letter-spacing: -0.05em; }
.sec_best ul li a:before { content: ""; display: block; margin-right: 1rem; width: 6.25rem; height: 3.8rem; border-radius: 0.25rem; background: url(/common/images/logo_mega_ca.png) no-repeat center / 70% auto #fff; border:1px solid #ddd;}
.sec_best ul li.power a:before { background-image: url(/common/images/logo_power.png); background-size: 80% auto}
.sec_best ul li a strong { letter-spacing: -0.025em}
.sec_best ul li a p { padding: 0.1rem 0 0.5rem; font-family: 'Noto sans KR',sans-serif;}
.sec_best ul li a span { font-size: 0.6rem}

.sec_event { position: relative; padding: 0 0 0rem; margin-bottom:4.75rem; background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-radius:0.5rem;}
.sec_event img{border-radius:0.5rem;}
.sec_event h2 { padding: 1.75rem 0 1.25rem}
.sec_event .paging { text-align: center; padding: 0.5rem 0 0; left: 50%; transform: translateX(-50%);}
.sec_event .paging span { border-radius: 8px}
.sec_event .paging span ~ span { margin-left: 0.25rem; }
.sec_event .paging .swiper-pagination-bullet-active { background-color: #373a3c; width: 1rem}

.sec_youtube { position: relative; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-radius: 0.5rem; padding: 13px 20px 10px 20px; background:#fff;}
.sec_youtube h2 { padding: 0.5rem 0 1.3rem;}
.sec_youtube .paging { text-align: center; padding: 0.5rem 0 0; left: 50%; transform: translateX(-50%);}
.sec_youtube .paging span { border-radius: 8px}
.sec_youtube .paging span ~ span { margin-left: 0.25rem; }
.sec_youtube .paging .swiper-pagination-bullet-active { background-color: #373a3c; width: 1rem}

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


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

.tab_type1 { border-top: 0px solid #4d4843; margin-bottom: 3.15rem}
.tab_type1 > li { flex: 1; position: relative; border: 1px solid #ddd; text-align: center; transition: all .3s;background: #fff;}
.tab_type1 > li:hover,.tab_type1 > li.on { border-color: #fff; z-index: 1; background:#1186bd }
.tab_type1 > li:hover *, .tab_type1 > li.on * { color: #fff}
.tab_type1 > li ~ li {  margin-left: -1px;}
.tab_type1 > li * { display: block; width:100%; line-height: 2.9rem; font-size:0.8rem; color: #222222; font-family: 'Noto sans KR',sans-serif; text-align: center;}
.tab_type1.type2 { border-top:none }
.tab_type1.type2 > li * { line-height: 2.2rem; font-size: 0.75rem}
.location { margin-bottom: 1.8rem; background: #1186bd; font-size: 0.7rem; font-family: 'Noto Sans KR',sans-serif;  padding: 5px 0px;}
.location a { display: inline-block;line-height: 1.8rem; color: #fff;  vertical-align: middle;}
.location ol li { float: left}
.location ol li ~ li:before { content: ""; display: inline-block; margin-right: 8px; margin-left: 10px; margin-top: 1px;  width: 5px; height: 11px; background: url(../images/ico_arr_right_loca.png) no-repeat center /100% 100%; vertical-align: middle;}
.location ol li:first-child a:before {vertical-align: top;
    padding-top: 25px; width: 13px; height: 11px; 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 1.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:#1186bd }
.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 > * { height: 100%; width: 100%; background: none; box-sizing: border-box;}
.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;  box-sizing: border-box;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
    padding: 50px;
    border-radius: 30px}
.sec_reg button { font-family: 'Noto Sans KR',sans-serif;}
.sec_reg .wrap_title { margin-bottom: 1.5rem; border-bottom: 2px solid #000; padding: 2.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; text-decoration: underline; 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: #0097c4; color: #fff; border-radius: 0.2rem; box-sizing: border-box;}
.btn_gray_1 { background: #1186bd; color: #fff; border-radius: 0.2rem; box-sizing: border-box;}
.list_reg .btn_gray { margin-left: 0.3rem; width: 6rem; height:2.4rem;  font-family: 'Noto Sans KR',sans-serif}
.list_reg .btn_gray_1 {  width: 10rem; height:2.4rem;  font-family: 'Noto Sans KR',sans-serif}


.btn_navy { color: #fff; background: #0097c4}
.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: 3.5rem 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: 2.5rem}
.sec_reg.write .list_reg > li > label > span:after,
.popup.mileage .list_reg > li > label > span:after,
.list_reg > li.required > label > span:after
 { content: "*"; display: inline-block; color: #f00;}
.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: 3.75rem 0 4.5rem}
.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: #908978; color: #fff; border-radius: 0.3rem; font-size: 0.9rem; }
.sec_app .list_bul { padding: 1.25rem 0 0; letter-spacing: -0.025em}


.sec_pay_guide { max-width:29.25rem; padding: 2.3rem 2rem; width: 29.25rem; box-sizing: border-box; font-family: 'Noto Sans KR',sans-serif;}
.sec_pay_guide h2 { font-size: 1.25rem}
.sec_pay_guide .txt_type1 { font-size: 0.75rem; color: #999}
.sec_pay_guide .list_qr { padding: 2rem 0 3rem}
.sec_pay_guide .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_pay_guide .list_qr > li > p { padding: 1rem 0 0; font-weight: 600; letter-spacing: -0.025em}
.sec_pay_guide .bx_sendurl { margin: 1.5rem 0 0}
.sec_pay_guide .bx_sendurl { padding: 0 1.5rem; height:3.5rem; background: #f5f5f5; border-radius: 0.2rem; overflow: hidden; box-sizing: border-box;}
.sec_pay_guide .bx_sendurl input { height: 100%; background: none; font-size: 0.8rem}
.sec_pay_guide .bx_sendurl button { padding: 0 1.2rem; height: 2rem; line-height: 2.2rem; background: #908978; color: #fff; border-radius: 0.3rem; font-size: 0.9rem; }
.sec_pay_guide .list_bul { padding: 1.25rem 0 0; letter-spacing: -0.025em}


/* 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: #0097c4 ;}
.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; font-size:16px; font-weight:500;}
.nav_mypage { padding:1.8rem 18% 3rem 8.7%; border-top: none; letter-spacing: -0.05em; box-sizing: border-box; line-height: 1.87; font-size: 0.8rem;     background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-bottom-left-radius:0.5rem; border-bottom-right-radius:0.5rem;}
.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;}

.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 #fff; border-radius: 3px}

.sec_mypage .btm > div {margin-top:20px; padding-left: 5.15%; padding-top: 2rem ;  width: 49%; box-sizing: border-box; min-height: 9.9rem; background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
    border-radius: 0.5rem;}
.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: 34%}
.sec_mypage .btm .list_bul2 > li .btn { padding: 0.15rem 0.7rem 0.25rem; font-size: 0.6rem; border-radius: 0.2rem}

.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: var(--color_red); color: #fff}
.btn_moon { background: var(--color_red); color: #fff}
.btn_blue_1 { background: var(--color_blue_1); 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 #ddd; border-bottom:1px solid #ddd;}
.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; background: #fff;}
.list_search .list_sel > li:hover * { background:#0097c4; color: #fff}
.list_search .list_sel > li .on { background:#0097c4; color: #fff}





.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;background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1); border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;}
.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 {text-align:right; background: #8f7b6829; width: 25%; height:100%; line-height: 4.4rem;  color: #373b46; font-family: 'GmarketSans'; font-size: 1.25rem}
.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 3.75rem 0 1.6rem; display: flex; justify-content: flex-end; align-items: center; width: 77%; background: #8f7b6829;}
.list_charge > li ul { font-size: 0.9rem; color:#676767 }
.list_charge > li ul li { display: inline-block; padding-right: 1.25rem}
.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 a,

.btn_pay { display:block; width:9.2rem; background-color: #f28e00; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size:0.9rem; border-radius: 0.25rem; text-align: center;}
.btn_cart { display:block; width:9.2rem; background-color: #f28e00; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size:0.9rem; border-radius: 0.25rem; text-align: center;}

.list_charge > li a,
.btn_order_pay { display:block; width:7.2rem; background-color: #f28e00; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size:0.9rem; 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 .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 .btn_pay { margin: 1.35rem auto 0}
.popup.charge .btn_order_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-left: 22px;}
.popup.charge .list_bul > li * { vertical-align: bottom;}
.popup.charge .list_bul > li:before { background: none; content: "*"; width: inherit; height: inherit; line-height:10px; margin-left:10px;}
.popup.charge .list_bul > li span { vertical-align: sub; }
.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: 15vh}

/* mynumber.html */
.sec_mynumber .bx_gray { padding: 1rem; }
.sec_mynumber .bx_gray .list_bul > li { line-height: 1.8rem}
.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 11rem; width: 13.5rem}
.sec_write .list_reg.type2 .bx_input { width: 240px}
.sec_write .list_file > li { margin: 0 0 10px}
.sec_write .list_file > li .btn_file { display: inline-block; padding:  0.38rem 0.5rem; background: #000; color: #fff; border-radius: 0.25rem; font-size: 0.7rem}
.sec_write .list_file > li .fileName { color: #666}

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

/* delete.html */
.sec_delete { font-size:  .7rem; }
.sec_delete .bx_gray { padding: 2.25rem 3rem ; margin: 2.25rem 0 1.65rem; font-size: 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: 1.75rem;  overflow: hidden; letter-spacing: -0.055em; border-radius: 10px;  box-sizing: border-box;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
}}
.sec_info > .bx_gray .txt_type1 { font-size: 1.1rem}
.sec_info > .bx_gray > ul { padding:1.5rem 0;  color: #313131}
.sec_info > .bx_gray > ul > li { width: 33.333%; box-sizing: border-box; line-height: 1.38; height:100px;}
.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 0.9rem; color: #4d4843; font-size:1.1rem; font-weight:600; }
.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.9rem; height:1.9rem; 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_game { padding: 3.5rem 0 3.4rem; background: #1b1b1b; color: #fff ; font-family: 'Noto Sans KR', 'sans-serif';}
.sec_game * { color: #fff}
.sec_game .choice.left { width: 62.9%; }
.sec_game .pay.right { padding: 1.1rem 1rem 0; width: 35.5%; height: auto; background: #333; border-radius: 1rem; box-sizing: border-box; letter-spacing: -0.075em; padding-bottom:30px;}
.sec_game .choice .title { font-size: 0.95rem}
.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: 1.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 span.pointNum {display:block; line-height:0.75rem; font-size: 0.75rem !important; letter-spacing:0; font-family: 'Noto Sans KR', 'sans-serif'; font-weight: 400;}

.sec_game .choice .step0 .list_btn_1 > li { width: 49%}
.sec_game .choice .list_btn_1 > li { border: 1px solid #8f7b68; border-radius: 0.25rem; overflow: hidden;}
.sec_game .choice .list_btn_1 > li > * { display: block; width: 100%; height: 3rem; line-height: 1.2rem; background: transparent; font-size: 0.9rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'GmarketSans'}
.sec_game .choice .list_btn_1 > li > *:hover { background: #26211b;}

.sec_game .choice .step0 .list_btn_2 > li { width: 49%}
.sec_game .choice .list_btn_2 > li { border: 1px solid #8f7b68; border-radius: 0.25rem; overflow: hidden;}
.sec_game .choice .list_btn_2 > li > * { display: block; width: 100%; height: 3rem; line-height: 1.2rem; background: transparent; font-size: 0.9rem; font-weight: bold; letter-spacing: -0.075em; transition: all .3s; font-family: 'GmarketSans'}
.sec_game .choice .list_btn_2 > li > *:hover { background: #26211b;}


.sec_game .choice .step1 .list_btn > li { width: 18.5%}
.sec_game .choice .step2 .list_btn { width: 80%}
.sec_game .choice .step2 .list_btn > li { width: 32%}
.sec_game .choice .step3 { float: left; width: 61.2%}
.sec_game .choice .step4 { float: right; width: 37%}
.bx_balls { box-sizing: border-box; border: 1px solid; border: 1px solid #535353; border-radius: 0.5rem; overflow: hidden; height: 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(9n){ margin-right: 0;}
.sec_game .step4 .list_num > li:nth-child(5n){ margin-right: 0;}

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

.sec_game .pay .top { padding: 0.7rem 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.65rem; 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: #8f7b68;}
.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% }
.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; padding-left: 11px;    padding-right: 5px; }
.sec_game .list_game .list_num > li { margin-bottom: 0.25rem; width: 1.6rem; height: 1.6rem; line-height: 1.5rem}
.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: 4.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: 3.5rem; font-size: 1.25rem; }
.sec_game .btn_cart { width: 100%; height: 3rem; line-height: 3.2rem; font-size: 1rem; }
.sec_game .step4 .bx_red { display: block; width:100%; height:130px; background: #ff0000; color: #fff; font-size: 0.9rem; line-height: 1.25; text-align:left;}
.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: 2.3rem; height: 2.3rem; background: url(/common/images/ico_list.png) no-repeat center /100% 100%; }

.sec_game .step4 .bx_blue { display: block; width:100%; height:130px; background: #008ecb; color: #fff; font-size: 0.9rem; line-height: 1.25; text-align:left;}
.sec_game .step4 .bx_brown { display: block; width:100%; height:130px; background: #f00; color: #fff; font-size: 0.9rem; line-height: 1.25; text-align:left;}
.sec_game .step4 .bx_brown.ht { height:80px !important;}
.sec_game .step4 .bx_brown .add_before:before { margin-right: 1rem; content: ""; display: inline-block; width: 2.3rem; height: 2.3rem; background: url(/common/images/ico_list.png) no-repeat center /100% 100%; }

.sec_game .step4 .bx_blue.ht { height:80px !important;}
.sec_game .step4 .bx_blue .add_before:before { margin-right: 1rem; content: ""; display: inline-block; width: 2.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 #8f7b68;  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;}
.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: 1rem}
.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: #1186bd ; color: #fff; border-color: #1186bd}
.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: #1186bd; 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: #1186bd}
.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: 2.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: 55%;  }
.intro .bx_descript > .left img { width: 100%}
.intro .bx_descript > .right { padding: 0rem 1.5rem 0rem 2.15rem; width: 45%; box-sizing: border-box; color: #222 ; line-height: 1; font-size:18px; top:0px;}
.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: 0rem 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_blue_1 { display: block; width:100%;  line-height: 3.5rem; font-size: 1.2rem; text-align: center; border-radius: 0.2rem}
.intro .bx_descript .btn_red { display: block; width:100%;  line-height: 3.5rem; font-size: 1.2rem; text-align: center; border-radius: 0.2rem}

/*구매대행*/
.intro .bx_service_01 { margin-bottom: 2.2rem; display:flex; align-items: flex-start;}
.intro .bx_service_01 > .left { width: 48%; box-sizing: border-box; color: #222 ; line-height: 1; font-size:18px; margin-right:4%; }
.intro .bx_service_01 > .left img { width: 100%; border-radius:10px;margin-bottom:20px; }
.intro .bx_service_01 > .right img { width: 100%; border-radius:10px;margin-bottom:20px;}
.intro .bx_service_01 > .right { width: 48%;  box-sizing: border-box; color: #222 ; line-height: 1; font-size:18px;}
.intro .bx_service_01 .title { font-size: 0.9rem; font-size: 500}
.intro .bx_service_01 p.txt {
	font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.2rem;
    color: #666;
    letter-spacing: -0.5px;
}
.intro .bx_service_01 .point { padding: 0 0 0.85rem}
.intro .bx_service_01 .point > p { padding: 1.4rem 0 0.5rem}
.intro .bx_service_01 ol { padding: 0.9rem 0 1.4rem; line-height: 1.5; font-size:14px;}
.intro .bx_service_01 .nation { padding: 0.85rem 0 1.5rem }
.intro .bx_service_01 .nation > li ~ li { margin-top: 5px}
.intro .bx_service_01 .nation .add_before:before { border: 1px solid #000; border-radius: 3px}
.intro .bx_service_01 .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}
.intro .bx_service_01 .btn_blue_1 { display: block; margin: 0 auto; width:62.5%;  line-height: 2.5rem; font-size: 0.8rem; text-align: center; border-radius: 2.5rem}


/*구매대행-01*/
.intro .bx_service_02 { margin-bottom: 2.2rem; display:flex; align-items: flex-start;}
.intro .bx_service_02 > .left { width: 30%; box-sizing: border-box; color: #222 ; line-height: 1; font-size:18px; margin-right:4%; }
.intro .bx_service_02 > .left img { width: 100%; border-radius:10px;margin-bottom:20px; }
.intro .bx_service_02 > .right img { width: 100%; border-radius:10px;margin-bottom:20px;}
.intro .bx_service_02 > .right { width: 70%;  box-sizing: border-box; color: #222 ; line-height: 1; font-size:18px;}
.intro .bx_service_02 .title { font-size: 0.9rem; font-size: 500}
.intro .bx_service_02 p.txt {
	font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4rem;
    color: #666;
    letter-spacing: -0.5px;
}}
.intro .bx_service_02 .point { padding: 0 0 0.85rem}
.intro .bx_service_02 .point > p { padding: 1.4rem 0 0.5rem}
.intro .bx_service_02 ol { padding: 0.9rem 0 1.4rem; line-height: 1.5; font-size:14px;}
.intro .bx_service_02 .nation { padding: 0.85rem 0 1.5rem }
.intro .bx_service_02 .nation > li ~ li { margin-top: 5px}
.intro .bx_service_02 .nation .add_before:before { border: 1px solid #000; border-radius: 3px}
.intro .bx_service_02 .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}


.tb_level { margin: 0.85rem 0 1.9rem; border: 1px solid #dcdcdc; }
.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_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:3.75rem}
.sec_service.purchase .tb_level { margin: 0}
.sec_service.purchase .wrap_board > div .list > li > p { padding: 2.1rem 0 0.95rem}

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



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

#ipnt { background-color:#fff; width:30%; height:30px; border-radius:5px; text-align:right;}



.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: 32.5%; 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: right; width: 37%}
.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: 1.4rem}
.lucky_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;cursor: pointer;}
.lucky_game .list_num > li { margin-right: 5px;  margin-bottom: 6px; width: 2rem; height: 2rem;  line-height: 2rem;}
.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.7rem; height: 1.7rem; line-height: 1.8rem}
.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;}


/*쿠폰*/
.coupon-item {
    position: relative;
    box-sizing: border-box;
    padding: 28px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ededed;
    box-shadow: 0 2px 12px 0 #ededed;
    border-radius: 10px;
    width:24.1%;
    float:left;
    letter-spacing:-2px;
    margin-top:15px;
}

.coupon-item__valuation-number {
    font-size: 35px;
    font-weight:600;
font-family: 'GmarketSans';
}

.coupon-item .btn_buy a{
    display: block;
    width: 11.5rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.15rem;
    font-size: 0.9rem;
    font-weight: 500;
    text-align:center;
    letter-spacing: -0.075em;
}

.coupon-item__info-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.coupon-item__title {
    font-size: 11px;
    margin-bottom: 2px;
    cursor: pointer;
    font-weight: 700;
    color: #000;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coupon-item__valuation {
    margin: 10px 0;
}

.coupon-item__due-date {
    margin-top: 3px;
}
.coupon-item__title {
    font-size: 23px;
    height: 35px;
    line-height: 28px;
    min-height:55px;
}
.coupon-item__info {
    height: 60px;

}
.coupon-item__due-date {
    margin-top: 3px;
}

.coupon-item__due-date, .coupon-item__explain, .coupon-item__minimum-payment, .coupon-item__publish-limit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    color: #757575;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: 1.38;
}

.black_bg{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 80%);
	z-index: 100001;
	text-align: center;
	display:none;
}



@media (min-width: 1024px)
.coupon-item {
    margin: 20px 0 10px;
    padding: 35px 20px 20px;
}

.coupon-item__due-date, .coupon-item__explain, .coupon-item__minimum-payment, .coupon-item__publish-limit {
    font-size: 13px;
}
.coupon-item__valuation {
    margin: 16px 0;
}

.check_box {-webkit-appearance: auto;appearance: auto;}
.chkButtonBg {background: #f00 !important;}
.btn_buy_btn{display: block;margin-left: 0.5rem;font-size: 0.75rem;width: 3.5rem;text-align: center;border-radius: 0.25rem;line-height: 1.8rem;}
.cash_view{background-color: gray; font-size: 24px; padding: 28px 0px;border-radius: 0.5rem;color: #333;width: 49%;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);margin-bottom: 20px;}
.cash_view span{color: #333; font-size:19px; line-height:1.8rem;   }
.cash_view span.txt{color: #1186bd; font-size:22px; font-weight:600; font-family: 'GmarketSans', sans-serif !important; }