@charset "UTF-8";

/* Original file: files/cache/assets/compiled/4be993c4373c5e7b97abbf4e1dab3923660e330d.rhymix.scss.min.css */

body,table,input,textarea,select,button{font-family:sans-serif;font-size:12px}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}body{position:relative}body.rx_modal_open{overflow:hidden;position:fixed}a img{border:0}[hidden]{display:none}.xe_content,.rhymix_content{font-family:inherit;font-size:13px;line-height:160%;word-break:normal;word-wrap:break-word;overflow-wrap:anywhere}.xe_content p,.rhymix_content p{margin:0 0 0px 0;line-height:160%}.xe_content p span,.rhymix_content p span{line-height:160%}.xe_content img,.xe_content video,.rhymix_content img,.rhymix_content video{max-width:100%;height:auto}.xe_content table,.rhymix_content table{font:inherit}.xe_content blockquote,.rhymix_content blockquote{padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;border-left-width:5px;padding-left:20px;padding-right:8px}.xe_content blockquote:lang(ar),.xe_content blockquote:lang(arc),.xe_content blockquote:lang(dv),.xe_content blockquote:lang(ha),.xe_content blockquote:lang(he),.xe_content blockquote:lang(khw),.xe_content blockquote:lang(ks),.xe_content blockquote:lang(ku),.xe_content blockquote:lang(ps),.xe_content blockquote:lang(fa),.xe_content blockquote:lang(ur),.xe_content blockquote:lang(yi),.rhymix_content blockquote:lang(ar),.rhymix_content blockquote:lang(arc),.rhymix_content blockquote:lang(dv),.rhymix_content blockquote:lang(ha),.rhymix_content blockquote:lang(he),.rhymix_content blockquote:lang(khw),.rhymix_content blockquote:lang(ks),.rhymix_content blockquote:lang(ku),.rhymix_content blockquote:lang(ps),.rhymix_content blockquote:lang(fa),.rhymix_content blockquote:lang(ur),.rhymix_content blockquote:lang(yi){border-left-width:0px;border-right-width:5px;padding-left:8px;padding-right:20px}.xe_content ul,.rhymix_content ul{list-style-type:disc}.xe_content ol,.rhymix_content ol{list-style-type:decimal}.xe_content ul,.xe_content ol,.rhymix_content ul,.rhymix_content ol{display:block;margin-left:1em;margin-right:0;padding-left:25px;padding-right:0}.xe_content ul:lang(ar),.xe_content ul:lang(arc),.xe_content ul:lang(dv),.xe_content ul:lang(ha),.xe_content ul:lang(he),.xe_content ul:lang(khw),.xe_content ul:lang(ks),.xe_content ul:lang(ku),.xe_content ul:lang(ps),.xe_content ul:lang(fa),.xe_content ul:lang(ur),.xe_content ul:lang(yi),.xe_content ol:lang(ar),.xe_content ol:lang(arc),.xe_content ol:lang(dv),.xe_content ol:lang(ha),.xe_content ol:lang(he),.xe_content ol:lang(khw),.xe_content ol:lang(ks),.xe_content ol:lang(ku),.xe_content ol:lang(ps),.xe_content ol:lang(fa),.xe_content ol:lang(ur),.xe_content ol:lang(yi),.rhymix_content ul:lang(ar),.rhymix_content ul:lang(arc),.rhymix_content ul:lang(dv),.rhymix_content ul:lang(ha),.rhymix_content ul:lang(he),.rhymix_content ul:lang(khw),.rhymix_content ul:lang(ks),.rhymix_content ul:lang(ku),.rhymix_content ul:lang(ps),.rhymix_content ul:lang(fa),.rhymix_content ul:lang(ur),.rhymix_content ul:lang(yi),.rhymix_content ol:lang(ar),.rhymix_content ol:lang(arc),.rhymix_content ol:lang(dv),.rhymix_content ol:lang(ha),.rhymix_content ol:lang(he),.rhymix_content ol:lang(khw),.rhymix_content ol:lang(ks),.rhymix_content ol:lang(ku),.rhymix_content ol:lang(ps),.rhymix_content ol:lang(fa),.rhymix_content ol:lang(ur),.rhymix_content ol:lang(yi){padding-left:0px;padding-right:25px;margin-left:0;margin-right:1em}.xe_content li,.rhymix_content li{display:list-item}@media screen{img,video{max-width:none}}.xe-clearfix:before,.xe-clearfix:after{content:" ";display:table}.xe-clearfix:after{clear:both}.xe-widget-wrapper{overflow:hidden}#rhymix_popup_menu,#popup_menu_area{position:absolute;z-index:9999;margin:10px 0;padding:0;border:1px solid #eeeeee;border-radius:2px;font-size:12px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);background:#fff;min-width:80px}#rhymix_popup_menu ul,#popup_menu_area ul{margin:0;padding:0;list-style:none}#rhymix_popup_menu li,#popup_menu_area li{margin:0;padding:0;line-height:1.5}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:5px;text-decoration:none;color:#212121}#rhymix_popup_menu a:hover,#rhymix_popup_menu a:active,#rhymix_popup_menu a:focus,#popup_menu_area a:hover,#popup_menu_area a:active,#popup_menu_area a:focus{background:#eeeeee;outline:none}@media screen and (max-width:400px){#rhymix_popup_menu,#popup_menu_area{min-width:120px;max-width:95%;font-size:13px}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:10px;text-decoration:none;color:#212121}}.editable_preview{width:100%;min-height:240px;max-height:440px;box-sizing:border-box;margin:0;padding:6px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);overflow-y:auto;cursor:text}.editable_preview p{margin-bottom:0px !important}.editable_preview_iframe{width:100%;height:440px;box-sizing:border-box;margin:0 0 -4px 0;padding:0;border:0}#rhymix_alert{display:none;position:fixed;left:50%;bottom:20%;min-width:250px;max-width:500px;background-color:#000;color:#fff;font-size:16px;text-align:center;opacity:0.6;padding:12px 20px;border:1px solid #fff;border-radius:10px;transform:translateX(-50%);z-index:999999999}#rhymix_debug_button{display:none;position:fixed;left:0;bottom:40px;background:#eeeeee;background:linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);border:1px solid #ccc;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.18), 0 0 6px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_button.visible{display:block}@media print{#rhymix_debug_button.visible{display:none}}#rhymix_debug_button:hover{background:#dddddd;background:linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%)}#rhymix_debug_button a{display:block;font:bold 12px/14px Arial, sans-serif;color:#444;text-decoration:none;padding:4px 8px}#rhymix_debug_button a.has_errors{color:#f44336}#rhymix_debug_panel{display:none;position:fixed;left:0;top:0;max-width:100%;height:100%;overflow-y:scroll;background:#fcfcfc;box-sizing:border-box;border-right:1px solid #ccc;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.18), 0 0 8px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_panel .debug_header{clear:both;width:100%;height:36px;background:#444444;background:linear-gradient(to right, #222222 0%, #444444 40%, #eeeeee 100%);position:relative}#rhymix_debug_panel .debug_header h2{font:bold 16px/20px Arial, sans-serif;color:#fcfcfc;position:absolute;left:10px;top:10px;margin:0;padding:0}#rhymix_debug_panel .debug_header .debug_maximize{font:normal 20px/24px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:32px;top:6px}#rhymix_debug_panel .debug_header .debug_close{font:normal 28px/28px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:10px;top:4px}#rhymix_debug_panel .debug_header .debug_close:hover{color:#f44336}#rhymix_debug_panel .debug_page{clear:both;margin:12px 10px;font:normal 12px/16px Arial, NanumBarunGothic, NanumGothic, "Malgun Gothic", sans-serif}#rhymix_debug_panel .debug_page .debug_page_header{padding-bottom:8px;border-bottom:1px solid #ddd;position:relative;cursor:pointer}#rhymix_debug_panel .debug_page .debug_page_header h3{color:#444;font:inherit;font-size:14px;font-weight:bold;margin:0;padding:0}#rhymix_debug_panel .debug_page .debug_page_header h3 .error_count{display:inline-block;margin-left:6px;border-radius:4px;padding:2px 6px;font-size:12px;line-height:12px;background:#f44336;color:#ffffff}#rhymix_debug_panel .debug_page .debug_page_collapse{display:block;position:absolute;right:0;top:0;color:#999;font-size:10px;line-height:12px;text-decoration:none;padding:2px 2px}#rhymix_debug_panel .debug_page .debug_page_body{margin:8px 4px 8px 10px}#rhymix_debug_panel .debug_page .debug_page_body h4{color:#444;font:inherit;font-size:13px;font-weight:bold;margin:0 0 8px 0;padding:0}#rhymix_debug_panel .debug_page .debug_entry{font-family:Consolas, "Courier New", monospace;color:#444;margin-left:38px;margin-bottom:8px;text-indent:-28px;word-wrap:break-word;word-break:break-all}#rhymix_debug_panel .debug_page .debug_entry.pre_wrap{white-space:pre-wrap}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata{margin:0 0 0 -16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata li{list-style:disc;margin:0;padding:0;text-indent:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace{margin:4px 0 0 16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li{list-style:disc;margin:0;padding:0;text-indent:0;color:#888}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul{padding-left:20px}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul li{list-style:circle}.btnArea{clear:both;margin:10px 0;padding:0;text-align:right}.btnArea:after{clear:both;display:block;content:""}.btn{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn:hover,.btn:active,.btn[disabled]{color:#333;background-color:#e6e6e6}.btn>a,.btn>button,.btn>input,.btn>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.btn,button.btn{height:26px !important}.btn-group{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;font-size:0}.btn-group+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.btn-group>.btn:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.rhymix_button_wrapper{clear:both;margin:10px 0;padding:0;text-align:right}.rhymix_button_wrapper:after{clear:both;display:block;content:""}.rhymix_button{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.rhymix_button:hover,.rhymix_button:active,.rhymix_button[disabled]{color:#333;background-color:#e6e6e6}.rhymix_button>a,.rhymix_button>button,.rhymix_button>input,.rhymix_button>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.rhymix_button,button.rhymix_button{height:26px !important}.message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.message p{margin:1em 0 !important}.message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.message{margin:1em}.rhymix_message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.rhymix_message p{margin:1em 0 !important}.rhymix_message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.rhymix_message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.rhymix_message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.rhymix_message{margin:1em}/* sourceMappingURL=4be993c4373c5e7b97abbf4e1dab3923660e330d.rhymix.scss.min.map */

/* Original file: layouts/Oday_blog/css/layout.css */

:root {
/* GNB > BOX */
	--oday_gnbBgColor: rgba(255,255,255,1);
	--oday_gnbBgColorSub: rgba(0,0,0,.03);

	--oday_gnbFontSize:12px;
	--oday_gnbHeight:35px;
	--oday_gnbSubHeight:30px ;
	--oday_gnbHeightSmall:calc(--oday_gnbHeight / 2);

	--oday_gnbMoHeight:60px;
	
	--oday_gnbBorder:  1px solid rgba(100,100,100, 0.15);
	--oday_gnbSize:1px;
}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
/* GNB */
	--oday_gnbBgColor:rgb(30,30,30);
	--oday_gnbBgColorSub: rgba(0,0,0,.4);
	
	--oday_gnbBorder:  1px solid rgba(150,150,150, 0.1);
}

.layout_btnbox { padding:20px; display:flex; justify-content: center;}


/* 검색 */
.search-btn.vp {display:flex; justify-content: space-between;  padding-top:5px; }
.search-btn * { display: flex; align-items: flex-start; font-size:9px}
.search-btn * i { font-size:1.2em; margin-right:2px;}
ul.searchWrap { display: flex; align-items: center; justify-content: flex-end; }
ul.searchWrap  {position:fixed; width:100vw; height:100vh; top:0; left:0; background-color:var(--oday_popupBgColor); z-index:90; backdrop-filter: blur(5px); z-index:100;
	 display: flex; align-items: center; justify-content: center; flex-direction: column;
}
ul.searchWrap li:first-child { background-color:var(--oday_listBgColor); padding:20px; box-shadow:var(--oday_listShadowUp); border-radius:10px; border: var(--oday_listBorder); text-align:center}
ul.searchWrap li h3 { margin-bottom:15px;}
ul.searchWrap li form	{ display: flex; align-items: center; justify-content: center; }
ul.searchWrap li a.search-close { display: inline-block; font-size:3em; margin:10px 0}
ul.searchWrap .wrapsearch { display: flex; align-items: center;  }
ul.searchWrap .wrapsearch + .wrapsearch { margin-top:5px}
ul.searchWrap {
	display: none ;
}
.searchWrap.active { 
	display:flex;
}
.searchBg {position:fixed; width:100%; height:100%; z-index: -1;}
@media screen and (max-width:768px){
	ul.searchWrap li:first-child { padding:20px 10px; width:90vw; border-radius:10px; }
	ul.searchWrap li h3 { margin-bottom:20px;}
	ul.searchWrap .wrapsearch { flex-direction: column;}
	ul.searchWrap .wrapsearch + .wrapsearch { margin-top:20px}
	ul.searchWrap .wrapsearch .searchall,
	ul.searchWrap .wrapsearch > div { width:100%; margin-top:10px;}
}

header { display:none}
#odaylayout .closegnb { display:none; }
@media screen and (max-width:768px){
	header { 
		position:fixed; top:0; left:unset; right:0; z-index:2; 
		width:100%; padding:5px; 
		display:flex; justify-content: flex-end; align-items:center; 
		}
	header .search-open {margin-right:auto;}
	header a.hlogo { 
		font-family:"Montserrat Alternates" ,"Noto Sans KR"; font-weight:900; font-size:1.2em;
		transition: 0.3s; padding-left:10px;
		background-image:linear-gradient(45deg, var(--oday_mainColor), var(--oday_mainColorLight));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		-moz-background-clip: text;
		}
	header .search-open,
	header a.viewgnb { 
		transition: 0.3s; font-size:2em;
		width:40px; height:40px; border-radius:100%; 
		display:flex; align-items: center; justify-content: center; 
		}
	header .search-open {font-size:1.5em;}
	header.scrollchange a.hlogo { display:none}
	header.scrollchange .search-open,
	header.scrollchange a.viewgnb {     background-color: var(--oday_mainColorDark);
    color: var(--oday_primaryBtnColor);}
}
#odaylayout { display:flex; flex-direction: row;}
/*//////////

		GNB
		#ol_left 

//////////*/
#odaylayout #ol_left { height:100vh; z-index:3;  }
#odaylayout #ol_left > div { 
	position:fixed; top:0; height:100vh; 
	background-color:var(--oday_listBgColor); box-shadow: var(--oday_listShadowUp); border-right:var(--oday_listBorder); 
	display: flex; flex-direction: column; justify-content: space-between;
	}
#ol_left a,
#ol_left button { }
#ol_left a:link, 
#ol_left a:visited, 
#ol_left a:active { }
#ol_left a:hover, 
#ol_left a:focus { }


.setBox {
	position:fixed; top:0; z-index:4;
}
.setBox li.cog { position:absolute; top:0; left:-20px; margin:0; width:20px; height:20px; color:var(--oday_mainColorOpt); display:flex; justify-content:center;align-items: center }
.setBox li.setBoxlist {
	position:absolute; top:0; left:0;
	font-size:13px !important; font-weight:400; 
	width:fit-content; padding:5px 15px; border-radius:0 0 10px 0; background-color:var(--oday_listBgColor); box-shadow:var(--oday_listShadowUp); border:var(--oday_listBorder); 
	transition: 0.3s ease;
	/*  */
	opacity:0;
	visibility: hidden;
	transform: translateX(-10px);
	
}
.setBox li.setBoxlist li { margin:8px 0; white-space:nowrap}
.setBox .mod-theme-pc { display:flex; justify-content:space-between;align-items: center; }
.setBox .mod-theme-pc span { display:flex; font-size:10px; padding-right:20px; }
.setBox .mod-theme-pc div {display:flex;}
.setBox .mod-theme-pc a + a { margin-left:5px;}
.setBox .bxs-square { font-size:6px; }
.setBox .bxs-palette { font-size:18px; }
.setBox .bright i.bx { font-size:18px; }
.setBox .ovt { font-size:16px; }
.setBox li.setBoxlist.active,
.setBox:hover li.setBoxlist {
	opacity:1;
	visibility: visible;
	transform: translateX(0);
}
/**/
#logo { position:relative; padding:10px 10px 10px 10px }
#logo li.since { font-size:10px; font-weight:400; color:#6e6e6e }
#logo li.since span { font-weight:700; color: var(--oday_mainColor); }
#logo li.gnbtitle { padding:10px 0;}
#logo li.gnbtitle > * + * {margin-top:8px}
#logo li.gnbtitle a { position:relative; display:block}
#logo li.gnbtitle img { width:100%; margin-bottom:5px }
#logo li.gnbtitle span {
	letter-spacing:-1px; font-weight:900; font-family:"Montserrat Alternates", "Noto Sans KR";
	display: block; padding-bottom: 3px;
	background-image:linear-gradient(45deg, var(--oday_mainColor), var(--oday_mainColorLight));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
}
#logo li.gnbtitle span.eng { font-size:26px !important;  font-family:"Montserrat Alternates" !important; font-weight:700 !important; padding:0 0 5px 0;} 
#logo li.gnbtitle.korean span {font-weight:900;font-size:20px; margin-top:5px; }
#logo li.gnbtitle.korean span + span { margin-top:-2px; }
#logo li.gnbtitle .dec { line-height:1; font-size:.85em; }
/**/
#ol_left .lt_gnb::-webkit-scrollbar {width: 1px; background:transparent !important;}
#ol_left .lt_gnb::-webkit-scrollbar-track { background:transparent !important;}
#ol_left .lt_gnb::-webkit-scrollbar-thumb {background: var(--oday_mainColor) !important; border:none;}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	#ol_left .lt_gnb::-webkit-scrollbar-thumb {background: var(--oday_mainColorDark) !important; border:none;}
}
#ol_left .lt_gnb { border-bottom:var(--oday_listBorder); width:100%; overflow-y:scroll; flex: auto; font-size:var(--oday_gnbFontSize); }
#ol_left .lt_gnb li { position:relative; }
/*
#ol_left .lt_gnb > li:first-child a:first-child {border-top:var(--oday_listBorderUp); }
*/
#ol_left .lt_gnb > li:nth-last-child(2) { border-bottom: var(--oday_listBorder); }

#ol_left .lt_gnb a { 
	border-top:var(--oday_gnbBorder); box-sizing:border-box; 
	display:flex; align-items: center; 
	font-weight:var(--oday_fw-semiBold); letter-spacing:-.5px;  
	height:var(--oday_gnbHeight); padding-left: var(--oday_gnbFontSize); 
	}
#ol_left .lt_gnb a.depth1 { padding-right: 5px; word-break: break-all;}
#ol_left .lt_gnb a.depth1.more { padding-right: var(--oday_gnbHeight); }
#ol_left .lt_gnb .depth2 a { height:calc(var(--oday_gnbHeight) - 2px); padding-left:calc(var(--oday_gnbFontSize) * 1.5); font-size:.9em; letter-spacing:0; font-weight:var(--oday_fw-medium); }
#ol_left .lt_gnb .depth3 a { height:calc(var(--oday_gnbHeight) - 4px); padding-left:calc(var(--oday_gnbFontSize) * 2.5); font-size: .8em; }
#ol_left .lt_gnb .depth4 a { height:calc(var(--oday_gnbHeight) - 6px); padding-left:calc(var(--oday_gnbFontSize) * 3.5); font-size: .8em; }
#ol_left .lt_gnb .depth5 a { height:calc(var(--oday_gnbHeight) - 6px); padding-left:calc(var(--oday_gnbFontSize) * 4.5); font-size: .8em; }
#ol_left .lt_gnb a.active1,
#ol_left .lt_gnb a.active2,
#ol_left .lt_gnb a.active3,
#ol_left .lt_gnb a.active4,
#ol_left .lt_gnb a.active5 { color:var(--oday_mainColorOpt); font-weight: var(--oday_fw-bold);}

#ol_left .lt_gnb a I { margin-right:5px; font-size:1.3em; }
#ol_left .lt_gnb a span.new { display:inline-block; font-weight:400; letter-spacing:0; opacity:1; font-size: calc(var(--oday_gnbFontSize) * 1.2); padding-left: 5px; }
#ol_left .lt_gnb a span.new i {font-size:12px;}
#ol_left .lt_gnb a span.new.docu { color: #ff9500; }
#ol_left .lt_gnb a span.new.com { color: #00aaff; }
#ol_left .lt_gnb a i.bx-subdirectory-right { font-size: 10px; }
#ol_left .lt_gnb a i.bx-link-external { font-size: 8px; margin-top:-8px; margin-left:5px }
#ol_left .lt_gnb a.morelist { position:absolute; top:0; right:0; border:none; height:var(--oday_gnbHeight); width:var(--oday_gnbHeight); padding-left:0; justify-content: center; }
#ol_left .lt_gnb a.orange,
#ol_left .lt_gnb a.red,
#ol_left .lt_gnb a.blue { margin:2px; border-radius:6px; border:none !important; color:#fff;}
#ol_left .lt_gnb a.orange + a,
#ol_left .lt_gnb a.red + a,
#ol_left .lt_gnb a.blue + a {color:#fff;}
#ol_left .lt_gnb a.orange { background-color:#e99e10; }
#ol_left .lt_gnb a.orange:hover {background-color:#ffa700; color:#fff;}
#ol_left .lt_gnb a.blue { background-color:#2187c5; }
#ol_left .lt_gnb a.blue:hover { background-color:#009fff; color:#fff;}
#ol_left .lt_gnb a.red { background-color:#d71616;  }
#ol_left .lt_gnb a.red:hover { background-color:#ff0000; color:#fff}
#ol_left .lt_gnb a.big { height: calc(var(--oday_gnbHeight) * 1.2); font-size:calc(var(--oday_gnbFontSize) * 1.2); }

#ol_left .lt_gnb .depth2 { background-color:var(--oday_gnbBgColorSub); display:none; }
#ol_left .lt_gnb .depth3 { background-color:var(--oday_gnbBgColorSub); }
#ol_left .lt_gnb .depth4 { background-color:var(--oday_gnbBgColorSub); }

/**/
#ol_left .lt_lnb { padding:10px 0; font-size:10px; align-items: center; flex-wrap: wrap; }
#ol_left .lt_lnb div { padding:3px 5px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
#ol_left .lt_lnb div + div { margin-left:0; }
#ol_left .meta li.mod-theme.vm { display:none; }


.layout .powered { text-align:unset}
.layout .powered a { margin:4px 0 0 0}
/**/
#ol_left .meta { padding:10px 10px 10px 10px; position:relative; }
#ol_left .meta li + li {margin-top:5px; }
#ol_left .meta li { display:flex; }

#ol_left .meta li.login_before { justify-content: center; }
#ol_left .meta li.login_before a { 	
	background-color:var(--oday_gnbBgColorSub); 
	width:40px; height:40px; border-radius:100%; 
	display:flex; align-items: center; justify-content: center; 
	}
#ol_left .meta li.login_before a i {font-size:20px;}
#ol_left .meta li.login_before a + a { margin-left:10px; }

#ol_left .meta li.login_after { align-items: center; }
#ol_left .meta li.login_after .profile { width:30px; height:30px; border-radius:100%; margin-right:10px; background-color:var(--oday_metaBgColor); color:var(--oday_metaColor); font-size:15px; display:flex; justify-content: center; align-items: center; }
#ol_left .meta li.login_after a.uname { padding:0; margin:0;line-height:1; font-size: 12px; color: var(--oday_mainColor); }
#ol_left .meta li.login_after a.uname span { display:block; padding:0; margin:0;line-height:1; font-size:11px; color:#6c6c6c}
#ol_left .meta li.login_after a.uname em { font-size:8px; font-weight:700; color:#bbb}
#ol_left .meta li.login_after .pager { position:absolute; top:4px; right:4px; color:#f00; }
#ol_left .meta li.login_after .pager span { font-size:14px; }

#ol_left .meta li.login_info { flex-direction: column; }
#ol_left .meta li.login_info .btnwrap { display:flex; justify-content: space-evenly;}
#ol_left .meta li.login_info .btnwrap a { border:none; padding:8px 8px; border-radius:5px; background:var(--oday_listBgColorUp);  border:var(--oday_listBorder);  font-size:11px; font-weight:700; display: flex; flex: 1; white-space: nowrap; }
#ol_left .meta li.login_info .btnwrap a + a { margin-left:5px;}

#ol_left .meta li.login_info .levelbarWrap { padding:5px 0 10px 0; position:relative; }
#ol_left .meta li.login_info .levelbarWrap .levelbar {width:100%; background-color:var(--oday_listBgColorDown2); position:relative; text-align:center; border-radius:10px; height:2px; }
#ol_left .meta li.login_info .levelbarWrap .levelbar div.perbar {position:absolute; left:0; top:0; height:100%; z-index:1; opacity:.7; background-color: var(--oday_mainColor); height:2px; }
#ol_left .meta li.login_info .levelbarWrap .levelinfo { 
	position:absolute; bottom:20px; z-index:20;
	font-size:13px !important; font-weight:400; 
	width:100%; padding:15px 15px; border-radius:5px; background-color:var(--oday_listBgColor); box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, .2); border:var(--oday_listBorder); 
	transition: 0.3s ease; pointer-events: none; 
	/**/
	visibility: hidden;
	opacity:0;
	transform: translateY(0px) ;
	

}
#ol_left .meta li.login_info .levelbarWrap .levelinfo:before {
	position:absolute; 
	bottom:-9px; left:20px;
	content:"";
	display:block;
	width:15px;
	height:15px;
	 -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
	background-color:var(--oday_listBgColor); 
	border:var(--oday_listBorder);
	border-left:none; border-top:none;
}
#ol_left .meta li.login_info .levelbarWrap:hover .levelinfo {
	visibility: visible;
	opacity:1;
	transform: translateY(-5px) ;
}
#ol_left .meta li.login_info .levelbarWrap .levelinfo .leveltitle { color:var(--oday_mainColor); font-size:10px; }
#ol_left .meta li.login_info .levelbarWrap .levelinfo .leveltitle em { font-size:16px; font-weight:900}
#ol_left .meta li.login_info .levelbarWrap .levelinfo .levelinfoDetail { margin-top:8px !important; padding-top:8px; border-top:var(--oday_listBorder)}
#ol_left .meta li.login_info .levelbarWrap .levelinfo .levelinfoDetail .gap { margin-top:8px !important; padding-top:8px; border-top:var(--oday_listBorder)}
#ol_left .meta li.login_info .levelbarWrap .levelinfo .levelinfoDetail li {font-weight:400; display:flex;justify-content: space-between; font-size:11px !important; }
#ol_left .meta li.login_info .levelbarWrap .levelinfo .levelinfoDetail li span + span { margin-left:7px; }
#ol_left .meta li.login_info .levelbarWrap .levelinfo .levelinfoDetail li + li {margin-top:2px !important}

/**/
#ol_left .meta li.comsummury { padding: 0; flex-direction: column; }
#ol_left .meta li.comsummury span { display:block; opacity:.8;  font-size:10px; }
#ol_left .meta li.comsummury span + span { margin-top:5px;}
#ol_left .meta li.comsummury span.company_name { font-weight:700}
#ol_left .meta li.comsummury span.address { }
#ol_left .meta li.comsummury span.copy { font-size:10px; }
#ol_left .meta li.comsummury span.location { }

#ol_left.gnbfull {}
#odaylayout #ol_left.gnbfull > div { overflow-y: scroll; }
#odaylayout #ol_left.gnbfull > div::-webkit-scrollbar { width:1px; }
#odaylayout #ol_left.gnbfull > div::-webkit-scrollbar-thumb {background: var(--oday_mainColorDark) !important; border:none;}
#odaylayout #ol_left.gnbfull .gnbup.active { display:block !important; padding:10px; border-top: var(--oday_listBorder); }
#odaylayout #ol_left.gnbfull .gnbup a { display:flex; height:30px; justify-content: center; align-items: center;  border:var(--oday_listBorder); border-radius:10px; padding:0;  font-size:10px}
#odaylayout #ol_left.gnbfull .gnbup a i { font-size:1.2em; margin-left:2px;}
#ol_left.gnbfull .lt_gnb > li:nth-last-child(2) { border-bottom: none; }

:is(.color_scheme_dark),
:root[color-theme='dark'] {
	#odaylayout #ol_left.gnbfull > div::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--oday_mainColor), transparent 80%);}
}
#ol_left.gnbfull .lt_gnb { overflow-y:visible}

/*//////////

		Document
		#ol_right

//////////*/
#odaylayout #ol_right { position: relative; padding:0 10px}
footer ul.comsummury { padding:0 0 50px 0 ;}
footer ul.comsummury li { padding: 0 20px; text-align:center; }
footer ul.comsummury li.company_name { font-size:12px; font-weight:700; margin-bottom:5px;}
footer ul.comsummury li.address { font-size:11px; }
footer ul.comsummury li.address * + * {margin-left:10px;}
footer ul.comsummury li.copy { font-size:10px; margin-top:5px; }
footer ul.comsummury li.location { padding:0 0 1em 0; line-height:1 }   
footer ul.comsummury li.location i.bx { vertical-align: bottom;}
footer ul.comsummury li.location a:nth-child(n+2) i.bx { display:none; }
.layoutRule { padding-bottom:100px; font-size:12px; }
/*
.banner {  flex-direction: column; padding-bottom:10px }
.banner a { display:flex; align-items: center;justify-content: center; border: var(--oday_listBorder); width:100%; height:40px; border-radius:5px; overflow:hidden; font-size:1.2em; font-weight:500 }
.banner a span { font-size:1.5em; color:var(--oday_mainColor)}
.banner a + a { margin-top:4px;}
.banner a img { width:auto; height:100%; }
*/
@media screen and (max-width:768px){

	#ol_left { display:  none  ; }
	#odaylayout .closegnb { 
		position:fixed; top:0; right:0; 
		width:var(--oday_gnbMoHeight); height:var(--oday_gnbMoHeight); 
		display:flex; align-items: center; justify-content: center; 
		font-size:3em; z-index:3; 
		}
	#odaylayout #ol_left { width:100vw !important; z-index: 3;}	
	#odaylayout #ol_left > div { 
		z-index:4; 
		width:100vw; 
		height: 100%; /*height: -webkit-fill-available; height: fill-available;		*/
		min-height: 100vh; 	min-height: -webkit-fill-available; 		
		}
	#logo { 
		z-index: 1; padding:0;
		box-shadow: 0px 2px 10px rgba(0,0,0,.2); 
		background-color:var(--oday_bodyBgColor); 
		}
	#logo li.since { display:none; }
	#logo li.gnbtitle {
		height:var(--oday_gnbMoHeight); padding:0; padding-left:20px; 		
		display: flex; align-items: center; 
	}
	#logo li.gnbtitle > * + * { margin-top:0;}
	#logo li.gnbtitle span { display:unset; font-size:18px; }
	#logo li.gnbtitle img { width:auto; height:calc(var(--oday_gnbMoHeight) * .5); margin-bottom:0}

	#ol_left .lt_gnb { padding:30px; border-top: var(--oday_listBorder);}
	#ol_left .lt_gnb a { height:calc(var(--oday_gnbMoHeight) - 15px); padding-left:15px; font-size:14px;}
	#ol_left .lt_gnb > li > a {
	margin: 2px;
    border-radius: 6px;
    border: none !important; background-color:var(--oday_listBgColorUp2) }
	#ol_left .lt_gnb .depth2 > li:first-child > a { border:none; }
	#ol_left .lt_gnb a.morelist { display:none; }
	#ol_left .lt_gnb .depth2 { display:block;}
	#ol_left .lt_gnb .depth2 a { height:calc(var(--oday_gnbMoHeight) - 20px); padding-left:15px; font-size:13px; }
	#ol_left .lt_gnb .depth3 a { height:calc(var(--oday_gnbMoHeight) - 20px); padding-left:30px; }
	#ol_left .lt_gnb .depth4 a { height:calc(var(--oday_gnbMoHeight) - 20px); padding-left:45px; }

	#ol_left .lt_gnb .depth2,
	#ol_left .lt_gnb .depth3,
	#ol_left .lt_gnb .depth4 { background-color:unset; }
	
	#odaylayout #ol_left.gnbfull > div,
	#ol_left.gnbfull .lt_gnb { overflow-y:auto}
	
	#ol_left .meta {box-shadow: 0px -2px 10px rgba(0,0,0,.2); padding:10px 20px;  z-index: 1; 
	display: flex; flex-wrap: wrap; justify-content: space-between;
	background-color:var(--oday_bodyBgColor); 
	}
	#ol_left .meta li { width:auto; }
	#ol_left .meta li,
	#ol_left .meta li + li {margin-top:10px;}
	#ol_left .meta li.lt_lnb {width: 100%;}
	#ol_left .meta li.login_after {justify-content: center; }
	#ol_left .meta li.login_info span { font-size:12px; display:none}
	#ol_left .meta li.login_info .btnwrap a  { padding:10px; border-radius:8px; font-size:12px; justify-content: center; background:var(--oday_listBgColor); }
	
	#ol_left .lt_lnb { justify-content: center;  font-size:12px; padding:10px 0 }
	
	#ol_left .meta li.mod-theme-mobile {display:flex; justify-content: center; font-size:14px;}
	#ol_left .meta li.mod-theme-mobile div {display:flex; }
	#ol_left .meta li.mod-theme-mobile div + div { margin-left:10px;}
	#ol_left .meta li.mod-theme-mobile a { border:var(--oday_listBorder); background:var(--oday_listBgColor); padding:3px; display:inline-block; border-radius:3px;}
	#ol_left .meta li.mod-theme-mobile a i { vertical-align: top;}
	#ol_left .meta li.mod-theme-mobile a + a { margin-left:1px;}
	.layout .powered { text-align:center}
	.layout .powered a { margin:0; }
	
	#odaylayout #ol_right  { width:100%; padding: 0;padding-bottom:0; padding-top: 50px !important}
	
	footer ul.comsummury li.address { line-height:1.4; }
	footer ul.comsummury li.address * + * {margin-left:0;}
	/*
	.banner { flex-shrink: 0; width: 100% !important; flex-direction: row;}
	.banner a + a { margin-top:0;}
	.banner a { margin:1px 2px}
	*/
	:is(.color_scheme_dark),
	:root[color-theme='dark'] {
		#logo { box-shadow: 0px 2px 10px rgba(0,0,0,.5); }
		#ol_left .meta {box-shadow: 0px -2px 10px rgba(0,0,0,.5); }
	}
}

/*//////////

		컨텐츠

//////////*/
/* 서브 게시판 제목 크기 조정 */
.pagelocation { display:flex; align-items: center;justify-content: center; font-size:1em; font-weight:700; padding:var(--oday_pagelocationGap); position: relative; z-index: 1; }

.pagelocation h1 {font-size:inherit; font-weight:inherit; margin:0}
.pagelocation > * { display:none;  }
.pagelocation > *:last-child { display: flex; flex-direction: column; align-items: center; }

.pagelocation a i { display:none; }
.pagelocation .pageTitle { text-align:center; font-size:3em;font-weight:700; margin:0 0 .6em 0; }


@media screen and (max-width:768px){
	.pagelocation {padding:20px 0 30px 0; }
	.pagelocation > * { font-size:1.2em; }
	.preview_btn,
	.font-size.hon {top:50px !important;}	
}
.content:after {content:""; clear:both; display:block; } 
:is(.color_scheme_dark),
:root[color-theme='dark'] {

}
/*//////////

		하단

//////////*/
.gototop {position: fixed; bottom:5px; right:5px; z-index:2 }
.gototop a {display:flex; align-items: center; justify-content: center; height:40px; width:40px; background-color:var(--oday_mainColorDark); color:var(--oday_primaryBtnColor); font-size:2em; transition: 0.3s; border-radius:100%}
.gototop a:hover {background-color:var(--oday_mainColor); ; color:var(--oday_primaryBtnColor); }
@media screen and (max-width:768px){
	.gototop { bottom:5px; right:5px; }
	.gototop a { height:40px; width:40px; }
}
/*//////////

		개인정보

//////////*/
.privacy { font-size:12px; }
.privacy > li + li { margin-top:20px; }
.privacy > li + li.title-b { margin-top:40px; }
.privacy h1 { margin:0; padding:0; font-size:1.5em; letter-spacing:-2px; }
.privacy h2 { margin:0; padding:0; font-size:1.1em; font-weight:500; text-indent: -11px; padding-left:20px; }
.privacy h3 { margin:0; padding:0; font-size:1.05em; font-weight:500; text-indent: -11px; padding-left:40px; }
.privacy p { padding-left:20px; margin-top:5px; line-height:1.6}
.privacy i.bx {font-size:1.1em; color: #ff7600; }
.privacy ol,
.privacy ol li { list-style: disc; text-indent: -5px; }
.privacy ol li { margin-top:5px; }
.privacy ol { padding-left:33px; padding-top:5px; }
.privacy h3 + ol {padding-left:43px; }
.privacy .thum { text-align:center}
.privacy img { width:400px; border-radius:10px; }

.mtext a {color: #ff7600; }
.mtext a:link, .mtext a:visited, .mtext a:active {color: #ff7600; }
.mtext a:hover, .mtext a:focus { text-decoration:underline; }
.mtext a i.bx {color: #ffc04e; }

/* 회원가입시 사용 */
.agreement .privacy { padding:20px; line-height:1.4}
.agreement .privacy h1 { font-size:1.5em; }
.agreement .privacy p { color:#00000080}
@media screen and (max-width:768px){
	.privacy { font-size:12px; }
	.privacy h2 {padding-left:17px; text-indent: -10px; }
	.privacy img { width:100%}
}

.pagelocation + .searchall, 
.templatepage > .x  {padding:var(--oday_sideGap);}
.templatepage h1 + div {padding:var(--oday_sideGapLR);}
.templatepage h1 { padding:var(--oday_sideGap); }


/*//////////

		특수 기능

//////////*/
span.exp { display:block; font-size:14px; font-weight:400; letter-spacing:0}
span.t-gradn {
	background-color:#81D4FA;
	background-image:linear-gradient(45deg, #ff0000, #ffb100);
	background-size: 100%;
	background-repeat: repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}
span.underline { position:relative; z-index:1; }
span.underline:after { position:absolute; bottom:2px; left:0; z-index:-1; content:""; display:inline-block; height:5px; width:100%; background-color:var(--oday_bodyBgColor); }

/* Original file: modules/board/skins/OrangeDay_board/css/default.css */

body { overflow-y:scroll; }
.od-bord { width:100%; max-width:var(--oday_maxWidth); margin:0 auto; position:relative; padding-bottom:50px}
.pagelocation { display:flex; align-items: center;justify-content: center; font-size:2em; font-weight:700; width: 100%; padding:var(--oday_pagelocationGap); position: relative; z-index: 1; line-height:1 }
.pagelocation .back_icon,
.pagelocation a { display:none; }
.pagelocation a:last-child { display: flex; flex-direction: column; align-items: center; }
.pagelocation a:after { content:""; display:block; width:20px; height:2px; background-color:var(--oday_mainColor); margin-top:10px; }
.pagelocation a i { display:none; }
.pagelocation.empty { padding:10px}
@media screen and (max-width: 768px){
	.od-bord { margin-left:0; margin-right:0; padding-top:10px;}
	.pagelocation { font-size:1.4em;}
}


/*//////////

		버튼 박스

//////////*/
.formBox { display: flex; justify-content: space-between; margin-top: 10px; }
.formBox li { display: flex; align-items: center; }
.formBox div { display: flex; align-items: center; }
.formBox div * + * { margin-left: 5px; }
.formBox div + * { margin-left: 15px; }
.formBox ul.namepass { display: flex; justify-content: center; }
.formBox ul.namepass li + li { margin-left: 15px; }
.formBox ul.namepass li * + * { margin-left: 5px; }
.formBox label { white-space: nowrap}
.formBoxCenter { display: flex; align-items: center; justify-content: center; }
.formBoxCenter * + * { margin-left: 5px; }
.formBoxCenter + .formBoxCenter,
.formBox + .formBoxCenter { margin-top: 1em; }

.formTitle { display:flex; align-items: center; justify-content: space-between; }
.formTitle .front { font-weight:600; padding-bottom:5px }
.formTitle i.bx { font-size:1.4em }
.formTitle a { display:inline-block; border: var(--oday_listBorder); border-bottom:none; padding:5px 10px; border-radius:5px 5px 0 0;  background-color: var(--oday_listBgColorUp); font-size: .85em; margin-right: 10px;}
/*//////////

		나이스 셀렉트 박스

//////////*/
.nice-select { padding-left: 10px !important; }
.nice-select .option { height: var(--oday_iptHeight); font-weight: var(--oday_fw-regular) !important; color: var(--oday_fontColor) !important; font-size: 12px;}
.nice-select .list { padding:5px !important;  font-size: 12px; font-weight:var(--oday_fw-regular);  background-color: var(--oday_listBgColorDown) !important; border: var(--oday_listBorder) !important; box-shadow: var(--oday_listShadowUp1) !important; max-height:300px; overflow-y: auto !important;  border-radius:0px !important;}
.nice-select .list li + li { border-top: var(--oday_listBorder) !important; border-style:dashed !important}
.nice-select .list::-webkit-scrollbar { width:1px; }
.nice-select .list::-webkit-scrollbar-thumb {background: var(--oday_mainColorDark) !important; border:none;}

.nice-select:hover, .nice-select.open, .nice-select:focus { border: var(--oday_iptBorderHover); }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: var(--oday_listBgColorUp2) !important; }
.nice-select .option.selected {color:var(--oday_mainColor) !important; font-weight:700 !important}
@media screen and (max-width: 768px){
	.formBox.split { /*flex-wrap: wrap; justify-content: center; flex-direction: column; */  flex-wrap: wrap; }
	.formBox.split > li { flex-wrap: wrap; }
	.formBox.split > li div + *,
	.formBox.split > li div { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
	.formBox > li { justify-content: center; }
	.formBox ul.namepass { margin-bottom: 5px; }
	.formBox ul.namepass input { max-width: 30vw; min-width: 0; }
}
/*//////////

		Layout Change Preview

//////////*/
.bd_num {z-index:3; position: absolute; top:0; left:0;
font-weight:700; font-size:1em; 
clip-path: polygon(50% 0, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0); 
background-color: var(--oday_mainColor); color:var(--oday_primaryBtnColor); 
padding:5px 10px 10px 10px;}
.preview_btn { 	position: absolute; right: 4px; top: 4px; z-index: 5; display: flex; flex-direction: column; align-items: flex-end;}
.preview_btn .view_opt { height: 30px; width:30px; display: flex; align-items: center;justify-content: center; color:var(--oday_mainColor); background-color:var(--oday_listBgColor); border-radius:10px; }
/*
.preview_btn ul { transition: 0.3s ease; transform: translateX(30px);}
.preview_btn:hover ul { transform:translateX(0px) ;	visibility: visible;}
*/
.preview_btn ul.cate1 { display: flex; justify-content: center; flex-direction: column; align-items: stretch; text-align:center;
	background-color: var(--oday_btnBgColor); box-shadow: var(--oday_listShadowR); border: var(--oday_listBorder); padding:5px 0;  border-radius: 6px; overflow:hidden; width: fit-content; height: fit-content;
}
.preview_btn ul + ul { margin-top:2px}
.preview_btn ul li a { 
	background-color: var(--oday_btnBgColor); 
	display: flex; align-items: center; justify-content: center; 
	height: 30px; width:40px; font-size:10px;
}
.preview_btn ul li > a span {font-size: 16px}	
.preview_btn ul li.on > a span { font-size: 20px }
.preview_btn ul li.on > a { color: var(--oday_mainColorOpt); }
.preview_btn ul li.on.gall { display: flex; flex-direction: column; align-items: center;}
.preview_btn ul li.on.gall ul { border: var(--oday_listBorder); width: fit-content; border-radius:50px; overflow:hidden; box-shadow: var(--oday_listShadow);}
.preview_btn ul li.on.gall ul a {height: 20px; width:20px;}
.preview_btn i {font-size: 16px}

.board-message { text-align: center; position: relative; margin: 0 auto; width: 100%; line-height:1.4; padding:0 5% }
.board-message.header_text { padding-top:1em;padding-bottom:2em; font-size:1.1em; }
.board-message.footer_text { padding-top:1em; padding-bottom:2em; font-size:.85em}

.preview_btn + .font-size.hon { right:38px}
.font-size.hon {
position:absolute; top:4px; right:0; z-index:3;height:30px; font-size:12px;
display:flex; align-items: center; margin-left:10px; padding:5px 10px; background-color: var(--oday_listBgColor); border-radius: 10px; }
.font-size.hon li + li { margin-left: 5px; }
.font-size.hon a { height:unset !important}
.font-size.hon .sizeview { font-size:1em; text-align:center; width:;}


@media screen and (max-width: 768px){
	.board-message  { padding:0 5vw}
	.preview_btn .view_opt,
	.font-size.hon { height:25px;font-size:12px; margin-top:10px;}
	.preview_btn i { font-size:12px; }
}
/*//////////

		카테고리 / 서치 상단고정  

//////////*/
.stickyTopBox { 
	position: sticky; z-index: 4; margin: 0 auto; padding:0px 5px 20px 5px;  border-radius: var(--oday_listBorderRadius); font-weight:400;
	width: 100%;  transition:.1s ease;  /*box-shadow: 0 0 10px 10px var(--oday_bodyBgColor);*/ 
}
.stickyTopBox:after { content:""; position:absolute; display:block; width:100%;  height:20px; left:0; bottom:-20px; background-image: linear-gradient(var(--oday_bodyBgColor), transparent);  transition:.3s ease; opacity:0; }	
.stickyTopBox.is-pinned { border-radius: 0; background-color: var(--oday_bodyBgColor); box-shadow: 0 -10px 10px 10px var(--oday_bodyBgColor); border-color:var(--oday_bodyBgColor); padding-top: 20px; }
.stickyTopBox.is-pinned:after { opacity:1; }	
.stickyTopBox.wide > * { padding: 5px 0px 0 20px; }
.stickyTopBox.no_notice { border-radius: var(--oday_listBorderRadius) !important; margin-bottom:10px;}

.sticky_btn_box { display: flex; justify-content: flex-end; align-items: center; padding-bottom:10px; font-size:10px; line-height: 1;  margin-top: -30px; right: 10px; position: absolute;}
.sticky_btn_box > * + * { margin-left:2px; }
.sticky_btn_box input + label {display:none !important}

.sticky_close i { font-size:1em; margin-left:0px; }
.sticky_btn_box label,
.sticky_close  { padding:2px 5px 2px 5px; border-radius:3px; background-color: var(--oday_bodyBgColor); font-size:8px; display: flex; justify-content: center; align-items: center; border: var(--oday_listBorder); }
.sticky_close { display: none; }

.sticky_open { display: none; }
.sticky_open a { display: flex; justify-content: center; align-items: center; font-size:13px; white-space:nowrap; height:25px; }
.sticky_open span { display: flex; align-items: center; }
.sticky_open i { color: var(--oday_mainColor); }
.sticky_open span > i { font-size:.9em;  margin-right:4px; /*background-color: var(--oday_listBgColor); */ height:30px;  border-radius:100%;  display: flex; justify-content: center; align-items: center; }
.sticky_open span + span { margin-left:20px;}
.sticky_open em { display:inline-block; max-width:100px; overflow:hidden; text-overflow: ellipsis; font-weight:500}
.sticky_open em.yet { opacity:.5;  font-weight:300}

@media screen and (max-width: 768px){
	.stickyTopBox.is-pinned { background-color:var(--oday_listBgColor); box-shadow:unset;}
	.no_bd_bg .stickyTopBox.is-pinned {background-color:transparent;}
	.stickyTopBox.is-pinned:after { content:unset;  opacity:0; }	
	.stickyTopBox,
	.stickyTopBox.wide { padding:10px; position:relative; font-size: .8em;}
	.stickyTopBox.wide > * { padding: 0 2px; }	
}
/*//////////

		카테고리
<i class='bx bx-expand'></i><i class='bx bx-collapse'></i>
//////////*/
.cTab.circle { 
	display: flex; flex-wrap: wrap; justify-content: center; 
	line-height: 1; padding: 0 10px; font-size:12px;
}
.cTab.circle { display:flex; }
.cTab.circle > * + *  { margin-left:-1px;}
.cTab.circle > a { 
	margin-bottom:.5em; z-index:2; white-space: nowrap; padding: 0 1.5em; transition:.3s;
	display: flex; align-items: center; width: fit-content;
	border: var(--oday_listBorder); border-radius: var(--oday_iptBorderRadius); background-color: var(--oday_listBgColorUp); 
}
.cate_btn,
.cTab.circle > a { height: calc(var(--oday_iptHeight) - 6px); min-width:calc(var(--oday_iptHeight) - 6px); }
.cTab.circle > a.ctDep2 { margin-left:5px; font-weight:700; padding: 0 1em;  border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important;}
.cTab.circle > a.ctDep3 { position:relative; padding: 0 1em; border: var(--oday_listBorder); background-color: var(--oday_listBgColorDown); border-radius:0px;  mix-blend-mode: multiply; }
.cTab.circle > a.ctDep3 > * {font-size:1em;}
.cTab.circle > a.on { color: var(--oday_primaryBtnColor); font-weight: var(--oday_fw-bold);  background-color: var(--oday_mainColor); border: var(--oday_listBorderMain); z-index:3  }	
.cTab.circle > a:last-of-type {border-radius:0 6px 6px 0}
.cTab.circle > a.ctDep1 + a:last-child {border-radius:6px}
.cTab.circle > a.has_child {border-radius:6px 0 0 6px}
.cTab.circle > a.has_child + a.ctDep3:after {content:""; position:absolute; top:0; left:0; display:block; height:100%; width:6px; background-image: linear-gradient(90deg, rgba(0,0,0,.1), transparent); opacity:.5}
.cTab.circle > a.on:after { display:none !important; }
.cTab.circle > a em { font-weight: 900; margin-left: .5em; color: var(--oday_mainColorOpt); }

.cTab.table { font-size:12px; width:100%; padding-bottom:10px; }
.cTab.table a.ctDep1 {font-weight:700; padding:10px 10px 10px 0; width: fit-content;}
.cTab.table table { width:100%;}
.cTab.table tr > * { min-height:35px; padding:8px 10px; font-size:1em; }
.cTab.table th:after {right:0}
.cTab.table th { white-space:nowrap } 
.cTab.table td { width:100%;  } 
.cTab.table a { margin:2px 5px; white-space:nowrap;}
.cTab.table a {  display: inline-block; }
.cTab.table em { font-weight: 700; font-size:.85em; margin-left: 2px; color: var(--oday_mainColorOpt); }

.cTab.simple {  font-size:12px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; position:relative; border-bottom:var(--oday_listBorder); margin-bottom:10px}
.cTab.simple a { white-space:nowrap;  }
.cTab.simple > a { display: flex; align-items: center; justify-content: center; padding:0 10px; height:30px; border:var(--oday_listBorder); border-bottom:none; background-color: var(--oday_listBgColor);   order:1}
.cTab.simple > a.viewCategory { border-bottom-color:var(--oday_listBgColorDown); background-color: var(--oday_listBgColorDown);    z-index: 1;  }
.cTab.simple > * + a { border-left:none}
.cTab.simple > a:first-child { border-radius:5px 0 0 0}
.cTab.simple > a:last-of-type { border-radius:0 5px 0 0}
.cTab.simple div { display: none; align-items: center; flex-wrap: wrap; min-height:30px; padding:5px 10px; border:var(--oday_listBorder); border-bottom:none; background-color: var(--oday_listBgColorDown); width:100%; order:2; margin-top:-1px}
.cTab.simple div.viewCategory {display: flex;}
.cTab.simple div a { padding: 5px 0;}
.cTab.simple div a.ctDep2 {font-weight:600; padding-left:5px}
.cTab.simple div i { padding:0 10px}
.cTab.simple div a + a { margin-left:10px; }
.cTab.simple em { font-weight: 700; font-size:.85em; margin-left: 2px; color: var(--oday_mainColorOpt); }
.cTab.simple i.bx:not(.bxs-arrow-from-left) { color: var(--oday_mainColor); margin-left:4px; }


.cTab.tree { display:flex;  font-size:12px; padding: 10px 10px 20px 10px; border-bottom:var(--oday_listBorder); margin-bottom:10px;}
.cTab.tree ul { display:flex; margin-left:20px}
.cTab.tree ul li { position:relative;}
.cTab.tree ul li + li { margin-left:20px}
.cTab.tree ul li div {
    position: absolute;
    top: 30px;
	left:-10px;
    background-color: var(--oday_gnbBgColorSub);
    border: var(--oday_gnbBorder);
    border-radius: 10px;
    box-shadow: var(--oday_gnbShadow);
    display: flex;
    flex-direction: column;
    padding:15px 10px;
    transition: 0.3s;
    max-height: 90vh;
	z-index:1;
/**/
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}
.cTab.tree ul li:hover div { 
/*
	opacity:1;
	visibility: visible;
	transform: translateY(-5px);
*/	
}
.cTab.tree ul li div:after {
content: "";
    position: absolute;
    left: 20px;
    top: -6px;
    width:10px;
    height: 10px;
    transform: rotate(45deg);
    border-top: var(--oday_listBorder) !important;
    border-left: var(--oday_listBorder) !important;
    background-color: var(--oday_listBgColorUp2);
}
.cTab.tree ul li div.right {
	left:unset;
	right:-10px;
}
.cTab.tree ul li div.right:after {
	left:unset;
	right:20px;
}
.cTab.tree ul li div.viewCategory {
	opacity:1;
	visibility: visible;
	transform: translateY(-5px);
}
.cTab.tree ul li div a { white-space:nowrap; padding-right:15px;}
.cTab.tree ul li div a + a { margin-top:10px; padding-top:10px;  border-top: var(--oday_gnbBorder); }
.cTab.tree ul li div a.ctDep2 {font-weight:700; padding-left:5px}
.cTab.tree ul li div a i.bx { opacity:.6; margin-right:5px; font-size:.85em}
.cTab.tree em { font-weight: 900; font-size:.85em; margin-left: 0; color: var(--oday_mainColorOpt); }
.cTab.tree ul li > a:has( + div .on)  { color: var(--oday_mainColor) !important; font-weight:700 !important; }

.cTab:not(.circle) a span {position:relative; z-index:1}
.cTab:not(.circle) a:not(.ctDep1).on span:after,
.cTab:not(.circle) a:has( + div .on) span:after { content:''; display:block; width:calc(100% + 6px); height:2px; position:absolute; bottom:-2px; left:-3px;  background-color: var(--oday_mainColorOpt); opacity:1; mix-blend-mode: multiply;}

:is(.color_scheme_dark),
:root[color-theme='dark'] {
	.cTab.circle > a.ctDep3 { mix-blend-mode: unset; }
	.cTab.circle > a.has_child + a.ctDep3:after {background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent); opacity:.3}
	.cTab:not(.circle) a:not(.ctDep1).on span:after,
	.cTab:not(.circle) a:has( + div .on) span:after {height:1px;}
}
@media screen and (max-width: 768px){
	.cate_btn,
	.cTab.circle > a { height: calc(var(--oday_iptHeight) * .8); }
	.cTab.circle > a.ctDep2 {margin-left: 10px;}
	.cate_btn i { font-size:12px;  }
	.cTab.tree,
	.cTab.simple,
	.cTab.simple div {  justify-content:  ;  }
}

.cTab.circle ~ .searchBox { padding-top:5px;}
/*//////////

		검색

//////////*/
.searchBox { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:0 10px}
.searchBox div.sort { display: flex; justify-content: space-between; align-items: center; white-space: nowrap;  font-size:11px;  }
.searchBox div.sort a { display: flex; align-items: center; justify-content: center; height: var(--oday_iptHeight); line-height: 1; }
.searchBox div.sort a + a { margin-left: 10px; }
.searchBox div.sort a.on { color: var(--oday_mainColor); font-weight:700 }
.searchBox div.sort a em { display:inline-block; letter-spacing: 0px; margin-left:2px; color:#999}
.searchBox div.sort a span { font-size: 1.2em; }
.searchBox div.sort a.viewOne i { font-size: 1.4em; }
.searchBox div.sort a.viewTwo i { font-size: 1.4em; transform: rotate(90deg);}
.searchBox div.sort a.viewOne.acitvegall,
.searchBox div.sort a.viewTwo.acitvegall { color: var(--oday_mainColor); }
.searchBox .nice-select { font-size: 12px; }
.searchBox form { display: flex; align-items: center; width: fit-content; max-width:500px; font-size: 12px;}
.searchBox form * { background-color: transparent; }
.searchBox form button,
.searchBox form .nice-select { border:none; }
.searchBox form button,
.searchBox form > a { display: flex; align-items: center; justify-content: center; height: var(--oday_iptHeight);  padding-left:10px; background-color: transparent !important; }
.searchBox form i { font-size: 1.4em; }
.searchBox form a i { font-size: 1.4em; }
.searchBox form i:hover { color: var(--oday_mainColor); }

.searchBox.simple {padding:0 0 20px 0}
@media screen and (max-width: 1200px){
	.searchBox{ flex-direction: column; margin-top: 0 !important;}
	.searchBox div.sort {  flex-wrap: wrap; justify-content: center; padding:0 0 0 0}
	.searchBox div.sort a { height: 30px;}

	.searchBox form { justify-content: center; margin-left:0 }
	.searchBox form input { width:200px}
}
@media screen and (max-width: 768px){
	.searchBox { display: flex; justify-content: space-around;}
}
/*//////////

		페이지 네비

//////////*/
.pagination { max-width: var(--oday_maxWidth); display: flex; justify-content: space-between; align-items: center; padding:2em 0; line-height:1}
.pagination li { display: flex; justify-content: center; align-items: center; }
.pagination li *,
.pagination.for_commet > * { display: flex; align-items: center; justify-content: center; width:calc(var(--oday_iptHeight) - 6px); height:calc(var(--oday_iptHeight) - 6px); border-radius: 6px; margin: 0 2px; letter-spacing: -1px; line-height: 1; }
.pagination span { width:unset; margin:0}
.pagination .prev { font-size: 1.8em; margin: 0 5px 0 0; border:none; }
.pagination .next { font-size: 1.8em; margin: 0 0 0 5px; border:none; }
.pagination .disable { opacity:.2}
.pagination :where(strong, a.this) { font-weight: 700; border:none; color: var(--oday_bodyBgColor)!important;  background-color: var(--oday_mainColor); }
.pagination a.pageBtn:hover { font-weight: 700; color: var(--oday_bodyBgColor); background-color: var(--oday_mainColor); }

.pagination li :where(input, .obtn) { width:40px !important; padding:0 !important; text-align:center !important; height:calc(var(--oday_iptHeight) - 6px) !important; margin:0 10px; letter-spacing:0}

.pagination.for_commet { justify-content: center; }
@media screen and (max-width: 768px){
	.pagination {  justify-content: center; flex-direction: column;}
	.pagination li + li { margin-top:20px;}
	.pagination li.vp * {width:calc(var(--oday_iptHeight) - 8px); height:calc(var(--oday_iptHeight) - 8px); margin:0 1px; }
	.pagination li.vp span { width:unset; margin:0}
	.pagination li :where(input, .obtn) { height:var(--oday_iptHeight) !important;  }
}
/*//////////

		새글 아이콘

//////////*/
:root {
	--NiconWidth: 25px;
	--NiconNotiWidth:40px;
}
.newicon { display:none; font-size:10px; font-weight:900; margin-left:4px; vertical-align: super;}
.newicon.N { display:inline-block; color:#f00; }
.newicon.U { display:inline-block; color:#00d3ff; }

.newicon.Fbox { position:absolute;  top: 0; right: 0;  margin-top:0; display: flex; align-items: center; justify-content: center; width: var(--NiconWidth);height: var(--NiconWidth); border-radius: 0 0 0 5px;z-index: 1;}
.newicon.Fbox.N { display:flex; background-color:#f00; color:#fff; }
.newicon.Fbox.U { display:flex; background-color:#00d3ff; color:#fff; }
.newicon.Fbox.secret { background-color: var(--oday_secretColor);  color:#fff; }
.newicon.Fbox + .Fbox.secret { top:var(--NiconWidth); }
.newicon.Fbox:has(+ .Fbox) { border-radius: 0px;}
/*
.newicon.S,
.newicon.F { display:none; height: 1px; }
.newicon.N.F,
.newicon.U.S,
.newicon.U.F { display: flex; height: 16px; }
.newicon.Fbox.N.F,
.newicon.Fbox.U.S,
.newicon.Fbox.U.F,
.newicon.Fbox.S.N { display: flex; height: var(--NiconWidth); }
.newicon {  background-color:#f00; color:#fff; width: 16px; height: 16px;  display: flex; align-items: center; justify-content: center; border-radius: 5px; color:#f00; font-size:10px; font-weight:900; margin-left:4px;  flex-shrink: 0;}
.newicon.U { color:#00d3ff; }

.newicon.Fbox { position:absolute; font-size: 12px; font-weight:900; top: 0; right: 0;margin-left: 0; width: var(--NiconWidth);height: var(--NiconWidth); border-radius: 0 0 0 5px;z-index: 1; }
.newicon.Fbox.left { right: unset; left: 0; margin-left: 0; border-radius: 0 0 5px 0; }
.newicon.Fbox.secret { background-color: var(--oday_secretColor);  color:#fff; }
.newicon.Fbox.secret span { font-size: 1em; }
.newicon.Fbox + .newicon.Fbox.secret { top:var(--NiconWidth); }
.newicon.Fbox.noti { right: unset; left: 0; border-radius: 0 0 5px 0; }
*/
@media screen and (max-width: 768px){
/*
	.newicon { position: absolute; top: 0px; left: 0px; border-radius: 0 0 5px 0; margin-left:0 }
	.newicon.Fbox { right:0; left: unset; }
	.newicon.Fbox.left { right:0; left: unset; border-radius: 0 0 0 5px;  }
	*/
}
/*//////////
ab00ff
		게시판 공통

//////////*/
#list_mobile .title a:visited,
#list-bd .title a:visited,
#list-bd-table td.title div a:visited,
#list-blog .dlist_menu a:visited,
#list-blog .blog_b_list a:visited,
#list-gall .title a:visited,
#list-webzinelist .title a:visited,
#list-webzine .title a:visited,
.naviBoxBottom ul li a:visited span { color:var(--oday_fontVisitedColor)}

.od-bord .category { color: var(--oday_mainColor); font-weight:600;  }
#list-bd-table .number,
.bd-all .number { font-weight:300; color: color-mix(in srgb, var(--oday_fontColor), transparent 40%); }
.od-bord .read { color: var(--oday_mainColor); }
.od-bord .count, .od-bord .count a { color: var(--oday_mainColor);  white-space:nowrap; font-size:.9em}
.od-bord .od_date { opacity:.7;   }
.od-bord .od_ip { opacity:.5;   }
.od-bord .od_date + .od-bord .od_date {margin-left:5px; padding-left:5px !important; border-left:var(--oday_listBorderHover); border-width:1px}
.od_last {color:var(--oday_fontColor)}
.od_last i { }
.od_link { opacity:.5;  }
.od-bord .secret { color: var(--oday_secretColor); }
.od-bord .author { color: var(--oday_colorAuthor); font-weight:500; white-space:nowrap  }
.module_title { font-weight:600; }
.od-bord .title { line-height: 1.2; }
.od-bord .title h1 { }
.bd_guest_no,
.no_documents {height:200px; width: 100%; display:flex; justify-content: center; align-items: center; font-size:1.1em}
.bd_guest_no {height:100px;}

#list_mobile .box i.bx.bx-play,
#list-bd-table table.tbl_board .number i,
#list-webzinelist .box .number i,
#list-bd .box .number i { color:var(--oday_mainColorOpt); font-size:1.2em}
#list-bd.list-notice .box .number i { color:var(--oday_alertColor)}
#list-bd-table table.tbl_board .number i.bxs-lock,
#list-webzinelist .box .number i.bxs-lock,
#list-bd .box .number i.bxs-lock  { color: var(--oday_secretColor); }

.meta .profile { width: var(--oday_metaIconSize); height: var(--oday_metaIconSize); background-color: var(--oday_metaBgColor); color: var(--oday_metaColor); font-size: var(--oday_metaFontSize); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 5px; flex-shrink: 0;}
.meta.depth .profile  {width: calc(var(--oday_metaIconSize) * .8); height:calc(var(--oday_metaIconSize) * .8); font-size: calc(var(--oday_metaFontSize) * .8); }
.meta .profile.notice { background-color:var(--oday_alertColor); color:#fff}
.meta.size2 .profile {width: calc(var(--oday_metaIconSize) * 1.5); height:calc(var(--oday_metaIconSize) * 1.5); font-size: calc(var(--oday_metaFontSize) * 1.5); }
.bd-all,
.pagination,
.btnBox {  width: 100%;    }
.btnBox { position: sticky; bottom: -1px; padding: 0; z-index:3; margin: 0 auto; width: fit-content; display: flex; justify-content: center; }
.btnBox > ul > li { background-color: var(--oday_bodyBgColor); padding:20px; border-radius:20px 20px 0 0; display: flex; align-items: center; justify-content: center;  }
.btnBox.simple {position: relative; } 
.btnBox.classic {position: relative; justify-content: space-between; width:100%; padding:10px 0} 
.btnBox.classic > ul > li {padding:0}

@media screen and (max-width: 768px){
	.btnBox > ul > li { border-radius: 10px 10px 0 0;}
	.btnBox.classic {     flex-direction: column; justify-content: center; }
	.btnBox.classic > ul { margin-top:10px}
}

#list-bd .box:hover,
#list-bd-table table.tbl_board tr:hover td,
#list-webzinelist .box:hover  { background-color: var(--oday_listBgColorHover);  transition:.3s}

.no_bd_bg #list-bd .box:hover,
.no_bd_bg #list-bd-table table.tbl_board tr:hover td,
.no_bd_bg #list-webzinelist .box:hover,
.no_bd_bg #list_inputform .formlist li:hover,
#list-bd-table.classic table.tbl_board tr:hover td { background-color: var(--oday_listBgColorHoverDown);  transition:.3s}

#list_mobile .readActive,
#list-bd-table table.tbl_board tr.readActive > *,
#list-bd .readActive { background-color: color-mix(in srgb, var(--oday_mainColorLight), #fff 94%); }

.no_bd_bg #list_mobile .readActive,
.no_bd_bg #list-bd-table table.tbl_board tr.readActive > *,
.no_bd_bg #list-bd .readActive { background-color: color-mix(in srgb, var(--oday_mainColorLight), #fff 90%) }
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	#list_mobile .readActive,
	#list-bd-table table.tbl_board tr.readActive > *,
	#list-bd .readActive { background-color: color-mix(in srgb, var(--oday_listBgColor),  var(--oday_mainColor) 8%); }

	.no_bd_bg #list_mobile .readActive,
	.no_bd_bg #list-bd-table table.tbl_board tr.readActive > *,
	.no_bd_bg #list-bd .readActive { background-color: color-mix(in srgb, var(--oday_bodyBgColor),  var(--oday_mainColor) 4%);  }
}
.no_bd_bg,
#readBox.classic {
		--oday_sideGapLR: 0 10px;
	    --oday_sideGap: 30px 10px;
}

/*//////////

		게시판 - 공지

//////////*/
.list-notice { border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); }
.list-notice .number { color: var(--oday_mainColor); opacity: 1}
.list-notice + #list-bd { border-top: none; }
.roundCorner { border-radius: var(--oday_listBorderRadius); border: var(--oday_listBorderUp); }

.list-notice.roundCorner + #list-bd,
.list-notice.roundCorner + #list-webzinelist  {  border-top: var(--oday_listBorderUp); }
.list-notice.roundCorner + #list-bd-table,
.list-notice.roundCorner + .bd-all { margin-top: 5px !important; }
#list-bd.list-notice .box {  width: 100%; padding:10px 20px;}
/*//////////

		게시판 - 모바일

//////////*/
#list_mobile { border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); overflow:hidden }
#list_mobile .box { position:relative; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 15px 15px; }
#list_mobile .box * {white-space: nowrap; line-height: 1; }
#list_mobile .box + .box { border-top: var(--oday_listBorder); }
#list_mobile .box .category { font-size:.8em; line-height: 1; margin-bottom:5px; opacity:.6; }
#list_mobile .box .list {display: flex; align-items: center; flex: 1;   max-width: 100%;}
#list_mobile .box .list .title {overflow: hidden; text-overflow: ellipsis}
#list_mobile .box .list > span.count { margin-left:5px; display: flex; align-items: center;  font-size:.9em; }
#list_mobile .box .end {  display: flex; align-items: center; font-size:.8em; line-height: 1; margin-top:10px; flex-shrink: 1; width: 100%;}
#list_mobile .box .end > *:not(.starpoint) { display: flex; align-items: center; opacity:.6; }
#list_mobile .box .end > * + * { margin-left: 5px; }
#list_mobile .box .chk_manager { padding-left:10px; margin-left: auto; }
#list_mobile .box.notice {background-color: color-mix(in srgb, var(--oday_alertColor), transparent 97%);}

#list_mobile .notice { display:flex; align-items: center; padding:15px;  background-color: var(--oday_listBgColorDown); border-bottom: var(--oday_listBorder); }
#list_mobile .notice li.number { width:25px; flex-shrink: 0; font-size: 1.2em !important; color: var(--oday_alertColor); }
#list_mobile .notice li.chk_manager { margin-left:auto;     padding-left: 10px;}
#list_mobile .notice .list { display:flex; }
#list_mobile .notice a { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;	}
#list_mobile .notice .newicon { display:inline-block;  margin-left: 4px; margin-top: 0px;}
#list_mobile .notice .end {font-size:.8em; line-height: 1; margin-top:10px; opacity:.6; }
/*//////////

		게시판 - 일반-테이블

//////////*/
#list-bd-table {overflow-x: auto;}
#list-bd-table.active { user-select: none; }
#list-bd-table table.tbl_board { width: 100%; 
    border-top: var(--oday_listBorderDown2); 
    background-color: var(--oday_listBgColor);
}
/*    user-select: none; 
#list-bd-table { display: block !important; width: fit-content !important; max-width: -webkit-fill-available !important; }
#list-bd-table table { display: block !important; overflow-x: auto !important; }
*/

#list-bd-table table tr:last-child > td { border-bottom: var(--oday_listBorderDown2); }
#list-bd-table table.tbl_board th { font-weight:700; font-size:.85em; background-color:var(--oday _listBgColorDown); border-top:none; border-bottom:none;}
#list-bd-table table.tbl_board th:after {all:unset}
#list-bd-table table.tbl_board th,
#list-bd-table table.tbl_board td { display:table-cell; height: var(--oday_listHeight); min-height:unset; text-align:center; white-space: nowrap; padding:0 10px; width:5px }
#list-bd-table table.tbl_board th { height: calc(var(--oday_listHeight) * .8);}
#list-bd-table table.tbl_board th.title { width:100%; }
#list-bd-table table.tbl_board td.title { width:100%; text-align:left; white-space: normal; padding: 10px; min-width: 200px;}
#list-bd-table table.tbl_board td.title div { display: flex; align-items: center;}
#list-bd-table table.tbl_board td.title a { max-height: var(--oday_listHeight); overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;}
/*
#list-bd-table table.tbl_board td.title .newicon { width:unset; height:unset; background-color:unset; font-size:.8em; display:inline-block; font-weight:900; color:#f00}
#list-bd-table table.tbl_board td.title .newicon.U,
#list-bd-table table.tbl_board td.title .newicon.U.F { display:inline-block; color:#00d3ff}
#list-bd-table table.tbl_board td.title .newicon.F,
#list-bd-table table.tbl_board td.title .newicon.S { display:none}
*/
#list-bd-table table.tbl_board td.ntc_number { font-size:1.2em !important; color:var(--oday_alertColor)}
#list-bd-table table.tbl_board td.title span.count {white-space: nowrap;}
#list-bd-table table.tbl_board td.title * + * { margin-left:5px;}   
#list-bd-table table.tbl_board td.exvar {white-space: normal; padding: 10px;  text-align:left}
#list-bd-table table.tbl_board td.exvar span { max-height: var(--oday_listHeight); width:100%; max-width:300px; min-width:100px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.2; word-break: break-all;}
#list-bd-table table.tbl_board td.module_title { text-align:left}
#list-bd-table table.tbl_board td.category { text-align:left; color:unset}
#list-bd-table table.tbl_board td:not(.title) {font-size:.8em;}
#list-bd-table table.tbl_board .date > * { display:block; opacity:.7; line-height:1.1}
#list-bd-table table.tbl_board .date > * > * { display:block;}
#list-bd-table table.tbl_board .date > * > i { display:inline-block; font-size:.8em;}
#list-bd-table table.tbl_board .od_last {font-size:.8em;}
#list-bd-table table.tbl_board tr.notice > td { background-color:var(--oday_listBgColorDown);}

#list-bd-table.classic table.tbl_board tr.notice > td { background-color:var(--oday_bodyBgColorDown);}
@media screen and (max-width: 768px){
/*
	#list-bd-table table.tbl_board { border-top: none; }
	#list-bd-table table.tbl_board tr {display: table-row;}
	#list-bd-table table.tbl_board td.title {white-space: normal; display: table-cell; min-width: unset;}
	#list-bd-table table.tbl_board td.title .vm { margin:4px 0 0 0 !important; font-size:.8em; opacity:.6 }
	#list-bd-table table.tbl_board td.title .vm > * + * { margin-left:5px;}
	#list-bd-table table.tbl_board td.title .newicon { position:relative }
	#list-bd-table table.tbl_board th { height: calc(var(--oday_listHeight) * .8); }
	#list-bd-table table.tbl_board tr td { position:relative}
	#list-bd-table table.tbl_board tr td { min-height: var(--oday_listHeight);  }
	*/
}
/*//////////

		게시판 - 일반

//////////*/
#list-bd {border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); overflow:hidden }
#list-bd .box { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; min-height: var(--oday_listHeight); padding: 0 10px; }
#list-bd.list-bd-ul .box { padding: 10px 15px;}

#list-bd .box + .box { border-top: var(--oday_listBorder); }
#list-bd .box * {white-space: nowrap; line-height: unset; }
#list-bd .box .number {padding-right: 15px; }
#list-bd .box .chk_manager  {padding-left: 5px; }
#list-bd .box .list { display: flex; align-items: center; flex: 1; min-width: 0; }
#list-bd .box .list  > * + * { margin-left:10px}
#list-bd .box .list .category { font-size:.9em; }
#list-bd .box .list .title {overflow: hidden; text-overflow: ellipsis}
#list-bd .box .list .title > div {display: flex; flex-wrap: wrap;}
#list-bd .box .list .end { margin-left: auto; padding-left: 30px; display: flex; align-items: center; font-size:.8em; line-height: 1; }
#list-bd .box .list .end > * + * { margin-left: 5px; }
/*
#list-bd .box .list .extra a { font-size:.8em;  border: var(--oday_listBorder); padding:5px; display: inline-block; border-radius: var(--oday_iptBorderRadius);}
#list-bd .box .list .extra a:hover { background-color:var(--oday_mainColorOpt)}
*/
#list-bd.list-bd-ul .box:has(.extra) { padding: 15px 15px}
.extra_wrap { width:100%; padding-left:0; display:none; }
.extra_wrap:has(span) { display:block}
#list-bd .box .extra { 
font-size:.85em; line-height:1; opacity:.6;  padding:4px; display: inline-block; margin:2px 0 0 0; 
color: var(--oday_fontHoverColor) !important;
max-width: 200px; 
overflow: hidden;
text-overflow: ellipsis;
background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%);
/*
border: var(--oday_listBorder);
border: 1px solid color-mix(in srgb, var(--oday_mainColor), transparent 90%); 

border-radius:2px; 
border-radius: 3px;
*/
}

@media screen and (max-width: 768px){
/*	*/
	#list-bd .box { position: relative; }
	#list-bd .box .list { display: block; }
	#list-bd .box .list  > * + * { margin-left:0}
	#list-bd .box .list .category { margin-bottom: 0; }
	#list-bd .box .list .end { margin-left: auto; padding-left: 0; }
	#list-bd .box { height: unset; padding: 15px; } 
	#list-bd .box .front { align-items: flex-start; flex-direction: column; }
	#list-bd .box .list .end { font-size:.8em; margin-top: 5px; }
	#list-bd .box .list .extra { max-width: 48%; margin: 2px 5px 0 0; }

}
/*//////////

		게시판 - 웹진리스트 - 노말과 공유

//////////*/
#list-webzinelist {border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); }
#list-webzinelist .box { position:relative; padding:20px; display: flex; justify-content: flex-start; align-items: center;  transition: 0.3s ease}
#list-webzinelist .readActive { background-color: var(--oday_listBgColorDown); }

#list-webzinelist .box + .box { border-top: var(--oday_listBorder); }
#list-webzinelist .wrapimg { position:relative; flex-shrink: 0; width: calc(var(--oday_listHeight) + 110px); height: calc(var(--oday_listHeight) + 60px); background-color: var(--oday_metaBgColor); border: var(--oday_listBorder); border-radius: 5px; background-position:center; background-size: 102% auto; transition:.3s; display: flex; justify-content: center; align-items: center; font-size: calc(var(--oday_listHeight) / 2); color: var(--oday_metaColor); margin: 0 30px 0 0; transition: 0.3s ease;     overflow: hidden; }
#list-webzinelist .box ul li { display: flex; align-items: center; }
#list-webzinelist .box ul li .number { font-size: .8em; margin-right:5px; color:var(--oday_mainColor);     vertical-align: text-top;}
#list-webzinelist .box ul li .title { font-size: 1em; }
#list-webzinelist .box ul li .title a { line-height:1.4; font-weight:500; font-size: 1.2em;}
#list-webzinelist .box ul li.t2 { font-size:.9em; }
#list-webzinelist .box ul li .summary { line-height: 1.4; opacity:.7; font-size:.9em; word-break: break-all;}
#list-webzinelist .box ul li > * + * { margin-left:.5em; }
#list-webzinelist .box ul li + li { margin-top:.5em; }

#list-webzinelist .box:hover .title {color:var(--oday_mainColor)}
#list-webzinelist .box:hover .wrapimg {background-size: 110% auto; }
@media screen and (max-width: 768px){
	#list-webzinelist .wrapimg {width: var(--oday_listHeight); height: var(--oday_listHeight); margin: 0 20px 0 0;}
	#list-webzinelist .box { padding:20px 10px}
	#list-webzinelist .box ul li {flex-wrap: wrap;}

	#list-webzinelist .box ul li .title { margin-left: 0; margin-top:5px;}
	#list-webzinelist .box ul li .summary { 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	}
/*
	#list-webzinelist .box { justify-content: flex-start; flex-wrap: wrap;}
	#list-webzinelist .box ul { margin-top:10px;}
*/
}
/*//////////

		게시판 - 웹진

//////////*/
#list-webzine .box { position:relative; float:left; overflow:hidden; display:block; border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); border: var(--oday_listBorder); box-shadow: var(--oday_listShadow); transition:.3s; }
#list-webzine .readActive { opacity:.5; mix-blend-mode: luminosity; }
/*#list-webzine .box:hover {border: var(--oday_listBorderHover); }*/
#list-webzine .wrapimg { position:relative; width: 100%; /* padding-bottom: 51.6%;  border: var(--oday_listBorder); padding-bottom:60%;*/ 
display: flex; justify-content: center; align-items: center; overflow: hidden ; 
background-position:center; background-size: 100% auto; 
transition:.3s; background-color: var(--oday_metaBgColor); font-size: calc(var(--oday_listHeight) / 2); color: var(--oday_metaColor); 
}
#list-webzine .wrapimg img {width:100%; transform:scale(101%); transition:.3s;}
#list-webzine div.noimg { position:relative;  width:100%; height:100%;  background-color: var(--oday_listBgColorDown); }
#list-webzine div.noimg div {position:absolute; display: flex; justify-content: center; align-items: center; width:100%; height:100%; left:0; top:0;  font-size:50px; opacity:.05}
#list-webzine .box:hover .wrapimg { background-size: 105% auto; } 
#list-webzine .box:hover .wrapimg img { transform:scale(105%) }
#list-webzine .boxT { padding:20px 15px; }
#list-webzine .boxT > * + * { margin-top:10px;}
#list-webzine .boxT .title { font-weight:500}
#list-webzine .title a { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height:1.4}
#list-webzine .boxT .category { font-size:.8em;  }
#list-webzine .boxT .summary { opacity:.5; font-size:.9em; line-height: 1.4; color: var(--oday_fontColor); word-break: break-all; padding-bottom:8px}
#list-webzine .boxT .opt { display: flex; align-items: center; justify-content: space-between; color: var(--oday_fontColor); font-size: .9em;}
#list-webzine .boxT .opt > * { display: flex; align-items: center; }
#list-webzine .boxT .opt > * + * { margin-left: 1em; }
#list-webzine .boxT .opt .author + span { margin-left:auto;}

/*//////////

		게시판 - 방명록

//////////*/
.list_guest_write {  border: var(--oday_listBorder); border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); box-shadow: var(--oday_listShadow); }
.list_guest_write {padding: var(--oday_sideGap); }
.list_guest_write textarea { height:200px; }

#list_guest .box {position:relative; border: var(--oday_listBorder); border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); box-shadow: var(--oday_listShadow); overflow: hidden; }
#list_guest .grid {padding: var(--oday_sideGap); display: flex; }
#list_guest .grid .meta { display: flex; flex-direction: column; margin-right:10px}
#list_guest .grid .meta .profile {  z-index:1;  margin-top:-10px; }
#list_guest .grid .meta .number {  margin-top:-10px;  font-size:1.5em; font-weight:500; margin-right: 5px; width: calc(var(--oday_metaIconSize)* 1.5); height: calc(var(--oday_metaIconSize)* 1.5); color: var(--oday_mainColor);  background-color: var(--oday_listBgColorUp); border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: var(--oday_listShadow);	}
#list_guest .grid .gCon { flex: 1; padding-left:.5em; }
#list_guest .grid .gCon .title { font-size:1.2em; font-weight:500}
#list_guest .grid .gCon .metabox { display: flex; align-items: center; flex-wrap: wrap; font-size:.9em; margin-top:5px;}
#list_guest .grid .gCon .metabox > * { white-space:nowrap; }
#list_guest .grid .gCon .metabox > * + * { margin-left:5px}
#list_guest .grid .gCon .xe_content {padding: 1.5em 0 }
#list_guest .grid .gCon .xe_content img { max-width: 300px; max-height: 300px; }

#list_guest .write_comment { }
#list_guest .feedback { margin-top:0}
#list_guest  .comList {padding-bottom:0; position:relative; }
@media screen and (max-width: 768px){
	#list_guest .grid .meta .number {  margin-top:0;  font-size:.8em;  }
}   
/*//////////

		게시판 - 북마크

//////////*/
#list-book { margin: 0px auto; }
#list-book .box { transition:.3s; padding:20px; margin-bottom:4px; box-sizing: border-box; border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); border: var(--oday_listBorder); box-shadow: var(--oday_listShadow);float:left; }
#list-book .box .mlink { display: flex; width: 100%; }
#list-book .box img, 
#list-book .box .noImg { border-radius: 10px; display: flex; align-items: center; justify-content:center; box-sizing: border-box; font-size:2em; background-color: var(--oday_metaBgColor); color: var(--oday_metaColor); border: var(--oday_listBorder); align-self: flex-start}
#list-book .box .tBox { display: flex; flex-direction: column; margin: 0 0 0 20px; }
#list-book .box .tBox span + span { margin-top: 5px; }
#list-book .box span.category { font-size:.8em ; }
#list-book .box span.title { font-size: 1em ; font-weight: 500; letter-spacing: 0; word-break: break-word; line-height:1.4 }
#list-book .box span.summ { font-size: .9em; line-height: 1.4;word-break: break-all; opacity:.6 }
#list-book .box span.url { font-size: .8em; word-break: break-all; color:var(--oday_mainColor) }

#list-book .box .btnedit { position:absolute; top: 0px; right: 0px; padding:10px; border-radius:0 10px 0 0; display: flex; align-items: center; background-color:var(--oday_listBgColor); }
#list-book .box .btnedit a { margin-right: 1em; }
#list-book a:hover, 
#list-book a:focus { color: unset; }
#list-book .fbItem * { display: flex; align-items: center; }
#list-book .fbItem p { font-size:.9em; }
.bookmark-plus { line-height: 1; margin-top: 10px; padding-top: 10px; border-top: var(--oday_listBorder); }
.bookmark-plus a { display:inline-block !important; width: unset !important; }
.bookmark-plus a i,
.bookmark-plus a span { 
	position:relative; display:inline-block !important;
	font-size: .7em; line-height: 1 !important; color:#000; letter-spacing:0.05em;
	margin-left:.5em; 
	width: fit-content;  max-width: fit-content;padding: 3px 5px; background-color: var(--oday_mainColorOpt); border-radius: 3px; }
.bookmark-plus a i:before { transform: rotate(90deg);}	
.bookmark-plus a i:hover,	
.bookmark-plus a span:hover { background-color: var(--oday_mainColor); color:#fff}
.bookmark-plus li + li {margin-top: 5px; }
.bookmark-plus img { display:none !important; }
@media screen and (max-width: 768px){

}
/*//////////

		게시판 - 히스토리

//////////*/
.greetinginpage { margin: 0 auto; max-width:80%;  max-width:800px; text-align:center; padding:50px 0 100px 0; z-index: 2; position: relative;  background: radial-gradient(ellipse closest-side, var(--oday_mainColorDark), transparent);}
.greetinginpage ul { /*background-color: color-mix(in srgb, var(--oday_listBgColor), transparent 30%); box-shadow:0 0 40px 40px color-mix(in srgb, var(--oday_listBgColor), transparent 30%); */ padding:50px 100px; border-radius:30px;
   
}
.greetinginpage li.since { font-size: 1.2em; line-height: 1; font-weight: 300; margin-bottom:1em}
.greetinginpage li.since span {  font-weight: 700; }
.greetinginpage li.title h1 { font-size:3.5em; letter-spacing: -1px; font-family:"Montserrat Alternates",  "Noto Sans KR"; font-weight: 900; line-height: 1;margin: 0; padding: 0; display:inline-block; white-space:nowrap; text-shadow: 0 0 5px rgba(0,0,0,.4);
/*background-image: linear-gradient(-45deg, var(--oday_mainColorDark), var(--oday_mainColor)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ }
.greetinginpage li.sum { font-size: 1em; margin-top: 1em; line-height: 1.4; word-break: keep-all; }
@media screen and (max-width: 1000px){
	.greetinginpage { padding: 20px 20px 50px 20px; }
	.greetinginpage ul { padding:50px 30px; border-radius:20px;}
	.greetinginpage li.since { font-size: 1em; }
	.greetinginpage li.since span { font-size: 1.5em; display:block; margin-top:5px;}
	.greetinginpage li.title h1 { font-size:3em; }
}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	.greetinginpage ul {  /*background-color: color-mix(in srgb, var(--oday_listBgColor), transparent 10%);box-shadow:0 0 40px 40px color-mix(in srgb, var(--oday_listBgColor), transparent 10%)*/ }
	.greetinginpage li.since span {  font-weight: 700; }
}
#list_history { margin: 0 auto; max-width: fit-content; margin-bottom:2em; z-index: 1; position: relative;}
#list_history li { display: flex; flex-direction: column; }
#list_history li ul,
#list_history li + li { margin-top: 50px; }
#list_history .box { display: flex; flex-direction: row; }
#list_history .box > div { display: flex; flex-direction: column; }
#list_history .box > div > div { display: flex; }
#list_history .box > div > div + div { margin-top:20px; }
#list_history div.cate_title { font-size:1.5em; margin-right: 30px; font-weight: 700; letter-spacing: 0; width:100px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
#list_history div.calendar { display:flex; justify-content: space-between; margin-right: 30px; width:80px }
#list_history span.month { display:flex; font-size: 1.2em;  font-weight: 700; color:var(--oday_mainColor);  }
#list_history span.day { display:flex; font-size: 1.2em;  font-weight: 500; }
#list_history span.title { font-size: 1.2em; font-weight:600; display:block}
#list_history span.title div { font-size:.8em; font-weight:400; opacity:.8; margin-top: 5px; min-width:200px; max-width:500px; }
#list_history span.title a { display:inline-block; }
#list_history span.title img { width:100px}
#list_history .document_popup_menu { display:none; }
@media screen and (max-width: 768px){
	#list_history { padding: 0 20px; }
	#list_history li ul, #list_history li + li {margin-top: 40px; padding-top:40px; border-top: var(--oday_listBorder);}
	#list_history .box { flex-direction: column; }
	#list_history .box > div > div { flex-direction: column; align-items: center; }
	#list_history div.cate_title { font-size: 15px; font-weight: 700;  margin-right: 0; margin-bottom:20px; width: 100%; display:flex; align-items: center; }
	#list_history div.cate_title span { border:var(--oday_listBorder);  background-color: var(--oday_listBgColor); width: fit-content; padding: 5px 15px; border-radius:20px;  }
	#list_history div.calendar {flex-direction: column; align-items: center;margin-right:0; margin-bottom:10px;}
	#list_history span.month { font-size: 1.8em;   }
	#list_history span.day {  font-size: 1.5em;   }	
	#list_history span.title { font-size: 1.3em; text-align:center}
}


@media screen and (max-width: 768px){

}
/*//////////

		게시판 - 인풋폼

//////////*/
#list_inputform {border: var(--oday_listBorder);background-color: var(--oday_listBgColor); border-radius: var(--oday_listBorderRadius); 
	padding:20px; margin-top: 5px !important; margin-bottom: 5px !important;
}
#list_inputform h3 { display:block;  font-size:1.2em; padding:30px 0 15px 5px;}
#list_inputform .formlist {  border-top: var(--oday_listBorderUp); }
#list_inputform .formlist > li:last-child {  border-bottom: var(--oday_listBorderUp); }
#list_inputform .formlist.ap_hidden > li:last-child { border-bottom:none} 
#list_inputform .formlist > li,
#list_inputform .formlist .ap_item {display:flex; align-items: stretch; width:100%;}
#list_inputform .formlist label,
#list_inputform .formlist h4 {display: flex; align-items: center;}
#list_inputform .formlist input:not( [type="radio"], [type="checkbox"], [type="password"], , [type="button"]),
#list_inputform .formlist textarea { width:calc( 100% - var(--table_tdWidth)); }
#list_inputform .formlist textarea { height: 80px; }
#list_inputform .formlist input[type="button"],
#list_inputform .formlist button[type="button"] {
    all: unset;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    height: calc( var(--oday_iptHeight) - 0px);
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--oday_fw-semiBold);
    background-color: var(--oday_btnBgColor) !important;
    border: var(--oday_btnBorder);
   border-radius: var(--oday_iptBorderRadius);
	width:fit-content;
    margin-top: 0;
}
#list_inputform .extra_html {width: 100%; display: flex; flex-wrap: wrap;}
#list_inputform .formlist .dsable,
#list_inputform .formlist .dsable:hover { background-color:transparent !important; border-style:dashed !important }
#list_inputform .ap_privacy { padding:40px;  border-bottom: var(--oday_listBorderUp); }
#list_inputform .formlist2 { display:flex; flex-direction: column;}


#list_inputform .formlist3 { padding:20px 0}
#list_inputform .formlist3,
#list_inputform .formlist3 li {display:flex; align-items: center; justify-content: center;}
#list_inputform .formlist3 li + li { margin-left:20px;}
#list_inputform .apbtn-box {display:flex; align-items: center; justify-content: center; padding:0 0 0 0 }

#list_inputform .ap_result { display: none; }
#list_inputform .ap_result .ap_text_wrapper { text-align:center; padding:20px 0}
#list_inputform .ap_result .ap_text_wrapper h3 { font-size:2em;}
#list_inputform .ap_result .ap_text_wrapper p { font-size:1.2em; line-height:1.4}

#list_inputform .ap_result .ap_basic { border-top: var(--oday_listBorder);  }
#list_inputform .ap_result_basic {border-bottom: var(--oday_listBorder); display:flex; }
#list_inputform .ap_result_basic_th {display:flex; align-items: center; }

#list_inputform .formlist2 .t-box {display:flex; align-items: center; font-weight:700; font-size:1.2em }
#list_inputform .formlist2 .t-box input { font-size: .7em}
.ap_privacy_agree { font-size:.9em; padding:10px 10px 0 20px; width:100%; line-height:1.4; color:var(--oday_mainColorOpt2)}
.ap_privacy_agree li { padding-left:5px}
.ap_privacy_agree li + li { margin-top:5px;}
.ap_privacy_agree li + li.ti { margin-top:10px;}
.ap_privacy_agree .ti { font-size:1.1em; font-weight:500; padding-left:0; color:var(--oday_fontColor)}

@media screen and (max-width: 768px){
	#list_inputform .formlist input:not( [type="radio"], [type="checkbox"], [type="password"], [type="button"], [type="time"], .date),
	#list_inputform .formlist textarea { width:100%; margin:0 }
	#list_inputform .ap_privacy { padding:20px 20px; }
}
/*//////////

		게시판 - 갤러리

//////////*/
#list-gall {padding: 0; width: fit-content;}
#list-gall .box .listchk { position:absolute; top: 10px; left: 10px; z-index: 1; mix-blend-mode: unset; }
#list-gall .box .listchk.sum {  left: unset; right:10px; }
#list-gall .box { position:relative; float:left; overflow:hidden; display:block; border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); border: var(--oday_listBorder); box-shadow: var(--oday_listShadow); }
#list-gall .box a { display: block; overflow: hidden;width: 100%; height: 100%;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;		
		-webkit-box-orient: vertical;
}
#list-gall .box .thum { width: 100%; object-fit: cover; object-position: center top; transform: scale(101%); transition-duration: .3s; }
#list-gall .box:hover .thum {
	transform: scale(105%);
}

#list-gall .box ul { padding:2em 1em 1em 1em; }
#list-gall .box ul:has(.starpoint) { padding:.5em 1em 1em 1em; }
#list-gall .box ul li.star {display:flex; justify-content: center; }
#list-gall .box ul li.star .starpoint { font-size:24px; margin-bottom:10px}
#list-gall .box ul li.columns { display: flex; justify-content: space-between; align-items: center; font-size:1em; }
#list-gall .box ul li.columns > * { display: flex; align-items: center; line-height: 1; white-space: nowrap;}
#list-gall .box ul li.columns * * + * { margin-left: 5px; }
#list-gall .box ul li.columns.bottom i { margin-right:2px; }
#list-gall .box ul li.columns.middle { margin-top:.8em; margin-bottom:.8em;  font-size: .9em;}
#list-gall .box ul li.columns.bottom { font-size:.9em; }
#list-gall .box ul li .author { white-space:normal;   -webkit-line-clamp: 1;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
#list-gall .box ul li.title {line-height: 1.4; font-weight: 700; font-size:1.1em}
#list-gall .box ul li.summary { opacity: .7; font-size:.9em; margin-top:.5em; line-height: 1.4; word-break: break-all;}
#list-gall .box ul li.full { margin-top:10px;}
#list-gall .box .read,
#list-gall .box .count,
#list-gall .box .category { color: var(--oday_mainColor); }
/*썸네일만 보기*/
#list-gall .box.titleIn .titleInbox { position:absolute; bottom: 0; z-index:1; width: 100%; color:var(--oday_fontColor); transition:.3s ease; pointer-events: none; opacity: 0}
#list-gall .box.titleIn ul.titleInbox li.title { margin-top: 0; font-size:1.1em; font-weight: 500}

/**/
#list-gall .box.titleIn:after { 
	content:""; display:block; position:absolute; top: -10px; left: -10px;  z-index: 0; 
	width:calc(100% + 20px); height:calc(100% + 20px);
	background:linear-gradient(transparent 0% ,  var(--oday_listBgColor) 80% );  opacity:0;
	transition:.3s; pointer-events: none;
	/*
	background-color: color-mix(in srgb, var(--oday_listBgColor), transparent 100%); 
	*/
}

#list-gall .box.titleIn:hover:after { opacity:1; /* backdrop-filter: grayscale(0); mix-blend-mode: overlay; backdrop-filter: blur(2px);*/ }
#list-gall .box.titleIn:hover .titleInbox { opacity: 1}
@media screen and (max-width: 768px){
	#list-gall .box.boxsize2 > a {display: flex; justify-content: center;}
	#list-gall .box.boxsize2 .thum { width:auto; height:100%}
	#list-gall .box ul { padding:2em 1em 1em 1em; }
	#list-gall .box ul li.title { font-size: 1.1em !important; 
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;	
	}
	#list-gall .box ul li.summary { font-size: .85em; }
	#list-gall .box.titleIn .titleInbox {opacity: 1}
	#list-gall .box.titleIn:after { opacity:1; }

}
/* 갤러리 관련 */
/* 인피티니 스크롤 페이지 위치 안내 */
.infinitiNotice { text-align:center; font-size: .85em; padding: 1em 2em; line-height: 1.4; width: fit-content; margin: 0 auto; margin-bottom: 1em; border: var(--oday_listBorderHover); background-color: var(--oday_listBgColor); border-radius: 50px; }
.infinitiNotice span,
.infinitiNotice a { font-weight: var(--oday_fw-semiBold); color: var(--oday_mainColor) !important; }
/* 레이어 팝업시 백 고정 : scrollDisable() 스크립트랑 같이 연동 1 */
.scrollDisable {height: 100vh; min-height: 100vh; overflow:hidden !important; touch-action:none; padding-right:calc(var(--oday_scrollWidth) - 8px)}
.searchBox.gallery { max-width: 100%}
/* 갤러리 - 프레임 */
.iframeCon, 
.iframeCon iframe { width: 100vw; height: 100vh}
.iframeCon {position: fixed; top: 0; left: 0; z-index: 1000; display: none; /*backdrop-filter: blur(10px);*/ }
.iframeCon .iframeBg {position: fixed; top: 0; height: 100vh; width: 100vw;  z-index: -1; background-color:rgba(0,0,0,.8); backdrop-filter: blur(5px); }
:is(.color_scheme_light ) {
	.iframeCon .iframeBg {background-color:rgba(255,255,255,.8); }
}
.iframeBg4Click {position: fixed; top: 0; left: 0; height: 100%; width: 100%; }
.listchk4gall { position:absolute; z-index: 1; width: 30px !important; height: 30px !important; right: 5px; bottom: 5px; } 
/* 인피티니 스크롤 안내 스티키 */
.wrap-infinity { width: 100%; padding:20px 0;  position:relative; height:100px; display: flex; align-items: center; justify-content: center; }
.page-load-status,
.infinity-btn-box { position:absolute; display: flex; align-items: center; justify-content: center; }
.page-load-status p,
.infinity-btn-box a { display:block; background-color: var(--oday_mainColorLight); color:#000; padding: 10px 30px; border-radius: 30px; width: fit-content; line-height: initial; font-size:1em; font-weight: 700; }
.infinity-btn-box a:hover { background-color: var(--oday_mainColorDark); color:#fff; }
.infinity-btn-box a span { font-weight:400; font-size:.8em}
.wrap-infinity i { font-size:1.4em;}

.box .thum.no { display: flex; justify-content: center; align-items: center; font-size:4em; background-color: var(--oday_listBgColorDown1);}
.box .thum.no * { opacity:.1; color:var(--oday_fontColor)}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	.box .thum.no * { opacity:.05; }
}

/*//////////

		읽기 

//////////*/
.widthSideNavi { position: relative; z-index: 1;margin: 0 auto; width: 100%; display: flex; }
#readBox { 
	overflow:hidden; position: relative; z-index: 1;
	background-color: var(--oday_listBgColor); border-radius: var(--oday_readRadius); box-shadow: var(--oday_listShadow); border:var(--oday_listBorder);
	width:calc( 100% - calc(var(--oday_sideNaviBtnWidth) + 15px)); 
	}
#readBox .rTitle { padding: var(--oday_sideGap) }
#readBox .rTitle + .rTitle { padding-top:0; border-top:none; /* margin-top: calc( var(--oday_sideGap) * -.5 );  margin-top: calc( var(--oday_sideGap) * -1 )*/ }
#readBox .rMain + .rTitle { border-top: var(--oday_listBorder); } 
#readBox .rTitle * { margin: 0; padding: 0;  }
#readBox .location { padding:var(--oday_sideGapLR); padding-top:20px}
#readBox .location,
.writeLocation { font-size:.9em; }
#readBox .location  i,
.writeLocation div > I { color: var(--oday_mainColorLight); }
#readBox .location li + li { margin-top:5px}
#readBox .location .from { opacity:.5}
#readBox .location .from em { font-size:.8em}
#readBox .rTitle .title h1 { font-size: 1.8em;  line-height: 1.4; font-weight:600; letter-spacing:-1px; word-spacing:1px; }
#readBox .rTitle .meta { display: flex; align-items: center; }
#readBox .rTitle .meta .author {font-weight:400}
#readBox .rTitle .meta > * + * { margin-left: 10px; }
#readBox .rTitle .meta ul li { display: flex; align-items: flex-end; line-height: 1; }
#readBox .rTitle .meta ul li + li { margin-top:2px}
#readBox .rTitle .meta ul li span { display: flex; align-items: center; font-size:.8em;line-height: 1; }
#readBox .rTitle .meta ul li * + span.count {margin-left: 1em; }
#readBox .rTitle .meta ul li span.count { font-size: 1em; }
#readBox .rTitle .meta ul li .date i { color: var(--oday_mainColorLight); }
#readBox .rTitle .meta ul li > * + * { margin-left: .4em; }
#readBox .rMain { padding: var(--oday_sideGap); margin: 0 0 1em 0;  } 
#readBox * + .rMain {border-top: var(--oday_listBorder);}

.hr.readBoxnext { margin: 60px 0 !important; }
#readBox #exOut + .rMain {border-top: none;}
.no_bd_bg #readBox:not(.gallery){
	--oday_sideGap: 30px 10px 30px 10px;
	--oday_sideGapLR:0 10px;
}
.no_bd_bg .bd-all:not(.list-notice),
#writeBox.classic {background-color: unset !important; box-shadow: unset !important; border:unset !important;}
.no_bd_bg #list_mobile.bd-all,
.no_bd_bg .bd-all.list-bd-ul,
.no_bd_bg .bd-all.webzinelist {border-top: var(--oday_listBorderUp) !important;border-bottom: var(--oday_listBorderUp) !important;}
.no_bd_bg #list-bd-table table.tbl_board,
.no_bd_bg #list-bd-table table.tbl_board th {background-color: unset; }
.no_bd_bg .stickyTopBox { }
.no_bd_bg #list_guest .box {background-color: unset; border-radius: unset; box-shadow: unset; border:unset;}
.no_bd_bg #readBox:not(.gallery) { background-color: unset; border-radius: unset; box-shadow: unset; border:unset; }
.no_bd_bg #readBox.nolimit { background-color: unset; border-radius: unset; box-shadow: unset; border:unset;}
.no_bd_bg .feedback h2 {background-color:var(--oday_bodyBgColor)}
.no_bd_bg .comList {background-color: unset; }
.classic .comList:before,
.no_bd_bg .comList:before { background: radial-gradient( ellipse at 50% 100%, var(--bggra_up2),  transparent 80%);  }
.no_bd_bg ul.naviBtn {background-color:var(--oday_bodyBgColor)}
.no_bd_bg .sign li,
.no_bd_bg .author_list > div {background-color: var(--oday_listBgColor);}

#readBox.classic,
#readBox.classic :where(.sign li,  .author_list > div, .naviBoxBottom ul, ul.naviBtn) {background-color:unset; border-radius: 0; box-shadow: unset; border:none;}
#readBox.classic + .naviBoxSide ul:not(.font-size) { background-color: unset; border: none; box-shadow: unset;}
#readBox.classic :where(.sign, ul.naviBtn) { border-top:var(--oday_listBorder)}
#readBox.classic .author_list { border-bottom:var(--oday_listBorder)}
#readBox.classic .feedback h2 {    background-color: var(--oday_bodyBgColor);}
#exOut {padding: var(--oday_sideGapLR); margin-bottom:2em; } 

@media screen and (max-width: 768px){
	.naviBoxSide li div { display:none;}
	#readBox { width: 100%; padding-bottom: 20px; }
	#readBox .rTitle .title h1 { font-size: 1.6em; }
	#readBox .location,
	.writeLocation { font-size:.8em; }	
	#readBox .rTitle .meta ul li span.od_date { font-size:10px}
	
}
/* 페이지 인포 */
.urlInfo { margin-top:20px; padding: 3em; }
.urlInfo table { font-size: 12px; font-weight: var(--oday_fw-regular); opacity:.9; width: 100%; border-top: var(--oday_listBorder); text-align:left; border-spacing: 0px; }
.urlInfo table tr * {padding: 8px 10px !important; }
.urlInfo table tr * { border-bottom: var(--oday_listBorder); line-height: 1.4; width: 100%; max-width:900px; overflow:hidden; text-overflow: ellipsis; }
.urlInfo table tr th { white-space: pre; font-weight: var(--oday_fw-regular); background-color: var(--oday_bodyBgColor); width: min-content; height:unset; min-height:unset;}
.urlInfo table tr td { width: min-content; height:unset; min-height:unset; display: table-cell; }
.urlInfo h3 { margin-bottom:.5em; }
.urlInfo table + h3 { margin-top:2em; }
/* 하단 액세서리 */
.wrapRopt { padding: var(--oday_sideGapLR); margin-bottom: 3em; }
.wrapRopt > * + * { margin-top: 5px; }
/* 서명 */
.sign { padding: var(--oday_sideGapLR); margin-top:0; max-width:var(--oday_maxWidth)}
.sign li { border: var(--oday_listBorder); box-shadow: var(--oday_listShadow); background-color: var(--oday_listBgColorUp); display: flex; align-items: flex-start; padding:30px; border-radius: 10px; font-size:.9em; width: -webkit-fill-available;}
.sign li > * + * { margin-left:3em; }
.sign .smeta {position:relative;}
.sign .profile { width: var(--oday_metaIconSize2); height: var(--oday_metaIconSize2); background-color: var(--oday_metaBgColor); color: var(--oday_metaColor); font-size: var(--oday_metaFontSize2); border-radius: 100%; display: flex; align-items: center; justify-content: center;  }
.sign .stext { line-height: 1.4; flex: 1; }
.sign .stext h3 { margin-bottom:.5em; font-size: 1em; }
.sign .stext > div { opacity:.6; font-size: .9em; margin-top:5px; height:unset !important}
.sign .sign_name { font-size:1.2em}
.sign .sign_home { font-size:.85em; margin-top:5px; letter-spacing:0}
.sign .sign_name i { color:var(--oday_mainColor);  font-size: 1.2em;}
.smeta .level { font-size:10px; position:absolute; bottom:-5px; left:calc(var(--oday_metaIconSize2) * .6); width:calc(var(--oday_metaIconSize2) * .4); height:calc(var(--oday_metaIconSize2) * .4); border-radius:100%;   display: flex; align-items: center; justify-content: center; background-color: var(--oday_mainColor); }
.smeta .level em {color:var(--oday_primaryBtnColor); font-weight:700; font-size:1.5em}

/*
.sign.simple li > * + * { margin-left:10px;}
.sign.simple .profile { width: calc(var(--oday_metaIconSize2) * .5); height: calc(var(--oday_metaIconSize2) * .5); font-size: calc(var(--oday_metaFontSize2) * .5);  }
.sign.simple .signature { font-size:.8em}
.sign.simple .level { color: var(--oday_mainColor); display:block;}
*/
.sign_wrap { padding: var(--oday_sideGapLR); }
.meta_btn { font-size:10px; display:flex; align-items: center; height:40px; line-height:1; border:var(--oday_listBorder); background-color:var(--oday_listBgColorUp); border-radius:5px; padding:0px 20px; width: fit-content; margin: 0 auto; margin-bottom:20px; }
.meta_btn span { font-weight:700; padding-right:2px }
.meta_btn i { font-size:1.1em; color:var(--oday_mainColorOpt) }
.meta_btn em + em { margin-left:5px; padding-left:5px; border-left:var(--oday_listBorder)}
.sign_wrap.no .meta_btn { margin:0; margin-left: auto;  border-radius:0 0 5px 5px; border-top:none; margin-right:15px; height:30px; }
/* 첨부파일 */
.downlist  { display: flex;align-items: flex-end; flex-direction: column; padding: var(--oday_sideGapLR); margin: 10px 0 5px 0; }
.downlist > a { font-size:10px; margin-bottom:5px}
.downlist > a i { font-size:1.4em}
.down_file { display: flex; align-items: center;flex-wrap: wrap; justify-content: flex-end;  }
.down_file  a { padding: 5px 10px;  font-size:.7em; border: 1px solid  color-mix(in srgb, var(--oday_mainColor), transparent 90%); background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); border-radius: 3px; display: flex; align-items: center;  margin:0 2px 5px 2px}
.down_file a span { opacity:.8; margin-left:.5em; }
.down_file a span i { font-size:.8em; margin: 0 2px; color: var(--oday_mainColorLight); }
/* 도큐먼트 메뉴 */
.doDocument { padding: var(--oday_sideGapLR); padding-top:10px;display: flex; justify-content: flex-end;  }
.doDocument a {padding: 0 10px; border: var(--oday_listBorder); font-size:.8em; border-radius: 3px; height:25px; width: fit-content; display: flex; align-items: center; justify-content: center; line-height: 1; box-sizing:border-box;}
/* SNS 공유 */
.doNsns { display: flex; justify-content: center; font-size:1em; padding: var(--oday_sideGap);margin-bottom: 5px }
.doNsns a { font-weight:900; padding: 0 10px; border: var(--oday_listBorder); border-radius: 5px; height:30px; width:30px; display: flex; align-items: center; justify-content: center; line-height: 1; box-shadow: var(--oday_btnShadow);  background-color: var(--oday_listBgColorUp); }
.doNsns a:hover { border: var(--oday_listBorderHover);}
.doNsns a + a { margin-left:5px;}
/* 태그 */
.tags { font-size:.8em; display: flex; align-items: center;flex-wrap: wrap; padding: var(--oday_sideGapLR); margin-bottom: 5px }
.tags i { font-size: 1.5em; margin-right:.2em; color: var(--oday_mainColorLight); }
.tags a { /*border:1px solid  color-mix(in srgb, var(--oday_mainColor), transparent 90%); */ background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); color:var(--oday_fontHoverColor) !important;border-radius: 10px; padding: 8px 15px; display: flex; align-items: center; margin:1px 2px}

/* 추천 */
.vote { display: flex; align-items: center; justify-content: center; margin: 1em 0}
.vote li a { display: flex; align-items: center; justify-content: center; flex-direction: column; border: var(--oday_btnBorder); box-shadow: var(--oday_btnShadow); background-color: var(--oday_btnBgColor); padding: 10px; border-radius: 10px; font-size:.8em; width: 100px; }
.vote li a span.material-symbols-sharp { font-size: 3em; margin-bottom:.2em; }
.vote li a div { display: flex; align-items: center; }
.vote li a span.active { font-size: 1.1em; font-weight: 700; color: var(--oday_mainColorLight); margin-left: 5px; }
.vote li + li { margin-left:.5em; }


.sign .stext div.exp-info { opacity:1; margin-top:10px}
.exp-graph { position:relative; background-color:var(--oday_listBgColorDown2); height:2px; border-radius:15px; overflow:hidden}
.exp-graph div { position:absolute; top:0; left:0; height:100%; background-color:var(--oday_mainColor); }
.exp-sum { margin-top:4px; width:100%; letter-spacing:.5px; font-size:.9em }
.exp-sum span { font-weight:600; color:var(--oday_mainColor); }

@media screen and (max-width: 768px){
	.urlInfo { padding:10px 15px}
	.urlInfo table tr th,
	.urlInfo table tr td { width: 100%; overflow:hidden}
	.sign li {padding:20px 15px; display:inline-block}
	.sign li > * + * { margin-left:0; }
	.sign .stext > div { max-height: unset !important;
    overflow: unset !important;
    overflow-x: unset !important;
	height:unset !important;
	}
	.sign .smeta { float:right; margin-left:20px; margin-bottom:10px}
	.sign .profile { margin-bottom:0}
	.doDocument a { font-size:.7em;}
	.meta_btn { font-size:10px;}
}

.starpoint { display: flex; background-color:var(--oday_listBgColor); padding:3px 2px; border-radius:4px; font-size:11px; width: fit-content; line-height:1; border:var(--oday_listBorder)}
:where(#list-bd-table, #list-gall) .starpoint { border:none; }
.starpoint .score { line-height: 1;display: flex; align-items: center; color:var(--oday_mainColor); font-weight:700 }
.starpoint .score i { color:var(--oday_mainColorOpt); margin-right:3px; font-size:10px; opacity:unset !important}
.starRating { display:flex;position:relative; color:rgba(100,100,100,.15); ;}
.starRating span { display:flex;position:absolute; top:0; left:0; overflow:hidden; color:var(--oday_mainColorOpt); background-color:var(--oday _listBgColor);  }

/*//////////

		읽기 - 댓글

//////////*/
.feedback { 
	--oday_com_profileW : 50px;
	--oday_comSize:10px;
}
@media screen and (max-width: 768px){
	.feedback { 
		--oday_com_profileW : 40px;
		--oday_comSize:10px;	
	}	
}
.feedback { /*background:linear-gradient(transparent, var(--oday_listGradient) calc( var(--oday_iptHeight) - 1px),transparent  calc( var(--oday_iptHeight) - 1px)); margin-top: 2em; */}
.feedback h2 { 
	display: flex; align-items: center; 
	border: var(--oday_listBorder); background-color: var(--oday_listBgColor); border-bottom:none; 
	padding: 0 20px; margin-left: 30px; height: calc( var(--oday_iptHeight) - 1px); width: fit-content; border-radius: var(--oday_tab); margin-bottom: -1px; 
	position: relative; z-index: 2; font-size: 1em;
	} 
.feedback h2 i { color: var(--oday_mainColorOpt); margin-right:5px; font-size:1.1em}
.feedback h2 em { color: var(--oday_mainColorOpt); margin-left:5px; }
.feedback h2 + * { border-top: var(--oday_listBorderUp); }

.comList { padding: var(--oday_sideGap);  position: relative; }
.comList:before {content:""; position:absolute; top:calc((var(--oday_iptHeight) - 10px) * -1);; left:0;display:block; width:100%; height:calc(var(--oday_iptHeight) - 10px); background: linear-gradient(transparent, var(--bggra_up2)); mix-blend-mode: multiply;} 
.comList > li { padding-top:20px; padding-bottom:20px; position:relative; }
.comList > li + li { border-top: var(--oday _listBorder); border-style:dashed }
.comList > li:nth-child(2n+2) { background-color: var(--oday _listBgColorDown);}
.comList .reple {  border-left: var(--oday _listBorder); background-color: var(--oday _listBgColorDown); }

.comList .depth { position: absolute; font-size:.7em; top:29px;  margin-left:-15px; background-color: var(--oday_listBgColor); padding:2px 3px; z-index: 1; }
.comList .depth span { opacity:.3}
.no_bd_bg .comList .depth { background-color: var(--oday_bodyBgColor);}
.comList div.c_tree { position: absolute; height: calc(100% - 3px); width: 20px; top: 30px; left: 0; border: var(--oday_listBorder); border-right:none; } 
.comList .reple div.c_tree {height: calc(100% + 1px); }
.comList > li:last-child div.c_tree { display:none; }

.comList .profile { width:var(--oday_com_profileW); height:var(--oday_com_profileW); border-radius:100%; overflow:hidden; display: flex; align-items: center;  justify-content: center; flex-shrink: 0;
	background-color: var(--oday_listBgColorDown1); font-size:calc(var(--oday_com_profileW) * .5); line-height:1; border: var(--oday_listBorder); 
}
.comList .reple .profile {
	width:calc(var(--oday_com_profileW) * .8); height:calc(var(--oday_com_profileW) * .8);  font-size:calc(var(--oday_com_profileW) * .4);
}
.comList .profile img { width:100%;border-radius:100%; }
.comList .owner .profile { /* border:2px solid var(--oday_mainColor); */ border:none; position:relative; padding:2px  }
.comList .owner .profile:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%;  background: linear-gradient(-45deg, var(--oday_mainColor) 30%, #ffd500 70%);   }
.comList .owner .profile img { border:2px solid var(--oday_listBgColorDown); z-index:1}
.comList .owner .profile span,
.comList .owner .profile i { width:100%; height:100%;border-radius:100%;  display: flex;  align-items: center; justify-content: center; background-color:var(--oday_listBgColor) ; border:2px solid var(--oday_listBgColorDown); z-index:1 }
.comList div.c_wrap { position:relative;display: flex; z-index:1}
.comList div.c_meta { position:relative; }
.comList div.c_meta .crown {position:absolute; top:-5px; left:0; margin-top:0; color: var(--oday_mainColor);}
.comList div.c_meta * + * { margin-top:10px;  }
.comList div.c_all { margin-left:20px; width: 100%; }
.comList div.c_all .bxs-crown { color: var(--oday_mainColor); margin-top: -8px; font-size: .8em;
/* background-image:  linear-gradient(-45deg, var(--oday_mainColor), #ffd500); background-clip: text; -webkit-background-clip: text; color: transparent; */
}

.c_vote { opacity:.4; font-size:.85em;  display: flex;  align-items: flex-end; justify-content: center;}
.c_vote.active { opacity:1; color: var(--oday_mainColor);  font-weight:700}
.c_con { padding:15px 0}
.c_all .author {  font-size:.9em;  }
.c_opt {  font-size:.8em;  opacity:.5;  }
.c_opt + .c_opt  { margin-left:10px;}
.c_opt_wrap { display:flex; font-size:.8em; opacity:.5; align-items: center; line-height: 1; margin-top:2px}
.c_opt_wrap * + * { margin-left:5px;}
.c_opt_wrap { position:relative}
.c_opt_wrap .bx-copy { color: var(--oday_mainColor); margin-left:5px; }
.c_opt_wrap span.commtip {  color: var(--oday_mainColor); }
.c_file { display:flex; flex-direction: column; align-items: flex-end; font-size:.85em; padding:0 0 5px 0}
.c_file > a { font-size: 10px; }
.c_file div a { padding: 5px 10px; font-size: .7em; border: var(--oday_listBorder); background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); border-radius: 3px; display: flex; align-items: center; margin: 2px 2px 1px 2px; }
.c_file_s {display:flex;}
.c_file_s a { padding: 2px 5px; font-size: .7em; border: var(--oday_listBorder); background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); border-radius: 3px;}
.c_file_s a + a { margin-left:2px}
.c_act { font-size:.85em; display:flex; justify-content: flex-end; align-items: center;}
.c_act .re_comment { margin-right:auto; font-weight:500; color: var(--oday_mainColor); }
.c_act .re_comment i { }
.c_act .re_comment.end { opacity:.3; font-style: italic; font-size:.8em; color: var(--oday_fontColor); }
.c_act > * + *  { margin-left:10px;}
.c_act_child { opacity:.1; transition:.3s; }
.comList > li:hover .c_act_child { opacity:1;}

.comList.basic div.c_tree_b { position: absolute;  top:0; left:0px; height:100%;  background-color: var(--oday_listBgColorDown); border-right:var(--oday_listBorder); border-style:dashed}
.comList.basic > li { padding-right:20px;}
.comList.basic > li.reple + li.reple { border-top: var(--oday_listBorderDown); border-style:    }

.comList.basic .reple {  border-left: var(--oday_listBorder); border-right: var(--oday_listBorder); background-color: var(--oday_listBgColor); }
.comList.basic > li.no_reple + .reple { border-radius:10px 10px 0 0; border-top: var(--oday_listBorder); }
.comList.basic > li.no_reple + .reple:after { content: ""; position: absolute; left: 30px; top: -6px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: var(--oday_listBgColor) !important; border-left:var(--oday_listBorder) !important;  border-top:var(--oday_listBorder) !important;   z-index:1; }
.comList.basic .reple:last-child { border-bottom-right-radius:10px !important; border-bottom-left-radius:10px !important; border-bottom: var(--oday_listBorder); }

/*
.comList.basic .indent_2 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 2%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 10%) !important; }
.comList.basic .indent_3 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 6%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 20%) !important; }
.comList.basic .indent_4 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 10%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 30%) !important; }
.comList.basic .indent_5 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 14%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 40%) !important; }
.comList.basic .indent_6 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 18%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 50%) !important; }
.comList.basic .indent_7 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 22%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 60%) !important; }
.comList.basic .indent_8 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 16%); border-top:1px dashed  color-mix(in srgb, var(--oday_listBgColorDown), #000 70%) !important; }
*/

.comList.com_chat {    padding-top: 50px;}
.comList.com_chat > li { padding-top:10px; padding-bottom:10px; position:relative; }
.comList.com_chat div.c_meta { padding-top:0px}
.comList.com_chat div.c_all { margin-top:-20px; padding-bottom:20px}
.comList.com_chat div.c_con {position:relative; width: fit-content; max-width:var(--oday_maxWidth); border-radius: calc(var(--oday_listBorderRadius) * .8); border: var(--oday_listBorder); padding:15px 20px; margin:5px 0 10px 0; background-color: var(--oday_listBgColorUp2); margin-left: -5px; }
.comList.com_chat div.c_con:after { content: ""; position: absolute; left:  calc(var(--oday_comSize) * -.6);  top: calc(var(--oday_comSize) * 1.2); width:  calc(var(--oday_comSize) * 1); height:  calc(var(--oday_comSize) * 1); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(55deg) skewY(-20deg); border-left: var(--oday_listBorder) !important; border-bottom: var(--oday_listBorder) !important;  background-color: var(--oday_listBgColorUp2);  }
.comList.com_chat .owner div.c_con  { 
	border:1px solid color-mix(in srgb, var(--oday_mainColor), #fff 70%) !important; 
	background-color: color-mix(in srgb, var(--oday_mainColor), #fff 99%); }
.comList.com_chat .owner div.c_con:after { 
	border-left: 1px solid color-mix(in srgb, var(--oday_mainColor),#fff 70%) !important; 
	border-bottom: 1px solid color-mix(in srgb, var(--oday_mainColor), #fff 70%) !important;  
	background-color: color-mix(in srgb, var(--oday_mainColor), #fff 99%); }
.comList.com_chat .c_opt_wrap {justify-content: flex-end; margin-top:5px}
.comList.com_chat .c_act {justify-content: flex-start; margin-top:5px}
.comList.com_chat .c_act .re_comment { margin-right: unset ;}

:is(.color_scheme_dark),
:root[color-theme='dark'] {
	.comList .owner .profile img { border:3px solid var(--oday_listBgColorDown);}
	.comList.com_chat .owner div.c_con  { 
		border:1px solid color-mix(in srgb, var(--oday_mainColor), #333 70%) !important; 
		background-color: color-mix(in srgb, var(--oday_mainColor), #333 95%); }
	.comList.com_chat .owner div.c_con:after { 
		border-left: 1px solid color-mix(in srgb, var(--oday_mainColor),#333 70%) !important; 
		border-bottom: 1px solid color-mix(in srgb, var(--oday_mainColor), #333 70%) !important;  
		background-color: color-mix(in srgb, var(--oday_mainColor), #333 95%); }
}
@media screen and (max-width: 768px){
	.feedback h2 { margin-left:15px}
	.comList div.c_all { margin-left:10px;}
	.comList.com_chat div.c_con {border-radius: calc(var(--oday_listBorderRadius) * .5); padding:10px 15px; }
	.comList.com_chat div.c_con:after {left:  calc(var(--oday_comSize) * -.4);  top: calc(var(--oday_comSize) * .8); width:  calc(var(--oday_comSize) * .7); height:  calc(var(--oday_comSize) * .7);}
}
/*//////////

		읽기 - 댓글 - 끝

//////////*/

.xe_content, .rhymix_content { /*padding: 0 1em;*/ font-size: 1em; word-break: break-all; }

.wrapUtilitytWin { display: flex; flex-direction: column; justify-content: center; align-items: center; margin:2em; border: var(--oday_listBorder); border-radius: 10px; box-shadow: var(--oday_listShadow); overflow:hidden; /* min-height: 100vh;*/}
.wrapUtilitytWin > li { overflow:hidden; width: 100%; max-width: var(--oday_maxWidth);  }
.utilitytWin {margin: 0 auto; width: 100%; max-width: var(--oday_maxWidth); background-color: var(--oday_listBgColor);padding: var(--oday_sideGap); }
.utilitytWin + .utilitytWin  { padding-top:0}
.utilitytWin .xe_content { margin-top: 1em; padding-top: 1em; border-top: var(--oday_listBorder); }
.utilitytWin h3 { font-size: 1.2em; }
.utilityMessage { padding: 20px 40px; border-radius: 10px; /*border: var(--oday_listBorder);*/ width: fit-content; margin: 0 auto; font-size: 1em; }
.otbl {width: 100%;  border-spacing: 0; }
.otbl tr > * { padding: 5px 1.5em; height:calc(var(--oday_iptHeight) + 10px); }
.otbl tr th { width: 120px; text-align: left; position: relative; }
.otbl tr th:after { content: ""; position: absolute; width: 1px; height: calc(100% - 20px); top: 10px; right: 0; border-right: var(--oday_listBorder); box-sizing: border-box; }
@media screen and (max-width: 768px){
	.comListSub li.comCon .xe_content img { width: 100% !important; max-width:100%}
	.xe_content img { max-width:100%}
}
:is(.color_scheme_dark), :root[color-theme='dark'] {
	/*.feedback { background:linear-gradient(transparent, rgba(0,0,0,.15) calc( var(--oday_iptHeight) - 1px),transparent  calc( var(--oday_iptHeight) - 1px)); }*/

}
/*//////////

		읽기 - 페이지 네비

//////////*/
ul.naviList { display: flex; justify-content: center; position: fixed; width: -webkit-fill-available; top : 50%; height: 1px; padding: 0 20px; z-index: 1; transition:.3s; }
ul.naviList li { display: flex; align-items: center; position:relative; width: 50%; max-width: calc((var(--oday_maxWidth) / 2) + 60px); }
ul.naviList li.disabled span,
ul.naviList li a { display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 1.5em; background-color: var(--oday_listBgColor); border: var(--oday_listBorder); width: 50px; height: 50px; border-radius: 100%; z-index: 1; }
ul.naviList li div { display:block; background-color: var(--oday_listBgColor); padding: 10px 30px; border-radius:40px; border: var(--oday_listBorder); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; transition:.3s; opacity: 0; position:absolute; pointer-events: none; }
ul.naviList li: first-child {}
ul.naviList li:last-child {  justify-content: flex-end; }
ul.naviList li a:hover + div { opacity: 1; }
ul.naviList li: first-child div { margin-left: 0; left: 10px; }
ul.naviList li:last-child div { margin-right: 0; right: 10px; }
ul.naviList li: first-child a:hover + div { margin-left:20px; }
ul.naviList li:last-child a:hover + div { margin-right:20px; }

ul.naviList li a i { font-size: 1.4em; }
ul.naviList li.disabled { opacity:.2}

@media screen and (max-width: 768px){
	ul.naviList { top : unset; bottom: 1em; padding: 0 10px; z-index: 1; }
	ul.naviList li { align-items: flex-end; }
	ul.naviList li.disabled span,
	ul.naviList li a { height: var(--oday_iptHeight); width: var(--oday_iptHeight); font-size: 1em; }
}

.widthSideNavi .naviBoxSide { position: sticky; top: 70px; height: fit-content; display: flex;flex-direction: column; align-items: center; margin-left: 5px; z-index: 2; padding-top:10px}
.widthSideNavi4blog .naviBoxSide { position: sticky; top: 120px; height: fit-content; display: flex;flex-direction: column; align-items: center; margin-left: 5px; z-index: 1; margin-top:10px}
.naviBoxSide ul { z-index: 1; padding: 5px; background-color: var(--oday_listBgColor); border-radius: calc( var(--oday_sideNaviBtnWidth) + 10px); box-shadow: var(--oday_listShadow); transition: 0.3s ease; }
.naviBoxSide {transition: 0.3s ease; }
.naviBoxSide li {position:relative; display: flex; align-items: center; justify-content: center; }
.naviBoxSide li + li { margin-top: 5px; }
.naviBoxSide li.btngolist { padding-bottom:10px}
.naviBoxSide .font-size { position:relative; padding:10px 0; width: var(--oday_sideNaviBtnWidth); 
border: var(--oday_btnBorder); background-color: var(--oday_btnBgColor); box-shadow: var(--oday_btnShadow);  border-radius:var(--oday_sideNaviBtnWidth);
}
.naviBoxSide .font-size li + li { margin-top: 0; }
.sizeview { font-size:10px; padding:2px 0 0 0; justify-content: center; line-height:1;  letter-spacing:-0.5px;}
.naviBoxSide li div { 
	position:absolute; max-width: 300px; height: var(--oday_sideNaviBtnWidth); font-weight:400; white-space: nowrap; 
	right:calc(var(--oday_sideNaviBtnWidth) - 30px); background-color: var(--oday_btnBgColor); padding: 0 40px 0 15px; border-radius:40px; border: var(--oday_btnBorder); pointer-events: none;
	transition: 0.3s ease;
	opacity: 0;
	visibility: hidden;
	transform: translateX(5px);
	display: flex;
    align-items: center;
    line-height: 1;
	font-size: calc(var(--oday_sideNaviBtnWidth) * .4);
}
.naviBoxSide li div span {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.naviBoxSide li:hover div {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}
.naviBoxSide a:not(.font-btn) { position:relative; width: var(--oday_sideNaviBtnWidth); height: var(--oday_sideNaviBtnWidth); border: var(--oday_btnBorder); background-color: var(--oday_btnBgColor); box-shadow: var(--oday_btnShadow); display: flex; align-items: center; justify-content: center; border-radius: 100%; z-index: 1; }
.naviBoxSide a i  { font-size: calc(var(--oday_sideNaviBtnWidth) * .5);  }
.naviBoxSide a span { font-size: calc(var(--oday_sideNaviBtnWidth) * .6);  }
.naviBoxSide li.disabled { opacity:.2; }
.naviBoxSide li.disabled a { cursor: default; }
.naviBoxSide .gotoComInNavi a i {position:absolute; top: -3px; right: -5px; font-size: 14px; color: var(--oday_mainColor);}
.naviBoxSide a.comcount { color: var(--oday_mainColor); font-size:12px; font-weight:500 }
.naviBoxSide .yellow,
.naviBoxSide .yellow ~ a { border: var(--oday_listBorderMain); color: var(--oday_mainColor); font-weight:500 }
.naviBoxSide .yellow i {color:var(--oday_mainColorOpt); font-size:1.3em}
.naviBoxSide .combo a { border-radius:var(--oday_sideNaviBtnWidth) var(--oday_sideNaviBtnWidth) 0 0; border-bottom:none;}
.naviBoxSide li.combo + li { margin-top: 0; }
.naviBoxSide li.combo + li a { border-radius:0 0 var(--oday_sideNaviBtnWidth) var(--oday_sideNaviBtnWidth);  border-top-style:dashed; }

ul.naviBtn {padding: 1em 2em; border-top: var(--oday_listBorderUp); bottom: -1px; margin-top: 2em; background-color: var(--oday_listBgColor) ; z-index: 1; transition:.3s; }
ul.naviBtn li { display: flex; justify-content: center; }

.naviBoxSide > * + * { margin-top:5px}
.naviBoxSide > * + ul { margin-top:10px}
.naviBoxSide > ul + div { margin-top:15px}
.hiddengo a { background-color: var(--oday_mainColor) !important; color: var(--oday_primaryBtnColor); border:none !important; width:var(--oday_sideNaviBtnWidth); height:var(--oday_sideNaviBtnWidth);}
.hiddengo a:hover { background-color: var(--oday_mainColorDark) !important;  color: var(--oday_primaryBtnColor);}
@media screen and (max-width: 768px){

	.widthSideNavi { flex-direction: column; }
	.widthSideNavi4blog .naviBoxSide,
	.widthSideNavi .naviBoxSide {flex-direction: unset; justify-content: center; top: unset; bottom: -1px;  padding:3vw 0; margin-left:0vw; } 
	.naviBoxSide * { margin-top:0 !important}
	.naviBoxSide ul { display:flex; box-shadow:unset;  background-color:unset; padding:0 }
	.naviBoxSide.is-pinned {  background-color: var(--oday_gnbBgColor); width: 100%;  border-top:var(--oday_listBorder)   }
	.naviBoxSide > ul + ul,
	.naviBoxSide > ul + div{ margin-left:15px;}
	.naviBoxSide > div + div,
	.naviBoxSide > ul:not(.font-size) > li + li { margin-left:4px}
	.naviBoxSide .font-size .sizeview {         transform: rotate(270deg);
        font-size: 2vw;
        width: 3.5vw;}
	.naviBoxSide li div { display:none; }
	.naviBoxSide li.btngolist { padding-bottom:0; padding-right:10px;}
	.naviBoxSide .font-size { width:unset; height: var(--oday_sideNaviBtnWidth); padding:0 10px}
	/*&
	
	.widthSideNavi4blog .naviBoxSide,
	.widthSideNavi .naviBoxSide { top: unset; bottom: -1px; margin-left: 0; margin-top: 0; padding-bottom: 0;  justify-content: center; }
	.widthSideNavi4blog .naviBoxSide { margin-top:10px;}
	.widthSideNavi4blog .naviBoxSide ul,
	.widthSideNavi .naviBoxSide ul { display: flex; justify-content: center; width: fit-content; box-shadow:unset;  background-color:unset; padding:0 } 
	.naviBoxSide .naviadd {   }
	.naviBoxSide li + li { margin-top: 0; margin-left: 4px; }
	.naviBoxSide li + li.btngolist { margin-left:10px}
	.naviBoxSide .font-size li + li { margin-left: 2px; }
	.naviBoxSide .font-size .sizeview { padding:0 5px; font-size:8px; display:none;}
	ul.naviBtn {padding: 1em; }
	.naviBoxSide li div { display:none;}
	.naviBoxSide .combo a { border-radius:var(--oday_sideNaviBtnWidth); border-bottom:unset; border: var(--oday_listBorderHover)}
	.naviBoxSide li.combo + li { display:none; }
	.naviBoxSide .naviadd.gotoListNavi { display:block; }
	.naviBoxSide a {}
	.naviBoxSide a i {margin-top: 0; }
	.naviBoxSide.is-pinned { padding:1vw;  background-color: var(--oday_gnbBgColor); width: 100vw;  margin-left: -1vw; border-top:var(--oday_listBorder) }
	.naviBoxSide.is-pinned ul { box-shadow:unset;  background-color:unset;} 
	.naviBoxSide .naviadd.gotoTopInNavi {  }
	.gotoListNavi  {margin-left:  ;}
	.gotoTopInNavi { order: ; }
	.widthSideNavi4blog .gotoTopInNavi {margin-left:auto !important}
	.naviBoxSide > * + ul,
	.naviBoxSide > ul + div { margin-top:0; margin-left:10px}	
	*/
}
/*//////////

		글 작성

//////////*/
#writeBox { 
	overflow:hidden; border: var(--oday_listBorder);
	background-color: var(--oday_listBgColor); border-radius: var(--oday_readRadius); box-shadow: var(--oday_listShadow); padding: var(--oday_sideGap);
	margin-top: 5px; margin-bottom:20px; }
#writeBox .formBox { margin: 2em 0}
#writeBox .tag { margin:20px 0; }
#writeBox .tag label { font-size:.8em; margin-bottom:.5em; display:block; }

#re_cmt {display: none;  position: relative; margin-top:20px;  border: var(--oday_listBorder); padding:0 20px 20px 20px;  border-radius:10px; overflow:hidden}
/*#re_cmt:after { content: ""; position: absolute; width: 100%; height: 10px; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, .05), transparent); }*/
#re_cmt textarea { overflow: hidden; min-height: 8em; height: 2px; width: 100%;}
#re_cmt > div { display:flex; padding:20px 0; justify-content: space-between;}
#re_cmt > div * + * { margin-left:20px}
#re_cmt > div a.wysiwyg { margin-left:auto;}

/*//////////

		 테이블

//////////*/
:root {	
	--table_tdWidth:150px; 
	--table_objGap:20px;
}
.od-bord .require { padding:0 0 5px 0;  text-align:right; font-size:12px}
/*.od-bord .star i,*/
.od-bord .require i {color:#f00;  font-size:10px; vertical-align: text-top;}

.od-bord table { border-spacing: 0; }
.od-bord table tr:first-child > * { border-top: var(--oday_listBorderUp); } 
.od-bord .exForm table tr:first-child > * { border-top:none;}
.rx_ev_description { padding:10px 10px; display: block; width: 100%;  font-weight:normal; line-height:1.4; color:var(--oday_mainColorOpt2); font-size:.9em;}

.extra_html input[type="time"],
.od-bord .exForm input[type="time"],
.extra_html input[type="date"],
.od-bord .exForm input[type="date"],
.extra_html  input[type="tel"],
.od-bord .exForm input[type="tel"] {width:auto; }
.extra_html * + input[type="tel"] { margin-left:5px}
.ev_file_info { display:flex; align-items: center; padding:5px 0 }
.ev_file_info > * + * {margin-left:5px;}

.od-bord .exForm .ev_file_info button.btn { height:unset !important}



.extra_html button.btn,
.od-bord .exForm button.btn {margin-left:5px !important; height:calc(var(--oday_iptHeight) - 4px) !important;  }
.od-bord table tr > *,
#list_inputform .formlist > li { border-bottom: var(--oday_listBorderUp2); min-height:calc(var(--oday_iptHeight) + 10px); padding:10px 5px;}
.od-bord .xe_content table tr > * + * { border-left: var(--oday_listBorder); }

.od-bord table tr:last-child > * {border-bottom: var(--oday_listBorderUp); }
.od-bord table th,
#list_inputform .formlist > li > label,
#list_inputform .formlist > li > div > label,
#list_inputform .formlist h4,
#list_inputform .ap_result_basic_th { position: relative;  width:var(--table_tdWidth); text-align:left; font-size:.9em; font-weight: var(--oday_fw-bold); min-height: var(--oday_iptHeight) ; flex-shrink: 0;}
.od-bord table th:after,
#list_inputform .formlist > li > label:after,
#list_inputform .formlist > li > div > label:after,
#list_inputform .formlist h4:after,
#list_inputform .ap_result_basic_th:after { content: ""; position: absolute; width: 1px; height: calc(100% - 10px); top: 5px; right: 15px; background-color: var(--oday_mainColorLight); box-sizing: border-box; opacity:.8 }
#list_inputform .ap_result_basic_td {min-height: var(--oday_iptHeight) ;   display: flex;  align-items: center;}

.ev_file_upload {width:100%;}
:is(.od-bord) input.rx_ev_file { padding:10px !important}
.od-bord table.tbl_rymix { width:100%}
.od-bord table.tbl_rymix td { display: flex; align-items: center; line-height:1.4; padding-top:10px; padding-bottom:10px }
.od-bord input { width:100%;}
.od-bord input[type="password"],
.od-bord input[type="submit"] { width:fit-content;}
.od-bord input[type="button"] { 
	all: unset; 
	white-space:nowrap; cursor:pointer; box-sizing: border-box;
	height:calc( var(--oday_iptHeight) - 2px) !important; padding: 0 10px; 	
	display: flex; align-items: center; justify-content: center; 
	font-weight: var(--oday_fw-semiBold); 
	background-color: var(--oday_btnBgColor) !important; border: var(--oday_btnBorder); border-radius: 0;
	width:fit-content;
	}
.od-bord input:not( [type="submit"]):read-only,
.od-bord input:not( [type="submit"]):disabled { border: var(--oday_iptBorder)}
.od-bord input:not( [type="submit"]):read-only:hover,
.od-bord input:not( [type="submit"]):disabled:hover {  border: var(--oday_iptBorder) !important; background-color: var(--oday_iptBgColor) !important;}
.od-bord table textarea { height: 80px;}
.od-bord table label + input  {margin-left:var(--table_objGap);}
.od-bord table .nice-select + input,
.od-bord table input + input {margin-left:2px}

.admin_hint { text-align:center; padding:20px; line-height:1.6}
.admin_hint h3 { font-weight:400}
.admin_hint h3 span { font-weight:600}

/* 코드 하이라이트 예외 */
.syntaxhighlighter  { padding: 10px 0;}
.colorscripter-code-table td,
.syntaxhighlighter  table td { display: table-cell !important;}


.xe_content.editable table {border-top: var(--oday_listBorderUp); border-spacing: 0;}
.xe_content.editable table tr > * + * { border-left: var(--oday_listBorder); }
.xe_content.editable table tr:last-child > * {border-bottom: var(--oday_listBorderUp); }
.xe_content.editable table tr > * { min-height:calc(var(--oday_iptHeight) + 20px); padding: 5px; border-bottom: var(--oday_listBorder); }

@media screen and (max-width: 768px){
	.od-bord table.colorscripter-code-table tr,
	.od-bord .syntaxhighlighter  table tr { display: table-cell !important;}

}
.rx_ev_checkbox,
.rx_ev_radio {display:flex; align-items: center; flex-wrap: wrap; min-height: var(--oday_iptHeight);}
.rx_ev_checkbox li,
.rx_ev_radio li { display: flex; align-items: center;}
.rx_ev_checkbox label,
.rx_ev_radio label { width:unset !important; padding-left:0; white-space:nowrap; font-size:.9em;}
.rx_ev_checkbox li,
.rx_ev_radio li {margin: 0 var(--table_objGap) 5px 0;}

.krZip { width: 100%}
.krZip > div { display: flex; align-items: center; justify-content: flex-start; }
.krZip > div + div { margin-top:2px; }
.krZip .krzip-postcode { width:60px !important; margin-right:2px !important; min-width: unset !important}
.krZip .krzip-postcode, 
.krZip .krzip-roadAddress, 
.krZip .krzip-jibunAddress, 
.krZip .krzip-extraAddress, 
.krZip .krzip-detailAddress { height: var(--oday_iptHeight) !important; border: var(--oday_iptBorder) !important; }
.krZip label { font-size:.8em }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { display:inline-block; height:unset; background-color:unset; color:unset}
.hasDatepicker { width: 100px !important; margin-right:2px !important; min-width: unset !important}
.rhymix_content  table { display: block; width: 100% !important;}
.rhymix_content  table tbody {  display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }

.extra-imge img { max-height:100px;}
@media screen and (max-width: 768px){
	.od-bord table.tbl_rymix tr,
	#list_inputform .formlist > li,
	#list_inputform .formlist .ap_item { display: flex; flex-wrap: wrap;  align-items: unset; padding:0; margin-top: 10px;}
	.od-bord table.tbl_rymix th,
	#list_inputform .formlist > li > label,
	#list_inputform .formlist > li > div > label,
	#list_inputform .formlist h4,
	#list_inputform .ap_result_basic_th { display: flex; align-items: center; width:100%;  border:none; border-bottom:var(--oday_listBorder);  border-bottom-style: dashed; padding: 0 10px 0 10px; height:30px; margin-top:0; 
	background-color:var(--oday _listBgColorDown1);  font-weight:600; font-size:1.1em; }
	.od-bord table.tbl_rymix th:after,
	#list_inputform .formlist > li > label:after,
	#list_inputform .formlist > li > div > label:after,
	#list_inputform .formlist h4:after,
	#list_inputform .ap_result_basic_th:after  { right: unset; left:0px; width:4px; height:10px; top:calc(50% - 6px); opacity:1; }
	.od-bord table.tbl_rymix tr { padding:0}
	.od-bord table.tbl_rymix th { color:var(--oday_fontLinkColor); }
	#list_inputform .formlist > li textarea,
	#list_inputform .formlist > li > label + *,
	.extra_html input,
	.extra_html button,
	.extra_html select { margin:5px 0 !important; }
	.extra_html select + input,
	.extra_html input[type="tel"] +  input[type="tel"],
	.krzip-address-wrap input,
	.krzip-detailAddress-wrap input { margin-top:0 !important}
	.od-bord table.tbl_rymix td { padding:5px 10px; width:100%}
	.od-bord table.tbl_rymix { border-top: var(--oday_listBorderUp);}
	.od-bord table.tbl_rymix tr:first-child > * {border-top:unset}
}



.od-bord table.tbl_rymix td { flex-wrap: wrap; word-break: break-all;}
.od-bord table.tbl_rymix .notice label + input { margin-left:15px; }
.extra-file-image-d {flex-shrink: 0; width: 100%;}
.extra-file-image-d img { position:absolute}
.extra-file-control {display:flex !important; align-items: center; justify-content: flex-end; width: 100%;}
:is(.od-bord) .extra-file-control input[type="button"] { margin-left:10px !important; height:30px !important;}
.od-bord .da-reaction { margin:5px 0;}

/* Original file: modules/preview/skins/default/preview_card_style.css */

.preview_card_wrapper {
	margin: 0 auto;
	max-width: 480px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	transition: background 0.4s;
}
.preview_card_wrapper:hover {
	background: #f3fcfc;
}
.preview_card_link {
	display: flex;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none !important;
}
.preview_card_link:hover {
	text-decoration: none !important;
}
.preview_card_link img {
	width: 116px;
	height: 116px !important;
	object-fit: cover;
}
.preview_card_link span {
	line-height: 1em !important;
}
.preview_card_text_container {
	display: block;
	flex: 1;
	width: 100%;
	max-height: 116px;
	padding: 20px 20px 16px;
	overflow: hidden;
	box-sizing: border-box;
}
.preview_card_text_container span {
	display: block;
	padding-bottom: 8px;
	font-size: 12px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.preview_card_text_container .preview_card_title {
	font-size: 15px !important;
	padding-bottom: 12px;
	word-wrap: normal;
	color: #333;
}
.preview_card_text_container .preview_card_desc {
	display: -webkit-box;
	margin-bottom: 8px;
	padding-bottom: 0;
	max-height: 2.6em;
	line-height: 1.3em !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: justify;
	white-space: normal;
	word-break: break-all;
	color: #666;
}
.preview_card_text_container .preview_card_host {
	font-family: 'helvetica neue', helvetica, sans-serif;
	color: #999;
}

@media screen and (max-width: 380px) {
	.preview_card_link {
		display: block;
	}
	.preview_card_link img {
		width: 100%;
	}
}

/* Original file: modules/preview/tpl/css/media_embed.css */

.media_embed {
	position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;
}
.media_embed,
.media_embed * {
	box-sizing: border-box;
}
.media_embed > iframe,
.media_embed > video {
	 position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;
}
.media_embed span.cke_widget_inline {
	display: block; width: 100%;
}
.media_embed span.cke_widget_inline > img,
.media_embed > img {
	width: 100%; max-width: 100%; height: auto;
}

.media_embed.\34 shared-embed-music {
	height: 153px; padding-bottom: unset;
}
.media_embed.\34 shared-embed-music img {
	height: 100%; object-fit: contain;
}

.media_embed.airbnb-embed {
	width: 100% !important; padding-bottom: 12px; overflow-x: auto;
}
.media_embed.airbnb-embed iframe {
	position: relative; border: none; visibility: visible; margin: 0 auto; padding: 0; min-width: 300px; max-width: 450px;
}

.media_embed.amazon-music-embed {
	display: inline-block; padding-bottom: 0; height: auto;
}
.media_embed.amazon-music-embed img {
	display: none; opacity: 0;
}
.media_embed.amazon-music-embed iframe {
	border:1px solid rgba(0, 0, 0, 0.12);
}

.media_embed.apple-music-embed img {
	display: none; opacity: 0;
}

.media_embed.audio-embed {
	padding-bottom: 100% !important;
}

.media_embed.audioclip-embed {
	padding-bottom: 181px;
}
.media_embed.audioclip-embed img {
	display: none; opacity: 0;
}

.media_embed.azquotes-embed {
	height: auto; padding-bottom: 0;
}

.media_embed.bandcamp-embed {
	display: inline-block; max-width: 720px; padding-bottom: 0;
}
.media_embed.bandcamp-embed img {
	display: none; opacity: 0;
}

.media_embed.codepen-embed {
	padding-bottom: 480px;
}

.media_embed.codesandbox-embed {
	padding-bottom: 480px;
}

.media_embed.discord-embed {
	display: inline-block; max-width: 360px; padding-bottom: 480px;
}
.media_embed.discord-embed img {
	aspect-ratio: 3 / 4; object-fit: scale-down;
}

.media_embed.fb-post,
.media_embed.fb-video,
.media_embed.fb-page {
	display: inline-block; height: 360px; padding-bottom: 0; line-height: 0;
}
.media_embed.fb-post,
.media_embed.fb-page {
	max-width: 480px;
}
.media_embed.fb-page {
	height: 480px;
}
.media_embed.fb-post > iframe,
.media_embed.fb-video > iframe,
.media_embed.fb-page > iframe {
	 position: relative; width: 100%; height: 360px; border: none; overflow: hidden;
}
.media_embed.fb-page > iframe {
	height: 480px;
}
.media_embed.fb-post > p,
.media_embed.fb-video > p,
.media_embed.fb-page > p {
	width: 100% !important; font-style: italic; color: #999; text-align: center;
}

.media_embed.ms-office-embed {
	padding-bottom: calc(56.25% + 23px);
}

.media_embed.flickr-embed {
	height: auto; padding-bottom: 0; text-align: center;
}
.media_embed.flickr-embed > iframe {
	position: relative;
}

.media_embed.gettyimage-embed {
	display: inline-block; padding-bottom: 0;
}

.media_embed.giphy-embed.giphy-embed-photo {
	height: auto; padding-bottom: 0;
}
.media_embed.giphy-embed.giphy-embed-photo > span {
	display: inline-block; width: auto;
}
.media_embed.giphy-embed.giphy-embed-photo > span > img,
.media_embed.giphy-embed.giphy-embed-photo > img {
	width: auto;
}

.media_embed.github-embed {
	padding-bottom: 50%; border: 1px solid #ccc; border-radius: 4px;
}

.media_embed.google-books-embed {
	display: inline-block; width: 100%; height: 100%; max-width: 590px; padding-bottom: 0;
}

.media_embed.google-drive-embed {
    padding-bottom: calc(56.25% + 12px); background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px;
}
.media_embed.google-drive-embed img {
	display: none;
}

.media_embed.google-forms-embed {
	padding-bottom: 100%; background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px;
}
.media_embed.google-forms-embed img {
	display: none;
}

.media_embed.google-maps-embed {
	padding-bottom: 100%;
}

.media_embed.imgur-embed {
	height: auto; padding-bottom: 0;
}
.media_embed.imgur-embed img {
	display: none;
}
.media_embed.imgur-embed iframe {
	position: relative; margin: 0 auto; width: 540px; max-width: 100%; height: 360px;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box;
}
.media_embed.imgur-embed > p {
	font-style: italic; color: #999; text-align: center;
}

.media_embed.instagram-embed {
	height: auto; padding-bottom: 0;
}
.media_embed.instagram-embed .instagram-media {
	position: relative; display: inline-block; padding: 0; width: calc(100% - 2px); max-width: 540px !important; height: 480px;
	background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; box-shadow: none;
}

.media_embed.jjalbot-embed {
	display: inline-block; height: auto; padding-bottom: 0;
}

.media_embed.jsfiddle-embed {
	padding-bottom: 75%;
}
.media_embed.jsfiddle-embed img {
    aspect-ratio: 4 / 3; object-fit: scale-down;
}
.media_embed.jsfiddle-embed iframe {
	border: 1px solid #bbb; box-sizing: border-box;
}

.media_embed.kakao-map-embed {
	padding-bottom: 75%;
}
.media_embed.kakao-map-embed * {
    box-sizing: initial;
}

.media_embed.mixcloud-embed {
	padding-bottom: 120px; height: 0;
}
.media_embed.mixcloud-embed img {
    opacity: 0;
}

.media_embed.nadio-embed {
	padding-bottom: 100% !important;
}
.media_embed.nadio-embed img {
	width: 100% !important; height: auto !important;
}

.media_embed.nico-embed-live {
	display: inline-block; max-width: 360px; height: 172px; padding: 0; background-color: #f6f6f6; border: solid 1px #d0d0d0;
}
.media_embed.nico-embed-video > span,
.media_embed.nico-embed-video > img,
.media_embed.nico-embed-live > span,
.media_embed.nico-embed-live > img {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.media_embed.nico-embed-live > span,
.media_embed.nico-embed-live > img {
	opacity: 0;
}

.media_embed.pinterest-embed {
	display: inline-block; max-width: 600px; height: auto; padding-bottom: 0;
}
.media_embed.pinterest-embed > a {
	display: block; margin: 0 auto; width: 600px; min-width: unset; max-width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; box-sizing: border-box; overflow: hidden; line-height: 0;
}
	.media_embed.pinterest-embed.pinterest-pin > a {
		border-radius: 36px;
	}
	.media_embed.pinterest-embed.pinterest-pin > a > img {
		width: 100%; height: auto;
	}
.media_embed.pinterest-embed > a > span {
	width: 100%;
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type {
	display: block; margin: 0; padding: 10px; height: 55px; text-align: left; box-sizing: border-box;
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span {
	display: inline-block; height: 36px; vertical-align: middle; 
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:first-of-type {
	margin-right: 10px; width: 36px; border-radius: 50%; overflow: hidden;
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:first-of-type > img {
	width: 36px; height: 36px;
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:last-of-type {
	width: calc(100% - 46px); margin: 0;
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:last-of-type > span {
	display: block; width: 100%; height: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	color: #363636; font-size: 12px; line-height: 1;
}
.media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:last-of-type > span:first-of-type {
	height: 19px;
	color: #333; font-size: 14px; font-weight: bold;
}
	.media_embed.pinterest-embed:not(.pinterest-pin).pinterest-profile > a > span:first-of-type > span:last-of-type > span {
		height: 36px; line-height: 36px;
	}
.media_embed.pinterest-embed > a > span:nth-of-type(2) {
	display: block; padding: 0 10px; overflow-x: hidden; overflow-y: auto; width: 100%; box-sizing: border-box;
}
.media_embed.pinterest-embed > a > span:nth-of-type(2) > span {
	display: flex; width: 100%; height: auto;
}
.media_embed.pinterest-embed > a > span:nth-of-type(2) > span > span {
	padding: 1px; min-width: 60px;
}
.media_embed.pinterest-embed > a > span:nth-of-type(2) > span > span > img {
	margin: 0; display: inline-block; width: 100%; border-radius: 8px;
}
.media_embed.pinterest-embed > a > span:last-of-type {
	display: block; padding: 24px 12px; font-style: italic; color: #999; text-align: center;
}
.media_embed.pinterest-embed > a > span img {
	filter: none;
}
.media_embed.pinterest-embed > span {
	width: 100% !important; max-width: 600px !important; min-width: unset !important;
}

.media_embed.podbbang-embed {
	padding-bottom: 202px;
}
@media only screen and (min-width: 788px) {
	.media_embed.podbbang-embed {
		padding-bottom: 162px;
	}
}
.media_embed.podbbang-embed span.cke_widget_inline > img,
.media_embed.podbbang-embed > img {
	display: none;
	opacity: 0;
}

.media_embed.podcasts-embed {
	padding-bottom: 175px;
}
.media_embed.podcasts-embed span.cke_widget_inline > img,
.media_embed.podcasts-embed > img {
	display: none;
	opacity: 0;
}

.media_embed.reddit-embed {
	display: inline-block; max-width: 640px; height: 360px; padding-bottom: 0;
}
.media_embed.reddit-embed img {
	display: none;
	opacity: 0;
}
.media_embed.reddit-embed iframe {
	border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;
}

.media_embed.relive-embed {
	padding-bottom: 78.3%; background-color: #fcfcfc;
}

.media_embed.soundcloud-embed {
	padding-bottom: 0;
}
.media_embed.soundcloud-embed img {
	display: none;
	opacity: 0;
}

.media_embed.spoon-embed {
	padding-bottom: 100% !important;
}
.media_embed.spoon-embed img {
	width: 100% !important; height: auto !important;
}

.media_embed.spotify-embed {
	display: inline-block; padding-bottom: 0;
}
.media_embed.spotify-embed img {
	display: none;
}

.media_embed.suno-embed {
	padding-bottom: 128% !important;
}

.media_embed.tenor-video-embed {
    display: inline-block; max-width: 640px; height: auto; padding-bottom: 0; line-height: 0;
}

.media_embed.telegram-embed {
	display: inline-block; max-width: 640px; height: 160px; padding-bottom: 0;
}
.media_embed.telegram-embed img {
	display: none;
	opacity: 0;
}

.media_embed.threads-embed {
	display: inline-block; max-width: 540px; height: 240px; padding-bottom: 0;
}
.media_embed.threads-embed img {
	display: none;
	opacity: 0;
}

.media_embed.tiktok-embed {
	height: auto; padding-bottom: 0;
}
.media_embed.tiktok-embed img {
	display: none; min-width: 325px; height: auto;
}
.media_embed.tiktok-embed iframe {
	 position: relative; display: inline-block; max-width: 542px; min-width: 300px; height: 496px;
}
.media_embed.tiktok-embed iframe[name^="__tt_embed__v"] {
	max-width: 325px; height: 560px; border-radius: 10px;
}
@media only screen and (max-width:676px){	
	.media_embed.tiktok-embed iframe {
		max-width: 325px !important;
	}
	.media_embed.tiktok-embed iframe[name^="__tt_embed__@"] {
		height: 388px;
	}
}

.media_embed.tumblr-post {
	height: auto; padding-bottom: 0;
}
.media_embed.tumblr-post img {
	display: none; width: 540px; height: auto;
}
.media_embed.tumblr-post iframe {
	position: relative; display: inline-block; padding: 0; border: none; visibility: visible;
	width: 540px; max-width: 100%; height: 360px; min-height: 200px;
}
.media_embed.tumblr-post > p {
	font-style: italic; color: #999; text-align: center;
}

.media_embed.twitter-status,
.media_embed.twitter-list,
.media_embed.twitter-profile {
	display: inline-block; width: 550px; max-width: 100%; height: auto;
    padding-bottom: 10px; border-bottom: 1px solid #c4cfd6; text-align: left;
}
.media_embed.twitter-status > iframe,
.media_embed.twitter-list > iframe,
.media_embed.twitter-profile > iframe {
	position: inherit;
}
.media_embed.twitter-status {
	border-bottom: none;
}
.media_embed.twitter-list,
.media_embed.twitter-profile {
	padding: 10px; border: 1px solid #c4cfd6; border-radius: 12px; box-sizing: border-box;
}
.media_embed.twitter-status .twitter-tweet {
	margin: 0 auto; width: 550px; max-width: 100%;
}
.media_embed.twitter-status .twitter-tweet iframe {
	display: block; width: 100%;
}
.media_embed.twitter-status .twitter-tweet p {
	font-style: italic; color: #999; text-align: center;
}
.media_embed.twitter-list a.twitter-timeline,
.media_embed.twitter-profile a.twitter-timeline {
	padding: 10px 0 0 10px; text-decoration: none;
}
.media_embed.twitter-list a.twitter-timeline span:nth-of-type(1),
.media_embed.twitter-profile a.twitter-timeline span:nth-of-type(1) {
	display: inline-block; margin-bottom: 5px; line-height: 36px; font-size: 27px; letter-spacing: -1px; color: #292F33;
}
.media_embed.twitter-list a.twitter-timeline span:nth-of-type(2),
.media_embed.twitter-profile a.twitter-timeline span:nth-of-type(2) {
	font-size: 12px; color: #2b7bb9;
}
.media_embed.twitter-list a.twitter-timeline span:nth-of-type(3),
.media_embed.twitter-profile a.twitter-timeline span:nth-of-type(3) {
	font-size: 12px; color: #657786;
}

.media_embed.typeform-embed {
	padding-bottom: 0; height: 360px; border: 1px #ccc solid; border-radius: 8px;
}

.media_embed.wikipedia-embed {
	height: auto; border: 1px solid #b0c4de; padding: 0; box-sizing: border-box;
}
.media_embed.wikipedia-embed > div:first-of-type {
	max-height: 330px; padding: 1.5em 1.8em 1em; text-align: left; overflow-y: auto; box-sizing: border-box;
}
.media_embed.wikipedia-embed > div:first-of-type:after {
	content: ''; display: block; clear: both;
}
.media_embed.wikipedia-embed > div:first-of-type a {
	color: #0645ad; text-decoration: none; background: none;
}
.media_embed.wikipedia-embed > div:first-of-type a:hover {
	text-decoration: underline;
}
.media_embed.wikipedia-embed > div:first-of-type sup {
	line-height: 1; vertical-align: top;
}
.media_embed.wikipedia-embed > div:first-of-type > a:first-of-type {
	margin: 0 0 0 1em; max-width: 45%; float: right;
}
.media_embed.wikipedia-embed > div:last-of-type {
	background: #b0c4de; height: 20px; padding: 4px 1.8em; display: flex; justify-content: space-between; align-content: center; font-size: 12px; line-height: 20px;
}
.media_embed.wikipedia-embed > div:last-of-type > a {
	color: #fff;
}
.media_embed.wikipedia-embed > div:last-of-type > a > img {
	width: 20px; height: 20px; vertical-align: middle;
}
.media_embed.wikipedia-embed > div:last-of-type > span {
	color: #eee;
}

.media_embed_wrapper:has(>.short_form, >.youtube-shorts) {
	max-width: 360px;
}
.media_embed.short_form,
.media_embed.youtube-shorts {
	padding-bottom: 177.78%; height: 0; border-radius: 12px; overflow: hidden;
}
	.media_embed.short_form span.cke_widget_inline > img,
	.media_embed.youtube-shorts span.cke_widget_inline > img,
	.media_embed.youtube-shorts > img,
	.media_embed.short_form > img {
		position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
		display: block; width: auto; max-width: unset; height: 100%;
	}
	.media_embed.youtube-shorts > iframe {
		position: absolute;
	}

.media_embed.youtube-music {
	position: relative; margin: 8px 0; background-color: #f6f6f6; padding: 20px 12px 172px; border-radius: 12px;
	font-size: 0; overflow: hidden; box-sizing: border-box;
}
.media_embed.youtube-music iframe {
	width: 100%; height: 100%;
}
.media_embed.youtube-music span.cke_widget_inline,
.media_embed.youtube-music img {
	display: none;
}
.media_embed.youtube-music .youtube-music-loading {
	position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; background-color: #f6f6f6;
}
.media_embed.youtube-music .youtube-music-loading div {
	display: flex; flex: auto; align-self: center; justify-content: center; color: #999;
}
.media_embed.youtube-music .youtube-music-loading div i {
	margin-right: 4px; font-size: 24px;
}

.media_embed.youtube-music .youtube-music-desc {
	display: flex; padding: 0 10px; align-items: center; text-align: left; box-sizing: border-box;
}
.media_embed.youtube-music .youtube-music-desc figure {
	position: relative; flex-shrink: 0; display: flex; justify-content: center; margin-right: 12px;
	width: 120px; height: 90px; border-radius: 4px; overflow: hidden; transition: 0.2s ease-in; 
}
.media_embed.youtube-music .youtube-music-desc figure > span.cke_widget_inline {
	position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;
}
.media_embed.youtube-music .youtube-music-desc figure img {
	position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 90px; max-width: none;
}
.media_embed.youtube-music .youtube-music-desc figure + div {
	flex: auto; line-height: 1.5; overflow: hidden;
}
.media_embed.youtube-music .youtube-music-desc figure + div span {
	display: block; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.media_embed.youtube-music .youtube-music-desc figure + div a {
	color: #333; text-decoration: none;
}
.media_embed.youtube-music .youtube-music-desc figure + div span:first-child {
	font-size: 16px; font-weight: bold;
}
.media_embed.youtube-music .youtube-music-desc figure + div span:last-child a {
	color: #666;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div {
	display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;
	flex-shrink: 0; height: 90px; font-size: 20px; color: #aaa;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span {
	text-align: right;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i {
	cursor: pointer;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span:first-child > i {
	display: none;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i:last-child {
	margin-left: 8px;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.one,
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.on {
	position: relative; color: #444;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.one:after,
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i:first-child.on:after {
	position: absolute; top: -8px; right: 0; font-size: 10px; color: #000;
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.one:after {
	content: '1';
}
.media_embed.youtube-music .youtube-music-desc figure + div + div > span > i:first-child.on:after {
	content: 'A';
}

.media_embed.youtube-music .youtube-music-controls {
	position: relative; padding: 0 10px;
}
.media_embed.youtube-music .youtube-music-controls .progress {
	position: relative; margin: 8px auto 16px; height: 12px;
}
.media_embed.youtube-music .youtube-music-controls .progress input[type="range"] {
	position: absolute; bottom: 0; display: inherit; margin: 0; width: 100%; height: 3px; vertical-align: bottom;
	background: transparent; -webkit-appearance: none; transition: 0.2s ease-in; cursor: pointer;
}
.media_embed.youtube-music .youtube-music-controls .progress input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; background: #c33; border-radius: 8px; box-shadow: inset 0 0 0 5px #c33;
	width: 0; height: 0; transition: 0.2s ease-in;
}
.media_embed.youtube-music .youtube-music-controls .progress:hover input[type="range"]::-webkit-slider-thumb,
.media_embed.youtube-music .youtube-music-controls .progress.hover input[type="range"]::-webkit-slider-thumb,
.media_embed.youtube-music .youtube-music-controls .progress.is_mobile input[type="range"]::-webkit-slider-thumb {
	width: 14px; height: 14px;
}
.media_embed.youtube-music .youtube-music-controls .progress.loaded input[type="range"],
.media_embed.youtube-music .youtube-music-controls .progress.loaded input[type="range"]::-webkit-slider-thumb,
.media_embed.youtube-music .youtube-music-controls .progress.is_mobile input[type="range"]::-webkit-slider-thumb {
	transition: 0.2s ease-in;
}
.media_embed.youtube-music .youtube-music-controls .progress .bar {
	position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; pointer-events: none;
	background: linear-gradient(to right, #c33 0%, #999 0%, #444 0%);
}
.media_embed.youtube-music .youtube-music-controls .progress:hover input[type="range"],
.media_embed.youtube-music .youtube-music-controls .progress.hover input[type="range"],
.media_embed.youtube-music .youtube-music-controls .progress.is_mobile input[type="range"],
.media_embed.youtube-music .youtube-music-controls .progress:hover .bar,
.media_embed.youtube-music .youtube-music-controls .progress.hover .bar,
.media_embed.youtube-music .youtube-music-controls .progress.is_mobile .bar {
	bottom: -1px; height: 5px;
}
.media_embed.youtube-music .youtube-music-controls .remote {
	position: relative; display: flex; justify-content: space-between; align-items: center; text-align: left; box-sizing: border-box;
}
.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) {
	position: absolute; left: 50%; transform: translateX(-50%); text-align: center;
}
.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(2) {
	padding-left: 10px;
}
.media_embed.youtube-music .youtube-music-controls .remote > span i {
	margin-right: 16px; font-size: 24px; cursor: pointer; vertical-align: middle;
}
.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) i:last-child {
	margin-right: 0;
}
.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(2) i {
	margin-right: 8px;
}
.media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"] {
	display: inline-block; width: 60px; -webkit-appearance: none; vertical-align: middle;
}
.media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"]::-webkit-slider-thumb {
	margin-top: -6.5px; width: 8px; height: 16px;
	background: #fff; border: 2px solid #444; box-shadow: 0 0 0 #444; border-radius: 1px solid #444;
	cursor: pointer; -webkit-appearance: none;
}
.media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"]::-webkit-slider-runnable-track {
	width: 100%; height: 2px;
	background: #444; border: 0 solid #444; border-radius: 0; box-shadow: 0 0 0 #444;
	cursor: pointer; animate: 0.2s;
}
.media_embed.youtube-music .youtube-music-controls .remote .timer {
	margin-top: -3px; font-size: 12px; color: #444;
}
:focus {
  outline: none;
}

.media_embed.youtube-music .youtube-music-table-wrapper {
	margin-top: 0; height: 0; overflow-y: auto;
}
.media_embed.youtube-music .youtube-music-table-wrapper.loading {
	margin-top: 24px; display: flex; justify-content: center; align-items: center; height: 176px;
}
.media_embed.youtube-music .youtube-music-table-wrapper.loading i {
	margin-right: 8px; font-size: 36px;
}
.media_embed.youtube-music .youtube-music-table-wrapper.loading p {
	font-size: 14px; text-align: left;
}
.media_embed.youtube-music .youtube-music-table-wrapper.loaded {
	margin-top: 16px; height: 176px;
}
.media_embed.youtube-music .youtube-music-table {
	display: table; width: 100%; padding: 0 16px; font-size: 12px; text-align: left;
	box-sizing: border-box; border-collapse: collapse;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr {
	display: table-row; cursor: pointer;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr:hover {
	background-color: #eff;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr.on {
	background-color: #dee;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr span {
	display: table-cell; height: 52px; padding: 6px 12px; border-bottom: 1px solid #dee;
	vertical-align: middle; line-height: 1.5; box-sizing: border-box;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr:last-of-type span {
    border-bottom: none;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._key {
	text-align: right; border-bottom: none;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img {
	position: relative; width: 60px; border-bottom: none;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img p {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	margin: 0; width: 40px; height: 40px; 
	border-radius: 4px; overflow: hidden;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img img {
	display: block !important; margin-left: -16px; width: 72px; height: 40px; max-width: none;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._anm {
	display: table-cell; width: 100px; color #999;
}
.media_embed.youtube-music .youtube-music-table .youtube-music-tr.on span._key,
.media_embed.youtube-music .youtube-music-table .youtube-music-tr.on span._img {
	border-bottom: 1px solid #dee;
}

.media_embed.youtube-music figure {
	margin: 0; padding: 0; line-height: 1;
}
.media_embed.youtube-music audio {
	width: 100%; max-width: 640px;
}
.media_embed.youtube-music figure figcaption {
	padding: 4px 8px 0; text-align: right; font-size: 12px; box-sizing: border-box;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

@media only screen and (max-width:640px){
	.media_embed.youtube-music .youtube-music-desc figure + div span {
		font-size: 12px;
	}
	.media_embed.youtube-music .youtube-music-desc figure + div span:first-child {
		font-size: 14px;
	}
}
@media only screen and (max-width:560px){
	.media_embed.youtube-music .youtube-music-desc figure {
		max-width: 120px; max-height: 90px;
	}
}
@media only screen and (max-width:480px){
	.media_embed.youtube-music .youtube-music-desc figure {
		max-width: 90px;
	}
	.media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"] {
		display: none;
	}
	.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._anm {
		display: none;
	}
}
@media only screen and (max-width:360px){
	.media_embed.youtube-music {
		padding-bottom: 240px;
	}
	.media_embed.youtube-music iframe {
		min-width: 90px;
	}
	.media_embed.youtube-music .youtube-music-desc {
		position: relative; display: block; text-align: center;
	}
	.media_embed.youtube-music .youtube-music-desc figure {
		display: block; margin: 0 auto; max-width: 160px;
	}
	.media_embed.youtube-music .youtube-music-desc figure + div {
		display: block; margin: 12px auto 4px;
	}
	.media_embed.youtube-music .youtube-music-desc figure + div + div {
		display: block; height: auto; text-align: right;
	}
	.media_embed.youtube-music .youtube-music-desc figure + div + div > span:first-child {
		position: absolute; top: 0; right: 10px; width: 20px;
	}
	.media_embed.youtube-music .youtube-music-desc figure + div + div > span:first-child > i:last-child {
		margin-left: 0;
	}
	.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) {
		position: relative; left: auto; transform: translateX(0);
	}
	.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(2) {
		margin-right: 16px; padding-left: 0;
	}
	.media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) i:last-child {
		margin-right: 16px;
	}
	.media_embed.youtube-music .youtube-music-controls .remote .timer span:not(:first-child) {
		display: none;
	}
	.media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img {
		display: none;
	}
}

.xe_content:not(.editable) .media_embed.fb-post > p,
.xe_content:not(.editable) .media_embed.fb-video > p {
	display: none !important;
}
.xe_content:not(.editable) .media_embed.github-embed > p {
	display: none !important;
}
.xe_content:not(.editable) .media_embed.imgur-embed > p {
	display: none !important;
}
.xe_content:not(.editable) .media_embed.tumblr-post > p {
	display: none !important;
}
.xe_content:not(.editable) .media_embed.twitter-status .twitter-tweet > p {
	 display: none !important;
}
.xe_content:not(.editable) a.twitter-timeline span:last-of-type {
	 display: none !important;
}

.media_embed_loading,
.omit_guide_loading {
	position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100vw; height: 100vh; background: rgb(238 238 238 / 80%);
}
.media_embed_loading .media_embed_loading_container,
.omit_guide_loading .omit_guide_loading_container {
	padding: 24px 36px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 4px 1px rgb(102 102 102 / 80%); box-sizing: border-box;
}
.media_embed_loading .media_embed_loading_container p,
.omit_guide_loading .omit_guide_loading_container p {
	display: flex; justify-content: center; align-items: center; margin: 0; font-size: 14px;
}
.media_embed_loading .media_embed_loading_container p i,
.omit_guide_loading .omit_guide_loading_container p i {
	flex: none; margin-right: 12px; font-size: 36px; color: #999;
}


/* 구버전 지원 */

.instagram-media {
	position: relative; display: block; margin: 0 auto; padding: 0; width: calc(100% - 2px); max-width: 540px !important;
	background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; box-shadow: none; height: none !important;
}

.youtube_converted {
	position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;
}
.youtube_converted > iframe {
	 position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;
}
.youtube_converted span.cke_widget_inline {
	width: 100%;
}
.youtube_converted span.cke_widget_inline > img,
.youtube_converted > img {
	width: 100%; max-width: 100%; height: auto;
}

/* Original file: modules/preview/tpl/css/custom.css */

.media_embed_wrapper {
	margin: 0 auto; text-align: center;
}
.media_embed_wrapper {
	max-width: 640px;
}

.media_embed.podbbang-embed {
	height: 0;
	padding-bottom: 202px !important;
}

/* Original file: widgets/ap_profile/skins/OrangeDay_ap_profile/src/default.css */

.xe-widget-wrapper { overflow:unset}
.author_list {
    padding: var(--oday_sideGapLR);
    margin-top: 4px;
	display: flex; justify-content: space-between; flex-wrap: wrap;
}	
.author_list > div { 
font-size:.9em;
width:calc(50% - 2px);
border: var(--oday_listBorder);
box-shadow: var(--oday_listShadow);
background-color: var(--oday_listBgColorUp);
padding: 20px 20px;
border-radius: 10px;
}	
.author_list h3 { margin-bottom:20px; font-size:1em; font-weight:400; display:flex; align-items: center;}
.author_list h3 i {color:var(--oday_mainColorOpt); vertical-align: baseline; margin-right:4px}
.author_list h3 span { font-weight:600; color:var(--oday_mainColor);  font-size:1.1em;}
.author_list h3 em { margin-right:4px/* max-width: 50px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; */}
.author_list a { display: flex; align-items: center; justify-content: space-between;  line-height:1.2; padding-left:10px }
.author_list a + a {border-top: var(--oday_listBorder); padding-top:8px; margin-top:8px; }
.author_list  span { }
.author_list  span.ap_profile_title { 
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.author_list  span.ap_profile_title span { color:var(--oday_mainColor); font-size:.8em; font-weight:600 }
.author_list  span.ap_profile_title span i { opacity:.5}
.author_list  span.ap_profile_regdate { opacity:.6; font-size:.85em; padding-left:10px;  white-space:nowrap;}
.nocon { opacity:.5}
.nocon i {color:var(--oday_mainColor); }
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	.author_list h3 { font-weight:300}
}
@media screen and (max-width: 768px){
	.author_list > div { width:100%; padding:20px 10px}
	.author_list > div + div { margin-top:4px}
}

/* Original file: addons/simple_mp3_player/css/simplebar.css */

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

/* Original file: addons/simple_mp3_player/css/clusterize.css */

/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */
.clusterize-scroll{
  max-height: 200px;
  overflow: auto;
}

/**
 * Avoid vertical margins for extra tags
 * Necessary for correct calculations when rows have nonzero vertical margins
 */
.clusterize-extra-row{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
 * Useful when used :nth-child(even/odd)
 */
.clusterize-extra-row.clusterize-keep-parity{
  display: none;
}

/* During initialization clusterize adds tabindex to force the browser to keep focus
 * on the scrolling list, see issue #11
 * Outline removes default browser's borders for focused elements.
 */
.clusterize-content{
  outline: 0;
  counter-reset: clusterize-counter;
}

/* Centering message that appears when no data provided
 */
.clusterize-no-data td{
  text-align: center;
}

/* Original file: addons/simple_mp3_player/css/BluePlayer.css */

body {margin: 0; padding: 0;}


.clear {clear:both;}

#BluePlayer {display:block; position:relative; max-width: 730px; background: #fff;
    font-family: Arial, Helvetica, sans-serif; margin: 5px auto; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.1);  border-radius: 2px;
    line-height: 1.4; font-size: 16px; color: #5A5A5A; text-align: left;
}




#BluePlayer p, #BluePlayer span {margin: 0; padding: 0; font-size: 13px; font-weight: normal; color: #5A5A5A; line-height: 1.4;}
#BluePlayer a {text-decoration: none; transition: none; vertical-align: initial; box-shadow: initial; border: initial;}
#BluePlayer .BluePlayer__Controls__container {float:left; width: 324px; box-sizing: border-box;}
#BluePlayer .BluePlayer__Controls {background-color: #f1f1f1;}


#BluePlayer .BluePlayer__Controls.extendLyric .TrackInfo__Lyric__extend {display: block;}
#BluePlayer .BluePlayer__TrackInfo {position:relative;}
#BluePlayer .BluePlayer__TrackInfo .TrackInfo__Lyric__extend {display: none; position:absolute; z-index:3; width: 100%;}

#BluePlayer .TrackInfo__Lyric__extend .closeBtn__section {position: absolute; top: 12px; right: 6px; z-index: 4;}
#BluePlayer .TrackInfo__Lyric__extend .closeBtn__section .controls-Icon .close {display:inline-block;width: 17px; height: 17px;}
#BluePlayer .TrackInfo__Lyric__extend .controls-Icon .close {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjI0LjUxMiAyMjQuNTEyIiBmaWxsPSIjRkZGRkZGIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMjQuNTEyIDIyNC41MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIHBvaW50cz0iMjI0LjUwNyw2Ljk5NyAyMTcuNTIxLDAgMTEyLjI1NiwxMDUuMjU4IDYuOTk4LDAgMC4wMDUsNi45OTcgMTA1LjI2MywxMTIuMjU0IA0KCQkwLjAwNSwyMTcuNTEyIDYuOTk4LDIyNC41MTIgMTEyLjI1NiwxMTkuMjQgMjE3LjUyMSwyMjQuNTEyIDIyNC41MDcsMjE3LjUxMiAxMTkuMjQ5LDExMi4yNTQgCSIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__wrapper {position:absolute;  background-color: rgba(0, 0, 0, 0.80);  z-index: 2; top: 0; width:100%; min-height: 100%}
#BluePlayer .TrackInfo__Lyric__extend .simplebar-scrollbar:before { background: #FAFAFA;}
#BluePlayer .TrackInfo__Lyric__extend .simplebar-scrollbar { width: 3px; }
#BluePlayer .TrackInfo__Lyric__extend .simplebar-scrollbar:before {border-radius: 0; }
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__wrapper span {display: block; font-size: 12px; color: #B5B5B5; text-align: center;}
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__wrapper .lrc {cursor: pointer;}
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__wrapper .lrc:hover {text-decoration: underline;}
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__wrapper .focus {color: #FFFFFF;}
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__wrapper .blank {height: 13px;}
#BluePlayer .TrackInfo__Lyric__extend .LyricExtend__content {padding: 25px 0;}

#BluePlayer .BluePlayer__TrackList__container {float:right; width:326px;position:relative;}
#BluePlayer .BluePlayer__TrackList { max-height: 100%;}

#BluePlayer .TrackInfo__AlbumCover .AlbumCover__image__container {width: 324px; height: 324px; background-color: #dedede; background-size: cover; background-position: 50% 50%;}
#BluePlayer .TrackInfo__AlbumCover .AlbumCover__image__container .AlbumCover__image {width: 324px; height: 324px; object-fit: cover;}
#BluePlayer .TrackInfo__Description__container {position:relative; background-color: #f1f1f1; }

#BluePlayer .TrackInfo__Description__container:hover .TrackInfo__Tags {opacity: 0; transition: opacity .5s 0.3s;}

#BluePlayer .TrackInfo__Tags__wrapper {z-index: 1;}
#BluePlayer .TrackInfo__Tags__wrapper .TrackInfo__Tags {position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.75); width: 100%; opacity: 1; transition: opacity .5s .15s; text-align: center;box-sizing: border-box; padding: 2px;}
#BluePlayer .TrackInfo__Tags__wrapper .TrackInfo__Tags:hover {opacity: 1; transition: opacity .5s;}
#BluePlayer .TrackInfo__Tags__wrapper .TrackInfo__Tags span {font-size: 12px; margin: 0 5px; color: #9A9A9A; text-align: center;}

#BluePlayer .TrackInfo__Tags__wrapper .TrackInfo__Tags .Tags__Title span {color: #FFFFFF; font-size: 14px; display: inline-block; line-height: 1.3;}
#BluePlayer .TrackInfo__Tags__wrapper .TrackInfo__Tags .Tags__Artist span {color: #AFAFAF;}

#BluePlayer .TrackInfo__Lyric__container {display: none; background-color: #f1f1f1;}
#BluePlayer .BluePlayer__Controls.EnableLyric .TrackInfo__Lyric__container {display: block; max-height: 70px; overflow: hidden;}
#BluePlayer .BluePlayer__Controls.extendLyric .Lyric__contents {display: none;}
#BluePlayer .BluePlayer__Controls.EnableLyric.extendLyric .TrackInfo__Lyric {cursor: default;}

#BluePlayer .TrackInfo__Lyric__container .TrackInfo__Lyric {display: table; width: 100%; height: 70px;}
#BluePlayer .TrackInfo__Lyric__container .Lyric__contents {position: relative; width: 100%; height: 50px; text-align: center; display: table-cell; vertical-align: middle;}
#BluePlayer .TrackInfo__Lyric__container .Lyric__contents span {display: block; margin: 0; font-size: 12px; color: #3A3A3A; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#BluePlayer .TrackInfo__Lyric__container .Lyric__contents span.wait {color: #A0A0A0;}

#BluePlayer .PlaybackTimeline { padding: 32px 0 10px;}
#BluePlayer .BluePlayer__Controls.EnableLyric .PlaybackTimeline { padding: 5px 0 10px;}
#BluePlayer .BluePlayer__Controls.EnableLyric .TrackInfo__Lyric {cursor:pointer;}
#BluePlayer .PlaybackTimeline span {display: inline-block; font-size: 12px; color: #607d8b; width:32px; text-align: left; vertical-align: top;}
#BluePlayer .PlaybackTimeline__TimePassed {display:inline-block; float: left; margin: 0 2px 0 10px;}
#BluePlayer .PlaybackTimeline__ProgressBar {display:inline-block; position:relative; top: -8px; width: 240px;}
#BluePlayer .PlaybackTimeline__ProgressBar .PlaybackTimelineSlider__extend { position: relative; top: -10px; height: 25px;}
#BluePlayer .PlaybackTimeline__ProgressBar .PlaybackTimelineSlider__leftBuffer { position: absolute; z-index: 1; font-size: 0.7em; display: block; top: 0px; height: 100%; left: 0px; background-color: #B7B7B7; transition: all 0.2s ease;}
#BluePlayer .PlaybackTimeline__Duration {display:inline-block;float: right; margin: 0 4px 0 4px;}


#BluePlayer .ui-widget {font-family: Arial,Helvetica,sans-serif; font-size: 1em;}
#BluePlayer .ui-slider { position: relative; text-align: left; cursor: pointer;}
#BluePlayer .ui-slider-horizontal {height: 2px;}
#BluePlayer .ui-widget-header, #BluePlayer .ui-widget-content {border: 0; background: none;}
#BluePlayer .ui-widget-content {border: unset; color: unset; background-color: #CECECE;}
#BluePlayer .ui-slider-horizontal .ui-slider-range-min {left: 0;}
#BluePlayer .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;}
#BluePlayer .ui-slider .ui-slider-range { position: absolute;  z-index: 2;  font-size: .7em;  display: block;  border: 0;  background-position: 0 0;}

#BluePlayer .ui-state-default, .ui-widget-content .ui-state-default, #BluePlayer .ui-widget-header .ui-state-default {border: unset; color: unset; background: unset;}
#BluePlayer .ui-slider-horizontal .ui-slider-handle {top: -3px; margin-left: -5px;}
#BluePlayer .ui-slider .ui-slider-handle {position: absolute; z-index: 2; background-color: #00a0ff; width: 9px; height: 9px; border: 0px; border-radius: 5px; outline: none; opacity: 0; transition: opacity .15s;
}
#BluePlayer .ui-slider:hover .ui-slider-handle,#BluePlayer .ui-slider .ui-slider-handle:active, #BluePlayer .ui-slider.sliding .ui-slider-handle {position: absolute; z-index: 3; background-color: #00a0ff; width: 9px; height: 9px; border: 0px; border-radius: 5px; outline: none;
    opacity: 1;
}
#BluePlayer .ui-slider-range {background-color:#00a0ff; }
#BluePlayer .ui-corner-all {
    border-top-right-radius: unset; -khtml-border-top-right-radius: unset; -webkit-border-top-right-radius: unset; -moz-border-radius-bottomleft: unset;
    border-bottom-right-radius: unset; -khtml-border-bottom-right-radius: unset; -controls-Iconmoz-border-radius-bottomright: unset; -webkit-border-bottom-right-radius: unset;
    -moz-border-radius-bottomleft: unset; -webkit-border-bottom-left-radius: unset; -khtml-border-bottom-left-radius: unset; border-bottom-left-radius: unset;
    -moz-border-radius-topleft: unset; -webkit-border-top-left-radius: unset; -khtml-border-top-left-radius: unset; border-top-left-radius: unset;
}
#BluePlayer .ui-widget, #BluePlayer ui-widget-content {border: 0;}

#BluePlayer .controls-Icon, #BluePlayer a.controls-Icon { display: inline-block; padding: 0px; margin: 0 3px;}
#BluePlayer .ControlBtns__Main {position:relative; top: -20px;text-align: center;}
#BluePlayer .ControlBtns__Main .controls-Icon {width: 18px ;height: 18px;}
#BluePlayer .controls-Icon.play {width: 24px ;height: 24px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM1N3B4IiBoZWlnaHQ9IjM1N3B4IiB2aWV3Qm94PSIwIDAgMzU3IDM1NyIgZmlsbD0iIzYwN2Q4YiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU3IDM1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9InBsYXktYXJyb3ciPg0KCQk8cG9seWdvbiBwb2ludHM9IjM4LjI1LDAgMzguMjUsMzU3IDMxOC43NSwxNzguNSAJCSIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.pause {width: 24px ;height: 24px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM1N3B4IiBoZWlnaHQ9IjM1N3B4IiB2aWV3Qm94PSIwIDAgMzU3IDM1NyIgZmlsbD0iIzYwN2Q4YiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU3IDM1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9InBhdXNlIj4NCgkJPHBhdGggZD0iTTI1LjUsMzU3aDEwMlYwaC0xMDJWMzU3eiBNMjI5LjUsMHYzNTdoMTAyVjBIMjI5LjV6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.playPrev {position: relative;top: -3px; margin: 0 12px 0 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwNnB4IiBoZWlnaHQ9IjMwNnB4IiBmaWxsPSIjNjA3ZDhiIiB2aWV3Qm94PSIwIDAgMzA2IDMwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA2IDMwNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9InNraXAtcHJldmlvdXMiPg0KCQk8cmVjdCB3aWR0aD0iNTEiIGhlaWdodD0iMzA2Ii8+DQoJCTxwb2x5Z29uIHBvaW50cz0iODkuMjUsMTUzIDMwNiwzMDYgMzA2LDAgCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.playNext {position: relative;top: -3px; margin: 0 0 0 8px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwNnB4IiBoZWlnaHQ9IjMwNnB4IiBmaWxsPSIjNjA3ZDhiIiB2aWV3Qm94PSIwIDAgMzA2IDMwNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzA2IDMwNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9InNraXAtbmV4dCI+DQoJCTxwYXRoIGQ9Ik0wLDMwNmwyMTYuNzUtMTUzTDAsMFYzMDZ6IE0yNTUsMHYzMDZoNTFWMEgyNTV6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}



#BluePlayer .ControlBtns__Left .controls-Icon {width: 18px ;height: 18px;}
#BluePlayer .controls-Icon.random {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ0OCA0NDgiIGZpbGw9IiM5MDkwOTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0OCA0NDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBwb2ludHM9IjM0OS40NCwxOC45ODcgMzIxLjcwNyw0Ny4xNDcgMzYyLjI0LDg3LjY4IDM4My43ODcsOTYuMjEzIDI3Ny4zMzMsOTYuMjEzIDk3LjA2NywzMDkuNTQ3IDAsMzA5LjU0NyAwLDM1Mi4yMTMgDQoJCQkxMTYuMjY3LDM1Mi4yMTMgMjk3LjE3MywxMzguODggMzgzLjU3MywxMzguODggMzYyLjg4LDE0Ni41NiAzMjEuNzA3LDE4Ny43MzMgMzQ5LjY1MywyMTUuNjggNDQ4LDExNy4zMzMgCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBvbHlnb24gcG9pbnRzPSIzNDkuNDQsMjMyLjMyIDMyMS43MDcsMjYwLjQ4IDM2Mi4yNCwzMDEuMDEzIDM4My43ODcsMzA5LjU0NyAyOTYuOTYsMzA5LjU0NyAxMTYuMjY3LDk3LjQ5MyAwLDk3LjQ5MyAwLDEzOC44OCANCgkJCTk3LjA2NywxMzguODggMjc3LjMzMywzNTIuMjEzIDM4My41NzMsMzUyLjIxMyAzNjIuODgsMzU5Ljg5MyAzMjEuNzA3LDQwMS4wNjcgMzQ5LjY1Myw0MjkuMDEzIDQ0OCwzMzAuNjY3IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.repeat-one {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjOTA5MDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8ZyBpZD0ic3ZnXzEiPgogICA8ZyBpZD0ic3ZnXzIiPgogICAgPHBvbHlnb24gaWQ9InN2Z18zIiBwb2ludHM9IjQ2Mi40NTIsMjU1Ljk5NyA0NjIuNDUyLDM2My4zNTUgMTIwLjM0OCwzNjMuMzU1IDEyMC4zNDgsMjY3LjczMyAwLDM4OC4xMzkgMTIwLjM0OCw1MDguNTE3IDEyMC4zNDgsNDEyLjkwMyAgICAgNTEyLDQxMi45MDMgNTEyLDI1NS45OTcgICAiLz4KICAgPC9nPgogIDwvZz4KICA8ZyBpZD0ic3ZnXzQiPgogICA8ZyBpZD0ic3ZnXzUiPgogICAgPHBvbHlnb24gaWQ9InN2Z182IiBwb2ludHM9IjUxMiwxMjMuODYxIDM5MS42NTIsMy40ODMgMzkxLjY1Miw5OS4wOTcgMCw5OS4wOTcgMCwyNTUuOTk3IDQ5LjU0OCwyNTUuOTk3IDQ5LjU0OCwxNDguNjQ1IDM5MS42NTIsMTQ4LjY0NSAgICAgMzkxLjY1MiwyNDQuMjY3ICAgIi8+CiAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9InN2Z183Ii8+CiAgPGcgaWQ9InN2Z184Ii8+CiAgPGcgaWQ9InN2Z185Ii8+CiAgPGcgaWQ9InN2Z18xMCIvPgogIDxnIGlkPSJzdmdfMTEiLz4KICA8ZyBpZD0ic3ZnXzEyIi8+CiAgPGcgaWQ9InN2Z18xMyIvPgogIDxnIGlkPSJzdmdfMTQiLz4KICA8ZyBpZD0ic3ZnXzE1Ii8+CiAgPGcgaWQ9InN2Z18xNiIvPgogIDxnIGlkPSJzdmdfMTciLz4KICA8ZyBpZD0ic3ZnXzE4Ii8+CiAgPGcgaWQ9InN2Z18xOSIvPgogIDxnIGlkPSJzdmdfMjAiLz4KICA8ZyBpZD0ic3ZnXzIxIi8+CiAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzQ3Ij4KICAgPGcgc3Ryb2tlPSJudWxsIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjkyNzQyNDE4NzA3Nzg0NTgsMCwwLDAuOTYwNzY3NTYzMDc0MTM3NywtMTA3OC4wNTQwNzc3MTM1OTEsLTExMDguNTg1ODIxMDk3NTcpICIgaWQ9InN2Z18yNiI+CiAgICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfMjciPgogICAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18yOCI+CiAgICAgIDxwb2x5Z29uIHN0cm9rZS1kYXNoYXJyYXk9IjUsNSIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzMwIiBwb2ludHM9IjE0NTUuODU3ODA0NTM2ODE5NSwxNDgzLjQ2Mjk1MzU2NzUwNDkgMTQ1NS44NTc4MDQ1MzY4MTk1LDEzNTUuNDYyOTUzNTY3NTA0OSAxNDM0LjUyMzgyMDE2MTgxOTUsMTM1NS40NjI5NTM1Njc1MDQ5IDEzOTEuODU3ODA0NTM2ODE5NSwxMzc2Ljc5NjkzNzk0MjUwNDkgMTM5MS44NTc4MDQ1MzY4MTk1LDEzOTguMTI5OTQ1NzU1MDA0OSAxNDIzLjg1NzgwNDUzNjgxOTUsMTM5OC4xMjk5NDU3NTUwMDQ5IDE0MjMuODU3ODA0NTM2ODE5NSwxNDgzLjQ2Mjk1MzU2NzUwNDkgIi8+CiAgICAgPC9nPgogICAgPC9nPgogICA8L2c+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzMyIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzMzIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM0Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM1Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM2Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM3Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM4Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM5Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQwIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQxIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQyIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQzIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQ0Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQ1Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQ2Ii8+CiAgPC9nPgogPC9nPgo8L3N2Zz4=') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.repeat-and-auto {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjOTA5MDkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IHg9Ii0xIiB5PSItMSIgd2lkdGg9IjUxNCIgaGVpZ2h0PSI1MTQiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgZmlsbD0ibm9uZSIvPgogPC9nPgoKIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8ZyBpZD0ic3ZnXzEiPgogICA8ZyBpZD0ic3ZnXzIiPgogICAgPHBvbHlnb24gcG9pbnRzPSI0NjIuNDUyLDI1NS45OTcgNDYyLjQ1MiwzNjMuMzU1IDEyMC4zNDgsMzYzLjM1NSAxMjAuMzQ4LDI2Ny43MzMgMCwzODguMTM5IDEyMC4zNDgsNTA4LjUxNyAxMjAuMzQ4LDQxMi45MDMgICAgIDUxMiw0MTIuOTAzIDUxMiwyNTUuOTk3ICAgIiBpZD0ic3ZnXzMiLz4KICAgPC9nPgogIDwvZz4KICA8ZyBpZD0ic3ZnXzQiPgogICA8ZyBpZD0ic3ZnXzUiPgogICAgPHBvbHlnb24gcG9pbnRzPSI1MTIsMTIzLjg2MSAzOTEuNjUyLDMuNDgzIDM5MS42NTIsOTkuMDk3IDAsOTkuMDk3IDAsMjU1Ljk5NyA0OS41NDgsMjU1Ljk5NyA0OS41NDgsMTQ4LjY0NSAzOTEuNjUyLDE0OC42NDUgICAgIDM5MS42NTIsMjQ0LjI2NyAgICIgaWQ9InN2Z182Ii8+CiAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9InN2Z183Ii8+CiAgPGcgaWQ9InN2Z184Ii8+CiAgPGcgaWQ9InN2Z185Ii8+CiAgPGcgaWQ9InN2Z18xMCIvPgogIDxnIGlkPSJzdmdfMTEiLz4KICA8ZyBpZD0ic3ZnXzEyIi8+CiAgPGcgaWQ9InN2Z18xMyIvPgogIDxnIGlkPSJzdmdfMTQiLz4KICA8ZyBpZD0ic3ZnXzE1Ii8+CiAgPGcgaWQ9InN2Z18xNiIvPgogIDxnIGlkPSJzdmdfMTciLz4KICA8ZyBpZD0ic3ZnXzE4Ii8+CiAgPGcgaWQ9InN2Z18xOSIvPgogIDxnIGlkPSJzdmdfMjAiLz4KICA8ZyBpZD0ic3ZnXzIxIi8+CiAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzU5Ij4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzM1IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjIzNzkwNTk1NjgyMjIwMjgsMCwwLDEuNDE3NDY0NzE5NTYwMjk3NCwtMjE2Ni41MjY2MDkwNDE4MjgsLTI1OTYuODc5NDc0OTg4MjU0KSAiPgogICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzM2Ij4KICAgICA8cGF0aCBzdHJva2U9Im51bGwiIGQ9Im0xOTY4Ljk2NDg5MiwxOTQ2LjgxNTY5bC0yNy40OTYsMGwtNTUuMDA4LDEyNy4zMTJsMzAuMjI0LDBsMTEuODQsLTI3LjQ5Nmw1My4zNiwwbDExLjg0LDI3LjQ5NmwzMC4yNDgsMGwtNTUuMDA4LC0xMjcuMzEyem0tMjkuNzA0LDc0Ljg1NmwxNi4wMjQsLTM2Ljk2OGwxNS44NDgsMzYuOTY4bC0zMS44NzIsMHoiIGlkPSJzdmdfMzciLz4KICAgIDwvZz4KICAgPC9nPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNDQiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z180NSIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzQ2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNDciIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z180OCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzQ5IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNTAiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z181MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzUyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNTMiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z181NCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzU1IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNTYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z181NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzU4IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogIDwvZz4KIDwvZz4KPC9zdmc+') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.repeat-default {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9IiM5MDkwOTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBwb2ludHM9IjQ2Mi40NTIsMjU1Ljk5NyA0NjIuNDUyLDM2My4zNTUgMTIwLjM0OCwzNjMuMzU1IDEyMC4zNDgsMjY3LjczMyAwLDM4OC4xMzkgMTIwLjM0OCw1MDguNTE3IDEyMC4zNDgsNDEyLjkwMyANCgkJCTUxMiw0MTIuOTAzIDUxMiwyNTUuOTk3IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iNTEyLDEyMy44NjEgMzkxLjY1MiwzLjQ4MyAzOTEuNjUyLDk5LjA5NyAwLDk5LjA5NyAwLDI1NS45OTcgNDkuNTQ4LDI1NS45OTcgNDkuNTQ4LDE0OC42NDUgMzkxLjY1MiwxNDguNjQ1IA0KCQkJMzkxLjY1MiwyNDQuMjY3IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}

#BluePlayer .controls-Icon.repeat-default.active {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9IiMwMGEwZmYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBwb2ludHM9IjQ2Mi40NTIsMjU1Ljk5NyA0NjIuNDUyLDM2My4zNTUgMTIwLjM0OCwzNjMuMzU1IDEyMC4zNDgsMjY3LjczMyAwLDM4OC4xMzkgMTIwLjM0OCw1MDguNTE3IDEyMC4zNDgsNDEyLjkwMyANCgkJCTUxMiw0MTIuOTAzIDUxMiwyNTUuOTk3IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwb2x5Z29uIHBvaW50cz0iNTEyLDEyMy44NjEgMzkxLjY1MiwzLjQ4MyAzOTEuNjUyLDk5LjA5NyAwLDk5LjA5NyAwLDI1NS45OTcgNDkuNTQ4LDI1NS45OTcgNDkuNTQ4LDE0OC42NDUgMzkxLjY1MiwxNDguNjQ1IA0KCQkJMzkxLjY1MiwyNDQuMjY3IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.repeat-one.active {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjMDBhMGZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8ZyBpZD0ic3ZnXzEiPgogICA8ZyBpZD0ic3ZnXzIiPgogICAgPHBvbHlnb24gaWQ9InN2Z18zIiBwb2ludHM9IjQ2Mi40NTIsMjU1Ljk5NyA0NjIuNDUyLDM2My4zNTUgMTIwLjM0OCwzNjMuMzU1IDEyMC4zNDgsMjY3LjczMyAwLDM4OC4xMzkgMTIwLjM0OCw1MDguNTE3IDEyMC4zNDgsNDEyLjkwMyAgICAgNTEyLDQxMi45MDMgNTEyLDI1NS45OTcgICAiLz4KICAgPC9nPgogIDwvZz4KICA8ZyBpZD0ic3ZnXzQiPgogICA8ZyBpZD0ic3ZnXzUiPgogICAgPHBvbHlnb24gaWQ9InN2Z182IiBwb2ludHM9IjUxMiwxMjMuODYxIDM5MS42NTIsMy40ODMgMzkxLjY1Miw5OS4wOTcgMCw5OS4wOTcgMCwyNTUuOTk3IDQ5LjU0OCwyNTUuOTk3IDQ5LjU0OCwxNDguNjQ1IDM5MS42NTIsMTQ4LjY0NSAgICAgMzkxLjY1MiwyNDQuMjY3ICAgIi8+CiAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9InN2Z183Ii8+CiAgPGcgaWQ9InN2Z184Ii8+CiAgPGcgaWQ9InN2Z185Ii8+CiAgPGcgaWQ9InN2Z18xMCIvPgogIDxnIGlkPSJzdmdfMTEiLz4KICA8ZyBpZD0ic3ZnXzEyIi8+CiAgPGcgaWQ9InN2Z18xMyIvPgogIDxnIGlkPSJzdmdfMTQiLz4KICA8ZyBpZD0ic3ZnXzE1Ii8+CiAgPGcgaWQ9InN2Z18xNiIvPgogIDxnIGlkPSJzdmdfMTciLz4KICA8ZyBpZD0ic3ZnXzE4Ii8+CiAgPGcgaWQ9InN2Z18xOSIvPgogIDxnIGlkPSJzdmdfMjAiLz4KICA8ZyBpZD0ic3ZnXzIxIi8+CiAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzQ3Ij4KICAgPGcgc3Ryb2tlPSJudWxsIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjkyNzQyNDE4NzA3Nzg0NTgsMCwwLDAuOTYwNzY3NTYzMDc0MTM3NywtMTA3OC4wNTQwNzc3MTM1OTEsLTExMDguNTg1ODIxMDk3NTcpICIgaWQ9InN2Z18yNiI+CiAgICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfMjciPgogICAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18yOCI+CiAgICAgIDxwb2x5Z29uIHN0cm9rZS1kYXNoYXJyYXk9IjUsNSIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzMwIiBwb2ludHM9IjE0NTUuODU3ODA0NTM2ODE5NSwxNDgzLjQ2Mjk1MzU2NzUwNDkgMTQ1NS44NTc4MDQ1MzY4MTk1LDEzNTUuNDYyOTUzNTY3NTA0OSAxNDM0LjUyMzgyMDE2MTgxOTUsMTM1NS40NjI5NTM1Njc1MDQ5IDEzOTEuODU3ODA0NTM2ODE5NSwxMzc2Ljc5NjkzNzk0MjUwNDkgMTM5MS44NTc4MDQ1MzY4MTk1LDEzOTguMTI5OTQ1NzU1MDA0OSAxNDIzLjg1NzgwNDUzNjgxOTUsMTM5OC4xMjk5NDU3NTUwMDQ5IDE0MjMuODU3ODA0NTM2ODE5NSwxNDgzLjQ2Mjk1MzU2NzUwNDkgIi8+CiAgICAgPC9nPgogICAgPC9nPgogICA8L2c+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzMyIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzMzIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM0Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM1Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM2Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM3Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM4Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzM5Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQwIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQxIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQyIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQzIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQ0Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQ1Ii8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42ODg2NDU1ODk3NDE4NjM5LDAsMCwwLjU1ODQzNjkwNjQ2Nzk5MzYsLTc0NC4zMzQ3OTg4MjYzODQ5LC01NTIuNTAwNTQyMjM3NDUyNSkgIiBpZD0ic3ZnXzQ2Ii8+CiAgPC9nPgogPC9nPgo8L3N2Zz4=') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.repeat-and-auto.active {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjMDBhMGZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IHg9Ii0xIiB5PSItMSIgd2lkdGg9IjUxNCIgaGVpZ2h0PSI1MTQiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgZmlsbD0ibm9uZSIvPgogPC9nPgoKIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8ZyBpZD0ic3ZnXzEiPgogICA8ZyBpZD0ic3ZnXzIiPgogICAgPHBvbHlnb24gcG9pbnRzPSI0NjIuNDUyLDI1NS45OTcgNDYyLjQ1MiwzNjMuMzU1IDEyMC4zNDgsMzYzLjM1NSAxMjAuMzQ4LDI2Ny43MzMgMCwzODguMTM5IDEyMC4zNDgsNTA4LjUxNyAxMjAuMzQ4LDQxMi45MDMgICAgIDUxMiw0MTIuOTAzIDUxMiwyNTUuOTk3ICAgIiBpZD0ic3ZnXzMiLz4KICAgPC9nPgogIDwvZz4KICA8ZyBpZD0ic3ZnXzQiPgogICA8ZyBpZD0ic3ZnXzUiPgogICAgPHBvbHlnb24gcG9pbnRzPSI1MTIsMTIzLjg2MSAzOTEuNjUyLDMuNDgzIDM5MS42NTIsOTkuMDk3IDAsOTkuMDk3IDAsMjU1Ljk5NyA0OS41NDgsMjU1Ljk5NyA0OS41NDgsMTQ4LjY0NSAzOTEuNjUyLDE0OC42NDUgICAgIDM5MS42NTIsMjQ0LjI2NyAgICIgaWQ9InN2Z182Ii8+CiAgIDwvZz4KICA8L2c+CiAgPGcgaWQ9InN2Z183Ii8+CiAgPGcgaWQ9InN2Z184Ii8+CiAgPGcgaWQ9InN2Z185Ii8+CiAgPGcgaWQ9InN2Z18xMCIvPgogIDxnIGlkPSJzdmdfMTEiLz4KICA8ZyBpZD0ic3ZnXzEyIi8+CiAgPGcgaWQ9InN2Z18xMyIvPgogIDxnIGlkPSJzdmdfMTQiLz4KICA8ZyBpZD0ic3ZnXzE1Ii8+CiAgPGcgaWQ9InN2Z18xNiIvPgogIDxnIGlkPSJzdmdfMTciLz4KICA8ZyBpZD0ic3ZnXzE4Ii8+CiAgPGcgaWQ9InN2Z18xOSIvPgogIDxnIGlkPSJzdmdfMjAiLz4KICA8ZyBpZD0ic3ZnXzIxIi8+CiAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzU5Ij4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzM1IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjIzNzkwNTk1NjgyMjIwMjgsMCwwLDEuNDE3NDY0NzE5NTYwMjk3NCwtMjE2Ni41MjY2MDkwNDE4MjgsLTI1OTYuODc5NDc0OTg4MjU0KSAiPgogICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzM2Ij4KICAgICA8cGF0aCBzdHJva2U9Im51bGwiIGQ9Im0xOTY4Ljk2NDg5MiwxOTQ2LjgxNTY5bC0yNy40OTYsMGwtNTUuMDA4LDEyNy4zMTJsMzAuMjI0LDBsMTEuODQsLTI3LjQ5Nmw1My4zNiwwbDExLjg0LDI3LjQ5NmwzMC4yNDgsMGwtNTUuMDA4LC0xMjcuMzEyem0tMjkuNzA0LDc0Ljg1NmwxNi4wMjQsLTM2Ljk2OGwxNS44NDgsMzYuOTY4bC0zMS44NzIsMHoiIGlkPSJzdmdfMzciLz4KICAgIDwvZz4KICAgPC9nPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNDQiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z180NSIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzQ2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNDciIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z180OCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzQ5IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNTAiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z181MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzUyIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNTMiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z181NCIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzU1IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogICA8ZyBzdHJva2U9Im51bGwiIGlkPSJzdmdfNTYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNjQ3OTU1NTk4NjA1NjQ4NCwwLDAsMC43ODI3OTg0MjIwMzA5NzEyLC0xMDc3Ljk0NjI3MDA5NDAxOTQsLTEzNDMuMjk1NDYxOTA1NTY4MykgIi8+CiAgIDxnIHN0cm9rZT0ibnVsbCIgaWQ9InN2Z181NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC42NDc5NTU1OTg2MDU2NDg0LDAsMCwwLjc4Mjc5ODQyMjAzMDk3MTIsLTEwNzcuOTQ2MjcwMDk0MDE5NCwtMTM0My4yOTU0NjE5MDU1NjgzKSAiLz4KICAgPGcgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzU4IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjY0Nzk1NTU5ODYwNTY0ODQsMCwwLDAuNzgyNzk4NDIyMDMwOTcxMiwtMTA3Ny45NDYyNzAwOTQwMTk0LC0xMzQzLjI5NTQ2MTkwNTU2ODMpICIvPgogIDwvZz4KIDwvZz4KPC9zdmc+') no-repeat;background-size: cover;}
#BluePlayer .controls-Icon.random.active {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ0OCA0NDgiIGZpbGw9IiMwMGEwZmYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0OCA0NDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBwb2ludHM9IjM0OS40NCwxOC45ODcgMzIxLjcwNyw0Ny4xNDcgMzYyLjI0LDg3LjY4IDM4My43ODcsOTYuMjEzIDI3Ny4zMzMsOTYuMjEzIDk3LjA2NywzMDkuNTQ3IDAsMzA5LjU0NyAwLDM1Mi4yMTMgDQoJCQkxMTYuMjY3LDM1Mi4yMTMgMjk3LjE3MywxMzguODggMzgzLjU3MywxMzguODggMzYyLjg4LDE0Ni41NiAzMjEuNzA3LDE4Ny43MzMgMzQ5LjY1MywyMTUuNjggNDQ4LDExNy4zMzMgCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPHBvbHlnb24gcG9pbnRzPSIzNDkuNDQsMjMyLjMyIDMyMS43MDcsMjYwLjQ4IDM2Mi4yNCwzMDEuMDEzIDM4My43ODcsMzA5LjU0NyAyOTYuOTYsMzA5LjU0NyAxMTYuMjY3LDk3LjQ5MyAwLDk3LjQ5MyAwLDEzOC44OCANCgkJCTk3LjA2NywxMzguODggMjc3LjMzMywzNTIuMjEzIDM4My41NzMsMzUyLjIxMyAzNjIuODgsMzU5Ljg5MyAzMjEuNzA3LDQwMS4wNjcgMzQ5LjY1Myw0MjkuMDEzIDQ0OCwzMzAuNjY3IAkJIi8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat;background-size: cover;}

#BluePlayer .controls-Icon.volume {width: 14px ;height: 14px;}
#BluePlayer .controls-Icon.volume-large { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTA4LjUxNCA1MDguNTE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDguNTE0IDUwOC41MTQ7IiBmaWxsPSIjOTA5MDkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yNzEuNDgzLDAuMTA5Yy01Ljc4NC0wLjU0LTEyLjU1NCwwLjg1OC0yMC41MzEsNS42ODljMCwwLTEzMi41MzMsMTE1LjYyNS0xMzguMjg2LDEyMS4zMTQNCgkJCQlIMzkuNzI1Yy0xNy41NDQsMC4wMzItMzEuNzgyLDE0LjI3LTMxLjc4MiwzMS44MTR2MTk0LjczMWMwLDE3LjYwNywxNC4yMzksMzEuNzgyLDMxLjc4MiwzMS43ODJoNzIuOTQxDQoJCQkJYzUuNzUzLDUuNzUzLDEzOC4yODYsMTE3LjI3NywxMzguMjg2LDExNy4yNzdjNy45NzcsNC43OTksMTQuNzQ3LDYuMjI5LDIwLjUzMSw1LjY4OWMxMS43Ni0xLjExMiwyMC4wMjMtMTAuOTY1LDIyLjUzNC0yMS4zNTgNCgkJCQljMC4xMjctMS4wMTcsMC4xMjctNDY0LjUzMy0wLjAzMi00NjUuNTVDMjkxLjUwNiwxMS4wNzQsMjgzLjIxMSwxLjIyMiwyNzEuNDgzLDAuMTA5eiIvPg0KCQkJPHBhdGggZD0iTTM0Mi45NjIsMzA5Ljc5OGMtNy44NSwzLjk3My0xMC45OTcsMTMuNTA4LTcuMDg3LDIxLjM1OGMyLjgyOSw1LjUzLDguNDIyLDguNzQsMTQuMjA3LDguNzQNCgkJCQljMi4zODQsMCw0Ljc5OS0wLjU3Miw3LjE1MS0xLjY4NGMzMi4xMzItMTYuMjA5LDUyLjA5MS00OC4zNDEsNTIuMDkxLTgzLjkzOHMtMTkuOTU5LTY3LjcyOC01Mi4wOTEtODMuOTM4DQoJCQkJYy03Ljg1LTMuOTczLTE3LjM4NS0wLjc5NS0yMS4zNTgsNy4wNTZjLTMuOTA5LDcuODUtMC43NjMsMTcuMzg1LDcuMDg3LDIxLjM1OGMyMS4zMjYsMTAuNzQzLDM0LjU3OSwzMi4wMDUsMzQuNTc5LDU1LjUyNA0KCQkJCVMzNjQuMjg4LDI5OS4wNTUsMzQyLjk2MiwzMDkuNzk4eiIvPg0KCQkJPHBhdGggZD0iTTMzOS43Miw1OS4zMmMtOC40ODYtMS43MTYtMTcuMDA0LDMuOTQxLTE4LjU5MywxMi41MjJjLTEuNzE2LDguNjQ1LDMuOTA5LDE3LjAwNCwxMi41MjIsMTguNjg4DQoJCQkJYzc4LjMxMiwxNS4yNTYsMTM1LjEzOSw4NC4xMjgsMTM1LjEzOSwxNjMuNzQzUzQxMS45NjIsNDAyLjc2MSwzMzMuNjUsNDE4LjAxN2MtOC42MTMsMS42ODQtMTQuMjM5LDEwLjAxMS0xMi41NTQsMTguNjU2DQoJCQkJYzEuNDk0LDcuNTk2LDguMTM2LDEyLjg0LDE1LjU0MiwxMi44NGwzLjA4My0wLjMxOGM5My4yMTgtMTguMTQ4LDE2MC44NTEtMTAwLjE0NywxNjAuODUxLTE5NC45MjJTNDMyLjkzOCw3Ny41LDMzOS43Miw1OS4zMnoiDQoJCQkJLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat; background-size: cover;}
#BluePlayer .controls-Icon.volume-large.active, #BluePlayer .controls-Icon.volume-large:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTA4LjUxNCA1MDguNTE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDguNTE0IDUwOC41MTQ7IiBmaWxsPSIjMDBhMGZmIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yNzEuNDgzLDAuMTA5Yy01Ljc4NC0wLjU0LTEyLjU1NCwwLjg1OC0yMC41MzEsNS42ODljMCwwLTEzMi41MzMsMTE1LjYyNS0xMzguMjg2LDEyMS4zMTQNCgkJCQlIMzkuNzI1Yy0xNy41NDQsMC4wMzItMzEuNzgyLDE0LjI3LTMxLjc4MiwzMS44MTR2MTk0LjczMWMwLDE3LjYwNywxNC4yMzksMzEuNzgyLDMxLjc4MiwzMS43ODJoNzIuOTQxDQoJCQkJYzUuNzUzLDUuNzUzLDEzOC4yODYsMTE3LjI3NywxMzguMjg2LDExNy4yNzdjNy45NzcsNC43OTksMTQuNzQ3LDYuMjI5LDIwLjUzMSw1LjY4OWMxMS43Ni0xLjExMiwyMC4wMjMtMTAuOTY1LDIyLjUzNC0yMS4zNTgNCgkJCQljMC4xMjctMS4wMTcsMC4xMjctNDY0LjUzMy0wLjAzMi00NjUuNTVDMjkxLjUwNiwxMS4wNzQsMjgzLjIxMSwxLjIyMiwyNzEuNDgzLDAuMTA5eiIvPg0KCQkJPHBhdGggZD0iTTM0Mi45NjIsMzA5Ljc5OGMtNy44NSwzLjk3My0xMC45OTcsMTMuNTA4LTcuMDg3LDIxLjM1OGMyLjgyOSw1LjUzLDguNDIyLDguNzQsMTQuMjA3LDguNzQNCgkJCQljMi4zODQsMCw0Ljc5OS0wLjU3Miw3LjE1MS0xLjY4NGMzMi4xMzItMTYuMjA5LDUyLjA5MS00OC4zNDEsNTIuMDkxLTgzLjkzOHMtMTkuOTU5LTY3LjcyOC01Mi4wOTEtODMuOTM4DQoJCQkJYy03Ljg1LTMuOTczLTE3LjM4NS0wLjc5NS0yMS4zNTgsNy4wNTZjLTMuOTA5LDcuODUtMC43NjMsMTcuMzg1LDcuMDg3LDIxLjM1OGMyMS4zMjYsMTAuNzQzLDM0LjU3OSwzMi4wMDUsMzQuNTc5LDU1LjUyNA0KCQkJCVMzNjQuMjg4LDI5OS4wNTUsMzQyLjk2MiwzMDkuNzk4eiIvPg0KCQkJPHBhdGggZD0iTTMzOS43Miw1OS4zMmMtOC40ODYtMS43MTYtMTcuMDA0LDMuOTQxLTE4LjU5MywxMi41MjJjLTEuNzE2LDguNjQ1LDMuOTA5LDE3LjAwNCwxMi41MjIsMTguNjg4DQoJCQkJYzc4LjMxMiwxNS4yNTYsMTM1LjEzOSw4NC4xMjgsMTM1LjEzOSwxNjMuNzQzUzQxMS45NjIsNDAyLjc2MSwzMzMuNjUsNDE4LjAxN2MtOC42MTMsMS42ODQtMTQuMjM5LDEwLjAxMS0xMi41NTQsMTguNjU2DQoJCQkJYzEuNDk0LDcuNTk2LDguMTM2LDEyLjg0LDE1LjU0MiwxMi44NGwzLjA4My0wLjMxOGM5My4yMTgtMTguMTQ4LDE2MC44NTEtMTAwLjE0NywxNjAuODUxLTE5NC45MjJTNDMyLjkzOCw3Ny41LDMzOS43Miw1OS4zMnoiDQoJCQkJLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat; background-size: cover;}
#BluePlayer .controls-Icon.volume-small { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTA4LjUxNCA1MDguNTE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDguNTE0IDUwOC41MTQ7IiBmaWxsPSIjOTA5MDkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0zMTcuMTA3LDAuMTA5Yy01LjgxNi0wLjU0LTEyLjU4NiwwLjg1OC0yMC41MzEsNS43MjFjMCwwLTEzMi41MzMsMTE1LjYyNS0xMzguMzE3LDEyMS4zMTQNCgkJCQlIODUuMzQ5Yy0xNy41NDQsMC0zMS43ODIsMTQuMjM5LTMxLjc4MiwzMS43ODJ2MTk0LjczMWMwLDE3LjU3NiwxNC4yMzksMzEuNzgzLDMxLjc4MiwzMS43ODNoNzIuOTQxDQoJCQkJYzUuNzUzLDUuNzUzLDEzOC4zMTcsMTE3LjI3NywxMzguMzE3LDExNy4yNzdjNy45NDYsNC43OTksMTQuNzE1LDYuMjI5LDIwLjUzMSw1LjY4OWMxMS43Ni0xLjExMiwyMC4wMjMtMTAuOTY1LDIyLjUzNC0yMS4zNTgNCgkJCQljMC4xNTktMS4wMTcsMC4xNTktNDY0LjU2NSwwLTQ2NS41NUMzMzcuMTMsMTEuMDc0LDMyOC44MzUsMS4yMjEsMzE3LjEwNywwLjEwOXoiLz4NCgkJCTxwYXRoIGQ9Ik00MDIuODU2LDE3MC4zMzZjLTcuODUtMy45NzMtMTcuMzg1LTAuNzk1LTIxLjM1OCw3LjA1NmMtMy45MDksNy44NS0wLjc2MywxNy4zODUsNy4wODcsMjEuMzU4DQoJCQkJYzIxLjMyNiwxMC43NDIsMzQuNTc5LDMyLjAwNSwzNC41NzksNTUuNTI0cy0xMy4yNTMsNDQuNzgyLTM0LjU3OSw1NS41MjRjLTcuODUsMy45NzMtMTAuOTk3LDEzLjUwOC03LjA4NywyMS4zNTgNCgkJCQljMi44MjksNS41Myw4LjQyMiw4Ljc0LDE0LjIwNyw4Ljc0YzIuMzg0LDAsNC43OTktMC41NzIsNy4xNTEtMS42ODVjMzIuMTMyLTE2LjIwOSw1Mi4wOTEtNDguMzQxLDUyLjA5MS04My45MzgNCgkJCQlTNDM0Ljk4OCwxODYuNTQ1LDQwMi44NTYsMTcwLjMzNnoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat; background-size: cover;}
#BluePlayer .controls-Icon.volume-small.active, #BluePlayer .controls-Icon.volume-small:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTA4LjUxNCA1MDguNTE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDguNTE0IDUwOC41MTQ7IiBmaWxsPSIjMDBhMGZmIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0zMTcuMTA3LDAuMTA5Yy01LjgxNi0wLjU0LTEyLjU4NiwwLjg1OC0yMC41MzEsNS43MjFjMCwwLTEzMi41MzMsMTE1LjYyNS0xMzguMzE3LDEyMS4zMTQNCgkJCQlIODUuMzQ5Yy0xNy41NDQsMC0zMS43ODIsMTQuMjM5LTMxLjc4MiwzMS43ODJ2MTk0LjczMWMwLDE3LjU3NiwxNC4yMzksMzEuNzgzLDMxLjc4MiwzMS43ODNoNzIuOTQxDQoJCQkJYzUuNzUzLDUuNzUzLDEzOC4zMTcsMTE3LjI3NywxMzguMzE3LDExNy4yNzdjNy45NDYsNC43OTksMTQuNzE1LDYuMjI5LDIwLjUzMSw1LjY4OWMxMS43Ni0xLjExMiwyMC4wMjMtMTAuOTY1LDIyLjUzNC0yMS4zNTgNCgkJCQljMC4xNTktMS4wMTcsMC4xNTktNDY0LjU2NSwwLTQ2NS41NUMzMzcuMTMsMTEuMDc0LDMyOC44MzUsMS4yMjEsMzE3LjEwNywwLjEwOXoiLz4NCgkJCTxwYXRoIGQ9Ik00MDIuODU2LDE3MC4zMzZjLTcuODUtMy45NzMtMTcuMzg1LTAuNzk1LTIxLjM1OCw3LjA1NmMtMy45MDksNy44NS0wLjc2MywxNy4zODUsNy4wODcsMjEuMzU4DQoJCQkJYzIxLjMyNiwxMC43NDIsMzQuNTc5LDMyLjAwNSwzNC41NzksNTUuNTI0cy0xMy4yNTMsNDQuNzgyLTM0LjU3OSw1NS41MjRjLTcuODUsMy45NzMtMTAuOTk3LDEzLjUwOC03LjA4NywyMS4zNTgNCgkJCQljMi44MjksNS41Myw4LjQyMiw4Ljc0LDE0LjIwNyw4Ljc0YzIuMzg0LDAsNC43OTktMC41NzIsNy4xNTEtMS42ODVjMzIuMTMyLTE2LjIwOSw1Mi4wOTEtNDguMzQxLDUyLjA5MS04My45MzgNCgkJCQlTNDM0Ljk4OCwxODYuNTQ1LDQwMi44NTYsMTcwLjMzNnoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K') no-repeat; background-size: cover;}
#BluePlayer .controls-Icon.volume-mute { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTA4LjUyOCA1MDguNTI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDguNTI4IDUwOC41Mjg7IiBmaWxsPSIjOTA5MDkwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yNjMuNTQsMC4xMTZjLTUuNzg0LTAuNTQtMTIuNTU0LDAuODU4LTIwLjUzMSw1LjY4OWMwLDAtMTMyLjUzMywxMTUuNjI1LTEzOC4zMTcsMTIxLjMxNEgzMS43ODINCgkJCQlDMTQuMjM5LDEyNy4xNSwwLDE0MS4zODksMCwxNTguOTMzdjE5NC43MzFjMCwxNy42MDcsMTQuMjM5LDMxLjc4MiwzMS43ODIsMzEuNzgyaDcyLjk0MQ0KCQkJCWM1Ljc4NCw1Ljc1MywxMzguMzE3LDExNy4yNzcsMTM4LjMxNywxMTcuMjc3YzcuOTc3LDQuNzk5LDE0Ljc0Nyw2LjIyOSwyMC41MzEsNS42ODljMTEuNzYtMS4xMTIsMjAuMDIzLTEwLjk2NSwyMi41MzQtMjEuMzU4DQoJCQkJYzAuMDk1LTEuMDE3LDAuMDk1LTQ2NC41MzMtMC4wNjQtNDY1LjU1QzI4My41NjMsMTEuMDgxLDI3NS4yNjgsMS4yMjgsMjYzLjU0LDAuMTE2eiIvPg0KCQkJPHBhdGggZD0iTTQ0Ny45NzQsMjU0LjI4bDU0Ljg1Ny01NC44NTdjNy41OTYtNy41NjQsNy41OTYtMTkuODY0LDAtMjcuNDI4DQoJCQkJYy03LjU2NC03LjU2NC0xOS44NjQtNy41NjQtMjcuNDI4LDBsLTU0Ljg1Nyw1NC44ODhsLTU0Ljg4OC01NC44ODhjLTcuNTMyLTcuNTY0LTE5Ljg2NC03LjU2NC0yNy4zOTcsMA0KCQkJCWMtNy41NjQsNy41NjQtNy41NjQsMTkuODY0LDAsMjcuNDI4bDU0Ljg1Nyw1NC44NTdsLTU0Ljg1Nyw1NC44ODhjLTcuNTY0LDcuNTMyLTcuNTY0LDE5Ljg2NCwwLDI3LjM5Ng0KCQkJCWM3LjUzMiw3LjU2NCwxOS44NjQsNy41NjQsMjcuMzk2LDBsNTQuODg4LTU0Ljg1N2w1NC44NTcsNTQuODU3YzcuNTY0LDcuNTY0LDE5Ljg2NCw3LjU2NCwyNy40MjgsMA0KCQkJCWM3LjU2NC03LjUzMiw3LjU2NC0xOS44NjQsMC0yNy4zOTZMNDQ3Ljk3NCwyNTQuMjh6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat; background-size: cover;}
#BluePlayer .controls-Icon.volume-mute.active, #BluePlayer .controls-Icon.volume-mute:hover { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTA4LjUyOCA1MDguNTI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MDguNTI4IDUwOC41Mjg7IiBmaWxsPSIjMDBhMGZmIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yNjMuNTQsMC4xMTZjLTUuNzg0LTAuNTQtMTIuNTU0LDAuODU4LTIwLjUzMSw1LjY4OWMwLDAtMTMyLjUzMywxMTUuNjI1LTEzOC4zMTcsMTIxLjMxNEgzMS43ODINCgkJCQlDMTQuMjM5LDEyNy4xNSwwLDE0MS4zODksMCwxNTguOTMzdjE5NC43MzFjMCwxNy42MDcsMTQuMjM5LDMxLjc4MiwzMS43ODIsMzEuNzgyaDcyLjk0MQ0KCQkJCWM1Ljc4NCw1Ljc1MywxMzguMzE3LDExNy4yNzcsMTM4LjMxNywxMTcuMjc3YzcuOTc3LDQuNzk5LDE0Ljc0Nyw2LjIyOSwyMC41MzEsNS42ODljMTEuNzYtMS4xMTIsMjAuMDIzLTEwLjk2NSwyMi41MzQtMjEuMzU4DQoJCQkJYzAuMDk1LTEuMDE3LDAuMDk1LTQ2NC41MzMtMC4wNjQtNDY1LjU1QzI4My41NjMsMTEuMDgxLDI3NS4yNjgsMS4yMjgsMjYzLjU0LDAuMTE2eiIvPg0KCQkJPHBhdGggZD0iTTQ0Ny45NzQsMjU0LjI4bDU0Ljg1Ny01NC44NTdjNy41OTYtNy41NjQsNy41OTYtMTkuODY0LDAtMjcuNDI4DQoJCQkJYy03LjU2NC03LjU2NC0xOS44NjQtNy41NjQtMjcuNDI4LDBsLTU0Ljg1Nyw1NC44ODhsLTU0Ljg4OC01NC44ODhjLTcuNTMyLTcuNTY0LTE5Ljg2NC03LjU2NC0yNy4zOTcsMA0KCQkJCWMtNy41NjQsNy41NjQtNy41NjQsMTkuODY0LDAsMjcuNDI4bDU0Ljg1Nyw1NC44NTdsLTU0Ljg1Nyw1NC44ODhjLTcuNTY0LDcuNTMyLTcuNTY0LDE5Ljg2NCwwLDI3LjM5Ng0KCQkJCWM3LjUzMiw3LjU2NCwxOS44NjQsNy41NjQsMjcuMzk2LDBsNTQuODg4LTU0Ljg1N2w1NC44NTcsNTQuODU3YzcuNTY0LDcuNTY0LDE5Ljg2NCw3LjU2NCwyNy40MjgsMA0KCQkJCWM3LjU2NC03LjUzMiw3LjU2NC0xOS44NjQsMC0yNy4zOTZMNDQ3Ljk3NCwyNTQuMjh6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat; background-size: cover;}

#BluePlayer .Controls__ControlBtns__container {display: block; min-height: 62px;}
#BluePlayer .ControlBtns__Left {position: relative; top: 8px; padding: 5px 10px 5px 20px; float: left; height: 20px; z-index: 1; }
#BluePlayer .ControlBtns__Right {float: right; width: 78px; height: 20px; z-index: 1; position: relative;top: 7px;}

#BluePlayer .ControlBtns__Volume {position:relative; right: 10px;}

#BluePlayer .ControlBtns__Volume a.volume {position:relative; top: 6px;}
#BluePlayer .ControlBtns__Volume .Volume__Slider {display: inline-block; width: 50px;}
#BluePlayer .ControlBtns__Volume .Volume__Slider .VlumeSlider__extend {position:relative; top: -8px; height: 24px;}


#BluePlayer .BluePlayer__TrackList__container .TrackList__RightClick {display: none; position: absolute; z-index: 3; background-color: #FFFFFF; min-width: 40px; min-height: 12px; border-radius: 3px; box-shadow: 0 0 15px rgba(14,42,71,0.25);
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
#BluePlayer .BluePlayer__TrackList__container .TrackList__RightClick.show {display: block;}
#BluePlayer .BluePlayer__TrackList__container .TrackList__RightClick ul {list-style:none; color: #424242; font-size: 12px; font-weight: bold; padding:0; margin: 0}
#BluePlayer .BluePlayer__TrackList__container .TrackList__RightClick li {padding: 8px 14px; cursor: pointer; white-space: nowrap; line-height: 1.2; list-style-type: none;}
#BluePlayer .BluePlayer__TrackList__container .TrackList__RightClick li:hover {background-color:#EFEFEF;}


#BluePlayer .BluePlayer__TrackList {max-height: 420px; overflow-y:auto;}
#BluePlayer .BluePlayer__TrackList::-webkit-scrollbar {width: 8px; border: 3px solid #fff; background-color :#FFF }
#BluePlayer .BluePlayer__TrackList::-webkit-scrollbar-thumb {background: #C0C0C0; -webkit-border-radius: 8px; border-radius: 8px; }


#BluePlayer .TrackList {background-color: #FFFFFF; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.5; outline: none; }
#BluePlayer .TrackItem {width: 100%; height: 48px; cursor:pointer; transition: all 0.15s ease; overflow: hidden; line-height: 1.2;}
#BluePlayer .TrackItem:hover, #BluePlayer .TrackItem.rightClick {background-color: #EFEFEF;}
#BluePlayer .TrackItem:active {background-color: #E0E0E0;}
#BluePlayer .TrackItem.current {background-color: #EAEAEA;}
#BluePlayer .TrackItem .artist {line-height: 1.2; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#BluePlayer .TrackItem .title {line-height: 1.2;  padding: 0;}
#BluePlayer .TrackItemDescription {height:100%; }
#BluePlayer .TrackItemDescription__left {float:left; display: table; height: 100%;}
#BluePlayer .TrackItemDescription__left .albumCover__wrapper {display: table-cell; vertical-align: middle; padding: 0 4px 0 8px; }
#BluePlayer .TrackItemDescription__left .albumCover {width: 32px; height: 32px; background-color: #E0E0E0; display: block;}
#BluePlayer .TrackItemDescription__left .albumCover .albumCover__img {width: 32px; height: 32px; object-fit: cover;}
#BluePlayer .TrackItemDescription__left .info {display: table-cell; vertical-align: middle; padding: 0 5px;}
#BluePlayer .TrackItemDescription__left .info span {display: inline-block; text-align: left; vertical-align: middle;}
#BluePlayer .TrackItemDescription__left .info .artist span{font-size: 11px; color: #A0A0A0; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#BluePlayer .TrackItemDescription__left .info .title span{font-size: 12px; color: #353535; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#BluePlayer .TrackItemDescription__left .info .separator {font-size: 11px; color: #353535; max-width: 200px; padding: 0 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#BluePlayer .TrackItemDescription__right {position:absolute; display: table; height: 100%;}

#BluePlayer .TrackItemDescription:hover .TrackItemDescription__right.enableControl .controls, #BluePlayer .TrackItem.rightClick .TrackItemDescription__right.enableControl .controls {display:table-cell;}
#BluePlayer .TrackItemDescription:hover .TrackItemDescription__right.enableControl .duration {display: none;}
#BluePlayer .TrackItem.rightClick .TrackItemDescription__right.enableControl .duration {display: none;}

#BluePlayer .TrackItemDescription__right .controls {display:none; vertical-align: middle; width: 65px; text-align: right; padding: 0 17px 0 0; box-sizing: border-box; }
#BluePlayer .TrackItemDescription__right .controls-icon {padding: 2px 6px;}
#BluePlayer .TrackItemDescription__right .controls-icon:focus {outline-color: #333; outline-width: 1px; outline-style: dotted; }
#BluePlayer .TrackItemDescription__right .controls-icon .icon {display: inline-block; width:10px; height: 10px;}
#BluePlayer .TrackItemDescription__right .controls-icon.remove .icon {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM1N3B4IiBoZWlnaHQ9IjM1N3B4IiB2aWV3Qm94PSIwIDAgMzU3IDM1NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzU3IDM1NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGcgaWQ9ImNsb3NlIj4NCgkJPHBvbHlnb24gcG9pbnRzPSIzNTcsMzUuNyAzMjEuMywwIDE3OC41LDE0Mi44IDM1LjcsMCAwLDM1LjcgMTQyLjgsMTc4LjUgMCwzMjEuMyAzNS43LDM1NyAxNzguNSwyMTQuMiAzMjEuMywzNTcgMzU3LDMyMS4zIA0KCQkJMjE0LjIsMTc4LjUgCQkiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat; background-size: cover;}
#BluePlayer .TrackItemDescription__right .controls-icon.more .icon {background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjAgNjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYwIDYwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNOCwyMmMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFMxMi40MTEsMjIsOCwyMnoiLz4NCgk8cGF0aCBkPSJNNTIsMjJjLTQuNDExLDAtOCwzLjU4OS04LDhzMy41ODksOCw4LDhzOC0zLjU4OSw4LThTNTYuNDExLDIyLDUyLDIyeiIvPg0KCTxwYXRoIGQ9Ik0zMCwyMmMtNC40MTEsMC04LDMuNTg5LTgsOHMzLjU4OSw4LDgsOHM4LTMuNTg5LDgtOFMzNC40MTEsMjIsMzAsMjJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==') no-repeat; background-size: cover;}

#BluePlayer .TrackItemDescription__right .duration {display: table-cell; vertical-align: middle; padding: 0; width: 65px; text-align: center;}
#BluePlayer .TrackItemDescription__right .duration span {font-size: 11px; color: #A0A0A0; position: relative; left: 5px;}

#BluePlayer.mobile {max-height: 620px;}
#BluePlayer.mobile .BluePlayer__Controls__container {display:block; width: 100%; border-right: unset;}
#BluePlayer.mobile .BluePlayer__TrackList__container {display:block; width: 100%; border-top: 1px solid #DDD;}
#BluePlayer.mobile .PlaybackTimeline {position: relative; }


#BluePlayer.mobile .BluePlayer__Controls.EnableLyric .PlaybackTimeline {padding: 35px 0 8px;}
#BluePlayer.mobile .TrackInfo__Lyric__container .Lyric__contents span {margin: 0; font-size: 12px; color: #FFFFFF;}
#BluePlayer.mobile .TrackInfo__Lyric__container .Lyric__contents span.wait {margin: 0; font-size: 12px; color: #B0B0B0;}
#BluePlayer.mobile .TrackInfo__Lyric__container {background-color: #38404c;}


#BluePlayer.mobile .BluePlayer__TrackList {max-height: 300px; min-height: 180px;}
#BluePlayer.mobile .BluePlayer__TrackList__container .TrackList__RightClick ul {font-size: 11px; }

#BluePlayer.mobile .TrackItemDescription:hover .TrackItemDescription__right.enableControl .controls {display: none;}
#BluePlayer.mobile .TrackItemDescription:hover .TrackItemDescription__right.enableControl .duration {display: table-cell;}
#BluePlayer.mobile .TrackItem.rightClick .TrackItemDescription__right.enableControl .duration {display: table-cell;}
#BluePlayer.mobile .TrackItem.rightClick .TrackItemDescription__right.enableControl .controls {display: none;}

#BluePlayer.mobile .EnableLyric .TrackInfo__Description__container { background-color: #38404c; padding: 20px 10px 5px;}
#BluePlayer.mobile .TrackInfo__Description__container { background-color: #38404c; padding: 20px 10px;}
#BluePlayer.mobile .TrackInfo__Description__container:hover .TrackInfo__Tags {opacity: 1;}
#BluePlayer.mobile .TrackInfo__Description__container .TrackInfo__Description { display: table; height: 60px; width: 100%;border: 1px solid #1a1a1a; background-color: #182436;}
#BluePlayer.mobile .TrackInfo__Description__container .TrackInfo__Tags {background-color: unset;}
#BluePlayer.mobile .TrackInfo__AlbumCover {display: table-cell; vertical-align: middle; width: 40px; margin:0 5px;  padding: 0 5px 0 8px;}
#BluePlayer.mobile .TrackInfo__Tags__wrapper .TrackInfo__Tags span {display:inline-block; margin: 2px; font-size: 11px; text-align: left; line-height: 1.3;}
#BluePlayer.mobile .TrackInfo__Tags__wrapper {display: table-cell; vertical-align: middle;}
#BluePlayer.mobile .TrackInfo__Tags__wrapper .TrackInfo__Tags {text-align:left;}
#BluePlayer.mobile .TrackInfo__Tags__wrapper .TrackInfo__Tags .Tags__Album {display: none;}
#BluePlayer.mobile .AlbumCover__image__container {width: 40px; height: 40px;}
#BluePlayer.mobile .TrackInfo__AlbumCover .AlbumCover__image__container .AlbumCover__image {width: 40px; height: 40px;}
#BluePlayer.mobile .TrackInfo__Tags { position: relative; padding: 0 5px; box-sizing: border-box;}