body{
	background-color:#efefef;
	font-family:'Nanum Barun Gothic';
}

#fbwrap{
	width:720px;
	margin:auto;
	background-color:#fff;
	overflow:auto;
}
#fbwrap #mainPic{
	height:520px;
	background-image:url(./img/m1_2.jpg);
	background-size:100%;
	background-position:center;
}
#fbwrap #mainPic2{
	height:160px;
	background-image:url(./img/m2.jpg);
	background-size:100%;
	background-position:top;
}
#fbwrap #mainPic3{
	height:180px;
	background-image:url(./img/m1.jpg);
	background-size:100%;
	background-position:bottom;
}

#subPic{
	margin:10px 0;
}
#subPic div{
	width:170px;
	height:170px;
	margin:5px;
	float:left;
}
#subPic div:hover {
	background-color:rgb(255,250,234);
	cursor:pointer;
}	
#subPic img{
	display:block;
	margin:10% auto;
	height:80%;
}
#resultPic{
	width:100px;
	margin:10px auto;
}
#resultPic img{
	width:100%;
}
.fbResult{
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	
	
}
#fbwrap h2 {
	text-align:center;
	line-height:50px;
	font-size:1.25em;
	
}
#fbwrap #status {
	_display:none;
}
#fbcontrols{
	_display:none;
	padding-bottom:20px;
}

.commonLBtn{
	display:block;
	width:480px;
	height:45px;
	margin:auto;
	border-radius:5px;
	
	line-height:45px;
	text-align:center;
	color:#fff !important;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
.fb_login{
	background:#46629c url(./icon_facebook_big.png) no-repeat 20px center/34px;
}
.fb_share{
	background:#46629c url(./icon_facebook_big.png) no-repeat 20px center/34px;
}
.btnStart{
	background:#46629c;
}
#bgBlack{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:#222;
	opacity:0.5;
	z-index:3;
}
#bgWhite{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:4;
}
#bgWhite #pop1{
	width:360px;
	height:200px;
	margin:21vh auto;
}
#bgWhite #pop1 #popHead{
	background-color:#46629c;
	height:50px;
	color:#fff;
	line-height:50px;
	text-align:center;
	font-size:16px;
}
#bgWhite #pop1 #popHead img{
	width:32px;
	height:32px;
	display:inline;
	vertical-align:middle;
	margin-right:10px;
	
}
#bgWhite #pop1 #popHead .loading{
	width:50px;
	margin-right:10px;
	display:inline;
	vertical-align:middle;
}
#bgWhite #pop1 #popHead span{
	width:5px;
	height:5px;
	background:#fff;
	display:inline-block;
	vertical-align:middle;
}
#bgWhite #pop1 #popBody{
	background-color:#fff;
	height:150px;
	line-height:50px;
	text-align:center;
}
#layerPop{
	display:none;
}


.replay{
	display:block;
	margin:10px auto;
	width:360px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:16px;
	border:1px solid #aaa;	
	
	/*FOR SET PADDING WITHOUT AFFECT SIZE*/
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
.replay:hover {
	font-weight:bold;
}

@media screen and (max-width:720px){
	#fbwrap{
		width:100%;
	}
	#fbwrap #mainPic{
		height:70vw !important;
	}
	#fbwrap #mainPic2{
		height:22vw !important;
	}
	#fbwrap #mainPic3{
		height:25vw !important;
	}
	
	#subPic div{
		width:31vw;
		height:31vw;
		margin:1vw;
		float:left;
	}
	.commonLBtn{
		width:80%;
		font-size:15px;
		height:35px;
		line-height:35px;
	}
	.fb_login{
		background:#46629c url(./icon_facebook_big.png) no-repeat 20px center/24px;
	}
	.fb_share{
		background:#46629c url(./icon_facebook_big.png) no-repeat 20px center/24px;
	}
	.replay{
		width:80%;
		font-size:15px;
		height:35px;
		line-height:35px;
	}
	.fbResult{
		font-size:16px;
	}
	
	#bgWhite #pop1{
		width:300px;
		height:200px;
		margin:10vh auto;
	}
	#bgWhite #pop1 #popHead{
		height:50px;
		line-height:50px;
		font-size:14px;
	}
	#bgWhite #pop1 #popBody{
		height:150px;
	}
}
