@charset "UTF-8";
html, body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 10px;
	background: transparent;
}

div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, em, address, fieldset, form, iframe, object {
	font-family: -apple-system,BlinkMacSystemFont,'Malgun Gothic','맑은 고딕',helvetica,'Apple SD Gothic Neo',helvetica,'나눔바른고딕 옛한글','NanumBarunGothic YetHangul',sans-serif;
	margin: 0;
	padding: 0;
}

img, fieldset, iframe {
	border: none;
}

li {
	list-style-type: none;
}

em, address {
	font-style: normal;
}

a {
	color: inherit;
	text-decoration: none;
}

.auto_search_wrap {
	width: 584px;
	margin-top: 6px;
	margin-left: 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 16px;
	border: 1px solid #F0F0F3;
	background: #fff;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
	        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
	letter-spacing: -0.3px;
}

.auto_search_wrap .words ul {
	display: none;
	padding: 12px 0;
}

.auto_search_wrap .words li {
	padding: 0 16px 0 20px;
	height: 36px;
	margin-top: 4px;
	font-size: 1.6rem;
	line-height: 3.6rem;
	letter-spacing: -0.3px;
	color: #222225;
}

.auto_search_wrap .words li:first-child {
	margin-top: 0;
}

.auto_search_wrap .words li a {
	position: relative;
	display: block;
	padding-left: 34px;
	font-weight: 700;
}

.auto_search_wrap .words li a:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g id="icon.search.g60"><path id="Ellipse 21" d="M8.85879 2.14125C10.7138 3.99625 10.7138 7.00379 8.85879 8.85879C7.00379 10.7138 3.99625 10.7138 2.14125 8.85879C0.286251 7.00379 0.286251 3.99625 2.14125 2.14125C3.99625 0.286251 7.00379 0.286251 8.85879 2.14125Z" stroke="%23C5C5C7" stroke-width="1.5"/><path id="Vector 4" d="M9.53033 8.46918C9.23744 8.17629 8.76256 8.17629 8.46967 8.46918C8.17678 8.76207 8.17678 9.23695 8.46967 9.52984L9.53033 8.46918ZM8.46967 9.52984L12.4697 13.5299L13.5303 12.4692L9.53033 8.46918L8.46967 9.52984Z" fill="%23C5C5C7"/></g></svg>');
	background-repeat: no-repeat;
	background-position: 0 0;
	content: "";
}

.auto_search_wrap .words li a strong {
	font-weight: 400;
}

.auto_search_wrap .words li:hover {
	background-color: #F0F0F3;
}

.auto_search_wrap .func {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 42px;
	padding: 12px 20px;
	border-top: 1px solid #F7F7F9;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 0;
	color: #939396;
}

.auto_search_wrap .func a {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.9rem;
}

.auto_search_wrap .func a + a {
	padding-left: 8px;
	margin-left: 5px;
}

.auto_search_wrap .func a + a:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	background-color: #C5C5C7;
	border-radius: 50%;
	content: "";
}

.auto_search_wrap .func .btn_auto_close {
	display: block;
	border: 0;
	padding: 0;
	background-color: transparent;
	font-size: 1.4rem;
	line-height: 1.9rem;
	color: #939396;
	cursor: pointer;
}

.auto_search_wrap.on ul {
	display: block;
}