@charset "utf-8";

/* ======================================================
   .entry-wrap
=========================================================*/
.entry-wrap{max-width:440px; margin:0 auto; padding:0 10px;}
.entry-wrap h3{font-size:30px; font-weight:700; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}

.entry-wrap .entry{margin-top:60px; position:relative; z-index:44;}
.entry-wrap .entry li{position:Relative; z-index:10}
.entry-wrap .entry li:nth-child(n+2){margin-top:15px;}
.entry-wrap .entry li.active{z-index:40}

.entry-wrap .agrees{margin-top:25px; padding:0 5px; position:relative;}
.entry-wrap .agrees .view-btn{position:absolute; right:5px; line-height:20px; font-weight:400; color:#555; border-bottom:1px solid #555;font-size:15px; letter-spacing:-0.03em;}
.entry-wrap .agrees .view-btn:hover{color:#1f1f1f;}

.entry-wrap .enter-btn{display:block; line-height:60px; border-radius:6px; font-size:18px;text-align:center; font-weight:700; color:#fff; background:#1b6aff;  margin-top:90px;}
.entry-wrap .enter-btn:hover{background:#1f1f1f;}

.entry-wrap .etit {padding-top:125px; background:url(../img/content/end-logo.jpg) no-repeat center top; padding-bottom:60px;}
.entry-wrap .etit h3{font-size:30px; font-weight:700; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}
.entry-wrap .etit p{font-size:24px; margin-top:12px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}

.entry-wrap .main-btn{display:block; line-height:60px; font-size:18px;position:relative; border-radius:8px; font-weight:600; letter-spacing:-0.03em; text-align:center;background:#1b6aff; color:#fff;}
.entry-wrap .main-btn:hover{background:#000;}

.entry-wrap .ex{color:#999; font-size:16px; font-weight:400; margin-top:35px; text-align:center;}
.entry-wrap .hide{display:none}

	@media only screen and (max-width:1240px) {	
		.entry-wrap h3{font-size:28px;}
		.entry-wrap .entry{margin-top:50px;}

		.entry-wrap .enter-btn{margin-top:75px;font-size:17px;}

		.entry-wrap .etit {padding-top:110px; background-size:60px auto;}
		.entry-wrap .etit h3{font-size:28px;}
		.entry-wrap .etit p{font-size:22px; margin-top:10px;} 
	}
	@media only screen and (max-width:1100px) {
	
	}
	@media only screen and (max-width:999px) {
		.entry-wrap h3{font-size:26px;}
		.entry-wrap .entry{margin-top:40px;}
		.entry-wrap .agrees{margin-top:20px;}
		.entry-wrap .agrees .view-btn{font-size:14px;line-height:18px;}

		.entry-wrap .enter-btn{margin-top:60px;font-size:16px; line-height:55px;}

		.entry-wrap .etit {padding-top:90px; background-size:50px auto; padding-bottom:50px;}
		.entry-wrap.etit h3{font-size:26px;}
		.entry-wrap .etit p{font-size:20px;} 
	}
	@media only screen and (max-width:680px) {
		.entry-wrap h3{font-size:24px;}
		.entry-wrap .entry li:nth-child(n+2){margin-top:10px;}
		.entry-wrap .entry{margin-top:30px;}

		.entry-wrap .agrees .view-btn{font-size:13px; line-height:16px; }

		.entry-wrap .enter-btn{margin-top:45px;font-size:15px; line-height:50px;}

		.entry-wrap .etit {padding-top:80px; background-size:45px auto; padding-bottom:40px;}
		.entry-wrap .etit h3{font-size:24px;}
		.entry-wrap .etit p{font-size:18px; margin-top:7px;}
	}
	}
	@media only screen and (max-width:480px) {
		.entry-wrap .etit {padding-top:70px; background-size:40px auto;}
		.entry-wrap .etit p{font-size:16px;}
			
	}



/* ======================================================
   .private-wrap
=========================================================*/
.private-wrap{max-width:980px; margin:0 auto; padding:0 10px;}
.private-wrap h3{font-size:30px; font-weight:700; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em;}
.private-wrap .scrolls{ margin-top:60px; /* height:480px; overflow-y:auto;  border:1px solid #ebebeb ; padding:30px;*/}
.private-wrap .scrolls p{font-size:16px; color:#555; letter-spacing:-0.03em; line-height:1.65em;}
.private-wrap .scrolls p.mg30t{margin-top:30px;}
	@media only screen and (max-width:1240px) {	
		.private-wrap .tits h3{font-size:28px;}
		.private-wrap .scrolls{ margin-top:50px;}
		.private-wrap .scrolls p{font-size:15px; }

	}
	@media only screen and (max-width:1100px) {
	
	}
	@media only screen and (max-width:999px) {
		.private-wrap .tits h3{font-size:26px;}
		.private-wrap .scrolls{ margin-top:40px;  /* padding:25px;height:400px; */}
		.private-wrap .scrolls p{font-size:15px; }
		.private-wrap .scrolls p.mg30t{margin-top:25px;}
	}
	@media only screen and (max-width:680px) {
		.private-wrap .tits h3{font-size:24px;}
		.private-wrap .scrolls{ margin-top:30px;/*  padding:20px;height:350px; */}
		.private-wrap .scrolls p{font-size:14px;}
		.private-wrap .scrolls p.mg30t{margin-top:20px;}
	}
	@media only screen and (max-width:480px) {
		.private-wrap .scrolls{ padding:20px 15px}
		.private-wrap .scrolls p{font-size:13px; }
	}




/* ======================================================
   .join-wrap
=========================================================*/
.join-wrap{max-width:440px; margin:0 auto; position:relative; padding:0 10px;}
.join-wrap .tits {height:194px;display:flex;align-items: center; justify-content: center;}
.join-wrap .tits .vc{text-align:center; width:100%;}
.join-wrap .tits h3{font-size:30px; font-weight:700; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}
.join-wrap .tits p{font-size:24px; margin-top:12px; font-weight:500; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}

.join-wrap .etit {padding-top:125px; background:url(../img/content/end-logo.jpg) no-repeat center top; padding-bottom:60px;}
.join-wrap .etit h3{font-size:30px; font-weight:700; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}
.join-wrap .etit p{font-size:24px; margin-top:12px; font-weight:400; color:#1f1f1f; letter-spacing:-0.03em; line-height:1.2em; text-align:center;}

.join-wrap .range{position:Absolute; left:10px; top:-30px; width:calc(100% - 20px);}
.join-wrap .range .bar{background:#f0f1f4 ; height:30px; border-radius:30px; overflow:hidden;}
.join-wrap .range p{position:Absolute; left:0; top:0; border-radius:30px; background:#3454f6; width:0; height:100%;}
.join-wrap .range p span{display:none;position:absolute;right:6px; top:50%; margin-top:-9px;width:18px;height:18px; text-align:center; border-radius:100%;line-height:18px; font-size:10px; font-weight:700; color:#3454f6; background:#fff;font-family:'GothamPro';}
	@media only screen and (max-width:1240px) {	
		.join-wrap .tits {height:180px;}
		.join-wrap .tits h3{font-size:28px;}
		.join-wrap .tits p{font-size:22px; margin-top:10px;} 

		.join-wrap .range{top:-26px;}
		.join-wrap .range .bar{height:26px; border-radius:26px;}
		.join-wrap .range p{border-radius:26px;}
		.join-wrap .range p span{width:16px;height:16px; font-size:9px; line-height:16px; margin-top:-8px; right:4px;}


		.join-wrap .etit {padding-top:110px; background-size:60px auto;}
		.join-wrap .etit h3{font-size:28px;}
		.join-wrap .etit p{font-size:22px; margin-top:10px;} 

	}
	@media only screen and (max-width:1100px) {
	
	}
	@media only screen and (max-width:999px) {
		.join-wrap .tits {height:165px;}
		.join-wrap .tits h3{font-size:26px;}
		.join-wrap .tits p{font-size:20px;}

		.join-wrap .etit {padding-top:90px; background-size:50px auto; padding-bottom:50px;}
		.join-wrap .etit h3{font-size:26px;}
		.join-wrap .etit p{font-size:20px;} 

		.join-wrap .range{top:-22px;}
		.join-wrap .range .bar{height:22px; border-radius:22px;}
		.join-wrap .range p{border-radius:22px;}
	}
	@media only screen and (max-width:680px) {
		.join-wrap .tits {height:150px;}
		.join-wrap .tits h3{font-size:24px;}
		.join-wrap .tits p{font-size:18px; margin-top:7px;}

		.join-wrap .etit {padding-top:80px; background-size:45px auto; padding-bottom:40px;}
		.join-wrap .etit h3{font-size:24px;}
		.join-wrap .etit p{font-size:18px; margin-top:7px;}
 
		
		.join-wrap .range{top:-18px;}
		.join-wrap .range .bar{height:18px; border-radius:18px;}
		.join-wrap .range p{border-radius:18px;}
		.join-wrap .range p span{width:12px;height:12px; font-size:7px; line-height:12px; margin-top:-6px; right:4px;}
	}
	@media only screen and (max-width:480px) {
		.join-wrap .tits {height:135px;}
		.join-wrap .tits p{font-size:16px;}

		.join-wrap .etit {padding-top:70px; background-size:40px auto;}
		.join-wrap .etit p{font-size:16px;}
	}



.join-wrap .types{}
.join-wrap .types ul{}
.join-wrap .types li{}
.join-wrap .types li:nth-child(n+2){margin-top:20px;}
.join-wrap .types li a{display:block; font-size:24px;line-height:114px; height:116px;border:1px solid #ebebeb; border-radius:20px; text-align:center; font-weight:700; color:#000; letter-spacing:-0.03em;  box-sizing:border-box;}
.join-wrap .types li a span{display:inline-block;vertical-align:top; position:relative; padding-left:105px; margin-left:-25px;}
.join-wrap .types li a span:before{width:60px; height:60px; border-radius:12px; overflow:hidden;position:Absolute ;left:0; top:50%; margin-top:-30px; display:block; content:""}

.join-wrap .types li.active a, .join-wrap .types li a:hover{background:#f2f4f6 ; border-color:#1b6aff}

.join-wrap .types li:nth-child(1) a span:before{background:url(../img/content/join-type01.png) no-repeat left center; background-size:60px auto;}
.join-wrap .types li:nth-child(2) a span:before{background:url(../img/content/join-type02.png) no-repeat left center; background-size:60px auto;}

.join-wrap .types li.active:nth-child(1) a span:before, .join-wrap .types li:nth-child(1) a:hover span:before{background-image:url(../img/content/join-type01o.png)}
.join-wrap .types li.active:nth-child(2) a span:before, .join-wrap .types li:nth-child(2) a:hover span:before{background-image:url(../img/content/join-type02o.png)}
	@media only screen and (max-width:1240px) {	
		.join-wrap .types li a{font-size:22px; line-height:98px; height:100px; border-radius:16px;}
		.join-wrap .types li a span{padding-left:95px;}
		.join-wrap .types li a span:before{width:54px; height:54px; background-size:54px auto !Important; margin-top:-27px;}
	}
	@media only screen and (max-width:1100px) {
		
	}
	@media only screen and (max-width:999px) {
		.join-wrap .types li a{font-size:20px; line-height:86px; height:88px; border-radius:12px;}
		.join-wrap .types li a span{padding-left:75px;}
		.join-wrap .types li a span:before{width:50px; height:50px; background-size:50px auto !Important; margin-top:-25px;}
	}
	@media only screen and (max-width:680px) {
		.join-wrap .types li:nth-child(n+2){margin-top:15px;}
		.join-wrap .types li a{font-size:18px; line-height:70px; height:72px; border-radius:10px;}
		.join-wrap .types li a span{padding-left:65px;}
		.join-wrap .types li a span:before{width:44px; height:44px; background-size:44px auto !Important; margin-top:-22px;}
	}
	@media only screen and (max-width:480px) {
		.join-wrap .types li a{font-size:16px; line-height:60px; height:62px; border-radius:6px;}
		.join-wrap .types li a span{padding-left:60px;}
		.join-wrap .types li a span:before{width:40px; height:40px; background-size:40px auto !Important; margin-top:-20px;}
	}


.join-wrap .entry{min-height:172px;}
.join-wrap .entry li{}
.join-wrap .entry li:nth-child(n+2){margin-top:15px;}
.join-wrap .entry li .bg-gray input{background:#f7f7f7}
.join-wrap .entry li .bg-gray input:focus{background:#fff}

.join-wrap .entry .field.choice{display:block;}
.join-wrap .entry .field.choice .chk-check, .join-wrap .entry .field.choice .chk-radio{display:block}
.join-wrap .entry .field.choice .chk-check:nth-child(n+2), .join-wrap .entry .field.choice .chk-radio:nth-child(n+2){margin-top:25px;margin-left:0;}

.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label{font-size:18px; padding-left:48px; font-weight:500; color:#555; line-height:30px;}
.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label:before{width:30px;height:30px; border-color:#ddd; background:none; border-radius:100%;}
.join-wrap .entry .field.choice .chk-check input[type="checkbox"]:checked + label{color:#1f1f1f;}
.join-wrap .entry .field.choice .chk-check input[type="checkbox"]:checked + label:before{background:url(../img/sub/check-on.png) no-repeat center center #1a68fc;background-size:60% auto; border-color:#1a68fc}


.join-wrap .entry .field.selected{display:block;border-radius:8px;overflow:hidden; position:relative;}
.join-wrap .entry .field.selected:after{ border:1px solid #ebebeb;position:absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box; border-radius:8px; display:block; content:"";z-index:-1}
.join-wrap .entry .field.selected .chk-radio{float:left; width:50%;}
.join-wrap .entry .field.selected .chk-radio label{display:block; padding:0; line-height:75px; font-size:18px; color:#555; font-weight:500; letter-spacing:-0.03em;text-align:center;}
.join-wrap .entry .field.selected .chk-radio label:before{display:none;}
.join-wrap .entry .field.selected .chk-radio input[type="radio"]:checked + label{background:#1b6aff; color:#fff}

.join-wrap .agrees{margin-top:25px; padding:0 5px; position:relative;}
.join-wrap .agrees .view-btn{position:absolute; right:5px; line-height:20px; font-weight:400; color:#555; border-bottom:1px solid #555;font-size:15px; letter-spacing:-0.03em;}
.join-wrap .agrees .view-btn:hover{color:#1f1f1f;}
	@media only screen and (max-width:1240px) {	
		.join-wrap .entry .field.selected .chk-radio label{font-size:17px; line-height:65px;}

		.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label{font-size:17px; padding-left:42px; line-height:26px;}
		.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label:before{width:26px;height:26px;}
	}
	@media only screen and (max-width:1100px) {
		.join-wrap .entry .field.selected .chk-radio label{ line-height:55px;}
	}
	@media only screen and (max-width:999px) {
		.join-wrap .agrees{margin-top:20px;}
		.join-wrap .agrees .view-btn{font-size:14px;line-height:18px;}
		
		.join-wrap .entry{min-height:160px;}
		.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label{font-size:16px; padding-left:38px; line-height:24px;}
		.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label:before{width:24px;height:24px;}
		.join-wrap .entry .field.choice .chk-check:nth-child(n+2), .join-wrap .entry .field.choice .chk-radio:nth-child(n+2){margin-top:20px;}

		.join-wrap .entry .field.selected .chk-radio label{font-size:16px; line-height:50px;}
	}
	@media only screen and (max-width:680px) {
		.join-wrap .agrees .view-btn{font-size:13px;line-height:16px;}

		.join-wrap .entry{min-height:150px;}
		.join-wrap .entry .field.selected .chk-radio label{font-size:15px; line-height:45px;}
		.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label{font-size:15px; padding-left:34px; line-height:22px;}
		.join-wrap .entry .field.choice .chk-check input[type="checkbox"] + label:before{width:22px;height:22px;}
		.join-wrap .entry .field.choice .chk-check:nth-child(n+2), .join-wrap .entry .field.choice .chk-radio:nth-child(n+2){margin-top:15px;}
	}
	@media only screen and (max-width:480px) {
		
		
	}


.join-wrap .lower{margin-top:100px;}
.join-wrap .lower:after{display:block ;content:"";clear:both}
.join-wrap .lower a{display:block; line-height:60px; font-size:18px;position:relative; border-radius:8px; font-weight:600; letter-spacing:-0.03em; text-align:center;}
.join-wrap .lower .prev-btn{float:left; width:calc(50% - 5px);background:#f3f7ff; color:#777;}
.join-wrap .lower .next-btn{float:right; width:calc(50% - 5px);background:#1b6aff; color:#fff;}
.join-wrap .lower .next-btn:after{width:30px;height:30px; background:url(../img/content/join-next.png) no-repeat center center; position:absolute; right:15px; top:50%; margin-top:-15px; display:block; content:"";transition:transform 1s cubic-bezier(.33,.02,0,.93)}
.join-wrap .lower .next-btn:hover:after{transform:translateX(5px)}

.join-wrap .main-btn{display:block; line-height:60px; font-size:18px;position:relative; border-radius:8px; font-weight:600; letter-spacing:-0.03em; text-align:center;background:#1b6aff; color:#fff;}
.join-wrap .main-btn:hover{background:#000;}

.join-wrap .ex{color:#999; font-size:16px; font-weight:400; margin-top:35px; text-align:center;}

.join-wrap .sec.hide{display:none}
	@media only screen and (max-width:1240px) {
		.join-wrap .lower{margin-top:80px;}
		.join-wrap .lower a{font-size:17px; }
		.join-wrap .lower .next-btn:after{ background-size:20px auto;}

		.join-wrap .main-btn{font-size:17px; }

		.join-wrap .ex{font-size:15px; margin-top:30px;}
	}
	@media only screen and (max-width:1100px) {
	
	}
	@media only screen and (max-width:999px) {
		.join-wrap .lower{margin-top:60px;}
		.join-wrap .lower a{font-size:16px; line-height:55px;}

		.join-wrap .main-btn{font-size:16px; line-height:55px;}

		.join-wrap .ex{font-size:14px; margin-top:25px;}
	}
	@media only screen and (max-width:680px) {
		.join-wrap .lower{margin-top:40px;}
		.join-wrap .lower a{font-size:15px; line-height:50px;}

		.join-wrap .main-btn{font-size:15px; line-height:50px;}

		.join-wrap .ex{font-size:13px; margin-top:20px;}
	}
	@media only screen and (max-width:480px) {
		.join-wrap .ex{font-size:12px;} 
	}