.memberwrap header {display:none;}
.inactive {opacity:0.5 !important;}
.inactive input:hover {   animation:none; }
.active {opacity:1 !important;}


/* signup layout */
.allsignupwrap {position:relative; z-index:10; width:100%; height:100%; background:#000 url(/assets/img/member/bg_signup.png) no-repeat 0 0; background-size:1382px; display:flex; justify-content:space-between; align-items: stretch;}
.allsignupwrap .back {position:absolute; top:40px; left:3%; padding:0 0 0 30px;font-size:18px; line-height:22px; font-weight:600; color:rgb(255, 255, 255); 
                   background:url(/assets/img/member/prev_g.svg) no-repeat 0 50%; background-size:20px; opacity:0.5;}
.allsignupwrap .back:hover {opacity:1;}
.allsignupwrap div.slwrap {width:45%; height:100%;padding:250px 0 60px;}
.allsignupwrap div.slwrap h2 {position:relative; width:100%; line-height:1.3; width:auto; height:100%; text-align:center; }
.allsignupwrap div.slwrap h2 span {  width:100%; display:inline-block; padding:300px 10px 0 10px; text-align:center;font-size:40px; font-weight:600; background:url(/assets/img/member/bg_headset.png) no-repeat center 0; background-size:339px;}
.allsignupwrap div.slwrap h2 strong {width:100%; display:block;font-size:44px;font-weight:600;}
.allsignupwrap div.srwrap {width:55%; height:100%;background:#191919; padding:100px 70px 80px 0;}
.allsignupwrap div.srwrap .inwrap { float:left; padding:0 0 0 70px;position:relative; width:100%; height:100%; max-width:740px;}
.allsignupwrap div.srwrap .inwrap h3 {width:100%; display:block;}
.allsignupwrap div.srwrap .inwrap h3 strong {width:100%; display:block; font-size:33px; font-weight:400;padding:0 0 28px 0;}
.allsignupwrap div.srwrap .inwrap h3 span {width:100%;  display:block;font-size:15px; font-weight:300; line-height:1.4;}
.allsignupwrap div.srwrap .inwrap h4 { font-size:15px; font-weight:600;}

@media all and (max-width:1620px){ 
    .allsignupwrap .back { left:4%; margin:0;} 
	.allsignupwrap div.slwrap h2 span {padding:258px 10px 0 10px; background-size:300px;font-size:36px;}
    .allsignupwrap div.slwrap h2 strong { font-size:40px;}
	.allsignupwrap div.srwrap { padding:100px 4% 80px 0;}
	.allsignupwrap div.srwrap .inwrap { float:left; padding:0 0 0 8%;}
} 
@media all and (max-width:1000px){
	.allsignupwrap .back { top:30px; }
	.allsignupwrap {display:block;}
	.allsignupwrap div.slwrap,
	.allsignupwrap div.srwrap { width:100%; height:auto;}
	.allsignupwrap div.slwrap {padding:110px 0 50px 0;float:none; margin:0 auto;} 
	.allsignupwrap div.slwrap { float:none; margin:0 auto;}
	.allsignupwrap div.slwrap h2 span {padding:195px 10px 0 10px; background-size:220px;}

	.allsignupwrap div.srwrap { padding:50px 4%;}
	.allsignupwrap div.srwrap .inwrap {  max-width:670px; float:none; margin:0 auto;padding:0;}
	.allsignupwrap div.srwrap .inwrap h3 strong { font-size:30px; padding:0 0 20px 0;}
} 
@media all and (max-width:600px){  
    .allsignupwrap .back { left:20px;}
    .allsignupwrap div.slwrap {padding:100px 0 40px 0;}
	.allsignupwrap div.slwrap h2 span { font-size:32px;padding:170px 10px 0 10px; background-size:190px;}
    .allsignupwrap div.slwrap h2 strong { font-size:36px;}
    .allsignupwrap div.srwrap { padding:40px 20px;}	 
	.allsignupwrap div.srwrap .inwrap h3 strong { font-size:24px;}
}
@media all and (max-width:350px){
	.allsignupwrap div.slwrap h2 span { font-size:28px;}
    .allsignupwrap div.slwrap h2 strong { font-size:32px;} 
    .allsignupwrap div.srwrap { padding:50px 15px;}
}


/* agreebox */
.agreebox {width:100%; display:block; } 
.agreebox .checkagree {width:100%; margin:8px 0 0 0; border:1px solid #333; border-radius:10px; padding:15px 20px ;}
.agreebox .checkagree:hover {border:1px solid #666;  }
.agreebox.inactive .checkagree:hover {border:1px solid #333;  }
.agreebox .checkagree.tit {width:100%; display:block; padding:20px 0  5px 0 ; margin:30px 0 0 0; border:none; border-top:1px solid #666; border-radius:0;   }
.agreebox.inactive .checkagree.tit:hover {border:none; border-top:1px solid #666;   }
.agreebox .checkagree a {  width:40px;  height:100%; opacity:0.5;  background:url(/assets/img/member/next_view.svg) no-repeat right 50%; background-size:16px; }
.agreebox .checkagree a span { font-size:0 ; text-indent:-9999em;  }
.agreebox .checkagree a:hover { opacity:1;}
.agreebox.inactive .checkagree a:hover {opacity:0.5;  }
.agreebox .apbox { width:100%; display:flex; justify-content:space-between; align-items:center;  }

.instxt_mtxt {width:100%; display:block;margin:10px 0 0 0;  }
.instxt_mtxt .tit {width:100%; display:block; color:#ed1c24;  padding:0 0 0 25px ; font-size: 16px; font-weight:600; line-height:1.4; min-height:20px;background:url(/assets/img/com/icon_notice_r.svg) no-repeat 0 0; background-size:20px;  }
.instxt_mtxt .txt {width:100%; display:block; padding:0 0 0 25px; font-size:14px; font-weight:300;}
.instxt_mtxt .txt span {border-bottom:1px solid #fff; }
@media all and (max-width:400px){   
    .agreebox .checkagree { padding:15px ;}
}

.agreebox .privacybox {width:100%;  border-radius:5px;  background:rgba(255,255,255,0.12); padding:18px 20px 16px 20px; margin:13px 0 0 0;}
.agreebox .privacybox h5 {width:100%; display:block; font-size: 14px; font-weight:600; color:#999;  padding:0 0 5px; }
.agreebox .privacybox dl {width:100%; display:block;  padding:8px 0 0 0;  display:flex; justify-content:start; align-items:stretch; }
.agreebox .privacybox dl dt {width:60px; color:#999;font-weight:600; font-size: 13px; line-height:1.4}
.agreebox .privacybox dl dd  {width:calc(100% - 60px);  text-align:left; color:#ccc; font-size: 13px; line-height:1.4  }
.agreebox .privacybox dl dd span {width:100%; display:block; background:none; }
@media all and (max-width:600px){  
    .agreebox .privacybox {  padding:16px 15px 14px 15px; }
}
@media all and (max-width:500px){   
	.agreebox .privacybox {width:100%;}
}

.loginbox .pbbtn.mbbtn { padding:70px 0 60px 0;}
@media all and (max-width:801px){  
	.loginbox .pbbtn.mbbtn { padding: 50px 0 ;}
}
@media all and (max-width:600px){  
	.loginbox .pbbtn.mbbtn { padding:40px 0 45px 0;}
}

/* downloadbtn */
.downloadbtn {width:100%; padding:60px 0 0 0; display:block; border-top:1px solid #666;}
.downloadbtn h4 {width:100%; display:block; font-size:19px !important; font-weight:400; padding:0 0 20px;}
.downloadbtn .dbox {width:100%; display:flex; justify-content:space-between; align-items:center;}
.downloadbtn .dbox a{ width:50%; margin:0 5px; line-height:48px; height:50px; border:2px solid #999; border-radius:10px; text-align:center;} 
.downloadbtn .dbox a:first-child { margin-left:0;}
.downloadbtn .dbox a:last-child { margin-right:0;}
.downloadbtn .dbox a:hover { border:2px solid #999; border-radius:10px; text-align:center;} 
.downloadbtn .dbox a span { font-size:0; text-indent:-9999em;}
.downloadbtn .dbox .googleplay {background:#191919 url(/assets/img/member/playstore_w.svg) no-repeat center 50%; background-size:130px;}
.downloadbtn .dbox .appstore {background:#191919 url(/assets/img/member/appstore_w.svg) no-repeat center 50%; background-size:120px;}
.downloadbtn .dbox .googleplay:hover {background:#999 url(/assets/img/member/playstore_bk.svg) no-repeat center 50%; background-size:130px;}
.downloadbtn .dbox .appstore:hover {background:#999 url(/assets/img/member/appstore_bk.svg) no-repeat center 50%; background-size:120px;}

@media all and (max-width:801px){   
	.downloadbtn { padding:50px 0 0 0;} 
}
@media all and (max-width:600px){   
	.downloadbtn { padding:40px 0 0 0;}
	.downloadbtn .dbox a{ line-height:48px; height:50px;}
}
@media all and (max-width:500px){  
	.downloadbtn .dbox .googleplay,
	.downloadbtn .dbox .googleplay:hover { background-size:110px;}
	.downloadbtn .dbox .appstore,
	.downloadbtn .dbox .appstore:hover { background-size:100px;} 
}
@media all and (max-width:320px){  
	.downloadbtn .dbox .googleplay,
	.downloadbtn .dbox .googleplay:hover { background-size:100px;}
	.downloadbtn .dbox .appstore,
	.downloadbtn .dbox .appstore:hover { background-size:90px;}
}



/* country */
.countrybox .cert_txt {cursor:none;}