@font-face {
          font-family: 'notokr-black';
          src: url(../../../assets/notosanskr-black.woff2) format("woff2"), url(notosanskr-black.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        @font-face {
          font-family: 'notokr-bold';
          src: url(../../../assets/notosanskr-bold.woff2) format("woff2"), url(notosanskr-bold.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        @font-face {
          font-family: 'notokr-demilight';
          src: url(../../../assets/notosanskr-demilight.woff2) format("woff2"), url(notosanskr-demilight.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        @font-face {
          font-family: 'notokr-light';
          src: url(../../../assets/notosanskr-light.woff2) format("woff2"), url(notosanskr-light.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        @font-face {
          font-family: 'notokr-medium';
          src: url(../../../assets/notosanskr-medium.woff2) format("woff2"), url(notosanskr-medium.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        @font-face {
          font-family: 'notokr-regular';
          src: url(../../../assets/notosanskr-regular.woff2) format("woff2"), url(notosanskr-regular.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        @font-face {
          font-family: 'notokr-thin';
          src: url(../../../assets/notosanskr-thin.woff2) format("woff2"), url(notosanskr-thin.woff) format("woff");
          font-weight: normal;
          font-style: normal;
        }
        body{font-family: "Noto Sans KR", "notokr-regular", sans-serif;}
        .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay{font-weight: 500;font-size: 16px;}
        .twentytwenty-horizontal .twentytwenty-handle:before,
        .twentytwenty-horizontal .twentytwenty-handle:after,
        .twentytwenty-vertical .twentytwenty-handle:before,
        .twentytwenty-vertical .twentytwenty-handle:after {
            content: " ";
            display: block;
            background: #fff;
            position: absolute;
            z-index: 30;
            -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
            -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
            box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
        }

        .twentytwenty-handle {
            height: 38px;
            width: 38px;
            position: absolute;
            left: 50%;
            top: 50%;
            border: 3px solid #2642BA;
            background-color: #2642BA;
            margin-left: -22px;
            margin-top: -22px;
            -webkit-border-radius: 1000px;
            -moz-border-radius: 1000px;
            border-radius: 1000px;
            -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
            -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
            box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
            z-index: 40;
            cursor: pointer;
        }
        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{width: 10px;margin-left: -5px;margin-bottom: 38px;margin-top: 38px;}
        .twentytwenty-handle{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;border:5px solid #fff;z-index: 900;animation:ani 1s ease infinite alternate;-webkit-box-shadow: 5px 5px 20px rgba(38, 66, 186, 1);
            -moz-box-shadow: 5px 5px 20px rgba(38, 66, 186, 1);box-shadow: 5px 5px 20px rgba(38, 66, 186, 1);}
        .twentytwenty-before-label:before, .twentytwenty-after-label:before{font-family: 'notokr-bold'! important;font-size: 24px! important;letter-spacing: -0.8px! important;line-height: 90px! important;width: 90px;height: 90px;border-radius: 50%;background: rgba(255, 255, 255, 0.3)}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before{margin-top: -45px;}
        @keyframes ani{
                0%{transform: scale(0.8);}
                100%{transform: scale(1);}    
            }