@charset "utf-8";
.noticeBox{ overflow:hidden;background:#fff; border-bottom:1px solid #dee3eb; height:48px;}
.noticeBox .noticeswipe{}
.noticeBox .noticeswipe li {}
.noticeBox .noticeswipe li a{padding-left:62px; position:relative;line-height:48px;} 
.noticeBox .noticeswipe li a span.date{ padding-left:15px; font-size:13px; color:#999;}
.noticeBox .noticeswipe li a:before{
    background: #588cf1;
    font-size: 11px;
    content: 'NOTICE';
    top: -3px;
    left: 0;
    position: absolute;
    display: inline-block;
    line-height: 18px;
    padding: 3px 5px;
    color: #fff;
    letter-spacing: 0;
	border-radius:3px;
}
.mainWrap .content01 {}
.mainWrap .content01 > div{float:left;}
.mainWrap .content01 .leftBox {width:355px;}
.mainWrap .content01 .centerBox {width:455px;margin:0 10px;}
.mainWrap .content01 .rightBox {width:270px;}

.mainWrap .content01 .mainvisual {width:100%; display:inline-block; overflow:hidden;} 
h1.tit{font-size:15px; font-weight:600; color:#333; line-height:22px;}
h1.txtcenter{text-align:center;line-height:26px; margin-bottom:5px;}
h1.txtleft{text-align:left;line-height:26px; margin-bottom:5px;}
span.font_s{font-size:13px; font-weight:400; color:#999; }

.mainWrap .content01 > div > ul > li{border:1px solid #dee3eb; box-sizing:border-box;background:#fff; margin-bottom:10px; padding:8px 10px;}
.mainWrap .content01 .centerBox ul li:nth-of-type(1) {padding:0;}


.num_box a{display:inline-block;}
.num_box .num_prev{}
.num_box .num_next{}
.num_box .txtbox {padding:5px; text-align:center; background:#f2f4f7;line-height:28px;}
.num_box .txtbox span{font-weight:bold; font-size:16px;}
.num_box .ball_order{}
.num_box .ball_order dl {margin-top:10px; }
.num_box .ball_order dl dt{ float:left; padding:7px 7px 0;display:inline-block;}
.num_box .ball_order dl dd { position:relative;}
.num_box .ball_order dl dd .ball_box{ margin:0px 0; display:inline-block;}
.num_box .ball_order dl dd .ball_box .ball {margin:0px 3px;border-radius:50%; }

.ball_box {
	overflow: hidden;
	display:block;
	margin: 10px auto;
	
}
.ball_box .ball {
	width: 34px; height: 34px;
	display: inline-block;
	float: left;
	font-size: 0;
	text-indent: -99999em;
	line-height: 99999em;
	overflow: hidden;
	margin: 0 5px;
	
	background: url(/img/lotto_ball32.png) no-repeat;
	-webkit-background-size: 385px 190px;
	-moz-background-size: 385px 190px;
	-o-background-size: 385px 190px;
	background-size: 385px 190px;
}
.ball_box .ball.bonus {
	width: 8px;
	background: url(/img/lotto_ball.png) no-repeat;
	background-position: -288px -221px;
	-webkit-background-size: inherit;
	-moz-background-size: inherit;
	-o-background-size: inherit;
	background-size: inherit;
}
.ball_box .ball.num1 { background-position: 0 0; }
.ball_box .ball.num2 { background-position: -39px 0; }
.ball_box .ball.num3 { background-position: -78px 0; }
.ball_box .ball.num4 { background-position: -117px 0; }
.ball_box .ball.num5 { background-position: -156px 0; }
.ball_box .ball.num6 { background-position: -195px 0; }
.ball_box .ball.num7 { background-position: -234px 0; }
.ball_box .ball.num8 { background-position: -273px 0; }
.ball_box .ball.num9 { background-position: -312px 0; }
.ball_box .ball.num10 { background-position: -351px 0; }
.ball_box .ball.num11 { background-position: 0 -39px; }
.ball_box .ball.num12 { background-position: -39px -39px; }
.ball_box .ball.num13 { background-position: -78px -39px; }
.ball_box .ball.num14 { background-position: -117px -39px; }
.ball_box .ball.num15 { background-position: -156px -39px; }
.ball_box .ball.num16 { background-position: -195px -39px; }
.ball_box .ball.num17 { background-position: -234px -39px; }
.ball_box .ball.num18 { background-position: -273px -39px; }
.ball_box .ball.num19 { background-position: -312px -39px; }
.ball_box .ball.num20 { background-position: -351px -39px; }
.ball_box .ball.num21 { background-position: 0 -78px; }
.ball_box .ball.num22 { background-position: -39px -78px; }
.ball_box .ball.num23 { background-position: -78px -78px; }
.ball_box .ball.num24 { background-position: -117px -78px; }
.ball_box .ball.num25 { background-position: -156px -78px; }
.ball_box .ball.num26 { background-position: -195px -78px; }
.ball_box .ball.num27 { background-position: -234px -78px; }
.ball_box .ball.num28 { background-position: -273px -78px; }
.ball_box .ball.num29 { background-position: -312px -78px; }
.ball_box .ball.num30 { background-position: -351px -78px; }
.ball_box .ball.num31 { background-position: 0 -117px; }
.ball_box .ball.num32 { background-position: -39px -117px; }
.ball_box .ball.num33 { background-position: -78px -117px; }
.ball_box .ball.num34 { background-position: -117px -117px; }
.ball_box .ball.num35 { background-position: -156px -117px; }
.ball_box .ball.num36 { background-position: -195px -117px; }
.ball_box .ball.num37 { background-position: -234px -117px; }
.ball_box .ball.num38 { background-position: -273px -117px; }
.ball_box .ball.num39 { background-position: -312px -117px; }
.ball_box .ball.num40 { background-position: -351px -117px; }
.ball_box .ball.num41 { background-position: 0 -156px; }
.ball_box .ball.num42 { background-position: -39px -156px; }
.ball_box .ball.num43 { background-position: -78px -156px; }
.ball_box .ball.num44 { background-position: -117px -156px; }
.ball_box .ball.num45 { background-position: -156px -156px; }

.num_box .selectWrap_st1 {width:80px;}

.mainWrap .contentBox {display:inline-block;width:100%; border:1px solid #dee3eb; box-sizing:border-box;background:#fff; margin-bottom:10px; padding:10px; overflow:hidden; position:relative;}
/*.mainWrap .row3 h1.tit{position: relative; padding-left:12px;}
.mainWrap .row3 h1.tit:before{position:absolute; width:5px; height:15px; background:#d61c1b; top:4px; left:0; content:'';}*/
.mainWrap .row3 > div {float:left; width:33.333%; position:relative;}
.mainWrap .row3 > div:after{width:1px; height:206px; position:absolute; right:0;top:10px; background:rgba(222, 227, 235, 0.8); content:''; }
.mainWrap .row3 > div:nth-of-type(3):after {display:none;}
.mainWrap .row3 > div > ul > li {padding:5px 15px;}
.mainWrap .row3 > div > ul > li.lottovideo {padding:0 15px;}
.mainWrap .row3 > .rightBox > ul > li{padding-right:5px;}
.mainWrap .row3 .leftBox > ul > li {padding-left:5px;}

.mainWrap .row3 > div > ul > li .newsTop{padding:5px 0 0;}
.mainWrap .row3 > div > ul > li .newsTop dt{float: left; width: 20%; height: 65px; margin-right: 4%;margin-top: 10px;overflow:hidden; border:1px solid #e4e4e4;}
.mainWrap .row3 > div > ul > li .newsTop dt img {width:auto; height:100%; }
.mainWrap .row3 > div > ul > li .newsTop dd{float: left;width: 76%;}
.mainWrap .row3 > div > ul > li .newsTop dd:hover a, .mainWrap .row3 > div > ul > li .newsBtm li:hover a{text-decoration:underline;}
.mainWrap .row3 > div > ul > li .newsTop dd h4{white-space:nowrap; text-overflow: ellipsis; font-weight:600; overflow:hidden;}
.mainWrap .row3 > div > ul > li .newsTop dd p{ color:#777; margin:5px 0;height: 57px;line-height: 20px; overflow: hidden;text-overflow: ellipsis; white-space: normal;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.mainWrap .row3 > div > ul > li .newsBtm{}
.mainWrap .row3 > div > ul > li .newsBtm li{float:left; overflow:hidden;width:100%;}
.mainWrap .row3 > div > ul > li .newsBtm li a{position:relative;overflow:hidden; max-width:100%;display:inline-block;padding-left:10px; line-height:24px;white-space:nowrap; text-overflow: ellipsis; padding-right:20px;}
.mainWrap .row3 > div > ul > li .newsBtm li a:after{
	content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #15183a;
    border-radius: 50%;
}
.mainWrap .row3 > div > ul > li .newsBtm li a:before{
	content: '';
    position: absolute;
    top:6px;
    right: 0px;
    width: 14px;
    height: 13px;
    background: url(/img/newicon.png)no-repeat;color:#fff; border-radius:3px; 
}

.content05 { width:1100px; margin:0 auto; }
.content05 > div {float:left; width:360px;border:1px solid #dee3eb; box-sizing:border-box;position:relative;  background:#fff; margin-bottom:10px; height:155px; padding: 15px; border-top:1px solid #333;}
.content05 > div:nth-of-type(2) {margin:0 10px;}
.content05 > div:after {
    position: absolute;
    width: 40px;
    height: 40px;
    content: '';
    right:10px;
    top: 5px;
    border-radius: 50%;
}
.content05 .leftBox:after{background:url(/img/iconpack03.png)no-repeat center center #f2f4f7;}
.content05 .centerBox:after{background:url(/img/iconpack04.png)no-repeat center center #f2f4f7;}
.content05 .rightBox:after{background:url(/img/iconpack05.png)no-repeat center center #f2f4f7;}
.content05 ul.bankingList {margin-top:13px;}
.content05 ul li{line-height:27px;border-bottom:1px solid #eee;font-weight:600; }
.content05 ul li:last-child{border:none;}
.content05 ul li span{font-weight:400; width:90px;display:inline-block; color:#777; background:#f2f4f7; text-align:center;margin-right:15px; }
.centerBox .callIcon{font-weight:600; line-height:30px; font-size:24px; padding:5px 0 10px;}
.centerBox .callIcon i{ width:19px; height:19px; background:url(/_img/callicon.png)no-repeat center center; display:inline-block; margin:6px 5px 0 0;}
.centerBox .callIcon span.font_s {color:#888; margin-left:5px;}
.content05 .rightBox p{ padding: 10px 0;}
.content05 .rightBox a.consultBtn{    
	margin-top: 10px;
    display: inline-block;
    background: #d61c1b;
    padding: 8px 30px;
    color: #fff;
}

.content05 .leftBox:after{background:url(/img/iconpack03.png)no-repeat center center #f2f4f7;}
.content05 .centerBox:after{background:url(/img/iconpack04.png)no-repeat center center #f2f4f7;}
.content05 .rightBox:after{background:url(/img/iconpack05.png)no-repeat center center #f2f4f7;}
.content05 ul.bankingList {margin-top:13px;}
.content05 ul li{line-height:27px;border-bottom:1px solid #eee;font-weight:600; }
.content05 ul li:last-child{border:none;}
.content05 ul li span{font-weight:400; width:90px;display:inline-block; color:#777; background:#f2f4f7; text-align:center;margin-right:15px; }
.centerBox .callIcon{font-weight:600; line-height:30px; font-size:24px; padding:5px 0 10px;}
.centerBox .callIcon i{ width:19px; height:19px; background:url(/img/callicon.png)no-repeat center center; display:inline-block; margin:6px 5px 0 0;}
.centerBox .callIcon span.font_s {color:#888; margin-left:5px;}
.content05 .rightBox p{ padding: 10px 0;}
.content05 .rightBox a.consultBtn{    
	margin-top: 10px;
    display: inline-block;
    background: #d61c1b;
    padding: 8px 30px;
    color: #fff;
}
.mainWrap .listTable01 {text-align:center;}
.mainWrap .listTable01 thead th{
	background: #f2f4f7;
    font-weight: 400;
    padding: 3px 0;
    font-size: 13px;
	border-top:1px solid #333;
	border-bottom:1px solid #e4e4e4;
	color:#888;
}
.mainWrap .listTable01 tbody td{
    line-height: 25px;
    border-bottom: 1px solid #e4e4e4;
	font-size:14px;
}
#vticker:after{clear:both; content:'';display:block;}
.mainWrap .listTable01 .tbody li:after{clear:both; content:'';display:block;}
.mainWrap .listTable01 .tbody {overflow:hidden;}

.mainWrap .listTable01 .thead li{
	background: #f2f4f7;
    font-weight: 400;
    padding: 3px 0;
    font-size: 13px;
	border-top:1px solid #333;
	border-bottom:1px solid #e4e4e4;
	color:#888;
	float:left;

}

.mainWrap .listTable01 .tbody ul {width:100%; overflow:hidden;}
.mainWrap .listTable01 .tbody li{
    line-height: 29px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 13px;
	width:100%;
	float:left;
	overflow:hidden; background:#fff;
}
.mainWrap .listTable01 tbody li {line-height:26px !important;}
.mainWrap .listTable01 .tbody li > div {float:left;}
.w20 {width:20%;}
.w40 {width:40%;}

.listTable01 .tbody span{padding:0 3px; color:#fff; border-radius:3px; font-size:13px;}
.listTable01 .tbody span.nb1{background:#d61c1c;}
.listTable01 .tbody span.nb2{background:#1a54b8;}
.listTable01 .tbody span.nb3{background:#00b551;}
.listTable01 .tbody span.nb4{background:#ffb931;}

.mainWrap .rateBox{margin-top:12px;}
.mainWrap .rateBox li{ float:left; width:33%; text-align:center; position:relative;}
.mainWrap .rateBox li:after{position:absolute; left:0; top:0px; border-left:1px dashed rgba(222, 227, 235, 0.8); content:''; display:block; width:1px; height:123px;}
.mainWrap .rateBox li:nth-of-type(1):after {display:none;}
.mainWrap .rateBox li img {zoom:0.8}
.mainWrap .rateBox li h4{margin-top:5px; font-size:14px; font-weight:600; line-height:20px;}
.mainWrap .rateBox li p{font-size:12px; color:#888;}
.mainWrap a.moreView{border: 1px solid #e4e4e4;
    float: right;
    padding: 0px 10px;
    font-size: 12px;
    color: #999;
    height: 26px;
    line-height: 26px; box-sizing:border-box;}

.mainWrap .feeBox{background:url(/img/qnamainbg.png)no-repeat bottom right; height:90px; display:block; }
.mainWrap .feeBox dt{display:inline-block;}
.mainWrap .feeBox dt span.circle{width:35px; height:35px; display:block;border-radius:50%; margin-right:10px; margin-top:3px;}
.mainWrap .feeBox dd{display:inline-block; line-height:19px; }
.mainWrap .feeBox h4{font-weight:600; padding:5px 5px 3px; font-size:15px; line-height:23px;}
.mainWrap .feeBox p{font-size:12px; padding:0 5px; color:#999; line-height:17px;}
.mainWrap .feeBox:nth-of-type(1) dt span.circle {background:url(/img/iconpack01.png)no-repeat center #f2f4f7; }
.mainWrap .feeBox:nth-of-type(2) dt span.circle {background:url(/img/iconpack02.png)no-repeat center #f2f4f7;}
.videoWrap h1.tit{padding:5px 15px 0;}

.lottovideo .videoBox{ width:100%;overflow:hidden; box-sizing:border-box; position:relative;}
.lottovideo .videoBox .infotxt{position:absolute; bottom:10px; white-space:nowrap;padding:10px; background:rgba(0,0,0,0.8); color:#fff; height:40px; width:100%; text-overflow:ellipsis; overflow:hidden; }
.lottovideo .videoBox div{width:100%; height:135px;background: #ddd;margin: 0 auto 10px; position:relative;}
.content04 .lottovideo .videoBox div {height:180px; margin-top:10px;}
.lottovideo .videoBox div:after{content:'';background:url(/img/playbtn.png) no-repeat center; width:100%; height:100%; display:inline-block; background-color:rgba(2,2,2,0.4); position:absolute; top:0; left:0;}
.lottovideo .videoBox h2 .video_gold{background:url(/img/video_tit_2.png) no-repeat center center !important;}
.lottovideo .videoBox h2 span{width:143px; height:19px; background:url(/img/video_tit3.png) no-repeat; display:block; margin:0 auto 10px;}
.lottovideo .videoBox .videotxt{text-align:center; font-size:15px; font-weight:500; text-overflow:ellipsis; width:100%; overflow:hidden; white-space: nowrap;  }

.mainWrap .row3 > div .paperSlide{width:100%; display:inline-block; }

.mainWrap .row3 > div .paperWrap {margin-top:10px;}
.mainWrap .row3 > div .paperWrap .leftbox{width:30%; background:url(/img/mbg.png)no-repeat 57% center;float:left;height:180px; padding:20px;}
.mainWrap .row3 > div .paperWrap .leftbox p{ line-height:20px;font-weight:600; text-align:center; text-shadow: 1px 1px 1px rgba(0,0,0,.17);  color:#fff; font-size:16px;}
.mainWrap .row3 > div .paperWrap .leftbox h2.subtxt{
	font-size: 13px;
    line-height: 19px;
    margin-top: 10px;
    text-shadow: none;
    font-weight: 400;
	text-align:center;color:#fff;
}
.mainWrap .row3 > div .paperWrap .leftbox a{
	display: block;
    padding: 5px 0;
    color: #fff;
    font-size: 13px;
    text-align: center;
    width: 89px;
    margin: 15px auto 0;
    background: #d61c1c;
    border-radius: 3px;
}
.mainWrap .row3 > div .paperWrap .rightbox {width:70%;  float:right;padding:10px 10px;}
.mainWrap .row3 > div .paperSlide li { text-align:center;}
.mainWrap .row3 > div .paperSlide li img{width:85%;} 
.mainWrap .row3 > div .paperSlide li p {font-size:13px;line-height:17px; margin-top:5px;}
.loginbox{  margin-bottom:12px; position: relative}
.loginbox .loginbtn {position: absolute; height:40px; line-height: 40px; bottom:0; width:100%;}
.loginbox .loginbtn ul li {float:left;  text-align: center;border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;width:30%;}
.loginbox .loginbtn ul li a{display: block; font-size:13px; letter-spacing:-0.6px;}
.loginbox .loginbtn ul li:nth-of-type(3) {width:40%;}
.loginbox .loginbtn ul li:first-child a {font-weight:500; background:#dc2c35; color:#fff;margin-top:-1px;}
.loginbox .loginbtn ul li:nth-of-type(1){border-left:none;}



.mainWrap .column2 dl{padding:15px 0;}
.mainWrap .column2 dl.btmBox{border-top:1px solid #eee;}
.mainWrap .column2 dl dt{float:left; width:20%; height:60px; margin-right:4%;; text-align:center; color:#fff; padding-top:14px; line-height:16px; font-weight:600;}
.mainWrap .column2 dl:nth-of-type(1) dt {background:url(/img/mainiconbg.png)no-repeat}
.mainWrap .column2 dl:nth-of-type(2) dt {background:url(/img/mainiconbg2.png)no-repeat}

.mainWrap .column2 dl dd{float:left;width:76%; overflow:hidden;}
.mainWrap .column2 dl dd a{
    line-height: 22px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
	padding-left:8px; color:#666;font-size:14px;
}
.mainWrap .column2 dl dd a:hover{color:#d61c1b}
.mainWrap .column2 dl dd a:after{content: '';position: absolute;top: 10px;left: 0;width: 3px; height: 3px;background: #15183a;border-radius: 50%;}
.mainWrap .row3 > div .communityBox li a{line-height:27px; font-size:14px; padding-right:20px;color:#666; position: relative; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding-left:8px; display:inline-block; max-width:100%;}
.mainWrap .row3 > div .communityBox li a:after{content: '';position: absolute;top: 10px;left: 0;width: 3px; height: 3px;background: #15183a;border-radius: 50%;}
.mainWrap .row3 > div .communityBox li a:before{
	content: '';
    position: absolute;
    top: 8px;
    right: 0px;
    width: 14px;
    height: 13px;
    background: url(/img/newicon.png)no-repeat;
    color: #fff;
    border-radius: 3px;
}
.mainWrap .row3 > div .communityBox li a:hover{color:#d61c1b}


.mview_board {}
.mview_board .item_lst {width:100%;}
.mview_board .item_lst a {height:155px;}

.mview_board .item_lst a .infoWrap {background:#fff; padding:0 10px 10px; bottom:auto; top:10px;}
.mview_board .item_lst a .infoWrap .tit {white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis;}

/*event popup*/
/*�̺�Ʈ�˾�*/
#eventPopup {width:435px; height:493px; left:50%; margin-left:-185px; }
.popup_footer, .popup_footer2 {border: 1px solid #454545;border-top: none;background: #333;overflow: hidden;zoom: 1;height: 35px;line-height: 35px;padding: 0 15px; color:#fff; width:100%; float:left;}
.popup_footer .fr a, .popup_footer2 .fr a{color:#fff;}
.fl{float:left;}
.fr{float:right;}
#pop_today9 {position:relative;-webkit-appearance: checkbox !important; z-index:1;}
/**/

#eventPopup2 {width:435px; height:493px; left:50%; margin-left:-630px; }
#pop_today8 {position:relative;-webkit-appearance: checkbox !important; z-index:1;}