@charset "UTF-8";
/* CSS Document */


:root{
/*	--n1-primary:#E35B4C; */ /* red 포인트색 */
	--n1-primary:#20ABFB; /* blue 포인트색 */
	--n1-primary-dark : #1A8BCB;
	
	--n1-bg:#f2f2f2;
	--n1-dark00:#000000;
	--n1-dark01:#101010;
	--n1-dark02:#545454;
	--n1-dark03:#767676;
	--n1-white:#ffffff;
	--n1-bg-a:rgba(0, 0, 0, 0.05);
	--n1-line:#e2e2e2;
	--n1-line02:#d2d2d2;
	--n1-icon:#a9a9a9;
	font-size: 10px;
}


/* reset style */

ul, li{	
	list-style: none;
	margin: 0;
	padding: 0;
}

table{
	padding: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
th, td{
	padding: 0;
}



/* top */
.n1-bg{
	background: var(--n1-bg);
}

.n1-mainvisual{
	margin-top: -4rem;
	padding: 12rem 0;
}
.n1-main01{
	align-items: center;
}
.n1-main01-ttl{
	font-size: 4rem;
	font-weight: 900;
	line-height: 140%;
}
.n1-main01-hashtag{
	margin-top: 2rem;
}
.n1-hashtag{
	display: flex;
	column-gap: 1.2rem;
	flex-wrap: wrap;
	grid-row-gap: 1.6rem;
}
.n1-hashtag a{
	color: inherit;
}
.n1-hashtag-li{
	background: url('../images/ic_hashtag.png') left 1rem center no-repeat var(--n1-bg-a);
	padding: 0.8rem 1.2rem 0.8rem 3rem;
	border-radius: 0.4rem;
	font-size: 1.6rem;
	color: var(--n1-dark01);
}
.n1-main01-img img{
	width: 100%;
}


.n1-main02{
	margin-top: 6rem;
	text-align: center;
	font-size: 1.8rem;
	color: var(--n1-dark01);
}
.n1-main02-iclayout{
	margin-top: 6rem;
	display: flex;
	justify-content: center;
	font-size: 1.4rem;
	color: var(--n1-dark02);
}
.n1-main02-icon{
}


/* body */
.n1-section{
	padding: 12rem 0;
}
.n1-section ~ .n1-section{
	padding-top: 6rem;
}
.n1-section h2{
	font-size: 3rem;
	margin-bottom: 6rem;
	text-align: center;
	color: var(--n1-dark01);
	font-weight: 700;
}
/* 아이콘 바탕 */
.n1-layout-icon01{
	border-radius: 0.4rem;
	background: var(--n1-bg-a);
	box-shadow: 0 0 1rem 0 #EBEEFD;
	padding: 3.6rem;
	display: inline-block;
}


/* 서비스 1 */
.n1-layout01{
	text-align: center;
	background: url('../images/n1_line.png') center top repeat-y;
}
.n1-layout01 .layout-li{
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/n1_bg_spot.svg') no-repeat center center;
}
.n1-layout01 .layout-li div{
	font-size: 1.4rem;
	color: var(--n1-dark02);
}
.layout01-left{
	text-align: right;
}
.layout01-right{
	text-align: left;
}
.n1-layout01 .layout-li h4{
	margin-bottom: 0.4rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--n1-dark01);
}
.n1-layout01 .layout-li h4 strong{
	color: var(--n1-primary);
}
.n1-layout01 .layout-li ~ .layout-li{
	margin-top: 4rem;
}


/* 서비스 2 */
.n1-layout02{
	display: flex;
	flex-wrap: wrap;
	grid-row-gap: 6rem;
	align-content: flex-start;
}
.n1-layout02 .layout-li{
	display: flex;
	align-items: center;
	column-gap: 2rem;
}
.n1-layout02 .layout-li h4{
	margin-bottom: 0.4rem;
	font-size: 1.6rem;
	color: var(--n1-dark01);
	font-weight: 700;
}
.n1-layout02 .layout-li .txt{
	font-size: 1.4rem;
	color: var(--n1-dark02);
}
.n1-layout02 .layout-li .badge{
	padding: 0.2rem 1.2rem;
	border-radius: 1.2rem;
	display: inline-block;
	font-size: 1.4rem;
	color: var(--n1-white);
	background: var(--n1-dark01);
}


/* 서비스 3 */
.n1-layout03{
	background: url('../images/n1_line.png') left top repeat-x;
	display: flex;
	justify-content:center;
}
.n1-layout03 .layout-li{
	position: relative;
	box-shadow: 0 0 1rem 0 #EBEEFD;
	border-radius: 0.4rem;
	text-align: center;
	padding: 3.6rem 0;
	font-size: 1.4rem;
	color: var(--n1-dark02);
	margin-top: 3rem;
	
}
.n1-layout03 .layout-li:before{
	content: url('../images/n1_bg_spot.svg');
	position: absolute;
	left: 50%;
	margin-left: -0.8rem;
	top: -3.8rem;
}
.n1-layout03 .icon{
	padding: 2rem 0;
}
.n1-layout03 .layout-li strong{
	color: var(--n1-dark01);
	font-weight: 700;
}


/* 분석 */
.n1-layout04{
	display: flex;
	justify-content: space-around;
	text-align: center;
	font-size: 1.4rem;
	color: var(--dark02);
}
.n1-layout04 .txt{
	padding-top: 2rem;
}


/* 연동 쇼핑몰 */
.n1-layout-partner{
	display: flex;
	grid-row-gap: 2rem;
	flex-wrap: wrap;
	font-size: 1.6rem;
	color: var(--n1-dark01);
	font-weight: 700;
	text-align: center;
}
.n1-layout-partner .partner-li{
}
.partner-li .partner-logo{
	border-radius: 0.8rem;
	border: 1px solid var(--n1-line);
	background: var(--n1-white);
	box-shadow: 0 0 1rem 0 #EBEEFD;
	box-sizing: border-box;
}
.partner-li .partner-logo img{
	width: 100%;
}
.partner-li .partner-txt{
	margin-top: 0.8rem;
}


/* 가격정책 - table */
.t-left{
	text-align: left;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}

.n1-table01{
	border-top: 2px solid var(--n1-dark01);
	border-bottom: 1px solid var(--n1-dark02);
	border-collapse: separate;
	width: 100%;
}
.n1-table01 thead{
	background: var(--n1-bg-a);
}
.n1-table01 th{
	font-size: 1.6rem;
	color: var(--n1-dark01);
	font-weight: 400;
	padding: 0.8rem 0;
	border-bottom: 1px solid var(--n1-line);
	border-right: 1px solid var(--n1-line);
}
.n1-table01 td{
	font-size: 1.4rem;
	color: var(--n1-dark01);
	font-weight: 400;
	padding: 0.8rem;
	border-bottom: 1px solid var(--n1-line);
	border-right: 1px solid var(--n1-line);
}
.n1-table01 th:last-child, .n1-table01 td:last-child{
	border-right: none;
}

.n1-txtlist{
	font-size: 1.4rem;
	margin-top: 2rem;
}
.n1-txtlist-ul01 > li{
	margin-top: 1.2rem;
	padding-left: 2rem;
	background: url('../images/ic_listyle01.svg') no-repeat left top;
	font-size: 1.4rem;
	color: var(--n1-dark01);
}
.n1-txtlist-ul01-sub > li{
	padding-left: 2rem;
	background:url('../images/ic_listyle02.svg') no-repeat;
	font-size: 1.4rem;
	color: var(--n1-dark02);
}
/* 버튼 영역 */
.n1-btnarea{
	margin-top: 6rem;
	text-align: center;
}
.n1-btn01{
	border: none;
	border-radius: 0.4rem;
	padding: 1.6rem 1rem;
	background: var(--n1-dark01);
	color: var(--n1-white);
	font-size: 2rem;
	font-weight: 700;
	width: calc((100% - 8rem) / 3);
}


/* FAQ */
.n1-layout-faq01{
	border-top: 2px solid var(--n1-dark02);
	border-bottom: 1px solid var(--n1-dark02);
}
.n1-faq-li{
	padding: 2rem 1rem;
	border-bottom: 1px solid var(--n1-line);
	font-size: 1.4rem;
}
.n1-faq-q{
	background: url('../images/ic_faq_q.svg') left top no-repeat;
	font-weight: 700;
	padding-left: 2.6rem;
	color: var(--n1-dark01);
}
.n1-faq-a{
	margin-top: 1rem;
	border-radius: 0.4rem;
	background: url('../images/ic_faq_a.svg') left 1.2rem top 2rem no-repeat var(--n1-bg);
	font-weight: 400;
	padding: 2rem;
	padding-left: 3.6rem;
	color: var(--n1-dark02);
}




/* 2025년 5월 추가 */
/* 비주얼영역 텍스트 리스트 */
.n2-main01-ul{
	margin-top: 4rem;
	margin-right: 4rem;
	font-size: 2.4rem;
	color: var(--n1-dark02);
}
.n2-main01-ul li{
	margin-bottom: 2rem;
	padding-left: 2rem;
	background: url('../images/ic_listyle01.svg') no-repeat left top 0.6rem;
}
/* 핵심 정보 */
.n2-main02{
	display: flex;
	text-align: left;
	align-items: center;
}
.n2-main02-img img{
	width: 100%;
}
.n2-main02-ul{
	margin-top: 4rem;
	font-size: 2.4rem;
	color: var(--n1-dark02);
}
.n2-main02-ul li{
	margin-bottom: 2rem;
	padding-left: 2rem;
	background: url('../images/ic_listyle01.svg') no-repeat left top 0.6rem;
}

.n2-layout01{
	background: var(--n1-bg);
	border-radius: 0.4rem;
	margin: auto;
	width: 73.2rem;
	height: 46.9rem;
	position: relative;
}
.n2-layout01-caption{
	position: absolute;
	right: 4rem;
	bottom: 4rem;
	font-size: 1.6rem;
	color: var(--dark01);
}

/* 서비스 사용사례 */
.n1-layout03 .ttl{
	margin-bottom: 1.2rem;
	font-size: 2rem;
	font-weight: 700;
	color: var(--n1-dark01);
}


/* 20250507 추가 */
/* 메인 */
.btn-n-support{
	padding: 0.8rem 2rem;
	border-radius: 0.4rem;
	border: 1px solid var(--n1-primary-dark);
	font-size: 1.6rem;
	color: var(--n1-white);
	font-weight: 500;
	background: linear-gradient(to bottom, #20ABFB, #0A9DF2);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}
/* 메인 추가 : 공지사항 */
.m01notice{
	display: flex;
	height: 6rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0;
}
.m01notice h4{
	margin: 0;
	font-size: 1.6rem;
	color: var(--n1-dark01);
	width: 8rem;
}
.m01notice-ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.4rem;
	color: var(--n1-dark02);
	width: 104rem;
	column-gap: 2rem;
	height: 100%;
	z-index: 1169;
}
.m01notice-ttl{
	width: 41rem;
}
.m01notice-ttl{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	color: var(--n1-dark01);
}
.m01notice-date{
	color: var(--n1-dark03);
}
.m01notice-bar{
	border-right: 1px solid var(--n1-line02);
	height: 1.2rem;
}
/* 공지사항 팝업 */
.m01-pop{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.6);
}
.m01noticepop{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1140px;
	border-radius: 1.2rem;
	background: var(--n1-white);
	margin: auto;
}
.m01noticepop-top{
	display: flex;
	justify-content: center;
	align-items: center;
}
.m01noticepop-top h2{
	text-align: center;
	font-size: 2.4rem;
	color: var(--n1-dark01);
}
.m01noticepop-x{
	position: absolute;
	right: 2rem;
	top: 2rem;
}
.m01noticepop-body{
	padding: 0 2rem;
	overflow-y: scroll;
	max-height: calc(100vh - 20rem);
}
.m01noticepop-li{
	padding: 2.4rem 0 2rem;
	border-bottom: 1px solid var(--n1-line);
}
.m01noticepop-li-ttl{
	margin: 0;
	font-size: 1.6rem;
	color: var(--n1-dark01);
	font-weight: 500;
	background: url("../images/ic_m_open.svg") right bottom no-repeat;
}
.m01noticepop-li-date{
	margin-top: 0.8rem;
	font-size: 1.4rem;
	color: var(--n1-dark03);
}
.m01noticepop-li-txt{
	margin-top: 0.8rem;
	font-size: 1.4rem;
	color: var(--n1-dark03);
	padding: 1.6rem;
	background: var(--n1-bg);
	border-radius: 0.4rem;
}
.m01noticepop-li .m01noticepop-li-txt{
	display: none;
}
.m01noticepop-li.on .m01noticepop-li-txt{
	display: block;
}
.m01noticepop-li.on .m01noticepop-li-ttl{
	font-weight: 700;
	background: url("../images/ic_m_close.svg") right bottom no-repeat;
}
.m01noticepop-li.on{
	border-bottom: 1px solid var(--n1-dark01);
}

.m01noticepop-foot{
	border-top: 1px solid var(--n1-line);
	padding-top: 1rem;
	padding-bottom: 4rem;
}
.m01noticepop-pager{
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 0.8rem;
}
.m01noticepop-pager li{
	min-width: 2.4rem;
	font-size: 1.6rem;
	color: var(--n1-dark03);
	text-align: center;
	cursor: pointer;
}
.m01noticepop-page li.on{
	color: var(--n1-primary);
	font-weight: 700;
}


/* 메인 수정 : 사람이 하던 3시간 60배 업 수정 */
.m01card{
	display: flex;
	align-items: stretch;
}
.card-n{
	padding: 6rem 3rem 5rem 3rem;
	text-align: center;
}
.lead-n{
	font-size: 2rem;
	font-weight: 700;
	color: var(--n1-dark02);
}
.counter-n{
	font-size: 6rem;
	font-weight: 900;
}
.unit-n{
	font-size: 4rem;
	font-weight: 900;
}
.unit-ko{
	font-size: 5rem;
	font-weight: 900;
}
.chip-n{
	display: flex;
	align-items: center;
	column-gap: 1.6rem;
	justify-content: center;
	margin: 1.2rem 0;
}
.i-resale-n{
	border-radius: 0.8rem;
}

/* 메인 추가 : 상품수집이 필요한 셀러를 위한 스토어봇의 가치 */
.m01solution-box{
	margin-top: 6rem;
	border-radius: 1.2rem;
	padding: 2rem;
	border: 1px solid rgba(0, 162, 255, 0.3);
}
.m01solution-before{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
.m01solution-before-ttl{
	margin: 0;
	flex-shrink: 0;
	width: 11rem;
	font-size: 1.6rem;
	text-align: left;
}
.m01solution-before-ul{
	display: flex;
	grid-gap: 1.6rem;
	align-items: stretch;
	justify-content: center;
}
.m01solution-before-li{
	border-radius: 0.4rem;
	background: rgba(0, 162, 255, 0.05);
	padding: 2.4rem 1.2rem;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.m01solution-before-txt1{
	margin: 0;
	font-size: 1.6rem;
	color: rgba(255, 255, 255, 0.4);
}
.m01solution-before-txt2{
	margin: 0;
	margin-top: 0.4rem;
	font-size: 2rem;
	color: var(--n1-white);
}
.m01solution-arrow{
	background: url("../images/bg_m_arrow.png") center bottom 2rem no-repeat;
	padding: 6rem 0;
}
.m01solution-arrow-ttl{
	margin: 0;
	padding-bottom: 2rem;
	font-size: 2.4rem;
}
.m01solution-arrow-ttl strong{
	color: var(--n1-primary);
}
.m01solution-after-ul{
	display: flex;
	grid-gap: 1.6rem;
	align-items: stretch;
	justify-content: center;
}
.m01solution-after-li{
	border-radius: 1.2rem;
	background: var(--n1-primary);
	padding: 2rem 1.2rem;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.m01solution-after-txt1{
	font-size: 2rem;
	color: var(--n1-dark01);
}
.m01solution-after-txt2{
	font-size: 1.6rem;
	line-height: 140%;
}


/* 메인 수정 : 왜 스토어봇이 좋을까 */
.m01table{
	text-align: center;
}
/* 항목*/
.m01table-label{
	padding: 0;
}
.m01table-label-ul{
	margin-top: 2.4rem;
	border-radius: 8px 0 0 8px;
	border: 1px solid var(--n1-line);
	background: var(--n1-bg);
	text-align: center;
}
.m01table-label-li{
	border-bottom: 1px solid var(--n1-line);
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: var(--n1-dark03);
}
.m01table-label-li.ttl{
	height: 4rem;
	font-size: 1.6rem;
	font-weight: 700;
}
.m01table-label-li.end{
	border-bottom: 0;
}
/* 스토어봇 */
.m01table-storebot{
	padding: 0;
}
.m01table-storebot-ul{
	border-radius: 1.2rem;
	border: 4px solid var(--n1-primary);
	background: var(--n1-white);
	text-align: center;
}
.m01table-storebot-li{
	border-bottom: 1px solid var(--n1-line);
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: var(--n1-dark01);
}
.m01table-storebot-li.ttl{
	background: var(--n1-primary);
	color: var(--n1-white);
	font-size: 2rem;
	font-weight: 700;
}
.m01table-storebot-li.end{
	border-bottom: 0;
	margin-bottom: 1.2rem;
}
/* 타 사 */
.m01table-other{
	padding: 0;
}
.m01table-other-ul{
	margin-top: 2.4rem;
	border-radius: 0 8px 8px 0;
	border: 1px solid var(--n1-line);
	background: var(--n1-white);
	text-align: center;
}
.m01table-other-li{
	border-bottom: 1px solid var(--n1-line);
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	color: var(--n1-dark03);
}
.m01table-other-li.ttl{
	height: 4rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--n1-dark02);
	background: var(--n1-bg);
}
.m01table-other-li.end{
	border-bottom: 0;
}

/* 메인 추가 : 서비스 도입 Before / After */
.n01division{
	margin-top: 6rem;
	border-top: 1px solid var(--n1-bg);
	padding-bottom: 6rem;
}
.m01case{
	
}
.m01case-ex{
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--n1-dark02);
}
.m01case-ex-badge{
	border-left: 0.4rem solid var(--n1-primary);
	color: var(--n1-primary);
	padding: 0 1rem;
}
.m01case-body{
	position: relative;
	align-items: center;
	justify-content: space-between;
}
.m01case-before-ttl{
	text-align: center;
	font-size: 2.4rem;
	color: var(--n1-dark03);
	font-weight: 700;
}
.m01case-after-ttl{
	text-align: center;
	font-size: 2.4rem;
	color: var(--n1-dark01);
	font-weight: 700;
}

.m01division{
	margin-top: 6rem;
	margin-bottom: 6rem;
	border-top: 1px solid var(--n1-line);
}

.m01case-arrow{
	width: 3rem;
	text-align: center;
	align-self: center;
	position: absolute;
	left: calc(41.66667% - 20px);
	top: 50%;
}
.m01case-before-ul{
}

.m01case-before-li{
	margin-bottom: 0.8rem;
	border-radius: 0.8rem;
	padding: 1.6rem 0.4rem 1.4rem 3.8rem;
	background: var(--n1-bg) url('../images/ic_bullet_before.svg') left 1rem top 1.6rem no-repeat;
	font-size: 1.6rem;
	color: var(--n1-dark02);
}
.m01case-before-li.reply{
	border: 1px solid var(--n1-line);
	box-shadow: 0 4px 8px #f8f9fe;
	background: var(--n1-white) url('../images/ic_bullet_before_say.svg') left 1rem center no-repeat;
	font-weight: 700;
	line-height: 140%;
}

.m01case-after-ul{
	
}
.m01case-after-li{
	margin-bottom: 1.6rem;
	border-radius: 0.8rem;
	border: 1px solid var(--n1-primary);
	box-shadow: 4px 4px 8px #f8f9fe;
	padding: 2rem 1.6rem 1.8rem 4rem;
	background: var(--n1-white) url('../images/ic_bullet_after.svg') left 1.2rem top 2rem no-repeat;
	font-size: 2rem;
	color: var(--n1-dark02);
}
.m01case-after-li.reply{
	background: var(--n1-white) url('../images/ic_bullet_after_say.svg') left 1.2rem center no-repeat;
	color: var(--n1-dark01);
	font-weight: 700;
}
.m01case-after-explain{
	margin: 0;
	margin-top: 0.8rem;
	border-radius: 0.4rem;
	padding: 1rem 1.2rem;
	background: #f2faff;
	font-size: 1.6rem;
	color: var(--n1-dark03);
}

/* 메인 추가 : 도입순서 */
.m01flow{
	margin-bottom: 2rem;
}
.m01flow-box{
	position: relative;
	margin: 0 0.5rem;
	border-radius: 8px;
	padding: 4rem 2rem 3.4rem;
	display: flex;
	flex-direction: column;
	grid-gap: 2rem;
	justify-content: space-around;
	box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.08);
	height: 100%;
	background: var(--n1-white);
	z-index: 1;
}
.m01flow-box:after{
	content: "";
	position: absolute;
	right: -4rem;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/bg_m_flow.png") right center no-repeat;
	background-size: contain;
	z-index: 0;
}
.m01flow-box.end:after{
	display: none;
}
.m01flow-box.end{
	border: 2px solid var(--n1-primary);
}
.m01flow-box-ttl{
	font-size: 2rem;
	color: var(--n1-dark01);
	font-weight: 700;
}
.m01flow-box.end .m01flow-box-ttl{
	color: var(--n1-primary);
}
.m01flow-box-txt{
	font-size: 1.6rem;
	color: var(--n1-dark02);
}
.m01flow-box-i img{
	background: var(--n1-bg);
	border-radius: 4px;
}
.m01flow-txt{
	font-size: 2.4rem;
	text-align: center;
	margin-top: 6rem;
	color: var(--n1-dark01);
}
.m01flow-txt strong{
	font-weight: 700;
	color: var(--n1-primary);
}
.lead strong{
	color: var(--n1-primary);
	font-weight: 700;
}


/* 2507 추가 */
/* AI 대시보드 */
.dashboard2507{
	position: relative;
	text-align: center;
	padding-bottom: 59.4rem;
	font-size: 1.6rem;
	font-weight: 700;
}
.dashboard2507-01{
	position: absolute;
	left: 0;
	top: 0;
	color: var(--n1-primary);
}
.dashboard2507-02{
	position: absolute;
	right: 10rem;
	top: 3rem;
	color: #FC8A5E;
}
.dashboard2507-03{
	position: absolute;
	right: 0;
	top: 12rem;
	color: #20B3B8;
}
.dashboard2507-img{
	margin: -2rem;
}

.strong-blue{
	color: var(--n1-primary);
}

/* 사용후기 */
.hugi2507-ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 4rem;
	grid-row-gap: 4rem;
	justify-content: space-between;
}
.hugi2507-li{
	padding: 4rem 3rem;
	border-radius: 1.6rem;
	text-align: center;
	font-size: 1.4rem;
	background: var(--n1-bg);
	line-height: 140%;
	border: 1px solid transparent;
}
.hugi2507-profile{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
	column-gap: 0.8rem;
	font-size: 1.6rem;
}
.hugi2507-photo{
	border-radius: 2rem;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	color: var(--n1-white);
	background: var(--n1-icon);
}
.hugi2507-txt{
	color: var(--n1-dark03);
}
.hugi2507-li:hover{
	border: 1px solid var(--n1-icon);
	background: var(--n1-white);
	box-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.08);
}
/* box color */
.hugi2507-li.color01:hover{
	border: 1px solid #FC8A5E;
}
.hugi2507-li.color01 .hugi2507-photo{
	background: #FC8A5E;
}
.hugi2507-li.color02:hover{
	border: 1px solid #20B3B8;
}
.hugi2507-li.color02 .hugi2507-photo{
	background: #20B3B8;
}
.hugi2507-li.color03:hover{
	border: 1px solid #DEB74E;
}
.hugi2507-li.color03 .hugi2507-photo{
	background: #DEB74E;
}
.hugi2507-li.color04:hover{
	border: 1px solid #A471EC;
}
.hugi2507-li.color04 .hugi2507-photo{
	background: #A471EC;
}
/* box size */
.hugibox-12{
	flex-basis: 100%;
}
.hugibox-8{
	flex-basis: calc(66.7% - 2rem);
}
.hugibox-7{
	flex-basis: calc(58% - 2rem);
}
.hugibox-6{
	flex-basis: calc(50% - 2rem);
}
.hugibox-5{
	flex-basis: calc(41.6% - 2rem);
}
.hugibox-4{
	flex-basis: calc(33.3% - 2rem);
}

/* New Header */
.newheader{
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: 1px solid var(--n1-line);
	width: 100%;
	background: var(--n1-white);
	box-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.08);
	text-align: center;
	z-index: 9999;
}
.newheader-h{
	padding-bottom: 8rem;
}
.newheader-m{
	display: none;
}
.newheader-nav{
	width: 1140px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 8rem;
}
.newheader-ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 86rem;
}
.newheader-li{
	padding: 2rem;
	cursor: pointer;
}
.newheader-li a{
	position: relative;
	font-size: 1.8rem;
	color: var(--n1-dark02);
	font-weight: 700;
	display: inline-block;
}
.newheader-li:hover a, .newheader-li:active a, .newheader-li.on a{
	color: var(--n1-primary);
}
.newheader-li a::after{
	content: "";
	display: block;
	height: 3px;
	width: 0;
	background-color: var(--n1-primary);
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	transition: width 0.3s;
}
.newheader-li:hover a:after, .newheader-li:active a:after, .newheader-li.on a:after{
	width: 100%;
}
.newheader-sub{
	border-top: 1px solid var(--n1-line);
	display: none;
	width: 100%;
	background: white;
}
.newheader-sub-nav{
	width: 1140px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	column-gap: 0;
	padding: 4rem 10rem 6rem 7rem;
}
.newheader-sub-ttl{
	display: none;
}
.newheader-sub-ul{
	min-width: 20rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.newheader-sub-li ~ .newheader-sub-li{
	margin-top: 2rem;
}
.newhearder-sub-divide{
	border-right: 1px solid var(--n1-line);
}
.newheader-sub-div:first-child{
	text-align: right;
}
.newheader-sub-li a{
	font-size: 1.6rem;
	color: var(--n1-dark02);
	font-weight: 500;
	cursor: pointer;
	display: block;
}
.newheader-sub-li:hover a, .newheader-sub-li:active a, .newheader-sub-li.on a{
	color: var(--n1-primary);
}
/*--// 2507 추가 */


@media(max-width : 1139px){
	
	.col-ly-5{
		flex: 0 0 calc(100% / 5);
		width: calc(100% / 5);
		column-gap: 2rem;
		grid-row-gap: 2rem;
	}
	
/*	2507 추가 */
	/*	AI 대량수집 */
	.img2507-ai{
		width: 100%;
	}
	.dashboard2507-02{
		right: 50%;
		transform: translateX(50%);
	}
	
	/* New Header */
	.newheader{
		padding: 0 2rem;
		width: 100%;
	}
	.newheader-h{
		padding-bottom: 6rem;
	}
	.newheader-nav{
		width: 100%;
		height: 6rem;
	}
	.newheader-ul{
		width: calc(100% - 16rem);
	}
	.newheader-li{
		padding: 2rem 0;
	}
	.newheader-sub{
		top: 6rem;
		width: 100%;
	}
	.newheader-sub-nav{
		width: 100%;
		padding: 2rem 0;
	}
	.newheader-sub-ttl{
		display: block;
		padding-bottom: 1rem;
		text-align: center;
		font-size: 1.6rem;
		font-weight: 700;
		color: var(--n1-dark02);
	}
	.newheader-sub-ul{
		min-width: 0;
		padding: 1rem 0;
	}
	.newhearder-sub-divide{
		border-right: 1px solid var(--n1-line);
	}
	.newheader-sub-div:first-child{
		text-align: center;
	}
	.newheader-sub-li a{
		font-size: 1.4rem;
	}
	
}


@media (max-width : 768px){
	.m01table-label{
		display: none;
	}
	
/*	2507 추가 */
	/*	AI 대량수집 */
	.img2507-ai{
		width: 100%;
	}
	.m01solution-before{
		display: block;
	}
	.m01solution-before-ttl{
		width: 100%;
		text-align: center;
	}
	.m01solution-before-ul{
		display: block;
	}
	.m01solution-before-li{
		margin-top: 1rem;
	}
	.m01solution-after-ul{
		display: block;
	}
	.m01solution-after-li{
		margin-top: 1rem;
	}
	
	/*	대시보드 */
	.dashboard2507{
		position: relative;
		padding-bottom: 0;
	}
	.dashboard2507-01, .dashboard2507-02, .dashboard2507-03{
		position: relative;
		left: auto;
		right: auto;
		transform: translateX(0);
		top: 0;
		margin-bottom: 2rem;
	}
	.img2507-dashboard{
		width: 100%;
	}
	.dashboard2507-txt{
	}

	/* 사용후기 */
	.hugi2507-ul{
		display: block;
	}
	.hugi2507-li{
		margin-bottom: 2rem;
	}
	/* box size */
	.hugibox-12, .hugibox-8, .hugibox-7, .hugibox-6, .hugibox-5, .hugibox-4{
		flex-basis: 100%;
	}
	
	/*	new header */
	.newheader{
		position: fixed;
		text-align: left;
	}
	.newheader-h{
		padding-bottom: 6rem;
	}
	.newheader-m{
		display: block;
	}
	.newheader-nav{
		margin: 0;
		padding: 0 2rem;
		width: 100%;
		height: 6rem;
	}
	.newheader-ul{
		display: none;/* 모바일 크기에서 대메뉴 안보이게 */
	}
	
	.newheader-sub{
		top: 6rem;
		left: auto;
		right: 0;
		width: 90%;
		min-width: 320px;
		height: calc(100vh - 6rem);
		overflow-y: auto;
	}
	.newheader-sub-nav{
		width: 100%;
		margin: auto;
		display: block;
		justify-content: space-around;
		align-items: stretch;
		column-gap: 0;
		padding: 0;
	}
	.newheader-sub-ttl{
		display: block;
		padding: 2rem 2rem 1rem;
		font-size: 1.6rem;
		font-weight: 700;
		color: var(--n1-dark02);
		text-align: left;
	}
	.newheader-sub-ul{
		min-width: 20rem;
		padding: 0 2rem 2rem;
	}
	.newheader-sub-li ~ .newheader-sub-li{
		margin-top: 1rem;
	}
	.newheader-sub-li{
		border-bottom: 1px solid var(--n1-bg);
		padding: 1rem;
		border-radius: 4px;
	}
	.newheader-sub-li:active, .newheader-sub-li.on{
		background: var(--n1-bg);
		border-radius: 4px;
	}
	.newhearder-sub-divide{
		border-right: 1px solid var(--n1-line);
	}
	.newheader-sub-div:first-child{
		text-align: left;
	}
	.newheader-sub-li a{
		font-size: 1.6rem;
		color: var(--n1-dark02);
		font-weight: 500;
		cursor: pointer;
		display: block;
	}
	.newheader-sub-li:hover a, .newheader-sub-li:active a, .newheader-sub-li.on a{
		color: var(--n1-primary);
	}

}