@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: common/css/xeicon/xeicon.min.css */ @font-face{font-family:xeicon;src:url("../../../../common/css/xeicon/fonts/xeicon.eot?v=1.0.4");src:url("../../../../common/css/xeicon/fonts/xeicon.eot?#iefix&v=1.0.4")format('embedded-opentype'),url("../../../../common/css/xeicon/fonts/xeicon.woff2?v=1.0.4")format('woff2'),url("../../../../common/css/xeicon/fonts/xeicon.woff?v=1.0.4")format('woff'),url("../../../../common/css/xeicon/fonts/xeicon.ttf?v=1.0.4")format('truetype'),url("../../../../common/css/xeicon/fonts/xeicon.svg?v=1.0.4#xeicon")format('svg');font-weight:400;font-style:normal}i.xi,i[class^="xi-"],i[class*=" xi-"]{display:inline-block;font-family:xeicon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.xi-home:before{content:"\e606"}.xi-bars:before{content:"\e607"}.xi-plus:before{content:"\e603"}.xi-plus-circle:before{content:"\e611"}.xi-plus-square:before{content:"\e612"}.xi-minus:before{content:"\e613"}.xi-minus-circle:before{content:"\e614"}.xi-minus-square:before{content:"\e615"}.xi-close:before{content:"\e616"}.xi-close-circle:before{content:"\e617"}.xi-close-square:before{content:"\e618"}.xi-angle-left:before{content:"\e60b"}.xi-left-circle:before{content:"\e61a"}.xi-left-square:before{content:"\e61b"}.xi-angle-right:before{content:"\e60d"}.xi-right-circle:before{content:"\e61d"}.xi-right-square:before{content:"\e61e"}.xi-angle-up:before{content:"\e60e"}.xi-up-circle:before{content:"\e620"}.xi-up-square:before{content:"\e621"}.xi-angle-down:before{content:"\e619"}.xi-down-circle:before{content:"\e623"}.xi-down-square:before{content:"\e624"}.xi-arrow-left:before{content:"\e625"}.xi-arrow-right:before{content:"\e626"}.xi-arrow-up:before{content:"\e627"}.xi-arrow-down:before{content:"\e628"}.xi-angle-double-left:before{content:"\e629"}.xi-angle-double-right:before{content:"\e62a"}.xi-angle-double-up:before{content:"\e62b"}.xi-angle-double-down:before{content:"\e62c"}.xi-caret-left:before{content:"\e62d"}.xi-caret-left-circle:before{content:"\e62e"}.xi-caret-left-square:before{content:"\e62f"}.xi-caret-right:before{content:"\e630"}.xi-caret-right-circle:before{content:"\e631"}.xi-caret-right-square:before{content:"\e632"}.xi-caret-up:before{content:"\e633"}.xi-caret-up-circle:before{content:"\e634"}.xi-caret-up-square:before{content:"\e635"}.xi-caret-down:before{content:"\e636"}.xi-caret-down-circle:before{content:"\e637"}.xi-caret-down-square:before{content:"\e638"}.xi-arrows:before{content:"\e639"}.xi-arrows-alt:before{content:"\e63a"}.xi-expand-square:before{content:"\e61c"}.xi-compress-square:before{content:"\e63c"}.xi-arrows-h:before{content:"\e63e"}.xi-arrows-v:before{content:"\e63f"}.xi-expand:before{content:"\e640"}.xi-compress:before{content:"\e641"}.xi-refresh:before{content:"\e642"}.xi-power-off:before{content:"\e643"}.xi-alt:before{content:"\e644"}.xi-command:before{content:"\e645"}.xi-esc:before{content:"\e646"}.xi-eye:before{content:"\e64a"}.xi-eye-slash:before{content:"\e61f"}.xi-toggle:before{content:"\e647"}.xi-toggle-off:before{content:"\e648"}.xi-toggle-on:before{content:"\e649"}.xi-ellipsis-h:before{content:"\e64b"}.xi-ellipsis-v:before{content:"\e64c"}.xi-link:before{content:"\e600"}.xi-link-l:before{content:"\e601"}.xi-unlink:before{content:"\e602"}.xi-download-circle:before{content:"\e64d"}.xi-upload-circle:before{content:"\e650"}.xi-download:before{content:"\e651"}.xi-upload:before{content:"\e652"}.xi-download-disk:before{content:"\e653"}.xi-upload-disk:before{content:"\e654"}.xi-archive:before{content:"\e655"}.xi-download-my:before{content:"\e656"}.xi-download-bottom:before{content:"\e657"}.xi-download-caret:before{content:"\e658"}.xi-cloud:before{content:"\e659"}.xi-cloud-upload:before{content:"\e65a"}.xi-cloud-download:before{content:"\e65b"}.xi-upload-square:before{content:"\e65d"}.xi-download-square:before{content:"\e622"}.xi-share2:before{content:"\e64e"}.xi-share-l:before{content:"\e64f"}.xi-share-alt:before{content:"\e65f"}.xi-share-arrow-alt:before{content:"\e661"}.xi-cloud-minus:before{content:"\e663"}.xi-external-share:before{content:"\e664"}.xi-external-link:before{content:"\e665"}.xi-rss-square:before{content:"\e666"}.xi-code-fork:before{content:"\e667"}.xi-sitemap:before{content:"\e65c"}.xi-wifi-router:before{content:"\e668"}.xi-wifi:before{content:"\e669"}.xi-signal:before{content:"\e66a"}.xi-antenna:before{content:"\e660"}.xi-marquee-add:before{content:"\e66e"}.xi-marquee-remove:before{content:"\e66f"}.xi-exchange:before{content:"\e670"}.xi-repeat:before{content:"\e671"}.xi-pen:before{content:"\e673"}.xi-eraser:before{content:"\e674"}.xi-magnifier:before{content:"\e63b"}.xi-magnifier-expand:before{content:"\e63d"}.xi-magnifier-reduce:before{content:"\e65e"}.xi-trash:before{content:"\e662"}.xi-scissors:before{content:"\e675"}.xi-pin:before{content:"\e678"}.xi-clip:before{content:"\e679"}.xi-key:before{content:"\e683"}.xi-slip-tongs:before{content:"\e684"}.xi-lock:before{content:"\e66b"}.xi-unlock:before{content:"\e66c"}.xi-target:before{content:"\e68f"}.xi-paper:before{content:"\e604"}.xi-stack-paper:before{content:"\e605"}.xi-pen-point:before{content:"\e67a"}.xi-pencil-point:before{content:"\e67b"}.xi-brush-point:before{content:"\e67c"}.xi-magnet:before{content:"\e67d"}.xi-cube:before{content:"\e67e"}.xi-type:before{content:"\e66d"}.xi-paint-brush:before{content:"\e672"}.xi-paint-bucket:before{content:"\e676"}.xi-crop:before{content:"\e677"}.xi-marquee:before{content:"\e685"}.xi-color:before{content:"\e687"}.xi-rgb:before{content:"\e67f"}.xi-ruler:before{content:"\e68c"}.xi-ruler-triangle:before{content:"\e680"}.xi-magic:before{content:"\e68d"}.xi-eyedropper:before{content:"\e681"}.xi-canvas:before{content:"\e682"}.xi-cog:before{content:"\e686"}.xi-wrench:before{content:"\e68b"}.xi-align-justify:before{content:"\e690"}.xi-align-left:before{content:"\e691"}.xi-align-center:before{content:"\e692"}.xi-align-right:before{content:"\e693"}.xi-layout-full:before{content:"\e694"}.xi-layout-side-left:before{content:"\e695"}.xi-layout-side-right:before{content:"\e696"}.xi-layout-left-mid:before{content:"\e6a1"}.xi-layout-center:before{content:"\e6a7"}.xi-layout-side-three:before{content:"\e6ac"}.xi-layout-grid:before{content:"\e697"}.xi-layout-top:before{content:"\e698"}.xi-layout-top-left:before{content:"\e699"}.xi-layout-top-grid:before{content:"\e69a"}.xi-layout-top-three:before{content:"\e6ad"}.xi-layout-top-center:before{content:"\e69b"}.xi-layout-top-left-mid:before{content:"\e69c"}.xi-layout-top-right:before{content:"\e69d"}.xi-bold:before{content:"\e69e"}.xi-underline:before{content:"\e69f"}.xi-italic:before{content:"\e6a0"}.xi-caps:before{content:"\e6ae"}.xi-strikethrough:before{content:"\e6a2"}.xi-paragraph:before{content:"\e6a3"}.xi-list-ul:before{content:"\e6a4"}.xi-list-ul-square:before{content:"\e6a5"}.xi-list-ol:before{content:"\e6a6"}.xi-list-ul-l:before{content:"\e6af"}.xi-indent:before{content:"\e6a8"}.xi-indent-arrow:before{content:"\e6a9"}.xi-dedent:before{content:"\e6aa"}.xi-dedent-arrow:before{content:"\e6ab"}.xi-contents-right:before{content:"\e6b0"}.xi-contents-left:before{content:"\e6b1"}.xi-contents-grid:before{content:"\e6b2"}.xi-lineheight-plus:before{content:"\e6b4"}.xi-lineheight-minus:before{content:"\e6b5"}.xi-lineheight:before{content:"\e688"}.xi-code:before{content:"\e689"}.xi-rotate-right:before{content:"\e6b8"}.xi-rotate-left:before{content:"\e6b9"}.xi-user:before{content:"\e68a"}.xi-user-plus:before{content:"\e68e"}.xi-user-minus:before{content:"\e6b3"}.xi-user-check:before{content:"\e6b6"}.xi-user-circle:before{content:"\e6b7"}.xi-user-info:before{content:"\e6ba"}.xi-user-add:before{content:"\e6bb"}.xi-users:before{content:"\e6c0"}.xi-user-folder:before{content:"\e6c4"}.xi-user-address:before{content:"\e6c5"}.xi-user-lock:before{content:"\e6c6"}.xi-female:before{content:"\e6c7"}.xi-male:before{content:"\e6c8"}.xi-gender:before{content:"\e6c9"}.xi-woman:before{content:"\e6bc"}.xi-man:before{content:"\e6bd"}.xi-toilet:before{content:"\e6be"}.xi-love:before{content:"\e6bf"}.xi-handshake:before{content:"\e6c1"}.xi-meeting:before{content:"\e6c2"}.xi-community:before{content:"\e6c3"}.xi-family:before{content:"\e6ca"}.xi-lecture:before{content:"\e6cb"}.xi-maternity:before{content:"\e6cd"}.xi-baby:before{content:"\e6cf"}.xi-wheelchair:before{content:"\e6d0"}.xi-collaboration:before{content:"\e6d3"}.xi-envelope:before{content:"\e6cc"}.xi-letter:before{content:"\e6ce"}.xi-postcard:before{content:"\e6d4"}.xi-envelope-open:before{content:"\e6d1"}.xi-at:before{content:"\e6d2"}.xi-postbox:before{content:"\e6d6"}.xi-reply:before{content:"\e6d7"}.xi-reply-all:before{content:"\e6d8"}.xi-reply-l:before{content:"\e6d9"}.xi-reply-all-l:before{content:"\e6da"}.xi-paper-plane:before{content:"\e6d5"}.xi-refresh-l:before{content:"\e6db"}.xi-undo:before{content:"\e6dc"}.xi-chat:before{content:"\e6dd"}.xi-message:before{content:"\e6de"}.xi-message-list:before{content:"\e6df"}.xi-comment:before{content:"\e6eb"}.xi-comments:before{content:"\e6ec"}.xi-note:before{content:"\e6ed"}.xi-smiley-face:before{content:"\e6ee"}.xi-neutral-face:before{content:"\e6ef"}.xi-sad-face:before{content:"\e6f0"}.xi-happy-face:before{content:"\e6f1"}.xi-lol-face:before{content:"\e6f2"}.xi-dead-face:before{content:"\e6f3"}.xi-angry-face:before{content:"\e6f4"}.xi-confused-face:before{content:"\e6f7"}.xi-wink-face:before{content:"\e6f9"}.xi-lips-sealed-face:before{content:"\e6fa"}.xi-thumbs-up:before{content:"\e6fc"}.xi-thumbs-down:before{content:"\e6fd"}.xi-star:before{content:"\e6fe"}.xi-heart:before{content:"\e6ff"}.xi-badge:before{content:"\e700"}.xi-medal:before{content:"\e701"}.xi-trophy:before{content:"\e753"}.xi-present:before{content:"\e755"}.xi-tag:before{content:"\e70a"}.xi-tags:before{content:"\e70b"}.xi-flag-triangle:before{content:"\e70c"}.xi-bookmark:before{content:"\e70d"}.xi-book-spread:before{content:"\e70e"}.xi-book:before{content:"\e70f"}.xi-tagged-book:before{content:"\e710"}.xi-crown:before{content:"\e711"}.xi-check:before{content:"\e6e0"}.xi-check-box:before{content:"\e6e1"}.xi-check-boxout:before{content:"\e6e2"}.xi-check-circle:before{content:"\e6e3"}.xi-check-circleout:before{content:"\e6e4"}.xi-check-shield:before{content:"\e6e5"}.xi-check-shieldout:before{content:"\e6e6"}.xi-check-comment:before{content:"\e6e8"}.xi-check-commentout:before{content:"\e6e7"}.xi-check-home-o:before{content:"\e712"}.xi-check-home:before{content:"\e6e9"}.xi-check-homeout:before{content:"\e6ea"}.xi-form:before{content:"\e713"}.xi-form-check:before{content:"\e714"}.xi-form-checkout:before{content:"\e715"}.xi-notice:before{content:"\e608"}.xi-announce:before{content:"\e609"}.xi-slash-circle:before{content:"\e60a"}.xi-ban-circle:before{content:"\e716"}.xi-ban-square:before{content:"\e717"}.xi-unknown-square:before{content:"\e718"}.xi-unknown-circle:before{content:"\e719"}.xi-rollback:before{content:"\e6f5"}.xi-rollback-circle:before{content:"\e6f6"}.xi-info-circle:before{content:"\e71a"}.xi-info-suqare:before{content:"\e71b"}.xi-info-triangle:before{content:"\e6f8"}.xi-new:before{content:"\e71e"}.xi-update:before{content:"\e725"}.xi-information-square:before{content:"\e726"}.xi-information-circle:before{content:"\e727"}.xi-help:before{content:"\e6fb"}.xi-skull:before{content:"\e728"}.xi-image:before{content:"\e729"}.xi-images:before{content:"\e72b"}.xi-camera:before{content:"\e72c"}.xi-camera-round:before{content:"\e702"}.xi-camera-retro:before{content:"\e703"}.xi-cameracorder:before{content:"\e704"}.xi-shutter:before{content:"\e72d"}.xi-shuffle:before{content:"\e60c"}.xi-step-backward:before{content:"\e705"}.xi-step-forward:before{content:"\e706"}.xi-pause:before{content:"\e72e"}.xi-fast-backward:before{content:"\e707"}.xi-fast-forward:before{content:"\e708"}.xi-eject:before{content:"\e72f"}.xi-stop:before{content:"\e709"}.xi-record:before{content:"\e71c"}.xi-play:before{content:"\e71d"}.xi-forward:before{content:"\e71f"}.xi-backward:before{content:"\e720"}.xi-pause-o:before{content:"\e721"}.xi-step-forward-o:before{content:"\e722"}.xi-step-backward-o:before{content:"\e723"}.xi-eject-o:before{content:"\e724"}.xi-video-camera:before{content:"\e72a"}.xi-movie:before{content:"\e730"}.xi-cine-camera:before{content:"\e731"}.xi-video-call:before{content:"\e732"}.xi-film:before{content:"\e733"}.xi-volume-circle:before{content:"\e738"}.xi-volume-off-circle:before{content:"\e734"}.xi-volume:before{content:"\e735"}.xi-volume-min:before{content:"\e73c"}.xi-volume-mid:before{content:"\e73b"}.xi-volume-max:before{content:"\e73a"}.xi-volume-plus:before{content:"\e73d"}.xi-volume-minus:before{content:"\e73e"}.xi-volume-slash:before{content:"\e73f"}.xi-volume-off:before{content:"\e740"}.xi-headset:before{content:"\e736"}.xi-microphone:before{content:"\e737"}.xi-microphone-slash:before{content:"\e739"}.xi-stand-mic:before{content:"\e741"}.xi-dynamic-mic:before{content:"\e742"}.xi-volume-bar:before{content:"\e743"}.xi-music:before{content:"\e744"}.xi-music-scale:before{content:"\e74f"}.xi-speaker:before{content:"\e745"}.xi-record-play:before{content:"\e746"}.xi-music-keyboard:before{content:"\e748"}.xi-adult:before{content:"\e749"}.xi-marker:before{content:"\e60f"}.xi-marker-circle:before{content:"\e763"}.xi-marker-plus:before{content:"\e764"}.xi-marker-minus:before{content:"\e765"}.xi-marker-multiply:before{content:"\e766"}.xi-pin-circle:before{content:"\e767"}.xi-pin-plus:before{content:"\e768"}.xi-pin-minus:before{content:"\e769"}.xi-pin-multiply:before{content:"\e76a"}.xi-map-marker:before{content:"\e74a"}.xi-map-folding:before{content:"\e770"}.xi-location-arrow:before{content:"\e771"}.xi-compass:before{content:"\e74b"}.xi-gps:before{content:"\e774"}.xi-flag-wind:before{content:"\e74e"}.xi-flag:before{content:"\e750"}.xi-flag-line:before{content:"\e751"}.xi-car:before{content:"\e752"}.xi-bus:before{content:"\e754"}.xi-taxi:before{content:"\e756"}.xi-subway:before{content:"\e757"}.xi-ship:before{content:"\e758"}.xi-scooter:before{content:"\e759"}.xi-bike:before{content:"\e75a"}.xi-ambulance:before{content:"\e75b"}.xi-truck:before{content:"\e75c"}.xi-flight:before{content:"\e75d"}.xi-automobile:before{content:"\e75e"}.xi-walking:before{content:"\e75f"}.xi-bicycle:before{content:"\e760"}.xi-motorbike:before{content:"\e761"}.xi-cruise:before{content:"\e762"}.xi-bus-side:before{content:"\e76b"}.xi-train:before{content:"\e76c"}.xi-helicopter:before{content:"\e76d"}.xi-shipping:before{content:"\e76e"}.xi-gas-station:before{content:"\e76f"}.xi-coffee:before{content:"\e772"}.xi-restaurants:before{content:"\e773"}.xi-florist:before{content:"\e775"}.xi-market:before{content:"\e776"}.xi-hlz:before{content:"\e777"}.xi-park:before{content:"\e778"}.xi-cake:before{content:"\e779"}.xi-cash-machine:before{content:"\e77a"}.xi-gamepad:before{content:"\e77b"}.xi-hospital:before{content:"\e77c"}.xi-bank-o:before{content:"\e77e"}.xi-monitor:before{content:"\e77f"}.xi-laptop:before{content:"\e780"}.xi-pc:before{content:"\e781"}.xi-mobile:before{content:"\e782"}.xi-tablet:before{content:"\e783"}.xi-tv:before{content:"\e784"}.xi-mouse:before{content:"\e77d"}.xi-print:before{content:"\e785"}.xi-fax:before{content:"\e787"}.xi-battery-min:before{content:"\e788"}.xi-battery-mid:before{content:"\e78b"}.xi-battery-full:before{content:"\e78c"}.xi-keyboard:before{content:"\e78e"}.xi-telephone:before{content:"\e610"}.xi-phone:before{content:"\e78f"}.xi-ringing:before{content:"\e791"}.xi-missed:before{content:"\e793"}.xi-reception:before{content:"\e794"}.xi-outgoing:before{content:"\e795"}.xi-call-log:before{content:"\e796"}.xi-plug:before{content:"\e78d"}.xi-presentation:before{content:"\e797"}.xi-projector:before{content:"\e79b"}.xi-radio:before{content:"\e79c"}.xi-diskette:before{content:"\e786"}.xi-usb:before{content:"\e79d"}.xi-memorycard:before{content:"\e79e"}.xi-webcam:before{content:"\e79f"}.xi-cd-r:before{content:"\e789"}.xi-hdd:before{content:"\e78a"}.xi-line-sharer:before{content:"\e7a0"}.xi-tablet-pen:before{content:"\e7a1"}.xi-time:before{content:"\e790"}.xi-alarm-clock:before{content:"\e792"}.xi-timer:before{content:"\e7a2"}.xi-time-forward:before{content:"\e7a3"}.xi-time-back:before{content:"\e7a4"}.xi-bell:before{content:"\e798"}.xi-bell-ring:before{content:"\e799"}.xi-bell-slash:before{content:"\e79a"}.xi-sandwatch-min:before{content:"\e7a5"}.xi-sandwatch-mid:before{content:"\e7a6"}.xi-sandwatch-full:before{content:"\e7a7"}.xi-watch:before{content:"\e7a8"}.xi-calendar:before{content:"\e7a9"}.xi-calendar-o:before{content:"\e7aa"}.xi-calendar-month:before{content:"\e7ab"}.xi-calendar-week:before{content:"\e7ac"}.xi-calendar-add:before{content:"\e7ad"}.xi-calendar-remove:before{content:"\e7ae"}.xi-calendar-cancel:before{content:"\e7af"}.xi-calendar-check:before{content:"\e7b0"}.xi-file:before{content:"\e7b1"}.xi-file-add:before{content:"\e7b2"}.xi-file-remove:before{content:"\e7b3"}.xi-file-text:before{content:"\e7b4"}.xi-documents:before{content:"\e7b5"}.xi-file-image:before{content:"\e7b6"}.xi-file-movie:before{content:"\e7b7"}.xi-file-music:before{content:"\e7b8"}.xi-file-code:before{content:"\e7b9"}.xi-file-zip:before{content:"\e7ba"}.xi-file-excel:before{content:"\e7bb"}.xi-file-word:before{content:"\e7bc"}.xi-file-powerpoint:before{content:"\e7bd"}.xi-file-check:before{content:"\e7be"}.xi-file-upload:before{content:"\e7bf"}.xi-file-download:before{content:"\e7c0"}.xi-file-bookmark:before{content:"\e7c1"}.xi-folder:before{content:"\e7c2"}.xi-folder-open:before{content:"\e7c3"}.xi-folder-check:before{content:"\e7c4"}.xi-folder-plus:before{content:"\e7c5"}.xi-folder-remove:before{content:"\e7c6"}.xi-folder-upload:before{content:"\e7c7"}.xi-folder-download:before{content:"\e7c8"}.xi-folder-zip:before{content:"\e7c9"}.xi-windows:before{content:"\e7ca"}.xi-windows-text:before{content:"\e7cb"}.xi-windows-ban:before{content:"\e7cc"}.xi-windows-add:before{content:"\e7cd"}.xi-windows-remove:before{content:"\e7ce"}.xi-windows-check:before{content:"\e7cf"}.xi-windows-refresh:before{content:"\e7d0"}.xi-windows-search:before{content:"\e7d1"}.xi-windows-lock:before{content:"\e7d2"}.xi-computer-network:before{content:"\e7d3"}.xi-home-network:before{content:"\e7d4"}.xi-cloud-network:before{content:"\e7d5"}.xi-internet-network:before{content:"\e7d6"}.xi-server:before{content:"\e7d7"}.xi-server-folder:before{content:"\e7d8"}.xi-db-min:before{content:"\e7d9"}.xi-db-mid:before{content:"\e7da"}.xi-db-full:before{content:"\e7db"}.xi-db-pull:before{content:"\e7dc"}.xi-db-push:before{content:"\e7dd"}.xi-chart-bar:before{content:"\e7de"}.xi-rise:before{content:"\e7df"}.xi-decline:before{content:"\e7e0"}.xi-chart-circle:before{content:"\e7e1"}.xi-chart-donut:before{content:"\e7e2"}.xi-chart-pyramid:before{content:"\e7e3"}.xi-chart-line:before{content:"\e7e4"}.xi-chart-star:before{content:"\e7e5"}.xi-yuan:before{content:"\e7e6"}.xi-yen:before{content:"\e7e7"}.xi-pound:before{content:"\e7e8"}.xi-euro:before{content:"\e7e9"}.xi-won:before{content:"\e7ea"}.xi-dollar:before{content:"\e7eb"}.xi-peso:before{content:"\e7ec"}.xi-rupee:before{content:"\e7ed"}.xi-rial:before{content:"\e7ee"}.xi-credit-card:before{content:"\e7ef"}.xi-wallet:before{content:"\e7f0"}.xi-money:before{content:"\e7f3"}.xi-piggy-bank:before{content:"\e7f4"}.xi-strongbox:before{content:"\e7f5"}.xi-bank:before{content:"\e7f8"}.xi-briefcase:before{content:"\e7f9"}.xi-percent:before{content:"\e7fa"}.xi-calculator:before{content:"\e7fb"}.xi-payment:before{content:"\e7fc"}.xi-scales:before{content:"\e7fd"}.xi-cart:before{content:"\e7fe"}.xi-cart-add:before{content:"\e7ff"}.xi-cart-remove:before{content:"\e800"}.xi-shopping-bag:before{content:"\e801"}.xi-basket:before{content:"\e802"}.xi-barcode:before{content:"\e803"}.xi-box:before{content:"\e804"}.xi-fragile:before{content:"\e805"}.xi-hat:before{content:"\e806"}.xi-underwear:before{content:"\e807"}.xi-shirts:before{content:"\e808"}.xi-dress:before{content:"\e809"}.xi-sofa:before{content:"\e80a"}.xi-clothes:before{content:"\e80b"}.xi-barter:before{content:"\e80c"}.xi-shop:before{content:"\e80d"}.xi-shoes:before{content:"\e80e"}.xi-glasses:before{content:"\e80f"}.xi-ring:before{content:"\e810"}.xi-lipstick:before{content:"\e811"}.xi-toilet-paper:before{content:"\e812"}.xi-backpack:before{content:"\e813"}.xi-tent:before{content:"\e814"}.xi-sticker:before{content:"\e815"}.xi-coupon:before{content:"\e816"}.xi-feeding-bottle:before{content:"\e817"}.xi-apple:before{content:"\e818"}.xi-education:before{content:"\e84a"}.xi-qr-code:before{content:"\e857"}.xi-devices:before{content:"\e865"}.xi-html5:before{content:"\e866"}.xi-css3:before{content:"\e867"}.xi-ruby:before{content:"\e868"}.xi-radiation:before{content:"\e7f1"}.xi-rocket:before{content:"\e7f2"}.xi-satellite:before{content:"\e869"}.xi-atom:before{content:"\e86a"}.xi-shield:before{content:"\e86b"}.xi-globus:before{content:"\e7f6"}.xi-saturn:before{content:"\e86c"}.xi-network:before{content:"\e86d"}.xi-idea:before{content:"\e86e"}.xi-funnel:before{content:"\e7f7"}.xi-chip:before{content:"\e86f"}.xi-microscope:before{content:"\e870"}.xi-gene:before{content:"\e871"}.xi-vitro:before{content:"\e872"}.xi-robot:before{content:"\e873"}.xi-fire:before{content:"\e874"}.xi-spinner-1:before{content:"\e875"}.xi-spinner-2:before{content:"\e876"}.xi-spinner-3:before{content:"\e877"}.xi-spinner-4:before{content:"\e878"}.xi-spinner-5:before{content:"\e879"}.xi-spinner-6:before{content:"\e87a"}.xi-sun:before{content:"\e87b"}.xi-sunset:before{content:"\e87c"}.xi-umbrella:before{content:"\e87d"}.xi-humidity:before{content:"\e87e"}.xi-snow:before{content:"\e87f"}.xi-fog:before{content:"\e880"}.xi-lightning:before{content:"\e881"}.xi-cloudiness:before{content:"\e882"}.xi-cloudy-rain:before{content:"\e883"}.xi-heavy-snow:before{content:"\e884"}.xi-rain:before{content:"\e885"}.xi-cloudy-night:before{content:"\e886"}.xi-partly-cloudy:before{content:"\e887"}.xi-cloudy:before{content:"\e888"}.xi-wind:before{content:"\e889"}.xi-windy:before{content:"\e88a"}.xi-night:before{content:"\e88b"}.xi-full-moon:before{content:"\e88c"}.xi-waxing-gibbous:before{content:"\e88d"}.xi-halfmoon:before{content:"\e88e"}.xi-crescent:before{content:"\e88f"}.xi-hot:before{content:"\e890"}.xi-warm:before{content:"\e891"}.xi-cold:before{content:"\e892"}.xi-tree:before{content:"\e893"}.xi-leaf:before{content:"\e894"}.xi-flower:before{content:"\e895"}.xi-tornado:before{content:"\e896"}.xi-snowman:before{content:"\e897"}.xi-facebook:before{content:"\e819"}.xi-google-plus:before{content:"\e81a"}.xi-twitter:before{content:"\e81b"}.xi-vk:before{content:"\e81c"}.xi-blogger:before{content:"\e81d"}.xi-hubpages:before{content:"\e81e"}.xi-medium:before{content:"\e81f"}.xi-naver:before{content:"\e820"}.xi-tumblr:before{content:"\e821"}.xi-xing:before{content:"\e822"}.xi-bloglovin:before{content:"\e823"}.xi-stumbleupon:before{content:"\e824"}.xi-delicious:before{content:"\e825"}.xi-linkedin:before{content:"\e826"}.xi-pocket:before{content:"\e827"}.xi-feedly:before{content:"\e828"}.xi-social-rssfeed:before{content:"\e829"}.xi-digg:before{content:"\e82a"}.xi-reddit:before{content:"\e82b"}.xi-social-email:before{content:"\e82c"}.xi-social-print:before{content:"\e82d"}.xi-github:before{content:"\e82e"}.xi-git:before{content:"\e82f"}.xi-hunie:before{content:"\e830"}.xi-trello:before{content:"\e831"}.xi-yobi:before{content:"\e832"}.xi-d2:before{content:"\e898"}.xi-skillshare:before{content:"\e833"}.xi-slideshare:before{content:"\e834"}.xi-stackoverflow:before{content:"\e835"}.xi-flickr:before{content:"\e836"}.xi-instagram:before{content:"\e837"}.xi-kakaostory:before{content:"\e838"}.xi-path:before{content:"\e839"}.xi-behance:before{content:"\e83a"}.xi-deviantart:before{content:"\e83b"}.xi-dribbble:before{content:"\e83c"}.xi-pinterest:before{content:"\e83d"}.xi-evernote:before{content:"\e83e"}.xi-onenote:before{content:"\e83f"}.xi-goodreads:before{content:"\e840"}.xi-kickstarter:before{content:"\e841"}.xi-senscritique:before{content:"\e842"}.xi-myplace:before{content:"\e843"}.xi-soundcloud:before{content:"\e844"}.xi-vimeo:before{content:"\e845"}.xi-youtube:before{content:"\e846"}.xi-foursquare:before{content:"\e847"}.xi-trover:before{content:"\e848"}.xi-facebook-messenger:before{content:"\e849"}.xi-kakaotalk:before{content:"\e899"}.xi-line-messenger:before{content:"\e84b"}.xi-skype:before{content:"\e84c"}.xi-telegram:before{content:"\e84d"}.xi-wechat:before{content:"\e84e"}.xi-whatsapp:before{content:"\e84f"}.xi-bitrix:before{content:"\e850"}.xi-concrete5:before{content:"\e851"}.xi-dot-cms:before{content:"\e852"}.xi-drupal:before{content:"\e853"}.xi-expressionengine:before{content:"\e854"}.xi-ghost:before{content:"\e855"}.xi-joomla:before{content:"\e856"}.xi-magento:before{content:"\e858"}.xi-opencart:before{content:"\e859"}.xi-oscommerce:before{content:"\e85a"}.xi-prestashop:before{content:"\e85b"}.xi-silverstripe:before{content:"\e85c"}.xi-typo3:before{content:"\e85d"}.xi-ubercart:before{content:"\e85e"}.xi-vbulletin:before{content:"\e85f"}.xi-wix:before{content:"\e860"}.xi-virtuemart:before{content:"\e861"}.xi-wordpress:before{content:"\e862"}.xi-xpressengine:before{content:"\e863"}.xi-xe:before{content:"\e89b"}.xi-zencart:before{content:"\e864"}.xi-copyright:before{content:"\e89c"}.xi-copyleft:before{content:"\e89d"}.xi-registered:before{content:"\e89e"}.xi-trademark:before{content:"\e89f"}.xi-cc:before{content:"\e8a0"}.xi-by:before{content:"\e8a1"}.xi-sa:before{content:"\e8a2"}.xi-nd:before{content:"\e8a3"}.xi-nc:before{content:"\e8a4"}.xi-nc-eu:before{content:"\e8a5"}.xi-nc-jp:before{content:"\e8a6"}.xi-remix:before{content:"\e8a7"}.xi-pd:before{content:"\e8a8"}.xi-sampling:before{content:"\e8a9"}.xi-share:before{content:"\e8aa"}.xi-zero:before{content:"\e8ab"}.xi-x{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.xi-2x{font-size:2em}.xi-3x{font-size:3em}.xi-4x{font-size:4em}.xi-5x{font-size:5em}.xi-spin{-webkit-animation:xi-spin 2s infinite linear;animation:xi-spin 2s infinite linear}@-webkit-keyframes xi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes xi-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.xi-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.xi-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.xi-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.xi-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.xi-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .xi-flip-horizontal,:root .xi-flip-vertical,:root .xi-rotate-180,:root .xi-rotate-270,:root .xi-rotate-90{filter:none}.xi-fw{width:1.28571429em;text-align:center}.xi-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.xi-ul>li{position:relative}.xi-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.xi-li.xi-lg{left:-1.85714286em}.xi-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.xi.pull-left{margin-right:.3em}.xi.pull-right{margin-left:.3em} /* Original file: common/js/plugins/jquery.fileupload/css/jquery.fileupload.css */ /* * jQuery File Upload Plugin CSS * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * https://opensource.org/licenses/MIT */ .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } /* Original file: common/js/plugins/jquery.fileupload/css/style.css */ .xefu-act-selectfile { overflow: hidden !important; display: inline-block; vertical-align: middle; } .xefu-container { margin: 10px 0; border: 1px solid #c4c4c4; background-color: #fff; color: #000; } /* dropzone */ .xefu-dropzone { padding: 12px; border: 0; background-color: #f5f6f6; color: #000; box-sizing: border-box; } .in .xefu-dropzone { background-color: #E9F3EF; } .hover .xefu-dropzone { border: 1px dotted #9ad18f; border-radius: 5px; } .fade .xefu-dropzone { transition: all 0.3s ease-out; opacity: 1; } .xefu-dropzone p { margin: 12px 0; } /* END:dropzone */ .xefu-list { display: none; padding: 0 10px; } /* filelist:images */ .xefu-list-images { max-height: 160px; overflow-y: scroll; -webkit-overflow-scrolling: touch; margin: 0 -5px; padding: 5px 0; border-bottom: 1px solid #E6E6E6; } .xefu-list-images ul, .xefu-list-images li { list-style: none; margin: 0; padding: 0; } .xefu-list-images li { position: relative; display: inline-block; margin: 3px; width: 60px; height: 60px; border: 3px solid #DDD; } .xefu-list-images input { position: absolute; top: 0; left: 0; } .xefu-act-set-cover:hover { color: red; } .xefu-list-images .xefu-act-set-cover { display: none; cursor: pointer; position: absolute; top: 0; left: auto; right: 0; margin: 0; padding: 1px 0 1px 2px; border: 0 none; border-radius: 0 0 0 5px; font-size: 15px; line-height: 15px; background-color: #6cbd7e; } .xefu-list-images li:hover .xefu-act-set-cover { display: inline; color: #666; background-color: #ddd; } .xefu-list-images .xefu-is-cover-image:hover .xefu-act-set-cover, .xefu-is-cover-image .xefu-act-set-cover { display: inline; color: #fff; background-color: #6cbd7e; } .xefu-is-cover-image { border-color: #6cbd7e !important; } .xefu-list-images .xefu-file-name, .xefu-list-images .xefu-file-size { display: none; } .xefu-list-images li img { width: 100%; height: 100%; } .xefu-list-images .xefu-thumbnail { display: block; width: 100%; height: 100%; background-size: cover; background-position: center center; } .xefu-file-video { position: absolute; top: 50%; left: 50%; margin: -15px; width: 30px; height: 30px; background: rgb(0,0,0,.5); border-radius: 50%; pointer-events: none; } .xefu-file-video-play { position: absolute; top: 50%; left: 50%; margin: -8px -5px; border-width: 8px 0 8px 13px; border-style: solid; border-color: transparent transparent transparent #fff; } .selected { } /* END:images */ /* files */ .xefu-list .xefu-list-files { margin: 5px 0; } .xefu-list-files ul, .xefu-list-files li { list-style: none; margin: 0; padding: 0; } .xefu-list-files li { padding: 3px 0; } .xefu-list-files li.selected { background-color: #E9F3EF; } .xefu-list-files .xefu-file-info { float: right; } .xefu-list-files .xefu-file-info span { padding: 0 5px; } /* END:files */ .xefu-controll { display: none; padding: 10px; } .xefu-progressbar { border-bottom: 1px solid #6AB97D; } .xefu-progressbar div { height: 3px; background-color: #6AB97D; } .xefu-btn { display: inline-block; *display: inline; margin: 0; padding: 0 12px !important; height: 24px !important; overflow: visible; border: 1px solid #bbbbbb; border-radius: 2px; text-decoration: none !important; text-align: center; vertical-align: top; line-height: 24px !important; font-family: inherit; font-size: 12px; color: #333333; *zoom: 1; 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: linear-gradient(to bottom, #ffffff, #e6e6e6); } input.xefu-btn, button.xefu-btn { height: 26px !important; } .xefu-btn:hover, .xefu-btn:active, .xefu-btn[disabled] { color: #333; background-color: #e6e6e6; background-image: linear-gradient(to bottom, #e6e6e6, #c9c9c9); background-repeat: repeat-x; } .xefu-btn>a, .xefu-btn>button, .xefu-btn>input, .xefu-btn>span { display: inline-block; *zoom: 1; 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; } p.xefu-dropzone-message { display: inline-block; margin: 0 0 0 5px !important; line-height: 24px; vertical-align: middle; } .xefu-dropzone:hover p.xefu-dropzone-message, .in .xefu-dropzone p.xefu-dropzone-message, .hover .xefu-dropzone p.xefu-dropzone-message, .fade .xefu-dropzone p.xefu-dropzone-message { display: none; } .upload_info { display: none; margin: 0; margin-left: 5px; line-height: 24px; vertical-align: middle; } .xefu-dropzone:hover .upload_info, .in .xefu-dropzone .upload_info, .hover .xefu-dropzone .upload_info, .fade .xefu-dropzone .upload_info { display: inline-block; margin: 0; margin-left: 5px; } /* darkmode colorset */ .color_scheme_dark.cke_auto_dark_mode .xefu-container { border: 1px solid #555; background-color: #222; color: #fff; } .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-dropzone { background-color: #333; color: #fff; } /* darkmode color: dragged contents on the layer */ .color_scheme_dark.cke_auto_dark_mode .xefu-container .in .xefu-dropzone { background-color: #66ab8e; } .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-list-files li.selected { background-color: #66ab8e; } /* darkmode color: filelist:images */ .color_scheme_dark.cke_auto_dark_mode .xefu-list-images { border-bottom: 1px solid #555; } .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn { color: #eeeeee; border: 1px solid #555; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.05); background-color: #131313; background-image: linear-gradient(to bottom, #333, #000); } .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn:hover, .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn:active, .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn[disabled] { color: #eee; background-color: #555; background-image: linear-gradient(to bottom, #555, #333); } .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn>a, .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn>button, .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn>input, .color_scheme_dark.cke_auto_dark_mode .xefu-container .xefu-btn>span { color: #eee; } /* 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/board/skins/OrangeDay_board/css/default.css */ body { overflow-y:scroll; } .od-bord { width:100%; max-width:var(--oday_maxWidth); margin:0 auto; position:relative; padding-bottom:50px} .pagelocation { display:flex; align-items: center;justify-content: center; font-size:2em; font-weight:700; width: 100%; padding:var(--oday_pagelocationGap); position: relative; z-index: 1; line-height:1 } .pagelocation .back_icon, .pagelocation a { display:none; } .pagelocation a:last-child { display: flex; flex-direction: column; align-items: center; } .pagelocation a:after { content:""; display:block; width:20px; height:2px; background-color:var(--oday_mainColor); margin-top:10px; } .pagelocation a i { display:none; } .pagelocation.empty { padding:10px} @media screen and (max-width: 768px){ .od-bord { margin-left:0; margin-right:0; padding-top:10px;} .pagelocation { font-size:1.4em;} } /*////////// 버튼 박스 //////////*/ .formBox { display: flex; justify-content: space-between; margin-top: 10px; } .formBox li { display: flex; align-items: center; } .formBox div { display: flex; align-items: center; } .formBox div * + * { margin-left: 5px; } .formBox div + * { margin-left: 15px; } .formBox ul.namepass { display: flex; justify-content: center; } .formBox ul.namepass li + li { margin-left: 15px; } .formBox ul.namepass li * + * { margin-left: 5px; } .formBox label { white-space: nowrap} .formBoxCenter { display: flex; align-items: center; justify-content: center; } .formBoxCenter * + * { margin-left: 5px; } .formBoxCenter + .formBoxCenter, .formBox + .formBoxCenter { margin-top: 1em; } .formTitle { display:flex; align-items: center; justify-content: space-between; } .formTitle .front { font-weight:600; padding-bottom:5px } .formTitle i.bx { font-size:1.4em } .formTitle a { display:inline-block; border: var(--oday_listBorder); border-bottom:none; padding:5px 10px; border-radius:5px 5px 0 0; background-color: var(--oday_listBgColorUp); font-size: .85em; margin-right: 10px;} /*////////// 나이스 셀렉트 박스 //////////*/ .nice-select { padding-left: 10px !important; } .nice-select .option { height: var(--oday_iptHeight); font-weight: var(--oday_fw-regular) !important; color: var(--oday_fontColor) !important; font-size: 12px;} .nice-select .list { padding:5px !important; font-size: 12px; font-weight:var(--oday_fw-regular); background-color: var(--oday_listBgColorDown) !important; border: var(--oday_listBorder) !important; box-shadow: var(--oday_listShadowUp1) !important; max-height:300px; overflow-y: auto !important; border-radius:0px !important;} .nice-select .list li + li { border-top: var(--oday_listBorder) !important; border-style:dashed !important} .nice-select .list::-webkit-scrollbar { width:1px; } .nice-select .list::-webkit-scrollbar-thumb {background: var(--oday_mainColorDark) !important; border:none;} .nice-select:hover, .nice-select.open, .nice-select:focus { border: var(--oday_iptBorderHover); } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: var(--oday_listBgColorUp2) !important; } .nice-select .option.selected {color:var(--oday_mainColor) !important; font-weight:700 !important} @media screen and (max-width: 768px){ .formBox.split { /*flex-wrap: wrap; justify-content: center; flex-direction: column; */ flex-wrap: wrap; } .formBox.split > li { flex-wrap: wrap; } .formBox.split > li div + *, .formBox.split > li div { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .formBox > li { justify-content: center; } .formBox ul.namepass { margin-bottom: 5px; } .formBox ul.namepass input { max-width: 30vw; min-width: 0; } } /*////////// Layout Change Preview //////////*/ .bd_num {z-index:3; position: absolute; top:0; left:0; font-weight:700; font-size:1em; clip-path: polygon(50% 0, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0); background-color: var(--oday_mainColor); color:var(--oday_primaryBtnColor); padding:5px 10px 10px 10px;} .preview_btn { position: absolute; right: 4px; top: 4px; z-index: 5; display: flex; flex-direction: column; align-items: flex-end;} .preview_btn .view_opt { height: 30px; width:30px; display: flex; align-items: center;justify-content: center; color:var(--oday_mainColor); background-color:var(--oday_listBgColor); border-radius:10px; } /* .preview_btn ul { transition: 0.3s ease; transform: translateX(30px);} .preview_btn:hover ul { transform:translateX(0px) ; visibility: visible;} */ .preview_btn ul.cate1 { display: flex; justify-content: center; flex-direction: column; align-items: stretch; text-align:center; background-color: var(--oday_btnBgColor); box-shadow: var(--oday_listShadowR); border: var(--oday_listBorder); padding:5px 0; border-radius: 6px; overflow:hidden; width: fit-content; height: fit-content; } .preview_btn ul + ul { margin-top:2px} .preview_btn ul li a { background-color: var(--oday_btnBgColor); display: flex; align-items: center; justify-content: center; height: 30px; width:40px; font-size:10px; } .preview_btn ul li > a span {font-size: 16px} .preview_btn ul li.on > a span { font-size: 20px } .preview_btn ul li.on > a { color: var(--oday_mainColorOpt); } .preview_btn ul li.on.gall { display: flex; flex-direction: column; align-items: center;} .preview_btn ul li.on.gall ul { border: var(--oday_listBorder); width: fit-content; border-radius:50px; overflow:hidden; box-shadow: var(--oday_listShadow);} .preview_btn ul li.on.gall ul a {height: 20px; width:20px;} .preview_btn i {font-size: 16px} .board-message { text-align: center; position: relative; margin: 0 auto; width: 100%; line-height:1.4; padding:0 5% } .board-message.header_text { padding-top:1em;padding-bottom:2em; font-size:1.1em; } .board-message.footer_text { padding-top:1em; padding-bottom:2em; font-size:.85em} .preview_btn + .font-size.hon { right:38px} .font-size.hon { position:absolute; top:4px; right:0; z-index:3;height:30px; font-size:12px; display:flex; align-items: center; margin-left:10px; padding:5px 10px; background-color: var(--oday_listBgColor); border-radius: 10px; } .font-size.hon li + li { margin-left: 5px; } .font-size.hon a { height:unset !important} .font-size.hon .sizeview { font-size:1em; text-align:center; width:;} @media screen and (max-width: 768px){ .board-message { padding:0 5vw} .preview_btn .view_opt, .font-size.hon { height:25px;font-size:12px; margin-top:10px;} .preview_btn i { font-size:12px; } } /*////////// 카테고리 / 서치 상단고정 //////////*/ .stickyTopBox { position: sticky; z-index: 4; margin: 0 auto; padding:0px 5px 20px 5px; border-radius: var(--oday_listBorderRadius); font-weight:400; width: 100%; transition:.1s ease; /*box-shadow: 0 0 10px 10px var(--oday_bodyBgColor);*/ } .stickyTopBox:after { content:""; position:absolute; display:block; width:100%; height:20px; left:0; bottom:-20px; background-image: linear-gradient(var(--oday_bodyBgColor), transparent); transition:.3s ease; opacity:0; } .stickyTopBox.is-pinned { border-radius: 0; background-color: var(--oday_bodyBgColor); box-shadow: 0 -10px 10px 10px var(--oday_bodyBgColor); border-color:var(--oday_bodyBgColor); padding-top: 20px; } .stickyTopBox.is-pinned:after { opacity:1; } .stickyTopBox.wide > * { padding: 5px 0px 0 20px; } .stickyTopBox.no_notice { border-radius: var(--oday_listBorderRadius) !important; margin-bottom:10px;} .sticky_btn_box { display: flex; justify-content: flex-end; align-items: center; padding-bottom:10px; font-size:10px; line-height: 1; margin-top: -30px; right: 10px; position: absolute;} .sticky_btn_box > * + * { margin-left:2px; } .sticky_btn_box input + label {display:none !important} .sticky_close i { font-size:1em; margin-left:0px; } .sticky_btn_box label, .sticky_close { padding:2px 5px 2px 5px; border-radius:3px; background-color: var(--oday_bodyBgColor); font-size:8px; display: flex; justify-content: center; align-items: center; border: var(--oday_listBorder); } .sticky_close { display: none; } .sticky_open { display: none; } .sticky_open a { display: flex; justify-content: center; align-items: center; font-size:13px; white-space:nowrap; height:25px; } .sticky_open span { display: flex; align-items: center; } .sticky_open i { color: var(--oday_mainColor); } .sticky_open span > i { font-size:.9em; margin-right:4px; /*background-color: var(--oday_listBgColor); */ height:30px; border-radius:100%; display: flex; justify-content: center; align-items: center; } .sticky_open span + span { margin-left:20px;} .sticky_open em { display:inline-block; max-width:100px; overflow:hidden; text-overflow: ellipsis; font-weight:500} .sticky_open em.yet { opacity:.5; font-weight:300} @media screen and (max-width: 768px){ .stickyTopBox.is-pinned { background-color:var(--oday_listBgColor); box-shadow:unset;} .no_bd_bg .stickyTopBox.is-pinned {background-color:transparent;} .stickyTopBox.is-pinned:after { content:unset; opacity:0; } .stickyTopBox, .stickyTopBox.wide { padding:10px; position:relative; font-size: .8em;} .stickyTopBox.wide > * { padding: 0 2px; } } /*////////// 카테고리 //////////*/ .cTab.circle { display: flex; flex-wrap: wrap; justify-content: center; line-height: 1; padding: 0 10px; font-size:12px; } .cTab.circle { display:flex; } .cTab.circle > * + * { margin-left:-1px;} .cTab.circle > a { margin-bottom:.5em; z-index:2; white-space: nowrap; padding: 0 1.5em; transition:.3s; display: flex; align-items: center; width: fit-content; border: var(--oday_listBorder); border-radius: var(--oday_iptBorderRadius); background-color: var(--oday_listBgColorUp); } .cate_btn, .cTab.circle > a { height: calc(var(--oday_iptHeight) - 6px); min-width:calc(var(--oday_iptHeight) - 6px); } .cTab.circle > a.ctDep2 { margin-left:5px; font-weight:700; padding: 0 1em; border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important;} .cTab.circle > a.ctDep3 { position:relative; padding: 0 1em; border: var(--oday_listBorder); background-color: var(--oday_listBgColorDown); border-radius:0px; mix-blend-mode: multiply; } .cTab.circle > a.ctDep3 > * {font-size:1em;} .cTab.circle > a.on { color: var(--oday_primaryBtnColor); font-weight: var(--oday_fw-bold); background-color: var(--oday_mainColor); border: var(--oday_listBorderMain); z-index:3 } .cTab.circle > a:last-of-type {border-radius:0 6px 6px 0} .cTab.circle > a.ctDep1 + a:last-child {border-radius:6px} .cTab.circle > a.has_child {border-radius:6px 0 0 6px} .cTab.circle > a.has_child + a.ctDep3:after {content:""; position:absolute; top:0; left:0; display:block; height:100%; width:6px; background-image: linear-gradient(90deg, rgba(0,0,0,.1), transparent); opacity:.5} .cTab.circle > a.on:after { display:none !important; } .cTab.circle > a em { font-weight: 900; margin-left: .5em; color: var(--oday_mainColorOpt); } .cTab.table { font-size:12px; width:100%; padding-bottom:10px; } .cTab.table a.ctDep1 {font-weight:700; padding:10px 10px 10px 0; width: fit-content;} .cTab.table table { width:100%;} .cTab.table tr > * { min-height:35px; padding:8px 10px; font-size:1em; } .cTab.table th:after {right:0} .cTab.table th { white-space:nowrap } .cTab.table td { width:100%; } .cTab.table a { margin:2px 5px; white-space:nowrap;} .cTab.table a { display: inline-block; } .cTab.table em { font-weight: 700; font-size:.85em; margin-left: 2px; color: var(--oday_mainColorOpt); } .cTab.simple { font-size:12px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; position:relative; border-bottom:var(--oday_listBorder); margin-bottom:10px} .cTab.simple a { white-space:nowrap; } .cTab.simple > a { display: flex; align-items: center; justify-content: center; padding:0 10px; height:30px; border:var(--oday_listBorder); border-bottom:none; background-color: var(--oday_listBgColor); order:1} .cTab.simple > a.viewCategory { border-bottom-color:var(--oday_listBgColorDown); background-color: var(--oday_listBgColorDown); z-index: 1; } .cTab.simple > * + a { border-left:none} .cTab.simple > a:first-child { border-radius:5px 0 0 0} .cTab.simple > a:last-of-type { border-radius:0 5px 0 0} .cTab.simple div { display: none; align-items: center; flex-wrap: wrap; min-height:30px; padding:5px 10px; border:var(--oday_listBorder); border-bottom:none; background-color: var(--oday_listBgColorDown); width:100%; order:2; margin-top:-1px} .cTab.simple div.viewCategory {display: flex;} .cTab.simple div a { padding: 5px 0;} .cTab.simple div a.ctDep2 {font-weight:600; padding-left:5px} .cTab.simple div i { padding:0 10px} .cTab.simple div a + a { margin-left:10px; } .cTab.simple em { font-weight: 700; font-size:.85em; margin-left: 2px; color: var(--oday_mainColorOpt); } .cTab.simple i.bx:not(.bxs-arrow-from-left) { color: var(--oday_mainColor); margin-left:4px; } .cTab.tree { display:flex; font-size:12px; padding: 10px 10px 20px 10px; border-bottom:var(--oday_listBorder); margin-bottom:10px;} .cTab.tree ul { display:flex; margin-left:20px} .cTab.tree ul li { position:relative;} .cTab.tree ul li + li { margin-left:20px} .cTab.tree ul li div { position: absolute; top: 30px; left:-10px; background-color: var(--oday_gnbBgColorSub); border: var(--oday_gnbBorder); border-radius: 10px; box-shadow: var(--oday_gnbShadow); display: flex; flex-direction: column; padding:15px 10px; transition: 0.3s; max-height: 90vh; z-index:1; /**/ opacity: 0; visibility: hidden; transform: translateY(10px); } .cTab.tree ul li:hover div { /* opacity:1; visibility: visible; transform: translateY(-5px); */ } .cTab.tree ul li div:after { content: ""; position: absolute; left: 20px; top: -6px; width:10px; height: 10px; transform: rotate(45deg); border-top: var(--oday_listBorder) !important; border-left: var(--oday_listBorder) !important; background-color: var(--oday_listBgColorUp2); } .cTab.tree ul li div.right { left:unset; right:-10px; } .cTab.tree ul li div.right:after { left:unset; right:20px; } .cTab.tree ul li div.viewCategory { opacity:1; visibility: visible; transform: translateY(-5px); } .cTab.tree ul li div a { white-space:nowrap; padding-right:15px;} .cTab.tree ul li div a + a { margin-top:10px; padding-top:10px; border-top: var(--oday_gnbBorder); } .cTab.tree ul li div a.ctDep2 {font-weight:700; padding-left:5px} .cTab.tree ul li div a i.bx { opacity:.6; margin-right:5px; font-size:.85em} .cTab.tree em { font-weight: 900; font-size:.85em; margin-left: 0; color: var(--oday_mainColorOpt); } .cTab.tree ul li > a:has( + div .on) { color: var(--oday_mainColor) !important; font-weight:700 !important; } .cTab:not(.circle) a span {position:relative; z-index:1} .cTab:not(.circle) a:not(.ctDep1).on span:after, .cTab:not(.circle) a:has( + div .on) span:after { content:''; display:block; width:calc(100% + 6px); height:2px; position:absolute; bottom:-2px; left:-3px; background-color: var(--oday_mainColorOpt); opacity:1; mix-blend-mode: multiply;} :is(.color_scheme_dark), :root[color-theme='dark'] { .cTab.circle > a.ctDep3 { mix-blend-mode: unset; } .cTab.circle > a.has_child + a.ctDep3:after {background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent); opacity:.3} .cTab:not(.circle) a:not(.ctDep1).on span:after, .cTab:not(.circle) a:has( + div .on) span:after {height:1px;} } @media screen and (max-width: 768px){ .cate_btn, .cTab.circle > a { height: calc(var(--oday_iptHeight) * .8); } .cTab.circle > a.ctDep2 {margin-left: 10px;} .cate_btn i { font-size:12px; } .cTab.tree, .cTab.simple, .cTab.simple div { justify-content: ; } } .cTab.circle ~ .searchBox { padding-top:5px;} /*////////// 검색 //////////*/ .searchBox { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:0 10px} .searchBox div.sort { display: flex; justify-content: space-between; align-items: center; white-space: nowrap; font-size:11px; } .searchBox div.sort a { display: flex; align-items: center; justify-content: center; height: var(--oday_iptHeight); line-height: 1; } .searchBox div.sort a + a { margin-left: 10px; } .searchBox div.sort a.on { color: var(--oday_mainColor); font-weight:700 } .searchBox div.sort a em { display:inline-block; letter-spacing: 0px; margin-left:2px; color:#999} .searchBox div.sort a span { font-size: 1.2em; } .searchBox div.sort a.viewOne i { font-size: 1.4em; } .searchBox div.sort a.viewTwo i { font-size: 1.4em; transform: rotate(90deg);} .searchBox div.sort a.viewOne.acitvegall, .searchBox div.sort a.viewTwo.acitvegall { color: var(--oday_mainColor); } .searchBox .nice-select { font-size: 12px; } .searchBox form { display: flex; align-items: center; width: fit-content; max-width:500px; font-size: 12px;} .searchBox form * { background-color: transparent; } .searchBox form button, .searchBox form .nice-select { border:none; } .searchBox form button, .searchBox form > a { display: flex; align-items: center; justify-content: center; height: var(--oday_iptHeight); padding-left:10px; background-color: transparent !important; } .searchBox form i { font-size: 1.4em; } .searchBox form a i { font-size: 1.4em; } .searchBox form i:hover { color: var(--oday_mainColor); } .searchBox.simple {padding:0 0 20px 0} @media screen and (max-width: 1200px){ .searchBox{ flex-direction: column; margin-top: 0 !important;} .searchBox div.sort { flex-wrap: wrap; justify-content: center; padding:0 0 0 0} .searchBox div.sort a { height: 30px;} .searchBox form { justify-content: center; margin-left:0 } .searchBox form input { width:200px} } @media screen and (max-width: 768px){ .searchBox { display: flex; justify-content: space-around;} } /*////////// 페이지 네비 //////////*/ .pagination { max-width: var(--oday_maxWidth); display: flex; justify-content: space-between; align-items: center; padding:2em 0; line-height:1} .pagination li { display: flex; justify-content: center; align-items: center; } .pagination li *, .pagination.for_commet > * { display: flex; align-items: center; justify-content: center; width:calc(var(--oday_iptHeight) - 6px); height:calc(var(--oday_iptHeight) - 6px); border-radius: 6px; margin: 0 2px; letter-spacing: -1px; line-height: 1; } .pagination span { width:unset; margin:0} .pagination .prev { font-size: 1.8em; margin: 0 5px 0 0; border:none; } .pagination .next { font-size: 1.8em; margin: 0 0 0 5px; border:none; } .pagination .disable { opacity:.2} .pagination :where(strong, a.this) { font-weight: 700; border:none; color: var(--oday_bodyBgColor)!important; background-color: var(--oday_mainColor); } .pagination a.pageBtn:hover { font-weight: 700; color: var(--oday_bodyBgColor); background-color: var(--oday_mainColor); } .pagination li :where(input, .obtn) { width:40px !important; padding:0 !important; text-align:center !important; height:calc(var(--oday_iptHeight) - 6px) !important; margin:0 10px; letter-spacing:0} .pagination.for_commet { justify-content: center; } @media screen and (max-width: 768px){ .pagination { justify-content: center; flex-direction: column;} .pagination li + li { margin-top:20px;} .pagination li.vp * {width:calc(var(--oday_iptHeight) - 8px); height:calc(var(--oday_iptHeight) - 8px); margin:0 1px; } .pagination li.vp span { width:unset; margin:0} .pagination li :where(input, .obtn) { height:var(--oday_iptHeight) !important; } } /*////////// 새글 아이콘 //////////*/ :root { --NiconWidth: 25px; --NiconNotiWidth:40px; } .newicon { display:none; font-size:10px; font-weight:900; margin-left:4px; vertical-align: super;} .newicon.N { display:inline-block; color:#f00; } .newicon.U { display:inline-block; color:#00d3ff; } .newicon.Fbox { position:absolute; top: 0; right: 0; margin-top:0; display: flex; align-items: center; justify-content: center; width: var(--NiconWidth);height: var(--NiconWidth); border-radius: 0 0 0 5px;z-index: 1;} .newicon.Fbox.N { display:flex; background-color:#f00; color:#fff; } .newicon.Fbox.U { display:flex; background-color:#00d3ff; color:#fff; } .newicon.Fbox.secret { background-color: var(--oday_secretColor); color:#fff; } .newicon.Fbox + .Fbox.secret { top:var(--NiconWidth); } .newicon.Fbox:has(+ .Fbox) { border-radius: 0px;} /* .newicon.S, .newicon.F { display:none; height: 1px; } .newicon.N.F, .newicon.U.S, .newicon.U.F { display: flex; height: 16px; } .newicon.Fbox.N.F, .newicon.Fbox.U.S, .newicon.Fbox.U.F, .newicon.Fbox.S.N { display: flex; height: var(--NiconWidth); } .newicon { background-color:#f00; color:#fff; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 5px; color:#f00; font-size:10px; font-weight:900; margin-left:4px; flex-shrink: 0;} .newicon.U { color:#00d3ff; } .newicon.Fbox { position:absolute; font-size: 12px; font-weight:900; top: 0; right: 0;margin-left: 0; width: var(--NiconWidth);height: var(--NiconWidth); border-radius: 0 0 0 5px;z-index: 1; } .newicon.Fbox.left { right: unset; left: 0; margin-left: 0; border-radius: 0 0 5px 0; } .newicon.Fbox.secret { background-color: var(--oday_secretColor); color:#fff; } .newicon.Fbox.secret span { font-size: 1em; } .newicon.Fbox + .newicon.Fbox.secret { top:var(--NiconWidth); } .newicon.Fbox.noti { right: unset; left: 0; border-radius: 0 0 5px 0; } */ @media screen and (max-width: 768px){ /* .newicon { position: absolute; top: 0px; left: 0px; border-radius: 0 0 5px 0; margin-left:0 } .newicon.Fbox { right:0; left: unset; } .newicon.Fbox.left { right:0; left: unset; border-radius: 0 0 0 5px; } */ } /*////////// ab00ff 게시판 공통 //////////*/ #list_mobile .title a:visited, #list-bd .title a:visited, #list-bd-table td.title div a:visited, #list-blog .dlist_menu a:visited, #list-blog .blog_b_list a:visited, #list-gall .title a:visited, #list-webzinelist .title a:visited, #list-webzine .title a:visited, .naviBoxBottom ul li a:visited span { color:var(--oday_fontVisitedColor)} .od-bord .category { color: var(--oday_mainColor); font-weight:600; } #list-bd-table .number, .bd-all .number { font-weight:300; color: color-mix(in srgb, var(--oday_fontColor), transparent 40%); } .od-bord .read { color: var(--oday_mainColor); } .od-bord .count, .od-bord .count a { color: var(--oday_mainColor); white-space:nowrap; font-size:.9em} .od-bord .od_date { opacity:.7; } .od-bord .od_ip { opacity:.5; } .od-bord .od_date + .od-bord .od_date {margin-left:5px; padding-left:5px !important; border-left:var(--oday_listBorderHover); border-width:1px} .od_last {color:var(--oday_fontColor)} .od_last i { } .od_link { opacity:.5; } .od-bord .secret { color: var(--oday_secretColor); } .od-bord .author { color: var(--oday_colorAuthor); font-weight:500; white-space:nowrap } .module_title { font-weight:600; } .od-bord .title { line-height: 1.2; } .od-bord .title h1 { } .bd_guest_no, .no_documents {height:200px; width: 100%; display:flex; justify-content: center; align-items: center; font-size:1.1em} .bd_guest_no {height:100px;} #list_mobile .box i.bx.bx-play, #list-bd-table table.tbl_board .number i, #list-webzinelist .box .number i, #list-bd .box .number i { color:var(--oday_mainColorOpt); font-size:1.2em} #list-bd.list-notice .box .number i { color:var(--oday_alertColor)} #list-bd-table table.tbl_board .number i.bxs-lock, #list-webzinelist .box .number i.bxs-lock, #list-bd .box .number i.bxs-lock { color: var(--oday_secretColor); } .meta .profile { width: var(--oday_metaIconSize); height: var(--oday_metaIconSize); background-color: var(--oday_metaBgColor); color: var(--oday_metaColor); font-size: var(--oday_metaFontSize); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 5px; flex-shrink: 0;} .meta.depth .profile {width: calc(var(--oday_metaIconSize) * .8); height:calc(var(--oday_metaIconSize) * .8); font-size: calc(var(--oday_metaFontSize) * .8); } .meta .profile.notice { background-color:var(--oday_alertColor); color:#fff} .meta.size2 .profile {width: calc(var(--oday_metaIconSize) * 1.5); height:calc(var(--oday_metaIconSize) * 1.5); font-size: calc(var(--oday_metaFontSize) * 1.5); } .bd-all, .pagination, .btnBox { width: 100%; } .btnBox { position: sticky; bottom: -1px; padding: 0; z-index:3; margin: 0 auto; width: fit-content; display: flex; justify-content: center; } .btnBox > ul > li { background-color: var(--oday_bodyBgColor); padding:20px; border-radius:20px 20px 0 0; display: flex; align-items: center; justify-content: center; } .btnBox.simple {position: relative; } .btnBox.classic {position: relative; justify-content: space-between; width:100%; padding:10px 0} .btnBox.classic > ul > li {padding:0} @media screen and (max-width: 768px){ .btnBox > ul > li { border-radius: 10px 10px 0 0;} .btnBox.classic { flex-direction: column; justify-content: center; } .btnBox.classic > ul { margin-top:10px} } #list-bd .box:hover, #list-bd-table table.tbl_board tr:hover td, #list-webzinelist .box:hover { background-color: var(--oday_listBgColorHover); transition:.3s} .no_bd_bg #list-bd .box:hover, .no_bd_bg #list-bd-table table.tbl_board tr:hover td, .no_bd_bg #list-webzinelist .box:hover, .no_bd_bg #list_inputform .formlist li:hover, #list-bd-table.classic table.tbl_board tr:hover td { background-color: var(--oday_listBgColorHoverDown); transition:.3s} #list_mobile .readActive, #list-bd-table table.tbl_board tr.readActive > *, #list-bd .readActive { background-color: color-mix(in srgb, var(--oday_mainColorLight), #fff 94%); } .no_bd_bg #list_mobile .readActive, .no_bd_bg #list-bd-table table.tbl_board tr.readActive > *, .no_bd_bg #list-bd .readActive { background-color: color-mix(in srgb, var(--oday_mainColorLight), #fff 90%) } :is(.color_scheme_dark), :root[color-theme='dark'] { #list_mobile .readActive, #list-bd-table table.tbl_board tr.readActive > *, #list-bd .readActive { background-color: color-mix(in srgb, var(--oday_listBgColor), var(--oday_mainColor) 8%); } .no_bd_bg #list_mobile .readActive, .no_bd_bg #list-bd-table table.tbl_board tr.readActive > *, .no_bd_bg #list-bd .readActive { background-color: color-mix(in srgb, var(--oday_bodyBgColor), var(--oday_mainColor) 4%); } } .no_bd_bg, #readBox.classic { --oday_sideGapLR: 0 10px; --oday_sideGap: 30px 10px; } /*////////// 게시판 - 공지 //////////*/ .list-notice { border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); } .list-notice .number { color: var(--oday_mainColor); opacity: 1} .list-notice + #list-bd { border-top: none; } .roundCorner { border-radius: var(--oday_listBorderRadius); border: var(--oday_listBorderUp); } .list-notice.roundCorner + #list-bd, .list-notice.roundCorner + #list-webzinelist { border-top: var(--oday_listBorderUp); } .list-notice.roundCorner + #list-bd-table, .list-notice.roundCorner + .bd-all { margin-top: 5px !important; } #list-bd.list-notice .box { width: 100%; padding:10px 20px;} /*////////// 게시판 - 모바일 //////////*/ #list_mobile { border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); overflow:hidden } #list_mobile .box { position:relative; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 15px 15px; } #list_mobile .box * {white-space: nowrap; line-height: 1; } #list_mobile .box + .box { border-top: var(--oday_listBorder); } #list_mobile .box .category { font-size:.8em; line-height: 1; margin-bottom:5px; opacity:.6; } #list_mobile .box .list {display: flex; align-items: center; flex: 1; max-width: 100%;} #list_mobile .box .list .title {overflow: hidden; text-overflow: ellipsis} #list_mobile .box .list > span.count { margin-left:5px; display: flex; align-items: center; font-size:.9em; } #list_mobile .box .end { display: flex; align-items: center; font-size:.8em; line-height: 1; margin-top:10px; flex-shrink: 1; width: 100%;} #list_mobile .box .end > *:not(.starpoint) { display: flex; align-items: center; opacity:.6; } #list_mobile .box .end > * + * { margin-left: 5px; } #list_mobile .box .chk_manager { padding-left:10px; margin-left: auto; } #list_mobile .box.notice {background-color: color-mix(in srgb, var(--oday_alertColor), transparent 97%);} #list_mobile .notice { display:flex; align-items: center; padding:15px; background-color: var(--oday_listBgColorDown); border-bottom: var(--oday_listBorder); } #list_mobile .notice li.number { width:25px; flex-shrink: 0; font-size: 1.2em !important; color: var(--oday_alertColor); } #list_mobile .notice li.chk_manager { margin-left:auto; padding-left: 10px;} #list_mobile .notice .list { display:flex; } #list_mobile .notice a { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #list_mobile .notice .newicon { display:inline-block; margin-left: 4px; margin-top: 0px;} #list_mobile .notice .end {font-size:.8em; line-height: 1; margin-top:10px; opacity:.6; } /*////////// 게시판 - 일반-테이블 //////////*/ #list-bd-table {overflow-x: auto;} #list-bd-table.active { user-select: none; } #list-bd-table table.tbl_board { width: 100%; border-top: var(--oday_listBorderDown2); background-color: var(--oday_listBgColor); } /* user-select: none; #list-bd-table { display: block !important; width: fit-content !important; max-width: -webkit-fill-available !important; } #list-bd-table table { display: block !important; overflow-x: auto !important; } */ #list-bd-table table tr:last-child > td { border-bottom: var(--oday_listBorderDown2); } #list-bd-table table.tbl_board th { font-weight:700; font-size:.85em; background-color:var(--oday _listBgColorDown); border-top:none; border-bottom:none;} #list-bd-table table.tbl_board th:after {all:unset} #list-bd-table table.tbl_board th, #list-bd-table table.tbl_board td { display:table-cell; height: var(--oday_listHeight); min-height:unset; text-align:center; white-space: nowrap; padding:0 10px; width:5px } #list-bd-table table.tbl_board th { height: calc(var(--oday_listHeight) * .8);} #list-bd-table table.tbl_board th.title { width:100%; } #list-bd-table table.tbl_board td.title { width:100%; text-align:left; white-space: normal; padding: 10px; min-width: 200px;} #list-bd-table table.tbl_board td.title div { display: flex; align-items: center;} #list-bd-table table.tbl_board td.title a { max-height: var(--oday_listHeight); overflow: hidden; display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;} /* #list-bd-table table.tbl_board td.title .newicon { width:unset; height:unset; background-color:unset; font-size:.8em; display:inline-block; font-weight:900; color:#f00} #list-bd-table table.tbl_board td.title .newicon.U, #list-bd-table table.tbl_board td.title .newicon.U.F { display:inline-block; color:#00d3ff} #list-bd-table table.tbl_board td.title .newicon.F, #list-bd-table table.tbl_board td.title .newicon.S { display:none} */ #list-bd-table table.tbl_board td.ntc_number { font-size:1.2em !important; color:var(--oday_alertColor)} #list-bd-table table.tbl_board td.title span.count {white-space: nowrap;} #list-bd-table table.tbl_board td.title * + * { margin-left:5px;} #list-bd-table table.tbl_board td.exvar {white-space: normal; padding: 10px; text-align:left} #list-bd-table table.tbl_board td.exvar span { max-height: var(--oday_listHeight); width:100%; max-width:300px; min-width:100px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.2; word-break: break-all;} #list-bd-table table.tbl_board td.module_title { text-align:left} #list-bd-table table.tbl_board td.category { text-align:left; color:unset} #list-bd-table table.tbl_board td:not(.title) {font-size:.8em;} #list-bd-table table.tbl_board .date > * { display:block; opacity:.7; line-height:1.1} #list-bd-table table.tbl_board .date > * > * { display:block;} #list-bd-table table.tbl_board .date > * > i { display:inline-block; font-size:.8em;} #list-bd-table table.tbl_board .od_last {font-size:.8em;} #list-bd-table table.tbl_board tr.notice > td { background-color:var(--oday_listBgColorDown);} #list-bd-table.classic table.tbl_board tr.notice > td { background-color:var(--oday_bodyBgColorDown);} @media screen and (max-width: 768px){ /* #list-bd-table table.tbl_board { border-top: none; } #list-bd-table table.tbl_board tr {display: table-row;} #list-bd-table table.tbl_board td.title {white-space: normal; display: table-cell; min-width: unset;} #list-bd-table table.tbl_board td.title .vm { margin:4px 0 0 0 !important; font-size:.8em; opacity:.6 } #list-bd-table table.tbl_board td.title .vm > * + * { margin-left:5px;} #list-bd-table table.tbl_board td.title .newicon { position:relative } #list-bd-table table.tbl_board th { height: calc(var(--oday_listHeight) * .8); } #list-bd-table table.tbl_board tr td { position:relative} #list-bd-table table.tbl_board tr td { min-height: var(--oday_listHeight); } */ } /*////////// 게시판 - 일반 //////////*/ #list-bd {border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); overflow:hidden } #list-bd .box { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; min-height: var(--oday_listHeight); padding: 0 10px; } #list-bd.list-bd-ul .box { padding: 10px 15px;} #list-bd .box + .box { border-top: var(--oday_listBorder); } #list-bd .box * {white-space: nowrap; line-height: unset; } #list-bd .box .number {padding-right: 15px; } #list-bd .box .chk_manager {padding-left: 5px; } #list-bd .box .list { display: flex; align-items: center; flex: 1; min-width: 0; } #list-bd .box .list > * + * { margin-left:10px} #list-bd .box .list .category { font-size:.9em; } #list-bd .box .list .title {overflow: hidden; text-overflow: ellipsis} #list-bd .box .list .title > div {display: flex; flex-wrap: wrap;} #list-bd .box .list .end { margin-left: auto; padding-left: 30px; display: flex; align-items: center; font-size:.8em; line-height: 1; } #list-bd .box .list .end > * + * { margin-left: 5px; } /* #list-bd .box .list .extra a { font-size:.8em; border: var(--oday_listBorder); padding:5px; display: inline-block; border-radius: var(--oday_iptBorderRadius);} #list-bd .box .list .extra a:hover { background-color:var(--oday_mainColorOpt)} */ #list-bd.list-bd-ul .box:has(.extra) { padding: 15px 15px} .extra_wrap { width:100%; padding-left:0; display:none; } .extra_wrap:has(span) { display:block} #list-bd .box .extra { font-size:.85em; line-height:1; opacity:.6; padding:4px; display: inline-block; margin:2px 0 0 0; color: var(--oday_fontHoverColor) !important; max-width: 200px; overflow: hidden; text-overflow: ellipsis; background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); /* border: var(--oday_listBorder); border: 1px solid color-mix(in srgb, var(--oday_mainColor), transparent 90%); border-radius:2px; border-radius: 3px; */ } @media screen and (max-width: 768px){ /* */ #list-bd .box { position: relative; } #list-bd .box .list { display: block; } #list-bd .box .list > * + * { margin-left:0} #list-bd .box .list .category { margin-bottom: 0; } #list-bd .box .list .end { margin-left: auto; padding-left: 0; } #list-bd .box { height: unset; padding: 15px; } #list-bd .box .front { align-items: flex-start; flex-direction: column; } #list-bd .box .list .end { font-size:.8em; margin-top: 5px; } #list-bd .box .list .extra { max-width: 48%; margin: 2px 5px 0 0; } } /*////////// 게시판 - 웹진리스트 - 노말과 공유 //////////*/ #list-webzinelist {border-top: var(--oday_listBorderUp); border-bottom: var(--oday_listBorderUp); background-color: var(--oday_listBgColor); } #list-webzinelist .box { position:relative; padding:20px; display: flex; justify-content: flex-start; align-items: center; transition: 0.3s ease} #list-webzinelist .readActive { background-color: var(--oday_listBgColorDown); } #list-webzinelist .box + .box { border-top: var(--oday_listBorder); } #list-webzinelist .wrapimg { position:relative; flex-shrink: 0; width: calc(var(--oday_listHeight) + 110px); height: calc(var(--oday_listHeight) + 60px); background-color: var(--oday_metaBgColor); border: var(--oday_listBorder); border-radius: 5px; background-position:center; background-size: 102% auto; transition:.3s; display: flex; justify-content: center; align-items: center; font-size: calc(var(--oday_listHeight) / 2); color: var(--oday_metaColor); margin: 0 30px 0 0; transition: 0.3s ease; overflow: hidden; } #list-webzinelist .box ul li { display: flex; align-items: center; } #list-webzinelist .box ul li .number { font-size: .8em; margin-right:5px; color:var(--oday_mainColor); vertical-align: text-top;} #list-webzinelist .box ul li .title { font-size: 1em; } #list-webzinelist .box ul li .title a { line-height:1.4; font-weight:500; font-size: 1.2em;} #list-webzinelist .box ul li.t2 { font-size:.9em; } #list-webzinelist .box ul li .summary { line-height: 1.4; opacity:.7; font-size:.9em; word-break: break-all;} #list-webzinelist .box ul li > * + * { margin-left:.5em; } #list-webzinelist .box ul li + li { margin-top:.5em; } #list-webzinelist .box:hover .title {color:var(--oday_mainColor)} #list-webzinelist .box:hover .wrapimg {background-size: 110% auto; } @media screen and (max-width: 768px){ #list-webzinelist .wrapimg {width: var(--oday_listHeight); height: var(--oday_listHeight); margin: 0 20px 0 0;} #list-webzinelist .box { padding:20px 10px} #list-webzinelist .box ul li {flex-wrap: wrap;} #list-webzinelist .box ul li .title { margin-left: 0; margin-top:5px;} #list-webzinelist .box ul li .summary { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* #list-webzinelist .box { justify-content: flex-start; flex-wrap: wrap;} #list-webzinelist .box ul { margin-top:10px;} */ } /*////////// 게시판 - 웹진 //////////*/ #list-webzine .box { position:relative; float:left; overflow:hidden; display:block; border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); border: var(--oday_listBorder); box-shadow: var(--oday_listShadow); transition:.3s; } #list-webzine .readActive { opacity:.5; mix-blend-mode: luminosity; } /*#list-webzine .box:hover {border: var(--oday_listBorderHover); }*/ #list-webzine .wrapimg { position:relative; width: 100%; /* padding-bottom: 51.6%; border: var(--oday_listBorder); padding-bottom:60%;*/ display: flex; justify-content: center; align-items: center; overflow: hidden ; background-position:center; background-size: 100% auto; transition:.3s; background-color: var(--oday_metaBgColor); font-size: calc(var(--oday_listHeight) / 2); color: var(--oday_metaColor); } #list-webzine .wrapimg img {width:100%; transform:scale(101%); transition:.3s;} #list-webzine div.noimg { position:relative; width:100%; height:100%; background-color: var(--oday_listBgColorDown); } #list-webzine div.noimg div {position:absolute; display: flex; justify-content: center; align-items: center; width:100%; height:100%; left:0; top:0; font-size:50px; opacity:.05} #list-webzine .box:hover .wrapimg { background-size: 105% auto; } #list-webzine .box:hover .wrapimg img { transform:scale(105%) } #list-webzine .boxT { padding:20px 15px; } #list-webzine .boxT > * + * { margin-top:10px;} #list-webzine .boxT .title { font-weight:500} #list-webzine .title a { word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height:1.4} #list-webzine .boxT .category { font-size:.8em; } #list-webzine .boxT .summary { opacity:.5; font-size:.9em; line-height: 1.4; color: var(--oday_fontColor); word-break: break-all; padding-bottom:8px} #list-webzine .boxT .opt { display: flex; align-items: center; justify-content: space-between; color: var(--oday_fontColor); font-size: .9em;} #list-webzine .boxT .opt > * { display: flex; align-items: center; } #list-webzine .boxT .opt > * + * { margin-left: 1em; } #list-webzine .boxT .opt .author + span { margin-left:auto;} /*////////// 게시판 - 방명록 //////////*/ .list_guest_write { border: var(--oday_listBorder); border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); box-shadow: var(--oday_listShadow); } .list_guest_write {padding: var(--oday_sideGap); } .list_guest_write textarea { height:200px; } #list_guest .box {position:relative; border: var(--oday_listBorder); border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); box-shadow: var(--oday_listShadow); overflow: hidden; } #list_guest .grid {padding: var(--oday_sideGap); display: flex; } #list_guest .grid .meta { display: flex; flex-direction: column; margin-right:10px} #list_guest .grid .meta .profile { z-index:1; margin-top:-10px; } #list_guest .grid .meta .number { margin-top:-10px; font-size:1.5em; font-weight:500; margin-right: 5px; width: calc(var(--oday_metaIconSize)* 1.5); height: calc(var(--oday_metaIconSize)* 1.5); color: var(--oday_mainColor); background-color: var(--oday_listBgColorUp); border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: var(--oday_listShadow); } #list_guest .grid .gCon { flex: 1; padding-left:.5em; } #list_guest .grid .gCon .title { font-size:1.2em; font-weight:500} #list_guest .grid .gCon .metabox { display: flex; align-items: center; flex-wrap: wrap; font-size:.9em; margin-top:5px;} #list_guest .grid .gCon .metabox > * { white-space:nowrap; } #list_guest .grid .gCon .metabox > * + * { margin-left:5px} #list_guest .grid .gCon .xe_content {padding: 1.5em 0 } #list_guest .grid .gCon .xe_content img { max-width: 300px; max-height: 300px; } #list_guest .write_comment { } #list_guest .feedback { margin-top:0} #list_guest .comList {padding-bottom:0; position:relative; } @media screen and (max-width: 768px){ #list_guest .grid .meta .number { margin-top:0; font-size:.8em; } } /*////////// 게시판 - 북마크 //////////*/ #list-book { margin: 0px auto; } #list-book .box { transition:.3s; padding:20px; margin-bottom:4px; box-sizing: border-box; border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); border: var(--oday_listBorder); box-shadow: var(--oday_listShadow);float:left; } #list-book .box .mlink { display: flex; width: 100%; } #list-book .box img, #list-book .box .noImg { border-radius: 10px; display: flex; align-items: center; justify-content:center; box-sizing: border-box; font-size:2em; background-color: var(--oday_metaBgColor); color: var(--oday_metaColor); border: var(--oday_listBorder); align-self: flex-start} #list-book .box .tBox { display: flex; flex-direction: column; margin: 0 0 0 20px; } #list-book .box .tBox span + span { margin-top: 5px; } #list-book .box span.category { font-size:.8em ; } #list-book .box span.title { font-size: 1em ; font-weight: 500; letter-spacing: 0; word-break: break-word; line-height:1.4 } #list-book .box span.summ { font-size: .9em; line-height: 1.4;word-break: break-all; opacity:.6 } #list-book .box span.url { font-size: .8em; word-break: break-all; color:var(--oday_mainColor) } #list-book .box .btnedit { position:absolute; top: 0px; right: 0px; padding:10px; border-radius:0 10px 0 0; display: flex; align-items: center; background-color:var(--oday_listBgColor); } #list-book .box .btnedit a { margin-right: 1em; } #list-book a:hover, #list-book a:focus { color: unset; } #list-book .fbItem * { display: flex; align-items: center; } #list-book .fbItem p { font-size:.9em; } .bookmark-plus { line-height: 1; margin-top: 10px; padding-top: 10px; border-top: var(--oday_listBorder); } .bookmark-plus a { display:inline-block !important; width: unset !important; } .bookmark-plus a i, .bookmark-plus a span { position:relative; display:inline-block !important; font-size: .7em; line-height: 1 !important; color:#000; letter-spacing:0.05em; margin-left:.5em; width: fit-content; max-width: fit-content;padding: 3px 5px; background-color: var(--oday_mainColorOpt); border-radius: 3px; } .bookmark-plus a i:before { transform: rotate(90deg);} .bookmark-plus a i:hover, .bookmark-plus a span:hover { background-color: var(--oday_mainColor); color:#fff} .bookmark-plus li + li {margin-top: 5px; } .bookmark-plus img { display:none !important; } @media screen and (max-width: 768px){ } /*////////// 게시판 - 히스토리 //////////*/ .greetinginpage { margin: 0 auto; max-width:80%; max-width:800px; text-align:center; padding:50px 0 100px 0; z-index: 2; position: relative; background: radial-gradient(ellipse closest-side, var(--oday_mainColorDark), transparent);} .greetinginpage ul { /*background-color: color-mix(in srgb, var(--oday_listBgColor), transparent 30%); box-shadow:0 0 40px 40px color-mix(in srgb, var(--oday_listBgColor), transparent 30%); */ padding:50px 100px; border-radius:30px; } .greetinginpage li.since { font-size: 1.2em; line-height: 1; font-weight: 300; margin-bottom:1em} .greetinginpage li.since span { font-weight: 700; } .greetinginpage li.title h1 { font-size:3.5em; letter-spacing: -1px; font-family:"Montserrat Alternates", "Noto Sans KR"; font-weight: 900; line-height: 1;margin: 0; padding: 0; display:inline-block; white-space:nowrap; text-shadow: 0 0 5px rgba(0,0,0,.4); /*background-image: linear-gradient(-45deg, var(--oday_mainColorDark), var(--oday_mainColor)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ } .greetinginpage li.sum { font-size: 1em; margin-top: 1em; line-height: 1.4; word-break: keep-all; } @media screen and (max-width: 1000px){ .greetinginpage { padding: 20px 20px 50px 20px; } .greetinginpage ul { padding:50px 30px; border-radius:20px;} .greetinginpage li.since { font-size: 1em; } .greetinginpage li.since span { font-size: 1.5em; display:block; margin-top:5px;} .greetinginpage li.title h1 { font-size:3em; } } :is(.color_scheme_dark), :root[color-theme='dark'] { .greetinginpage ul { /*background-color: color-mix(in srgb, var(--oday_listBgColor), transparent 10%);box-shadow:0 0 40px 40px color-mix(in srgb, var(--oday_listBgColor), transparent 10%)*/ } .greetinginpage li.since span { font-weight: 700; } } #list_history { margin: 0 auto; max-width: fit-content; margin-bottom:2em; z-index: 1; position: relative;} #list_history li { display: flex; flex-direction: column; } #list_history li ul, #list_history li + li { margin-top: 50px; } #list_history .box { display: flex; flex-direction: row; } #list_history .box > div { display: flex; flex-direction: column; } #list_history .box > div > div { display: flex; } #list_history .box > div > div + div { margin-top:20px; } #list_history div.cate_title { font-size:1.5em; margin-right: 30px; font-weight: 700; letter-spacing: 0; width:100px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } #list_history div.calendar { display:flex; justify-content: space-between; margin-right: 30px; width:80px } #list_history span.month { display:flex; font-size: 1.2em; font-weight: 700; color:var(--oday_mainColor); } #list_history span.day { display:flex; font-size: 1.2em; font-weight: 500; } #list_history span.title { font-size: 1.2em; font-weight:600; display:block} #list_history span.title div { font-size:.8em; font-weight:400; opacity:.8; margin-top: 5px; min-width:200px; max-width:500px; } #list_history span.title a { display:inline-block; } #list_history span.title img { width:100px} #list_history .document_popup_menu { display:none; } @media screen and (max-width: 768px){ #list_history { padding: 0 20px; } #list_history li ul, #list_history li + li {margin-top: 40px; padding-top:40px; border-top: var(--oday_listBorder);} #list_history .box { flex-direction: column; } #list_history .box > div > div { flex-direction: column; align-items: center; } #list_history div.cate_title { font-size: 15px; font-weight: 700; margin-right: 0; margin-bottom:20px; width: 100%; display:flex; align-items: center; } #list_history div.cate_title span { border:var(--oday_listBorder); background-color: var(--oday_listBgColor); width: fit-content; padding: 5px 15px; border-radius:20px; } #list_history div.calendar {flex-direction: column; align-items: center;margin-right:0; margin-bottom:10px;} #list_history span.month { font-size: 1.8em; } #list_history span.day { font-size: 1.5em; } #list_history span.title { font-size: 1.3em; text-align:center} } @media screen and (max-width: 768px){ } /*////////// 게시판 - 인풋폼 //////////*/ #list_inputform {border: var(--oday_listBorder);background-color: var(--oday_listBgColor); border-radius: var(--oday_listBorderRadius); padding:20px; margin-top: 5px !important; margin-bottom: 5px !important; } #list_inputform h3 { display:block; font-size:1.2em; padding:30px 0 15px 5px;} #list_inputform .formlist { border-top: var(--oday_listBorderUp); } #list_inputform .formlist > li:last-child { border-bottom: var(--oday_listBorderUp); } #list_inputform .formlist.ap_hidden > li:last-child { border-bottom:none} #list_inputform .formlist > li, #list_inputform .formlist .ap_item {display:flex; align-items: stretch; width:100%;} #list_inputform .formlist label, #list_inputform .formlist h4 {display: flex; align-items: center;} #list_inputform .formlist input:not( [type="radio"], [type="checkbox"], [type="password"], , [type="button"]), #list_inputform .formlist textarea { width:calc( 100% - var(--table_tdWidth)); } #list_inputform .formlist textarea { height: 80px; } #list_inputform .formlist input[type="button"], #list_inputform .formlist button[type="button"] { all: unset; white-space: nowrap; cursor: pointer; box-sizing: border-box; height: calc( var(--oday_iptHeight) - 0px); padding: 0 10px; display: flex; align-items: center; justify-content: center; font-weight: var(--oday_fw-semiBold); background-color: var(--oday_btnBgColor) !important; border: var(--oday_btnBorder); border-radius: var(--oday_iptBorderRadius); width:fit-content; margin-top: 0; } #list_inputform .extra_html {width: 100%; display: flex; flex-wrap: wrap;} #list_inputform .formlist .dsable, #list_inputform .formlist .dsable:hover { background-color:transparent !important; border-style:dashed !important } #list_inputform .ap_privacy { padding:40px; border-bottom: var(--oday_listBorderUp); } #list_inputform .formlist2 { display:flex; flex-direction: column;} #list_inputform .formlist3 { padding:20px 0} #list_inputform .formlist3, #list_inputform .formlist3 li {display:flex; align-items: center; justify-content: center;} #list_inputform .formlist3 li + li { margin-left:20px;} #list_inputform .apbtn-box {display:flex; align-items: center; justify-content: center; padding:0 0 0 0 } #list_inputform .ap_result { display: none; } #list_inputform .ap_result .ap_text_wrapper { text-align:center; padding:20px 0} #list_inputform .ap_result .ap_text_wrapper h3 { font-size:2em;} #list_inputform .ap_result .ap_text_wrapper p { font-size:1.2em; line-height:1.4} #list_inputform .ap_result .ap_basic { border-top: var(--oday_listBorder); } #list_inputform .ap_result_basic {border-bottom: var(--oday_listBorder); display:flex; } #list_inputform .ap_result_basic_th {display:flex; align-items: center; } #list_inputform .formlist2 .t-box {display:flex; align-items: center; font-weight:700; font-size:1.2em } #list_inputform .formlist2 .t-box input { font-size: .7em} .ap_privacy_agree { font-size:.9em; padding:10px 10px 0 20px; width:100%; line-height:1.4; color:var(--oday_mainColorOpt2)} .ap_privacy_agree li { padding-left:5px} .ap_privacy_agree li + li { margin-top:5px;} .ap_privacy_agree li + li.ti { margin-top:10px;} .ap_privacy_agree .ti { font-size:1.1em; font-weight:500; padding-left:0; color:var(--oday_fontColor)} @media screen and (max-width: 768px){ #list_inputform .formlist input:not( [type="radio"], [type="checkbox"], [type="password"], [type="button"], [type="time"], .date), #list_inputform .formlist textarea { width:100%; margin:0 } #list_inputform .ap_privacy { padding:20px 20px; } } /*////////// 게시판 - 갤러리 //////////*/ #list-gall {padding: 0; width: fit-content;} #list-gall .box .listchk { position:absolute; top: 10px; left: 10px; z-index: 1; mix-blend-mode: unset; } #list-gall .box .listchk.sum { left: unset; right:10px; } #list-gall .box { position:relative; float:left; overflow:hidden; display:block; border-radius: var(--oday_listBorderRadius); background-color: var(--oday_listBgColor); border: var(--oday_listBorder); box-shadow: var(--oday_listShadow); } #list-gall .box a { display: block; overflow: hidden;width: 100%; height: 100%; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } #list-gall .box .thum { width: 100%; object-fit: cover; object-position: center top; transform: scale(101%); transition-duration: .3s; } #list-gall .box:hover .thum { transform: scale(105%); } #list-gall .box ul { padding:2em 1em 1em 1em; } #list-gall .box ul:has(.starpoint) { padding:.5em 1em 1em 1em; } #list-gall .box ul li.star {display:flex; justify-content: center; } #list-gall .box ul li.star .starpoint { font-size:24px; margin-bottom:10px} #list-gall .box ul li.columns { display: flex; justify-content: space-between; align-items: center; font-size:1em; } #list-gall .box ul li.columns > * { display: flex; align-items: center; line-height: 1; white-space: nowrap;} #list-gall .box ul li.columns * * + * { margin-left: 5px; } #list-gall .box ul li.columns.bottom i { margin-right:2px; } #list-gall .box ul li.columns.middle { margin-top:.8em; margin-bottom:.8em; font-size: .9em;} #list-gall .box ul li.columns.bottom { font-size:.9em; } #list-gall .box ul li .author { white-space:normal; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } #list-gall .box ul li.title {line-height: 1.4; font-weight: 700; font-size:1.1em} #list-gall .box ul li.summary { opacity: .7; font-size:.9em; margin-top:.5em; line-height: 1.4; word-break: break-all;} #list-gall .box ul li.full { margin-top:10px;} #list-gall .box .read, #list-gall .box .count, #list-gall .box .category { color: var(--oday_mainColor); } /*썸네일만 보기*/ #list-gall .box.titleIn .titleInbox { position:absolute; bottom: 0; z-index:1; width: 100%; color:var(--oday_fontColor); transition:.3s ease; pointer-events: none; opacity: 0} #list-gall .box.titleIn ul.titleInbox li.title { margin-top: 0; font-size:1.1em; font-weight: 500} /**/ #list-gall .box.titleIn:after { content:""; display:block; position:absolute; top: -10px; left: -10px; z-index: 0; width:calc(100% + 20px); height:calc(100% + 20px); background:linear-gradient(transparent 0% , var(--oday_listBgColor) 80% ); opacity:0; transition:.3s; pointer-events: none; /* background-color: color-mix(in srgb, var(--oday_listBgColor), transparent 100%); */ } #list-gall .box.titleIn:hover:after { opacity:1; /* backdrop-filter: grayscale(0); mix-blend-mode: overlay; backdrop-filter: blur(2px);*/ } #list-gall .box.titleIn:hover .titleInbox { opacity: 1} @media screen and (max-width: 768px){ #list-gall .box.boxsize2 > a {display: flex; justify-content: center;} #list-gall .box.boxsize2 .thum { width:auto; height:100%} #list-gall .box ul { padding:2em 1em 1em 1em; } #list-gall .box ul li.title { font-size: 1.1em !important; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #list-gall .box ul li.summary { font-size: .85em; } #list-gall .box.titleIn .titleInbox {opacity: 1} #list-gall .box.titleIn:after { opacity:1; } } /* 갤러리 관련 */ /* 인피티니 스크롤 페이지 위치 안내 */ .infinitiNotice { text-align:center; font-size: .85em; padding: 1em 2em; line-height: 1.4; width: fit-content; margin: 0 auto; margin-bottom: 1em; border: var(--oday_listBorderHover); background-color: var(--oday_listBgColor); border-radius: 50px; } .infinitiNotice span, .infinitiNotice a { font-weight: var(--oday_fw-semiBold); color: var(--oday_mainColor) !important; } /* 레이어 팝업시 백 고정 : scrollDisable() 스크립트랑 같이 연동 1 */ .scrollDisable {height: 100vh; min-height: 100vh; overflow:hidden !important; touch-action:none; padding-right:calc(var(--oday_scrollWidth) - 8px)} .searchBox.gallery { max-width: 100%} /* 갤러리 - 프레임 */ .iframeCon, .iframeCon iframe { width: 100vw; height: 100vh} .iframeCon {position: fixed; top: 0; left: 0; z-index: 1000; display: none; /*backdrop-filter: blur(10px);*/ } .iframeCon .iframeBg {position: fixed; top: 0; height: 100vh; width: 100vw; z-index: -1; background-color:rgba(0,0,0,.8); backdrop-filter: blur(5px); } :is(.color_scheme_light ) { .iframeCon .iframeBg {background-color:rgba(255,255,255,.8); } } .iframeBg4Click {position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .listchk4gall { position:absolute; z-index: 1; width: 30px !important; height: 30px !important; right: 5px; bottom: 5px; } /* 인피티니 스크롤 안내 스티키 */ .wrap-infinity { width: 100%; padding:20px 0; position:relative; height:100px; display: flex; align-items: center; justify-content: center; } .page-load-status, .infinity-btn-box { position:absolute; display: flex; align-items: center; justify-content: center; } .page-load-status p, .infinity-btn-box a { display:block; background-color: var(--oday_mainColorLight); color:#000; padding: 10px 30px; border-radius: 30px; width: fit-content; line-height: initial; font-size:1em; font-weight: 700; } .infinity-btn-box a:hover { background-color: var(--oday_mainColorDark); color:#fff; } .infinity-btn-box a span { font-weight:400; font-size:.8em} .wrap-infinity i { font-size:1.4em;} .box .thum.no { display: flex; justify-content: center; align-items: center; font-size:4em; background-color: var(--oday_listBgColorDown1);} .box .thum.no * { opacity:.1; color:var(--oday_fontColor)} :is(.color_scheme_dark), :root[color-theme='dark'] { .box .thum.no * { opacity:.05; } } /*////////// 읽기 //////////*/ .widthSideNavi { position: relative; z-index: 1;margin: 0 auto; width: 100%; display: flex; } #readBox { overflow:hidden; position: relative; z-index: 1; background-color: var(--oday_listBgColor); border-radius: var(--oday_readRadius); box-shadow: var(--oday_listShadow); border:var(--oday_listBorder); width:calc( 100% - calc(var(--oday_sideNaviBtnWidth) + 15px)); } #readBox .rTitle { padding: var(--oday_sideGap) } #readBox .rTitle + .rTitle { padding-top:0; border-top:none; /* margin-top: calc( var(--oday_sideGap) * -.5 ); margin-top: calc( var(--oday_sideGap) * -1 )*/ } #readBox .rMain + .rTitle { border-top: var(--oday_listBorder); } #readBox .rTitle * { margin: 0; padding: 0; } #readBox .location { padding:var(--oday_sideGapLR); padding-top:20px} #readBox .location, .writeLocation { font-size:.9em; } #readBox .location i, .writeLocation div > I { color: var(--oday_mainColorLight); } #readBox .location li + li { margin-top:5px} #readBox .location .from { opacity:.5} #readBox .location .from em { font-size:.8em} #readBox .rTitle .title h1 { font-size: 1.8em; line-height: 1.4; font-weight:600; letter-spacing:-1px; word-spacing:1px; } #readBox .rTitle .meta { display: flex; align-items: center; } #readBox .rTitle .meta .author {font-weight:400} #readBox .rTitle .meta > * + * { margin-left: 10px; } #readBox .rTitle .meta ul li { display: flex; align-items: flex-end; line-height: 1; } #readBox .rTitle .meta ul li + li { margin-top:2px} #readBox .rTitle .meta ul li span { display: flex; align-items: center; font-size:.8em;line-height: 1; } #readBox .rTitle .meta ul li * + span.count {margin-left: 1em; } #readBox .rTitle .meta ul li span.count { font-size: 1em; } #readBox .rTitle .meta ul li .date i { color: var(--oday_mainColorLight); } #readBox .rTitle .meta ul li > * + * { margin-left: .4em; } #readBox .rMain { padding: var(--oday_sideGap); margin: 0 0 1em 0; } #readBox * + .rMain {border-top: var(--oday_listBorder);} .hr.readBoxnext { margin: 60px 0 !important; } #readBox #exOut + .rMain {border-top: none;} .no_bd_bg #readBox:not(.gallery){ --oday_sideGap: 30px 10px 30px 10px; --oday_sideGapLR:0 10px; } .no_bd_bg .bd-all:not(.list-notice), #writeBox.classic {background-color: unset !important; box-shadow: unset !important; border:unset !important;} .no_bd_bg #list_mobile.bd-all, .no_bd_bg .bd-all.list-bd-ul, .no_bd_bg .bd-all.webzinelist {border-top: var(--oday_listBorderUp) !important;border-bottom: var(--oday_listBorderUp) !important;} .no_bd_bg #list-bd-table table.tbl_board, .no_bd_bg #list-bd-table table.tbl_board th {background-color: unset; } .no_bd_bg .stickyTopBox { } .no_bd_bg #list_guest .box {background-color: unset; border-radius: unset; box-shadow: unset; border:unset;} .no_bd_bg #readBox:not(.gallery) { background-color: unset; border-radius: unset; box-shadow: unset; border:unset; } .no_bd_bg #readBox.nolimit { background-color: unset; border-radius: unset; box-shadow: unset; border:unset;} .no_bd_bg .feedback h2 {background-color:var(--oday_bodyBgColor)} .no_bd_bg .comList {background-color: unset; } .classic .comList:before, .no_bd_bg .comList:before { background: radial-gradient( ellipse at 50% 100%, var(--bggra_up2), transparent 80%); } .no_bd_bg ul.naviBtn {background-color:var(--oday_bodyBgColor)} .no_bd_bg .sign li, .no_bd_bg .author_list > div {background-color: var(--oday_listBgColor);} #readBox.classic, #readBox.classic :where(.sign li, .author_list > div, .naviBoxBottom ul, ul.naviBtn) {background-color:unset; border-radius: 0; box-shadow: unset; border:none;} #readBox.classic + .naviBoxSide ul:not(.font-size) { background-color: unset; border: none; box-shadow: unset;} #readBox.classic :where(.sign, ul.naviBtn) { border-top:var(--oday_listBorder)} #readBox.classic .author_list { border-bottom:var(--oday_listBorder)} #readBox.classic .feedback h2 { background-color: var(--oday_bodyBgColor);} #exOut {padding: var(--oday_sideGapLR); margin-bottom:2em; } @media screen and (max-width: 768px){ .naviBoxSide li div { display:none;} #readBox { width: 100%; padding-bottom: 20px; } #readBox .rTitle .title h1 { font-size: 1.6em; } #readBox .location, .writeLocation { font-size:.8em; } #readBox .rTitle .meta ul li span.od_date { font-size:10px} } /* 페이지 인포 */ .urlInfo { margin-top:20px; padding: 3em; } .urlInfo table { font-size: 12px; font-weight: var(--oday_fw-regular); opacity:.9; width: 100%; border-top: var(--oday_listBorder); text-align:left; border-spacing: 0px; } .urlInfo table tr * {padding: 8px 10px !important; } .urlInfo table tr * { border-bottom: var(--oday_listBorder); line-height: 1.4; width: 100%; max-width:900px; overflow:hidden; text-overflow: ellipsis; } .urlInfo table tr th { white-space: pre; font-weight: var(--oday_fw-regular); background-color: var(--oday_bodyBgColor); width: min-content; height:unset; min-height:unset;} .urlInfo table tr td { width: min-content; height:unset; min-height:unset; display: table-cell; } .urlInfo h3 { margin-bottom:.5em; } .urlInfo table + h3 { margin-top:2em; } /* 하단 액세서리 */ .wrapRopt { padding: var(--oday_sideGapLR); margin-bottom: 3em; } .wrapRopt > * + * { margin-top: 5px; } /* 서명 */ .sign { padding: var(--oday_sideGapLR); margin-top:0; max-width:var(--oday_maxWidth)} .sign li { border: var(--oday_listBorder); box-shadow: var(--oday_listShadow); background-color: var(--oday_listBgColorUp); display: flex; align-items: flex-start; padding:30px; border-radius: 10px; font-size:.9em; width: -webkit-fill-available;} .sign li > * + * { margin-left:3em; } .sign .smeta {position:relative;} .sign .profile { width: var(--oday_metaIconSize2); height: var(--oday_metaIconSize2); background-color: var(--oday_metaBgColor); color: var(--oday_metaColor); font-size: var(--oday_metaFontSize2); border-radius: 100%; display: flex; align-items: center; justify-content: center; } .sign .stext { line-height: 1.4; flex: 1; } .sign .stext h3 { margin-bottom:.5em; font-size: 1em; } .sign .stext > div { opacity:.6; font-size: .9em; margin-top:5px; height:unset !important} .sign .sign_name { font-size:1.2em} .sign .sign_home { font-size:.85em; margin-top:5px; letter-spacing:0} .sign .sign_name i { color:var(--oday_mainColor); font-size: 1.2em;} .smeta .level { font-size:10px; position:absolute; bottom:-5px; left:calc(var(--oday_metaIconSize2) * .6); width:calc(var(--oday_metaIconSize2) * .4); height:calc(var(--oday_metaIconSize2) * .4); border-radius:100%; display: flex; align-items: center; justify-content: center; background-color: var(--oday_mainColor); } .smeta .level em {color:var(--oday_primaryBtnColor); font-weight:700; font-size:1.5em} /* .sign.simple li > * + * { margin-left:10px;} .sign.simple .profile { width: calc(var(--oday_metaIconSize2) * .5); height: calc(var(--oday_metaIconSize2) * .5); font-size: calc(var(--oday_metaFontSize2) * .5); } .sign.simple .signature { font-size:.8em} .sign.simple .level { color: var(--oday_mainColor); display:block;} */ .sign_wrap { padding: var(--oday_sideGapLR); } .meta_btn { font-size:10px; display:flex; align-items: center; height:40px; line-height:1; border:var(--oday_listBorder); background-color:var(--oday_listBgColorUp); border-radius:5px; padding:0px 20px; width: fit-content; margin: 0 auto; margin-bottom:20px; } .meta_btn span { font-weight:700; padding-right:2px } .meta_btn i { font-size:1.1em; color:var(--oday_mainColorOpt) } .meta_btn em + em { margin-left:5px; padding-left:5px; border-left:var(--oday_listBorder)} .sign_wrap.no .meta_btn { margin:0; margin-left: auto; border-radius:0 0 5px 5px; border-top:none; margin-right:15px; height:30px; } /* 첨부파일 */ .downlist { display: flex;align-items: flex-end; flex-direction: column; padding: var(--oday_sideGapLR); margin: 10px 0 5px 0; } .downlist > a { font-size:10px; margin-bottom:5px} .downlist > a i { font-size:1.4em} .down_file { display: flex; align-items: center;flex-wrap: wrap; justify-content: flex-end; } .down_file a { padding: 5px 10px; font-size:.7em; border: 1px solid color-mix(in srgb, var(--oday_mainColor), transparent 90%); background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); border-radius: 3px; display: flex; align-items: center; margin:0 2px 5px 2px} .down_file a span { opacity:.8; margin-left:.5em; } .down_file a span i { font-size:.8em; margin: 0 2px; color: var(--oday_mainColorLight); } /* 도큐먼트 메뉴 */ .doDocument { padding: var(--oday_sideGapLR); padding-top:10px;display: flex; justify-content: flex-end; } .doDocument a {padding: 0 10px; border: var(--oday_listBorder); font-size:.8em; border-radius: 3px; height:25px; width: fit-content; display: flex; align-items: center; justify-content: center; line-height: 1; box-sizing:border-box;} /* SNS 공유 */ .doNsns { display: flex; justify-content: center; font-size:1em; padding: var(--oday_sideGap);margin-bottom: 5px } .doNsns a { font-weight:900; padding: 0 10px; border: var(--oday_listBorder); border-radius: 5px; height:30px; width:30px; display: flex; align-items: center; justify-content: center; line-height: 1; box-shadow: var(--oday_btnShadow); background-color: var(--oday_listBgColorUp); } .doNsns a:hover { border: var(--oday_listBorderHover);} .doNsns a + a { margin-left:5px;} /* 태그 */ .tags { font-size:.8em; display: flex; align-items: center;flex-wrap: wrap; padding: var(--oday_sideGapLR); margin-bottom: 5px } .tags i { font-size: 1.5em; margin-right:.2em; color: var(--oday_mainColorLight); } .tags a { /*border:1px solid color-mix(in srgb, var(--oday_mainColor), transparent 90%); */ background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); color:var(--oday_fontHoverColor) !important;border-radius: 10px; padding: 8px 15px; display: flex; align-items: center; margin:1px 2px} /* 추천 */ .vote { display: flex; align-items: center; justify-content: center; margin: 1em 0} .vote li a { display: flex; align-items: center; justify-content: center; flex-direction: column; border: var(--oday_btnBorder); box-shadow: var(--oday_btnShadow); background-color: var(--oday_btnBgColor); padding: 10px; border-radius: 10px; font-size:.8em; width: 100px; } .vote li a span.material-symbols-sharp { font-size: 3em; margin-bottom:.2em; } .vote li a div { display: flex; align-items: center; } .vote li a span.active { font-size: 1.1em; font-weight: 700; color: var(--oday_mainColorLight); margin-left: 5px; } .vote li + li { margin-left:.5em; } .sign .stext div.exp-info { opacity:1; margin-top:10px} .exp-graph { position:relative; background-color:var(--oday_listBgColorDown2); height:2px; border-radius:15px; overflow:hidden} .exp-graph div { position:absolute; top:0; left:0; height:100%; background-color:var(--oday_mainColor); } .exp-sum { margin-top:4px; width:100%; letter-spacing:.5px; font-size:.9em } .exp-sum span { font-weight:600; color:var(--oday_mainColor); } @media screen and (max-width: 768px){ .urlInfo { padding:10px 15px} .urlInfo table tr th, .urlInfo table tr td { width: 100%; overflow:hidden} .sign li {padding:20px 15px; display:inline-block} .sign li > * + * { margin-left:0; } .sign .stext > div { max-height: unset !important; overflow: unset !important; overflow-x: unset !important; height:unset !important; } .sign .smeta { float:right; margin-left:20px; margin-bottom:10px} .sign .profile { margin-bottom:0} .doDocument a { font-size:.7em;} .meta_btn { font-size:10px;} } .starpoint { display: flex; background-color:var(--oday_listBgColor); padding:3px 2px; border-radius:4px; font-size:11px; width: fit-content; line-height:1; border:var(--oday_listBorder)} :where(#list-bd-table, #list-gall) .starpoint { border:none; } .starpoint .score { line-height: 1;display: flex; align-items: center; color:var(--oday_mainColor); font-weight:700 } .starpoint .score i { color:var(--oday_mainColorOpt); margin-right:3px; font-size:10px; opacity:unset !important} .starRating { display:flex;position:relative; color:rgba(100,100,100,.15); ;} .starRating span { display:flex;position:absolute; top:0; left:0; overflow:hidden; color:var(--oday_mainColorOpt); background-color:var(--oday _listBgColor); } /*////////// 읽기 - 댓글 //////////*/ .feedback { --oday_com_profileW : 50px; --oday_comSize:10px; } @media screen and (max-width: 768px){ .feedback { --oday_com_profileW : 40px; --oday_comSize:10px; } } .feedback { /*background:linear-gradient(transparent, var(--oday_listGradient) calc( var(--oday_iptHeight) - 1px),transparent calc( var(--oday_iptHeight) - 1px)); margin-top: 2em; */} .feedback h2 { display: flex; align-items: center; border: var(--oday_listBorder); background-color: var(--oday_listBgColor); border-bottom:none; padding: 0 20px; margin-left: 30px; height: calc( var(--oday_iptHeight) - 1px); width: fit-content; border-radius: var(--oday_tab); margin-bottom: -1px; position: relative; z-index: 2; font-size: 1em; } .feedback h2 i { color: var(--oday_mainColorOpt); margin-right:5px; font-size:1.1em} .feedback h2 em { color: var(--oday_mainColorOpt); margin-left:5px; } .feedback h2 + * { border-top: var(--oday_listBorderUp); } .comList { padding: var(--oday_sideGap); position: relative; } .comList:before {content:""; position:absolute; top:calc((var(--oday_iptHeight) - 10px) * -1);; left:0;display:block; width:100%; height:calc(var(--oday_iptHeight) - 10px); background: linear-gradient(transparent, var(--bggra_up2)); mix-blend-mode: multiply;} .comList > li { padding-top:20px; padding-bottom:20px; position:relative; } .comList > li + li { border-top: var(--oday _listBorder); border-style:dashed } .comList > li:nth-child(2n+2) { background-color: var(--oday _listBgColorDown);} .comList .reple { border-left: var(--oday _listBorder); background-color: var(--oday _listBgColorDown); } .comList .depth { position: absolute; font-size:.7em; top:29px; margin-left:-15px; background-color: var(--oday_listBgColor); padding:2px 3px; z-index: 1; } .comList .depth span { opacity:.3} .no_bd_bg .comList .depth { background-color: var(--oday_bodyBgColor);} .comList div.c_tree { position: absolute; height: calc(100% - 3px); width: 20px; top: 30px; left: 0; border: var(--oday_listBorder); border-right:none; } .comList .reple div.c_tree {height: calc(100% + 1px); } .comList > li:last-child div.c_tree { display:none; } .comList .profile { width:var(--oday_com_profileW); height:var(--oday_com_profileW); border-radius:100%; overflow:hidden; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: var(--oday_listBgColorDown1); font-size:calc(var(--oday_com_profileW) * .5); line-height:1; border: var(--oday_listBorder); } .comList .reple .profile { width:calc(var(--oday_com_profileW) * .8); height:calc(var(--oday_com_profileW) * .8); font-size:calc(var(--oday_com_profileW) * .4); } .comList .profile img { width:100%;border-radius:100%; } .comList .owner .profile { /* border:2px solid var(--oday_mainColor); */ border:none; position:relative; padding:2px } .comList .owner .profile:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(-45deg, var(--oday_mainColor) 30%, #ffd500 70%); } .comList .owner .profile img { border:2px solid var(--oday_listBgColorDown); z-index:1} .comList .owner .profile span, .comList .owner .profile i { width:100%; height:100%;border-radius:100%; display: flex; align-items: center; justify-content: center; background-color:var(--oday_listBgColor) ; border:2px solid var(--oday_listBgColorDown); z-index:1 } .comList div.c_wrap { position:relative;display: flex; z-index:1} .comList div.c_meta { position:relative; } .comList div.c_meta .crown {position:absolute; top:-5px; left:0; margin-top:0; color: var(--oday_mainColor);} .comList div.c_meta * + * { margin-top:10px; } .comList div.c_all { margin-left:20px; width: 100%; } .comList div.c_all .bxs-crown { color: var(--oday_mainColor); margin-top: -8px; font-size: .8em; /* background-image: linear-gradient(-45deg, var(--oday_mainColor), #ffd500); background-clip: text; -webkit-background-clip: text; color: transparent; */ } .c_vote { opacity:.4; font-size:.85em; display: flex; align-items: flex-end; justify-content: center;} .c_vote.active { opacity:1; color: var(--oday_mainColor); font-weight:700} .c_con { padding:15px 0} .c_all .author { font-size:.9em; } .c_opt { font-size:.8em; opacity:.5; } .c_opt + .c_opt { margin-left:10px;} .c_opt_wrap { display:flex; font-size:.8em; opacity:.5; align-items: center; line-height: 1; margin-top:2px} .c_opt_wrap * + * { margin-left:5px;} .c_opt_wrap { position:relative} .c_opt_wrap .bx-copy { color: var(--oday_mainColor); margin-left:5px; } .c_opt_wrap span.commtip { color: var(--oday_mainColor); } .c_file { display:flex; flex-direction: column; align-items: flex-end; font-size:.85em; padding:0 0 5px 0} .c_file > a { font-size: 10px; } .c_file div a { padding: 5px 10px; font-size: .7em; border: var(--oday_listBorder); background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); border-radius: 3px; display: flex; align-items: center; margin: 2px 2px 1px 2px; } .c_file_s {display:flex;} .c_file_s a { padding: 2px 5px; font-size: .7em; border: var(--oday_listBorder); background-color: color-mix(in srgb, var(--oday_mainColor), transparent 95%); border-radius: 3px;} .c_file_s a + a { margin-left:2px} .c_act { font-size:.85em; display:flex; justify-content: flex-end; align-items: center;} .c_act .re_comment { margin-right:auto; font-weight:500; color: var(--oday_mainColor); } .c_act .re_comment i { } .c_act .re_comment.end { opacity:.3; font-style: italic; font-size:.8em; color: var(--oday_fontColor); } .c_act > * + * { margin-left:10px;} .c_act_child { opacity:.1; transition:.3s; } .comList > li:hover .c_act_child { opacity:1;} .comList.basic div.c_tree_b { position: absolute; top:0; left:0px; height:100%; background-color: var(--oday_listBgColorDown); border-right:var(--oday_listBorder); border-style:dashed} .comList.basic > li { padding-right:20px;} .comList.basic > li.reple + li.reple { border-top: var(--oday_listBorderDown); border-style: } .comList.basic .reple { border-left: var(--oday_listBorder); border-right: var(--oday_listBorder); background-color: var(--oday_listBgColor); } .comList.basic > li.no_reple + .reple { border-radius:10px 10px 0 0; border-top: var(--oday_listBorder); } .comList.basic > li.no_reple + .reple:after { content: ""; position: absolute; left: 30px; top: -6px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: var(--oday_listBgColor) !important; border-left:var(--oday_listBorder) !important; border-top:var(--oday_listBorder) !important; z-index:1; } .comList.basic .reple:last-child { border-bottom-right-radius:10px !important; border-bottom-left-radius:10px !important; border-bottom: var(--oday_listBorder); } /* .comList.basic .indent_2 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 2%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 10%) !important; } .comList.basic .indent_3 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 6%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 20%) !important; } .comList.basic .indent_4 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 10%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 30%) !important; } .comList.basic .indent_5 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 14%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 40%) !important; } .comList.basic .indent_6 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 18%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 50%) !important; } .comList.basic .indent_7 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 22%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 60%) !important; } .comList.basic .indent_8 { background-color: color-mix(in srgb, var(--oday_listBgColorDown), #000 16%); border-top:1px dashed color-mix(in srgb, var(--oday_listBgColorDown), #000 70%) !important; } */ .comList.com_chat { padding-top: 50px;} .comList.com_chat > li { padding-top:10px; padding-bottom:10px; position:relative; } .comList.com_chat div.c_meta { padding-top:0px} .comList.com_chat div.c_all { margin-top:-20px; padding-bottom:20px} .comList.com_chat div.c_con {position:relative; width: fit-content; max-width:var(--oday_maxWidth); border-radius: calc(var(--oday_listBorderRadius) * .8); border: var(--oday_listBorder); padding:15px 20px; margin:5px 0 10px 0; background-color: var(--oday_listBgColorUp2); margin-left: -5px; } .comList.com_chat div.c_con:after { content: ""; position: absolute; left: calc(var(--oday_comSize) * -.6); top: calc(var(--oday_comSize) * 1.2); width: calc(var(--oday_comSize) * 1); height: calc(var(--oday_comSize) * 1); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(55deg) skewY(-20deg); border-left: var(--oday_listBorder) !important; border-bottom: var(--oday_listBorder) !important; background-color: var(--oday_listBgColorUp2); } .comList.com_chat .owner div.c_con { border:1px solid color-mix(in srgb, var(--oday_mainColor), #fff 70%) !important; background-color: color-mix(in srgb, var(--oday_mainColor), #fff 99%); } .comList.com_chat .owner div.c_con:after { border-left: 1px solid color-mix(in srgb, var(--oday_mainColor),#fff 70%) !important; border-bottom: 1px solid color-mix(in srgb, var(--oday_mainColor), #fff 70%) !important; background-color: color-mix(in srgb, var(--oday_mainColor), #fff 99%); } .comList.com_chat .c_opt_wrap {justify-content: flex-end; margin-top:5px} .comList.com_chat .c_act {justify-content: flex-start; margin-top:5px} .comList.com_chat .c_act .re_comment { margin-right: unset ;} :is(.color_scheme_dark), :root[color-theme='dark'] { .comList .owner .profile img { border:3px solid var(--oday_listBgColorDown);} .comList.com_chat .owner div.c_con { border:1px solid color-mix(in srgb, var(--oday_mainColor), #333 70%) !important; background-color: color-mix(in srgb, var(--oday_mainColor), #333 95%); } .comList.com_chat .owner div.c_con:after { border-left: 1px solid color-mix(in srgb, var(--oday_mainColor),#333 70%) !important; border-bottom: 1px solid color-mix(in srgb, var(--oday_mainColor), #333 70%) !important; background-color: color-mix(in srgb, var(--oday_mainColor), #333 95%); } } @media screen and (max-width: 768px){ .feedback h2 { margin-left:15px} .comList div.c_all { margin-left:10px;} .comList.com_chat div.c_con {border-radius: calc(var(--oday_listBorderRadius) * .5); padding:10px 15px; } .comList.com_chat div.c_con:after {left: calc(var(--oday_comSize) * -.4); top: calc(var(--oday_comSize) * .8); width: calc(var(--oday_comSize) * .7); height: calc(var(--oday_comSize) * .7);} } /*////////// 읽기 - 댓글 - 끝 //////////*/ .xe_content, .rhymix_content { /*padding: 0 1em;*/ font-size: 1em; word-break: break-all; } .wrapUtilitytWin { display: flex; flex-direction: column; justify-content: center; align-items: center; margin:2em; border: var(--oday_listBorder); border-radius: 10px; box-shadow: var(--oday_listShadow); overflow:hidden; /* min-height: 100vh;*/} .wrapUtilitytWin > li { overflow:hidden; width: 100%; max-width: var(--oday_maxWidth); } .utilitytWin {margin: 0 auto; width: 100%; max-width: var(--oday_maxWidth); background-color: var(--oday_listBgColor);padding: var(--oday_sideGap); } .utilitytWin + .utilitytWin { padding-top:0} .utilitytWin .xe_content { margin-top: 1em; padding-top: 1em; border-top: var(--oday_listBorder); } .utilitytWin h3 { font-size: 1.2em; } .utilityMessage { padding: 20px 40px; border-radius: 10px; /*border: var(--oday_listBorder);*/ width: fit-content; margin: 0 auto; font-size: 1em; } .otbl {width: 100%; border-spacing: 0; } .otbl tr > * { padding: 5px 1.5em; height:calc(var(--oday_iptHeight) + 10px); } .otbl tr th { width: 120px; text-align: left; position: relative; } .otbl tr th:after { content: ""; position: absolute; width: 1px; height: calc(100% - 20px); top: 10px; right: 0; border-right: var(--oday_listBorder); box-sizing: border-box; } @media screen and (max-width: 768px){ .comListSub li.comCon .xe_content img { width: 100% !important; max-width:100%} .xe_content img { max-width:100%} } :is(.color_scheme_dark), :root[color-theme='dark'] { /*.feedback { background:linear-gradient(transparent, rgba(0,0,0,.15) calc( var(--oday_iptHeight) - 1px),transparent calc( var(--oday_iptHeight) - 1px)); }*/ } /*////////// 읽기 - 페이지 네비 //////////*/ ul.naviList { display: flex; justify-content: center; position: fixed; width: -webkit-fill-available; top : 50%; height: 1px; padding: 0 20px; z-index: 1; transition:.3s; } ul.naviList li { display: flex; align-items: center; position:relative; width: 50%; max-width: calc((var(--oday_maxWidth) / 2) + 60px); } ul.naviList li.disabled span, ul.naviList li a { display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 1.5em; background-color: var(--oday_listBgColor); border: var(--oday_listBorder); width: 50px; height: 50px; border-radius: 100%; z-index: 1; } ul.naviList li div { display:block; background-color: var(--oday_listBgColor); padding: 10px 30px; border-radius:40px; border: var(--oday_listBorder); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; transition:.3s; opacity: 0; position:absolute; pointer-events: none; } ul.naviList li: first-child {} ul.naviList li:last-child { justify-content: flex-end; } ul.naviList li a:hover + div { opacity: 1; } ul.naviList li: first-child div { margin-left: 0; left: 10px; } ul.naviList li:last-child div { margin-right: 0; right: 10px; } ul.naviList li: first-child a:hover + div { margin-left:20px; } ul.naviList li:last-child a:hover + div { margin-right:20px; } ul.naviList li a i { font-size: 1.4em; } ul.naviList li.disabled { opacity:.2} @media screen and (max-width: 768px){ ul.naviList { top : unset; bottom: 1em; padding: 0 10px; z-index: 1; } ul.naviList li { align-items: flex-end; } ul.naviList li.disabled span, ul.naviList li a { height: var(--oday_iptHeight); width: var(--oday_iptHeight); font-size: 1em; } } .widthSideNavi .naviBoxSide { position: sticky; top: 70px; height: fit-content; display: flex;flex-direction: column; align-items: center; margin-left: 5px; z-index: 2; padding-top:10px} .widthSideNavi4blog .naviBoxSide { position: sticky; top: 120px; height: fit-content; display: flex;flex-direction: column; align-items: center; margin-left: 5px; z-index: 1; margin-top:10px} .naviBoxSide ul { z-index: 1; padding: 5px; background-color: var(--oday_listBgColor); border-radius: calc( var(--oday_sideNaviBtnWidth) + 10px); box-shadow: var(--oday_listShadow); transition: 0.3s ease; } .naviBoxSide {transition: 0.3s ease; } .naviBoxSide li {position:relative; display: flex; align-items: center; justify-content: center; } .naviBoxSide li + li { margin-top: 5px; } .naviBoxSide li.btngolist { padding-bottom:10px} .naviBoxSide .font-size { position:relative; padding:10px 0; width: var(--oday_sideNaviBtnWidth); border: var(--oday_btnBorder); background-color: var(--oday_btnBgColor); box-shadow: var(--oday_btnShadow); border-radius:var(--oday_sideNaviBtnWidth); } .naviBoxSide .font-size li + li { margin-top: 0; } .sizeview { font-size:10px; padding:2px 0 0 0; justify-content: center; line-height:1; letter-spacing:-0.5px;} .naviBoxSide li div { position:absolute; max-width: 300px; height: var(--oday_sideNaviBtnWidth); font-weight:400; white-space: nowrap; right:calc(var(--oday_sideNaviBtnWidth) - 30px); background-color: var(--oday_btnBgColor); padding: 0 40px 0 15px; border-radius:40px; border: var(--oday_btnBorder); pointer-events: none; transition: 0.3s ease; opacity: 0; visibility: hidden; transform: translateX(5px); display: flex; align-items: center; line-height: 1; font-size: calc(var(--oday_sideNaviBtnWidth) * .4); } .naviBoxSide li div span {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .naviBoxSide li:hover div { opacity: 1; visibility: visible; transform: translateX(0); } .naviBoxSide a:not(.font-btn) { position:relative; width: var(--oday_sideNaviBtnWidth); height: var(--oday_sideNaviBtnWidth); border: var(--oday_btnBorder); background-color: var(--oday_btnBgColor); box-shadow: var(--oday_btnShadow); display: flex; align-items: center; justify-content: center; border-radius: 100%; z-index: 1; } .naviBoxSide a i { font-size: calc(var(--oday_sideNaviBtnWidth) * .5); } .naviBoxSide a span { font-size: calc(var(--oday_sideNaviBtnWidth) * .6); } .naviBoxSide li.disabled { opacity:.2; } .naviBoxSide li.disabled a { cursor: default; } .naviBoxSide .gotoComInNavi a i {position:absolute; top: -3px; right: -5px; font-size: 14px; color: var(--oday_mainColor);} .naviBoxSide a.comcount { color: var(--oday_mainColor); font-size:12px; font-weight:500 } .naviBoxSide .yellow, .naviBoxSide .yellow ~ a { border: var(--oday_listBorderMain); color: var(--oday_mainColor); font-weight:500 } .naviBoxSide .yellow i {color:var(--oday_mainColorOpt); font-size:1.3em} .naviBoxSide .combo a { border-radius:var(--oday_sideNaviBtnWidth) var(--oday_sideNaviBtnWidth) 0 0; border-bottom:none;} .naviBoxSide li.combo + li { margin-top: 0; } .naviBoxSide li.combo + li a { border-radius:0 0 var(--oday_sideNaviBtnWidth) var(--oday_sideNaviBtnWidth); border-top-style:dashed; } ul.naviBtn {padding: 1em 2em; border-top: var(--oday_listBorderUp); bottom: -1px; margin-top: 2em; background-color: var(--oday_listBgColor) ; z-index: 1; transition:.3s; } ul.naviBtn li { display: flex; justify-content: center; } .naviBoxSide > * + * { margin-top:5px} .naviBoxSide > * + ul { margin-top:10px} .naviBoxSide > ul + div { margin-top:15px} .hiddengo a { background-color: var(--oday_mainColor) !important; color: var(--oday_primaryBtnColor); border:none !important; width:var(--oday_sideNaviBtnWidth); height:var(--oday_sideNaviBtnWidth);} .hiddengo a:hover { background-color: var(--oday_mainColorDark) !important; color: var(--oday_primaryBtnColor);} @media screen and (max-width: 768px){ .widthSideNavi { flex-direction: column; } .widthSideNavi4blog .naviBoxSide, .widthSideNavi .naviBoxSide {flex-direction: unset; justify-content: center; top: unset; bottom: -1px; padding:3vw 0; margin-left:0vw; } .naviBoxSide * { margin-top:0 !important} .naviBoxSide ul { display:flex; box-shadow:unset; background-color:unset; padding:0 } .naviBoxSide.is-pinned { background-color: var(--oday_gnbBgColor); width: 100%; border-top:var(--oday_listBorder) } .naviBoxSide > ul + ul, .naviBoxSide > ul + div{ margin-left:15px;} .naviBoxSide > div + div, .naviBoxSide > ul:not(.font-size) > li + li { margin-left:4px} .naviBoxSide .font-size .sizeview { transform: rotate(270deg); font-size: 2vw; width: 3.5vw;} .naviBoxSide li div { display:none; } .naviBoxSide li.btngolist { padding-bottom:0; padding-right:10px;} .naviBoxSide .font-size { width:unset; height: var(--oday_sideNaviBtnWidth); padding:0 10px} /*& .widthSideNavi4blog .naviBoxSide, .widthSideNavi .naviBoxSide { top: unset; bottom: -1px; margin-left: 0; margin-top: 0; padding-bottom: 0; justify-content: center; } .widthSideNavi4blog .naviBoxSide { margin-top:10px;} .widthSideNavi4blog .naviBoxSide ul, .widthSideNavi .naviBoxSide ul { display: flex; justify-content: center; width: fit-content; box-shadow:unset; background-color:unset; padding:0 } .naviBoxSide .naviadd { } .naviBoxSide li + li { margin-top: 0; margin-left: 4px; } .naviBoxSide li + li.btngolist { margin-left:10px} .naviBoxSide .font-size li + li { margin-left: 2px; } .naviBoxSide .font-size .sizeview { padding:0 5px; font-size:8px; display:none;} ul.naviBtn {padding: 1em; } .naviBoxSide li div { display:none;} .naviBoxSide .combo a { border-radius:var(--oday_sideNaviBtnWidth); border-bottom:unset; border: var(--oday_listBorderHover)} .naviBoxSide li.combo + li { display:none; } .naviBoxSide .naviadd.gotoListNavi { display:block; } .naviBoxSide a {} .naviBoxSide a i {margin-top: 0; } .naviBoxSide.is-pinned { padding:1vw; background-color: var(--oday_gnbBgColor); width: 100vw; margin-left: -1vw; border-top:var(--oday_listBorder) } .naviBoxSide.is-pinned ul { box-shadow:unset; background-color:unset;} .naviBoxSide .naviadd.gotoTopInNavi { } .gotoListNavi {margin-left: ;} .gotoTopInNavi { order: ; } .widthSideNavi4blog .gotoTopInNavi {margin-left:auto !important} .naviBoxSide > * + ul, .naviBoxSide > ul + div { margin-top:0; margin-left:10px} */ } /*////////// 글 작성 //////////*/ #writeBox { overflow:hidden; border: var(--oday_listBorder); background-color: var(--oday_listBgColor); border-radius: var(--oday_readRadius); box-shadow: var(--oday_listShadow); padding: var(--oday_sideGap); margin-top: 5px; margin-bottom:20px; } #writeBox .formBox { margin: 2em 0} #writeBox .tag { margin:20px 0; } #writeBox .tag label { font-size:.8em; margin-bottom:.5em; display:block; } #re_cmt {display: none; position: relative; margin-top:20px; border: var(--oday_listBorder); padding:0 20px 20px 20px; border-radius:10px; overflow:hidden} /*#re_cmt:after { content: ""; position: absolute; width: 100%; height: 10px; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, .05), transparent); }*/ #re_cmt textarea { overflow: hidden; min-height: 8em; height: 2px; width: 100%;} #re_cmt > div { display:flex; padding:20px 0; justify-content: space-between;} #re_cmt > div * + * { margin-left:20px} #re_cmt > div a.wysiwyg { margin-left:auto;} /*////////// 테이블 //////////*/ :root { --table_tdWidth:150px; --table_objGap:20px; } .od-bord .require { padding:0 0 5px 0; text-align:right; font-size:12px} /*.od-bord .star i,*/ .od-bord .require i {color:#f00; font-size:10px; vertical-align: text-top;} .od-bord table { border-spacing: 0; } .od-bord table tr:first-child > * { border-top: var(--oday_listBorderUp); } .od-bord .exForm table tr:first-child > * { border-top:none;} .rx_ev_description { padding:10px 10px; display: block; width: 100%; font-weight:normal; line-height:1.4; color:var(--oday_mainColorOpt2); font-size:.9em;} .extra_html input[type="time"], .od-bord .exForm input[type="time"], .extra_html input[type="date"], .od-bord .exForm input[type="date"], .extra_html input[type="tel"], .od-bord .exForm input[type="tel"] {width:auto; } .extra_html * + input[type="tel"] { margin-left:5px} .ev_file_info { display:flex; align-items: center; padding:5px 0 } .ev_file_info > * + * {margin-left:5px;} .od-bord .exForm .ev_file_info button.btn { height:unset !important} .extra_html button.btn, .od-bord .exForm button.btn {margin-left:5px !important; height:calc(var(--oday_iptHeight) - 4px) !important; } .od-bord table tr > *, #list_inputform .formlist > li { border-bottom: var(--oday_listBorderUp2); min-height:calc(var(--oday_iptHeight) + 10px); padding:10px 5px;} .od-bord .xe_content table tr > * + * { border-left: var(--oday_listBorder); } .od-bord table tr:last-child > * {border-bottom: var(--oday_listBorderUp); } .od-bord table th, #list_inputform .formlist > li > label, #list_inputform .formlist > li > div > label, #list_inputform .formlist h4, #list_inputform .ap_result_basic_th { position: relative; width:var(--table_tdWidth); text-align:left; font-size:.9em; font-weight: var(--oday_fw-bold); min-height: var(--oday_iptHeight) ; flex-shrink: 0;} .od-bord table th:after, #list_inputform .formlist > li > label:after, #list_inputform .formlist > li > div > label:after, #list_inputform .formlist h4:after, #list_inputform .ap_result_basic_th:after { content: ""; position: absolute; width: 1px; height: calc(100% - 10px); top: 5px; right: 15px; background-color: var(--oday_mainColorLight); box-sizing: border-box; opacity:.8 } #list_inputform .ap_result_basic_td {min-height: var(--oday_iptHeight) ; display: flex; align-items: center;} .ev_file_upload {width:100%;} :is(.od-bord) input.rx_ev_file { padding:10px !important} .od-bord table.tbl_rymix { width:100%} .od-bord table.tbl_rymix td { display: flex; align-items: center; line-height:1.4; padding-top:10px; padding-bottom:10px } .od-bord input { width:100%;} .od-bord input[type="password"], .od-bord input[type="submit"] { width:fit-content;} .od-bord input[type="button"] { all: unset; white-space:nowrap; cursor:pointer; box-sizing: border-box; height:calc( var(--oday_iptHeight) - 2px) !important; padding: 0 10px; display: flex; align-items: center; justify-content: center; font-weight: var(--oday_fw-semiBold); background-color: var(--oday_btnBgColor) !important; border: var(--oday_btnBorder); border-radius: 0; width:fit-content; } .od-bord input:not( [type="submit"]):read-only, .od-bord input:not( [type="submit"]):disabled { border: var(--oday_iptBorder)} .od-bord input:not( [type="submit"]):read-only:hover, .od-bord input:not( [type="submit"]):disabled:hover { border: var(--oday_iptBorder) !important; background-color: var(--oday_iptBgColor) !important;} .od-bord table textarea { height: 80px;} .od-bord table label + input {margin-left:var(--table_objGap);} .od-bord table .nice-select + input, .od-bord table input + input {margin-left:2px} .admin_hint { text-align:center; padding:20px; line-height:1.6} .admin_hint h3 { font-weight:400} .admin_hint h3 span { font-weight:600} /* 코드 하이라이트 예외 */ .syntaxhighlighter { padding: 10px 0;} .colorscripter-code-table td, .syntaxhighlighter table td { display: table-cell !important;} .xe_content.editable table {border-top: var(--oday_listBorderUp); border-spacing: 0;} .xe_content.editable table tr > * + * { border-left: var(--oday_listBorder); } .xe_content.editable table tr:last-child > * {border-bottom: var(--oday_listBorderUp); } .xe_content.editable table tr > * { min-height:calc(var(--oday_iptHeight) + 20px); padding: 5px; border-bottom: var(--oday_listBorder); } @media screen and (max-width: 768px){ .od-bord table.colorscripter-code-table tr, .od-bord .syntaxhighlighter table tr { display: table-cell !important;} } .rx_ev_checkbox, .rx_ev_radio {display:flex; align-items: center; flex-wrap: wrap; min-height: var(--oday_iptHeight);} .rx_ev_checkbox li, .rx_ev_radio li { display: flex; align-items: center;} .rx_ev_checkbox label, .rx_ev_radio label { width:unset !important; padding-left:0; white-space:nowrap; font-size:.9em;} .rx_ev_checkbox li, .rx_ev_radio li {margin: 0 var(--table_objGap) 5px 0;} .krZip { width: 100%} .krZip > div { display: flex; align-items: center; justify-content: flex-start; } .krZip > div + div { margin-top:2px; } .krZip .krzip-postcode { width:60px !important; margin-right:2px !important; min-width: unset !important} .krZip .krzip-postcode, .krZip .krzip-roadAddress, .krZip .krzip-jibunAddress, .krZip .krzip-extraAddress, .krZip .krzip-detailAddress { height: var(--oday_iptHeight) !important; border: var(--oday_iptBorder) !important; } .krZip label { font-size:.8em } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { display:inline-block; height:unset; background-color:unset; color:unset} .hasDatepicker { width: 100px !important; margin-right:2px !important; min-width: unset !important} .rhymix_content table { display: block; width: 100% !important;} .rhymix_content table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } .extra-imge img { max-height:100px;} @media screen and (max-width: 768px){ .od-bord table.tbl_rymix tr, #list_inputform .formlist > li, #list_inputform .formlist .ap_item { display: flex; flex-wrap: wrap; align-items: unset; padding:0; margin-top: 10px;} .od-bord table.tbl_rymix th, #list_inputform .formlist > li > label, #list_inputform .formlist > li > div > label, #list_inputform .formlist h4, #list_inputform .ap_result_basic_th { display: flex; align-items: center; width:100%; border:none; border-bottom:var(--oday_listBorder); border-bottom-style: dashed; padding: 0 10px 0 10px; height:30px; margin-top:0; background-color:var(--oday _listBgColorDown1); font-weight:600; font-size:1.1em; } .od-bord table.tbl_rymix th:after, #list_inputform .formlist > li > label:after, #list_inputform .formlist > li > div > label:after, #list_inputform .formlist h4:after, #list_inputform .ap_result_basic_th:after { right: unset; left:0px; width:4px; height:10px; top:calc(50% - 6px); opacity:1; } .od-bord table.tbl_rymix tr { padding:0} .od-bord table.tbl_rymix th { color:var(--oday_fontLinkColor); } #list_inputform .formlist > li textarea, #list_inputform .formlist > li > label + *, .extra_html input, .extra_html button, .extra_html select { margin:5px 0 !important; } .extra_html select + input, .extra_html input[type="tel"] + input[type="tel"], .krzip-address-wrap input, .krzip-detailAddress-wrap input { margin-top:0 !important} .od-bord table.tbl_rymix td { padding:5px 10px; width:100%} .od-bord table.tbl_rymix { border-top: var(--oday_listBorderUp);} .od-bord table.tbl_rymix tr:first-child > * {border-top:unset} } .od-bord table.tbl_rymix td { flex-wrap: wrap; word-break: break-all;} .od-bord table.tbl_rymix .notice label + input { margin-left:15px; } .extra-file-image-d {flex-shrink: 0; width: 100%;} .extra-file-image-d img { position:absolute} .extra-file-control {display:flex !important; align-items: center; justify-content: flex-end; width: 100%;} :is(.od-bord) .extra-file-control input[type="button"] { margin-left:10px !important; height:30px !important;} .od-bord .da-reaction { margin:5px 0;} /* Original file: files/cache/assets/compiled/7e3160e5ab39d47f74301f8633b59e33dc35813a.ckeditor.scss.css */ html { width: unset; height: unset; min-width: unset; min-height: 100vh; box-sizing: border-box; margin: 0; padding: 0; } html.cke_panel_container, html.cke_panel_container body { background-color: #fff; color: #000; } html.cke_panel_container.color_scheme_dark.cke_auto_dark_mode, html.cke_panel_container body.color_scheme_dark.cke_auto_dark_mode { background-color: #333; color: #fff; } body.cke_editable { width: unset; height: unset; min-width: unset; min-height: 100vh; box-sizing: border-box; margin: 0; padding: 10px; background-color: #fff; color: #000; } body.cke_editable.color_scheme_dark.cke_auto_dark_mode { background-color: #333; color: #fff; } textarea.cke_source.cke_editable { box-sizing: border-box; padding: 10px; } body.color_scheme_dark.cke_auto_dark_mode .cke_wysiwyg_div { background-color: #333; color: #fff; } p.editor_autosaved_message.autosave_message { display: none; background: #e0e0e0; color: #000; padding: 10px; margin: 0; line-height: 1.2; } .color_scheme_dark p.editor_autosaved_message.autosave_message { background: #222; color: #fff; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom { background: #333; border-color: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_button_on, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_button_on { background: #000; border-color: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_button_icon, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_combo_button, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_button_arrow, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_button_label, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_button_icon, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_combo_button, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_button_arrow, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_button_label { filter: invert(1); } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top.cke_dialog_body, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom.cke_dialog_body { background: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_title, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_title { background: #333; color: #fff; border-bottom-color: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_title .cke_dialog_close_button, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_title .cke_dialog_close_button { color: #fff; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_tabs, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_tabs { background: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_tabs .cke_dialog_tab, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_tabs .cke_dialog_tab { background: #555; color: #999; border-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_tabs .cke_dialog_tab_selected, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_tabs .cke_dialog_tab_selected { background: #777; color: #fff; border-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_contents, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_contents { background: #555; border-top-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_contents label, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_contents label { color: #fff; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_contents select, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_contents input, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_contents .ImagePreviewBox td, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_contents select, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_contents input, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_contents .ImagePreviewBox td { background: #333; color: #fff; border-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_top .cke_dialog_footer, .color_scheme_dark.cke_auto_dark_mode .cke_reset .cke_bottom .cke_dialog_footer { background: #333; border-top-color: #555; } .cke_reset .cke_top a:hover, .cke_reset .cke_top a:focus, .cke_reset .cke_bottom a:hover, .cke_reset .cke_bottom a:focus { transition: none; } .cke_reset .cke_combo__fontsize .cke_combo_button { width: 64px; } .cke_reset .cke_combo__fontsize .cke_combo_text { width: 30px; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body { background: #333; border-color: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_button_on { background: #000; border-color: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_button_icon, .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_combo_button, .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_button_arrow, .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_button_label { filter: invert(1); } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body.cke_dialog_body { background: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_title { background: #333; color: #fff; border-bottom-color: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_title .cke_dialog_close_button { color: #fff; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_tabs { background: #555; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_tabs .cke_dialog_tab { background: #555; color: #999; border-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_tabs .cke_dialog_tab_selected { background: #777; color: #fff; border-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_contents { background: #555; border-top-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_contents label { color: #fff; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_contents select, .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_contents input, .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_contents .ImagePreviewBox td { background: #333; color: #fff; border-color: #777; } .color_scheme_dark.cke_auto_dark_mode .cke_dialog_body .cke_dialog_footer { background: #333; border-top-color: #555; } .xe_content.editable, .rhymix_content.editable, .cke_wysiwyg_div { font-family: none; font-size: 14px; line-height: 160%; word-break: normal; word-wrap: break-word; } .xe_content.editable p, .rhymix_content.editable p, .cke_wysiwyg_div p { margin: 0 0 0px 0; line-height: 160%; } .xe_content.editable p span, .rhymix_content.editable p span, .cke_wysiwyg_div p span { line-height: 160%; } .xe_content.editable img, .xe_content.editable video, .rhymix_content.editable img, .rhymix_content.editable video, .cke_wysiwyg_div img, .cke_wysiwyg_div video { max-width: 100%; height: auto; } .xe_content.editable blockquote, .rhymix_content.editable blockquote, .cke_wysiwyg_div 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.editable blockquote:lang(ar), .xe_content.editable blockquote:lang(arc), .xe_content.editable blockquote:lang(dv), .xe_content.editable blockquote:lang(ha), .xe_content.editable blockquote:lang(he), .xe_content.editable blockquote:lang(khw), .xe_content.editable blockquote:lang(ks), .xe_content.editable blockquote:lang(ku), .xe_content.editable blockquote:lang(ps), .xe_content.editable blockquote:lang(fa), .xe_content.editable blockquote:lang(ur), .xe_content.editable blockquote:lang(yi), .rhymix_content.editable blockquote:lang(ar), .rhymix_content.editable blockquote:lang(arc), .rhymix_content.editable blockquote:lang(dv), .rhymix_content.editable blockquote:lang(ha), .rhymix_content.editable blockquote:lang(he), .rhymix_content.editable blockquote:lang(khw), .rhymix_content.editable blockquote:lang(ks), .rhymix_content.editable blockquote:lang(ku), .rhymix_content.editable blockquote:lang(ps), .rhymix_content.editable blockquote:lang(fa), .rhymix_content.editable blockquote:lang(ur), .rhymix_content.editable blockquote:lang(yi), .cke_wysiwyg_div blockquote:lang(ar), .cke_wysiwyg_div blockquote:lang(arc), .cke_wysiwyg_div blockquote:lang(dv), .cke_wysiwyg_div blockquote:lang(ha), .cke_wysiwyg_div blockquote:lang(he), .cke_wysiwyg_div blockquote:lang(khw), .cke_wysiwyg_div blockquote:lang(ks), .cke_wysiwyg_div blockquote:lang(ku), .cke_wysiwyg_div blockquote:lang(ps), .cke_wysiwyg_div blockquote:lang(fa), .cke_wysiwyg_div blockquote:lang(ur), .cke_wysiwyg_div blockquote:lang(yi) { border-left-width: 0px; border-right-width: 5px; padding-left: 8px; padding-right: 20px; } /* sourceMappingURL=7e3160e5ab39d47f74301f8633b59e33dc35813a.ckeditor.scss.map */ /* Original file: modules/preview/skins/default/preview_card_style.css */ .preview_card_wrapper { margin: 0 auto; max-width: 480px; background: #fff; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; box-sizing: border-box; transition: background 0.4s; } .preview_card_wrapper:hover { background: #f3fcfc; } .preview_card_link { display: flex; width: 100%; height: 100%; color: #333; text-decoration: none !important; } .preview_card_link:hover { text-decoration: none !important; } .preview_card_link img { width: 116px; height: 116px !important; object-fit: cover; } .preview_card_link span { line-height: 1em !important; } .preview_card_text_container { display: block; flex: 1; width: 100%; max-height: 116px; padding: 20px 20px 16px; overflow: hidden; box-sizing: border-box; } .preview_card_text_container span { display: block; padding-bottom: 8px; font-size: 12px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .preview_card_text_container .preview_card_title { font-size: 15px !important; padding-bottom: 12px; word-wrap: normal; color: #333; } .preview_card_text_container .preview_card_desc { display: -webkit-box; margin-bottom: 8px; padding-bottom: 0; max-height: 2.6em; line-height: 1.3em !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; white-space: normal; word-break: break-all; color: #666; } .preview_card_text_container .preview_card_host { font-family: 'helvetica neue', helvetica, sans-serif; color: #999; } @media screen and (max-width: 380px) { .preview_card_link { display: block; } .preview_card_link img { width: 100%; } } /* Original file: modules/preview/tpl/css/media_embed.css */ .media_embed { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } .media_embed, .media_embed * { box-sizing: border-box; } .media_embed > iframe, .media_embed > video { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } .media_embed span.cke_widget_inline { display: block; width: 100%; } .media_embed span.cke_widget_inline > img, .media_embed > img { width: 100%; max-width: 100%; height: auto; } .media_embed.\34 shared-embed-music { height: 153px; padding-bottom: unset; } .media_embed.\34 shared-embed-music img { height: 100%; object-fit: contain; } .media_embed.airbnb-embed { width: 100% !important; padding-bottom: 12px; overflow-x: auto; } .media_embed.airbnb-embed iframe { position: relative; border: none; visibility: visible; margin: 0 auto; padding: 0; min-width: 300px; max-width: 450px; } .media_embed.amazon-music-embed { display: inline-block; padding-bottom: 0; height: auto; } .media_embed.amazon-music-embed img { display: none; opacity: 0; } .media_embed.amazon-music-embed iframe { border:1px solid rgba(0, 0, 0, 0.12); } .media_embed.apple-music-embed img { display: none; opacity: 0; } .media_embed.audio-embed { padding-bottom: 100% !important; } .media_embed.audioclip-embed { padding-bottom: 181px; } .media_embed.audioclip-embed img { display: none; opacity: 0; } .media_embed.azquotes-embed { height: auto; padding-bottom: 0; } .media_embed.bandcamp-embed { display: inline-block; max-width: 720px; padding-bottom: 0; } .media_embed.bandcamp-embed img { display: none; opacity: 0; } .media_embed.codepen-embed { padding-bottom: 480px; } .media_embed.codesandbox-embed { padding-bottom: 480px; } .media_embed.discord-embed { display: inline-block; max-width: 360px; padding-bottom: 480px; } .media_embed.discord-embed img { aspect-ratio: 3 / 4; object-fit: scale-down; } .media_embed.fb-post, .media_embed.fb-video, .media_embed.fb-page { display: inline-block; height: 360px; padding-bottom: 0; line-height: 0; } .media_embed.fb-post, .media_embed.fb-page { max-width: 480px; } .media_embed.fb-page { height: 480px; } .media_embed.fb-post > iframe, .media_embed.fb-video > iframe, .media_embed.fb-page > iframe { position: relative; width: 100%; height: 360px; border: none; overflow: hidden; } .media_embed.fb-page > iframe { height: 480px; } .media_embed.fb-post > p, .media_embed.fb-video > p, .media_embed.fb-page > p { width: 100% !important; font-style: italic; color: #999; text-align: center; } .media_embed.ms-office-embed { padding-bottom: calc(56.25% + 23px); } .media_embed.flickr-embed { height: auto; padding-bottom: 0; text-align: center; } .media_embed.flickr-embed > iframe { position: relative; } .media_embed.gettyimage-embed { display: inline-block; padding-bottom: 0; } .media_embed.giphy-embed.giphy-embed-photo { height: auto; padding-bottom: 0; } .media_embed.giphy-embed.giphy-embed-photo > span { display: inline-block; width: auto; } .media_embed.giphy-embed.giphy-embed-photo > span > img, .media_embed.giphy-embed.giphy-embed-photo > img { width: auto; } .media_embed.github-embed { padding-bottom: 50%; border: 1px solid #ccc; border-radius: 4px; } .media_embed.google-books-embed { display: inline-block; width: 100%; height: 100%; max-width: 590px; padding-bottom: 0; } .media_embed.google-drive-embed { padding-bottom: calc(56.25% + 12px); background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; } .media_embed.google-drive-embed img { display: none; } .media_embed.google-forms-embed { padding-bottom: 100%; background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; } .media_embed.google-forms-embed img { display: none; } .media_embed.google-maps-embed { padding-bottom: 100%; } .media_embed.imgur-embed { height: auto; padding-bottom: 0; } .media_embed.imgur-embed img { display: none; } .media_embed.imgur-embed iframe { position: relative; margin: 0 auto; width: 540px; max-width: 100%; height: 360px; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; } .media_embed.imgur-embed > p { font-style: italic; color: #999; text-align: center; } .media_embed.instagram-embed { height: auto; padding-bottom: 0; } .media_embed.instagram-embed .instagram-media { position: relative; display: inline-block; padding: 0; width: calc(100% - 2px); max-width: 540px !important; height: 480px; background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; box-shadow: none; } .media_embed.jjalbot-embed { display: inline-block; height: auto; padding-bottom: 0; } .media_embed.jsfiddle-embed { padding-bottom: 75%; } .media_embed.jsfiddle-embed img { aspect-ratio: 4 / 3; object-fit: scale-down; } .media_embed.jsfiddle-embed iframe { border: 1px solid #bbb; box-sizing: border-box; } .media_embed.kakao-map-embed { padding-bottom: 75%; } .media_embed.kakao-map-embed * { box-sizing: initial; } .media_embed.mixcloud-embed { padding-bottom: 120px; height: 0; } .media_embed.mixcloud-embed img { opacity: 0; } .media_embed.nadio-embed { padding-bottom: 100% !important; } .media_embed.nadio-embed img { width: 100% !important; height: auto !important; } .media_embed.nico-embed-live { display: inline-block; max-width: 360px; height: 172px; padding: 0; background-color: #f6f6f6; border: solid 1px #d0d0d0; } .media_embed.nico-embed-video > span, .media_embed.nico-embed-video > img, .media_embed.nico-embed-live > span, .media_embed.nico-embed-live > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .media_embed.nico-embed-live > span, .media_embed.nico-embed-live > img { opacity: 0; } .media_embed.pinterest-embed { display: inline-block; max-width: 600px; height: auto; padding-bottom: 0; } .media_embed.pinterest-embed > a { display: block; margin: 0 auto; width: 600px; min-width: unset; max-width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; box-sizing: border-box; overflow: hidden; line-height: 0; } .media_embed.pinterest-embed.pinterest-pin > a { border-radius: 36px; } .media_embed.pinterest-embed.pinterest-pin > a > img { width: 100%; height: auto; } .media_embed.pinterest-embed > a > span { width: 100%; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type { display: block; margin: 0; padding: 10px; height: 55px; text-align: left; box-sizing: border-box; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span { display: inline-block; height: 36px; vertical-align: middle; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:first-of-type { margin-right: 10px; width: 36px; border-radius: 50%; overflow: hidden; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:first-of-type > img { width: 36px; height: 36px; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:last-of-type { width: calc(100% - 46px); margin: 0; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:last-of-type > span { display: block; width: 100%; height: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #363636; font-size: 12px; line-height: 1; } .media_embed.pinterest-embed:not(.pinterest-pin) > a > span:first-of-type > span:last-of-type > span:first-of-type { height: 19px; color: #333; font-size: 14px; font-weight: bold; } .media_embed.pinterest-embed:not(.pinterest-pin).pinterest-profile > a > span:first-of-type > span:last-of-type > span { height: 36px; line-height: 36px; } .media_embed.pinterest-embed > a > span:nth-of-type(2) { display: block; padding: 0 10px; overflow-x: hidden; overflow-y: auto; width: 100%; box-sizing: border-box; } .media_embed.pinterest-embed > a > span:nth-of-type(2) > span { display: flex; width: 100%; height: auto; } .media_embed.pinterest-embed > a > span:nth-of-type(2) > span > span { padding: 1px; min-width: 60px; } .media_embed.pinterest-embed > a > span:nth-of-type(2) > span > span > img { margin: 0; display: inline-block; width: 100%; border-radius: 8px; } .media_embed.pinterest-embed > a > span:last-of-type { display: block; padding: 24px 12px; font-style: italic; color: #999; text-align: center; } .media_embed.pinterest-embed > a > span img { filter: none; } .media_embed.pinterest-embed > span { width: 100% !important; max-width: 600px !important; min-width: unset !important; } .media_embed.podbbang-embed { padding-bottom: 202px; } @media only screen and (min-width: 788px) { .media_embed.podbbang-embed { padding-bottom: 162px; } } .media_embed.podbbang-embed span.cke_widget_inline > img, .media_embed.podbbang-embed > img { display: none; opacity: 0; } .media_embed.podcasts-embed { padding-bottom: 175px; } .media_embed.podcasts-embed span.cke_widget_inline > img, .media_embed.podcasts-embed > img { display: none; opacity: 0; } .media_embed.reddit-embed { display: inline-block; max-width: 640px; height: 360px; padding-bottom: 0; } .media_embed.reddit-embed img { display: none; opacity: 0; } .media_embed.reddit-embed iframe { border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; } .media_embed.relive-embed { padding-bottom: 78.3%; background-color: #fcfcfc; } .media_embed.soundcloud-embed { padding-bottom: 0; } .media_embed.soundcloud-embed img { display: none; opacity: 0; } .media_embed.spoon-embed { padding-bottom: 100% !important; } .media_embed.spoon-embed img { width: 100% !important; height: auto !important; } .media_embed.spotify-embed { display: inline-block; padding-bottom: 0; } .media_embed.spotify-embed img { display: none; } .media_embed.suno-embed { padding-bottom: 128% !important; } .media_embed.tenor-video-embed { display: inline-block; max-width: 640px; height: auto; padding-bottom: 0; line-height: 0; } .media_embed.telegram-embed { display: inline-block; max-width: 640px; height: 160px; padding-bottom: 0; } .media_embed.telegram-embed img { display: none; opacity: 0; } .media_embed.threads-embed { display: inline-block; max-width: 540px; height: 240px; padding-bottom: 0; } .media_embed.threads-embed img { display: none; opacity: 0; } .media_embed.tiktok-embed { height: auto; padding-bottom: 0; } .media_embed.tiktok-embed img { display: none; min-width: 325px; height: auto; } .media_embed.tiktok-embed iframe { position: relative; display: inline-block; max-width: 542px; min-width: 300px; height: 496px; } .media_embed.tiktok-embed iframe[name^="__tt_embed__v"] { max-width: 325px; height: 560px; border-radius: 10px; } @media only screen and (max-width:676px){ .media_embed.tiktok-embed iframe { max-width: 325px !important; } .media_embed.tiktok-embed iframe[name^="__tt_embed__@"] { height: 388px; } } .media_embed.tumblr-post { height: auto; padding-bottom: 0; } .media_embed.tumblr-post img { display: none; width: 540px; height: auto; } .media_embed.tumblr-post iframe { position: relative; display: inline-block; padding: 0; border: none; visibility: visible; width: 540px; max-width: 100%; height: 360px; min-height: 200px; } .media_embed.tumblr-post > p { font-style: italic; color: #999; text-align: center; } .media_embed.twitter-status, .media_embed.twitter-list, .media_embed.twitter-profile { display: inline-block; width: 550px; max-width: 100%; height: auto; padding-bottom: 10px; border-bottom: 1px solid #c4cfd6; text-align: left; } .media_embed.twitter-status > iframe, .media_embed.twitter-list > iframe, .media_embed.twitter-profile > iframe { position: inherit; } .media_embed.twitter-status { border-bottom: none; } .media_embed.twitter-list, .media_embed.twitter-profile { padding: 10px; border: 1px solid #c4cfd6; border-radius: 12px; box-sizing: border-box; } .media_embed.twitter-status .twitter-tweet { margin: 0 auto; width: 550px; max-width: 100%; } .media_embed.twitter-status .twitter-tweet iframe { display: block; width: 100%; } .media_embed.twitter-status .twitter-tweet p { font-style: italic; color: #999; text-align: center; } .media_embed.twitter-list a.twitter-timeline, .media_embed.twitter-profile a.twitter-timeline { padding: 10px 0 0 10px; text-decoration: none; } .media_embed.twitter-list a.twitter-timeline span:nth-of-type(1), .media_embed.twitter-profile a.twitter-timeline span:nth-of-type(1) { display: inline-block; margin-bottom: 5px; line-height: 36px; font-size: 27px; letter-spacing: -1px; color: #292F33; } .media_embed.twitter-list a.twitter-timeline span:nth-of-type(2), .media_embed.twitter-profile a.twitter-timeline span:nth-of-type(2) { font-size: 12px; color: #2b7bb9; } .media_embed.twitter-list a.twitter-timeline span:nth-of-type(3), .media_embed.twitter-profile a.twitter-timeline span:nth-of-type(3) { font-size: 12px; color: #657786; } .media_embed.typeform-embed { padding-bottom: 0; height: 360px; border: 1px #ccc solid; border-radius: 8px; } .media_embed.wikipedia-embed { height: auto; border: 1px solid #b0c4de; padding: 0; box-sizing: border-box; } .media_embed.wikipedia-embed > div:first-of-type { max-height: 330px; padding: 1.5em 1.8em 1em; text-align: left; overflow-y: auto; box-sizing: border-box; } .media_embed.wikipedia-embed > div:first-of-type:after { content: ''; display: block; clear: both; } .media_embed.wikipedia-embed > div:first-of-type a { color: #0645ad; text-decoration: none; background: none; } .media_embed.wikipedia-embed > div:first-of-type a:hover { text-decoration: underline; } .media_embed.wikipedia-embed > div:first-of-type sup { line-height: 1; vertical-align: top; } .media_embed.wikipedia-embed > div:first-of-type > a:first-of-type { margin: 0 0 0 1em; max-width: 45%; float: right; } .media_embed.wikipedia-embed > div:last-of-type { background: #b0c4de; height: 20px; padding: 4px 1.8em; display: flex; justify-content: space-between; align-content: center; font-size: 12px; line-height: 20px; } .media_embed.wikipedia-embed > div:last-of-type > a { color: #fff; } .media_embed.wikipedia-embed > div:last-of-type > a > img { width: 20px; height: 20px; vertical-align: middle; } .media_embed.wikipedia-embed > div:last-of-type > span { color: #eee; } .media_embed_wrapper:has(>.short_form, >.youtube-shorts) { max-width: 360px; } .media_embed.short_form, .media_embed.youtube-shorts { padding-bottom: 177.78%; height: 0; border-radius: 12px; overflow: hidden; } .media_embed.short_form span.cke_widget_inline > img, .media_embed.youtube-shorts span.cke_widget_inline > img, .media_embed.youtube-shorts > img, .media_embed.short_form > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: auto; max-width: unset; height: 100%; } .media_embed.youtube-shorts > iframe { position: absolute; } .media_embed.youtube-music { position: relative; margin: 8px 0; background-color: #f6f6f6; padding: 20px 12px 172px; border-radius: 12px; font-size: 0; overflow: hidden; box-sizing: border-box; } .media_embed.youtube-music iframe { width: 100%; height: 100%; } .media_embed.youtube-music span.cke_widget_inline, .media_embed.youtube-music img { display: none; } .media_embed.youtube-music .youtube-music-loading { position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; background-color: #f6f6f6; } .media_embed.youtube-music .youtube-music-loading div { display: flex; flex: auto; align-self: center; justify-content: center; color: #999; } .media_embed.youtube-music .youtube-music-loading div i { margin-right: 4px; font-size: 24px; } .media_embed.youtube-music .youtube-music-desc { display: flex; padding: 0 10px; align-items: center; text-align: left; box-sizing: border-box; } .media_embed.youtube-music .youtube-music-desc figure { position: relative; flex-shrink: 0; display: flex; justify-content: center; margin-right: 12px; width: 120px; height: 90px; border-radius: 4px; overflow: hidden; transition: 0.2s ease-in; } .media_embed.youtube-music .youtube-music-desc figure > span.cke_widget_inline { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } .media_embed.youtube-music .youtube-music-desc figure img { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 90px; max-width: none; } .media_embed.youtube-music .youtube-music-desc figure + div { flex: auto; line-height: 1.5; overflow: hidden; } .media_embed.youtube-music .youtube-music-desc figure + div span { display: block; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .media_embed.youtube-music .youtube-music-desc figure + div a { color: #333; text-decoration: none; } .media_embed.youtube-music .youtube-music-desc figure + div span:first-child { font-size: 16px; font-weight: bold; } .media_embed.youtube-music .youtube-music-desc figure + div span:last-child a { color: #666; } .media_embed.youtube-music .youtube-music-desc figure + div + div { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; flex-shrink: 0; height: 90px; font-size: 20px; color: #aaa; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span { text-align: right; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i { cursor: pointer; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span:first-child > i { display: none; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i:last-child { margin-left: 8px; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.one, .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.on { position: relative; color: #444; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.one:after, .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i:first-child.on:after { position: absolute; top: -8px; right: 0; font-size: 10px; color: #000; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i.one:after { content: '1'; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span > i:first-child.on:after { content: 'A'; } .media_embed.youtube-music .youtube-music-controls { position: relative; padding: 0 10px; } .media_embed.youtube-music .youtube-music-controls .progress { position: relative; margin: 8px auto 16px; height: 12px; } .media_embed.youtube-music .youtube-music-controls .progress input[type="range"] { position: absolute; bottom: 0; display: inherit; margin: 0; width: 100%; height: 3px; vertical-align: bottom; background: transparent; -webkit-appearance: none; transition: 0.2s ease-in; cursor: pointer; } .media_embed.youtube-music .youtube-music-controls .progress input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background: #c33; border-radius: 8px; box-shadow: inset 0 0 0 5px #c33; width: 0; height: 0; transition: 0.2s ease-in; } .media_embed.youtube-music .youtube-music-controls .progress:hover input[type="range"]::-webkit-slider-thumb, .media_embed.youtube-music .youtube-music-controls .progress.hover input[type="range"]::-webkit-slider-thumb, .media_embed.youtube-music .youtube-music-controls .progress.is_mobile input[type="range"]::-webkit-slider-thumb { width: 14px; height: 14px; } .media_embed.youtube-music .youtube-music-controls .progress.loaded input[type="range"], .media_embed.youtube-music .youtube-music-controls .progress.loaded input[type="range"]::-webkit-slider-thumb, .media_embed.youtube-music .youtube-music-controls .progress.is_mobile input[type="range"]::-webkit-slider-thumb { transition: 0.2s ease-in; } .media_embed.youtube-music .youtube-music-controls .progress .bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; pointer-events: none; background: linear-gradient(to right, #c33 0%, #999 0%, #444 0%); } .media_embed.youtube-music .youtube-music-controls .progress:hover input[type="range"], .media_embed.youtube-music .youtube-music-controls .progress.hover input[type="range"], .media_embed.youtube-music .youtube-music-controls .progress.is_mobile input[type="range"], .media_embed.youtube-music .youtube-music-controls .progress:hover .bar, .media_embed.youtube-music .youtube-music-controls .progress.hover .bar, .media_embed.youtube-music .youtube-music-controls .progress.is_mobile .bar { bottom: -1px; height: 5px; } .media_embed.youtube-music .youtube-music-controls .remote { position: relative; display: flex; justify-content: space-between; align-items: center; text-align: left; box-sizing: border-box; } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(2) { padding-left: 10px; } .media_embed.youtube-music .youtube-music-controls .remote > span i { margin-right: 16px; font-size: 24px; cursor: pointer; vertical-align: middle; } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) i:last-child { margin-right: 0; } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(2) i { margin-right: 8px; } .media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"] { display: inline-block; width: 60px; -webkit-appearance: none; vertical-align: middle; } .media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"]::-webkit-slider-thumb { margin-top: -6.5px; width: 8px; height: 16px; background: #fff; border: 2px solid #444; box-shadow: 0 0 0 #444; border-radius: 1px solid #444; cursor: pointer; -webkit-appearance: none; } .media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 2px; background: #444; border: 0 solid #444; border-radius: 0; box-shadow: 0 0 0 #444; cursor: pointer; animate: 0.2s; } .media_embed.youtube-music .youtube-music-controls .remote .timer { margin-top: -3px; font-size: 12px; color: #444; } :focus { outline: none; } .media_embed.youtube-music .youtube-music-table-wrapper { margin-top: 0; height: 0; overflow-y: auto; } .media_embed.youtube-music .youtube-music-table-wrapper.loading { margin-top: 24px; display: flex; justify-content: center; align-items: center; height: 176px; } .media_embed.youtube-music .youtube-music-table-wrapper.loading i { margin-right: 8px; font-size: 36px; } .media_embed.youtube-music .youtube-music-table-wrapper.loading p { font-size: 14px; text-align: left; } .media_embed.youtube-music .youtube-music-table-wrapper.loaded { margin-top: 16px; height: 176px; } .media_embed.youtube-music .youtube-music-table { display: table; width: 100%; padding: 0 16px; font-size: 12px; text-align: left; box-sizing: border-box; border-collapse: collapse; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr { display: table-row; cursor: pointer; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr:hover { background-color: #eff; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr.on { background-color: #dee; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span { display: table-cell; height: 52px; padding: 6px 12px; border-bottom: 1px solid #dee; vertical-align: middle; line-height: 1.5; box-sizing: border-box; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr:last-of-type span { border-bottom: none; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._key { text-align: right; border-bottom: none; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img { position: relative; width: 60px; border-bottom: none; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; width: 40px; height: 40px; border-radius: 4px; overflow: hidden; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img img { display: block !important; margin-left: -16px; width: 72px; height: 40px; max-width: none; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._anm { display: table-cell; width: 100px; color #999; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr.on span._key, .media_embed.youtube-music .youtube-music-table .youtube-music-tr.on span._img { border-bottom: 1px solid #dee; } .media_embed.youtube-music figure { margin: 0; padding: 0; line-height: 1; } .media_embed.youtube-music audio { width: 100%; max-width: 640px; } .media_embed.youtube-music figure figcaption { padding: 4px 8px 0; text-align: right; font-size: 12px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width:640px){ .media_embed.youtube-music .youtube-music-desc figure + div span { font-size: 12px; } .media_embed.youtube-music .youtube-music-desc figure + div span:first-child { font-size: 14px; } } @media only screen and (max-width:560px){ .media_embed.youtube-music .youtube-music-desc figure { max-width: 120px; max-height: 90px; } } @media only screen and (max-width:480px){ .media_embed.youtube-music .youtube-music-desc figure { max-width: 90px; } .media_embed.youtube-music .youtube-music-controls .remote input.volume[type="range"] { display: none; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._anm { display: none; } } @media only screen and (max-width:360px){ .media_embed.youtube-music { padding-bottom: 240px; } .media_embed.youtube-music iframe { min-width: 90px; } .media_embed.youtube-music .youtube-music-desc { position: relative; display: block; text-align: center; } .media_embed.youtube-music .youtube-music-desc figure { display: block; margin: 0 auto; max-width: 160px; } .media_embed.youtube-music .youtube-music-desc figure + div { display: block; margin: 12px auto 4px; } .media_embed.youtube-music .youtube-music-desc figure + div + div { display: block; height: auto; text-align: right; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span:first-child { position: absolute; top: 0; right: 10px; width: 20px; } .media_embed.youtube-music .youtube-music-desc figure + div + div > span:first-child > i:last-child { margin-left: 0; } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) { position: relative; left: auto; transform: translateX(0); } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(2) { margin-right: 16px; padding-left: 0; } .media_embed.youtube-music .youtube-music-controls .remote > span:nth-of-type(1) i:last-child { margin-right: 16px; } .media_embed.youtube-music .youtube-music-controls .remote .timer span:not(:first-child) { display: none; } .media_embed.youtube-music .youtube-music-table .youtube-music-tr span._img { display: none; } } .xe_content:not(.editable) .media_embed.fb-post > p, .xe_content:not(.editable) .media_embed.fb-video > p { display: none !important; } .xe_content:not(.editable) .media_embed.github-embed > p { display: none !important; } .xe_content:not(.editable) .media_embed.imgur-embed > p { display: none !important; } .xe_content:not(.editable) .media_embed.tumblr-post > p { display: none !important; } .xe_content:not(.editable) .media_embed.twitter-status .twitter-tweet > p { display: none !important; } .xe_content:not(.editable) a.twitter-timeline span:last-of-type { display: none !important; } .media_embed_loading, .omit_guide_loading { position: fixed; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100vw; height: 100vh; background: rgb(238 238 238 / 80%); } .media_embed_loading .media_embed_loading_container, .omit_guide_loading .omit_guide_loading_container { padding: 24px 36px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 4px 1px rgb(102 102 102 / 80%); box-sizing: border-box; } .media_embed_loading .media_embed_loading_container p, .omit_guide_loading .omit_guide_loading_container p { display: flex; justify-content: center; align-items: center; margin: 0; font-size: 14px; } .media_embed_loading .media_embed_loading_container p i, .omit_guide_loading .omit_guide_loading_container p i { flex: none; margin-right: 12px; font-size: 36px; color: #999; } /* 구버전 지원 */ .instagram-media { position: relative; display: block; margin: 0 auto; padding: 0; width: calc(100% - 2px); max-width: 540px !important; background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; box-shadow: none; height: none !important; } .youtube_converted { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } .youtube_converted > iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } .youtube_converted span.cke_widget_inline { width: 100%; } .youtube_converted span.cke_widget_inline > img, .youtube_converted > img { width: 100%; max-width: 100%; height: auto; } /* Original file: modules/preview/tpl/css/custom.css */ .media_embed_wrapper { } .media_embed_wrapper { } .media_embed.podbbang-embed { } /* 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/elkha_rank/skins/OrangeDay_elkha_rank/style.min.css */ .wrap_contentex.rank {padding: 10px 5px 10px 5px;} .rank_ti { display:flex; align-items: center; font-size:11px; font-weight:700; margin:0 0 5px 2px; text-transform: uppercase} .rank_ti i {color:var(--oday_mainColorOpt); font-size:1.2em; margin-right:2px} .elkha_rank { --rg_height : 18px; } .elkha_rank table { font-size:10px; width: 100%; border-collapse: 10px; white-space: nowrap } .elkha_rank .rank { height:var(--rg_height); width: var(--rg_height); padding:2px} .elkha_rank .rank span { background-color: var(--oday_listBgColorDown1); height:100%; width: 100%; border-radius:3px; font-weight:700; display: flex; justify-content: center; align-items: center; font-size:8px; padding:0px 4px; } .elkha_rank .rank.rank-1 span {background-color: var(--oday_mainColor); color:var(--oday_primaryBtnColor); } .elkha_rank .rank.rank-2 span {background-color: color-mix(in srgb, var(--oday_mainColor), transparent 30%); color:var(--oday_primaryBtnColor); } .elkha_rank .rank.rank-3 span {background-color: color-mix(in srgb, var(--oday_mainColor), transparent 50%); color:var(--oday_primaryBtnColor); } .elkha_rank .nick_name { padding:0 5px 0 0;} .elkha_rank .nick_name img { display:none; } .elkha_rank td.value { background-color: color-mix(in srgb, var(--oday_mainColorOpt2), transparent 90%); height:var(--rg_height); width:99%; text-align:right; position:relative; border-radius:6px; overflow:hidden} .elkha_rank td.value * { display:flex; align-items: center; justify-content: center; top:0; left:0;} .elkha_rank td.value > div {background-color:color-mix(in srgb, var(--oday_mainColorOpt2), transparent 70%); height:100%; overflow:hidden; position:absolute; padding:1px;align-items: flex-start !important; } /* .elkha_rank td > div > div { position: ; height:5px; width:100%; background: linear-gradient(#fff, transparent); border-radius:6px;}*/ .elkha_rank td.value > div > div span {} .elkha_rank td.value > span {position:absolute; height:100%; width:100%; z-index:1; padding-right: 5px; justify-content: flex-end; opacity:.8} .elkha_rank p { text-align:center; line-height:2; font-size:11px} :root[color-theme='dark'] { .elkha_rank td.value > span {opacity:.5} } /* .elkha_rank { --color-elkha-rank: #69e; color: #333; font-size:12px; } .elkha_rank>table { width: 100%; border-collapse: collapse; white-space: nowrap } .elkha_rank>table a { color: inherit; text-decoration: none } .elkha_rank>table a:hover, .elkha_rank>table a:focus { color: var(--color-elkha-rank); text-decoration: underline } .elkha_rank>table thead tr { border-top: 1px solid rgba(127, 127, 127, .2); border-bottom: 1px solid rgba(127, 127, 127, .2); background-color: rgba(127, 127, 127, .075) } .elkha_rank>table th, .elkha_rank>table td { padding: 5px } .elkha_rank>table .rank { position: relative; text-align: center } .elkha_rank>table .rank-1, .elkha_rank>table .rank-2, .elkha_rank>table .rank-3 { color: rgba(0, 0, 0, 1) } .elkha_rank>table .value { position: relative; width: 100%; text-align: center; vertical-align: middle } .elkha_rank>table .value:before { position: absolute; left: 0; top: 3px; right: 0; bottom: 3px; content: ""; background-color: var(--oday_mainColor); opacity: .1; } .elkha_rank>table .value:hover:before { opacity: .2 } .elkha_rank>table .value>div { display: flex; align-items: center; justify-content: center; left: 0; top: 3px; bottom: 3px; z-index: 1; box-sizing: border-box; background-color: color-mix(in srgb, var(--oday_mainColor), transparent 20%); color: #fff; font-weight: bold; font-size:10px; } .elkha_rank>table .value>div span { position: absolute; width: 100%; left: 0; } .color_scheme_dark .elkha_rank { --color-elkha-rank: #35a; color: #bbb } */