@charset "utf-8";

html,body{width:100%;margin:0; padding:0; border:0; }
.wrap{position:relative; z-index:0; width:100%; overflow:hidden}
span.br_line{display:block}

.add{text-align:center;margin-top:60px;font-size:20px;display:none;}
@media screen and (max-width:1024px){.add{font-size:14px;margin-top:20px;}}
.pc_img{display:inline}
.mo_img{display:none}
img{max-width:100%}
.col_yellow{color:#00c6dd !important}
model-viewer::part(default-ar-prompt) {display: none;}
model-viewer::part(poster) {    display: none;  }
model-viewer::part(progress-bar) {  display: none;}



/*ㅠㅏㅂ업추가*/
.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: auto;
 top:100px !important;
}

.b-close {
 position: absolute;
 left: 50%;
 top: -40px;
 padding: 5px;
 display: inline-block;
 cursor: pointer;
 color:#ffffff;
     transform: translateX(-50%);
}
.Pstyle .content{text-align:center;width:600px;margin:0 auto;}
@media screen and (max-width: 1240px) {.Pstyle .content{width:90%;}.mm{margin-top:60px;}}
.Pstyle img{width:100%;}
.mm{margin-top:160px;}

@media screen and (max-width: 800px) {.pc{display:none;}.mob{display:block;}}
@media screen and (min-width: 800px) {.pc{display:block;}.mob{display:none;}}


@media screen and (min-width: 800px) {
	.quick_cont{right:-330px;}
}

.pc_header{display:block}
.mo_header{display:none}

.event_wrap.policy_main{height: auto !important;}
.policy{font-size: 14px;line-height: 1.6;text-align: center;margin-top:20px;color:#b4b4b4;font-weight: bold;}
.policy a{color:#b4b4b4;font-weight: bold;}
.policy_main .tit1{font-size: 30px;color:#fff;text-align: center;padding-top: 100px;font-weight: bold;}
.policy_main .tit2{font-size: 20px;color:#fff;text-align: center;padding: 10px 0;}
.policy_main p{color:#fff;line-height: 1.4;padding-bottom: 100px;}
model-viewer{position: absolute;bottom: 10%;right: 4%;width: 520px;height: 520px;}
section.event_wrap{background:#ee7700;text-align: center;width: 100%;height:100vh;min-height: 850px;position: relative;}
section.event_wrap div.content{width:1200px;padding: 0 20px;margin: 0 auto;}
section.event_wrap div.content .title{font-family: "Paytone One", sans-serif;font-weight: 400;font-style: normal;color: #ffffff;font-size: 60px;line-height: 1.1; text-align: left;}
section.event_wrap div.content .title{padding-top:160px}
section.event_wrap div.content .dec{font-size: 20px;color: #ffffff;text-align: left;margin: 20px 0 32px;letter-spacing: -0.3px;font-weight: 300;line-height: 30px;}
section.event_wrap div.content .app_button img{width: 100%;}
section.event_wrap div.content .app_button{text-align: left;}
section.event_wrap div.content .app_button a{display: block;line-height: 0;margin-top: 8px;width:220px;}

div.event_inner{width: 760px;padding: 0 20px;margin: 0 auto;}
div.event_inner .white_box{background:#ffffff;padding:60px 20px;border-radius: 30px;box-shadow: 0 0 35px rgba(0,0,0,0.20)}
div.event_inner .white_box p{font-size: 30px;line-height: 1.4; font-weight: 800;}


footer{width:100%; background:#333333;}
footer .footer_wrap{max-width:1240px; padding:60px 20px;width:100%;margin:0 auto;font-size:0}
footer .footer_wrap .footer_logo{display:inline-block;vertical-align:middle;width:50%;text-align:center}
footer .footer_wrap .footer_info{display:inline-block;vertical-align:middle;width:50%}
footer .footer_wrap .footer_info .address{font-size:15px; font-weight:300; color:#b4b4b4; }
footer .footer_wrap .footer_info .copy{font-size:15px; font-weight:300; color:#b4b4b4; margin-top:15px}
footer .footer_wrap .footer_info .go_top_btn{ display:block;margin-top:30px}
footer .footer_wrap .footer_info .contact_point{font-size:15px; font-weight:300; color:#b4b4b4; }
footer .footer_wrap .footer_logo{font-size:24px; font-weight:bold; color:#b4b4b4; }


@media screen and (max-width: 1240px) {	
  model-viewer{bottom: 10px;right: 20px;width: 470px;height: 470px;}
  section.event_wrap div.content{padding: 0 60px;}
}



@media screen and (max-width:1024px){
	model-viewer{bottom: 10px;right: 20px;width: 400px;height: 400px;}
  section.event_wrap div.content{width: 100%}
  section.event_wrap div.content .title{padding-top:100px}
}

@media screen and (max-width: 800px) {
  section.event_wrap div.content .title{padding-top:80px}
  model-viewer{bottom: 20px;right: 20px;width: 80%;height: 40%;}
  section.event_wrap div.content{padding: 0 20px;}
  section.event_wrap div.content .title{font-size: 36px;}
  section.event_wrap div.content .dec{font-size: 14px;line-height: 24px;margin: 10px 0 22px}
  section.event_wrap div.content .app_button a{width: 45%;}
  section.event_wrap div.content .app_button img{width: 100%;}
  
  div.event_inner{width: 100%;padding: 0 4%;margin: 0 auto;}
  div.event_inner .white_box p{font-size: 20px;}
  .code-box{width: 100%}
	.quick_cont{right:-240px;}
	.quick_cont .quick01 .big{width:240px !important;}
  .shop-button {font-size: 16px;padding: 10px 20px}
  div.event_inner{position: absolute;top: 50%;transform: translateY(-50%);}
  section.event_wrap{position:relative;min-height: auto;}
}

@media screen and (max-width:684px){
	
	/*span.br_line{display:inline}*/
    section.event_wrap .logo_wesser{width:140px;margin: 60px 0 40px}
    section.event_wrap .logo_dayper{width:100px;margin: 0 0 20px}
  div.event_inner .white_box{padding:30px 20px}
  footer .footer_wrap .footer_logo{font-size:18px; font-weight:bold; color:#b4b4b4; }
  footer .footer_wrap .contact_point{margin-top:12px;font-size:12px;}
  input.copy-input{padding-left: 20px;width: inherit;}
  button.copy-btn{margin-right:20px;}


	footer .footer_wrap{max-width:1240px; padding:30px 20px;width:100%;margin:0 auto;font-size:0}
	footer .footer_wrap .footer_logo{display:inline-block;vertical-align:middle;width:100%;text-align:center}
	footer .footer_wrap .footer_logo img{width:130px}
	footer .footer_wrap .footer_info{display:inline-block;vertical-align:middle;width:100%;margin-top:20px;text-align:center}
	footer .footer_wrap .footer_info .address{font-size:12px; font-weight:300; color:#b4b4b4; }
	footer .footer_wrap .footer_info .copy{font-size:12px; font-weight:300; color:#b4b4b4; margin-top:10px;text-align:center}
	footer .footer_wrap .footer_info .go_top_btn{ display:block;margin:20px auto;text-align:center}



}

@media screen and (max-width:460px){

	

}