@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.07em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	background-color:#000;
	line-height:1.2;
}



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

.body_bg video { position : fixed; top : 0; left : 0; min-width : 100%; min-height : 100%; width : auto; height : auto; z-index : -1; }



.backgif { position: absolute; width: 400px; height: 400px; background: url("../images/triangle.gif") center center no-repeat; background-size: 100%; top: 0; left: 50%; margin-left: -200px; }

.warning-txt { padding: 300px 0 0; text-align: center; }
.warning-txt h1 { color: #d0ad7c; font-size: 60px; font-weight: 100; }
.warning-txt h1 span { color: #ff3b3b; font-weight: bold; }
.warning-txt h2 { color: #d0ad7c; font-size: 30px; font-weight: 100; }
.warning-txt h3 { color: #aaa; font-size: 18px; font-weight: 100; margin: 40px 0 0; }

.warning-txt h4 { color: #f0ba51; font-size: 14px; font-weight: bold; margin: 20px 0 0; }
.warning-txt .box-txt { padding: 13px 40px 15px; color: #f0ba51; border: 1px #f0ba51 solid; font-size: 16px; border-radius: 10px; display: inline-block; margin: 5px 0 0; letter-spacing: 0; }















@media screen and (max-width: 640px) 
{
	
	
	
	.backgif { position: absolute; width: 300px; height: 300px; background: url("../images/triangle.gif") center center no-repeat; background-size: 100%; top: 0; left: 50%; margin-left: -150px; }

	.warning-txt { padding: 250px 20px 0; text-align: center; }
	.warning-txt h1 { color: #d0ad7c; font-size: 30px; font-weight: 100; }
	.warning-txt h1 span { color: #ff3b3b; font-weight: bold; }
	.warning-txt h2 { color: #d0ad7c; font-size: 15px; font-weight: 100; }
	.warning-txt h3 { color: #aaa; font-size: 14px; font-weight: 100; margin: 20px 0 0; }

	.warning-txt h4 { color: #f0ba51; font-size: 12px; font-weight: bold; margin: 20px 0 0; }
	.warning-txt .box-txt { padding: 9px 20px 10px; color: #f0ba51; border: 1px #f0ba51 solid; font-size: 12px; border-radius: 10px; display: inline-block; margin: 5px 0 0; letter-spacing: 0; }
	
}