@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin:0;padding:0; font-family: 'Noto Sans KR', sans-serif;}
.cp {cursor:pointer;}
body {-webkit-text-size-adjust: 100%;}
img {border:none}
ul,li{ list-style:none;}
input{text-align:center;}
a { color:#000; text-decoration:none;}
@media all and (min-width: 851px) {

.btg4  {background-color: #5ad083; border:1px solid #5ad083; color: #ffffff;}
.btg4:hover{border-color:#97ecb4;background-color:#97ecb4;color:#fff;}
.btg5  {background-color: #fe7e00; border:1px solid #fe7e00; color: #ffffff;}
.btg5:hover{border-color:#288cf0;background-color:#288cf0;color:#fff;}


.btn2_1{width:100%; padding:15px; margin-top:10px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_2{width:100%; padding:15px; margin-top:10px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;}
.btn2_3{width:100%; padding:5px; margin-top:2px; box-sizing: border-box; font-size:0.8em;  text-align: center; display:inline-block; vertical-align: top;}
.btn2_4{width:49%; padding:15px; margin-top:10px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_5{/* width:230px; */ height:64px; font-size:23px; letter-spacing:-1px; line-height:2.5; padding:1px; padding-left:14px; padding-right:14px; box-sizing: border-box; text-align: center; display:inline-block; vertical-align: top;cursor:pointer;border-radius: 0px;}
.btn2_6{width:100%; padding:11px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_7{float:left;  width:120px; height:25px; border-radius:2px; line-height:22px;margin:5px; margin-bottom:5px;}
.btn2_8{width:50%; height:25px; border-radius:2px; line-height:22px;margin:5px; margin-bottom:5px; text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_9{width:230px; height:64px; font-size:23px; line-height:2.5; padding:1px; box-sizing: border-box; text-align: center; display:inline-block; vertical-align: top;cursor:pointer;border-radius: 7px;}





.input_a{ padding:15px; height:30px; text-align:center; width:430px; font-size:20px; color:#000; border-radius: 7px;}
.input_b{ padding:15px; height:30px; text-align:center; width:100%; font-size:20px; color:#000; border-radius: 0px;}
.input_c{padding:15px; height:20px; text-align:left; width:30px; font-size:24px; color:#000; border-radius: 7px;}

#floatdiv {position:fixed; _position:absolute; _z-index:-1; width:280px;display:inline-block;right:-70px; top:0%; background-color: transparent; margin:0;}
#wrap {width:100%; margin:0 auto; }
#wrap .cont1{position:relative; background:#3536d4; no-repeat; background-repeat: no-repeat;background-position: 50% 0%; height:auto; overflow:hidden;}
#wrap .cont1 img{display:block; margin:0 auto;}

#wrap .cont1 .title{
	position:absolute;
	left:50%;
	top:10%;
	transform:translate(-50%,-10%);
	
	/* margin-top:50px; */
}

#wrap .cont1 .title p{
	text-align:center;
}

#wrap .cont1 .title .date{
width:200px;
margin:0 auto;
height:40px;
line-height:40px;
background:#f52b72;
border-radius:20px;
margin-bottom:20px;
}

#wrap .cont1 .title .date p{
font-size:30px; line-height:40px; color:#fff; font-weight:bold;
}

#wrap .cont1 .title .circle{
font-size:80px; line-height:90px; color:#fff; font-weight:bold; margin-bottom:20px; margin-top:10px;
}

/* #wrap .cont1 .title .text01{
margin-top:20px; font-size:20px; line-height:30px; color:#000;
} */

#wrap .cont1 .title .text02{
font-size:30px; line-height:40px; color:#eef04d; margin-bottom:20px;
}


#wrap .cont1 .ball{
	width:700px;
	margin:0 auto;
	height:150px;
	background:#fff;
	border-radius:20px;
	
	position:absolute;
	left:50%;
	top:85%;
	transform:translate(-50%,-85%);	
}

#wrap .cont1 .ball img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);	
}


#wrap .cont5 .time{
	position:relative;
}

#wrap .cont5 .time p{
	position:absolute;
	left:50%;
	top:80%;
	transform:translate(-50%,-80%);
	color:#fff;
	font-size:50px;
	letter-spacing:5px;
}

#wrap .cont5 .time img:nth-of-type(2){
	display:none;
}




#wrap .cont1_wrap{width:800px; height:200px; margin:0 auto; }
#wrap .cont1_wrap .a1{color:#fff;font-size:2em; height:70px; font-weight:bold; text-align:right; padding-top:300px; padding-right:50px;}
#wrap .cont1_wrap .a2{color:#fff; font-size:1em; height:30px; text-align:right; padding-right:50px;}
#wrap .cont1_wrap .a3{color:#fff;font-size:1.5em; font-weight:bold;  text-align:right; padding-right:50px;color:#ff215a;}


 
 
 
 
#wrap .cont2{background:url('../common/lucky_randing1.png'); no-repeat;background-repeat: no-repeat;background-position: 50% 0%; height:700px;}
#wrap .cont2 img{display:none;}

#wrap .cont2_wrap{margin:0 auto; width:800px; height:531px;  text-align:center; padding-top:290px;}
#wrap .cont2_wrap .a1{width:800px;height:421px;}
#wrap .cont2_wrap .a2{width:800px;height:100px;margin:0 auto;}
#wrap .cont2_wrap .a3{width:800px;height:100px;margin:0 auto;}
#wrap .cont3{text-align:center; background:url('../common/lucky_randing3.png') repeat-x ;background-position: 50% 0%; height:911px;}
#wrap .cont4{text-align:center; background:#fff; repeat-x; background-position: 50% 0%; height:auto; padding-top:0px;}
#wrap .cont5{text-align:center; background: #3536d4 no-repeat ;background-position: 50% 0px; padding-bottom:50px; padding-top:0px; }
#wrap .cont5_wrap{width:600px;margin:0 auto; padding-top:30px;}
#wrap .cont5_wrap .a1{float:left;width:395px;}
#wrap .cont5_wrap .a2{float:left;width:50%; height:40px; text-align:center;color:#fff;}

#wrap .cont5_wrap .a4{float:left;width:50%;height:40px; text-align:center;color:#fff;}

#wrap .cont5_wrap .a6{/* float:left; *//* width:700px; */ text-align:center;color:#7373FF; font-size:14px; }


.btn2_5{margin-bottom:20px;}

#wrap .cont6{text-align:center; background:#200103; height:322px;}
#wrap .cont7{text-align:center; background:#200103 ; height:1400px;}
#wrap .cont7_wrap{width:750px;margin:0 auto; padding:20px;}
#wrap .cont7_wrap .a1{float:left;width:250px;height:255px;}
#wrap .cont8{text-align:center; background:#0084fe; height:1050px;}
#wrap .cont8 .div2{height:600px;}
.cont8_wrap{background:url('../common/lucky_randing17.png') no-repeat;width:800px;height:429px; text-align:center; margin:0 auto; }

#wrap .cont8_wrap .a1{float:left;width:400px;margin-left:40px;}
#wrap .cont8_wrap .a2{float:left;width:300px;height:40px; text-align:left;color:#fff;margin-left:40px;}
#wrap .cont8_wrap .a4{float:left;width:200px;height:40px; text-align:left;color:#fff;}

#wrap .cont8_wrap .a6{float:left;width:700px;text-align:left;color:#fff;margin-left:40px;}

#wrap .cont9 {background: linear-gradient(to bottom, #1b82f8, #693dec);}

.area_auth_num .dot {width:235px; height:79px;}
.bottom {background:#3536d4; clear:both; overflow:hidden;/* border-top:1px solid #e6e6e5;border-bottom:1px solid #ededea; */padding:14px 0 18px 0;}
.bottom_01 {width:700px; margin:0 auto; font-size:11px;color:#7373FF;height:29px;text-align:left;}
.bottom_01 span a:link, .bottom_01 span a:visited, .bottom_01 span a:active, .bottom_01 span a:hover {text-decoration:none; color:#7373FF;}
.bottom_01 span {display:inline-block;}
.bottom_txt {padding-top:3px;padding-right:10px;vertical-align:top;}
.bottom_txt_last {padding-top:3px;}
.bottom_line {width:1px;padding-top:4px;padding-right:10px;vertical-align:top;}
.copy_txt1 {width:700px; margin:0 auto; font-size:11px;color:#7373FF;text-align:left;padding-top:10px;}
.copy_txt1 em {font-style:normal;padding-left:10px;}
.bottom_version1 {width:700px; margin:0 auto; text-align:left;margin-top:4px;}
.copy_txt {display:block;font-size:11px;color:#7373FF;padding-top:3px;text-decoration:none;}
.copy_txt em {font-style:normal;letter-spacing:-1px;}

}@media all and (max-width: 850px) {

.btg4  {background-color: #5ad083; border:1px solid #5ad083; color: #ffffff;}
.btg4:hover{border-color:#288cf0;background-color:#288cf0;color:#fff;}
.btg5  {background-color: #fe7e00; border:1px solid #fe7e00; color: #ffffff;}
.btg5:hover{border-color:#288cf0;background-color:#288cf0;color:#fff;}



.btn2_1{width:100%; padding:15px; margin-top:10px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_2{width:100%; padding:15px; margin-top:10px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;}
.btn2_3{width:100%; padding:5px; margin-top:2px; box-sizing: border-box; font-size:0.8em;  text-align: center; display:inline-block; vertical-align: top;}
.btn2_4{width:49%; padding:15px; margin-top:10px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}


.btn2_5{width:90%; height:45px; font-size:13px; line-height:2.8; padding:1px; box-sizing: border-box; text-align: center; display:inline-block; vertical-align: top;cursor:pointer;border-radius: 0px;}
.btn2_6{width:100%; padding:11px; box-sizing: border-box; font-size:1.50em;  text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_7{float:left;  width:120px; height:25px; border-radius:2px; line-height:22px;margin:5px; margin-bottom:5px;}
.btn2_8{width:50%; height:25px; border-radius:2px; line-height:22px;margin:5px; margin-bottom:5px; text-align: center; display:inline-block; vertical-align: top;cursor:pointer;}
.btn2_9{width:78%; height:45px; font-size:13px; line-height:2.8; padding:1px; box-sizing: border-box; text-align: center; display:inline-block; vertical-align: top;cursor:pointer;border-radius: 7px;}



.input_a{ padding:15px; height:17px; text-align:center; width:70%; font-size:14px; color:#000; border-radius: 7px;}
.input_b{ padding:15px; height:17px; text-align:center; width:80%; font-size:14px; color:#000; border-radius: 0px;}
#floatdiv {display:none;}
#wrap {width:100%; margin:0 auto; }
#wrap .cont1{position:relative; height:450px; background:#3536d4;}
#wrap .cont1_wrap{width:100%; height:200px; margin:0 auto;}

#wrap .cont1 img{width:100%;}
#wrap .cont1 .logo{width:100px; margin:0 auto; display:block;}


#wrap .cont1 .title{
	width:100%;
	position:absolute;
	left:50%;
	top:10%;
	transform:translate(-50%,-10%);
	
	/* margin-top:50px; */
}

#wrap .cont1 .title p{
	text-align:center;
}

#wrap .cont1 .title .date{
width:200px;
margin:0 auto;
height:30px;
line-height:30px;
background:#f52b72;
border-radius:20px;
margin-bottom:20px;
}

#wrap .cont1 .title .date p{
font-size:20px; line-height:30px; color:#fff; font-weight:bold;
}

#wrap .cont1 .title .circle{
font-size:55px; line-height:60px; color:#fff; font-weight:bold; margin-bottom:20px; margin-top:20px;
}

/* #wrap .cont1 .title .text01{
margin-top:20px; font-size:20px; line-height:30px; color:#000;
} */

#wrap .cont1 .title .text02{
font-size:25px; line-height:30px; color:#eef04d; margin-bottom:20px;
}


#wrap .cont1 .ball{
	width:90%;
	margin:0 auto;
	height:100px;
	background:#fff;
	border-radius:20px;
	
	position:absolute;
	left:50%;
	top:80%;
	transform:translate(-50%,-80%);	
	
}

#wrap .cont1 .ball img{
	width:90%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);	
}


#wrap .cont5 .time{
	width:100%;
	position:relative;
}


#wrap .cont5 .time p{
	position:absolute;
	left:50%;
	top:80%;
	transform:translate(-50%,-80%);
	color:#fff;
	font-size:50px;
	letter-spacing:5px;
}

#wrap .cont5 .time img:nth-of-type(1){
	display:none;
}

#wrap .cont5 .time img:nth-of-type(2){
	display:block;
}



#wrap .cont1_wrap .a1{color:#fff;font-size:14px; height:20px; text-align:center; font-weight:bold; padding-top:120px;}
#wrap .cont1_wrap .a2{color:#fff;font-size:12px; height:20px; text-align:center;}
#wrap .cont1_wrap .a3{color:#fff;font-size:14px; font-weight:bold;  text-align:center; color:#ff215a;}

#wrap .cont2{background:#fdd803;}
#wrap .cont2 img{width:100%;}
#wrap .cont2_wrap{margin:0 auto; width:100%; height:auto;  text-align:center; padding-top:90px; background:#fdd803;}
#wrap .cont2_wrap img{width:100%;}
#wrap .cont2_wrap .a1{width:90%;margin:0 auto;}
#wrap .cont2_wrap .a2{width:80%;margin:0 auto;}
#wrap .cont2_wrap .a3{width:80%;margin:0 auto;}
#wrap .cont3{text-align:center; background:url('../common/lucky_randing3.png') repeat-x ;background-position: 50% 0%; background-size:contain;}
#wrap .cont3 img{width:100%;}
#wrap .cont4{text-align:center; background:#12359b; repeat-x; background-position: 50% 0%; padding-top:40px;}
#wrap .cont4 img{width:100%; margin:0 auto;}

#wrap .cont5{text-align:center; height:350px; background:#3536d4 no-repeat ;background-position: 50% 0px; background-size:contain;}
#wrap .cont5_wrap{width:80%;margin:0 auto;padding-top:0px;}
#wrap .cont5_wrap .a1{float:left;width:100%; margin-bottom:10px;}
#wrap .cont5_wrap .a2{float:left;width:50%;height:40px;font-size:10px;text-align:center;color:#fff; margin-top:10px;}
#wrap .cont5_wrap .a3{float:left;width:10px; height:40px; text-align:center;color:#fff; margin-top:10px;}
#wrap .cont5_wrap .a4{float:left;width:50%;height:40px; font-size:10px; text-align:center;color:#fff; margin-top:10px;}
#wrap .cont5_wrap .a5{float:left;width:80%; height:40px; text-align:left;color:#fff;}
#wrap .cont5_wrap .a6{/* float:left; */width:100%;font-size:11px;text-align:center;color:#7373FF;}


#wrap .cont5 img{
	width:100%;
}



.btn2_5{margin-bottom:10px;}
.top_box{
	padding-top:30px;
}

#wrap .cont6{width:100%; text-align:center; background:#200103;}
#wrap .cont6 img{width:100%;}

#wrap .cont7{text-align:center; background:#200103 ; }
#wrap .cont7_wrap{width:80%;margin:0 auto;}
#wrap .cont7_wrap img{width:90%;}
#wrap .cont7_wrap .a1{float:left;width:50%;}
#wrap .cont8{text-align:center; background:#170e3c; }
#wrap .cont8 .div2 img{width:100%;}

.hid {display:none;}

#wrap .cont8_wrap{background:url('../common/lucky_randing17.png') no-repeat;width:100%;height:360px; text-align:center; margin:0 auto;  background-size:contain;}
#wrap .cont8_wrap{width:100%;margin:0 auto;padding-top:10px; background:#170e3c;}
#wrap .cont8_wrap .a0{width:100%;}
#wrap .cont8_wrap .a0 img{width:80%;}
#wrap .cont8_wrap .a1{width:100%;}
#wrap .cont8_wrap .a1{width:100%;}
#wrap .cont8_wrap .a2{float:left;width:50%;height:20px;font-size:10px; text-align:right;color:#fff;}

#wrap .cont8_wrap .a4{float:left;width:50%;height:20px; font-size:10px; text-align:left;color:#fff;}

#wrap .cont8_wrap .a6{width:100%;padding:60px;font-size:11px;text-align:center;color:#fff;}

#wrap .cont9 {background: linear-gradient(to bottom, #1b82f8, #693dec);}
#wrap .cont9 img{width:100%;}
.area_auth_num .dot {width:235px;}
.bottom {background:#3536d4; clear:both; overflow:hidden;/* border-top:1px solid #e6e6e5;border-bottom:1px solid #ededea; */padding:14px 0 18px 0;}
.bottom_01 {width:100%; margin:0 auto; font-size:11px;color:#7373FF;height:29px;text-align:left;}
.bottom_01 span a:link, .bottom_01 span a:visited, .bottom_01 span a:active, .bottom_01 span a:hover {text-decoration:none; color:#7373FF;}
.bottom_01 span {display:inline-block;}
.bottom_txt {padding-top:3px;padding-right:10px;vertical-align:top;}
.bottom_txt_last {padding-top:3px;}
.bottom_line {width:1px;padding-top:4px;padding-right:10px;vertical-align:top;}
.copy_txt1 {width:90%; margin:0 auto; font-size:11px;color:#7373FF;text-align:left;padding-top:10px;}
.copy_txt1 em {font-style:normal;padding-left:10px;}
.bottom_version1 {width:90%; margin:0 auto; text-align:left;margin-top:4px;}
.copy_txt {display:block;font-size:11px;color:#7373FF;padding-top:3px;text-decoration:none;}
.copy_txt em {font-style:normal;letter-spacing:-1px;}
}