@charset "utf-8";
@import url("default.css");
@import url("layout.css");

/* buttons */
[class*='btn_'] {display:inline-block; height:40px; font-weight:500; font-size:13px; padding:0 20px; letter-spacing:0; text-align:center; vertical-align:middle; box-sizing:border-box; border:1px solid}
[class*='btn_'] span {display:inline-block; line-height:38px}
[class*='btn_'].large {height:43px; font-size:15px}
[class*='btn_'].large span {line-height:41px}
[class*='btn_'].medium {height:37px; padding:0 10px; font-size:14px}
[class*='btn_'].medium span {line-height:35px}
[class*='btn_'].xsmall {padding:0 10px; height:27px; font-weight:400; font-size:10px}
[class*='btn_'].xsmall span {line-height:25px}
[class*='btn_'].more {width:165px}
[class*='btn_'].full {width:100%}



.gnb {position:relative;padding-top:64px;box-shadow: 0px 4px 10px 0px #a8aaaa;}
.gnb.noSub  {box-shadow: 0px 4px 10px 0px #000;}
.menuWrap {}
.menuWrap:after {content:""; display:block; clear:both;border-bottom:solid 1px #777}
.menuWrap li {float:left; width:25%; height:50px; box-sizing:border-box}
.menuWrap li ~ li a {border-left:1px solid #333}
.menuWrap li.on + li a,
.menuWrap li + li.on a {border-left:none}
.menuWrap li a {display:block; height:50px;line-height:50px; text-align:center;background:#777;color:#FFF; font-size:18px;box-sizing:border-box}
.menuWrap li.on a {background:#e7f1f7;color:#000;font-weight:600}

.section_main {background:#11547c }
.section_main .lottery_section {padding:0px 10px 0}
.section_main .lottery_section .logo {text-align:center;padding:100px 0px 20px}
.section_main .lottery_section .logo img {width:220px;}
.section_main .lottoList {margin:0px auto;width:300px}
.section_main .lottoList li {float:left;width:33.3%;padding:8px 8px}
.section_main .lottoList li a {display:block;text-align:center;background:#f2f2f2;border:dotted #007bc3;border-radius:20px;min-height:75px;line-height:75px;box-shadow:#273c87 0px 0px 20px 2px}
.section_main .lottoList li a > img {width:70%}
.section_main .lottoList:after {content:""; display:block; clear:both;}
.section_main .info {display:block;padding:15px 0px 15px;color:#FFF;font-size:16px;line-height:1.5;text-align:center}
/* lotto */
.section_lotto {background:#2e2f43;}
.section_lotto.bg {background:#2e2f43 url('../images/money.jpg') 50% 160px no-repeat; background-size: 350px}
.section_lotto .lottery_section .tabBg {display:block;height:47px;background:#f2f2f2; box-sizing:border-box}
.section_lotto .lottery_section .tab_info {border-bottom:solid 1px #333}
.section_lotto .lottery_section .tab_info:after {content:""; display:block; clear:both}
.section_lotto .lottery_section .tab_info li {float:left; width:20%; height:47px; box-sizing:border-box}
.section_lotto .lottery_section .tab_info li ~ li a {}
.section_lotto .lottery_section .tab_info li.on + li a,
.section_lotto .lottery_section .tab_info li + li.on a {border-left:none}
.section_lotto .lottery_section .tab_info li a {display:block; line-height:47px; text-align:center; color:#000; font-size:18px;box-sizing:border-box}
.section_lotto .lottery_section .tab_info li.on a {color:#FF0000;font-weight:600}
.section_lotto .lottery_section .tab_info.tab4 li {width:25%}
.section_lotto .lotteryCont {text-align:center;padding:50px 10px 0px;} 
.section_lotto .lotteryCont.swer {text-align:center;padding:80px 10px 0px;} 
.section_lotto .lotteryCont.ez2 {text-align:center;padding:80px 10px 0px;} 
.section_lotto .lotteryCont .lt_group .section_title {font-size:20px;color:#000;text-shadow:#f3f3f3 2px 2px 2px;margin-bottom:40px}
.section_lotto .lotteryCont .lt_group .section_title > h2 > img {width:90px}
.section_lotto .lotteryCont .lt_group h3 {padding:11px 0px 20px; font-weight:400; font-size:13px; color:#333; letter-spacing:0}
.section_lotto .lotteryCont .lt_group h3 > span {margin-left:6px; font-weight:400; color:#888}

.section_lotto .lotteryCont .lt_group .default {height:60px}
.section_lotto .lotteryCont .lt_group .default .num {display:inline-block; width:45px; height:45px; line-height:50px;margin:0px 1px; font-weight:600; font-size:22px; color:#000; 
	background:#FFF;border:solid 2px #000;letter-spacing:-0.025em; text-align:center; border-radius:100%;box-shadow:#82d7db 1px 0px 10px 2px}
.section_lotto .lotteryCont .lt_group #prizeresult  {display:none;height:60px}
.section_lotto .lotteryCont .lt_group #prizeresult .num {
	display:inline-block; width:45px; height:45px; line-height:50px; margin:0px 3px;font-weight:600; font-size:22px; color:#fff; background:#1994da ;
	border:solid 2px #f2f2f2;letter-spacing:-0.01em; text-align:center; border-radius:100%;box-shadow:inset #255c7c -7px -5px 8px;
}

.section_lotto .lotteryCont.swer .lt_group .default .num,
.section_lotto .lotteryCont.ez2 .lt_group .default .num {margin:0px 7px;}
.section_lotto .lotteryCont.swer .lt_group #prizeresult .num {margin:0px 7px;background:#d133ed;box-shadow:inset #7a3487 -7px -5px 8px;}
.section_lotto .lotteryCont.ez2 .lt_group #prizeresult .num {	margin:0px 7px;background:#5bb544;box-shadow:inset #2f781c -7px -5px 8px;}

.section_lotto .lotteryCont .lt_group .default .num.extra {display:none}
.section_lotto .lotteryCont .lt_group .default.d6 .num.extra {display:inline-block}
  
 
.btnWrap {padding:50px 0 50px}
.funcBtn {display:inline-block;background:#FF0000;width:120px;padding:0px 0px;margin:0px 5px;line-height:40px;text-align:center;color:#FFF;font-size:20px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 15px 15px 15px 15px;}
.btnWrap em {display:block;font-size:15px;color:#FFF;text-shadow: 0 0 5px #000;line-height:1.5;text-align:center;margin-top:30px}

.savePop {display:none;position:absolute;top:250px;left:50%;margin-left:-150px;width:300px;padding:40px 20px 30px;background:#f2f2f2;border:solid 1px #000;box-shadow:#777 5px 5px 7px}
.savePop .closePop {position:absolute;top:0px;right:0px;width:50px; height:50px; line-height:0; color:transparent; text-indent:-9999em; background:url(../images/ico_close.png) 50% 50% no-repeat; background-size:17px auto}
.savePop .inner {text-align:center;font-size:20px;line-height:1.5}
.savePop .inner strong {color:#5bb544}
.savePop .closePop2 {display:block;background:#777;border-radius:10px;color:#FFF;padding:10px 10px;text-align:center;font-size:16px;margin-top:20px}
 
.saveList {padding:50px 30px 30px}
.saveList .title h2 {font-size:24px;color:#000;margin-bottom:30px}
.saveList strong {display:block;font-size:16px;display:block;color:#1994da;padding:15px 0px 15px;border-top:solid 1px #f0f0f0;cursor:pointer}
.saveList p {display:none;font-size:14px;font-weight:400;color:#888;line-height:1.5;padding-left:18px;margin-bottom:5px}
.saveList p > b {font-size:16px;font-weight:400;color:#666;}
.saveList p > b em {color:#FF0000}

.appInfo {padding:50px 30px 30px}
.appInfo .title h2 {font-size:24px;color:#000;margin-bottom:30px}
.appInfo p {font-size:18px;line-height:1.5}
.appInfo p a {color:#FF0000}
#mask{position:absolute; z-index:100; background-color:#000000;  left:0; top:0px}
#loadingImg {position:fixed;top:50%;left:50%;margin-left:-100px;margin-top:-100px;z-index:999}

@media all and (min-width: 375px) { 
	.section_main .lottoList {margin:0px auto;width:340px}
	.section_main .lottoList li a {min-height:90px;line-height:90px}
	.section_lotto .lotteryCont .lt_group .default .num {width:52px; height:52px;}
	.section_lotto .lotteryCont .lt_group #prizeresult .num {width:52px; height:52px}
}


@media all and (min-width: 400px) { 
	.section_main .lottery_section .logo {padding:120px 0px 20px}
}