@charset "UTF-8";

/* Original file: files/cache/assets/compiled/b1b9d2d8c3ef465e7a0673b16190d1ca6335a5e2.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:14px;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_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=b1b9d2d8c3ef465e7a0673b16190d1ca6335a5e2.rhymix.scss.min.map */

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

:root {
/* GNB > BOX */
	--oday_gnbBgColor: rgba(255,255,255,1);
	--oday_gnbBgColorSub: rgba(255,255,255,1);
	--oday_gnbBgColorOpt: rgba(248,248,248,1);
	--oday_gnbBgColorDepth: rgba(0,0,0,.03);
	--oday_gnbShadow: 0px 2px 6px 0px rgb(0,0,0,.1);
	--oday_gnbBorder: 1px solid rgba(0,0,0,.1);
	--oday_gnbSize:60px;
	--oday_gnbHeight:80px;
}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	/* GNB */
	--oday_gnbBgColor: color-mix(in srgb, var(--oday_bodyBgColor), #fff 4%); 
	--oday_gnbBgColorOpt: color-mix(in srgb, var(--oday_bodyBgColor), #fff 2%); 
    --oday_gnbBgColorSub:color-mix(in srgb, var(--oday_bodyBgColor), #fff 6%); 
	
	--oday_gnbBgColorDepth: rgba(0,0,0,.2);
	--oday_gnbShadow: 0px 2px 10px 0px rgb(0,0,0,.5);
	--oday_gnbBorder: 1px solid rgba(0,0,0,.2);
}
@media screen and (max-width:768px){
	:root {
		/* GNB > BOX */
		--oday_gnbSize:50px;
	}
	:is(.color_scheme_dark),
	:root[color-theme='dark'] {	
		--oday_gnbBgColorOpt: #000; 
	}
}

.v_info { display:flex; height:40px; align-items: flex-end; justify-content: center; }
.v_info span + span { margin-left:30px;}
.v_info em { font-weight:700}
.gnbGap{ height: calc(var(--oday_gnbHeight) * 1) ; }

#header {
	position:fixed; top:0; left:0; z-index:99;
	width:100%;
	background-color: var(--oday_gnbBgColor);
}
#header > ul { 
	display: flex; justify-content: space-between; align-items: flex-start;
	background-color: var(--oday_gnbBgColor);
	
}
#header > ul.front {z-index:2; position: relative; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.15);}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	#header { box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
}

.objHeader { display:flex; }
.objHeader a.gbtn {
	display: flex; justify-content: center; align-items: center;
	height:var(--oday_gnbHeight); width:100%; min-width:60px;
	font-size:calc(var(--oday_gnbSize) * .3);
	white-space:nowrap; 
	padding:0 10px 0 10px;
}
.objHeader a.gbtn .text {
	font-size:calc(var(--oday_gnbSize) * .35);
	font-weight:900; 
	background-image: linear-gradient(45deg, var(--oday_mainColor), var(--oday_mainColorLight));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
}
.objHeader.start a.gbtn.gohome img {height:50%; max-width:150px; padding-left:10px}
.objHeader a.gbtn span.material-symbols-sharp {
	font-size:1.5em;
}
.objHeader .profile { 
	width:calc(var(--oday_gnbHeight) * .6); height:calc(var(--oday_gnbHeight) * .6); border-radius:100%; transition:.3s; background-color:var(--oday_gnbBgColorOpt);
	display: flex; justify-content: center; align-items: center;
}

.objHeader  a.viewgnb,
.objHeader  a.closegnb { display:none;}

#nav ul.depth0 {
	display: flex; justify-content: center; align-items: flex-start;
}

#nav ul.depth0 > li + li { margin-left:20px;}
#nav ul li.depth1 a {
	display: flex; justify-content: center; align-items: center;
	height:var(--oday_gnbHeight); width:100%; min-width:var(--oday_gnbSize);
	white-space:nowrap;
	font-size:14px;
}
#nav ul li.depth1 > a {font-size:14px;}
#nav ul li.depth1 a span { font-weight:600}
#nav ul li.depth1 a i { font-size:1.4em; }
#nav ul li.depth1 i.bxs-chevron-down  { font-size:1em; transition: 0.3s; opacity:1; visibility: visible; transform: translateY(0); color: var(--oday_mainColor)}
#nav ul li.depth1 a i.bx-link-external { font-size:.8em; margin-top: -10px; margin-left:5px; color: var(--oday_mainColorOpt); opacity:.7}
#nav ul li.depth1 .depth2 a i.bx-link-external {  margin-top: -5px;  margin-left:3px }
#nav ul li.depth1 a i.bx-subdirectory-right { font-size:.8em; opacity:.5; color: var(--oday_mainColor)}
#nav ul li.depth1 a * + * { margin-left:5px;}
#nav ul li.depth1 ul.depth2 a { height:calc(var(--oday_gnbSize) * .6); font-size:calc(var(--oday_gnbSize) * .2); font-weight:var(--oday_fw-medium); justify-content: flex-start;  padding:0 20px;}
#nav ul li.depth1 ul.depth3 a { height:calc(var(--oday_gnbSize) * .55); font-size:calc(var(--oday_gnbSize) * .18);  }
#nav ul li.depth1 ul.depth4 a { height:calc(var(--oday_gnbSize) * .55); font-size:calc(var(--oday_gnbSize) * .18); padding-left:30px; }
#nav ul li.depth1 ul.depth5 a { height:calc(var(--oday_gnbSize) * .55); font-size:calc(var(--oday_gnbSize) * .18); padding-left:40px; }

#nav ul li.depth1 ul.depth2 ul { background-color:var(--oday_ gnbBgColorDepth); }

#nav ul li.depth1 {
	position:relative;
	display: flex; align-items: center; flex-direction: column;
}
#nav ul li.depth1:hover i.bxs-chevron-down { 
	opacity:0;
	visibility: hidden;
	transform: translateY(10px);
}
#nav ul li.depth1:hover ul.depth2,
#nav ul li.depth1:hover .subarrow {
	opacity:1;
	visibility: visible;
	transform: translateY(-5px);
}
#nav ul.depth2 {
	position:absolute; top:var(--oday_gnbHeight);
	background-color: var(--oday_gnbBgColorSub);
	border:var(--oday_gnbBorder);  border-radius:10px; box-shadow: var(--oday_gnbShadow);
    display: flex; flex-direction: column; align-items: center;	
	padding:10px;
	transition: 0.3s; overflow:hidden;
	opacity:0;
	visibility: hidden;
	transform: translateY(10px);
    max-height: 90vh;
    overflow-y: auto;

/*	
	opacity:1;
	visibility: visible;
	transform: translateX(0);
*/	
}
#nav ul.depth2::-webkit-scrollbar {width: 1px;  overflow:hidden; }
#nav ul.depth2::-webkit-scrollbar-track {margin-top:10px;margin-bottom:10px;} 
#nav ul.depth2::-webkit-scrollbar-thumb { border:none; }
#nav .subarrow {
	display:block; margin-top:-16px; z-index:1;
	width:0; 
    border-width: 8px 4px;
    border-style: solid;
    border-color: transparent transparent var(--oday_mainColor) transparent;
	transition: 0.3s;
	opacity:0;
	visibility: hidden;
	transform: translateY(10px);	
}
/*
#nav ul.depth2:before {
	content:"";
	display:block; margin-top:-16px; z-index:1;
	width:0; 
    border-width: 8px 4px;
    border-style: solid;
    border-color: transparent transparent var(--oday_mainColor) transparent;
}
*/
#nav ul.depth2 li {width:100%;  }
#nav ul.depth2 li + li,
#nav ul.depth2 ul {border-top:1px solid rgba(0,0,0,0.05)}
#nav ul.depth2 > li:first-child > a { border-top:none;}
#nav ul li.depth1 a span.new { display:inline-block;  padding-left: 5px; }
#nav ul li.depth1 a span.new i { font-size:14px;}
#nav ul li.depth1 a span.new.docu { color: #ff9500; }
#nav ul li.depth1 a span.new.com { color: #00aaff; }

#nav a.orange span  { border-bottom:2px solid #e99e10; padding:0 0 4px 0 }
#nav a.blue span { border-bottom:2px solid #2187c5;padding:0 0 4px 0 }
#nav a.red span { border-bottom:2px solid #d71616;padding:0 0 4px 0  }
#nav a.orange:hover span {border-bottom:2px solid #ffa700; }
#nav a.blue:hover span { border-bottom:2px solid #009fff;}
#nav a.red:hover span { border-bottom:2px solid #ff0000;}

#lnb {
	position:fixed; top:70px; right:10px; z-index:999;
	width:fit-content; background-color: var(--oday_gnbBgColorSub); border-radius:10px;
	padding:20px; box-shadow:1px 1px 10px 0px rgba(0,0,0,.2);
	display:flex; align-items: center; justify-content: center;
}
#lnb ul { display:flex; flex-direction: column;}
#lnb ul li { padding:5px 0;}
#lnb ul ul { padding-left:10px; margin-top:5px;}

#header .loginF { 
	position:absolute; top:var(--oday_gnbHeight); right:0; width:100%; z-index:1;
	background-color: var(--oday_gnbBgColorOpt);
	padding:15px 10px;
	display:flex; justify-content: flex-end;align-items: center; flex-wrap: wrap;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);
	transition: 0.3s;
	opacity:0;
	visibility: hidden;
	transform: translateY(-50px);
}
/*
#header .loginF:before {
	content:"";
	position:absolute; top:0; left:0; width:100%; height:1px;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,1);
}
*/
#SNB a { padding:5px 20px 5px 0; display:flex; align-items: center; font-size:12px; font-weight:400; }
#SNB i.bx-link-external { font-size:9px !important; margin-top: -5px !important; margin-left:5px !important; }
#SNB > a { font-size:1em; font-weight:600; padding:10px 0 10px 10px; line-height: 1;}
#SNB > a:has( + .depth2) { border-bottom:var(--oday_listBorder); padding-bottom:15px; margin-bottom:10px}
#SNB > a i { font-size:1em; margin-right:3px;  margin-top:-2px}
#SNB .depth2 { padding-bottom:10px;}
#SNB .depth2 a { font-weight:500; padding:6px 0; padding-left:10px}
#SNB .depth3 a { padding-left:15px; font-size:.85em}
#SNB .depth4 a { padding-left:25px; }
#SNB .depth5 a { padding-left:35px; }
#SNB .depth3 i.bx-subdirectory-right { font-size:.8em; margin-right:3px; color:var(--oday_mainColor)}
#SNB .depth3 { padding-left:0px;}



/*
#nav .active1,
.nav_footer .active1 { color:var(--oday_fontHoverColor)}
.depth0 a.active.on { color:var(--oday_fontHoverColor); font-weight:600 !important; }

.wrapNav .depth0 a.active.on { background-color: color-mix(in srgb, var(--oday_mainColor), transparent 0%)!important; color:var(--oday_primaryBtnColor)}
.wrapNav .depth0 a.active.on i {color:var(--oday_primaryBtnColor)!important}
#SNB  a { padding-left:10px}
#SNB  a.active.on { background-color: color-mix(in srgb, var(--oday_mainColor), transparent 90%)!important; border-radius:6px; padding:8px 10px; }
*/
.depth2 a { border-radius:6px; }
.depth2 a:hover {background-color: color-mix(in srgb, var(--oday_gnbBgColorDepth), transparent 0%)!important; }
.depth2 a.active.on {background-color: color-mix(in srgb, var(--oday_mainColor), transparent 90%)!important; font-weight:700 !important; color:var(--oday_mainColor)  }
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	.depth2 a.active.on {background-color: color-mix(in srgb, var(--oday_mainColor), rgba(0,0,0,.5) 90%)!important; color:var(--oday_mainColorOpt)}
}

#header:hover .loginF {
	opacity:1;
	visibility: visible;
	transform: translateY(0);
}
#header .loginF li { display:flex; align-items: center; white-space:nowrap }
#header .loginF li + li { margin-left:10px;}
#header .loginF span.small { font-size:.9em;}
#header .loginF em { font-weight:600; color:var(--oday_mainColor)}
#header .loginF .user {display:flex; align-items: center; }
#header .loginF .user span {font-weight:400; font-size:.7em; border:var(--oday_listBorder); padding:2px 5px; border-radius:4px;  background-color:var(--oday_listBgColorUp2); margin-left:5px; }

.setBoxlist { margin-right:auto}
.setBoxlist ul { display:flex}
.setBoxlist ul li + li  { padding-left:15px; margin-left:15px !important; border-left:var(--oday_listBorder) }
.setBoxlist span { font-size:10px; margin-right:10px;}
.setBoxlist div { display:flex; font-size:16px; align-items: flex-end;}
.setBoxlist div a + a { margin-left:5px; }

#header .loginF .themechange span { font-size:.9em; padding-right:5px;}
#header .loginF .level {/* position:absolute; width:100%; height:1px; bottom:0; left:0;*/ width:50px; height:5px; margin-left:10px ; background-color:var(--oday_listBgColorDown2)}
#header .loginF .level .bar { height:100%; background-color:var(--oday_mainColor)}
#header .m-tool > * + * {margin-left:10px;}
#header .m-tool i {font-size:1.4em; padding:0 5px;}

#header.gnbShow { padding-bottom: 20px;}
#header.gnbShow .objHeader a.closegnb.end { display:flex;}
#header.gnbShow #nav ul.depth2 { 
	position:relative; top:0;
	box-shadow:unset;
	opacity:1;
	visibility: visible;
	transform: translateY(0);
}
.gohome + * {margin-left: auto;}

#header.scrollHead {
--oday_gnbHeight:60px;
}
#header.scrollHead #nav ul li.depth1 > a { font-size:12px;}
#header + .header_bg { position:fixed; z-index:98; width:100%; height:100vh; transition:.3s; background-color: color-mix(in srgb, var(--oday_bodyBgColor), transparent 10%); backdrop-filter: blur(5px); visibility:hidden; opacity:0;
display: flex; align-items: flex-end; justify-content: center; padding:0 20vw }
#header + .header_bg.back {background-color: color-mix(in srgb, var(--oday_bodyBgColor), transparent 80%); backdrop-filter: blur(2px);}
.header_bg ul { width:100%; margin-bottom:70px; }
.header_bg ul li {text-align:center; }
.header_bg ul li.company { font-size:40px; font-weight:900; color:var(--oday_mainColor);word-break: break-all; }
.header_bg ul li.company img { width:60%; max-width:350px}
.header_bg ul li.company + .info { margin-top:20px;}
.header_bg ul li.info { opacity:.8; font-size:.85em; }
.header_bg ul li.info + .info {margin-top:10px } 
.header_bg ul li.copyright { margin-top:15px; font-size:.8em; opacity:.5} 
#header:hover + .header_bg { visibility:visible; opacity:1; }

.share_sns { display:flex; justify-content: center;}
.share_sns a {     font-weight: 900; font-size:1.4em}
.share_sns a + a {margin-left:20px }

@media screen and (max-width:768px){
	#header.scrollHead {
	--oday_gnbHeight:50px;
	}
	#header .bxs-chevron-down { display:none !important;}
	#header {  height:var(--oday_gnbSize);  }
	.objHeader.start a.gbtn.gohome img {height:50%; max-width:100px}
	.objHeader a.gbtn { width: fit-content; min-width:var(--oday_gnbSize); font-size:12px; padding: 0 10px;}
	.objHeader a.gbtn .text {font-size: calc(var(--oday_gnbSize)* .3);}
	.objHeader a.gbtn i { font-size:1.5em}
	.objHeader a.gbtn i.bx-menu,
	.objHeader a.gbtn i.bx-x{ font-size:2.5em}
	.objHeader { justify-content: space-between; }
	.objHeader.start {box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);}

	#header > ul {
		width:100%;
		height: -webkit-fill-available; 
		min-height: -webkit-fill-available;
		display: flex;
		flex-direction: column;
		justify-content: space-between;	
	}
	#header > ul > li,
	.depth0 li {width:100%;}
	#header  .wrapNav {
		overflow-y: scroll;
		flex: auto;
		/*box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,.5);*/
	}
	#nav .subarrow { display:none; }
	#nav ul.depth0 { flex-direction: column; }
	#nav ul.depth2 {		
		position:relative; top:0;
		border:none; border-radius:0; box-shadow: unset; width:100%;
		display: flex; flex-direction: column; align-items: center;	
		border-top: var(--oday_gnbBorder);
		background-color: var(--oday_gnbBgColorDepth);
		transition: 0.3s;
		opacity:1;
		visibility: unset;
		transform: unset;
		max-height: unset;

	}
	#nav ul.depth2:before { display:none; z-index:0;}
	#nav ul.depth0 > li + li { margin-left:0;}
	#nav ul li.depth1 >  a {
			justify-content: flex-start; padding-left:20px;
			border-top:var(--oday_gnbBorder);
			height:calc(var(--oday_gnbSize) * 1.2); 
			font-size:16px;
			font-weight:600;
	}
	#nav ul li.depth1 ul.depth2 a { padding-left:40px; height:calc(var(--oday_gnbSize) * .85);   font-size:calc(var(--oday_gnbSize) * .25); font-weight:var(--oday_fw-medium);}
	#nav ul li.depth1 ul.depth3 a { padding-left:40px; height:calc(var(--oday_gnbSize) * .8);  font-size:calc(var(--oday_gnbSize) * .24); }
	#nav ul li.depth1 ul.depth4 a { padding-left:60px; height:calc(var(--oday_gnbSize) * .8);  font-size:calc(var(--oday_gnbSize) * .24); }
	#nav ul li.depth1 ul.depth5 a { padding-left:80px; height:calc(var(--oday_gnbSize) * .8);  font-size:calc(var(--oday_gnbSize) * .24); }
	.objHeader .fl_right { margin-left: auto; /*box-shadow:0 0 10px 2px rgba(0,0,0,.8); z-index:1;*/}
	.objHeader.end div.loginP { display:none; }
	#header .loginF { 
		position:relative; top:unset; right:unset; width:100%; z-index:unset; display:none;
		padding:15px 20px;	
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, .5);
		opacity: 1;
		visibility: visible;
		transform: translateY(0);		
	}
	#header .loginF:before {display:none;}	
	#header .loginF > li {white-space: nowrap;  width: 100%;  justify-content: center;}
	#header .loginF > li + li { margin-top:15px; padding-top:15px; margin-left: 0; border-top:var(--oday_listBorder);}
	#header .loginF .obtn + .obtn { margin-left:10px;}
	.objHeader .profile { 
	width:calc(var(--oday_gnbHeight) * .7); height:calc(var(--oday_gnbHeight) * .7); border-radius:100%;
	}
	#header.gnbShow {  height: 100%; min-height: -webkit-fill-available;padding-bottom:0; display: flex; flex-direction: column; justify-content: space-between;}
	.objHeader a.viewgnb { display:flex; }
	.meta_m {     width: -webkit-fill-available;}
	#header.gnbShow .objHeader a.viewgnb,
	#header.gnbShow .objHeader a.closegnb.end { display:none;}
	#header.gnbShow .objHeader a.closegnb,
	#header.gnbShow .loginF{ display:flex; justify-content: center; padding:15px 0}
	.setBoxlist { margin-right: unset; }
	
	#header:hover + .header_bg {visibility:hidden; opacity:0; }
}



#footer { 
	padding:50px 20px 0px 20px; margin-top:50px;
	border-top:var(--oday_listBorder);
	background: linear-gradient( rgba(100,100,100,.05) 0, transparent 10px);
}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	#footer {  background: linear-gradient( rgba(0,0,0,.3) 0, transparent 10px);}
}
.nav_footer > ul {  width:100%; max-width:1500px; margin:0 auto; display:flex; justify-content: center; flex-wrap: wrap;}
.nav_footer > ul > li { padding-bottom:30px; }
.nav_footer.lnb > ul {justify-content: flex-end;}

.nav_footer a { padding:3px 20px 3px 0; display:flex; align-items: center; font-size:.9em;}
.nav_footer a.active { }
.nav_footer i.bx-link-external { font-size:9px !important; margin-top: -5px !important; margin-left:5px !important; }
.nav_footer .depth1 > a { font-size:1em; font-weight:600; padding:0 20px 8px 0; line-height: 1; }
.nav_footer .depth1 > a i { font-size:1em; margin-right:3px; margin-top:-2px}

.nav_footer .depth3 i.bx-subdirectory-right { font-size:.8em; opacity:.5; margin-right:3px;}
.nav_footer .depth2 a { opacity:.7; padding-left:10px;}
.nav_footer .depth3 a{ padding-left:15px;}
.nav_footer .depth4 a{ padding-left:20px;}
.nav_footer .depth5 a{ padding-left:25px;}


#footer > * + * { margin-top:0; padding-top:50px; }
#footer > .comsummury + .nav_footer {margin-top:50px; border-top:var(--oday_listBorder)}
#footer > .nav_footer + .comsummury {padding-top:0;}

#footer ul.comsummury li {width:100%; max-width:1500px; margin:0 auto; }
#footer ul.comsummury li + li { margin-top:8px;}
#footer .company {
	display:flex; align-items: center;
	font-size:1.2em; line-height:1; font-weight:600;
	padding-bottom:10px;
}
#footer .info {
	display:flex; align-items: center;
	line-height:1.2; 
	opacity:.7;
	font-size:.85em;
	letter-spacing:.2px;
}
:is(.color_scheme_dark),
:root[color-theme='dark'] {
	#footer .info { font-weight:300}
}
#footer .copyright {
	display:flex; align-items: center; justify-content: space-between; width:100%; max-width:1200px; margin:0 auto;
	line-height:1; font-size:.85em;  padding:30px 0; margin-top:40px;  border-top:var(--oday_listBorder);
	opacity:.8;
}
.templatepage.vpage { padding:0 50px}
.templatepage.vboard .x  { padding:50px; border-radius:20px}
.templatepage.vboard,
.templatepage.vmeta { margin:0 auto; width:100%; }

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


#contents { padding:20px 10px 0 10px;  margin:0 auto; margin-bottom:50px;position: relative; }
.horizon { display:flex; justify-content: space-between; flex-wrap: wrap; }

@media screen and (max-width:768px){
	#contents {max-width:100% !important;  padding:10px 0 0 0; }
	.horizon {padding:0 1vw}

	#footer  { padding:50px 5vw 0px 5vw}
	.nav_footer > ul {flex-wrap: wrap !important; justify-content: space-between; }
	.nav_footer > ul > li { width:50%; margin:0 !important; padding-bottom: 20px;}
	.nav_footer .depth2 { padding-left:5px;}
	#footer > * + * { margin-top:30px !important; padding-top:30px !important; border-top:var(--oday_listBorder)}
	#footer > .nav_footer + .comsummury {margin-top:0 !important;}
	.gototop { bottom:9px; right:10px; }
	.gototop a { height:var(--oday_sideNaviBtnWidth); width:var(--oday_sideNaviBtnWidth); }
	.templatepage.vpage { padding:0px}
	.templatepage.vboard .x  { padding:10px; border-radius:20px}
	
}
.wrap_contentex { overflow:visible !important}
/* ˻ */
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;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    /* iPad  Ÿ */

	.vp,
	.vpwrap br  { display:none !important;  }
	.vm,
	.vmwrap br { display:inherit !important; }	
    :is(.color_scheme_dark), :root[color-theme='dark'] {
        --oday_gnbBgColorOpt: #000;
    }
	.gototop a { height:var(--oday_sideNaviBtnWidth); width:var(--oday_sideNaviBtnWidth); }
	#header .bxs-chevron-down { display:none !important;}
	#header {  height:var(--oday_gnbSize);  }
	.objHeader.start a.gbtn.gohome img {height:50%; max-width:200px}
	.objHeader a.gbtn { width: fit-content; min-width:var(--oday_gnbSize); font-size:12px; padding: 0 10px;}
	.objHeader a.gbtn .text {font-size: calc(var(--oday_gnbSize)* .3);}
	.objHeader a.gbtn i { font-size:1.5em}
	.objHeader a.gbtn i.bx-menu,
	.objHeader a.gbtn i.bx-x{ font-size:2.5em}
	.objHeader { justify-content: space-between; }
	.objHeader.start {box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5);}

	#header > ul {
		width:100%;
		height: -webkit-fill-available; 
		min-height: -webkit-fill-available;
		display: flex;
		flex-direction: column;
		justify-content: space-between;	
	}
	#header > ul > li  {width:100%;}
	#header .depth0 li {width:calc(100% / 3);}
	#header  .wrapNav {
		overflow-y: scroll;
		flex: auto;
		/*box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,.5);*/
	}
	#nav .subarrow { display:none; }
	#nav ul.depth0 {flex-wrap: wrap; justify-content: flex-start; flex-direction: unset;}
	#nav ul.depth2 {		
		position:relative; top:0;
		border:none; border-radius:0; box-shadow: unset; width:100%;
		display: flex; flex-direction: column; align-items: center;	
		border-top: var(--oday_gnbBorder);
		background-color: var(--oday_gnbBgColorDepth);
		transition: 0.3s;
		opacity:1;
		visibility: unset;
		transform: unset;
		max-height: unset;
		box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .3) !important;
	}
	#nav ul.depth2:before { display:none; z-index:0;}
	#nav ul.depth0 > li + li { margin-left:0;}
	#nav ul li.depth1 >  a {
			justify-content: flex-start; padding-left:20px;
			border-top:var(--oday_gnbBorder);
			height:calc(var(--oday_gnbSize) * 1); 
			font-size:16px;
			font-weight:600;
	}
	#nav ul li.depth1 ul.depth2 a { padding-left:40px; height:calc(var(--oday_gnbSize) * .5);   font-size:calc(var(--oday_gnbSize) * .2); font-weight:var(--oday_fw-medium);}
	#nav ul li.depth1 ul.depth3 a { padding-left:40px; height:calc(var(--oday_gnbSize) * .5);  font-size:calc(var(--oday_gnbSize) * .2); }
	#nav ul li.depth1 ul.depth4 a { padding-left:60px; height:calc(var(--oday_gnbSize) * .5);  font-size:calc(var(--oday_gnbSize) * .2); }
	#nav ul li.depth1 ul.depth5 a { padding-left:80px; height:calc(var(--oday_gnbSize) * .5);  font-size:calc(var(--oday_gnbSize) * .2); }
	.objHeader .fl_right { margin-left: auto; /*box-shadow:0 0 10px 2px rgba(0,0,0,.8); z-index:1;*/}
	.objHeader.end div.loginP { display:none; }
	#header .meta_m { width:100%}
	#header .loginF { 
		position:relative; top:unset; right:unset; width:100%; z-index:unset;visibility: unset;
		transform: unset; display:none;
		padding:15px 20px;	
		box-shadow: 0 0 5px 0px rgba(0, 0, 0, .5);
	}
	#header .loginF:before {display:none;}	
	#header .loginF > li {white-space: nowrap;  width: 100%;  justify-content: center;}
	#header .loginF > li + li { margin-top:15px; padding-top:15px; margin-left: 0; border-top:var(--oday_listBorder);}
	#header .loginF .obtn + .obtn { margin-left:10px;}
	.objHeader .profile { 
	width:calc(var(--oday_gnbHeight) * .7); height:calc(var(--oday_gnbHeight) * .7); border-radius:100%;
	}
	#header.gnbShow {  height: 100%; min-height: -webkit-fill-available;padding-bottom:0; display: flex; flex-direction: column; justify-content: space-between;}
	.objHeader a.viewgnb { display:flex; }
	#header.gnbShow .objHeader a.viewgnb,
	#header.gnbShow .objHeader a.closegnb.end { display:none;}
	#header.gnbShow .objHeader a.closegnb,
	#header.gnbShow .loginF{ display:flex; justify-content: center; padding:15px 0}
	.setBoxlist { margin-right: unset; }
	
	#header:hover + .header_bg {visibility:hidden; opacity:0; }
	
	.nav_footer > ul > li {
        width: 33.333333%;
        margin: 0 !important;
        padding-bottom: 20px;
    }
}

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

		

//////////*/
/*  */
.xe-widget-wrapper + .xe-widget-wrapper,
.xe-widget-wrapper + .banner_main,
.banner_main + .xe-widget-wrapper { margin-top: 5px; }
.widget_wrap { position: relative; border-radius: 8px; overflow: hidden; border: var(--oday_listBorderDown); padding: 15px 20px 10px 20px; margin-bottom: 10px; background-color: var(--oday_listBgColor); box-shadow: var(--oday_listShadowDown);}
.banner_main { display:flex; justify-content: center; flex-wrap: wrap; }
.banner_main a { border: var(--oday_listBorder);  background-color: var(--oday_listBgColor); box-shadow: var(--oday_listShadow); padding: 15px 20px 15px 20px; position:relative; overflow:hidden;
display:flex; align-items: center; flex-grow: 1; flex-basis: 250px; flex-shrink: 1; 
min-width:250px; min-height:80px; max-width:100%; line-height:1;  margin:1px;
background-position: center; background-size: cover; background-repeat: no-repeat;
}
.wing-right .banner_main a { min-width:unset; }
.banner_main a i.bx { font-size:2em; margin-right:10px; /*background-color:var(--oday_mainColor); color:#fff; border-radius:100%; width:40px; height:40px;*/  display:flex; justify-content: center;  align-items: center; }
.banner_main a h3 { font-weight:900; font-size: 1.2em;}
.banner_main a span { display:block; font-size:.9em; margin-top:4px; font-weight:400}
.banner_main a img {  max-height:25px; max-width:100%;}
.banner_main i.bx,
.banner_main .title { position:relative; z-index:2; line-height:1 }
.banner_main a .cover { position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode: multiply; z-index:1; }

:where(.wing-left, .wing-right) .banner_main { padding:0 0 10px 0}
:where(.wing-left, .wing-right) .banner_main a { padding: 10px 20px 8px 20px; min-height:60px;  }
.snb .banner_main a h3 { font-weight:900; font-size: 1em;}
.snb .banner_main a span { font-size:.8em; margin-top:2px }
.snb .banner_main a i.bx { font-size:1.5em; }
.snb .banner_main a img {  max-height:26px;}

/*  Խ  ũ  */
.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 .pageTitle { text-align:center; font-size:3em;font-weight:700; margin:0 0 .6em 0; }

.nav.nav-tabs { top:58px !important}
.snbwrap { position:relative; }
.snbwrap.fix { position:sticky; top:80px; }
.sticky_menu { position: absolute; display:flex; align-items: center;justify-content: center; font-size:.8em; z-index:2;top:5px; right:5px; opacity:.2; transition:.3s}
.sticky_menu label { padding-right:2px;}
.sticky_menu:hover {opacity:1}
@media screen and (max-width:768px){
	.pagelocation { font-size:1.4em;}
	.banner_main a { width:calc(50% - 2px);  padding: 15px 0px 15px 20px;}	
	.nav.nav-tabs { top:0 !important; margin-bottom:0 !important; padding-bottom:0 !important}
	.nav.nav-tabs li { height:30px !important; }
	.nav.nav-tabs:after { display:none !important;}
}

/* Original file: modules/elkhabook/skins/OrangeDay_elkhabook/style.css */

:root {
	--mb_profile_size : 200px;
	--mb_profile_size2 : 40px;
}
.pagelocation { display:none}
.whoiam {
/*
    border: var(--oday_listBorder);
    background-color: var(--oday_listBgColor);
    border-radius: calc(var(--oday_listBorderRadius) * 2);
    padding: var(--oday_sideGap);
*/
    width: calc(100% - 20px);
    margin: 0 auto;
	display: flex;
	position:relative;
}
.whoiam.me { padding:80px 50px; margin-top:10px; transition:.3s}
.whoiam + .whoiam { margin-top:10px;}
.whoiam > li { display: flex;}
.whoiam > li.left {flex-direction: column; align-items: center; flex-wrap: wrap; position:relative;}
.whoiam > li.left div.lv { position: absolute; right:-5px; top:calc(var(--mb_profile_size) - 65px); 
	display:flex; justify-content: center; align-items: center;
	width:60px; height:60px;  border-radius:100%;
	background-color: var(--oday_listBgColor);
	box-shadow:var(--oday_listShadow);
}
.whoiam > li.left div.lv span { font-size:2em; font-weight:700; margin-left:2px; color:var(--oday_mainColor);}

.whoiam > li.left div.group { margin-top:30px;}
.whoiam > li.left div.group span { border-radius:5px; border:var(--oday_listBorderMain); padding:6px; background-color: var(--oday_mainColor); color: var(--oday_primaryBtnColor); font-weight:400; font-size:.9em;}

.whoiam > li.right { padding-left:50px; align-items: flex-start; flex-direction: column; justify-content: center; width: -webkit-fill-available; } 
.whoiam > li.right > ul { width:100%}
.whoiam > li.right > ul li.friend { display:none; }
.whoiam .btn_view_follow { position:absolute; top:40px; right:40px; box-shadow:none !important; }
.whoiam .pack { display:flex; align-items: center; }

.whoiam .tooltip-follow { display:flex; align-items: center; justify-content: center; background-color: var(--oday_mainColor); color: var(--oday_primaryBtnColor); padding:0 12px; font-size:1em;  height:26px; border-radius: 8px; line-height:1; margin-left:10px;}
.whoiam .tooltip-follow .follow_count {display:none}
.whoiam .tooltip-follow.on {background-color: var(--oday_mainColorOpt2); }
.whoiam .profile { border-radius:100%;  width:var(--mb_profile_size); height:var(--mb_profile_size); display:flex; justify-content: center; align-items: center;font-size: calc(var(--mb_profile_size) * .5); background-color:var(--oday_metaBgColor); color:var(--oday_metaColor)}
.whoiam .name { font-size:2.5em; display:block; font-weight:700; line-height:1; color:var(--oday_fontColor);  }

.whoiam .date { margin-top:20px;  font-size:1em; display:flex; }
.whoiam .date + .date {margin-top:8px; }
.whoiam .date .title { font-weight:700; margin-right:10px; opacity:1 }
.whoiam .date .num + .title { margin-left:20px;}
.whoiam .date .nickhistory { display: flex; flex-direction: row-reverse; margin-left:5px }
.whoiam .date .nickhistory li {display:flex; align-items: center;}
.whoiam .date .nickhistory li i { font-size:.6em; margin:0 5px; color: var(--oday_mainColor);}
.whoiam .date .nickhistory li:last-child i {display:none;}
.whoiam .log_date { opacity:.4; margin-left:5px} 
.whoiam .signature { margin-top:20px; line-height:1.4; opacity:.8; }
.whoiam .signature li { padding:5px}

.stext { width:100%; margin-top:20px; }
.exp-graph { position:relative; background-color:var(--oday_listBgColorDown2); height:6px; border-radius:15px; overflow:hidden}
.exp-graph div { position:absolute; top:0; left:0; height:100%; background-color:color-mix(in srgb, var(--oday_mainColor), transparent 50%);}
.exp-sum { margin-top:8px; width:100%; letter-spacing:.5px; font-size:.9em;  line-height:1.4}
.exp-sum span { font-weight:600; color:var(--oday_mainColor); }

.whoiam .link { margin-top:5px; font-size:.85em; }
.whoiam .link * + * { margin-left:5px;}

.whoiam .follow { font-size:1.2em; margin:20px 0 0 0; display:flex; align-items: center; line-height: 1; }
.whoiam .follow span { display:flex; align-items: center; line-height: 1;}
.whoiam .follow > span +  span { margin-left:15px;}
.whoiam .follow .num { font-weight:600; color:var(--oday_mainColor); margin-left:5px;}
.whoiam .follow i.bx { font-size:1em; margin-right:4px; color:var(--oday_mainColorOpt)}

.friend .group + .group { margin-top:20px; }
.friend .group .title  {margin-bottom:10px; font-weight: 600;}
.friend .group .title span { font-weight: 600; color: var(--oday_mainColor);}
.friend .group .list { display:flex; }
.friend .group .list a {  margin-bottom:10px}
.friend .group .list a + a { margin-left:5px;}
.friend .group .list a.more {background-color:var(--oday_listBgColorUp1); color:var(--oday_mainColor) }
.friend .group .list a em { width: var(--mb_profile_size2); overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis; margin-top:3px; font-size:.85em; text-align: center;}
.whoiam .profile2 { border-radius:100%;  width:var(--mb_profile_size2); height:var(--mb_profile_size2); display:flex; justify-content: center; align-items: center;font-size: calc(var(--mb_profile_size2) * .5); background-color:var(--oday_metaBgColor); color:var(--oday_metaColor); box-shadow:var(--oday_listShadowR)}

/*
.whoiam.friend li { flex-direction: column;}
.whoiam.friend li > * + * { margin-top:20px;}
.whoiam .profile2 { border-radius:100%;  width:var(--mb_profile_size2); height:var(--mb_profile_size2); display:flex; justify-content: center; align-items: center;font-size: calc(var(--mb_profile_size2) * .5); background-color:var(--oday_metaBgColor); color:var(--oday_metaColor); box-shadow:var(--oday_listShadowR)}
.whoiam.friend .group .title {margin-bottom:10px;}
.whoiam.friend .group .title span {font-weight: 600; color: var(--oday_mainColor);}
.whoiam.friend .group .list { display:flex; flex-wrap: wrap; padding-left:5px; }
.whoiam.friend .group .list a { margin-left:-5px; margin-bottom:10px}
.whoiam.friend .group .list a.more {background-color:var(--oday_listBgColorUp1); color:var(--oday_mainColor) }
*/

.elkhabook.whoiam{ flex-direction: column; padding: 0 0 40px 0; overflow:hidden;
    border: var(--oday_listBorder);
    background-color: var(--oday_listBgColor);
    border-radius: calc(var(--oday_listBorderRadius) * 2);
}
.btn_navi { flex-shrink: 0; width: 100%; display: flex; justify-content: center; }
.btn_navi a { font-size:1em; width: fit-content; font-weight:600; display:flex; justify-content: center; align-items: center; color:var(--oday_fontColor); opacity:.4;
    width: 50%;
	padding:20px 0;
    border-bottom: var(--oday_listBorder);
	background-color:var(--oday_listBgColorDown2);
}
.btn_navi a:active, 
.btn_navi a:focus, 
.btn_navi a:hover {color:var(--oday_fontColor)}
.btn_navi a.active { opacity:1; border-bottom-color: var(--oday_listBgColor); background-color:transparent }
.btn_navi a i { font-size:1.4em; margin-right:5px}
.btn_navi a + a {border-left: var(--oday_listBorder);}
.getElkhabookList { display:flex;     flex-wrap: wrap; width:100% ;}
.getElkhabookList .docs { width:-webkit-fill-available; font-size:var(--oday_fontSize)}
.getElkhabookList .docs + .docs { margin-left:50px; width:50%;}
.getElkhabookList .more {  font-size:1.4em; padding:20px 0; display: flex;justify-content: center;position: sticky;    bottom: -1px; border-top:var(--oday_listBorder); background-color:var(--oday_listBgColor)}
.getElkhabookList .more a {   } 

.getElkhabookList .more i { font-size:1.4em}
.getElkhabookList .more > * {padding:6px; display:flex; justify-content: center; align-items: center; }
.getElkhabookList .more > * + * { margin-left:10px;}
.getElkhabookList #medoc {display:flex; flex-wrap: wrap;border-top:var(--oday _listBorder); padding:2px}
.getElkhabookList #medoc li { padding:20px ; flex-basis: 400px; flex-grow: 1; flex-shrink: 1;  border-bottom:var(--oday _listBorder);}
.getElkhabookList #medoc li {  border:var(--oday_listBorderUp2); margin:2px; border-radius:10px; box-shadow:var(--oday_listShadow); }
.getElkhabookList img {float:left; margin:0 15px 15px 0; border-radius:10px; border:var(--oday_listBorder); }
.getElkhabookList h3.hx {padding:30px 0; font-size:1.2em; text-align: center; }
.getElkhabookList h3.hx:has(+ .doc_types) {padding-bottom:0}
.getElkhabookList h4.hx { font-size:1em; font-weight:var(--oday_fw-medium); line-height:1.4}
.getElkhabookList h4.hx a { word-break: break-all; }
.getElkhabookList .icon-comment h4.hx a,
.getElkhabookList .icon-comment .regdate { padding-left:15px; display:block;}
.getElkhabookList a.category {  font-size:.8em; display:block;  color:var(--oday_mainColor)}
.getElkhabookList a.title { font-size:1.1em; font-weight:400}
.getElkhabookList a.comment { font-size:1em; font-weight:400}
.getElkhabookList .left { display:flex; align-items: center; line-height: 1; padding-top:15px; font-size:.82em;  }
.getElkhabookList .regdate { opacity:.6; margin-right:20px; line-height: 1;}
.getElkhabookList .p { font-size:.9em; padding-top:10px; line-height:1.4; opacity:.6; word-break: break-all;}
.getElkhabookList .pinfo { display:flex; align-items: center; line-height: 1; padding-top:0; font-weight:600; color:var(--oday_mainColor); opacity:1;} 
.getElkhabookList .pinfo > * + * { margin-left:10px; }
.getElkhabookList .pinfo i { opacity:.4; margin-right:2px; font-size:1.4em}

.getElkhabookList .icon-comment p { padding:10px 15px; margin-bottom:15px; border-radius:5px; border:var(--oday_listBorder); position: relative; background-color: var(--oday_listBgColorDown); opacity:1}
.getElkhabookList .icon-comment p:after {
	content: "";
    position: absolute;
    left: 15px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	background-color: var(--oday_listBgColorDown);
	border-right: var(--oday_listBorder) !important;
    border-bottom: var(--oday_listBorder) !important;
}
.getElkhabookList .icon-comment p a { overflow: hidden; white-space:  ; display: block; text-overflow: ellipsis;}
.getElkhabookList .icon-comment p a:first-child { font-size:.85em; display:block; }

.infinity-btn-box { display:flex; justify-content: center; width: 100%;   padding:40px 0 0 0 }
.page-load-status  { display:block; width: 100%; padding:40px 0 0 0  }
.page-load-status p {display: block; border: var(--oday_btnBorder); padding: 10px 20px;  border-radius: 50px; width: fit-content; margin: 0 auto; }

.elkhabook .msg { display:flex; flex-direction: column; align-items: center; justify-content: center;  font-size:1.5em; height:150px; margin-top:50px}
.elkhabook .msg span { margin-top:5px;  font-size:.7em; }
.elkhabook .msg span em { color:var(--oday_mainColor); font-weight:700}

.getElkhabookList .doc.no_permission { font-size:.9em; }
.getElkhabookList .doc.no_permission i { color:var(--oday_mainColorOpt) }

.elkhabook .docs .li.doc_types { position:relative; display:flex;justify-content: center; align-items: center; height:50px;  font-size:.85em; line-height: 1;} 
.elkhabook .docs .li.doc_types > span { margin-right:2px; }
.elkhabook .docs .li.doc_types > span.permission {font-size:1em; font-weight:600; background-color:var(--oday_mainColor); color:var(--oday_primaryBtnColor); padding:5px; border-radius:4px; margin-right:10px;}
.elkhabook .docs .li.doc_types ul { display:flex; letter-spacing:-1px; }
.elkhabook .docs .li.doc_types ul li + li { margin-left:2px;}
.elkhabook .docs .li.doc_types ul li { padding:5px; border:var(--oday_listBorder); border-radius:4px; }

@media screen and (max-width:1000px){
	.whoiam.elkhabook { border-radius:var(--oday_listBorderRadius); width:100%;}
	.whoiam.me { padding: var(--oday_sideGap); flex-direction: column;}

	.whoiam > li.left div.lv { right:calc(48% - (var(--mb_profile_size) * .5))}
	.whoiam > li.right {position: relative;  padding-left:0; margin-top:30px; }
	.whoiam > li.right > ul { width:100%}
	.whoiam .btn_view_follow { top:0px; right:0px;}
	.whoiam .follow { font-size:1em}


	
}