@charset "utf-8";

section:not(.sec01){
	padding: 100px 0 150px;
}

.sec01{
	width: 100%;
	height: calc(100vh + 70px);
	padding-top: 80px;
	background: url(/img/visual.png) no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.sec01 .bg img{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	animation: fadeIn 1.7s ease-out forwards;
	animation-delay: 0.5s;
	display: none;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

.sec01 .wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec01 .content-box{
	text-align: center;
}

.sec01 .content-box .tit-box{}

.sec01 .content-box .tit-box .tit{
	font-size: 3.75rem;
}

.sec01 .content-box .tit-box .desc{
	color: var(--white);
	font-weight: var(--fw-500);
	line-height: 1.5;
}

.sec01 .content-box .btn-start{
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	margin-top: 50px;
	font-size: 1.125rem;
}




section.sec02{
	padding-top: 200px;
}
.sec02 .wrapper{
	width: 1280px;
}

.sec02 .tit-box{}

.sec02 .comparison-box{
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

.sec02 .comparison-box > div{
	padding: 30px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	width: calc( (100% - 40px) / 2 );
}

.sec02 .comparison-box > div *{
	position: relative;
	z-index: 1;
}

.sec02 .comparison-box .other{
	background-color: #303030;
}

.sec02 .comparison-box .our{
	background-color: var(--white);
}

.sec02 .comparison-box .our::before{
	content: "";
	width: 100%; height: 100%;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	opacity: 0.4;
	position: absolute;
	top: 0; left: 0;
	pointer-events: none;
}

.sec02 .comparison-box > div h4{
	text-align: center;
	padding: 20px 10px;
	border-radius: 10px 10px 0 0;
	font-size: 1.5625rem;
	font-weight: var(--fw-800);	
	box-sizing: border-box;
}

.sec02 .comparison-box .other h4{
	background-color: var(--gray02);
}

.sec02 .comparison-box .our h4{
	background-color: var(--point01);
}

.sec02 .comparison-box > div ul{
	box-sizing: border-box;
	padding: 30px;
	border-radius: 0 0 10px 10px;
}

.sec02 .comparison-box .other ul{
	background-color: #e7e7e7;
}

.sec02 .comparison-box .our ul{
	background-color: var(--white);
}

.sec02 .comparison-box > div ul li{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 7px;
	padding: 20px 0;
}

.sec02 .comparison-box > div ul li:first-child{
	padding-top: 0;
}

.sec02 .comparison-box > div ul li:last-child{
	padding-bottom: 0;
}

.sec02 .comparison-box > div ul li:not(:last-child){
	border-bottom: 1px dashed var(--gray05);
}

.sec02 .comparison-box > div ul li .icn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px; height: 30px;
	border-radius: 3px;
	border: 1px solid var(--gray05);
	background-color: var(--white);
}

.sec02 .comparison-box > div ul li .icn i{
	font-size: 1.25rem;
}

.sec02 .comparison-box .other ul li .icn i{
	color: var(--gray06);
}

.sec02 .comparison-box .our ul li .icn i{
	color: var(--point01);
}

.sec02 .comparison-box > div ul li .txt{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	color: var(--black);
	font-size: 1.25rem;
	font-weight: var(--fw-600);
}

.sec02 .comparison-box > div ul li .txt span{
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.sec02 .comparison-box > div ul li .txt i{
	color: var(--point02);
}

.sec02 .comparison-box .conclusion{
	height: 80px;
	border-radius: 10px;
	position: relative;
	box-sizing: border-box;
	padding: 20px 5px;
	text-align: center;
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: var(--fw-600);
}

.sec02 .comparison-box .other .conclusion{
	background-color: var(--gray06);
	font-size: 1.25rem;
}

.sec02 .comparison-box .other .conclusion::after{
	content: '';
	width: 0; height: 0;
	border-bottom: 13px solid var(--gray06);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
}

.sec02 .comparison-box .our .conclusion{
	background-color: var(--white);
	color: var(--black);
	border: 5px solid var(--point01);
	font-size: 1.125rem;
	line-height: 1.2;
}

.sec02 .comparison-box .our .conclusion::before{
	content: '';
	width: 0; height: 0;
	border-bottom: 18px solid var(--point01);
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
}

.sec02 .comparison-box .our .conclusion::after{
	content: '';
	width: 0; height: 0;
	border-bottom: 13px solid var(--white);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
}



.sec03{}

.sec03 .wrapper{
	width: 1600px;
}

.sec03 .feature-list{
	margin-top: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	position: relative;
	z-index: 1;
}

.sec03 .feature-list li{
	width: calc( (100% - 60px) / 4 );
	box-sizing: border-box;
	position: relative;
	padding: 60px 20px;
	border-radius: 10px;
	text-align: center;
	background-color: var(--gray03);
	transition: 0.8s;
	z-index: 2;
}

.sec03 .feature-list li::after{
	content: "";
	width: 100%; height: 100%;
	border-left: 2px solid var(--point01);
	border-right: 2px solid var(--point02);
	background-image: linear-gradient(to left, var(--point01), var(--point02)), linear-gradient(to left, var(--point01), var(--point02));
	background-size: 100% 2px;
	background-position: 0 100%, 0 0;
	background-repeat: no-repeat;
	background-clip: padding-box;
	border-radius: 10px;
	position: absolute;
	top: 0; left: 0;
	pointer-events: none;
}


.sec03 .feature-list li .individual-bubble {
  position: absolute;
  top: 0;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.8s ease;
}

.sec03 .feature-list li h5{
	font-size: 2.5rem;
	font-weight: var(--fw-900);
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec03 .feature-list li h5 strong{
	font-size: 5rem;
	font-weight: inherit;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec03 .feature-list li h5 strong span{
	font-size: inherit;
	font-weight: inherit;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 2;
	transition: var(--transition);
	animation: searchAnimation 3s linear infinite;
}

.sec03 .feature-list li:first-child:hover h5 strong span{
	background: transparent;
}

.sec03 .feature-list li:first-child h5 strong span::before{
	content: "\f15c";
	font-family: "Font Awesome 6 Free";
	font-weight: bold;
	background: var(--white);
	-webkit-background-clip: text;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: -1;
	transition: var(--transition);
}

@keyframes flyby {
  0%{
	transform:translate(-50px, 0) scale(.5);
	opacity:0;
  }
  50%{
	transform:translate(10px, 0) scale(1.2);
	opacity:0.4;
  }
  100%{
	transform:translate(50px, 0) scale(.5);
	opacity:0;
  }
}

.sec03 .feature-list li:first-child:hover h5 strong span::before{
	opacity: 0.4;
	animation:flyby 1.7s infinite ease;
}

.sec03 .feature-list li:first-child h5 strong span::after{
	content: "\f002";
	font-family: "Font Awesome 6 Free";
	font-weight: bold;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	position: absolute;
	position: absolute;
	top: 18px;
	left: 3px;
	opacity: 0;
}

.sec03 .feature-list li:first-child:hover h5 strong span::after{
	opacity: 1;
	animation: searchAnimation 1.7s infinite ease;
}

@keyframes searchAnimation{
	0%{
		transform:translate(0px, 0px) scale(1) rotate(0deg);
	  }
	  50%{
		transform:translate(2px, -2px) scale(1) rotate(-10deg);
	  }
	  100%{
		transform:translate(0px, 0px) scale(1) rotate(0deg);
	  }
}

.sec03 .feature-list li p{
	margin-top: 30px;
	font-size: 1.125rem;
	line-height: 1.3;
	color: var(--gray05);
}

.sec03 .technology-box{
	width: 1200px;
	margin: 100px auto 0;
}

.sec03 .technology-box .technology-list{
	margin-top: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 70px;
	position: relative;
	flex-wrap: wrap;
}


.sec03 .technology-box .technology-list li{
	width: calc( (100% - 350px) / 6 );
	position: relative;
}

.sec03 .technology-box .technology-list li:not(:last-child)::after{
	content: "\f0da";
	font-family: "Font Awesome 6 Free";
	font-weight: var(--fw-700);
	font-size: 1rem;
	color: var(--point02);
	position: absolute;
	right: -35px;
	top: calc( (100% - 1.125rem - 30px) / 2 );
	transform: translateY(-50%);
}

@property --r {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.sec03 .technology-box .technology-list li .icn{
	position: relative;
	border-radius: 10px;
	width: 100%;
	padding-bottom: 100%;
	background: conic-gradient(from var(--r), #222 0%, var(--gray05) 10%, var(--gray03) 20%);
	animation: rotating 3s linear infinite;
}

.sec03 .technology-box .technology-list li:not(:last-child) .icn::before{
	content: "";
	width: 70px; height: 1px;
	border-bottom: 1px dashed var(--gray06);
	position: absolute;
	top: 50%; right: -70px;
	transform: translateY(-50%);
}

.sec03 .technology-box .technology-list li .icn::after{
	content: "";
	display: block;
	position: absolute;
	background: var(--gray02);
	inset: 2px;
	border-radius: 5px;
	z-index: 1;
}

@keyframes rotating {
  0% {
	--r: 0deg;
  }
  100% {
	--r: 360deg;
  }
}

.sec03 .technology-box .technology-list li .icn img{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}

.sec03 .technology-box .technology-list li .txt{
	margin-top: 30px;
	font-size: 1.125rem;
	font-weight: var(--fw-600);
	color: var(--gray05);
	text-align: center;
	white-space: nowrap;
}


.sec04{}

.sec04 .wrapper{}

.sec04 .table-box,
.sec06 .table-box{
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2px;
}

.sec04 .table-box ul,
.sec06 .table-box ul{
	width: calc( (100% - 4px) / 3 );
	overflow: hidden;
}

.sec04 .table-box ul li,
.sec06 .table-box ul li{
	background-color: var(--gray03);
	box-sizing: border-box;
	padding: 15px 20px;
}

.sec04 .table-box ul li:nth-child(even),
.sec06 .table-box ul li:nth-child(even){
	background-color: var(--gray04);
}

.sec04 .table-box ul li:not(:first-child),
.sec06 .table-box ul li:not(:first-child){
	margin-top: 2px;
}

.sec04 .table-box ul li b,
.sec06 .table-box ul li b{
	font-weight: var(--fw-700);
}

.sec04 .table-box .category,
.sec06 .table-box .category{
	border-radius: 10px 0 0 10px;
}

.sec04 .table-box .type-b,
.sec06 .table-box .type-b{
	border: 4px solid var(--point01);
	border-radius: 0 10px 10px 0;
}

.sec04 .table-box .type-b li,
.sec06 .table-box .type-b li{
	background-color: #ebebeb;
	box-sizing: border-box;
	color: var(--point01);
	font-weight: var(--fw-800);
}

.sec04 .table-box .type-b li b,
.sec06 .table-box .type-b li b{
	color: var(--gray06);
}

.sec04 .table-box .type-b li:nth-child(even),
.sec06 .table-box .type-b li:nth-child(even){
	background-color: #d0cfcf;
}

.sec04 .chart-box{
	margin-top: 100px;
}

.sec04 .chart-box .chart{
	margin-top: 50px;
	background-color: var(--gray03);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 30px;
}



.sec05{}

.sec05 .wrapper{}

.sec05 .tit-box{}

.sec05 .performance-box{
	margin-top: 60px;
}

.sec05 .performance-box .performance-table{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 0;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: var(--gray04);
}

.sec05 .performance-box .performance-table .performance-content-list{}

.sec05 .performance-box .performance-table .performance-content-list:first-child{
	width: 195px;
	padding-bottom: 30px;
}

.sec05 .performance-box .performance-table .performance-content-list li{
	text-align: center;
	height: calc( ( 1.375rem * 1.2 ) + 60px );
	line-height: 1.2;
	font-size: 1.375rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: var(--black);
	font-weight: var(--fw-500);
}

.sec05 .performance-box .performance-table .performance-content-list li b{
	font-size: inherit;
	font-weight: var(--fw-700);
	color: var(--gray05);
	line-height: inherit;
}

.sec05 .performance-box .performance-table .performance-content-list li small{
	display: block;
	font-size: 1.125rem;
	color: var(--gray06);
	font-weight: var(--fw-500);
}

.sec05 .performance-box .performance-table .performance-content-list li strong{
	color: var(--point01);
	font-size: 1.6875rem;
}

.sec05 .performance-box .performance-table .performance-content{
	width: calc( (100% - 195px) / 2 );
	box-sizing: border-box;
	padding: 30px;
}

.sec05 .performance-box .performance-table .performance-content.ai{
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background-color: var(--white);
}

.sec05 .performance-box .performance-table .performance-content.ai::before{
	content: "";
	width: 100%; height: 100%;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	position: absolute;
	top: 0; left: 0;
	opacity: 0.4;
}

.sec05 .performance-box .performance-table .performance-content .inner{
	position: relative;
	z-index: 2;
	border-radius: 10px;
	overflow: hidden;
}

.sec05 .performance-box .performance-table .performance-content.person .inner{
	background-color: #e7e7e7;
}

.sec05 .performance-box .performance-table .performance-content.ai .inner{
	background-color: var(--white);
}


.sec05 .performance-box .performance-table .performance-content .performance-content-img{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
}

.sec05 .performance-box .performance-table .performance-content .performance-content-img img{
	height: 180px;
}

.sec05 .performance-box .performance-table .performance-content .performance-content-tit{
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0;
}

.sec05 .performance-box .performance-table .performance-content.person .performance-content-tit{
	background-color: var(--gray01);
}

.sec05 .performance-box .performance-table .performance-content.ai .performance-content-tit{
	background-color: var(--point01);
}

.sec05 .performance-box .performance-table .performance-content .performance-content-tit small{
	display: block;
	font-size: 1.25rem;
	opacity: 0.6;
}

.sec05 .performance-box .performance-table .performance-content .performance-content-tit strong{
	display: block;
	font-size: 1.875rem;
	margin-top: 5px;
}

.sec05 .performance-box p{
	margin-top: 50px;
	text-align: center;
	line-height: 1.3;
	color: var(--gray05);
	font-size: 1.6875rem;
}

.sec05 .performance-box p strong{
	color: var(--white);
	font-size: inherit;
}

.sec05 .result-box{
	margin-top: 100px;
}

.sec05 .result-box .result-content{
	background-color: var(--gray04);
	box-sizing: border-box;
	padding: 30px;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 30px;
}

.sec05 .result-box .result-content .result{
	position: relative;
}

.sec05 .result-box .result-content .result figure{
	border-radius: 10px;
	overflow: hidden;
}

.sec05 .result-box .result-content .result figure img{}

.sec05 .result-box .result-content .result .arrow{
	position: absolute;
	top: 255px;
	right: 120px;
}

.sec05 .result-box .result-content .conclusion{
	background-color: var(--white);
	color: var(--point01);
	border: 5px solid var(--point01);
	font-size: 1.5625rem;
	font-weight: var(--fw-600);
	position: relative;
	width: 100%;
	border-radius: 10px;
	text-align: center;
	padding: 30px 0;
}

.sec05 .result-box .result-content .conclusion::before{
	content: '';
	width: 0; height: 0;
	border-bottom: 18px solid var(--point01);
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
}

.sec05 .result-box .result-content .conclusion::after{
	content: '';
	width: 0; height: 0;
	border-bottom: 13px solid var(--white);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	top: -13px;
	left: 50%;
	transform: translateX(-50%);
}



.sec06{}

.sec06 .content-box{
	margin-top: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 45px;
}

.sec06 .content-box .img{
	display: block;
	width: calc( 50% - 45px );
	border-radius: 10px;
	overflow: hidden;
}

.sec06 .content-box .img img{
	width: 100%;
}

.sec06 .content-box .txt{
	width: 50%;
}

.sec06 .content-box .txt h5{
	font-size: 2.1875rem;
	font-weight: var(--fw-700);
	line-height: 1.3;
}

.sec06 .content-box .txt p{
	margin-top: 30px;
	line-height: 1.4;
	color: var(--gray05);
	font-size: 1rem;
}

.sec06 .content-box .txt p strong{
	display: block;
	line-height: 1.3;
	margin-top: 15px;
	font-size: 1.5rem;
	opacity: 0.8;
}

.sec06 .feature-box{
	margin-top: 100px;
}

.sec06 .feature-box .feature-list{
	width: 780px;
	margin: 50px auto 0;
}

.sec06 .feature-box .feature-list li{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 20px;
	border-radius: 10px;
	background-color: var(--gray04);
}

.sec06 .feature-box .feature-list li:not(:first-child){
	margin-top: 20px;
}

.sec06 .feature-box .feature-list li .num{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px; height: 45px;
	background-color: var(--gray01);
	border-radius: 5px;
}

.sec06 .feature-box .feature-list li .num em{
	font-style: normal;
	font-size: 1.5625rem;
	font-weight: var(--fw-800);
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec06 .feature-box .feature-list li .txt{
	font-size: 1.375rem;
	font-weight: var(--fw-500);
}

.sec06 .comparison-box{
	margin-top: 100px;
}


.sec07{}

.sec07 .video-box{
	width: 960px;
	margin: 50px auto 0;
	border-left: 2px solid var(--point01);
	border-right: 2px solid var(--point02);
	background-image: linear-gradient(to left, var(--point01), var(--point02)), linear-gradient(to left, var(--point01), var(--point02));
	background-size: 100% 2px;
	background-position: 0 100%, 0 0;
	background-repeat: no-repeat;
	background-clip: padding-box;
	border-radius: 10px;
	position: relative;
	height: 0;
	padding-bottom: 44%;
	overflow: hidden;
	z-index: 2;
	box-shadow: 0px 0px 100px rgba(255,255,255,0.3);
}

.sec07 .video-box iframe{
	width: 100%;
	height: calc(100% - 4px);
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
}



.sec08{
	padding-bottom: 0 !important;
	position: relative;
}

.sec08::before{
	content: "";
	width: 100%; height: 40%;
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	position: absolute;
	top: 0; left: 0;
	z-index: 5;
	pointer-events: none;
}

.sec08 .marquee-inner{
	opacity: 0.4;
}

.sec08 .marquee-inner > div{
  float:left;
  width:50%;
}

.sec08 .marquee-wrapper{
	filter: blur(2px);
}

.sec08 .marquee-wrapper .marquee-block{
  --total-marquee-items:5;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

.sec08 .marquee-wrapper .marquee-block:not(.block01){
	margin-top: 20px;
}

.sec08 .marquee-inner{
  display: block;
  width: 200%;
  position: relative;
}

.sec08 .marquee-inner.to-left{
  animation: marqueeLeft 25s linear infinite;
}

.sec08 .marquee-inner.to-right{
  animation: marqueeRight 30s linear infinite;
}

.sec08 .marquee-item{
  width: calc( (100% - 100px) / 5 );
  height: auto;
  display: inline-block;
  margin: 0 10px;
  float: left;
  transition: all .2s ease-out;
  border-radius: 10px;
  overflow: hidden;
}

@keyframes marqueeLeft{
  0% {
	left: 0;
  }
  100% {
	left: -100%;
  }
}

@keyframes marqueeRight{
  0% { 
	left: -100%; 
  }
  100% {
   left: 0; 
  }
}

.sec08 .txt{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 10;
	width: 100%;
}

.sec08 .txt .btn-start{
	margin-top: 50px;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	font-size: 1.125rem;
}


.sec09{}

.sec09 .wrapper{}

.sec09 .board-container.list{
	margin-top: 50px;
}

.sec09 .board-container.list .board-content{
	/* display: flex;
	flex-direction: row;
	gap: 30px;
	flex-wrap: wrap; */
}

.sec09 .board-container.list .board-content .board-content-item{
	/* width: calc( (100% - 60px) / 3 ); */
	background: none;
}

.sec09 .board-container.list .board-content .board-content-item:not(:first-child){
	margin-top: 0;
}

.sec09 .board-container.list .board-content .board-content-item a{
	display: block;
	height: 100%;
	background-color: var(--gray02);
	box-sizing: border-box;
	padding: 30px 30px 40px;
}

.sec09 .board-container.list .board-content .board-content-item:hover a {
	background-color: var(--gray02);
}

.sec09 .board-container.list .board-content .board-content-item .ranking-badge{
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}

.sec09 .board-container.list .board-content .board-content-item .ranking-badge span{
	display: inline-block;
	font-size: 0.875rem;
	padding: 5px 12px;
	border-radius: 2px;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
}

.sec09 .board-container.list .board-content .board-content-item .thumb-area{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.sec09 .board-container.list .board-content .board-content-item .thumb-area figure{
	display:flex;
	justify-content:center;
	align-items:center;
	width: 315px;
	height: 100%;
/*	border-radius: 50%;*/
	overflow: hidden;
	position: relative;
	background-color: var(--gray06);
}

.sec09 .board-container.list .board-content .board-content-item .thumb-area figrue img{
	width: 70%;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	object-fit:contain;
}

.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary{
/*	width: calc( 100% - 20px - 115px );*/
	width:100%;
	display:flex;
	flex-direction:column;
	gap:10px;

}

.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-writer{
	font-size: 0.875rem;
	font-weight: var(--fw-500);
	color: var(--gray05);
}

.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-title{
	margin-top: 10px;
	font-size: 1.4375rem;
	line-height: 1.2;
	font-weight: var(--fw-700);
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: calc( (1.4375rem * 1.2) * 2 );
}

.sec09 .board-container.list .board-content .board-content-item .preview-area{
	margin-top: 20px;
}

.sec09 .board-container.list .board-content .board-content-item .preview-area .preview{
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--gray06);
	line-height: 1.3;
	height: calc( (1rem * 1.3) * 3 );
}

.sec09 .board-container.list .board-content .board-content-item .revenue-area{
	margin-top: 20px;
	box-sizing: border-box;
	padding: 30px;
	background-color: var(--gray02);
	text-align: center;
	border-left: 2px solid var(--point01);
	border-right: 2px solid var(--point02);
	background-image: linear-gradient(to left, var(--point01), var(--point02)), linear-gradient(to left, var(--point01), var(--point02));
	background-size: 100% 2px;
	background-position: 0 100%, 0 0;
	background-repeat: no-repeat;
	background-clip: padding-box;
	border-radius: 10px;
}

.sec09 .board-container.list .board-content .board-content-item .revenue-area h4{
	font-size: 1rem;
	font-weight: var(--fw-500);
	color: var(--gray05);
}

.sec09 .board-container.list .board-content .board-content-item .revenue-area p{
	margin-top: 20px;
	font-size: 2.1875rem;
	font-weight: var(--fw-900);
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec09 .board-container.list .board-content .board-content-item .revenue-area p strong{
	font-size: 4.375rem;
	font-weight: inherit;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	letter-spacing: -0.18rem;
}

.sec09 .swiper-pagination{
	position: static;
	transform: unset !important;
	width: 100% !important;
	margin-top: 20px;
}

.sec09 .swiper-pagination-bullet{
	background-color: var(--white);
	width: 15px; height: 15px;
	margin-left: 5px !important;
	margin-right: 5px !important;
	position: relative;
	opacity: 0.4;
}

.sec09 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
	transform: scale(0.6);
}

.sec09 .swiper-pagination-bullet::after{
	content: "";
	width: 100%; height: 100%;
	border-radius: 50%;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	position: absolute;
	top: 0; left: 0;
	opacity: 0;
}

.sec09 .swiper-pagination-bullet.swiper-pagination-bullet-active-main{
	transform: scale(1);
	opacity: 1;
}

.sec09 .swiper-pagination-bullet.swiper-pagination-bullet-active-main::after{
	opacity: 1;
}

.sec09 .board-container.list .board-content .board-content-item .button-txt{
	margin-top: 15px;
	box-sizing: border-box;
	text-align: center;
	padding: 15px;
	background-color: var(--gray04);
	border-radius: 5px;
	position: relative;
	overflow: hidden;
}

.sec09 .board-container.list .board-content .board-content-item .button-txt::before{
	content: "";
	width: 100%; height: 100%;
	background: linear-gradient(to bottom, var(--point01), var(--point02));
	position: absolute;
	top: 0; left: 0;
	opacity: 0;
	transition: var(--transition);
}

.sec09 .board-container.list .board-content .board-content-item:hover .button-txt::before
{
	opacity: 1;
}

.sec09 .board-container.list .board-content .board-content-item .button-txt span{
	font-size: 1.0625rem;
	font-weight: var(--fw-700);
	position: relative;
	z-index: 2;
}


@media screen and (max-width: 1600px){
	.sec03 .wrapper{
		width: 90%;
	}
}



@media screen and (max-width: 1400px){
	section:not(.sec01){
		padding: 80px 0 120px;
	}
	
	.sec01 .content-box .tit-box .tit{
		font-size: 3.5rem;
	}
	
	.sec01 .content-box .tit-box .tit{
		margin-bottom: 15px;
	}
	
	.sec01 .content-box .btn-start{
		font-size: 1.0625rem;
	}
	
	section.sec02{
		padding-top: 150px;
	}
	
	.sec02 .comparison-box{
		margin-top: 30px;
	}
	
	.sec02 .comparison-box > div h4{
		font-size: 1.375rem;
	}
	
	.sec02 .comparison-box > div ul{
		padding: 25px 30px;
	}
	
	.sec02 .comparison-box > div ul li{
		padding: 17px 0;
	}
	
	.sec02 .comparison-box > div ul li .txt,
	.sec02 .comparison-box .other .conclusion{
		font-size: 1.125rem;
	}
	
	.sec02 .comparison-box .our .conclusion{
		font-size: 1.0375rem;
	}
	
	.sec03 .feature-list{
		gap: 10px;
		margin-top: 40px;
	}
	
	.sec03 .feature-list li{
		width: calc((100% - 30px) / 4);
		padding: 50px 20px;
	}
	
	.sec03 .technology-box .technology-list li:not(:last-child)::after {
		top: calc((100% - 1.0625rem - 25px) / 2);
	}
	
	.sec03 .feature-list li h5 strong{
		font-size: 4.25rem;
	}
	
	.sec03 .feature-list li:first-child h5 strong span::after{
		top: 19px; left: 4px;
		font-size: 3.9375rem;
	}
	
	.sec03 .feature-list li p,
	.sec03 .technology-box .technology-list li .txt{
		font-size: 1.0625rem;
		margin-top: 25px;
	}
	
	.sec03 .technology-box{
		width: 85%;
		margin-top: 80px;
	}
	
	.sec03 .technology-box .technology-list{
		gap: 55px;
		margin-top: 40px;
	}
	
	.sec03 .technology-box .technology-list li {
		width: calc((100% - 275px) / 6);
	}	
	
	.sec03 .technology-box .technology-list li .icn img{
		transform: translate(-50%, -50%) scale(0.8);
	}
	
	.sec04 .table-box, .sec06 .table-box{
		margin-top: 30px;
	}
	
	.sec04 .chart-box{
		margin-top: 80px;
	}
	
	.sec04 .chart-box .chart{
		margin-top: 30px;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-img img{
		height: 150px;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit small{
		font-size: 1.0625rem;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit strong{
		font-size: 1.625rem;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li{
		height: calc((1.25rem * 1.2) + 60px);
		font-size: 1.25rem;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li strong,
	.sec05 .performance-box p{
		font-size: 1.4375rem;
	}
	
	.sec05 .result-box{
		margin-top: 80px;
	}
	
	.sec05 .result-box .result-content .result{
		width: calc( (100% - 30px) / 2 );
	}
	
	.sec05 .result-box .result-content .result .arrow{
		position: absolute;
		top: 230px;
		right: 120px;
		width: 200px;
	}
	
	.sec05 .result-box .result-content .conclusion{
		font-size: 1.375rem;
	}
	
	.sec06 .content-box{
		margin-top: 40px;
		gap: 30px;
	}
	
	.sec06 .content-box .img{
		width: calc( 50% - 30px );
	}
	
	.sec06 .content-box .txt h5{
		font-size: 2rem;
	}
	
	.sec06 .content-box .txt p strong{
		font-size: 1.375rem;
	}
	
	.sec06 .feature-box{
		margin-top: 80px;
	}
	
	.sec06 .feature-box .feature-list{
		margin-top: 30px;
	}
	
	.sec06 .feature-box .feature-list li{
		padding: 17px 20px;
	}
	
	.sec06 .feature-box .feature-list li:not(:first-child){
		margin-top: 15px;
	}
	
	.sec06 .feature-box .feature-list li .num{
		width: 40px; height: 40px;
	}
	
	.sec06 .feature-box .feature-list li .num em{
		font-size: 1.375rem;
	}
	
	.sec06 .feature-box .feature-list li .txt{
		font-size: 1.25rem;
	}
	
	.sec06 .comparison-box{
		margin-top: 80px;
	}
	
	.sec07 .video-box{
		margin-top: 30px;
	}
	
	.sec09 .board-container.list .board-content{
		gap: 20px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item{
		width: calc((100% - 40px) / 3);
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area{
		gap: 15px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area figure{
		width: 105px; height: 105px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary{
		width: calc(100% - 15px - 105px);
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p strong{
		font-size: 4rem;
	}
}

@media screen and (max-width: 1300px){
	.sec02 .wrapper{
		width: 90%;
	}
}


@media screen and (max-width: 1200px){
	.sec01{
		padding-top: 70px;
	}
	
	.sec02 .comparison-box{
		gap: 20px;
	}
	
	.sec02 .comparison-box > div {
		padding: 25px;
		width: calc((100% - 20px) / 2);
	}
	
	.sec02 .comparison-box > div h4{
		padding: 17px 10px;
	}
	
	.sec02 .comparison-box > div ul{
		padding: 20px;
	}
	
	.sec02 .comparison-box > div ul li{
		gap: 5px;
	}
	
	.sec02 .comparison-box > div ul li .icn{
		width: 27px; height: 27px;
	}
	
	.sec02 .comparison-box > div ul li .icn i{
		font-size: 1.0625rem;
	}
	
	.sec02 .comparison-box > div ul li .txt, .sec02 .comparison-box .other .conclusion{
		font-size: 1.0625rem;
	}
	
	.sec02 .comparison-box > div ul li .txt{
		gap: 7px;
	}
	
	.sec02 .comparison-box > div ul li .txt i{
		font-size: 0.9375rem;
	}
	
	.sec02 .comparison-box .conclusion{
		height: 75px;
		margin-top: 25px;
	}
	
	.sec03 .feature-list{
		flex-wrap: wrap;
	}
	
	.sec03 .feature-list li{
		width: calc((100% - 10px) / 2);
	}
	
	.sec03 .technology-box .technology-list li .icn img{
		transform: translate(-50%, -50%) scale(0.7);
	}
	
	.sec07 .video-box{
		width: 820px;
	}
	
	.sec08 .marquee-item {
		width: calc((100% - 50px) / 5);
		margin: 0 5px;
	}
	
	.sec08 .marquee-wrapper .marquee-block:not(.block01){
		margin-top: 10px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item a{
		padding: 30px 25px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .ranking-badge span{
		font-size: 0.8125rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-writer{
		font-size: 0.8125rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-title{
		font-size: 1.25rem;
		height: calc((1.25rem * 1.2) * 2);
		margin-top: 7px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .preview-area .preview{
		font-size: 0.9375rem;
		height: calc((0.9375rem * 1.3) * 3);
		margin-top: 15px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area{
		padding: 30px 10px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area h4{
		font-size: 0.9375rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p strong{
		font-size: 3.625rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p{
		font-size: 1.875rem;
		margin-top: 15px;
	}
}


@media screen and (max-width: 1000px){
	section:not(.sec01){
		padding: 50px 0 100px;
	}
	
	.sec01{
		background-size: auto 90%;
		padding-top: 60px;
	}
	
	.sec01 .content-box .tit-box .tit{
		font-size: 3.25rem;
		max-width: 100%;
	}
	
	.sec01 .content-box .tit-box .tit .small-tit{
		font-size: 1rem;
		margin-bottom: 5px;
	}
	
	.sec01 .content-box .btn-start{
		margin-top: 30px;
	}
	
	section.sec02{
		padding-top: 120px;
	}
	
	.sec02 .comparison-box{
		flex-wrap: wrap;
		width: 550px;
		margin: 20px auto 0;
		gap: 15px;
	}
	
	.sec02 .comparison-box > div{
		width: 100%;
	}
	
	.sec03 .feature-list{
		margin-top: 30px;
	}
	
	.sec03 .technology-box .technology-list{
		margin-top: 20px;
		gap: 40px;
		align-items: stretch;
	}
	
	.sec03 .technology-box .technology-list li{
		width: calc((100% - 200px) / 6);
	}
	
	.sec03 .technology-box .technology-list li:not(:last-child)::after{
		right: -23px;
		top: calc((100% - 1.0625rem - 38px) / 2);
	}
	
	.sec03 .feature-list li p, .sec03 .technology-box .technology-list li .txt{
		font-size: 1rem;
		margin-top: 20px;
	}
	
	.sec03 .technology-box .technology-list li .txt{
		white-space: normal;
		line-height: 1.2;
		word-break: keep-all;
	}
	
	.sec03 .technology-box .technology-list li .icn img {
		transform: translate(-50%, -50%) scale(0.6);
	}
	
	.sec04 .table-box, .sec06 .table-box{
		margin-top: 25px;
		gap: 1px;
	}
	
	.sec04 .table-box ul li:not(:first-child), .sec06 .table-box ul li:not(:first-child) {
		margin-top: 1px;
	}
	
	.sec04 .chart-box{
		width: 700px;
		margin: 60px auto 0;
	}
	
	.sec05 .performance-box{
		margin-top: 40px;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list:first-child{
		display: none;
	}
	
	.sec05 .performance-box .performance-table .performance-content {
		width: 50%;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-img{
		padding: 30px 0;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-img img{
		height: 130px;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit{
		padding: 15px 0;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit small{
		font-size: 1rem;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit strong{
		font-size: 1.4375rem;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li{
		font-size: 1.0625rem;
		position: relative;
		box-sizing: border-box;
		padding-top: 15px;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li strong, .sec05 .performance-box p{
		font-size: 1.25rem;
		position: relative;
	}
	
	.sec05 .performance-box p{
		word-break: keep-all;
		line-height: 1.4;
		margin-top: 30px;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li::before{
		content: '';
		position: absolute;
		top: 18px; left: 50%;
		transform: translateX(-50%);
		font-size: 0.9375rem;
		font-weight: var(--fw-500);
		opacity: 0.5;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:nth-child(1)::before{
		content: '하루 콘텐츠 최대 생산량';
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:nth-child(2)::before{
		content: '평균 작업속도 (원고 1편 기준)';
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:nth-child(3)::before{
		content: '유사문서 발생률';
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:nth-child(4)::before{
		content: '키워드 정합률';
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:nth-child(5)::before{
		content: '기타';
		top: 13px;
	}
	
	.sec05 .result-box .result-content{
		gap: 20px 15px;
		padding: 25px;
		margin-top: 20px;
	}
	
	.sec05 .result-box .result-content .result{
		width: calc((100% - 15px) / 2);
	}
	
	.sec05 .result-box .result-content .result .arrow{
		position: absolute;
		top: 190px;
		right: 120px;
		width: 140px;
	}
	
	.sec05 .result-box .result-content .conclusion{
		font-size: 1.25rem;
		padding: 20px 0;
	}
	
	.sec06 .content-box{
		flex-direction: column;
	}
	
	.sec06 .content-box .img,
	.sec06 .content-box .txt{
		width: 550px;
		text-align: center;
	}
	
	.sec06 .content-box .txt p{
		margin-top: 20px;
	}
	
	.sec06 .content-box .txt p strong{
		margin-top: 10px;
	}
	
	.sec06 .feature-box{
		width: 550px;
		margin: 80px auto 0;
	}
	
	.sec06 .feature-box .feature-list{
		width: 100%;
		margin-top: 20px;
	}
	
	.sec07 .video-box{
		width: 680px;
	}
	
	.sec08{
		overflow: hidden;
	}
	
	.sec08 .marquee-wrapper{
		transform: scale(1.3);
	}
	
	.sec08 .txt .btn-start{
		margin-top: 30px;
		font-size: 1.0625rem;
	}
	
	.sec09 .board-container.list{
		margin-top: 30px;
	}
	
	
	.sec09 .board-container.list .board-content .board-content-item{
		/* width: calc((100% - 20px) / 2); */
	}
}



@media screen and (max-width: 767px){
	section:not(.sec01){
		padding-bottom: 60px;
	}
	
	.sec01{
		background-size: 100vh;
	}
	
	.sec01 .content-box .tit-box .tit{
		font-size: 3rem;
	}
	
	section.sec02{
		padding-top: 80px;
	}
	
	.sec02 .comparison-box{
		width: 420px;
	}
	
	.sec02 .comparison-box > div{
		padding: 20px;
	}
	
	.sec02 .comparison-box > div h4{
		font-size: 1.25rem;
		padding: 15px 10px;
	}
	
	.sec02 .comparison-box > div ul{
		padding: 15px;
	}
	
	.sec02 .comparison-box > div ul li{
		padding: 10px 0;
	}
	
	.sec02 .comparison-box > div ul li .icn{
		width: 22px; height: 22px;
	}
	
	.sec02 .comparison-box .conclusion{
		height: 65px;
		margin-top: 15px;
	}
	
	.sec02 .comparison-box .other .conclusion::after{
		border-bottom: 10px solid var(--gray06);
		top: -10px;
	}
	
	.sec02 .comparison-box .our .conclusion::after{
		border-bottom: 10px solid var(--white);
		top: -10px;
	}
	
	.sec02 .comparison-box .our .conclusion{
		border-width: 4px;
	}
	
	.sec02 .comparison-box .our .conclusion::before {
		border-bottom: 16px solid var(--point01);
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		top: -16px;
	}
	
	.sec03 .feature-list{
		width: 500px;
		margin: 30px auto 0;
	}
	
	.sec03 .feature-list li{
		padding: 30px 15px;
	}
	
	.sec03 .feature-list li h5 strong{
		font-size: 3.5rem;
	}
	
	.sec03 .feature-list li p, .sec03 .technology-box .technology-list li .txt{
		font-size: 1rem;
		margin-top: 10px;
	}
	
	.sec03 .feature-list li:first-child h5 strong span::after {
		top: 11px;
		left: 3px;
		font-size: 3.25rem;
	}
	
	.sec03 .technology-box{
		margin-top: 60px;
	}
	
	.sec03 .technology-box .technology-list{
		flex-wrap: wrap;
		width: 350px;
		margin: 20px auto 0;
		gap: 30px 40px;
	}
	
	.sec03 .technology-box .technology-list li{
		width: calc((100% - 80px) / 3);
	}
	
	.sec03 .technology-box .technology-list li:not(:last-child)::after{
		right: -22px;
		top: calc((100% - 1.0625rem - 28px) / 2);
	}
	
	.sec03 .technology-box .technology-list li:nth-child(3)::after,
	.sec03 .technology-box .technology-list li:nth-child(3) .icn::before{
		display: none;
	}
	
	.sec04 .table-box .category, .sec06 .table-box .category{
		display: none;
	}
	
	.sec04 .table-box ul, .sec06 .table-box ul{
		border-radius: 10px 0 0 10px;
		width: 50%;
	}
	
	.sec04 .table-box ul li, .sec06 .table-box ul li{
		padding: 12px 15px;
		position: relative;
	}
	
	.sec04 .table-box ul li:not(:first-child), .sec06 .table-box ul li:not(:first-child){
		padding-top: 30px;
	}
	
	.sec04 .table-box ul li:not(:first-child)::before, .sec06 .table-box ul li:not(:first-child)::before{
		content: "";
		font-size: 0.8125rem;
		font-weight: var(--fw-500);
		position: absolute;
		top: 12px; left: 15px;
		opacity: 0.5;
	}
	
	.sec04 .table-box ul:nth-child(3) li:not(:first-child)::before{
		color: var(--gray01);
	}
	
	.sec04 .table-box ul li:nth-child(2)::before{
		content: '유사문서 발생률';
	}
	
	.sec04 .table-box ul li:nth-child(3)::before{
		content: 'DIA 적용 여부';
	}
	
	.sec04 .table-box ul li:nth-child(4)::before{
		content: 'C-Rank 고려';
	}
	
	.sec04 .table-box ul li:nth-child(5)::before{
		content: '상위 노출 성공률';
	}
	
	.sec04 .chart-box{
		width: 100%;
	}
	
	.sec05 .performance-box{
		margin-top: 30px;
	}
	
	.sec05 .performance-box .performance-table .performance-content{
		padding: 20px;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-img{
		padding: 20px 0;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-img img{
		height: 100px;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit{
		padding: 10px 0;
	}
	
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit small{
		font-size: 0.9375rem;
	}
	.sec05 .performance-box .performance-table .performance-content .performance-content-tit strong{
		font-size: 1.375rem;
		margin-top: 4px;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li::before{
		font-size: 0.8125rem;
		top: 14px;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li {
		height: calc((1.0625rem * 1.2) + 40px);
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:last-child{
		height: calc((1.0625rem * 1.2) + 50px);
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li:nth-child(5)::before{
		top: 10px;
	}
	
	.sec05 .performance-box p{
		width: 450px;
		margin: 25px auto 0;
	}
	
	.sec05 .result-box .result-content{
		padding: 20px;
	}
	
	.sec05 .result-box .result-content .result .arrow{
		position: absolute;
		top: 130px;
		right: 80px;
		width: 110px;
	}
	
	.sec06 .content-box{
		margin-top: 30px;
	}
	
	.sec06 .content-box .img{
		width: 450px;
	}
	
	.sec06 .content-box .txt{
		width: 100%;
	}
	
	.sec06 .content-box .txt h5{
		font-size: 1.875rem;
	}
	
	.sec06 .content-box .txt p{
		margin-top: 15px;
	}
	
	.sec06 .content-box .txt p strong{
		font-size: 1.25rem;
		margin-top: 7px;
	}
	
	.sec06 .feature-box{
		width: 450px;
		margin-top: 60px;
	}
	
	.sec06 .feature-box .feature-list li{
		gap: 7px;
		padding: 12px 15px;
	}
	
	.sec06 .feature-box .feature-list li:not(:first-child){
		margin-top: 10px;
	}
	
	.sec06 .feature-box .feature-list li .num{
		width: 32px; height: 32px;
	}
	
	.sec06 .feature-box .feature-list li .num em{
		font-size: 1.25rem;
	}
	
	.sec06 .feature-box .feature-list li .txt{
		font-size: 1.125rem;
	}
	
	.sec06 .table-box ul li:nth-child(2)::before{
		content: '기업 맞춤 학습';
	}
	
	.sec06 .table-box ul li:nth-child(3)::before{
		content: '용도별 문체 구분';
	}
	
	.sec06 .table-box ul li:nth-child(4)::before{
		content: '산업별 키워드 최적화';
	}
	
	.sec06 .table-box ul li:nth-child(5)::before{
		content: 'CTA 및 SEO 구문 자동 튜닝';
	}
	
	.sec06 .table-box ul li:nth-child(6)::before{
		content: '유사문서 회피 구조';
	}
	
	.sec07 .video-box{
		width: 90%;
		margin-top: 20px;
		padding-bottom: 50%;
	}
	
	.sec08{
		padding-bottom: 50px !important;
	}
	
	.sec08 .marquee-item{
		width: calc((100% - 20px) / 5);
		margin: 0 2px;
		border-radius: 5px;
	}
	
	.sec08 .marquee-wrapper{
		transform: scale(1.5);
	}
	
	.sec08 .marquee-wrapper .marquee-block:not(.block01){
		margin-top: 4px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item a{
		padding: 20px;
	}
	.sec09 .board-container.list .search-area select{
		font-size: 0.8125rem;
	}
	.sec09 .board-container.list .search-area input{
		width: 200px;
	}
	.sec09 .board-container.list .board-content{
		gap: 12px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item{
		/* width: calc((100% - 12px) / 2); */
	}
	
	.sec09 .board-container.list .board-content .board-content-item .ranking-badge span{
		font-size: 0.75rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area{
		gap: 10px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area figure{
		width: 305px; height: 376px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary{
		width: calc(100% - 10px - 85px);
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-writer{
		font-size: 0.75rem;
	}

	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-title{
		font-size: 1.125rem;
		height: calc((1.125rem * 1.2) * 2);
		margin-top: 5px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .preview-area .preview {
		font-size: 0.875rem;
		height: calc((0.875rem * 1.3) * 3);
		margin-top: 10px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area{
		padding: 25px 10px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area h4{
		font-size: 0.875rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p{
		font-size: 1.625rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p strong{
		font-size: 3.25rem;
	}
}


@media screen and (max-width: 500px){
	.sec02 .comparison-box,
	.sec03 .feature-list,
	.sec05 .performance-box p,
	.sec06 .content-box .img,
	.sec06 .feature-box,
	.sec03 .technology-box .technology-list{
		width: 95%;
	}
	
	.sec01{
		background-size: 90vh;
		background-position: right 10% bottom;
	}
	
	.sec01 .content-box .tit-box .tit{
		font-size: 2.375rem;
	}
	
	.sec02 .comparison-box > div{
		padding: 12px;
	}
	
	.sec02 .comparison-box > div h4{
		font-size: 1.125rem;
		padding: 12px 7px;
	}
	
	.sec02 .comparison-box > div ul{
		padding: 15px 12px;
	}
	
	.sec02 .comparison-box > div ul li{
		gap: 3px;
		flex-direction: column;
	}
	
	.sec02 .comparison-box > div ul li .txt, .sec02 .comparison-box .other .conclusion{
		font-size: 1rem;
	}
	
	.sec02 .comparison-box .conclusion{
		height: 50px;
		word-break: keep-all;
	}
	
	.sec02 .comparison-box .our .conclusion{
		height: 75px;
	}
	
	.sec02 .comparison-box .our .conclusion br{
		display: none;
	}
	
	.sec03 .tit-box .desc{
		width: 80%;
		margin: 7px auto 0;
	}
	
	.sec03 .feature-list{
		margin-top: 20px;
	}
	
	.sec03 .feature-list li{
		padding: 25px 5px;
	}
	
	.sec03 .feature-list li h5 strong{
		font-size: 2.55rem;
	}
	
	.sec03 .feature-list li:first-child h5 strong span::after{
		top: 9px;
		left: 3px;
		font-size: 2.3rem;
	}
	
	.sec03 .feature-list li p, .sec03 .technology-box .technology-list li .txt{
		font-size: 0.875rem;
		margin-top: 7px;
		word-break: keep-all;
	}
	
	.sec03 .technology-box .technology-list li:not(:last-child)::after {
		right: -22px;
		top: calc((100% - 1.0625rem - 21px) / 2);
	}
	
	.sec03 .technology-box .technology-list li .icn img {
		transform: translate(-50%, -50%) scale(0.5);
	}
	
	.sec04 .table-box, .sec06 .table-box{
		margin-top: 20px;
	}
	
	.sec04 .table-box ul li, .sec06 .table-box ul li{
		font-size: 0.875rem;
		padding: 10px 10px;
	}
	
	.sec04 .table-box ul li b, .sec06 .table-box ul li b{
		font-size: inherit;
	}
	
	.sec04 .table-box ul li:not(:first-child)::before, .sec06 .table-box ul li:not(:first-child)::before{
		left: 10px;
	}
	
	.sec04 .chart-box .chart{
		margin-top: 20px;
		padding: 15px;
	}
	
	.sec05 .performance-box .performance-table{
		flex-direction: column;
		width: 80%;
		margin: 30px auto 0;
	}
	
	.sec05 .performance-box .performance-table .performance-content{
		width: 100%;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li::before{
		width: 100%;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li{
		font-size: 0.9375rem;
		word-break: keep-all;
	}
	
	.sec05 .performance-box .performance-table .performance-content-list li strong, .sec05 .performance-box p{
		font-size: 1rem;
	}
	
	.sec05 .result-box{
		margin-top: 50px;
	}
	
	.tit-box .sub-tit{
		width: 80%;
		margin: 0 auto;
	}
	
	.sec05 .result-box .result-content{
		padding: 15px;
		gap: 10px;
	}
	
	.sec05 .result-box .result-content .result{
		width: 100%;
	}
	
	.sec05 .result-box .result-content .conclusion{
		margin-top: 10px;
		font-size: 1.0625rem;
		word-break: keep-all;
		padding: 12px 5px;
		border-width: 3px;
	}
	
	.sec05 .result-box .result-content .conclusion::before{
		top: -18px;
	}
	
	.sec06 .content-box .txt *{
		word-break: keep-all;
	}
	
	.sec06 .content-box .txt h5{
		font-size: 1.4375rem;
	}
	
	.sec06 .content-box .txt p{
		font-size: 0.9375rem;
	}
	
	.sec06 .content-box .txt p strong{
		width: 285px;
		margin: 5px auto 0;
		font-size: 1.125rem;
	}
	
	.sec06 .content-box .txt p strong br{
		display: none;
	}
	
	.sec06 .feature-box{
		margin-top: 40px;
	}
	
	.sec06 .feature-box .feature-list{
		margin-top: 15px;
	}
	
	.sec06 .feature-box .feature-list li{
		padding: 10px 12px;
	}
	
	.sec06 .feature-box .feature-list li:not(:first-child){
		margin-top: 7px;
	}
	
	.sec06 .feature-box .feature-list li .num{
		width: 27px; height: 27px;
	}
	
	.sec06 .feature-box .feature-list li .num em{
		font-size: 1.0625rem;
	}
	
	.sec06 .feature-box .feature-list li .txt{
		word-break: keep-all;
		font-size: 1rem;
	}
	
	.sec06 .comparison-box{
		margin-top: 60px;
	}
	
	.sec07 .video-box{
		width: 100%;
		margin-top: 20px;
		padding-bottom: 55%;
	}
	
	.sec08{
		padding-bottom: 100px !important;
	}
	
	.sec08::before{
		height: 80%;
		top: -70px;
	}
	
	.sec08 .marquee-wrapper {
		transform: scale(2.5);
		filter: blur(1px);
	}
	
	.sec08 .txt .btn-start{
		margin-top: 15px;
	}
	
	.sec09 .board-container.list .search-area select{
		font-size: 0.75rem;
		padding: 9px 10px;
	}
	.sec09 .board-container.list .search-area input{
		width: 150px;
		font-size: 0.75rem;
	}
	
	.sec09 .board-container.list .search-area button i,
	.sec09 .board-container.list .search-area button span{
		font-size: 0.75rem;
	}
	
	.sec09 .board-container.list .board-content .board-content-item a{
		padding: 15px 10px 20px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .ranking-badge span{
		font-size: 0.7125rem;
		padding: 4px 8px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area{
		flex-direction: column;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area figure{}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary{
		width: 100%;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .thumb-area .content-summary .content-title{
		font-size: 1.0625rem;
		margin-top: 2px;
		height: calc((1.0625rem * 1.2) * 2)
	}
	
	.sec09 .board-container.list .board-content .board-content-item .preview-area{
		margin-top: 10px;
		display: none;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .preview-area .preview{
		font-size: 0.75rem;
		height: calc((0.75rem * 1.3) * 3);
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area{
		padding: 20px 10px;
		margin-top: 10px;
		border-left: 1px solid var(--point01);
		border-right: 1px solid var(--point02);
		background-image: linear-gradient(to left, var(--point01), var(--point02)), linear-gradient(to left, var(--point01), var(--point02));
		background-size: 100% 1px;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area h4{
		font-size: 0.75rem;
		word-break: keep-all;
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p{
		font-size: 0.9375rem;
		margin-top: 10px;
		font-weight: var(--fw-700);
	}
	
	.sec09 .board-container.list .board-content .board-content-item .revenue-area p strong{
		font-size: 2.125rem;
	}
}



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


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

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

.board-card-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1.4; /* 비율 고정 */
  overflow: hidden;
  border-radius: 8px; /* 선택사항: 모서리 둥글게 */
}

.board-card-thumb .thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* 이미지가 영역에 꽉 차게 */
  object-position: center; /* 중앙 기준으로 잘림 */
  display: block;
}