@charset "utf-8";




/* -------------------------------------------- 

							헤더 영역

---------------------------------------------*/

#header{
	position: fixed; top: 0; left: 0;
	z-index: 9999;

	width: 100%; height: 110px;
	background: transparent;

	transition: 0.3s;
}



	#header .wrapper{
		display: flex; justify-content: space-between;
		height: 100%; align-items: center;
	}

	#header .logo{}

	#header .logo a{}

	#header .logo a i{
		display: inline-block;
		width: 324px; height: 56px;
		background: url(/img/logo.png) no-repeat;
		background-position: top center;
		background-size: cover;

		transition: 0.3s;
	}


	#header .btn_join{
		display: inline-block;
		font-size: 1.25rem;
		color: var(--color01);
		background-color: #fff;
		
		padding: 10px 45px;
		border-radius: 50px;
		transition: 0.3s;
	}
		#header .btn_join:hover{
			background-color: #f3f3f3;
		}

	#header #header_btn1{
		margin-left:480px;
	}

/* 스크롤 시 변화 */
#header.scroll{
	background-color: #fff; height: 100px;
	box-shadow: 0 0 17px rgba(14,106,92,0.2);
}

#header.scroll .logo a i{
	width: 280px; height: 50px;
}


#header.scroll .btn_join{
	background-color: var(--color01);
	color: #fff;
}
	#header.scroll .btn_join:hover{
		background-color: #078b76;
	}






/* -------------------------------------------- 

							메인비주얼 영역

---------------------------------------------*/
#sec01{
	width: 100%; height: 100vh;
	background: url(/img/main_bg.png) no-repeat;
	background-position: top right;
	background-size: 80%;

	padding-top: 70px; box-sizing: border-box;
	
	position: relative;
}

#sec01::before{
	content: "";

	width: 308px; height: 308px;
	background-color: var(--color02);
	border-radius: 50%;

	position: absolute;
	bottom: 3vh; left: 3vw;
}


	#sec01 .wrapper{
		height: 100%;
		display: flex; align-items: center;
	}

	#sec01 .left{
		width: 50%;
	}
		#sec01 .left figure{
			width: 90%;
			position: relative;
			z-index: 3;
		}
		#sec01 .left figure svg{
			width: 100%;
		}

	#sec01 .right{
		width: 50%;
		text-align: right;
	}
		#sec01 .right .main_tit{
			font-size: 5.125rem; font-weight: 600;
			color: #fff; letter-spacing: -0.2rem;
		}
			#sec01 .right .main_tit span{
				font-size: inherit; color: #333;
				letter-spacing: inherit; font-weight: inherit;
			}

		#sec01 .right .join_benefit_box{
			display: inline-block;
			text-align: center;
			background-color: rgba(255,255,255,0.7);
			
			margin-top: 70px;
			padding: 40px 55px; border-radius: 25px;
		}
			#sec01 .right .join_benefit_box h3{
				font-size: 1.875rem;
			}
				#sec01 .right .join_benefit_box h3 strong{
					font-size: inherit; font-weight: 600;
				}

			#sec01 .right .join_benefit_box ul{
				margin-top: 35px;
				text-align: left;
			}
				#sec01 .right .join_benefit_box ul li{
					font-size: 1.25rem; font-weight: 600;
				}
				#sec01 .right .join_benefit_box ul li:not(:last-child){
					margin-bottom: 20px;
				}
					#sec01 .right .join_benefit_box ul li i{
						display: inline-block;
						width: 13px; height: 20px;
						background: url(/img/logo_small.png) no-repeat;
						background-size: cover;
						vertical-align: middle;

						margin-right: 8px;
					}

			#sec01 .right .join_benefit_box > a{
				display: inline-block;
				margin-top: 35px;
				background-color: #282828; color: #fff;
				font-size: 1.375rem;

				padding: 15px 135px 15px 30px;
				border-radius: 20px;
				position: relative;
				
				transition: 0.3s;
			}
			
			#sec01 .right .join_benefit_box > a:hover{
				background-color: #383838;
			}

				#sec01 .right .join_benefit_box > a i{
					position: absolute;
					top: 50%; right: 30px;
					transform: translateY(-50%);

					width: 42px; height: 17px;
					background: url(/img/icn_arrow.png) no-repeat;
					background-size: cover;
					background-position: top center;

					transition: 0.3s;
				}

				#sec01 .right .join_benefit_box > a:hover i{
					right: 25px;
				}



/* -------------------------------------------- 

					트래블룰 통과기업  영역

---------------------------------------------*/
#sec02{
	padding: 155px 0 170px;
	border-bottom: 1px dashed #aaa;
}
	#sec02 .wrapper{}

	#sec02 .tit_box{
		text-align: center;
	}


	#sec02 .pass_list{
		margin-top: 65px;

		display: flex; justify-content: center;
		gap: 80px;
	}
		#sec02 .pass_list .pass{}
			#sec02 .pass_list .pass figure{}
				#sec02 .pass_list .pass figure img{}






	/* -------------------------------------------- 

				최고의 암호화 거래 플랫폼  영역
				                       +
					신뢰할 수 있는 선택 영역

---------------------------------------------*/
#sec03, #sec05{
	padding: 145px 0 155px;
	position: relative; overflow: hidden;
}
	#sec03 .wrapper,
	#sec05 .wrapper{
		display: flex; align-items: center;
	}

	#sec03 .left,
	#sec05 .left{
		width: 50%;
	}
		#sec03 .left .tit_box,#sec05 .left .tit_box{}
			#sec03 .left .tit_box p,
			#sec05 .left .tit_box p{
				margin-top: 35px; font-size: 1.25rem;
				font-weight: 300;
			}

		#sec03 .left .platform_box,
		#sec05 .left .platform_box{
			margin-top: 60px;
			display: flex;
			gap: 4%;
		}
			#sec03 .left .platform_box li,
			#sec05 .left .platform_box li{
				width: 48%; padding: 25px 25px 35px;
				box-sizing: border-box; border-radius: 20px;

				display: flex; flex-direction: column;
				align-items: center; justify-content: center;
			}
				#sec03 .left .platform_box li figure,
				#sec05 .left .platform_box li figure{}

					#sec03 .left .platform_box li figure img,
					#sec05 .left .platform_box li figure img{}

				#sec03 .left .platform_box h4,
				#sec05 .left .platform_box h4{
					margin-top: 30px; color: #fff;
					font-size: 1.25rem; font-weight: 600;
					display: inline-block; background-color: #333;

					padding: 15px 30px; border-radius: 50px;
				}
				#sec03 .left .platform_box p,
				#sec05 .left .platform_box p{
					margin-top: 30px; font-size: 1.4375rem;
				}



	#sec03 .right,
	#sec05 .right{
		width: 50%;
	}
		#sec03 .right figure,
		#sec05 .right figure{
			width: 70%; margin: 0 0 0 auto;
		}
		#sec03 .right figure img,
		#sec05 .right figure img{
			width: 100%;
		}





	/* -------------------------------------------- 

				보안 및 위험 관리 시스템  영역

---------------------------------------------*/
#sec04{
	padding: 145px 0 155px;
	background-color: #f8f6f6;
}
	#sec04 .wrapper{
		display: flex; align-items: center;
	}

	#sec04 .left{
		width: 50%;
	}
		#sec04 .left figure{
			width: 70%; margin: 0 auto 0 0;
		}
		#sec04 .left figure img{
			width: 100%;
		}

	#sec04 .right{
		width: 50%;
	}
		#sec04 .right .tit_box{}
			#sec04 .right .tit_box p{
				margin-top: 35px; font-size: 1.25rem;
				font-weight: 300;
			}

		#sec04 .right .platform_box{
			margin-top: 60px;
			display: flex;
			gap: 4%;
		}
			#sec04 .right .platform_box li{
				width: 48%; padding: 25px 25px 35px;
				box-sizing: border-box; border-radius: 20px;

				display: flex; flex-direction: column;
				align-items: center; justify-content: center;
			}
				#sec04 .right .platform_box li figure{}
					#sec04 .right .platform_box li figure img{}
				#sec04 .right .platform_box h4{
					margin-top: 30px; color: #fff;
					font-size: 1.25rem; font-weight: 600;
					display: inline-block; background-color: #333;

					padding: 15px 30px; border-radius: 50px;
				}
				#sec04 .right .platform_box p{
					margin-top: 30px; font-size: 1.4375rem;
				}







	/* -------------------------------------------- 

					회원가입 혜택  영역

---------------------------------------------*/
#sec06{
	padding: 145px 0 160px;
	background-color:  #f3faf8;
	position: relative;
}

#sec06::before{
	content: "";
	width: 189px; height: 130px;
	background: url(/img/sec06_bg.png) no-repeat;
	background-size: cover; background-position: left top;
	position: absolute;
	top: 80px; left: 5%;
}
#sec06::after{
	content: "";
	width: 189px; height: 130px;
	background: url(/img/sec06_bg.png) no-repeat;
	background-size: cover; background-position: left bottom;
	position: absolute;
	bottom: 80px; right: 5%;
}

	#sec06 .wrapper{}

	#sec06 .tit_box{
		text-align: center;
	}
		#sec06 .tit_box p{
			font-weight: 300; margin-top: 35px;
			font-size: 1.25rem;
		}
		#sec06 .tit_box p strong{
			font-weight: 600; font-size: inherit;
		}

	#sec06 .benefit_box{
		display: flex; gap: 2%;
		margin-top: 60px;

		position: relative; z-index: 3;
	}
		#sec06 .benefit_box li{
			width: 23%; background-color: #fff;
			border-radius: 20px; box-sizing: border-box;
			padding: 35px 0;

			display: flex; flex-direction: column;
			align-items: center;
		}
		#sec06 .benefit_box li h4{
				color: #fff;	font-size: 1.75rem;
				display: inline-block;
				background-color: #333;
				padding: 13px 40px;
				border-radius: 50px;
		}
		#sec06 .benefit_box li h4 span{
			font-size: inherit; color: var(--color01);
			font-weight: 600;
		}

	
	#sec06 .benefit_box li figure{
		display: flex; align-items: flex-end;
		height: 125px; margin-top: 50px; 
	}
		#sec06 .benefit_box li figure img{}

	#sec06 .benefit_box li h5{
		margin-top: 50px; color: var(--color01);
		font-size: 1.875rem; font-weight: 600;
	}
	#sec06 .benefit_box li p{
		margin-top: 35px; text-align: center;
		font-size: 1.5rem;
	}
	#sec06 .benefit_box li p strong{
		font-size: inherit; font-weight: 600;
	}
	#sec06 .benefit_box li span{
		text-align: center; font-weight: 600;
		font-size: 1rem; color: var(--color01);
		margin-top: 5px;
	}






	/* -------------------------------------------- 

						푸터 위 띠배너  영역

---------------------------------------------*/
#last_sec{
	text-align: center;
	padding: 155px 0;
	background: url(/img/last_bg1.png), url(/img/last_bg2.png), #333;
	background-repeat: no-repeat;
	background-position: top left, bottom right;
	position: relative;
}



	#last_sec .wrapper{}

	#last_sec .tit_box{}
		#last_sec .tit_box .subTit,
		#last_sec .tit_box .tit{
			color: #fff;
		}

	#last_sec .btn_join{
		display: inline-block;
		margin-top: 35px;
		background-color: var(--color01);
		color: #fff;
		font-size: 1.375rem;
		padding: 15px 135px 15px 30px;
		border-radius: 10px;
		position: relative;

		transition: 0.3s;
	}
	#last_sec .btn_join:hover{
		background-color: #078b76;
	}

		#last_sec .btn_join i{
			position: absolute;
			top: 50%;
			right: 30px;
			transform: translateY(-50%);
			width: 42px;
			height: 17px;
			background: url(/img/icn_arrow.png) no-repeat;
			background-size: cover;
			background-position: top center;
			transition: 0.3s;
		}
		#last_sec .btn_join:hover i{
			right: 25px;
		}





	/* -------------------------------------------- 

								푸터 영역

---------------------------------------------*/
#footer{
	background-color: #111;
	padding: 100px 0;
}

	#footer .wrapper{
		display: flex; 
		justify-content: center; align-items: center;
		gap: 30px;
	}

	#footer .left{}

		#footer .left .logo{}

			#footer .left .logo i{
				display: inline-block;
				width: 324px; height: 56px;
				background: url(/img/logo.png) no-repeat;
				background-size: cover;
				background-position: left bottom;
				opacity: 0.5;
			}


	#footer .right{}

		#footer .right .f_info{}

			#footer .right .f_info li{
				color: #fff; display: inline-block;
				padding-left: 15px; padding-right: 15px;
				margin-bottom: 5px;
				font-size: 1.125rem;

				position: relative;
			}

			#footer .right .f_info li:nth-of-type(1)::after,
			#footer .right .f_info li:nth-of-type(3)::after{
				content: "";

				width: 1px; height: 80%;
				background-color: #fff;

				position: absolute;
				top: 50%; right: -0.5px;
				transform: translateY(-50%);
			}

				#footer .right .f_info li a,
				#footer .right .f_info li address{
					color: inherit; font-size: inherit;
					font-style: normal;
					transition: 0.3s;
				}

				#footer .right .f_info li a:hover{
					color: var(--color01);
				}

			#footer .right .copyright{
				color: #fff; padding-left: 15px;
				margin-top: 20px; font-size: 1.125rem;
			}

				#footer .right .copyright a{
					color: var(--color01); font-size: inherit;
					font-weight: 600;
				}









	/* -------------------------------------------- 

									반응형

---------------------------------------------*/
@media screen and (max-width: 1280px){
	#header{ height: 95px; }

	#sec01::before{ width: 150px; height: 150px; }

	#header .logo a i{ width: 250px; height: 45px; }

	#header .btn_join{ padding: 10px 40px; }

	#header.scroll{ height: 80px; }

	#header.scroll .logo a i { width: 230px; height: 40px; }


	#sec01{ background-size: 90%; }


	#sec01 .right .main_tit{ font-size: 4.625rem; }

	#sec01 .right .join_benefit_box{ margin-top: 50px; }

	#sec01 .right .join_benefit_box h3{ font-size:  1.625rem; }

	#sec01 .right .join_benefit_box ul li(:last-child){ font-size: 1.125rem; }

	#sec01 .right .join_benefit_box ul{ margin-top: 25px; }

	#sec01 .right .join_benefit_box > a{ margin-top: 30px; font-size: 1.25rem; }


	#sec03 .left, #sec05 .left { width: 60%; }
	#sec03 .right, #sec05 .right { width: 40%; }

	#sec03 .left .platform_box h4, #sec05 .left .platform_box h4{ padding: 10px 30px; }

	#sec04 .right .platform_box h4{ padding: 10px 30px; }
	
	#sec04 .right .tit_box p br{ display: none; }
}



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

	#sec01{ height: auto; padding-top: 110px; }

	#sec01 .wrapper{ flex-direction: column; }

	#sec01 .left{ width: 100%; }

	#sec01 .left figure{ width: 45%; margin: 0 auto; }

	#sec01 .right{ width: 100%; text-align: center; margin-top: 45px;}

	#sec01 .right .main_tit{ color: #333; font-size: 4.25rem;}

	#sec01 .right .main_tit br{ display: none; }

	#sec01 .right .main_tit span{ color: var(--color01); }

	#sec01 .right .join_benefit_box{ width: 70%; border: 1px dashed #aaa; padding: 30px 40px; }

	#sec01 .right .join_benefit_box ul{ display: flex; flex-wrap: wrap; }

	#sec01 .right .join_benefit_box ul li{ width: 50%;}



	#sec02 .pass_list .pass{ width: 33.3%; }

	#sec02 .pass_list .pass figure{ width: 100%; height: 100%; display: flex; align-items: center;}

	#sec02 .pass_list .pass figure img{ width: 100%; }


	#sec03 .wrapper, #sec05 .wrapper{ flex-direction: column; }

	#sec03 .left, #sec05 .left, #sec04 .right { width: 100%; }

	
	#sec03 .right, #sec05 .right, #sec04 .left { width: 100%; margin-top: 45px; }
	#sec03 .right figure, #sec05 .right figure, #sec04 .left figure{  width: 60%; margin: 45px auto 0; }
	


	#sec04 .wrapper{ flex-direction: column-reverse; }

	#sec04 .right .tit_box p br{ display: block; }


	#sec06 .benefit_box{ flex-wrap: wrap; gap: 4%; }
	#sec06 .benefit_box li{ width: 48%; }

	#sec06 .benefit_box li:nth-of-type(-n+2){ margin-bottom: 4%; }


	#last_sec{ background-position: top left -30vw, bottom right -8vw; }


	#footer .wrapper{ flex-direction: column; }

	#footer .right .f_info{ text-align: center; }

	#footer .right .copyright{ padding-left: 0; text-align: center; }
}




@media screen and (max-width: 820px){
	#header{ height: 80px; }
	#header .logo a i{ width: 230px; height: 40px; }

	#header .btn_join{ font-size: 1.125rem; }

	#header.scroll{ height: 70px; }
	#header.scroll .logo a i{ width: 200px; height: 35px; }


	#sec01 .right .main_tit{ font-size: 3.625rem; }

	#sec01 .right .join_benefit_box{ margin-top: 30px; }

	#sec01 .right .join_benefit_box h3{ font-size: 1.4325rem; }

	#sec01 .right .join_benefit_box ul li{ font-size: 1.125rem; }

	#sec01 .right .join_benefit_box > a{ font-size: 1.125rem; }

	#sec01 .right .join_benefit_box > a{ margin-top: 25px; }

	
	#sec02{ padding: 125px 0 140px; }
	#sec02 .pass_list{ margin-top: 45px; }
	#sec02 .pass_list .pass{ width: 22%; }

	#sec03, #sec04, #sec05{ padding: 115px 0 125px }

	#sec03 .left .tit_box p, #sec05 .left .tit_box p, #sec04 .right .tit_box p{ margin-top: 20px; }

	#sec03 .left .platform_box, #sec05 .left .platform_box, #sec04 .right .platform_box{ margin-top: 40px; }

	#sec03 .left .platform_box h4, #sec05 .left .platform_box h4, #sec04 .right .platform_box h4{ font-size: 1.125rem; }

	#sec03 .left .platform_box p, #sec05 .left .platform_box p, #sec04 .right .platform_box p{ font-size: 1.375rem; }

	#sec03 .right figure, #sec05 .right figure, #sec04 .left figure {
		width: 55%; margin: 20px auto 0;
	}
	


	#sec06{ padding: 115px 0 120px; overflow: hidden; }

	#sec06::before{ width: 355px; height: 245px; left: auto; right: -10vw; top: 30px; transform: scaleX(-1); opacity: 0.4; }

	#sec06::after{ display: none; }

	#sec06 .tit_box p{ margin-top: 20px; }

	#sec06 .benefit_box li h4{ font-size: 1.4325rem; padding: 9px 40px; }

	#sec06 .benefit_box li figure{ height: 100px; margin-top: 30px; }

	#sec06 .benefit_box li figure img{ width: 80%; margin: 0 auto;}

	#sec06 .benefit_box li h5{ font-size: 1.625rem; margin-top: 30px; }

	#sec06 .benefit_box li p{ font-size: 1.25rem; margin-top: 20px; }


	#last_sec {
		padding: 135px 0;
		background-position: top left -29vw, bottom right -8vw;
		background-size: auto 100%, auto 80%;
	}
	
	#last_sec .btn_join{ margin-top: 20px; font-size: 1.125rem; }

	
	#footer{ padding: 70px 0; }
	#footer .wrapper{ gap: 25px; }
	#footer .right .f_info li{ font-size: 1rem; }
	#footer .right .copyright{ font-size: 1rem; }
}




@media screen and (max-width: 600px){
	#header{ height: 70px; }
	#header .logo a i { width: 190px; height: 35px; }

	#header .btn_join{ font-size: 1rem; padding: 8px 25px; font-weight: 500; }


	#header.scroll{ height: 60px; }
	#header.scroll .logo a i { width: 160px; height: 30px; }

	#sec01 { padding-top: 80px; }
	#sec01::before{ display: none; }

	#sec01 .left figure{ width: 75%; }


	#sec01 .right{ margin-top: 30px; }
	#sec01 .right .main_tit{ font-size: 2.8125rem; }
	#sec01 .right .main_tit br{ display: block; }

	#sec01 .right .join_benefit_box{ margin-top: 15px; padding: 20px 30px; }

	#sec01 .right .join_benefit_box h3{ font-size: 1.125rem; }

	#sec01 .right .join_benefit_box ul{ margin-top: 15px; }

	#sec01 .right .join_benefit_box ul li{ font-size: 0.9375rem; width: 100%; text-align: center; }
	#sec01 .right .join_benefit_box ul li:not(:last-child) { margin-bottom: 10px; }

	#sec01 .right .join_benefit_box ul li i{ width: 10px; height: 16px; margin-right: 4px; }

	#sec01 .right .join_benefit_box > a{ word-break: keep-all; font-size: 1rem; margin-top: 15px; border-radius: 15px;}
	#sec01 .right .join_benefit_box > a i{ width: 30px; height: 13px; }


	#sec02 {
		padding: 95px 0 110px;
	}
	#sec02 .pass_list{ gap: 20px; }
	#sec02 .pass_list .pass{ width: 30%; }


	#sec03, #sec04, #sec05{ padding: 75px 0 85px; }

	#sec03 .left .tit_box p, #sec05 .left .tit_box p, #sec04 .right .tit_box p{ margin-top: 12px; font-size: 1rem; word-break: keep-all; width: 80%;}

	#sec04 .right .tit_box p br, #sec05 .left .tit_box p br{ display: none; }


	#sec03 .left .platform_box, #sec05 .left .platform_box, #sec04 .right .platform_box{ margin-top: 25px; }

	#sec03 .left .platform_box li, #sec05 .left .platform_box li, #sec04 .right .platform_box li {
		padding: 20px 20px 30px; justify-content: flex-start;
	}


	#sec03 .left .platform_box li figure, #sec05 .left .platform_box li figure, #sec04 .right .platform_box li figure {
		height: 65px; display: flex; align-items: flex-end;
	}
	#sec03 .left .platform_box li figure img, #sec05 .left .platform_box li figure img, #sec04 .right .platform_box li figure img{
		width: 85%; margin: 0 auto;
	}

	#sec03 .left .platform_box h4, #sec05 .left .platform_box h4, #sec04 .right .platform_box h4{
		font-size: 1rem; word-break: keep-all; text-align: center; margin-top: 15px;
		width: 100%; box-sizing: border-box;
		padding: 5px 30px;
	}

	#sec03 .left .platform_box p, #sec05 .left .platform_box p, #sec04 .right .platform_box p{ font-size: 1.125rem; margin-top: 15px; }

	#sec03 .right, #sec05 .right, #sec04 .left{ display: none; }
	


	#sec06::before {
		width: 300px; height: 206px;
		right: -30vw;
		top: 25px;
	}
	#sec06{ padding: 75px 0 80px; }

	#sec06 .tit_box p{ font-size: 1rem; margin-top: 12px; }


	#sec06 .benefit_box{ margin-top: 25px; }

	#sec06 .benefit_box li{ padding: 25px 0; }
	#sec06 .benefit_box li h4{ font-size: 1rem; padding: 7px 30px; }
	#sec06 .benefit_box li h5{ font-size: 1.125rem; margin-top: 15px; }
	#sec06 .benefit_box li p{ font-size: 1rem; margin-top: 10px; }

	#sec06 .benefit_box li figure{ height: 70px; margin-top: 15px; }
	#sec06 .benefit_box li figure img{ width: 60px; }

	#sec06 .benefit_box li span{ font-size: 0.75rem; }



	#last_sec{ padding: 50px 0; }
	#last_sec .tit{ font-size: 1.875rem; }
	#last_sec .btn_join{ font-size: 1rem; margin-top: 15px;  padding: 12px 70px 12px 30px;  }
	#last_sec .btn_join i{ width: 30px; height: 13px; }


	#footer{ padding: 50px 0; }
	#footer .wrapper{ gap: 15px; }
	#footer .left .logo i{ width: 190px; height: 33px; }
	#footer .right .f_info li{ font-size: 0.75rem; padding-left: 5px; padding-right: 10px; margin-bottom: 2px;}
	#footer .right .copyright{ font-size: 0.75rem; margin-top: 15px; }



}




@media screen and (max-width: 320px){
	#header{ height: 60px; }
	#header .logo a i { width: 150px; height: 26px; } 
	#header .btn_join{ opacity: 0; pointer-events: none; }

	#header.scroll{ height: 50px; }
	#header.scroll .logo a i { width: 120px; height: 21px; } 
	#header.scroll .btn_join{ opacity: 1; pointer-events: all; }


	#sec01 .right .main_tit{ font-size: 2.5rem; }
	

	#sec01 .right .join_benefit_box ul{ margin-top: 10px; }
	#sec01 .right .join_benefit_box h3{ font-size: 1rem; }
	
	#sec01 .right .join_benefit_box ul li{ font-size: 0.75rem; }

	#sec01 .right .join_benefit_box ul li i {
		width: 7px; height: 11px;
		margin-right: 2px;
	}

	#sec01 .right .join_benefit_box ul li:not(:last-child) {
		margin-bottom: 7px;
	}

	#sec01 .right .join_benefit_box > a{ font-size: 0.875rem; padding: 12px 90px 12px 30px; border-radius: 10px;}
	#sec01 .right .join_benefit_box > a i { width: 22px; height: 10px; }


	#sec02 .pass_list {
		gap: 10px; margin-top: 30px;
	}


	#sec03, #sec04, #sec05{ padding: 55px 0 65px; }
	#sec03 .left .platform_box, #sec05 .left .platform_box, #sec04 .right .platform_box{
		margin-top: 15px;
	}
	#sec03 .left .platform_box li, #sec05 .left .platform_box li, #sec04 .right .platform_box li{
		padding: 15px 15px 20px;
	}
	#sec03 .left .tit_box p, #sec05 .left .tit_box p, #sec04 .right .tit_box p{ font-size: 0.875rem; margin-top: 6px; }
	#sec03 .left .platform_box li figure, #sec05 .left .platform_box li figure, #sec04 .right .platform_box li figure{ height: 55px; }
	#sec03 .left .platform_box li figure img, #sec05 .left .platform_box li figure img, #sec04 .right .platform_box li figure img{ width: 75%; }

	#sec03 .left .platform_box h4, #sec05 .left .platform_box h4, #sec04 .right .platform_box h4{ font-size: 0.875rem; padding: 5px 0; margin-top: 10px;}
	#sec03 .left .platform_box p, #sec05 .left .platform_box p, #sec04 .right .platform_box p{ font-size: 1rem; }
	

	#sec06 .tit_box p{ font-size: 0.875rem; margin-top: 6px;}

	#sec06 .benefit_box{ margin-top: 15px; }


	#sec06 .benefit_box li h4{ font-size: 0.9375rem; padding: 5px 20px; }

	#sec06 .benefit_box li figure{ margin-top: 5px; }

	#sec06 .benefit_box li h5{ font-size: 1rem; margin-top: 10px; }

	#sec06 .benefit_box li p{ font-size: 0.9375rem; margin-top: 10px; }


	#sec06 .benefit_box li span{ word-break: keep-all; }
	#sec06 .benefit_box li span br{ display: none; }

	#last_sec .tit{ font-size: 1.4325rem; }

	#last_sec .btn_join{ font-size: 0.875rem; }
	#last_sec .btn_join i{ width: 22px; height: 10px; }



	#footer .left .logo i {
		width: 160px;
		height: 27px;
	}
	#footer .right .f_info li{ font-size: 0.625rem; }
	
}