@charset "utf-8";

header, footer, nav, section, article, aside {display:block;}
* {padding:0; margin:0;}

h1,h2,h3,h4,h5,h6,ol,ul,li,form,fieldset,input,textarea,p,th,td,dt,dd,dl {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;}
li {list-style:none;}
img,fieldset {border:0;vertical-align:top;}
em {font-style:normal;}
input.radio {width:13px; height:13px; vertical-align:middle;}
address,em,i {font-style:normal;}
.hdn, legend,table caption{font-size:0; height:0; overflow:hidden; position:absolute;visibility:hidden; width:0; line-height:0;}
table caption{font-size:0; height:0; overflow:hidden; position:static;visibility:hidden; width:0; line-height:0;}
a {text-decoration:none; color:inherit;}

html { height:100%; }

body {
	font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	font-size: 12px;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	line-height:1.4;
	background-size: cover;
	background-image:url("../images/daddbg.png");
}


.wrap { position: relative; width: 100%; height: 100%; }

.cover-liner { position: absolute; width: 910px; height: 910px; top: 100px; left: 50%; margin-left: -455px; background-image: url("../images/line-cover.png"); }

.button-wrapper { position: relative; margin: 280px 0 0; }

.buttonbg-1 { width: 666px; height: 122px; background-image: url("../images/buttonbg1.png"); cursor: pointer; text-align: center; margin: 0 auto; padding-top: 70px; }
.buttonbg-1:hover { position: relative; bottom: 2px; }
.buttonbg-1 .button-name { display: block; font-size: 55px; font-weight: bold; color: #7cfb0c; text-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px; }

.buttonbg-2 { width: 666px; height: 122px; background-image: url("../images/buttonbg2.png"); cursor: pointer; text-align: center; margin: 0 auto; padding-top: 70px; }
.buttonbg-2:hover { position: relative; bottom: 2px; }
.buttonbg-2 .button-name { display: block; font-size: 55px; font-weight: bold; color: #7cfb0c; text-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px; }

.warning-txt { position: relative; display: block; margin: 20px 0 0; text-align: center; color: #7cfb0c; font-weight: bold; font-size: 30px; line-height: 1; }
.warning-txt span { color: #fff; font-weight: bold; font-size: 20px; }
.warning-txt .clr-txt { color: #f00; font-weight: bold; font-size: 20px; }




@media screen and (max-width: 640px) {




.cover-liner { position: absolute; width: 320px; height: 320px; top: 100px; left: 50%; margin-left: -160px; background-image: url("../images/line-cover.png"); background-size: cover; }

.button-wrapper { position: relative; margin: 100px 0 0; }

.buttonbg-1 { width: 300px; height: 50px; background-image: url("../images/buttonbg1.png"); background-size: cover; cursor: pointer; text-align: center; margin: 0 auto; padding-top: 36px; }
.buttonbg-1 .button-name { display: block; font-size: 25px; font-weight: bold; color: #7cfb0c; text-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px; }
	
	
.buttonbg-2 { width: 300px; height: 50px; background-image: url("../images/buttonbg2.png"); background-size: cover; cursor: pointer; text-align: center; margin: 0 auto; padding-top: 36px; }
.buttonbg-2 .button-name { display: block; font-size: 25px; font-weight: bold; color: #7cfb0c; text-shadow: rgba(0, 0, 0, 0.8) 0 5px 10px; }
	
	
.warning-txt { position: relative; display: block; margin: 30px 0 0; text-align: center; color: #7cfb0c; font-weight: bold; font-size: 20px; line-height: 1; }
.warning-txt span { color: #fff; font-weight: bold; font-size: 14px; }
.warning-txt .clr-txt { color: #f00; font-weight: bold; font-size: 14px; }







}