@charset "utf-8";

@font-face {
	font-family:'NotoSans'; 
	font-style: normal; 
	font-weight: normal; 
	src: url('../font/NotoSans-Regular.eot'); 
	src: url('../font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/NotoSans-Regular.woff') format('woff')
}

html, body{height:100%;position:relative;}
#ipWrap{height:100%;background:url('../images/bg_ip.png') no-repeat center;}
.txtBox{position:absolute;width:500px;height:286px;left:50%;margin-left:-267px;top:50%;margin-top:-244px;font-size:24px;color:#999;line-height:286px;}
.txtBox .txt{position:absolute;left:18px;top:15px;line-height:1em;}
.txtBox span{color:#ff6633;}
.txtBox .ip{color:#333;font-size:60px;text-align:center;}
.copy{text-align:center;position:absolute;width:100%;left:0;bottom:50px;font-size:12px;color:#666;}

@media screen and (max-width:768px) and (orientation:portrait) { 
	#ipWrap{background-size:100% auto;background-position:center 93%;}
	.txtBox{width:100%;text-align:center;left:0;top:0;margin:0;}
	.txtBox .txt{left:20px;top:20px;font-size:18px;}
	.txtBox .ip{font-size:40px;}
	.copy{bottom:25px;font-size:10px;}
}

@media screen and (max-width:768px) and (orientation:landscape) { 
	#ipWrap{background-size:70% auto;background-position:right 93%;}
	.txtBox{width:auto;left:20px;top:20px;margin:0;line-height:3em;}
	.txtBox .txt{left:0;top:0;font-size:18px;}
	.txtBox .ip{font-size:45px;text-align:left;padding-top:26px;}
	.copy{bottom:25px;font-size:10px;}
}