@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: #00649c; border:1px solid #00649c; color: #ffffff;}
.btg4:hover{border-color:#00649c;background-color:#00649c;color:#fff;}
.btg5  {background-color: #00649c; border:1px solid #00649c; color: #ffffff;}
.btg5:hover{border-color:#00649c;background-color:#00649c;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:35%; 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; background:url('http://orientalmoon.diskn.com/27PMAtWgCy');background-repeat: no-repeat;background-position: 50% 0%; height:auto;overflow:hidden;}
#wrap .cont1{ height:auto;overflow:hidden;}
#wrap .cont1 img{display:block; margin:0 auto;}


#wrap .cont1 .title{
 	position:absolute;
	left:50%;
	top:6%;
	transform:translate(-50%,-6%);
	font-size:40px;
	color:#fff;
}

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

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

#wrap .cont1 .title .date p{
font-size:30px; line-height:40px; color:#d5ceff; 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:30px;
}

#wrap .cont1 .cont_img{
	width:100%;
	position:relative;
	background:url('../common/alphago_cont1.png'); 
	background-repeat: no-repeat;
	background-position: 50% 0%; 
	height:1500px;
	/* background-size:contain; */
}

#wrap .cont1 .slide{
	width:700px;
	margin:0 auto;
	padding-top:250px;
	/* overflow:hidden; */
}


	
	.swiper-slide img{width:100%;}
	
	


#wrap .cont1 .ball img{
	width:90%;
	padding-top:0px;
}

#wrap .cont1 .ball02 img{
	width:90%;
	padding-top:10px;

}

.slide h1{
	text-align:center;
	color:#00649c;
	margin-top:20px;
}

#wrap .cont1 .time{
	width:60%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:20px;
}

#wrap .cont1 .time p{
	color:#fff;
	text-align:center;
	font-size:50px;
	letter-spacing:5px;
}


#wrap .cont1 .time02{
	width:60%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:20px;
}

#wrap .cont1 .time02 p{
	color:#fff;
	text-align:center;
	font-size:50px;
	letter-spacing:5px;
}

#wrap .cont1 .time03{
	width:60%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:20px;
}

#wrap .cont1 .time03 p{
	color:#fff;
	text-align:center;
	font-size:50px;
	letter-spacing:5px;
}

#wrap .cont1 .time04{
	width:60%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:20px;
}

#wrap .cont1 .time04 p{
	color:#fff;
	text-align:center;
	font-size:50px;
	letter-spacing:5px;
}
#wrap .cont1 .text02 b{color:#00f1ff;}






#wrap .cont1_wrap{width:800px; 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: #002245 no-repeat ;background-position: 50% 0px; */ padding-bottom:80px; padding-top:0px; }
#wrap .cont5_wrap{width:700px;margin:0 auto; }
#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:#fff; 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:transparent; 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:#4d4d4c;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:#989896;}
.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:#4d4d4c;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:#fff;padding-top:3px;text-decoration:none;}
.copy_txt em {font-style:normal;letter-spacing:-1px;}

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

.btg4  {background-color: #00649c; border:1px solid #00649c; color: #ffffff;}
.btg4:hover{border-color:#00649c;background-color:#00649c;color:#fff;}
.btg5  {background-color: #00649c; border:1px solid #00649c; color: #ffffff;}
.btg5:hover{border-color:#00649c;background-color:#00649c;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:98%; 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:90%; font-size:14px; color:#000; border-radius: 0px;}
#floatdiv {display:none;}
#wrap {width:100%; margin:0 auto; }
#wrap {width:100%; margin:0 auto; background:url('http://orientalmoon.diskn.com/27PMAtWgCy')#002245; background-repeat: no-repeat;background-position: 50% 0%; height:auto;overflow:hidden;}
#wrap .cont1{ height:auto;overflow:hidden;}

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


#wrap .cont1 .title{
 	position:absolute;
	left:50%;
	top:6%;
	transform:translate(-50%,-6%);
	font-size:20px;
	color:#fff;
}

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



#wrap .cont1 .cont_img{
/* 	width:90%;
	margin:0 auto; */
	height:700px;
	position:relative;
	background:url('../common/alphago_cont1.png'); 
	background-repeat: no-repeat;
	background-position: 50% 0%; 
	background-size:contain;
}

#wrap .cont1 .slide{
	width:80%;
	margin:0 auto;
	padding-top:120px;
}



#wrap .cont1 .ball img{
	width:100%;
	padding-top:10px;
}

#wrap .cont1 .ball02 img{
	width:100%;
	padding-top:10px;

}

.slide h1{
	text-align:center;
	color:#00649c;
	/* margin-top:10px; */
	font-size:25px;
}


#wrap .cont1 .time{
	width:70%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:10px;
}

#wrap .cont1 .time p{
	color:#fff;
	text-align:center;
	font-size:25px;
	letter-spacing:5px;
}


#wrap .cont1 .time02{
	width:70%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:10px;
}

#wrap .cont1 .time02 p{
	color:#fff;
	text-align:center;
	font-size:25px;
	letter-spacing:5px;
}

#wrap .cont1 .time03{
	width:70%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:10px;
}

#wrap .cont1 .time03 p{
	color:#fff;
	text-align:center;
	font-size:25px;
	letter-spacing:5px;
}

#wrap .cont1 .time04{
	width:70%;
	background:#00649c;
	border-radius:50px;
	margin:0 auto;
	margin-top:10px;
}

#wrap .cont1 .time04 p{
	color:#fff;
	text-align:center;
	font-size:25px;
	letter-spacing:5px;
}

#wrap .cont1 .text02 b{color:#00f1ff;}


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

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

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

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

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



/* 
#wrap .cont1 .cont_img{
	width:100%;
	position:relative;
}


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

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

#wrap .cont1 .time p{
	color:#fff;
	font-size:30px;
	letter-spacing:5px;
}

 */



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


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





#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:auto; /* background:#3536d4 no-repeat ;background-position: 50% 0px; background-size:contain; */}
#wrap .cont5_wrap{width:90%;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:#fff;}


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



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

#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:transparent; 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:#4d4d4c;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:#989898;}
.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:#4d4d4c;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:#fff;padding-top:3px;text-decoration:none;}
.copy_txt em {font-style:normal;letter-spacing:-1px;}
}