@charset "utf-8";


@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

body,html{padding:0px;margin:0px;overflow:hidden;width:100%;height:100%;font-size:13pt;font-family:'NanumBarunGothic',sans-serif; text-align:center;  
 -ms-user-select: none; 
 -moz-user-select: -moz-none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 user-select: none;
}

body{-webkit-text-size-adjust:none;} 
h1, h2, h3, h4, h5, h6, form, fieldset, img,q {margin:0;padding:0;border:0;}
ul,li,ol,dt,dd,dl{list-style:none;padding:0;margin:0;}
a{cursor:pointer;}
#fastvr div,#fastvr p,#fastvr span,#fastvr img,#fastvr ul,#fastvr li,#fastvr a{border:none;padding:0px;margin:0px;vertical-align:middle;display:block;text-align:left;line-height:1em;
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

ul,li{list-style:none;}
#reffer{display:none;}

@media screen and (max-height:550px){
	body{font-size:13pt;}
}	
@media screen and (max-height:450px){
	body{font-size:11pt;}	
}
@media screen and (max-height:350px){
	body{font-size:9pt;}
}
@media screen and (max-height:300px){
	body{font-size:7pt;}	
}







body #supertxt{position:absolute;z-index:93; width:100%; height:100%;}

#fastvr{width:100%;height:100%;overflow:hidden;} 
#fastvr #s_frame{background-color:#fff;position:relative;overflow:hidden;z-index:1;width:100%;height:100%;}


#fastvr #ani_left{display:inline-block; width:10%; height:90%; max-width:200px; z-index:95; min-width:200px; background-color:rgba(0,0,0,0.8); border-radius:10px; position:absolute; left:10px; top:5%; overflow:hidden;
 transition:all 0.5s;}
#fastvr #ani_left.hide{left:-170px;}
#fastvr #ani_left div.box{position:relative; width:100%;height:100%; overflow-y:auto; padding:30px 45px 30px 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#fastvr #ani_left div.box .menu{cursor:pointer;position:absolute;right:0px; top:0px; width:30px; height:100%; background-color:#434343; text-align:Center; color:#fff; vertical-align:middle; line-height:1.5em; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#fastvr #ani_left div.box .menu:after{content:"◀숨기기";position:absolute;right:0px; top:10%; width:30px;  text-align:Center; color:#fff;overflow:hidden; font-size:18px; line-height:20px;}
#fastvr #ani_left.hide div.box .menu:after{content:"▶설명보기";}

#fastvr #ani_left div.box h3{color:#85d900; letter-spacing:4px; font-size:18px;}
#fastvr #ani_left div.box ul{margin-top:15px; color:#fff;  }
#fastvr #ani_left div.box ul li{font-size:16px; padding:5px 5px 5px 0px;}

/*버튼 pc 레이아웃 */
#fastvr #s_btn.pc{position:absolute;bottom:0px;left:0px;width:100%;z-index:95; display:inline-block;text-align:right; padding:5px 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#fastvr #s_btn.pc #btnbox{width:100%;position:relative; text-align:right; display:inline-block;}
#fastvr #s_btn.pc #btnbox a{display:inline-block;width:50%;padding-right:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-width:65px; }
#fastvr #s_btn.pc #btnbox a img{width:100%;height:auto;cursor:pointer;display:inline-block;}

#fastvr #manual_pc{ width:100%;overflow:hidden;display:inline-block; position:absolute;left:0px;bottom:0px;z-index:95;text-align:center;padding:0px 0px 0px 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
background-color:rgba(255,255,255,0.8);
}
#fastvr #manual_pc img{width:12%; max-width:65px; height:auto; display:inline-block;}

@media screen and (max-height:550px){

}


/*버튼 모바일 레이아웃 */
#fastvr #s_btn.mo{position:absolute;right:5px;top:5%;width:50px;padding:5px;z-index:95; display:inline-block;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }

#s_btn.mo #btnbox{width:100%; z-index:4; overflow:hidden;display:inline-block;   }
#s_btn.mo #btnbox a{width:100%; margin-bottom:10px; margin-left:70px;}
#s_btn.mo #btnbox a#b_full,#s_btn.mo #btnbox a#b_close{margin-left:0px;}

#s_btn.mo #btnbox a img{width:100%;height:auto;}

#fastvr #manual_mo{width:100%;height:10%;max-height:80px;min-height:40px;overflow:hidden;display:inline-block; position:absolute;left:0px;bottom:0px;z-index:95;text-align:center;padding-bottom:10px; 
background-color:rgba(255,255,255,0.8);}
#fastvr #manual_mo img{height:100%;width:auto; display:inline-block; margin:0px 10px;}





#fastvr .bg{width:100%; height:100%; z-index:0; position:absolute;left:0px;top:0px;}
#fastvr .bg i{display:none;}











/*팝업*/
body #popupDiv{position:absolute;left:0px;top:0px;z-index:96;background-color:rgba(0,0,0,0.8);width:100%;height:100%;display:none;color:#fff;text-align:center;}
#popupDiv .popupDiv2{width:100%;height:100%;text-align:center; vertical-align:middle; display:table; }
#popupDiv .popupDiv3{width:100%;height:100%;text-align:center; vertical-align:middle; display:table-cell; position:relative; }

#popupDiv h3{font-weight:normal;text-align:center; margin:10px 0px 5px 0px;font-size:1.3em; padding:0px 0px 3px 0px;border-bottom:solid 3px #e4f030; display:inline-block;}
#popupDiv q{display:block;text-align:center;color:#bcbcbc;padding:0px;margin:10px 0px 0px 0px; font-size:0.9em;}
#popupDiv h4{display:block;text-align:center;color:#bcbcbc;padding:0px;margin:10px 0px 0px 0px; font-size:0.9em;}
#popupDiv i {display:block;margin:15px auto;font-style:normal;  background-color:#414141; padding:7px 0px; cursor:pointer; border:solid 1px #737374; width:90%; max-width:400px;}
#popupDiv i:hover{background-color:#000;}
#popupDiv a {display:block;margin:15px auto;font-style:normal;  background-color:#414141; padding:7px 0px; cursor:pointer; border:solid 1px #737374; width:90%; max-width:400px;}
#popupDiv a:hover{background-color:#000;}

@media screen and (max-height:400px){
	#popupDiv h3{margin:7px 0px 3px 0px;}
	#popupDiv q{margin:3px 0px 0px 0px;}
	#popupDiv b{font-size:1.1em;margin-bottom:8px;padding-bottom:4px; }

	#popupDiv i {margin:7px auto; padding:3px 10px; }
}
@media screen and (max-height:300px){
	#popupDiv h3{margin:5px 0px 3px 0px;}
	#popupDiv q{margin:2px 0px 0px 0px;}
	#popupDiv b{font-size:1.0em;}

	#popupDiv i {margin:4px auto;  }
}

/*도움말*/
#d3help p{display:inline-block;padding:10px 0px;margin:0px;width:100%;line-height:1em;}
#d3help p img{margin:0px auto; width:90%; height:auto; max-width:400px;}
#d3help a{color:#fff;}

@media screen and (max-height:300px){
	#d3help p img{margin:0px auto;max-width:100%;width:auto;height:100px;}
}




/*추가컷*/
#d3add{text-align:center; padding:0px; margin:0px; }
#d3add .imglist {text-align:center;display:block;}
#d3add .imglist  img{width:30%;height:auto;margin:0px 1%;display:inline-block;cursor:pointer;max-width:150px;}

@media screen and (max-height:400px){
	#d3add .imglist  img{height:100px;width:auto;}
}
@media screen and (max-height:300px){
	#d3add .imglist  img{height:80px;width:auto;}
}
@media screen and (max-height:200px){
	#d3add .imglist  img{height:50px;width:auto;}
}


/*설명*/
#addtxt{display:none;}
#popupDiv #d3addtxtdiv{display:inline-block; width:90%; height:80%; padding:0px; margin:0px auto ; overflow-y:auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#popupDiv #d3addtxtdiv p{vertical-align:middle; line-height:250%; white-space: pre-line; word-wrap:break-word;word-break: keep-all; }




#buyss{position:absolute;right:5px;bottom:5px;background-color:#ddd;color:#fff;display:inline-block; z-index:95;}
#buyss a{background-color:#ddd;color:#fff;display:inline-block;padding:5px 10px;text-decoration:none;cursor:pointer;}

/*
#fastvr #s_btn ul li:first-child{background-color:#000;}*/






#fastvr #hh{position:absolute;bottom:10px;left:10px;z-index:93;width:90%;height:auto; max-width:300px;}


#fastvr #d3eventDiv{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:94;background:transparent url('/fastvr/no.png') repeat left top; -ms-touch-action: none !important;
	touch-action: none !important;}
#fastvr #d3eventDiv2{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:94;background:transparent url('/fastvr/no.png') repeat left top; display:none; -ms-touch-action: none !important;
	touch-action: none !important;}
#fastvr #d3eventDiv3{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:97;  -ms-touch-action: none !important;
	touch-action: none !important;}

#fastvr #d3rotate{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:93;background:transparent url('/fastvr/rrotate.png') no-repeat center center; background-size:50% auto;}
@media screen and (max-width:640px){
	#fastvr #d3rotate{background-size:80% auto;}
}




#fastvr #makmak{width:100%;height:100%;position:absolute;left:0px;top:0px; z-index:100; background:transparent url('/fastvr/no.png') repeat left top; background-color:rgba(255,255,255,0);} 

#fastvr #makmak div{  width:100%;height:100%;background:transparent url("/fastvr/mak.png") no-repeat center center; background-size:500px auto;}
#fastvr #makmak p{ }
@media screen and (max-width:640px){
	#fastvr #makmak div{background-size:50% auto;}
}





#fastvr a{cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
#fastvr #d3_main{overflow:hidden;position:absolute;z-index:1;width:100%;height:100%;}
#fastvr #d3_cross{width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:93;display:none; background:transparent url('/fastvr/cross.png') no-repeat;}
#fastvr #d3mainImg{}

:-webkit-full-screen video {
  width: 100%;
  height: 100%;
}







#fastvr .pjsul2{z-index:93;position:absolute;left:45px;top:50px;color:#be3047;width:100%; text-align:left;font-size:0.8em;}
#fastvr .pjsul3{z-index:96;position:absolute;left:45px;top:10px;text-align:left;width:100%;}
#fastvr #d3userAni_close{cursor:pointer;background-color:#000;color:#fff;border:solid 1px #fff;padding:7px 15px;display:inline-block;*display:inline;*zoom:1;font-family:arial;font-weight:normal;}






/*
#d3Frame #d3_btn ul li.sel{background-color:#96bbff;}
#d3Frame #d3_btn ul li#d3Btn2.sel2{background-color:rgba(255,255,255,0.5);}
*/

/*
#d3Frame #d3_btn ul li#d3ani{background-image: url('./ani.png') ;}
#d3Frame #d3_btn ul li#d3ani.sel{background-image: url('./ani_on.png');}
#d3Frame #d3_btn ul li#d3ani.sel2{background-color:#fff;background-image: url('./ani_on.png'); color:#000;}
*/



/* 배경 */
body #d3_bg{width:100%; height:100%; z-index:0; position:absolute;left:0px;top:0px;width:100%;height:100%;}
body #d3bg{text-align:center; }
body #d3bg a{display:inline-block;*display:inline;*zoom:1; width:40px; height:40px; margin:15px; overflow:hidden; font-size:1%; line-height:1000px; border:solid 1px silver;  }
body #d3bg a.sel{border:solid 3px #f04e30;}



#popupDiv #d3aniBox ul li a:hover{background-color:#000;}





@media screen and (min-width:1024px) {
	/*#fastvr #s_btn ul li:hover{background-color:rgba(255,255,255,0.2);}
	#fastvr #s_btn ul li:first-child:hover{background-color:#000;}*/

}

@media screen and (max-width:1920px){
	#d3addtxtdiv{ max-width:1500px;}

}
@media screen and (max-width:1500px){
	#d3addtxtdiv{ max-width:1200px;}

}
@media screen and (max-width:900px){
	#d3addtxtdiv{ max-width:700px;}


}
@media screen and (max-width:700px){
	#d3addtxtdiv{ max-width:600px;}


}




#buyInfo{position:fixed;right:0px;bottom:0px;z-index:9998;width:100%;height:100%; background-color:rgba(0,0,0,0.9); text-align:center; padding:50px 30px; box-sizing:border-box; display:none; }
#buyInfo .buybox{display:inline-block; width:100%; height:100%; margin:0px auto; overflow:hidden; background-color:#fff;  border-top:solid 5px #cd2122; }
#buyInfo .buybox.big{max-width:1180px;}
#buyInfo .buybox.small{max-width:680px;}
#buyInfo .iframe{display:inline-block; width:100%; height:100%; position:relative; overflow:auto; -webkit-overflow-scrolling:touch;}
#buyInfo .iframe iframe{width:100px;min-width:100%;max-width:100%;height:99.1%; margin:0px;padding:0px; }


.close {
  cursor:pointer;
  position: absolute;
  right: 14px;
  top: 20px;
  width: 32px;
  height: 32px;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}



#buyInfo .sangsee{display:inline-block; width:69%; height:100%; overflow-y:scroll; vertical-align:top; float:left; padding:10px; box-sizing:border-box;}
#buyInfo .sangsee img.bigImg{width:100%; max-width:700px;}



@media all and (max-width:860px) {
	#buyInfo .buybox{height:100%; overflow-y:auto;}
	#buyInfo .iframe{width:100%; height:100%; float:none; position:relative;}	
	#buyInfo .sangsee{width:100%; height:auto; overflow-y:hidden; float:none;}
}

/*
#buyInfo .sangsee{display:table-cell; width:70%; height:500px; overflow-y:scroll; vertical-align:top;}



.sangsee img.bigImg{width:100%;}


.cy_sangse{width:100%; margin-top:80px;}
.cy_sangse img.sangse{width:100%;}

*/

/*

#buyInfo div{width:100%; max-width:1020px; height:100%;  box-sizing:border-box; margin:0px auto;  position:relative; border-top:solid 5px red;}
#buyInfo div i{position:absolute; right:0px; top:0px; font-size:45px; color:#fff;}

@media screen and (max-width:860px){ 
	#buyInfo{padding:5px; }
}
*/


#buyBtn{position:absolute;left:10px;bottom:10px;z-index:999; border:solid 1px #333; border-radius:5px;overflow:hidden; background-color:#fff;width:125px; cursor:pointer;}
#buyBtn p{ font-size:18px; margin:0px; padding:0px;height:35px;line-height:35px; width:100%; display:inline-block;}
#buyBtn a{display:inline-block;background-color:#333;width:100%;height:35px;line-height:35px; color:#fff; font-size:18px;text-decoration:none; border:none; }
#buyBtn a i{font-size:0.7em; color:#e85b5c; font-style:normal;}
#buyBtn.sel{border:solid 1px #be3047;}
#buyBtn.sel a{background-color:#be3047;}


@media screen and (max-width:860px){
	#buyBtn{width:100px; }
	#buyBtn p{ font-size:15px;height:30px;line-height:30px;}
	#buyBtn a{font-size:15px;height:30px;line-height:30px;}
}


#addcutFrame{position:absolute;right:0px;bottom:0px;z-index:9999;width:100%;height:100%; box-sizing:border-box; display:none;}
#addcutFrame iframe{width:100px;min-width:100%;max-width:100%;height:100%;margin:0px;padding:0px;}
#buyBtn2{position:absolute;left:10px;bottom:10px;z-index:999; border:solid 1px #333; border-radius:5px;overflow:hidden; width:80px; cursor:pointer; display:inline-block;background-color:#333;}
#buyBtn2 a{display:inline-block;width:100%;height:25px;line-height:25px; color:#fff; font-size:10pt;text-decoration:none; border:none;}
@media screen and (max-width:860px){
	#buyBtn2{width:70px;}
	#buyBtn2 a{font-size:9pt;height:20px;line-height:20px;}
}