@charset "UTF-8";

/* Original file: files/cache/assets/compiled/6e7cd7530e6285eaf7e31236b09ca639151241a8.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}a img{border:0}[hidden]{display:none}.xe_content,.rhymix_content{font-family:inherit;font-size:13px;line-height:160%;word-break:normal;word-wrap:break-word}.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=6e7cd7530e6285eaf7e31236b09ca639151241a8.rhymix.scss.min.map */

/* Original file: layouts/mdhouse/css/output.css */

*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-\[20px\]{margin-top:20px;margin-bottom:20px}.my-px{margin-top:1px;margin-bottom:1px}.mb-10{margin-bottom:2.5rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-\[30px\]{margin-top:30px}.mt-\[50px\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-\[500px\]{min-height:500px}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[100px\]{width:100px}.w-\[180px\]{width:180px}.w-\[240px\]{width:240px}.w-\[30px\]{width:30px}.w-\[60px\]{width:60px}.w-\[90px\]{width:90px}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-5{row-gap:1.25rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-\[15px\]{padding:15px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-10{padding-bottom:2.5rem}.pb-3{padding-bottom:.75rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:translate-y-1:hover{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:rgba(59,130,246,.5);--tw-shadow:var(--tw-shadow-colored)}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:m-0{margin:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/2{width:50%}.md\:w-\[100px\]{width:100px}.md\:w-\[150px\]{width:150px}.md\:w-auto{width:auto}.md\:min-w-\[360px\]{min-width:360px}.md\:flex-nowrap{flex-wrap:nowrap}.md\:gap-10{gap:2.5rem}.md\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.md\:p-0{padding:0}.md\:p-5{padding:1.25rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}}

/* Original file: layouts/mdhouse/css/swiper.min.css */

/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* Original file: layouts/mdhouse/fonts/notosans/fonts.css */

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 100;
    src: local('NotoSans'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Thin.woff2") format('woff2'), 
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Thin.woff") format('woff'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Thin.ttf") format('truetype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Thin.otf") format('opentype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Thin.eot") format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: local('NotoSans'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Regular.woff2") format('woff2'), 
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Regular.woff") format('woff'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Regular.ttf") format('truetype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Regular.otf") format('opentype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Regular.eot") format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: local('NotoSans'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Bold.woff2") format('woff2'), 
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Bold.woff") format('woff'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Bold.ttf") format('truetype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Bold.otf") format('opentype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Bold.eot") format('embedded-opentype');
}

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: local('NotoSans'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Black.woff2") format('woff2'), 
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Black.woff") format('woff'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Black.ttf") format('truetype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Black.otf") format('opentype'),
        url("../../../../layouts/mdhouse/fonts/notosans/NotoSans-Black.eot") format('embedded-opentype');
}

/* Original file: layouts/mdhouse/css/layout2.css */

img {
    height: auto;
    /* width와 height 속성을 기반으로 브라우저가 미리 높이 공간을 확보함 */
    aspect-ratio: attr(width) / attr(height); 
}

/* FAQ css START */
/* 1. 공통 및 모바일(기본) 뷰포트 스타일 */
.faq-section {
    width: 95%;
    max-width: 1200px;
    margin: 2rem auto;
    padding: 1.5rem 1rem;
    background-color: #fefefe;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(112, 80, 41, 0.08);
    font-family: 'Noto Sans KR', sans-serif;
    box-sizing: border-box;
}
  
.faq-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1.8rem;
    text-align: center;
    color: #333;
}
  
.faq-item {
    border-top: 1px solid #ddd;
}
  
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    color: #1a1a1a;
    cursor: pointer;
    padding: 1rem 0;
    transition: color 0.3s ease;
    line-height: 1.4;
    word-break: keep-all;
}

.faq-question::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #1a1a1a;
    border-right: 2px solid #1a1a1a;
    transform: rotate(45deg); 
    transition: transform 0.3s ease;
    margin-left: 10px; 
}

.faq-question:hover {
    color: #2b3b43;
}

/* 여기서 화살표 방향을 좌측으로 변경하고 우선순위를 높입니다 */
.faq-question[aria-expanded="true"]::after {
    transform: rotate(135deg) !important; 
}
  
.faq-answer {
    display: none; 
    
    padding: 0 0.5rem 1rem 0.5rem;
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    word-break: keep-all;
}
  
@media screen and (min-width: 768px) {
    .faq-section {
      padding: 2.5rem 3rem;
    }
    
    .faq-title {
      font-size: 1.5rem;
      margin-bottom: 4rem;
    }
  
    .faq-question {
      font-size: 1.1rem;
      padding: 1.2rem 0;
    }
  
    .faq-answer {
      font-size: 1rem;
      padding: 0 1rem 1.5rem 1rem;
    }
}
/* FAQ css END */

/* H2태그 이미지위로 재구성(26.2.24) 시작 */
.image-wrap {
    position: relative;
    width: 100%;
    max-width: 1200px;   /* PC에서는 최대 1200까지만 */
    margin: 0 auto;      /* 가운데 정렬 */
}

.image-wrap img {
    display: block;
    width: 100%;         /* 부모 폭에 맞춤 (모바일에서는 줄어듦) */
    height: auto;
}

.location-title {
    position: absolute;

    /* 이미지 기준으로 따라가게: vw 대신 % 권장 */
    bottom: 4%;
    left: 3%;

    margin: 0;
    padding: 0.7em 1.3em;

    font-size: clamp(10px, 2.2vw, 19px);

    color: white;
	background: rgba(0,0,0,0.6);
    border-radius: 6px;
    z-index: 2;
}

.image-wrap2 {
    position: relative;
    width: 100%;
    max-width: 1200px;   /* PC에서는 최대 1200까지만 */
    margin: 0 auto;      /* 가운데 정렬 */
}

.image-wrap2 img {
    display: block;
    width: 100%;         /* 부모 폭에 맞춤 (모바일에서는 줄어듦) */
    height: auto;
}

.business-title {
    position: absolute;

    /* 이미지 기준으로 따라가게: vw 대신 % 권장 */
    bottom: 7%;
    left: 4%;

    margin: 0;
    padding: 0.7em 1.2em;

    font-size: clamp(10px, 2.2vw, 19px);

    color: white;
	background: rgba(0,0,0,0.6);
    border-radius: 6px;
    z-index: 2;
}
/* H2태그 이미지위로 재구성(26.2.24) 종료 */

/* 모집공고 CSS START */
/* 모바일 */
.pdf-text { font-size: 15px; }
.pdf-notice-list { 
  margin: 0px;
  font-size: 12px; 
  padding:11px; 
  line-height: 1.7;
  letter-spacing: -0.02em;
}
.pdf-notice-list2 {margin-bottom:8px;}
.pdf-link-wrap {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 10px;
  background-color: #214256;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}
.pdf-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;                 /* 텍스트-아이콘 간격 */
  text-decoration: none;
  color: inherit;
  font-weight: 500;
}
.pdf-text {
  font-size: 14px;
  margin : 0px;
  color: white;
  white-space: nowrap;      /* 줄바꿈 방지 (필요 시 제거) */
}

.site-logo {
	margin-top:5px;
  	width: 200px;
  	height: 40px;
}

.pdf-icon {
  vertical-align: middle;
  display: inline-block;
  margin-left:10px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.pdf-icon2 {
  vertical-align: middle;
  display: inline-block;
  margin-right:7px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* 태블릿 */
@media (min-width: 768px) {
  .pdf-text { font-size: 16px; }
  .pdf-notice-list { font-size: 14px; }
}

/* PC */
@media (min-width: 992px) {
  .pdf-text { font-size: 18px; }
  .pdf-notice-list { font-size: 16px; margin-top:20px;}
  .pdf-notice-list2 {margin-bottom:5px;}
  .site-logo {
	margin-top:10px;
    width: 250px;
    height: 40px;
  }
  .pdf-link-wrap {
    display: inline-flex;
    align-items: center;
    margin-top: 5px;
    padding: 13px;
    background-color: #214256;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  }
}
/* 모집공고 CSS END */

/**/
.overlay-on {
	overflow: hidden;
	/* color:#02003c */
}
#off-canvas-overlay {
	visibility: hidden;
	opacity: 0;
	transition: left 0s 0.3s, visibility 0s 0.3s, opacity 0.3s;
	background:rgba(0,0,0, .731);
	/* -webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px); */
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	overflow: hidden;
	z-index: 1;
}
.overlay-on #off-canvas-overlay {
	visibility: visible;
    opacity: 1;
    transition: left 0s 0.3s, visibility 0s, opacity 0.3s;
	z-index: 99;
}
.overlay-on #off-canvas{
	/* left:0px; */
    left:0px;

	transition: all 0.3s ease;
}
#off-canvas {
	width:100%; 
	height:100%;
	position: fixed;
	z-index:100;
	top:0;
	left:-900px;
	bottom:0;
	background: white; ;
	/* background-color: rgba(250,250,250, 1); */
	border-bottom: 1px solid rgba(0,0,0,.05);
	transition: all 0.3s ease;
}
.off-canvas-nav {
	padding-top:60px;
	margin:0;
}
.off-canvas-nav li {
	list-style: none;
	text-align: center;
}

/**
 * 2024-02-16 추가된 부분
 */
 .d-none { display: none }

 strong {font-family: "Pretendard-Bold", sans-serif;}
 .sub_tit {font-family: "Pretendard-regular", sans-serif; color: #222; font-size: 56px !important; padding: 220px 0 80px; width: 1280px; margin: 0 auto;}
 .sub_tit_copy {font-family: "Pretendard-regular", sans-serif; color: #4D4D4D; font-size: 18px; padding: 0 0 80px; width: 1280px; margin: 0 auto;}
 .sub_stit {font-family: "Pretendard-SemiBold", sans-serif; color: #222; font-size: 40px !important;}
 .con_tit {font-family: "Pretendard-Medium", sans-serif; color: #222; font-size: 28px !important;}
 .con_lltxt {font-family: "Pretendard-regular", sans-serif; color: #222; font-size: 32px !important;}
 .con_ltxt {font-family: "Pretendard-SemiBold", sans-serif; color: #222; font-size: 24px !important;}
 .con_mmtxt {font-family: "Pretendard-regular", sans-serif; color: #222; font-size: 20px !important;}
 .con_mtxt {font-family: "Pretendard-regular", sans-serif; color: #222; font-size: 16px !important;}
 .con_stxt {font-family: "Pretendard-regular", sans-serif; color: #222; font-size: 14px !important;}
 
 
 
 .grid_type {position: relative; margin-top: 80px; margin-bottom:80px; }
 .grid_type .add_txt {margin-bottom: 40px; font-size: 18px; font-family: "Pretendard-Medium"; color: #222;}
 .grid_type .add_txt strong {font-family: "Pretendard-SemiBold"; font-size: 24px; color: #02003c;}
 .grid_type ul {    display: grid;    grid-template-columns: repeat(3,1fr); gap:40px;}
 .grid_type ul li {position: relative;   box-sizing: border-box; overflow: hidden; border: 1px solid #ddd; background-color: #fff; transform: translateY(150px); opacity: 0; transition-duration: 1.2s; animation: ShadowReverse .4s forwards;}
 
 .grid_type ul li.active {transform: translateY(0); opacity: 1;}
 
 .grid_type ul li:nth-of-type(3n-1) {transition-delay: .2s;}
 .grid_type ul li:nth-of-type(3n) {transition-delay: .4s;}
 
 .grid_type li.init > .info_div .for_scroll {opacity: 1; transform: translateX(0);}
 .grid_type li.init > .img {opacity: 1; transform: translateX(0);}
 .grid_type li:hover {animation: ShadowBorder .5s forwards;}
 .grid_type > .btn_area.more {margin-top: 0;}
 
 
 
 
 .grid_type ul li .img {position: relative; width: 100%; height: 285px; overflow: hidden;}
 .grid_type ul li .img a {display: block; position: relative; width: 100%; height: 285px; overflow: hidden; background: url("../../../../layouts/mdhouse/images/img-blank1.jpg") no-repeat center center; background-size: cover;}
 .grid_type ul li .img a:focus {border: 2px solid #222;}
 .grid_type ul li > .img img {width: 100%; height: 100%; object-fit: cover;}
 .grid_type ul li > .info_div {padding: 40px;}
 .grid_type ul li > .info_div .labels {display: flex; flex-wrap: wrap;}
 .grid_type ul li > .info_div .labels {margin-bottom: 15px;}
 
 .grid_type ul li > .info_div .labels > p { height: 27px; padding: 4px 8px; margin-right: 5px; margin-bottom: 6px; border-radius: 50px; border: 1px solid #02003c; font-family: "Pretendard-SemiBold"; color: #02003c; font-size: 12px; word-break: break-all; overflow: hidden; max-width: 102px;}
 .grid_type ul li > .info_div .labels > p.on {color: #fff; background: #02003c; line-height: 1.5;}
 
 .grid_type ul li > .info_div .info {position: relative; border-color: none;    color: #9c9c9c;    margin: 0px;    padding: 0px; }
 .grid_type ul li > .info_div .info:hover { background:none; }
 .grid_type ul li > .info_div .txt1 {margin-bottom: 6px; font-family: "Pretendard-SemiBold"; color: #8A7251;}
 .grid_type ul li > .info_div .txt2 {word-break: break-all;}
 .grid_type ul li > .info_div .txt2 a {word-break: break-all;}
 .grid_type ul li > .info_div .detail {color: #4D4D4D; margin-top: 23px;}
 .grid_type ul li > .info_div .detail dl {display: flex;}
 .grid_type ul li > .info_div .detail dl + dl {margin-top: 10px;}
 .grid_type ul li > .info_div .detail dl dt {width: 80px; color: #4D4D4D; word-break: break-all;}
 .grid_type ul li > .info_div .detail dl dd {display: flex; width: calc(100% - 85px); color: #4D4D4D; word-break: break-all;}
 .grid_type ul li > .info_div .detail dl dd .progress {position: relative; width: 100px; height: 4px;}
 .grid_type ul li > .info_div .detail dl dd .progress span {display: inline-block; width: 100%; background: #2D2D2D; border-radius: 2px; height: 100%; opacity: 0.1; position: absolute; top: 8px; left: 0;}
 .grid_type ul li > .info_div .detail dl dd .progress span.upper {opacity: 1; background: #02003c;}
 .grid_type ul li > .info_div .detail dl dd .percent {margin-left: 20px;}
 
 .grid_type ul li {padding-bottom: 48px;}
 .grid_type ul li > .info_div .btn_area {display: flex !important;}
 .grid_type ul li > .info_div .btn_area {position: absolute; bottom: 0; left: 0; right: 0;}
 
 .grid_type ul li > .info_div .btn_area a {display: block;  border-top: 1px solid #ddd; min-width: 0 !important; flex-grow: 1; border-left: 0; border-bottom: 0; color: #4d4d4d; font-size:18px; font-weight:600; color:#000; }
 .grid_type ul li > .info_div .btn_area a + a {margin-left: 0;}
 .grid_type ul li > .info_div .btn_area a:last-of-type {border-right: 0;}
 
 .grid_type ul li > .info_div .links {position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-wrap: wrap;}
 .grid_type ul li > .info_div .links a {display: flex; justify-content: center; align-items: center; flex-grow: 1; width: 50%; height: 48px; border-top: 1px solid #ddd; color: #4d4d4d;}
 .grid_type ul li > .info_div .links a:nth-child(2n) {border-left: 1px solid #ddd;}
 
 @media all and (max-width: 1500px) {
	 .grid_type ul { grid-template-columns: repeat(2,1fr); }
 
	 .grid_type ul li {margin-left: 0;}
	 .grid_type ul li:nth-of-type(3n-1) {transition-delay: 0s;}
	 .grid_type ul li:nth-of-type(3n) {transition-delay: 0s;}
	 .grid_type ul li:nth-of-type(2n) {transition-delay: .2s;}
 
 
	 .grid_type ul li .img {height: 0; padding-bottom: 56.4%;}
	 .grid_type ul li .img a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	 .grid_type ul li .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
 }
 
 @media all and (max-width: 1024px) {
	 .grid_type ul li {width: 100%; min-height: auto;}
	 .grid_type ul li:nth-of-type(3n-1)
	 .grid_type ul li:nth-of-type(2n) {margin-left: 0; transition-delay: 0s;}
	 .grid_type ul li > .info_div .labels {margin-bottom: 6px;}
 }
 
 @media all and (max-width: 991px) {
	 .grid_type {margin-top: 80px;}
	 .grid_type .add_txt {font-size: 16px; margin-bottom: 20px;}
	 .grid_type .add_txt strong {font-size: 16px; font-family: "Pretendard-Medium";}
 
	 .grid_type ul {grid-template-columns: repeat(1,1fr);}
	 .grid_type ul li .info_div {padding: 30px;}
	 .grid_type ul li > .info_div .btn_area a {min-width: 20px !important;}
 
	 .grid_type ul li > .info_div .labels {margin-bottom: 6px;}
 }
 
 .btn_type1.line_gr {
	 box-sizing: border-box;
	 display: inline-block;
	 padding: 0 20px;
	 min-width: 142px;
	 height: 64px;
	 line-height: 63px;
	 text-align: center;
	 vertical-align: top;
	 border: 1px solid #ccc;
	 color: #222;
	 background: #fff;
	 font-family: "Pretendard-Medium";
 }
 .con_ltxt {
	 font-family: "Pretendard-SemiBold", sans-serif;
	 color: #222;
	 font-size: 24px !important;
 }
 .con_stxt {
	 font-family: "Pretendard-regular", sans-serif;
	 color: #222;
	 font-size: 14px;
 }
 
 .sub_title2 {
	 padding-top:268px;
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
 }
 .sub_title2 h1 {
	 font-size: 15px;
	 margin-left: 20px;
	 text-align: left;
	 color:#02003c;
	 font-weight: 600;
 }
 .sub_title2 p {
	margin-left: 10px;
	 font-size: 15px;
	 color:white;
	 text-align: center;
	 font-weight: 400; ;
 }
 
 #popup-area {
	 position: absolute;
	 z-index: 9999998;
	 left: 150px;
	 top: 200px;
	 font-family: Arial, sans-serif;
	 -webkit-font-smoothing: antialiased;
	 border: 0 none;
 }
 /**
  * 2024-02-16 추가된 부분 end
  */
            /**
  * 2025-4-15 서브페이지 추가작업 start
  */

  .sub_title2 .p2 {
	margin-left: 10px;
	 font-size: 15px;
	 color:#02003c;
	 text-align: center;
	 font-weight: 500;
 }
 
 .subh1 {
	margin-top: 10px;
	font-size: 17px;
	text-align: left;
	color:#02003c;
	font-weight: 600;
 }

 .subp {
	margin-bottom:10px;
	font-size: 13px;
	text-align: left;
	color:#222;
 }

 .subspan {
	color:#222;
 }

  /**
  * 2025-4-15 서브페이지 추가작업 end
  */
 /**
  * 2024-02-17 추가된 부분 stqrt
  */
 @media (max-width: 768px) {
	 .sub_title2 h1 {
		 margin-left: 10px;
		 font-size: 15px;
	 }
	 .sub_title2 p {
		 font-size: 15px;
	 }
	 /* #popup-area {
		 position: fixed;
		 width: 70%;
		 left: 50%;
		 top: 50%;
		 transform: translate(-50%, -50%);
	 } */
 }
 /**
  * 2024-02-17 추가된 부분 end
  */

  #popup-area {
    position: absolute;
    z-index: 9999998;
    left: 150px;
    top: 200px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    border: 0 none;
}

.popup-container {
    background-color: #000000;
    padding: 0;
    margin: 0;
}

.popup-content {
    word-break: break-all;
    border: 0 none;
}

.popup-image img {
    width: 100%;
}

.popup-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    height: 48px;
}

.popup-checkbox {
    display: flex;
    align-items: center;
}

.popup-checkbox input {
    margin-left: 10px;
    margin-right: 10px;
}

.popup-checkbox label {
    color: #FFFFFF;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
}

.popup-close-button {
    height: 32px;
    background-color: #02003c;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    padding: 0 10px;
    border: none;
    margin: 8px;
}

@media (max-width: 768px) {
    #popup-area {
        position: fixed;
        width: 70%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

/* 2025-02-10 메인_신규 섹션 추가 */
.site-wrap {max-width: 1200px; background-color: #fff; margin: 0 auto; margin-top: 0.5rem; margin-bottom: 1rem; }
.site-wrap .site-list {display: flex; gap: 10px; flex-wrap: wrap;}
.site-wrap .site-list .site-one {width: calc(33.3333% - 0.42rem); padding: 1.25rem 1rem; box-sizing: border-box; border-radius: 30px; background-image: url("../../../../page/img/newbg.png"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 10px;}
.site-wrap .site-list .site-one .a-wrap {display: flex; align-items: center; justify-content: center; gap: 0.35rem;}
.site-wrap .site-list .site-one .a-wrap img{width: 20px; height: 20px;}
.site-wrap .site-list .site-one a > figure {width: 1.5rem; height: 1.5rem;}
.site-wrap .site-list .site-one a > figure img {width: 100%; height: 100%; object-fit: contain;}
.site-wrap .site-list .site-one a {background-color:#02003c; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #fff; gap: 0.75rem; font-weight: 700; line-height: 100%;}
.site-wrap .site-list .site-one > figure {width: 100%; position: relative; padding-top: 56.25%; border-radius: 20px; overflow: hidden; border: 2px solid #fff;}
.site-wrap .site-list .site-one > figure img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.site-wrap .site-list .site-one.site-contain > figure {background-color: #fff;}

@media screen and (max-width: 1024px){
	.site-wrap .site-list .site-one a {font-size: 1.2rem;}
}
@media screen and (max-width: 900px){
	.site-wrap .site-list .site-one a {font-size: 1.1rem;}
	.site-wrap .site-list .site-one a > figure {width: 1.25rem; height: 1.25rem;}
}
@media screen and (max-width: 680px){
	.site-wrap {margin-bottom: 2rem; margin-top: 1rem; padding: 0 0.2rem;}
	.site-wrap .site-list {gap: 4px;}
	.site-wrap .site-list .site-one {padding: 0.8rem 0.5rem; border-radius: 13px; width: calc(33.3333% - 3px);}
	.site-wrap .site-list .site-one a {font-size: 0.8rem;}
	.site-wrap .site-list .site-one a > figure {width: 1rem; height: 1rem;}
	.site-wrap .site-list .site-one > figure {border-radius: 10px;}
}


/* 25.6.05 신규 */
.dsm-label-text {
	font-size: 40px; /* 원하는 크기로 조절 */
  }
  
  .dsm-promo2 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
  }

  .dsm-promo3 {
	padding: 0px;
  }

  .dsm-title {
	font-size: 20px;
	/* font-weight: 700; */
	margin-bottom: 6px;
	color: #444;
  }

  .dsm-title2 {
	font-size: 20px;
	/* font-weight: 700; */
	margin-bottom: 3px;
	color: #444;
  }
  
  .dsm-strong {
	font-weight: 700;
	font-size: 1em; /* 기본 크기. 필요 시 '1.1em' 등으로 조절 */
	color: #02003c;
  }
  
  /* 기존 클래스 유지 */
  .dsm-promo-header {
	/* max-width: 1200px; */
	margin: 15px auto;
	/* padding: 0 20px; */
	font-family: 'Noto Sans KR', sans-serif;
	color: #1a1a1a;
	text-align: left;
	background-color: #fff;
  }
  
  .dsm-label-area {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #02003c;
	font-weight: 600;
	margin-bottom: 15px;
  }
  
  .dsm-square {
	width: 10px;
	height: 10px;
	background-color: #02003c;
	display: inline-block;
  }
  
  .dsm-divider {
	flex-grow: 1;
	height: 1px;
	border: none;
	background-color: #ccc;
	margin-left: 10px;
  }
  
  .dsm-intro-text {
	font-size: 30px;
	margin-left:3px;
	font-weight: 300;
	color: #444;
	margin-bottom: 30px;
  }
  
  .dsm-main-headline {
	font-size: 42px;
	font-weight: 700;
	color: #02003c;
	line-height: 1.4;
	margin: 0;
  }
  
  /* ✅ 모바일 대응 */
  @media screen and (max-width: 768px) {
	.dsm-intro-text {
	  font-size: 16px;
	  margin-left:3px;
	  margin-bottom: 15px;
	}
  
	.dsm-main-headline {
	  font-size: 28px;
	}
  
	.dsm-label-area {
	  font-size: 12px;
	}
  
	.dsm-title {
	  font-size: 15px;
	}

	.dsm-title2 {
	font-size: 17px;	
	}

	.dsm-strong {
	  font-size: 1.1em;
	}

	.dsm-label-text {
		font-size: 16px;
	}

	.dsm-label-text2 {
		font-size: 16px;
	}

	.dsm-square {
		width: 6px;
		height: 6px;
		background-color: #02003c;
		display: inline-block;
	  }
  }

  .dsm-align-right {
	text-align: right;
	direction: rtl; /* 텍스트 흐름 반전 (선택사항) */
  }
  
  .dsm-label-area-rtl {
	flex-direction: row-reverse; /* 요소 순서 반대로 */
  }

  /* 서브페이지 PC 전용 스타일 (768px 이상에서만 적용) */
	@media screen and (min-width: 768px) {
	.subh1 {
		font-size: 21px;
	}

	.subp {
		font-size: 25px;
	}

	.dsm-label-text2 {
		font-size: 30px;
	}
}

.italic-strong {
	display: inline-block;
	transform: skewX(-1deg);
	font-style: italic;
	font-weight: 400;
	margin-left: 3px;
  }

    /* index.php 에 있던 CSS 1 */
	.ggg {
		font-weight: 700;
	}
	.zz1 {
		font-weight: 700;
	}
	  .br2 {
		margin-bottom: 20px;
	}
	.br1 {
		margin-bottom: 25px;
	}
	.gg {
		font-weight: normal;
	}
	.p1 strong {
		font-weight: normal;
	}
	.p1 {
		text-align: center;
	}
	.ment2 {
		font-size: 13px;
		color: #02003c;
	}
	.ment_size {
		font-size: 13px;
	}
	.sumbit_btn {
		background: #979393;
	padding: 10px 25px;
	font-size: 13px;
	color: white;
	
	}
	
	.swiper_section {
		background: #f9f9f9;
		padding-top: 0px;
	}
	.swiper-slide {
		border:1px solid #eee; 
	}
	.item_img {
		display: flex; justify-content: center;
		align-items: center;
		height:200px; 
		overflow: hidden;;
	}
	.swiper_wrap {
		position: relative;
		overflow: hidden;
	}
	.main_swiper {
		overflow: hidden;
	}
	.swiper_btn {
		width:60px; 
		height:60px; 
		position: absolute; 
		z-index: 10;
		box-shadow: 0 3px 10px rgba(0,0,0,0.15);
		border-radius: 50%;
		cursor: pointer;
		display: flex; 
		justify-content: center;
		align-items: center;
	}
	.main_left_btn {
		left:-100px; top:50%; 
		margin-top:-30px;
	}
	.main_right_btn {
		right:-100px; top:50%; 
		margin-top:-30px;
	}
	.second_swiper{
		display: flex;
		justify-content: center;
		background: white;
	}
	
	.project-table-wrapper {
	max-width: 1200px;
	margin: 0.5rem auto;
	padding: 0rem;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	}
	
	.project-image {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
	margin-bottom: 0.3rem;
	}
	
	.project-table {
	width: calc(100% - 10px); /* 5px + 5px 여백 고려 */
	margin: 0 5px;
	border-collapse: collapse;
	font-size: 16px;
	color: #222;
	border: 1px solid #ccc;
	}
	
	.project-table caption {
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 1.2rem;
	margin-left: 1.5rem;
	text-align: left;
	color: #02003c;
	}
	
	.project-table th,
	.project-table td {
	border: 1px solid #ccc;
	padding: 16px 12px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.6;
	font-size:20px;
	}
	
	.project-table th {
	background-color: #f0f0f0;
	color: #444;
	font-weight: 600;
	width: 25%;
	}
	
	.project-table td {
	width: 75%;
	}
	
	/* 모바일 반응형 */
	@media screen and (max-width: 768px) {
	.project-table {
	font-size: 15px;
	width: calc(100% - 10px); /* 5px + 5px 여백 고려 */
	margin: 0 5px;
	}
	
	.project-table caption {
	font-size: 15px;
	margin-bottom: 0.8rem;
	margin-left: 0.8rem;
	color: #02003c;
	}
	
	.project-table th,
	.project-table td {
	padding: 8px 10px;
	display: table-cell;
	width: auto;
	font-size: 12px;
	}
	}
	
	/* 스크린리더용 숨김 클래스 */
	.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	}
	
	.premium-feature {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5rem;
	padding: 20px 0px;
	max-width: 1200px;
	margin: 0 auto;
	flex-direction: row;
	flex-wrap: nowrap;
	}
	
	.premium-image {
	position: relative;
	flex: 0 0 auto;
	width: 45%;
	max-width: 500px;
	border: 5px solid #02003c;
	overflow: hidden;
	}
	
	.premium-image img {
	width: 100%;
	height: auto;
	display: block;
	}
	
	.premium-text {
	flex: 1;
	padding-left: 100px;
	color: #222;
	}
	
	/* [추가] 아이콘과 pill 텍스트를 감싸는 wrapper */
	.premium-label-wrapper {
	display: flex;
	align-items: center;
	gap: 0;
	margin-bottom: 30px;
	}
	
	/* [추가] 왼쪽 원형 아이콘 (pill보다 큼) */
	.label-icon-outside {
	width: 100px;
	height: 100px;
	background-color: #02003c;
	border: 4px solid white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: -20px; /* pill box와 겹치게 만듦 */
	z-index: 2;
	flex-shrink: 0;
	}
	
	.label-icon-outside img {
	width: 50px;
	height: 50px;
	}
	
	/* [수정] 기존 .premium-label */
	.premium-label {
	display: flex;
	align-items: center;
	background-color: #02003c;
	color: white;
	font-weight: 700;
	padding: 20px 50px 20px 60px;
	border-radius: 30px;
	font-size: 1rem;
	z-index: 1;
	white-space: nowrap;
	}
	
	.label-text {
	display: inline-block;
	font-size:25px;
	}
	
	.premium-text p {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.6;
	color: #333;
	word-break: keep-all;
	padding-left: 60px;
	}
	/* [추가] 텍스트 왼쪽, 이미지 오른쪽 고정 배치용 wrapper */
	.premium-feature-textleft {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5rem;
	padding: 20px 0;
	max-width: 1200px;
	margin: 0 auto;
	flex-direction: row;  /* PC/MO 동일 방향 유지 */
	flex-wrap: nowrap;
	}
	
	/* [추가] text + 이미지 내부에서의 텍스트 영역 */
	.premium-feature-textleft .premium-text {
	flex: 1;
	padding-left: 100px;
	color: #222;
	}
	
	/* [추가] 이미지 우측 배치 스타일 */
	.premium-feature-textleft .premium-image {
	position: relative;
	flex: 0 0 auto;
	width: 45%;
	max-width: 500px;
	border: 5px solid #02003c;
	overflow: hidden;
	}
	
	.premium-feature-textleft .premium-image img {
	width: 100%;
	height: auto;
	display: block;
	}
	
	/* 모바일 대응 */
	@media (max-width: 768px) {
	.premium-label-wrapper{
		margin-bottom: 10px;
	}
	.premium-feature {
	gap: 0rem;
	padding: 7px 0px;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
	}
	.label-text {
	font-size: 13px;
	}
	.premium-text p {
	margin: 0;
	font-size: 12px;
	line-height: 1.6;
	padding-left: 0px;
	color: #333;
	}
	
	.premium-image {
	position: relative;
	flex: 0 0 auto;
	width: 45%;
	max-width: 500px;
	border: 2px solid #02003c;
	overflow: hidden;
	}
	
	.premium-text {
	width: 52%;
	font-size: 0.9rem;
	padding-left: 30px;
	}
	
	/* [수정] pill 박스 크기 조정 */
	.premium-label {
	font-size: 0.85rem;
	/* margin-bottom: 11px; */
	padding: 6px 14px 6px 24px;
	}
	
	
	/* [수정] 모바일에서 아이콘 크기 줄이기 */
	.label-icon-outside {
	width: 42px;
	height: 42px;
	margin-right: -14px;
	border-width: 2px;
	}
	
	.label-icon-outside img {
	width: 24px;
	height: 24px;
	}
	/* [추가] 새로운 구조용 모바일 레이아웃 유지 */
	.premium-feature-textleft {
	flex-direction: row;
	gap: 0rem;
	padding: 7px 0px;
	align-items: center;
	}
	
	/* [추가] 텍스트 너비 설정 */
	.premium-feature-textleft .premium-text {
	width: 52%;
	font-size: 0.9rem;
	padding-left: 10px;
	}
	
	/* [추가] 이미지 너비 설정 */
	.premium-feature-textleft .premium-image {
	width: 45%;
	border: 2px solid #02003c;
	}
	}
	
	.infra-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* [유지] 2열 구성 */
	gap: 1.5rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 1rem;
	}
	
	.infra-box {
	border: 1px solid #e0e0e0;
	padding: 1.5rem;
	border-radius: 20px 20px 60px 20px; /* 원하는 둥근 모서리 */
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
	transition: transform 0.3s ease;
	}
	
	.infra-box:hover {
	transform: translateY(-5px);
	}
	
	.infra-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: #02003c;
	margin-bottom: 10px;
	}
	
	.infra-title::before {
		content: " · ";           /* ✅ 실제 출력되는 점 */
		color: #02003c;          /* 점 색상 (원하는 컬러로 변경) */
		font-weight: bold;       /* 필요 시 강조 */
		margin-right: 0.25em;    /* 글자와 점 사이 여백 */
	  }
	
	.infra-box dd {
	font-size: 1rem;
	color: #333;
	line-height: 1.5;
	margin: 0;
	}
	
	/* 반응형 */
	@media (max-width: 768px) {
	/* [삭제 또는 주석처리 필요]
	.infra-wrapper {
	grid-template-columns: 1fr; 
	}
	*/
	.infra-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* [유지] 2열 구성 */
	gap: 0.5rem;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 0.2rem;
	}
	/* [유지] 또는 약간 축소 가능 */
	.infra-title {
	font-size: 1rem;
	}
	
	.infra-title::before {
		content: " · ";           /* ✅ 실제 출력되는 점 */
		color: #02003c;          /* 점 색상 (원하는 컬러로 변경) */
		font-weight: bold;       /* 필요 시 강조 */
		margin-right: 0.25em;    /* 글자와 점 사이 여백 */
	  }
	
	.infra-box dd {
	font-size: 0.75rem;
	}
	
	.infra-box {
	border: 1px solid #e0e0e0;
	padding: 1.2rem;
	border-radius: 20px 20px 60px 20px; /* 원하는 둥근 모서리 */
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.03);
	transition: transform 0.3s ease;
	}
	}
	
	
	/* 전체 구조변경 9월 18일 (dl, dt, dd) */
	
	/* 기본 리셋 */
	.premium-feature.pf-final dt,
	.premium-feature.pf-final dd {
	margin: 0;
	}
	
	/* 레이아웃 변수: 이미지 폭/간격 (필요 시 조절) */
	.premium-feature.pf-final {
	--imgW: 45%;
	--gap: 5rem;
	position: relative;          /* dt 절대배치 기준 */
	width: 1200px;               /* ✅ PC에서 항상 1200px */
	max-width: 100%;             /* ✅ 모바일 등 작은 화면에서는 100%로 줄어듦 */
	margin: 0 auto;
	padding: 20px 0;
	}
	
	/* dd 하나로 2열(이미지 좌 / 본문 우) */
	.premium-feature.pf-final .premium-desc {
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--gap);
	}
	
	/* 좌측 이미지 */
	.premium-feature.pf-final .premium-image {
	flex: 0 0 var(--imgW);
	max-width: 500px;
	border: 5px solid #02003c;
	overflow: hidden;
	}
	.premium-feature.pf-final .premium-image img {
	width: 100%;
	height: auto;
	display: block;
	}
	
	.premium-feature.pf-final .premium-copy {
	margin-left: 70px;
	margin-top: 70px;
	flex: 1;
	color: #222;
	/* 제목(dt)이 절대배치로 겹치므로 약간의 상단 여유 */
	padding-top: 8px; /* 필요 시 0~16px 사이로 미세조정 */
	}
	
	/* 우측 본문 */
	.premium-feature.pf-final .premium-copy p {
	font-size: 23px;
	text-align: center;
	margin: 0;
	line-height: 1.6;
	color: #333;
	}
	
	/* 제목(dt) = 오른쪽 칼럼 맨 위 */
	.premium-feature.pf-final .premium-title {
	margin-top:60px;
	margin-left:80px;
	position: absolute;
	left: calc(var(--imgW) + var(--gap)); /* 이미지폭+간격 후 시작 */
	top: 0;                               /* 필요 시 0~20px로 조정 */
	z-index: 2;
	}
	
	/* 아이콘 + pill wrapper */
	.premium-feature.pf-final .premium-title .premium-label-wrapper {
	display: flex;
	align-items: center;
	gap: 0;
	}
	
	/* 원형 아이콘 */
	.premium-feature.pf-final .premium-title .label-icon-outside {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #02003c;
	border: 3px solid #fff;   /* 흰 테두리 */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: -12px;      /* pill과 겹치게 */
	z-index: 2;
	}
	.premium-feature.pf-final .premium-title .label-icon-outside img {
	width: 50px;
	height: 50px;
	}
	
	/* pill 라벨 */
	.premium-feature.pf-final .premium-title .premium-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #02003c;
	color: #fff;
	font-weight: 700;
	padding: 20px 50px;
	border-radius: 999px;
	font-size: 1rem;
	line-height: 1;
	}
	.premium-feature.pf-final .premium-title .label-text {
	font-size: 25px; /* 필요 시 조절 */
	}
	
	
	/* 모바일: 좌우 배치 유지 (스택 금지) */
	@media (max-width: 768px) {
	.premium-feature.pf-final {
	--imgW: 48%;
	--gap: 1rem;
	padding: 10px 0;
	width: 100%;          /* ✅ 모바일에서는 100% */
	}
	.premium-feature.pf-final .premium-title {
	left: calc(var(--imgW) + var(--gap));
	top: 0;
	}
	.premium-feature.pf-final .premium-image {
	border-width: 2px;
	}
	
	/* 제목(dt) = 오른쪽 칼럼 맨 위 */
	.premium-feature.pf-final .premium-title {
	margin-top:20px;
	margin-left:0px;
	position: absolute;
	left: calc(var(--imgW) + var(--gap)); /* 이미지폭+간격 후 시작 */
	top: 0;                               /* 필요 시 0~20px로 조정 */
	z-index: 2;
	}
	
	.premium-feature.pf-final .premium-title .label-text {
	font-size: 13px; /* 필요 시 조절 */
	margin-left:10px;
	}
	/* 원형 아이콘 */
	.premium-feature.pf-final .premium-title .label-icon-outside {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #02003c;
	border: 3px solid #fff;   /* 흰 테두리 */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: -12px;      /* pill과 겹치게 */
	z-index: 2;
	}
	.premium-feature.pf-final .premium-title .label-icon-outside img {
	width: 24px;
	height: 24px;
	}
	
	/* pill 라벨 */
	.premium-feature.pf-final .premium-title .premium-label {
	display: inline-flex;
	align-items: center;
	background-color: #02003c;
	color: #fff;
	font-weight: 700;
	padding: 11px 16px 12px 10px;
	border-radius: 999px;
	font-size: 1rem;
	line-height: 1;
	}
	
	.premium-feature.pf-final .premium-copy {
	margin-top:45px;
	margin-left:0px;
	flex: 1;
	color: #222;
	/* 제목(dt)이 절대배치로 겹치므로 약간의 상단 여유 */
	padding-top: 8px; /* 필요 시 0~16px 사이로 미세조정 */
	}
	.premium-feature.pf-final .premium-copy p {
	font-size:12px;
	text-align: center;
	margin: 0;
	line-height: 1.6;
	color: #333;
	}
	}
	
	/* ================================
	pf-final 역방향(텍스트 좌 / 이미지 우) 전용
	기존 pf-final 룩 & 필 유지
	================================ */
	
	/* 컨테이너(PC 1200 고정, 작은 화면 100%) */
	.premium-feature.pf-final.pf-reverse {
	--imgW: 45%;
	--gap: 5rem;
	position: relative;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	}
	
	/* dt, dd 기본 리셋 */
	.premium-feature.pf-final.pf-reverse > dt,
	.premium-feature.pf-final.pf-reverse > dd {
	margin: 0;
	}
	
	/* dd: 좌/우 2열 (텍스트 좌, 이미지 우) */
	.premium-feature.pf-final.pf-reverse .premium-desc {
	display: flex;
	align-items: center;         /* 수직 가운데 정렬 */
	gap: var(--gap);
	}
	
	/* 왼쪽 텍스트 칼럼 */
	.premium-feature.pf-final.pf-reverse .premium-copy {
	order: 1;
	flex: 1 1 auto;
	color: #222;
	display: flex;
	flex-direction: column;
	justify-content: center;     /* 문단 수직 중앙 */
	margin-top: 70px;            /* pill(dt)와의 간격 보정 - 필요시 조절 */
	padding-top: 0;
	margin-right:50px;
	}
	.premium-feature.pf-final.pf-reverse .premium-copy p {
	margin: 0;
	line-height: 1.6;
	color: #333;
	font-size: 1.4rem;           /* 기존 톤과 유사 */
	text-align: center;          /* 기존과 동일한 중앙 정렬 */
	}
	
	/* 오른쪽 이미지 칼럼 */
	.premium-feature.pf-final.pf-reverse .premium-image {
	order: 2;
	flex: 0 0 var(--imgW);
	max-width: 500px;
	border: 5px solid #02003c;
	overflow: hidden;
	}
	.premium-feature.pf-final.pf-reverse .premium-image img {
	width: 100%;
	height: auto;
	display: block;
	}
	
	/* 제목(dt) : 텍스트 칼럼 상단 왼쪽 고정 */
	.premium-feature.pf-final.pf-reverse .premium-title {
	position: absolute;
	left: 0;                     /* 역방향은 좌측에 제목 고정 */
	top: 0;
	z-index: 2;
	margin-top:50px;
	margin-left:100px;
	}
	
	/* pill(아이콘+라벨)은 기존 pf-final과 동일 스타일을 그대로 사용
	필요 시 크기만 아래에서 반응형으로 조절 */
	
	/* 모바일(<=768px): 좌우 배치 유지, 간격 축소 */
	@media (max-width: 768px) {
	.premium-feature.pf-final.pf-reverse {
	--imgW: 48%;
	--gap: 1rem;
	width: 100%;
	padding: 10px 0;
	}
	.premium-feature.pf-final.pf-reverse .premium-image {
	border-width: 2px;
	}
	.premium-feature.pf-final.pf-reverse .premium-title {
	left: 0;                  /* 모바일에서도 좌측 고정 */
	top: 0;
	margin-top:15px;
	margin-left:0px;
	}
	.premium-feature.pf-final.pf-reverse .premium-copy {
	margin-top: 45px;         /* pill과 간격 조금 줄임 */
	margin-right: 0px;
	}
	.premium-feature.pf-final.pf-reverse .premium-copy p {
	font-size: 12px;
	}
	}


	/* gnb3 css */
	#header{
        position: fixed;
        top:0;
        width: 100%;
    }
    #header #gnb{
        gap:15px;
    }
    #header .nav_wrap {
        z-index:120; 
        
    }
    .tel_wrap {
        color:#1f1f1f; 
        width: 150px;;
        z-index: 20;
    }
    .tel_wrap .tel {
        position: absolute;
        top: 25px;
        z-index: 150;  
    }
    .tel_wrap .tel a  {
        display: flex;
        /* margin-left:20px;  */
        justify-content: center;
        align-items: center;
    }
    .tel_wrap .tel .phone_icon img {
        width: 25px; height:25px;
    }
    .phone_icon.black {
        display: none;
    }

    /* 스크롤시 폰svg 화이트 변경 */
    #header.show .phone_icon.white {
        display: none;
        filter: brightness(0) invert(1);
    }

    /* 스크롤시 로고 흰색으로 변경 */
    #header.show.scroll .logo {
        filter: brightness(0) invert(1);
    }
    
    #header.show .phone_icon.black {
        display: block;
    }
    #header.show .tel_wrap {
        color:#111; 
    }
    #header.show.scroll .tel_wrap {
        color:white; 
    }
    #header.show.scroll .phone_icon.white {
        display: block;
    }
    #header.show.scroll .phone_icon.black {
        display: none;
    }

    .header_wrap .logo_wrap  {
        width: 240px;
        display: flex; 
        justify-content: center;
        align-items: center;
        position: relative;
    }
    .header_wrap .logo {
        position: absolute;
        top: 25px;
        /* width: 175px;
        height:57px;
        background: url('/page/img/logo.png') center/cover no-repeat; */
        z-index: 150;  
    }
    /* 20250227 */
    .header_wrap .logo a {color: #02003c; font-size: 16px; font-weight: bold;}
    .header_wrap .gnb>li {
        color:#1f1f1f; 
        padding:0 20px; 
    }
    .header_wrap .logo img {
        width:200px; 
        height: 40px;
       
    }
   
    #header.show .full_gnb_sub{
        color:#111; ;
    }
    #header.show.scroll .full_gnb_sub{ 
        color:white;;
    }
    #header.show.scroll .full_gnb_sub .gnb_depth { 
        color:#111;
    }
    #header .full_gnb_sub > a.ch-0220 {
        padding: 30px 10px;
        
    }
    #header .full_gnb_sub > a.sub-a strong {
        position: relative;
        padding-bottom: 10px;;
    }
    #header .full_gnb_sub > a.sub-a strong::after {
        content:''; 
        position: absolute;
        bottom:3px; 
        left:50%; 
        height:1px; 
        display: block;
        width: 0;
        background:#02003c ;
        transition: all .1s cubic-bezier(.25, .46, .45, 1);
    }
    #header.scroll .full_gnb_sub > a.sub-a strong::after{
        background:white ;
    }
    #header .full_gnb_sub > a.sub-a:hover > strong::after {
        width: 100%;
        left:0;
    }
    #header .gnb_depth {
        display: none; justify-content: center; 
        align-items: center;
        flex-direction: column;
        transition: all .5s ease;
    }
    #header .gnb_depth li {
        display: flex; justify-content: center;
        padding:10px 0;
    }
    
    #header .gnb_depth a.sub-a {
        position: relative;
        font-size: 15px;

    }
    #header .gnb_depth a.sub-a:hover{
        color:#02003c; 
    }
    #header .gnb_depth a.sub-a::after {
        content:''; 
        position: absolute;
        bottom:0px; 
        left:50%; 
        height:1px; 
        display: block;
        width: 0;
        background:#02003c ;
        transition: all .1s cubic-bezier(.25, .46, .45, 1);
    }
    #header .gnb_depth a.sub-a:hover::after {
        width: 100%;
        left:0;
    }
    #header.show .gnb_depth {
        display: flex;
    }
    #header.show {
        /* background: white; ; */
        transition: all .5s ease;
    } 
    #header::after{
        content:''; 
        width: 100%;
        position: absolute;
        height:88px; 
        transition: all .3s ease;
        z-index: 10;
        top:0; 
        left:0; 
    }
    #header.show::after{
       background: white; ;
    }
    #header.show.scroll::after{
       background: #222; ;
    }
    #header.show .gnb_depth{
        display: block;
        margin-top:10px;
    }
    #header.show .nav_bg {
        opacity: 1; 
        height: 230px; 
    }
    .nav_bg {
        transition: all .5s ease;
        opacity: 0; 
        height: 0px; 
        width: 100%; 
        position: absolute; 
        background:#f8f8f8;
        TOP:88px; 
        z-index: 10; 
        overflow: hidden;
       
    }

    #header.scroll::after {
        background:white; 
        transition: all .5s ease;
    }