.guide-root {
	padding-bottom: 80px;
	background: linear-gradient(358.96deg, rgba(255, 255, 255, 0.6) 0.89%, rgba(254, 245, 245, 0.6) 53.31%, rgba(240, 255, 254, 0.6) 99.11%);
}

.guide-intro {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 80px 0 60px;
	box-sizing: border-box;
}
.guide-intro .guide-logo {
	width: 160px;
	height: 160px;
	background: transparent no-repeat center center / contain;
}
.guide-intro .guide-text {
	margin: 15px 0 30px;
	color: #043f64;
	font-family: 'Pretendard';
	font-size: 26px;
	font-weight: 700;
}
.guide-intro .guide-search .guide-search-card {
	position: relative;
}
.guide-intro .guide-search .guide-search-card input[type=text] {
	width: 500px;
	padding: 16px 28px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	box-sizing: border-box;
}
.guide-intro .guide-search .guide-search-card button {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 26px;
	height: 26px;
	border: 0;
	background: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3033 3.24805C7.6336 3.24805 3.03741 7.84423 3.03741 13.5139C3.03741 19.1836 7.6336 23.7798 13.3033 23.7798C16.0012 23.7798 18.4621 22.7408 20.2952 21.0405C20.9508 20.4324 22.0067 20.4046 22.6818 21.0797L29.9905 28.3883C30.4908 28.8887 30.4908 29.6999 29.9905 30.2003C29.4901 30.7006 28.6789 30.7006 28.1785 30.2003L21.4282 23.45C19.2152 25.2575 16.3803 26.3423 13.3033 26.3423C6.21837 26.3423 0.474915 20.5988 0.474915 13.5139C0.474915 6.429 6.21837 0.685547 13.3033 0.685547C20.3882 0.685547 26.1317 6.429 26.1317 13.5139C26.1317 15.0083 25.8756 16.4457 25.4039 17.7828C25.3905 17.8208 25.3755 17.8578 25.3589 17.8937C25.3028 18.0485 25.2437 18.2019 25.1819 18.3538C24.915 19.0091 24.1674 19.3241 23.512 19.0572C22.8567 18.7903 22.5417 18.0427 22.8086 17.3874C23.2353 16.3394 23.4951 15.2012 23.5521 14.0025C23.554 13.9645 23.5574 13.927 23.5624 13.89C23.5669 13.7653 23.5692 13.6399 23.5692 13.5139C23.5692 7.84423 18.973 3.24805 13.3033 3.24805Z" fill="%23141414"/></svg>') no-repeat center center / cover;
	transform: translateY(-50%);
}

.guide-categories {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 80px;
}
.guide-category {
	text-align: center;
}
.guide-category .guide-category-name {
	font-family: 'Pretendard';
	font-size: 26px;
	font-weight: 600;
}
.guide-category:first-of-type .guide-category-name {
	display: none;
}
.guide-category .guide-category-desc {
	color: #000000cc;
	font-family: 'Pretendard';
	font-size: 18px;
}
.guide-category .guide-category-name + .guide-category-desc {
	margin-top: 20px;
}
.guide-category .guide-category-desc strong {
	font-weight: 600;
}
.guide-category .guide-category-groups {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	width: 840px;
	margin-top: 40px;
}
.guide-category .guide-category-group {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-height: 180px;
	padding: 30px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 30px;
	text-align: left;
	background-color: #fff;
	box-sizing: border-box;
	transition: opacity .2s;
}
.guide-category .guide-category-group:hover {
	opacity: 0.7;
}
.guide-category .guide-category-group .guide-category-group-title {
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
}
.guide-category .guide-category-group .guide-category-group-subtitle {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
}
.guide-category .guide-category-group .guide-category-group-icon {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 56px;
	height: 56px;
	background: transparent no-repeat center center / contain;
}
.guide-category .guide-category-group .guide-category-group-arrow {
	position: absolute;
	top: 38px;
	right: 30px;
	width: 6px;
	height: 10px;
	background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.37233 7.00557L0.518576 12.2936C0.351826 12.4824 0.259745 12.7352 0.262167 12.9974C0.264589 13.2596 0.36132 13.5103 0.531524 13.6954C0.701728 13.8806 0.931785 13.9854 1.17214 13.9873C1.4125 13.9892 1.64393 13.888 1.81658 13.7056L7.31658 7.71157C7.48245 7.52939 7.57773 7.28459 7.58268 7.02787C7.58763 6.77115 7.50187 6.52219 7.34316 6.33257L1.82116 0.29357C1.64851 0.111127 1.41709 0.00996017 1.17673 0.0118599C0.936369 0.0137596 0.706311 0.118575 0.536107 0.303728C0.365902 0.488881 0.269171 0.739555 0.266749 1.00176C0.264328 1.26396 0.35641 1.51671 0.52316 1.70557L5.37233 7.00557Z" fill="black"/></svg>') no-repeat center center / cover;
}

.guide-container {
	display: flex;
	align-items: flex-start;
	gap: 50px;
	width: 1280px;
	margin: 0 auto;
	padding: 60px 0;
}

.guide-nav {
	flex-shrink: 0;
	width: 220px;
}
.guide-nav .guide-nav-search {
	position: relative;
	margin-bottom: 25px;
}
.guide-nav .guide-nav-search span.icon {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7593 5.32812C7.44045 5.32812 4.75 8.01858 4.75 11.3374C4.75 14.6563 7.44045 17.3467 10.7593 17.3467C12.3386 17.3467 13.7791 16.7385 14.8521 15.7432C15.2359 15.3872 15.854 15.371 16.2492 15.7661L20.5274 20.0444C20.8203 20.3373 20.8203 20.8121 20.5274 21.105C20.2345 21.3979 19.7596 21.3979 19.4667 21.105L15.5153 17.1536C14.2199 18.2117 12.5605 18.8467 10.7593 18.8467C6.61202 18.8467 3.25 15.4847 3.25 11.3374C3.25 7.19015 6.61202 3.82812 10.7593 3.82812C14.9066 3.82812 18.2686 7.19015 18.2686 11.3374C18.2686 12.2122 18.1187 13.0536 17.8426 13.8363C17.8347 13.8585 17.8259 13.8802 17.8163 13.9012C17.7834 13.9918 17.7488 14.0816 17.7126 14.1705C17.5564 14.5541 17.1188 14.7385 16.7351 14.5823C16.3515 14.426 16.1672 13.9884 16.3234 13.6048C16.5732 12.9914 16.7252 12.3251 16.7586 11.6234C16.7597 11.6012 16.7617 11.5792 16.7646 11.5576C16.7673 11.4845 16.7686 11.4111 16.7686 11.3374C16.7686 8.01858 14.0781 5.32812 10.7593 5.32812Z" fill="%23141414"/></svg>') no-repeat center center / cover;
	transform: translateY(-50%);
}
.guide-nav .guide-nav-search input {
	width: 100%;
	padding: 10px 20px 10px 40px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 60px;
	font-family: 'Pretendard';
	font-size: 14px;
	box-sizing: border-box;
}
.guide-nav > ul {
	overflow: hidden;
	padding: 20px 0;
	border-radius: 20px;
	box-shadow: 0 0 20px 0 #0000001a;
}
.guide-nav > ul > li.guide-nav-title {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 15px 25px 10px 20px;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.guide-nav > ul > li + li.guide-nav-title {
	margin-top: 10px;
}
.guide-nav > ul > li.guide-nav-title > img {
	width: 20px;
	height: 20px;
}
.guide-nav > ul > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 25px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 22px;
	word-break: keep-all;
	transition: .1s background-color ease-in;
}
.guide-nav > ul > li > a:hover,
.guide-nav > ul > li.active > a {
	background-color: #f7fbfe;
}
.guide-nav > ul > li.active > a {
	color: #1380d1;
	font-weight: 700;
}
.guide-nav > ul > li > a > .arrow {
	width: 15px;
	height: 10px;
	background: url('data:image/svg+xml,<svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7367 0.783308C16.3855 0.405597 15.8161 0.40556 15.4649 0.783226L8.67144 8.08863C8.57652 8.19069 8.42265 8.19069 8.32774 8.08862L1.53512 0.783267C1.18394 0.405578 0.614565 0.405578 0.263384 0.783267C-0.0877953 1.16096 -0.0877953 1.77331 0.263384 2.151L7.69183 10.1402C8.1379 10.6199 8.86113 10.6199 9.30723 10.1402L16.7366 2.15104C17.0878 1.77337 17.0878 1.16102 16.7367 0.783308Z" fill="%23141414" fill-opacity="0.5"/></svg>') no-repeat center center / cover;
	transition: transform .2s ease;
}
.guide-nav > ul > li.active > a > .arrow {
	background: url('data:image/svg+xml,<svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.7367 0.783308C16.3855 0.405597 15.8161 0.40556 15.4649 0.783226L8.67144 8.08863C8.57652 8.19069 8.42265 8.19069 8.32774 8.08862L1.53512 0.783267C1.18394 0.405578 0.614565 0.405578 0.263384 0.783267C-0.0877953 1.16096 -0.0877953 1.77331 0.263384 2.151L7.69183 10.1402C8.1379 10.6199 8.86113 10.6199 9.30723 10.1402L16.7366 2.15104C17.0878 1.77337 17.0878 1.16102 16.7367 0.783308Z" fill="%231380d1"/></svg>') no-repeat center center / cover;
	transform: rotate(180deg);
}
.guide-nav > ul > li > ul {
	padding: 5px 0;
}
.guide-nav > ul > li:not(.active) > ul {
	display: none;
}
.guide-nav > ul > li > ul > li > a {
	display: block;
	padding: 10px 20px 10px 40px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}
.guide-nav > ul > li > ul > li.active > a {
	color: #006fc1;
}

.guide-content {
	flex-grow: 1;
}
.guide-content > *:first-of-type {
	margin-top: 0 !important;
}
.guide-content > .app-info-message {
	display: flex;
	align-items: center;
	gap: 5px;
	font-family: 'Pretendard';
	font-size: 16px;
}
.guide-content .guide-bulleted-list-container {
	margin: 10px 0;
}
.guide-content .guide-bulleted-list-container .guide-bulleted-list {
	display: flex;
	gap: 10px;
}
.guide-content .guide-bulleted-list-container .guide-bulleted-list span {
	font-family: 'Pretendard';
	font-size: 18px;
	line-height: 26px;
}
.guide-content .guide-bulleted-list-container .guide-bulleted-list-idx {
	flex-shrink: 0;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
}
.guide-content .guide-callout-container .guide-callout {
	display: flex;
	gap: 10px;
	padding: 25px 30px;
	border-radius: 10px;
	background-color: #f3f3f3;
	box-sizing: border-box;
}
.guide-content .guide-callout-container .guide-callout-icon {
	position: relative;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	margin-top: 2px;
	background: transparent no-repeat center center / contain;
}
.guide-content .guide-callout-container .guide-callout-text {
	flex-grow: 1;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	word-break: keep-all;
}
.guide-content .guide-callout-container .guide-callout.theme-default .guide-callout-icon::after {
	content: "💡";
	position: absolute;
	top: -8px;
	font-size: 24px;
}
.guide-content .guide-callout-container .guide-callout.theme-warning .guide-callout-icon {
	background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1966_1039)"><path d="M2.92984 17.07C1.97473 16.1475 1.21291 15.0441 0.688821 13.824C0.164731 12.604 -0.111131 11.2918 -0.122669 9.96402C-0.134207 8.63622 0.11881 7.31943 0.621618 6.09046C1.12443 4.8615 1.86696 3.74498 2.80589 2.80605C3.74481 1.86713 4.86133 1.1246 6.09029 0.621786C7.31926 0.118977 8.63605 -0.13404 9.96385 -0.122501C11.2916 -0.110963 12.6038 0.164899 13.8239 0.688989C15.0439 1.21308 16.1474 1.9749 17.0698 2.93C18.8914 4.81602 19.8994 7.34205 19.8766 9.96402C19.8538 12.586 18.8021 15.0941 16.948 16.9482C15.0939 18.8023 12.5858 19.854 9.96385 19.8767C7.34188 19.8995 4.81586 18.8916 2.92984 17.07ZM8.99984 5V11H10.9998V5H8.99984ZM8.99984 13V15H10.9998V13H8.99984Z" fill="%23f24822"/></g><defs><clipPath id="clip0_1966_1039"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');
}
.guide-content .guide-divider-container {
	margin: 15px 0;
}
.guide-content .guide-divider-container > hr {
	height: 1px;
	margin: 0;
	border: 0;
	background-color: #d9d9d9;
}
.guide-content .guide-embed-container .align-center {
	text-align: center;
}
.guide-content .guide-embed-container .align-left {
	text-align: left;
}
.guide-content .guide-embed-container .align-right {
	text-align: right;
}
.guide-content .guide-embed-container .provider-vimeo {
	aspect-ratio: 16 / 9;
}
.guide-content .guide-heading-one-container {
	margin: 20px 0;
}
.guide-content .guide-heading-one-container > h1 {
	font-family: 'Pretendard';
	font-size: 26px;
	font-weight: 700;
}
.guide-content .guide-heading-one-container > h1 i.symbol {
	content: "";
	display: inline-block;
	width: 24px;
	height: 26px;
	vertical-align: middle;
	background: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7498 15.3334H1.66651C1.28457 15.3334 1.00957 15.1654 0.841514 14.8292C0.673458 14.4931 0.704014 14.1723 0.933181 13.8667L5.33318 8.00008L0.933181 2.13341C0.704014 1.82786 0.673458 1.50703 0.841514 1.17091C1.00957 0.834804 1.28457 0.666748 1.66651 0.666748H11.7498C12.0401 0.666748 12.3151 0.731526 12.5748 0.861081C12.8346 0.990637 13.0485 1.1703 13.2165 1.40008L17.3415 6.90008C17.586 7.22091 17.7082 7.58758 17.7082 8.00008C17.7082 8.41258 17.586 8.77925 17.3415 9.10008L13.2165 14.6001C13.0485 14.8292 12.8346 15.0089 12.5748 15.1391C12.3151 15.2692 12.0401 15.334 11.7498 15.3334Z" fill="%230089dd"/></svg>') no-repeat center top 1px / 24px;
}
.guide-content .guide-heading-two-container {
	margin: 15px 0;
}
.guide-content .guide-heading-two-container > h2 {
	font-family: 'Pretendard';
	font-size: 24px;
	font-weight: 700;
}
.guide-content .guide-heading-two-container > h2 i.symbol {
	content: "";
	display: inline-block;
	width: 20px;
	height: 22px;
	vertical-align: middle;
	background: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7498 15.3334H1.66651C1.28457 15.3334 1.00957 15.1654 0.841514 14.8292C0.673458 14.4931 0.704014 14.1723 0.933181 13.8667L5.33318 8.00008L0.933181 2.13341C0.704014 1.82786 0.673458 1.50703 0.841514 1.17091C1.00957 0.834804 1.28457 0.666748 1.66651 0.666748H11.7498C12.0401 0.666748 12.3151 0.731526 12.5748 0.861081C12.8346 0.990637 13.0485 1.1703 13.2165 1.40008L17.3415 6.90008C17.586 7.22091 17.7082 7.58758 17.7082 8.00008C17.7082 8.41258 17.586 8.77925 17.3415 9.10008L13.2165 14.6001C13.0485 14.8292 12.8346 15.0089 12.5748 15.1391C12.3151 15.2692 12.0401 15.334 11.7498 15.3334Z" fill="%230089dd"/></svg>') no-repeat center top 1px / 20px;
}
.guide-content .guide-heading-three-container {
	margin: 10px 0;
}
.guide-content .guide-heading-three-container > h3 {
	font-family: 'Pretendard';
	font-size: 21px;
	font-weight: 600;
}
.guide-content .guide-heading-three-container > h3 i.symbol {
	content: "";
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: middle;
	background: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7498 15.3334H1.66651C1.28457 15.3334 1.00957 15.1654 0.841514 14.8292C0.673458 14.4931 0.704014 14.1723 0.933181 13.8667L5.33318 8.00008L0.933181 2.13341C0.704014 1.82786 0.673458 1.50703 0.841514 1.17091C1.00957 0.834804 1.28457 0.666748 1.66651 0.666748H11.7498C12.0401 0.666748 12.3151 0.731526 12.5748 0.861081C12.8346 0.990637 13.0485 1.1703 13.2165 1.40008L17.3415 6.90008C17.586 7.22091 17.7082 7.58758 17.7082 8.00008C17.7082 8.41258 17.586 8.77925 17.3415 9.10008L13.2165 14.6001C13.0485 14.8292 12.8346 15.0089 12.5748 15.1391C12.3151 15.2692 12.0401 15.334 11.7498 15.3334Z" fill="%230089dd"/></svg>') no-repeat center top 1px / 16px;
}
.guide-content .guide-image-container {
	margin: 10px 0;
}
.guide-content .guide-image-container img {
	max-width: 100%;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 10px;
}
.guide-content .guide-numbered-list-container + .guide-image-container {
	padding-bottom: 15px;
}
.guide-content .guide-numbered-list-container {
	margin: 20px 0;
}
.guide-content .guide-numbered-list-container .guide-numbered-list {
	display: flex;
	gap: 10px;
}
.guide-content .guide-numbered-list-container .guide-numbered-list span {
	font-family: 'Pretendard';
	font-size: 18px;
	line-height: 26px;
}
.guide-content .guide-numbered-list-container .guide-numbered-list-idx {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	color: #0089dd;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 700;
	background-color: #e2e2e2;
}
.guide-content .guide-paragraph-container {
	min-height: 1px;
	margin: 15px 0;
}
.guide-content .guide-paragraph-container > p.align-center {
	text-align: center;
}
.guide-content .guide-paragraph-container > p a {
	display: inline-block;
	padding: 10px 30px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 5px;
}
.guide-content .guide-paragraph-container > p a.active {
	border-color: #0089dd;
	background-color: #0089dd;
}
.guide-content .guide-paragraph-container > p a span {
	color: #717171;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 600;
}
.guide-content .guide-paragraph-container > p a.active span {
	color: #fff;
}
.guide-content .guide-paragraph-container > p span {
	font-family: 'Pretendard';
	font-size: 18px;
	line-height: 26px;
}
.guide-content .guide-paragraph-container > p span i.symbol {
	content: "";
	display: inline-block;
	width: 14px;
	height: 18px;
	vertical-align: middle;
	background: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7498 15.3334H1.66651C1.28457 15.3334 1.00957 15.1654 0.841514 14.8292C0.673458 14.4931 0.704014 14.1723 0.933181 13.8667L5.33318 8.00008L0.933181 2.13341C0.704014 1.82786 0.673458 1.50703 0.841514 1.17091C1.00957 0.834804 1.28457 0.666748 1.66651 0.666748H11.7498C12.0401 0.666748 12.3151 0.731526 12.5748 0.861081C12.8346 0.990637 13.0485 1.1703 13.2165 1.40008L17.3415 6.90008C17.586 7.22091 17.7082 7.58758 17.7082 8.00008C17.7082 8.41258 17.586 8.77925 17.3415 9.10008L13.2165 14.6001C13.0485 14.8292 12.8346 15.0089 12.5748 15.1391C12.3151 15.2692 12.0401 15.334 11.7498 15.3334Z" fill="%230089dd"/></svg>') no-repeat center top 2px / 14px;
}
.guide-content .guide-table-container {
	margin: 15px 0;
}
.guide-content .guide-table-container table {
	width: 100%;
	border-collapse: collapse;
}
.guide-content .guide-table-container table th,
.guide-content .guide-table-container table td {
	padding: 13px 15px;
	border: 1px solid rgba(0, 0, 0, .1);
}
.guide-content .guide-table-container table[align=center] th {
	font-weight: 600;
	background-color: #f9f9f9;
}
.guide-content .guide-table-container table[align=center] th,
.guide-content .guide-table-container table[align=center] td {
	text-align: center;
}
.guide-content .guide-table-container table[align=center] th span,
.guide-content .guide-table-container table[align=center] td span {
	font-family: 'Pretendard';
	font-size: 15px;
	line-height: 22px;
}
.guide-content .guide-video-container .align-center {
	text-align: center;
}
.guide-content .guide-video-container .align-left {
	text-align: left;
}
.guide-content .guide-video-container .align-right {
	text-align: right;
}

.guide-content .guide-search {
	padding-left: 30px;
}
.guide-content .guide-search .guide-search-character {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 25px;
	margin: 30px 0 40px;
}
.guide-content .guide-search .guide-search-character img {
	max-width: 100px;
}
.guide-content .guide-search .guide-search-character span {
	color: #474747;
	font-family: 'Pretendard';
	font-size: 18px;
}
.guide-content .guide-search .guide-search-card {
	position: relative;
}
.guide-content .guide-search .guide-search-card input[type=text] {
	width: 100%;
	padding: 16px 28px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	box-sizing: border-box;
}
.guide-content .guide-search .guide-search-card button {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 26px;
	height: 26px;
	border: 0;
	background: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3033 3.24805C7.6336 3.24805 3.03741 7.84423 3.03741 13.5139C3.03741 19.1836 7.6336 23.7798 13.3033 23.7798C16.0012 23.7798 18.4621 22.7408 20.2952 21.0405C20.9508 20.4324 22.0067 20.4046 22.6818 21.0797L29.9905 28.3883C30.4908 28.8887 30.4908 29.6999 29.9905 30.2003C29.4901 30.7006 28.6789 30.7006 28.1785 30.2003L21.4282 23.45C19.2152 25.2575 16.3803 26.3423 13.3033 26.3423C6.21837 26.3423 0.474915 20.5988 0.474915 13.5139C0.474915 6.429 6.21837 0.685547 13.3033 0.685547C20.3882 0.685547 26.1317 6.429 26.1317 13.5139C26.1317 15.0083 25.8756 16.4457 25.4039 17.7828C25.3905 17.8208 25.3755 17.8578 25.3589 17.8937C25.3028 18.0485 25.2437 18.2019 25.1819 18.3538C24.915 19.0091 24.1674 19.3241 23.512 19.0572C22.8567 18.7903 22.5417 18.0427 22.8086 17.3874C23.2353 16.3394 23.4951 15.2012 23.5521 14.0025C23.554 13.9645 23.5574 13.927 23.5624 13.89C23.5669 13.7653 23.5692 13.6399 23.5692 13.5139C23.5692 7.84423 18.973 3.24805 13.3033 3.24805Z" fill="%23141414"/></svg>') no-repeat center center / cover;
	transform: translateY(-50%);
}
.guide-content .guide-search .guide-search-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 20px;
}
.guide-content .guide-search .guide-search-summary-text {
	font-family: 'Pretendard';
	font-size: 16px;
}
.guide-content .guide-search .guide-search-summary-text span {
	color: #0089dd;
	font-weight: 500;
}
.guide-content .guide-search .guide-search-summary button {
	display: flex;
	align-items: center;
	gap: 5px;
	border: 0;
	color: #474747;
	font-family: 'Pretendard';
	font-size: 16px;
	background: none;
}
.guide-content .guide-search .guide-search-summary button i {
	transform: rotate(45deg);
}
.guide-content .guide-search .guide-search-items {
	margin-top: 45px;
}
.guide-content .guide-search .guide-search-items > .app-info-message {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 60px 0;
}
.guide-content .guide-search .guide-search-item + .guide-search-item {
	margin-top: 45px;
	padding-top: 45px;
	border-top: 1px solid rgba(0, 0, 0, .2);
}
.guide-content .guide-search .guide-search-item-title {
	margin-bottom: 25px;
	font-family: 'Pretendard';
	font-size: 20px;
	font-weight: 500;
}
.guide-content .guide-search .guide-search-item-cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
.guide-content .guide-search .guide-search-item-card {
	padding: 15px 25px;
	border-radius: 10px;
	color: #000000b2;
	font-family: 'Pretendard';
	font-size: 16px;
	background: #f1f3f6cc url('data:image/svg+xml,<svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.58799 7.50557L0.292992 12.7936C0.111083 12.9824 0.0106316 13.2352 0.0132732 13.4974C0.0159149 13.7596 0.12144 14.0103 0.307117 14.1954C0.492795 14.3806 0.743766 14.4854 1.00598 14.4873C1.26819 14.4892 1.52065 14.388 1.70899 14.2056L7.70899 8.21157C7.88995 8.02939 7.99389 7.78459 7.99929 7.52787C8.00469 7.27115 7.91113 7.02219 7.73799 6.83257L1.71399 0.79357C1.52565 0.611127 1.27319 0.50996 1.01098 0.51186C0.748767 0.51376 0.497794 0.618575 0.312117 0.803728C0.12644 0.988881 0.0209141 1.23956 0.0182724 1.50176C0.0156307 1.76396 0.116084 2.01671 0.297993 2.20557L5.58799 7.50557Z" fill="black"/></svg>') no-repeat center right 20px / 8px 14px;
}

.guide-content .guide-recommends {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 30px;
}
.guide-content .guide-recommend {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 15px 30px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 20px;
	background: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.37233 7.00557L0.518576 12.2936C0.351826 12.4824 0.259745 12.7352 0.262167 12.9974C0.264589 13.2596 0.36132 13.5103 0.531524 13.6954C0.701728 13.8806 0.931785 13.9854 1.17214 13.9873C1.4125 13.9892 1.64393 13.888 1.81658 13.7056L7.31658 7.71157C7.48245 7.52939 7.57773 7.28459 7.58268 7.02787C7.58763 6.77115 7.50187 6.52219 7.34316 6.33257L1.82116 0.29357C1.64851 0.111127 1.41709 0.00996017 1.17673 0.0118599C0.936369 0.0137596 0.706311 0.118575 0.536107 0.303728C0.365902 0.488881 0.269171 0.739555 0.266749 1.00176C0.264328 1.26396 0.35641 1.51671 0.52316 1.70557L5.37233 7.00557Z" fill="black"/></svg>') no-repeat center right 30px / 8px;
	transition: opacity .2s;
}
.guide-content .guide-recommend:hover {
	opacity: 0.7;
}
.guide-content .guide-recommend-group-icon {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	background: transparent no-repeat center center / contain;
}
.guide-content .guide-recommend-title {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-right: 30px;
}
.guide-content .guide-recommend-group-name {
	font-family: 'Pretendard';
	font-size: 14px;
	font-weight: 500;
}
.guide-content .guide-recommend-name {
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 500;
	word-break: keep-all;
}

.guide-index {
	position: sticky;
	top: 60px;
	flex-shrink: 0;
	width: 220px;
}
.guide-index .guide-index-title {
	padding-bottom: 10px;
	font-family: 'Pretendard';
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
.guide-index > ol a {
	display: block;
	padding: 5px 0;
	color: rgba(0, 0, 0, .6);
	font-family: 'Pretendard';
	font-size: 16px;
	line-height: 22px;
	word-break: keep-all;
	transition: color .2s;
}
.guide-index > ol li.active > a {
	color: #000;
	font-weight: 600;
}
.guide-index > ol > li > ol {
	padding-left: 10px;
}
.guide-index > ol > li > ol > li > ol {
	padding-left: 20px;
}