@charset "UTF-8";

/* 탑헤드 셀렉터 스타일 */
.common-login-wrap .select {
	position: relative;
	background: url('/_skin/sidae/popkon/main/2023/top_familysite.png') no-repeat;
    width: 135px;
    height: 28px;
	cursor: pointer;
}
.common-login-wrap .select ul {
	border-left: 1px solid #c8cbcd;
    border-bottom: 1px solid #c8cbcd;
    border-right: 1px solid #c8cbcd;
	display: none;
	position: absolute;
	background: #fff;
	border-top: none;
	cursor: pointer;
	width: 100%;
    z-index: var(--z-index-dropdown, 102);
    top: 28px;
    left: 0;
    padding: 7px 0;
}
.common-login-wrap .select.active ul {
	display: initial;
}

.common-login-wrap .select ul > li {
	float: none;
    padding: 2px 10px;
}
.common-login-wrap .select ul li > a{
	font-size: 13.5px;
    /* color: #000; */
    font-family: 'noto2';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 113px;
    text-align: left;
	width: 100%;
}
.common-login-wrap .select ul li > a:hover{
    color: #3770e0;
	font-family: 'noto6';
}
/* 푸터 셀렉트 스타일 */
footer .select {
	position: relative;
	background: url('/_skin/sidae/popkon/main/2023/footer_familysite.png') no-repeat;
    width: 255px;
    height: 36px;
	cursor: pointer;
}
footer .select ul {
	border-left: 1px solid #c8cbcd;
    border-bottom: 1px solid #c8cbcd;
    border-right: 1px solid #c8cbcd;
	display: none;
	position: absolute;
	background: #fff;
	border-top: none;
	cursor: pointer;
	width: 100%;
	top: 36px;
    padding: 7px 0;
}
footer .select.active ul {
	display: initial;
}

footer .select ul li {
	float: none;
    padding: 2px 10px;
}
footer .select ul li > a{
	font-size: 13.5px;
    /* color: #000; */
    font-family: 'noto2';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 113px;
    text-align: left;
	width: 100%;
}
footer .select ul li > a:hover{
    color: #3770e0;
	font-family: 'noto6';
}