@font-face {
    			font-family: SamsungOne;
    			src: url('https://miniweb.samsung.ua/fonts/SamsungOne-400.woff2') format("woff2");
    			font-weight: 400;
    			font-style: normal;
    			font-display: swap
    		}
    
    		@font-face {
    			font-family: SamsungOne400;
    			src: url('https://miniweb.samsung.ua/fonts/SamsungOne-400.woff2') format("woff2");
    			font-weight: 400;
    			font-style: normal;
    			font-display: swap
    		}
    		@font-face {
    			font-family: SamsungSharpSans;
    			src: url('https://miniweb.samsung.ua/fonts/SamsungSharpSansBd.woff2') format("woff2");
    			font-display: swap
    		}
    		@font-face {
    			font-family: SamsungSharpSansBold;
    			src: url('https://miniweb.samsung.ua/fonts/SamsungSharpSansBd.woff2') format("woff2");
    			font-display: swap
    		}
    		
        * {
            margin: 0;
            padding: 0;
            font-family: inherit;
            /* vertical-align: top; */
            outline: 0;
            box-sizing: border-box;
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-font-smoothing: antialiased;
        }
        html, body {
            height: 100%;
            font-size: 14px;
            font-weight: normal;
            color: rgba(var(--rgb-color), 1);
            line-height: 1;
            letter-spacing: -0.5px;
            font-family: "Segoe UI", Helvetica, sans-serif;
        }
        html, body, iframe, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd, label, caption, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption, img, select, i {
            border: 0;
            vertical-align: top;
            background: transparent;
            font-size: 100%;
            color: inherit;
        }
        
        body{
            --rgb-color: 0, 0, 0;
        }
        .y-hidden {
            overflow-y: hidden !important;
        }
        
        ::selection {
            background-color: #214eb1;
            color: #fff;
        }
        
        .wrap {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        
        .wrap > header.header {
            margin: 0;
        }
        
        .wrap > header.header, .wrap > .container {
            margin: auto;
            width: 100%;
            min-width: 1024px;
        }
        
        .header {
            padding: 0 16px;
            border-bottom: 1px solid rgba(var(--rgb-color), .2);
        }
        
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            display: block;
        }
        
        .header .logo-area {
            display: flex;
            align-items: center;
            padding: 12px 0 0;
        }
        
        .blind {
            position: absolute !important;
            display: block;
            width: 0 !important;
            height: 0 !important;
            padding: 0 !important;
            margin: -1px !important;
            border: 0 !important;
            overflow: hidden !important;
            clip: rect(0 0 0 0) !important;
        }
        
        .wrap > header.header {
            margin: 0;
        }
        
        a {
            color: inherit;
            text-decoration: none;
        }

        .header .logo-area h1 a {
            display: block;
            width: 81px;
            height: 24px;
            background: url('http://w1.samsung.net/portalapp/static/media/img_gnb_logo.d93227b6.svg') no-repeat 50%;
        }
        
        .header .gnb-area {
            display: flex;
            align-items: center;
            overflow: hidden;
        }
        .header .gnb-area .gnb {
            overflow: hidden;
            flex: 1 1;
            padding-top: 6px;
        }
        nav, ul, ol, dl {
            list-style: none;
        }
        .header .gnb-area .gnb .title-side {
            display: none;
        }
        .header .gnb-area .gnb .nav, .header .gnb-area .gnb .nav>ul {
            display: flex;
        }
        .header .gnb-area .gnb .nav>ul>li {
            position: relative;
        }
        .header .gnb-area .gnb .dropdown-wrap {
            width: 100%;
        }
        .dropdown-wrap {
            position: relative;
            display: inline-block;
            max-width: 100%;
        }
        
        input, button {
            font-family: "Segoe UI", Helvetica, sans-serif;
        }
        button {
            cursor: pointer;
        }
        .btn {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            padding: 0 8px;
            font-size: 13px;
            font-size: 0.928rem;
            font-weight: bold;
            color: rgba(var(--rgb-color), 0.9);
            white-space: nowrap;
            border: 0;
            border-radius: 4px;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
        .btn.md {
            padding: 0 7px;
            height: 30px;
            min-width: 30px;
            font-size: 13px;
            font-size: 0.928rem;
        }

        .header .gnb-area .gnb .nav .btn, .header .gnb-area .gnb .nav .menu-link {
            width: 100%;
            height: 34px;
            position: relative;
            padding: 0 8px;
            color: rgba(var(--rgb-color), .9);
            font-size: 13px;
            font-size: .9285rem;
            font-weight: 400;
        }
        
        .header .gnb-area .gnb .nav .btn.active, .header .gnb-area .gnb .nav .btn:hover, .header .gnb-area .gnb .nav .menu-link.active, .header .gnb-area .gnb .nav .menu-link:hover {
            color: rgba(var(--rgb-color), 1);
            font-weight: 400;
        }
        

        i[class^=ic-] {
            flex: 0 0 auto;
            display: inline-block;
            background-repeat: no-repeat !important;
            background-position: center !important;
            background-size: contain !important;
        }
        i[class^=ic-].xs {
            width: 12px;
            height: 12px;
        }
        .btn:not(.disabled):not(.gradation) i {
            margin: 0 auto;
        }
        .btn .text:not(.blind) + i {
            margin-left: 6px;
        }
        .btn:not(.disabled):not(.gradation) i:not([class^=ic-category]):not([class*=color-]):not(.white):not(.active):not(.primary):not(.selected), .btn:not(.disabled):not(.gradation) i.ic-category-add:not(.active) {
            opacity: 0.6;
        }
        
        .header .gnb-area .gnb .btn.active:not(.pure) {
            background: transparent;
        }
        
        .btn.active:before, .header .gnb-area .gnb .nav .btn:hover:before, .header .gnb-area .gnb .nav .menu-link.active:before, .header .gnb-area .gnb .nav .menu-link:hover:before {
            display: block;
            content: "";
        }
        .header .gnb-area .gnb .nav .btn.active:before, .header .gnb-area .gnb .nav .menu-link.active:before {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background-color: rgba(var(--rgb-color), 1);
        }
        
        
        .ic-pin {
          background: url("data:image/svg+xml,%3Csvg id%3D%22ic_pin%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        fill%3A none%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_140350%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 140350%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22%2F%3E  %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_131452%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 131452%22 transform%3D%22translate(-3 -3)%22%3E    %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_123370%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 123370%22 transform%3D%22translate(3.999 4.001)%22%3E      %3Cpath id%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0_154%22 data-name%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0 154%22 d%3D%22M.18%2C13.82a.613.613%2C0%2C0%2C1%2C0-.868l3.3-3.3L.648%2C6.821a.5.5%2C0%2C0%2C1%2C.154-.8L4.5%2C4.436a.589.589%2C0%2C0%2C0%2C.153-.106L5.941%2C2.981a.49.49%2C0%2C0%2C1%2C.694%2C0l2.2%2C2.2%2C2.2%2C2.2a.489.489%2C0%2C0%2C1%2C0%2C.7L9.745%2C9.421a.557.557%2C0%2C0%2C0-.1.153l-1.583%2C3.7a.5.5%2C0%2C0%2C1-.8.153l-2.906-2.9-3.3%2C3.3a.615.615%2C0%2C0%2C1-.869%2C0ZM11.658%2C6.8%2C7.2%2C2.342a.729.729%2C0%2C0%2C1%2C0-1.021L8.31.211a.72.72%2C0%2C0%2C1%2C1.019%2C0l4.46%2C4.46a.715.715%2C0%2C0%2C1%2C0%2C1.016L12.678%2C6.8a.721.721%2C0%2C0%2C1-1.02%2C0Z%22 transform%3D%22translate(0 0)%22%2F%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
        }
        .ic-pin.active, .ic-pin.primary, .ic-pin.primary.white {
          filter: invert(92%) sepia(58%) saturate(2330%) hue-rotate(322deg) brightness(102%) contrast(99%);
        }
        .ic-pin.white {
          filter: invert(1);
        }
        
        .ic-pin-line {
          background: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg id%3D%22pin%22%3E%3Cpath id%3D%22Vector%22 d%3D%22M7.84228 0.396691C8.03741 0.201294 8.35399 0.201075 8.54939 0.396203L15.8528 7.68958C16.0482 7.88471 16.0485 8.20129 15.8533 8.39669C15.6582 8.59209 15.3416 8.59231 15.1462 8.39718L13.9988 7.25138L10.8674 10.3828L10.0512 13.9363C10.0197 14.0736 9.95017 14.1992 9.85059 14.2988L9.07997 15.0694C8.78708 15.3623 8.3122 15.3623 8.01931 15.0694L4.83733 11.8874L0.897987 15.8267C0.702725 16.022 0.386142 16.022 0.19088 15.8267C-0.00438194 15.6315 -0.00438194 15.3149 0.19088 15.1196L4.13022 11.1803L1.12502 8.1751C0.832125 7.88221 0.832125 7.40733 1.12502 7.11444L1.89564 6.34381C1.99522 6.24424 2.12083 6.1747 2.25808 6.14318L5.81161 5.32698L8.93954 2.19906L7.84277 1.1038C7.64737 0.90867 7.64715 0.592087 7.84228 0.396691ZM9.64713 2.90568L6.46792 6.08489C6.36834 6.18447 6.24274 6.254 6.10548 6.28553L2.55195 7.10172L2.0089 7.64477L5.18967 10.8255C5.19007 10.8259 5.19048 10.8263 5.19088 10.8267C5.19128 10.8271 5.19169 10.8276 5.19209 10.828L8.54964 14.1855L9.09269 13.6425L9.90888 10.0889C9.94041 9.95167 10.0099 9.82607 10.1095 9.72649L13.2912 6.54476L9.64713 2.90568Z%22 fill%3D%22black%22 fill-opacity%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        }
        .ic-pin-line.active {
          background: url("data:image/svg+xml,%3Csvg id%3D%22ic_pin%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        fill%3A none%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_140350%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 140350%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22%2F%3E  %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_131452%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 131452%22 transform%3D%22translate(-3 -3)%22%3E    %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_123370%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 123370%22 transform%3D%22translate(3.999 4.001)%22%3E      %3Cpath id%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0_154%22 data-name%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0 154%22 d%3D%22M.18%2C13.82a.613.613%2C0%2C0%2C1%2C0-.868l3.3-3.3L.648%2C6.821a.5.5%2C0%2C0%2C1%2C.154-.8L4.5%2C4.436a.589.589%2C0%2C0%2C0%2C.153-.106L5.941%2C2.981a.49.49%2C0%2C0%2C1%2C.694%2C0l2.2%2C2.2%2C2.2%2C2.2a.489.489%2C0%2C0%2C1%2C0%2C.7L9.745%2C9.421a.557.557%2C0%2C0%2C0-.1.153l-1.583%2C3.7a.5.5%2C0%2C0%2C1-.8.153l-2.906-2.9-3.3%2C3.3a.615.615%2C0%2C0%2C1-.869%2C0ZM11.658%2C6.8%2C7.2%2C2.342a.729.729%2C0%2C0%2C1%2C0-1.021L8.31.211a.72.72%2C0%2C0%2C1%2C1.019%2C0l4.46%2C4.46a.715.715%2C0%2C0%2C1%2C0%2C1.016L12.678%2C6.8a.721.721%2C0%2C0%2C1-1.02%2C0Z%22 transform%3D%22translate(0 0)%22%2F%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
        }
        .ic-pin-line.selected {
          background: url("data:image/svg+xml,%3Csvg id%3D%22ic_pin%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        fill%3A none%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_140350%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 140350%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22%2F%3E  %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_131452%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 131452%22 transform%3D%22translate(-3 -3)%22%3E    %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_123370%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 123370%22 transform%3D%22translate(3.999 4.001)%22%3E      %3Cpath id%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0_154%22 data-name%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0 154%22 d%3D%22M.18%2C13.82a.613.613%2C0%2C0%2C1%2C0-.868l3.3-3.3L.648%2C6.821a.5.5%2C0%2C0%2C1%2C.154-.8L4.5%2C4.436a.589.589%2C0%2C0%2C0%2C.153-.106L5.941%2C2.981a.49.49%2C0%2C0%2C1%2C.694%2C0l2.2%2C2.2%2C2.2%2C2.2a.489.489%2C0%2C0%2C1%2C0%2C.7L9.745%2C9.421a.557.557%2C0%2C0%2C0-.1.153l-1.583%2C3.7a.5.5%2C0%2C0%2C1-.8.153l-2.906-2.9-3.3%2C3.3a.615.615%2C0%2C0%2C1-.869%2C0ZM11.658%2C6.8%2C7.2%2C2.342a.729.729%2C0%2C0%2C1%2C0-1.021L8.31.211a.72.72%2C0%2C0%2C1%2C1.019%2C0l4.46%2C4.46a.715.715%2C0%2C0%2C1%2C0%2C1.016L12.678%2C6.8a.721.721%2C0%2C0%2C1-1.02%2C0Z%22 transform%3D%22translate(0 0)%22%2F%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
          filter: invert(92%) sepia(58%) saturate(2330%) hue-rotate(322deg) brightness(102%) contrast(99%);
        }
        .ic-pin-line.white {
          filter: invert(1);
        }
                
        
        .ic-down {
          background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E    %3Cpath fill%3D%22none%22 d%3D%22M0 0H16V16H0z%22%2F%3E    %3Cpath fill%3D%22none%22 stroke%3D%22%23000%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.4px%22 d%3D%22M5 0L0 5.078S3.75 8.571 5 10%22 transform%3D%22translate(3 10.5) rotate(-90)%22%2F%3E%3C%2Fsvg%3E");
        }
        .ic-down.active, .ic-down.primary, .ic-down.primary.white {
          filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
        }
        .ic-down.white {
          filter: invert(1);
        }

        .ic-up {
          background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E    %3Cpath fill%3D%22none%22 d%3D%22M0 0H16V16H0z%22%2F%3E    %3Cpath fill%3D%22none%22 stroke%3D%22%23000%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.4px%22 d%3D%22M5 10L0 4.922S3.75 1.429 5 0%22 transform%3D%22translate(13 5.5) rotate(90)%22%2F%3E%3C%2Fsvg%3E");
        }
        .ic-up.active, .ic-up.primary, .ic-up.primary.white {
          filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
        }
        .ic-up.white {
          filter: invert(1);
        }
        
        .ic-fold {
          background: url("data:image/svg+xml,%3Csvg id%3D%22ic_fold%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1%2C .cls-2%2C .cls-3 %7B        fill%3A none%3B      %7D      .cls-2%2C .cls-3 %7B        stroke%3A %23000%3B        stroke-linecap%3A round%3B        stroke-width%3A 1.4px%3B      %7D      .cls-2 %7B        stroke-linejoin%3A round%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_143886%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 143886%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22%2F%3E  %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_117153%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 117153%22 transform%3D%22translate(-8.5 -8)%22%3E    %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204945%22 data-name%3D%22%ED%8C%A8%EC%8A%A4 204945%22 class%3D%22cls-2%22 d%3D%22M-11620.958-10218.979l-4.763%2C4.693s3.571%2C3.229%2C4.763%2C4.55%22 transform%3D%22translate(11639.221 10230.395)%22%2F%3E    %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204946%22 data-name%3D%22%ED%8C%A8%EC%8A%A4 204946%22 class%3D%22cls-3%22 d%3D%22M-11616-10212.943h-9.664%22 transform%3D%22translate(11639.501 10228.943)%22%2F%3E    %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204953%22 data-name%3D%22%ED%8C%A8%EC%8A%A4 204953%22 class%3D%22cls-3%22 d%3D%22M265.8%2C562.729v12%22 transform%3D%22translate(-255.295 -552.729)%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
        }
        .ic-fold.active, .ic-fold.primary, .ic-fold.primary.white {
          filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
        }
        .ic-fold.white {
          filter: invert(1);
        }
        
        .ic-unfold {
          background: url("data:image/svg+xml,%3Csvg id%3D%22ic_unfold%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1%2C .cls-2%2C .cls-3 %7B        fill%3A none%3B      %7D      .cls-2%2C .cls-3 %7B        stroke%3A %23000%3B        stroke-linecap%3A round%3B        stroke-width%3A 1.4px%3B      %7D      .cls-2 %7B        stroke-linejoin%3A round%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_143886%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 143886%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22%2F%3E  %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_117154%22 data-name%3D%22%EA%B7%B8%EB%A3%B9 117154%22 transform%3D%22translate(0 2)%22%3E    %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204945%22 data-name%3D%22%ED%8C%A8%EC%8A%A4 204945%22 class%3D%22cls-2%22 d%3D%22M-11625.721-10218.979l4.763%2C4.693s-3.571%2C3.229-4.763%2C4.55%22 transform%3D%22translate(11631.886 10220.395)%22%2F%3E    %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204946%22 data-name%3D%22%ED%8C%A8%EC%8A%A4 204946%22 class%3D%22cls-3%22 d%3D%22M-11625.665-10212.943h9.5%22 transform%3D%22translate(11626.665 10218.943)%22%2F%3E    %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204953%22 data-name%3D%22%ED%8C%A8%EC%8A%A4 204953%22 class%3D%22cls-3%22 d%3D%22M265.8%2C562.729v12%22 transform%3D%22translate(-251.795 -562.729)%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
        }
        .ic-unfold.active, .ic-unfold.primary, .ic-unfold.primary.white {
          filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
        }
        .ic-unfold.white {
          filter: invert(1);
        }
        
        .ic-search {
          background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E    %3Cpath d%3D%22M1569.076 1145.52l-2.992-3.32a5.585 5.585 0 1 0-4.208 1.941 5.512 5.512 0 0 0 3.11-.96l3.011 3.339a.724.724 0 0 0 1.034.047.749.749 0 0 0 .045-1.047zm-11.345-7.068a4.145 4.145 0 1 1 4.145 4.205 4.179 4.179 0 0 1-4.145-4.205z%22 transform%3D%22translate(-1555.268 -1131.762)%22%2F%3E%3C%2Fsvg%3E");
        }
        .ic-search.active, .ic-search.primary, .ic-search.primary.white {
          filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
        }
        .ic-search.white {
          filter: invert(1);
        }
        
        .ic-download {
          background: url("data:image/svg+xml,%3Csvg id%3D%22ic_download%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_149448%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 149448%22 width%3D%2216%22 height%3D%2216%22 fill%3D%22none%22 opacity%3D%220.19%22%2F%3E  %3Cg id%3D%22symbol%22 transform%3D%22translate(0.5 13.399) rotate(-90)%22%3E    %3Cpath id%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0_488%22 data-name%3D%22%ED%95%A9%EC%B9%98%EA%B8%B0 488%22 d%3D%22M17544.768%2C13559.2a1.807%2C1.807%2C0%2C0%2C1-1.869-1.982v-9.239a2.321%2C2.321%2C0%2C0%2C1%2C.295-1.149%2C1.752%2C1.752%2C0%2C0%2C1%2C1.574-.829h.73a.6.6%2C0%2C0%2C1%2C0%2C1.2h-.73c-.168%2C0-.67%2C0-.67.779v9.239c0%2C.779.467.779.67.779h.73a.6.6%2C0%2C0%2C1%2C0%2C1.2Zm4.281-3.2c-.723-.824-2.934-2.891-2.961-2.912a.632.632%2C0%2C0%2C1-.189-.428.615.615%2C0%2C0%2C1%2C.172-.432l3-3.049a.605.605%2C0%2C0%2C1%2C.852%2C0%2C.6.6%2C0%2C0%2C1%2C0%2C.846l-1.949%2C1.982h6.521a.6.6%2C0%2C1%2C1%2C0%2C1.2h-6.541c.7.671%2C1.57%2C1.521%2C2%2C2a.6.6%2C0%2C0%2C1-.059.846.591.591%2C0%2C0%2C1-.4.149A.6.6%2C0%2C0%2C1%2C17549.049%2C13556Z%22 transform%3D%22translate(-17543.6 -13545.101)%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
        }
        .ic-download.active, .ic-download.primary, .ic-download.primary.white {
          filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
        }
        .ic-download.white {
          filter: invert(1);
        }


        
        .container {
            display: flex;
            flex: 1 1;
            position: relative;
            overflow: hidden;
        }
        .wrap > header.header, .wrap > .container {
            margin: auto;
            width: 100%;
            min-width: 1024px;
        }
        
        .container .content-layout {
            flex: 1 1;
            position: relative;
            overflow: hidden;
            overflow-x: auto;
        }
        
        .lnb-wrap {
            display: flex;
            height: 100%;
            position: relative;
        }
        
        .lnb-wrap .lnb {
            display: flex;
            flex-direction: column;
            width: 240px;
            height: 100%;
            background-color: #fafafa;
            position: relative;
        }
        
        .lnb-wrap .lnb .lnb-top {
            padding: 10px 16px;
        }
        
        .lnb-wrap .lnb .lnb-top .lnb-top-inner {
            display: flex;
        }
        
        .lnb-wrap .lnb .lnb-top .lnb-top-inner .lnb-title {
            font-size: 17.5px;
            font-size: 1.25rem;
            font-weight: bold;
            line-height: 32px;
            padding-left: 4px;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        
        .lnb-wrap .lnb .title-side {
            margin-left: auto;
            width: 32px;
            height: 32px;
        }
        
        .lnb-wrap .lnb .title-side {
            margin-left: auto;
            width: 32px;
            height: 32px;
        }
        
        .lnb-wrap .lnb .btn {
            transition: none;
        }
        .btn .text {
            flex: 1 1;
            margin-right: auto;
            line-height: 1.4;
        }
        .lnb-wrap .lnb .lnb-top .lnb-top-inner + .btn .text {
            width: 100%;
            text-align: center;
            margin-left: 0;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        
        .btn.xl {
            height: 38px;
            min-width: 38px;
            font-size: 14px;
            font-size: 1rem;
        }

        .lnb-wrap .lnb .lnb-top .lnb-top-inner + .btn {
            margin-top: 12px;
            border-radius: 8px;
            width: 100%;
        }
        
        .resize-divider {
            position: absolute;
            cursor: col-resize;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 8px;
            border-left: 1px solid rgba(var(--rgb-color), 0.14);
            top: 0;
            z-index: 1;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
        .resize-divider.right {
            left: calc(100% - 1px);
        }
        
        .resize-divider .resize-divider-dot {
            display: inline-flex;
            flex-direction: column;
            gap: 2px;
        }
        .resize-divider .resize-divider-dot .dot {
            display: block;
            width: 2px;
            height: 2px;
            background-color: #5a5a5a;
        }
        
        .lnb-wrap .lnb .scroll-show {
            height: 100%;
        }
        
        .lnb-wrap .lnb .lnb-body {
            flex: 1 1;
            overflow-y: auto;
            padding: 0 16px 10px;
        }
        
        .lnb-wrap .lnb .lnb-body .lnb-menu-section {
            margin-top: 4px;
        }
        
        .lnb-wrap .lnb .lnb-body .lnb-menu-title {
            display: flex;
            padding: 0 6px 0 6px;
            justify-content: space-between;
        }
        
        .input-group {
            width: 100%;
            display: inline-flex;
            align-items: center;
            position: relative;
            background-color: #fff;
            border: 1px solid rgba(var(--rgb-color), 0.2);
            border-radius: 4px;
            height: 30px;
        }
        .input-group:hover {
            border: 1px solid rgba(var(--rgb-color), 0.55);
        }
        
        .input-group input, .input-group textarea {
            cursor: auto;
            flex: 1 1 auto;
            padding: 0 30px 0 12px;
            line-height: 28px;
            height: 28px;
            color: rgba(var(--rgb-color), 1);
            border-radius: inherit;
            font-size: 13px;
            font-size: 0.928rem;
        }
        
        .input-group.multi-line textarea,
        .input-group.multi-line .form-control {
          text-align: left;
          border: none;
          padding: 8px 12px;
          font-size: 13px;
          font-size: 0.928rem;
          line-height: 1.642;
          width: 100%;
          height: 100%;
        }

        
        .input-group > .btn, .input-group > .divider {
            margin-right: 4px;
        }
        .btn.xxs {
            padding: 0 4px;
            height: 20px;
            min-width: 20px;
            font-size: 12px;
            font-size: 0.857rem;
        }
        .input-group > .btn.pure {
            min-width: 20px;
            padding: 0 2px;
            width: 20px;
            height: 20px;
        }
        
        .btn:not(.disabled):hover i[class^=ic-] {
            opacity: 1 !important;
        }
        i[class^=ic-].sm {
            width: 16px;
            height: 16px;
        }
        
        .input-group.multi-line textarea.autoHeight::-webkit-scrollbar,
        .input-group.multi-line .form-control.autoHeight::-webkit-scrollbar {
          display: block !important;
          scrollbar-width: 6px;
          width: 6px;
          height: 100%;
        }
        .input-group.multi-line textarea.autoHeight::-webkit-scrollbar-thumb,
        .input-group.multi-line .form-control.autoHeight::-webkit-scrollbar-thumb {
          background: rgba(var(--rgb-color), 0.1);
        }
        
        hr {
            display: block;
            height: 1px;
            border: 0;
            border-top: 1px solid rgba(var(--rgb-color), 0.1);
            margin: 0.8em 0;
        }

        .lnb-wrap .lnb .lnb-bottom {
            padding: 0 16px 10px;
        }
        .lnb-wrap .lnb .l-menu-hr {
            height: 1px;
            margin: 7px 0;
            background-color: rgba(var(--rgb-color), 0.1);
        }

        .lnb-wrap .lnb .lnb-bottom .l-menu-hr {
            margin: 0 0 7px;
        }
        
        .container .content-layout {
            flex: 1 1;
            position: relative;
            overflow: hidden;
            overflow-x: auto;
        }
        
        .page-header {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 16px;
            height: 48px;
        }
        .tabs {
            display: flex;
            position: relative;
        }
        .tabs--over {
            padding-right: 56px;
            position: relative;
            min-width: 0;
        }
        .page-header > * {
            flex: 1 1;
        }
        .page-header .tabs, .page-header .tabs-nav, .page-header .tabs-group {
            height: 100%;
        }
        .tabs .tabs-nav .tabs-group {
            display: inline-flex;
        }
        
        .tabs .tabs-nav .tabs-group > li {
            display: flex;
            position: relative;
        }
        .page-header .tabs .tabs-nav .tabs-group > li .tab-link {
            height: 100%;
            padding-left: 24px;
            padding-right: 24px;
            font-size: 16px;
            font-size: 1.042rem;
        }
        .tabs .tabs-nav.tabs--normal .tabs-group > li .tab-link:hover, .tabs .tabs-nav.tabs--normal .tabs-group > li .tab-link.active {
            color: rgba(var(--rgb-color), 1);
        }
        .page-header .tabs .tabs-nav .tabs-group > li:first-child .tab-link {
            padding: 0 16px;
        }
        .tabs .tabs-nav.tabs--normal .tabs-group > li .tab-link::before {
            display: none;
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background-color: rgba(var(--rgb-color), 1);
        }
        .tabs .tabs-nav.tabs--normal .tabs-group > li .tab-link:hover::before, .tabs .tabs-nav.tabs--normal .tabs-group > li .tab-link.active::before {
            display: block;
            content: "";
        }
        
        .page-area {
            display: flex;
            height: calc(100% - 48px);
        }
        .page-area .content {
            flex: 1 1;
            width: 100%;
            min-width: 0;
        }
        .page-area .cont-area {
            display: flex;
            height: 100%;
        }
        
        .page-header:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: rgba(var(--rgb-color), 0.1);
        }
        
        .iframe-content {
            width: 100%;
            height: 100%;
        }
        
        .pop-custom-outter {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
.pop-custom-outter .pop-custom-wrapper {
    position: absolute;
    background: transparent;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0;
    visibility: hidden;
    z-index: 1;
}
.dropdown-list ul {
    position: relative;
}
.dropdown-list .dropdown-item {
    white-space: nowrap;
    position: relative;
    height: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    min-width: 0;
    font-size: 13px;
    font-size: 0.928rem;
}
.dropdown-list .dropdown-item .link {
    text-align: left;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dropdown-list .dropdown-item span {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dropdown-list .dropdown-item .text {
    line-height: 1.4;
}
.dropdown-list .dropdown-item .link .text {
    margin-right: auto;
    text-decoration: inherit;
    padding-right: 1px;
}
.dropdown-list .dropdown-item:hover {
    background-color: rgba(var(--rgb-color), 0.06);
}
.dropdown-list.active {
    display: block;
    position: absolute;
    text-align: left;
    z-index: 2000;
    border-radius: 8px;
    border: solid 1px rgba(var(--rgb-color), 0.2);
    box-shadow: 0 3px 4px 0 rgba(var(--rgb-color), 0.08);
    background-color: #fff;
}
.dropdown-list {
    min-width: 100%;
    max-width: 400px;
    display: none;
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden;
}
.btn i + .text {
    margin-left: 4px;
    text-align: left;
}
.lnb-wrap .lnb button i + .text {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.btn.full {
    width: 100%;
}
.lnb-wrap .lnb .lnb-body .lnb-menu-section .lnb-sub-cont > .btn {
    justify-content: flex-start;
    font-weight: normal;
}
.btn:hover:not(.disabled) {
    background-color: rgba(var(--rgb-color), 0.06);
}
.lnb-wrap .lnb .lnb-list > li {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 0 8px 0 6px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.lnb-wrap .lnb .lnb-list > li:hover {
    color: rgba(var(--rgb-color), 1);
    border-radius: 6px;
    background-color: rgba(var(--rgb-color), 0.04);
}
.lnb-wrap .lnb .lnb-list > li .inner-start {
    display: flex;
    flex-basis: 24px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}
.lnb-wrap .lnb .link {
    display: flex;
    width: 100%;
}
.lnb-wrap .lnb .lnb-list > li .con .link {
    display: flex;
    color: rgba(var(--rgb-color), 0.9);
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: auto;
    line-height: 2.571;
}
.lnb-wrap .lnb .lnb-list > li .con {
    display: flex;
    flex: 1 1 auto;
    padding-left: 4px;
    min-width: 40px;
}
.lnb-wrap .lnb .lnb-list > li:hover .text, .lnb-wrap .lnb .lnb-list > li:hover .count {
    color: rgba(var(--rgb-color), 1);
}
.lnb-wrap .lnb .lnb-list > li .con .link .text {
    font-size: 13.5px;
    font-size: 0.964rem;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
i[class^=ic-].md {
    width: 20px;
    height: 20px;
}
body .scroll-show ::-webkit-scrollbar-thumb {
    background-color: rgba(var(--rgb-color), 0.1);
    border-radius: 14px;
    background-clip: content-box;
    box-sizing: border-box;
    border: 3px solid transparent;
}
body .scroll-show ::-webkit-scrollbar-corner {
    display: none;
}
body *::-webkit-scrollbar {
    display: none;
}
body .scroll-show ::-webkit-scrollbar {
    display: block !important;
    width: 14px;
    height: 14px;
    border-radius: 14px;
}
        
        .btn.prime {
          background-color: #1f283c;
        }
        .btn.prime.md {
          min-width: 70px;
        }
        .btn.prime .text {
          color: #fff;
        }
        .btn.prime:hover {
          background-color: #121724;
        }
        .btn.prime.disabled {
          background-color: rgba(7, 5, 5, 0.2);
        }
        
        .dropdown-wrap .text {
            line-height: 1.4;
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        .dropdown-wrap .ev-area button .text {
            overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

            .btn.xs {
                padding: 0 6px;
                height: 24px;
                min-width: 24px;
                font-size: 12px;
                font-size: 0.857rem;
            }
            .popup .popup-container > .btn-close {
                position: absolute;
            }
                        
            .page-area .cont-area > * .cont-header {
                flex: 0 0 auto;
                position: relative;
            }
            .filter-option-container > * {
                display: flex;
                align-items: center;
            }

            .filter-option-container {
                display: flex;
                align-items: center;
                padding: 0 14px;
                position: relative;
                width: 100%;
            }
            .filter-option-container .left-item {
                margin-right: 8px;
                flex: 0 0 auto;
            }
            .filter-option-container .right-item {
                margin-left: auto;
                width: 100%;
            }
            
            .page-area .cont-area > * .cont-body {
                flex: 1 1;
                overflow: auto;
                overflow-x: hidden;
            }
            
            .page-area .cont-area .cont-main .cont-header + .cont-body:before {
                content: "";
                display: block;
                margin: 0 auto -1px;
                width: calc(100% - 48px);
                border-bottom: 1px solid rgba(var(--rgb-color), 0.1);
                position: sticky;
                bottom: 0;
                z-index: 100;
            }
            
            .page-area.layout-list .content .cont-main {
                width: 100%;
            }
            
            .modal {
                position: absolute;
                z-index: 2000;
                left: 0;
                top: 0;
            }
            .popup {
                display: inline-block;
                max-height: 90vh;
            }
            .popup.sm {
                width: 464px;
            }
    
            .popup .popup-container {
                display: flex;
                flex-direction: column;
                padding: 20px 0;
                border: 1px solid rgba(var(--rgb-color), 0.14);
                border-radius: 8px;
                background-color: #fff;
                box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
                z-index: 100;
            }
            .popup .popup-container.popup--massege {
                word-break: keep-all;
                word-break: break-word;
            }
            .popup.sm .popup-container {
                padding: 16px 0;
            }
            .popup.sm .popup-container > .btn-close {
                top: 13px;
                right: 10px;
            }
            .popup.sm .popup-container {
                padding: 16px 0;
            }
            
            .popup .popup-container .popup-header .header-container {
                display: flex;
                align-items: center;
                padding-right: 32px;
            }
            .popup .popup-container .popup-header .header-container .popup-title {
                display: inline-flex;
                align-items: center;
                font-size: 16px;
                font-size: 1.142rem;
                text-align: left;
                word-break: keep-all;
                word-break: break-word;
            }
            .popup .popup-container .popup-body {
                margin-top: 12px;
                flex: 1 1;
            }
            .popup.sm .popup-container > *:not(button) {
                padding: 0 20px;
            }
            .popup .popup-container.popup--massege .popup-body {
                overflow: auto;
            }
            .popup .popup-container .popup-body .body-container {
                text-align: left;
                font-size: 14px;
                font-size: 1rem;
                line-height: 1.714;
            }
            .wrap-cookie-setting .cookie-setting-body {
                padding: 21px 0;
            }
            .wrap-cookie-setting .required-cookie {
                padding-bottom: 20px;
            }
            .wrap-cookie-setting .cookie-checkbox {
                display: flex;
                align-items: center;
            }
            .popup .popup-container .popup-footer .btn-area {
                font-size: 0;
                text-align: right;
            }
            
            .btn.primary {
              background-color: #2a82f0;
            }
            .btn.primary.md {
              min-width: 76px;
            }
            .btn.primary.lg {
              min-width: 90px;
            }
            .btn.primary:hover {
              background-color: #2268c0;
            }
            .btn.primary .text {
              color: #fff;
            }
            .btn.primary.disabled {
              background-color: rgba(var(--rgb-color), 0.14);
            }

            .btn.secondary {
              background-color: #fff;
            }
            .btn.secondary::after {
              content: "";
              border: 1px solid rgba(var(--rgb-color), 0.2);
              border-radius: inherit;
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
            }
            .btn.secondary .text {
              color: rgba(var(--rgb-color), 0.9);
            }
            .btn.secondary.active::after {
              border-color: #2a82f0;
            }
            .btn.secondary.sm {
              min-width: auto;
            }
            .btn.secondary.md {
              min-width: 76px;
            }
            .btn.secondary.lg {
              min-width: 90px;
            }
            .btn.secondary:hover {
              background-color: rgba(var(--rgb-color), 0.06);
            }
            .btn.secondary:hover .text {
              color: rgba(var(--rgb-color), 1);
            }
            .btn.secondary.disabled {
              background-color: transparent;
            }
            .btn.secondary.disabled .text {
              color: rgba(var(--rgb-color), 0.3);
            }


            .popup .popup-container .popup-footer .btn-area .btn + .btn {
                margin-left: 8px;
            }

            .checkbox, .radio {
                display: inline-flex;
                align-items: center;
            }
            label {
                cursor: pointer;
            }
            input[type=checkbox], input[type=radio] {
                width: 13px;
                height: 13px;
                border: 1px solid #ddd;
            }
            .checkbox input, .radio input {
                display: none;
            }
            .checkbox input + label, .radio input + label {
                display: inline-flex;
                width: 100%;
                height: 100%;
                align-items: center;
            }
            .checkbox input:disabled + label, .radio input:disabled + label {
                cursor: default;
            }
            .checkbox.toggle .text, .radio.toggle .text {
                line-height: 20px;
                margin-right: 6px;
                margin-top: -1px;
                font-weight: bold;
            }
            .checkbox.toggle i[class^=ic-],
            .radio.toggle i[class^=ic-] {
              opacity: 0.2;
              margin-right: 10px;
            }
            .checkbox.toggle input + label::after,
            .radio.toggle input + label::after {
              flex-shrink: 0;
              background: transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22%3E    %3Crect width%3D%2230%22 height%3D%2214%22 fill%3D%22%23ccc%22 rx%3D%227%22 transform%3D%22translate(1 9)%22%2F%3E    %3Cg fill%3D%22%23fff%22%3E        %3Cpath d%3D%22M9 17.5C4.313 17.5.5 13.687.5 9 .5 4.313 4.313.5 9 .5c4.687 0 8.5 3.813 8.5 8.5 0 4.687-3.813 8.5-8.5 8.5z%22 transform%3D%22translate(1 7)%22%2F%3E        %3Cpath fill%3D%22%23ccc%22 d%3D%22M9 1C4.589 1 1 4.589 1 9s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8m0-1c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9z%22 transform%3D%22translate(1 7)%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
              width: 30px;
              height: 30px;
              display: inline-block;
              content: "";
            }
            .checkbox.toggle input:checked + label::after,
            .radio.toggle input:checked + label::after {
              background: transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2232%22 height%3D%2232%22 viewBox%3D%220 0 32 32%22%3E    %3Crect width%3D%2230%22 height%3D%2214%22 fill%3D%22%232a82f0%22 rx%3D%227%22 transform%3D%22translate(1 9)%22%2F%3E    %3Cg fill%3D%22%23fff%22%3E        %3Cpath d%3D%22M9 17.5C4.313 17.5.5 13.687.5 9 .5 4.313 4.313.5 9 .5c4.687 0 8.5 3.813 8.5 8.5 0 4.687-3.813 8.5-8.5 8.5z%22 transform%3D%22translate(13 7)%22%2F%3E        %3Cpath fill%3D%22%232a82f0%22 d%3D%22M9 1C4.589 1 1 4.589 1 9s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8m0-1c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9z%22 transform%3D%22translate(13 7)%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E") center center no-repeat;
            }
            .checkbox.toggle input:checked + label .ic-quick-solid,
            .radio.toggle input:checked + label .ic-quick-solid {
              opacity: 1;
              background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E    %3Cg transform%3D%22translate(-371 -73)%22%3E        %3Cpath data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 3%22 d%3D%22M0 0h16v16H0z%22 transform%3D%22translate(371 73)%22 style%3D%22fill%3Anone%22%2F%3E        %3Ccircle data-name%3D%22%ED%83%80%EC%9B%90 1%22 cx%3D%228%22 cy%3D%228%22 r%3D%228%22 transform%3D%22translate(371 73)%22 style%3D%22fill%3A%234abca2%22%2F%3E        %3Cpath data-name%3D%22%ED%8C%A8%EC%8A%A4 210460%22 d%3D%22M8.585 3.9a.311.311 0 0 0-.262-.143H6.131V.313a.313.313 0 0 0-.6-.127l-2.5 5.635a.313.313 0 0 0 .286.44H5.5V9.7a.313.313 0 0 0 .248.306.334.334 0 0 0 .065.007.313.313 0 0 0 .287-.18L8.609 4.2a.312.312 0 0 0-.024-.3z%22 transform%3D%22rotate(30 50.609 739.373)%22 style%3D%22fill%3A%23fff%22%2F%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
            }
            
            .ic-close {
              background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22ic_close%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E    %3Cdefs%3E        %3Cstyle%3E            .cls-2%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-width%3A1.2px%7D        %3C%2Fstyle%3E    %3C%2Fdefs%3E    %3Cg id%3D%22topbar_ic_Delete_nor%22 transform%3D%22translate(2 2)%22%3E        %3Cg id%3D%22Icon_Menu_Filled%22 transform%3D%22translate(-1.563 -1.563)%22%3E            %3Cpath id%3D%22Box%22 fill%3D%22none%22 d%3D%22M0 0H16V16H0z%22 transform%3D%22translate(-0.437 -0.437)%22%2F%3E            %3Cg id%3D%22%EA%B7%B8%EB%A3%B9_112761%22 transform%3D%22translate(3.563 3.564)%22%3E                %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204967%22 d%3D%22M0 0v11.313%22 class%3D%22cls-2%22 transform%3D%22translate(0 0) rotate(-45)%22%2F%3E                %3Cpath id%3D%22%ED%8C%A8%EC%8A%A4_204968%22 d%3D%22M0 0v11.313%22 class%3D%22cls-2%22 transform%3D%22translate(8 0) rotate(45)%22%2F%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
            }
            .ic-close.active, .ic-close.primary, .ic-close.primary.white {
              filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
            }
            .ic-close.white {
              filter: invert(1);
            }
            .header .logo-area .user-area {
                display: inline-flex;
                align-items: center;
            }
            .profile {
                position: relative;
            }
            .header .logo-area .user-area>* {
                flex: 0 0 auto;
            }
            .header .logo-area .user-area>*+* {
                margin-left: 4px;
            }
            .header .logo-area .user-area .user-profile {
                margin-left: 8px;
            }
            
            img {
                max-width: 100%;
            }

            .header .logo-area .user-area .user-profile img {
                width: 28px;
                height: 28px;
                border-radius: 50%;
                object-fit: cover;
            }


            .header .logo-area .search-area {
                margin: 0 auto;
                height: 28px;
                
                /*
                background: #e3e7e7;
                border-radius: 50px;
                padding-left: 10px;
                padding-right: 10px;
                */
                
            }
            .header .search-area.close-position {
                position: relative;
            }
            .header .logo-area .search-area:after {
                content: " ";
                display: block;
                border-bottom: 1px solid rgba(var(--rgb-color), .2);
                margin: 0 4px;
            }
            
            .ic-config {
              background: url("data:image/svg+xml,%3Csvg id%3D%22ic_setting%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        fill%3A none%3B      %7D    %3C%2Fstyle%3E  %3C%2Fdefs%3E  %3Crect id%3D%22%EC%82%AC%EA%B0%81%ED%98%95_144850%22 data-name%3D%22%EC%82%AC%EA%B0%81%ED%98%95 144850%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(16 0) rotate(90)%22%2F%3E  %3Cpath id%3D%22%EB%B9%BC%EA%B8%B0_638%22 data-name%3D%22%EB%B9%BC%EA%B8%B0 638%22 d%3D%22M8.769%2C16H7.231a.521.521%2C0%2C0%2C1-.49-.372l-.439-1.6c-.53-.2-.769-.3-1.244-.5l-.125-.053-1.453.827a.454.454%2C0%2C0%2C1-.245.07.522.522%2C0%2C0%2C1-.364-.154L1.791%2C13.127a.483.483%2C0%2C0%2C1-.084-.608l.827-1.453c-.216-.565-.319-.808-.546-1.342L1.977%2C9.7l-1.6-.439A.491.491%2C0%2C0%2C1%2C0%2C8.768V7.231a.521.521%2C0%2C0%2C1%2C.372-.49l1.6-.439c.207-.54.31-.785.517-1.273l.04-.1L1.707%2C3.48a.494.494%2C0%2C0%2C1%2C.084-.608L2.872%2C1.791a.472.472%2C0%2C0%2C1%2C.352-.154.513.513%2C0%2C0%2C1%2C.257.07l1.453.828c.545-.209.793-.314%2C1.287-.523L6.3%2C1.976l.439-1.6A.491.491%2C0%2C0%2C1%2C7.231%2C0H8.769a.521.521%2C0%2C0%2C1%2C.49.372l.439%2C1.6c.545.209.793.314%2C1.288.523l.081.035%2C1.453-.828a.456.456%2C0%2C0%2C1%2C.245-.07.52.52%2C0%2C0%2C1%2C.364.154l1.081%2C1.081a.488.488%2C0%2C0%2C1%2C.085.608l-.828%2C1.454c.21.549.31.783.528%2C1.3l.03.071%2C1.6.439a.522.522%2C0%2C0%2C1%2C.372.49V8.768a.521.521%2C0%2C0%2C1-.372.49l-1.6.439c-.206.539-.309.783-.515%2C1.268l-.043.1.828%2C1.453a.488.488%2C0%2C0%2C1-.085.608l-1.081%2C1.082a.474.474%2C0%2C0%2C1-.352.154.508.508%2C0%2C0%2C1-.257-.07l-1.453-.827c-.557.213-.8.314-1.318.536l-.05.021-.439%2C1.6A.491.491%2C0%2C0%2C1%2C8.769%2C16ZM7.952%2C5.334A2.619%2C2.619%2C0%2C1%2C0%2C10.57%2C7.953%2C2.622%2C2.622%2C0%2C0%2C0%2C7.952%2C5.334Z%22 transform%3D%22translate(0 0)%22%2F%3E%3C%2Fsvg%3E");
            }
            .ic-config.active, .ic-config.primary, .ic-config.primary.white {
              filter: invert(38%) sepia(63%) saturate(2811%) hue-rotate(200deg) brightness(101%) contrast(88%);
            }
            .ic-config.white {
              filter: invert(1);
            }
            
            .btn.circle {
              border-radius: 50%;
            }
            .btn.circle.sm i.sm {
              margin: 0 -2px;
            }

    		
    		body{
    		    /*font-family: SamsungOne;*/
    		}
    		.logo-area > h1 > span{
    		    font-family: SamsungSharpSans;
    		    font-size: 18px;
    		}
    		
    		            
            .col {
                flex: 1 0 0%;
            }
            .col-auto {
                flex: 0 0 auto;
                width: auto;
            }
            @media (min-width: 768px) {
                .col-md-1 {
                    flex: 0 0 auto;
                    width: 8.33333333%;
                }
            }
            @media (min-width: 768px) {
                .col-md-2 {
                    flex: 0 0 auto;
                    width: 16.66666667%;
                }
            }
            @media (min-width: 768px) {
                .col-md-3 {
                    flex: 0 0 auto;
                    width: 25%;
                }
            }
            @media (min-width: 768px) {
                .col-md-4 {
                    flex: 0 0 auto;
                    width: 33.33333333%;
                }
            }
            @media (min-width: 768px) {
                .col-md-5 {
                    flex: 0 0 auto;
                    width: 41.66666667%;
                }
            }
            @media (min-width: 768px) {
                .col-md-6 {
                    flex: 0 0 auto;
                    width: 50%;
                }
            }
            @media (min-width: 768px) {
                .col-md-7 {
                    flex: 0 0 auto;
                    width: 58.33333333%;
                }
            }
            @media (min-width: 768px) {
                .col-md-8 {
                    flex: 0 0 auto;
                    width: 66.66666667%;
                }
            }
            @media (min-width: 768px) {
                .col-md-9 {
                    flex: 0 0 auto;
                    width: 75%;
                }
            }
            @media (min-width: 768px) {
                .col-md-10 {
                    flex: 0 0 auto;
                    width: 83.33333333%;
                }
            }
            @media (min-width: 768px) {
                .col-md-11 {
                    flex: 0 0 auto;
                    width: 91.66666667%;
                }
            }
            @media (min-width: 768px) {
                .col-md-12 {
                    flex: 0 0 auto;
                    width: 100%;
                }
            }
            
            input[type='radio'] {
                accent-color: #232323;
                margin-top: -3px;
                vertical-align: middle;
            }
            
            .row{
                display: flex;
                flex-wrap: wrap;
            }
            
            .d-flex {
                display: flex !important;
            }
            .justify-content-center {
                justify-content: center !important;
            }
            .justify-content-start {
                justify-content: flex-start !important;
            }
            
                    .popup {
  display: inline-block;
  max-height: 90vh;
}
.popup .popup-container {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  border: 1px solid rgba(var(--rgb-color), 0.14);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 100;
}
.popup .popup-container.popup--massege {
  word-break: keep-all;
  word-break: break-word;
}
.popup .popup-container.popup--massege .popup-body {
  overflow: auto;
}
.popup .popup-container.popup--massege .popup-body .work-time-container .work-row-wrapper .input-group input {
  padding-right: 6px;
}
.popup .popup-container.popup--massege .popup-body .grid-table-option .option-group .counter {
  display: block;
}
.popup .popup-container > *:not(button) {
  padding: 0 24px;
}
.popup .popup-container > .btn-close {
  position: absolute;
  top: 18px;
  right: 12px;
}
.popup .popup-container > .btn-close ~ .popup-header .header-container {
  padding-right: 32px;
}
.popup .popup-container > *:not(.btn-close) + * {
  margin-top: 16px;
}
.popup .popup-container .popup-body {
  margin-top: 12px;
}
.popup .popup-container .popup-footer {
  margin-top: 12px;
}
.popup .popup-container:not(.popover--autocomplete):not(.popover--dregmenu):not(.popover--employee-card):not(.popover--employee-department):not(.popover--employee-lookup):not(.popover--employee-lookup-small):not(.popover--employee-lookup-mini):not(.popover--employee-tip):not(.popover--edge):not(.popover--edge-full):not(.popover--filter):not(.popover--flex-small):not(.popover--gnb-depth):not(.popover--suggestion-search):not(.popover--list-style):not(.popover--palette):not(.popover--search-detail):not(.popover--search-task-manager):not(.popover--memo-write):not(.popover--flex-double) .popover-body,
.popup .popup-container:not(.popover--autocomplete):not(.popover--dregmenu):not(.popover--employee-card):not(.popover--employee-department):not(.popover--employee-lookup):not(.popover--employee-lookup-small):not(.popover--employee-lookup-mini):not(.popover--employee-tip):not(.popover--edge):not(.popover--edge-full):not(.popover--filter):not(.popover--flex-small):not(.popover--gnb-depth):not(.popover--suggestion-search):not(.popover--list-style):not(.popover--palette):not(.popover--search-detail):not(.popover--search-task-manager):not(.popover--memo-write):not(.popover--flex-double) .popover-footer {
  margin-top: 12px;
}
.popup .popup-container .popup-header .header-container {
  display: flex;
  align-items: center;
}
.popup .popup-container .popup-header .header-container .popup-title {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-size: 1.142rem;
  text-align: left;
  word-break: keep-all;
  word-break: break-word;
}
.popup .popup-container .popup-header .header-container .popup-title [class^=ic-] {
  margin-right: 6px;
}
.popup .popup-container .popup-header .header-container .popup-title + .btn {
  margin-left: 2px;
}
.popup .popup-container .popup-header .header-container .popup-title + .btn.pure {
  height: 18px;
  margin-top: 0;
}
.popup .popup-container .popup-header .header-container .popup-title + .btn.pure.sm {
  margin-left: -3px;
}
.popup .popup-container .popup-header .header-container .btn-set,
.popup .popup-container .popup-header .header-container .header-side {
  margin-left: auto;
}
.popup .popup-container .popup-body {
  flex: 1 1;
}
.popup .popup-container .popup-body .body-container {
  text-align: left;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.714;
}
.popup .popup-container .popup-body .body-container > .fieldset .datepicker-wrap-vertical {
  padding-top: 4px;
  padding-right: 24px;
  text-align: right;
}
.popup .popup-container .popup-body .body-container > .fieldset .datepicker-wrap-vertical .datepicker-wrap:first-child::after {
  content: "-";
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + 8px);
}
.popup .popup-container .popup-body .body-container > .fieldset .datepicker-wrap-vertical .datepicker-wrap + .datepicker-wrap {
  margin-top: 8px;
}
.popup .popup-container .popup-body .body-container .body-tbl-wrap {
  margin-top: 12px;
}
.popup .popup-container .popup-body .body-container .text-ellipsis {
  padding-bottom: 11px;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.popup .popup-container .popover-body {
  overflow: inherit;
}
.popup .popup-container .popup-footer .btn-area {
  font-size: 0;
  text-align: right;
}
.popup .popup-container .popup-footer .btn-area .btn + .btn {
  margin-left: 8px;
}
.popup:not(.xxs):not(.xs):not(.sm):not(.md):not(.lg):not(.xl) .popup-container:not(.popup--main-notice) {
  padding: 16px 0;
}
.popup:not(.xxs):not(.xs):not(.sm):not(.md):not(.lg):not(.xl) .popup-container:not(.popup--main-notice) > .btn-close {
  top: 15px;
  right: 6px;
}
.popup:not(.xxs):not(.xs):not(.sm):not(.md):not(.lg):not(.xl) .popup-container:not(.popup--main-notice) > *:not(button) {
  padding: 0 16px;
}
.popup.xxs .popup-container {
  padding: 16px 0;
}
.popup.xxs .popup-container > *:not(button) {
  padding: 0 16px;
}
.popup.xxs .popup-container > .btn-close {
  top: 14px;
  right: 9px;
}
.popup.xxs .popup-container:not(.popover--autocomplete):not(.popover--dregmenu):not(.popover--employee-card):not(.popover--employee-department):not(.popover--employee-lookup):not(.popover--employee-lookup-small):not(.popover--employee-lookup-mini):not(.popover--employee-tip):not(.popover--edge):not(.popover--edge-full):not(.popover--filter):not(.popover--flex-small):not(.popover--gnb-depth):not(.popover--suggestion-search):not(.popover--list-style):not(.popover--palette):not(.popover--search-detail):not(.popover--search-task-manager):not(.popover--memo-write) .popover-body,
.popup.xxs .popup-container:not(.popover--autocomplete):not(.popover--dregmenu):not(.popover--employee-card):not(.popover--employee-department):not(.popover--employee-lookup):not(.popover--employee-lookup-small):not(.popover--employee-lookup-mini):not(.popover--employee-tip):not(.popover--edge):not(.popover--edge-full):not(.popover--filter):not(.popover--flex-small):not(.popover--gnb-depth):not(.popover--suggestion-search):not(.popover--list-style):not(.popover--palette):not(.popover--search-detail):not(.popover--search-task-manager):not(.popover--memo-write) .popover-footer {
  margin-top: 8px;
}
.popup.xxs .popup-container .popup-header .header-container .popup-title {
  font-size: 16px;
  font-size: 1.142rem;
}
.popup.xxs .popover-container {
  padding: 16px 0;
}
.popup.xxs .popover-container > *:not(button) {
  padding: 0 16px;
}
.popup.xxs .popover-container > .btn-close {
  top: 14px;
  right: 9px;
}
.popup.xxs .popover-container:not(.popover--autocomplete):not(.popover--dregmenu):not(.popover--employee-card):not(.popover--employee-department):not(.popover--employee-lookup):not(.popover--employee-lookup-small):not(.popover--employee-lookup-mini):not(.popover--employee-tip):not(.popover--edge):not(.popover--edge-full):not(.popover--filter):not(.popover--flex-small):not(.popover--gnb-depth):not(.popover--suggestion-search):not(.popover--list-style):not(.popover--palette):not(.popover--search-detail):not(.popover--search-task-manager):not(.popover--memo-write) .popover-body,
.popup.xxs .popover-container:not(.popover--autocomplete):not(.popover--dregmenu):not(.popover--employee-card):not(.popover--employee-department):not(.popover--employee-lookup):not(.popover--employee-lookup-small):not(.popover--employee-lookup-mini):not(.popover--employee-tip):not(.popover--edge):not(.popover--edge-full):not(.popover--filter):not(.popover--flex-small):not(.popover--gnb-depth):not(.popover--suggestion-search):not(.popover--list-style):not(.popover--palette):not(.popover--search-detail):not(.popover--search-task-manager):not(.popover--memo-write) .popover-footer {
  margin-top: 8px;
}
.popup.xxs .popover-container .popover-header .header-container .popover-title {
  font-size: 16px;
  font-size: 1.142rem;
}
.popup.xs .popup-container {
  padding: 16px 0;
}
.popup.xs .popup-container > *:not(button) {
  padding: 0 20px;
}
.popup.xs .popup-container > .btn-close {
  top: 10px;
  right: 9px;
}
.popup.xs .popup-container:not(.popover--) .popover-body,
.popup.xs .popup-container:not(.popover--) .popover-footer {
  margin-top: 8px;
}
.popup.xs .popup-container .popup-header .header-container .popup-title {
  font-size: 16px;
  font-size: 1.142rem;
}
.popup.xs .popover-container {
  padding: 16px 0;
}
.popup.xs .popover-container > *:not(button) {
  padding: 0 20px;
}
.popup.xs .popover-container > .btn-close {
  top: 10px;
  right: 9px;
}
.popup.xs .popover-container:not(.popover--) .popover-body,
.popup.xs .popover-container:not(.popover--) .popover-footer {
  margin-top: 8px;
}
.popup.xs .popover-container .popover-header .header-container .popover-title {
  font-size: 16px;
  font-size: 1.142rem;
}
.popup.sm .popup-container {
  padding: 16px 0;
}
.popup.sm .popup-container > *:not(button) {
  padding: 0 20px;
}
.popup.sm .popup-container > .btn-close {
  top: 16px;
  right: 9px;
}
.popup.sm .popover-container {
  padding: 16px 0;
}
.popup.sm .popover-container > *:not(button) {
  padding: 0 20px;
}
.popup.sm .popover-container > .btn-close {
  top: 16px;
  right: 9px;
}
.popup.md .popup-container {
  padding: 18px 0;
}
.popup.md .popup-container > *:not(button) {
  padding: 0 22px;
}
.popup.md .popup-container > .btn-close {
  top: 16px;
  right: 10px;
}
.popup.md .popover-container {
  padding: 18px 0;
}
.popup.md .popover-container > *:not(button) {
  padding: 0 22px;
}
.popup.md .popover-container > .btn-close {
  top: 16px;
  right: 10px;
}
.popup.lg .popup-container {
  padding: 18px 0;
}
.popup.lg .popup-container > *:not(button) {
  padding: 0 22px;
}
.popup.lg .popup-container > .btn-close {
  top: 16px;
  right: 10px;
}
.popup.lg .popover-container {
  padding: 18px 0;
}
.popup.lg .popover-container > *:not(button) {
  padding: 0 22px;
}
.popup.lg .popover-container > .btn-close {
  top: 16px;
  right: 10px;
}
.popup.xxs {
  width: 288px;
}
.popup.xxs .popup-container > .btn-close {
  top: 13px;
  right: 6px;
}
.popup.xs {
  width: 384px;
}
.popup.xs .popup-container {
  min-height: 172px;
}
.popup.xs .popup-container > .btn-close {
  top: 13px;
  right: 10px;
}
.popup.sm {
  width: 464px;
}
.popup.sm .popup-container > .btn-close {
  top: 13px;
  right: 10px;
}
.popup.md {
  width: 704px;
}
.popup.md .popup-container > .btn-close {
  top: 15px;
  right: 12px;
}
.popup.lg {
  width: 944px;
}
.popup.lg .popup-container > .btn-close {
  top: 14px;
  right: 13px;
}
.popup.xl {
  width: 1024px;
}
.popup.xl .popup-container > .btn-close {
  top: 16px;
  right: 14px;
}

.theme-dark .popup .popup-container {
  background-color: #212529;
}

            .col {
                flex: 1 0 0%;
            }
            
                      .tmpl_label.l_content.tmpl_label_border {
                  border: 1px solid #DCDCDC;
                  border-radius: 4px;
              }
              #sContainer {
                  height: 180px;
              }
              .symptom {
                  position: relative;
              }
              .symptom .sym_option {
                color: #000;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                cursor: pointer;
                padding: 6px;
                padding-left: 10px;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #fff;
            }
            .symptom .sym_option.selected {
                background-color: #D9D9D9;
                border-top: 1px dotted #D9D9D9;
                border-bottom: 1px dotted #D9D9D9;
            }
            
            .article-col {
                display: inline-flex;
                padding: 16px 19px 11px 15px;
                flex-direction: column;
                justify-content: flex-end;
                align-items: flex-start;
                gap: 11px;
                min-height: 110px;
            }
            .article_title_col {
                color: #000;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
            }
            a.article_link {
                color: #000;
                font-size: 15px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                text-decoration: none;
            }
            @media (min-width: 768px) {
                .col-md-12 {
                    flex: 0 0 auto;
                    width: 100%;
                }
            }
            
            #article_list{
                display: flex; 
                width: 100%; 
                padding: 15px;
            }
            .row {
                flex: 0 0 auto;
                position: relative;
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }
            
            .d-flex {
                display: flex !important;
            }
            .justify-content-start {
                justify-content: flex-start !important;
            }
            .article-col.odd {
                background: #F4F4F4;
            }
            
            @media (min-width: 768px) {
                .col-md-6 {
                    flex: 0 0 auto;
                    width: 50%;
                }
            }
            @media (min-width: 768px) {
                .col-md-4 {
                    flex: 0 0 auto;
                    width: 33.33333333%;
                }
            }

            .type_option {
                color: #000;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: normal;
                cursor: pointer;
                padding: 5px;
            }
            .type_option:hover, .type_option.selected {
                border-left: 1px solid black;
                font-weight: 700;
            }
            .type_option:first-child {
                border-top: 0px;
            }

                    
                    .popup-title{
                        font-family: 'SamsungSharpSansBold';
                    }
                    
                    .btn.sm {
                        padding: 0 8px;
                        height: 28px;
                        min-width: 28px;
                        font-size: 13px;
                        font-size: 0.928rem;
                    }

                    .header .logo-area .search-area input {
                        display: inline-block;
                        width: 450px;
                        height: 28px;
                        padding: 0 0 2px 10px;
                        background: none;
                        vertical-align: middle;
                        font-size: 13px;
                        font-size: .9285rem;
                    }
                    
            .lnb-wrap .lnb .lnb-list > li .inner-end {
                display: inline-flex;
                flex-direction: row-reverse;
                align-items: center;
                overflow: hidden;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }
            .lnb-wrap .lnb .lnb-list > li .count {
                margin-bottom: 2px;
                font-size: 13px;
                /*font-size: 0.928rem;*/
                
                color: rgba(var(--rgb-color), 0.9);
                overflow: hidden;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                font-weight: bold;
            }
            .lnb-wrap .lnb .lnb-list > li.active .text, .lnb-wrap .lnb .lnb-list > li.active .count {
                color: rgba(var(--rgb-color), 1);
            }
            .lnb-wrap .lnb .lnb-list > li.active .title, .lnb-wrap .lnb .lnb-list > li.active .text {
                font-weight: bold;
            }
            .lnb-wrap .lnb .lnb-list > li .con .link .text {
                font-size: 13.5px;
                /*font-size: 0.964rem;*/
                overflow: hidden;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }
            .lnb-wrap .lnb .lnb-list > li.active {
                color: rgba(var(--rgb-color), 1);
                border-radius: 6px;
                background-color: rgba(var(--rgb-color), 0.08);
            }
            
            .list-grid {
                padding: 0 14px;
            }
            .list-grid {
                display: flex;
                flex-direction: column;
                padding-top: 0;
                height: 100%;
            }
            .list-grid .tbl-body {
                flex: 1 1;
                overflow: hidden;
                overflow-y: auto;
            }
            .list-grid .tbl-body.scroll-show {
                margin-right: -14px;
            }
            .list-grid .tbl-body .row-wrap {
                position: relative;
            }
            .list-grid .row-wrap {
                line-height: 1;
            }
            .list-grid .tbl-body .row-wrap > .tbl-row:last-child {
                border-bottom: 1px solid rgba(var(--rgb-color), 0.1);
            }
            .list-grid .row-wrap > .tbl-row {
                padding: 2px 0;
            }
            .list-grid .tbl-row {
                display: flex;
                align-items: center;
                padding: 0 8px;
                width: 100%;
            }
            
            .list-grid .tbl-body .inner-cell.col03-01 {
                overflow: hidden;
            }
            .list-grid .tbl-row .inner-cell:first-child {
                padding-left: 0;
            }
            .list-grid .inner-cell {
                display: flex;
                align-items: center;
                flex: 0 0 auto;
            }
            
            .list-grid .tbl-row .inner-cell {
                flex: 1 1 auto;
                padding: 0 8px;
            }
            .list-grid .inner-cell.col03-01 {
                flex: 1 1 auto;
                min-width: 89px;
            }
            
            .list-grid .cell .text-title {
                overflow: hidden;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                display: block;
                width: 100%;
                max-width: 100%;
                line-height: 1.714;
            }
            .list-grid .cell.col-03 .col03-01 .text-title {
                width: auto;
            }
            .list-grid .cell .text-title a {
                position: relative;
                font-size: 13px;
                font-size: 0.928rem;
                color: rgba(var(--rgb-color), 0.9);
            }
            
            .list-grid .tbl-row {
                display: flex;
                align-items: center;
                padding: 0 8px;
                width: 100%;
            }
            .list-grid .row-wrap > .tbl-row {
                padding: 2px 0;
            }
            .list-grid .tbl-header .tbl-row {
                height: 36px;
            }
            .list-grid .tbl-header .row-wrap > .tbl-row {
                border-top: 1px solid rgba(var(--rgb-color), 0.14);
                border-bottom: 1px solid rgba(var(--rgb-color), 0.2);
            }
            .list-grid .tbl-header .cell.col-01, .list-grid .tbl-header .cell.col-02 {
                flex: 0 0 auto;
                padding: 0;
            }
            .list-grid .cell {
                display: flex;
                flex: 1 1 auto;
                font-size: 13px;
                font-size: 0.928rem;
                text-align: left;
                color: rgba(var(--rgb-color), 0.9);
            }
            .list-grid .cell.col-icon {
                flex: 0 1;
                width: 12px;
                min-width: 12px;
            }
            .list-grid .tbl-header .cell {
                vertical-align: middle;
                font-size: 12px;
                font-size: 0.857rem;
                color: rgba(var(--rgb-color), 0.9);
                font-weight: normal;
                position: relative;
                align-items: center;
            }
            
            .list-grid .tbl-header .cell .inner-cell {
                flex: 1 1 auto;
                white-space: nowrap;
                position: relative;
            }

            .list-grid .tbl-header .cell .inner-cell + .th-border:before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                display: inline-block;
                content: "";
                width: 1px;
                height: 16px;
                background-color: rgba(var(--rgb-color), 0.14);
                margin-left: 0;
                margin-right: 0;
                margin: auto 0;
            }
            
            .list-grid .tbl-header .cell.col-03 .inner-cell:not(:first-child):before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                display: inline-block;
                content: "";
                width: 1px;
                height: 16px;
                background-color: rgba(var(--rgb-color), 0.14);
                margin-left: 0;
                margin-right: 0;
                margin: auto 0;
            }
            .list-grid .tbl-header .cell .inner-cell > span {
                overflow: hidden;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
                line-height: 1.5;
            }
            
            .empty-area {
                display: inline-flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                padding: 8px;
                min-width: 100%;
                height: 100%;
            }
            .empty-area .text-area {
                margin-top: 8px;
                text-align: center;
            }
            .empty-area .text-area .empty-noti {
                color: rgba(var(--rgb-color), 0.9);
                font-weight: bold;
                font-size: 16px;
                font-size: 1.142rem;
                line-height: 24px;
                word-break: keep-all;
                word-break: break-word;
            }
            .empty-area .text-area .empty-noti + .empty-text {
                margin: 2px auto 0;
            }
            
            .view-contents-container {
                min-width: 400px;
            }
            .view-contents-container .view-body-contents .header-area {
                padding: 0 26px 4px;
                border-bottom: 1px solid rgba(var(--rgb-color), 0.1);
            }
            .view-contents-container .view-body-contents .header-area .title-area {
                display: flex;
            }
            .view-contents-container .view-body-contents .header-area .title-area .inner-left {
                flex: 1 1;
                margin-right: 20px;
                padding-top: 2px;
            }
            .view-contents-container .view-body-contents .header-area .title-area .inner-left h1.main-title {
                display: inline;
                line-height: 1;
                margin-right: 6px;
                font-size: 0;
            }
            .view-contents-container .view-body-contents .header-area .title-area .inner-left h1.main-title > * {
                vertical-align: middle;
                word-break: break-all;
                font-size: 16px;
                font-size: 1.142rem;
                line-height: 24px;
            }
            .view-contents-container .view-body-contents .header-area .compose-info {
                display: flex;
                margin-top: 2px;
            }
            .view-contents-container .view-body-contents .header-area .compose-info .sender-photo {
                flex: 0 0 auto;
                margin: 3px 12px 0 0;
            }
            .view-contents-container .view-body-contents .header-area .compose-info .sender-photo .btn-photo img {
                max-width: 36px;
            }
            
            .view-contents-container .view-body-contents .header-area .compose-info .sender-info {
                flex: 1 1;
                position: relative;
                overflow: hidden;
            }
            .view-contents-container .view-body-contents .header-area .compose-info .info-row {
                display: flex;
                justify-content: space-between;
                min-height: 21px;
                font-size: 13px;
                font-size: 0.928rem;
                
            }
            .view-contents-container .view-body-contents .header-area .compose-info .info-row .left-group {
                display: inline-flex;
                align-items: center;
                flex: 1 1;
                white-space: nowrap;
                overflow: hidden;
            }
            .view-contents-container .view-body-contents .header-area .compose-info .info-row .left-group .btn-sender-info {
                display: inline-flex;
                line-height: 1.4;
                position: relative;
                overflow: hidden;
            }
            
            .view-contents-container .view-body-contents .header-area .compose-info .info-row .right-group .send-count-info, .view-contents-container .view-body-contents .header-area .compose-info .info-row .right-group .send-date-info {
                display: inline-flex;
                align-items: center;
                color: rgba(var(--rgb-color), 0.9);
                line-height: 0;
            }
            .view-contents-container .view-body-contents .header-area .compose-info .info-row .left-group .btn-sender-info:hover .sender-name:after {
                content: "";
                width: 100%;
                height: 1px;
                background-color: rgba(0, 0, 0, 0.6);
                position: absolute;
                bottom: 0;
                left: 0;
            }
            .sender-part {
                margin-left: 8px;
                color: rgba(var(--rgb-color), 0.9);
                overflow: hidden;
                white-space: nowrap;
                -ms-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }
            
            .view-contents-container .view-body-contents .contents-body-area {
                padding: 12px 26px 18px;
                border-top: 1px solid rgba(0, 0, 0, 0.06);
            }
            
            [lang=ko] .read-text-container, [lang=en] .read-text-container {
                font-family: inherit;
            }
            
            .cont-area.hide-tab, .cont-main.cont-list.hided-detail {
                display: none !important;
            }
            
            .bn-switch {
                background-color: #ddd;
                border-radius: 100em;
                cursor: pointer;
                display: inline-flex;
                height: 24px;
                justify-content: flex-start;
                padding: 2px;
                position: relative;
                transition: background-color .15s ease-in-out;
                width: 44px;
            }
            .bn-switch-dot {
                background-color: rgb(246, 246, 246);
                border-radius: 100em;
                font-size: 20px;
                height: 1em;
                justify-content: center;
                width: 1em;
                
                align-items: center;
                display: inline-flex;
            }
            
            
            .bn-switch.checked:before {
                flex: 1 1;
            }
            .bn-switch:before {
                content: "";
                flex: 0 1;
                transition: flex .15s ease-in-out;
            }

            
            /* ==== Dark Theme Overrides for Bootstrap-compatible background ==== */
            body[data-theme="dark"] {
              --rgb-color: 255, 255, 255;
              background-color: #212529;
              color: rgba(var(--rgb-color), 1);
            }
            
            body[data-theme="dark"] .lnb-wrap {
              background-color: #2a2a2d;
            }
            
            body[data-theme="dark"] .lnb-wrap .lnb {
              background-color: #2a2a2d;
            }
            
            body[data-theme="dark"] .input-group {
              background-color: #2a2a2d;
              border: 1px solid rgba(var(--rgb-color), 0.2);
            }
            
            body[data-theme="dark"] .input-group:hover {
              border: 1px solid rgba(var(--rgb-color), 0.55);
            }
            
            body[data-theme="dark"] .popup .popup-container {
              background-color: #2a2a2d;
              border: 1px solid rgba(var(--rgb-color), 0.14);
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
            }
            
            body[data-theme="dark"] .dropdown-list.active {
              background-color: #2a2a2d;
              border-color: rgba(var(--rgb-color), 0.2);
              box-shadow: 0 3px 4px rgba(var(--rgb-color), 0.08);
            }
            
            body[data-theme="dark"] .btn.secondary {
              background-color: #2a2a2d;
            }
            
            body[data-theme="dark"] .btn.secondary::after {
              border-color: rgba(var(--rgb-color), 0.2);
            }
            
            body[data-theme="dark"] .btn.secondary:hover {
              background-color: rgba(var(--rgb-color), 0.1);
            }
            
            body[data-theme="dark"] .resize-divider .resize-divider-dot .dot {
              background-color: #999;
            }
            
            body[data-theme="dark"] .page-header:after {
              background: rgba(var(--rgb-color), 0.1);
            }
            
            body[data-theme="dark"] ::selection {
              background-color: #5080ff;
              color: #fff;
            }
            
            body[data-theme="dark"] i.xs,
            body[data-theme="dark"] i.sm,
            body[data-theme="dark"] i.md {
              filter: invert(1);
            }
            
            body[data-theme="dark"] .bn-switch {
                background-color: #474d57;
            }