/*#################### RESET ####################*/
/* * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'pretendard', "esamanru", sans-serif;
} */

html {
	height: 100%;
	scroll-behavior: smooth;
}

body {
	height: 100%;  
}

li {
	list-style: none;
}

a:link,
a:visited {
	text-decoration: none;
}

img {
	display: block;
}

input,
select,
button,
textarea {
	border: none;
	background: none;
	outline: none;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	border: 0;
}

/* table , input, select , textarea, address_change_input */

/*#################### ROOT ####################*/
:root {
	/* color */
	--white: #fff;
	--black: #000;

	/* grayscale */
	--gray1: #1A1B1D;
	--gray2: #2A2B2D;
	--gray3: #595B5E;
	--gray4: #9B9DA2;
	--gray5: #F7F9FC;
	--gray6: #FCFCFC;

	/* primary */
	--primary1: #3294EF;
	--primary2: #006CEC;
	--primary3: #0054B7;
	--primary4: #00326D;

	/* secondary */
	--secondary1: #EFF2F7;
	--secondary2: #DFE3EB;
	--secondary3: #BDC8D5;

	--secondary4: #E3EFFF;
	--secondary5: #ADCCEB;

	/* point */
	--point1: #00CEE0;
	--point2: #FFD018;

	/* system */
	--sys_red1: #F21D00;
	--sys_red2: #DA1E28;

	--sys_green1: #18DB84;
	--sys_green2: #5BBD74;

	--mw: 1280px;
}

/*
  z-index
  dim : 100
  popup : 1000
*/

/* fonts */

/* Pretendard */
/* @font-face {
	font-family: "pretendard";
	src: url("../fonts/Pretendard-Black.woff") format("woff");
	font-weight: 900;
}

@font-face {
	font-family: "pretendard";
	src: url("../fonts/Pretendard-Bold.woff") format("woff");
	font-weight: 700;
}

@font-face {
	font-family: "pretendard";
	src: url("../fonts/Pretendard-SemiBold.woff") format("woff");
	font-weight: 600;
}

@font-face {
	font-family: "pretendard";
	src: url("../fonts/Pretendard-Medium.woff") format("woff");
	font-weight: 500;
}

@font-face {
	font-family: "pretendard";
	src: url("../fonts/Pretendard-Regular.woff") format("woff");
	font-weight: 400;
}

@font-face {
	font-family: "pretendard";
	src: url("../fonts/Pretendard-Thin.woff") format("woff");
	font-weight: 400;
}

/* esamanru */
@font-face {
	
	src: url("../fonts/esamanru Bold.ttf") format("truetype");
	font-weight: 700;
}

@font-face {
	
	src: url("../fonts/esamanru Medium.ttf") format("truetype");
	font-weight: 500;
}

@font-face {
	
	src: url("../fonts/esamanru Light.ttf") format("truetype");
	font-weight: 400;
}

/* @font-face {
	
	font-weight: 700;
	src: local("PretendardGOV Bold"),
        url("../fonts/PretendardGOV-Bold.woff2") format("woff2"),
        url("../fonts/PretendardGOV-Bold.woff") format("woff");
}

@font-face {
	
	font-weight: 500;
	src: local("PretendardGOV Medium"),
        url("../fonts/PretendardGOV-Medium.woff2") format("woff2"),
        url("../fonts/PretendardGOV-Medium.woff") format("woff");
}

@font-face {
	
	font-weight: 400;
	src: local("PretendardGOV Regular"),
        url("../fonts/PretendardGOV-Regular.woff2") format("woff2"),
        url("../fonts/PretendardGOV-Regular.woff") format("woff");
} */

/* hackgyo */
/* @font-face {
	font-family: 'Hakgyo-R';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-R.woff2') format('woff2');
	font-style: normal;
}

@font-face {
	font-family: 'Hakgyo-B';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
	font-style: normal;
} */

/*
  z-index
  custom-select : 1;
  header : 20
  dim : 100
  popup : 1000
*/

/* 폰트 추가 240925 */
/* .font_hakgyo {
	font-family: 'Hakgyo-R';
	font-weight: 400 !important;
}

.font_hakgyo_b {
	font-family: 'Hakgyo-b';
}

.font_esa {
	
	font-weight: 500 !important;
} */



/* PAGES */



/*#################### COMPONENTS ####################*/

/* wrap */
.wrap {
	width: 100%;
	min-height: 100%;
}

.wrap.full {
	display: flex;
	flex-direction: column;
}

.wrap.full .header {
	flex: none;
}

.wrap.full .main {
	flex: 1;
}

.wrap.full .footer {
	flex: none;
}

/* header */
.header {
	width: 100%;
}

.header_common_safe_area {
	width: 100%;
	height: 80px;
}

.header_common_layout {
	width: 100%;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 20;
	transform: translateX(-50%);
}

/* .header_common_layout>.inner {
	width: 100%;
	max-width: 1440px;
	padding: 16px 48px 0 48px;
	margin: auto;
} */

.header_common_layout .top {
	display: flex;
	align-items: center;
	/* margin-bottom: 8px; */
}

.header_common_layout .top .left {
	margin-right: auto;
	display: flex;
	align-items: center;
	/* gap: 16px; */
}

.header_logo {
	width: 120px;
	height: 40px;
}

.header_logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.header_search_bar {
	width: 335px;
	height: 40px;
	position: relative;
}

.header_search_bar input {
	width: 100%;
	height: 100%;
	padding: 7px 40px 7px 16px;
	border-radius: 100px;
	background-color: var(--gray5);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
}

/* .header_search_bar input::placeholder {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
	opacity: 0.4;
} */

.header_search_bar input:focus {
	border: 1px solid var(--gray3);
}

.header_search_bar .search_icon {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.header_search_bar .icon {
	display: none;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../imgs/icons/text_input_active.svg) no-repeat center center;
}

.header_search_bar.active .icon {
	display: block;
	cursor: pointer;
}

.header_search_bar.active input:read-only+.icon {
	display: none;
	cursor: pointer;
}

.header_search_bar.error .icon {
	display: block;
	background: url(../imgs/icons/text_input_error.svg) no-repeat center center;
}

.header_search_bar.success .icon {
	display: block;
	background: url(../imgs/icons/text_input_success.svg) no-repeat center center;
}

/* .header_search_bar.active .search_icon {
	right: 12px;
} */

.header_search_bar.active input {
	padding-right: 70px;
}


.header_common_layout .top .right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 16px;
}

.header_text_btn {
	/* padding: 10px 16px 10px 8px; */
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
}

.header_text_btn.badge::after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--primary2);
	position: absolute;
	right: 8px;
	top: 10px;
}

.header_primary_btn {
	height: 40px;
	padding: 10px 24px;
	border-radius: 100vw;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	color: #fff;
	background-color: var(--primary2);
	cursor: pointer;
	white-space: nowrap;
}

.header_profile {
	display: flex;
	align-items: center;
	position: relative;
}

.header_profile .profile {
	display: block;
	width: 40px;
	height: 40px;
}

.header_profile .profile>img {
	width: 100%;
	height: 100%;
}

.header_profile .header_profile_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.header_profile .header_profile_btn .img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.header_profile .header_profile_btn .img img {
	width: 100%;
	height: 100%;
}

.header_profile .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
}

.header_profile .header_profile_btn .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
}

.header_profile .layer_popup {
	width: 200px;
	border-radius: 10px;
	border: 1px solid var(--secondary2);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	position: absolute;
	right: 0;
	top: calc(100% + 16px);
	background-color: #fff;
	z-index: 100;
}

.header_profile .layer_popup .head {
	width: 100%;
	padding: 16px;
	border-bottom: 1px dashed var(--secondary3);
}

.header_profile .layer_popup .head .profile {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
}

.header_profile .layer_popup .head .profile .img {
	flex: none;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}

.header_profile .layer_popup .head .profile .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.header_profile .layer_popup .head .profile .text .grade {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
	display: flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 3px;
}

.header_profile .layer_popup .head .profile .text .grade img {
	width: 16px;
	height: 16px;
}

.header_profile .layer_popup .head .profile .text .name {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
}

.header_profile .layer_popup .head .profile .text .name .id {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray3);
}

.header_profile .layer_popup .body {
	padding: 16px;
}


.header_layer_nav .collapse_head {
	padding: 8px 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	cursor: pointer;
	position: relative;
}

.header_layer_nav .collapse_head::after {
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 8px;
	background: url('../imgs/icons/header_profile_arrow.svg') no-repeat center center;
	transform: rotate(0deg);
	transition: transform 0.3s;
}

.header_layer_nav .collapse_head.no_arrow::after {
	display: none;
}

.header_layer_nav>li.active>.collapse_head::after {
	transform: rotate(-180deg);
}

.header_layer_nav>li>ul>li>a {
	display: block;
	padding: 8px 0;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.header_layer_nav>li>ul>li.active a {
	color: var(--primary2);
}

.header_profile .layer_popup .header_logout {
	width: 100%;
	height: 32px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	background-color: var(--secondary1);
	cursor: pointer;
}

.header_alert_box {
	align-items: baseline;
	display: flex;
	position: relative;
}

/* header_alert_layer */
.header_alert_layer {
	width: 320px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	background-color: #fff;
	z-index: 50;
	position: absolute;
	right: 0;
	top: calc(100% + 16px);
	overflow: hidden;
}

.header_alert_layer .head {
	padding: 16px 24px;
	border-bottom: 1px solid var(--secondary2);
}

.header_alert_layer .head .title {
	padding: 4px 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray2);
}

.header_alert_layer .head .desc {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.header_alert_layer .body {
	height: 608px;
	margin: 6px 6px 0 0;
	padding: 0 16px 0 16px;
	overflow: auto;
}

.header_alert_layer .foot {
	padding: 8px 16px;
	background-color: var(--gray5);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
}

.header_alert_layer .foot button {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.header_alert_layer .body::-webkit-scrollbar {
	width: 6px;
}

.header_alert_layer .body::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.header_alert_layer .body::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.header_alert_layer .no_data {
	padding: 16px 0;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 16px;
}


/* header_alert_item */
.header_alert_item {
	padding: 16px 0;
	border-bottom: 1px dashed var(--secondary2);
}

.header_alert_item .item_head {
	margin-bottom: 8px;
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_alert_item .item_head .type {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.header_alert_item .item_head .state {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray4);
}

.header_alert_item .item_body {
	margin-bottom: 8px;
	padding: 0 8px;
	padding-bottom: 8px;
}

.header_alert_item .item_body .title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray2);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.header_alert_item .item_body .title img {
	display: inline-block;
	vertical-align: middle;
}

.header_alert_item .item_body .content {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 20px;
	overflow: visible;
	word-wrap: break-word;
	white-space: normal;
}

.header_alert_item .item_foot {
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_alert_item .item_foot .time {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
}

.header_alert_item .item_foot .confirm {
	width: 64px;
	height: 24px;
	border-radius: 100px;
	color: var(--primary1);
	border: 1px solid var(--primary1);
	cursor: pointer;
}


/*20241205남민우 추가*/
/* header_payment_layer */
.header_payment_box {
	position: relative;
}

.header_payment_layer {
	width: 320px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	background-color: #fff;
	z-index: 50;
	position: absolute;
	right: 0;
	top: calc(100% + 16px);
	overflow: hidden;
}

.header_payment_layer .head {
	padding: 16px 24px;
	border-bottom: 1px solid var(--secondary2);
}

.header_payment_layer .head .title {
	padding: 4px 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray2);
}

.header_payment_layer .head .desc {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.header_payment_layer .body {
	height: 608px;
	margin: 6px 6px 0 0;
	padding: 0 16px 0 16px;
	overflow: auto;
}

.header_payment_layer .foot {
	padding: 8px 16px;
	background-color: var(--gray5);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
}

.header_payment_layer .foot button {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.header_payment_layer .body::-webkit-scrollbar {
	width: 6px;
}

.header_payment_layer .body::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.header_payment_layer .body::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.header_payment_layer .no_data {
	padding: 16px 0;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 16px;
}


/* header_payment_item */
.header_payment_item {
	padding: 16px 0;
	border-bottom: 1px dashed var(--secondary2);
}

.header_payment_item .item_head {
	margin-bottom: 8px;
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_payment_item .item_head .type {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.header_payment_item .item_head .state {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray4);
}

.header_payment_item .item_body {
	margin-bottom: 8px;
	padding: 0 8px;
	padding-bottom: 8px;
}

.header_payment_item .item_body .title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray2);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.header_payment_item .item_body .title img {
	display: inline-block;
	vertical-align: middle;
}

.header_payment_item .item_body .content {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.header_payment_item .item_foot {
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_payment_item .item_foot .time {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
}

.header_payment_item .item_foot .confirm {
	width: 64px;
	height: 24px;
	border-radius: 100px;
	color: var(--primary1);
	border: 1px solid var(--primary1);
	cursor: pointer;
}

.header_common_layout .gnb {
	width: 100%;
}

/* 240926 */
.header_common_layout .gnb>ul {
	display: flex;
	align-items: center;
}

.header_common_layout .gnb>ul>li {
	border-bottom: 2px solid transparent;
	position: relative;
}

/* .header_common_layout .gnb>ul>li>a {
	display: block;
	padding: 16px 32px;
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray1);
	cursor: pointer;
	white-space: nowrap;
} */

/* 240926 */
/* .header_common_layout .gnb > ul >  li:hover{border-color:var(--primary1);}
.header_common_layout .gnb > ul >  li:hover > a{color:var(--primary2);} */
/* HOVER 제거 테스트 */
@media (hover: hover) {
	.header_common_layout .gnb>ul>li:hover {
		border-color: var(--primary1);
	}

	.header_common_layout .gnb>ul>li:hover>a {
		color: var(--primary2);
	}
}

.header_common_layout .gnb>ul>li>ul {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(100% + 2px);
	background-color: #fff;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.header_common_layout .gnb>ul>li>ul>li {
	width: 100%;
}

.header_common_layout .gnb>ul>li>ul>li>a {
	display: block;
	width: 100%;
	padding: 16px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	
	color: #000;
}

.header_common_layout .gnb>ul>li>ul>li>a:hover {
	color: var(--primary2);
}

.header_common_layout .gnb>ul>li:hover>ul {
	display: block;
}

.gnb.gnb_mobile>ul>li>a {
	opacity: 0.3;
}

.gnb.gnb_mobile>ul>li>a.active {
	opacity: 1;
}

/* lately_search_history_layer */
.lately_search_history_layer {
	bottom: -8px;
	background: var(--color-ffffff-white);
	border-radius: var(--radius-16-lg);
	border: 1px solid var(--color-E8ECF5-gray-400);
	display: none;
	flex-direction: column;
	left: 0;
	position: absolute;
	transform: translateY(100%);
	width: 100%;
}

.lately_search_history_layer .head {
	align-items: center;
	display: flex;
	gap: var(--space-12-xs);
	padding: var(--space-12-xs) var(--space-16-sm);
}

.lately_search_history_layer .head .title {
	color: var(--color-22272B-gray-900);
	font-size: var(--font-14-xs);
	font-weight: var(--font-600-semibold);
}

.lately_search_history_layer .head .button_box {
	align-items: center;
	display: flex;
	gap: var(--space-12-xs);
	margin: 0 0 0 auto;
}

.lately_search_history_layer .head .button_box .history_save_btn {
	font-size: var(--font-14-xs);
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	cursor: pointer;
	padding: 0;
}

.lately_search_history_layer .head .button_box .history_save_btn span {
	color: var(--color-0283FD-primary);
}

.lately_search_history_layer .head .button_box .history_delete_btn {
	font-size: var(--font-14-xs);
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	cursor: pointer;
	padding: 0;
}

.lately_search_history_list {
	display: flex;
	flex-direction: column;
	padding: 0 0 var(--space-16-sm) 0;
}

.lately_search_history_list li {
	align-items: center;
	display: flex;
	height: 36px;
	justify-content: space-between;
	padding: var(--space-4-min) var(--space-16-sm);
	position: relative;
}

.lately_search_history_list li a {
	color: var(--color-687481-gray-800);
	font-size: var(--font-14-xs);
}

.lately_search_history_list li a:hover {
	background-color: var(--gray5);
}

.lately_search_history_list li button {
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.footer {
	width: 100%;
}

.footer_common_layout {
	width: 100%;
	/* background-color: var(--secondary2); */
}

.footer_common_layout>.inner {
	width: 100%;
	max-width: 1440px;
	margin: auto;
	padding: 16px 48px 32px 48px;
}

.footer_common_layout .top {
	width: 100%;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

.footer_common_layout .top .left {
	margin-right: auto;
}

.footer_links {
	display: flex;
	align-items: center;
	gap: 16px;
}

.footer_links li a {
	display: block;
	padding: 16px;
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.footer_common_layout .top .right {
	margin-left: auto;
}

.footer_logo {
	width: 120px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer_common_layout .bottom {
	width: 100%;
	display: flex;
	align-items: center;
}

.footer_common_layout .bottom .left {
	margin-right: auto;
}

.footer_info_list {
	width: 687px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 9px;
}

.footer_info_list li {
	position: relative;
	flex: none;
	white-space: nowrap;
}

.footer_info_list li:nth-child(7)::after {
	display: none;
}

.footer_info_list li:after {
	content: "";
	display: block;
	width: 1px;
	height: 10px;
	background-color: var(--gray4);
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
}

.footer_common_layout .bottom .right {
	margin-left: auto;
}

/* main */
.main {
	width: 100%;
	margin-top: 70px;
}

.main>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding-left: 48px;
	padding-right: 48px;
}

.main>.inner.search {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 24px;
}

.main_inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}

/* button */
button[type='button'].primary {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 40px;
	font-weight: 600;
	background-color: var(--primary2);
	border-radius: 100vw;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s;
}

button[type='button'].primary:hover {
	background-color: var(--primary3);
}

button[type='button'].primary:active {
	background-color: var(--primary3);
}

button[type='button'].primary.ghost {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 38px;
	font-weight: 600;
	border: 1px solid var(--primary2);
	border-radius: 100vw;
	background-color: #fff;
	color: var(--primary2);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
}

button[type='button'].primary.ghost:hover {
	border-color: var(--primary3);
	color: var(--primary3);
}

button[type='button'].primary.ghost:active {
	border-color: var(--primary3);
	color: var(--primary3);
}

button[type='button'].secondary {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 40px;
	font-weight: 600;
	background-color: var(--primary1);
	border-radius: 100vw;
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s;
}

button[type='button'].secondary:hover {
	background-color: var(--primary2);
}

button[type='button'].secondary:active {
	background-color: var(--primary2);
}

button[type='button'].secondary.ghost {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 38px;
	font-weight: 600;
	border: 1px solid var(--primary1);
	border-radius: 100vw;
	background-color: #fff;
	color: var(--primary1);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
}

button[type='button'].secondary.ghost:hover {
	border-color: var(--primary2);
	color: var(--primary2);
}

button[type='button'].secondary.ghost:active {
	border-color: var(--primary2);
	color: var(--primary2);
}

button[type='button'].dark {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 40px;
	font-weight: 600;
	border: 1px solid var(--gray2);
	border-radius: 100vw;
	background-color: var(--gray2);
	color: #fff;
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
}

/*button[type='button'].dark:hover{border-color:var(--primary2); color:var(--primary2);}
button[type='button'].dark:active{border-color:var(--primary2); color:var(--primary2);}*/

button[type='button'].cancel {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	border-radius: 100vw;
	background-color: var(--secondary2);
	color: var(--gray3);
	cursor: pointer;
	transition: background-color 0.2s;
}

button[type='button'].cancel:hover {
	background-color: var(--secondary3);
}

button[type='button'].cancel:active {
	background-color: var(--secondary3);
}

button[type='button'].cancel.ghost {
	min-width: 120px;
	height: 40px;
	padding: 0 16px;
	font-size: 15px;
	line-height: 38px;
	font-weight: 600;
	border-radius: 100vw;
	background-color: #fff;
	border: 1px solid var(--secondary3);
	color: var(--gray3);
	cursor: pointer;
	transition: border-color 0.2s;
}

button[type='button'].cancel.ghost:hover {
	border-color: var(--secondary3);
}

button[type='button'].cancel.ghost:active {
	border-color: var(--secondary3);
}

button[type='button'].text {
	height: 40px;
	font-size: 14px;
	line-height: 16.8px;
	font-weight: 600;
	padding: 11.5px 30.5px;
	border: 1px dashed var(--gray4);
	border-radius: 100vw;
	background-color: #fff;
	color: var(--gray3);
	cursor: pointer;
	transition: color 0.2s;
}

button[type='button'].text:hover {
	color: var(--primary2);
}

button[type='button'].text_center:active {
	color: var(--primary2);
}

button[type='button']:disabled {
	height: 40px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	padding: 10px 16px;
	border: none !important;
	border-radius: 100vw;
	background-color: var(--secondary1) !important;
	color: var(--gray4) !important;
	cursor: auto !important;
}

button[type='button']:disabled:hover {
	color: var(--gray4) !important;
	background-color: var(--secondary1) !important;
}

button[type='button'].text:disabled {
	font-size: 14px;
	line-height: 16.8px;
	font-weight: 600;
	padding: 11.5px 30.5px;
}

button[type='button'].client {
	padding: 28px 16px;
	height: 104px;
	border-radius: 10px;
	border: 1px solid var(--secondary3);
	/*background:url('../../assets/imgs/icons/client.svg') no-repeat right 16px center var(--gray6);*/
	cursor: pointer;
	position: relative;
}

button[type='button'].expert {
	padding: 28px 16px;
	height: 104px;
	border-radius: 10px;
	border: 1px solid var(--secondary3);
	/*background:url('../../assets/imgs/icons/expert.svg') no-repeat right 16px center var(--gray6);*/
	cursor: pointer;
	position: relative;
}

.sign_client_img {
	width: 103px;
	height: 80px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.sign_expert_img {
	width: 103px;
	height: 80px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

/* radio */
label.radio {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

label.radio input[type="radio"] {
	display: none;
}

label.radio .icon {
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary3);
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

label.radio .text {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	cursor: pointer;
}

label.radio input[type="radio"]:disabled~.icon {
	opacity: 0.4;
	cursor: auto;
}

label.radio input[type="radio"]:disabled~.text {
	opacity: 0.4;
	cursor: auto;
}

label.radio input[type="radio"]:checked~.icon {
	border-color: #2079FF;
}

label.radio input[type="radio"]:checked~.icon::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #2079FF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

label.radio.star {
	gap: 4px;
}

label.radio.star .text {
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
	gap: 4px;
}

/* checkbox */
label.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

label.checkbox input[type="checkbox"] {
	display: none;
}

label.checkbox .icon {
	width: 20px;
	height: 20px;
	background-color: var(--secondary3);
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

label.checkbox .icon::after {
	content: "";
	display: block;
	width: 12px;
	height: 10px;
	background: url('../imgs/icons/checked.svg') no-repeat center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

label.checkbox .text {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	cursor: pointer;
}

label.checkbox input[type="checkbox"]:disabled~.icon {
	opacity: 0.4;
	cursor: auto;
}

label.checkbox input[type="checkbox"]:disabled~.text {
	opacity: 0.4;
	cursor: auto;
}

label.checkbox input[type="checkbox"]:checked~.icon {
	background-color: #2079FF;
}

/* checkbox2 */
label.checkbox2 {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

label.checkbox2 input[type="checkbox"] {
	display: none;
}

label.checkbox2 .icon {
	width: 20px;
	height: 20px;
	background: url('../imgs/icons/checked2.svg') no-repeat center center;
	cursor: pointer;
}

label.checkbox2 .text {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	cursor: pointer;
}

label.checkbox2 input[type="checkbox"]:disabled~.icon {
	opacity: 0.4;
	cursor: auto;
}

label.checkbox2 input[type="checkbox"]:disabled~.text {
	opacity: 0.4;
	cursor: auto;
}

label.checkbox2 input[type="checkbox"]:checked~.icon {
	background: url('../imgs/icons/checked2_active.svg') no-repeat center center;
}


/* toggle */
label.toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

label.toggle input[type="checkbox"] {
	display: none;
}

label.toggle .icon {
	width: 32px;
	height: 20px;
	background-color: var(--secondary3);
	border-radius: 100vw;
	cursor: pointer;
	position: relative;
}

label.toggle .icon::after {
	content: "";
	width: 20px;
	height: 20px;
	background-color: #F5F5F5;
	border-radius: 50%;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: margin 0.2s;
}

label.toggle .text {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	cursor: pointer;
}

label.toggle input[type="checkbox"]:disabled~.icon {
	opacity: 0.4;
	cursor: auto;
}

label.toggle input[type="checkbox"]:disabled~.text {
	opacity: 0.4;
	cursor: auto;
}

label.toggle input[type="checkbox"]:checked~.icon {
	background-color: #2079FF;
}

label.toggle input[type="checkbox"]:checked~.icon::after {
	margin-left: 12px;
}

/* text_input */
.text_input {
	width: 100%;
	height: 40px;
	position: relative;
}

.text_input input[type='text'] {
	width: 100%;
	height: 100%;
	padding: 11px 16px;
	border-radius: 100vw;
	border: 1px solid var(--secondary3);
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	background-color: var(--gray6);
}

.text_input input[type='text']::placeholder {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	opacity: 0.4;
}

.text_input .icon {
	display: none;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../imgs/icons/text_input_active.svg) no-repeat center center;
}

.text_input input[type='text']:focus {
	border-color: var(--gray3);
}

.text_input.filed input[type='text'] {
	border-color: var(--gray3);
}

.text_input.active .icon {
	display: block;
	cursor: pointer;
}

.text_input.active input:read-only+.icon {
	display: none;
	cursor: pointer;
}

.text_input.error input[type='text'] {
	border-color: var(--sys_red1);
	color: var(--sys_red1);
}

.text_input.error .icon {
	display: block;
	background: url(../imgs/icons/text_input_error.svg) no-repeat center center;
}

.text_input.success .icon {
	display: block;
	background: url(../imgs/icons/text_input_success.svg) no-repeat center center;
}

.text_input input[type='text']:disabled {
	border-color: var(--secondary2);
	background-color: var(--secondary2);
}

.text_input input[type='text']:disabled+.icon {
	display: block;
	background: url(../imgs/icons/text_input_disabled.svg) no-repeat center center;
}

.text_input input[type='text']:disabled+.icon.invisible {
	display: none;
}

.text_input input[type='password'] {
	width: 100%;
	height: 100%;
	padding: 11px 16px;
	border-radius: 100vw;
	border: 1px solid var(--secondary3);
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	background-color: var(--gray6);
}

.text_input input[type='password']::placeholder {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	opacity: 0.4;
}

.text_input input[type='password']:focus {
	border-color: var(--gray3);
}

.text_input.filed input[type='password'] {
	border-color: var(--gray3);
}

.text_input.error input[type='password'] {
	border-color: var(--sys_red1);
	color: var(--sys_red1);
}

.text_input input[type='password']:disabled {
	border-color: var(--secondary2);
	background-color: var(--secondary2);
}

.text_input input[type='password']:disabled+.icon {
	display: block;
	background: url(../imgs/icons/text_input_disabled.svg) no-repeat center center;
}

/* text_input2 */
.text_input2 {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary2);
	background-color: var(--gray6);
	border-radius: 5px;
	padding: 10px 16px;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
}

.text_input2::placeholder {
	color: var(--gray2);
	opacity: 0.4;
}

/* textarea2 */
.textarea2 {
	width: 100%;
	height: 80px;
	border: 1px solid var(--secondary2);
	background-color: var(--gray6);
	border-radius: 5px;
	padding: 10px 16px;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	resize: none;
}

.textarea2::placeholder {
	color: var(--gray2);
	opacity: 0.4;
}


/* file_input */
.file_input {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.file_input input[type='file'] {
	display: none;
}

.file_input .text {
	display: block;
	width: 100%;
	height: 40px;
	padding: 11px 38px 11px 16px;
	border-radius: 100vw;
	border: 1px solid var(--secondary3);
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: rgba(42, 43, 45, 0.4);
	background-color: var(--gray6);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

.file_input .text .icon {
	display: none;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../imgs/icons/text_input_active.svg) no-repeat center center;
	cursor: pointer;
}

.file_input.filed .text {
	color: var(--gray2);
}

.file_input.filed .text .icon {
	display: block;
}

.file_input.popup_ver .text {
	border-radius: 5px;
}

.file_input.popup_ver button {
	border-radius: 5px !important;
}

/* text_select */
.text_select {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 100px;
	padding: 0 16px;
	font-size: 15px;
	font-weight: 400;
	color: #a4a4a5;
	background: var(--gray6) url('../../assets/imgs/icons/custom_select_arrow.svg') no-repeat right 16px center;
}

.text_select:focus {
	color: var(--gray2);
	font-size: 15px;
	font-weight: 500;
}

.text_select:valid {
	color: var(--gray2);
	font-size: 15px;
	font-weight: 500;
	opacity: 1;
}

.text_select option[value=""][disabled] {
	display: none;
}

/* bn_input */
.bn_input {
	display: flex;
	align-items: center;
	gap: 8px;
}

.bn_input input {
	width: 85px;
	height: 40px;
	padding: 11px 16px;
	border-radius: 100vw;
	border: 1px solid var(--secondary3);
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	background-color: var(--gray6);
	text-align: center;
}

.bn_input input::placeholder {
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray2);
	opacity: 0.4;
}

.bn_input input:focus {
	border-color: var(--gray3);
}

.bn_input span {
	font-size: 15px;
	font-weight: 400;
	color: var(--gray3);
}


/* help_text */
.help_text {
	display: block;
	font-size: 13px;
	padding: 0 8px;
	font-weight: 400;
	margin-top: 8px;
}

.help_text.error {
	color: var(--sys_red1);
}

.help_text.success {
	color: var(--primary1);
}

/* pagination */
.pagination {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pagination .prev {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pagination .next {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pagination .page {
	display: flex;
	align-items: center;
	gap: 16px;
}

.pagination li {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagination .page li:hover {
	background-color: var(--secondary1);
}

.pagination .page li.active {
	background-color: var(--primary1);
}

.pagination .page li.active a {
	color: #fff;
}

/* card */
.card {
	width: 100%;
	padding: 32px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	background-color: #fff;
}

.card_content_head {
	width: 100%;
	border: 1px solid var(--secondary3);
	border-radius: 10px;
}

.card_content_head .head {
	padding: 18px;
	border-bottom: 1px dashed var(--secondary2);
}

.card_content_head .body {
	padding: 18px;
}

.card_content {
	width: 100%;
	padding: 16px;
	border: 1px solid var(--secondary3);
	border-radius: 10px;
}

.card_dashed {
	padding: 8px;
	border: 1px dashed #000;
	border-radius: 10px;
}

/* hr */
hr.dash {
	border: none;
	border-top: 1px dashed var(--secondary2);
}

hr.secondary2 {
	border: none;
	border-top: 1px solid var(--secondary2);
}

hr.secondary3 {
	border: none;
	border-top: 1px solid var(--secondary3);
}


/* if_search_popup */
.if_search_popup {
	padding: 32px;
}

.if_select_list {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* custom_select */
.custom_select {
	width: 160px;
	height: 40px;
	position: relative;
}

.custom_select input {
	display: none;
}

.custom_select .text {
	width: 100%;
	height: 100%;
	padding: 8px 16px;
	border: 1px solid var(--secondary3);
	border-radius: 100vw;
	font-size: 15px;
	font-weight: 500;
	color: var(--gray2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.custom_select .text .icon {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom_select .option {
	display: none;
	width: 100%;
	border-radius: 5px;
	border: 1px solid var(--secondary2);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	top: calc(100% + 8px);
	background-color: #fff;
	z-index: 1;
}

.custom_select .option li {
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.custom_select .option li:hover {
	background-color: var(--gray5);
}

.custom_select .option li.disabled {
	color: var(--gray4);
	cursor: auto;
}

.custom_select .option li.disabled:hover {
	background-color: #fff;
}

.custom_select.active .option {
	display: block;
}

/* custom_textarea */
.custom_textarea {
	width: 100%;
}

.custom_textarea textarea {
	width: 100%;
	height: 120px;
	margin-bottom: 4px;
	padding: 16px;
	border: 1px solid var(--secondary3);
	border-radius: 10px;
	background-color: var(--gray6);
	resize: none;
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.custom_textarea textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	opacity: 0.4;
}

.custom_textarea .limit {
	display: block;
	font-size: 10px;
	font-weight: 400;
	color: var(--gray3);
	text-align: right;
}

.custom_textarea .length {
	display: block;
	font-size: 10px;
	font-weight: 400;
	color: var(--gray3);
	text-align: right;
}

/* custom_search */
.custom_search {
	width: 280px;
	height: 40px;
	position: relative;
}

.custom_search input {
	width: 100%;
	height: 100%;
	padding: 8px 32px 8px 16px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: 400;
	color: var(--gray2);
}

.custom_search input::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--gray2);
	opacity: 0.4;
}

/*.custom_search::after{content:""; display:block; width:24px; height:24px; background:url(../../assets/imgs/icons/search.svg) no-repeat center center; position:absolute; right:8px; top:50%; transform:translateY(-50%); z-index:1;}*/
.custom_search .icon_search {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../../assets/imgs/icons/search.svg) no-repeat center center;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 2;
}


/* quote_box */
.quote_box {
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	
	display: flex;
	align-items: center;
	position: relative;
}

.quote_box::before {
	content: "";
	display: block;
	width: 13px;
	height: 10px;
	background: url('../../assets/imgs/icons/quote_start.svg') no-repeat center center;
	position: absolute;
	left: -29px;
	top: 0;
}

.quote_box::after {
	content: "";
	display: block;
	width: 13px;
	height: 10px;
	background: url('../../assets/imgs/icons/quote_end.svg') no-repeat center center;
	position: absolute;
	right: -29px;
	top: 0;
}

/* find_id_tab */
.find_id_tab {
	width: 100%;
	display: flex;
	align-items: center;
}

.find_id_tab li {
	width: 100%;
	height: 56px;
}

.find_id_tab li a {
	width: 100%;
	height: 100%;
	border-top: 2px solid var(--gray4);
	font-size: 18px;
	font-weight: 400;
	
	text-align: center;
	color: var(--gray4);
	background-color: var(--gray5);
	display: flex;
	justify-content: center;
	align-items: center;
}

.find_id_tab li.active a {
	color: var(--primary2);
	border-color: var(--primary2);
	background-color: #fff;
}

/* state_box */
.state_box {
	width: 100%;
}

.state_box .img {
	width: 80px;
	height: 80px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.state_box .text {
	padding: 16px 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	text-align: center;
}

/* timer */
.timer {
	font-size: 15px;
	font-weight: 600;
	color: var(--gray3);
}

/* breadcrumb */
.breadcrumb {
	width: 100%;
	padding: 8px 0;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
	gap: 4px;
}

.breadcrumb a {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.breadcrumb .home {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* admin_select_box */
.admin_select_box {
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.admin_select_box .left .count {
	padding: 0 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.admin_select_box .right .buttons li {
	position: relative;
}

.admin_select_box .right .buttons li::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--secondary3);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.admin_select_box .right .buttons li:last-child::after {
	display: none;
}

.admin_select_box .right .buttons {
	display: flex;
	align-items: center;
}

.admin_select_box .right .buttons button {
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}


/* banner */
.banner {
	width: 100%;
	padding: 50px;
	position: relative;
	overflow: hidden;
}

/* banner_section - 고객센터 배너 */
.banner_section {
	width: 100%;
	margin: 16px 0;
}

.banner_container {
	width: 100%;
	position: relative;
}

.banner_swiper {
	width: 100%;
	height: auto;
}

.banner_swiper .swiper-slide {
	width: 100%;
	height: auto;
}

.banner_swiper .banner_image {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.banner_swiper .swiper-button-next,
.banner_swiper .swiper-button-prev {
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}

.banner_swiper .swiper-button-next:after,
.banner_swiper .swiper-button-prev:after {
	font-size: 16px;
}

.banner_swiper .swiper-pagination {
	bottom: 10px;
}

.banner_swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.banner_swiper .swiper-pagination-bullet-active {
	background: #fff;
}

.banner .text {
	padding: 10px;
}

.banner .text .text_icon {
	margin-bottom: 16px;
}

.banner .text .title {
	margin-bottom: 24px;
	font-size: 36px !important;
	font-weight: 700;
	line-height: 48px !important;
	color: var(--gray2);
}

.banner .text .desc {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--gray4);
}

.banner .img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.4;
}

.banner .img img {
	object-fit: cover;
}

/* a_card */
.a_card {
	width: 485px;
	height: 192px;
	padding: 16px 32px;
	border-radius: 10px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.a_card span {
	display: block;
}

.a_card span.flex_col {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
}

.a_card .category {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray3);
}

.a_card .title {
	margin-bottom: 8px;
	font-size: 30px;
	font-weight: 700;
	color: #000;
	
}

.a_card .desc {
	font-size: 15px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 1.5;
}

.a_card .img {
	width: 100px;
	height: auto;
}

.a_card .img img {
	width: 100%;
	height: 100%;
}

/* filter_box */
.filter_box {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	min-width: fit-content;
	flex-wrap: wrap;
}

.filter_box .left .count {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.filter_box .left {
	padding-left: 16px;
}

.filter_box .right {
	display: flex;
	align-items: center;
	padding: 16px 0;
}

.filter_box .right .filter {
	position: relative;
	display: flex;
	align-items: center;
}

.filter_box .right .filter::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background-color: var(--gray4);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.filter_box .right .filter:last-child::after {
	display: none;
}

.filter_box .right .filter li {
	padding: 4px 16px;
	position: relative;
}

.filter_box .right .filter li::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--secondary3);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.filter_box .right .filter li:last-child::after {
	display: none;
}

.filter_box .right .filter li button {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.filter_box .right .filter li.active button {
	color: var(--primary1);
}

.filter_box .right .filter li button.active {
	color: var(--primary1);
}

/* compare_card */
.compare_card {
	width: 100%;
	height: 254px;
	padding: 16px 20px 20px 20px;
	border-radius: 10px;
	background-color: #fff;
	cursor: pointer;
	position: relative;
}

.compare_card.compare_flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.compare_card .tooltip {
	padding: 4px 16px;
	border-radius: 100px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	position: absolute;
	right: 16px;
	top: 48px;
}

.compare_card .head {
	width: 100%;
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.compare_card .head .badge {
	min-width: 64px;
	height: 24px;
	line-height: 24px;
	padding: 0 11px;
	border-radius: 100vw;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}

.compare_card .head .badge.primary {
	background-color: var(--primary1);
	color: #fff;
}

.compare_card .head .badge.primary2 {
	background-color: var(--primary2);
	color: #fff;
}

.compare_card .head .badge.ghost {
	background-color: #fff;
	color: var(--primary1);
	border: 1px solid var(--primary1);
}

.compare_card .head .badge.ghost2 {
	background-color: #fff;
	color: var(--primary2);
	border: 1px solid var(--primary2);
}

.compare_card .head .badge.cancel {
	background-color: #fff;
	color: var(--secondary3);
	border: 1px solid var(--secondary3);
}

.compare_card .head .save {
	display: flex;
	align-items: center;
	gap: 13px;
}

.compare_card .head .save .text {
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray3);
	display: flex;
	align-items: center;
	gap: 2px;
}

.compare_card .head .save input[type='checkbox'] {
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
}

.compare_card .head .save input[type='checkbox']:checked {
	background: #2079FF url(../imgs/icons/checked.svg) no-repeat center center;
}

.compare_card .body {
	width: 100%;
}

.compare_card .body .cate {
	font-size: 12px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray4);
}

.compare_card .body .title {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray2);
}

.compare_card .body .content {
	display: flex;
	align-items: center;
	gap: 24px;
}

.compare_card .body .content li {
	padding-left: 5px;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
}

.compare_card .body .content li::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #D9D9D9;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.compare_card .body .content li .content_label {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	flex: none;
}

.compare_card .body .content li .content_text {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.compare_card .foot {
	width: 100%;
}

.compare_card .foot .info {
	width: 100%;
	padding: 8px 16px;
	border-radius: 100vw;
	background-color: var(--secondary1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 32px;
}

.compare_card .foot .info .date {
	font-size: 12px;
	font-weight: 600;
	color: var(--gray4);
}

.compare_card .foot .info .count {
	font-size: 12px;
	font-weight: 500;
	text-align: right;
	color: var(--gray3);
}

/* common_layer_popup */
.common_layer_popup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.common_layer_popup_card {
	width: 400px;
	background-color: #fff;
	z-index: 1000;
}

.common_layer_popup_card .body {
	padding: 24px;
	margin-right: 4px;
	margin-top: 4px;
}

.common_layer_popup_card .body::-webkit-scrollbar {
	width: 6px;
}

.common_layer_popup_card .body::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.common_layer_popup_card .body::-webkit-scrollbar-track {
	background-color: #FCFCFC;
}

.common_layer_popup_card .foot {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
}

.common_layer_popup_card .foot button {
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: 600;
	background-color: var(--primary1);
	color: #fff;
	cursor: pointer;
}

/* compare_detail_card */
.compare_detail_card {
	width: 100%;
	padding: 16px 16px 32px 16px;
	background-color: #fff;
	border-radius: 10px;
}

.compare_detail_card .head {
	width: 100%;
	margin-bottom: 16px;
}

/* .compare_detail_card .head>.flex_between {
	padding-left: 16px;
	padding-right: 16px;
} */

.compare_detail_card .head .head_top .title {
	padding-left: 0;
	padding-right: 0;
	line-height: 24px;
}

.compare_detail_card .head .head_bottom .user_box {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.compare_detail_card .head .badge {
	padding: 4px 23px;
	border-radius: 100vw;
	font-size: 13px !important;
	font-weight: 600;
	background-color: #ccc;
	color: #fff;
}


.compare_detail_card .head .badge.request {
	background-color: var(--primary1);
}

.compare_detail_card .head .badge.request_end {
	background-color: #fff;
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.compare_detail_card .head .badge.request_cancel {
	background-color: #fff;
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.compare_detail_card .head .badge.booking_complete {
	background-color: var(--primary1);
}

.compare_detail_card .head .badge.visit_complete {
	background-color: var(--primary2);
}

.compare_detail_card .head .badge.wait {
	background-color: #fff;
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.compare_detail_card .head .badge.booking_change {
	background-color: #fff;
	border: 1px solid var(--primary2);
	color: var(--primary2);
}

.compare_detail_card .head .badge.booking_cancel {
	background-color: #fff;
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.compare_detail_card .head .save {
	display: flex;
	align-items: center;
	display: flex;
	align-items: center;
	
	font-weight: 400;
	height: 40px;
}

.compare_detail_card .head .save .mx2 {
	margin-left: 4px;
}

.compare_detail_card .head .title {
	font-size: 18px;
	font-weight: 700;

}

.compare_detail_card .head .title .cate {
	margin-left: 8px;
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray4);
}

.compare_detail_card .head .user {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
}

.compare_detail_card .head .user .img {
	width: 24px;
	height: 24px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 6px;
}

.compare_detail_card .head .user .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.compare_detail_card .head .reply {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
}

.compare_detail_card .head .view {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
}

.compare_detail_card .head .date {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
}

.compare_detail_card .head .date .bar {
	display: inline-block;
	margin: 0 4px;
	width: 1px;
	height: 8px;
	background-color: var(--secondary2);
}

.compare_detail_card .head .more_box {
	position: relative;
}

.compare_detail_card .head .more_box button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.compare_detail_card .head .more_box .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.compare_detail_card .head .more_box .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.compare_detail_card .head .more_box .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

/* look_box */
.look_box {
	width: 100%;
}

.look_box .title {
	padding: 0 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray3);
}

.look_box .content {
	width: 100%;
	padding: 11px 16px;
	border: 1px solid var(--secondary4);
	background-color: var(--gray5);
	font-size: 15px;
	font-weight: 600;
	color: var(--gray2);
	line-height: 24px;
	overflow-wrap: break-word;
}

/* expect_card */
.expect_card {
	width: 100%;
	padding: 16px 32px;
	background-color: #fff;
	border-radius: 10px;
}

.expect_card>.head {
	padding: 8px 0 8px 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.expect_card>.head .title {
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray2);
}

.expect_card>.head .buttons {
	display: flex;
	align-items: center;
	gap: 8px;
}

.expect_card>.head .buttons button.primary {
	min-width: 114px;
	height: 40px;
	padding: 0 14px;
	font-size: 15px;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid var(--primary2);
	color: var(--primary2);
	cursor: pointer;
}

.expect_card>.head .buttons button.cancel {
	min-width: 114px;
	height: 40px;
	padding: 0 14px;
	font-size: 15px;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid var(--gray3);
	color: var(--gray3);
	cursor: pointer;
}

.expect_card>.head .buttons button.offline {
	min-width: 114px;
	height: 40px;
	padding: 0 14px;
	font-size: 15px;
	font-weight: 600;
	background-color: var(--primary1);
	border: 1px solid var(--primary1);
	color: #fff;
	cursor: pointer;
	border-radius: 100vw;
}

.expect_card .filters {
	width: 100%;
	height: 40px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.expect_card .filters .count {
	padding: 0 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.expect_card .filters .buttons {
	display: flex;
	align-items: center;
}

.expect_card .filters .buttons li {
	position: relative;
}

.expect_card .filters .buttons li button {
	padding: 4px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.expect_card .filters .buttons li::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--secondary3);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.expect_card .filters .buttons li:last-child::after {
	display: none;
}

.expect_card .filters .buttons li.active button {
	color: var(--primary1);
}

/* only_my_post_box */
.only_my_post_box {
	width: 100%;
	min-height: 46px;
	line-height: 22px;
	padding: 11px 16px;
	border: 1px solid var(--secondary1);
	background-color: var(--gray6);
	font-size: 15px;
	font-weight: 500;
	color: var(--gray2);
	display: flex;
	align-items: flex-start;
	gap: 4px;
	;
}

.only_my_post_box2 {
	width: 100%;
	min-height: 46px;
	line-height: 22px;
	padding: 11px 16px;
	background-color: #F7F9FC;
	font-size: 16px;
	font-weight: 400;
	color: var(--gray2);
	
	display: flex;
	align-items: flex-start;
	gap: 4px;
	margin-bottom: 16px;
}


/* common_table */
.common_table {
	width: 100%;
	background-color: #fff;
}

.common_table thead tr {
	height: 56px;
	border-top: 1px solid var(--secondary2);
	border-bottom: 1px solid var(--secondary2);
}

.common_table thead tr th {
	padding: 0 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	background-color: var(--gray5);
}

.common_table tbody tr {
	height: 56px;
	border-bottom: 1px dashed var(--secondary2);
}

.common_table tbody tr td {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.common_table_checkbox {
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	background-color: #fff;
}

.common_table_checkbox:checked {
	background: #2079FF url(../imgs/icons/checked.svg) no-repeat center center;
}


/* notice_table */
.notice_table {
	width: 100%;
}

.notice_table thead tr {
	height: 56px;
	border-top: 2px solid var(--secondary2);
	border-bottom: 2px solid var(--secondary2);
	background-color: var(--gray6);
}

.notice_table thead tr th {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: var(--gray3);
}

.notice_table tbody tr {
	height: 76px;
	border-bottom: 1px solid var(--secondary2);
	cursor: pointer;
}

.notice_table tbody tr td {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	text-align: center;
}

.notice_badge {
	display: inline-block;
	width: 64px;
	height: 24px;
	border-radius: 100px;
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
}

.notice_badge.primary2 {
	background-color: var(--primary2);
	border-color: var(--primary2);
}

/* notice_detail_wrap */
.notice_detail_wrap {
	width: 100%;
	background-color: var(--secondary1);
	padding: 16px 16px 48px 16px;
	margin-bottom: 80px;
}

.notice_detail_card {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 16px 24px;
}

.notice_detail_card .head {
	border-bottom: 1px solid var(--secondary2);
}

.notice_detail_card .title_more {
	padding: 8px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.notice_detail_card .title {
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray2);
	word-break: break-all;
}

.notice_detail_card .state {
	display: inline-block;
	margin-right: 16px;
	width: 64px;
	height: 24px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
}

.notice_detail_card .more_box {
	position: relative;
}

.notice_detail_card .more_box button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.notice_detail_card .more_box .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.notice_detail_card .more_box .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.notice_detail_card .more_box .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

.notice_detail_card .state.primary1 {
	background-color: var(--primary1);
	border-color: var(--primary1);
}

.notice_detail_card .state.primary2 {
	background-color: var(--primary2);
	border-color: var(--primary2);
}

.notice_detail_card .state.event {
	background-color: #00CEE0;
	border-color: #00CEE0;
}

.notice_detail_card .state.ghost {
	background-color: #fff;
	color: #ccc;
}

.notice_detail_card .state.ghost.primary1 {
	color: var(--primary1);
	border-color: var(--primary1);
}

.notice_detail_card .state.ghost.primary2 {
	color: var(--primary2);
	border-color: var(--primary2);
}

.notice_detail_card .state.ghost.event {
	color: #00CEE0;
	border-color: #00CEE0;
}

.notice_detail_card .name_info {
	padding: 8px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.notice_detail_card .name {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
	gap: 6px;
}

.notice_detail_card .info span {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

.notice_detail_card .view {
	margin-right: 16px;
}

.notice_detail_card .date {
	position: relative;
	margin-right: 9px;
}

/* .notice_detail_card .date::after{content:""; position:absolute; right:-4px; top:50%; transform:translateY(-50%); width:1px; height:8px; background-color:var(--secondary2);} */

.notice_detail_card .body {
	padding: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

/* question_table */
.question_table {
	width: 100%;
}

.question_table thead tr {
	height: 56px;
	border-top: 2px solid var(--secondary2);
	border-bottom: 2px solid var(--secondary2);
	background-color: var(--gray5);
}

.question_table thead tr th {
	padding: 0 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: var(--gray3);
}

.question_table tbody tr {
	height: 76px;
	border-bottom: 1px solid var(--secondary2);
}

.question_table tbody tr td {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	text-align: center;
}

.question_table_checkbox {
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	background-color: #fff;
	cursor: pointer;
}

.question_table_checkbox:checked {
	background: #2079FF url(../imgs/icons/checked.svg) no-repeat center center;
}

.question_badge {
	display: inline-block;
	width: 64px;
	height: 24px;
	border-radius: 100px;
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
}

.question_badge.primary1 {
	background-color: var(--primary1);
	border-color: var(--primary1);
}

.question_badge.primary2 {
	background-color: var(--primary2);
	border-color: var(--primary2);
}

.question_badge.ghost {
	background-color: #fff;
	border-color: #ccc;
	color: #ccc;
}

.question_badge.ghost.primary1 {
	border-color: var(--primary1);
	color: var(--primary1);
}

.question_badge.ghost.primary2 {
	border-color: var(--primary2);
	color: var(--primary2);
}

/* question_detail_wrap */
.question_detail_wrap {
	width: 100%;
	background-color: var(--secondary1);
	padding: 16px 16px 48px 16px;
}

.question_detail_card {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 16px 24px 24px 24px;
}

.question_detail_card .head {
	border-bottom: 1px solid var(--secondary2);
}

.question_detail_card .title_more {
	padding: 8px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.question_detail_card .title {
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray2);
	word-break: break-all;
}

.question_detail_card .state {
	display: inline-block;
	margin-right: 16px;
	width: 64px;
	height: 24px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #ccc;
	background-color: #ccc;
	color: #fff;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
}

.question_detail_card .more_box {
	position: relative;
}

.question_detail_card .more_box button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.question_detail_card .more_box .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.question_detail_card .more_box .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.question_detail_card .more_box .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

.question_detail_card .state.primary1 {
	background-color: var(--primary1);
	border-color: var(--primary1);
}

.question_detail_card .state.primary2 {
	background-color: var(--primary2);
	border-color: var(--primary2);
}

.question_detail_card .state.event {
	background-color: #00CEE0;
	border-color: #00CEE0;
}

.question_detail_card .state.ghost {
	background-color: #fff;
	color: #ccc;
}

.question_detail_card .state.ghost.primary1 {
	color: var(--primary1);
	border-color: var(--primary1);
}

.question_detail_card .state.ghost.primary2 {
	color: var(--primary2);
	border-color: var(--primary2);
}

.question_detail_card .state.ghost.event {
	color: #00CEE0;
	border-color: #00CEE0;
}

.question_detail_card .name_info {
	padding: 8px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.question_detail_card .name {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
	gap: 6px;
}

.question_detail_card .info span {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

.question_detail_card .view {
	margin-right: 16px;
}

.question_detail_card .date {
	position: relative;
	margin-right: 9px;
}

/* .question_detail_card .date::after{content:""; position:absolute; right:-4px; top:50%; transform:translateY(-50%); width:1px; height:8px; background-color:var(--secondary2);} */

.question_detail_card .body {
	padding: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	word-break: break-all;
}

.question_detail_card .foot .files {
	display: flex;
	align-items: center;
	gap: 16px;
}

.question_detail_card .foot .files a {
	display: block;
	padding: 8px 20px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	color: var(--gray4);
}


.question_reply_card {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 16px 24px 24px 24px;
}

.question_reply_card .title {
	margin-bottom: 8px;
	padding: 8px 0;
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray2);
}

.question_reply_card .title img {
	display: inline;
	vertical-align: middle;
}

.question_reply_card .wait {
	margin-bottom: 8px;
	padding: 0 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.question_reply_card .wait img {
	display: inline;
	vertical-align: middle;
}

.question_reply_card .content {
	padding: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.question_comments_card {
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding: 16px 24px 24px 24px;
}

.question_comments_card .title {
	margin-bottom: 8px;
	padding: 8px 0;
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray2);
}

.question_comments_card .title .count {
	font-size: 15px;
	font-weight: 400;
	
	color: var(--gray4);
}

/* .comments_box */
.comments_box {
	width: 100%;
	padding: 8px 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.comments_box textarea {
	width: 100%;
	height: 64px;
	border: 1px solid var(--secondary2);
	background-color: var(--gray5);
	border-radius: 5px;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 400;
	color: var(--gray2);
	resize: none;
}

.comments_box textarea::placeholder {
	font-size: 14px;
	font-weight: 400;
	color: var(--gray2);
	opacity: 0.4;
}

.comments_box button {
	width: 64px;
	height: 64px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	flex: none;
	font-size: 14px;
	font-weight: 400;
	color: var(--gray3);
	cursor: pointer;
}

/* comments_only_user */
.comments_only_user {
	margin-bottom: 8px;
	width: 100%;
	padding: 11px 16px;
	border-radius: 5px;
	background-color: var(--gray6);
	border: 1px solid var(--secondary1);
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

/* secret_box */
.secret_box label {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray2);
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.secret_box label input {
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
}

.secret_box label input:checked {
	background: #2079FF url(../imgs/icons/checked.svg) no-repeat center center;
}

/* user_img */
.user_img {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	margin-right: 6px;
}

.user_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* sub_button */
.sub_button {
	width: 120px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.sub_button.gray {
	border-color: var(--secondary2);
	background-color: var(--secondary2);
}

/* 2024-04-23남민우 추가 */
.sub_button.bid_success {
	width: 120px;
	height: 40px;
	border: 1px solid var(--primary1);
	border-radius: 100vw;
	font-size: 14px;
	font-weight: 500;
	color: var(--primary1);
	cursor: auto;
}

.sub_button.bid_faild {
	width: 120px;
	height: 40px;
	border: 1px solid var(--gray4);
	border-radius: 100vw;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray4);
	cursor: auto;
}

button[type="button"].sub_button:disabled {
	width: 120px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid var(--secondary3) !important;
	background-color: var(--secondary1) !important;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray4) !important;
	cursor: pointer;
}

/* koras_layer_popup */
.koras_layer_popup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.koras_layer_popup_card {
	width: 400px;
	background-color: var(--gray5);
	z-index: 1000;
}

.koras_layer_popup_card.bg_white {
	background-color: #fff;
}

.koras_layer_popup_card .body {
	padding: 24px;
	max-height: 710px;
	overflow-y: auto;
	position: relative;
	margin-bottom: 0;
}

.koras_layer_popup_card .body::-webkit-scrollbar {
	/* display:none; 1119 팝업 스크롤바 노출 */
	width: 8px;
	display: block;
}

.koras_layer_popup_card .body::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.koras_layer_popup_card .body::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.koras_layer_popup_card .body .logo {
	margin-bottom: 24px;
}

.koras_layer_popup_card .body .logo img {
	margin: auto;
}

.koras_layer_popup_card .body .title {
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 500;
	
	line-height: 24px;
	color: var(--gray2);
	text-align: center;
}

.koras_layer_popup_card .body .desc {
	margin-bottom: 16px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	text-align: center;
}

.koras_layer_popup_card .body .inner_card {
	width: 100%;
	padding: 16px;
	background-color: #fff;
	border-radius: 10px;
}

.koras_layer_popup_card .body .inner_card .user {
	display: flex;
	align-items: center;
	gap: 8px;
}

.koras_layer_popup_card .body .inner_card .user .img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden;
}

.koras_layer_popup_card .body .inner_card .user .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.koras_layer_popup_card .body .inner_card .user .text .cate {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
	line-height: 11.65px;
}

.koras_layer_popup_card .body .inner_card .user .text .name {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	line-height: 20px;
}

.koras_layer_popup_card .body .inner_card .user .text .name span {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray3);
}

.koras_layer_popup_card .body .inner_card .user .text .star {
	display: flex;
	align-items: center;
	gap: 2px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.koras_layer_popup_card .body .inner_card .info {
	width: 100%;
}

.koras_layer_popup_card .body .inner_card .info li {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.koras_layer_popup_card .body .inner_card .info li:last-child {
	margin-bottom: 0;
}

.koras_layer_popup_card .body .inner_card .info li .label {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
}

.koras_layer_popup_card .body .inner_card .info li .content {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.koras_layer_popup_card .foot {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
}

.koras_layer_popup_card .foot .primary {
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	background-color: var(--primary1);
	color: #fff;
	cursor: pointer;
	border-radius: 0;
}

.koras_layer_popup_card .foot .primary2 {
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	background-color: var(--primary2);
	color: #fff;
	cursor: pointer;
	border-radius: 0;
}

.koras_layer_popup_card .foot .primary2:disabled {
	background-color: var(--gray3) !important;
	color: #fff !important;
}

.koras_layer_popup_card .foot .cancel {
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 15px;
	font-weight: 600;
	background-color: var(--secondary2);
	border-radius: 0;
	color: var(--gray3);
	cursor: pointer;
}

.koras_layer_popup_card .body .inner_card .home_button {
	width: 100%;
	height: 32px;
	background-color: var(--gray5);
	border: 1px solid var(--secondary2);
	font-size: 14px;
	font-weight: 400;
	
	color: var(--gray3);
	cursor: pointer;
}

.koras_layer_popup_card .body .inner_card .price {
	width: 100%;
	height: 40px;
	padding: 6px 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--gray2);
	background-color: var(--gray5);
	border: 1px solid var(--secondary1);
	display: flex;
	align-items: center;
}

.koras_layer_popup_card .body .inner_card .consult {
	width: 100%;
	padding: 16px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 500;
	color: var(--gray2);
	background-color: var(--gray5);
	border: 1px solid var(--secondary1);
	display: flex;
	align-items: center;
	overflow-y: auto;
	word-break: break-all;
}

.koras_layer_popup_card .body .inner_card .consult::-webkit-scrollbar {
	display: none;
}

.koras_layer_popup_card .foot.fix_foot {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: block;
	height: auto;
}

.koras_layer_popup_card .foot .btn_area {
	height: 40px;
	display: flex;
	align-items: center;
}

.visit_date_top_fix {
	position: fixed;
	left: 0;
	top: 0;
	padding: 24px;
	width: 100%;
	z-index: 10;
	background-color: #fff;
	z-index: 100;
}

.layer_popup_select {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	padding: 0 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	background: url('../../assets/imgs/icons/custom_select_arrow.svg') no-repeat right 16px center;
	background-color: var(--gray6);
}

.koras_layer_popup_caution {
	width: 100%;
	background-color: var(--secondary1);
	border-radius: 5px;
	padding: 8px;
}

.koras_layer_popup_caution .ca_title {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 16px;
	font-weight: 400;
	
}

.koras_layer_popup_caution .ca_desc {
	padding: 2px 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	color: var(--gray3);
}

.koras_layer_popup_expert {
	width: 100%;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background-color: var(--secondary1);
	border-radius: 100px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
}

.koras_layer_popup_expert .type {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

.koras_layer_popup_question {
	padding: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	
	color: var(--gray2);
}

.koras_layer_popup_question span {
	margin-right: 4px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	
	color: var(--primary1);
}

.koras_layer_popup_star_box {
	padding: 16px;
	border: 10px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.koras_layer_popup_star_box .star_row label {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
}

.koras_layer_popup_star_box .star_row {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.koras_layer_popup_star_box .star_row input[type="radio"] {
	display: none;
}

.koras_layer_popup_star_box .star_row .icon {
	width: 20px;
	height: 20px;
	border: 1px solid var(--secondary3);
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.koras_layer_popup_star_box .star_row .text {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	cursor: pointer;
}

.koras_layer_popup_star_box .star_row input[type="radio"]:disabled~.icon {
	opacity: 0.4;
	cursor: auto;
}

.koras_layer_popup_star_box .star_row input[type="radio"]:disabled~.text {
	opacity: 0.4;
	cursor: auto;
}

.koras_layer_popup_star_box .star_row input[type="radio"]:checked~.icon {
	border-color: #2079FF;
}

.koras_layer_popup_star_box .star_row input[type="radio"]:checked~.icon::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #2079FF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.koras_layer_popup_textarea {
	width: 100%;
	height: 120px;
	border: 1px solid var(--secondary3);
	border-radius: 10px;
}

.koras_layer_popup_textarea textarea {
	padding: 16px;
	width: 100%;
	height: 100%;
	resize: none;
}

.koras_layer_popup_textarea_limit {
	padding: 0 8px;
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	color: var(--gray3);
	text-align: right;
}


/* popup_input_row */
.popup_input_row {
	width: 100%;
}

.pi_head {
	width: 100%;
	padding: 8px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pi_head .label label {
	padding-left: 8px;
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
}

.pi_head .label .require {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--primary1);
}

.pi_head .label .explain {
	padding-left: 6px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.pi_head .limit {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray3);
	vertical-align: bottom;
}

.pi_body input {
	width: 100%;
	height: 40px;
	padding: 10px 16px;
	border-radius: 5px;
	border: 1px solid var(--secondary2);
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	background-color: #fff;
}

.pi_body textarea {
	width: 100%;
	height: 92px;
	padding: 10px 16px;
	border-radius: 5px;
	border: 1px solid var(--secondary3);
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	resize: none;
}

.pi_body select {
	padding: 8px 16px;
	width: 100%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid var(--secondary2);
	font-size: 15px;
	font-weight: 400;
	color: #a4a4a5;
	background: url('../../assets/imgs/icons/custom_select_arrow.svg') no-repeat right 16px center;
	background-color: #fff;
}

.pi_body select:focus {
	color: var(--gray2);
	font-size: 15px;
	font-weight: 500;
}

.pi_body select:valid {
	color: var(--gray2);
	font-size: 15px;
	font-weight: 500;
}

.pi_body select option[value=""][disabled] {
	display: none;
}


.pi_foot {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* progress */
.progress {
	display: flex;
	align-items: center;
	gap: 10px;
}

.progress .bar {
	width: 500px;
	height: 8px;
	border-radius: 20px;
	background-color: var(--secondary1);
}

.progress .bar .current {
	display: block;
	width: 10px;
	height: 8px;
	border-radius: 20px;
	background-color: var(--primary1);
	/*transition:width 0.3s;*/
}

.progress .percent {
	font-size: 14px;
	font-weight: 600;
	color: var(--primary1);
}

/* input_preview_box */
.input_preview_box {
	width: 100%;
	margin-bottom: 4px;
}

.input_preview_box:last-child {
	margin-bottom: 0;
}

.input_preview_box .title {
	margin-bottom: 8px;
	padding: 0 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.input_preview_box .value {
	width: 100%;
	margin-bottom: 8px;
	padding: 11px 16px;
	border-radius: 5px;
	background-color: var(--gray5);
	border: 1px solid var(--secondary1);
	font-size: 15px;
	font-weight: 500;
	color: var(--gray2);
	word-break: break-all;
}

.input_preview_box .edit {
	display: block;
	margin-left: auto;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 500;
	color: var(--primary1);
	cursor: pointer;
}

/* question_box */
.question_box {
	width: 100%;
	padding: 8px 16px;
	background-color: var(--gray5);
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	
}

.question_box .num {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--primary1);
}

/* content_title_box */
.content_title_box {
	width: 100%;
	height: 158px;
	padding-top: 16px;
}

/* content_form_box */
.content_form_box {
	width: 100%;
	height: calc(100vh - 278px);
	background-color: var(--secondary1);
}

.content_form_box>.inner {
	width: 100%;
	max-width: 1440px;
	height: 100%;
	padding: 32px 48px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 10px;
}

.content_form_box>.inner .side_preview {
	width: 100%;
	max-width: 418px;
	height: 100%;
	padding: 16px 32px;
	background-color: #fff;
	overflow: auto;
}

.content_form_box>.inner .side_preview::-webkit-scrollbar {
	width: 6px;
}

.content_form_box>.inner .side_preview::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.content_form_box>.inner .side_preview::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.content_form_box>.inner .main_form {
	width: 100%;
	height: 100%;
	padding: 16px 32px;
	background-color: #fff;
	overflow: auto;
}

.content_form_box>.inner .main_form::-webkit-scrollbar {
	width: 6px;
}

.content_form_box>.inner .main_form::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.content_form_box>.inner .main_form::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.main_form>.inner {
	width: 100%;
	max-width: 484px;
	margin: auto;
	padding: 16px 32px;
}

/* confirm_form */
.confirm_form {
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto;
}

.confirm_form .inner {
	width: 100%;
	max-width: 484px;
	margin: auto;
	padding: 16px 32px;
}

.confirm_form .inner .confirm_preview {
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: auto;
}


/* mypage_form */
.mypage_form {
	display: flex;
	align-items: start;
	gap: 48px;
	padding-bottom: 80px;
}

.mypage_form .side {
	flex: none;
	padding: 16px;
	background-color: var(--secondary1);
	position: sticky;
	top: 120px;
}

.mypage_form .side .inner_card {
	width: 225px;
	min-height: 630px;
	border-radius: 10px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.mypage_form .side .inner_card .profile {
	padding: 16px 8px 8px 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.mypage_form .side .inner_card .profile .img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden;
}

.mypage_form .side .inner_card .profile .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mypage_form .side .inner_card .profile .text .grade {
	font-size: 10px;
	font-weight: 400;
	
	line-height: 15px;
	color: var(--gray4);
	display: flex;
	align-items: center;
	gap: 2px;
}

.mypage_form .side .inner_card .profile .text .grade img {
	width: 16px;
	height: 16px;
}

.mypage_form .side .inner_card .profile .text .name {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	line-height: 20px;
	padding: 4px 0;
}

.mypage_form .side .inner_card .profile .text .name .id {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray3);
}

.mypage_form .side .inner_card .profile .star {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.mypage_form .side .inner_card .profile_btn {
	display: block;
	width: calc(100% - 16px);
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray2);
	cursor: pointer;
}

.mypage_form .side .inner_card .mypage_nav {
	width: 100%;
	padding: 0 16px;
}

.mypage_nav .collapse_head {
	padding: 10px 0 8px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	cursor: pointer;
	position: relative;
	margin-bottom: 0px;
}

.mypage_nav .collapse_head::after {
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 10px;
	background: url('../imgs/icons/header_profile_arrow.svg') no-repeat center center;
	transform: rotate(0deg);
	transition: transform 0.3s;
}

.mypage_nav .collapse_head.no_arrow::after {
	display: none;
}

.mypage_nav>li.active>.collapse_head::after {
	transform: rotate(-180deg);
}

.mypage_nav>li>ul>li>a {
	display: block;
	padding: 8px 0;
	font-size: 15px;
	font-weight: 500;
	color: var(--gray3);
}

.mypage_nav>li>ul>li.active a {
	color: var(--primary2);
}

.mypage_form .side .inner_card .nav_foot {
	width: 100%;
	height: 40px;
	margin-top: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.mypage_form .side .inner_card .nav_foot button {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.mypage_form .content {
	width: 100%;
}

.mypage_form .content .content_head {
	padding: 8px;
	border-bottom: 1px solid var(--secondary2);
}


/* basic_select */
.basic_select {
	width: 120px;
	height: 40px;
	padding: 8px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	background: url('../imgs/icons/custom_select_arrow.svg') no-repeat right 16px center
}

/* tab_link_list */
.tab_link_list {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.tab_link_list li a {
	display: block;
	padding: 16px 24px;
	font-size: 16px;
	font-weight: 400;
	
	border-bottom: 2px solid transparent;
}

.tab_link_list li.active a {
	border-bottom: 2px solid var(--color-0283FD-primary);
	color: var(--color-0283FD-primary);
	font-weight: bold;
}

/* my_consult_list */
.my_consult_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 17px;
}

.my_consult_list>li {
	border: 1px solid var(--secondary2);
	border-radius: 10px;
}

.my_consult_list li a {
	height: 240px;
	display: flex;
	flex-direction: column;
	padding: 16px 16px 24px 16px;
}

.my_consult_list li a .head {
	height: 32px;
	padding-left: 8px;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.my_consult_list li a .head .cate {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
	
}

.my_consult_list li a .head .state {
	height: 24px;
	padding: 2px 16px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	border-radius: 100vw;
}

.my_consult_list li a .head .state.wait {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.my_consult_list li a .head .state.request {
	background-color: var(--primary1);
	color: #fff;
}

.my_consult_list li a .head .state.complete {
	background-color: var(--primary1);
	color: #fff;
}

.my_consult_list li a .head .state.answer_complete {
	background-color: var(--primary1);
	color: #fff;
}

.my_consult_list li a .head .state.cancel {
	border: 1px solid var(--secondary3);
	color: var(--gray4);
	background-color: #fff;
}

.my_consult_list li a .body .title {
	padding-left: 8px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	color: var(--gray2);
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.my_consult_list li a .body .info_list {
	margin-bottom: 8px;
	padding: 8px 8px 16px 8px;
}

.my_consult_list li a .body .info_list.grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.my_consult_list li a .body .info_list li {
	padding-left: 5px;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
	margin-bottom: 8px;
}

.my_consult_list li a .body .info_list li::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #D9D9D9;
	position: absolute;
	left: 0;
	top: 4px;
}

.my_consult_list li a .body .info_list li .content_label {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	flex: none;
	align-self: flex-start;
}

.my_consult_list li a .body .info_list li .content_text {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.my_consult_list li a .body .desc {
	padding: 0 8px;
	margin-bottom: 16px;
	height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
	word-break: break-all;
}

.my_consult_list li a .foot {
	height: 32px;
	padding: 8px 16px;
	background-color: var(--secondary1);
	border-radius: 100px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
}

.my_consult_list li a .foot .date {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4)
}

.my_consult_list li a .foot .right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.my_consult_list li a .foot .right p {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.my_consult_list li a:has(.desc) .body .info_list {
	margin-bottom: 8px;
	padding: 8px;
	margin-bottom: 0;
}

/* visit_consult_list */
.visit_consult_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 17px;
}

.visit_consult_list>li {
	min-height: 242px;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	padding: 16px 16px 24px 16px;
}

.visit_consult_list li .head {
	padding-left: 8px;
	height: 32px;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.visit_consult_list li .head .cate {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
	
	line-height: 16px;
}

.visit_consult_list li .head .state {
	height: 24px;
	padding: 2px 16px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	border-radius: 100vw;
}

.visit_consult_list li .head .state.wait {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.visit_consult_list li .head .state.booking_change {
	border: 1px solid var(--primary2);
	color: var(--primary2);
}

.visit_consult_list li .head .state.booking_complete {
	background-color: var(--primary1);
	color: #fff;
}

.visit_consult_list li .head .state.booking_cancel {
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.visit_consult_list li .head .state.visit_complete {
	background-color: var(--primary2);
	color: #fff;
}

.visit_consult_list li .body .title {
	padding-left: 8px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	color: var(--gray2);
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.visit_consult_list li .body .info_list {
	padding: 8px 8px 16px 8px;
	margin-bottom: 8px;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.visit_consult_list li .body .info_list.grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 8px;
}

.visit_consult_list li .body .info_list li {
	padding-left: 5px;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
}

.visit_consult_list li .body .info_list li::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #D9D9D9;
	position: absolute;
	left: 0;
	top: 8px;
	transform: translateY(-50%);
}

.visit_consult_list li .body .info_list li .content_label {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	flex: none;
	align-self: flex-start;
}

.visit_consult_list li .body .info_list li .content_text {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.visit_consult_list li .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

.visit_consult_list li .btn_box button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
	background-color: #fcfcfc;
}

/* state_badge */
.state_badge {
	display: inline-block;
	font-size: 14px !important;
	font-weight: 500;
	min-width: 64px;
	padding: 0 8px;
	line-height: 24px;
	text-align: center;
	border-radius: 100px;
	width: fit-content;
}

/*.state_badge{display:inline-block; font-size:12px; font-weight:500; width:64px; height:24px; line-height:24px; text-align:center; border-radius:100px;}*/
.state_badge.wait {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.state_badge.consult_complete {
	background-color: var(--primary1);
	color: #fff;
}

.state_badge.booking_complete {
	background-color: var(--primary1);
	color: #fff;
}

/* 2024-04-23남민우 추가  */
.state_badge.expert_booking {
	background-color: var(--point1);
	color: #fff;
}

.state_badge.booking_complete2 {
	background-color: var(--secondary1);
	color: var(--gray4);
	text-decoration: line-through;
}

.state_badge.visit_complete {
	background-color: var(--primary2);
	color: #fff;
}

.state_badge.booking_change {
	border: 1px solid var(--primary2);
	color: var(--primary2);
}

.state_badge.booking_cancel {
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.state_badge.service_progress {
	min-width: 76px;
	border: 1px solid var(--primary2);
	color: var(--primary2);
	font-size: 11px;
}

.state_badge.service_complete {
	min-width: 72px;
	background-color: var(--primary1);
	color: #fff;
}

.state_badge.service_cancel {
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.state_badge.trade_complete {
	background-color: var(--primary2);
	color: #fff;
}

.state_badge.contract_finish {
	background-color: var(--primary2);
	color: #fff;
}

.state_badge.contract_confirm {
	border: 1px solid var(--primary2);
	color: var(--primary2);
}

.state_badge.contract_complete {
	background-color: var(--primary1);
	color: #fff;
}

.state_badge.mandate_complete {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.state_badge.answer_complete {
	background-color: var(--primary1);
	color: #fff;
}

/* layer_popup_label , layer_popup_text , layer_popup_btn */
.layer_popup_label {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.layer_popup_text {
	width: 100%;
	min-height: 40px;
	padding: 8px 16px;
	background-color: var(--gray5);
	border-radius: 5px;
	border: 1px solid var(--secondary2);
	font-size: 15px;
	font-weight: 500;
	color: var(--gray2);
}

.layer_popup_text.cancel {
	color: rgba(42, 43, 45, 0.3);
	text-decoration: line-through;
}

.layer_popup_btn {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary3);
	color: var(--gray3);
	border-radius: 5px;
	cursor: pointer;
}

.layer_popup_btn.blue {
	border: 1px solid var(--primary2);
	background-color: var(--primary2);
	color: #fff;
}

.layer_popup_btn.primary2 {
	border: 1px solid var(--primary2);
	background-color: var(--primary2);
	color: #fff;
}

.layer_popup_btn.primary1 {
	border: 1px solid var(--primary1);
	background-color: var(--primary1);
	color: #fff;
}

.text_input.layer_popup_ver input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 16px;
	background-color: var(--gray5);
	border-radius: 5px;
	border: 1px solid var(--secondary2);
	font-size: 15px;
	font-weight: 500;
	color: var(--gray2);
}

.text_input.layer_popup_ver.cancel input {
	color: rgba(42, 43, 45, 0.3);
	text-decoration: line-through;
}

/* my_service_list */
.my_service_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 17px;
}

.my_service_list>li {
	min-height: 242px;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	padding: 16px 16px 24px 16px;
}

.my_service_list li .head {
	padding-left: 8px;
	height: 32px;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.my_service_list li .head .cate {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
	
	display: flex;
	align-items: center;
}

.my_service_list li .head .state {
	width: 72px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	border-radius: 100vw;
}

.my_service_list li .head .state.wait {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.my_service_list li .head .state.service_progress {
	border: 1px solid var(--primary2);
	color: var(--primary2);
	font-size: 11px;
}

.my_service_list li .head .state.service_complete {
	background-color: var(--primary1);
	color: #fff;
}

.my_service_list li .head .state.service_cancel {
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.my_service_list li .head .state.trade_complete {
	background-color: var(--primary2);
	color: #fff;
}


.my_service_list li .head .state.refund_complete {
	background-color: var(--primary2);
	color: #fff;
}

.my_service_list li .head .state.refund_request {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.my_service_list li .head .state.transaction_complete {
	background-color: var(--primary1);
	color: #fff;
}

.my_service_list li .body .title {
	padding-left: 8px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	color: var(--gray2);
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.my_service_list li .body .info_list {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px;
	padding: 8px 8px 16px 8px;
	row-gap: 8px;
}

.my_service_list li .body .info_list.grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.my_service_list li .body .info_list li {
	padding-left: 5px;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
}

.my_service_list li .body .info_list li::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #D9D9D9;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.my_service_list li .body .info_list li .content_label {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
}

.my_service_list li .body .info_list li .content_text {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.my_service_list li .btn_box {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 8px;
}

.my_service_list li .btn_box button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
	background-color: #fcfcfc;
}

/* review_pending_list */
.review_pending_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 17px;
}

.review_pending_list>li {
	min-height: 242px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	padding: 16px 16px 24px 16px;
	display: flex;
	flex-direction: column;
}

.review_pending_list li .head {
	padding-left: 8px;
	height: 32px;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.review_pending_list li .head .cate {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
	
	display: flex;
	align-items: center;
}

.review_pending_list li .head .state {
	width: 72px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	border-radius: 100vw;
}

.review_pending_list li .head .state.wait {
	border: 1px solid var(--primary1);
	color: var(--primary1);
}

.review_pending_list li .head .state.service_complete {
	background-color: var(--primary1);
	color: #fff;
}

.review_pending_list li .head .state.visit_complete {
	background-color: var(--primary2);
	color: #fff;
}

.review_pending_list li .head .state.trade_complete {
	background-color: var(--primary2);
	color: #fff;
}

.review_pending_list li .body .title {
	padding-left: 8px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	color: var(--gray2);
	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.review_pending_list li .body .info_list {
	padding: 8px 8px 16px 8px;
	margin-bottom: 8px;
	display: flex;
	flex-direction: column;
	row-gap: 8px;
}

.review_pending_list li .body .info_list.grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.review_pending_list li .body .info_list li {
	padding-left: 5px;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
}

.review_pending_list li .body .info_list li::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #D9D9D9;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.review_pending_list li .body .info_list li .content_label {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
}

.review_pending_list li .body .info_list li .content_text {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.review_pending_list li .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

.review_pending_list li .btn_box button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
	background-color: #fcfcfc;
}

/* service_detail_box */
.service_detail_box {
	width: 100%;
	padding: 16px;
	display: flex;
	gap: 16px;
}

/* step_box */
.step_box {
	width: 99px;
	height: fit-content;
	padding: 16px 16px 22px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
}

.step_box li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
	position: relative;
}

.step_box li::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(../../assets/imgs/icons/arrow_step_box.svg) no-repeat center center;
	position: absolute;
	left: 50%;
	top: -32px;
	transform: translateX(-50%);
}

.step_box li:first-child::before {
	display: none;
}

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

.step_box li .img {
	width: 32px;
	height: 32px;
	margin-bottom: 4px;
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--secondary3);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	
	color: #fff;
}

.step_box li .text {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
	line-height: 14px;
}

.step_box li.active .img {
	background-color: var(--primary1);
}

.step_box li.active .text {
	color: var(--primary1);
}

.step_box li.active::before {
	background: url(../../assets/imgs/icons/arrow_step_box_active.svg) no-repeat center center;
}

/* step_box_popup */
.step_box_popup {
	width: 100%;
	padding: 8px 12px 6px 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.step_box_popup li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.step_box_popup li:first-child::before {
	display: none;
}

.step_box_popup li::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url(../../assets/imgs/icons/arrow_step_popup.svg) no-repeat center center;
	position: absolute;
	left: -41px;
	top: 50%;
	transform: translateY(-50%);
}

.step_box_popup li .img {
	width: 32px;
	height: 32px;
	margin-bottom: 4px;
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--secondary3);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	
	color: #fff;
}

.step_box_popup li .text {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
	line-height: 14px;
}

.step_box_popup li.active .img {
	background-color: var(--primary1);
}

.step_box_popup li.active .text {
	color: var(--primary1);
}

.step_box_popup li.current .img {
	background-color: var(--primary2);
}

.step_box_popup li.current .text {
	color: var(--primary2);
}

.step_box_popup li.current::before {
	background: url(../../assets/imgs/icons/arrow_step_popup_active.svg) no-repeat center center;
}

.step_box_popup li.active::before {
	background: url(../../assets/imgs/icons/arrow_step_popup_active.svg) no-repeat center center;
}


/* service_content_box */
.service_content_box {
	width: 100%;
	max-width: 640px;
}

.service_content_card {
	padding: 16px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
}

.service_explain {
	width: 100%;
	height: 32px;
	padding: 0 8px;
	border-radius: 5px;
	background-color: var(--secondary4);
	color: var(--gray3);
	font-size: 12px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 2px;
}

/* review_card */
.review_card {
	padding: 32px;
	background-color: #fff;
}

.review_card .info {
	width: fit-content;
	padding: 8px 16px;
	border-radius: 100px;
	background-color: var(--secondary1);
	display: flex;
	align-items: center;
	gap: 32px;
}

.review_card .info li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.review_card .info li .title {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

.review_card .info li .content {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.review_card .question .title {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
}

.review_card .question .title .num {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--primary1);
}

.item_box {
	height: 56px;
	padding: 16px 8px;
	border: 1px solid var(--secondary2);
	display: flex;
	align-items: center;
	gap: 12px;
}

.item_box .title {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
}

/* review_written_list */
.review_written_list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.review_written_list>li {
	width: 100%;
	padding: 16px 16px 8px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
}

.review_written_list li .review_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	padding-left: 8px;
}

.review_written_list li .review_title .left {
	display: flex;
	align-items: center;
	gap: 17px;
}

.review_written_list li .review_title .cate {
	font-size: 13px;
	font-weight: 400;
	
	color: var(--gray3);
	position: relative;
}

.review_written_list li .review_title .cate::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: var(--secondary2);
	position: absolute;
	right: -9px;
	top: 50%;
	transform: translateY(-50%)
}

.review_written_list li .review_title .expert {
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray4);
}

.review_written_list li .review_title .right {
	position: relative;
}

.review_written_list li .review_title .right .more {
	cursor: pointer;
}

.review_written_list li .review_title .right .more_popup {
	padding: 8px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
}

.review_written_list li .review_title .right .more_popup button {
	display: block;
	width: 64px;
	padding: 2px 8px;
	text-align: left;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.review_written_list li .review_title .right .more_popup button:last-child {
	margin-bottom: 0;
}

.review_written_list li .review_info {
	padding-left: 8px;
	height: 32px;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
}

.review_written_list li .review_info .user {
	display: flex;
	align-items: center;
	margin-right: 8px;
}

.review_written_list li .review_info .user .img {
	width: 24px;
	height: 24px;
	margin-right: 4px;
	border-radius: 50%;
	overflow: hidden;
}

.review_written_list li .review_info .user .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.review_written_list li .review_info .user .name {
	margin-right: 2px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.review_written_list li .review_info .user .state {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.review_written_list li .review_info .star {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.review_written_list li .review_info .star .num {
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray2);
}

.review_written_list li .review_info .score {
	display: flex;
	align-items: center;
	gap: 4px;
}

.review_written_list li .review_info .score .group {
	display: flex;
	align-items: center;
}

.review_written_list li .review_info .score .group .text {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.review_written_list li .review_content {
	padding-left: 8px;
	padding-bottom: 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	line-height: 24px;
}

.review_tag_list {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.review_tag_list li {
	height: 24px;
	padding: 4px 16px;
	border-radius: 100px;
	border: 1px solid var(--primary1);
	color: var(--primary1);
	font-size: 12px;
	font-weight: 500;
}

.review_foot_info {
	height: 40px;
	padding: 8px 0;
}

.review_tag_list li::before {
	content: "#";
}

.review_others {
	display: flex;
	align-items: center;
	gap: 16px;
}

.review_others .group {
	display: flex;
	align-items: center;
}

.review_others .group .text {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

.review_date {
	display: flex;
	align-items: center;
	gap: 17px;
}

.review_date .ymd {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
	position: relative;
}

.review_date .ymd::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: var(--secondary2);
	position: absolute;
	right: -9px;
	top: 50%;
	transform: translateY(-50%)
}

.review_date .time {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

/* date_filter */
.date_search_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.date_filter {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: none;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
}

.date_filter input[type="month"] {
	width: 120px;
	height: 32px;
	border-radius: 5px;
	border: 1px solid var(--secondary2);
	font-size: 12px;
	font-weight: 400;
	color: transparent;
	background-color: #fff;
	position: relative;
	text-align: center;
}

.date_filter input[type="month"]::after {
	display: block;
	content: attr(placeholder);
	color: var(--gray2);
	width: 100%;
	color: var(--gray2);
	opacity: 0.4;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.date_filter_start_date {
	display: flex;
	align-items: center;
	gap: 8px;
}

.date_filter_end_date {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* expert_search_box */
.expert_search_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.expert_search_box input {
	width: 160px;
	height: 32px;
	padding: 8px 16px;
	border: 1px solid var(--secondary2);
	font-size: 12px;
	font-weight: 500;
	color: var(--gray2);
	border-radius: 5px;
}

.expert_search_box input::placeholder {
	font-size: 12px;
	font-weight: 500;
	color: rgba(42, 43, 45, 0.4);
}

.expert_search_box button {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	cursor: pointer;
}

/* layer_popup_input */
.layer_popup_input {
	width: 100%;
	height: 40px;
	padding: 0 16px;
	border: 1px solid var(--secondary2);
	background-color: var(--gray6);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
}

.layer_popup_input::placeholder {
	font-size: 14px;
	font-weight: 500;
	color: rgba(42, 43, 45, 0.4)
}

/* profit_list */
.profit_list {
	width: 100%;
	padding: 8px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: 17px;
}

.profit_list li {
	width: 100%;
	padding: 0 16px;
	position: relative;
}

.profit_list li::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background-color: var(--gray4);
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
}

.profit_list li:first-child::after {
	display: none;
}

.profit_list li .title {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 24px;
}

.profit_list li .content {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	line-height: 24px;
}

/* account_info */
.account_info {
	width: 410px;
	padding: 6px 8px 6px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.account_info .list {
	display: flex;
	align-items: center;
	gap: 12px;
}

.account_info .list li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.account_info .list li .title {
	flex: none;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
	line-height: 20px;
}

.account_info .list li .content {
	flex: none;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray2);
	line-height: 20px;
}

.account_info .edit {
	width: 24px;
	height: 24px;
	flex: none;
	cursor: pointer;
}

/* profit_table */
.profit_table {
	width: 100%;
}

.profit_table thead {
	height: 64px;
	background-color: var(--gray5);
	border-top: 1px solid var(--secondary2);
	border-bottom: 1px solid var(--secondary2);
}

.profit_table thead tr th {
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.profit_table tbody tr {
	height: 88px;
	border-bottom: 1px dashed var(--secondary2);
}

.profit_table tbody tr td {
	text-align: center;
}

.profit_table_btn {
	width: 80px;
	height: 32px;
	border: 1px solid var(--secondary3);
	color: var(--gray3);
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px;
	cursor: pointer;
}

.profit_table .badge.service_progress {
	margin: auto;
	width: 72px;
	height: 20px;
	border: 1px solid var(--primary2);
	color: var(--primary2);
	border-radius: 100px;
	font-size: 11px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
}

.profit_table .badge.service_complete {
	margin: auto;
	width: 72px;
	height: 20px;
	background-color: var(--primary1);
	color: #fff;
	border-radius: 100px;
	font-size: 11px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
}

/* text_list */
.text_list {
	width: 100%;
}

.text_list li {
	width: 100%;
	min-height: 40px;
	display: grid;
	grid-template-columns: 160px 1fr;
	border: 1px solid var(--secondary2);
}

.text_list li:not(:last-child) {
	border-bottom: none;
}

.text_list .title {
	width: 160px;
	height: 100%;
	border-right: 1px solid var(--secondary2);
	display: flex;
	justify-content: center;
	align-items: center;
	flex: none;
	background-color: var(--gray5);
	font-size: 13px !important;
	font-weight: 500;
	color: var(--gray2);
}

.text_list .content {
	width: 100%;
	height: 100%;
	padding: 8px 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

/* user_box */
.user_box {
	display: flex;
	align-items: center;
}

.user_box .img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}

.user_box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* white_btn */
.white_btn {
	min-width: 98px;
	height: 32px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	background-color: #fff;
	cursor: pointer;
}

.white_btn_more {
	width: calc(100% - 32px) !important;
	margin: 16px auto 48px;
	display: block;
}

/* commnet_box */
.commnet_box {
	width: 100%;
	padding: 8px;
	margin-bottom: 8px;
	background-color: var(--gray5);
	border-radius: 5px;
}

.commnet_box>.head {
	padding: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.commnet_box>.head .user {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
}

.commnet_box>.head .user .img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}

.commnet_box>.head .user .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: center;
}

.commnet_box>.head .more_box {
	position: relative;
}

.commnet_box>.head .more_box button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.commnet_box>.head .more_box .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.commnet_box>.head .more_box .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.commnet_box>.head .more_box .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

.commnet_box>.content {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	padding: 8px 16px;
	word-break: break-all;
}

.commnet_box>.content img {
	display: inline-block;
	vertical-align: top;
}

.commnet_box>.foot {
	padding: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.commnet_box>.foot .left {
	display: flex;
	align-items: center;
	gap: 16px;
}

.commnet_box>.foot .left .like_btn {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
	cursor: pointer;
}

.commnet_box>.foot .left .reply {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.commnet_box>.foot .left .reply_btn {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
	cursor: pointer;
}

.commnet_box>.foot .right {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.commnet_box>.foot .right .date {
	position: relative;
}

.commnet_box>.foot .right .date::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: var(--secondary2);
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
}

/*2024-08-26 남민우 추가*/
.commnet_box>.foot .right .date.none_after::after {
	display: none;
}

.commnet_box.reply_type {
	width: calc(100% - 40px);
	margin-left: 40px;
	position: relative;
}

.commnet_box.reply_type::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	background: url('../../assets/imgs/icons/indent.svg') no-repeat center center;
	position: absolute;
	left: -40px;
	top: 0;
}

.reply_input_box {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
}

.reply_input_box textarea {
	width: 100%;
	height: 64px;
	padding: 8px 16px;
	margin: 8px 0;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: var(--gray5);
	resize: none;
}

.reply_input_box textarea:focus {
	background-color: #fff;
}

.reply_input_box button {
	width: 64px;
	height: 64px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: #fff;
	font-size: 14px;
	font-weight: 400;
	color: var(--gray3);
	cursor: pointer;
}

/* expert_home_layout */
.expert_home_layout {
	display: flex;
	gap: 48px;
	position: relative;
	padding-bottom: 80px;
}

.expert_home_layout>.left {
	width: 100%;
}

.expert_home_layout>.right {
	flex: none;
	align-self: flex-start;
	position: sticky;
	left: 0;
	top: 119px;
}


/* expert_home_tab */
.expert_home_tab {
	width: 100%;
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--secondary2);
}

.expert_home_tab li a {
	display: block;
	padding: 16px 32px;
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
	opacity: 0.3;
	border-bottom: 1px solid transparent;
}

.expert_home_tab li.active a {
	opacity: 1;
	font-weight: bold;
	border-bottom: 2px solid var(--gray2);
}

/* activity_list */
.activity_list {
	display: flex;
	align-items: center;
	gap: 17px;
	background-color: var(--gray5);
	border-radius: 5px;
	width: fit-content;
}

.activity_list li {
	width: 155px;
	height: 44px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.activity_list li::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--secondary3);
	position: absolute;
	right: -9px;
	top: 50%;
	transform: translateY(-50%);
}

.activity_list li:last-child::after {
	display: none;
}

.activity_list li .count {
	margin-left: 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

/* satisfaction_box */
.satisfaction_box {
	padding: 8px 24px;
	display: flex;
	align-items: center;
	gap: 48px;
}

.satisfaction_box li {
	position: relative;
}

.satisfaction_box li:after {
	content: "";
	display: block;
	width: 1px;
	height: 80px;
	background-color: var(--secondary2);
	position: absolute;
	right: -24px;
	top: 50%;
	transform: translateY(-50%);
}

.satisfaction_box li:last-child::after {
	display: none;
}

.satisfaction_box .total .score {
	font-size: 18px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray2);
	text-align: center;
}

.satisfaction_box .total .star {
	margin-bottom: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.satisfaction_box .total .star img {
	margin-left: -6px;
}

.satisfaction_box .total .star img:first-child {
	margin-left: 0px;
}

.satisfaction_box .total .reply {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
	text-align: center;
}

.satisfaction_box .individual .item {
	padding: 4px 8px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.satisfaction_box .individual .item .label {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.satisfaction_box .individual .item .gauge {
	width: 100px;
	height: 8px;
	border-radius: 20px;
	background-color: var(--secondary1);
}

.satisfaction_box .individual .item .gauge .bar {
	width: 0%;
	height: 100%;
	border-radius: 20px;
	background-color: #FFD018;
}

.satisfaction_box .individual .item .score {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

/* satisfaction_text_list */
.satisfaction_text_list {
	padding: 8px 16px;
}

.satisfaction_text_list li {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 8px;
}

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

.satisfaction_text_list li p {
	width: 280px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
}

.satisfaction_text_list li p .count {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

/* career_list */
.career_list li {
	padding: 8px 16px;
}

.career_list li .top {
	display: flex;
	align-items: center;
	gap: 17px;
}

.career_list li .top .duration {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray2);
	position: relative;
}

.career_list li .top .duration::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--secondary2);
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
}

.career_list li .top .position {
	font-size: 14px;
	font-weight: 400;
	color: var(--gray2);
}

.career_list li .cate {
	padding-left: 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray4);
	position: relative;
}

.career_list li .cate::before {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--secondary2);
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
}

/* consult_card_list */
.consult_card_list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.consult_card_list>li {
	border: 1px solid var(--secondary2);
	border-radius: 10px;
}

.consult_card_list li a {
	display: block;
	padding: 16px 16px 24px 16px;
}

.consult_card_list li a .head {
	margin-bottom: 8px;
	padding: 0 8px;
}

.consult_card_list li a .title {
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray2);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.consult_card_list li a .body {
	padding: 8px 8px 16px 8px;
	margin-bottom: 8px;
}

.consult_card_list li a .info_list {
	margin-bottom: 8px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.consult_card_list li a .info_list li {
	display: flex;
	align-items: center;
	gap: 4px;
}

.consult_card_list li a .info_list li .label {
	padding-left: 4px;
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	position: relative;
}

.consult_card_list li a .info_list li .label::before {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
}

.consult_card_list li a .info_list li .content {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
}

.consult_card_list li a .desc {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
}

.consult_card_list li a .foot {
	padding: 8px 16px;
	border-radius: 100px;
	background-color: var(--secondary1);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.consult_card_list li a .foot .date {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.consult_card_list li a .foot .reply {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

/* client_review_card_list */
.client_review_card_list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.client_review_card_list.expert_home_main {
	grid-template-columns: repeat(1, 1fr);
}

.client_review_card_list>li {
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: #fff;
}

.client_review_card_list li a {
	display: block;
	padding: 16px;
}

.client_review_card_list li a .cate {
	padding: 4.5px 8px 8.5px 8px;
	font-size: 13px;
	font-weight: 400;
	
	color: var(--gray3);
}

.client_review_card_list li a .info {
	display: flex;
	align-items: center;
}

.client_review_card_list li a .info .user_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.client_review_card_list li a .info .user_box .img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}

.client_review_card_list li a .info .user_box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.client_review_card_list li a .info .user_box .text {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
}

.client_review_card_list li a .info .user_box .text .sub_text {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.client_review_card_list li a .info .score_box {
	padding: 4px 8px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.client_review_card_list li a .info .star_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	
	color: var(--gray2);
}

.client_review_card_list li a .info .score_list {
	display: flex;
	align-items: center;
	gap: 4px;
}

.client_review_card_list li a .info .score_list li {
	display: flex;
	align-items: center;
	font-size: 10px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray4);
}

.client_review_card_list li a .content {
	padding: 4px 8px 0 8px;
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.client_review_card_list li a .tag_list {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.client_review_card_list li a .tag_list li {
	padding: 4px 16px;
	border: 1px solid var(--gray4);
	border-radius: 100px;
	font-size: 12px;
	line-height: 16px;
	color: var(--gray4);
	letter-spacing: -0.03em;
	white-space: nowrap;
}

/* expert_home_side */
.expert_home_side {
	width: 257px;
}

/* side_profile_card */
.side_profile_card {
	margin-bottom: 16px;
	background-color: var(--secondary1);
	padding: 16px;
}

.side_profile_card>.inner {
	padding: 16px 8px;
	background-color: #fff;
	border-radius: 10px;
}

.side_profile_card .img {
	width: 80px;
	height: 80px;
	margin: 0 auto 4px;
	border-radius: 50%;
	overflow: hidden;
}

.side_profile_card .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.side_profile_card .name {
	font-size: 16px;
	font-weight: 500;
	line-height: 19px;
	color: var(--gray2);
	text-align: center;
	height: 27px;
	line-height: 27px;
}

.side_profile_card .name span {
	margin-left: 2px;
	font-size: 13px;
	font-weight: 400;
	
	color: var(--gray4);
}

.side_profile_card .star_side_box {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 8px;
}

.side_profile_card .star_side_box .star {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
}

.side_profile_card .star_side_box .star img {
	margin-left: -6px;
}

.side_profile_card .star_side_box .star img:first-child {
	margin-left: 0;
}

.side_profile_card .star_side_box .score {
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray2);
	line-height: 14px;
}

.side_profile_card .edit_profile {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	cursor: pointer;
}

.side_profile_card .info_list li {
	margin-bottom: 8px;
	padding: 0 8px;
	display: flex;
	align-items: self-start;
	flex-wrap: wrap;
	column-gap: 8px;
	row-gap: 4px;
}

.side_profile_card .info_list li .title {
	padding-left: 5px;
	font-size: 13px !important;
	font-weight: 600;
	line-height: 16px !important;
	color: var(--gray2);
	position: relative;
	flex: none;
}

.side_profile_card .info_list li .title::before {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	position: absolute;
	left: -4px;
	top: 50%;
	transform: translateY(-50%);
}

.side_profile_card .info_list li .content {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray3);
	line-height: 1.4;
}

/* side_manage_card */
.side_manage_card {
	margin-bottom: 16px;
	padding: 16px;
	border: 1px solid var(--secondary2);
}

.side_manage_card .title {
	margin-bottom: 8px;
	padding: 0 4px;
	font-size: 15px !important;
	font-weight: 600;
	color: var(--gray2);
	line-height: 1.4 !important;
}

.side_manage_card .manage_btn {
	width: 100%;
	height: 32px;
	border-radius: 5px;
	background-color: var(--primary1);
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
}

/* side_info_card */
.side_info_card {
	margin-bottom: 16px;
	padding: 16px;
	border: 1px solid var(--secondary2);
}

.side_info_card .title {
	margin-bottom: 8px;
	padding: 0 4px;
	font-size: 15px !important;
	font-weight: 600;
	color: var(--gray2);
	line-height: 1.4 !important;
}

.side_info_card .desc {
	margin-bottom: 8px;
	padding: 8px;
	background-color: var(--gray5);
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 1.4;
}

.side_info_card .more {
	margin-top: 8px;
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	cursor: pointer;
}

.side_info_card .count {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

/* answer_after_box */
.answer_after_box {
	padding: 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: #fff;
}

.answer_after_box .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap-reverse;
	gap: 8px;
}

.answer_after_box .head .more_box {
	position: relative;
}

.answer_after_box .head .more_box button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.answer_after_box .head .more_box .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.answer_after_box .head .more_box .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.answer_after_box .head .more_box .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

.answer_after_box .head .more_box2 {
	position: relative;
}

.answer_after_box .head .more_box2 button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.answer_after_box .head .more_box2 .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.answer_after_box .head .more_box2 .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.answer_after_box .head .more_box2 .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

.answer_after_box .cate {
	padding: 4.5px 8px 8.5px 8px;
	font-size: 13px;
	font-weight: 400;
	
	color: var(--gray3);
}

.answer_after_box .info {
	display: flex;
	align-items: center;
	padding: 0 8px;
}

.answer_after_box .info .user_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.answer_after_box .info .user_box .img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}

.answer_after_box .info .user_box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.answer_after_box .info .user_box .text {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
}

.answer_after_box .info .user_box .text .sub_text {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.answer_after_box .info .score_box {
	padding: 4px 8px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.answer_after_box .info .star_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	
	color: var(--gray2);
}

.answer_after_box .info .score_list {
	display: flex;
	align-items: center;
	gap: 4px;
}

.answer_after_box .info .score_list li {
	display: flex;
	align-items: center;
	font-size: 10px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray4);
}

.answer_after_box .content {
	padding: 8px 8px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	word-break: break-all;
}

.answer_after_box .content img {
	display: inline-block;
	vertical-align: middle;
}

.answer_after_box .tag_list {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.answer_after_box .tag_list li {
	padding: 4px 16px;
	border: 1px solid var(--gray4);
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.answer_after_box .foot {
	height: 40px;
	padding: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.answer_after_box .foot .left {
	display: flex;
	align-items: center;
	gap: 16px;
}

.answer_after_box .foot .left .like_btn {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
	cursor: pointer;
}

.answer_after_box .foot .left .reply {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.answer_after_box .foot .left .reply_btn {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
	cursor: pointer;
}

.answer_after_box .foot .right {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.answer_after_box .foot .right .date {
	position: relative;
}

.answer_after_box .foot .right .date::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: var(--secondary2);
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
}

/* 2024-08-26 남민우 추가*/
.answer_after_box .foot .right .date.none_after::after {
	display: none;
}

/* answer_before_box */
.answer_before_box {
	padding: 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: #fff;
}

.answer_before_box .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.answer_before_box .head .more_box {
	position: relative;
}

.answer_before_box .head .more_box button {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.answer_before_box .head .more_box .more_popup {
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 1;
}

.answer_before_box .head .more_box .more_popup button {
	width: 100px;
	height: 33px;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.answer_before_box .head .more_box .more_popup button:hover {
	color: var(--gray2);
	background-color: var(--gray5);
}

.answer_before_box .cate {
	padding: 4.5px 8px 8.5px 8px;
	font-size: 13px;
	font-weight: 400;
	
	color: var(--gray3);
}

.answer_before_box .info {
	display: flex;
	align-items: center;
}

.answer_before_box .info .user_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.answer_before_box .info .user_box .img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	overflow: hidden;
}

.answer_before_box .info .user_box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.answer_before_box .info .user_box .text {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
}

.answer_before_box .info .user_box .text .sub_text {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.answer_before_box .info .score_box {
	padding: 4px 8px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.answer_before_box .info .star_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	
	color: var(--gray2);
}

.answer_before_box .info .score_list {
	display: flex;
	align-items: center;
	gap: 4px;
}

.answer_before_box .info .score_list li {
	display: flex;
	align-items: center;
	font-size: 10px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray4);
}

.answer_before_box .content {
	padding: 4px 8px 16px 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.answer_before_box .tag_list {
	display: flex;
	align-items: center;
	gap: 8px;
}

.answer_before_box .tag_list li {
	padding: 4px 16px;
	border: 1px solid var(--gray4);
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.answer_before_box .foot {
	margin: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.answer_before_box .foot .left {
	display: flex;
	align-items: center;
	gap: 16px;
}

.answer_before_box .foot .left .like_btn {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
	cursor: pointer;
}

.answer_before_box .foot .left .reply {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.answer_before_box .foot .left .reply_btn {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
	cursor: pointer;
}

.answer_before_box .foot .right {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.answer_before_box .foot .right .date {
	position: relative;
}

.answer_before_box .foot .right .date::after {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: var(--secondary2);
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
}

/* service_intro_select */
.service_intro_select {
	width: 160px;
	height: 40px;
	padding: 10px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 100px;
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
	background: url("../imgs/icons/custom_select_arrow.svg") no-repeat center right 17px
}

/* si_list_card */
.si_list_card {
	width: 800px;
	margin: 40px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.si_list_card li {
	width: 400px;
	height: 140px;
	background-color: #fff;
}

.si_list_card li:nth-child(1) {
	border-top-left-radius: 10px;
	border-right: 1px solid var(--secondary3);
}

.si_list_card li:nth-child(2) {
	border-top-right-radius: 10px;
}

.si_list_card li:nth-child(3) {
	border-bottom-left-radius: 10px;
	border-right: 1px solid var(--secondary3);
	border-top: 1px solid var(--secondary3);
}

.si_list_card li:nth-child(4) {
	border-bottom-right-radius: 10px;
	border-top: 1px solid var(--secondary3);
}

.si_list_card li a {
	display: block;
	width: 400px;
	height: 140px;
	padding: 24px 24px 16px 24px;
	position: relative;
}

.si_list_card li a .text {
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 400;
	
	line-height: 28px;
	color: var(--gray4);
}

.si_list_card li a .text span {
	font-size: 20px;
	font-weight: 500;
	
	line-height: 28px;
	color: var(--gray2);
}

.si_list_card li a .btn {
	display: block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	background-color: var(--gray2);
	border-radius: 5px;
	color: #fff;
}

.si_list_card li a .img {
	position: absolute;
	right: 16px;
	bottom: 0px;
}

/* si_list_card class추가 240926 */
.koras_guide_main_menu {
	background-color: #BDC8D5;
	height: calc(100vh - 119px - 288px);
	display: flex;
	align-items: center;
}

.guide_span_mb {
	margin-right: 3px;
}

/* service_chat */
.service_chat {
	width: 100%;
	max-width: 648px;
	height: calc(100vh - 240px);
	margin: 40px auto;
	background-color: #fff;
	border-radius: 10px;
}

.svc_head {
	padding: 0 24px;
	height: 88px;
	border-bottom: 1px solid var(--secondary2);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.svc_head .left {
	display: flex;
	align-items: center;
	gap: 8px;
}

.svc_head .left .back {
	display: block;
}

.svc_head .left .text {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray1);
}

.svc_head .right {
	position: relative;
}

.svc_head .right button {
	cursor: pointer;
}

.svc_head .left img {
	width: 40px;
}

.svc_more_box {
	width: 200px;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: calc(100% + 16px);
}

.svc_more_box li a {
	display: block;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.8px;
	color: var(--gray2);
}

.svb_body {
	height: calc(100vh - 328px);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	overflow-y: auto;
}

.svb_body::-webkit-scrollbar {
	/* display:none; 1119 팝업 스크롤바 노출 */
	width: 8px;
}

.svb_body::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.svb_body::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.m_chat {
	display: flex;
	flex-direction: row-reverse;
	align-items: start;
	gap: 16px;
}

.m_chat .img img {
	width: 80px;
	height: 80px;
}

.m_chat .text .name {
	margin-bottom: 8px;
	padding: 8px 0;
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	
	line-height: 18px;
	color: var(--gray2);
}

.m_chat .text .chat {
	width: fit-content;
	margin-left: auto;
	padding: 8px 16px;
	border-radius: 5px;
	background-color: #E3EFFF;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 400;
	
	line-height: 18px;
	color: var(--gray2);
	animation: chat_motion 0.2s forwards;
	animation-delay: var(--d);
	opacity: 0;
}

.m_chat .text .chat:last-child {
	margin-bottom: 0;
}

.m_chat .text .link {
	display: block;
	padding: 10px 40px 10px 16px;
	border-radius: 5px;
	width: fit-content;
	margin-left: auto;
	font-size: 14px;
	font-weight: 400;
	
	line-height: 20px;
	color: var(--gray6);
	background: var(--gray2) url("../imgs/icons/chat_link_arrow.svg") no-repeat center right 16px;
	animation: chat_motion 0.2s forwards;
	animation-delay: var(--d);
	opacity: 0;
}

.choose_box {
	width: 320px;
	padding: 4px;
	background-color: #ADCCEB;
	border-radius: 5px;
	animation: chat_motion 0.2s forwards;
	animation-delay: var(--d);
	opacity: 0;
}

.choose_box .choose {
	width: 100%;
	height: 40px;
	margin-bottom: 4px;
	text-align: left;
	border-radius: 5px;
	padding: 8px 16px 8px 48px;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	
	color: var(--gray2);
	background: #fff url("../imgs/icons/choose_check.svg") no-repeat center left 16px;
	cursor: pointer;
}

.choose_box .choose:last-child {
	margin-bottom: 0;
}

.choose_box .choose.active {
	background: #fff url("../imgs/icons/choose_check_active.svg") no-repeat center left 16px;
}

.c_chat {
	display: flex;
	align-items: start;
	gap: 16px;
}

.c_chat .img img {
	width: 80px;
	height: 80px;
}

.c_chat .text .name {
	margin-bottom: 8px;
	padding: 8px 0;
	font-size: 14px;
	font-weight: 400;
	
	line-height: 18px;
	color: var(--gray2);
}

.c_chat .text .chat {
	width: fit-content;
	padding: 8px 16px;
	border-radius: 5px;
	background-color: var(--secondary2);
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 400;
	
	line-height: 18px;
	color: var(--gray2);
	animation: chat_motion 0.2s forwards;
	animation-delay: var(--d);
	opacity: 0;
}

.c_chat .text .chat:last-child {
	margin-bottom: 0;
}

.chat_banner {
	width: 100%;
}

.chat_banner a {
	display: block;
}

.chat_banner img {
	width: 100%;
}

@keyframes chat_motion {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* haccp_wrap */
.haccp_wrap {
	width: 100%;
	display: flex;
	gap: 48px;
	/*padding-bottom:80px;*/
}

.haccp_about_item {
	margin-bottom: 48px;
}

/* haccp_side */
.haccp_side {
	flex: none;
	width: 257px;
	height: 647px;
	padding: 16px;
	background-color: var(--secondary1);
	margin-bottom: 80px;
}

.hs_head {
	width: 100%;
	height: 50px;
	padding: 13px 16px;
	font-size: 18px;
	font-weight: 500;
	
	line-height: 24px;
	background: url("../imgs/haccp_img.svg") no-repeat center right
}

.hs_nav {
	width: 100%;
	height: calc(100% - 50px);
	padding: 8px 16px;
	border-radius: 10px;
	background-color: #fff;
}

.hs_nav li a {
	display: block;
	padding: 8px 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	color: var(--gray3);
}

.hs_nav li.active a {
	color: var(--gray1);
}

/* haccp_content */
.haccp_content {
	width: 100%;
}

.haccp_scroll_wrap {
	padding-bottom: 40px;
}

.haccp_scroll_wrap::-webkit-scrollbar {
	display: none;
}

.hc_head {
	width: 100%;
	height: 64px;
	padding: 8px 16px;
	border-bottom: 1px solid var(--secondary3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hc_head .title {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	color: var(--gray2);
}

.hc_head .eng_cate {
	font-size: 36px;
	font-weight: 500;
	line-height: 42px;
	
	color: var(--gray2);
	opacity: 0.1;
}

.hc_quote {
	width: fit-content;
	margin: 40px auto 0;
	padding: 16px 48px;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--gray2);
	text-align: center;
	position: relative;
}

.hc_quote span {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}

.hc_quote::before {
	content: "";
	display: block;
	width: 34px;
	height: 24px;
	background: url("../imgs/icons/quote.svg") no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
}

.hc_quote::after {
	content: "";
	display: block;
	width: 34px;
	height: 24px;
	transform: rotate(180deg);
	background: url("../imgs/icons/quote.svg") no-repeat center center;
	position: absolute;
	right: 0;
	top: 0;
}

/* haccp_mean */
.haccp_mean {
	padding: 24px 0 48px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
}

.haccp_mean .unit {
	position: relative;
}

.haccp_mean .unit .img img {
	margin: auto;
}

.haccp_mean .unit .text {
	margin-top: 16px;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray2);
	text-align: center;
}

.haccp_mean .unit:first-child::after {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	background: url("../imgs/icons/haccp_plus.svg") no-repeat center center;
	position: absolute;
	right: -64px;
	top: 50%;
	transform: translateY(-50%);
}

.haccp_mean .unit:last-child::after {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	background: url("../imgs/icons/haccp_equal.svg") no-repeat center center;
	position: absolute;
	left: -64px;
	top: 50%;
	transform: translateY(-50%);
}

/* hc_number_list */
.hc_number_list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hc_number_list li {
	display: grid;
	grid-template-columns: 60px 1fr;
}

.hc_number_list li .num {
	width: 60px;
	flex: none;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #27bdbe;
}

.hc_number_list li .text {
	min-height: 44px;
	padding: 8px 16px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 600;
	color: var(--gray2);
	background-color: var(--secondary1);
}

.hc_number_list li .text .title {
	padding: 8px 0;
	font-size: 16px;
	font-weight: 500;
	
	color: var(--gray2);
}

.hc_number_list li .text .desc {
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--gray2);
}

.hc_number_list .text .col_head {
	padding: 10px 0;
	font-size: 16px;
	font-weight: 400;
	color: var(--gray2);
	
	cursor: pointer;
	position: relative;
}

.hc_number_list .text .col_head::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../imgs/icons/col_head_arrow.svg") no-repeat center center;
}

.hc_number_list .text .col_head span {
	font-size: 14px;
	font-weight: 400;
	
	color: var(--gray3);
}

.hc_number_list .text .col_head.active::after {
	transform: translateY(-50%) rotate(180deg);
}

.hc_number_list .text .col_body {
	display: none;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--gray2);
}

/* haccp_who_need_img */
.haccp_who_need_img {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* haccp_who_need_list */
.haccp_who_need_list {
	display: flex;
	flex-direction: column;
	padding-bottom: 40px;
}

.haccp_who_need_list li {
	border-bottom: 1px dashed var(--secondary2);
	padding: 24px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.haccp_who_need_list li::before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url("../imgs/icons/hc_who_need_list.svg") no-repeat center center;
}

.haccp_who_need_list li:first-child {
	padding-top: 8px;
}

.haccp_who_need_list li:last-child {
	padding-bottom: 8px;
	border-bottom: none;
}

.haccp_who_need_list li .title {
	margin-top: 4px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray2);
}

.haccp_who_need_list li .bullet {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
}

/* haccp_5p7p_img */
.haccp_5p7p_img {
	width: 100%;
	max-width: 791px;
	margin: auto;
	padding: 16px 0;
	overflow: auto;
}

/* hc_necessity */
.hc_necessity {
	margin-top: 40px;
	margin-bottom: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
}

.hc_necessity li {
	width: 400px;
	position: relative;
}

.hc_necessity li:first-child .hc_nec_head {
	background-color: #1b8585;
}

.hc_necessity li:first-child::after {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	background: url("../imgs/icons/hc_necessity_arrow.svg") no-repeat center center;
	right: -64px;
	top: 50%;
	transform: translateY(-50%);
}

.hc_necessity li:last-child .hc_nec_head {
	background-color: #27BDBE;
}

.hc_nec_head {
	height: 40px;
	font-size: 16px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: 400;
	
	line-height: 20px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hc_nec_body {
	height: 384px;
	padding: 16px;
	background-color: var(--gray5);
}

.hc_nec_body .img {
	margin-bottom: 16px;
}

.hc_nec_body .text .title {
	height: 40px;
	padding: 4px 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray2);
	border-bottom: 1px dashed var(--secondary2);
}

.hc_nec_body .text .content {
	height: 36px;
	padding: 4px 8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: var(--gray2);
}


/* schedule_manage_wrap */
.schedule_manage_wrap {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

/* preview_booking */
.preview_booking {
	width: 446px;
	margin-top: 89px;
	padding: 24px 16px 36px 16px;
	background-color: var(--gray6);
	border: 1px solid var(--secondary3);
}

.preview_booking.expert_only {
	width: 301px;
	max-height: 520px;
}

.pb_title {
	font-size: 18px;
	font-weight: 400;
	
	line-height: 24px;
	text-align: center;
	color: var(--gray2);
}

.pb_date {
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	color: var(--gray2);
	margin-bottom: 8px;
}

.am_card {
	padding: 16px;
	margin-bottom: 8px;
	width: 100%;
	background-color: #fff;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
}

.am_card .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.am_card .time {
	padding: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	display: flex;
	align-items: center;
	gap: 4px;
}

.am_card .time::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #FFD018;
}

.am_card .state {
	width: 64px;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 100px;
	background-color: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
}

.am_card .state.primary1 {
	background-color: var(--primary1);
	border-color: var(--primary1);
}

.am_card .state.primary2 {
	background-color: var(--primary2);
	border-color: var(--primary2);
}

.am_card .state.gray3 {
	background-color: var(--gray3);
	border-color: var(--gray3);
}

.am_card .state.ghost {
	background-color: #fff;
	color: #ccc;
}

.am_card .state.ghost.primary1 {
	border-color: var(--primary1);
	color: var(--primary1);
}

.am_card .state.ghost.primary2 {
	border-color: var(--primary2);
	color: var(--primary2);
}

.am_card .state.ghost.gray3 {
	border-color: var(--gray3);
	color: var(--gray3);
}

.am_card .body {
	padding: 8px 8px 24px 8px;
}

.am_card .title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.am_card .null {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray4);
}

.am_card .client {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

.am_card .client .label {
	padding-left: 5px;
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	position: relative;
}

.am_card .client .label::before {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.am_card .location {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

.am_card .location .label {
	padding-left: 5px;
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	position: relative;
}

.am_card .location .label::before {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.am_card .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.am_card .btn_box button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.pm_card {
	margin-bottom: 8px;
	padding: 16px;
	width: 100%;
	background-color: #fff;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
}

.pm_card .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pm_card .time {
	padding: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	display: flex;
	align-items: center;
	gap: 4px;
}

.pm_card .time::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00CEE0;
}

.pm_card .state {
	width: 64px;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 100px;
	background-color: #ccc;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	text-align: center;
}

.pm_card .state.primary1 {
	background-color: var(--primary1);
	border-color: var(--primary1);
}

.pm_card .state.primary2 {
	background-color: var(--primary2);
	border-color: var(--primary2);
}

.pm_card .state.gray3 {
	background-color: var(--gray3);
	border-color: var(--gray3);
}

.pm_card .state.ghost {
	background-color: #fff;
	color: #ccc;
}

.pm_card .state.ghost.primary1 {
	border-color: var(--primary1);
	color: var(--primary1);
}

.pm_card .state.ghost.primary2 {
	border-color: var(--primary2);
	color: var(--primary2);
}

.pm_card .state.ghost.gray3 {
	border-color: var(--gray3);
	color: var(--gray3);
}

.pm_card .body {
	padding: 8px 8px 24px 8px;
}

.pm_card .title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pm_card .null {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray4);
}

.pm_card .client {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

.pm_card .client .label {
	padding-left: 5px;
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	position: relative;
}

.pm_card .client .label::before {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.pm_card .location {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

.pm_card .location .label {
	padding-left: 5px;
	font-size: 13px;
	font-weight: 400;
	color: var(--gray4);
	position: relative;
}

.pm_card .location .label::before {
	content: "";
	display: block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
}

.pm_card .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pm_card .btn_box button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

/* schedule_edit_wrap */
.schedule_edit_wrap {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

/* time_setthing */
.time_setthing {
	width: 300px;
	flex: none;
}

.ts_card {
	padding: 16px;
	border: 1px solid var(--secondary3);
}

.ts_title {
	padding: 12px 0;
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
}

.ts_title img {
	display: inline;
	vertical-align: middle;
	margin-right: 4px;
}

.ts_title span {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.ts_selected {
	margin-bottom: 8px;
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.ts_selected .selected_days {
	font-size: 12px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
}

.ts_default_btns {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.ts_default_btns button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	cursor: pointer;
}

.ts_am button {
	padding: 8px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	position: relative;
	cursor: pointer;
}

.ts_am button.active::after {
	transform: translateY(-50%) rotate(-180deg);
}

.ts_am button::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #FFD018;
}

.ts_am button::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url("../imgs/icons/col_head_arrow.svg");
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s;
}

.ts_am .time_list {
	width: 100%;
	padding: 0 19px 16px 19px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.ts_am .time_list {
	width: 100%;
	padding: 0 19px 16px 19px;
}

.ts_am .time_list label {
	width: 56px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--gray2);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	opacity: 0.2;
	cursor: pointer;
}

.ts_am .time_list label:has(input:checked) {
	opacity: 1;
	border-color: var(--primary1);
	color: var(--primary1);
}

.ts_am .time_list input {
	display: none;
}

.ts_pm button {
	padding: 8px;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	position: relative;
	cursor: pointer;
}

.ts_pm button::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00CEE0;
}

.ts_pm button::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url("../imgs/icons/col_head_arrow.svg");
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform 0.3s;
}

.ts_pm button.active::after {
	transform: translateY(-50%) rotate(-180deg);
}

.ts_pm .time_list {
	width: 100%;
	padding: 0 19px 16px 19px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.ts_pm .time_list label {
	width: 56px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--gray2);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	opacity: 0.2;
	cursor: pointer;
}

.ts_pm .time_list label:has(input:checked) {
	opacity: 1;
	border-color: var(--primary1);
	color: var(--primary1);
}

.ts_pm .time_list input {
	display: none;
}

.ts_btns {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ts_btns button {
	width: 100%;
	border-radius: 5px !important;
}

/* question_input_row */
.question_input_row {
	width: 100%;
	padding: 0 8px;
}

.question_input_row .label {
	padding: 8px 0;
}

.question_input_row .label label {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
}

.question_input_row .label label .require {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--primary1);
}

.question_input_row .label label .small_text {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
}

.question_input_row .input input {
	width: 100%;
	height: 40px;
	padding: 11px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: var(--gray6);
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
}

.question_input_row .input input::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	opacity: 0.4;
}

.question_input_row .input input:disabled {
	border-color: var(--secondary2);
	background: var(--secondary2) url(../imgs/icons/text_input_disabled.svg) no-repeat right 16px center;
}

.question_input_row .input select {
	width: 100%;
	height: 40px;
	padding: 11px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: var(--gray6);
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	background-image: url('../imgs/icons/custom_select_arrow.svg');
	background-repeat: no-repeat;
	background-position: right 16px center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.question_input_row .input select:focus {
	border-color: var(--primary1);
	outline: none;
}

.question_input_row .input select option {
  background-color: #fff;
  color: var(--gray2);
}

/* 동적 폼 텍스트에리어 스타일 */
.question_input_row .input textarea {
  width: 100%;
  padding: 11px 16px;
  border: 1px solid var(--secondary2);
  border-radius: 5px;
  background-color: var(--gray6);
  font-size: 15px;
  font-weight: 400;
  color: var(--gray2);
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}

.question_input_row .input textarea:focus {
  border-color: var(--primary1);
  outline: none;
}

/* 동적 폼 라디오 버튼 스타일 */
.radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: var(--gray2);
  white-space: nowrap;
}

.radio-option input[type="radio"] {
  margin: 0;
  width: 18px;
  height: 18px;
  accent-color: var(--primary1);
}

.radio-option:hover {
  color: var(--primary1);
}

/* 동적 폼 체크박스 스타일 */
.checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.checkbox-option {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  color: var(--gray2);
  white-space: nowrap;
}

.checkbox-option input[type="checkbox"] {
  margin: 0;
  width: 18px;
  height: 18px;
  accent-color: var(--primary1);
}

.checkbox-option:hover {
  color: var(--primary1);
}

/* question_textarea_row */
.question_textarea_row {
	width: 100%;
	padding: 0 8px;
}

.question_textarea_row .label {
	padding: 8px 0;
}

.question_textarea_row .label label {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
}

.question_textarea_row .label label .require {
	font-size: 16px;
	font-weight: 400;
	
	color: var(--primary1);
}

.question_textarea_row .label label .small_text {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray4);
}

.question_textarea_row .textarea textarea {
	width: 100%;
	height: 80px;
	padding: 11px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: var(--gray6);
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	resize: none;
}

.question_textarea_row .textarea textarea::placeholder {
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
	opacity: 0.4;
}

/* question_file_row */
.question_file_row .file_input .text {
	width: 100%;
	height: 40px;
	padding: 11px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: var(--gray6);
	font-size: 15px;
	font-weight: 400;
	color: rgba(42, 43, 45, 0.4);
}

.question_file_row .file_input.filed .text {
	color: var(--gray2);
}

.question_file_row .file_input button:not(.delete-file-btn):not(.no-border-btn) {
	width: 120px;
	height: 40px;
	border-radius: 5px !important;
	border: 1px solid var(--gray3);
	color: var(--gray3) !important;
	font-size: 14px;
	font-weight: 600;
}

.question_file_row .add_file_input {
	border-radius: 5px !important;
	border: 1px solid var(--gray3) !important;
	color: var(--gray3) !important;
	font-size: 14px;
	font-weight: 600;
}

/* search_cate_box */
.search_cate_box {
	width: 100%;
	border-bottom: 1px solid var(--secondary2);
}

.search_cate_box>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 16px 48px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.search_cate_button {
	padding: 6px 16px;
	height: 37px;
	border-radius: 100px;
	background-color: var(--secondary3);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
}

.search_cate_button.active {
	background-color: var(--gray2);
}

/* search_filed_card */
.search_filed_card {
	background-color: #fff;
	padding-bottom: 24px;
}

.search_filed_card_title {
	padding: 21px 48px;
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	color: var(--gray2);
}

.search_filed_card_title a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.search_filed_card_title .count {
	display: inline-block;
	width: 24px;
	height: 20px;
	border-radius: 100px;
	background-color: var(--gray3);
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	font-weight: 500;
}

.search_filed_card .no_result {
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: var(--gray2);
	text-align: center;
}

/* search_content */
.search_content {
	width: 100%;
	padding: 0 48px 88px 48px;
}

.search_content>.compare_card {
	border: 1px solid var(--secondary2);
}

.search_content.compare {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

/* main_hero */
.main_hero {
	width: 100%;
	margin-bottom: 16px;
}

.main_hero>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 0 48px;
	height: auto;
}

.main_hero .swiper {
	width: 100%;
	height: auto;
}

/* 240926 수정 .main_hero .swiper-slide{height:320px;}
.main_hero .swiper-slide a{display:block; width:100%; height:100%;}
.main_hero .swiper-slide a img{width:100%; height:100%; object-fit:cover;} */
.main_hero .swiper-slide a {
	display: block;
	width: 100%;
}

	.main_hero .swiper-slide a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height: none;
		max-width: 100%;
	}

.main_hero .swiper-box {
	margin-top: 16px;
	height: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.main_hero .swiper-pagination {
	position: static;
	display: flex;
	align-items: center;
	gap: 0;
}

.main_hero .swiper-pagination-bullet {
	width: 100%;
	height: 2px;
	margin: 0 !important;
	border-radius: 0;
	opacity: 1;
	background: var(--gray5);
	cursor: pointer;
}

.main_hero .swiper-pagination-bullet-active {
	background: var(--gray2);
}

.main_hero .swiper-pagination:hover .swiper-pagination-bullet {
	height: 4px;
}

.main_hero .swiper-box-btns {
	display: flex;
	align-items: center;
	gap: 4px;
}

.main_hero .swiper-button-prev {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_hero .swiper-button-prev::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-prev.svg') no-repeat center center;
}

.main_hero .swiper-button-prev:hover {
	border-color: var(--gray3);
}

.main_hero .swiper-button-next {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_hero .swiper-button-next::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-next.svg') no-repeat center center;
}

.main_hero .swiper-button-next:hover {
	border-color: var(--gray3);
}

/*2024-09-06남민우 추가*/
.main_main_services {
	width: 100%;
	background-color: var(--white);
	margin-bottom: 80px;
}

.main_main_services>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}

.main_main_services .title_badge {
	width: 141px;
	height: 24px;
	border: 1px solid var(--primary1);
	line-height: 22px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(--primary1);
	border-radius: 100px;
	margin: 0 auto 16px;
}

.main_main_services .title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
}

.main_main_services .desc {
	margin-bottom: 24px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	text-align: center;
}

.main_main_services .img {
	width: 100%;
}

.main_main_services .img img {
	width: 100%;
	padding: 0 48px;
}

/* main_direct_section */
.main_direct_section {
	width: 100%;
	margin-bottom: 80px;
}

.main_direct_section>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 0 48px;
}

.main_direct_section .title_badge {
	width: fit-content;
	height: 24px;
	padding: 4px 16px;
	border: 1px solid var(--primary1);
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(--primary1);
	border-radius: 100px;
	margin: 0 auto 16px;
}

.main_direct_section .text {
	text-align: center;
}

.main_direct_section .text .state_badge {
	margin-bottom: 20px;
}

.main_direct_section .text .title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
}

.main_direct_section .text .desc {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

.main_direct_section .card_box {
	padding: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

.main_direct_section .dir_card a {
	display: block;
	width: 485px;
	height: 192px;
	padding: 31px 32px;
	border: 1px solid var(--secondary3);
	border-radius: 10px;
}

.main_direct_section .dir_card .lead {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	
	color: var(--gray3);
}

.main_direct_section .dir_card .title {
	margin-bottom: 8px;
	font-size: 30px;
	line-height: 42px;
	font-weight: 600;
}

.main_direct_section .dir_card .desc {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
}

.main_direct_section .dir_card.online {
	background: url('../imgs/online_apply.png') no-repeat right 32px center;
	background-size: 130px 130px;
}

.main_direct_section .dir_card.call {
	background: url('../imgs/call_apply.png') no-repeat right 32px center;
	background-size: 130px 130px;
}


/* main_reco_expert */
.main_reco_expert {
	width: 100%;
	padding: 44px 0;
	background-color: var(--gray5);
	overflow: hidden;
}

.main_reco_expert>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 0 48px;
	display: flex;
	align-items: center;
}

.main_reco_expert .swiper-expert {
	display: flex;
	align-items: center;
	flex: none;
	width: 1600px;
}

.main_reco_expert .swiper-slide {
	width: fit-content;
}

.main_reco_expert .swiper-text {
	padding: 0 48px;
	flex: none;
}

.main_reco_expert .swiper-text .badge {
	margin-bottom: 16px;
	width: 154px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	border: 1px solid var(--primary1);
	border-radius: 100px;
	color: var(--primary1);
}

.main_reco_expert .swiper-text .title {
	margin-bottom: 16px;
	font-size: 24px;
	font-weight: 600;
	line-height: 40px;
}

.main_reco_expert .swiper-text .desc {
	margin-bottom: 32px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.main_reco_expert .swiper-box-btns {
	display: flex;
	align-items: center;
	gap: 4px;
}

.main_reco_expert .swiper-button-prev {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_reco_expert .swiper-button-prev::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-prev.svg') no-repeat center center;
}

.main_reco_expert .swiper-button-prev:hover {
	border-color: var(--gray3);
}

.main_reco_expert .swiper-button-next {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_reco_expert .swiper-button-next::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-next.svg') no-repeat center center;
}

.main_reco_expert .swiper-button-next:hover {
	border-color: var(--gray3);
}

.main_expert_card {
	width: 300px;
	height: 318px;
	margin: 20px 0;
	padding: 16px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	transition: all 0.3s;
}

.main_expert_card .head {
	padding: 8px;
	display: flex;
	align-items: center;
	gap: 16px;
}

.main_expert_card .head .img {
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 20px;
}

.main_expert_card .head .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main_expert_card .head .text .name {
	margin-left: 4px;
	display: flex;
	align-items: center;
}

.main_expert_card .head .text .name .nick {
	font-size: 16px;
	font-weight: 500;
	color: var(--gray2);
	max-width: 112px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

.main_expert_card .head .text .name .type {
	margin-left: 4px;
	font-size: 13px;
	font-weight: 400;
	
	color: var(--gray4);
	flex: none;
	display: block;
}

.main_expert_card .head .text .star {
	margin-bottom: 2px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.main_expert_card .head .text .star img {
	margin-left: -6px;
}

.main_expert_card .head .text .star img:first-child {
	margin-left: 0px;
}

.main_expert_card .head .text .star .score {
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray2);
}

.main_expert_card .head .text .reply {
	margin-left: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

.main_expert_card .list {
	margin-bottom: 8px;
	width: 100%;
	padding: 4px 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.main_expert_card .list .item {
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.main_expert_card .list .item .label {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.main_expert_card .list .item .label::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	margin-right: 4px;
}

.main_expert_card .intro {
	height: 40px;
	margin-bottom: 16px;
	padding: 0 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.main_expert_card .link {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 30px;
	border: 1px solid var(--secondary3);
	background-color: #fff;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	transition: all 0.3s;
}

.swiper-slide-active .main_expert_card {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1);
}

.swiper-slide-active .main_expert_card .link {
	border-color: var(--gray2);
	background-color: var(--gray2);
	color: var(--gray5);
}

.main_reco_expert .swiper-expert:hover .swiper-slide-active .main_expert_card {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

.main_reco_expert .swiper-expert:hover .swiper-slide-active .main_expert_card .link {
	border: 1px solid var(--secondary3);
	background-color: #fff;
	color: var(--gray2);
}

.main_expert_card:hover {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1) !important;
}

.main_expert_card:hover .link {
	border-color: var(--gray2) !important;
	background-color: var(--gray2) !important;
	color: var(--gray5) !important;
}


/* main_compare */
.main_compare1 {
	width: 100%;
}

.main_compare2 {
	width: 100%;
	background-color: var(--secondary3);
}

.main_compare1>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 32px 48px 16px;
	margin-top: 80px;
}

.main_compare2>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 40px 48px;
}

.main_compare1 .title_badge {
	width: 100px;
	height: 24px;
	border: 1px solid var(--primary1);
	line-height: 22px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(--primary1);
	border-radius: 100px;
	margin: 0 auto 16px;
}

.main_compare1 .title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
}

.main_compare1 .desc {
	font-size: 15px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	text-align: center;
}

.main_compare1 .swiper-box {
	margin-top: 16px;
	height: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.main_compare1 .swiper-pagination {
	width: 100%;
	position: static;
	display: flex;
	align-items: center;
	gap: 0;
}

.main_compare1 .swiper-pagination-bullet {
	width: 100%;
	height: 2px;
	margin: 0 !important;
	border-radius: 0;
	opacity: 1;
	background: var(--gray5);
	cursor: pointer;
}

.main_compare1 .swiper-pagination-bullet-active {
	background: var(--gray2);
}

.main_compare1 .swiper-pagination:hover .swiper-pagination-bullet {
	height: 4px;
}

.main_compare1 .swiper-box-btns {
	display: flex;
	align-items: center;
	gap: 4px;
}

.main_compare1 .swiper-button-prev {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_compare1 .swiper-button-prev::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-prev.svg') no-repeat center center;
}

.main_compare1 .swiper-button-prev:hover {
	border-color: var(--gray3);
}

.main_compare1 .swiper-button-next {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_compare1 .swiper-button-next::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-next.svg') no-repeat center center;
}

.main_compare1 .swiper-button-next:hover {
	border-color: var(--gray3);
}

.main_compare1 .more-button {
	display: block;
	margin-left: 4px;
	width: 120px;
	height: 40px;
	line-height: 38px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: var(--gray2);
}

/* main_compare_guide */
.main_compare_guide {
	width: 100%;
	background-color: var(--secondary1);
}

.main_compare_guide>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}

.main_compare_guide .title_badge {
	width: 141px;
	height: 24px;
	border: 1px solid var(--primary1);
	line-height: 22px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(--primary1);
	border-radius: 100px;
	margin: 0 auto 16px;
}

.main_compare_guide .title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
}

.main_compare_guide .desc {
	margin-bottom: 24px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	text-align: center;
}

.main_compare_guide .img {
	width: 100%;
}

.main_compare_guide .img img {
	width: 100%;
}

/* main_free_service */
.main_free_service {
	width: 100%;
}

.main_free_service>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 80px 48px;
}

.free_banner {
	width: 100%;
	height: 320px;
	padding-left: 48px;
	background-color: var(--secondary1);
	display: flex;
	align-items: center;
}

.free_banner .img {
	width: 17vw;
	flex: none;
	height: 100%;
	overflow: hidden;
	margin-right: 4vw;
}

.free_banner .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.free_banner .text {
	width: 100%;
	padding: 24px 0 0 48px;
}

.free_banner .text .title {
	margin-bottom: 16px;
	font-size: 36px;
	font-weight: 600;
	line-height: 43px;
	color: var(--gray2);
}

.free_banner .text .desc {
	margin-bottom: 32px;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: var(--gray2);
}

.free_banner .text .link {
	display: block;
	width: 200px;
	height: 48px;
	line-height: 48px;
	border-radius: 5px;
	background-color: var(--gray2);
	color: var(--gray6);
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

/* main_review */
.main_review {
	width: 100%;
	overflow: hidden;
	margin-bottom: 80px
}

.main_review>.inner {
	width: 100%;
	max-width: var(--mw);
	margin: auto;
	padding: 32px 48px 24px;
}

.main_review .title_badge {
	width: 92px;
	height: 24px;
	border: 1px solid var(--primary1);
	line-height: 24px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(--primary1);
	border-radius: 100px;
	margin: 0 auto 16px;
}

.main_review .title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
}

.main_review .swiper-review {
	width: 2000px;
}

.main_review .swiper-slide {
	width: fit-content;
}

.main_review .swiper-wrapper {
	padding: 24px 0 16px;
}

.main_review .swiper-box {
	height: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.main_review .swiper-pagination {
	width: 100%;
	position: static;
	display: flex;
	align-items: center;
	gap: 0;
}

.main_review .swiper-pagination-bullet {
	width: 100%;
	height: 2px;
	margin: 0 !important;
	border-radius: 0;
	opacity: 1;
	background: var(--gray5);
	cursor: pointer;
}

.main_review .swiper-pagination-bullet-active {
	background: var(--gray2);
}

.main_review .swiper-pagination:hover .swiper-pagination-bullet {
	height: 4px;
}

.main_review .swiper-box-btns {
	display: flex;
	align-items: center;
	gap: 4px;
}

.main_review .swiper-button-prev {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_review .swiper-button-prev::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-prev.svg') no-repeat center center;
}

.main_review .swiper-button-prev:hover {
	border-color: var(--gray3);
}

.main_review .swiper-button-next {
	position: static;
	width: 40px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 3px;
	background-color: #fff;
	margin: 0;
}

.main_review .swiper-button-next::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-next.svg') no-repeat center center;
}

.main_review .swiper-button-next:hover {
	border-color: var(--gray3);
}

/* main_review_card */
.main_review_card {
	width: 320px;
	min-height: 304px;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s;
}

.swiper-slide-active .main_review_card {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1);
}

.swiper-review:hover .swiper-slide-active .main_review_card {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.main_review_card:hover {
	box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1) !important;
}

.main_review_card .head {
	padding: 8px 0;
}

.main_review_card .star {
	margin-bottom: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_review_card .star img {
	margin-left: -6px;
}

.main_review_card .star img:first-child {
	margin-left: 0px;
}

.main_review_card .star .score {
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray2);
}

.main_review_card .score_list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.main_review_card .score_list .item {
	display: flex;
	align-items: center;
	font-size: 10px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray4);
}

.main_review_card .list {
	margin-bottom: 4px;
	width: 100%;
	padding: 4px 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.main_review_card .list .item {
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.main_review_card .list .item .label {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.main_review_card .list .item .label::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	background-color: #d9d9d9;
	margin-right: 4px;
}

.main_review_card .content {
	padding: 0 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.main_review_card .more_button {
	margin-top: 16px;
	width: 100%;
	height: 32px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_review_card .more_button::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url('../../assets/imgs/icons/header_profile_arrow.svg') no-repeat center center;
}

.main_review_card .more_button.active::before {
	transform: rotate(-180deg);
}


/* terms_policy */
.terms_policy {
	width: 100%;
	min-width: 400px;
	margin: auto;
	padding: 24px 32px 48px;
}

.terms_policy .logo {
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.terms_policy .logo img {
	margin: auto;
}

.terms_policy .tab {
	margin-bottom: 16px;
	width: 100%;
	display: flex;
	align-items: center;
}

.terms_policy .tab a {
	width: 100%;
	display: block;
	font-size: 18px;
	font-weight: 500;
	
	color: var(--gray2);
	opacity: 0.3;
	line-height: 24px;
	text-align: center;
	position: relative;
}

.terms_policy .tab a:first-child::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background-color: var(--gray4);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.terms_policy .tab .active {
	color: var(--primary1);
	opacity: 1;
}

.terms_policy .effective_date {
	margin-bottom: 16px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: var(--secondary1);
	border-radius: 100px;
	color: var(--gray2);
	font-size: 13px;
	font-weight: 500;
	position: relative;
}

.terms_policy .effective_date span {
	color: var(--gray4);
	margin-right: 4px;
}

.terms_policy .content {
	padding-top: 16px;
	height: auto;
	overflow-y: auto;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	padding: 10px;
}

.terms_policy .content::-webkit-scrollbar {
	display: none;
}

/* verify_timer */
.verify_timer {
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: 600;
	color: var(--gray3);
}

/* popup_terms_content_box */
.popup_terms_content_box {
	width: 100%;
	height: 80px;
	padding: 8px 16px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	font-size: 11px;
	font-weight: 400;
	line-height: 15px;
	color: var(--gray3);
	overflow-y: auto;
}

/* secondary_box */
.secondary_box {
	width: 100%;
	padding: 0 16px;
	height: 36px;
	line-height: 36px;
	background-color: var(--secondary1);
	border-radius: 100px;
	font-size: 16px;
	font-weight: 400;
	
	color: var(--gray2);
	text-align: center;
}

.secondary_box span {
	margin-left: 4px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
}

/* date_time_popup */
.date_time_popup .koras_layer_popup_card {
	width: 480px;
	background-color: #fff;
}

.swiper-date-box {
	width: 100%;
	height: 100px;
	padding: 24px 50px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	position: relative;
}

.swiper-date-box .swiper-button-prev {
	width: 24px;
	height: 40px;
	margin: 0;
	left: auto;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.swiper-date-box .swiper-button-prev::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-next.svg') no-repeat center center;
}

.swiper-date-box .swiper-button-next {
	width: 24px;
	height: 40px;
	margin: 0;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.swiper-date-box .swiper-button-next::after {
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url('../imgs/icons/swiper-prev.svg') no-repeat center center;
}

.popup_date_radio {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.popup_date_radio input {
	display: none;
}

.popup_date_radio .text {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.popup_date_radio .date {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 600;
	color: var(--gray2)
}

.popup_date_radio input:disabled~.date {
	opacity: 0.1;
}

.popup_date_radio input:checked+.text {
	color: var(--primary1);
}

.popup_date_radio input:checked~.date {
	background-color: var(--primary1);
	color: #fff;
}

.popup_time_box {
	padding: 16px 24px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
}

.popup_time_box .am {
	padding: 8px 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.popup_time_box .am .text {
	flex: none;
	padding: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
	display: flex;
	align-items: center;
	gap: 8px;
}

.popup_time_box .am .text::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #FFD018;
}

.popup_time_box .am .time {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
}

.popup_time_box .am .time input {
	display: none;
}

.popup_time_box .am .time label {
	display: block;
	width: 56px;
	height: 32px;
	line-height: 30px;
	border: 1px solid var(--gray2);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	text-align: center;
	cursor: pointer;
}

.popup_time_box .am .time label:has(input:checked) {
	background-color: var(--primary1);
	border-color: var(--primary1);
	color: #fff;
}

.popup_time_box .pm {
	padding: 8px 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.popup_time_box .pm .text {
	flex: none;
	padding: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
	display: flex;
	align-items: center;
	gap: 8px;
}

.popup_time_box .pm .text::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00CEE0;
}

.popup_time_box .pm .time {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
}

.popup_time_box .pm .time input {
	display: none;
}

.popup_time_box .pm .time label {
	display: block;
	width: 56px;
	height: 32px;
	line-height: 30px;
	border: 1px solid var(--gray2);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	text-align: center;
	cursor: pointer;
}

.popup_time_box .pm .time label:has(input:checked) {
	background-color: var(--primary1);
	border-color: var(--primary1);
	color: #fff;
}

.popup_date_help_box {
	width: 100%;
	padding: 8px 0;
	background-color: var(--gray5);
}

.popup_date_help_box .result {
	margin-bottom: 8px;
	text-align: center;
}

.popup_date_help_box .result span {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
}

.popup_date_help_box .text {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	color: var(--gray2);
}

.popup_date_help_box .text::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url("../../assets/imgs/icons/date_time_popup_check.svg") no-repeat center center;
}

.popup_date_help_box .text.active::before {
	background: url("../../assets/imgs/icons/date_time_popup_check_active.svg") no-repeat center center;
}


/* schedule_time_popup */
.schedule_time_popup .koras_layer_popup_card {
	width: 320px;
	background-color: #fff;
}

.popup_schedule_time_box {
	padding: 16px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
}

.popup_schedule_time_box .cur_sel_date {
	font-size: 14px;
	font-weight: 600;
	line-height: 16.8px;
	color: var(--gray2);
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}

.popup_schedule_time_box .cur_sel_date::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url("../../assets/imgs/icons/date_time_popup_check_active.svg") no-repeat center center;
}

.popup_schedule_time_box .time_area {
	padding: 8px 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.popup_schedule_time_box .time_area .text {
	flex: none;
	padding: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
	display: flex;
	align-items: center;
	gap: 8px;
}

.schedule_time_popup.type_am .popup_schedule_time_box .time_area .text::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #FFD018;
}

.schedule_time_popup.type_pm .popup_schedule_time_box .time_area .text::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00CEE0;
}

.popup_schedule_time_box .time_area .time {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.popup_schedule_time_box .time_area .time input {
	display: none;
}

.popup_schedule_time_box .time_area .time label {
	display: block;
	width: 56px;
	height: 32px;
	line-height: 30px;
	border: 1px solid var(--gray2);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	text-align: center;
	cursor: pointer;
	opacity: 0.2;
}

.popup_schedule_time_box .time_area .time label:has(input:checked) {
	background-color: var(--primary1);
	border-color: var(--primary1);
	color: #fff;
	opacity: 1;
}

/* hover_layer */
.hover_layer {
	display: none;
	padding: 8px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

/* small_layer_popup */
.small_layer_popup {
	width: 210px;
	border: 1px solid var(--secondary2);
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.01);
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 10;
}

.small_layer_popup button {
	width: 100%;
	padding: 8px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
	cursor: pointer;
	text-align: left;
}

/* main_side_bar - 새로운 원형 디자인 */
.main_side_bar {
	position: fixed;
	right: 20px;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.main_side_bar.show {
	opacity: 1;
	visibility: visible;
}

/* 파란색 전화 버튼 */
.main_side_bar .call_service {
	width: 52px;
	height: 52px;
	background-color: #0283FD;
	border-radius: 50%;
	transition: all 0.3s ease;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.main_side_bar .call_service:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 102, 255, 0.4);
}

.main_side_bar .call_service a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
}

.main_side_bar .call_service a .img {
	width: 24px;
	height: 24px;
}

.main_side_bar .call_service a .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

/* 숨김 처리 */
.main_side_bar .call_service a .text,
.main_side_bar .call_service a .tel {
	display: none;
}

/* 노란색 TALK 버튼 */
.main_side_bar .kakao {
	width: 52px;
	height: 52px;
	background-color: #FFE812;
	border-radius: 50%;
	transition: all 0.3s ease;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.main_side_bar .kakao:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(255, 229, 0, 0.4);
}

.main_side_bar .kakao a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #3C1E1C;
	text-decoration: none;
	flex-direction: column;
	gap: 2px;
}

.main_side_bar .kakao a .img {
	width: 20px;
	height: 20px;
}

.main_side_bar .kakao a .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.main_side_bar .kakao a .text {
	font-size: 8px;
	font-weight: 700;
	line-height: 1;
	color: #3C1E1C;
	letter-spacing: -0.2px;
}

/* 검정색 TOP 버튼 */
.main_side_bar .event {
	width: 52px;
	height: 98px;
	background-color: #22272B;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	transition: all 0.3s ease;
	cursor: pointer;
	border-radius: 1000px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.main_side_bar .event:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(44, 44, 44, 0.4);
}

.main_side_bar .event a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	flex-direction: column;
	gap: 2px;
}

.main_side_bar .event a .img {
	width: 24px;
	height: 24px;
	margin-bottom: 8px;
}

.main_side_bar .event a .img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.main_side_bar .event a .text {
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	color: #fff;
	letter-spacing: -0.5px;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
	.main_side_bar {
		right: 16px;
		top: 50%;
		transform: translate(-50%, -50%);
		gap: 10px;
	}
	
    /* 질문 인터페이스 스타일 */
    #questionInput {
      padding: 20px;
      text-align: left;
    }

    #questionInput h3 {
      font-size: 18px;
      font-weight: 600;
      color: #22272B;
      margin-bottom: 8px;
    }

    #questionInput p {
      font-size: 14px;
      color: #666;
      margin-bottom: 16px;
      line-height: 1.4;
    }

    #questionInput input[type="text"],
    #questionInput textarea,
    #questionInput select {
      width: 100%;
      padding: 12px;
      border: 1px solid #E1E8ED;
      border-radius: 8px;
      font-size: 14px;
      margin-bottom: 16px;
      box-sizing: border-box;
    }

    #questionInput textarea {
      min-height: 80px;
      resize: vertical;
    }

    #questionInput label {
      display: block;
      margin-bottom: 8px;
      font-size: 14px;
      color: #22272B;
      cursor: pointer;
    }

    #questionInput input[type="radio"],
    #questionInput input[type="checkbox"] {
      margin-right: 8px;
    }

    #questionNavigation {
      display: flex;
      gap: 12px;
      justify-content: center;
      padding: 16px 20px;
      border-top: 1px solid #E1E8ED;
    }

    #questionNavigation button {
      padding: 10px 20px;
      border: 1px solid #0283FD;
      border-radius: 6px;
      background: white;
      color: #0283FD;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    #questionNavigation button:hover {
      background: #0283FD;
      color: white;
    }

    #submitQuestions {
      background: #0283FD !important;
      color: white !important;
    }

    #submitQuestions:hover {
      background: #0052CC !important;
    }
}
    @media (max-width: 768px) {
      #questionInput {
        padding: 16px;
      }
      
      #questionInput h3 {
        font-size: 16px;
      }
      
      #questionInput p {
        font-size: 13px;
      }
      
      #questionNavigation {
        padding: 12px 16px;
      }
      
      #questionNavigation button {
        padding: 8px 16px;
        font-size: 13px;
      }
    }

/* friend_event_popup */
.friend_event_popup {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}

.friend_event_popup .top_area {
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.friend_event_popup .top_area .close {
	cursor: pointer;
}

.friend_event_popup .event_popup_card {
	width: calc(100% - 32px);
	max-width: 360px;
	margin: 0 auto;
	padding: 24px 24px 40px 24px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

.friend_event_popup .koras_logo {
	margin-bottom: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.friend_event_popup .title {
	font-size: 22px;
	font-weight: 500;
	
	line-height: 33px;
	border-bottom: 8px;
	text-align: center;
}

.friend_event_popup .desc {
	margin: 10px 0 24px;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray4);
	text-align: center;
}

.friend_event_popup .step_list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.friend_event_popup .step_list li {
	display: flex;
	align-items: center;
}

.friend_event_popup .step_list li .step_title {
	flex: none;
	width: 60px;
	height: 32px;
	background-color: #00cee0;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	display: flex;
	justify-content: center;
	align-items: center;
}

.friend_event_popup .step_list li .step_content {
	width: 100%;
	height: 32px;
	background-color: #eff2f7;
	font-size: 12px;
	font-weight: 400;
	
	color: var(--gray2);
	display: flex;
	justify-content: center;
	align-items: center;
}

.friend_event_popup .link_copy_btn {
	width: 100%;
	height: 32px;
	background-color: var(--gray2);
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.friend_event_popup .kakao_share_btn {
	width: 100%;
	height: 32px;
	background-color: #ffe812;
	font-size: 14px;
	font-weight: 600;
	color: #3d1d1c;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.friend_event_popup .small_desc {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray3);
	text-align: center;
}

/* side_info_more */
.side_info_more {
	padding-bottom: 16px;
}

.side_info_more .link_copy_btn {
	width: 100%;
	height: 32px;
	border-radius: 100px;
	background-color: var(--gray2);
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.side_info_more .kakao_share_btn {
	width: 100%;
	height: 32px;
	border-radius: 100px;
	background-color: #ffe812;
	font-size: 14px;
	font-weight: 600;
	color: #3d1d1c;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.side_info_more .small_desc {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray3);
	text-align: center;
}

/* 2024.04.30 */
.state_badge.expert_booking {
	background-color: #00CEE0;
	color: #fff;
}

.state_badge.primary1 {
	background-color: var(--primary1);
	color: #fff;
}

.state_badge.primary2 {
	background-color: var(--primary2);
	color: #fff;
}

.state_badge.aqua {
	background-color: #00CEE0;
	color: #fff;
}

.state_badge.primary1.ghost {
	border: 1px solid var(--primary1);
	color: var(--primary1);
	background-color: #fff;
}

.state_badge.primary2.ghost {
	border: 1px solid var(--primary2);
	color: var(--primary2);
	background-color: #fff;
}

.state_badge.gray.ghost {
	border: 1px solid var(--gray4);
	color: var(--gray4);
}

.popup_input_row .label_side_btn {
	font-size: 14px;
	font-weight: 500;
	color: var(--primary1);
	cursor: pointer;
	text-decoration: underline;
}

.pi_body input:disabled {
	border-color: var(--secondary2);
	background: var(--secondary2) url(../imgs/icons/text_input_disabled.svg) no-repeat right 16px center;
}

.pi_body input::placeholder {
	color: rgba(42, 43, 45, 0.4);
}

.review_pending_list li .head .state.event {
	background-color: #fff;
	border: 1px solid #00CEE0;
	color: #00CEE0;
}

.custom_input input {
	width: 100%;
	height: 40px;
	line-height: 38px;
	margin-bottom: 4px;
	padding: 0 16px;
	border: 1px solid var(--secondary3);
	border-radius: 10px;
	background-color: var(--gray6);
	resize: none;
	font-size: 15px;
	font-weight: 400;
	color: var(--gray2);
}

.custom_input input::placeholder {
	color: rgba(42, 43, 45, 0.4) !important;
}

.answer_after_box .best_review_add {
	width: 158px;
	height: 32px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.popup_text_list {
	width: 100%;
}

.popup_text_list li {
	width: 100%;
	min-height: 40px;
	display: grid;
	grid-template-columns: 120px 1fr;
	border: 1px solid var(--secondary2);
}

.popup_text_list li:not(:last-child) {
	border-bottom: none;
}

.popup_text_list .popup_text_title {
	width: 120px;
	height: 100%;
	border-right: 1px solid var(--secondary2);
	display: flex;
	justify-content: center;
	align-items: center;
	flex: none;
	background-color: var(--gray5);
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.popup_text_list .popup_text_content {
	width: 100%;
	height: 100%;
	padding: 8px 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.transaction_statement_popup .foot {
		display: none
	}
}

/* koras_main_popup */
.koras_main_popup {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.2);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}

.koras_main_popup_card {
	width: fit-content;
	max-width: 100%;
	max-height: 100%;
	background-color: #fff;
}

.koras_main_popup_head {
	padding: 24px;
}

.koras_main_popup_logo {
	text-align: center;
}

.koras_main_popup_logo img {
	display: inline-block;
}

.koras_main_popup_title {
	margin-bottom: 24px;
	font-size: 22px;
	line-height: 33px;
	font-weight: 500;
	
	color: var(--gray2);
	text-align: center;
}

.koras_main_popup_img {
	text-align: center;
}

.koras_main_popup_img img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: 0px;
}

.koras_main_popup_btn {
	width: 100%;
	max-width: 100%;
	height: 40px;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
}

.koras_main_popup_not_today {
	width: 100%;
	height: 32px;
	padding: 4px 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #EFF2F7;
}

.koras_main_popup_close_btn {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray2);
	padding: 0 16px;
	cursor: pointer;
}

/* not_today_checkbox */
.not_today_checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.not_today_checkbox input[type="checkbox"] {
	display: none;
}

.not_today_checkbox .icon {
	width: 20px;
	height: 20px;
	background-color: var(--secondary3);
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.not_today_checkbox .icon::after {
	content: "";
	display: block;
	width: 12px;
	height: 10px;
	background: url('../imgs/icons/checked.svg') no-repeat center center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.not_today_checkbox .text {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
	color: var(--gray3);
}

.not_today_checkbox input[type="checkbox"]:checked~.icon {
	background-color: #595B5E;
}

/* 2024.05.17 */
.km_direct_table tbody tr {
	cursor: pointer;
}

.km_direct_table td {
	padding: 8px;
}

.expect_card_comments label:has(.common_table_checkbox) {
	margin-bottom: 20px;
}

.time_scroll_wrap {
	overflow: auto;
	height: 364px;
}

.excep_content {
	display: block !important;
}

/* mobile 추가되는거 */
.pc {
	display: block !important;
}

.pc_table {
	display: table !important;
}

.pc_inline {
	display: inline !important;
}

.pc_flex {
	display: flex !important;
}

.mobile {
	display: none !important;
}

.mobile_inline {
	display: none !important;
}

.mobile_inline_block {
	display: none !important;
}

.mobile_flex {
	display: none !important;
}

.header_alert_button img {
	display: none;
}

.header_alert_button>span {
	display: inline;
}

.header_payment_button img {
	display: none;
}

.header_payment_button>span {
	display: inline;
}

.footer_company_name {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 24px;
	color: var(--gray2);
}

.footer_service_number {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--primary2);
	text-align: right;
}

.footer_service_info {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	color: var(--gray2);
	text-align: right;
}

/* footer_nav */
.footer_nav_safe_area {
	width: 100%;
	height: 48px;
}

.footer_nav_layout {
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 5;
	background-color: var(--gray6);
	box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
	padding-bottom: env(safe-area-inset-bottom, 0);
}

.footer_nav_layout a {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer_nav_layout a span {
	margin-top: -4px;
	font-size: 9px;
	font-weight: 400;
	color: var(--gray4);
	line-height: 16px;
}

.footer_nav_layout .active span {
	color: var(--primary1);
}

.footer_nav_layout a:nth-child(1).active img {
	content: url(/assets/imgs/icons/footer_nav_menu_active.svg);
}

.footer_nav_layout a:nth-child(2).active img {
	content: url(/assets/imgs/icons/footer_nav_search_active.svg);
}

.footer_nav_layout a:nth-child(3).active img {
	content: url(/assets/imgs/icons/footer_nav_home_active.svg);
	width: 33px;
}

.footer_nav_layout a:nth-child(4).active img {
	content: url(/assets/imgs/icons/footer_nav_consult_event_active.svg);
}

.footer_nav_layout a:nth-child(5).active img {
	content: url(/assets/imgs/icons/footer_nav_my_active.svg);
}

/* footer_sheet */
.footer_sheet {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 29;
}

.footer_sheet .sheet {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 44px;
	animation: sheetUp 0.3s ease-in-out forwards;
}

.footer_sheet .sheet_head {
	padding: 16px;
	background-color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: flex;
	align-items: center;
}

.footer_sheet .sheet_body {
	padding: 0 24px 40px 24px;
	background-color: #fff;
}

.sheet_close_btn {
	margin-left: auto;
	cursor: pointer;
}

.sheet_btn {
	width: 100%;
	height: 48px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

	100% {
		left: 0;
	}
}

@keyframes footer_menu_out {
	0% {
		left: 0;
	}

	100% {
		left: -100%;
	}
}

/* footer_menu_wrap */
.footer_menu_wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background-color: var(--secondary1);
	animation: footer_menu_in ease 0.3s forwards;
}

.footer_menu_wrap.out {
	animation: footer_menu_out ease 0.3s forwards;
}

.footer_menu_head {
	background-color: #fff;
}

.footer_menu_head .top {
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_menu_logo {
	display: block;
	width: 90px;
}

.footer_menu_logo img {
	width: 100%;
}

.footer_menu_close_btn {
	cursor: pointer;
}

.footer_menu_head .bottom {
	padding: 16px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_menu_login_btn {
	cursor: pointer;
}

.footer_menu_user_box {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray2);
}

.footer_menu_user_box .img {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border-radius: 50%;
}

.footer_menu_user_box .img img {
	width: 100%;
	height: 100%;
}

.footer_menu_user_box .cate {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
	line-height: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 4px;
}

.footer_menu_user_box .cate .expert_badge img {
	width: 16px;
	height: 16px;
}

.footer_menu_user_box .name_id {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
}

.footer_menu_user_box .name_id span {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray3);
	line-height: 20px;
}

.footer_menu_body {
	padding: 16px;
	max-height: calc(100vh - 136px);
	overflow-y: auto;
	overscroll-behavior: none;
}

.footer_menu_nav {
	padding: 16px 0 40px;
	background-color: #fff;
	border-radius: 10px;
}

/* footer_menu_nav */
.footer_menu_nav {
	max-height: calc(100vh - 136px - 16px - 16px);
	overflow: auto;
}

.footer_menu_nav>li {
	padding: 0 16px;
}

.footer_menu_nav .collapse_head {
	padding: 16px;
	font-size: 18px;
	font-weight: 400;
	line-height: 18.64px;
	color: var(--gray2);
	cursor: pointer;
	
	position: relative;
}

.footer_menu_nav .collapse_head>a {
	font-size: 18px;
	font-weight: 400;
	line-height: 18.64px;
	color: var(--gray2);
	cursor: pointer;
	
}

.footer_menu_nav .collapse_head::after {
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	right: 16px;
	top: 14px;
	background: url('../imgs/icons/header_profile_arrow.svg') no-repeat center center;
	transition: transform 0.3s;
}

.footer_menu_nav .collapse_head.no_arrow::after {
	display: none;
}

.footer_menu_nav>li.active>.collapse_head::after {
	transform: rotate(-180deg);
}

.footer_menu_nav>li>ul>li>a {
	display: block;
	padding: 16px 24px;
	font-size: 16px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray3);
}

.footer_menu_nav>li>ul>li.active a {
	color: var(--primary2);
}

.footer_alert_btn {
	cursor: pointer;
	position: relative;
	padding: 5px;
}

.footer_alert_btn.badge::after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--primary2);
	position: absolute;
	right: 8px;
	top: 10px;
}

.footer_alert_box {
	position: relative;
}

/* footer_alert_layer */
.footer_alert_layer {
	width: 320px;
	border: 1px solid var(--secondary2);
	border-radius: 10px;
	background-color: #fff;
	z-index: 50;
	position: absolute;
	right: 0;
	top: calc(100% + 16px);
	overflow: hidden;
	overscroll-behavior: none;
}

.footer_alert_layer .head {
	padding: 16px 24px;
	border-bottom: 1px solid var(--secondary2);
}

.footer_alert_layer .head .title {
	padding: 4px 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	color: var(--gray2);
}

.footer_alert_layer .head .desc {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

.footer_alert_layer .body {
	height: calc(100vh - 272px);
	max-height: 460px;
	margin: 6px 6px 0 0;
	padding: 0 16px 0 16px;
	overflow: auto;
	overscroll-behavior: none;
}

.footer_alert_layer .foot {
	padding: 8px 16px;
	background-color: var(--gray5);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
}

.footer_alert_layer .foot button {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	cursor: pointer;
}

.footer_alert_layer .body::-webkit-scrollbar {
	width: 6px;
}

.footer_alert_layer .body::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 5px;
}

.footer_alert_layer .body::-webkit-scrollbar-track {
	background-color: #F8F8F8;
}

.footer_alert_layer .no_data {
	padding: 16px 0;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 16px;
}


/* footer_alert_item */
.footer_alert_item {
	padding: 16px 0;
	border-bottom: 1px dashed var(--secondary2);
}

.footer_alert_item .item_head {
	margin-bottom: 8px;
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_alert_item .item_head .type {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
}

.footer_alert_item .item_head .state {
	font-size: 10px;
	font-weight: 400;
	color: var(--gray4);
}

.footer_alert_item .item_body {
	margin-bottom: 8px;
	padding: 0 8px;
	padding-bottom: 8px;
}

.footer_alert_item .item_body .title {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--gray2);
}

.footer_alert_item .item_body .content {
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.footer_alert_item .item_foot {
	padding: 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_alert_item .item_foot .time {
	font-size: 12px;
	font-weight: 400;
	color: var(--gray4);
}

.footer_alert_item .item_foot .confirm {
	width: 64px;
	height: 24px;
	border-radius: 100px;
	color: var(--primary1);
	border: 1px solid var(--primary1);
	cursor: pointer;
}

/* footer_search_wrap */
.footer_search_wrap {
	width: 100%;
	height: calc(100% - 48px);
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 100;
}

.footer_search_bar {
	position: relative;
	margin: 8px 16px;
}

.footer_search_bar input {
	width: 100%;
	height: 40px;
	padding: 7px 40px 7px 16px;
	border-radius: 100px;
	background-color: var(--gray5);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
}

.footer_search_bar input::placeholder {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray2);
	opacity: 0.4;
}

.footer_search_bar input:focus {
	border: 1px solid var(--gray3);
}

.footer_search_bar .search_icon {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.header_search_bar {
	width: 335px;
	height: 40px;
	position: relative;
}

.footer_search_bar .icon {
	display: none;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	background: url(../imgs/icons/text_input_active.svg) no-repeat center center;
}

.footer_search_bar.active .icon {
	display: block;
	cursor: pointer;
}

.footer_search_bar.active input:read-only+.icon {
	display: none;
	cursor: pointer;
}

.footer_search_bar.error .icon {
	display: block;
	background: url(../imgs/icons/text_input_error.svg) no-repeat center center;
}

.footer_search_bar.success .icon {
	display: block;
	background: url(../imgs/icons/text_input_success.svg) no-repeat center center;
}

.footer_search_bar.active .search_icon {
	right: 12px;
}

.footer_search_bar.active input {
	padding-right: 70px;
}

/* footer_lately_search_history_layer */
.footer_lately_search_history_layer {
	width: 100%;
}

.footer_lately_search_history_layer .head {
	padding: 8px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_lately_search_history_layer .head .title {
	font-size: 14px;
	font-weight: 600;
	color: var(--gray1);
}

.footer_lately_search_history_layer .head .button_box {
	display: flex;
	align-items: center;
	gap: 16px;
}

.footer_lately_search_history_layer .head .button_box .history_save_btn {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	cursor: pointer;
}

.footer_lately_search_history_layer .head .button_box .history_save_btn span {
	color: var(--primary1);
}

.footer_lately_search_history_layer .head .button_box .history_delete_btn {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	cursor: pointer;
}

.footer_lately_search_history_list li {
	position: relative;
}

.footer_lately_search_history_list li a {
	width: 100%;
	padding: 8px 24px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	line-height: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer_lately_search_history_list li a:hover {
	background-color: var(--gray5);
}

.footer_lately_search_history_list li button {
	cursor: pointer;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
}

/* footer_my_wrap */
.footer_my_wrap {
	width: 100%;
	height: calc(100% - 48px);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	background-color: #fff;
}

.footer_my_box {
	padding: 16px;
	background-color: var(--secondary1);
	height: calc(100% - 48px);
}

.footer_my_box .inner_card {
	width: 100%;
	min-height: 100%;
	border-radius: 10px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.footer_my_box .inner_card .profile {
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.footer_my_box .inner_card .profile .img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
}

.footer_my_box .inner_card .profile .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.footer_my_box .inner_card .profile .text .grade {
	font-size: 10px;
	font-weight: 400;
	
	line-height: 12px;
	color: var(--gray4);
	display: flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 3px;
}

.footer_my_box .inner_card .profile .text .grade img {
	width: 16px;
	height: 16px;
}

.footer_my_box .inner_card .profile .text .name {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray2);
}

.footer_my_box .inner_card .profile .text .name .id {
	font-size: 13px;
	font-weight: 400;
	color: var(--gray3);
}

.footer_my_box .inner_card .profile .star {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray3);
}

.footer_my_box .inner_card .profile_btn {
	display: block;
	width: calc(100% - 32px);
	height: 32px;
	margin: 16px;
	margin-top: 0;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	color: var(--gray2);
	cursor: pointer;
}

.footer_my_box .inner_card .mypage_nav {
	width: 100%;
	padding: 0 20px 16px 20px;
	max-height: 392px;
	overflow-y: auto;
}

.footer_my_box .inner_card .mypage_nav li {
	margin-bottom: 4px;
}

.footer_my_box .inner_card .mypage_nav li:last-child {
	margin-bottom: 0;
}

.footer_mobile_nav_bar {
	width: 100%;
	height: 48px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	position: relative;
}

.footer_mobile_nav_bar .left {
	margin-right: auto;
}

.footer_mobile_nav_bar .right {
	margin-left: auto;
}

.footer_mobile_nav_bar .center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.footer_my_more_btn {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
}

.footer_my_more_btn img {
	padding: 4px;
}

.footer_my_more_layer {
	display: none;
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	right: 0;
	top: 100%;
}

.footer_my_more_layer a {
	display: block;
	width: 158px;
	height: 44px;
	padding: 12px 16px;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray2);
}


.header_mobile_nav_bar {
	width: 100%;
	height: 48px;
	align-items: center;
	position: relative;
	display: none; /* 기본적으로 숨김 */
}

.swiper-button-next, .swiper-rtl .swiper-button-prev{
	display: none !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
	display: none !important;
}
/* PC에서 모바일 메뉴가 레이아웃에 영향을 주지 않도록 설정 */
@media (min-width: 769px) {
	.header_mobile_nav_bar {
		display: none !important;
		position: absolute;
		top: -9999px;
		left: -9999px;
		width: 0;
		height: 0;
		overflow: hidden;
		z-index: -1;
	}
}

.header_mobile_nav_bar .left {
	margin-right: auto;
}

.header_mobile_nav_bar .right {
	margin-left: auto;
}

.header_mobile_nav_bar .center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
}

.mobile_nav_title {
	font-size: 18px;
	font-weight: 700;
	
	color: var(--gray1);
	white-space: nowrap;
}

.mobile_nav_title::before {
	content: var(--mobile_nav_title);
}

.custom_title {
	margin-bottom: 8px;
	
	font-weight: 400;
	font-size: 16px;
	color: var(--gray2) !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.header_alert_close_btn {
	cursor: pointer;
}


@keyframes sheetUp {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: 0;
	}
}

.main_sign_verify {
	padding: 48px 0;
}

.main_compare2 .swiper-mobile {
	display: none;
}

.main_compare2 .swiper-mobile .swiper-slide {
	width: fit-content;
}

.haccp_who_need_img img {
	height: 320px;
}

.hc_nec_body .img img {
	height: 240px;
}

.haccp_effect {
	font-size: 24px;
	font-weight: 400;
	
	text-align: center;
	padding: 8px 0;
	margin-bottom: 16px;
}

.haccp_apply_title {
	font-size: 24px;
	font-weight: 400;
	
	text-align: center;
	padding: 8px 0;
	margin-top: 40px;
	margin-bottom: 16px;
}

.service_tab_search_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	white-space: nowrap;
}

.side_preview_btn {
	width: 100%;
	padding: 16px;
	background-color: #fff;
}

.side_preview_btn button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--gray4);
	font-size: 12px;
	font-weight: 400;
	color: var(--gray3);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.side_preview_btn img {
	padding: 3px;
}

.side_preview_btn2 {
	width: 100%;
	margin-top: 16px;
}

.side_preview_btn2 button {
	width: 100%;
	height: 32px;
	border: 1px solid var(--gray4);
	font-size: 12px;
	font-weight: 400;
	color: var(--gray3);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.side_preview_btn2 img {
	padding: 3px;
	transform: rotate(-180deg);
}

.mobile_expert_card {
	width: 100%;
	padding: 16px;
	background-color: var(--secondary1);
}

.mobile_header_right_btn {
	width: 32px;
	height: 32px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

/*.mobile_header_right_btn:not(:has(img)){width:auto;}*/
.mobile_header_right_btn.primary {
	color: var(--primary1);
}

.mobile_header_right_btn.gray4 {
	color: var(--gray4);
}

.mobile_header_right_btn.disabled {
	color: var(--gray4);
	cursor: context-menu;
}

.mobile_header_right_btn img {
	width: 24px;
	height: 24px;
}

.service_stats_help .common_layer_popup_card .body {
	max-height: 710px;
	overflow: auto;
	overscroll-behavior: none;
}

.consult_help_popup .common_layer_popup_card .body {
	max-height: 710px;
	overflow: auto;
	overscroll-behavior: none;
}

.profit_help_popup .common_layer_popup_card .body {
	max-height: 710px;
	overflow: auto;
	overscroll-behavior: none;
}

.schedule_setting_help_popup .common_layer_popup_card .body {
	max-height: 710px;
	overflow: auto;
	overscroll-behavior: none;
}

.schedule_help_popup .common_layer_popup_card .body {
	max-height: 710px;
	overflow: auto;
	overscroll-behavior: none;
}



.mobile_header_right_more {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.mobile_header_right_more>img {
	padding: 4px;
}

.mobile_header_right_more_btn {
	width: 32px;
	height: 32px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mobile_header_right_more_layer {
	display: none;
	border: 1px solid var(--secondary2);
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
}

.mobile_header_right_more_layer .more_layer_btn {
	display: block;
	width: 158px;
	height: 44px;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray2);
	text-align: left;
}

.mobile_header_right_more_layer.m_one_line .more_layer_btn {
	width: auto;
	white-space: nowrap;
}

.mobile_header_expert_type {
	font-size: 10px;
	font-weight: 400;
	
	color: var(--gray4);
	align-self: flex-end;
	margin-left: 4px;
	margin-bottom: 3px;
}

.mobile_common_no_data {
	width: 100%;
	padding: 16px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #595B5E;
}

/* mobile_expect_estimate */
.mobile_expect_estimate {
	width: 100%;
	padding: 0 16px;
}

.mobile_expect_estimate li:first-child {
	border-top: 1px solid var(--secondary2);
}

.mobile_expect_estimate li {
	padding: 16px 8px;
	border-bottom: 1px dashed var(--secondary2);
}

.mobile_expect_estimate .user_box img {
	margin-right: 4px;
}

.mobile_expect_estimate .user_box .flex_center {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray3);
	margin-right: 2px;
}

.mobile_expect_estimate .price_detail_box {
	display: flex;
	justify-content: space-between;
}

.mobile_expect_estimate .price_detail_box .price {
	padding: 11px 16px;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
}

.mobile_expect_estimate .price_detail_box .price.closed {
	text-decoration: line-through;
	color: #9B9DA2;
}

.mobile_expect_estimate .price_detail_box .detail_btn {
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	color: var(--gray3);
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile_expect_estimate .price_detail_box .detail_btn::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
	transition: all 0.3s;
}

.mobile_expect_estimate .price_detail_box .detail_btn.active::after {
	transform: rotate(-180deg)
}

.mobile_expect_estimate .detail_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_expect_estimate .detail_box button {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--gray3);
	cursor: pointer;
}

.mobile_expect_estimate .detail_box button:disabled {
	border-color: var(--secondary2) !important;
	background-color: var(--secondary2) !important;
	color: var(--gray3) !important;
}

.mobile_expect_estimate .bid_btn {
	margin-top: 8px;
	width: 100%;
	height: 40px;
	border: 1px solid var(--primary1);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--primary1);
	cursor: pointer;
}

.mobile_expect_estimate .bid_btn.finished {
	cursor: context-menu;
}

.mobile_expect_estimate .bid_btn.failed {
	border-color: var(--gray3);
	color: var(--gray4);
	cursor: context-menu;
}

/* mobile_revenue_profit */
.mobile_revenue_profit {
	width: 100%;
}

.mobile_revenue_profit>li {
	padding: 8px 16px 20px 16px;
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 8px;
}

.mobile_revenue_profit .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile_revenue_profit .num {
	display: inline-block;
	width: 24px;
	height: 40px;
	font-size: 12px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
	color: var(--gray3);
	margin-right: 8px;
}

.mobile_revenue_profit .consult_type {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_profit .badge {
	display: inline-block;
	width: 72px;
	height: 24px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 100vw;
	font-size: 11px;
	font-weight: 500;
	color: #ccc;
}

.mobile_revenue_profit .badge.service_progress {
	border: 1px solid var(--primary2);
	color: var(--primary2);
}

.mobile_revenue_profit .badge.service_complete {
	background-color: var(--primary1);
	border-color: var(--primary1);
	color: #fff;
}

.mobile_revenue_profit .detail_info_list>li {
	height: 24px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_revenue_profit .detail_info_list>li:last-child {
	margin-bottom: 0;
}

.mobile_revenue_profit .detail_info_list>li .label {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray4);
}

.mobile_revenue_profit .detail_info_list>li .bs_name {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_profit .detail_info_list>li .name {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_revenue_profit .detail_info_list>li .label {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray4);
}

.mobile_revenue_profit .detail_info_list>li .star {
	font-size: 12px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray2);
	display: flex;
	align-items: center;
}

.mobile_revenue_profit .detail_info_list>li .duration {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_revenue_profit .detail_info_list>li .penalty {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_profit .detail_info_list>li .percent {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_revenue_profit .detail_info_list>li .price {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_profit .detail_info_list>li .price_date {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_revenue_profit .detail_info_list>li .expect_price {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
	text-decoration: underline;
	cursor: pointer;
}

.mobile_revenue_profit .detail_info_list>li .expect_price_date {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_revenue_profit .detail_info_list>li .payment {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_profit .detail_info_list>li .payment_date {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--primary1);
}

.mobile_revenue_profit .detail_info_list>li .balance {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_profit .detail_info_list>li .balance_date {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_revenue_profit .detail_info_list>li .total_price {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	color: var(--gray2);
}

.mobile_revenue_profit .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_revenue_profit .btn_box button {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
	cursor: pointer;
	margin-top: 16px;
}

/* mobile_revenue_withdraw */
.mobile_revenue_withdraw {
	width: 100%;
}

.mobile_revenue_withdraw>li {
	padding: 8px 16px 20px 16px;
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 8px;
}

.mobile_revenue_withdraw .num {
	display: inline-block;
	width: 24px;
	height: 40px;
	font-size: 12px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
	color: var(--gray3);
	margin-right: 8px;
}

.mobile_revenue_withdraw .detail_info_list>li {
	height: 24px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_revenue_withdraw .detail_info_list>li:last-child {
	margin-bottom: 0;
}

.mobile_revenue_withdraw .detail_info_list>li .label {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray4);
}

.mobile_revenue_withdraw .detail_info_list>li .withdraw_state {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_withdraw .detail_info_list>li .withdraw_amount {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_withdraw .detail_info_list>li .withdraw_amount span {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_withdraw .detail_info_list>li .withdraw_date {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_revenue_withdraw .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_revenue_withdraw .btn_box button {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
	cursor: pointer;
	margin-top: 16px;
	text-decoration: underline;
}

/* booking_status_list */
.booking_status_list {
	width: 100%;
}

.booking_status_list li {
	padding: 8px 8px 12px 8px;
	border-bottom: 1px dashed var(--secondary2);
}

.booking_status_list li:first-child {
	border-top: 1px solid var(--secondary2);
	padding-top: 12px;
}

.booking_status_list li .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.booking_status_list li .visit_date {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
}

.booking_status_list li .bottom {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 8px;
}

.booking_status_list li .bottom .create_date {
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray4);
	height: 24px;
}

/* offline_contract_list */
.offline_contract_list {
	width: 100%;
}

.offline_contract_list li {
	padding: 8px 16px;
	border-bottom: 1px dashed var(--secondary2);
}

.offline_contract_list li:first-child {
	border-top: 1px solid var(--secondary2);
}

.offline_contract_list li .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.offline_contract_list li .service {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray3);
}

.offline_contract_list li .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.offline_contract_list li .bottom .create_date {
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray4);
}

/* expert_home_consult_list */
.expert_home_consult_list {
	width: 100%;
}

.expert_home_consult_list li {
	padding: 0 16px;
	border-bottom: 1px solid var(--secondary2);
}

.expert_home_consult_list li:first-child {
	border-top: 1px solid var(--secondary2);
}

.expert_home_consult_list li .top {
	padding-top: 8px;
	padding-right: 8px;
}

.expert_home_consult_list li .top .title {
	height: 40px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.expert_home_consult_list li .top img:first-child {
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

.expert_home_consult_list li .top .pin {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--primary1);
}

.expert_home_consult_list li .top .text {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	max-width: calc(100% - 40px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.expert_home_consult_list li .top .reply {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray4);
}

.expert_home_consult_list li .bottom {
	padding-top: 8px;
	padding-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.expert_home_consult_list li .bottom .user_box {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray3);
	padding: 0 8px;
}

.expert_home_consult_list li .bottom .right {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.expert_home_consult_list li .bottom .date {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.expert_home_consult_list li .bottom .view {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

/* mobile_notice_list */
.mobile_notice_list {
	width: 100%;
}

.mobile_notice_list li {
	padding: 16px 16px 12px 16px;
	border-bottom: 1px solid var(--secondary2);
}

.mobile_notice_list li:first-child {
	border-top: 1px solid var(--secondary2);
}

.mobile_notice_list li a {
	display: flex;
	gap: 8px;
	width: 100%;
}

.mobile_notice_list li .left {
	padding: 8px 0;
}

.mobile_notice_list li .num {
	display: inline-block;
	width: 40px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
}

.mobile_notice_list li .right {
	width: 100%;
}

.mobile_notice_list li .notice_badge {
	width: 40px;
}

.mobile_notice_list li .cate {
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	color: var(--gray4);
}

.mobile_notice_list li .title {
	margin-bottom: 8px;
	font-size: 15px;
	font-weight: 400;
	
	line-height: 24px;
	color: var(--gray2);
	max-width: calc(100% - 40px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mobile_notice_list li .date {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_notice_list li .view {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

/* mobile_question_list */
.mobile_question_list {
	width: 100%;
}

.mobile_question_list li {
	padding: 0 16px;
	border-bottom: 1px solid var(--secondary2);
}

.mobile_question_list li:first-child {
	border-top: 1px solid var(--secondary2);
}

.mobile_question_list li .top {
	padding-top: 8px;
	padding-right: 8px;
}

.mobile_question_list li .top .checkbox {
	padding: 10px;
	display: flex;
}

.mobile_question_list li .top .title {
	height: 40px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.mobile_question_list li .top img:first-child {
	padding: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-right: -4px;
}

.mobile_question_list li .top .pin {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--primary1);
}

.mobile_question_list li .top .text {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	max-width: calc(100% - 40px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mobile_question_list li .top .reply {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray4);
}

.mobile_question_list li .bottom {
	padding-top: 8px;
	padding-bottom: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile_question_list li .bottom .user_box {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray3);
	padding: 0 8px;
	gap: 2px;
	word-break: keep-all;
}

.mobile_question_list li .bottom .right {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile_question_list li .bottom .date {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_question_list li .bottom .view {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

/* mobile_event_list */
.event_mobile_wrap {
	display: none;
	padding: 16px;
	padding-bottom: 80px;
	background-color: var(--secondary1);
	min-height: calc(100vh - 588px);
}

.mobile_event_list {
	width: 100%;
}

.mobile_event_list>li {
	padding: 8px 16px 20px 16px;
	background-color: #fff;
	border-radius: 10px;
	margin-bottom: 8px;
}

.mobile_event_list .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile_event_list .state {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 24px;
	padding: 0 16px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.mobile_event_list .state.primary1 {
	background-color: var(--primary1);
	color: #fff;
}

.mobile_event_list .state.primary1.ghost {
	border: 1px solid var(--primary1);
	color: var(--primary1);
	background-color: #fff;
}

.mobile_event_list .num {
	display: inline-block;
	width: 24px;
	height: 40px;
	font-size: 12px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
	color: var(--gray3);
	margin-right: 8px;
}

.mobile_event_list .title {
	padding: 0 8px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.mobile_event_list .title span {
	color: var(--primary1);
}

.mobile_event_list .detail_info_list {
	padding-left: 8px;
	padding-top: 8px;
}

.mobile_event_list .detail_info_list>li {
	height: 24px;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_event_list .detail_info_list>li:last-child {
	margin-bottom: 0;
}

.mobile_event_list .detail_info_list>li .label {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray4);
}

.mobile_event_list .detail_info_list>li .result {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_event_list .detail_info_list>li .user_box div {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray3);
}

.mobile_event_list .detail_info_list>li .date {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray2);
}

.mobile_event_list .user_img {
	margin-right: 0;
}

.mobile_event_list .btn_box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mobile_event_list .btn_box button {
	width: 100%;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray3);
	margin-top: 16px;
}

.mobile_event_list .btn_box .benefit_btn {
	width: 100%;
	height: 40px;
	border: 1px solid var(--primary1);
	border-radius: 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--primary1);
	cursor: pointer;
}

.main_inner_koras_review2 {
	padding-bottom: 80px;
}

.main_inner_koras_review2>div {
	overflow: hidden;
}

.main_expert_consult_detail .compare_detail_card .head .title {
	padding: 0;
	word-break: break-all;
}

.main_expert_consult_detail .user_box {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
}

.main_mypage_expert_visit_consult_detail .layer_popup_text {
	line-height: 22px;
}

.main_km_schedule .main_inner:has(.schedule_manage_wrap) {
	padding-bottom: 80px;
}

.main_km_schedule_setting .main_inner:has(.schedule_edit_wrap) {
	padding-bottom: 80px;
}

.main_compare_client_add .main_form .ml8:has(label.checkbox) {
	margin-top: 8px;
}

/* mobile_km_direct_consult_list */
.mobile_km_direct_consult_list {
	width: 100%;
}

.mobile_km_direct_consult_list li {
	padding: 0 8px;
	border-bottom: 1px dashed var(--secondary2);
	background-color: #fff;
}

.mobile_km_direct_consult_list li:last-child {
	border-bottom: none;
}

.mobile_km_direct_consult_list li .top .checkbox {
	width: 100%;
	padding: 10px;
	padding-top: 14px;
	display: flex;
	justify-content: space-between;
}

.mobile_km_direct_consult_list li .top .text {
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	max-width: calc(100% - 40px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mobile_km_direct_consult_list li .bottom {
	padding-top: 8px;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile_km_direct_consult_list li .bottom .user_box {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
	color: var(--gray3);
	padding: 0 8px;
	gap: 2px;
	word-break: keep-all;
}

.mobile_km_direct_consult_list li .bottom .right {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile_km_direct_consult_list li .bottom .date {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

.mobile_km_direct_consult_list li .bottom .view {
	padding: 0 8px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: var(--gray3);
}

/* terms_select */
.terms_select {
	width: 100%;
	height: 100%;
	color: transparent;
	background: transparent url('../../assets/imgs/icons/custom_select_arrow.svg') no-repeat right 16px center;
	position: absolute;
	left: 0;
	top: 0;
}

.terms_select option {
	color: #000;
	text-align: center;
	font-size: 13px;
	color: var(--gray2);
	font-weight: 500;
}


.career_popup .koras_layer_popup_card {
	background-color: #fff;
}

.academic_popup .koras_layer_popup_card {
	background-color: #fff;
}

input[type='month'] {
	font-size: 14px;
	font-weight: 500;
	color: transparent;
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type='month']::after {
	display: block;
	content: attr(placeholder);
	color: var(--gray2);
	width: 100%;
	color: var(--gray2);
	opacity: 0.4;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

input[type='month']::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}

input[type='month']:valid {
	color: var(--gray2);
}

input[type='month']:valid::after {
	display: none;
}

.main_expert_main .consult_card_list li a .desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 40px;
	word-break: break-all;
}

.main_mypage_revenue_withdraw_detail .state_badge.service_progress {
	width: 78px;
}

.contract_check_popup .koras_layer_popup_card .body .inner_card {
	padding: 0;
}

/* expert_service_item_list */
.expert_service_item_list {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.expert_service_item_list li {
	padding: 0 16px;
	height: 40px;
	font-size: 14px;
	font-weight: 400;
	color: var(--gray2);
	border: 1px solid var(--secondary3);
	border-radius: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_km_koras_visit_consult .compare_card .body .content li .content_text {
	width: 169px;
}

.main_km_expert_visit_consult .compare_card .body .content li .content_text {
	width: 169px;
}

.text_cancel {
	color: rgba(42, 43, 45, 0.4);
	text-decoration: line-through;
}

.expert_side_caution {
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	color: var(--gray3);
	display: flex;
	align-items: flex-start;
	gap: 2px;
}

.state_disabled {
	background-color: var(--secondary1) !important;
	color: var(--gray4) !important;
	border: none !important;
}

.km_koras_visit_consult_grid .compare_card .body .title {
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.km_koras_visit_consult_grid .compare_card .content li:nth-child(odd) {
	width: 40%;
}

.km_koras_visit_consult_grid .compare_card .content li:nth-child(even) {
	width: 60%;
}

.km_koras_visit_consult_grid .compare_card .content .content_text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.km_expert_visit_consult_grid .compare_card .body .title {
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.km_expert_visit_consult_grid .compare_card .content li:nth-child(odd) {
	width: 40%;
}

.km_expert_visit_consult_grid .compare_card .content li:nth-child(even) {
	width: 60%;
}

.km_expert_visit_consult_grid .compare_card .content .content_text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main_km_koras_visit_consult_detail .compare_detail_card .body {
	padding: 0 16px;
}

.main_km_direct_consult_detail label:has(.common_table_checkbox) {
	margin-bottom: 20px;
}

.expert_home_main_more_btn {
	padding-left: 8px;
	height: 24px;
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
	color: #0085FF;
	margin-bottom: 8px;
	cursor: pointer;
}

.m_main_compare_address {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-width: none !important;
}

.main_mypage_expert_my_consult .my_consult_list li a .body .info_list.grid2 {
	padding-left: 8px;
	line-height: normal;
}

.main_mypage_expert_my_consult .my_consult_list li a .body .info_list {
	padding-left: 8px;
	line-height: normal;
}

.main_mypage_expert_my_consult .my_consult_list li a .body .info_list li {
	margin-bottom: 0px;
}

.main_mypage_expert_my_consult .my_consult_list li a .body .desc {
	padding-left: 8px;
}

.main_mypage_expert_my_consult .my_consult_list li a .head {
	height: 32px;
	padding-left: 8px;
}

.main_mypage_expert_my_consult .my_consult_list li a .body .title {
	line-height: 24px;
	padding-left: 8px;
}

.main_direct_apply .terms_card .checkbox2 .text {
	font-weight: 500;
	font-size: 12px;
	display: flex;
	align-items: center;
	color: var(--gray2);
	line-height: 15px;
}

.main_direct_apply .terms_card .checkbox2 .text .semi_bold {
	color: var(--gray1);
}

.main_direct_apply .terms_card .checkbox2 .text span:first-child {
	margin-right: 4px;
}

.m_list_no_data {
	width: 100%;
	height: 64px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray3);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main_compare_mobile {
	padding: 16px 0;
	margin-bottom: 32px;
	background-color: #fff;
	text-align: center;
}

.main_compare_more_btn {
	width: 164px;
	height: 40px;
	border: 1px solid var(--secondary3);
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
	cursor: pointer;
}

.main_sign_basic .card_content_head .head {
	padding: 16px;
}

.main_sign_basic .terms_card .body {
	padding: 16px 16px 24px 16px;
}

.main_sign_basic .terms_card label.checkbox2 {
	gap: 4px;
}

.main_sign_basic .terms_card label.checkbox2 .icon {
	width: 24px;
	height: 24px;
}

.m_compare_detail_help_text {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: var(--gray3);
	display: none;
	padding: 0 24px;
}

.koras_guide_temp_img {
	width: 100%;
	height: 533px;
	background-color: #e1e1e1;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	color: var(--gray2);
	margin-bottom: 60px;
}

.contract_step3_popup .card_content_head .body {
	padding: 8px 16px 16px 16px;
}

.contract_step3_popup .card_content_head .body label.checkbox2 .icon {
	width: 24px;
	height: 26px;
}

.contract_step3_popup .card_content_head .body label.checkbox2 .text {
	line-height: 20px;
}


.withdrawal_agree_popup .card_content_head .body {
	padding: 8px 16px 16px 16px;
}

.withdrawal_agree_popup .card_content_head .body label.checkbox2 .icon {
	width: 24px;
	height: 26px;
}

.withdrawal_agree_popup .card_content_head .body label.checkbox2 .text {
	line-height: 20px;
}

.withdrawal_register_popup .card_content_head .body {
	padding: 8px 16px 16px 16px;
}

.withdrawal_register_popup .card_content_head .body label.checkbox2 .icon {
	width: 24px;
	height: 26px;
}

.withdrawal_register_popup .card_content_head .body label.checkbox2 .text {
	line-height: 20px;
}

.main_expert_main .client_review_card_list a {
	height: 204px;
	position: relative;
	padding-bottom: 40px;
}

.main_expert_main .client_review_card_list li a .tag_list {
	position: absolute;
	left: 16px;
	bottom: 16px;
}

.main_expert_main .client_review_card_list li a .tag_list li {
	height: 24px;
}

.main_mypage_client_service_status_detail .layer_popup_btn {
	font-size: 14px;
}

.main_mypage_expert_service_status_detail .layer_popup_btn {
	font-size: 14px;
}

.main_mypage_client_visit_consult .visit_consult_list li .body .info_list li::after {
	top: 8px;
}

.main_mypage_review_add .bg_secondary1.main_inner {
	padding-bottom: 80px;
}

.m_review_good_point_box label.checkbox .text {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: var(--gray2);
}

.m_review_good_point_box label.checkbox {
	padding: 4px 0;
}

.main_mypage_review_written .review_written_list li .review_title .right .more_popup button {
	width: 120px;
	padding: 10px 16px;
}

.main_mypage_review_written .review_written_list li .review_title .right .more_popup {
	padding: 0;
	z-index: 10;
}

.ad_pay_or_not_box {
	gap: 48px;
}

.expert_main_no_data {
	font-size: 13px;
	font-weight: 500;
	color: var(--gray3);
	display: flex;
	align-items: center;
	padding-left: 8px;
}

.main_compare_detail .only_my_post_box p {
	display: inline;
}

.main_mypage_review_pending .review_pending_list li .body .info_list li .content_label {
	flex: none;
	align-self: start;
}

.main_mypage_review_pending .review_pending_list li .body .info_list li::after {
	top: 8px;
}

.main_visit_consult_booking .koras_layer_popup_card>.body {
	height: calc(100vh - 320px);
}

.main_km_schedule .preview_booking {
	max-height: 520px;
	overflow: hidden;
}

.main_question_detail .comments_box textarea:focus {
	background-color: #fff;
}

.main_koras_review .answer_after_box {
	padding: 24px;
}

.main_koras_review .answer_after_box .content {
	padding: 4px 8px 8px;
}

.main_koras_review .answer_after_box .info {
	padding-left: 8px;
}

.main_koras_review .answer_after_box .tag_list {
	padding: 8px 0;
}

.main_free_servie_mobile {
	display: none;
}

.main_direct .banner .text .desc {
	font-weight: 500;
}

.main_direct .banner .text .text_icon {
	margin-bottom: 2.8vw;
	display: inline-block;
}

.kb_legal_link {
	font-size: 14px;
	font-weight: 400;
	line-height: 19.2px;
	text-decoration: underline !important;
	color: #DCB258 !important;
}

.kb_img {
	width: 100%;
}

.kb_img img {
	width: 100%;
}

.kb_scroll_wrap {
	overflow: auto;
	padding-bottom: 40px;
}

.main_expert_consult .expert_consult_content {
	padding-top: 16px;
}

/* @@@@@@@@@@@@@@@@@@@@gy추가 */

.header_common_layout .gnb::-webkit-scrollbar {
	height: 5px;
}

.header_common_layout .gnb::-webkit-scrollbar-thumb {
	background-color: #ADCCEB;
	border-radius: 10px;
}

.header_common_layout .gnb::-webkit-scrollbar-track {
	background-color: #F8F8F8;
	height: 8px;
}

.main_compare .main_compare_top_box {
	flex-wrap: wrap;
	gap: 12px;
}

.main_compare1.main_compare_guide_title {
	background-color: var(--secondary1);
	padding-top: 1px;
}

.main_compare1.main_compare_guide_title .title_badge {
	width: 135px;
	white-space: nowrap;
}

/* .content_form_box > .inner .main_form{width:100%; height:100%; padding:16px 32px; background-color:#fff; overflow:auto;} */

.direct_card_box .title {
	white-space: nowrap;
}

.main_direct .banner {
	padding: 3vw 0 4vw;
}

.main_direct .banner .text {
	padding: 10px;
	text-align: center;
}

.flex_center.koras_review_search_box,
.event_tab_link_box .event_search_box {
	padding: 8px 0 0 16px;
}

.flex_between.main_compare .flex_between.main_compare_top_box,
.main_km_koras_visit_consult .km_tab_search_box {
	flex-wrap: wrap;
	gap: 16px;
}

.koras_review_tab_link_box,
.flex_between.event_tab_link_box,
.main_km_koras_visit_consult .main_km_koras_visit_consult {
	flex-wrap: wrap;
}

.main_km_koras_visit_consult .filter_box {
	padding: 16px 0;
}

.main_km_koras_visit_consult .filter_box .right {
	padding: 0;
}

.km_koras_visit_consult_grid.gap20,
.km_expert_visit_consult_grid.gap20 {
	gap: 9px;
}

.km_tab_search_box form {
	margin-right: 16px;
}

.insert_before {
	color: rgba(42, 43, 45, 0.4);
}

/* 모바일 추가 */



/* 새로운 모바일 알림 팝업창 */
.mobile-alert-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100svh;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-alert-popup .popup-content {
	width: 90%;
	max-width: 400px;
	max-height: 80vh;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.mobile-alert-popup .popup-head {
	background: #fff;
	padding: 20px;
	border-bottom: 1px solid #E5E7EB;
}

.mobile-alert-popup .popup-head .popup-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	color: #111827;
}

.mobile-alert-popup .popup-head .popup-title button {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
}

.mobile-alert-popup .popup-head .popup-title button img {
	width: 20px;
	height: 20px;
}

.mobile-alert-popup .popup-head .popup-desc {
	font-size: 14px;
	color: #6B7280;
	margin-top: 8px;
}

.mobile-alert-popup .popup-body {
	background: #fff;
	max-height: 60vh;
	overflow-y: auto;
	padding: 20px;
}

.mobile-alert-popup .popup-foot {
	background: #fff;
	padding: 20px;
	border-top: 1px solid #E5E7EB;
	display: flex;
	gap: 12px;
}

.mobile-alert-popup .popup-foot button {
	flex: 1;
	padding: 12px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}

.mobile-alert-popup .popup-foot .btn-primary {
	background: #3B82F6;
	color: white;
	border: none;
}

.mobile-alert-popup .popup-foot .btn-secondary {
	background: #F3F4F6;
	color: #374151;
	border: 1px solid #D1D5DB;
}

/*@@@@@@@@@@@@@@@@@@@@ media query @@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width:992px) {
	.wrap {
		width: 100%;
		overflow-x: hidden;
	}

	.mobile {
		display: block !important;
	}

	.mobile_inline {
		display: inline !important;
	}

	.mobile_inline_block {
		display: inline-block !important;
	}

	/* .mobile_inline_block{display:flex !important; justify-content: center; align-items: center; margin:0 auto;} */
	.mobile_flex {
		display: flex !important;
	}

	.pc {
		display: none !important;
	}

	.pc_table {
		display: none !important;
	}

	.pc_inline {
		display: none !important;
	}

	.pc_flex {
		display: none !important;
	}

	/* .header_common_safe_area {
		height: 80px;
	} */

	.header.add_mobile_nav {
		display: block;
	}

	.header.not_gnb .gnb {
		display: none;
	}

	.header.not_gnb .header_common_safe_area {
		height: 44px;
	}

	.header.not_gnb .header_common_layout {
		height: 44px;
	}

	.header.not_gnb.add_mobile_nav .header_common_safe_area {
		height: 92px;
	}

	.header.not_gnb.add_mobile_nav .header_common_layout {
		height: 92px;
	}

	.footer.not_gnb .footer_nav_safe_area {
		display: none !important;
	}

	.header.not_top .top {
		display: none;
	}

	/* 모바일 메뉴는 이미 위에서 처리됨 */

	.header.not_gnb.not_top.add_mobile_nav .header_common_safe_area {
		height: 48px;
	}

	.header.not_gnb.not_top.add_mobile_nav .header_common_layout {
		height: 48px;
	}


	/* header */
	.header_common_layout>.inner {
		padding: 0 16px;
	}

	.header_common_layout .top {
		margin-bottom: 0;
	}

	.header_logo {
		width: 90px;
		height: auto;
	}

	.header_text_btn {
		font-size: 14px;
		color: var(--gray2);
	}

	.header_profile {
		display: none;
	}

	/* .header_common_layout .gnb>ul>li>a {
		font-size: 14px;
		padding: 12px 16px;
		height: 100%;
	} */

	/* .header_alert_button {
		padding: 6px 0;
	} */

	.header_alert_button img {
		display: block;
	}

	.header_alert_button>span {
		display: none;
	}

	.header_text_btn.badge::after {
		right: 4px;
	}

	.header_sign_btn {
		display: none;
	}

	.header_admin_btn {
		display: none;
	}

	.header_common_layout .gnb {
		width: 100%;
	}

	.header_common_layout .gnb::-webkit-scrollbar {
		display: block;
		width: 0px;
		height: 4px;
	}

	.header_common_layout .gnb::-webkit-scrollbar-thumb {
		background-color: #ADCCEB;
		border-radius: 5px;
	}

	.header_common_layout .gnb::-webkit-scrollbar-track {
		background-color: #F8F8F8;
	}

	.header_common_layout .gnb>ul {
		height: 100%;
	}

	.header_common_layout .gnb>ul>li {
		flex: none;
		height: 100%;
	}

	.header_common_layout .gnb>ul>li:hover>ul {
		display: none;
	}

	/* header_alert_layer - 모바일에서 숨김 */
	.header_alert_layer {
		display: none !important;
	}

	.header_alert_layer .body {
		overscroll-behavior: none;
		max-height: calc(100vh - 130px);
		max-height: calc(100svh - 130px);
		min-height: calc(100vh - 130px);
		min-height: calc(100svh - 130px);
		height: auto;
		margin: 0;
	}

	.header_alert_layer .head {
		padding: 16px;
		height: 80px;
	}

	.header_alert_layer .head .title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		padding-left: 8px;
		margin-bottom: 8px;
	}

	.header_alert_layer .head .desc {
		padding-left: 8px;
	}

	.header_alert_layer .foot {
		height: 48px;
	}

	/*20241205남민우 추가*/
	/* header_payment_layer - 모바일에서 숨김 */
	.header_payment_layer {
		display: none !important;
	}

	.header_payment_layer .body {
		overscroll-behavior: none;
		max-height: calc(100vh - 130px);
		max-height: calc(100svh - 130px);
		min-height: calc(100vh - 130px);
		min-height: calc(100svh - 130px);
		height: auto;
		margin: 0;
	}

	.header_payment_layer .head {
		padding: 16px;
		height: 80px;
	}

	.header_payment_layer .head .title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
		padding-left: 8px;
		margin-bottom: 8px;
	}

	.header_payment_layer .head .desc {
		padding-left: 8px;
	}

	.header_payment_layer .foot {
		height: 48px;
	}

	/* footer */
	.footer_common_layout>.inner {
		padding: 24px 16px;
	}

	.footer_links li a {
		font-size: 13px;
	}

	.footer_logo {
		display: none;
	}

	.footer_common_layout .bottom {
		flex-direction: column;
	}

	.footer_info_list {
		width: 100%;
		padding: 8px 0;
		line-height: 23px;
		margin-bottom: 8px;
	}

	.footer_common_layout .bottom .right {
		width: calc(100% - 32px);
		margin: 40px auto 0;
		padding: 16px 0;
		border-radius: 10px;
		background-color: var(--secondary1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.footer_company_name {
		font-size: 13px;
		font-weight: 500;
		color: var(--gray3);
		margin: 0;
	}

	.footer_service_number {
		font-size: 15px;
		font-weight: 600;
		line-height: 21px;
	}

	.footer_service_info {
		margin-bottom: 16px;
		font-size: 13px;
		font-weight: 400;
		line-height: 24px;
		color: var(--gray3);
		text-align: center;
	}

	.footer_service_sns {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 24px;
	}


	/* main */

	.main {
		margin-top: 0;
	}

	.wrap.full .main {
		margin-top: 0 !important;
	}
	.main>.inner {
		padding: 0 16px;
	}

	.main .main_inner {
		padding: 0 16px;
	}

	/* sign_verify */
	.main_sign_verify {
		padding: 0;
	}

	.card_sign_verify {
		border: none;
		padding: 32px 16px;
	}


	button[type='button'].expert {
		margin-bottom: 85px;
	}

	.sign_client_img {
		right: 8px;
	}

	.sign_expert_img {
		right: 8px;
	}

	/* sign_basic */
	.main_sign_basic {
		background-color: var(--secondary1) !important;
		padding: 16px 0;
	}

	.card_sign_baisc {
		padding: 16px;
	}

	.card_sign_baisc .font24 {
		font-size: 18px;
	}

	.card_sign_baisc .font24+p {
		font-size: 13px;
	}

	.card_sign_baisc label {
		font-size: 15px;
		flex: none;
	}

	.card_sign_baisc label+p {
		letter-spacing: -0.3px;
	}

	.card_sign_baisc .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.card_sign_baisc .verify_timer+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.card_sign_baisc .font12 {
		letter-spacing: -0.3px;
	}

	.card_sign_baisc .card_content_head .head .text span {
		font-size: 15px;
	}

	.card_sign_baisc .card_content_head .body .text .color_gray3 {
		font-size: 14px;
	}

	.card_sign_baisc .card_content .mb8 {
		font-size: 15px;
	}

	.sign_basic_popup .koras_layer_popup_card {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.sign_basic_popup .koras_layer_popup_card>.body {
		flex: 1;
	}

	.sign_basic_popup .koras_layer_popup_card .body>.p8 {
		padding: 0;
	}

	.sign_basic_popup .koras_layer_popup_card .popup_terms_content_box {
		height: 108px;
	}

	.sign_basic_popup .card_content_head .body {
		padding: 8px 0;
	}

	.sign_basic_popup .card_content_head .body .checkbox2 {
		padding: 8px 16px;
	}

	.sign_basic_popup .card_content_head .popup_terms_content_box {
		overscroll-behavior: none;
	}

	.sign_basic_popup .terms_card label.checkbox2 .icon {
		flex: none;
		width: 24px;
		height: 24px;
	}

	.sign_basic_popup .terms_card label.checkbox2 .text>span:first-child {
		line-height: 24px;
	}

	.sign_basic_popup .terms_card label.checkbox2 .text>span:last-child {
		line-height: 18px;
		font-size: 13px;
	}

	/* sign_client_complete */
	.main_sign_client_complete {
		padding: 0 !important;
	}

	.main_sign_client_complete>.card {
		border: none;
	}

	/* sign_expert */
	.main_sign_expert {
		padding: 16px 0;
		background-color: var(--secondary1) !important;
	}

	.main_sign_expert .font24 {
		font-size: 18px;
	}

	.main_sign_expert .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_sign_expert .card {
		padding: 32px 16px;
	}

	.main_sign_expert .card .radio .text {
		font-size: 14px;
	}

	.main_sign_expert .card .gap48 {
		gap: 16px;
	}

	.main_sign_expert .card .help_text {
		font-size: 12px;
	}

	.main_sign_expert .card label {
		font-size: 15px;
		flex: none;
	}

	.main_sign_expert .card label+p {
		letter-spacing: -0.3px;
	}

	.main_sign_expert .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.main_sign_expert .card .font12 {
		letter-spacing: -0.3px;
	}

	.main_sign_expert .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_sign_expert .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_sign_expert .card .card_content_head .head .text span {
		font-size: 15px;
	}

	.main_sign_expert .card .card_content_head .body .text .color_gray3 {
		font-size: 14px;
	}

	.sign_expert_popup .koras_layer_popup_card {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.sign_expert_popup .koras_layer_popup_card>.body {
		flex: 1;
	}

	.sign_expert_popup .koras_layer_popup_card .body>.p8 {
		padding: 0;
	}

	.sign_expert_popup .koras_layer_popup_card .popup_terms_content_box {
		height: 108px;
	}

	.sign_expert_popup .card_content_head .body {
		padding: 0;
	}

	.sign_expert_popup .card_content_head .body .checkbox2 {
		padding: 8px 16px;
	}

	.sign_expert_popup .card_content_head .popup_terms_content_box {
		overscroll-behavior: none;
	}

	/* sign_expert_wait */
	.main_sign_expert_wait {
		padding: 0 !important;
	}

	.main_sign_expert_wait>.card {
		border: none;
	}

	/* sign_expert_complete */
	.main_sign_expert_complete {
		padding: 0 !important;
	}

	.main_sign_expert_complete>.card {
		border: none;
	}

	/* login */
	.main_login {
		padding-top: 0 !important;
		padding-bottom: 40px !important;
		background-color: #fff !important;
	}

	.main_login .card {
		border: none;
	}

	.main_login .card .font24 {
		font-size: 22px;
	}

	.main_login .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_login .card label {
		font-size: 15px;
		flex: none;
	}

	.main_login .card label+p {
		letter-spacing: -0.3px;
	}

	.main_login .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	/* find_id_verify */
	.main_find_id_verify {
		padding: 0 !important;
	}

	.main_find_id_verify .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_find_id_verify .card .font24 {
		font-size: 22px;
	}

	.main_find_id_verify .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_find_id_verify .card .find_id_tab li a {
		font-size: 16px;
	}

	/* find_id_info */
	.main_find_id_info {
		padding: 0 !important;
	}

	.main_find_id_info .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_find_id_info .card .font24 {
		font-size: 22px;
	}

	.main_find_id_info .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_find_id_info .card .find_id_tab li a {
		font-size: 16px;
	}

	.main_find_id_info .card label {
		font-size: 15px;
		flex: none;
	}

	.main_find_id_info .card label+p {
		letter-spacing: -0.3px;
	}

	.main_find_id_info .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	/* find_id_result */
	.main_find_id_result {
		padding: 0 !important;
	}

	.main_find_id_result .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_find_id_result .card .font24 {
		font-size: 22px;
	}

	.main_find_id_result .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	/* main_find_pw_verify */
	.main_find_pw_verify {
		padding: 0 !important;
	}

	.main_find_pw_verify .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_find_pw_verify .card .font24 {
		font-size: 22px;
	}

	.main_find_pw_verify .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_find_pw_verify .card .find_id_tab li a {
		font-size: 16px;
	}

	.main_find_pw_verify .card label {
		font-size: 15px;
		flex: none;
	}

	.main_find_pw_verify .card label+p {
		letter-spacing: -0.3px;
	}

	.main_find_pw_verify .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	/* find_pw_info */
	.main_find_pw_info {
		padding: 0 !important;
	}

	.main_find_pw_info .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_find_pw_info .card .font24 {
		font-size: 22px;
	}

	.main_find_pw_info .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_find_pw_info .card .find_id_tab li a {
		font-size: 16px;
	}

	.main_find_pw_info .card label {
		font-size: 15px;
		flex: none;
	}

	.main_find_pw_info .card label+p {
		letter-spacing: -0.3px;
	}

	.main_find_pw_info .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	/* reset_pw */
	.main_reset_pw {
		padding: 0 !important;
	}

	.main_reset_pw .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_reset_pw .card .font24 {
		font-size: 22px;
	}

	.main_reset_pw .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_reset_pw .card .find_id_tab li a {
		font-size: 16px;
	}

	.main_reset_pw .card label {
		font-size: 15px;
		flex: none;
	}

	.main_reset_pw .card label+p {
		letter-spacing: -0.3px;
	}

	.main_reset_pw .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	/* reset_pw_complete */
	.main_reset_pw_complete {
		padding: 0 !important;
	}

	.main_reset_pw_complete .card {
		border: none;
		padding: 0 32px 32px 32px;
	}

	.main_reset_pw_complete .card .font24 {
		font-size: 22px;
	}

	.main_reset_pw_complete .card .font24+p {
		font-size: 13px;
		letter-spacing: -0.4px;
	}

	.main_reset_pw_complete .card .find_id_tab li a {
		font-size: 16px;
	}

	.main_reset_pw_complete .card label {
		font-size: 15px;
		flex: none;
	}

	.main_reset_pw_complete .card label+p {
		letter-spacing: -0.3px;
	}

	.main_reset_pw_complete .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	/* direct */
	.main_direct .banner {
		margin: 16px 0 24px;
		padding: 16px 0 24px;
		border-radius: 8px;
		background: none;
		background-color: var(--secondary1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.main_direct .text {
		text-align: left;
	}

	.main_direct .text_icon img {
		margin: 0 auto;
	}

	.main_direct .banner .text .text_icon {
		margin-bottom: 16px;
	}

	.main_direct .banner .text .title {
		font-size: 15px !important;
		line-height: 1.5 !important;
		text-align: center;
	}

	.main_direct .banner .text .desc {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
	}

	.main_direct .bg_secondary1 {
		background: none;
		min-height: auto !important;
	}

	.direct_card_box {
		flex-direction: column;
		padding-top: 16px !important;
		padding-bottom: 80px !important;
		gap: 16px !important;
	}

	.direct_card_box .a_card {
		width: 100%;
		height: 139px;
		padding: 24px;
		border: 1px solid var(--secondary3);
	}

	.direct_card_box .a_card .category {
		font-size: 13px;
		color: var(--gray4);
	}

	.direct_card_box .a_card .title {
		margin-bottom: 8px;
		font-size: 24px;
		line-height: 24px;
	}

	.direct_card_box .a_card .desc {
		font-size: 13px;
		white-space: nowrap;
	}

	.direct_card_box .a_card .img {
		width: 90px;
		height: 90px;
		flex: none;
	}

	.direct_card_box .a_card .img img {
		width: 100%;
	}

	/* direct_apply */
	.main_direct_apply .card {
		border: none;
		padding: 0;
	}

	.main_direct_apply .bg_secondary1 {
		background-color: #fff;
	}

	.main_direct_apply .bg_secondary1 .main_inner {
		padding: 0 24px;
	}

	.main_direct_apply .mb32 {
		margin-bottom: 16px;
		font-size: 12px;
	}

	.main_direct_apply .card label {
		font-size: 15px;
		flex: none;
	}

	.main_direct_apply .card label+p {
		letter-spacing: -0.3px;
		font-size: 11px !important;
	}

	.main_direct_apply .card .text_input input {
		font-size: 14px;
	}

	.main_direct_apply .card button {
		margin-bottom: 40px;
	}

	/* compare */
	.compare_help_popup .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
		border-radius: 10px;
		background-color: none;
	}

	.compare_help_popup .common_layer_popup_card .body {
		padding: 24px 16px;
		max-height: calc(100svh - 88px);
		overflow: auto;
		margin-bottom: 0;
		overscroll-behavior: none;
		background-color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.compare_help_popup .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.main_compare_top_box {
		height: auto !important;
		padding: 16px 0 !important;
	}

	.main_compare .custom_search {
		width: 100%;
	}

	.main_compare .custom_search input {
		border: none;
		background-color: var(--gray5);
		border-radius: 5px;
	}

	.main_compare form[name='compare_form'] {
		width: 100%;
	}

	.main_compare .main_inner:has(.filter_box) {
		padding: 0;
	}

	.main_compare .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_compare .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_compare .filter_box .left .count {
		font-size: 13px;
	}

	.main_compare .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_compare .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.main_compare .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_compare .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		font-size: 13px;
		font-weight: 400;
		color: var(--gray2);
	}

	.main_compare .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_compare .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_compare .compare_grid {
		padding: 16px 0;
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	.main_compare .compare_card .body .content {
		flex-wrap: wrap;
		row-gap: 8px;
	}

	.main_compare .compare_card .body .title {
		font-size: 15px;
	}

	.main_compare .compare_card .foot .info .date {
		font-weight: 500;
	}

	.main_compare .pagination_box {
		margin-top: 0 !important;
		padding-top: 24px !important;
		padding-bottom: 80px !important;
	}

	.main_compare .admin_select_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_compare .admin_select_box .left {
		padding: 8px 0 8px 0;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_compare .admin_select_box .left .count {
		font-size: 13px;
		padding: 0;
	}

	.main_compare .admin_select_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_compare .admin_select_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_compare .admin_select_box .right .buttons li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_compare .admin_select_btn {
		width: 24px;
		height: 24px;
		cursor: pointer;
		position: relative;
	}

	.main_compare .admin_select_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_compare .admin_select_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	/* compare_detail */
	.main_compare_detail .main_inner {
		padding: 16px;
	}

	.main_compare_detail .compare_detail_card .head .title {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 8px;
		margin-top: -14px;
		line-height: 24px;
	}

	.main_compare_detail .compare_detail_card .head .title .cate {
		margin-left: 0;
		line-height: 24px;
	}

	.main_compare_detail .compare_detail_card .head .save {
		font-size: 13px;
	}

	.main_compare_detail .compare_detail_card .flex_between:has(.user) {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.main_compare_detail .compare_detail_card .user {
		margin-bottom: 8px;
		font-size: 13px;
	}

	.main_compare_detail .compare_detail_card .pl6 {
		padding: 0 !important;
	}

	.main_compare_detail .compare_detail_card>.body>div {
		max-width: none !important;
	}

	.main_compare_detail .look_box .content {
		font-size: 15px;
	}

	.main_compare_detail .expect_card {
		padding: 16px 0;
	}

	.main_compare_detail .expect_card>.head .title {
		font-size: 16px;
		padding: 10px 8px;
	}

	.main_compare_detail .expect_card>.head {
		padding: 0 16px;
		height: 40px;
	}

	.main_compare_detail .expect_card>.head .buttons {
		gap: 0;
	}

	.main_compare_detail .expect_card>.head .buttons button.primary {
		padding: 0 12px;
		font-size: 13px;
		font-weight: 500;
		text-decoration: underline;
		min-width: auto;
		height: auto;
		background: none;
		border: none;
		line-height: normal;
	}

	.main_compare_detail .expect_card>.head .buttons button.cancel {
		padding: 0 12px;
		font-size: 13px;
		font-weight: 500;
		text-decoration: underline;
		min-width: auto;
		height: auto;
		background: none;
		border: none;
		line-height: normal;
	}

	.main_compare_detail .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_compare_detail .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_compare_detail .filter_box .left .count {
		font-size: 13px;
	}

	.main_compare_detail .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_compare_detail .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: right;
	}

	.main_compare_detail .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_compare_detail .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
	}

	.main_compare_detail .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_compare_detail .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_compare_detail .only_my_post_box {
		font-size: 13px;
		flex-direction: column;
		width: calc(100% - 32px);
		margin: auto;
		border-radius: 5px;
		line-height: 20px;
	}

	.main_compare_detail .only_my_post_box a {
		display: block;
		padding: 0 12px 4px 12px;
	}

	.expect_popup {
		display: block;
	}

	.expect_popup .koras_layer_popup_card {
		width: 100%;
	}

	.expect_popup .koras_layer_popup_card .body {
		height: calc(100svh - 40px);
		max-height: none;
		margin-bottom: 0;
		overscroll-behavior: none;
	}

	/* compare_expert_add */
	.main_compare_expert_add .content_form_box {
		height: auto;
	}

	.main_compare_expert_add .content_form_box>.inner {
		padding: 16px;
		flex-direction: column;
		gap: 0;
	}

	.main_compare_expert_add .content_form_box>.inner .side_preview {
		max-width: 100%;
		padding: 16px;
		display: none;
	}

	.main_compare_expert_add .side_preview .font24 {
		font-size: 18px;
	}

	.main_compare_expert_add .side_preview .font24+.font14 {
		font-size: 12px;
		margin-bottom: 16px;
	}

	.main_compare_expert_add .side_preview .font24+.font14+.px8.py16 {
		padding: 8px 0;
	}

	.main_compare_expert_add .side_preview .input_preview_box .value {
		font-size: 14px;
	}

	.main_compare_expert_add .content_form_box>.inner .main_form {
		padding: 16px;
	}

	.main_compare_expert_add .question_box {
		font-size: 15px;
	}

	.main_compare_expert_add .text_input input {
		font-size: 14px;
	}

	.main_compare_expert_add .text_input input::placeholder {
		font-size: 14px;
	}

	.main_compare_expert_add .text_input~.font15 {
		flex: none;
	}

	.main_compare_expert_add .custom_textarea textarea {
		font-size: 14px;
	}

	.main_compare_expert_add .custom_textarea textarea::placeholder {
		font-size: 14px;
	}

	.main_compare_expert_add .question_box div {
		font-size: 15px;
	}

	.main_compare_expert_add .terms_card label .text span {
		font-size: 15px;
	}

	/* compare_client_add */
	.main_compare_client_add .content_title_box {
		height: auto;
		padding: 0;
	}

	.main_compare_client_add .content_title_box .progress_box {
		width: 100%;
	}

	.main_compare_client_add .content_title_box .progress {
		width: 100%;
	}

	.main_compare_client_add .content_title_box .progress .bar {
		width: 100%;
	}

	.main_compare_client_add .content_form_box {
		height: auto;
		min-height: calc(100svh - 145px);
	}

	.main_compare_client_add .content_form_box>.inner {
		padding: 16px;
	}

	.main_compare_client_add .content_form_box>.inner .main_form {
		padding: 0;
	}

	.main_compare_client_add .main_form>.inner {
		padding: 16px 8px;
	}

	.main_compare_client_add .step0>.font16 {
		font-size: 15px;
		margin-bottom: 8px;
	}

	.main_compare_client_add .question_box {
		font-size: 15px;
		line-height: 24px;
		display: flex;
	}

	.main_compare_client_add .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.main_compare_client_add .file_input .text {
		font-size: 14px;
	}

	.main_compare_client_add .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_compare_client_add .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_compare_client_add .py8.mb8 label {
		font-size: 15px;
		flex: none;
	}

	.main_compare_client_add .py8.mb8 input {
		font-size: 14px;
	}

	.main_compare_client_add .py8.mb8 input::placeholder {
		font-size: 14px;
	}

	.main_compare_client_add .confirm_form .inner {
		padding: 16px;
	}

	.main_compare_client_add .step_terms .flex_start .font16 {
		font-size: 15px;
	}

	.main_compare_client_add .step_terms .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
		border-radius: 100vw !important;
	}

	.compare_client_add_layer {
		left: 50% !important;
		top: 160px !important;
		transform: translateX(-50%);
	}

	/* compare_bid */
	.main_compare_bid .main_inner {
		padding: 16px;
	}

	.main_compare_bid .expect_card {
		padding: 16px 8px 32px 8px;
	}

	.main_compare_bid .expect_card .card {
		padding: 0;
	}

	.main_compare_bid .expect_card .card label {
		font-size: 15px;
	}

	.main_compare_bid .expect_card .card .text_input input {
		font-size: 14px;
	}

	.main_compare_bid .expect_card .card .text_input input::placeholder {
		font-size: 14px;
	}

	.main_compare_bid .expect_card .card .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
		border-radius: 10px !important;
	}

	.main_compare_bid .question_box {
		padding: 0;
	}

	.main_compare_bid .terms_card label .text span {
		font-size: 15px;
	}


	/* main */
	.main_hero {
		margin-bottom: 0px;
	}

	.main_hero>.inner {
		padding: 0;
		height: auto;
	}

	.main_hero .swiper-slide {
		height: auto;
		min-height: 200px;
		border-radius: 8px;
		overflow: visible;
		position: relative;
		padding: 0 16px;
		box-sizing: border-box;
	}

	.main_hero .swiper-slide a {
		position: relative;
		display: block;
		width: 100%;
		height: 200px;
		overflow: hidden;
	}

	.main_hero .swiper-box {
		margin-top: 8px;
		height: 34px;
	}

	.main_hero .swiper-box-btns {
		display: none;
	}

	.main_main_services .img img {
		padding: 0;
	}

	.main_main_services {
		margin-bottom: 24px;
	}

	.main_direct_section .text .title {
		font-size: 18px;
	}

	.main_direct_section .text .desc {
		line-height: 20px;
	}

	.main_direct_section .card_box {
		flex-direction: column;
		padding: 16px 0;
	}

	.main_direct_section .card_box>div {
		width: 100%;
	}

	.main_direct_section .dir_card a {
		padding: 24px;
		width: 100%;
		height: auto;
	}

	.main_direct_section>.inner {
		padding: 16px;
	}

	.main_direct_section .dir_card .lead {
		font-size: 13px;
		margin-bottom: 4px;
	}

	.main_direct_section .dir_card .title {
		font-size: 24px;
		line-height: 24px;
		padding-top: 8px;
	}

	.main_direct_section .dir_card .desc {
		font-size: 14px;
		line-height: 20px;
	}

	.main_direct_section .dir_card.online {
		background-size: 90px 90px;
		background-position: right center;
	}

	.main_direct_section .dir_card.call {
		background-size: 90px 90px;
		background-position: right center;
	}

	.main_direct_section {
		margin-bottom: 0px;
	}

	.main_reco_expert {
		padding: 32px 16px 48px 16px;
	}

	.main_reco_expert>.inner {
		padding-left: 0px;
		flex-direction: column;
	}

	.main_reco_expert .swiper-text {
		padding: 0 8px;
		align-self: flex-start;
	}

	.main_reco_expert .swiper-text .badge {
		margin-bottom: 20px;
	}

	.main_reco_expert .swiper-text .title {
		font-size: 18px;
		line-height: 24px;
	}

	.main_reco_expert .swiper-text .desc {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 0px;
	}

	.main_reco_expert .swiper-box-btns {
		display: none;
	}

	.main_reco_expert .swiper-expert {
		padding: 32px 0;
	}

	.swiper-slide-active .main_expert_card {
		margin: 0px;
	}

	.main_expert_card {
		margin: 0px;
	}

	.main_expert_card {
		width: 260px;
		height: 330px;
	}

	.main_compare1>.inner {
		padding: 32px 24px 24px 24px;
		margin-top: 0;
	}

	.main_compare1 .title_badge {
		margin-bottom: 20px;
		font-size: 13px;
	}

	.main_compare1 .title {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.main_compare1 .desc {
		line-height: 20px;
		color: #9B9DA2;
		font-weight: 400;
		font-size: 14px;
	}

	.main_compare1 .swiper-box {
		display: none;
	}

	.main_compare2 {
		overflow: hidden;
	}

	.main_compare2>.inner {
		padding: 16px;
		padding-right: 0;
	}

	.main_compare2 .swiper-compare {
		display: none;
	}

	.main_compare2 .swiper-mobile {
		display: block;
	}

	.main_compare2 .swiper-mobile .compare_card {
		width: 280px;
		height: 280px;
		padding: 16px 16px 20px;
	}

	.main_compare2 .swiper-mobile .compare_card .head {
		margin-bottom: 8px;
	}

	.main_compare2 .swiper-mobile .compare_card .head .save .text {
		font-size: 12px;
	}

	.main_compare2 .swiper-mobile .compare_card .body .title {
		font-size: 15px;
		margin-bottom: 16px;
	}

	.swiper-mobile .compare_card .body .content li .content_text {
		max-width: 94px;
	}

	.main_compare_guide>.inner {
		padding-bottom: 0px;
	}

	.main_compare_guide .title {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 16px;
	}

	.main_compare_guide .desc {
		line-height: 20px;
	}

	.main_compare_guide .img img {
		max-width: 360px;
		margin: 0 auto;
	}

	.main_free_service {
		display: none;
	}

	.main_free_service>.inner {
		padding: 60px 16px;
	}

	.free_banner {
		height: 208px;
		padding: 32px 24px;
		background-color: #E3EFFF;
		border-radius: 10px;
		background: #E3EFFF url("../../assets/imgs/free_banner_mobile.png") no-repeat right center;
	}

	.free_banner .text {
		padding: 0;
	}

	.free_banner .text .title {
		font-size: 20px;
		line-height: 24px;
	}

	.free_banner .text .desc {
		width: 186px;
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 24px;
	}

	.free_banner .img {
		display: none;
	}

	.free_banner .text .link {
		font-size: 14px;
		font-weight: 500;
	}

	.main_free_servie_mobile {
		display: block;
		width: 100%;
		padding: 60px 16px;
	}

	.main_free_servie_mobile img {
		width: 100%;
		border-radius: 10px;
	}

	.main_review>.inner {
		padding: 32px 0 80px;
	}

	.main_review .title {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 16px;
	}

	.main_review .swiper-wrapper {
		padding: 16px;
	}

	.main_review .swiper-box {
		display: none;
	}

	.main_review_card {
		width: 280px;
		min-height: 300px;
	}

	/* service_introduce_client */
	.main_service_intro_client .banner {
		padding: 16px 0 24px;
	}

	.main_service_intro_client .banner .text {
		padding: 0;
	}

	.main_service_intro_client .banner .text .text_icon {
		margin-bottom: 24px;
	}

	.main_service_intro_client .banner .text .text_icon img {
		width: 90px;
	}

	.main_service_intro_client .banner .text .title {
		font-size: 5vw;
		font-weight: 600;
		line-height: 1.4;
		margin-bottom: 16px;
	}

	.main_service_intro_client .banner .text .desc {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6;
		color: var(--gray3);
		margin-bottom: 4px;
	}

	.main_service_intro_client .banner .text .desc .color_gray1 {
		font-weight: 500;
	}

	.main_service_intro_client .service_intro_select {
		width: 136px;
		height: 32px;
		padding: 8px 16px;
		font-size: 13px;
	}

	.si_list_card {
		flex-direction: column;
		width: 100%;
		max-width: calc(100% - 32px);
		margin: 16px auto 80px;
		gap: 8px;
	}

	.si_list_card li {
		width: 100%;
		border: none !important;
		border-radius: 8px !important;
	}

	.si_list_card li a {
		width: 100%;
	}

	.si_list_card li a .text {
		font-size: 15px;
	}

	/* service_introduce_expert */
	.main_service_intro_expert .banner {
		padding: 16px 0 24px;
	}

	.main_service_intro_expert .banner .text {
		padding: 0;
	}

	.main_service_intro_expert .banner .text .text_icon {
		margin-bottom: 24px;
	}

	.main_service_intro_expert .banner .text .text_icon img {
		width: 41px;
		height: 11px;
	}

	.main_service_intro_expert .banner .text .title {
		font-size: 15px;
		font-weight: 600;
		line-height: 21px;
		margin-bottom: 16px;
	}

	.main_service_intro_expert .banner .text .desc {
		font-size: 13px;
		font-weight: 400;
		line-height: 24px;
		color: var(--gray3);
	}

	.main_service_intro_expert .banner .text .desc .color_gray1 {
		font-weight: 500;
	}

	/* 고객센터 배너 모바일 스타일 */
	.banner_section {
		margin: 12px 0;
	}

	.banner_swiper .swiper-button-next,
	.banner_swiper .swiper-button-prev {
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}

	.banner_swiper .swiper-button-next:after,
	.banner_swiper .swiper-button-prev:after {
		font-size: 14px;
	}

	.main_service_intro_expert .service_intro_select {
		width: 136px;
		height: 32px;
		padding: 8px 16px;
		font-size: 13px;
	}

	/* koras_service */
	.main_koras_service .bg_secondary1 {
		min-height: none !important;
	}

	.main_koras_service .service_chat {
		min-height: calc(100vh - 48px) !important;
		min-height: calc(100svh - 48px) !important;
	}

	.service_chat {
		margin: 0;
		border: none;
		border-radius: 0;
		height: auto;
	}

	.svb_body {
		padding: 16px;
		height: auto;
	}

	.m_chat {
		gap: 8px;
	}

	.m_chat .img img {
		width: 40px;
		height: 40px;
	}

	.m_chat .text {
		width: 100%;
	}

	.m_chat .text .name {
		font-size: 13px;
		line-height: 15px;
		margin: 8px 0;
	}

	.m_chat .text .chat {
		font-size: 12px;
		position: relative;
		left: 48px;
	}

	.choose_box {
		width: calc(100% + 48px);
		position: relative;
		left: 0;
	}

	.m_chat .text .link {
		position: relative;
		left: 48px;
	}

	.c_chat {
		gap: 8px;
	}

	.c_chat .text {
		width: 100%;
	}

	.c_chat .img img {
		width: 40px;
		height: 40px;
	}

	.c_chat .text .name {
		font-size: 13px;
		line-height: 15px;
		margin: 8px 0;
	}

	.c_chat .text .chat {
		font-size: 12px;
		position: relative;
		left: -48px;
	}

	/* haacp_about */
	.main_haacp_about .main_inner {
		padding-top: 16px;
		padding-bottom: 80px;
	}

	.main_haacp_about .hc_quote {
		margin-top: 0px;
		padding: 16px 24px;
		font-size: 13px;
		font-weight: 500;
	}

	.main_haacp_about .hc_quote span {
		font-size: 15px;
		font-weight: 600;
	}

	.main_haacp_about .hc_quote::before {
		width: 24px;
		height: 17px;
		background-size: cover;
	}

	.main_haacp_about .hc_quote::after {
		width: 24px;
		height: 17px;
		background-size: cover;
	}

	.main_haacp_about .haccp_mean {
		flex-direction: column;
		gap: 32px;
		padding: 20px 20px 40px 20px
	}

	.main_haacp_about .haccp_mean .unit {
		display: flex;
		align-items: center;
		gap: 16px;
		width: 100%;
	}

	.main_haacp_about .haccp_mean .unit .img {
		width: 72px;
		height: 72px;
		flex: none;
	}

	.main_haacp_about .haccp_mean .unit .img img {
		width: 100%;
		height: 100%;
	}

	.main_haacp_about .haccp_mean .unit:first-child::after {
		width: 16px;
		height: 16px;
		left: 28px;
		top: calc(100% + 8px);
		transform: none;
		background-size: cover;
	}

	.main_haacp_about .haccp_mean .unit:last-child::after {
		width: 16px;
		height: 16px;
		left: 28px;
		top: -24px;
		transform: none;
		background-size: cover;
	}

	.main_haacp_about .haccp_mean .unit .text {
		width: 100%;
		font-size: 12px;
		font-weight: 400;
		text-align: left;
		margin-top: 0px;
	}

	.main_haacp_about .hc_number_list li .num {
		font-size: 16px;
		font-weight: 600;
	}

	.main_haacp_about .hc_number_list li .text {
		font-size: 13px;
		font-weight: 400;
		line-height: 24px;
	}

	/* haacp_who_need */
	.haccp_who_need_list {
		padding-bottom: 80px;
	}

	.haccp_who_need_img {
		padding: 16px 0;
		margin-bottom: 0px !important;
	}

	.haccp_who_need_img img {
		width: calc(50% - 8px);
		height: auto;
	}

	.haccp_who_need_list li {
		padding-left: 8px;
		padding-right: 8px;
	}

	/* haccp_reason */
	.main_reason .hc_necessity {
		flex-direction: column;
		margin-top: 16px;
	}

	.main_reason .hc_necessity li {
		width: 100%;
	}

	.main_reason .hc_nec_head {
		font-size: 15px;
	}

	.main_reason .hc_nec_body .img img {
		width: 100%;
		object-fit: cover;
	}

	.main_reason .hc_nec_body .text .content {
		font-size: 14px;
		font-weight: 500;
		line-height: 24px;
		height: auto;
	}

	.main_reason .hc_nec_body {
		height: auto;
	}

	.main_reason .hc_necessity li:first-child::after {
		left: 50%;
		top: calc(100% + 16px);
		transform: translateX(-50%) rotate(90deg);
	}

	.main_reason .haccp_effect {
		font-size: 16px;
	}

	.main_reason .hc_number_list {
		margin-bottom: 80px !important;
	}

	.main_reason .hc_number_list li .text .title {
		font-size: 15px;
	}

	.main_reason .hc_number_list li .text .desc {
		font-size: 13px;
		line-height: 24px;
	}

	/* haccp_apply */
	.haccp_apply_title {
		font-size: 16px;
		margin-top: 16px;
	}

	.main_haccp_apply .hc_number_list .text .col_head {
		font-size: 15px;
		padding: 8px 0;
		padding-right: 24px;
	}

	.main_haccp_apply .hc_number_list .text .col_body {
		font-size: 13px;
		line-height: 24px;
	}

	.tab_link_list {
		overflow-x: auto;
		padding-left: 16px;
		width: 100%;
	}

	.tab_link_list li a {
		padding: 12px 14px;
		font-size: 14px;
		line-height: 16px;
		white-space: nowrap;
	}

	/* notice */
	.service_tab_search_box {
		display: block;
	}

	.service_tab_search_box .custom_search {
		width: 100%;
		margin-right: 0px;
		padding: 16px 0;
		margin: 0 16px;
		height: auto;
	}

	.service_tab_search_box .custom_search input {
		height: 40px;
		border: none;
		background-color: var(--gray5);
	}

	.main_notice .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_notice .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_notice .filter_box .left .count {
		font-size: 13px;
	}

	.main_notice .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_notice .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.main_notice .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_notice .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_notice .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_notice .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_inner_notice1 {
		padding: 0 !important;
	}

	.main_notice form[name='notice_form'] .mb8 {
		margin-bottom: 0;
	}

	.main_inner_notice2 {
		padding: 0 !important;
	}

	/* notice_detail */
	.main_notice_detail .main_inner {
		padding: 0;
	}

	.notice_detail_wrap {
		padding-bottom: 60px;
		margin-bottom: 0;
		min-height: calc(100svh - 48px);
	}

	.notice_detail_card {
		padding: 16px;
	}

	.notice_detail_card .title_more {
		padding: 0 4px;
	}

	.notice_detail_card .state {
		margin-right: 0;
		margin-left: -4px;
	}

	.notice_detail_card .title {
		display: flex;
		flex-direction: column;
		gap: 8px;
		font-size: 15px;
		line-height: 24px;
	}

	.notice_detail_card .name_info {
		padding: 8px 0;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 4px;
	}

	.notice_detail_card .name {
		font-size: 13px;
	}

	.notice_detail_card .info {
		display: flex;
		align-items: center;
		width: 100%;
		line-height: 24px;
	}

	.notice_detail_card .info .view {
		margin-right: auto;
	}

	.notice_detail_card .info .date {
		margin-left: auto;
	}

	.notice_detail_card .info span {
		font-size: 12px;
	}

	.notice_detail_card .body {
		padding: 16px 0;
	}

	/* question */
	.main_question .admin_select_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_question .admin_select_box .left {
		padding: 8px 0 8px 0;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_question .admin_select_box .left .count {
		font-size: 13px;
	}

	.main_question .admin_select_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_question .admin_select_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_question .admin_select_box .right .buttons li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_question .admin_select_btn {
		width: 24px;
		height: 24px;
		cursor: pointer;
		position: relative;
	}

	.main_question .admin_select_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_question .admin_select_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_question .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_question .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_question .filter_box .left .count {
		font-size: 13px;
	}

	.main_question .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_question .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.main_question .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_question .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_question .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_question .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_question form[name='question_form'] .mb8 {
		margin-bottom: 0;
	}

	.main_inner_question1 {
		padding: 0 !important;
	}

	.main_inner_question2 {
		padding: 0 !important;
	}

	/* question_detail */
	.main_question_detail .main_inner {
		padding: 0;
	}

	.main_question_detail .main_inner.mb32 {
		margin-bottom: 0;
	}

	.question_detail_wrap {
		padding-bottom: 60px;
	}

	.question_detail_card {
		padding: 16px;
	}

	.question_detail_card.mb10 {
		margin-bottom: 16px;
	}

	.question_detail_card .title_more {
		padding: 0 4px;
	}

	.question_detail_card .state {
		margin-right: 0;
		margin-left: -4px;
	}

	.question_detail_card .title {
		display: flex;
		flex-direction: column;
		gap: 8px;
		font-size: 15px;
		line-height: 24px;
	}

	.question_detail_card .name_info {
		padding: 8px 0;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 4px;
	}

	.question_detail_card .name {
		font-size: 13px;
	}

	.question_detail_card .info {
		display: flex;
		align-items: center;
		width: 100%;
	}

	.question_detail_card .info .view {
		margin-right: auto;
	}

	.question_detail_card .info .date {
		margin-left: auto;
	}

	.question_detail_card .info span {
		font-size: 12px;
	}

	.question_detail_card .body {
		padding: 16px 0;
		word-break: break-all;
	}

	.question_detail_card .foot .files {
		flex-wrap: wrap;
	}

	.main_question_detail .reply_input_box {
		margin: 8px 0;
	}

	.main_question_detail .reply_input_box textarea {
		height: 40px;
		margin: 0;
		line-height: 22px;
	}

	.main_question_detail .reply_input_box button {
		flex: none;
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_question_detail .reply_input_box button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_send.svg') no-repeat center center;
	}

	.question_reply_card {
		padding: 8px 8px 16px 8px;
	}

	.question_reply_card.mb10 {
		margin-bottom: 16px;
	}

	.question_reply_card .title {
		height: 40px;
		padding: 0;
		margin: 0;
		font-size: 15px;
		line-height: 24px;
		display: flex;
		align-items: center;
	}

	.question_reply_card .title img {
		padding: 8px;
	}

	.question_reply_card .commnet_box {
		margin-bottom: 0px;
	}

	.question_reply_card .commnet_box>.head .user {
		font-size: 13px;
	}

	.question_reply_card .commnet_box>.content {
		font-size: 13px;
	}

	.question_reply_card .commnet_box>.foot {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 4px;
	}

	.question_reply_card .commnet_box>.foot .left .like_btn {
		font-size: 12px;
	}

	.question_reply_card .commnet_box>.foot .right {
		font-size: 12px;
	}

	.question_comments_card {
		padding: 8px 8px 16px 8px;
	}

	.question_comments_card .title {
		font-size: 15px;
		line-height: 24px;
	}

	.question_comments_card .title .count {
		font-size: 13px;
	}

	.question_comments_card .commnet_box>.head .user {
		font-size: 13px;
	}

	.question_comments_card .commnet_box>.content {
		font-size: 13px;
	}

	.question_comments_card .commnet_box>.foot {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 4px;
	}

	.question_comments_card .commnet_box>.foot .left .like_btn {
		font-size: 12px;
	}

	.question_comments_card .commnet_box>.foot .right {
		font-size: 12px;
	}

	.question_comments_card .comments_box textarea {
		height: 40px;
		margin: 0;
		line-height: 22px;
	}

	.question_comments_card .comments_box button {
		flex: none;
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.question_comments_card .comments_box button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_send.svg') no-repeat center center;
	}

	.comments_only_user {
		font-size: 13px;
	}

	.secret_question .koras_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 32px);
		border-radius: 10px;
	}

	.secret_question .koras_layer_popup_card .foot .cancel {
		border-bottom-left-radius: 10px;
	}

	.secret_question .koras_layer_popup_card .foot .primary {
		border-bottom-right-radius: 10px;
	}

	/* question_add */
	.main_question_add>.main_inner {
		padding: 16px 8px !important;
	}

	.main_question_add .question_input_row .label label {
		font-size: 15px;
	}

	.main_question_add .question_input_row .input input {
		font-size: 14px;
	}

	.main_question_add .question_input_row .input input::placeholder {
		font-size: 14px;
	}

	.main_question_add .question_textarea_row .textarea textarea {
		font-size: 14px;
	}

	.main_question_add .question_textarea_row .textarea textarea::placeholder {
		font-size: 14px;
	}

	.main_question_add .question_file_row .file_input .text {
		font-size: 14px;
	}

	.main_question_add .question_file_row {
		padding: 0 8px;
	}

	.main_question_add .question_file_row .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_question_add .question_file_row .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_question_add .terms_card {
		width: calc(100% - 16px);
		margin: 32px auto 0;
	}

	.main_question_add label.checkbox .text span {
		font-size: 15px;
	}

	.main_question_add .question_add_btn_box {
		width: calc(100% - 16px);
		margin: 32px auto 0 !important;
	}

	/* question_update */
	.main_question_update>.main_inner {
		padding: 16px 8px !important;
	}

	.main_question_update .question_input_row .label label {
		font-size: 15px;
	}

	.main_question_update .question_input_row .input input {
		font-size: 14px;
	}

	.main_question_update .question_input_row .input input::placeholder {
		font-size: 14px;
	}

	.main_question_update .question_textarea_row .textarea textarea {
		font-size: 14px;
	}

	.main_question_update .question_textarea_row .textarea textarea::placeholder {
		font-size: 14px;
	}

	.main_question_update .question_file_row .file_input .text {
		font-size: 14px;
	}

	.main_question_update .question_file_row {
		padding: 0 8px;
	}

	.main_question_update .question_file_row .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_question_update .question_file_row .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_question_update .terms_card {
		width: calc(100% - 16px);
		margin: 32px auto 0;
	}

	.main_question_update label.checkbox .text span {
		font-size: 15px;
	}

	.main_question_update .question_add_btn_box {
		width: calc(100% - 16px);
		margin: 32px auto 0 !important;
	}

	/* question_add_non_member */
	.main_question_add_non_member>.main_inner {
		padding: 16px 8px !important;
	}

	.main_question_add_non_member .question_row_box {
		flex-direction: column;
		gap: 0;
	}

	.main_question_add_non_member .question_input_row .label label {
		font-size: 15px;
	}

	.main_question_add_non_member .question_input_row .input input {
		font-size: 14px;
	}

	.main_question_add_non_member .question_input_row .input input::placeholder {
		font-size: 14px;
	}

	.main_question_add_non_member .terms_card {
		width: calc(100% - 16px);
		margin: 32px auto 0;
	}

	.main_question_add_non_member label.checkbox .text span {
		font-size: 15px;
	}

	.main_question_add_non_member .question_add_btn_box {
		width: calc(100% - 16px);
		margin: 32px auto 0 !important;
	}

	/* koras_review */
	.main_koras_review .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_koras_review .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_koras_review .filter_box .left .count {
		font-size: 13px;
	}

	.main_koras_review .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_koras_review .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.main_koras_review .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_koras_review .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_koras_review .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_koras_review .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_inner_koras_review1 {
		padding: 0 !important;
	}

	.main_inner_koras_review2 {
		padding: 0 !important;
	}

	.main_inner_koras_review2>div {
		overflow: hidden;
	}

	.main_koras_review .answer_after_box .head {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.main_koras_review .answer_after_box .flex_start {
		padding-left: 8px;
		padding-bottom: 8px;
		width: 100%;
		justify-content: space-between;
	}

	.main_koras_review .answer_after_box .cate {
		font-size: 12px;
		padding: 0;
		width: 70%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		;
	}

	.main_koras_review .answer_after_box .flex_start .color_secondary1 {
		font-size: 10px;
		display: none;
	}

	.main_koras_review .answer_after_box .flex_start .font13 {
		font-size: 10px;
	}

	.main_koras_review .answer_after_box .flex_center {
		width: 100%;
		padding-left: 8px;
		justify-content: space-between;
		gap: 8px;
		margin-bottom: 16px;
	}

	.main_koras_review .answer_after_box .flex_center .font13 {
		font-size: 12px;
	}

	.main_koras_review .answer_after_box .best_review_add {
		width: 120px;
		height: 32px;
		font-size: 13px;
	}

	.main_koras_review .answer_after_box .info {
		flex-direction: column;
		align-items: flex-start;
		padding-left: 0;
	}

	.main_koras_review .answer_after_box .info .user_box {
		padding-left: 8px;
	}

	.main_koras_review .answer_after_box .content {
		font-size: 13px;
		color: var(--gray3);
		padding: 8px 16px 20px 8px;
	}

	.main_koras_review .answer_after_box .tag_list {
		flex-wrap: wrap;
		padding: 0;
	}

	.main_koras_review .answer_after_box .tag_list li {
		font-size: 10px;
		line-height: 15px;
		padding: 4px 16px;
		flex: none;
	}

	.main_koras_review .answer_after_box .foot {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		height: auto;
		padding: 8px 0;
	}

	.main_koras_review .answer_after_box .foot .left .like_btn {
		font-size: 12px;
	}

	.main_koras_review .answer_after_box .foot .left a {
		font-size: 12px;
		text-decoration: none !important;
	}

	.main_koras_review .answer_after_box .foot .left .reply_btn {
		font-size: 12px;
	}

	.main_koras_review .answer_after_box .foot .right {
		font-size: 12px;
		padding-left: 8px;
	}

	.main_koras_review .commnet_box.reply_type {
		margin-left: 24px;
		margin-top: 16px;
		padding: 4px;
	}

	.main_koras_review .commnet_box.reply_type::before {
		width: 24px;
		height: 40px;
		left: -24px;
	}

	.main_koras_review .commnet_box.reply_type>.head {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 40px;
		padding: 8px;
	}

	.main_koras_review .commnet_box.reply_type>.head .user {
		font-size: 13px;
	}

	.main_koras_review .commnet_box.reply_type .content {
		padding: 8px 16px;
	}

	.main_koras_review .commnet_box.reply_type .foot {
		height: 40px;
		flex-direction: row;
		align-items: center;
		margin: 0;
		padding: 8px;
	}

	.main_koras_review .commnet_box.reply_type .foot .left {
		display: none;
	}

	.main_koras_review form[name='client_review_form'] {
		width: 100%;
	}

	.koras_review_tab_link_box {
		flex-direction: column;
		justify-content: flex-start !important;
		align-items: flex-start !important;
	}

	.koras_review_search_box {
		width: 100%;
		position: relative;
	}

	.koras_review_search_box select {
		position: absolute;
		left: 40px;
		margin-top: 4px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.koras_review_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 16px;
		display: block;
	}

	.koras_review_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	/* event */
	.main_event form[name='event_search_form'] {
		width: 100%;
	}

	.main_event .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_event .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_event .filter_box .left .count {
		font-size: 13px;
	}

	.main_event .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_event .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.main_event .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_event .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_event .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_event .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_inner_event1 {
		padding: 0 !important;
	}

	.main_inner_event2 {
		padding: 0 !important;
	}

	.event_tab_link_box {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.event_search_box {
		width: 100%;
		position: relative;
	}

	.event_search_box select {
		position: absolute;
		left: 40px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat right center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
		margin-top: 4px;
	}

	.event_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 16px;
		display: block;
	}

	.event_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.benefit_popup {
		display: block;
	}

	.benefit_popup .koras_layer_popup_card {
		width: 100%;
		padding: 0;
	}

	.benefit_popup .koras_layer_popup_card .body {
		max-height: calc(100svh - 40px);
		margin-bottom: 0 !important;
		padding: 16px 24px;
		overscroll-behavior: none;
	}

	.benefit_popup .koras_layer_popup_card #event_title {
		padding-right: 40px;
	}


	/* visit_consult_booking */
	.main_visit_consult_booking .main_inner {
		padding: 0;
	}

	.main_visit_consult_booking .bg_secondary1 {
		background-color: #fff;
	}

	.main_visit_consult_booking .koras_layer_popup {
		display: block;
	}

	.main_visit_consult_booking .koras_layer_popup_card {
		margin: 0 auto;
		width: 100%;
	}

	.main_visit_consult_booking .step_box_popup {
		max-width: 360px;
		margin: 0 auto;
		padding: 16px 24px;
	}

	.main_visit_consult_booking .step_box_popup li .img {
		width: 28px;
		height: 28px;
		font-size: 15px;
	}

	.main_visit_consult_booking .step_box_popup li .img img {
		width: 22px;
		height: 22px;
	}

	.main_visit_consult_booking .step_box_popup li .text {
		font-size: 11px;
	}

	.main_visit_consult_booking .step_box_popup li::before {
		left: -38px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body {
		padding: 16px 0;
		max-height: none !important;
		overflow: initial;
		height: auto !important;
		min-height: auto;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body>.py8.mb8 {
		padding: 8px 24px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body .py8.mb8 label {
		font-size: 15px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body .py8.mb8 input {
		font-size: 14px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body .py8.mb8 input::placeholder {
		font-size: 14px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body .py8.mb8 select {
		font-size: 14px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body .py8.mb8 label.radio .text {
		font-size: 14px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .body .py8.mb8 .file_input .text {
		font-size: 14px;
	}

	.main_visit_consult_booking .bn_input {
		justify-content: space-between;
	}

	.main_visit_consult_booking .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_visit_consult_booking .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_visit_consult_booking .custom_title {
		padding: 0 24px;
		margin-bottom: 16px;
	}

	.main_visit_consult_booking .card_content_head {
		width: calc(100% - 32px);
		margin: 0 auto;
	}

	.main_visit_consult_booking .terms_card .body {
		padding: 8px 16px;
	}

	/* date_time_popup */
	.date_time_popup {
		align-items: flex-start;
		overflow: auto;
	}

	.date_time_popup .koras_layer_popup_card {
		width: 100%;
	}

	.date_time_popup .secondary_box {
		font-size: 15px;
	}

	.date_time_popup .koras_layer_popup_card .body {
		padding: 16px;
		min-height: calc(100vh - 56px);
		min-height: calc(100svh - 56px);
	}

	.date_time_popup .p8>.font16 {
		font-size: 15px;
	}

	.date_time_popup .swiper-date-box {
		border: none;
		padding: 16px 0;
		height: 84px;
	}

	.date_time_popup .swiper-date-box .swiper-button-next {
		display: none;
	}

	.date_time_popup .swiper-date-box .swiper-button-prev {
		display: none;
	}

	.date_time_popup .popup_date_help_box {
		border-top: 1px solid var(--secondary2);
	}

	.date_time_popup .popup_date_help_box .text {
		font-size: 14px;
	}

	.date_time_popup .popup_time_box {
		padding: 16px 0;
		border: none;
	}

	.date_time_popup .popup_time_box .am {
		flex-direction: column;
	}

	.date_time_popup .popup_time_box .pm {
		flex-direction: column;
	}

	.date_time_popup .koras_layer_popup_card .foot {
		padding: 16px;
		padding-top: 0;
		gap: 8px;
		height: auto;
		background-color: var(--gray5);
	}

	.date_time_popup .koras_layer_popup_card .foot button {
		height: 40px;
		font-size: 14px;
		font-weight: 500;
	}

	/* expert_main */
	.main_expert_main>.main_inner {
		padding: 0;
	}

	.expert_home_tab {
		width: calc(100% - 32px);
		margin: 0 auto;
		justify-content: center;
		border-bottom: none;
	}

	.expert_home_tab li {
		flex: 1;
	}

	.expert_home_tab li a {
		font-size: 14px;
		padding: 12px 20px;
		border-bottom: 1px solid var(--secondary2);
		text-align: center;
		white-space: nowrap;
	}

	.mobile.side_profile_card {
		margin-bottom: 0;
	}

	.mobile.side_profile_card>.inner {
		padding: 8px 16px 24px 16px;
	}

	.mobile_expert_profile_head {
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile_expert_profile_head .title {
		font-size: 15px;
		font-weight: 400;
		
	}

	.mobile_expert_profile_head button {
		cursor: pointer;
		padding: 4px;
	}

	.mobile_expert_user_box {
		display: flex;
		gap: 4px;
		margin-bottom: 8px;
	}

	.mobile_expert_user_box .img {
		margin: 0;
		width: 54px;
		height: 54px;
	}

	.mobile_expert_user_box .name {
		text-align: left;
		font-size: 14px;
		line-height: 24px;
		height: 24px;
	}

	.mobile_expert_user_box .name span {
		font-size: 10px;
	}

	.mobile_expert_user_box .star {
		padding: 0;
		margin-bottom: 0;
	}

	.mobile_expert_user_box .star_side_box {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 8px;
	}

	.mobile_expert_user_box .star_side_box .star {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 24px;
	}

	.mobile_expert_user_box .star_side_box .star img {
		margin-left: -6px;
	}

	.mobile_expert_user_box .star_side_box .star img:first-child {
		margin-left: 0;
	}

	.mobile_expert_user_box .star_side_box .score {
		font-size: 12px;
		font-weight: 400;
		
		color: var(--gray2);
		line-height: 14px;
	}

	.expert_main_content {
		padding: 0 !important;
	}

	.expert_main_koras_activity {
		padding: 16px 24px 24px 24px !important;
		margin-bottom: 0 !important;
	}

	.expert_main_koras_activity .font16 {
		font-size: 15px;
	}

	.expert_main_koras_activity .activity_list {
		width: 100%;
		flex-wrap: wrap;
		gap: 0;
		padding: 10px 0;
	}

	.expert_main_koras_activity .activity_list li {
		width: 100%;
		max-width: 50%;
		height: 28px;
		text-align: left;
		flex: none;
		padding: 0 16px;
		justify-content: flex-start;
		font-size: 13px;
	}

	.expert_main_koras_activity .activity_list li::after {
		display: none;
	}

	.expert_main_koras_activity .activity_list li span {
		font-size: 13px;
	}

	.expert_main_hr {
		width: calc(100% - 32px);
		margin: 0 auto !important;
	}

	.expert_main_client_satisfy {
		padding: 16px 24px 24px 24px !important;
	}

	.expert_main_client_satisfy .satisfaction_box {
		padding: 8px;
		width: 100%;
	}

	.expert_main_client_satisfy .satisfaction_box .total .score {
		font-size: 16px;
	}

	.expert_main_client_satisfy .satisfaction_box .individual .item .label {
		flex: none;
	}

	.expert_main_client_satisfy .satisfaction_text_box {
		padding: 16px 0 !important;
		margin-bottom: 0 !important;
	}

	.expert_main_client_satisfy .satisfaction_text_list {
		padding: 0;
	}

	.expert_main_client_satisfy .satisfaction_text_list li {
		display: block;
	}

	.expert_main_client_satisfy .satisfaction_text_list li p:first-child {
		margin-bottom: 8px;
	}

	.expert_main_career_hr {
		margin-bottom: 0 !important;
	}

	.expert_main_career_box {
		padding: 16px 0 !important;
		margin: 0 !important;
	}

	.expert_main_career_box .font16 {
		font-size: 15px;
	}

	.expert_main_career_box .career_list li {
		padding: 8px;
	}

	.expert_main_career_box .career_list li .top .duration {
		font-size: 14px;
	}

	.expert_main_career_box .career_list li .top .position {
		font-size: 13px;
	}

	.expert_main_academy_hr {
		margin-bottom: 0 !important;
	}

	.expert_main_academy_box {
		padding: 16px 0 !important;
		margin: 0 !important;
	}

	.expert_main_academy_box .font16 {
		font-size: 15px;
	}

	.expert_main_academy_box .career_list li {
		padding: 8px;
	}

	.expert_main_academy_box .career_list li .top .duration {
		font-size: 14px;
	}

	.expert_main_academy_box .career_list li .top .position {
		font-size: 13px;
	}

	.expert_main_consult_hr {
		margin-bottom: 0 !important;
	}

	.expert_main_consult_box {
		padding: 16px 0 !important;
		margin: 0 !important;
	}

	.expert_main_consult_box .font16 {
		font-size: 15px;
	}

	.expert_main_consult_box a {
		font-size: 13px;
	}

	.expert_main_consult_box .consult_card_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.expert_main_consult_box .consult_card_list li a .title {
		font-size: 15px;
	}

	.expert_main_consult_box .consult_card_list li a .desc {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.expert_main_review_hr {
		margin-bottom: 0 !important;
	}

	.expert_main_review_box {
		padding: 16px 0 !important;
		margin: 0 !important;
	}

	.expert_main_review_box .font16 {
		font-size: 15px;
	}

	.expert_main_review_box a {
		font-size: 13px;
	}

	.expert_main_review_box .client_review_card_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.expert_main_review_box .client_review_card_list li a .cate {
		font-size: 12px;
	}

	.expert_main_review_box .client_review_card_list li a .info {
		flex-direction: column;
		align-items: flex-start;
	}

	.expert_main_review_box .client_review_card_list li a .info .score_box {
		padding: 6px 0;
	}

	.expert_main_review_box .client_review_card_list li a .info .user_box .text {
		font-size: 13px;
	}

	.expert_main_review_box .client_review_card_list li a .info .star_box {
		font-size: 10px;
	}

	.expert_main_review_box .client_review_card_list li a .content {
		font-size: 13px;
	}

	.expert_main_review_box .client_review_card_list li a .tag_list {
		flex-wrap: wrap;
	}

	.expert_main_review_box .client_review_card_list li a .tag_list li {
		font-size: 10px;
	}

	.review_step1 .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.review_step1 .koras_layer_popup_card .body {
		padding: 24px 16px 48px;
	}

	.review_step1 .pi_head .label label {
		font-size: 14px;
		padding-left: 0;
	}

	.review_step1 .pi_body input {
		font-size: 14px;
	}

	.review_step1 .pi_body input::placeholder {
		font-size: 14px;
	}

	.review_step1 .pi_body select {
		font-size: 14px;
	}

	.review_step2 .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.review_step2 .koras_layer_popup_card .body {
		padding: 24px 16px 48px;
	}

	.review_step2 .koras_layer_popup_question {
		font-size: 15px;
	}

	.review_step3 .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.review_step3 .koras_layer_popup_card .body {
		padding: 24px 16px 48px;
	}

	.review_step3 .koras_layer_popup_question {
		font-size: 15px;
	}

	.review_step4 .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.review_step4 .koras_layer_popup_card .body {
		padding: 24px 16px 48px;
	}

	.review_step4 .koras_layer_popup_question {
		font-size: 15px;
	}

	.review_step5 .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.review_step5 .koras_layer_popup_card .body {
		padding: 24px 16px 48px;
	}

	.review_step5 .koras_layer_popup_question {
		font-size: 15px;
	}

	.review_step6 .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.review_step6 .koras_layer_popup_card .body {
		padding: 24px 16px 48px;
	}

	.review_step6 .koras_layer_popup_question {
		font-size: 15px;
	}

	.review_step6 .koras_layer_popup_textarea textarea {
		font-size: 14px;
	}

	.review_step6 .koras_layer_popup_textarea textarea::placeholder {
		font-size: 14px;
	}


	/* expert_consult */
	.main_expert_consult>.main_inner {
		padding: 0;
	}

	.expert_consult_content>.p8 {
		padding: 0;
	}

	.main_expert_consult form[name='expert_consult_form'] {
		width: 100%;
	}

	.expert_consult_search_box {
		width: 100%;
		position: relative;
		margin-bottom: 0 !important;
	}

	.expert_consult_search_box select {
		position: absolute;
		left: 24px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.expert_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 16px;
		display: block;
	}

	.expert_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_expert_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_expert_consult .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_expert_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_expert_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_expert_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.main_expert_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_expert_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_expert_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_expert_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	/* expert_consult_add */
	.main_expert_consult_add>.main_inner {
		padding: 16px 8px;
	}

	.main_expert_consult_add .label label {
		font-size: 15px;
	}

	.main_expert_consult_add .input input {
		font-size: 14px;
	}

	.main_expert_consult_add .input input::placeholder {
		font-size: 14px;
	}

	.main_expert_consult_add .textarea textarea {
		font-size: 14px;
	}

	.main_expert_consult_add .textarea textarea::placeholder {
		font-size: 14px;
	}

	.main_expert_consult_add .terms_card {
		width: calc(100% - 16px);
		margin: 32px auto 0;
	}

	.main_expert_consult_add label.checkbox .text span {
		font-size: 15px;
	}

	.main_expert_consult_add .expert_consult_add_btn_box {
		width: calc(100% - 16px);
		margin: 32px auto 0 !important;
	}

	/* expert_consult_update */
	.main_expert_consult_update>.main_inner {
		padding: 0;
		padding-bottom: 80px;
	}

	.main_expert_consult_update .p8 label {
		font-size: 15px;
	}

	.main_expert_consult_update .text_input2 {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.main_expert_consult_update .text_input2::placeholder {
		font-size: 14px;
	}

	.main_expert_consult_update .textarea2 {
		font-size: 14px;
	}

	.main_expert_consult_update .textarea2::placeholder {
		font-size: 14px;
	}

	.main_expert_consult_update .expert_consult_add_btn_box {
		width: calc(100% - 16px);
		margin: 32px auto 0 !important;
	}

	/* expert_consult_detail */
	.main_expert_consult_detail>.main_inner {
		padding: 0;
	}

	.expert_consult_detail_content {
		padding: 0 !important;
	}

	.expert_consult_detail_content .bg_secondary1>div {
		padding: 16px;
	}

	.expert_consult_detail_content .compare_detail_card {
		padding: 16px 8px;
	}

	.expert_consult_detail_content .compare_detail_card .head {
		padding-left: 8px;
	}

	.expert_consult_detail_content .compare_detail_card .head>div:nth-child(1) {
		padding: 0;
	}

	.expert_consult_detail_content .compare_detail_card .head>div:nth-child(2) {
		padding: 8px;
		padding-left: 0;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.expert_consult_detail_content .compare_detail_card .head .title {
		display: flex;
		flex-direction: column;
		gap: 8px;
		font-size: 15px;
	}

	.expert_consult_detail_content .compare_detail_card .user_box {
		font-size: 13px;
	}

	.expert_consult_detail_content .compare_detail_card .body>div {
		padding: 0 8px;
	}

	.expert_consult_detail_content .expect_card {
		padding: 16px 8px;
	}

	.expert_consult_detail_content .expect_card>.head {
		padding: 0;
	}

	.expert_consult_detail_content .expect_card>.head img {
		padding: 8px;
		margin-right: 0;
	}

	.expert_consult_detail_content .expect_card>.head .title {
		font-size: 15px;
	}

	.expert_consult_detail_content .expect_card .commnet_box .user {
		font-size: 13px;
	}

	.expert_consult_detail_content .expect_card_comments>.head {
		padding: 8px;
	}

	.expert_consult_detail_content .expect_card_comments .reply_input_box {
		margin-bottom: 8px;
	}

	.expert_consult_detail_content label:has(input[type='checkbox']) {
		margin-bottom: 8px;
	}

	.main_expert_consult_detail .reply_input_box {
		margin: 8px 0;
	}

	.main_expert_consult_detail .reply_input_box textarea {
		height: 40px;
		margin: 0;
		line-height: 22px;
	}

	.main_expert_consult_detail .reply_input_box button {
		flex: none;
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_expert_consult_detail .reply_input_box button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_send.svg') no-repeat center center;
	}

	.expert_consult_detail_content .commnet_box>.foot {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}


	/* expert_client_review */
	.main_expert_client_review>.main_inner {
		padding: 0;
	}

	.expert_client_review_content {
		padding: 0 !important;
	}

	.expert_client_review_content .bg_secondary1 {
		overflow: hidden;
	}

	.expert_client_review_content .satisfaction_box .total .score {
		font-size: 16px;
	}

	.expert_client_review_content .satisfaction_box {
		width: 100%;
		padding: 8px 24px 8px 32px;
		margin-bottom: 8px;
		gap: 16px;
	}

	.expert_client_review_content .satisfaction_box li:after {
		right: -8px;
	}

	.expert_client_review_content .satisfaction_box .individual {
		flex: none;
	}

	.expert_client_review_content .satisfaction_box .individual .item .label {
		flex: none;
		font-size: 13px;
	}

	.expert_client_review_content .satisfaction_box .individual .item .score {
		font-size: 13px;
	}

	.expert_client_review_content .satisfaction_text_list {
		padding: 16px 8px;
	}

	.expert_client_review_content .satisfaction_text_list li {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.expert_client_review_content .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.expert_client_review_content .filter_box .left {
		padding: 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.expert_client_review_content .filter_box .left .count {
		font-size: 13px;
	}

	.expert_client_review_content .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.expert_client_review_content .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
		justify-content: center;
	}

	.expert_client_review_content .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.expert_client_review_content .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.expert_client_review_content .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.expert_client_review_content .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.expert_client_review_content .answer_after_box .cate {
		font-size: 12px;
	}

	.expert_client_review_content .answer_after_box .info {
		padding-left: 8px;
	}

	.expert_client_review_content .answer_after_box .info .user_box .text {
		font-size: 13px;
	}

	.expert_client_review_content .answer_after_box .info {
		flex-direction: column;
		align-items: flex-start;
	}

	.expert_client_review_content .answer_after_box .info .score_box {
		padding: 4px 0;
	}

	.expert_client_review_content .answer_after_box .content {
		font-size: 13px;
	}

	.expert_client_review_content .answer_after_box .tag_list {
		flex-wrap: wrap;
	}

	.expert_client_review_content .answer_after_box .tag_list li {
		font-size: 10px;
	}

	.expert_client_review_content .answer_after_box .foot {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		margin: 8px 0 0 0;
		height: auto;
	}

	.expert_client_review_content .answer_after_box .foot .left .like_btn {
		font-size: 12px;
	}

	.expert_client_review_content .answer_after_box .foot .right {
		font-size: 12px;
	}

	.expert_client_review_content .answer_after_box .reply_type {
		margin-top: 16px;
	}

	.expert_client_review_content .commnet_box.reply_type {
		width: calc(100% - 24px);
		margin-left: 24px;
	}

	.expert_client_review_content .commnet_box.reply_type::before {
		width: 24px;
		left: -24px;
	}

	.main_expert_client_review .white_btn {
		width: calc(100% - 32px) !important;
		margin: 16px auto;
		display: block;
	}

	.expert_client_review_content .answer_after_box .reply_type>.head .user {
		font-size: 13px;
	}

	.expert_client_review_content label:has(input[type='checkbox']) {
		margin-bottom: 8px;
	}

	.expert_client_review_content .reply_input_box {
		margin: 8px 0;
	}

	.expert_client_review_content .reply_input_box textarea {
		height: 40px;
		margin: 0;
		line-height: 22px;
	}

	.expert_client_review_content .reply_input_box button {
		flex: none;
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.expert_client_review_content .reply_input_box button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_send.svg') no-repeat center center;
	}

	/* expert_profile*/
	.main_expert_profile>.main_inner {
		padding: 0 8px 80px;
	}

	.main_expert_profile .p16:has(.expert_porfile_caution) {
		padding: 0;
		margin-bottom: 32px;
	}

	.expert_porfile_caution {
		text-align: center;
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.main_expert_profile .left_bottom label {
		font-size: 15px;
	}

	.main_expert_profile .left_bottom .text_input input {
		font-size: 14px;
	}

	.main_expert_profile .left_bottom .text_input input::placeholder {
		font-size: 14px;
	}

	.main_expert_profile .left_bottom .text_input~button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.main_expert_profile .left_bottom .expert_profile_career_box .text_input input {
		text-align: center;
	}

	.main_expert_profile .left_bottom .career_list li {
		padding: 0;
	}

	.main_expert_profile .left_bottom .career_list li .top .duration {
		font-size: 14px;
	}

	.main_expert_profile .left_bottom .career_list li .top .position {
		font-size: 13px;
	}

	.main_expert_profile .left_bottom .custom_textarea textarea {
		font-size: 14px;
	}

	.main_expert_profile .left_bottom .custom_textarea textarea::placeholder {
		font-size: 14px;
	}

	.rs_popup .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.rs_popup .koras_layer_popup_card .mx8 {
		margin: 0;
	}

	.rs_popup .koras_layer_popup_card .body {
		padding: 24px 16px 24px 16px;
	}

	.ps_popup .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.ps_popup .koras_layer_popup_card .mx8 {
		margin: 0;
	}

	.ps_popup .koras_layer_popup_card .body {
		padding: 24px 16px 24px 16px;
	}

	.career_popup {
		display: block;
	}

	.career_popup .koras_layer_popup_card {
		width: 100%;
	}

	.career_popup .koras_layer_popup_card .body {
		max-height: none;
		height: calc(100svh - 40px);
		margin-bottom: 0 !important;
		overscroll-behavior: none;
	}

	.career_popup .pi_head .label label {
		font-size: 15px;
	}

	.career_popup .pi_body input {
		font-size: 14px;
	}

	.career_popup .pi_body input::placeholder {
		font-size: 14px;
	}

	.career_popup .pi_body textarea {
		font-size: 14px;
	}

	.career_popup .pi_body textarea::placeholder {
		font-size: 14px;
	}

	.academic_popup {
		display: block;
	}

	.academic_popup .koras_layer_popup_card {
		width: 100%;
	}

	.academic_popup .koras_layer_popup_card .body {
		max-height: none;
		height: calc(100svh - 40px);
		margin-bottom: 0 !important;
		overscroll-behavior: none;
	}

	.academic_popup .pi_head .label label {
		font-size: 15px;
	}

	.academic_popup .pi_body input {
		font-size: 14px;
	}

	.academic_popup .pi_body input::placeholder {
		font-size: 14px;
	}

	.academic_popup .pi_body select {
		font-size: 14px;
	}

	/* mypage_basic_info */
	.main_mypage_basic_info>.inner {
		padding: 0;
	}

	.main_mypage_basic_info .mypage_form .content .content_head {
		border-bottom: none;
		padding: 0;
	}

	.main_mypage_basic_info .mypage_form .content .content_head p {
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		padding: 0;
		margin-bottom: 16px;
	}

	.main_mypage_basic_info .content_body>div {
		padding: 0;
		padding-bottom: 40px;
	}

	.main_mypage_basic_info .py8.px8.mb8 label {
		font-size: 15px;
	}

	.main_mypage_basic_info .py8.px8.mb8 input {
		font-size: 14px;
	}

	.main_mypage_basic_info .py8.px8.mb8 input::placeholder {
		font-size: 14px;
	}

	.main_mypage_basic_info .text_input+button {
		min-width: 80px;
		width: 80px !important;
		padding: 0;
		font-size: 14px;
		border-radius: 100vw !important;
	}

	.main_mypage_basic_info .timer {
		font-size: 14px;
	}

	.main_mypage_basic_info .timer+button {
		min-width: 80px;
		width: 80px !important;
		padding: 0;
		font-size: 14px;
		border-radius: 100vw !important;
	}

	/* mypage_password_change */
	.main_mypage_password_change {
		min-height: calc(100vh - 48px);
		min-height: calc(100svh - 48px);
	}

	.main_mypage_password_change>.inner {
		padding: 0;
	}

	.main_mypage_password_change .mypage_form .content .content_head {
		border-bottom: none;
		padding: 0;
	}

	.main_mypage_password_change .mypage_form .content .content_head p {
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		padding: 0;
		margin-bottom: 16px;
	}

	.main_mypage_password_change .content_body>div {
		padding: 0 16px 40px 16px;
	}

	.main_mypage_password_change label {
		font-size: 15px;
	}

	.main_mypage_password_change input::placeholder {
		font-size: 14px;
	}

	/* mypage_client_info */
	.main_mypage_client_info>.inner {
		padding: 0;
	}

	.main_mypage_client_info .mypage_form .content .content_head {
		border-bottom: none;
		padding: 0;
	}

	.main_mypage_client_info .mypage_form .content .content_head p {
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		padding: 0 16px;
		margin-bottom: 16px;
	}

	.main_mypage_client_info .mypage_form .content .content_body {
		padding: 0 16px 40px 16px;
	}

	.main_mypage_client_info .content_body>div {
		padding: 0;
		padding-bottom: 40px;
	}

	.main_mypage_client_info .py8.mb8 label {
		font-size: 15px;
	}

	.main_mypage_client_info .py8.mb8 input {
		font-size: 14px;
	}

	.main_mypage_client_info .py8.mb8 input::placeholder {
		font-size: 14px;
	}

	.main_mypage_client_info .text_input+button {
		min-width: 80px;
		width: 80px !important;
		padding: 0;
		font-size: 14px;
		border-radius: 100vw !important;
	}

	.main_mypage_client_info .file_input .text {
		font-size: 14px;
	}

	.main_mypage_client_info .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_mypage_client_info .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	/* mypage_client_my_consult */
	.main_mypage_client_my_consult .inner {
		padding: 16px 16px 40px 16px
	}

	.main_mypage_client_my_consult form[name="search_form"] {
		width: 100%;
	}

	.mypage_client_consult_search_box {
		width: 100%;
		position: relative;
	}

	.mypage_client_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.mypage_client_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.mypage_client_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_client_my_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_client_my_consult .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_client_my_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_client_my_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_client_my_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_client_my_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_client_my_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_client_my_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_client_my_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_client_my_consult .my_consult_list {
		grid-template-columns: repeat(1, 1fr);
		padding: 16px 0;
	}

	.main_mypage_client_my_consult .my_consult_list li a .head {
		flex-direction: column-reverse;
		gap: 8px;
		align-items: flex-start;
		margin-bottom: 0;
		padding-left: 0;
		height: auto;
	}

	.main_mypage_client_my_consult .my_consult_list li a .head .cate {
		padding-left: 8px;
		line-height: 24px;
	}

	.main_mypage_client_my_consult .my_consult_list li a .body .title {
		padding-left: 8px;
		font-size: 15px;
		line-height: 24px;
	}

	.main_mypage_client_my_consult .my_consult_list li a .foot {
		height: 32px;
		margin-bottom: 0;
	}

	/* mypage_client_visit_consult */
	.main_mypage_client_visit_consult .inner {
		padding: 16px 16px 40px 16px
	}

	.main_mypage_client_visit_consult form[name="search_form"] {
		width: 100%;
	}

	.mypage_client_visit_consult_search_box {
		width: 100%;
		position: relative;
	}

	.mypage_client_visit_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.mypage_client_visit_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.mypage_client_visit_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_client_visit_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_client_visit_consult .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_client_visit_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_client_visit_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_client_visit_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_client_visit_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_client_visit_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_client_visit_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_client_visit_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_client_visit_consult .visit_consult_list {
		grid-template-columns: repeat(1, 1fr);
		padding: 16px 0;
	}

	.main_mypage_client_visit_consult .visit_consult_list li .head .cate {
		font-size: 13px;
	}

	.main_mypage_client_visit_consult .visit_consult_list li .body .title {
		font-size: 15px;
	}

	/* mypage_client_visit_consult_detail */
	.main_mypage_client_visit_consult_detail>.inner {
		padding: 0;
	}

	.main_mypage_client_visit_consult_detail .koras_layer_popup_card {
		width: 100%;
	}

	.main_mypage_client_visit_consult_detail .mypage_form .content>div {
		padding: 0;
	}

	.main_mypage_client_visit_consult_detail div:has(.state_badge) div {
		font-size: 15px;
	}

	.main_mypage_client_visit_consult_detail .text_input.layer_popup_ver input {
		font-size: 14px;
	}

	.main_mypage_client_visit_consult_detail .layer_popup_btn {
		font-size: 14px;
	}

	.main_mypage_client_visit_consult_detail .layer_popup_text {
		font-size: 14px !important;
	}

	.booking_cancel_popup .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	/* mypage_client_service_status */
	.main_mypage_client_service_status>.inner {
		padding: 0 16px 40px 16px;
	}

	.main_mypage_client_service_status form[name="search_form"] {
		width: 100%;
	}

	.mypage_client_service_status_search_box {
		width: 100%;
		position: relative;
	}

	.mypage_client_service_status_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.mypage_client_service_status_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.mypage_client_service_status_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_client_service_status .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_client_service_status .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_client_service_status .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_client_service_status .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_client_service_status .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_client_service_status .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_client_service_status .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_client_service_status .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_client_service_status .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_client_service_status .my_service_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.main_mypage_client_service_status .my_service_list li .body .title {
		font-size: 15px;
	}

	/* mypage_client_service_status_detail */
	.main_mypage_client_service_status_detail>.inner {
		padding: 0;
		background-color: var(--secondary1);
	}

	.main_mypage_client_service_status_detail .service_detail_box {
		display: block;
		padding: 0;
	}

	.main_mypage_client_service_status_detail .step_box {
		background-color: #fff;
		width: 100%;
		border: none;
		padding: 16px 0;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
	}

	.main_mypage_client_service_status_detail .step_box li {
		margin-bottom: 0;
	}

	.main_mypage_client_service_status_detail .step_box li::before {
		left: -24px;
		top: 50%;
		transform: translateY(-50%) rotate(-90deg);
	}

	.main_mypage_client_service_status_detail .service_content_card {
		width: calc(100% - 32px);
		margin: 16px auto;
		background-color: #fff;
	}

	.main_mypage_client_service_status_detail .font16 {
		font-size: 15px;
	}

	.main_mypage_client_service_status_detail .layer_popup_text {
		font-size: 14px;
		overflow: hidden;
	}

	.main_mypage_client_service_status_detail button.dark[type='button'] {
		width: 40px !important;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_mypage_client_service_status_detail button.dark::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_download.svg') no-repeat center center;
	}

	.main_mypage_client_service_status_detail .service_explain {
		height: auto;
		line-height: 16px;
		padding: 4px 8px;
	}

	.main_mypage_client_service_status_detail .service_explain img {
		align-self: flex-start;
	}

	.contract_step1_popup.koras_layer_popup {
		display: block;
	}

	.contract_step1_popup .koras_layer_popup_card {
		width: 100%;
	}

	.contract_step1_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	.contract_step1_popup .file_input .text {
		font-size: 14px;
	}

	.contract_step1_popup .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.contract_step1_popup .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.contract_step2_popup.koras_layer_popup {
		display: block;
	}

	.contract_step2_popup .koras_layer_popup_card {
		width: 100%;
	}

	.contract_step2_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	.contract_step3_popup.koras_layer_popup {
		display: block;
	}

	.contract_step3_popup .koras_layer_popup_card {
		width: 100%;
	}

	.contract_step3_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	.contract_step4_popup.koras_layer_popup {
		display: block;
	}

	.contract_step4_popup .koras_layer_popup_card {
		width: 100%;
	}

	.contract_step4_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	.contarct_cancel_popup .koras_layer_popup_card {
		width: calc(100% - 32px);
		margin: auto;
		border-radius: 10px;
		overflow: hidden;
	}

	.service_review_request_popup.koras_layer_popup {
		display: block;
	}

	.service_review_request_popup .koras_layer_popup_card {
		width: 100%;
	}

	.service_review_request_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	/* mypage_review_pending */
	.main_mypage_review_pending>.inner {
		padding-bottom: 40px;
	}

	.main_mypage_review_pending .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_review_pending .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_review_pending .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_review_pending .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_review_pending .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_review_pending .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_review_pending .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_review_pending .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_review_pending .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_review_pending .review_pending_list {
		grid-template-columns: repeat(1, 1fr);
		padding: 16px 0;
	}

	.main_mypage_review_pending .review_pending_list li .head .cate {
		font-size: 13px;
	}

	.main_mypage_review_pending .review_pending_list li .body .title {
		font-size: 15px;
	}

	/* mypage_review_add */
	.main_mypage_review_add .m_review_wrap {
		padding: 0 24px;
		background-color: #fff;
	}

	.main_mypage_review_add .m_review_wrap>div {
		padding: 8px 0;
	}

	.main_mypage_review_add .review_card {
		padding: 0;
	}

	.main_mypage_review_add .review_card .pt8.px16.pb16 {
		padding: 0 !important;
	}

	.main_mypage_review_add .review_card .info {
		width: 100%;
		margin-bottom: 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		border-radius: 10px;
	}

	.main_mypage_review_add .review_card .question>.title {
		font-size: 15px;
		line-height: 24px;
		padding: 8px;
	}

	.main_mypage_review_add .item_box {
		display: block;
		height: auto;
		border-radius: 10px;
		padding: 16px;
	}

	.main_mypage_review_add .item_box:last-child {
		margin-bottom: 24px;
	}

	.main_mypage_review_add .review_card .question .item_box .title {
		font-size: 14px;
		padding: 0 8px;
		margin-bottom: 8px;
	}

	.main_mypage_review_add .question>.pt8.px16.pb32 {
		padding: 0;
	}

	.main_mypage_review_add label.radio.star .text {
		font-size: 14px;
	}

	.main_mypage_review_add .item_box .grade label:last-child {
		margin-bottom: 0;
	}

	.main_mypage_review_add .client_good_box {
		margin-bottom: 24px;
	}

	.main_mypage_review_add .client_good_box>div {
		flex-direction: column;
		padding: 0 16px;
	}

	/* mypage_review_event_add */
	.main_mypage_review_event_add {
		padding-bottom: 40px;
	}

	.main_mypage_review_event_add .main_inner {
		padding: 0 24px;
		background-color: #fff;
	}

	.main_mypage_review_event_add .main_inner>div {
		padding: 8px 0;
	}

	.main_mypage_review_event_add .review_card {
		padding: 0;
	}

	.main_mypage_review_event_add .review_card .pt8.px16.pb16 {
		padding: 0 !important;
	}

	.main_mypage_review_event_add .review_card .info {
		width: 100%;
		margin-bottom: 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		border-radius: 10px;
	}

	.main_mypage_review_event_add .review_card .question>.title {
		font-size: 15px;
		line-height: 24px;
		padding: 8px;
	}

	.main_mypage_review_event_add .item_box {
		display: block;
		height: auto;
		border-radius: 10px;
		padding: 16px;
	}

	.main_mypage_review_event_add .item_box:last-child {
		margin-bottom: 24px;
	}

	.main_mypage_review_event_add .review_card .question .item_box .title {
		font-size: 14px;
		padding: 0 8px;
		margin-bottom: 8px;
	}

	.main_mypage_review_event_add .question>.pt8.px16.pb32 {
		padding: 0;
	}

	.main_mypage_review_event_add label.radio.star .text {
		font-size: 14px;
	}

	.main_mypage_review_event_add .item_box .grade label {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.main_mypage_review_event_add .item_box .grade label:last-child {
		margin-bottom: 0;
	}

	.main_mypage_review_event_add .client_good_box {
		margin-bottom: 24px;
	}

	.main_mypage_review_event_add .client_good_box>div {
		flex-direction: column;
		padding: 0 16px;
	}

	.main_mypage_review_event_add .only_my_post_box {
		font-size: 14px;
	}

	.main_mypage_review_event_add .card_content_head .text .font16 {
		font-size: 15px;
	}

	/* mypage_review_update */
	.main_mypage_review_update .m_review_wrap {
		padding: 0 24px;
		background-color: #fff;
	}

	.main_mypage_review_update .bg_secondary1 {
		background-color: #fff;
	}

	.main_mypage_review_update .m_review_wrap>div {
		padding: 8px 0;
	}

	.main_mypage_review_update .review_card {
		padding: 0;
	}

	.main_mypage_review_update .review_card .pt8.px16.pb16 {
		padding: 0 !important;
	}

	.main_mypage_review_update .review_card .info {
		width: 100%;
		margin-bottom: 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		border-radius: 10px;
	}

	.main_mypage_review_update .review_card .question>.title {
		font-size: 15px;
		line-height: 24px;
		padding: 8px;
	}

	.main_mypage_review_update .item_box {
		display: block;
		height: auto;
		border-radius: 10px;
		padding: 16px;
	}

	.main_mypage_review_update .item_box:last-child {
		margin-bottom: 24px;
	}

	.main_mypage_review_update .review_card .question .item_box .title {
		font-size: 14px;
		padding: 0 8px;
		margin-bottom: 8px;
	}

	.main_mypage_review_update .question>.pt8.px16.pb32 {
		padding: 0;
	}

	.main_mypage_review_update label.radio.star .text {
		font-size: 14px;
	}

	.main_mypage_review_update .item_box .grade label {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.main_mypage_review_update .item_box .grade label:last-child {
		margin-bottom: 0;
	}

	.main_mypage_review_update .client_good_box {
		margin-bottom: 24px;
	}

	.main_mypage_review_update .client_good_box>div {
		flex-direction: column;
		padding: 0 16px;
	}

	/* mypage_review_written */
	.main_mypage_review_written>.inner {
		padding-bottom: 40px;
	}

	.main_mypage_review_written .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_review_written .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_review_written .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_review_written .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_review_written .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_review_written .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_review_written .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_review_written .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_review_written .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_review_written .review_written_list>li {
		padding: 16px 16px 20px 16px;
	}

	.main_mypage_review_written .review_written_list li .review_title {
		height: 32px;
		margin-bottom: 0;
	}

	.main_mypage_review_written .review_written_list li .review_title .right {
		width: 24px;
		height: 24px;
	}

	.main_mypage_review_written .review_written_list li .review_title .cate {
		font-size: 12px;
	}

	.main_mypage_review_written .review_written_list li .review_title .expert {
		font-size: 11px;
	}

	.main_mypage_review_written .review_written_list li .review_info {
		flex-wrap: wrap;
		height: auto;
	}

	.main_mypage_review_written .review_written_list li .review_info .user {
		width: 100%;
		margin-right: 0;
	}

	.main_mypage_review_written .review_written_list li .review_info .star {
		height: 32px;
	}

	.main_mypage_review_written .review_written_list li .review_info .score {
		height: 32px;
	}

	.main_mypage_review_written .review_written_list li .review_content {
		color: var(--gray3);
		line-height: 20px;
		font-size: 13px;
		font-weight: 400;
	}

	.main_mypage_review_written .review_tag_list {
		flex-wrap: wrap;
	}

	.main_mypage_review_written .review_tag_list li {
		font-size: 10px;
		flex: none;
	}

	.review_foot_info {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 4px;
		height: auto;
		padding: 0;
	}

	.review_foot_info .review_date {
		padding: 0 8px;
	}

	.review_others .group .text {
		font-size: 12px;
	}

	.review_date .ymd {
		font-size: 12px;
	}

	.review_date .time {
		font-size: 12px;
	}

	/* mypage_transaction */
	.main_mypage_transaction>.inner {
		padding-bottom: 40px;
	}

	.main_mypage_transaction .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_transaction .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_transaction .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_transaction .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_transaction .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_transaction .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_transaction .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_transaction .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_transaction .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_transaction .my_service_list {
		grid-template-columns: repeat(1, 1fr);
		padding: 16px 0;
	}

	.main_mypage_transaction .my_service_list li .head .cate {
		font-size: 13px;
	}

	.main_mypage_transaction .my_service_list li .body .title {
		font-size: 15px;
	}

	.transaction_detail_popup.koras_layer_popup {
		display: block;
	}

	.transaction_detail_popup .koras_layer_popup_card {
		width: 100%;
	}

	.transaction_detail_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	.transaction_statement_popup.koras_layer_popup {
		display: block;
	}

	.transaction_statement_popup .koras_layer_popup_card {
		width: 100%;
	}

	.transaction_statement_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
	}

	/* mypage_expert_info */
	.main_mypage_expert_info>.inner {
		padding: 0;
	}

	.main_mypage_expert_info .mypage_form .content .content_head {
		border-bottom: none;
		padding: 0;
	}

	.main_mypage_expert_info .mypage_form .content .content_head p {
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		padding: 0 16px;
		margin-bottom: 16px;
	}

	.main_mypage_expert_info .mypage_form .content .content_body {
		padding: 0 16px 40px 16px;
	}

	.main_mypage_expert_info .content_body>div {
		padding: 0;
		padding-bottom: 40px;
	}

	.main_mypage_expert_info .py8.mb8 label {
		font-size: 15px;
	}

	.main_mypage_expert_info .py8.mb8 input {
		font-size: 14px;
	}

	.main_mypage_expert_info .py8.mb8 input::placeholder {
		font-size: 14px;
	}

	.main_mypage_expert_info .text_input+button {
		min-width: 80px;
		width: 80px !important;
		padding: 0;
		font-size: 14px;
		border-radius: 100vw !important;
	}

	.main_mypage_expert_info .file_input .text {
		font-size: 14px;
	}

	.main_mypage_expert_info .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_mypage_expert_info .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	/* mypage_expert_info_update */
	.main_mypage_expert_info_update>.inner {
		padding: 0;
	}

	.main_mypage_expert_info_update .mypage_form .content .content_head {
		border-bottom: none;
		padding: 0;
	}

	.main_mypage_expert_info_update .mypage_form .content .content_head p {
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		padding: 0 16px;
		margin-bottom: 16px;
	}

	.main_mypage_expert_info_update .mypage_form .content .content_body {
		padding: 0 16px 40px 16px;
	}

	.main_mypage_expert_info_update .content_body>div {
		padding: 0;
		padding-bottom: 40px;
	}

	.main_mypage_expert_info_update .py8.mb8 label {
		font-size: 15px;
	}

	.main_mypage_expert_info_update .py8.mb8 input {
		font-size: 14px;
	}

	.main_mypage_expert_info_update .py8.mb8 input::placeholder {
		font-size: 14px;
	}

	.main_mypage_expert_info_update .text_input+button {
		min-width: 80px;
		width: 80px !important;
		padding: 0;
		font-size: 14px;
		border-radius: 100vw !important;
	}

	.main_mypage_expert_info_update .file_input .text {
		font-size: 14px;
	}

	.main_mypage_expert_info_update .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_mypage_expert_info_update .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	/* mypage__my_consult */
	.main_mypage_expert_my_consult .inner {
		padding: 16px 16px 40px 16px
	}

	.main_mypage_expert_my_consult form[name="search_form"] {
		width: 100%;
	}

	.mypage_client_consult_search_box {
		width: 100%;
		position: relative;
	}

	.mypage_client_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.mypage_client_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.mypage_client_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_expert_my_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_expert_my_consult .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_expert_my_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_expert_my_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_expert_my_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_expert_my_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_expert_my_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_expert_my_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_expert_my_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_expert_my_consult .my_consult_list {
		grid-template-columns: repeat(1, 1fr);
		padding: 16px 0;
	}

	.main_mypage_expert_my_consult .my_consult_list li a .head {
		flex-direction: column-reverse;
		gap: 8px;
		align-items: flex-start;
		margin-bottom: 0px;
		height: auto;
		padding-left: 0;
	}

	.main_mypage_expert_my_consult .my_consult_list li a .head .cate {
		padding-left: 8px;
		line-height: 24px;
	}

	.main_mypage_expert_my_consult .my_consult_list li a .body .title {
		padding-left: 8px;
		font-size: 15px;
		line-height: 24px;
	}

	/* mypage_expert_visit_consult */
	.main_mypage_expert_visit_consult .inner {
		padding: 16px 16px 40px 16px
	}

	.main_mypage_expert_visit_consult form[name="search_form"] {
		width: 100%;
	}

	.mypage_expert_visit_consult_search_box {
		width: 100%;
		position: relative;
	}

	.mypage_expert_visit_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.mypage_expert_visit_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.mypage_expert_visit_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_expert_visit_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_expert_visit_consult .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_expert_visit_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_expert_visit_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_expert_visit_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_expert_visit_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_expert_visit_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_expert_visit_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_expert_visit_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_expert_visit_consult .visit_consult_list {
		grid-template-columns: repeat(1, 1fr);
		padding: 16px 0;
	}

	.main_mypage_expert_visit_consult .visit_consult_list li .head .cate {
		font-size: 13px;
	}

	.main_mypage_expert_visit_consult .visit_consult_list li .body .title {
		font-size: 15px;
	}

	/* mypage_expert_visit_consult_detail */
	.main_mypage_expert_visit_consult_detail>.inner {
		padding: 0;
	}

	.main_mypage_expert_visit_consult_detail .koras_layer_popup_card .body {
		padding: 24px 8px 80px;
	}

	.main_mypage_expert_visit_consult_detail .koras_layer_popup_card {
		width: 100%;
	}

	.main_mypage_expert_visit_consult_detail .mypage_form .content>div {
		padding: 0;
	}

	.main_mypage_expert_visit_consult_detail div:has(.state_badge) div {
		font-size: 15px;
	}

	.main_mypage_expert_visit_consult_detail .text_input.layer_popup_ver input {
		font-size: 14px;
	}

	.main_mypage_expert_visit_consult_detail .layer_popup_btn {
		font-size: 14px;
	}

	.main_mypage_expert_visit_consult_detail .layer_popup_text {
		font-size: 14px !important;
	}

	/* mypage_expert_service_status */
	.main_mypage_expert_service_status>.inner {
		padding: 0 16px 40px 16px;
	}

	.main_mypage_expert_service_status form[name="search_form"] {
		width: 100%;
	}

	.mypage_expert_service_status_search_box {
		width: 100%;
		position: relative;
	}

	.mypage_expert_service_status_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.mypage_expert_service_status_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.mypage_expert_service_status_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_expert_service_status .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_expert_service_status .filter_box .left {
		padding: 4px 0 4px 8px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_expert_service_status .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_expert_service_status .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_expert_service_status .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_expert_service_status .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_expert_service_status .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_expert_service_status .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_expert_service_status .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_expert_service_status .my_service_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.main_mypage_expert_service_status .my_service_list li .body .title {
		font-size: 15px;
	}


	.contract_check_popup.koras_layer_popup {
		display: block;
	}

	.contract_check_popup .koras_layer_popup_card {
		width: 100%;
	}

	.contract_check_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
		padding: 24px 16px 40px;
	}

	.contract_check_popup .koras_layer_popup_card .body .inner_card {
		padding: 16px 0;
	}

	/* mypage_expert_service_status_detail */
	.main_mypage_expert_service_status_detail>.inner {
		padding: 0;
		background-color: var(--secondary1);
	}

	.main_mypage_expert_service_status_detail .service_detail_box {
		display: block;
		padding: 0;
	}

	.main_mypage_expert_service_status_detail .step_box {
		background-color: #fff;
		width: 100%;
		border: none;
		padding: 16px 0;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
	}

	.main_mypage_expert_service_status_detail .step_box li {
		margin-bottom: 0;
	}

	.main_mypage_expert_service_status_detail .step_box li::before {
		left: -24px;
		top: 50%;
		transform: translateY(-50%) rotate(-90deg);
	}

	.main_mypage_expert_service_status_detail .service_content_card {
		width: calc(100% - 32px);
		margin: 16px auto;
		background-color: #fff;
	}

	.main_mypage_expert_service_status_detail .font16 {
		font-size: 15px;
	}

	.main_mypage_expert_service_status_detail .layer_popup_text {
		font-size: 14px;
		overflow: hidden;
	}

	.main_mypage_expert_service_status_detail button.dark[type='button'] {
		width: 40px !important;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_mypage_expert_service_status_detail button.dark::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_download.svg') no-repeat center center;
	}

	.main_mypage_expert_service_status_detail .service_explain {
		height: auto;
		line-height: 16px;
		padding: 4px 8px;
	}

	.main_mypage_expert_service_status_detail .service_explain img {
		align-self: flex-start;
	}

	/* mypage_revenue_profit */
	.main_mypage_revenue_profit>.inner {
		padding: 0;
	}

	.main_mypage_revenue_profit .profit_list {
		width: calc(100% - 32px);
		margin: 0 auto 16px;
		padding: 8px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_revenue_profit .profit_list li {
		padding: 0;
	}

	.main_mypage_revenue_profit .profit_list li .title {
		font-size: 11px;
		text-align: center;
	}

	.main_mypage_revenue_profit .profit_list li .content {
		font-size: 12px;
		text-align: center;
	}

	.main_mypage_revenue_profit .account_info {
		width: calc(100% - 32px);
		margin: 8px auto 0;
	}

	.main_mypage_revenue_profit .account_info .list {
		flex-wrap: wrap;
	}

	.main_mypage_revenue_profit .account_info .list li:nth-child(3) {
		width: 100%;
	}

	.main_mypage_revenue_profit .revenue_profit_tab {
		padding: 8px 16px;
	}

	.main_mypage_revenue_profit .revenue_profit_tab a {
		line-height: 28px;
	}

	.profit_content_wrap {
		background-color: var(--secondary1);
		overflow: hidden;
		padding: 16px;
	}

	.main_mypage_revenue_profit .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_revenue_profit .filter_box .left {
		padding: 4px 16px 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_revenue_profit .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_revenue_profit .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_revenue_profit .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_revenue_profit .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_revenue_profit .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_revenue_profit .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_revenue_profit .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_revenue_profit .date_filter {
		width: 100%;
	}

	.main_mypage_revenue_profit .date_filter input {
		width: 100%;
		height: 40px;
		font-size: 15px;
		line-height: 38px;
		display: inline-block;
	}

	.main_mypage_revenue_profit .date_filter_start_date {
		width: calc(100% - 32.68px);
	}

	.main_mypage_revenue_profit .date_filter_end_date {
		width: 100%;
	}

	.main_mypage_revenue_profit .date_search_box {
		width: calc(100% - 32px);
		margin: auto;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 8px;
		gap: 16px;
	}

	.main_mypage_revenue_profit .expert_search_box {
		width: 100%;
		position: relative;
	}

	.main_mypage_revenue_profit .expert_search_box input {
		width: 100%;
		height: 40px;
		border: none;
		background-color: var(--gray5);
		font-size: 14px;
	}

	.main_mypage_revenue_profit .expert_search_box button {
		position: absolute;
		right: 8px;
		top: 50%;
		border: none;
		background-color: transparent;
		cursor: pointer;
		transform: translateY(-50%);
	}

	/* mypage_revenue_withdraw */
	.main_mypage_revenue_withdraw>.inner {
		padding: 0;
	}

	.main_mypage_revenue_withdraw .profit_list {
		width: calc(100% - 32px);
		margin: 0 auto 16px;
		padding: 8px;
		border: none;
		background-color: var(--gray5);
	}

	.main_mypage_revenue_withdraw .profit_list li {
		padding: 0;
	}

	.main_mypage_revenue_withdraw .profit_list li .title {
		font-size: 11px;
		text-align: center;
	}

	.main_mypage_revenue_withdraw .profit_list li .content {
		font-size: 12px;
		text-align: center;
	}

	.main_mypage_revenue_withdraw .account_info {
		width: calc(100% - 32px);
		margin: 8px auto 0;
	}

	.main_mypage_revenue_withdraw .account_info .list {
		flex-wrap: wrap;
	}

	.main_mypage_revenue_withdraw .account_info .list li:nth-child(3) {
		width: 100%;
	}

	.main_mypage_revenue_withdraw .revenue_profit_tab {
		padding: 8px 16px;
	}

	.main_mypage_revenue_withdraw .revenue_profit_tab a {
		line-height: 28px;
	}

	.withdraw_content_wrap {
		background-color: var(--secondary1);
		overflow: hidden;
		padding: 16px;
	}


	.main_mypage_revenue_withdraw .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_mypage_revenue_withdraw .filter_box .left {
		padding: 4px 16px 4px 16px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_mypage_revenue_withdraw .filter_box .left .count {
		font-size: 13px;
	}

	.main_mypage_revenue_withdraw .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_mypage_revenue_withdraw .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_mypage_revenue_withdraw .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_mypage_revenue_withdraw .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_mypage_revenue_withdraw .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_mypage_revenue_withdraw .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_mypage_revenue_withdraw .date_filter {
		width: 100%;
	}

	.main_mypage_revenue_withdraw .date_filter input {
		width: 100%;
		height: 40px;
		font-size: 15px;
	}

	.main_mypage_revenue_withdraw .date_filter_start_date {
		width: calc(100% - 32.68px);
	}

	.main_mypage_revenue_withdraw .date_filter_end_date {
		width: 100%;
	}

	.main_mypage_revenue_withdraw .date_search_box {
		width: calc(100% - 32px);
		margin: auto;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 8px;
		gap: 16px;
	}

	.main_mypage_revenue_withdraw .expert_search_box {
		width: 100%;
		position: relative;
	}

	.main_mypage_revenue_withdraw .expert_search_box input {
		width: 100%;
		height: 40px;
		border: none;
		background-color: var(--gray5);
		font-size: 14px;
	}

	.main_mypage_revenue_withdraw .expert_search_box button {
		position: absolute;
		right: 8px;
		top: 50%;
		border: none;
		background-color: transparent;
		cursor: pointer;
		transform: translateY(-50%);
	}

	.withdrawal_register_popup.koras_layer_popup {
		display: block;
	}

	.withdrawal_register_popup .koras_layer_popup_card {
		width: 100%;
	}

	.withdrawal_register_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
		padding: 24px 16px 40px;
	}

	.withdrawal_register_popup .koras_layer_popup_card .body .inner_card {
		padding: 16px 0;
	}

	.withdrawal_popup.koras_layer_popup {
		display: block;
	}

	.withdrawal_popup .koras_layer_popup_card {
		width: 100%;
	}

	.withdrawal_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
		padding: 24px 16px 40px;
	}

	.withdrawal_popup .koras_layer_popup_card .body .inner_card {
		padding: 16px;
	}

	.withdrawal_agree_popup.koras_layer_popup {
		display: block;
	}

	.withdrawal_agree_popup .koras_layer_popup_card {
		width: 100%;
	}

	.withdrawal_agree_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
		padding: 24px 16px 40px;
	}

	.withdrawal_agree_popup .koras_layer_popup_card .body .inner_card {
		padding: 16px 0;
	}

	.report_popup .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.report_popup .koras_layer_popup_card .body {
		padding: 16px;
	}

	.profit_popup .koras_layer_popup_card {
		width: calc(100% - 32px);
		border-radius: 10px;
		overflow: hidden;
	}

	.profit_popup .koras_layer_popup_card .body {
		padding: 16px;
	}

	.profit_popup .koras_layer_popup_card .body .p8 {
		padding: 0;
	}

	.profit_popup .koras_layer_popup_card .body .title {
		margin-bottom: 16px;
	}

	/* mypage_revenue_withdraw_detail */
	.main_mypage_revenue_withdraw_detail {
		background-color: var(--secondary1);
		padding: 16px;
	}

	.main_mypage_revenue_withdraw_detail>.inner {
		background-color: #fff;
		padding: 16px;
		border-radius: 10px;
	}

	.main_mypage_revenue_withdraw_detail .flex_between .font16 {
		font-size: 15px;
	}

	.main_mypage_revenue_withdraw_detail .text_list li {
		grid-template-columns: 100px 1fr;
	}

	.main_mypage_revenue_withdraw_detail .text_list .title {
		font-size: 13px;
		width: 100%;
		padding: 12px;
	}

	.main_mypage_revenue_withdraw_detail .text_list .content {
		padding: 12px;
	}

	/* mypage_schedule */
	.main_mypage_schedule {
		background-color: var(--secondary1);
		padding: 16px;
	}

	.main_mypage_schedule>.inner {
		padding: 0;
	}

	.main_mypage_schedule .schedule_manage_wrap {
		flex-direction: column;
	}

	.preview_booking {
		margin-top: 0;
		width: 100%;
		border: none;
		border-radius: 10px;
	}

	.schedule_time_popup .koras_layer_popup_card {
		border-radius: 10px;
		overflow: hidden;
	}

	/* mypage_schedule_setting */
	.main_mypage_schedule_setting {
		background-color: var(--secondary1);
		padding: 16px;
	}

	.main_mypage_schedule_setting>.inner {
		padding: 0;
	}

	.main_mypage_schedule_setting .schedule_edit_wrap {
		flex-direction: column;
	}

	/* km_koras_visit_consult */
	.main_km_koras_visit_consult .bg_secondary1 {
		padding-bottom: 80px;
	}

	.km_tab_search_box {
		flex-direction: column;
		padding-bottom: 16px;
		gap: 16px;
	}

	.main_km_koras_visit_consult form[name='koras_visit_form'] {
		width: 100%;
	}

	.km_koras_visit_consult_search_box {
		width: 100%;
		position: relative;
		margin-bottom: 0 !important;
	}

	.km_koras_visit_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.km_koras_visit_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.km_koras_visit_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_km_koras_visit_consult .filter_box_wrap {
		padding: 0 !important;
	}

	.main_km_koras_visit_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
		border-radius: 0;
	}

	.main_km_koras_visit_consult .filter_box .left {
		padding: 4px 16px 4px 24px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_km_koras_visit_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_km_koras_visit_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_km_koras_visit_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_km_koras_visit_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_km_koras_visit_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_km_koras_visit_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_km_koras_visit_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_km_koras_visit_consult .admin_select_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_km_koras_visit_consult .admin_select_box .left {
		padding: 8px 0 8px 0;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_km_koras_visit_consult .admin_select_box .left .count {
		font-size: 13px;
	}

	.main_km_koras_visit_consult .admin_select_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_km_koras_visit_consult .admin_select_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_km_koras_visit_consult .admin_select_box .right .buttons li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_km_koras_visit_consult .admin_select_btn {
		width: 24px;
		height: 24px;
		cursor: pointer;
		position: relative;
	}

	.main_km_koras_visit_consult .admin_select_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_km_koras_visit_consult .admin_select_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_km_koras_visit_consult .card_wrap {
		padding: 16px;
	}

	.main_km_koras_visit_consult .card_wrap>div {
		grid-template-columns: repeat(1, 1fr);
	}

	.main_km_koras_visit_consult .card_wrap .compare_card .body .title {
		font-size: 15px;
	}

	.main_km_koras_visit_consult .card_wrap .compare_card .body .content {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.main_km_koras_visit_consult .card_wrap .compare_card .body .content li .content_label {
		flex: none;
		align-self: flex-start;
	}

	.main_km_koras_visit_consult .card_wrap .compare_card .body .content li::after {
		top: 4px;
		transform: none;
	}

	/* km_koras_visit_consult_detail */
	.main_km_koras_visit_consult_detail .main_inner {
		padding: 16px;
	}

	.main_km_koras_visit_consult_detail .head_top {
		padding: 0 !important;
	}

	.main_km_koras_visit_consult_detail .head_top .title {
		display: flex;
		flex-direction: column;
		line-height: 24px;
	}

	.main_km_koras_visit_consult_detail .head_top .title .badge {
		font-size: 11px;
		line-height: 22px;
		padding: 0 16px;
		width: fit-content;
		margin-bottom: 8px;
		margin-right: 0;
		height: 24px;
	}

	.main_km_koras_visit_consult_detail .head_top .title .cate {
		margin-left: 0;
	}

	.main_km_koras_visit_consult_detail .head_bottom {
		flex-direction: column;
		align-items: flex-start;
		padding: 8px 0 !important;
		gap: 8px;
	}

	.main_km_koras_visit_consult_detail .user_box {
		font-size: 13px;
		color: var(--gray3);
	}

	.main_km_koras_visit_consult_detail .user_box span {
		flex: none;
	}

	.main_km_koras_visit_consult_detail .body .font16 {
		font-size: 15px;
	}

	.main_km_koras_visit_consult_detail .body>.flex_between {
		padding: 8px;
		margin-bottom: 0;
	}

	.main_km_koras_visit_consult_detail .text_list li {
		grid-template-columns: 100px 1fr;
	}

	.main_km_koras_visit_consult_detail .text_list .title {
		width: 100%;
		padding: 4px;
	}

	.main_km_koras_visit_consult_detail .text_list .content {
		padding: 12px;
		word-break: break-all;
	}

	.main_km_koras_visit_consult_detail .text_list .content .flex_between {
		flex-direction: column;
		align-items: flex-start;
	}

	.main_km_koras_visit_consult_detail .text_list .content .flex_between input {
		font-size: 14px;
	}

	.main_km_koras_visit_consult_detail .text_list .content .flex_between .color_primary1 {
		line-height: 32px;
	}

	.main_km_koras_visit_consult_detail .text_list .content .flex_between .color_gray4 {
		margin-right: 4px;
	}

	.main_km_koras_visit_consult_detail .route_detail_box {
		gap: 16px;
	}

	.main_km_koras_visit_consult_detail .expert_detail_box {
		gap: 16px;
	}

	.main_km_koras_visit_consult_detail .white_btn {
		width: 98px;
	}

	.main_km_koras_visit_consult_detail .permission_detail_box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.main_km_koras_visit_consult_detail .permission_detail_box .color_primary1 {
		line-height: 24px !important;
	}

	.main_km_koras_visit_consult_detail .permission_detail_box .white_btn {
		margin-left: 0;
	}

	.main_km_koras_visit_consult_detail .business_detail_box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.main_km_koras_visit_consult_detail .business_detail_box .white_btn {
		margin-left: 0;
	}

	.main_km_koras_visit_consult_detail .area_detail_box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.main_km_koras_visit_consult_detail .area_detail_box .white_btn {
		margin-left: 0;
	}

	.main_km_koras_visit_consult_detail .offine_box {
		gap: 8px;
	}

	.main_km_koras_visit_consult_detail .expect_card>.head {
		padding: 8px;
	}

	.main_km_koras_visit_consult_detail .expect_card>.head .title {
		font-size: 16px;
	}

	.offline_contract_popup.koras_layer_popup {
		display: block;
	}

	.offline_contract_popup .koras_layer_popup_card {
		width: 100%;
	}

	.offline_contract_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
		padding: 24px 16px 40px;
	}

	.offline_contract_popup .koras_layer_popup_card .body .inner_card {
		padding: 16px 0;
	}

	/* km_koras_expert_visit_consult */
	.main_km_expert_visit_consult .bg_secondary1 {
		padding-bottom: 80px;
	}

	.main_km_expert_visit_consult form[name='expert_visit_form'] {
		width: 100%;
	}

	.km_koras_expert_visit_consult_search_box {
		width: 100%;
		position: relative;
		margin-bottom: 0 !important;
	}

	.km_koras_expert_visit_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.km_koras_expert_visit_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.km_koras_expert_visit_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_km_expert_visit_consult .filter_box_wrap {
		padding: 0 !important;
	}

	.main_km_expert_visit_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
		border-radius: 0;
	}

	.main_km_expert_visit_consult .filter_box .left {
		padding: 4px 16px 4px 24px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_km_expert_visit_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_km_expert_visit_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_km_expert_visit_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_km_expert_visit_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_km_expert_visit_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_km_expert_visit_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_km_expert_visit_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_km_expert_visit_consult .admin_select_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_km_expert_visit_consult .admin_select_box .left {
		padding: 8px 0 8px 0;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_km_expert_visit_consult .admin_select_box .left .count {
		font-size: 13px;
	}

	.main_km_expert_visit_consult .admin_select_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_km_expert_visit_consult .admin_select_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_km_expert_visit_consult .admin_select_box .right .buttons li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_km_expert_visit_consult .admin_select_btn {
		width: 24px;
		height: 24px;
		cursor: pointer;
		position: relative;
	}

	.main_km_expert_visit_consult .admin_select_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_km_expert_visit_consult .admin_select_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_km_expert_visit_consult .card_wrap {
		padding: 16px;
	}

	.main_km_expert_visit_consult .card_wrap>div {
		grid-template-columns: repeat(1, 1fr);
	}

	.main_km_expert_visit_consult .card_wrap .compare_card .body .title {
		font-size: 15px;
	}

	.main_km_expert_visit_consult .card_wrap .compare_card .body .content {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.main_km_expert_visit_consult .card_wrap .compare_card .body .content li .content_label {
		flex: none;
		align-self: flex-start;
	}

	.main_km_expert_visit_consult .card_wrap .compare_card .body .content li::after {
		top: 4px;
		transform: none;
	}

	/* km_koras_visit_consult_detail */
	.main_km_expert_visit_consult_detail .main_inner {
		padding: 16px;
	}

	.main_km_expert_visit_consult_detail .head_top {
		padding: 0 !important;
	}

	.main_km_expert_visit_consult_detail .head_top .title {
		display: flex;
		flex-direction: column;
		line-height: 24px;
	}

	.main_km_expert_visit_consult_detail .head_top .title .badge {
		height: 24px;
		font-size: 11px;
		line-height: 22px;
		padding: 0 16px;
		width: fit-content;
		margin-bottom: 8px;
		margin-right: 0;
	}

	.main_km_expert_visit_consult_detail .head_top .title .cate {
		margin-left: 0;
	}

	.main_km_expert_visit_consult_detail .head_bottom {
		flex-direction: column;
		align-items: flex-start;
		padding: 8px 0 !important;
		gap: 8px;
	}

	.main_km_expert_visit_consult_detail .head_bottom .user_box {
		line-height: 24px;
	}

	.main_km_expert_visit_consult_detail .head_bottom .date {
		line-height: 24px;
	}

	.main_km_expert_visit_consult_detail .user_box {
		font-size: 13px;
		color: var(--gray3);
	}

	.main_km_expert_visit_consult_detail .user_box span {
		flex: none;
	}

	.main_km_expert_visit_consult_detail .body .font16 {
		font-size: 15px;
	}

	.main_km_expert_visit_consult_detail .body>.flex_between {
		padding: 8px;
		margin-bottom: 0;
	}

	.main_km_expert_visit_consult_detail .text_list li {
		grid-template-columns: 100px 1fr;
	}

	.main_km_expert_visit_consult_detail .text_list .title {
		width: 100%;
		padding: 4px;
	}

	.main_km_expert_visit_consult_detail .text_list .content {
		padding: 12px;
	}

	.main_km_expert_visit_consult_detail .text_list .content .flex_between {
		flex-direction: column;
		align-items: flex-start;
	}

	.main_km_expert_visit_consult_detail .text_list .content .flex_between input {
		font-size: 14px;
	}

	.main_km_expert_visit_consult_detail .text_list .content .flex_between .color_primary1 {
		line-height: 32px;
	}

	.main_km_expert_visit_consult_detail .text_list .content .flex_between .color_gray4 {
		margin-right: 4px;
	}

	.main_km_expert_visit_consult_detail .route_detail_box {
		gap: 16px;
	}

	.main_km_expert_visit_consult_detail .expert_detail_box {
		gap: 16px;
	}

	.main_km_expert_visit_consult_detail .permission_detail_box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.main_km_expert_visit_consult_detail .permission_detail_box .white_btn {
		margin-left: 0;
	}

	.main_km_expert_visit_consult_detail .business_detail_box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.main_km_expert_visit_consult_detail .business_detail_box .white_btn {
		margin-left: 0;
	}

	.main_km_expert_visit_consult_detail .area_detail_box {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.main_km_expert_visit_consult_detail .area_detail_box .white_btn {
		margin-left: 0;
	}

	.main_km_expert_visit_consult_detail .expect_card>.head {
		padding: 8px;
	}

	.main_km_expert_visit_consult_detail .expect_card>.head .title {
		font-size: 16px;
	}

	.visit_consult_popup .koras_layer_popup {
		display: block;
	}

	.visit_consult_popup .koras_layer_popup_card {
		width: 100%;
	}

	.visit_consult_popup .koras_layer_popup_card>.body {
		margin-bottom: 0 !important;
		max-height: none;
		height: calc(100svh - 40px);
		overscroll-behavior: none;
		padding: 24px 16px 40px;
	}

	.visit_consult_popup .koras_layer_popup_card .body .inner_card {
		padding: 16px 0;
	}

	/* km_direct_consult */
	.main_km_direct_consult .bg_secondary1 {
		padding-bottom: 80px;
	}

	.main_km_direct_consult form[name='direct_form'] {
		width: 100%;
	}

	.km_direct_consult_search_box {
		width: 100%;
		position: relative;
		margin-bottom: 0 !important;
	}

	.km_direct_consult_search_box select {
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 2;
		border: none;
		appearance: none;
		background: url("../imgs/icons/mobile_select.svg") no-repeat center center;
		cursor: pointer;
		width: 24px;
		height: 24px;
		padding-top: 24px;
	}

	.km_direct_consult_search_box .custom_search {
		width: 100%;
		gap: 0;
		margin: 0;
		display: block;
	}

	.km_direct_consult_search_box .custom_search input {
		height: 40px;
		padding-left: 48px;
		border: none;
		background-color: var(--gray5);
	}

	.main_km_direct_consult .filter_box_wrap {
		padding: 0 !important;
		margin: 0 0 16px 0 !important;
	}

	.main_km_direct_consult .filter_box {
		height: auto;
		flex-direction: column;
		padding: 0;
		border-radius: 0;
	}

	.main_km_direct_consult .filter_box .left {
		padding: 4px 16px 4px 24px;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_km_direct_consult .filter_box .left .count {
		font-size: 13px;
	}

	.main_km_direct_consult .filter_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_km_direct_consult .filter_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_km_direct_consult .filter_box .right .filter li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_km_direct_consult .filter_btn {
		height: 32px;
		padding-right: 26px;
		cursor: pointer;
		position: relative;
		color: var(--gray3);
	}

	.main_km_direct_consult .filter_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_km_direct_consult .filter_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	.main_km_direct_consult .admin_select_box {
		height: auto;
		flex-direction: column;
		padding: 0;
	}

	.main_km_direct_consult .admin_select_box .left {
		padding: 8px 0 8px 0;
		width: 100%;
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.main_km_direct_consult .admin_select_box .left .count {
		font-size: 13px;
	}

	.main_km_direct_consult .admin_select_box .left .count span {
		font-size: 13px;
		color: var(--gray2);
	}

	.main_km_direct_consult .admin_select_box .right {
		width: 100%;
		height: 40px;
		overflow-x: auto;
		display: none;
	}

	.main_km_direct_consult .admin_select_box .right .buttons li button {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_km_direct_consult .admin_select_btn {
		width: 24px;
		height: 24px;
		cursor: pointer;
		position: relative;
	}

	.main_km_direct_consult .admin_select_btn::after {
		content: "";
		display: block;
		width: 24px;
		height: 24px;
		background: url('../imgs/icons/filter_btn_arrow.svg') no-repeat center center;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.main_km_direct_consult .admin_select_btn.active::after {
		transform: translateY(-50%) rotate(-180deg);
	}

	/* km_direct_consult_detail */
	.main_km_direct_consult_detail .main_inner {
		padding: 16px;
		margin: 0;
	}

	.main_km_direct_consult_detail .head_top {
		padding: 0 !important;
	}

	.main_km_direct_consult_detail .head_top .title {
		display: flex;
		flex-direction: column;
		line-height: 24px;
		font-size: 15px;
	}

	.main_km_direct_consult_detail .head_top .title .badge {
		font-size: 11px;
		line-height: 18px;
		padding: 4px 16px;
		width: fit-content;
		margin-bottom: 8px;
		margin-right: 0;
	}

	.main_km_direct_consult_detail .head_top .title .cate {
		margin-left: 0;
	}

	.main_km_direct_consult_detail .head_bottom {
		flex-direction: column;
		align-items: flex-start;
		padding: 8px 0 !important;
	}

	.main_km_direct_consult_detail .head_bottom .flex_center {
		justify-content: space-between;
		width: 100%;
	}

	.main_km_direct_consult_detail .user_box {
		font-size: 13px;
		color: var(--gray3);
		margin-bottom: 8px;
	}

	.main_km_direct_consult_detail .user_box span {
		flex: none;
	}

	.main_km_direct_consult_detail .body .font16 {
		font-size: 15px;
	}

	.main_km_direct_consult_detail .body>.flex_between {
		padding: 8px;
		margin-bottom: 0;
	}

	.main_km_direct_consult_detail .text_list li {
		grid-template-columns: 100px 1fr;
	}

	.main_km_direct_consult_detail .text_list .title {
		width: 100%;
		padding: 4px;
	}

	.main_km_direct_consult_detail .text_list .content {
		padding: 12px;
	}

	.main_km_direct_consult_detail .text_list .content .flex_between {
		flex-direction: column;
		align-items: flex-start;
	}

	.main_km_direct_consult_detail .text_list .content .flex_between input {
		font-size: 14px;
	}

	.main_km_direct_consult_detail .text_list .content .flex_between .color_primary1 {
		line-height: 32px;
	}

	.main_km_direct_consult_detail .text_list .content .flex_between .color_gray4 {
		margin-right: 4px;
	}

	.main_km_direct_consult_detail .expect_card>.head {
		padding: 8px;
	}

	.main_km_direct_consult_detail .expect_card>.head .title {
		font-size: 16px;
	}

	.main_km_direct_consult_detail .expect_card label:has(input[type='checkbox']) {
		margin-bottom: 8px;
	}

	.main_km_direct_consult_detail .reply_input_box {
		margin: 8px 0;
	}

	.main_km_direct_consult_detail .reply_input_box textarea {
		height: 40px;
		margin: 0;
		line-height: 22px;
	}

	.main_km_direct_consult_detail .reply_input_box button {
		flex: none;
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_km_direct_consult_detail .reply_input_box button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_send.svg') no-repeat center center;
	}

	.main_km_direct_consult_detail .expect_card .commnet_box .user {
		font-size: 13px;
	}

	.main_km_direct_consult_detail .commnet_box>.foot {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.main_km_direct_consult_detail .commnet_box.reply_type {
		width: calc(100% - 24px);
		margin-left: 24px;
	}

	.main_km_direct_consult_detail .commnet_box.reply_type::before {
		width: 24px;
		left: -24px;
	}

	/* km_schedule */
	.schedule_help_popup .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
		border-radius: 10px;
		background-color: none;
	}

	.schedule_help_popup .common_layer_popup_card .body {
		padding: 24px 16px;
		max-height: calc(100svh - 88px);
		overflow: auto;
		margin-bottom: 0;
		overscroll-behavior: none;
		background-color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.schedule_help_popup .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.main_km_schedule {
		background-color: var(--secondary1);
		padding: 16px;
	}

	.main_km_schedule>.main_inner {
		padding: 0;
	}

	.main_km_schedule .schedule_manage_wrap {
		flex-direction: column;
	}

	/* km_schedule_setting */
	.main_km_schedule_setting {
		background-color: var(--secondary1);
		padding: 16px;
	}

	.main_km_schedule_setting>.main_inner {
		padding: 0;
	}

	.main_km_schedule_setting .schedule_edit_wrap {
		flex-direction: column;
	}

	.consult_help_popup .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
		border-radius: 10px;
	}

	.consult_help_popup .common_layer_popup_card .body {
		padding: 24px 16px;
		height: calc(100vh - 88px);
		height: calc(100svh - 88px);
		overflow: auto;
		margin-bottom: 0;
		overscroll-behavior: none;
	}

	.consult_help_popup .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.service_stats_help .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
		border-radius: 10px;
	}

	.service_stats_help .common_layer_popup_card .body {
		padding: 24px 16px;
		height: calc(100vh - 88px);
		height: calc(100svh - 88px);
		overflow: auto;
		margin-bottom: 0;
		overscroll-behavior: none;
	}

	.service_stats_help .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.profit_help_popup .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
		border-radius: 10px;
	}

	.profit_help_popup .common_layer_popup_card .body {
		padding: 24px 16px;
		height: calc(100vh - 88px);
		height: calc(100svh - 88px);
		overflow: auto;
		margin-bottom: 0;
		overscroll-behavior: none;
	}

	.profit_help_popup .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.schedule_setting_help_popup .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
		border-radius: 10px;
	}

	.schedule_setting_help_popup .common_layer_popup_card .body {
		padding: 24px 16px;
		height: calc(100vh - 88px);
		height: calc(100svh - 88px);
		overflow: auto;
		margin-bottom: 0;
		overscroll-behavior: none;
	}

	.schedule_setting_help_popup .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.expert_home_share_popup .common_layer_popup_card {
		width: 100%;
		max-width: calc(100% - 48px);
	}

	.expert_home_share_popup .common_layer_popup_card .body {
		padding: 0;
	}

	.expert_home_share_popup .common_layer_popup_card .foot {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		overflow: hidden;
	}

	.expert_home_share_popup .side_info_card {
		border: none;
	}

	/* km_admin_booking */
	.main_km_admin_booking .bg_secondary1 {
		padding: 16px;
	}

	.main_km_admin_booking .bg_secondary1>div {
		padding: 0;
	}

	.main_km_admin_booking .card {
		padding: 16px;
	}

	.main_km_admin_booking .card .font16 {
		font-size: 15px;
	}

	.main_km_admin_booking .km_booking_type_box {
		gap: 16px;
		flex-direction: column;
		margin-top: 16px;
	}

	.main_km_admin_booking .text_input input {
		font-size: 14px;
	}

	.main_km_admin_booking .text_input input::placeholder {
		font-size: 14px;
	}

	.main_km_admin_booking .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.main_km_admin_booking .text_select {
		font-size: 14px;
	}

	.main_km_admin_booking .file_input .text {
		font-size: 14px;
	}

	.main_km_admin_booking .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_km_admin_booking .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_km_admin_booking .bn_input input {
		width: 100%;
		padding: 11px;
	}

	/* km_admin_booking_expert */
	.main_km_admin_booking_expert .bg_secondary1 {
		padding: 16px;
	}

	.main_km_admin_booking_expert .bg_secondary1>div {
		padding: 0;
	}

	.main_km_admin_booking_expert .card {
		padding: 16px;
	}

	.main_km_admin_booking_expert .card .font16 {
		font-size: 15px;
	}

	.main_km_admin_booking_expert .km_booking_type_box {
		gap: 16px;
		flex-direction: column;
		margin-top: 16px;
	}

	.main_km_admin_booking_expert .text_input input {
		font-size: 14px;
	}

	.main_km_admin_booking_expert .text_input input::placeholder {
		font-size: 14px;
	}

	.main_km_admin_booking_expert .text_input+button {
		min-width: 80px;
		width: 80px;
		padding: 0;
		font-size: 14px;
	}

	.main_km_admin_booking_expert .text_select {
		font-size: 14px;
	}

	.main_km_admin_booking_expert .file_input .text {
		font-size: 14px;
	}

	.main_km_admin_booking_expert .file_input button[type='button'] {
		width: 40px;
		height: 40px;
		min-width: 0;
		border-radius: 5px;
		border-color: #ADCCEB !important;
		overflow: hidden;
		position: relative;
	}

	.main_km_admin_booking_expert .file_input button::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #ADCCEB url('../imgs/icons/mobile_file_btn_icon.svg') no-repeat center center;
	}

	.main_km_admin_booking_expert .bn_input input {
		width: 100%;
		padding: 11px;
	}

	/* search */
	.search_cate_box>.inner {
		padding: 8px 16px 8px 16px;
		overflow-x: auto;
	}

	.search_cate_button {
		padding: 4px 16px;
		font-size: 13px;
		height: 32px;
		font-weight: 400;
		line-height: 24px;
		white-space: nowrap;
	}

	.main>.inner.search {
		padding: 0;
	}

	.search_filed_card {
		margin-bottom: 24px !important;
		padding: 16px;
	}

	.search_filed_card_title {
		padding: 8px;
	}

	.search_filed_card_title a {
		width: 100%;
	}

	.search_filed_card_title img {
		margin-left: auto;
	}

	.search_content {
		padding: 0;
	}

	.search_content.compare {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}

	.search_content.compare .compare_card .body .title {
		font-size: 15px;
	}

	.search_content.compare .compare_card .head .save .text {
		font-size: 11px;
	}

	.search_content.compare .compare_card .body .content {
		flex-wrap: wrap;
		row-gap: 8px;
	}

	.search_content.compare .compare_card .body .title {
		font-size: 15px;
	}

	.search_content.compare .compare_card .foot .info .date {
		font-weight: 500;
	}

	.mypage_form {
		padding-bottom: 0;
	}

	.haccp_wrap {
		padding-bottom: 0;
	}

	.expert_home_layout {
		padding-bottom: 0;
	}

	.main_km_direct_consult_detail .expect_card {
		padding: 8px;
	}

	.haccp_scroll_wrap {
		max-height: none;
		overflow: visible;
	}

	.haccp_about_item {
		margin-bottom: 0px;
	}

	.main_km_koras_visit_consult .compare_card .body .content li .content_text {
		width: auto;
		overflow: visible;
		text-overflow: unset;
	}

	.km_expert_visit_consult_grid .compare_card .body .content li .content_text {
		width: auto;
		overflow: visible;
		text-overflow: unset;
	}

	.km_koras_visit_consult_grid .compare_card .content li {
		width: 100% !important;
	}

	.km_koras_visit_consult_grid .compare_card .content .content_text {
		white-space: normal;
	}

	.km_expert_visit_consult_grid .compare_card .content li {
		width: 100% !important;
	}

	.km_expert_visit_consult_grid .compare_card .content .content_text {
		white-space: normal;
	}

	.main_km_koras_visit_consult_detail .compare_detail_card .body {
		padding: 0;
	}

	.main_km_koras_visit_consult_detail .expect_card {
		padding: 16px;
	}


	.main_mypage_expert_my_consult .my_consult_list li a {
		height: 248px;
	}

	.main_mypage_client_my_consult .my_consult_list li a {
		height: 248px;
		padding: 12px 16px 20px 16px;
	}

	.main_question_detail .question_detail_card .user_img {
		margin-right: 0px;
	}

	.inner_outer_detail_box {
		gap: 16px;
	}

	.main_direct_apply .terms_card .checkbox2 .text {
		color: var(--gray3);
		line-height: 16px;
	}

	.main_direct_apply .terms_card .checkbox2 .text .semi_bold {
		color: var(--gray2);
	}

	.main_compare .compare_card .head .save .text span {
		font-size: 14px;
	}

	.main_visit_consult_booking .step_box_popup {
		position: fixed;
		left: 0;
		top: 48px;
		background-color: #fff;
		z-index: 1;
		height: 80px;
		max-width: none;
	}

	.main_visit_consult_booking .koras_layer_popup {
		padding-top: 80px;
		padding-bottom: 40px;
	}

	.main_visit_consult_booking .koras_layer_popup_card .foot {
		position: fixed;
		left: 0;
		bottom: 0;
	}

	.main_visit_consult_booking .bg_secondary3 {
		background-color: #fff !important;
	}

	.main_km_expert_visit_consult_detail .expect_card {
		padding: 16px;
	}

	.main_km_expert_visit_consult_detail .booking_status_list li:first-child {
		padding-top: 12px;
	}

	.main_km_koras_visit_consult_detail .compare_detail_card .user_box {
		line-height: 24px;
	}

	.main_km_koras_visit_consult_detail .compare_detail_card .date {
		line-height: 24px;
	}

	.main_question_detail .question_detail_card .title .state {
		margin-left: 0;
	}

	.main_question_detail .question_comments_card .title {
		padding: 8px;
	}

	.main_question_detail .question_detail_card .info {
		line-height: 24px;
	}

	.main_question_detail .question_reply_card .wait {
		padding: 0 8px;
		height: 40px;
		margin-bottom: 0;
		align-items: flex-start;
	}

	.main_question_detail .comments_only_user {
		background-color: #fff;
		border: none;
		padding: 0 8px;
		height: 40px;
		margin-bottom: 0;
		align-items: flex-start;
	}

	.main_sign_expert .m_sign_expert_explain {
		display: block;
		margin-top: 4px;
	}

	.main_sign_expert .terms_card label.checkbox2 .text span {
		font-size: 14px;
	}

	.main_sign_expert .terms_card label.checkbox2 .text .color_gray3 {
		font-size: 13px !important;
	}


	.m_compare_detail_help_text {
		display: block;
	}

	.main_expert_card .head .img {
		width: 72px;
		height: 72px;
		flex: none;
	}

	.preview_booking.expert_only {
		width: 100%;
		height: auto;
	}

	.main_expert_main .client_review_card_list a {
		height: auto;
		padding-bottom: 16px;
	}

	.main_expert_main .client_review_card_list li a .tag_list {
		position: static;
	}

	.main_mypage_client_my_consult .my_consult_list .info_list {
		padding-left: 8px;
	}

	.main_mypage_basic_info .content_body>div {
		padding-left: 8px;
		padding-right: 8px;
	}

	.m_mypage_review_box {
		padding: 0 !important;
	}

	.m_mypage_review_box2 {
		padding: 0 !important;
		margin-bottom: 16px;
	}

	.m_mypage_review_textarea {
		font-size: 14px !important;
	}

	.m_mypage_review_textarea::placeholder {
		font-size: 14px !important;
	}

	.main_mypage_review_add .terms_card {
		margin-top: 4px;
		margin-bottom: 20px;
	}

	.main_mypage_review_add .card_content_head .head {
		padding: 16px 24px;
	}

	.main_mypage_review_add .card_content_head .head .font16 {
		font-size: 15px !important;
	}

	.main_mypage_review_add .terms_card label.checkbox2 .text span {
		font-size: 12px;
	}

	.main_mypage_review_add .m_review_wrap {
		padding-bottom: 40px;
	}

	.main_mypage_review_update .terms_card {
		margin-top: 4px;
		margin-bottom: 20px;
	}

	.main_mypage_review_update .card_content_head .head {
		padding: 16px 24px;
	}

	.main_mypage_review_update .card_content_head .head .font16 {
		font-size: 15px !important;
	}

	.main_mypage_review_update .terms_card label.checkbox2 .text span {
		font-size: 12px;
	}

	.main_mypage_review_update .m_review_wrap {
		padding-bottom: 40px;
	}

	.main_mypage_review_update .question {
		margin-bottom: 16px;
	}

	.main_mypage_review_event_add .terms_card {
		margin-bottom: 20px !important;
	}

	.only_my_post_box2 {
		font-size: 14px;
	}

	.ad_pay_or_not_box {
		gap: 24px;
	}

	.ad_pay_or_not_box label.radio .text {
		font-size: 14px;
	}

	.m_label_control {
		flex-direction: column;
		gap: 2px !important;
	}

	.m_label_control label {
		line-height: 20px;
	}

	.m_label_control .self_end {
		align-self: start;
		padding-left: 8px;
		line-height: 16px;
	}

	.m_input_click_motion input {
		transition: text-indent 2s;
	}

	.m_input_click_motion.indent_active input {
		text-indent: -100%;
	}

	.event_mobile_wrap {
		padding-bottom: 0px;
	}

	.expert_main_no_data {
		padding-left: 0px;
		justify-content: center;
	}

	.expert_main_title_box p {
		line-height: 24px;
	}

	.expert_main_title_box span {
		line-height: 16px;
	}

	.expert_main_title_box a {
		font-size: 13px;
		align-self: start;
		padding-top: 8px;
	}

	.main_compare_detail .only_my_post_box p {
		display: flex;
	}

	.bid_success {
		border: 1px solid var(--primary1) !important;
		border-radius: 5px;
		font-size: 12px;
		font-weight: 400;
		color: var(--primary1) !important;
		cursor: auto;
	}

	.bid_faild {
		border: 1px solid var(--secondary2) !important;
		background-color: var(--secondary2);
		border-radius: 5px;
		font-size: 12px;
		font-weight: 400;
		color: var(--gray3) !important;
		cursor: auto;
	}

	.main_sign_expert_wait {
		background-color: #fff !important;
	}


	.sign_expert_popup .koras_layer_popup_card {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.sign_expert_popup .koras_layer_popup_card>.body {
		flex: 1;
	}

	.sign_expert_popup .koras_layer_popup_card .body>.p8 {
		padding: 0;
	}

	.sign_expert_popup .koras_layer_popup_card .popup_terms_content_box {
		height: 108px;
	}

	.sign_expert_popup .card_content_head .body {
		padding: 8px 0;
	}

	.sign_expert_popup .card_content_head .body .checkbox2 {
		padding: 8px 16px;
	}

	.sign_expert_popup .card_content_head .popup_terms_content_box {
		overscroll-behavior: none;
	}

	.sign_expert_popup .terms_card label.checkbox2 .icon {
		flex: none;
		width: 24px;
		height: 24px;
	}

	.sign_expert_popup .terms_card label.checkbox2 .text>span:first-child {
		line-height: 24px;
	}

	.sign_expert_popup .terms_card label.checkbox2 .text>span:last-child {
		line-height: 18px;
		font-size: 13px;
	}

	.main_koras_review .answer_after_box {
		padding: 16px 16px 20px 16px;
	}

	.event_mobile_wrap {
		display: block;
	}

	.main_notice {
		min-height: calc(100svh - 96px);
	}

	.main_question {
		min-height: calc(100svh - 96px);
	}

	.main_koras_review {
		min-height: calc(100svh - 96px);
	}

	.event_mobile_wrap {
		min-height: calc(100svh - 258px);
	}

	.kb_scroll_wrap {
		overflow: visible;
	}

	.kb_img {
		width: 100%;
	}

	.main_expert_consult .expert_consult_content {
		padding-top: 0;
	}

	/* 반응형 추가 */

	/* 모바일 css 추가 240926 */
	.koras_guide_main_menu {
		height: auto;
	}

	.koras_guide_main_menu .guide_span_bold {
		font-size: 15px;
	}

	.main_service_intro_client .kb_img img {
		width: 100% !important;
	}

	.compare_card {
		height: auto;
	}

	.progress_notice {
		text-align: center !important;
	}


	/* mobile atomic css */
	.m_font12 {
		font-size: 12px !important;
	}

	.m_font14 {
		font-size: 14px !important;
	}

	.m_font15 {
		font-size: 15px !important;
	}

	.m_p8 {
		padding-left: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 8px;
	}

	.m_px8 {
		padding-left: 8px;
		padding-right: 8px;
	}

	.m_px16 {
		padding-left: 16px;
		padding-right: 16px;
	}

	.m_pl8 {
		padding-left: 8px;
	}

	.m_gap24 {
		gap: 24px !important;
	}

	.m_mb0 {
		margin-bottom: 0px !important;
	}

	.m_mb32 {
		margin-bottom: 32px !important;
	}

	.m_pb40 {
		padding-bottom: 40px !important;
	}
}

@media (max-width:1400px) {
	.header_search_bar {
		display: none;
	}
}

/*#################### ATOMIC CSS ####################*/

/* display */
.d_none {
	display: none !important;
}

.d_block {
	display: block;
}

.d_inline {
	display: inline;
}

.d_flex {
	display: flex;
}

.d_grid {
	display: grid;
}

.d_table {
	display: table;
}

.d_contents {
	display: contents;
}

.d_flow_root {
	display: flow-root;
}

.d_inline_block {
	display: inline-block;
}

.d_inline_flex {
	display: inline-flex;
}

.d_inline_grid {
	display: inline-grid;
}

.d_inline_table {
	display: inline-table;
}

.d_list_item {
	display: list-item;
}

/* vertical-align */
.v_top {
	vertical-align: top;
}

.v_bottom {
	vertical-align: bottom;
}

.v_middle {
	vertical-align: middle;
}

/* grid_template_column */
.grid_col_3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid_col_2 {
	grid-template-columns: repeat(2, 1fr);
}

/* border */
.border_secondary3 {
	border: 1px solid var(--secondary3);
}

.border_bottom {
	border-bottom: 1px solid var(--line);
}

/* flex */
.flex_none {
	flex: none;
}

.flex_1 {
	flex: 1;
}

.flex_start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.flex_end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex_evenly {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

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

.flex_center_col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex_end_between {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.flex_end_start {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.flex_end_center {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

/* felx-wrap */
.flex_wrap {
	flex-wrap: wrap;
}

/* align-self */
.self_start {
	align-self: start;
}

.self_end {
	align-self: end;
}

.self_center {
	align-self: center;
}

/* flex-direction */
.flex_dir_col {
	flex-direction: column;
}

/* grid-template-columns */
.col2 {
	grid-template-columns: repeat(2, 1fr);
}

.col3 {
	grid-template-columns: repeat(3, 1fr);
}

.col4 {
	grid-template-columns: repeat(4, 1fr);
}

/* grid_column*/
.col_span2 {
	grid-column: span 2;
}

.col_span3 {
	grid-column: span 3;
}

.col_span4 {
	grid-column: span 4;
}

/* max-width */
.mw100 {
	max-width: 100px;
}

.mw200 {
	max-width: 200px;
}

.mw300 {
	max-width: 300px;
}

.mw400 {
	max-width: 400px;
}

.mw500 {
	max-width: 500px;
}

.mw600 {
	max-width: 600px;
}

.mw700 {
	max-width: 700px;
}

.mw800 {
	max-width: 800px;
}

/* gap */
.gap2 {
	gap: 2px;
}

.gap4 {
	gap: 4px;
}

.gap6 {
	gap: 6px;
}

.gap8 {
	gap: 8px;
}

.gap10 {
	gap: 10px;
}

.gap16 {
	gap: 16px;
}

.gap20 {
	gap: 20px;
}

.gap24 {
	gap: 24px;
}

.gap30 {
	gap: 30px;
}

.gap32 {
	gap: 32px;
}

.gap40 {
	gap: 40px;
}

.gap48 {
	gap: 48px;
}

.gap50 {
	gap: 50px;
}

.gap64 {
	gap: 64px;
}

/* width */
.w100 {
	width: 100% !important;
}

.w50 {
	width: 50% !important;
}

.w_120 {
	width: 120px;
}

/* text-decoration */
.underline {
	text-decoration: underline !important;
}

.line_through {
	text-decoration: line-through !important;
}


/* position */
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.absolute_center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.absolute_right_center {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.absolute_left_center {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

/* cursor */
.pointer {
	cursor: pointer;
}

/* line-height */
.lh1 {
	line-height: 1px;
}

.lh2 {
	line-height: 2px;
}

.lh3 {
	line-height: 3px;
}

.lh4 {
	line-height: 4px;
}

.lh5 {
	line-height: 5px;
}

.lh6 {
	line-height: 6px;
}

.lh7 {
	line-height: 7px;
}

.lh8 {
	line-height: 8px;
}

.lh9 {
	line-height: 9px;
}

.lh10 {
	line-height: 10px;
}

.lh11 {
	line-height: 11px;
}

.lh14 {
	line-height: 14px;
}

.lh15 {
	line-height: 15px;
}

.lh16 {
	line-height: 16px;
}

.lh18 {
	line-height: 18px;
}

.lh20 {
	line-height: 20px;
}

.lh24 {
	line-height: 24px;
}

/* text-align */
.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

/* text-wrap */
.text_pretty {
	text-wrap: pretty;
}


/* line */
.line2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.line3 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* color */
.color_white {
	color: #fff;
}

.color_black {
	color: #000;
}

.color_red {
	color: var(--sys_red1) !important;
}

.color_blue {
	color: var(--primary1) !important;
}

.color_primary1 {
	color: var(--primary1) !important;
}

.color_primary2 {
	color: var(--primary2) !important;
}

.color_primary3 {
	color: var(--primary3) !important;
}

.color_primary4 {
	color: var(--primary4) !important;
}

.color_gray1 {
	color: var(--gray1) !important;
}

.color_gray2 {
	color: var(--gray2) !important;
}

.color_gray3 {
	color: var(--gray3) !important;
}

.color_gray4 {
	color: var(--gray4) !important;
}

.color_gray5 {
	color: var(--gray5) !important;
}

.color_gray6 {
	color: var(--gray6) !important;
}

.color_secondary1 {
	color: var(--secondary1) !important;
}

.color_secondary2 {
	color: var(--secondary2) !important;
}

.color_secondary3 {
	color: var(--secondary3) !important;
}

.color_secondary4 {
	color: var(--secondary4) !important;
}

.color_secondary5 {
	color: var(--secondary5) !important;
}



.color_gray111 {
	color: #111;
}

.color_gray222 {
	color: #222;
}

.color_gray333 {
	color: #333;
}

.color_gray444 {
	color: #444;
}

.color_gray555 {
	color: #555;
}

.color_gray666 {
	color: #666;
}

.color_gray777 {
	color: #777;
}

.color_gray888 {
	color: #888;
}

.color_gray999 {
	color: #999;
}

.color_grayaaa {
	color: #aaa;
}

.color_graybbb {
	color: #bbb;
}

.color_grayccc {
	color: #ccc;
}

.color_grayddd {
	color: #ddd;
}

.color_grayeee {
	color: #eee;
}

/* background-color */
.bg_gray5 {
	background-color: var(--gray5);
}

.bg_gray6 {
	background-color: var(--gray6);
}

.bg_secondary1 {
	background-color: var(--secondary1);
}

.bg_secondary3 {
	background-color: var(--secondary3);
}

/*  border-radius */
.br5 {
	border-radius: 5px;
}

/* overflow */
.hidden {
	overflow: hidden;
}

.hidden_x {
	overflow-x: hidden;
}

.hidden_y {
	overflow-y: hidden;
}

/* text-transform */
.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

/* font-size */
.font10 {
	font-size: 10px;
}

.font11 {
	font-size: 11px;
}

.font12 {
	font-size: 12px;
}

.font13 {
	font-size: 13px;
}

.font14 {
	font-size: 14px;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px;
}

.font17 {
	font-size: 17px;
}

.font18 {
	font-size: 18px;
}

.font19 {
	font-size: 19px;
}

.font20 {
	font-size: 20px;
}

.font21 {
	font-size: 21px;
}

.font22 {
	font-size: 22px;
}

.font23 {
	font-size: 23px;
}

.font24 {
	font-size: 24px;
}

.font25 {
	font-size: 25px;
}

.font26 {
	font-size: 26px;
}

.font27 {
	font-size: 27px;
}

.font28 {
	font-size: 28px;
}

.font29 {
	font-size: 29px;
}

.font30 {
	font-size: 30px;
}

.font31 {
	font-size: 31px;
}

.font32 {
	font-size: 32px;
}

.font33 {
	font-size: 33px;
}

.font34 {
	font-size: 34px;
}

.font35 {
	font-size: 35px;
}

.font36 {
	font-size: 36px;
}

.font37 {
	font-size: 37px;
}

.font38 {
	font-size: 38px;
}

.font39 {
	font-size: 39px;
}

/* font-weight */
.light {
	font-weight: 500;
}

.regular {
	font-weight: 400;
}

.medium {
	font-weight: 500;
}

.medium_i {
	font-weight: 500 !important;
}

.semi_bold {
	font-weight: 600;
}

.bold {
	font-weight: 700;
}

/* white-space */
.nowrap {
	white-space: nowrap;
}

/* font-family */
.kor {
	font-family: "pretendard";
}

.eng {
	
}

.esamanru {
	
}


/* margin */
.m_auto {
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
}

.ml_auto {
	margin-left: auto;
}

.mr_auto {
	margin-right: auto;
}

.mt_auto {
	margin-top: auto;
}

.mb_auto {
	margin-bottom: auto;
}

.m1 {
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}

.m2 {
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.m3 {
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.m4 {
	margin-left: 4px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.m5 {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.m6 {
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}

.m7 {
	margin-left: 7px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
}

.m8 {
	margin-left: 8px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.m9 {
	margin-left: 9px;
	margin-top: 9px;
	margin-right: 9px;
	margin-bottom: 9px;
}

.m10 {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.m11 {
	margin-left: 11px;
	margin-top: 11px;
	margin-right: 11px;
	margin-bottom: 11px;
}

.m12 {
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
}

.m13 {
	margin-left: 13px;
	margin-top: 13px;
	margin-right: 13px;
	margin-bottom: 13px;
}

.m14 {
	margin-left: 14px;
	margin-top: 14px;
	margin-right: 14px;
	margin-bottom: 14px;
}

.m15 {
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.m16 {
	margin-left: 16px;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
}

.m17 {
	margin-left: 17px;
	margin-top: 17px;
	margin-right: 17px;
	margin-bottom: 17px;
}

.m18 {
	margin-left: 18px;
	margin-top: 18px;
	margin-right: 18px;
	margin-bottom: 18px;
}

.m19 {
	margin-left: 19px;
	margin-top: 19px;
	margin-right: 19px;
	margin-bottom: 19px;
}

.m20 {
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.m21 {
	margin-left: 21px;
	margin-top: 21px;
	margin-right: 21px;
	margin-bottom: 21px;
}

.m22 {
	margin-left: 22px;
	margin-top: 22px;
	margin-right: 22px;
	margin-bottom: 22px;
}

.m23 {
	margin-left: 23px;
	margin-top: 23px;
	margin-right: 23px;
	margin-bottom: 23px;
}

.m24 {
	margin-left: 24px;
	margin-top: 24px;
	margin-right: 24px;
	margin-bottom: 24px;
}

.m25 {
	margin-left: 25px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
}

.m26 {
	margin-left: 26px;
	margin-top: 26px;
	margin-right: 26px;
	margin-bottom: 26px;
}

.m27 {
	margin-left: 27px;
	margin-top: 27px;
	margin-right: 27px;
	margin-bottom: 27px;
}

.m28 {
	margin-left: 28px;
	margin-top: 28px;
	margin-right: 28px;
	margin-bottom: 28px;
}

.m29 {
	margin-left: 29px;
	margin-top: 29px;
	margin-right: 29px;
	margin-bottom: 29px;
}

.m30 {
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.m31 {
	margin-left: 31px;
	margin-top: 31px;
	margin-right: 31px;
	margin-bottom: 31px;
}

.m32 {
	margin-left: 32px;
	margin-top: 32px;
	margin-right: 32px;
	margin-bottom: 32px;
}

.m33 {
	margin-left: 33px;
	margin-top: 33px;
	margin-right: 33px;
	margin-bottom: 33px;
}

.m34 {
	margin-left: 34px;
	margin-top: 34px;
	margin-right: 34px;
	margin-bottom: 34px;
}

.m35 {
	margin-left: 35px;
	margin-top: 35px;
	margin-right: 35px;
	margin-bottom: 35px;
}

.m36 {
	margin-left: 36px;
	margin-top: 36px;
	margin-right: 36px;
	margin-bottom: 36px;
}

.m37 {
	margin-left: 37px;
	margin-top: 37px;
	margin-right: 37px;
	margin-bottom: 37px;
}

.m38 {
	margin-left: 38px;
	margin-top: 38px;
	margin-right: 38px;
	margin-bottom: 38px;
}

.m39 {
	margin-left: 39px;
	margin-top: 39px;
	margin-right: 39px;
	margin-bottom: 39px;
}

.m40 {
	margin-left: 40px;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 40px;
}

.m41 {
	margin-left: 41px;
	margin-top: 41px;
	margin-right: 41px;
	margin-bottom: 41px;
}

.m42 {
	margin-left: 42px;
	margin-top: 42px;
	margin-right: 42px;
	margin-bottom: 42px;
}

.m43 {
	margin-left: 43px;
	margin-top: 43px;
	margin-right: 43px;
	margin-bottom: 43px;
}

.m44 {
	margin-left: 44px;
	margin-top: 44px;
	margin-right: 44px;
	margin-bottom: 44px;
}

.mx1 {
	margin-left: 1px;
	margin-right: 1px;
}

.mx2 {
	margin-left: 2px;
	margin-right: 2px;
}

.mx3 {
	margin-left: 3px;
	margin-right: 3px;
}

.mx4 {
	margin-left: 4px;
	margin-right: 4px;
}

.mx5 {
	margin-left: 5px;
	margin-right: 5px;
}

.mx6 {
	margin-left: 6px;
	margin-right: 6px;
}

.mx7 {
	margin-left: 7px;
	margin-right: 7px;
}

.mx8 {
	margin-left: 8px;
	margin-right: 8px;
}

.mx9 {
	margin-left: 9px;
	margin-right: 9px;
}

.mx10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mx20 {
	margin-left: 20px;
	margin-right: 20px;
}

.mx30 {
	margin-left: 30px;
	margin-right: 30px;
}

.my1 {
	margin-top: 1px;
	margin-bottom: 1px;
}

.my2 {
	margin-top: 2px;
	margin-bottom: 2px;
}

.my3 {
	margin-top: 3px;
	margin-bottom: 3px;
}

.my4 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.my5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.my6 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.my7 {
	margin-top: 7px;
	margin-bottom: 7px;
}

.my8 {
	margin-top: 8px;
	margin-bottom: 8px;
}

.my9 {
	margin-top: 9px;
	margin-bottom: 9px;
}

.my10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.my16 {
	margin-top: 16px;
	margin-bottom: 16px;
}

.my20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*20240503남민우 추가*/
.my24 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.my30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.my32 {
	margin-top: 32px;
	margin-bottom: 32px;
}

.my48 {
	margin-top: 48px;
	margin-bottom: 48px;
}

.ml_10 {
	margin-left: -10px;
}

.ml1 {
	margin-left: 1px;
}

.ml2 {
	margin-left: 2px;
}

.ml3 {
	margin-left: 3px;
}

.ml4 {
	margin-left: 4px;
}

.ml5 {
	margin-left: 5px;
}

.ml6 {
	margin-left: 6px;
}

.ml7 {
	margin-left: 7px;
}

.ml8 {
	margin-left: 8px;
}

.ml9 {
	margin-left: 9px;
}

.ml10 {
	margin-left: 10px;
}

.ml11 {
	margin-left: 11px;
}

.ml12 {
	margin-left: 12px;
}

.ml13 {
	margin-left: 13px;
}

.ml14 {
	margin-left: 14px;
}

.ml15 {
	margin-left: 15px;
}

.ml16 {
	margin-left: 16px;
}

.ml17 {
	margin-left: 17px;
}

.ml18 {
	margin-left: 18px;
}

.ml19 {
	margin-left: 19px;
}

.ml20 {
	margin-left: 20px;
}

.ml21 {
	margin-left: 21px;
}

.ml22 {
	margin-left: 22px;
}

.ml23 {
	margin-left: 23px;
}

.ml24 {
	margin-left: 24px;
}

.ml25 {
	margin-left: 25px;
}

.ml26 {
	margin-left: 26px;
}

.ml27 {
	margin-left: 27px;
}

.ml28 {
	margin-left: 28px;
}

.ml29 {
	margin-left: 29px;
}

.ml30 {
	margin-left: 30px;
}

.ml31 {
	margin-left: 31px;
}

.ml32 {
	margin-left: 32px;
}

.ml33 {
	margin-left: 33px;
}

.ml34 {
	margin-left: 34px;
}

.ml35 {
	margin-left: 35px;
}

.ml36 {
	margin-left: 36px;
}

.ml37 {
	margin-left: 37px;
}

.ml38 {
	margin-left: 38px;
}

.ml39 {
	margin-left: 39px;
}

.ml40 {
	margin-left: 40px;
}

.ml48 {
	margin-left: 48px;
}

.ml50 {
	margin-left: 50px;
}

.ml60 {
	margin-left: 60px;
}

.mr1 {
	margin-right: 1px;
}

.mr2 {
	margin-right: 2px;
}

.mr3 {
	margin-right: 3px;
}

.mr4 {
	margin-right: 4px;
}

.mr5 {
	margin-right: 5px;
}

.mr6 {
	margin-right: 6px;
}

.mr7 {
	margin-right: 7px;
}

.mr8 {
	margin-right: 8px;
}

.mr9 {
	margin-right: 9px;
}

.mr10 {
	margin-right: 10px;
}

.mr11 {
	margin-right: 11px;
}

.mr12 {
	margin-right: 12px;
}

.mr13 {
	margin-right: 13px;
}

.mr14 {
	margin-right: 14px;
}

.mr15 {
	margin-right: 15px;
}

.mr16 {
	margin-right: 16px;
}

.mr17 {
	margin-right: 17px;
}

.mr18 {
	margin-right: 18px;
}

.mr19 {
	margin-right: 19px;
}

.mr20 {
	margin-right: 20px;
}

.mr21 {
	margin-right: 21px;
}

.mr22 {
	margin-right: 22px;
}

.mr23 {
	margin-right: 23px;
}

.mr24 {
	margin-right: 24px;
}

.mr25 {
	margin-right: 25px;
}

.mr26 {
	margin-right: 26px;
}

.mr27 {
	margin-right: 27px;
}

.mr28 {
	margin-right: 28px;
}

.mr29 {
	margin-right: 29px;
}

.mr30 {
	margin-right: 30px;
}

.mr31 {
	margin-right: 31px;
}

.mr32 {
	margin-right: 32px;
}

.mr33 {
	margin-right: 33px;
}

.mr34 {
	margin-right: 34px;
}

.mr35 {
	margin-right: 35px;
}

.mr36 {
	margin-right: 36px;
}

.mr37 {
	margin-right: 37px;
}

.mr38 {
	margin-right: 38px;
}

.mr39 {
	margin-right: 39px;
}

.mr40 {
	margin-right: 40px;
}

.mr_16 {
	margin-right: -16px;
}

.mt1 {
	margin-top: 1px;
}

.mt2 {
	margin-top: 2px;
}

.mt3 {
	margin-top: 3px;
}

.mt4 {
	margin-top: 4px;
}

.mt5 {
	margin-top: 5px;
}

.mt6 {
	margin-top: 6px;
}

.mt7 {
	margin-top: 7px;
}

.mt8 {
	margin-top: 8px;
}

.mt9 {
	margin-top: 9px;
}

.mt10 {
	margin-top: 10px;
}

.mt11 {
	margin-top: 11px;
}

.mt12 {
	margin-top: 12px;
}

.mt13 {
	margin-top: 13px;
}

.mt14 {
	margin-top: 14px;
}

.mt15 {
	margin-top: 15px;
}

.mt16 {
	margin-top: 16px;
}

.mt17 {
	margin-top: 17px;
}

.mt18 {
	margin-top: 18px;
}

.mt19 {
	margin-top: 19px;
}

.mt20 {
	margin-top: 20px;
}

.mt21 {
	margin-top: 21px;
}

.mt22 {
	margin-top: 22px;
}

.mt23 {
	margin-top: 23px;
}

.mt24 {
	margin-top: 24px;
}

.mt25 {
	margin-top: 25px;
}

.mt26 {
	margin-top: 26px;
}

.mt27 {
	margin-top: 27px;
}

.mt28 {
	margin-top: 28px;
}

.mt29 {
	margin-top: 29px;
}

.mt30 {
	margin-top: 30px;
}

.mt31 {
	margin-top: 31px;
}

.mt32 {
	margin-top: 32px;
}

.mt33 {
	margin-top: 33px;
}

.mt34 {
	margin-top: 34px;
}

.mt35 {
	margin-top: 35px;
}

.mt36 {
	margin-top: 36px;
}

.mt37 {
	margin-top: 37px;
}

.mt38 {
	margin-top: 38px;
}

.mt39 {
	margin-top: 39px;
}

.mt40 {
	margin-top: 40px;
}

.mt46 {
	margin-top: 46px;
}

.mt48 {
	margin-top: 48px;
}

.mb1 {
	margin-bottom: 1px;
}

.mb2 {
	margin-bottom: 2px;
}

.mb3 {
	margin-bottom: 3px;
}

.mb4 {
	margin-bottom: 4px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb6 {
	margin-bottom: 6px;
}

.mb7 {
	margin-bottom: 7px;
}

.mb8 {
	margin-bottom: 8px;
}

.mb9 {
	margin-bottom: 9px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb11 {
	margin-bottom: 11px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb13 {
	margin-bottom: 13px;
}

.mb14 {
	margin-bottom: 14px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb16 {
	margin-bottom: 16px;
}

.mb17 {
	margin-bottom: 17px;
}

.mb18 {
	margin-bottom: 18px;
}

.mb19 {
	margin-bottom: 19px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb21 {
	margin-bottom: 21px;
}

.mb22 {
	margin-bottom: 22px;
}

.mb23 {
	margin-bottom: 23px;
}

.mb24 {
	margin-bottom: 24px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb26 {
	margin-bottom: 26px;
}

.mb27 {
	margin-bottom: 27px;
}

.mb28 {
	margin-bottom: 28px;
}

.mb29 {
	margin-bottom: 29px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb31 {
	margin-bottom: 31px;
}

.mb32 {
	margin-bottom: 32px;
}

.mb33 {
	margin-bottom: 33px;
}

.mb34 {
	margin-bottom: 34px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb36 {
	margin-bottom: 36px;
}

.mb37 {
	margin-bottom: 37px;
}

.mb38 {
	margin-bottom: 38px;
}

.mb39 {
	margin-bottom: 39px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb41 {
	margin-bottom: 41px;
}

.mb42 {
	margin-bottom: 42px;
}

.mb43 {
	margin-bottom: 43px;
}

.mb44 {
	margin-bottom: 44px;
}

.mb48 {
	margin-bottom: 48px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb56 {
	margin-bottom: 56px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb64 {
	margin-bottom: 64px;
}

.mb80 {
	margin-bottom: 80px;
}

/* padding */
.p1 {
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

.p2 {
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

.p3 {
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.p4 {
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

.p5 {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.p6 {
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}

.p7 {
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.p8 {
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}

.p9 {
	padding-left: 9px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
}

.p10 {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.p11 {
	padding-left: 11px;
	padding-top: 11px;
	padding-right: 11px;
	padding-bottom: 11px;
}

.p12 {
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}

.p13 {
	padding-left: 13px;
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}

.p14 {
	padding-left: 14px;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
}

.p15 {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.p16 {
	padding-left: 16px;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 16px;
}

.p17 {
	padding-left: 17px;
	padding-top: 17px;
	padding-right: 17px;
	padding-bottom: 17px;
}

.p18 {
	padding-left: 18px;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
}

.p19 {
	padding-left: 19px;
	padding-top: 19px;
	padding-right: 19px;
	padding-bottom: 19px;
}

.p20 {
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.p21 {
	padding-left: 21px;
	padding-top: 21px;
	padding-right: 21px;
	padding-bottom: 2px;
}

.p22 {
	padding-left: 22px;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 2px;
}

.p23 {
	padding-left: 23px;
	padding-top: 23px;
	padding-right: 23px;
	padding-bottom: 2px;
}

.p24 {
	padding-left: 24px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 21px;
}

.p25 {
	padding-left: 25px;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 2px;
}

.p26 {
	padding-left: 26px;
	padding-top: 26px;
	padding-right: 26px;
	padding-bottom: 2px;
}

.p27 {
	padding-left: 27px;
	padding-top: 27px;
	padding-right: 27px;
	padding-bottom: 2px;
}

.p28 {
	padding-left: 28px;
	padding-top: 28px;
	padding-right: 28px;
	padding-bottom: 2px;
}

.p29 {
	padding-left: 29px;
	padding-top: 29px;
	padding-right: 29px;
	padding-bottom: 2px;
}

.p30 {
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.p31 {
	padding-left: 31px;
	padding-top: 31px;
	padding-right: 31px;
	padding-bottom: 31px;
}

.p32 {
	padding-left: 32px;
	padding-top: 32px;
	padding-right: 32px;
	padding-bottom: 32px;
}

.p33 {
	padding-left: 33px;
	padding-top: 33px;
	padding-right: 33px;
	padding-bottom: 33px;
}

.p34 {
	padding-left: 34px;
	padding-top: 34px;
	padding-right: 34px;
	padding-bottom: 34px;
}

.p35 {
	padding-left: 35px;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
}

.p36 {
	padding-left: 36px;
	padding-top: 36px;
	padding-right: 36px;
	padding-bottom: 36px;
}

.p37 {
	padding-left: 37px;
	padding-top: 37px;
	padding-right: 37px;
	padding-bottom: 37px;
}

.p38 {
	padding-left: 38px;
	padding-top: 38px;
	padding-right: 38px;
	padding-bottom: 38px;
}

.p39 {
	padding-left: 39px;
	padding-top: 39px;
	padding-right: 39px;
	padding-bottom: 39px;
}

.p40 {
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.px1 {
	padding-left: 1px;
	padding-right: 1px;
}

.px2 {
	padding-left: 2px;
	padding-right: 2px;
}

.px3 {
	padding-left: 3px;
	padding-right: 3px;
}

.px4 {
	padding-left: 4px;
	padding-right: 4px;
}

.px5 {
	padding-left: 5px;
	padding-right: 5px;
}

.px6 {
	padding-left: 6px;
	padding-right: 6px;
}

.px7 {
	padding-left: 7px;
	padding-right: 7px;
}

.px8 {
	padding-left: 8px;
	padding-right: 8px;
}

.px9 {
	padding-left: 9px;
	padding-right: 9px;
}

.px10 {
	padding-left: 10px;
	padding-right: 10px;
}

.px12 {
	padding-left: 12px;
	padding-right: 12px;
}

.px16 {
	padding-left: 16px;
	padding-right: 16px;
}

.px20 {
	padding-left: 20px;
	padding-right: 20px;
}

.px24 {
	padding-left: 24px;
	padding-right: 24px;
}

.px30 {
	padding-left: 30px;
	padding-right: 30px;
}

.px32 {
	padding-left: 32px;
	padding-right: 32px;
}

.px48 {
	padding-left: 48px;
	padding-right: 48px;
}

.py1 {
	padding-top: 1px;
	padding-bottom: 1px;
}

.py2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.py3 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.py4 {
	padding-top: 4px;
	padding-bottom: 4px;
}

.py5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py6 {
	padding-top: 6px;
	padding-bottom: 6px;
}

.py7 {
	padding-top: 7px;
	padding-bottom: 7px;
}

.py8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.py9 {
	padding-top: 9px;
	padding-bottom: 9px;
}

.py10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py14 {
	padding-top: 14px;
	padding-bottom: 14px;
}

.py16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.py20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.py32 {
	padding-top: 32px;
	padding-bottom: 32px;
}

.py40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py48 {
	padding-top: 48px;
	padding-bottom: 48px;
}

.py50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.py100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.pl1 {
	padding-left: 1px;
}

.pl2 {
	padding-left: 2px;
}

.pl3 {
	padding-left: 3px;
}

.pl4 {
	padding-left: 4px;
}

.pl5 {
	padding-left: 5px;
}

.pl6 {
	padding-left: 6px;
}

.pl7 {
	padding-left: 7px;
}

.pl8 {
	padding-left: 8px;
}

.pl9 {
	padding-left: 9px;
}

.pl10 {
	padding-left: 10px;
}

.pl11 {
	padding-left: 11px;
}

.pl12 {
	padding-left: 12px;
}

.pl13 {
	padding-left: 13px;
}

.pl14 {
	padding-left: 14px;
}

.pl15 {
	padding-left: 15px;
}

.pl16 {
	padding-left: 16px;
}

.pl17 {
	padding-left: 17px;
}

.pl18 {
	padding-left: 18px;
}

.pl19 {
	padding-left: 19px;
}

.pl20 {
	padding-left: 20px;
}

.pl21 {
	padding-left: 21px;
}

.pl22 {
	padding-left: 22px;
}

.pl23 {
	padding-left: 23px;
}

.pl24 {
	padding-left: 24px;
}

.pl25 {
	padding-left: 25px;
}

.pl26 {
	padding-left: 26px;
}

.pl27 {
	padding-left: 27px;
}

.pl28 {
	padding-left: 28px;
}

.pl29 {
	padding-left: 29px;
}

.pl30 {
	padding-left: 30px;
}

.pl50 {
	padding-left: 50px;
}

.pl31 {
	padding-left: 31px;
}

.pl32 {
	padding-left: 32px;
}

.pl33 {
	padding-left: 33px;
}

.pl34 {
	padding-left: 34px;
}

.pl35 {
	padding-left: 35px;
}

.pl36 {
	padding-left: 36px;
}

.pl37 {
	padding-left: 37px;
}

.pl38 {
	padding-left: 38px;
}

.pl39 {
	padding-left: 39px;
}

.pl40 {
	padding-left: 40px;
}

.pr1 {
	padding-right: 1px;
}

.pr2 {
	padding-right: 2px;
}

.pr3 {
	padding-right: 3px;
}

.pr4 {
	padding-right: 4px;
}

.pr5 {
	padding-right: 5px;
}

.pr6 {
	padding-right: 6px;
}

.pr7 {
	padding-right: 7px;
}

.pr8 {
	padding-right: 8px;
}

.pr9 {
	padding-right: 9px;
}

.pr10 {
	padding-right: 10px;
}

.pr11 {
	padding-right: 11px;
}

.pr12 {
	padding-right: 12px;
}

.pr13 {
	padding-right: 13px;
}

.pr14 {
	padding-right: 14px;
}

.pr15 {
	padding-right: 15px;
}

.pr16 {
	padding-right: 16px;
}

.pr17 {
	padding-right: 17px;
}

.pr18 {
	padding-right: 18px;
}

.pr19 {
	padding-right: 19px;
}

.pr20 {
	padding-right: 20px;
}

.pr21 {
	padding-right: 21px;
}

.pr22 {
	padding-right: 22px;
}

.pr23 {
	padding-right: 23px;
}

.pr24 {
	padding-right: 24px;
}

.pr25 {
	padding-right: 25px;
}

.pr26 {
	padding-right: 26px;
}

.pr27 {
	padding-right: 27px;
}

.pr28 {
	padding-right: 28px;
}

.pr29 {
	padding-right: 29px;
}

.pr30 {
	padding-right: 30px;
}

.pr31 {
	padding-right: 31px;
}

.pr32 {
	padding-right: 32px;
}

.pr33 {
	padding-right: 33px;
}

.pr34 {
	padding-right: 34px;
}

.pr35 {
	padding-right: 35px;
}

.pr36 {
	padding-right: 36px;
}

.pr37 {
	padding-right: 37px;
}

.pr38 {
	padding-right: 38px;
}

.pr39 {
	padding-right: 39px;
}

.pr40 {
	padding-right: 40px;
}

.pt1 {
	padding-top: 1px;
}

.pt2 {
	padding-top: 2px;
}

.pt3 {
	padding-top: 3px;
}

.pt4 {
	padding-top: 4px;
}

.pt5 {
	padding-top: 5px;
}

.pt6 {
	padding-top: 6px;
}

.pt7 {
	padding-top: 7px;
}

.pt8 {
	padding-top: 8px;
}

.pt9 {
	padding-top: 9px;
}

.pt10 {
	padding-top: 10px;
}

.pt11 {
	padding-top: 11px;
}

.pt12 {
	padding-top: 12px;
}

.pt13 {
	padding-top: 13px;
}

.pt14 {
	padding-top: 14px;
}

.pt15 {
	padding-top: 15px;
}

.pt16 {
	padding-top: 16px;
}

.pt17 {
	padding-top: 17px;
}

.pt18 {
	padding-top: 18px;
}

.pt19 {
	padding-top: 19px;
}

.pt20 {
	padding-top: 20px;
}

.pt21 {
	padding-top: 21px;
}

.pt22 {
	padding-top: 22px;
}

.pt23 {
	padding-top: 23px;
}

.pt24 {
	padding-top: 24px;
}

.pt25 {
	padding-top: 25px;
}

.pt26 {
	padding-top: 26px;
}

.pt27 {
	padding-top: 27px;
}

.pt28 {
	padding-top: 28px;
}

.pt29 {
	padding-top: 29px;
}

.pt30 {
	padding-top: 30px;
}

.pt31 {
	padding-top: 31px;
}

.pt32 {
	padding-top: 32px;
}

.pt33 {
	padding-top: 33px;
}

.pt34 {
	padding-top: 34px;
}

.pt35 {
	padding-top: 35px;
}

.pt36 {
	padding-top: 36px;
}

.pt37 {
	padding-top: 37px;
}

.pt38 {
	padding-top: 38px;
}

.pt39 {
	padding-top: 39px;
}

.pt40 {
	padding-top: 40px;
}

.pt100 {
	padding-top: 100px;
}

.pt150 {
	padding-top: 150px;
}

.pb1 {
	padding-bottom: 1px;
}

.pb2 {
	padding-bottom: 2px;
}

.pb3 {
	padding-bottom: 3px;
}

.pb4 {
	padding-bottom: 4px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb6 {
	padding-bottom: 6px;
}

.pb7 {
	padding-bottom: 7px;
}

.pb8 {
	padding-bottom: 8px;
}

.pb9 {
	padding-bottom: 9px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb11 {
	padding-bottom: 11px;
}

.pb12 {
	padding-bottom: 12px;
}

.pb13 {
	padding-bottom: 13px;
}

.pb14 {
	padding-bottom: 14px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb16 {
	padding-bottom: 16px;
}

.pb17 {
	padding-bottom: 17px;
}

.pb18 {
	padding-bottom: 18px;
}

.pb19 {
	padding-bottom: 19px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb21 {
	padding-bottom: 21px;
}

.pb22 {
	padding-bottom: 22px;
}

.pb23 {
	padding-bottom: 23px;
}

.pb24 {
	padding-bottom: 24px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb26 {
	padding-bottom: 26px;
}

.pb27 {
	padding-bottom: 27px;
}

.pb28 {
	padding-bottom: 28px;
}

.pb29 {
	padding-bottom: 29px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb31 {
	padding-bottom: 31px;
}

.pb32 {
	padding-bottom: 32px;
}

.pb33 {
	padding-bottom: 33px;
}

.pb34 {
	padding-bottom: 34px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb36 {
	padding-bottom: 36px;
}

.pb37 {
	padding-bottom: 37px;
}

.pb38 {
	padding-bottom: 38px;
}

.pb39 {
	padding-bottom: 39px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb48 {
	padding-bottom: 48px;
}




/* 240926 미디어쿼리1 변경 및 추가*/
@media all and (min-width: 480px) and (max-width: 1280px) {

	/* 공통 */
	.header_search_bar {
		width: 37vw;
	}

	.header_common_layout .gnb>ul>li>a {
		padding: 16px 24px;
	}

	/* .header_common_layout .gnb {
		overflow-x: auto;
		overflow-y: hidden;
	} */

	.footer_common_layout .bottom {
		flex-direction: column;
	}

	.footer_info_list {
		width: 100%;
	}

	/* 메인 */
	.main_direct_section>.inner {
		padding: 0 48px;
	}

	.main_direct_section .card_box {
		flex-wrap: wrap
	}

	.main_direct_section .dir_card.online,
	.main_direct_section .dir_card.call {
		background-size: 10vw;
	}

	.main_compare_guide_title>.inner {
		padding-bottom: 0;
	}

	/* 해다운 안내 */
	.haccp_side {
		display: none !important;
	}

	.kb_img {
		width: 100%;
	}

	.koras_guide_main_menu {
		height: auto;
		margin: 0 auto;
	}

	.koras_guide_main_menu .si_list_card {
		margin: 40px;
		padding: 10vw 0;
	}

	/* 서비스소개 */
	.main_service_intro_client .main_inner {
		padding: 0;
	}

	.main_service_intro_client .main_inner .banner {
		padding: 4vw 0;
	}

	.banner .text .desc {
		font-size: 18px;
	}

	.si_list_card {
		width: 100%;
		margin: 0 auto;
		gap: 8px;
		padding: 4vw 0;
	}

	.si_list_card li {
		border: none !important;
		border-radius: 8px !important;
	}

	.si_list_card li a {
		width: 100%;
	}

	.si_list_card li a .text {
		font-size: 15px;
	}

	.banner .text .title {
		font-size: 30px;
		line-height: 1.4;
	}

	/* 견적비교상담 */
	.grid_col_3 {
		grid-template-columns: repeat(2, 1fr);
	}

	/* 다이렉터견적상담 */
	.a_card .title {
		font-size: 26px;
	}

	.event_mobile_wrap {
		display: block;
	}

	.main_event .event_mobile_wrap {
		min-height: calc(100svh - 258px);
	}

	.main_event .event_mobile_wrap {
		padding-bottom: 0px;
	}

	.main_event .event_mobile_wrap .mobile_event_list.mobile {
		display: block !important;
	}

	/* 240927 미디어쿼리2 변경 및 추가*/
	@media all and (min-width: 480px) and (max-width: 900px) {

		/* 견적비교상담 */
		.grid_col_3 {
			grid-template-columns: repeat(1, 1fr);
		}

		/* .p16 { padding-left: 0;} */
		.main_compare_detail .pc_table {
			display: none !important;
		}

		.mobile.mobile_expect_estimate {
			display: block !important;
		}

		/* 고객센터 */
		.main_notice .pc_table {
			display: none !important;
		}

		.main_notice .mobile.mobile_notice_list {
			display: table !important;
		}

		.service_tab_search_box .flex_center,
		.event_tab_link_box .event_search_form {
			padding-left: 16px;
		}


		.main_question .main_inner_question2 .pc_table.question_table {
			display: none !important;
		}

		.main_question .main_inner_question2 .mobile_question_list.mobile {
			display: block !important;
		}

	}

	.service_item .flex_center {
		flex-wrap: nowrap;
	}

}

/* 모두 패키지 레이아웃 */
.package-layout {
  display: flex;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  align-items: flex-start;
}

/* 좌측 고정 모두 패키지 카드 */
.package-main-card {
  width: 300px;
  height: 400px;
  background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%);
  border-radius: 24px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  flex-shrink: 0;
}

.package-logo {
  margin-bottom: 24px;
}

.package-main-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #fff;
}

.package-main-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
}

/* 우측 서비스 슬라이드 */
.services-slider-container {
  flex: 1;
  position: relative;
}

.services-swiper {
  overflow: hidden;
  padding: 20px 0;
}

.services-swiper .swiper-slide {
  width: auto;
  height: auto;
}

.service-card {
  background: #fff;
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
}

.service-card.active {
  background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%);
  color: #fff;
}

.service-badge {
  background: rgba(0, 102, 255, 0.1);
  color: #0066FF;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  width: fit-content;
  margin-bottom: 20px;
}

.service-card.active .service-badge {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

.service-title {
  font-size: 24px;
  font-weight: 700;
  color: #1A202C;
  margin-bottom: 12px;
}

.service-card.active .service-title {
  color: #fff;
}

.service-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #4A5568;
  line-height: 1.6;
  flex: 1;
}

.service-card.active .service-subtitle {
  color: rgba(255, 255, 255, 0.9);
}

.service-icon {
  text-align: right;
  margin-top: auto;
}

.services-navigation {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 30px;
}

.package-pagination {
  display: flex;
  gap: 8px;
}

.package-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #CBD5E0;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.package-pagination .swiper-pagination-bullet-active {
  background: #0066FF;
  width: 24px;
  border-radius: 4px;
}

.services-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #4A5568;
}

.services-arrow:hover {
  background: #0066FF;
  border-color: #0066FF;
  color: #fff;
}

.services-arrow.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 반응형 */
@media (max-width: 1024px) {
  .package-slider-wrapper {
    padding: 0 40px;
  }
  
  .service-card {
    width: 280px;
    height: 360px;
  }
}

@media (max-width: 768px) {
  .package-slider-wrapper {
    padding: 0 20px;
  }
  
  .service-card {
    width: 260px;
    height: 340px;
    padding: 20px;
  }
  
  .service-title {
    font-size: 20px;
  }
  
  .service-subtitle {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .package-slider-wrapper {
    padding: 0 16px;
  }
  
  .service-card {
    width: 240px;
    height: 320px;
    padding: 16px;
  }
}

/* 서비스 카드 컨테이너 */
.service-cards-container {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 고정 모두 패키지 카드 */
.service-card.fixed-card {
  background: linear-gradient(135deg, #0066FF 0%, #0052CC 100%);
  color: #fff;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 24px;
  padding: 116px 49.5px 48px 49.5px;
  width: 310px;
}

.service-card.fixed-card .modoo-package-icon {
  position: absolute;
  top: -73px;
}

.service-card.fixed-card .service-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.2px;
  margin-bottom: 12px;
  color: #fff;
}

.service-card.fixed-card .service-subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.72px;
  color: rgba(255, 255, 255, 0.8);
}

/* 슬라이드 영역 */
.service-slider-area {
  flex: 1;
  position: relative;
}

.services-swiper {
  overflow: hidden;
  padding: 20px 0;
}

/* 일반 서비스 카드 (슬라이드용) */
.service-card:not(.fixed-card) {
  width: 281px;
  height: 300px;
  background: none;
  padding: 72px 32px 40px 32px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  background-image: url("/assets/imgs/main/service_bg.svg");
  background-repeat: no-repeat;
}

.service-badge {
  background: rgba(0, 102, 255, 0.1);
  color: #0066FF;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  width: fit-content;
  margin-bottom: 20px;
}

.service-card:not(.fixed-card) .service-title {
  font-size: 22px;
  font-weight: 600;
  color: #22272B;
  margin-bottom: 8px;
  line-height: 140%;
  letter-spacing: -0.5px;
}

.service-card:not(.fixed-card) .service-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: #687481;
  line-height: 140%;
  letter-spacing: -0.5px;
  margin-bottom: 19px;
  flex: 1;
  text-align: left;
}

.service-icon {
  text-align: right;
  margin-top: auto;
}

/* 네비게이션 */
.service-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #E2E8F0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #4A5568;
  z-index: 10;
}

.service-navigation.prev {
  left: -60px;
}

.service-navigation.next {
  right: -60px;
}

.service-navigation.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 반응형 */
@media (max-width: 1024px) {
  .service-cards-container {
    flex-direction: column;
    gap: 30px;
  }
  
  .service-card.fixed-card {
    width: 100%;
    height: 300px;
    flex-direction: column;
    text-align: left;
  }
  .service-card.fixed-card .service-title {
	font-size: 24px;
  }

  .service-card.fixed-card .service-subtitle{
	text-align: center;
  }
  .service-navigation.prev {
    left: -50px;
  }
  
  .service-navigation.next {
    right: -50px;
  }
}

@media (max-width: 768px) {
  .service-navigation.prev {
    left: -40px;
  }
  
  .service-navigation.next {
    right: -40px;
  }
  
  .service-card:not(.fixed-card) {
    width: 260px;
    height: 340px;
  }
}

/* CTA 배너 섹션 */
.cta-banner-section {
  padding: 0;
}

.cta-banner-section .container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.cta-banner {
  background: #0283FD;
  padding: 18px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  position: relative;
  overflow: hidden;
}

.cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
}

.cta-title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.4;
  letter-spacing: -0.5px;
}

.cta-buttons {
  display: flex;
  gap: 8px;
}

.cta-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 28px;
  border-radius: 100px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 200px;
  justify-content: center;
}

.cta-btn.primary {
  background: #fff;
  color: #22272B;
}

.cta-btn.primary:hover {
  background: #f8f9fa;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.cta-btn.secondary {
  color: #fff;
  border: 1px solid #fff;
}

.cta-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  transform: translateY(-2px);
}

.btn-icon {
  font-size: 20px;
}

.btn-text {
  font-weight: 600;
  font-size: 20px;
}

  /* CTA 배너 반응형 */
  @media (max-width: 768px) {
    .cta-banner {
      padding: 30px 20px;
      margin: 0 20px;
    }
    
    .cta-content {
      flex-direction: column;
      gap: 24px;
      text-align: center;
    }
    
    .cta-title {
      font-size: 20px;
    }
    
    .cta-buttons {
      width: 100%;
      justify-content: center;
    }
    
    .cta-btn {
      flex: 1;
      max-width: 160px;
    }
  }

  /* 문의 방법 안내 섹션 */
  .contact-methods-section {
    padding: 80px 0;
    background: #f8f9fa;
  }

  .contact-methods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .contact-method-card {
    background: #fff;
    border-radius: 20px;
    padding: 60px 30px 40px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
  }

  .contact-method-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  }

  .contact-icon {
    width: 120px;
    height: 120px;
    background: #f1f3f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 32px;
    position: relative;
  }

  .contact-icon img {
    width: 64px;
    height: 64px;
    object-fit: contain;
  }

  .contact-title {
    font-size: 22px;
    font-weight: 700;
    color: #22272B;
    margin-bottom: 16px;
    line-height: 1.4;
    letter-spacing: -0.5px;
  }

  .contact-desc {
    font-size: 16px;
    font-weight: 500;
    color: #687481;
    line-height: 1.6;
    letter-spacing: -0.3px;
    margin: 0;
  }

  /* 문의 방법 반응형 */
  @media (max-width: 1024px) {
    .contact-methods-grid {
      gap: 30px;
      padding: 0 20px;
    }
  }

  @media (max-width: 768px) {
    .contact-methods-section {
      padding: 60px 0;
    }
    
    .contact-methods-grid {
      grid-template-columns: 1fr;
      gap: 24px;
      padding: 0 20px;
    }
    
    .contact-method-card {
      padding: 50px 24px 32px;
    }
    
    .contact-icon {
      width: 100px;
      height: 100px;
      margin-bottom: 24px;
    }
    
    .contact-icon img {
      width: 56px;
      height: 56px;
    }
    
    .contact-title {
      font-size: 20px;
      margin-bottom: 12px;
    }
    
         .contact-desc {
       font-size: 15px;
     }
   }

   /* 모두의 해썹 시스템 섹션 */
   .modoo-system-section {
     padding: 100px 0;
     background: #fff;
     text-align: center;
   }

   .system-content {
     max-width: 600px;
     margin: 0 auto;
   }

   .system-subtitle {
     font-size: 24px;
     font-weight: 700;
     color: #F6F8FB;
     text-transform: uppercase;
   }

   .system-title {
     font-size: 24px;
     font-weight: 700;
     color: #0283FD;
     margin-bottom: 50px;
     line-height: 1;
   }

   .system-desc {
     margin: 0;
   }

   .desc-main {
     font-size: 16px;
     font-weight: 500;
     color: #000;
   }

   /* 모두의 해썹 시스템 반응형 */
   @media (max-width: 768px) {
     .modoo-system-section {
       padding: 80px 0;
     }
     
     .system-subtitle {
       font-size: 14px;
       margin-bottom: 12px;
     }
     
     .system-title {
       font-size: 28px;
       margin-bottom: 32px;
     }
     
     .desc-main,
     .desc-sub {
       font-size: 20px;
     }
   }

       @media (max-width: 480px) {
      .modoo-system-section {
        padding: 60px 0;
      }
      
      .system-subtitle {
        font-size: 12px;
        margin-bottom: 8px;
      }
      
      .system-title {
        font-size: 24px;
        margin-bottom: 24px;
      }
      
      .desc-main,
      .desc-sub {
        font-size: 18px;
      }
    }

    /* sub-sec-11 새로운 디자인 */
    .sub-sec-11 .sec-content-wrapper {
      display: flex;
      align-items: flex-start;
      gap: 80px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .sub-sec-11 .sec-text-area {
      flex: 1;
      max-width: 500px;
    }

    .sub-sec-11 .sec-text-area h2 {
      font-size: 32px;
      font-weight: 700;
      color: #22272B;
      margin-bottom: 30px;
      line-height: 1.3;
      letter-spacing: -0.8px;
    }

    .sub-sec-11 .sec-desc p {
      font-size: 18px;
      font-weight: 400;
      color: #22272B;
      line-height: 1.6;
      margin-bottom: 8px;
    }

    .sub-sec-11 .sec-desc p strong {
      font-weight: 600;
    }

    .sub-sec-11 .sec-price-area {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 20px;
      max-width: 400px;
    }

    .sub-sec-11 .price-card {
      background: #fff;
      border: 1px solid #E1E8ED;
      border-radius: 12px;
      overflow: hidden;
    }

    .sub-sec-11 .price-header {
      background: #22272B;
      padding: 16px 20px;
      text-align: center;
    }

    .sub-sec-11 .price-tag {
      font-size: 16px;
      font-weight: 600;
      color: #fff;
    }

    .sub-sec-11 .price-items {
      padding: 20px;
    }

    .sub-sec-11 .price-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #F1F3F4;
    }

    .sub-sec-11 .price-item:last-child {
      border-bottom: none;
    }

    .sub-sec-11 .item-name {
      font-size: 16px;
      font-weight: 500;
      color: #22272B;
    }

    .sub-sec-11 .item-price {
      font-size: 18px;
      font-weight: 700;
      color: #0066FF;
    }

    /* sub-sec-11 반응형 */
    @media (max-width: 1024px) {
      .sub-sec-11 .sec-content-wrapper {
        gap: 60px;
      }
    }

    @media (max-width: 768px) {
      .sub-sec-11 .sec-content-wrapper {
        flex-direction: column;
        gap: 40px;
      }
      
      .sub-sec-11 .sec-text-area,
      .sub-sec-11 .sec-price-area {
        max-width: 100%;
      }
      
      .sub-sec-11 .sec-text-area h2 {
        font-size: 28px;
        margin-bottom: 24px;
      }
      
      .sub-sec-11 .sec-desc p {
        font-size: 16px;
      }
    }

    @media (max-width: 480px) {
      .sub-sec-11 .sec-text-area h2 {
        font-size: 24px;
        margin-bottom: 20px;
      }
      
      .sub-sec-11 .sec-desc p {
        font-size: 15px;
      }
      
      .sub-sec-11 .price-header {
        padding: 14px 16px;
      }
      
      .sub-sec-11 .price-tag {
        font-size: 15px;
      }
      
      .sub-sec-11 .price-items {
        padding: 16px;
      }
      
      .sub-sec-11 .item-name {
        font-size: 15px;
      }
      
             .sub-sec-11 .item-price {
         font-size: 16px;
       }
     }

     /* main-sec-16 Swiper CSS */
     .main-sec-16-swiper {
       overflow: visible;
       padding: 0;
       margin: 24px 0 60px 0;
     }

     .main-sec-16-swiper .swiper-wrapper {
       display: flex;
       gap: 8px;
     }

     .main-sec-16-swiper .swiper-slide {
       width: 308px;
       flex-shrink: 0;
     }

     .main-sec-16-swiper .swiper-slide li {
       list-style: none;
       margin: 0;
       padding: 20px;
       align-items: flex-end;
       border-radius: 16px;
	   background-size: cover !important;
       background-position: center !important;
       background-repeat: no-repeat !important;
       display: flex;
       flex-direction: column;
       gap: 4px;
       height: 386px;
       justify-content: flex-end;
       width: 100%;
     }

     /* 서비스별 고정 배경 이미지 (클래스 기반) */
     /* 정책지원 자금 상담 서비스 */
     .main-sec-16-swiper .service-policy {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-01.png) !important;
     }

     /* 냉장·냉동 최저가 견적 */
     .main-sec-16-swiper .service-equipment {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-02.png) !important;
     }

     /* FNB 프랜차이즈 연결 지원 */
     .main-sec-16-swiper .service-franchise {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-03.png) !important;
     }

     /* 모두의 해썹 안전결제 서비스 */
     .main-sec-16-swiper .service-payment {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-04.png) !important;
     }

     /* 온라인 유통 판로 개척 지원 */
     .main-sec-16-swiper .service-online {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-04.png) !important;
     }

     /* OEM 위탁생산 서비스 */
     .main-sec-16-swiper .service-oem {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-04.png) !important;
     }

     /* 법률·세무·노무·변리사 비용 지원 */
     .main-sec-16-swiper .service-legal {
       background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-04.png) !important;
     }

     /* 200만원 상당 계약서 양식 제공 */
     .main-sec-16-swiper .service-contract {
       	background: linear-gradient(180deg, rgba(102, 102, 102, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), url(../imgs/main/pc-cont-16-04.png) !important;
     }

     .main-sec-16-swiper .swiper-slide li h6 {
       color: #ffffff;
       font-size: 14px;
       font-weight: 400;
       line-height: 20px;
       text-align: right;
     }

     .main-sec-16-swiper .swiper-slide li h4 {
       color: #ffffff;
       font-size: 18px;
       font-weight: 700;
       line-height: 26px;
       text-align: right;
       margin: 0;
     }

     /* 반응형 */
     @media (max-width: 768px) {
       .main-sec-16-swiper {
         margin: 24px 0 40px 0;
       }
       
       .main-sec-16-swiper .swiper-slide li {
         height: 140px;
       }
       
       .main-sec-16-swiper .swiper-slide li h6 {
         font-size: 13px;
         line-height: 18px;
       }
       
       .main-sec-16-swiper .swiper-slide li h4 {
         font-size: 16px;
         line-height: 22px;
       }
     }

     /* 포트폴리오 팝업 스타일 */
     #portfolioPopup {
       position: fixed;
       z-index: 9999;
       inset: 0;
       background: rgba(0, 0, 0, 0.6);
       display: flex;
       justify-content: center;
       align-items: center;
       font-family: 'Noto Sans KR', sans-serif;
     }

     .popup_inner {
       display: flex;
       width: 90%;
       max-width: 1000px;
       max-height: 90%;
       background: #fff;
       border-radius: 10px;
       overflow: hidden;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
       position: relative;
     }

    .popup_slide_area {
      width: 40% !important;
      background: #f4f4f4;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }

    .popupSwiper {
      width: 100%;
      height: 350px;
    }

     .popupSwiper .swiper-slide {
       display: flex;
       align-items: center;
       justify-content: center;
     }

     .popupSwiper .swiper-slide img {
       max-width: 100%;
       max-height: 100%;
       object-fit: contain;
     }

    .popup_detail_info {
      width: 60%;
      padding: 32px;
      overflow-y: auto;
      box-sizing: border-box;
    }

     .popup_title {
       font-size: 26px;
       font-weight: 600;
       color: #111;
       margin-bottom: 10px;
     }

     .popup_summary {
       font-size: 20px;
       color: #555;
       margin-bottom: 18px;
       line-height: 1.5;
     }

     .info_meta p {
       font-size: 14px;
       color: #666;
       margin-bottom: 8px;
     }

     .info_desc {
       font-size: 14px;
       color: #333;
       line-height: 1.6;
       margin-top: 24px;
       white-space: pre-line;
     }

     .btn_close_popup {
       position: absolute;
       top: 16px;
       right: 16px;
       background: none;
       border: none;
       font-size: 22px;
       color: #999;
       cursor: pointer;
       z-index: 1000;
       padding: 8px;
     }

     @media (max-width: 768px) {
       .popup_inner {
         flex-direction: column;
         width: 95%;
         max-height: 90vh;
       }
       
       .popup_slide_area {
         width: 100% !important;
         height: 250px;
         padding: 10px;
       }
       
       .popupSwiper {
         height: 230px !important;
       }
       
       .popup_detail_info {
         width: 100% !important;
         padding: 16px;
         max-height: calc(90vh - 250px);
         overflow-y: auto;
       }
       
       .popup_title {
         font-size: 18px;
       }
       
       .popup_summary {
         font-size: 14px;
       }
       
       .info_meta p {
         font-size: 13px;
       }
       
       .info_desc {
         font-size: 13px;
       }
       
       /* 포트폴리오 모바일 Swiper */
       .portfolio-mobile-swiper {
         padding: 0 16px;
         width: 100%;
         overflow: hidden;
       }
       
       .portfolio-mobile-swiper .swiper-slide {
         width: 100% !important;
         height: auto;
       }
       
       .portfolio-mobile-swiper .portfolio-card {
         width: 100%;
         height: 260px;
         display: flex;
         flex-direction: column;
       }
       
       .portfolio-mobile-swiper .portfolio-card img {
         width: 100%;
         height: 180px;
         object-fit: cover;
         flex-shrink: 0;
       }
       
       .portfolio-mobile-swiper .portfolio-card > div:last-child {
         padding: 12px;
         height: 80px;
         display: flex;
         flex-direction: column;
         justify-content: center;
         overflow: hidden;
       }
     }

     /* 포트폴리오 표시 상태 스타일 */
     .portfolio_status_visible {
       color: #28a745;
       font-weight: 600;
     }

     .portfolio_status_hidden {
       color: #dc3545;
       font-weight: 600;
     }

     .status_active {
       color: #28a745;
       font-weight: 600;
     }

     .status_inactive {
       color: #6c757d;
       font-weight: 600;
     }