@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/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: widgets/contentextended_oday/skins/OrangeDay_contentextended/css/widget.css */

.xe-widget-wrapper {overflow:visible}
.xe-widget-wrapper + .xe-widget-wrapper,
.xe-widget-wrapper + .widget_wrap{ margin-top:5px;}

h2.main_title  { font-size:.9em; padding:5px 0 10px 0 !important; margin-bottom:10px;   display:flex; align-items: center; color:var(--oday_mainColor); width:100%;}
h2.main_title > i { font-size:1.3em; margin-top:-2px; margin-right:3px}
h2.main_title > i {color:var(--oday_mainColorOpt); margin-left: -5px;}

h2.main_title span.dura { position: absolute; top: 5px; right: 5px; font-weight:400; font-size:.65em; color:var(--oday_mainColorOpt2); opacity: .8;}
h2.main_title span.dura em { font-size:1.2em; font-weight:500; padding-right:1px; color:var(--oday_mainColor);}
h2.main_title span.dura i {font-size:.85em;}
h2.main_title a { margin-left:auto;}
h2.main_title span.dura + a {  margin-left:5px }
h2.main_title.gallery { padding:10px 0 0 10px !important}

.wrap_contentex {position: relative; border-radius:8px; overflow:hidden; border:var(--oday_listBorder); padding:15px 20px 15px 20px; background-color:var(--oday_listBgColor);   box-shadow:var(--oday_listShadow) }
@media screen and (max-width:768px){
	
	.xe-widget-wrapper + .xe-widget-wrapper { margin-top:5px;}
	.wrap_contentex { border-radius:6px; padding:20px 10px;}
	
}
.default::-webkit-scrollbar {height:2px}
.default::-webkit-scrollbar-track { background-color:transparent; /*margin-left:10px;margin-right:10px;*/ }
.default::-webkit-scrollbar-thumb {border-color:var(--oday_listBgColor);border:none; }

.widget_newicon { /*color:#fff;  padding:0.1em 0.2em; border-radius:3px;*/ font-size:10px; font-weight:900; line-height:1; margin-left:2px !important; vertical-align: middle;} 
.widget_newicon.new {color:#f00; }
.widget_newicon.update {color:#00d3ff; }

.banner_one { border-radius:30px; overflow:hidden;}
.banner_one li { position: relative; height:300px; background:#000;  border-radius:30px;}
.banner_one div.bg_con {position:absolute; background-position:center; background-size:100% auto; background-repeat:no-repeat; transition: 0.3s; width:100%; height: 100%;}
.banner_one div.bg_no {position:absolute; background: linear-gradient(135deg, var(--oday_mainColor), var(--oday_mainColorDark)); transition: 0.3s; width:100%; height: 100%; }
.banner_one div.conbox { position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; color:#fff; text-align:center; height:100%; padding:0 100px; z-index:1}
.banner_one span.title {font-size:2em; font-weight:700; }
.banner_one span.text {font-size:1em; line-height:1.2; margin:1em 0 0 0 }
.banner_one span.date {font-size:.8em;  }
.banner_one a { color:#fff !important; margin-top:20px; line-height: 1; display:flex; align-items: center; font-size:1.1em; font-weight:700; height:3em; padding:0 2em; border:1px solid rgba(255,255,255,.2); border-radius:30px; width: fit-content; opacity:.5; transition:.3s}
.banner_one:hover .bg_con {opacity:.5; filter : blur(1px); background-size:102% auto;}
.banner_one:hover .bg_no {opacity:.5;}
.banner_one a:hover { opacity:1; background-color: rgba(255,255,255,.8); color:#000 !important}

.banner_one.w { position: relative; width:100%;  }
.banner_one.w,
.banner_one.w li { border-radius:0px }
@media screen and (max-width:768px){
	.banner_one,
	.banner_one li { border-radius:15px }
	.banner_one div.conbox { padding: 0 10vw;}
	.banner_one li {  height:50vw !important; }
	.banner_one div.bg_con {  background-size:  100% auto !important; }
	.banner_one.w div.bg_con {  background-size: auto 100%  !important; }
	.banner_one .bg_con,
	.banner_one:hover .bg_con {opacity:.5; filter : blur(0px); background-size:102% auto;}
	.banner_one .bg_no,
	.banner_one:hover .bg_no {opacity:.5;}	
	.banner_one span.title {font-size:1.5em;}
	.banner_one a,
	.banner_one a:hover { font-size:.85em; height:2.5em; padding:0 2em; opacity:1; background-color: rgba(255,255,255,.8); color:#000 !important}
	.banner_one span.text {font-size:.8em;}
	.banner_one.w {width: 100vw !important; left:-1vw !important}
	.banner_one.w li {  height:50vh !important; }
}

.banner_several .owl-stage-outer { border-radius:10px; overflow:hidden !important; border-left:var(--oday_listBorder); border-right:var(--oday_listBorder)  }
.banner_several li { position:relative;  background-position:center; background-size:auto 105% ; transition: 0.3s; border-radius:10px; overflow:hidden; background-color:var(--oday_listBgColor); border:var(--oday_listBorder)  }
.banner_several a.thumb { position:relative; height:100%; display: flex; justify-content: center; align-items: flex-end; text-align:center; padding-bottom:30px; color:var(--oday_fontColor); transition:.3s;  z-index:1;}
.banner_several .newconbox { z-index:1;  opacity:0; transition:.3s; padding:0 20px}
.banner_several span { display:block; line-height:1;}
.banner_several span + span {margin-top:5px;}
.banner_several span.btitle {font-size:.9em; color:var(--oday_fontHoverColor); font-weight:500 }
.banner_several span.title {font-size:1.1em; font-weight:500; line-height:1.2;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.banner_several span.author {font-size:.85em; }
.banner_several span.date {font-size:.8em; opacity:.5}
.banner_several li .img_con {position:absolute; top:0; left:0;  border-radius:10px; background-position:center; background-size:auto 105%; transition:.3s; overflow: hidden;}
.banner_several li:hover .newconbox { opacity:1;}
.banner_several li:hover .img_con { opacity:.2; background-size:auto 108%; filter : blur(2px) grayscale(100%)}

.banner_several.owl-carousel.tabs { padding-bottom:30px !important}
.banner_several.tabs .owl-nav { top: unset !important; bottom:28px !important; font-size: 20px;}
.banner_several.tabs .owl-nav button { width: 20px; height: 20px; background-color: transparent !important; margin: 0;}
.banner_several.tabs .newconbox {padding:0 10px}
.banner_several.tabs a.thumb {padding-bottom:10px;}
.banner_several.tabs span.btitle {font-size:.8em;}
.banner_several.tabs span.title {font-size:.9em; line-height:1.2; margin-top:2px}

@media screen and (max-width:768px){
	.banner_several.owl-carousel { padding-bottom:30px !important}
	.banner_several .owl-nav { top: unset !important; bottom:28px !important}
	.banner_several .newconbox { opacity:1}
	.banner_several a.thumb { padding-bottom:15px;  background: linear-gradient(transparent 0%, color-mix(in srgb, var(--oday_bodyBgColor), transparent 5%) 70%) ;}
	.banner_several li:hover .newconbox { opacity:1;}
	.banner_several li:hover .img_con {opacity:unset; background-size:inherit; filter : blur(0px) grayscale(0%)}
}



.default { display:flex; flex-wrap: wrap; justify-content: space-between; padding:0;}

.default li { display:flex; flex-shrink: 0;}
.default li.not_con {align-items: center;}

.default .thum { flex-shrink: 0; padding-right:10px;}
.default .thum img { border-radius:10px; overflow:hidden; border:var(--oday_listBorder); width: 100% }
.default .thum.noimg div {border-radius:10px; border:var(--oday_listBorder); max-width: ; display: flex; align-items: center;  justify-content: center; background-color:var(--oday_listBgColorStress1); }
.default .thum.noimg span { opacity:.2}
.default .opt_brow { display:flex; align-items: center; font-size:.85em; margin-bottom:1em; white-space: nowrap; line-height:1.2 !important;     flex-wrap: wrap; }
.default .opt_brow * {color:var(--oday_mainColor)}
.default .opt_brow a { font-weight:500 }
.default .opt_brow i { margin:0 .2em 0 0}
.default .opt_brow span {}
i.bxs-arrow-from-left { margin:0 .2em !important; color:var(--oday_fontColor) !important; opacity:.5 }
.default div.con > *:not(.title, .thum) {opacity:.8;  transition: 0.3s; line-height: 1.4; }
:is(.color_scheme_dark), :root[color-theme='dark'] {
	.default div.con > *:not(.title) { font-weight:300}
}
.default div.title {font-size:1.2em; font-weight:500; word-break: break-all;}
:is(.color_scheme_dark), :root[color-theme='dark'] {
	.default div.title { font-weight:400}
}
.default .title a { 
	line-height:1.4;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.default span.date {font-size:.9em; opacity:.8 }
.default span.date * {color:var(--oday_mainColor); font-weight:500}
.default p.text {font-size:.9em; line-height:1.4; opacity:.8; word-break: break-all; margin-top:.5em; color:var(--oday_fontColor);
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.default div.opt_meta { position:relative; margin-top:1em; padding-top:.5em; font-size:.85em}
/* .default div.opt_meta:before { content:""; display:block; width:10px; height:1px; background-color:var(--oday_mainColor); position:absolute; top:0; left:0; }*/
.default div.opt_meta .st { display: inline-block; color:var(--oday_mainColor);  font-size:.85em; font-weight: 500;}
.default div.opt_meta a.st {color:var(--oday_mainColor);}
.default div.opt_meta i { opacity:.4; font-size:1.2em; margin-right:3px !important; }
.default div.opt_meta > *{ margin-right:5px}
.default div.opt_meta .author { font-weight: 400;}
.default div.opt_meta_comm {font-size: .9em;}

.wrap_contentex.smp { padding:15px 20px 15px 20px;}
.default.simple li { padding:0;}
.default.simple .thum { padding-right:10px;}
.default.simple .thum img { border-radius:6px; overflow:hidden}
.default.simple .thum.noimg div {border-radius:6px; }
.default.simple .wrap_con { width:100%;}
.default.simple .con {display:flex; width: 100%; align-items: center;}
.default.simple .con * { line-height:1 !important; margin:0; padding:0; }
.default.simple .con > * + * { margin-left:5px;}
.default.simple .opt_brow { padding-right:5px !important; }
.default.simple div.title {font-size:1em;  font-weight:500; display: flex; }
.default.simple.comm div.title {font-size:.9em; }


.default.simple div.opt_meta {font-size:.9em; margin-top:0; padding-top:0; padding-left:10px; margin-left: auto; white-space: nowrap; }
.default.simple div.opt_meta > * + * { margin-left:3px;}
.default.simple div.opt_meta:before { display:none; }
.default.simple div.opt_meta .author { font-size:1em}
.default.simple div.opt_meta .st { font-size:.9em}
.default.simple .title a { 
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	    line-height: 1.1 !important;
}
.default.simple .text { width: 100%; margin:6px 0 0 0; font-size:.85em; line-height:1.3 !important; opacity:.5;  transition: 0.3s; 
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
:is(.color_scheme_dark), :root[color-theme='dark'] {
	.default.simple div.title { font-weight:300}
	.default .text {font-weight:300}
}

.circle {display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.circle li {display:flex; align-items: center; margin: 2px; padding: 5px 15px 5px 5px; background-color:var(--oday_listBgColor);  border:var(--oday_listBorder); border-radius: 50px; box-shadow:var(--oday_listShadow)} 

.circle li.showNew.N,
.circle li.showNew.N.U { border:var(--oday_newConborder); /*background-color:#212016*/ }
.circle li.showNew.U { border:var(--oday_newComborder);/* background-color:#1e2225*/ }
.circle .title {font-size:1em; font-weight:500; display:inline-block; margin-top: 4px;}
.circle .newconbox { opacity:.6; margin-top:0; font-size:.8em; display: flex; align-items: center;}
.circle .newconbox .btitle {color: var(--oday_mainColor); font-weight:400}
.circle .newconbox > a.btitle + span,
.circle .newconbox > span + span {margin-left:5px;}
.circle .date { font-size:.8em;  }
.circle .countbox { font-size:.8em; }
.circle .countbox > * + * { margin-left:2px}
.circle .countbox i { margin-right:2px; font-size:1.2em}

.circle a.thumb { border-radius:100%; overflow:hidden; display:flex; justify-content: center; align-items: center; margin-right:.8em; opacity:.8; transition:.3s; border:var(--oday_listBorderUp); overflow:hidden}
.circle li:hover a.thumb {opacity:1}
.circle .thumb { background-color: var(--oday_metaBgColor); flex-shrink: 0;}
.circle .thumb-blank { flex-shrink: 0;}
.circle a.thumb i {color: var(--oday_metaColor);}
:is(.color_scheme_dark), :root[color-theme='dark'] {
	.circle .title { font-weight:400; }
	.circle .newconbox .st {font-weight:300}
}

.wrap_contentex.warp_masonryz-wrap { }
.cell-sizer {width:5px !important; display:none !important}
.masonryz-wrap { display:block;  width:100% !important; padding:10px 0; overflow:hidden;  }
.masonryz { margin:0 auto; width:100% !important;  }
.masonryz li { border:none; padding:0px 0px; margin:0;}
.masonryz li.cell_item { /* border-bottom:var(--oday_listBorder) !important; padding-bottom:30px !important; margin-bottom:30px !important */ }
.masonryz li.cell_item.topimg { padding-top: 0px;}
.masonryz li.cell_item:hover { transform: translateY(-2px); transition: .3s ease; }
.masonryz .con { padding:0 10px}

/* view mode*/
.default.tab1 li { width:100%;}

.v li { flex-direction: column; }
.v .thum { padding-right:0; padding-top:10px; padding-bottom:20px}
.v .thum  img { width:100%;}
.vn li { flex-direction: column; }
.vn .thum { padding-right:0; padding-bottom:20px}

.wrap_contentex.box { padding:15px 15px 10px 15px}

.morepage {position: absolute; font-size:1em; right:0;  bottom:3px;  border-radius: 100%; /*background-color:color-mix(in srgb, var(--oday_mainColor), transparent 80%);*/ color:var(--oday_mainColor);}
.default.tabbox { justify-content: space-around; flex-wrap:unset; overflow-x: auto; user-select: none; padding-bottom:10px }
.default.tabbox .v_line {width:1px; background-color:var(--oday_listBorderColor);  padding:0 !important; margin:0 20px;opacity: .5;  }
.default.tabbox .v_line:first-child {display:none}
.default.tabbox li + li { border:none;  padding-top:0; margin-top:0;}
.default.tabbox li {flex-direction: column; box-sizing: content-box;  }
.default.tabbox .thum { padding-right:0; padding-bottom:20px}
.default.simple.tabbox .thum {padding-bottom:10px}
.default li:hover .text {opacity:.8}
.default li:hover div.con > *:not(.title) {opacity:1}

.default.simple.tabbox .con {flex-direction: column; align-items:unset}
.default.simple.tabbox .con * { margin:0; padding:0}
.default.simple.tabbox .con .title { padding:0 0 5px 0}
.default.simple.tabbox div.opt_meta { margin-left: inherit; }

/*
.default:not(.tab2):not(.tab3):not(.tab4):not(.tabbox) li:nth-child(n+2) { padding-top:20px; margin-top:20px; border-top:var(--oday_listBorderDark); }
.default.simple li:nth-child(n+2)  { padding-top:15px !important; margin-top:15px !important; }
.default.simple li.not_con + li,
.default.simple.comm li + li { padding-top:8px !important; margin-top:8px !important; }
*/
.default.tab1 li:nth-child(n+2)  { padding-top:15px; margin-top:15px;   border-top:var(--oday_listBorderDark)  }
.default.simple.tab1 li:nth-child(n+2)  { padding-top:15px; margin-top:15px;   border-top:var(--oday_listBorderDark)  }
.default.simple.tab1 li.not_con + li  { padding-top:10px; margin-top:10px;  border-top:var(--oday_listBorderDark) !important; }
.default.simple.tab1.comm li + li { padding-top:9px; margin-top:9px;  border-top:var(--oday_listBorderDark) !important; }
@media screen and (min-width:1200px){
/*
	.masonryz.sld2 li  { width:calc((100% / 2) - 5px); }
	.masonryz.sld2 li:nth-child(n+4) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}

	.masonryz.sld3 li { width:calc((100% / 3) - 7px); }
	.masonryz.sld3 li:nth-child(n+5) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}

	.masonryz.sld4 li  { width:calc((100% / 4) - 8px); }
	.masonryz.sld4 li:nth-child(n+6) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}
*/
	.default.tab2 li { width:calc(50% - 10px);}
	.default.tab2 li:nth-child(n+3) { padding-top:20px; margin-top:20px; border-top:var(--oday_listBorderDark); }
	
	.default.tab3 li { width:calc((100% / 3) - 10px);}
	.default.tab3 li:nth-child(n+4){ padding-top:20px; margin-top:20px; border-top:var(--oday_listBorderDark); }
	
	.simple.tab2 li { width:calc(50% - 10px);}
	.simple.tab2 li:nth-child(n+3) { padding-top:10px; margin-top:10px; border-top:var(--oday_listBorderDark); }
	
	.simple.tab3 li { width:calc((100% / 3) - 10px);}
	.simple.tab3 li:nth-child(n+4){ padding-top:10px; margin-top:10px; border-top:var(--oday_listBorderDark); }
}
@media screen and (max-width:1200px){
/*
	.masonryz.sld2 li  { width:calc((100% / 2) - 5px); }
	.masonryz.sld2 li:nth-child(n+4) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}

	.masonryz.sld3 li { width:calc((100% / 2) - 5px); }
	.masonryz.sld3 li:nth-child(n+4) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}

	.masonryz.sld4 li  { width:calc((100% / 3) - 7px); }
	.masonryz.sld4 li:nth-child(n+5) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}
*/
	.default.tab2 li { width:calc(50% - 10px);}
	.default.tab2 li:nth-child(n+3) { padding-top:20px; margin-top:20px; border-top:var(--oday_listBorderDark); }
	
	.default.tab3 li { width:calc((100% / 2) - 10px);}
	.default.tab3 li:nth-child(n+3){ padding-top:20px; margin-top:20px; border-top:var(--oday_listBorderDark); }

	.simple.tab2 li { width:calc(50% - 10px);}
	.simple.tab2 li:nth-child(n+3) { padding-top:10px; margin-top:10px; border-top:var(--oday_listBorderDark); }
	
	.simple.tab3 li { width:calc((100% / 2) - 10px);}
	.simple.tab3 li:nth-child(n+3){ padding-top:10px; margin-top:10px; border-top:var(--oday_listBorderDark); }

}
@media screen and (max-width:900px){
/*
	.masonryz.sld2 li  { width:calc((100% / 2) - 5px); }
	.masonryz.sld2 li:nth-child(n+4) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}

	.masonryz.sld3 li { width:calc((100% / 2) - 5px); }
	.masonryz.sld3 li:nth-child(n+4) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}

	.masonryz.sld4 li  { width:calc((100% / 2) - 5px); }
	.masonryz.sld4 li:nth-child(n+4) { border-top:var(--oday_listBorderDark) !important; padding-top:25px !important; margin-top:25px !important;}
*/
	.default.tab3 li { width:calc((100% / 2) - 10px);}
	.default.tab3 li:nth-child(2) { border:none;  padding-top:0; margin-top:0;}

	.simple.tab3 li { width:calc((100% / 2) - 10px);}
	.simple.tab3 li:nth-child(2) { border:none;  padding-top:0; margin-top:0;}
}
@media screen and (max-width:768px){
	.default li.not_con,
	.default.comm li { display:flex}

	.default .thum img { max-width:100%;}
	.default .thum.noimg.inbox { display:none}
	.default .opt_brow { display: inline-block; }
	.default div.title {font-size:1.1em}

	.default.simple .con,
	.default.simple .text {width: auto;}
	.default.simple .thum {padding-bottom:0}
	.default.simple.tabbox .thum {padding-bottom:10px}
	
	.circle li {padding: 3px 15px 3px 3px; font-size:.9em;}
	
	.morepage {font-size:2em; }
	.default.tabbox { justify-content: flex-start; -webkit-overflow-scrolling: auto !important;}

/*
	.masonryz li { width:100% !important; }
	.masonryz li:nth-child(n+3) { border-top:var(--oday_listBorder) !important; padding-top:20px !important; margin-top:20px !important;}

	.masonryz.v li {width:calc((100% / 2) - 5px) !important;}
	.masonryz.v li:nth-child(3) { padding:0 5px !important; margin:0 !important; border-top:none !important; }
*/	
	.default.tab2 li { width:100%; }
	.default.tab2 li:nth-child(2) {padding-top: 20px; margin-top: 20px; border-top: var(--oday_listBorder);}
	.default.simple.tab2 li:nth-child(2) {padding-top: 10px; margin-top: 10px; border-top: var(--oday_listBorder);}
	
	.default.tab3 li { width:100%; }
	.default.tab3 li:nth-child(2),
	.default.tab3 li:nth-child(3) {padding-top: 20px; margin-top: 20px; border-top: var(--oday_listBorder);}
	.default.simple.tab3 li:nth-child(2),
	.default.simple.tab3 li:nth-child(3) {padding-top: 10px; margin-top: 10px; border-top: var(--oday_listBorder);}

	.v .thum { padding-bottom:10px}
	.v .thum  div, .v .thum  img { width:100% !important;}

	.wrap_contentex.warp_masonryz-wrap { padding-bottom:20px}

/*	
	.default.tab2v li { width:100%;}
	.default.tab2v li:nth-child(2) {padding-top: 20px; margin-top: 20px; border-top: var(--oday_listBorder);}
	
	.default.tab3v li { width:100%;}
	.default.tab3v li:nth-child(2),
	.default.tab3v li:nth-child(3) {padding-top: 20px; margin-top: 20px; border-top: var(--oday_listBorder);}
	*/
}

/* Original file: widgets/counter_status/skins/OrangeDay_counter_status_classic/css/widget.css */

/* Widget Counter */
.widgetCounter_classic{  font-size:1em; display:flex; justify-content: center; flex-direction: column; padding:15px;
border-radius:10px; background-color:var(--oday_listBgColor); border:var(--oday_listBorder); box-shadow:var(--oday_listShadow); 
}
.widgetCounter_classic li { display:flex; justify-content: space-between; line-height:1}
.widgetCounter_classic li + li { margin-top:5px}
.widgetCounter_classic li span { font-size:.8em;}
.widgetCounter_classic li em { font-weight:700; color:var(--oday_mainColor)}
@media screen and (max-width:768px){
	.widgetCounter_classic{  font-size:1.2em; flex-direction: unset; justify-content: space-around;}
	.widgetCounter_classic li {    align-items: flex-end;}
	.widgetCounter_classic li + li { margin-top:0}
	.widgetCounter_classic li span { margin-right:10px;}
}