#sub{
	width:100%;
	min-width:1180px;
	overflow:hidden;
	border-top: 1px solid #E7E9EB;
}

.inner {
	width:1180px;
	margin: 0 auto;
}

.member{
	width: 400px;
	margin:80px auto 80px;
}

.member .title{
	color:#1C1E21;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}
.member .title span {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #1C1E21;
	display: block;
	margin-top: 40px;
}
.member .title img,
.member .logo img {
	max-width: 120px;
	display: block;
	margin-bottom: 10px;
}
.member .form_wrap .sub_title,
.result_wrap .sub_title {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #1C1E21;
	margin-top: 40px;
	padding-bottom: 8px;
}
.result_wrap {
	display: none;
	overflow: hidden;
}
.result_wrap .search-result-successed {
	background: #f2f3f6;
	border-radius: 6px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #77787A;
	font-size: 15px;
	margin-top: 12px;
}
.result_wrap .search-result-successed #searched-email {
	font-weight: 500;
	font-size: 15px;
	color: #1C1E21;
}
.member .result_wrap  .button .submitBTN {
	background: #3073F5;
}
.result_wrap a {
	float: right;
	display: block;
	margin-top: 16px;
}

.member .inputList{
	width:100%;
	margin-top: 20px;
}

.member .inputList li{
	/*width:100%;*/
	margin-top: 12px;
	/*padding: 8px 0;*/
}

.member .inputList li:first-child{
	margin-top:0px;
}

.member .inputList li > label{
	width:100%;
	font-size:16px;
	line-height: 24px;
	color:#1C1E21;
	display:inline-block;
	position: relative;
	font-weight: 500;
}

.member .inputList li > label span{
	font-size:16px;
	float:right;
	cursor:pointer;
}



.member .inputList li .w100{
	width:100%;
	max-width: 400px;
	padding: 12px;
	box-sizing:border-box;
	font-size: 15px;
}

.member .inputList li input.w100{
	border:1px solid #D7DBDF;
	margin-top: 8px;
	border-radius: 6px;
}

/*.member .inputList li .w100:focus {*/
/*	border-color: #217EFF;*/
/*}*/

.member .checkList{
	width:100%;
	padding-top: 20px;
}

.member .checkList li{
	width:100%;
	margin-bottom:5px;
}

.member .checkList .all_check {

	background: #F2F3F6;
	border-radius: 6px;
	padding: 12px;
}

.member .checkList li:first-child{
	margin-bottom:15px;
}


.member li > label.required:after {
	content: '*';
	color:#e80057;
	top:5px;
	padding-left:3px;
	position:relative;
}

.member .favorite-document-category {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 8px;
	margin-top: 8px;
}

.member .favorite-document-category label {
	color: #1C1E21;
	font-size: 15px;
}
.member .check_box {
	display: flex;
	align-items: center;
}
.member .check_box input {
	display: none;
}

.member .check_box label {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.5' fill='white' stroke='%23A4A5A6'/%3E%3C/svg%3E%0A") no-repeat;
	display: inline-block;
	padding-left: 25px;
	cursor: pointer;
}

.member .check_box input:checked + label {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.5' fill='%233073F5' stroke='%233073F5'/%3E%3Cpath d='M7.75 10.8983L11.15 15.3057L14.55 10.8983L16.25 8.69455' stroke='%23F2F3F6' stroke-width='1.60556' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
	display: inline-block;
}

.agreeCheck{display:inline-block;}
.agreeCheck label{display: inline-block; cursor: pointer; position: relative; font-size: 15px; margin-bottom: 0; vertical-align:middle;color:#1C1E21; font-family:'roboto','Noto Sans Kr','Nanum Gothic','Malgun Gothic', dotum, sans-serif;}
.agreeCheck label span{color:#999; display:Inline-block;margin-left:5px; font-size:15px;}
.agreeCheck input[type=checkbox] { display: none;}
.agreeCheck label::before {content: ""; display: inline-block; width: 24px;vertical-align:middle;height: 24px; 	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.5' fill='white' stroke='%23A4A5A6'/%3E%3C/svg%3E%0A") no-repeat; margin-right:4px; background-size:100%;}
.agreeCheck input[type=checkbox]:checked + label::before {content: ""; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.5' fill='%233073F5' stroke='%23A4A5A6'/%3E%3Cpath d='M10.087 14.657L8.01589 12.7253C7.90429 12.6212 7.75292 12.5628 7.59509 12.5628C7.43726 12.5628 7.2859 12.6212 7.1743 12.7253C7.0627 12.8294 7 12.9706 7 13.1178C7 13.1907 7.01539 13.2628 7.0453 13.3302C7.07521 13.3975 7.11904 13.4587 7.1743 13.5102L9.66922 15.8372C9.902 16.0543 10.278 16.0543 10.5108 15.8372L16.8257 9.94748C16.9373 9.8434 17 9.70222 17 9.55502C17 9.40782 16.9373 9.26665 16.8257 9.16256C16.7141 9.05848 16.5627 9 16.4049 9C16.2471 9 16.0957 9.05848 15.9841 9.16256L10.087 14.657Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
	background-size:100%;}



.member .button{
	width:100%;
	margin-top: 32px;
}


.member .button .submitBTN{
	width:100%;
	max-width: 400px;
	background:#3073F5;
	color:#fff;
	text-align:center;
	border:0;
	font-size:16px;
	padding:10px 0;
	border-radius: 6px;
	line-height: 24px;
	cursor:pointer;
}


.member .loginLink{
	width:100%;
	margin-top: 16px;
	box-sizing:border-box;
	display: flex;
	justify-content: space-between;
}

.member .loginLink .text{
	font-size:13px;
	color:#77787A;
	line-height: 18px;
	font-weight: 400;
}
.member .loginLink .text a {
	margin-left: 4px;
	font-weight: 500;
	color: #77787A;
}

.member .loginLink .link{
	font-size:13px;
	color: #77787A;
	line-height: 18px;
}
.member .loginLink .find a {
	font-weight: normal;
	color: #77787A;
}
.member .loginLink .find span:first-child a {
	margin-right: 16px;
	position: relative;
}
.member .loginLink .find span:first-child a::before {
	content: '';
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: #D7DBDF;
}
.member .tab_wrap {
	background: #F2F3F6;
	border-radius: 12px;
	padding: 6px;
	margin-top: 40px;
	height: 60px;
	display: flex;
}
.member .tab_wrap input[type=radio] {
	display: none;
}
.member .tab_wrap input[type=radio]:checked + label {
	background: #fff;
	height: 100%;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	color: #1C1E21;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.member .tab_wrap label {
	flex: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	color: #77787A;
	transition: all .2s ease;
}
.member .text {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #1C1E21;
	margin: 30px 0 20px;
}
.member .join_list {
	margin-top: 20px;
	padding: 0;
}
.member .join_list > li {
	padding: 8px 0;
	margin-top: 12px;
}
.member .valid_btn {
	background: #E7E9EB;
	border-radius: 6px;
	max-width: 120px;
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border: none;
	font-weight: 500;
	font-size: 15px;
	color: #696B6D;
	margin-left: 8px;
}
.sns_login_wrap {
	position: relative;
	border-top: 1px solid #D7DBDF;
	margin-top: 50px;
}
.sns_login_wrap::before {
	content: '간편 로그인';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 0 10px;
	font-size: 14px;
	color: #9d9d9d;
}
.sns_login_list {
	display: flex;
	gap: 30px;
	justify-content: center;
	padding: 30px 20px 0;
	margin: 0 auto;
}
.sns_login_list li img {
	width: 45px;
}
.sns_login_list li a {
	display: block;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}
.member .inputList.password_list li {
	margin-top: 0;
}


.join_list .add_info {
	margin-top: 40px;
}
.join_list .add_info h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	color: #1C1E21;
	margin-bottom: 10px;
}
.join_list .add_info span {
	font-size: 14px;
	line-height: 20px;
	color: #77787a;
	word-break: keep-all;
}
.join_list .add_info button {
	display: block;
	border: 0;
	border-bottom: 1px solid #77787A;
	background: none;
	color: #77787A;
	font-size: 13px;
	margin-top: 6px;
}
.join_list .auth_popup_btn {
	border: 0;
	background: transparent;
	border-bottom: 1px solid #808080;
	color: #808080;
	font-size: 13px;
	margin-top: 6px;
}
.member .enterprise {
	border: 0;
}

/* 서브페이지 */
#sub:has(.start_wrap) {
	border: 0;
}
.cont {
	padding: 120px 0;
}

.mobilemenu .cont {
	padding: 0;
}
h2.title {
	font-size: 50px;
	font-weight: bold;
	line-height: 68px;
	word-break: keep-all;
}
h2.title.bk {
	color: #1C1E21;
}
h2.title.wh {
	color: #fff;
}
h3.title {
	font-size: 40px;
	font-weight: bold;
	line-height: 44px;
	word-break: keep-all;
}
.sub_title {
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	color: #1C1E21;
}
.start_wrap {
	background: rgba(255, 244, 159, .3);
}
.start_wrap h2 {
	margin-bottom: 30px;
	text-align: center;
}
.start_wrap .sub_title {
	display: block;
	font-size: 24px;
	line-height: 38px;
	word-break: keep-all;
	text-align: center;
	color: #696B6D;
	font-weight: normal;
}
/*활용사례*/
.company_wrap.cont {
	padding-top: 0;
}
.company_title{
	background: #0E2152;
	padding: 120px 0 282px;
}
.company_title .inner {
	display: flex;
	justify-content: space-between;
}
.company_title .inner .img_wrap {
	width: 168px;
	height: 128px;
	margin-right: 50px;
}
.company_title .inner img {
	width: 100%;
}
.company_list {
	background: #F2F3F6;
	border-radius: 16px;
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin-top: -222px;
}
.company_list li {
	background: #fff;
	border-radius: 10px;
	width: calc(50% - 10px);
	padding: 30px 30px 10px 30px;
	overflow: hidden;
}
.company_list li:first-child,
.company_list li:nth-child(2),
.company_list li:last-child {
	padding-right: 0;
}
.company_list li span {
	font-size: 20px;
	line-height: 30px;
	color: #8D8E90;
	display: block;
	margin-bottom: 31px;
	word-break: keep-all;
}
.company_list li .img_wrap {
	max-width: 212px;
	height: 100px;
	float: right;
}
.company_list li .img_wrap img {
	width: 100%;
	display: block;
}
.use_wrap .title {
	text-align: center;
}
.use_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	margin-top: 80px;
}
.use_list li {
	width: calc(50% - 15px);
	min-height: 450px;
	padding: 50px;
	background: #F2F3F6;
	border-radius: 16px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.use_list li .badge {
	width: fit-content;
	background: linear-gradient(270deg, rgba(255,162,232,1) 0%, rgba(196,213,255,1) 100%);
	padding: 16px 30px;
	font-size: 20px;
	line-height: 24px;
	color: #0E2152;
	border-radius: 30px;
	font-weight: bold;
}
.use_list li .text {
	font-size: 28px;
	font-weight: bold;
	line-height: 40px;
	color: #1C1E21;
	margin-bottom: 20px;
}
.use_list li .text_box small {
	font-size: 20px;
	line-height: 30px;
	color: #696B6D;
}
.content_wrap .title {
	text-align: center;
}
.content_wrap h2 span {
	font-size: 28px;
}
.content_wrap .inner > div {
	display: flex;
	justify-content: center;
	margin-top: 80px;
}
.content_wrap .img_wrap {
	width: 300px;
	height: 300px;
	margin-right: 60px;
	border-radius: 20px;
}
.content_wrap img {
	width: 100%;
}
.content_wrap .text {
	font-size: 24px;
	line-height: 38px;
	display: flex;
	align-items: center;
}

/*법적효력 및 보안*/
.banner_wrap {
	background: #EAF1FE;
	padding: 98px 0;
}
.banner_wrap .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.banner_wrap h2 {
	color: #062165;
	text-align: left;
}
.banner_wrap .img_wrap {
	max-width: 398px;
}
.banner_wrap .img_wrap img {
	width: 100%;
}
.security_cont_wrap .title {
	color: #062165;
	margin-bottom: 30px;
	text-align: center;
}
.security_cont_wrap span {
	font-size: 20px;
	color: #062165;
	line-height: 30px;
	text-align: center;
	display: block;
	word-break: keep-all;
}
.certificate_list {
	margin: 40px 0 120px;
}
.certificate_list li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	height: 400px;
	border-radius: 16px;
	justify-content: space-between;
}
.certificate_list li:nth-child(2) { background: #F6F1C7; }
.certificate_list li:nth-child(3) { background: #FFE1D7; }
.certificate_list li:last-child { background: #FFD7E5; margin-bottom: 0 }
.certificate_list li:first-child .img_wrap {
	max-width: 168px;
	margin-right: 80px;
}
.certificate_list li:nth-child(2) .img_wrap {
	max-width: 580px;
	margin-top: auto;
}
.certificate_list li:nth-child(3) .img_wrap {
	max-width: 565px;
}
.certificate_list li:last-child .img_wrap {
	max-width: 330px;
	margin: auto 82px 0;
}
.certificate_list li .img_wrap img {
	width: 100%;
}
.certificate_list li .text {
	margin-left: 50px;
}
.certificate_list li h4 {
	font-size: 32px;
	font-weight: bold;
	line-height: 44px;
	color: #1C1E21;
	margin-bottom: 20px;
	word-break: keep-all;
}
.certificate_list li span {
	max-width: 410px;
	font-size: 20px;
	line-height: 30px;
	color: #1C1E21;
	text-align: left;
}
.provisions_wrap {
	padding: 120px 0;
}
.provisions_wrap ul {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin-top: 80px;
}
.provisions_wrap ul li {
	width: calc(33.3333% - 15px);
}
.provisions_wrap ul li h3 {
	height: 56px;
	line-height: 56px;
	background: #F2F3F6;
	border-radius: 10px;
	font-size: 20px;
	word-break: keep-all;
	text-align: left;
	color: #1C1E21;
	padding-left: 20px;
}
.provisions_wrap ul li .text {
	font-size: 20px;
	line-height: 30px;
	color: #696B6D;
	padding: 0 20px;
	margin-top: 30px;
}
.provisions_wrap ul li b {
	display: block;
	margin-bottom: 20px;
	color: #1C1E21;
}
.provisions_wrap ul li p {
	margin-bottom: 10px;
}
.provisions_wrap ul li p:last-child {
	margin-bottom: 0;
}
.safe_list {
	padding-top: 120px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(540px, 1fr));
	gap: 30px;
}
.safe_list li {
	height: 284px;
	border-radius: 16px;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.safe_list li:first-child {
	padding: 0;
	justify-content: initial;
}
.safe_list li:first-child h3 {
	background: linear-gradient(125deg, rgba(6, 33, 101, 1) 0%, rgba(126, 48, 240, 1) 35%, rgba(213, 53, 197, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 20px;
}
.safe_list li h3.title {
	text-align: left;
}
.safe_list li p {
	font-size: 20px;
	line-height: 30px;
}
.safe_list li:first-child p {
	color: #696B6D;
	font-size: 20px;
	line-height: 30px;
}
.safe_list li:nth-child(2) { background: #DAE5FF; }
.safe_list li:nth-child(3) { background: #ECE5FF; }
.safe_list li:last-child { background: #F5E5F1; }
.safe_list li:nth-child(2) p { color: #5A74B7; }
.safe_list li:nth-child(3) p { color: #8A77B2; }
.safe_list li:last-child p { color: #AF79BD; }


.content_list li {
	display: flex;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 26px;
	color: #696B6D;
}

.content_list li:last-child {
	margin-bottom: 0;
}
.content_list li span {
	flex: 1.5;
	word-break: keep-all;
}
.content_list li .possible {
	text-align: center;
	flex: 1.5;
	word-break: keep-all;
}
.content_list li .text {
	flex: 7;
}

.introduction_wrap {
	display: flex;
	gap: 77px;
	width: 900px;
	margin: 80px auto 0;
}
.introduction_wrap > div {
	flex: 1;
}
.introduction_wrap .left .to_home {
	display: block;
	position: relative;
	font-size: 18px;
	line-height: 24px;
	color: #77787a;
	padding-left: 30px;
}
.introduction_wrap .left .to_home::before {
	content: '';
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 7L9.5 12L14.5 17' stroke='%2377787A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	left: 0;
	top: 50%;
}
.introduction_wrap h2 {
	margin-top: 40px;
	font-size: 36px;
	line-height: 44px;
	font-weight: bold;
	color: #1C1E21;
	margin-bottom: 30px;
	word-break: keep-all;
}
.introduction_wrap h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 38px;
	color: #1C1E21;
	margin-bottom: 20px;
	word-break: keep-all;
}
.introduction_wrap span {
	font-size: 18px;
	line-height: 24px;
	color: #A4A5A6;
	word-break: keep-all;
}
.introduction_wrap .input_list li {
	margin-bottom: 12px;
	padding: 8px 0;
}
.introduction_wrap .input_list li label {
	position: relative;
}
.introduction_wrap li > label.required:after {
	content: '*';
	color:#e80057;
	top:5px;
	padding-left:3px;
	position:relative;
}
.introduction_wrap .input_list li.agree .agree_box {
	display: flex;
	align-items: center;
}
.introduction_wrap .input_list li.agree input {
	display: none;
}
.introduction_wrap .input_list .agree label {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.5' fill='white' stroke='%23A4A5A6'/%3E%3C/svg%3E%0A") no-repeat;
	display: inline-block;
	padding-left: 25px;
	cursor: pointer;
	font-weight: 400;
}
.introduction_wrap .input_list .agree_popup {
	/*
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.89922 4.68039L9.69501 7.64641C9.9512 7.84659 9.9512 8.23419 9.69501 8.43438L5.89922 11.4004' stroke='%23A4A5A6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat transparent;
	width: 16px;
	height: 16px;
	*/
	background-color:transparent;
	border: 0;
	margin-left: 5px;
	padding: 2px 5px;
}

.introduction_wrap .agree input:checked + label {
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.5' fill='%233073F5' stroke='%233073F5'/%3E%3Cpath d='M7.75 10.8983L11.15 15.3057L14.55 10.8983L16.25 8.69455' stroke='%23F2F3F6' stroke-width='1.60556' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
	display: inline-block;
}
.introduction_wrap .input_list li:last-child {
	margin-bottom: 0;
}
.introduction_wrap .input_list label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #1C1E21;
}
.introduction_wrap .input_list input,
.introduction_wrap .input_list textarea {
	display: block;
	width: 100%;
	padding: 12px 12px;
	border-radius: 6px;
	border: 1px solid #D7DBDF;
	font-size: 16px;
	color: #1C1E21;
	margin-top: 8px;
}
.introduction_wrap .input_list input::placeholder {
	color: #A4A5A6;
}
.introduction_wrap .btn_wrap {
	padding: 20px 0 16px;
}
.introduction_wrap .btn_wrap button {
	width:100%;
	background:#97B9FA;
	color:#fff;
	text-align:center;
	border:0;
	font-size:16px;
	padding:10px 0;
	border-radius: 6px;
	line-height: 24px;
	font-weight: 500;
	cursor:pointer;
}
.popup_wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999999;
	display: none;
}
.popup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 540px;
	min-height: 300px;
	border-radius: 10px;
	background: #fff;
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.popup .title {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	color: #1C1E21;
}
.popup .content {
	margin-top: 48px;
	color: #77787A;
	font-size: 15px;
	line-height: 20px;
	flex: 1;
	overflow-y: auto;
}
.popup .ok_btn {
	margin-top: 44px;
	background: #3073F5;
	color: #fff;
	border: 0;
	padding: 10px 0;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	border-radius: 6px;
}
.popup .close_btn {
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 6.5L6.50118 17.4972' stroke='%23A4A5A6' stroke-width='1.94419' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 6.5L17.4988 17.4972' stroke='%23A4A5A6' stroke-width='1.94419' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
	width: 24px;
	height: 24px;
	top: 28px;
	right: 24px;
	cursor: pointer;
}
.feedback_msg {
	display: none;
	color: #F63737;
	font-size: 14px;
	line-height: 22px;
	margin-top: 8px;
}
.feedback_require_input {
	outline-color: #F63737;
}

/* 인증번호 팝업 */
#authPopup .popup {
	padding: 50px 50px 40px;
	background: #FAFAFA;
	border: 1px solid #E6E6E6
}
#authPopup .btns_box {
	display: flex;
	justify-content: space-between;
	gap: 7px;
}
#authPopup .btns_box button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 8px;
}
#authPopup button.re_enter {
	color: #000;
	border: 1px solid #CACACA;
}
#authPopup button.re_get {
	color: #fff;
	background: #484848;
	border: 1px solid #484848;
}
#authPopup .close_btn {
	border: 0;
}















.document{
	width:1180px;
	margin:80px auto 80px;
}

.document .title{
	font-size:36px;
	color:#777777;
	text-align:center;
	font-weight:200;
	letter-spacing:-0.7px;
}


.document .title span{
	color:#222;
	font-weight:500;
}


.document .doctypeList{
	width:100%;
}

.document .doctypeList dd{
	width:100%;
	padding:50px 0px;
	border-bottom:1px solid #e5e5e5;
}

.document .doctypeList dd:last-child{
	border-bottom:0px solid #e5e5e5;
}



.document .doctypeList dd .phone{
	width:49.5%;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.document .doctypeList dd .textarea{
	width:49.5%;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

.document .doctypeList dd .textarea .doctype{
	font-size:24px;
	color:#777777;
}

.document .doctypeList dd .textarea .subject{
	font-size:36px;
	color:#222;
	font-weight:200;
	letter-spacing:-0.7px;
}

.document .doctypeList dd .textarea .subject span{
	font-weight:500;
}


.document .doctypeList dd .textarea .substance{
	font-size:18px;
	color:#444444;
	margin-top:30px;
	letter-spacing:-0.5px;
	word-break:keep-all;
}




.document .moreUse{
	width:100%;
	margin-top:30px;
}


.document .moreUse .substance{
	font-size:24px;
	color:#777777;
	text-align:center;
	margin-top:5px;
}


.document .moreUse .useList{
	width:100%;
	display:inline-block;
	margin-top:30px;
}

.document .moreUse .useList li{
	width:280px;
	display:block;
	border-radius:20px;
	background:#f7f7f7;
	margin-left:20px;
	float:left;
	padding:70px 50px;
	box-sizing:border-box;
	margin-top:20px;
}

.document .moreUse .useList li:nth-child(4n+1){
	margin-left:0px;
}


.document .moreUse .useList li .icon{
	width:92px;
}

.document .moreUse .useList li .icon img{
	width:100%;
}

.document .moreUse .useList li .subject{
	font-size:24px;
	color:#222222;
	margin-top:20px;
}

.document .moreUse .useList li .subs{
	font-size:16px;
	color:#999999;
	margin-top:5px;
}




.document .moreUse .useList li:hover{
	transform:translateY(-3%);
	transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
}



.faq{
	width:1180px;
	margin:40px auto 80px;
}


.faq .title{
	font-size:36px;
	text-align:center;
}

.faq .faqBox{
	width:100%;
	border:1px solid #e5e5e5;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:10px 10px 10px #e5e5e5;
	padding:30px;
	box-sizing:border-box;
	margin-top:50px;
}


.faq .faqBox .faqList{
	width:100%;
}


.faq .faqBox .faqList li{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:20px 0px;
	display:inline-block;
}
.faq .faqBox .faqList li:last-child{
	border-bottom:none;
}

.faq .faqBox .faqList li:first-child{
	padding:0px 0px 20px 0px;
}


.faq .faqBox .faqList li .question{
	font-size:18px;
	color:#222222;
	display:inline-block;
	width:100%;
	cursor:pointer;
}
.faq .faqBox .faqList li .question .plus{
	float:right;
	text-align:right;
}
.faq .faqBox .faqList li .answer{
	width:100%;
	margin-top:20px;
	color:#999;
	font-size:16px;
	display:none;
	word-break:keep-all;
	transition: all 0.5s;
}
.faq .faqBox .faqList li .answer.visible {
	display:block;
}



.fee{
	width:1180px;
	margin:50px auto 50px;
}
.fee .title{
	font-size:36px;
	text-align:Center;
	color:#222;
	font-weight:200;
}
.fee .title span{
	font-weight:500;
}

.fee .alrText{
	font-size:20px;
	text-align:Center;
	color:#e80057;
	font-weight:200;
}
.fee .alrText span{
	font-weight:500;
}

.fee .slButton{
	width:100%;
	margin-top:50px;
}


.fee .slButton .on{
	width:160px;
	margin:0 auto;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	background:#ffce09;
	position:relative;
	padding:5px;
	cursor:pointer;
}


.fee .slButton .on .circle{
	width:50px;
	height:50px;
	background:#fff;
	display:inline-block;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	vertical-align:middle;
}


.fee .slButton .on  .text{
	font-size:18px;
	color:#fff;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	font-weight:500;
	cursor:pointer;
}



.fee .slButton .off{
	width:160px;
	margin:0 auto;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	background:#e5e5e5;
	position:relative;
	padding:5px;
	text-align:right;
	display:none;
}


.fee .slButton .off .circle{
	width:50px;
	height:50px;
	background:#fff;
	display:inline-block;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	vertical-align:middle;
}


.fee .slButton .off  .text{
	font-size:18px;
	color:#222;
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
	font-weight:500;
}








.fee .specialFee{
	width:100%;
	text-align:right;
	font-size:16px;
	color:#222;
	margin-top:10px;

}



.order{
	width:560px;
	margin:30px auto 80px;
}

.order .title{
	font-size:36px;
	text-align:Center;
	color:#222;
	font-weight:200;
}
.order .title span{
	font-weight:500;
}

.order .alrText{
	font-size:20px;
	text-align:Center;
	color:#e80057;
	font-weight:200;
}
.order .alrText span{
	font-weight:500;
}


.order .title{
	width:100%;
	padding-bottom:15px;
	border-bottom:1px solid #e5e5e5;
	font-family:'Vidaloka','Noto Sans Kr','Nanum Gothic','Malgun Gothic', dotum, sans-serif;;
	color:#222;
	font-size:48px;
}


.order .inputList{
	width:100%;
	padding:30px 0px;
}

.order .inputList > li{
	width:100%;
	margin-top:10px;
	display:flex;
	align-items: center;
	font-size: 18px;
}

.order .inputList > li:first-child{
	margin-top:0px;
}

.order .inputList > li label{
	flex-basis:120px;
	color:#444;
	display:inline-block;
}

.order .inputList > li .w100{
	padding:10px;
	box-sizing:border-box;
}


.order .checkList {
	width:100%;
}

.order .checkList li{
	width:100%;
	margin-bottom:5px;
}

.order .checkList li:first-child{
	margin-bottom:15px;
}

.order .list-check-1 {
	display: flex;
	flex-wrap: wrap;
}
.order .list-check-1 li {
	width:33.33333%;
	padding: 5px 0;
}

/*.agreeCheck{display:inline-block;}*/
/*.agreeCheck label{ word-break: keep-all; display: flex; cursor: pointer; position: relative; font-size: 14px; margin-bottom: 0; vertical-align:middle;color:#444; font-family:'roboto','Noto Sans Kr','Nanum Gothic','Malgun Gothic', dotum, sans-serif;}*/
/*.agreeCheck label span{color:#999; display:Inline-block;margin-left:5px; font-size:15px;}*/
/*.agreeCheck input[type=checkbox] { display: none;}*/
/*.agreeCheck label::before {content: ""; display: inline-block; width: 20px;vertical-align:middle;height: 20px; background:url(../images/sub/de_checkboxOff.jpg); margin-right:4px; background-size:100%;}*/
/*.agreeCheck input[type=checkbox]:checked + label::before {content: ""; background:url("../images/sub/de_checkboxOn.jpg"); background-size:100%;}*/
/*.agreeCheck label a {*/
/*	position: relative;*/
/*}*/
/*.agreeCheck label a::before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.90312 4.68039L9.69892 7.64641C9.95511 7.84659 9.95511 8.23419 9.69892 8.43438L5.90312 11.4004' stroke='%23A4A5A6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right center;*/
/*	width: 16px;*/
/*	height: 16px;*/
/*	right: -20px;*/
/*	top: 50%;*/
/*	transform: translateY(-50%);*/
/*}*/




.order .button{
	width:100%;
	margin-top:50px;
}


.order .button .submitBTN{
	width:100%;
	background:#222;
	color:#fff;
	text-align:center;
	border:0;
	font-size:18px;
	padding:15px 0px;
	cursor:pointer;
}








.community{
	width:1180px;
	margin:40px auto 80px;
}
.community .title_box h1 {
	font-size: 50px;
	font-weight: bold;
	line-height: 68px;
	margin-bottom: 30px;
	color: #1C1E21;
}
.community .title_box span {
	font-size: 24px;
	line-height: 38px;
	color: #77787A;
	word-break: keep-all;
}
.community .titlebar{
	margin-top: 100px;
	display: flex;
}
.community .title{
	font-size:24px;
	text-align:center;
	padding:0;
	margin-right: 40px;
}
.community .title.active{
	font-weight:500;
}
.community .title a {
	color:#A4A5A6;
	text-decoration: none;
	white-space: nowrap;
}
.community .title.active a {
	color:#1C1E21;
}

.community .toolBox {
	margin-top:50px;
}
.community .toolBox .deSearch {
	width: 600px;
	min-width: 250px;
	background: #fff;
	box-sizing: border-box;
	padding-bottom: 16px;
	border-bottom: 1px solid #D7DBDF;
	display: inline-flex;
	vertical-align: middle;
	position: relative;
	align-content: center;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.community .toolBox .deSearch .searchBTN {
	width: 30px;
	height: 30px;
	color: #999;
	font-size: 16px;
	background-color: transparent;
	border: none;
}
.community .toolBox .deSearch .searchBTN i {
	font-size: 20px;
	color: #A4A5A6;
}
.community .toolBox .deSearch input {
	width: 100%;
	border: 0;
	font-size: 15px;
	border: none;
	outline: none;
	outline-style: none;
}
.community .toolBox .deSearch .clear_btn {
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_275_73318)'%3E%3Ccircle cx='8' cy='8' r='8' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M11.2031 4.79883L4.80381 11.2004' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.80469 4.79883L11.204 11.2004' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_275_73318'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat transparent;
	top: calc(50% - 8px);
	right: 0;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border: 0;
	display: none;
}
.community .toolBox .deSearch:has(input:focus)  {
	border-bottom: 1px solid #3073F5;
}
.community .toolBox .deSearch input::placeholder {
	color: #A4A5A6;
	font-size: 20px;
	line-height: 18px;
}

.community .communityBox{
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #E7E9EB;
}

.community.community-view .communityBox{
	margin-top: 40px;
}

.community .communityBox .communityList{
	width:100%;
	padding-top: 20px;
    padding-bottom: 20px;
}
.community.community-view  .communityBox .communityList{
	padding-top: 0;
}
.community .communityBox .communityList li{
	width:100%;
	box-sizing:border-box;
	display:inline-block;
	margin-bottom: 12px;
	padding: 0 12px;
}
.community .communityBox .communityList li.hover {
	cursor: pointer;
}
.community .communityBox .communityList li.hover:hover {
	background:#F2F3F6;
	border-radius: 10px;
}
.community .communityBox .communityList li:last-child{
	border-bottom:none;
	/*padding-bottom: 0;*/
}
.community .communityBox .communityList li .question {
	position: relative;
	font-size:18px;
	color:#1C1E21;
	line-height: 18px;
	display: flex;
	justify-content: space-between;
	cursor:pointer;
	padding: 13px 0;
}
.community .communityBox .communityList li .question.new {
	padding-left: 53px;
}
.community .communityBox .communityList li .question.new::before {
	position: absolute;
	content: 'NEW';
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #3073F5;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #E7F1FF;
	border-radius: 6px;
	padding: 4px 6px;

}
.community.community-view .communityBox .communityList .question {
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 20px;
}
.community .communityBox .communityList li .question .subject {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/*text-align: center;*/
}
.community .communityBox .communityList li .question.empty {
	text-align: center;
	color:#999;
	cursor:auto;
	display: block;
}
.community .communityBox .communityList li .question.empty p {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	color: #696B6D;
	text-align: center;
	margin-bottom: 10px;
}
.community .communityBox .communityList li .question .created_date {
	color:#1C1E21;
	float:right;
	white-space: nowrap;
}

.community .communityBox .communityList .content {
	padding-top: 20px;
}
.community .communityBox .communityList .content .question {
	display: block;
	border-bottom: 0;
}
.community .communityBox .communityList .content .question .created_date {
	float: initial;
	margin-bottom: 20px;
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #77787A;
}
.community .communityBox .communityList .content .question .subject {
	text-align: left;
	font-size: 26px;
	line-height: 38px;
	color: #1C1E21;
	font-weight: bold;
}



.community .communityBox .communityList li .answer{
	width:100%;
	margin-top:20px;
	color:#999;
	font-size:16px;
	display:block;
	word-break:keep-all;
	transition: all 0.5s;
	color:#666;
}
.community .communityBox .communityList li .answer .answer-addition {
	margin-top:30px;
}
.community .communityBox .communityList li .answer .answer-addition p {
	margin-top:5px;
}
.community .communityBox .communityList li .answer .answer-addition a {
	color: #666;
	margin:3px 0;
	text-decoration: none;
}
.community .communityBox .communityList li .answer .answer-addition a.board_link:hover,
.community .communityBox .communityList li .answer .answer-addition a.board_attach:hover {
	text-decoration: underline;
	color:black;
	transition: all .5s ease;
}

.community .communityBox .communityList li .answer .answer-addition a:after {
	content:"";
	display:block;
}
.community .communityBox .communityList li .answer .answer-addition a i {
	margin-right:5px;
}

.community .communityBox .ck-content {
	font-family: 'Noto Sans Kr','Nanum Gothic','Malgun Gothic', dotum, sans-serif;;
}

.community .communityBox .ck-content a {
	color:mediumblue;
}
.community .communityCommand {
	margin-top:20px;
	text-align: right;
}
.community .communityCommand .backButton {
	display: inline-block;
	padding: 10px 20px;
	background: #222;
	color: #fff;
	font-size: 14px;
	border: 1px solid #222;
}
.community .content .back_btn {
	position: relative;
	color: #77787A;
	font-size: 18px;
	line-height: 24px;
	background: transparent;
	border: 0;
	margin-bottom: 60px;
	padding-left: 28px;
	font-weight: 500;
}
.community .content .back_btn::before {
	content: "";
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 7L9.5 12L14.5 17' stroke='%2377787A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.next_content_wrap {
	padding-top: 34px;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	line-height: 18px;
	color: #1C1E21;
}
.next_content_wrap>div {
	display: flex;
	gap: 26px;
}
.next_content_wrap span {
	color: #77787A;
	word-break: keep-all;
}
.next_content_wrap .next_title {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 90%;
	color: #1C1E21;
	padding-right: 5px;
}



/* Typography */
.point_usage_wrap h2.title,
.fee_wrap h2.title {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    line-height: 44px;
    color: #062165;
}

.fee_wrap h2.title.bk {
	font-size: 40px;
    color: #062165;
}

/* 메인 타이틀 섹션 */
.main_title_wrap {
    padding: 100px 0 50px;
    background: linear-gradient(180deg, rgba(48, 162, 245, 0.18) 0%, rgba(255, 255, 255, 0) 49%);
    text-align: center;
}

.main_title {
    font-size: 50px;
    font-weight: 700;
    color: #1C1E21;
    line-height: 68px;
    margin-bottom: 20px;
    word-break: keep-all;
}

.main_sub_title {
    font-size: 24px;
    color: #696B6D;
    line-height: 38px;
}

/* 충전 요금제 선택 */
.cont.fee_wrap {
    padding: 50px 0 100px;
}

.fee_list_wrap {
    position: relative;
}


.fee_wrap .inner {
    width: 922px;
}

.fee_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    list-style: none;
}

.fee_list > li {
    background: white;
    border: 1px solid #D7DBDF;
    border-radius: 12px;
    padding: 25px;
    transition: all 0.3s ease;
    position: relative;
}

.fee_list > li:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.fee_list > li.recommend {
    border-color: #3073F5;
}

.fee_list > li.recommend::before {
    content: '가장 많이 사용해요';
    position: absolute;
    top: -10px;
    left: 25px;
    background: #3073F5;
    color: white;
    padding: 7.5px 16px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    z-index: 1;
}

.fee_list li .title {
    font-size: 24px;
    font-weight: 700;
    color: #1C1E21;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: left;
}

.discount_info {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
    min-height: 24px;
}

.radio_icon {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23B3B3B3' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='18.5' r='1.5' fill='%23B3B3B3'/%3E%3C/svg%3E") no-repeat center;
}

.discount_text.disabled {
    color: #B3B3B3;
    font-size: 18px;
    font-weight: 600;
}

.discount_badge {
    color: #EF5D43;
    font-size: 18px;
    font-weight: 600;
}

.original_price {
    color: #D6D6D6;
    font-size: 18px;
    font-weight: 600;
    text-decoration: line-through;
}

.point_info {
    margin-top: auto;
}

.point_info .label {
    color: #1C1E21;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.point_info .amount {
    color: #1C1E21;
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
}

.recommend_badge {
    position: absolute;
    top: 210px;
    left: 25px;
    background: #3073F5;
    color: white;
    padding: 7.5px 16px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
}

/* 포인트 사용 방법 */
.point_usage_wrap {
    padding: 100px 0;
    background: white;
}

.usage_list {
    display: flex;
    gap: 20px;
    justify-content: center;
    list-style: none;
}

.usage_list > li {
    width: 294px;
    padding: 25px;
    background: white;
    border: 1px solid #D7DBDF;
    border-radius: 12px;
}

.usage_list li .title {
    font-size: 24px;
    font-weight: 700;
    color: #1C1E21;
    margin-bottom: 20px;
    text-align: left;
}

.price_info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.price_info .unit {
    background: #ECF1FB;
    color: #4273D3;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
}

.price_info .price {
    color: #3073F5;
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
}

.usage_list li .desc {
    color: #8C8C8C;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    word-break: keep-all;
}

/* 엔터프라이즈 문의 */
.enterprise_wrap {
    padding: 100px 0;
    background: rgba(255, 244, 159, 0.30);
    text-align: center;
}

.enterprise_wrap .title {
    font-size: 46px;
    line-height: 68px;
    color: #1C1E21;
    word-break: keep-all;
}

.enterprise_wrap .sub_title {
    font-size: 24px;
    color: #696B6D;
    line-height: 38px;
    margin-bottom: 40px;
    word-break: keep-all;
}

.btn_group {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.btn_charge,
.btn_inquiry {
    padding: 15px 28px;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn_charge {
    background: #FEE83C;
    color: #1C1E21;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.btn_inquiry {
    background: #1C1E21;
    color: white;
    font-weight: 600;
}

.btn_charge:hover,
.btn_inquiry:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* 기본 제공 기능 */
.provide_wrap {
    background: #F9F9FB;
    padding: 100px 0;
}

.provide_wrap h2.title {
    color: #1C1E21;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.provide_wrap .inner {
    max-width: 1116px;
}

.feature_table {
    margin-top: 28px;
}

.feature_section {
    margin-bottom: 60px;
}

.feature_section h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1C1E21;
    margin-bottom: 20px;
}

.feature_note {
    color: #696B6D;
    font-size: 18px;
    margin-bottom: 20px;
}

.feature_list {
    list-style: none;
}

.feature_list li {
    display: grid;
    grid-template-columns: 260px 60px 1fr;
    gap: 20px;
    padding: 8px 0;
    align-items: start;
}

.feature_name {
    color: #696B6D;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.feature_check {
    color: #696B6D;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.feature_desc {
    color: #696B6D;
    font-size: 18px;
    line-height: 26px;
}

.divider {
    width: 100%;
    height: 1px;
    background: #E7E9EB;
    margin: 40px 0;
}

/* 자주 묻는 질문 */
.faq_wrap {
    padding: 100px 0;
    background: white;
}

.faq_wrap .inner {
    max-width: 1116px;
    padding: 0 20px;
}

.faq_wrap h2.title {
    font-size: 50px;
    line-height: 68px;
    color: #1C1E21;
    text-align: center;
    margin-bottom: 43px;
}

.faq_list {
    list-style: none;
}

.faq_list li {
    margin-bottom: 19px;
}

.faq_list li:last-child {
    margin-bottom: 0;
}

.faq_item {
    background: #F2F3F6;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq_question {
    width: 100%;
    padding: 16px 20px;
    background: transparent;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    word-break: keep-all;
}

.faq_item:hover .faq_question {
    background: rgba(0, 0, 0, 0.03);
}

.faq_question span:first-child {
    font-size: 20px;
    font-weight: 700;
    color: #1C1E21;
    text-align: left;
    line-height: 24px;
}

.faq_question .arrow {
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.5V19.5' stroke='%231C1E21' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5 12L4.5 12' stroke='%231C1E21' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq_answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 20px;
}

.faq_answer p {
    color: #696B6D;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.faq_answer p:last-child {
    margin-bottom: 0;
}

/* Active state */
.faq_item.active .faq_question .arrow {
    transform: rotate(180deg);
}

.faq_item.active .faq_answer {
    max-height: 500px;
    padding: 20px 20px 20px 20px;
}

/* Responsive */
@media (max-width: 1024px) {
    .fee_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .usage_list {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .inner {
        padding: 0 15px;
    }

    .title {
        font-size: 28px;
        line-height: 36px;
    }
    .provide_wrap .title {
        text-align: center;
    }

    .fee_list {
        grid-template-columns: 1fr;
    }

    .usage_list {
        flex-direction: column;
        align-items: center;
    }

    .usage_list > li {
        width: 100%;
        max-width: 400px;
    }

    .btn_group {
        flex-direction: column;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .feature_list li {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .feature_check {
        display: none;
    }

    .enterprise_wrap .title {
        font-size: 32px;
        line-height: 44px;
    }

    .enterprise_wrap .sub_title {
        font-size: 18px;
        line-height: 28px;
    }

    .faq_wrap .title {
        font-size: 32px;
        line-height: 44px;
    }
}