@charset "utf-8";

/* sidebar Box */
#sidebar-box { top: 0px; width: 320px; height: 100%; position: fixed; z-index:1000; background: #2c2d30; }
#sidebar-box .profile {
/*
	border: 2px solid #4d4d4d;
	padding: 5px;
	background: #1a1a1a;
	border-radius: 5px
*/
}
#sidebar-box .sidebar-content { position:relative; padding:0px 15px; overflow:auto; overflow-x:hidden; height:100%; -webkit-overflow-scrolling:touch; border-left: 2px solid #222;}
#sidebar-box .sidebar-head { position:absolute; top:0; left:0px; width:100%; height:10px; z-index:10; }
#sidebar-box .div-title-underline-thin { margin-bottom:0px; }
#sidebar-box .sidebar-sns-login img { margin:5px 0px 0px; width:20%; float:left; }
#sidebar-box .sidebar-icon-tbl { display:table; width:100%; table-layout:fixed; }
#sidebar-box .sidebar-icon-cell { display:table-cell;	text-align:center; vertical-align:top; padding:0px 0px 10px; }
#sidebar-box .sidebar-icon-cell span { display:block; font-size:12px; letter-spacing:-1px; margin-top:6px; }
#sidebar-box-mask { display:none; position:fixed; z-index:999; background:rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; }

#sidebar-box .sidebar-menu { margin:0px; border-top:1px solid #eee; }
#sidebar-box .sidebar-menu a { display:block; }
#sidebar-box .sidebar-menu .panel { background: none; margin-top:0px; line-height:24px; }
#sidebar-box .sidebar-menu .ca-head { padding: 0px; border-bottom:1px solid #eee; }
#sidebar-box .sidebar-menu .ca-head > a { padding: 4px 15px; }
#sidebar-box .sidebar-menu .ca-head.active > a { font-weight:bold !important; color: crimson !important; }
#sidebar-box .sidebar-menu .ca-head > a.no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#sidebar-box .sidebar-menu .ca-head > a > .ca-href { display:inline-block; width:30px; cursor:pointer; }
#sidebar-box .sidebar-menu .ca-head > a > .ca-href::after { top: 0px; float: right; position: relative; content: "+"; }
#sidebar-box .sidebar-menu .ca-head.active > a > .ca-href::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f107"; }
#sidebar-box .sidebar-menu .ca-sub { padding:0; margin:0; list-style:none; background: #fafafa; padding:0px; margin:0px; border-bottom:1px solid #eee }
#sidebar-box .sidebar-menu .ca-sub li { padding:5px 25px; padding-right:12px; border-bottom:1px solid #eee; }
#sidebar-box .sidebar-menu .ca-sub li:last-child { border-bottom:0px; }
#sidebar-box .sidebar-menu .ca-sub li.on a { font-weight:bold !important; color: crimson !important; }
#sidebar-box .sidebar-menu .ca-line { border:0px; background:#fff; font-weight:bold; }

#sidebar-box .sidebar-search { border:1px solid #eee; background:#fafafa; padding:8px; margin-bottom:10px; }
#sidebar-box .sidebar-search .row { margin-left:-3px; margin-right:-3px; }
#sidebar-box .sidebar-search .row > div { padding-left:3px; padding-right:3px; }

#sidebar-box .sidebar-media { border-bottom:1px solid #eee; margin:0px 0px 8px; padding:0px 0px 8px; line-height:20px; }
#sidebar-box .sidebar-media .media-photo i { background:#eee; border-radius: 50%; padding: 8px; width: 40px; height: 40px; text-align: center; font-size: 22px; display: inline-block; }
#sidebar-box .sidebar-media .media-photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; }
#sidebar-box .sidebar-media .media-info { font-size:12px; color:#888; }
#sidebar-box .sidebar-media .media-info i { margin-left:10px; }

#sidebar-box .sidebar-login label { line-height:12px !important; font-weight: normal; cursor: pointer; }
#sidebar-box .sidebar-login .profile .photo { margin-right:12px; }
#sidebar-box .sidebar-login .profile .photo img { width:60px; height:60px; border-radius: 50%; border:0; }
#sidebar-box .sidebar-login .profile .photo i { width:60px; height:60px; font-size:30px; padding:15px 0px 0px; text-align:center; background: #454545; color: #898989; border-radius: 50%; }
#sidebar-box .sidebar-login .profile h3 { font-size:18px; line-height:32px; padding:0px; margin:0px; letter-spacing:-1px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
#sidebar-box .sidebar-login .form-group { margin-bottom:10px; }

#sidebar-box .sidebar-list { padding:0px; margin:0px; list-style:none; }
#sidebar-box .sidebar-list a { display:block; padding:4px 15px; border-bottom:1px solid #6d6d6d; }
#sidebar-box .sidebar-list.list-links a::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#sidebar-box .sidebar-list.list-links a.no-fa::after { content: ""; }

#sidebar-box .progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
#sidebar-box .progress .sr-only { margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
#sidebar-box .sr-score { height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }
#sidebar-box .sr-secret { display:inline-block; padding:0px; margin:0px; line-height:12px; vertical-align:middle; background-repeat: no-repeat; background-position: 0px 0px; width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }

#sidebar-box .sidebar-wing { position:absolute; width:36px; z-index:1; text-align:center; }
#sidebar-box .sidebar-wing-close { background:#2c2d30; font-size: 18px; font-weight: 300 !important; width:36px; height:50px; line-height:50px !important; border:1px solid #2c2d30; cursor:pointer; }

@media (min-width: 481px) {
	#sidebar-box { right: -355px; border-left:1px solid #2c2d30; margin-left:40px; }
	#sidebar-box .sidebar-wing { left:0; margin-left:-35px; }
	#sidebar-box .sidebar-wing-close { border-right:0px; }
}
@media (max-width: 480px) {
	#sidebar-box { left: -355px; border-right:1px solid #2c2d30; margin-right:40px; }
	#sidebar-box .sidebar-wing { right:0; margin-right:-35px; }
	#sidebar-box .sidebar-wing-close { border-left:0px; }
}

@media (min-width: 768px) {
	#sidebar-box { padding-bottom:0px; }
	#sidebar-box .sidebar-wing { top:20%; }
	#sidebar-box .sidebar-wing-icon { border-right:0px; display:block; }
}
@media (max-width: 767px) {
	#sidebar-box { padding-bottom:0px; }
	#sidebar-box .sidebar-wing { top:35%; }
	#sidebar-box .sidebar-wing-icon { display:none; }
}

.menu-icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

.menu-item-empty{
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-shop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(4, 4) scale(0.8)'%3E%3Cpath d='M20,6 L6,18 L9,18 L9,34 L31,34 L31,18 L34,18 Z' fill='none' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3Crect x='16' y='24' width='8' height='10' fill='none' stroke='white' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-review {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='8' y='12' width='24' height='16' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='5' fill='none' stroke='white' stroke-width='2'/%3E%3Crect x='24' y='8' width='6' height='4' fill='white'/%3E%3C/svg%3E");
}

.icon-event {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20,8 L23,17 L32,17 L25,22 L28,31 L20,26 L12,31 L15,22 L8,17 L17,17 Z' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-star {
	/* 하트 SVG (상단 레이어) + 집 모양 SVG (하단 레이어) */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(21, 1.5) scale(0.5)'%3E%3Cpath d='M20,30 C20,30 8,20 8,14 C8,10 11,8 14,8 C16,8 18,9 20,11 C22,9 24,8 26,8 C29,8 32,10 32,14 C32,20 20,30 20,30 Z' fill='none' stroke='white' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E"), 
	                  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20,6 L6,18 L9,18 L9,34 L31,34 L31,18 L34,18 Z' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 40px 40px, 30px 30px;
	background-position: center center, center 8px;
	background-repeat: no-repeat;
}

.icon-community {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='15' cy='15' r='5' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='25' cy='15' r='5' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M10,25 C10,20 20,20 20,25' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M20,25 C20,20 30,20 30,25' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-inquiry {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(4, 4) scale(0.8)'%3E%3Ccircle cx='20' cy='20' r='15' fill='none' stroke='white' stroke-width='2.5'/%3E%3Cpath d='M20,25 L20,22 C20,18 25,18 25,15 C25,12 22,10 20,10 C18,10 15,12 15,15' fill='none' stroke='white' stroke-width='2.5'/%3E%3Ccircle cx='20' cy='28' r='1' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-alliance {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M10,24 L6,24 L6,16 L10,16 M30,24 L34,24 L34,16 L30,16' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M10,20 C10,20 14,14 20,20 C26,26 30,20 30,20' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14,18 C14,18 17,14 20,17 C23,20 26,18 26,18' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14,22 C14,22 17,26 20,23 C23,20 26,22 26,22' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
/*
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAmpQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////xH3ReQAAAM50Uk5TAGO8FwyCHlrw48IIsf7MVfp6E98Nte0809cUYPJ0AhvLxxwPtOImwNtN9ogq8Z0Dp+c1ZfhwAZKt70oQxdWFjH/ukSdcaEgKMOU4ivtLR/nm3v/0/PXWsAuYQBFfBUKats4VXpnsQTPSyQY5VtQYBJ7rPWlGm+iXkyS6B5VT84aNGTGhceqQQ9rdzf0JfIk2JUTIjr9S4C4rOqxOqMrRYkwSva+qvrggpsFZ5DRUubM7XX03t4vEP4dQ93dRgx/hdiPQT5+y3GZJ6XNvIXv8VOB9AAADF0lEQVR4nGNkIBIwDiWFjIyMfzGlWRgZf6EqZAcq/Imhkhso+uMXskJ+oAjjb7Y3aOq4QMKMzxAKpYHcR/JA4h6yOmWgwC0hUcZ7v2AKNRkZPz9iYNBhZLyEpE4fqO4cA4PSv3cg20EKjRkZXwLVmTFe+y/0CKFQToqR8RiQtmZkPPkLpJCd0ewBSB3nL6CP7oBUOoNcttPjrsoPzm1ALrPlpR+/GEH+eA/kmYkyMm72Y3zLfw1k5T2g+74B/XxbbRlQLnovUCjmANAfDAyxt546LQI605jxiIboz6sXkxjX2Ty6KOfGyDiLgS1xddg7xgBJRsZNj2PP8RlPAbuMLX2L7yS4O/OBRvUVvxH9y8IYJcP44e4np4PWPWCZyiO2L+Yheb2a8eXVP+6MjPMZGXzPp8xT/CXy8hRIvPHNFsd5DMX8dQiVHPuAfmv9CvR1+3euU1xLwKJC5YwbjzI4eO/eBVfYM/ulk9aiR+BwLDnpe2YDOEZ7Z4gdzZffpypXCFMnpWSozDjvIjRm8qf0N3ssBjIm/19iefGtm2Jpz6ad+RNBUpOZGTORE0V/Y0cGkJo5O63rR32qe2hhJztjAygWrO9sZkBWqJwklQgK9aztzm/X/3zfzLgh8EcqSOeuMw9RFDIs+RcHd7921WZl7f1OkUDmCsbeU6gKZ7T0hcEULn9UaXlTpZgxhGF65dxgBlSFDDVXtkGSslpLT+Kn9cw3G758XOjvun4xusKI8FuHjiQAfbphIuOXD8mVljyhuRFf97xjQFfIsPHW/wXXTc/MS3D5UNeS+OnjPU/G7GW+DJgKtzB6R8Ye3fO519ONL6XOeUfyEYaPf3ZjUWh+ffUKLX3GI//tXKauqVlr+0j3xocz27Ao3Bcg88z0Rh7vcaG7m1wE96gmanjucGDAopAh9rmV8/VdBcWRc2baTn155M4yRmsGrAoZpNYk/XXmfaDBtqr4lDxTc8G7KTgUMohs7i6zmPT0RfSkWvv1wgunMuBSyMCw6Lj4VYYtmVdajxagSqArPONQ53z/aj0DJhgMBSnVFAIAfFkUO/Bgt0wAAAAASUVORK5CYII=');

	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAXRQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HZcRAAAAHx0Uk5TABVss8SZTRMnSUcdAQVIhYM9C3fd//3ekEbS8fDUVUuy7+rH+tt1U5Xi/u62yfzrl9ynylkCBECgIe372mIReONkEFcg7KFDzQ1RlDMGsCq1idn2zigDbjSjI+e70H+6yPn49Q+k5uQlvRa8Yxqp4D6Gzyl2gfQYW4hnVH2WGGkAAAGQSURBVHicY2QgEjCOKhwEChkh4CeGQg5GkNwXBgZeqBJGqOov/4GA4f8PmEIpsMJHQrwg1UDiowBI1RtRRsYnvCCFz2AKWTUY3oowMv5+xSjN+Oe5KCcj42kGBjNGxreczyXfCDPc+I3kRkvG2wxqIHOuaTNefAcR4zFjvKT6/ziqZ1wYLxgyfj/E4PHoyScGBk+gji1AUd8TBv/3YCi02Ayk/Y7/tv/Ef+Ujg816/Ar5xD6p3Gbg/8ijvAe/Qh5TQcYLHyw5DkqznsarEApCX1/97baKCIUM4ZcF5FYQo9BMec+7v9gURh3/Ismg+3IPXKHaTo9X4ozbeCyXISlMYGS4dct3p8fxW3//Q4RTGDdAdaipMZy5DFOoY8XAOEfM/4nsGsv/YPuzDv17zcDj9UDx3s6U/wzHrjCgJbPcGxci5wETEXfKMqknllyrkOVQ02PB1QsxR0/xRa6LZexlQAWoCnmk/9oKMzLONzTsZMCrkIGhYi4Dg6R3O7oyLFmh6tllj4lfiFCIC4wqpLNCAOPhmSncIWq8AAAAAElFTkSuQmCC')
}
*/

.icon-attendance {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='8' y='8' width='24' height='24' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M12,20 L18,26 L28,14' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-mission {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='8' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='20' cy='20' r='4' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-message {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M8,10 L32,10 L32,26 L22,26 L20,30 L18,26 L8,26 Z' fill='none' stroke='white' stroke-width='2'/%3E%3Cline x1='14' y1='18' x2='26' y2='18' stroke='white' stroke-width='2'/%3E%3Cline x1='14' y1='22' x2='22' y2='22' stroke='white' stroke-width='2'/%3E%3Cline x1='14' y1='14' x2='26' y2='14' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-login {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M24,20 L8,20 M18,14 L24,20 L18,26' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M24,10 L30,10 L30,30 L24,30' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-logout {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M16,20 L32,20 M22,14 L16,20 L22,26' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M16,10 L10,10 L10,30 L16,30' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-all-shops {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='8' y='15' width='10' height='15' fill='none' stroke='white' stroke-width='2'/%3E%3Crect x='22' y='15' width='10' height='15' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M6,15 L34,15 L32,10 L8,10 Z' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-my-info {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='16' r='6' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M10,32 C10,26 30,26 30,32' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-edit-info {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(-2, 5) scale(0.85)'%3E%3Ccircle cx='20' cy='16' r='6' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M10,32 C10,26 30,26 30,32' fill='none' stroke='white' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(11, 2) scale(0.55)'%3E%3Cpath d='M32,5 L37,10 L25,22 L20,22 L20,17 Z' fill='none' stroke='white' stroke-width='3'/%3E%3Cpath d='M20,22 L17,25 L20,17' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-notice {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(4, 4) scale(0.8)'%3E%3Cpath d='M12,14 L30,6 L30,34 L12,26 Z' fill='none' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3Crect x='6' y='17' width='6' height='6' rx='2' ry='2' fill='none' stroke='white' stroke-width='2.5'/%3E%3Cpath d='M15,26 L17,35 L23,35 L21,26' fill='none' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cline x1='34' y1='12' x2='38' y2='9' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='34' y1='20' x2='39' y2='20' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='34' y1='28' x2='38' y2='31' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-free-board {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='8' y='10' width='24' height='20' fill='none' stroke='white' stroke-width='2'/%3E%3Cline x1='14' y1='16' x2='26' y2='16' stroke='white' stroke-width='2'/%3E%3Cline x1='14' y1='22' x2='26' y2='22' stroke='white' stroke-width='2'/%3E%3Cline x1='14' y1='28' x2='20' y2='28' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-humor {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M15,18 L16,18 M24,18 L25,18' stroke='white' stroke-width='2'/%3E%3Cpath d='M15,24 Q20,28 25,24' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-adult {
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='12' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M15,15 L25,25 M25,15 L15,25' stroke='white' stroke-width='2'/%3E%3Ctext x='20' y='37' text-anchor='middle' fill='white' font-size='8'>19</text%3E%3C/svg%3E");
*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='15' stroke='white' stroke-width='2' fill='none'/%3E%3Cline x1='8' y1='32' x2='32' y2='8' stroke='white' stroke-width='2'/%3E%3Ctext x='12' y='26' fill='white' style='font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;'%3E19%3C/text%3E%3C/svg%3E");
}

.icon-job {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M10,16 L30,16 L30,30 L10,30 Z' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M16,16 L16,12 L24,12 L24,16' fill='none' stroke='white' stroke-width='2'/%3E%3Cline x1='10' y1='22' x2='30' y2='22' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-meeting {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='14' cy='16' r='4' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='26' cy='16' r='4' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M8,28 C8,24 20,24 20,28' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M20,28 C20,24 32,24 32,28' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M18,20 L22,20 M20,18 L20,22' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-welcome {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='16' r='6' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M10,32 C10,26 30,26 30,32' fill='none' stroke='white' stroke-width='2'/%3E%3Cg transform='translate(32, 16) rotate(-45) scale(0.55)'%3E%3Cpath d='M-4,8 V-4 A4,4 0 0,1 4,-4 V8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M-8,0 L-11,-3 M8,0 L11,-3 M0,-9 V-14' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-mobile {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='12' y='6' width='16' height='28' rx='2' ry='2' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='20' cy='30' r='1.5' fill='white'/%3E%3Cline x1='17' y1='8' x2='23' y2='8' stroke='white' stroke-width='1'/%3E%3C/svg%3E");
}

.icon-pc {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='6' y='8' width='28' height='20' rx='2' ry='2' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M14,32 L26,32 M20,28 L20,32' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-recent-shop {
	/* 시계 SVG (상단 레이어) + 집 모양 SVG (하단 레이어) */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='31' cy='11' r='6' fill='%232c2d30' stroke='white' stroke-width='2'/%3E%3Cpath d='M31 11 V7 M31 11 H34' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"), 
	                  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20,6 L6,18 L9,18 L9,34 L31,34 L31,18 L34,18 Z' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 40px 40px, 30px 30px;
	background-position: center center, center 8px;
	background-repeat: no-repeat;
}

.icon-coupon {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYlQTFRFAAAA////////////////////////////////////////////////////////////////////////////////+/39/////////////v7+/f39/v7+/f7+/v7+/////////////f3+/////////v7+/////////////////v7+6uvt/////////v7+/////f39/////////////////////////////v7+/////////////////////////v7+/////v7+/////v7+/Pz8/////v7+/////////////////////////v7//////v7+/////v7+/v7+/f39/f7+/////////////////////////f39/f7+/v7+/f39/////////////v7+/////v7+/////////////////////v7+/v7+3d3g////+/z8/////////////////////v7+/////////v7+/////////v7+/v7+////////////////////////////////8YBarwAAAIN0Uk5TAPr/czj79/3vwMzFqdbj+AbL5xSOAtvyH1WTQXEj0e0Sp/53iorNCkXWBOz1YtwEBKTuWuhZ9h8w5DV2+SiXtgJ5SBLdRhaHP2Kt04czj5SEMywWkGcdVOmuCBsxLoQmogTHjMbz6iwulqcC3w6gDlLhmevwF0rYJY4qm8nVT22yhkgiaKRWAAABwklEQVR4nGNkIBIwjiocAIWMUOWMjIx/sSli+QVVyA5WyfiDk/Eb9x9MdayMH2EKmb4DSQEgX4DxLaZCkd+oChlEgVa/ANKSjIxPwSpkGB9jVcggx8j4gIFB8aHCA8W7QK7KPeXbaArlGW+CHa1yA0gqAZ3MeIWBQfeqDuNFIN+A8R5MIetfA8azCLfrMzJ+vcpgfoNB8wRIt+lJuK+tGBmfSR9mYLBjZDzAwOB4kEFBYZ8z4z3l3UA5t2ffVBl3wAPcc6fHNgYG7712u4AcV3bGzQycP302gWSsj/tuhAc4UN9+t61whSAQsInjG5jB8836MJJCFrnn35EVBu5TZT6pr8y4liFkXfBquMIwRsZVakAPR24MWAZWF32bTWFJ7PV392MXxS9idRZbCFWofV3BbgGQTjx2E2Jg0oLEuUBXJjHO+c+g/OR3yixYOLJHzgTREgEzwOoyZ2YwTmXImZrDOOUf0P2n/6HHDFcM50QgVbDJvx9IFU3g/VzYizUKedMZu4FUGSNjByiRZG69m9+GTWH18gdVWy7gTT1l4PS42OXEFVdzTIVM/XCFvyEi9YytvzHVAZ30ceBz4ahCihUCAPOrkClCFlRUAAAAAElFTkSuQmCC');
}

.icon-notify {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYBQTFRFAAAA/////v7+/v7+/////////////v7+/////v7+/v7+/////////////////////////////v7+/////////////////f39/v7+////+/v7/v7+/////////////////f39/v7+/v7+/v7+/////v7+/v7+/Pz8/////Pz8/v7+/v7+/Pz8/v7+/Pz8/v7+/v7+/f39/////f39/v7+/////////////f399vb2/////v7+/v7+/Pz8/Pz8/Pz8/v7+/f39/v7+/////////Pz8/v7+/////////////////////f39/////////////////////////////////f39////+fn5/f39/v7+/v7+/v7+/f39/v7+/v7+/v7+k5OTo6Oj1tbW+vr6/////////v7+/////////////v7+/////v7+////////////+/v7/Pz89PT08/Pz+fn5/Pz8/v7+////6+vr/v7+/v7+////////////////////BJRHYwAAAIB0Uk5TAKj8/fBSFWr8+f/hSwMg3fjg3ez7+Y4PdO48QlcJiiVU8sJx6PTtqusM49Y3+1tkbl7+evHXBpzrJc7qpxcaKPCb5tquPPZUte/Mc0TtOvZJTurWpx3zQlmf8+UabWi0DBclNzxPrsP9//4dP5dtvU9PST8aJfrJBjXIN/rmYlkztZXjAAABLUlEQVR4nGNkIBIwjiokUSEjCPwmqJCNkRGi9DN+hXyMPzkYIeAlPoUSf1kYGf+yPJFlfMrP+xC3QgWoYTcZGGS+izJex6lQC6joutZ9sPP0n0lfwKXQEGzcKSjPnJHxOA6FVoyMZ0wPw3h2R8ReYFdoDzJvL4Ivqr8Hu0JXkIE7EHxPxm04FbIwbkHwff/iUOjH+GMnspMHo8KAozbrkRUGMa7FrjDkgONqZIUefIwrsSmMeCe8HFkdAy+rxzJsClXMGZegKGSIXRO6CItCXaOFICoBFJFQyReSs7AoTAenG3OGk2CS8QSDBcP8pKlYFPLG3waSakdtgMlWY5/zdVDi7MHmRggoBUp3VK4NaUMTx8yu1bM+l2zz7vxFUCEvY8Gs9HZ0dYOs7Bl0CgEOilQpIkJ/0wAAAABJRU5ErkJggg==');
}

.icon-jump {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAaRQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////eZSRJwAAAIx0Uk5TACFdj6u0VxQJc+b+//3tcgX6v0YIVK77egIi3HEGZvTsKi/40hANukv3+aEDBHlJD/MpqOkfmz+73jUm6EDwagHMEWgkLlnOB/JVfucd9qbuqtOWxVzrKApEE1v8K684Ds+UCzM+OjTqZRXEf+JMDIyFyIJP5U1HI4GgHu+VfcBF8RaKUL6HtYhKs7nZGHTPAAACXElEQVR4nGNkIBIwDh6FjCDw/z8z4098CjlAqhj+M/0DijIxMn7ApZCf6fd/dsa/QHkRoIavDDyMz7EplGL8yM36BW6KLCPjG1HG+5gKlRhfiTPeRrZMjfEpt+ANdIWKIPddQXW/LuM9VrmLqAoNGB98/sOAAfTuyXGcQ1FofEPzDsx5poyMJ2Fmcl/VefAcSaHVRTmhozBfyF/4b3QY5k5uXsaDCIUOjC/evoJZZ3wTqFhyH5TnfJKB5QNcoctxEbXdUBm3o0z//zNZ7YRyPc4bMW6DK/Q+4PjlAETCl/Gx3B7Xf4/vfYSqDLz54h1cYdB3rrVQ8aD9zozbvL8cYnVbCRHwOuTEtQKm0O+d7HKIMDOHnSDjBu9XR9iN7z8Gi3CwBCz9D1PIraazGKLQTINxYTRQoQIw+OdChMQ5XebAFPL853+GCGWQwgMIrqay5Gy4QlbjPTgVKktqzYIpFOd0n4lLocNpEbvFMIUZZ0yn41JoffF//DSYwrgzjlNxKcxZmLD/Ckxh3jw514k4FEorG01ggClMvn1B4BF2hUa3GL/8hytkKJzlevcyNoUOP24m9jEgFCbf/uzUC1NYMjPjNExh2VTnzf+RFDKUT+X2mw0zxWIrzPSKjara7QzIChmqJjrrtjKggYRVQU9fX0FVKGmxS573JKo6V/MHr689ZkBVyCCZOOl/0YbLSOrqehlKJsLzOVJJ0cDYzf0mfBnEnU6Mc97KRdUgZJGLlGS+A7cZbG1+cN5RPbmHgbX8wA4G7AqBStUYt5wHBsd/kZyOvyhl1GAqcSlXCACgS80pni0/lwAAAABJRU5ErkJggg==')
}

.icon-clock {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAU1QTFRFAAAA/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+4jg9YQAAAG90Uk5TABCE6Pz//vnRVQdBz/375sWqoLHv+KUimvGVIz+7ZB/ZigsXwqMP6+Q3JhS91zvjaJ2X95li+ltL9Wwpx9YMh3Hgge1K3vSn4fOi8na1WJJHwxV6gNgCCIXlL1PQzrbdqEQg7n/A4p4diaRmptJXgfIYnwAAAdpJREFUeJxjZCASMA45hYwgAKO/4VTIzcj4kwOs5ifHz5/8jIwvsSpkFP/2Q5iR8SmEJ8P48Qcf15tvmArlGZ/+l2W8hzBCmfERuwTjLXSF8hzPpBmvg5la/5mughlyL9nlft1CVcioc12F7RKELSB/+R+EZXCdT+bmNxSFRld0v12H6tV9rnAGyjS9aMB4ElmhxRlTxmMMmAoZBP9IiRxFUmhzSZ/xEDaFygJsbAcRChl5tdkPMGBTyCD8y+TkN7hCpzNSn59iV8jNbMq4B67QlZFxJwN2hQwejIzb4AqNJRi34FLoe/DXD7hCNl3pTbgU+m+33QtXyMrotQFJIZsc4zo4L3jT/z84FIbs/MHo/5ttFUwhx2ccVjOEMzJu+el8wnMZhtWongGCMFbGW9cDFoOYcRuQPBP/XGoBAxrQNmOchxE8Ibu8Dz1FVwkB3MyhV0/AFaJGIQoQ/mV9CBGFqIkCGaAlCgZubWbtOdgUps5P2vgSSSFKwkUCci/QEi4Do81xeFZAAGBWCPqwEkUhQ8Z+eOaCA9NLmJkLqPLojf+pO9Gya+wejOyKXgBwCwELgPA3KxkwFUKLFO/tsCIlfD1yJKAVUuGroYVUGuPLlahS6D7FBYaCQgDDRaQptWgZwQAAAABJRU5ErkJggg==')
}

.icon-ask {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAjFQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+I4f6wAAALt0Uk5TAAIVO1lmY00sDAEScNr6/v/99LtICRaX+duib1dcf7jq/OEKKNj2wGUtBAUcPYHc+6MUVetyJA847cgu99NSDRju1dFRJR8Lfu+bk+lfsfPXeBeR8fJq3+XPrzbC5kkHHfDWdUWk7OeJCA55sGvo3bcwj26d4z/i0lYZp84xQVqMYoDkcRpGBrTHM09LHjqmQilztjQ+mS9p0KlA3pBedzwQVIbDlohOWHueNRG8nDKSyVsDpWf4mmRTOcbT7msAAAKtSURBVHicY2QgEjAOHoWMcPANn0JusBKY+te4FIox/v7PDjeRgfGJ7F2sClUY/7ACFbz9L8p4TxlsOTfjOSwKjRk//RdgvP8V4jZGM8b7Sm9FGI9iKFT5IwM05DTCC4z295SfvpU/h6ZQTOeCIeP9u2B/ODMyHgZpEDN6I8p48y6qQu/Ddoy/dgIZFmLPPmkyMm78B2QHMR6VefEERSG3J+Od3/eAxoQx/mVhPKPyWu0h0HWMUc+fmO18jaww7JYuI+NCBoaEx3KMjD84weEznYEhi3Gt/5y/CIWMDE5y3AdABuYyMv45c5LBVfuIhmg/UMJc/q7djG9whUYMX9TUp30HskoYN/l3AUVlIxkZ24H8KsbVYcvvwhXWMkxR9lp7FciqZ2T82QYUbWTcZQNSyFm9RsayGq6wjaHT6vbd/0BWe5/YfaBNCRrAuCkD8rUS2+y+7YYr7GFocbGshYe1cjbj9Wfs4tNA0v314tn5cIUpDGsCnxyFKeTsvPD2UxBjDoitdZcL2USQGxOnXYUqbNsuxGnHmPUfrIlZBdmNQF87Gq7fCVWo537WvuE/hF0lOh3Z14wMMxYkLjsFtXvS94uOqdB4i3KckZmLCEdgzOzIZOeshLAt/mYeWgBhZplWujonIEfhwgMvzlnvgBi56JJ+6g+ogY9e1h2djqyQYWm3u/ica2Dmsm9v5SLBrCDvaj+nCAYUhbUT/R9qQ/RyW3ncAbOMyrtFEyvR0qPxuxCz7Gm3m5FSuOjkGU/bW9FTuNeRUgXuI+xnJVdD84xdAWPn2+4ujDzT2fGP8T+D+M/JRc9rdCru1VzzK+CQrqjDzIVbO2T2td9d/Xpp/iTGK7qbZGd8FAjb+Bt7vgb5o3LqV3BJ8Z95dnrodGQpzLJnRxLPPYJlDx4wMhUCAEEX7ik3BaF4AAAAAElFTkSuQmCC')
}

.icon-write {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACdQTFRFAAAA////////////////////////////////////////////////rj1KOQAAAA10Uk5TAP/VK0cPqlUdgGRxx8d8RaUAAACnSURBVHic3dDLDcIwDAZgGwmVl9RYiIHYoAv1gFiBBRiFCdgDFOwNQmzSNgldAHLI4dMfP4Iwc/CPEB1/I0GQGmOQuEYCxlZKRCf02vsSKQhJldTW1h7LIBzvZXcNLXfDnDpFCuLh8UF0OrAFmw2nNbHZ+rxiqmnv9UqFRlyvgpwuzwmvbRdLwrnn7OtsXwew8DPIkKEWvXX2lTnCJCPGtww1Vuen8Q3Y+zkpv1QVjAAAAABJRU5ErkJggg==')
}

/* 글작성 랭킹(책+펜) : 두꺼운 외곽선 */
.icon-write-rank {
	/* 흑백 스타일: 단정한 책 외곽선 + 상단 중앙 별(채움) */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3C!-- star --%3E%3Cpolygon points='20,5 21.4,8.2 24.8,8.6 22.2,10.8 22.9,14.1 20,12.4 17.1,14.1 17.8,10.8 15.2,8.6 18.6,8.2' fill='%23fff'/%3E%3C!-- book --%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='11' y='14' width='18' height='18' rx='2.2'/%3E%3Cpath d='M17 14v18'/%3E%3Cpath d='M14 19h2'/%3E%3Cpath d='M14 23h2'/%3E%3Cpath d='M14 27h2'/%3E%3Cpath d='M21 19h6'/%3E%3Cpath d='M21 23h6'/%3E%3Cpath d='M21 27h6'/%3E%3C/g%3E%3C/svg%3E");
}

/* 후기작성 랭킹(카메라) : 흑백 스타일 */
.icon-review-rank {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3C!-- star --%3E%3Cpolygon points='31,4.5 32.3,7.4 35.4,7.8 33.1,9.9 33.7,13 31,11.5 28.3,13 28.9,9.9 26.6,7.8 29.7,7.4' fill='%23fff'/%3E%3C!-- camera --%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14l2-3h12l2 3'/%3E%3Crect x='9' y='14' width='22' height='15' rx='2.3'/%3E%3Ccircle cx='20' cy='21.5' r='5'/%3E%3Cpath d='M27 18h2'/%3E%3Cpath d='M10.5 17.5h1'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-coupon2 {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAltQTFRFAAAA/f39/////////////f39/////////////f39/////////////////////////////v7+/////////////////////////////////v7+/v7+/////v7+/v7+/Pz9/v7+/////////v7+/////v7+/////////////////v7++/v7/Pz8/////////f39/v7+/////v7+/v7+/f39/f39/////////f39/v7+/v7+/Pz8/////v7+/////////////////f39/////////v7+/////////f39/v7+/v7+/v7+/v7+/v7+/////////v7+/////v7+/////////////////////////v7+/f39/v7+/v7+/Pz8/f39/////////v7+/////v7+/////f39/////v7+////+fn5/v7+/////////v7+9PT0/////f39/////////////////v7+////////+Pj4////////9fX1/////v7+/////v7+/////v7+/v7+/////////////////////////////////f3+/////////v7+/////v7+/v7+/////v7+/v7++/v7/////////////v7+/v7+/////Pz8/////////v7+/v7+/f39/////////////v7+/v7+/v7+/////v7+/////////////v7+/Pz8/////v7+/v7//v7+/////v7+/Pz8/////v7+////+/v7/v7+/////////////////////////////////////////////////v7+////Qwh+ywAAAMl0Uk5TADrLz5gKUs7NRfjTx8PI/Ywm8dnC1f78/xAdgKCZVwaD9NwMmaD69fbsdgII308OGfCBMRsfUK0CTZMGdB/g68DUBoAwBkaKLIqQjyM1Jmjo70Gi+dHyWV19aPhaITXd6Bfhsa84mywCAg43saMCrgQbHyPete4/DNuhArnCfGXzEJdLg7MhbXBuZxe47S7nnJLqVG4GVSjMa6L7FOWLs4wMWubpSFyGxa5IxMY6DJA4niXijgJcCNgMErvQnWWmkpP3jnGjlBtiABFqAgAAAhhJREFUeJxjZCASMI4qpL9CRkYM5YyMv9kY/0A5rIzfIQq5gAoZ/yOrY2KEgm8g3h/+lxCFEozPIfJSYMmHQJYC4yf+x7+VGe+AxSVeoChUZvoowMj4HKj6KoMO4yP5S3AL4ArFLwJJg9tqYAOvS/MznmCwZGQ8ymD9+xSqQhXGwwxSKkBFR21ASh/J7/QAOZuRcS/IjX6MJ6EKA45ZM65zP28LUvSLfQVD5MZvUYynGRjMGK+cZ2CI+3zUej00HD3EwZZuDFgVftpsJkPGG44lEMdlTmfI+rE5bCo8wBM/fON6yidwJITxK88kBgb2DFDQ/u8HSUXsSuxFipkSoExnJn9HJWN3hFxrDSPjLKBg+gvJBoZI9gVIUdi4IvK8US1Qip9vr+kM3cvlIBMZl8sCPdN13KoUrrBYEuTEAgaGiQvYondy2h+2ywHrn8qYxSDlpiqUCVU4Y8LzrvRZjIwpDKEejM11BRPLu0Am7nGNBqle1vCE8Ss0HOVvvWdI3/XqK0O+RWdG1bSs6eGrGBMZFgBVBwKlNzCmwwI8qg9IbkpYOGszMKmsz/2ywJtBcKkXA0O5SipqzIAVMmRdO8+88MOP8hCgj7czxvdFM+z0/oNNIcOusyaMPlunftjHwLDv0P7MubvRE8VsFWhoBmyAp9u11wUkQQ58L/KXIeX1R4jCI5j5gZHR8sRfOG9n04DnwlGFlCsEAGqopil9RuokAAAAAElFTkSuQmCC')
}

.icon-map {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAn9QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Lau0ZAAAANV0Uk5TAAIVP2qSs8Cbd0AXBCN+u+Ly9e7x9PPkv4Y1BkG97O/SkVILCht5yMZiEzO83Y8vLIHbuSfJ12cfccTg4cuNNwhR8M0645walPj9raTo+6sHhP40tMEO5nUR1ffCDXbqw8WHMGOgZAUW61UB3npT5Q9aT9ZQjCDcVN9uqqkJeLIq0UdzS9iJFLYu02iWmNolzDsmbbh9TRiLtecQa6ddz1tMfBlOqJMDvl4ejmHZ+mV0JFxKVzGhpSE4rAyDRc5Gx6KArijpIhLUWcr5n29g7Z5Dt/Y2c2478AAAA31JREFUeJxjZCASMNJYISMEMPxnAlFfcCrkBSv7zwTTwPgUq0JpqOxrMaAKGcY3DKKMjNewKNRm/MTPyPgGbogBI+NDBcYzGAp5Ne4pM769w2ABs/aAtNpPDkbGPWgKtYWAgjsZeGwYGa/qMDL+ZWFk3MDAEMh42G4tqsKQQ/afdjKE/T7qyMi4nIGRMwBo5mIGhjhGxitnkBWaK3B9AmpN+svE9FaE8bnU0pjLdz8mzGBgMDZ7dvsaQiF3yDlbxqkMPNKujPOTGN+8O+54xXsvp/WvqQxFjO+Elz+FKyydI60CdJLUX1GvXe5nlIWAzlwZ8U6YsZlBOnl9EGMDTGGG5APFOiDdvIP7aubJnXLfs7Z7MU5y03wAtLtzk/+DRV+gCrsfKpSA6F7Gw+v7OyoZGc9ubH71d9o3oxNAwSkrAudegyhkTJCQyQZ7iUXr9oFpHT/+qd+ry5xx0WAiyBss03ZrN0AUzr54PjEFpLBhuqhXF0OL5LrgHasYqp+8ZQG6m8FewiPlL0ShhTmHZgJIIY+fmWA8LKrURdJPTgXSi2f4v+iDKEz+ImMYA5ZcuiCRMRKirv2pzQ2QbxkcjJ/7h0MUauswu0MMWvTjnVIYRKHHq8qlG8DW1L20DIEoNFAPOzgJLGv/T97q6lSw9KLdtyHpIczijHg/RCG3oa1ZIFiQZ8kqZxF/EGtqzfQUSAo3eM6ZVAdRKJ2269x3iIXJN+Ui5gFtVE2d2+MLEdoy81afNzTAt22TqoKISrfsSGD0AMbR7BflzRAh1qzpBV1QhTs3+52thAgXXXZ408+wY/fPs8chAmEssuunukIVqlj8s8yFiKukPN/kNXVP5+PbfyECe4FRumYqLPXImB348A8isXVRZj5n0mrL+4vB3Azb6p8Oy+HJjMHnfVvbTggz9+rtpWdMGW0gvB7LvMlWDAiFx0uu5v2HuJ6bfTPzjMwgSG7s/HDGUjMSSSEDa1T2jn0HwEzvf002HYUQdTeetEfeZkBW2H5d8Iz3QbDtGa4NC+xBgc14NoBR3REaHPB8fbxRvIDRCOyjixe+ZYIC5rSdgDkLNOqRi5Tj17b+OZ1XCeOqyXSGquyBy6IUUjLcKxhymks9GMJD0x0ZLgjwuDJgV8iw+/hGm0WMBxkYnEJ+2DffRZbCKEilOzqWMTAvWuc+FVWc1kUzNRQCAPG5Jjg4oEP+AAAAAElFTkSuQmCC')
}

.icon-couponshop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(4, 4) scale(0.8)'%3E%3Crect x='6' y='10' width='28' height='20' rx='3' ry='3' fill='none' stroke='white' stroke-width='2.5'/%3E%3Cpath d='M14,10 V14 M14,26 V30 M26,10 V14 M26,26 V30' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Ccircle cx='20' cy='20' r='4' fill='none' stroke='white' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-itemshop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(4, 4) scale(0.8)'%3E%3Cpath d='M6,10 L10,10 L14,28 L34,28 L38,12 L12,12' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='16' cy='34' r='3' fill='none' stroke='white' stroke-width='2.5'/%3E%3Ccircle cx='32' cy='34' r='3' fill='none' stroke='white' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-giftcard {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAfhQTFRFAAAA9vb29fX19fX19fX19fX19fX19fX19fX19PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09fX19fX19fX19PT09PT09PT09PT09PT09PT09fX19PT09PT09PT09PT09PT09fX19PT09fX19fX19PT09PT09fX19PT09PT09fX19PT09PT09fX19PT09PT09fX19PT09PT09PT09fX19PT09fX19fX19PT09fX19fX19PT09PT09PT09PT09PT09PT09PT09PT09fX19fX19fX19PT09PT09fX19PT09PT09fX19fX19vb29fX19PT09fX19PT09PT09fX19fX19PT09PT09PT09PT09PT09fX19fX19fX19PT09PT09PT09PT09PT09PT09fX19fX19PT09PT09fX19fX19PT09PT09PT09fX19fX19PT09fX19fX19fX19PT09PT09fX19PT09PT09PT09PT09PT09PT09PT09PT09PT09fX19PT09PT09PT09PT09PT09fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19PT09fX19PT09PT09fX19PT09PT09fX19PT09PT09PT09fX19PT09PT09fX19fX19fX19PT09fX19fX19fX19PT09PT09fX1mDIsYQAAAKh0Uk5TAAQoPxIEKkEdfb3KsEOEw8mqUgYXl+XRwuLUKnTtzt3VWQJapDBU8aPwvCbQwQ6b5yXH9v08j9tZoRl9/vSI3l1V7q4MMT7cxSOMy00QEAgbfOrgSiFGpPj804unek9Q//v39UVV+oFnw57p74ZIl2JdazOxqobhoubA2bKtQVxwxh355HBqS20faISY0L2Mk39L44inYo5038yH1kqPX5a0k5Svq/JXVvLlPQAAAfhJREFUeJxjZCASMA68QkYg+MPAwMrI+PcPPoUcIIWMPxg4wfRbnApFGOHgFzuQuIdDoRLjZz7G90JghS+F2Bhv/sKhUA+o4DwDqy6QOs3AasjIeAKXQu7vXMcYGKyBKn4zMNgxMh7A5UZHoFl7GFzfcx9kYHADsrfjUqgnA3QkI+OzxxZgd55DVXMPplDJmPGCIUjBw1tuB+VvuYPEGP/Djfq/3nkDWKEej+A9SYaPnAwyd3SAqo9JYlh7wuAYSGEKKIhFGG+ejQaZ+gwiJ/VMCs6S/sI7AaSwkPHDSQ/GRfGMjBdYt2D6goGB10BkPUThM4lDrj+Asdf5F5s6oMJ/RyEKDzmznDf6zTaPHUvUAUHdfojC+s+nPoQwrmfzWYBdHVxhIaPgrVu+jPXYkxeyiezbDJ6b9GBLW2ieEb8hzVeOUxkDQ9dKDqjVz87exq3Mxf02w1Wo1XfOn8epLtT8lvoGWDh+wKmQ1cFzfRDjJf18AgpZeys7GBlXuO2AhiMuhf7uRxRlii0sXt44itdEvSxQKpkSKrEA4kZcnvGVEmJU+d1enwiL63r2SzexKGSZs8mfsYTDbONvWICbios63cFQp8B6f24rY3ETywOGu9dLIkEKlZQkHrqB5K5qw1QBWVf5frPK3mOVBXIulqf+HgzF3rBQCABsR60phq/qoQAAAABJRU5ErkJggg==')
}

/* 메뉴 컨테이너 스타일 예시 */
.menu-container {
	/* background-color: #333; */
	/* padding: 5px; */
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;
	justify-content: space-evenly;
	align-items: center;
}

/* 메뉴 아이템 스타일 예시 */
.menu-item,.my-menu-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: white;
	text-decoration: none;
	font-size: 12px;
}
a.menu-item {
	padding: 3px 0px;
	background: #434343;
	border: 1px solid #535353;
	border-radius: 5px;
	width: 54px;
	height: 70px;
	white-space: nowrap;
	position: relative;
	overflow: visible;
}
/* 4칸 정렬용 빈칸: 크기는 유지하고 보이지만 않게 */
a.menu-item.menu-item-empty, a.my-menu-item.menu-item-empty {
	visibility: hidden;
	pointer-events: none;
}

.interest-shop-badge {
	position: absolute;
	top: -8px;
	right: -7px;
	background: var(--group_color_6);
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 10px;
	min-width: 16px;
	text-align: center;
	z-index: 10;
	letter-spacing: -1px;
}

a.menu-item.disabled {
	background: #333;
	color: #999;
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-o-filter: blur(1px);
	-ms-filter: blur(1px);
	filter: blur(1px);
}

a.my-menu-item {
	padding: 3px 0px;
	background: #292927;
	border: 1px solid #535353;
	border-radius: 5px;
	width: 54px;
	height: 70px;
	overflow: hidden;
	white-space: nowrap;
}

.sidebar-content::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.sidebar-content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

a.menu-item.menu-item-empty, a.my-menu-item.menu-item-empty {
	width: 55px;
	padding: 0;
	background: inherit;
	border: inherit;
	height: 70px;
	cursor: initial;
}


/* 색상 변경을 위한 필터 클래스들 */
.icon-color-red {
	filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(97%) contrast(112%);
}

.icon-color-blue {
	filter: invert(8%) sepia(100%) saturate(7495%) hue-rotate(248deg) brightness(89%) contrast(145%);
}

.icon-color-green {
	filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

.icon-color-yellow {
	filter: invert(73%) sepia(85%) saturate(1104%) hue-rotate(359deg) brightness(101%) contrast(104%);
}

.icon-color-purple {
	filter: invert(10%) sepia(100%) saturate(5919%) hue-rotate(289deg) brightness(114%) contrast(115%);
}

.icon-color-orange {
	filter: invert(49%) sepia(57%) saturate(2878%) hue-rotate(346deg) brightness(102%) contrast(107%);
}

/* 호버 효과 예시 */
.menu-item:hover .menu-icon {
	filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(45%) contrast(119%);
}

a.my-menu-item:hover .menu-icon {
	filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(45%) contrast(119%);
}

a.my-menu-item:hover {
	background: var(--group_color_43);
	color: #fff;
}

a.menu-item:hover {
	background: var(--group_color_43);
	color: #ffffff;
}

a.menu-item .text {
	line-height: 14px;
	text-align: center;
}

a.menu-item.menu-item-empty:hover {
	background: initial;
	color: initial;
	cursor: initial;
}

a.menu-item.disableMenu {
	color: #a19797;
	filter: opacity(20%);
	cursor: not-allowed;
}

a.my-menu-item.disableMenu {
	color: #a19797;
	cursor: not-allowed;
}

a.my-menu-item .text {
	line-height: 14px;
	text-align: center;
}

a.my-menu-item div#waitjumptimer {
	position: absolute;
	top: 0;
	color: #ffe72a;
	font-weight: bold;
	background: #333333cc;
	width: 54px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 1.3em;
}

.sidebar-content #shopmanage {
	padding: 0px;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	line-height: 26px;
}
.sidebar-content .menu-container.managerwrap {
	border: 1px solid var(--group_color_13);
	padding: 5px 0 10px;
	background: var(--group_color_14);
}

.sidebar-content #shopmanage b {
	width: 100%;
	text-align: center;
	display: block;
	background: #814242;
}

.sidebar-content .menu-container ul.upso_mn {
	width: 95%;
	font-size: 14px;
}

.sidebar-content .menu-container ul li.no-fa {
	position: relative;
	display: block;
	padding: 4px 5px;
	line-height: 25px;
	text-align: left;
}

.sidebar-content .menu-container ul li strong.favoriteshop {
    color: #ff3;
    padding: 5px 5px 3px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    float: right;
}

.sidebar-content .menu-container ul li strong.date {
	background: #ff044b;
	padding: 5px 5px 3px;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
	font-size: 18px;
	float: right;
}

.sidebar-content .menu-container ul li strong.date.shopexpire {
	background: #575757 !important;
	padding: 5px 10px 3px !important;
}

.sidebar-content .expirecnt {
	color: #b33939 !important;
	font-size: 3em !important;
	font-weight: bold !important;
}
.sidebar-content .jumpleftcnt {
	font-size: 1.2em;
	font-weight: bold;
}

span.sidebarLabel {
    position: absolute;
    top: -8px;
    right: -7px;
    background: #6b1d1d;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 3px 6px;
    border-radius: 10px;
    min-width: 16px;
    text-align: center;
    z-index: 10;
    letter-spacing: -1px;
	displaay:none;
}

.menu-container .my-menu-item span { line-height: 14px; text-align: center;}