@charset "euc-kr";

#wrapper.wide{width:auto; min-width:1000px; max-width:2500px;}
.mid {
	margin-top: -20px;
}
.mid .mask{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	min-height: 50px;
}
.mask .img{	
	position: relative;
	left: -650px;
}

.visual{position:relative; background:#c9e2ef url(img/visual1_left_bg.png) repeat-x;}
.visual .mask{position:relative; z-index:2;}
.visual .right_bg{position:absolute; left:50%; top:0; width:50%; height:100%; background:#c9e2ef url(img/visual1_right_bg.png) repeat-x; z-index:1;}
.visual .section_top{position:relative; background:url(img/visual1.png) no-repeat; height:85px; width:1000px;}
.visual .section_top .left{position:relative;}
.visual .section_top .icon{position:absolute; left:26px; top:5px;}
.visual .section_top .left .month{position:absolute; left:84px; top:0; text-align:center; padding:10px 0 0; color:#69d8f8; font-size:36px; font-family:'malgun gothic'; width:108px;}
.visual .section_top .left .month strong{font-size:48px; vertical-align:bottom; line-height:1.2;}
.visual .section_top .right{position:absolute; left:224px; top:0;}
.visual .section_top .right ul{padding:18px 0 0 53px; overflow:hidden;}
.visual .section_top .right ul li{float:left; width:422px; color:#88e2ea; font-size:16px; font-family:'malgun gothic'; padding:0 0 7px;line-height:18px;}
.visual .section_top .right ul li span{color:#fff;}
.visual .section_top .right ul li:first-child + li{width:300px;}

.cont1{position:relative;}
.btnDiceArea{position:absolute; left:286px;; top:496px;}
.btnDice{position:relative; display:block; background:url(img/btn_dice.png) no-repeat; background-position:0 -133px; height:117px; width:419px;}
.btnDice.on{margin:2px 0 0; background-position:0 0;}
.btnDiceArea .v1{position:absolute; left:0; top:0; z-index:2;}
.btnDiceArea .v2{position:absolute; left:90px; top:10px; z-index:1; height:95px; width:327px; overflow:hidden; display:block; border-radius:5px;}
.btnDiceArea .v2:before{
		position: absolute;
		top: 0;
		left: -75%;
		z-index: 2;
		display: block;
		content: '';
		width: 50%;
		height: 100%;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
		-webkit-transform: skewX(-45deg);
		transform: skewX(-45deg);
}
.btnDiceArea .v2:hover:before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.start{position:absolute; left:14px; top:10px;}
.ball1{position:absolute; right:107px; top:179px;}


.myCount{position:absolute; left:471px; top:634px; width:201px;; height:77px; text-align:center; padding:15px 0 0; font-family:'malgun gothic';line-height:18px;}
.myCount .s1{display:inline-block; font-size:30px; color:#333; font-weight:bold; margin:0 2px 0 0;}
.myCount .s1 span{font-weight:bold; color:#f3594a;}
.myCount .s2{display:inline-block; font-size:22px; color:#333; font-weight:bold; border-left:1px solid #999;}
.myCount .s2 span{font-weight:bold; color:#f3594a; padding:0 0 0 8px; display:inline-block;}
.myCount .s3{display:block; font-size:14px; color:#999; margin:5px 0 0;}

.ball_my{position:absolute; left:0px; top:0px; z-index:10;}
.ball_my.step1{left:12px; top:-14px;}    /* Ãâ¹ß¼± */
.ball_my.step2{left:178px; top:-14px;}  /* È«Äá */
.ball_my.step3{left:342px; top:-14px;}  /* µµÄì */
.ball_my.step4{left:509px; top:-14px;}  /* ½Ãµå´Ï */
.ball_my.step5{left:672px; top:-14px;}  /* À̽ºÅººÒ */
.ball_my.step6{left:836px; top:-14px;}  /* ´º¿å */
.ball_my.step7{left:836px; top:150px;}  /* µ¨¸® */
.ball_my.step8{left:836px; top:319px;}  /* ºÏ°æ */
.ball_my.step9{left:836px; top:484px;}  /* ²Î */
.ball_my.step10{left:836px; top:644px;}  /* ·Î¸¶ */
.ball_my.step11{left:836px; top:812px;} /* ¹«Àεµ */
.ball_my.step12{left:672px; top:812px;} /* º£¸±¸° */
.ball_my.step13{left:509px; top:812px;} /* Æĸ® */
.ball_my.step14{left:342px; top:812px;} /* ·±´ø */
.ball_my.step15{left:178px; top:812px;} /* ²Î */
.ball_my.step16{left:12px; top:812px;}  /* ? */
.ball_my.step17{left:12px; top:644px;}  /* ¹æÄÛ */
.ball_my.step18{left:12px; top:484px;}  /* ²Î */
.ball_my.step19{left:12px; top:319px;}  /* ¼­¿ï */
.ball_my.step20{left:12px; top:150px;}  /* ¸¶µå¸®µå */

.cont4{position:relative; background:url(img/cont4.png) no-repeat center; height:378px;}
.cont4 .mask{height:100%;}
.cont4 .section_table{position:absolute; left:83px; top:145px; width:417px;}
.cont4 .section_table .tbl01{table-layout:fixed;}
.cont4 .section_table .sc{max-height:155px; overflow-y:scroll; border-bottom:1px solid #d2d2d2;}
.cont4 .tt th{border-bottom:1px solid #d2d2d2 !important}
.cont4 .sc .tbl01{border-top:none !important}
.cont4 .sc .tbl01 tr:first-child td{border-top:none !important}
.cont4 .section_table .sc::-webkit-scrollbar {width:15px;}
.cont4 .section_table .sc::-webkit-scrollbar-thumb {background: #5292e8;}
.cont4 .section_table .sc::-webkit-scrollbar-track-piece {background: #f0f0f0;}
.cont4 .tbl01 th, .cont4 .tbl01 td{color:#333 !important;}
.cont4 .tbl01 tbody td:first-child{font-weight:bold;}
.cont4 .tbl01 tbody td{word-wrap: break-word; word-break: break-all;}
.cont4 .tbl01 .red{color:#f3594a !important;}
.cont4 .tbl01 .blue{color:#4d8ed6 !important;}


.cont4 .count{left:569px; top:-6px;}
.cont4 .ranking{left:569px; top:99px;}
.cont4 .inpt{position:absolute; width:220px; height:60px; text-align:right; letter-spacing:-1px; font-weight:bold; padding:17px 11px 0 11px; color:#1964b8; font-size:28px; font-family:'malgun gothic';line-height:18px;}


/* layerPop */
.layerPop{position:absolute; left:0; top:0; width:662px; height:660px; z-index:9; font-family:'malgun gothic'; display:none;}
.layerPop .inner{position:relative; width:662px; height:660px; background:transparent; z-index:2;}
.layerPop .inner .box{position:absolute; background:#fff; border-radius:10px; border:3px solid #053f82; padding:35px 20px 21px; min-width:270px; color:#333; top:105px !important}
.layerPop .inner .top{overflow:hidden; text-align:center;}
.layerPop .inner .img_dice{display:inline-block; background:transparent url(img/sp_dice.png) no-repeat; width:75px; height:75px; text-indent:-9999em;}
.layerPop .inner .move{display:inline-block; vertical-align:top; padding:25px 0 0 15px; color:#333; font-size:24px; font-weight:bold;}
.layerPop .inner .mid{margin:20px 0 0; background:#fbfbfb; border:1px solid #e7e6e7; padding:30px 25px 20px; text-align:center; line-height:1.5; letter-spacing:-1px;}
.btn_center{text-align:center; display:inline-block; width:100%; margin:10px 0 0;}
.btnSp{display:inline-block; background:url(img/sp_btn.png) no-repeat; text-indent:-9999em;}
.btnSp.btnApp{width:70px; height:30px; margin:5px 0 0;}
.btnSp.btnO{background-position:-84px 0; width:70px; height:40px;}
.btnSp.btnX{background-position:-168px 0; width:70px; height:40px; margin:0 0 0 8px;}
.btnSp.btnClose{background-position:0 0;}



.dice_start{position:absolute; left:169px; top:169px; z-index:9;}
.dice_start .img_dice1{position:absolute; margin:300px 0 0 300px; z-index:2; background:transparent url(img/sp_dice.png) no-repeat; width:75px; height:75px; text-indent:-9999em; /*animation: walk 0.5s steps( 6, end ) infinite;*/

}
.shadow{
	position:absolute; left:0; top:0; z-index:1; border-radius:5px;
	background:#000;
	width:662px; height:660px;
	opacity: .75;
	-moz-opacity: .75;
	filter: alpha(opacity=75);
}
.layerPop .inner .img_dice.step1, .img_dice1.step1{background-position:0 0;}
.layerPop .inner .img_dice.step2, .img_dice1.step2{background-position:-75px 0;}
.layerPop .inner .img_dice.step3, .img_dice1.step3{background-position:-150px 0;}
.layerPop .inner .img_dice.step4, .img_dice1.step4{background-position:-225px 0;}
.layerPop .inner .img_dice.step5, .img_dice1.step5{background-position:-300px 0;}
.layerPop .inner .img_dice.step6, .img_dice1.step6{background-position:-375px 0;}
.s_line{line-height:1.3;}

.block{display:block;}
.black{color:#333;}
.blue{color:#1964b8;}
.red{color:#f3594a;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f30{font-size:30px;}
.f48{font-size:48px;}
.minH{min-height:50px;}


/* popup */
table.tbl02 tbody td {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
a.btnGrey{float:none;}
.tbl02{table-layout:fixed; border-top:none !important}
.tbl02.tcenter td{text-align:center;}
.popCont .tt{border:1px solid #d2d2d2 !important;t}
.popCont .tt th{border-bottom:1px solid #d2d2d2 !important}
.popCont .sc{overflow-y:scroll; border-bottom:1px solid #d2d2d2;}
.popCont .sc .tbl01{border-top:none !important}
.popCont .sc .tbl01 tr:first-child td{border-top:none !important}
.popCont .sc::-webkit-scrollbar {width:15px;}
.popCont .sc::-webkit-scrollbar-thumb {background: #5292e8;}
.popCont .sc::-webkit-scrollbar-track-piece {background: #f0f0f0;}
.popCont .tbl02 th, .popCont .tbl02 td{color:#333 !important;}
.popCont .tbl02 tbody tr:first-child td{border-top:none}
.popCont .tbl02 tbody td{word-wrap: break-word; word-break: break-all;}
.popCont table.tbl02 thead th{border:none !important}

.popCont .mySnsA *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popCont .mySnsA{background:#fbfbfb; border:1px solid #e7e6e7; text-align:center; width:100%;}
.popCont .mySnsA .inner{display:inline-block; background:url(img/mySns.png) no-repeat; width:358px; height:170px; position:relative;}
.popCont .mySnsA .inner .inputS{border:transparent; background:transparent; position:absolute; left:15px; top:69px; width:257px; height:30px; padding:0 10px;}
.popCont .mySnsA .inner .btnA{width:70px; height:30px; position:absolute; left:272px; top:69px; text-indent:-9999em; background:#fff; opacity:0; filter:alpha(opacity=0);}

.popCont .bouceBox *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.popCont .bouceBox{position:relative; background: url(img/img_bouseBoxBg.png) repeat-x top; text-align:center; width:100%;}
.popCont .bouceBox:after{position:absolute; content:""; left:0; top:40px; background:#e8e7e8; width:1px; height:157px;}
.popCont .bouceBox:before{position:absolute; content:""; right:0; top:40px; background:#e8e7e8; width:1px; height:157px;}
.popCont .bouceBox .inner{display:inline-block; background:url(img/img_bouseBox.png) no-repeat; width:358px; height:197px; position:relative;}
.popCont .bouceBox .inner .inputS{position:absolute; left:134px; top:62px; width:87px; height:20px; padding:0 10px; text-align:right; color:#f3594a; font-weight:bold;}
.popCont .bouceBox .inner .selectB{position:absolute; left:134px; top:100px; width:130px; border:1px solid #dadada;}
.popCont .bouceBox .inner .desc{position:absolute; left:0; top:142px; width:100%;}
.popCont .bouceBox .inner .top{position:absolute; left:0; top:0px; width:100%; overflow:hidden;}
.popCont .bouceBox .inner .top div{float:left;}
.popCont .bouceBox .inner .top div label{display:block; background:url(img/img_bouseBox_sp.png) no-repeat; width:109px; height:19px; cursor:pointer; text-indent:-98999em;}
.popCont .bouceBox .inner .top div input{display:none}
.popCont .bouceBox .inner .top div:first-child{margin:0 0 0 61px;}
.popCont .bouceBox .inner .top div:first-child + div{margin:0 0 0 56px;}
.popCont .bouceBox .inner .top div:first-child + div label{background-position:-165px 0;}
.popCont .bouceBox .inner .top div:first-child input:checked + label{background-position:0 -81px;}
.popCont .bouceBox .inner .top div:first-child + div input:checked + label{background-position:-165px -81px;}


.contents{background:#c9e2ef;}


.cont1 .mask2{width:1000px; margin:0 auto; position:Relative;}


html.mobile #wrapper.wide{zoom:1.2; width:1000px;}
/*
html.mobile #wrapper.wide{ width:1000px;}
html.mobile .boxReply3{zoom:2.5;}
html.mobile .replyList{zoom:1;}
html.mobile .pagination{zoom:0.7;}
html.mobile .boxReply3 .writeTop .ipBox .txtInput{width:100%;}
html.mobile .boxReply3 .writeTop .ipBox .bytes{display:none}
html.mobile .boxReply3 .writeTop .inTop{padding:10px;}
html.mobile .boxReply3 .writeTop .ipBox .txtInput{font-size:12px;}
html.mobile .boxReply3 .writeTop .ipBox .txtInput::-webkit-input-placeholder{font-size:12px;}
html.mobile .boxReply3 .writeTop .ipBox .txtInput:-ms-input-placeholder{font-size:12px;}
*/