@charset "euc-kr";
/* CSS Document */

.layer_pop {position: relative;}
.white_content > div > p {text-align: right; clear: both; display: block;}
.white_content > div > p > a {
   display: inline-block; position: absolute;  top:-1px;  right: -1px;  background: #fff;padding: 1%; }
	
.white_content {
   position: fixed;
   top: 0;  
  left: 0;
  width:100%; height: 100%; text-align: center;
   background: rgba(0, 0, 0, 0.8);
   opacity:0;
   -webkit-transition: opacity 300ms ease-in;
   -moz-transition: opacity 300ms ease-in;
   transition: opacity 300ms ease-in;
  pointer-events: none;
  z-index: 9999;
}
.white_content:target {    opacity:1;    pointer-events: auto; z-index: 9999;}
.white_content > div { 
  display: inline-block; position: relative;
  max-width: 100%; text-align: left; 	
  border: 4px solid #fff;
  background-color: white;
  margin-top:10%;
}	
.white_content > div img{ width: 900px; height: 600px; }

#onebook_container1 ul.b1 li .vote_in li.vote_left,
#onebook_container2 ul.b2 li .vote_in li.vote_left,
#onebook_container3 ul.b3 li .vote_in li.vote_left {float: left; width:35%; text-align: left;}
.white_content .vote_in .vote_left > img{ width:90%;}

#onebook_container1 ul.b1 li .vote_in li.vote_right,
#onebook_container2 ul.b2 li .vote_in li.vote_right,
#onebook_container3 ul.b3 li .vote_in li.vote_right {float: right; width:65%;  text-align: left;}
.white_content .vote_in .vote_right h3 {margin-bottom: 10px;}







/* 320 모바일 사이즈 시작===================================================================================================================== */
@media screen and (min-width:320px)and (max-width:767px){


} /*  모바일 사이즈 끝 */

/* 768 테블릿 사이즈 시작===================================================================================================================== */
@media screen and (max-width: 1200px) and (min-width: 768px){

  

} /*  테블릿 사이즈 끝 */