/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/Jigmo.css ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Strokes.woff2') format("woff2");
  unicode-range: U+31C0-31E3;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Compatibility.woff2') format("woff2");
  unicode-range: U+3300-3370, U+337B-337F, U+33E0-33FE;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-01.woff2') format("woff2");
  unicode-range: U+3400-37FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-02.woff2') format("woff2");
  unicode-range: U+3800-3BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-03.woff2') format("woff2");
  unicode-range: U+3C00-3FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-04.woff2') format("woff2");
  unicode-range: U+4000-43FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-05.woff2') format("woff2");
  unicode-range: U+4400-47FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-06.woff2') format("woff2");
  unicode-range: U+4800-4BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-07.woff2') format("woff2");
  unicode-range: U+4C00-4DBF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-01.woff2') format("woff2");
  unicode-range: U+4E00-51FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-02.woff2') format("woff2");
  unicode-range: U+5200-55FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-03.woff2') format("woff2");
  unicode-range: U+5600-59FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-04.woff2') format("woff2");
  unicode-range: U+5A00-5DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-05.woff2') format("woff2");
  unicode-range: U+5E00-61FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-06.woff2') format("woff2");
  unicode-range: U+6200-65FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-07.woff2') format("woff2");
  unicode-range: U+6600-69FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-08.woff2') format("woff2");
  unicode-range: U+6A00-6DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-09.woff2') format("woff2");
  unicode-range: U+6E00-71FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-10.woff2') format("woff2");
  unicode-range: U+7200-75FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-11.woff2') format("woff2");
  unicode-range: U+7600-79FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-12.woff2') format("woff2");
  unicode-range: U+7A00-7DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-13.woff2') format("woff2");
  unicode-range: U+7E00-81FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-14.woff2') format("woff2");
  unicode-range: U+8200-85FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-15.woff2') format("woff2");
  unicode-range: U+8600-89FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-16.woff2') format("woff2");
  unicode-range: U+8A00-8DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-17.woff2') format("woff2");
  unicode-range: U+8E00-91FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-18.woff2') format("woff2");
  unicode-range: U+9200-95FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-19.woff2') format("woff2");
  unicode-range: U+9600-99FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-20.woff2') format("woff2");
  unicode-range: U+9A00-9DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-21.woff2') format("woff2");
  unicode-range: U+9E00-9FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Compatibility-Ideographs.woff2') format("woff2");
  unicode-range: U+F900-FA6D, U+FA70-FAD9;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-01.woff2') format("woff2");
  unicode-range: U+20000-203FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-02.woff2') format("woff2");
  unicode-range: U+20400-207FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-03.woff2') format("woff2");
  unicode-range: U+20800-20BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-04.woff2') format("woff2");
  unicode-range: U+20C00-20FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-05.woff2') format("woff2");
  unicode-range: U+21000-213FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-06.woff2') format("woff2");
  unicode-range: U+21400-217FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-07.woff2') format("woff2");
  unicode-range: U+21800-21BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-08.woff2') format("woff2");
  unicode-range: U+21C00-21FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-09.woff2') format("woff2");
  unicode-range: U+22000-223FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-10.woff2') format("woff2");
  unicode-range: U+22400-227FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-11.woff2') format("woff2");
  unicode-range: U+22800-22BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-12.woff2') format("woff2");
  unicode-range: U+22C00-22FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-13.woff2') format("woff2");
  unicode-range: U+23000-233FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-14.woff2') format("woff2");
  unicode-range: U+23400-237FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-15.woff2') format("woff2");
  unicode-range: U+23800-23BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-16.woff2') format("woff2");
  unicode-range: U+23C00-23FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-17.woff2') format("woff2");
  unicode-range: U+24000-243FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-18.woff2') format("woff2");
  unicode-range: U+24400-247FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-19.woff2') format("woff2");
  unicode-range: U+24800-24BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-20.woff2') format("woff2");
  unicode-range: U+24C00-24FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-21.woff2') format("woff2");
  unicode-range: U+25000-253FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-22.woff2') format("woff2");
  unicode-range: U+25400-257FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-23.woff2') format("woff2");
  unicode-range: U+25800-25BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-24.woff2') format("woff2");
  unicode-range: U+25C00-25FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-25.woff2') format("woff2");
  unicode-range: U+26000-263FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-26.woff2') format("woff2");
  unicode-range: U+26400-267FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-27.woff2') format("woff2");
  unicode-range: U+26800-26BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-28.woff2') format("woff2");
  unicode-range: U+26C00-26FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-29.woff2') format("woff2");
  unicode-range: U+27000-273FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-30.woff2') format("woff2");
  unicode-range: U+27400-277FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-31.woff2') format("woff2");
  unicode-range: U+27800-27BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-32.woff2') format("woff2");
  unicode-range: U+27C00-27FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-33.woff2') format("woff2");
  unicode-range: U+28000-283FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-34.woff2') format("woff2");
  unicode-range: U+28400-287FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-35.woff2') format("woff2");
  unicode-range: U+28800-28BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-36.woff2') format("woff2");
  unicode-range: U+28C00-28FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-37.woff2') format("woff2");
  unicode-range: U+29000-293FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-38.woff2') format("woff2");
  unicode-range: U+29400-297FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-39.woff2') format("woff2");
  unicode-range: U+29800-29BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-40.woff2') format("woff2");
  unicode-range: U+29C00-29FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-41.woff2') format("woff2");
  unicode-range: U+2A000-2A3FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-42.woff2') format("woff2");
  unicode-range: U+2A400-2A6DF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-01.woff2') format("woff2");
  unicode-range: U+2A700-2AAFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-02.woff2') format("woff2");
  unicode-range: U+2AB00-2AEFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-03.woff2') format("woff2");
  unicode-range: U+2AF00-2B2FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-04.woff2') format("woff2");
  unicode-range: U+2B300-2B6FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-05.woff2') format("woff2");
  unicode-range: U+2B700-2B739;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-D.woff2') format("woff2");
  unicode-range: U+2B740-2B81D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-01.woff2') format("woff2");
  unicode-range: U+2B820-2BC1F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-02.woff2') format("woff2");
  unicode-range: U+2BC20-2C01F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-03.woff2') format("woff2");
  unicode-range: U+2C020-2C41F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-04.woff2') format("woff2");
  unicode-range: U+2C420-2C81F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-05.woff2') format("woff2");
  unicode-range: U+2C820-2CC1F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-06.woff2') format("woff2");
  unicode-range: U+2CC20-2CEA1;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-01.woff2') format("woff2");
  unicode-range: U+2CEB0-2D2AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-02.woff2') format("woff2");
  unicode-range: U+2D2B0-2D6AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-03.woff2') format("woff2");
  unicode-range: U+2D6B0-2DAAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-04.woff2') format("woff2");
  unicode-range: U+2DAB0-2DEAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-05.woff2') format("woff2");
  unicode-range: U+2DEB0-2E2AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-06.woff2') format("woff2");
  unicode-range: U+2E2B0-2E6AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-07.woff2') format("woff2");
  unicode-range: U+2E6B0-2EAAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-08.woff2') format("woff2");
  unicode-range: U+2EAB0-2EBE0;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-I.woff2') format("woff2");
  unicode-range: U+2EBF0-2EE5D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Compatibility-Ideographs-Supplement.woff2') format("woff2");
  unicode-range: U+2F800-2FA1D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-01.woff2') format("woff2");
  unicode-range: U+30000-303FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-02.woff2') format("woff2");
  unicode-range: U+30400-307FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-03.woff2') format("woff2");
  unicode-range: U+30800-30BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-04.woff2') format("woff2");
  unicode-range: U+30C00-30FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-05.woff2') format("woff2");
  unicode-range: U+31000-3134A;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-01.woff2') format("woff2");
  unicode-range: U+31350-3174F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-02.woff2') format("woff2");
  unicode-range: U+31750-31B4F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-03.woff2') format("woff2");
  unicode-range: U+31B50-31F4F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-04.woff2') format("woff2");
  unicode-range: U+31F50-3234F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-05.woff2') format("woff2");
  unicode-range: U+32350-323AF;
}


/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/Ansungtangmyun.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/

@font-face {
  font-family: Ansungtangmyun;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Ansungtangmyun"),
  url('Ansungtangmyun-B.woff2') format("woff2");
  unicode-range: U+0000-9FFF, U+AC00-D7AF;
}

@font-face {
  font-family: Ansungtangmyun;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("MissingFont"),url('MissingFont.woff2') format("woff2");
  unicode-range: U+AFD3, U+B05F, U+CD40;
  /*unicode-range: U+AFD3, U+B46B, U+CDAF;*/
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/NanumMyeongjo.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 400;
  font-display: swap;
  src: url('NanumMyeongjo.eot');
  src: url('NanumMyeongjo.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjo.woff') format("woff"), url('NanumMyeongjo.ttf') format("truetype");
}

@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 700;
  font-display: swap;
  src: url('NanumMyeongjoBold.eot');
  src: url('NanumMyeongjoBold.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjoBold.woff') format("woff"), url('NanumMyeongjoBold.ttf') format("truetype");
}

@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 900;
  font-display: swap;
  src: url('NanumMyeongjoExtraBold.eot');
  src: url('NanumMyeongjoExtraBold.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjoExtraBold.woff') format("woff"), url('NanumMyeongjoExtraBold.ttf') format("truetype");
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/Jigmo.css (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Strokes.woff2') format("woff2");
  unicode-range: U+31C0-31E3;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Compatibility.woff2') format("woff2");
  unicode-range: U+3300-3370, U+337B-337F, U+33E0-33FE;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-01.woff2') format("woff2");
  unicode-range: U+3400-37FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-02.woff2') format("woff2");
  unicode-range: U+3800-3BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-03.woff2') format("woff2");
  unicode-range: U+3C00-3FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-04.woff2') format("woff2");
  unicode-range: U+4000-43FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-05.woff2') format("woff2");
  unicode-range: U+4400-47FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-06.woff2') format("woff2");
  unicode-range: U+4800-4BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-07.woff2') format("woff2");
  unicode-range: U+4C00-4DBF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-01.woff2') format("woff2");
  unicode-range: U+4E00-51FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-02.woff2') format("woff2");
  unicode-range: U+5200-55FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-03.woff2') format("woff2");
  unicode-range: U+5600-59FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-04.woff2') format("woff2");
  unicode-range: U+5A00-5DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-05.woff2') format("woff2");
  unicode-range: U+5E00-61FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-06.woff2') format("woff2");
  unicode-range: U+6200-65FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-07.woff2') format("woff2");
  unicode-range: U+6600-69FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-08.woff2') format("woff2");
  unicode-range: U+6A00-6DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-09.woff2') format("woff2");
  unicode-range: U+6E00-71FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-10.woff2') format("woff2");
  unicode-range: U+7200-75FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-11.woff2') format("woff2");
  unicode-range: U+7600-79FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-12.woff2') format("woff2");
  unicode-range: U+7A00-7DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-13.woff2') format("woff2");
  unicode-range: U+7E00-81FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-14.woff2') format("woff2");
  unicode-range: U+8200-85FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-15.woff2') format("woff2");
  unicode-range: U+8600-89FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-16.woff2') format("woff2");
  unicode-range: U+8A00-8DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-17.woff2') format("woff2");
  unicode-range: U+8E00-91FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-18.woff2') format("woff2");
  unicode-range: U+9200-95FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-19.woff2') format("woff2");
  unicode-range: U+9600-99FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-20.woff2') format("woff2");
  unicode-range: U+9A00-9DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-21.woff2') format("woff2");
  unicode-range: U+9E00-9FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Compatibility-Ideographs.woff2') format("woff2");
  unicode-range: U+F900-FA6D, U+FA70-FAD9;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-01.woff2') format("woff2");
  unicode-range: U+20000-203FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-02.woff2') format("woff2");
  unicode-range: U+20400-207FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-03.woff2') format("woff2");
  unicode-range: U+20800-20BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-04.woff2') format("woff2");
  unicode-range: U+20C00-20FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-05.woff2') format("woff2");
  unicode-range: U+21000-213FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-06.woff2') format("woff2");
  unicode-range: U+21400-217FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-07.woff2') format("woff2");
  unicode-range: U+21800-21BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-08.woff2') format("woff2");
  unicode-range: U+21C00-21FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-09.woff2') format("woff2");
  unicode-range: U+22000-223FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-10.woff2') format("woff2");
  unicode-range: U+22400-227FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-11.woff2') format("woff2");
  unicode-range: U+22800-22BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-12.woff2') format("woff2");
  unicode-range: U+22C00-22FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-13.woff2') format("woff2");
  unicode-range: U+23000-233FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-14.woff2') format("woff2");
  unicode-range: U+23400-237FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-15.woff2') format("woff2");
  unicode-range: U+23800-23BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-16.woff2') format("woff2");
  unicode-range: U+23C00-23FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-17.woff2') format("woff2");
  unicode-range: U+24000-243FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-18.woff2') format("woff2");
  unicode-range: U+24400-247FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-19.woff2') format("woff2");
  unicode-range: U+24800-24BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-20.woff2') format("woff2");
  unicode-range: U+24C00-24FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-21.woff2') format("woff2");
  unicode-range: U+25000-253FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-22.woff2') format("woff2");
  unicode-range: U+25400-257FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-23.woff2') format("woff2");
  unicode-range: U+25800-25BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-24.woff2') format("woff2");
  unicode-range: U+25C00-25FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-25.woff2') format("woff2");
  unicode-range: U+26000-263FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-26.woff2') format("woff2");
  unicode-range: U+26400-267FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-27.woff2') format("woff2");
  unicode-range: U+26800-26BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-28.woff2') format("woff2");
  unicode-range: U+26C00-26FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-29.woff2') format("woff2");
  unicode-range: U+27000-273FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-30.woff2') format("woff2");
  unicode-range: U+27400-277FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-31.woff2') format("woff2");
  unicode-range: U+27800-27BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-32.woff2') format("woff2");
  unicode-range: U+27C00-27FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-33.woff2') format("woff2");
  unicode-range: U+28000-283FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-34.woff2') format("woff2");
  unicode-range: U+28400-287FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-35.woff2') format("woff2");
  unicode-range: U+28800-28BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-36.woff2') format("woff2");
  unicode-range: U+28C00-28FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-37.woff2') format("woff2");
  unicode-range: U+29000-293FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-38.woff2') format("woff2");
  unicode-range: U+29400-297FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-39.woff2') format("woff2");
  unicode-range: U+29800-29BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-40.woff2') format("woff2");
  unicode-range: U+29C00-29FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-41.woff2') format("woff2");
  unicode-range: U+2A000-2A3FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-42.woff2') format("woff2");
  unicode-range: U+2A400-2A6DF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-01.woff2') format("woff2");
  unicode-range: U+2A700-2AAFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-02.woff2') format("woff2");
  unicode-range: U+2AB00-2AEFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-03.woff2') format("woff2");
  unicode-range: U+2AF00-2B2FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-04.woff2') format("woff2");
  unicode-range: U+2B300-2B6FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-05.woff2') format("woff2");
  unicode-range: U+2B700-2B739;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-D.woff2') format("woff2");
  unicode-range: U+2B740-2B81D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-01.woff2') format("woff2");
  unicode-range: U+2B820-2BC1F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-02.woff2') format("woff2");
  unicode-range: U+2BC20-2C01F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-03.woff2') format("woff2");
  unicode-range: U+2C020-2C41F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-04.woff2') format("woff2");
  unicode-range: U+2C420-2C81F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-05.woff2') format("woff2");
  unicode-range: U+2C820-2CC1F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-06.woff2') format("woff2");
  unicode-range: U+2CC20-2CEA1;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-01.woff2') format("woff2");
  unicode-range: U+2CEB0-2D2AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-02.woff2') format("woff2");
  unicode-range: U+2D2B0-2D6AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-03.woff2') format("woff2");
  unicode-range: U+2D6B0-2DAAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-04.woff2') format("woff2");
  unicode-range: U+2DAB0-2DEAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-05.woff2') format("woff2");
  unicode-range: U+2DEB0-2E2AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-06.woff2') format("woff2");
  unicode-range: U+2E2B0-2E6AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-07.woff2') format("woff2");
  unicode-range: U+2E6B0-2EAAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-08.woff2') format("woff2");
  unicode-range: U+2EAB0-2EBE0;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-I.woff2') format("woff2");
  unicode-range: U+2EBF0-2EE5D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Compatibility-Ideographs-Supplement.woff2') format("woff2");
  unicode-range: U+2F800-2FA1D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-01.woff2') format("woff2");
  unicode-range: U+30000-303FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-02.woff2') format("woff2");
  unicode-range: U+30400-307FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-03.woff2') format("woff2");
  unicode-range: U+30800-30BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-04.woff2') format("woff2");
  unicode-range: U+30C00-30FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-05.woff2') format("woff2");
  unicode-range: U+31000-3134A;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-01.woff2') format("woff2");
  unicode-range: U+31350-3174F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-02.woff2') format("woff2");
  unicode-range: U+31750-31B4F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-03.woff2') format("woff2");
  unicode-range: U+31B50-31F4F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-04.woff2') format("woff2");
  unicode-range: U+31F50-3234F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-05.woff2') format("woff2");
  unicode-range: U+32350-323AF;
}


/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/Ansungtangmyun.css (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/

@font-face {
  font-family: Ansungtangmyun;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Ansungtangmyun"),
  url('Ansungtangmyun-B.woff2') format("woff2");
  unicode-range: U+0000-9FFF, U+AC00-D7AF;
}

@font-face {
  font-family: Ansungtangmyun;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("MissingFont"),url('MissingFont.woff2') format("woff2");
  unicode-range: U+AFD3, U+B05F, U+CD40;
  /*unicode-range: U+AFD3, U+B46B, U+CDAF;*/
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/NanumMyeongjo.css (1) ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 400;
  font-display: swap;
  src: url('NanumMyeongjo.eot');
  src: url('NanumMyeongjo.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjo.woff') format("woff"), url('NanumMyeongjo.ttf') format("truetype");
}

@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 700;
  font-display: swap;
  src: url('NanumMyeongjoBold.eot');
  src: url('NanumMyeongjoBold.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjoBold.woff') format("woff"), url('NanumMyeongjoBold.ttf') format("truetype");
}

@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 900;
  font-display: swap;
  src: url('NanumMyeongjoExtraBold.eot');
  src: url('NanumMyeongjoExtraBold.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjoExtraBold.woff') format("woff"), url('NanumMyeongjoExtraBold.ttf') format("truetype");
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/Jigmo.css (2) ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Strokes.woff2') format("woff2");
  unicode-range: U+31C0-31E3;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Compatibility.woff2') format("woff2");
  unicode-range: U+3300-3370, U+337B-337F, U+33E0-33FE;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-01.woff2') format("woff2");
  unicode-range: U+3400-37FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-02.woff2') format("woff2");
  unicode-range: U+3800-3BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-03.woff2') format("woff2");
  unicode-range: U+3C00-3FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-04.woff2') format("woff2");
  unicode-range: U+4000-43FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-05.woff2') format("woff2");
  unicode-range: U+4400-47FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-06.woff2') format("woff2");
  unicode-range: U+4800-4BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-Extension-A-07.woff2') format("woff2");
  unicode-range: U+4C00-4DBF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-01.woff2') format("woff2");
  unicode-range: U+4E00-51FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-02.woff2') format("woff2");
  unicode-range: U+5200-55FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-03.woff2') format("woff2");
  unicode-range: U+5600-59FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-04.woff2') format("woff2");
  unicode-range: U+5A00-5DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-05.woff2') format("woff2");
  unicode-range: U+5E00-61FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-06.woff2') format("woff2");
  unicode-range: U+6200-65FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-07.woff2') format("woff2");
  unicode-range: U+6600-69FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-08.woff2') format("woff2");
  unicode-range: U+6A00-6DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-09.woff2') format("woff2");
  unicode-range: U+6E00-71FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-10.woff2') format("woff2");
  unicode-range: U+7200-75FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-11.woff2') format("woff2");
  unicode-range: U+7600-79FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-12.woff2') format("woff2");
  unicode-range: U+7A00-7DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-13.woff2') format("woff2");
  unicode-range: U+7E00-81FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-14.woff2') format("woff2");
  unicode-range: U+8200-85FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-15.woff2') format("woff2");
  unicode-range: U+8600-89FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-16.woff2') format("woff2");
  unicode-range: U+8A00-8DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-17.woff2') format("woff2");
  unicode-range: U+8E00-91FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-18.woff2') format("woff2");
  unicode-range: U+9200-95FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-19.woff2') format("woff2");
  unicode-range: U+9600-99FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-20.woff2') format("woff2");
  unicode-range: U+9A00-9DFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Unified-Ideographs-21.woff2') format("woff2");
  unicode-range: U+9E00-9FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo"),
  url('Jigmo.CJK-Compatibility-Ideographs.woff2') format("woff2");
  unicode-range: U+F900-FA6D, U+FA70-FAD9;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-01.woff2') format("woff2");
  unicode-range: U+20000-203FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-02.woff2') format("woff2");
  unicode-range: U+20400-207FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-03.woff2') format("woff2");
  unicode-range: U+20800-20BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-04.woff2') format("woff2");
  unicode-range: U+20C00-20FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-05.woff2') format("woff2");
  unicode-range: U+21000-213FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-06.woff2') format("woff2");
  unicode-range: U+21400-217FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-07.woff2') format("woff2");
  unicode-range: U+21800-21BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-08.woff2') format("woff2");
  unicode-range: U+21C00-21FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-09.woff2') format("woff2");
  unicode-range: U+22000-223FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-10.woff2') format("woff2");
  unicode-range: U+22400-227FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-11.woff2') format("woff2");
  unicode-range: U+22800-22BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-12.woff2') format("woff2");
  unicode-range: U+22C00-22FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-13.woff2') format("woff2");
  unicode-range: U+23000-233FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-14.woff2') format("woff2");
  unicode-range: U+23400-237FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-15.woff2') format("woff2");
  unicode-range: U+23800-23BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-16.woff2') format("woff2");
  unicode-range: U+23C00-23FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-17.woff2') format("woff2");
  unicode-range: U+24000-243FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-18.woff2') format("woff2");
  unicode-range: U+24400-247FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-19.woff2') format("woff2");
  unicode-range: U+24800-24BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-20.woff2') format("woff2");
  unicode-range: U+24C00-24FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-21.woff2') format("woff2");
  unicode-range: U+25000-253FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-22.woff2') format("woff2");
  unicode-range: U+25400-257FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-23.woff2') format("woff2");
  unicode-range: U+25800-25BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-24.woff2') format("woff2");
  unicode-range: U+25C00-25FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-25.woff2') format("woff2");
  unicode-range: U+26000-263FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-26.woff2') format("woff2");
  unicode-range: U+26400-267FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-27.woff2') format("woff2");
  unicode-range: U+26800-26BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-28.woff2') format("woff2");
  unicode-range: U+26C00-26FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-29.woff2') format("woff2");
  unicode-range: U+27000-273FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-30.woff2') format("woff2");
  unicode-range: U+27400-277FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-31.woff2') format("woff2");
  unicode-range: U+27800-27BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-32.woff2') format("woff2");
  unicode-range: U+27C00-27FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-33.woff2') format("woff2");
  unicode-range: U+28000-283FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-34.woff2') format("woff2");
  unicode-range: U+28400-287FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-35.woff2') format("woff2");
  unicode-range: U+28800-28BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-36.woff2') format("woff2");
  unicode-range: U+28C00-28FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-37.woff2') format("woff2");
  unicode-range: U+29000-293FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-38.woff2') format("woff2");
  unicode-range: U+29400-297FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-39.woff2') format("woff2");
  unicode-range: U+29800-29BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-40.woff2') format("woff2");
  unicode-range: U+29C00-29FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-41.woff2') format("woff2");
  unicode-range: U+2A000-2A3FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-B-42.woff2') format("woff2");
  unicode-range: U+2A400-2A6DF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-01.woff2') format("woff2");
  unicode-range: U+2A700-2AAFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-02.woff2') format("woff2");
  unicode-range: U+2AB00-2AEFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-03.woff2') format("woff2");
  unicode-range: U+2AF00-2B2FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-04.woff2') format("woff2");
  unicode-range: U+2B300-2B6FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-C-05.woff2') format("woff2");
  unicode-range: U+2B700-2B739;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-D.woff2') format("woff2");
  unicode-range: U+2B740-2B81D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-01.woff2') format("woff2");
  unicode-range: U+2B820-2BC1F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-02.woff2') format("woff2");
  unicode-range: U+2BC20-2C01F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-03.woff2') format("woff2");
  unicode-range: U+2C020-2C41F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-04.woff2') format("woff2");
  unicode-range: U+2C420-2C81F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-05.woff2') format("woff2");
  unicode-range: U+2C820-2CC1F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-E-06.woff2') format("woff2");
  unicode-range: U+2CC20-2CEA1;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-01.woff2') format("woff2");
  unicode-range: U+2CEB0-2D2AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-02.woff2') format("woff2");
  unicode-range: U+2D2B0-2D6AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-03.woff2') format("woff2");
  unicode-range: U+2D6B0-2DAAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-04.woff2') format("woff2");
  unicode-range: U+2DAB0-2DEAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-05.woff2') format("woff2");
  unicode-range: U+2DEB0-2E2AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-06.woff2') format("woff2");
  unicode-range: U+2E2B0-2E6AF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-07.woff2') format("woff2");
  unicode-range: U+2E6B0-2EAAF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-F-08.woff2') format("woff2");
  unicode-range: U+2EAB0-2EBE0;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Unified-Ideographs-Extension-I.woff2') format("woff2");
  unicode-range: U+2EBF0-2EE5D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo2"),
  url('Jigmo2.CJK-Compatibility-Ideographs-Supplement.woff2') format("woff2");
  unicode-range: U+2F800-2FA1D;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-01.woff2') format("woff2");
  unicode-range: U+30000-303FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-02.woff2') format("woff2");
  unicode-range: U+30400-307FF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-03.woff2') format("woff2");
  unicode-range: U+30800-30BFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-04.woff2') format("woff2");
  unicode-range: U+30C00-30FFF;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-G-05.woff2') format("woff2");
  unicode-range: U+31000-3134A;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-01.woff2') format("woff2");
  unicode-range: U+31350-3174F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-02.woff2') format("woff2");
  unicode-range: U+31750-31B4F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-03.woff2') format("woff2");
  unicode-range: U+31B50-31F4F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-04.woff2') format("woff2");
  unicode-range: U+31F50-3234F;
}

@font-face {
  font-family: Jigmo;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Jigmo3"),
  url('Jigmo3.CJK-Unified-Ideographs-Extension-H-05.woff2') format("woff2");
  unicode-range: U+32350-323AF;
}


/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/Ansungtangmyun.css (2) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/

@font-face {
  font-family: Ansungtangmyun;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Ansungtangmyun"),
  url('Ansungtangmyun-B.woff2') format("woff2");
  unicode-range: U+0000-9FFF, U+AC00-D7AF;
}

@font-face {
  font-family: Ansungtangmyun;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("MissingFont"),url('MissingFont.woff2') format("woff2");
  unicode-range: U+AFD3, U+B05F, U+CD40;
  /*unicode-range: U+AFD3, U+B46B, U+CDAF;*/
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/css/NanumMyeongjo.css (2) ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 400;
  font-display: swap;
  src: url('NanumMyeongjo.eot');
  src: url('NanumMyeongjo.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjo.woff') format("woff"), url('NanumMyeongjo.ttf') format("truetype");
}

@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 700;
  font-display: swap;
  src: url('NanumMyeongjoBold.eot');
  src: url('NanumMyeongjoBold.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjoBold.woff') format("woff"), url('NanumMyeongjoBold.ttf') format("truetype");
}

@font-face {
  font-family: 'NanumMyeongjo';
  font-weight: 900;
  font-display: swap;
  src: url('NanumMyeongjoExtraBold.eot');
  src: url('NanumMyeongjoExtraBold.eot?#iefix') format("embedded-opentype"), url('NanumMyeongjoExtraBold.woff') format("woff"), url('NanumMyeongjoExtraBold.ttf') format("truetype");
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/css/styles.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */ /*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
@font-face {
  font-family: "NotoSansKR";
  src: url('NotoSansKR-T.woff') format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansKR";
  src: url('NotoSansKR-L.woff') format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansKR";
  src: url('NotoSansKR-R.woff') format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansKR";
  src: url('NotoSansKR-M.woff') format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansKR";
  src: url('NotoSansKR-B.woff') format("woff");
  font-weight: 700;
  font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "NanumMyeongjo", "Jigmo";
  color: #000000;
  vertical-align: baseline; /* a안 img가 들어갈 때 a를 위로 정렬시켜 여백을 없앨 때 사용 */
  -webkit-user-select: none; /* Safari, Chrome */ /* Firefox */ /* Internet Explorer, Edge */
  user-select: none; /* 표준 값 */
}

html, body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1; /* 한글 기준은 1.2 */
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: none;
}

textarea {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

i {
  display: inline-block;
  vertical-align: middle;
}

strong {
  font-weight: 700;
}

th, td {
  vertical-align: middle;
}

button {
  background: transparent;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: "NanumMyeongjo";
}

* {
  box-sizing: border-box;
}

span, div {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

select::-ms-expand {
  display: none;
}

b {
  color: inherit;
  font-family: inherit;
}

/** ios reset **/
input {
  box-shadow: none;
  border: 0;
  background-clip: padding-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

* {
  -webkit-tap-highlight-color: transparent !important;
}

/** flex word reset **/
* {
  word-wrap: break-word;
  word-break: keep-all;
}

/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
.f-red {
  color: #EA3255;
}

@media (max-width: 1024px) {
  .web.web-inline {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .web {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}
@media (max-width: 1024px) {
  .mobile {
    display: block !important;
  }
}

-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

-webkit-scrollbar-track {
  background: transparent;
}

-webkit-scrollbar-thumb {
  background: #908469;
  border-radius: 7px;
}

.scroll-effect::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-effect::-webkit-scrollbar-track {
  background: transparent;
}
.scroll-effect::-webkit-scrollbar-thumb {
  background: #908469;
  border-radius: 7px;
}
.scroll-effect.over-y {
  overscroll-behavior-y: contain;
}
.scroll-effect.over-x {
  overscroll-behavior-x: contain;
}

.scroll-effect2::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-effect2::-webkit-scrollbar-track {
  background: #252831;
}
.scroll-effect2::-webkit-scrollbar-thumb {
  background: #6A7084;
  border-radius: 7px;
}
.scroll-effect2.over-y {
  overscroll-behavior-y: contain;
}
.scroll-effect2.over-x {
  overscroll-behavior-x: contain;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.overlay:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 500;
}

.overlay2:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  position: fixed;
  z-index: 550;
}

.highlight-txt {
  color: #533E1F;
  background-color: #F3E9D9;
}

.relative {
  position: relative;
}

.type-en {
  font-family: "NanumMyeongjo";
}

article.menu-btn-box {
  padding-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
}
article.menu-btn-box .menu-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 270px;
  width: 100%;
}
article.menu-btn-box .menu-box + .menu-box {
  margin-left: 30px;
}
article.menu-btn-box .menu-box.type-1 .menu-btn {
  color: #fff;
  background-color: #555555;
}
article.menu-btn-box .menu-box.type-2 .menu-btn {
  color: #fff;
  background-color: #D4A79A;
}
article.menu-btn-box .menu-box .menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 75px;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  font-family: "NanumMyeongjo";
  border-radius: 38px;
}
@media (max-width: 1024px) {
  article.menu-btn-box .menu-btn {
    height: 46px;
    font-size: 16px;
  }
}
article.menu-btn-box .menu-btn + .menu-btn {
  margin-left: 46px;
}
@media (max-width: 1024px) {
  article.menu-btn-box .menu-btn + .menu-btn {
    margin-left: 26px;
  }
}
article.menu-btn-box .menu-btn.full {
  width: 100%;
}

.textbox.with-file {
  border: 1px solid #D6D6D6;
  position: relative;
}
.textbox.with-file textarea {
  border: none;
  height: 100px;
}
.textbox textarea {
  padding: 15px;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  outline: none;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  resize: none;
  height: 167px;
}
.textbox textarea::placeholder {
  color: #999999;
}
.textbox .file-box {
  padding: 10px 20px 20px;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}
.textbox .file-box .file-upload-box {
  display: flex;
  align-items: center;
}
.textbox .file-box .file-upload-box .upload-msg {
  font-size: 14px;
  color: #CCCCCC;
  line-height: 18px;
  padding-right: 17px;
}
.textbox .file-box .file-upload-box label input {
  position: absolute;
  left: -99999px;
}
.textbox .file-box .file-upload-box label .txt {
  font-family: "NanumMyeongjo";
  font-size: 18px;
  font-weight: 500;
  border-radius: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 130px;
  background-color: #555555;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .tbox {
    width: 100%;
  }
}
.tbox.full {
  width: 100%;
}
.tbox.long {
  width: 532px;
}
.tbox.small {
  width: 150px;
}
.tbox.smaller {
  width: 89px;
}
@media (max-width: 1024px) {
  .tbox.smaller {
    width: 40px;
  }
}
.tbox.long {
  width: 446px;
}
@media (max-width: 1024px) {
  .tbox.long {
    width: 100%;
  }
}
.tbox.medium {
  width: 255px;
}
@media (max-width: 1024px) {
  .tbox.m-full {
    width: 100%;
  }
}
.tbox input {
  border-radius: 4px;
  height: 56px;
  outline: none;
  box-sizing: border-box;
  padding: 0 16px;
  font-size: 16px;
  width: 100%;
  background-color: #F8F9FA;
  border: 1px solid #EAECEF;
}
@media (max-width: 1024px) {
  .tbox input {
    height: 48px;
    font-size: 15px;
  }
}
.tbox input::placeholder {
  color: #878E95;
}
.tbox input:read-only {
  background-color: #f5f5f5;
}
.tbox input.readonly-bg:read-only {
  background-color: #fff;
}
.tbox.center input {
  text-align: center;
}
.tbox::placeholder {
  color: rgba(57, 57, 57, 0.4);
  letter-spacing: -0.3px;
}

.toggle-btn-box.big label.toggle .toggle-bg {
  width: 67px;
  height: 25px;
}
@media (max-width: 1024px) {
  .toggle-btn-box.big label.toggle .toggle-bg {
    width: 45px;
    height: 21px;
  }
}
.toggle-btn-box.big label.toggle .toggle-bg:after {
  width: 31px;
  height: 31px;
}
@media (max-width: 1024px) {
  .toggle-btn-box.big label.toggle .toggle-bg:after {
    width: 21px;
    height: 21px;
  }
}
.toggle-btn-box.big label.toggle input:checked ~ .toggle-bg:after {
  left: 36px;
}
@media (max-width: 1024px) {
  .toggle-btn-box.big label.toggle input:checked ~ .toggle-bg:after {
    left: 28px;
  }
}
.toggle-btn-box label.toggle {
  position: relative;
  height: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.toggle-btn-box label.toggle input {
  display: none;
  cursor: pointer;
}
.toggle-btn-box label.toggle input:checked ~ .toggle-txt.toggle-on-txt {
  display: block;
}
.toggle-btn-box label.toggle input:checked ~ .toggle-txt.toggle-off-txt {
  display: none;
}
.toggle-btn-box label.toggle input:checked ~ .toggle-bg {
  background-color: #E8F4FF;
}
.toggle-btn-box label.toggle input:checked ~ .toggle-bg:after {
  left: 13px;
  background-color: #6EA7DB !important;
  transition: left 0.3s ease-out;
}
.toggle-btn-box label.toggle .toggle-off-txt {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 17px;
}
.toggle-btn-box label.toggle .toggle-on-txt {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 17px;
}
.toggle-btn-box label.toggle .toggle-txt {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  line-height: 17px;
}
.toggle-btn-box label.toggle .toggle-txt + .toggle-bg {
  margin-left: 7px;
}
.toggle-btn-box label.toggle .toggle-txt.toggle-off-txt {
  display: block;
}
.toggle-btn-box label.toggle .toggle-txt.toggle-on-txt {
  display: none;
}
.toggle-btn-box label.toggle .toggle-txt:first-child {
  margin-right: 6px;
}
.toggle-btn-box label.toggle .toggle-txt:last-child {
  margin-left: 6px;
}
.toggle-btn-box label.toggle .toggle-bg {
  position: relative;
  display: inline-block;
  background: #F5F5F5;
  border-radius: 100px;
  width: 25px;
  height: 100%;
  z-index: 9;
}
.toggle-btn-box label.toggle .toggle-bg:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #CCCCCC;
  border-radius: 50%;
  transition: left 0.3s ease-out;
  padding: 0;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 10;
}

label.toggle {
  position: relative;
  height: 16px;
  cursor: pointer;
}
label.toggle input {
  display: none;
  cursor: pointer;
}
label.toggle input:checked ~ .handler {
  left: 14px;
  border-color: #ce2027;
  transition: left 0.3s ease-out;
}
label.toggle input:checked ~ .bg {
  background-color: #0b7af3;
}
label.toggle .handler {
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  transition: left 0.3s ease-out;
  padding: 0;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  z-index: 10;
}
label.toggle .bg {
  position: relative;
  display: inline-block;
  background-color: #dddee0;
  border-radius: 8px;
  width: 28px;
  height: 16px;
  z-index: 9;
}

/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
html {
  font-size: 10px;
}

html.large-mode {
  font-size: 14px;
}

a.temp-btn {
  position: fixed;
  z-index: 100;
  bottom: 100px;
  right: 200px;
  width: 5rem;
  height: 5rem;
  background-color: red;
  color: #fff;
}

a:link.wordlink:hover,
a:visited.wordlink:hover {
  color: white;
  background-color: #9a7947;
}

a:link.hunlink:hover,
a:visited.hunlink:hover {
  color: white;
  background-color: #9a7947;
}

.hanja-size {
  font-size: 80%;
  display: inline-block;
}

.size-70 {
  font-size: 70%;
}

.size-80 {
  font-size: 80%;
}

.size-90 {
  font-size: 90%;
}

.size-110 {
  font-size: 110%;
}

.half-size {
  font-size: 50%;
}

.arrow-symbol {
  height: 0.7em;
}

.container {
  position: relative;
  margin: 0 auto;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  height: 100vh;
  background: url('img_bg.png') repeat center/auto;
  padding-top: calc(2.2rem + 46px);
  padding-bottom: 62px;
  min-width: 1280px;
}
.container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.container::-webkit-scrollbar {
  width: 8px;
}
.container::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.container::-webkit-scrollbar-track {
  background-color: transparent;
}
.container .wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  height: calc(100vh - 108px);
  min-height: 760px;
}
.container .wrapper.no-footer {
  height: unset;
}
.container .wrapper .rope {
  content: "";
  position: absolute;
  top: -60px;
  background: url('img_aside_rope.svg') no-repeat center/cover;
  height: 635px;
  width: 50px;
  margin-left: 610px;
  left: 50%;
  transform: translateX(-50%);
}
.container .wrapper .rope.movie {
  margin-left: 675px;
}
.container .wrapper .rope .up-arrow {
  position: absolute;
  left: 5px;
  bottom: 82px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 -20 140 140'%3E%3Cfilter id='f1' x='-10%25' y='-10%25' width='130%25' height='130%25'%3E%3CfeFlood flood-color='%23000' flood-opacity='0.8' result='floodOut'/%3E%3CfeComposite in='floodOut' in2='SourceAlpha' operator='in' result='shadow'/%3E%3CfeGaussianBlur in='shadow' stdDeviation='3' result='blurOut'/%3E%3CfeOffset in='blurOut' dx='0' dy='0' result='offsetBlurredShadow'/%3E%3CfeMerge%3E%3CfeMergeNode in='offsetBlurredShadow'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpolygon points='50,30 35,60 65,60' fill='%23ffcf4a' stroke='%23ffcf4a' stroke-width='3' filter='url(%23f1)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

.inner {
  max-width: 1280px;
  width: calc(100% - 40px);
  margin: 0 auto;
  height: 100%;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-width: 1292px;
  background-color: #fff;
  z-index: 200;
}
header.bookmark {
  z-index: 203;
}
header .header-bottom .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header-bottom .wrap h1.logo {
  padding-top: 2.8rem;
}
header .header-bottom .wrap h1.logo a {
  background: url('img_logo.png') no-repeat center/cover;
  width: 160px;
  height: 26px;
}
header .header-bottom .wrap .menu-box {
  display: flex;
  flex-direction: column; /* 메뉴를 세로로 배열 */
  width: 1067px;
}
header .header-bottom .wrap .menu-box nav {
  display: inline-flex;
  justify-content: flex-end;
}
header .header-bottom .wrap .menu-box nav.header-top-menu {
  display: inline-flex;
  align-items: center;
  padding-top: 5px;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-box {
  display: inline-flex;
  align-items: center;
  position: relative;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-box + .header-top-menu-btn {
  margin-left: 28px;
  position: relative;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-box + .header-top-menu-btn:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 8px;
  background-color: #BAC0CB;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box {
  position: absolute;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  top: 2rem;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #E5E5E5;
  z-index: 210;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box .sub-menu-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box .sub-menu-btn:hover .txt-box {
  text-decoration: underline;
  text-underline-position: under;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box .sub-menu-btn + .sub-menu-btn {
  margin-top: 16px;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box .sub-menu-btn .txt-box {
  font-size: 1.4rem;
  line-height: 2rem;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box .sub-menu-btn .txt-box:hover {
  cursor: pointer;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-sub-box .sub-menu-btn .num-box {
  margin-left: 9px;
  margin-top: 2px;
  background-color: #EEF0F8;
  display: inline-flex;
  justify-content: center;
  border-radius: 17px;
  align-items: center;
  color: #7D8791;
  font-size: 1.2rem;
  height: 1.8rem;
  width: 30px;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-btn {
  display: inline-flex;
  align-items: center;
  color: #272a2f;
  font-size: 1.2rem;
  line-height: 2.2rem;
  cursor: pointer;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-btn.on {
  font-weight: 600;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-btn + .header-top-menu-btn {
  margin-left: 28px;
  position: relative;
}
header .header-bottom .wrap .menu-box nav.header-top-menu .header-top-menu-btn + .header-top-menu-btn:after {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 8px;
  background-color: #BAC0CB;
}
header .header-bottom .wrap .menu-box nav.header-bottom-mnu {
  justify-content: space-between;
}
header .header-bottom .wrap .menu-box nav .nav-box {
  display: inline-flex;
  position: relative;
  height: 40px;
  padding-top: 3px;
  align-items: center;
}
header .header-bottom .wrap .menu-box nav .nav-box + .nav-box::before {
  content: "●";
  display: flex;
  justify-content: center; /* 가로 방향 중앙 정렬 */
  align-items: center; /* 세로 방향 중앙 정렬 */
  width: 23px;
  height: 100%; /* 세로 크기를 .nav-box와 동일하게 설정 */
  color: #ad4322;
  font-size: 5px;
}
header .header-bottom .wrap .menu-box nav .nav-box.on .nav-btn {
  font-weight: 600;
}
header .header-bottom .wrap .menu-box nav .nav-box.on .nav-btn .nav-txt:before {
  position: absolute;
  content: "";
  background: url('img_gnb_item.svg') no-repeat center/100% auto;
  width: 23px;
  height: 30px;
  right: -23px;
  bottom: 0;
}
header .header-bottom .wrap .menu-box nav .nav-box.on .nav-btn {
  font-weight: 600;
}
header .header-bottom .wrap .menu-box nav .nav-box.on .nav-btn .nav-txt:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  background: url('img_gnb_line.png') no-repeat center/100% 100%;
  height: 4px;
}
header .header-bottom .wrap .menu-box nav .nav-box .nav-btn {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  line-height: 2.1rem;
}
header .header-bottom .wrap .menu-box nav .nav-box .nav-btn.can-select {
  cursor: pointer;
}
header .header-bottom .wrap .menu-box nav .nav-box .nav-btn .nav-txt {
  position: relative;
  font-size: 16px;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-grow {
  flex-grow: 1;
}

app-back-btn {
  position: absolute;
  bottom: 110px;
  width: 50px;
  height: 50px;
  background-color: #d2562f;
  border: none;
  border-radius: 50%; /* 원형 디자인을 위해 50%로 설정 */
  display: flex; /* SVG 아이콘을 중앙에 위치시키기 위한 flexbox 사용 */
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1000;
  margin-left: 610px;
  left: 50%;
  transform: translateX(-50%);
}
app-back-btn.movie {
  margin-left: 675px;
}

app-back-btn:hover {
  background-color: #d06848;
}

.components-list {
  margin: 200px 0;
}
.components-list .components-box {
  margin: 0 auto;
  width: 800px;
  padding: 50px 100px;
  background-color: #f1f1f1;
}
.components-list .components-box + .components-box {
  margin-top: 50px;
}

.tooltip-target {
  position: relative;
  width: 100%;
  margin-right: 22px;
}

.help-contents-box {
  width: 800px;
  position: absolute;
  bottom: -10px;
  right: 170px;
  background-color: #fff;
  z-index: 202;
  border-radius: 10px;
}
.help-contents-box .help-contents-wrap {
  box-shadow: 0 3px 6px rgba(171, 171, 171, 0.16);
  border: 1px solid #ECD9BD;
  border-radius: 12px;
  position: relative;
}
.help-contents-box .help-contents-wrap .help-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url('ic_tooltip_close.svg') no-repeat center/cover;
  width: 1.2rem;
  height: 1.2rem;
  margin: 10px;
  cursor: pointer;
}
.help-contents-box .help-contents-wrap .help-head-box {
  padding: 15px 20px 15px;
  border-bottom: 1px dashed #ECD9BD;
}
.help-contents-box .help-contents-wrap .help-head-box .head-txt-box {
  font-size: 1.6rem;
  font-weight: 600;
  color: #4E4E4E;
}
.help-contents-box .help-contents-wrap .help-body-container {
  overflow-y: auto;
  height: 560px;
}
.help-contents-box .help-contents-wrap .help-body-box {
  padding: 12px 20px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box {
  padding: 10px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box + .help-item-box {
  margin-bottom: 10px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .item-subject-box {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8rem;
  color: #33373B;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .item-subject-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #33373B;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .item-con-box {
  padding-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #33373B;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box {
  display: flex;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-img-box {
  width: 50%;
  text-align: center;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-img-box img {
  width: 100%;
  max-width: 320px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box {
  width: 50%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  grid-gap: 1px; /* 셀 간의 간격 */
  border: 1px solid #f2f2f2;
  margin: 20px 10px 10px;
  /* 셀 */
  /* 헤더 */
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell {
  padding: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 0.5px solid #f2f2f2;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .left {
  text-align: left;
  padding: 0 15px;
  width: 100%;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-1 {
  width: 1.8rem;
  height: 1.3rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-1.seungjo-1 {
  background: url('ic_intonation_bottom.svg') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-1.seungjo-2 {
  background: url('ic_intonation_bottom2mid.svg') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-1.seungjo-3 {
  background: url('ic_intonation_mid.svg') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-1.seungjo-4 {
  background: url('ic_intonation_mid2bottom.svg') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-1.seungjo-5 {
  background: url('ic_intonation_top.svg') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-2 {
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 5px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-2.seungjo-1:before {
  position: relative;
  content: "1";
  bottom: 0.2rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-2.seungjo-2:before {
  position: relative;
  content: "2";
  bottom: 0.2rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-2.seungjo-3:before {
  position: relative;
  content: "3";
  bottom: 0.2rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-2.seungjo-4:before {
  position: relative;
  content: "4";
  bottom: 0.2rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-2.seungjo-5:before {
  position: relative;
  content: "5";
  bottom: 0.2rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-3 {
  width: 1.5rem;
  height: 1.5rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-3.seungjo-1 {
  background: url('ic_saseung_1.png') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-3.seungjo-2 {
  background: url('ic_saseung_2.png') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-3.seungjo-3 {
  background: url('ic_saseung_3.png') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-3.seungjo-4 {
  background: url('ic_saseung_4.png') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .cell .type-3.seungjo-5 {
  background: url('ic_saseung_5.png') no-repeat center/cover;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-content-box .help-saseung-box .header {
  background-color: #f2f2f2;
  font-size: 1.2rem;
  border: unset;
  display: block;
  align-content: center;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-top: 1.4rem;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box {
  width: 100%;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box .abbr-table1 {
  display: grid;
  grid-template-columns: 32px auto;
  grid-gap: 8px; /* 셀 간의 간격 */
  position: relative;
  margin-bottom: 8px;
}
html.large-mode .help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box .abbr-table1 .other-type-box {
  top: 2px;
}

.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box .abbr-table1 .other-type-box .other-type {
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(123, 88, 76);
  border-radius: 4px;
  color: rgb(123, 88, 76);
  font-size: 11px;
  height: 18px;
}
html.large-mode .help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box .abbr-table1 .other-type-box .other-type {
  height: 20px;
  font-size: 13px;
  padding: 0 2px 1px;
}

.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box .abbr-table1 .other-type-box .highlight {
  background: #D7DAB5;
  display: inline-flex;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-box .abbr-table1 .highlight2 {
  transform: skewX(-13deg);
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-table2 {
  display: grid;
  grid-template-columns: 3rem auto 3rem auto;
  grid-gap: 8px; /* 셀 간의 간격 */
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-table2 .key-box {
  font-size: 0;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-table2 .key-box .key-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  min-width: 20px;
  padding: 0 4px;
  margin: 1px 0;
  height: 20px;
  border-radius: 4px;
  background-color: rgb(233, 211, 204);
  color: rgb(123, 88, 76);
}
html.large-mode .help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .abbr-table2 .key-box .key-txt {
  min-width: 23px;
  font-size: 14px;
  height: 23px;
  margin: 2px 0;
}

.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .symbol {
  padding-right: 4px;
  align-content: center;
  text-align: center;
}
.help-contents-box .help-contents-wrap .help-body-box .help-item-box .help-ellipses-box .symbol-txt {
  align-content: center;
}
.help-contents-box .help-contents-wrap .help-body-box .help-number-box {
  padding-left: 10px;
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.1rem;
  color: #33373B;
}
.help-contents-box .help-contents-wrap .help-body-box .help-number-box .text-box {
  display: flex;
  width: 100%;
}
.help-contents-box .help-contents-wrap .help-body-box .help-number-box .text-box .text-body {
  flex: 1;
}
.help-contents-box .help-contents-wrap .help-body-box .help-number-box .seungjo-box {
  display: grid;
  grid-template-columns: 1fr 2.2fr;
}
.help-contents-box .help-contents-wrap .help-body-box .help-number-box + .help-number-box {
  margin-top: 20px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-img-box {
  width: 100%;
  text-align: center;
}
.help-contents-box .help-contents-wrap .help-body-box .help-img-box img {
  width: 100%;
  max-width: 320px;
}
.help-contents-box .help-contents-wrap .help-body-box .help-comment-box {
  position: relative;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  color: #33373B;
  padding-top: 12px;
}
.help-contents-box .help-contents-wrap .numbered {
  list-style-type: decimal;
  padding-left: 40px;
}
.help-contents-box .help-contents-wrap .help-foot-box {
  border-top: 1px dashed #ECD9BD;
  padding: 12px 20px 20px;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-msg-box {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding-bottom: 12px;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-menu-box {
  display: flex;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-menu-box .foot-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  height: 40px;
  width: 100%;
  color: #fff;
  font-size: 1.6rem;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-menu-box .foot-menu-btn + .foot-menu-btn {
  margin-left: 10px;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-menu-box .foot-menu-btn.type-0 {
  background-color: #816131;
  margin: 0 3rem;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-menu-box .foot-menu-btn.type-1 {
  background-color: #816131;
  margin: 0 1rem 0 10rem;
}
.help-contents-box .help-contents-wrap .help-foot-box .foot-menu-box .foot-menu-btn.type-2 {
  background-color: #3a424a;
  margin: 0 10rem 0 1rem;
}

app-pitch-help-popup.help-contents-box {
  width: 370px;
  position: absolute;
  bottom: 50px;
  right: 0;
  background-color: #fff;
  z-index: 202;
  border-radius: 10px;
}

article.keyword-layout .ff-miwon {
  font-family: "Ansungtangmyun";
}
article.keyword-layout.fc-green {
  color: #384440;
}
article.keyword-layout.link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(300%, -50%);
  background: url('img_meaning_arrow.svg') no-repeat center/cover;
  width: 0.5rem;
  height: 1rem;
}
article.keyword-layout.smaller .level-box {
  left: -8px;
}
article.keyword-layout.smaller .level-box .ic {
  background-repeat: space;
  background-position: center;
  background-size: 0.5rem 0.7rem;
}
article.keyword-layout.smaller .level-box .ic-level1 {
  background-image: url('ic_level_star.svg');
  width: 0.5rem;
  height: 0.7rem;
}
article.keyword-layout.smaller .level-box .ic-level2 {
  background-image: url('ic_level_star.svg');
  width: 0.5rem;
  height: 1.4rem;
}
article.keyword-layout.smaller .level-box .ic-level3 {
  background-image: url('ic_level_star.svg');
  width: 0.5rem;
  height: 2.1rem;
}
article.keyword-layout.smaller .row .cell {
  font-size: 1.6rem;
  width: 1.6rem;
  margin: 0 1px;
}
article.keyword-layout.smaller .row .cell.cn {
  font-size: 1.4rem;
  width: 1.4rem;
  margin: 0 1px -0.4rem 1px;
}
app-root.seungjo1 article.keyword-layout.smaller .row .cell .ic.ic-intonation-1 {
  background: url('ic_intonation_bottom.svg') no-repeat center/cover;
  width: 1rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.smaller .row .cell .ic.ic-intonation-2 {
  background: url('ic_intonation_bottom2mid.svg') no-repeat center/cover;
  width: 1rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.smaller .row .cell .ic.ic-intonation-3 {
  background: url('ic_intonation_mid.svg') no-repeat center/cover;
  width: 1rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.smaller .row .cell .ic.ic-intonation-4 {
  background: url('ic_intonation_mid2bottom.svg') no-repeat center/cover;
  width: 1rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.smaller .row .cell .ic.ic-intonation-5 {
  background: url('ic_intonation_top.svg') no-repeat center/cover;
  width: 1rem;
  height: 1rem;
}

app-root.seungjo2 article.keyword-layout.smaller .row .cell .ic.ic-intonation-1:before {
  position: relative;
  content: "1";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.4rem;
  bottom: -0.3rem;
}
app-root.seungjo2 article.keyword-layout.smaller .row .cell .ic.ic-intonation-2:before {
  position: relative;
  content: "2";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.4rem;
  bottom: -0.3rem;
}
app-root.seungjo2 article.keyword-layout.smaller .row .cell .ic.ic-intonation-3:before {
  position: relative;
  content: "3";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.4rem;
  bottom: -0.3rem;
}
app-root.seungjo2 article.keyword-layout.smaller .row .cell .ic.ic-intonation-4:before {
  position: relative;
  content: "4";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.4rem;
  bottom: -0.3rem;
}
app-root.seungjo2 article.keyword-layout.smaller .row .cell .ic.ic-intonation-5:before {
  position: relative;
  content: "5";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.4rem;
  bottom: -0.3rem;
}

app-root.seungjo3 article.keyword-layout.smaller .row .cell .ic.ic-intonation-1:before {
  position: relative;
  content: " ";
  background: #785c2d;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.smaller .row .cell .ic.ic-intonation-2:before {
  position: relative;
  content: " ";
  background: #71ae47;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.smaller .row .cell .ic.ic-intonation-3:before {
  position: relative;
  content: " ";
  background: #ecaf0a;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.smaller .row .cell .ic.ic-intonation-4:before {
  position: relative;
  content: " ";
  background: #f24710;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.smaller .row .cell .ic.ic-intonation-5:before {
  position: relative;
  content: " ";
  background: #00b1f1;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}

article.keyword-layout.small .row .cell {
  font-size: 1.8rem;
  width: 1.8rem;
  margin: 0 1px;
}
article.keyword-layout.small .row .cell.cn {
  font-size: 1.4rem;
  width: 1.4rem;
  margin: 0 1px -0.5rem 1px;
}
app-root.seungjo1 article.keyword-layout.small .row .cell .ic.ic-intonation-1 {
  background: url('ic_intonation_bottom.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.small .row .cell .ic.ic-intonation-2 {
  background: url('ic_intonation_bottom2mid.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.small .row .cell .ic.ic-intonation-3 {
  background: url('ic_intonation_mid.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.small .row .cell .ic.ic-intonation-4 {
  background: url('ic_intonation_mid2bottom.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout.small .row .cell .ic.ic-intonation-5 {
  background: url('ic_intonation_top.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}

app-root.seungjo2 article.keyword-layout.small .row .cell .ic.ic-intonation-1:before {
  position: relative;
  content: "1";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.2rem;
}
app-root.seungjo2 article.keyword-layout.small .row .cell .ic.ic-intonation-2:before {
  position: relative;
  content: "2";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.2rem;
}
app-root.seungjo2 article.keyword-layout.small .row .cell .ic.ic-intonation-3:before {
  position: relative;
  content: "3";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.2rem;
}
app-root.seungjo2 article.keyword-layout.small .row .cell .ic.ic-intonation-4:before {
  position: relative;
  content: "4";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.2rem;
}
app-root.seungjo2 article.keyword-layout.small .row .cell .ic.ic-intonation-5:before {
  position: relative;
  content: "5";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.2rem;
}

app-root.seungjo3 article.keyword-layout.small .row .cell .ic.ic-intonation-1:before {
  position: relative;
  content: " ";
  background: #785c2d;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.small .row .cell .ic.ic-intonation-2:before {
  position: relative;
  content: " ";
  background: #71ae47;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.small .row .cell .ic.ic-intonation-3:before {
  position: relative;
  content: " ";
  background: #ecaf0a;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.small .row .cell .ic.ic-intonation-4:before {
  position: relative;
  content: " ";
  background: #f24710;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}
app-root.seungjo3 article.keyword-layout.small .row .cell .ic.ic-intonation-5:before {
  position: relative;
  content: " ";
  background: #00b1f1;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.3rem;
}

article.keyword-layout.link {
  cursor: pointer;
}
article.keyword-layout .keyword-wrap {
  position: relative;
}
article.keyword-layout.full-word {
  padding-top: 4rem;
}
app-root.seungjo2 article.keyword-layout.full-word {
  padding-top: 3rem;
}

app-root.seungjo3 article.keyword-layout.full-word {
  padding-top: 3rem;
}

article.keyword-layout .level-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: -13px;
  bottom: 0;
}
article.keyword-layout .level-box .ic {
  background-repeat: space;
  background-position: center;
  background-image: url('ic_level_star.svg');
  width: 0.7rem; /* 별 이미지의 원래 크기에 맞게 설정 (7px → 0.7rem) */
}
article.keyword-layout .level-box .ic.ic-level1 {
  height: 0.7rem; /* 별 1개 (7px → 0.7rem) */
  background-size: 0.7rem 0.7rem;
  margin-bottom: 1rem;
}
article.keyword-layout .level-box .ic.ic-level2 {
  height: 1.4rem; /* 별 2개 (14px → 1.4rem) */
  background-size: 0.63rem 0.63rem; /* 크기를 약간 줄임 */
  margin-bottom: 0.4rem; /* (4px → 0.4rem) */
}
article.keyword-layout .level-box .ic.ic-level3 {
  height: 2.1rem; /* 별 3개 (21px → 2.1rem) */
  background-size: 0.56rem 0.56rem; /* 크기를 더 줄임 */
}
article.keyword-layout .level-box .ic.ic-level4 {
  height: 2.3rem; /* 별 4개 (23px → 2.3rem) */
  background-size: 0.49rem 0.49rem; /* 크기를 더욱 줄임 */
}
article.keyword-layout .level-box .ic.large {
  width: 10.5px; /* 0.7rem → 10.5px */
}
article.keyword-layout .level-box .ic.large.ic-level1 {
  height: 10.5px; /* 0.7rem → 10.5px */
  background-size: 10.5px 10.5px;
  margin-bottom: 15px; /* 1rem → 15px */
}
article.keyword-layout .level-box .ic.large.ic-level2 {
  height: 21px; /* 1.4rem → 21px */
  background-size: 9.45px 9.45px; /* 크기를 약간 줄임 */
  margin-bottom: 6px; /* 0.4rem → 6px */
}
article.keyword-layout .level-box .ic.large.ic-level3 {
  height: 31.5px; /* 2.1rem → 31.5px */
  background-size: 8.4px 8.4px; /* 크기를 더 줄임 */
}
article.keyword-layout .level-box .ic.large.ic-level4 {
  height: 34.5px; /* 2.3rem → 34.5px */
  background-size: 7.35px 7.35px; /* 크기를 더욱 줄임 */
}
article.keyword-layout .row {
  display: flex;
}
article.keyword-layout .row + .row {
  margin-top: 5px;
}
article.keyword-layout .row.top .cell.cn {
  font-size: 1rem;
  margin-bottom: 0;
}
article.keyword-layout .row.correct {
  display: flex;
  align-items: baseline;
}
article.keyword-layout .row .cell {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 2.1rem;
  font-weight: 600;
  font-size: 2.2rem;
  margin: 0 2px;
  line-height: 1;
}
article.keyword-layout .row .cell.middle {
  width: 1rem;
  margin: 0;
}
article.keyword-layout .row .cell.small {
  width: 0.4rem;
  margin: 0;
}
article.keyword-layout .row .cell.small.type-1:after {
  content: ":";
}
article.keyword-layout .row .cell.small.type-2:after {
  content: "";
  margin-top: -1.6rem;
  background: url('ic_symbol.svg') no-repeat center/cover;
  width: 0.25rem;
  height: 1rem;
}
article.keyword-layout .row .cell.cn {
  font-weight: 400;
  margin: 0 2px;
  font-size: 1.7rem;
  width: 1.5rem;
  margin-bottom: -0.6rem;
}
article.keyword-layout .row .cell.cn.p:before {
  content: "평";
  position: relative;
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.2rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.cn.p:before {
  bottom: -0.5rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.cn.p:before {
  bottom: -0.5rem;
}

article.keyword-layout .row .cell.cn.s:before {
  content: "상";
  position: relative;
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.2rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.cn.s:before {
  bottom: -0.5rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.cn.s:before {
  bottom: -0.5rem;
}

article.keyword-layout .row .cell.cn.g:before {
  content: "거";
  position: relative;
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.2rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.cn.g:before {
  bottom: -0.5rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.cn.g:before {
  bottom: -0.5rem;
}

article.keyword-layout .row .cell.cn.i:before {
  content: "입";
  position: relative;
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.2rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.cn.i:before {
  bottom: -0.5rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.cn.i:before {
  bottom: -0.5rem;
}

article.keyword-layout .row .cell.cn.k:before {
  content: "";
  position: relative;
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.2rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.cn.k:before {
  bottom: -0.5rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.cn.k:before {
  bottom: -0.5rem;
}

article.keyword-layout .row .cell.cn.b:before {
  content: "";
  position: relative;
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.2rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.cn.b:before {
  bottom: -0.5rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.cn.b:before {
  bottom: -0.5rem;
}

article.keyword-layout .row .cell.highlight {
  background: #D7DAB5;
}
article.keyword-layout .row .cell.highlight2 {
  transform: skewX(-13deg);
}
app-root.seungjo1 article.keyword-layout .row .cell .ic.ic-intonation-1 {
  background: url('ic_intonation_bottom.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout .row .cell .ic.ic-intonation-2 {
  background: url('ic_intonation_bottom2mid.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout .row .cell .ic.ic-intonation-3 {
  background: url('ic_intonation_mid.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout .row .cell .ic.ic-intonation-4 {
  background: url('ic_intonation_mid2bottom.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}
app-root.seungjo1 article.keyword-layout .row .cell .ic.ic-intonation-5 {
  background: url('ic_intonation_top.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1rem;
}

app-root.seungjo2 article.keyword-layout .row .cell .ic.ic-intonation-1:before {
  position: relative;
  content: "1";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.1rem;
}
app-root.seungjo2 article.keyword-layout .row .cell .ic.ic-intonation-2:before {
  position: relative;
  content: "2";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.1rem;
}
app-root.seungjo2 article.keyword-layout .row .cell .ic.ic-intonation-3:before {
  position: relative;
  content: "3";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.1rem;
}
app-root.seungjo2 article.keyword-layout .row .cell .ic.ic-intonation-4:before {
  position: relative;
  content: "4";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.1rem;
}
app-root.seungjo2 article.keyword-layout .row .cell .ic.ic-intonation-5:before {
  position: relative;
  content: "5";
  width: 1.4rem;
  height: 1rem;
  display: inline-flex;
  text-align: center;
  font-size: 1rem;
  left: 0.3rem;
  bottom: -0.1rem;
}

app-root.seungjo3 article.keyword-layout .row .cell .ic.ic-intonation-1:before {
  position: relative;
  content: " ";
  background: #785c2d;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.2rem;
}
app-root.seungjo3 article.keyword-layout .row .cell .ic.ic-intonation-2:before {
  position: relative;
  content: " ";
  background: #71ae47;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.2rem;
}
app-root.seungjo3 article.keyword-layout .row .cell .ic.ic-intonation-3:before {
  position: relative;
  content: " ";
  background: #ecaf0a;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.2rem;
}
app-root.seungjo3 article.keyword-layout .row .cell .ic.ic-intonation-4:before {
  position: relative;
  content: " ";
  background: #f24710;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.2rem;
}
app-root.seungjo3 article.keyword-layout .row .cell .ic.ic-intonation-5:before {
  position: relative;
  content: " ";
  background: #00b1f1;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  bottom: -0.2rem;
}

article.keyword-layout .row .cell.idx-homonym {
  font-size: 1.2rem;
  width: 0.6rem;
  margin-top: -0.8rem;
  justify-content: normal;
}
article.keyword-layout .row .cell.arrow {
  padding: 1rem 1rem 1rem 3rem;
}
article.keyword-layout .row .cell.correct {
  width: unset;
}
article.keyword-layout .row .cell.large {
  width: 3.5rem;
  font-size: 3.6rem;
}
article.keyword-layout .row .cell.large.middle {
  width: 1.8rem;
}
article.keyword-layout .row .cell.large.small {
  width: 9px;
}
article.keyword-layout .row .cell.large.small.type-2:after {
  margin-top: -26px;
  width: 4px;
  height: 1.7rem;
}
article.keyword-layout .row .cell.large.cn {
  font-size: 2.8rem;
  width: 2.5rem;
  margin-bottom: -1rem;
}
article.keyword-layout .row .cell.large.cn.p:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
  bottom: 4px;
}
app-root.seungjo2 article.keyword-layout .row .cell.large.cn.p:before {
  bottom: -3px;
}

app-root.seungjo3 article.keyword-layout .row .cell.large.cn.p:before {
  bottom: -3px;
}

article.keyword-layout .row .cell.large.cn.s:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
  bottom: 4px;
}
app-root.seungjo2 article.keyword-layout .row .cell.large.cn.s:before {
  bottom: -3px;
}

app-root.seungjo3 article.keyword-layout .row .cell.large.cn.s:before {
  bottom: -3px;
}

article.keyword-layout .row .cell.large.cn.g:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
  bottom: 4px;
}
app-root.seungjo2 article.keyword-layout .row .cell.large.cn.g:before {
  bottom: -3px;
}

app-root.seungjo3 article.keyword-layout .row .cell.large.cn.g:before {
  bottom: -3px;
}

article.keyword-layout .row .cell.large.cn.i:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
  bottom: 4px;
}
app-root.seungjo2 article.keyword-layout .row .cell.large.cn.i:before {
  bottom: -3px;
}

app-root.seungjo3 article.keyword-layout .row .cell.large.cn.i:before {
  bottom: -3px;
}

article.keyword-layout .row .cell.large.cn.k:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
  bottom: 4px;
}
app-root.seungjo2 article.keyword-layout .row .cell.large.cn.k:before {
  bottom: -3px;
}

app-root.seungjo3 article.keyword-layout .row .cell.large.cn.k:before {
  bottom: -3px;
}

article.keyword-layout .row .cell.large.cn.b:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
  bottom: 4px;
}
app-root.seungjo2 article.keyword-layout .row .cell.large.cn.b:before {
  bottom: -3px;
}

app-root.seungjo3 article.keyword-layout .row .cell.large.cn.b:before {
  bottom: -3px;
}

app-root.seungjo1 article.keyword-layout .row .cell.large .ic.ic-intonation-1 {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo1 article.keyword-layout .row .cell.large .ic.ic-intonation-2 {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo1 article.keyword-layout .row .cell.large .ic.ic-intonation-3 {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo1 article.keyword-layout .row .cell.large .ic.ic-intonation-4 {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo1 article.keyword-layout .row .cell.large .ic.ic-intonation-5 {
  width: 2.4rem;
  height: 1.7rem;
}

app-root.seungjo2 article.keyword-layout .row .cell.large .ic.ic-intonation-1:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.large .ic.ic-intonation-2:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.large .ic.ic-intonation-3:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.large .ic.ic-intonation-4:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
}
app-root.seungjo2 article.keyword-layout .row .cell.large .ic.ic-intonation-5:before {
  width: 2.4rem;
  height: 1.7rem;
  font-size: 1.7rem;
}

app-root.seungjo3 article.keyword-layout .row .cell.large .ic.ic-intonation-1:before {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo3 article.keyword-layout .row .cell.large .ic.ic-intonation-2:before {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo3 article.keyword-layout .row .cell.large .ic.ic-intonation-3:before {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo3 article.keyword-layout .row .cell.large .ic.ic-intonation-4:before {
  width: 2.4rem;
  height: 1.7rem;
}
app-root.seungjo3 article.keyword-layout .row .cell.large .ic.ic-intonation-5:before {
  width: 2.4rem;
  height: 1.7rem;
}

article.keyword-layout .row .cell.large.idx-homonym {
  font-size: 20px;
  width: 10px;
  margin-top: -13px;
}
article.keyword-layout .row .cell.large.arrow {
  font-size: 30px;
  padding-left: 42px;
}
article.keyword-layout .row .cell.large.correct {
  font-size: 30px;
  width: unset;
  margin-top: 10px;
  padding: 6px 12px;
  border: 1px solid #EEE8DF;
  background: #fefbf7;
  border-radius: 7px;
}

article.speak-layout1 .listen-contents-box {
  position: fixed;
  z-index: 300;
  width: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap {
  background-color: #fff;
  cursor: default;
  box-shadow: 0 3px 6px rgba(171, 171, 171, 0.16);
  border: 1px solid #ECD9BD;
  border-radius: 12px;
  position: relative;
  padding: 46px 35px 30px;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url('ic_tooltip_close.svg') no-repeat center/cover;
  width: 1.2rem;
  height: 1.2rem;
  margin: 10px;
  cursor: pointer;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box {
  padding-left: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn + .option-btn {
  margin-left: 8px;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn.type-1 {
  background-color: #f85a48;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn.type-1:hover {
  background-color: #A23512;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn.type-2 {
  background-color: #533e1f;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn.type-2:hover {
  background-color: #A23512;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/cover;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn .ic-listen.ing {
  background: url('loading_icon.gif') no-repeat center/cover;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn .ic-speak {
  background: url('btn_voice.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-head-box .option-box .option-btn .ic-speak.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-body-box {
  padding-top: 29px;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-body-box .listen-view-box + .listen-view-box {
  margin-top: 30px;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-body-box .listen-view-box .view-tit-box {
  padding-bottom: 10px;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #33373B;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-body-box .listen-view-box .view-con-box {
  background-color: #f8f8f8;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-body-box .listen-view-box .view-con-box .wave_box {
  display: block;
  width: 100%;
  height: 150px;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  position: relative;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box .listen-foot-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  background: url('ic_listen_record.svg') no-repeat center/cover;
  cursor: pointer;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box .listen-foot-btn.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box .listen-foot-btn.ing {
  background: url('loading_icon.gif') no-repeat center;
  background-size: contain;
  border-radius: 50%;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box .listen-foot-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box .reset-btn-box {
  position: absolute;
  right: 30px;
  top: 65%;
  transform: translateY(-50%);
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-foot-box .reset-btn-box .reset-btn {
  position: relative;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 11px 12px 11px 11px;
  background-color: rgb(58, 66, 74);
  font-weight: 400;
  color: #fff;
  border-radius: 22px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-family: "NotoSansKR";
  margin-bottom: -3px;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-not-ready-box .txt {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
article.speak-layout1 .listen-contents-box .listen-contents-wrap .listen-not-ready-box .img-box {
  height: 300px;
  margin: 1.5rem 0;
  background: url('img_girl.png') no-repeat center/auto 100%;
}

section.main .main-intro-box {
  max-width: 860px;
  margin: 0 auto;
  padding: 24px 0 14px;
}
section.main .main-intro-box .subject-box {
  color: #fff;
  padding-bottom: 7px;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 3.33rem;
}
section.main .main-intro-box .sub-box {
  padding-bottom: 13px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.1rem;
}
section.main .main-menu-box {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
}
section.main .main-menu-box img {
  max-width: 100%;
  width: 100%;
}
section.main .main-menu-box .menu-btn-box {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: "Ansungtangmyun";
  font-weight: 700;
  text-align: center;
  border: 4px solid #000;
}
section.main .main-menu-box .menu-btn-box .biggest {
  font-size: 3rem;
  line-height: 3.6rem;
}
section.main .main-menu-box .menu-btn-box .big2 {
  font-size: 2.4rem;
  line-height: 3rem;
}
section.main .main-menu-box .menu-btn-box .big1 {
  font-size: 2.2rem;
  line-height: 3rem;
}
section.main .main-menu-box .menu-btn-box .big {
  font-size: 2rem;
  line-height: 2.4rem;
}
section.main .main-menu-box .menu-btn-box.item1 {
  position: absolute;
  left: 10px;
  top: 169px;
  width: 141px;
  height: 126px;
  background-color: #e8ae5b;
}
section.main .main-menu-box .menu-btn-box.item2 {
  position: absolute;
  left: 158px;
  top: 11px;
  width: 138px;
  height: 193px;
  background-color: #657282;
}
section.main .main-menu-box .menu-btn-box.item3 {
  position: absolute;
  left: 301px;
  top: 143px;
  width: 140px;
  height: 159px;
  background-color: #73608b;
}
section.main .main-menu-box .menu-btn-box.item4 {
  position: absolute;
  left: 445px;
  top: 9px;
  width: 140px;
  height: 194px;
  background-color: #ad4322;
}
section.main .main-menu-box .menu-btn-box.item5 {
  position: absolute;
  left: 445px;
  top: 318px;
  width: 140px;
  height: 124px;
  background-color: #3f724a;
}
section.main .main-menu-box .menu-btn-box.item6 {
  position: absolute;
  left: 589px;
  top: 9px;
  width: 132px;
  height: 132px;
  background-color: #3f6c75;
}
section.main .main-menu-box .menu-btn-box.item7 {
  position: absolute;
  left: 721px;
  top: 127px;
  width: 132px;
  height: 191px;
  background-color: #CE8462;
}
section.main .main-menu-box .menu-btn-box.item8 {
  position: absolute;
  left: 158px;
  top: 359px;
  width: 138px;
  height: 83px;
  background-color: #839941;
}
section.main .main-menu-box .menu-btn-box.item9 {
  position: absolute;
  left: 589px;
  top: 144px;
  width: 131px;
  height: 130px;
  background-color: #58273e;
}
section.main .bush {
  position: absolute;
  background: url('img_main_bottom_bushes.svg') 0 0/100% 200%;
  left: calc(50% - 8px);
  transform: translateX(-50%);
  width: 1553px;
  height: 203px;
  z-index: 11;
  bottom: 0px;
  pointer-events: none;
}
section.main .boy_girl {
  position: absolute;
  background: url('img_main_bottom_boy_girl.svg') no-repeat center/100% 100%;
  left: calc(50% - 14px);
  transform: translateX(-50%);
  width: 1553px;
  height: 406px;
  z-index: 10;
  bottom: -51px;
  pointer-events: none;
}

article.total-search-form {
  position: relative;
}
article.total-search-form .search-recently-box {
  position: relative;
  margin-left: 140px;
  margin-bottom: 8px;
}
article.total-search-form .search-recently-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* 그라디언트의 너비를 조절하세요 */
  background: linear-gradient(to right, rgba(65, 81, 66, 0), rgb(65, 81, 66));
  pointer-events: none;
}
article.total-search-form .search-recently-box .scroll-content {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
}
article.total-search-form .search-recently-box .scroll-content .label-box {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.8rem;
  height: 36px;
  display: inline-flex;
  align-items: center;
  padding-right: 20px;
}
article.total-search-form .search-recently-box .scroll-content .list-box {
  min-width: 0;
  flex: 1;
  height: 44px;
  position: relative;
  display: inline-flex;
}
article.total-search-form .search-recently-box .scroll-content .list-box .item-box {
  margin: 4px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.2rem;
  background: transparent url('img_keyword_bg.svg') no-repeat center/100%;
  cursor: pointer;
  min-width: 70px;
}
article.total-search-form .search-recently-box .scroll-content .list-box .item-box.arrow {
  cursor: unset;
}
article.total-search-form .search-recently-box .scroll-content .list-box .item-box .keyword-box {
  font-weight: 600;
  font-size: 1.4rem;
  color: #3B3F4B;
}
article.total-search-form .search-recently-box .scroll-content .list-box .item-box .keyword-remove-btn {
  background: url('ic_keyword_remove.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
article.total-search-form .search-recently-box .scroll-content .list-box .item-box .keyword-arrow {
  background: url('ic_arrow_right.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
article.total-search-form .search-box {
  position: relative;
  background: transparent url('img_search_bg.png') no-repeat center/100% 100%;
  margin-bottom: 4px;
}
article.total-search-form .search-box.tiger:after {
  content: "";
  position: absolute;
  right: 40px;
  top: -53px;
  background: url('img_searchbar_charactor0.gif') no-repeat center/cover;
  width: 70px;
  height: 70px;
  z-index: 198;
  pointer-events: none;
}
article.total-search-form .search-box.tiger.top {
  z-index: 202;
}
article.total-search-form .search-box.tiger.ani1:after {
  background: url('img_searchbar_charactor1.gif') no-repeat center/cover;
}
article.total-search-form .search-box.tiger.ani2:after {
  background: url('img_searchbar_charactor2.gif') no-repeat center/cover;
}
article.total-search-form .search-box.tiger.ani3:after {
  background: url('img_searchbar_charactor3.gif') no-repeat center/cover;
}
article.total-search-form .search-box input {
  height: 49px;
  outline: none;
  width: 100%;
  padding: 2px 30px 0;
  font-size: 2.5rem;
  background: transparent;
}
article.total-search-form .search-box input::placeholder {
  color: #989898;
}
article.total-search-form .search-box .clear-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: url('btn_detail_x.svg') no-repeat center/cover;
  width: 30px;
  height: 30px;
  display: inline-block;
}
article.total-search-form.type-other .search-box {
  z-index: 199;
}
article.total-search-form.type-other .search-box .search-msg-box {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  white-space: nowrap;
  padding: 0 1.8rem;
  position: absolute;
  background-color: #171921;
  border-radius: 50px;
  color: #AEB0B9;
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 700;
  left: 135px;
  bottom: 75px;
  pointer-events: none;
}
html.large-mode article.total-search-form.type-other .search-box .search-msg-box {
  font-size: 18px;
  line-height: 21px;
}

article.total-search-form.type-other .search-box .search-msg-box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: url('ic_msg_tail.svg') no-repeat center/cover;
  width: 13px;
  height: 12px;
}
article.total-search-form.type-other .search-box input {
  position: relative;
}
article.total-search-form.type-other .search-box input::placeholder {
  font-family: "Ansungtangmyun";
}
article.total-search-form.type-other:after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 6px;
  right: auto;
  top: auto;
  background: url('img_search_other.svg') no-repeat center/cover;
  width: 116px;
  height: 114px;
  z-index: 198;
  pointer-events: none;
}
article.total-search-form.type-other.top:after {
  z-index: 201;
}
article.total-search-form.type-other.top .search-box {
  z-index: 202;
}

article.schedule-table {
  width: 100%;
  padding-top: 1rem;
}
article.schedule-table .table-wrap {
  position: relative;
  display: flex;
  max-height: 715px;
  width: 100%;
}
article.schedule-table .table-wrap .word-list {
  padding: 15px 8px 0 8px;
  display: flex;
  flex-flow: row wrap;
  margin: -12px -12px -12px 0;
  width: 100%;
  overflow-y: auto;
  background: url('img_summary_bg.png') local top right/100%;
  z-index: 1;
}
article.schedule-table .table-wrap .word-list .reload-icon {
  width: 100%;
  justify-content: center;
  display: flex;
  margin: 35px 0;
}
article.schedule-table .table-wrap .word-list .reload-icon img {
  width: 42px;
  height: 42px;
}
article.schedule-table .table-wrap .word-list .word-box {
  width: calc(20% - 24px);
  margin: 12px 12px 11.7px 12px;
  height: 57.7px;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 18px;
  font-size: 2.6rem;
  font-family: "Ansungtangmyun";
  background-image: url('jagae.jpg');
  background-size: 300%;
  background-position: -10.0642px center;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  -webkit-text-stroke: 1px #000000;
}
article.schedule-table .table-wrap .word-list .word-box:after {
  content: attr(data-text);
  position: absolute;
  background-image: none;
  -webkit-text-stroke: 0px #000000;
  text-shadow: 2px 3px 12px rgba(0, 0, 0, 0.8);
  z-index: -1;
}
article.schedule-table .table-wrap .word-list .word-box:hover {
  cursor: pointer;
}
article.schedule-table .table-wrap .word-list.scrollbar .word-box {
  margin: 18px 12px 4.35px 12px;
}
article.schedule-table .table-wrap .word-list > * {
  margin: 0;
}
article.schedule-table .no-result-box {
  display: flex;
  height: 100%;
  align-items: center;
  background: url('img_schedule_list_bg.png') no-repeat center/100% 100%;
}
article.schedule-table .no-result-box .no-result {
  justify-content: center;
  display: block;
  margin-top: 8px;
  line-height: 1.8rem;
  width: 100%;
  flex: 1;
}
article.schedule-table .no-result-box .no-result .no-result-img {
  background: url('img_girl.png') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
article.schedule-table .no-result-box .no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
  color: #384440;
}
html.large-mode article.schedule-table .no-result-box .no-result .no-result-txt {
  font-size: 2.2rem;
}

article.schedule-navigation {
  padding-bottom: 10px;
}
article.schedule-navigation .list-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
article.schedule-navigation .list-box .navi-btn {
  font-family: "Ansungtangmyun";
  font-size: 2rem;
  line-height: 2.7rem;
  color: #72857F;
}
article.schedule-navigation .list-box .navi-btn.on {
  color: #E1CC9D;
}
article.schedule-navigation .list-box .navi-btn:hover {
  cursor: pointer;
}
article.schedule-navigation .list-box .navi-btn.main {
  color: #867566;
}
article.schedule-navigation .list-box .navi-btn.return {
  background: url('ic_arrow_return_saseung.svg') no-repeat center/100% 100%;
  width: 2.8rem;
}

section.schedule {
  padding: 18px 0 10px;
  height: 100%;
}
section.schedule .wrap {
  padding-left: 60px;
  display: flex;
}
section.schedule .schedule-hanja {
  padding-top: calc(48px - 2.7rem);
}
section.schedule .schedule-hanja .schedule-table {
  padding-top: 5px;
  width: 420px;
  flex-grow: 1;
}
section.schedule .schedule-contents {
  width: 590px;
  margin-left: 90px;
  position: relative;
}
section.schedule .schedule-contents .schedule-search-box {
  padding-bottom: 14px;
}
section.schedule .schedule-contents .schedule-list-box {
  padding: 15px;
  height: 655px;
  min-height: 577px;
  background: url('img_schedule_list_bg.png') no-repeat center/100% 100%;
  flex-grow: 1;
}
section.schedule .schedule-contents .schedule-list-box .list-wrap {
  display: flex;
  flex-direction: column;
  padding: 0 13px;
  height: 100%;
  border: 1px solid rgba(56, 70, 65, 0.2);
}
section.schedule .schedule-contents .schedule-list-box .list-wrap .list-tit-box {
  height: 70px;
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-family: "Ansungtangmyun", "Jigmo";
  font-weight: 900;
  color: #384440;
  padding-left: 1rem;
  padding-top: 2rem;
}
section.schedule .schedule-contents .schedule-list-box ul {
  overflow-y: auto;
  padding-right: 11px;
  flex: 1;
  padding-top: 1.5rem;
}
section.schedule .schedule-contents .schedule-list-box ul li + li {
  margin-top: 1px;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box {
  padding: 18px;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .cn-box {
  font-weight: 600;
  font-size: 3rem;
  line-height: 3.2rem;
  color: #384440;
  margin-top: -2px;
  font-family: "Jigmo", "Noto Sans KR";
  min-width: 7rem;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .cn-box .sub {
  font-size: 80%;
  line-height: 80%;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .cn-box .selected {
  background: #dddddd;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box {
  display: inline-flex;
  flex-direction: column;
  margin-left: 0.5rem;
  flex: 1;
  max-width: calc(100% - 7rem);
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .row-box {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .row-box + .row-box {
  margin-top: 4px;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .label-box {
  margin-right: 6px;
  width: 4rem;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .label-box .label-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') no-repeat center/cover;
  padding: 1rem 0.5rem;
  height: 20px;
  color: #533E1F;
  font-size: 1.2rem;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .kr-box {
  font-size: 1.6rem;
  line-height: 2.2rem;
  max-width: calc(100% - 4rem - 6px);
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .kr-box .kr-content {
  display: inline;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .kr-box .kr-content a {
  background-color: rgba(154, 121, 71, 0.1254901961);
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .kr-box .kr-content a:link.hunlink:hover,
section.schedule .schedule-contents .schedule-list-box ul li .item-box .info-box .kr-box .kr-content a:visited.hunlink:hover {
  color: white;
  background-color: #9a7947;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .reload-icon {
  width: 100%;
  justify-content: center;
  display: flex;
  margin-top: 8px;
}
section.schedule .schedule-contents .schedule-list-box ul li .item-box .reload-icon img {
  width: 42px;
  height: 42px;
}
section.schedule .schedule-contents .schedule-list-box ul li.no-result {
  justify-content: center;
  display: block;
  line-height: 1.8rem;
  color: #384440;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: unset;
}
section.schedule .schedule-contents .schedule-list-box ul li.no-result .no-result-img {
  background: url('img_girl.png') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
section.schedule .schedule-contents .schedule-list-box ul li.no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
}
html.large-mode section.schedule .schedule-contents .schedule-list-box ul li.no-result .no-result-txt {
  font-size: 2.2rem;
}

section.schedule .schedule-contents aside.page-help-box {
  position: absolute;
  right: 45px;
  bottom: 30px;
  z-index: 200;
}
section.schedule .schedule-contents aside.page-help-box .page-help-btn {
  background-color: #3B3F4B;
  border: 2px solid #565C70;
  border-radius: 22px;
  height: 44px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.schedule .schedule-contents aside.page-help-box .page-help-btn:hover {
  cursor: pointer;
}
section.schedule .schedule-contents aside.page-help-box .page-help-btn .ic-help {
  background: url('ic_help.svg') no-repeat center/cover;
  width: 2.4rem;
  height: 2.16rem;
  margin-right: 0.5rem;
}
section.schedule .schedule-contents aside.page-help-box .page-help-btn .txt {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-family: "NotoSansKR";
}

section.search-all {
  padding: 18px 0 35px;
  height: 100%;
}
section.search-all .wrap {
  display: flex;
}
section.search-all .all-map-box {
  margin-left: -40px;
  margin-top: -10px;
  padding-top: 50px;
}
section.search-all .all-map-box .map-bg-box {
  background: url('img_all_map.png') no-repeat center/cover;
  width: 760px;
  height: 800px;
  position: relative;
}
section.search-all .all-map-box .map-bg-box .zoom-map {
  position: absolute;
  left: 145px;
  top: 91px;
  width: 451px;
  height: 594px;
}
section.search-all .all-map-box .map-bg-box .zoom-map.type-1 {
  background: url('img_map_chungcheong.png') no-repeat center/cover;
}
section.search-all .all-map-box .map-bg-box .zoom-map.type-2 {
  background: url('img_map_gangwon.png') no-repeat center/cover;
}
section.search-all .all-map-box .map-bg-box .zoom-map.type-4 {
  background: url('img_map_gyeongsang.png') no-repeat center/cover;
}
section.search-all .all-map-box .map-bg-box .zoom-map.type-5 {
  background: url('img_map_jeju.png') no-repeat center/cover;
}
section.search-all .all-map-box .map-bg-box .zoom-map.type-6 {
  background: url('img_map_jeonla.png') no-repeat center/cover;
}
section.search-all .all-map-box .map-item-label {
  position: absolute;
  width: 52px;
  height: 35px;
  font-family: "Ansungtangmyun";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  transform: translateX(-50%);
}
section.search-all .all-map-box .map-item-label.type-1 {
  left: 316px;
  bottom: 455px;
  text-shadow: 0 0 1px black, 0 0 2px #427dc1, 0 0 5px #427dc1; /* 수평 거리, 수직 거리, 흐림 정도, 색상 */
  cursor: pointer;
}
section.search-all .all-map-box .map-item-label.type-2 {
  left: 426px;
  top: 165px;
  text-shadow: 0 0 1px black, 0 0 2px #816131, 0 0 5px #816131; /* 수평 거리, 수직 거리, 흐림 정도, 색상 */
  cursor: pointer;
}
section.search-all .all-map-box .map-item-label.type-3 {
  left: 259px;
  top: 186px;
  text-shadow: 0 0 1px black, 0 0 2px #4bb0c2, 0 0 5px #4bb0c2; /* 수평 거리, 수직 거리, 흐림 정도, 색상 */
  cursor: pointer;
}
section.search-all .all-map-box .map-item-label.type-4 {
  right: 236px;
  bottom: 395px;
  text-shadow: 0 0 1px black, 0 0 2px #8f50ab, 0 0 5px #8f50ab; /* 수평 거리, 수직 거리, 흐림 정도, 색상 */
  cursor: pointer;
}
section.search-all .all-map-box .map-item-label.type-5 {
  left: 271px;
  bottom: 144px;
  text-shadow: 0 0 1px black, 0 0 2px #ff961c, 0 0 5px #ff961c; /* 수평 거리, 수직 거리, 흐림 정도, 색상 */
  cursor: pointer;
}
section.search-all .all-map-box .map-item-label.type-6 {
  left: 301px;
  bottom: 309px;
  text-shadow: 0 0 1px black, 0 0 2px #3fa783, 0 0 5px #3fa783; /* 수평 거리, 수직 거리, 흐림 정도, 색상 */
  cursor: pointer;
}
section.search-all .all-map-box .map-item-box {
  position: absolute;
  width: 64px;
  height: 35px;
  font-family: "Ansungtangmyun";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  border: 2px solid #fff;
  transform: translateX(-50%);
}
section.search-all .all-map-box .map-item-box img {
  margin-left: 3px;
}
section.search-all .all-map-box .map-item-box.region {
  width: unset;
  height: 40px;
  cursor: pointer;
  font-size: 18px;
}
section.search-all .all-map-box .map-item-box.region:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid transparent;
  z-index: 11;
}
section.search-all .all-map-box .map-item-box.region:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #fff;
  z-index: 10;
}
section.search-all .all-map-box .map-item-box.off {
  border: 2px solid #A5A5A5 !important;
  color: #707070 !important;
  background-color: #D8D8D8 !important;
}
section.search-all .all-map-box .map-item-box.off:before {
  border-top-color: #D8D8D8 !important;
}
section.search-all .all-map-box .map-item-box.off:after {
  border-top-color: #A5A5A5 !important;
}
section.search-all .all-map-box .map-item-box.type-0 {
  border: 0;
  right: 160px;
  bottom: 126px;
  background: url('img_map_btn_all.png') no-repeat center/cover;
  min-width: 184px;
  width: auto;
  height: 64.5px;
  padding: 0 34.5px;
  white-space: nowrap;
  cursor: pointer;
  transform: unset;
}
section.search-all .all-map-box .map-item-box.type-0:before, section.search-all .all-map-box .map-item-box.type-0:after {
  display: none;
}
section.search-all .all-map-box .map-item-box.type-0 .ic-place {
  background: url('img_map_btn_place.svg') no-repeat center/cover;
  width: 1.4rem;
  height: 1.9rem;
  margin-right: 0.5rem;
  margin-top: -0.2rem;
}
section.search-all .all-map-box .map-item-box.type-0 .txt {
  margin-top: -0.2rem;
  color: #4E4E4E;
  margin-bottom: 5px;
}
section.search-all .all-map-box .map-item-box.region-1 {
  left: 364px;
  top: 301px;
}
section.search-all .all-map-box .map-item-box.region-2 {
  left: 408px;
  bottom: 459px;
}
section.search-all .all-map-box .map-item-box.region-3 {
  left: 358px;
  bottom: 268px;
}
section.search-all .all-map-box .map-item-box.region-4 {
  left: 394px;
  bottom: 483px;
}
section.search-all .all-map-box .map-item-box.region-5 {
  left: 357px;
  bottom: 310px;
}
section.search-all .all-map-box .map-item-box.region-6 {
  left: 369px;
  bottom: 324px;
}
section.search-all .all-map-box .map-item-box.region-7 {
  left: 454px;
  top: 344px;
}
section.search-all .all-map-box .map-item-box.region-8 {
  left: 280px;
  top: 397px;
}
section.search-all .all-map-box .map-item-box.type-1 {
  background-color: #427dc1;
}
section.search-all .all-map-box .map-item-box.type-2 {
  background-color: #816131;
}
section.search-all .all-map-box .map-item-box.type-3 {
  background-color: #4bb0c2;
}
section.search-all .all-map-box .map-item-box.type-4 {
  background-color: #8f50ab;
}
section.search-all .all-map-box .map-item-box.type-5 {
  background-color: #ff961c;
}
section.search-all .all-map-box .map-item-box.type-6 {
  background-color: #3fa783;
}
section.search-all .all-map-box .map-item-box.city-1 {
  left: 477px;
  top: 305px;
}
section.search-all .all-map-box .map-item-box.city-2 {
  left: 374px;
  bottom: 388px;
}
section.search-all .all-map-box .map-item-box.city-3 {
  left: 461px;
  bottom: 247px;
}
section.search-all .all-map-box .map-item-box.city-4 {
  left: 489px;
  bottom: 404px;
}
section.search-all .all-map-box .map-item-box.city-5 {
  left: 260px;
  bottom: 209px;
}
section.search-all .all-map-box .map-item-box.city-6 {
  left: 373px;
  bottom: 380px;
}
section.search-all .all-map-box .map-item-box.city-7 {
  left: 419px;
  bottom: 534px;
}
section.search-all .all-map-box .map-item-box.city-8 {
  left: 378px;
  top: 450px;
}
section.search-all .all-map-box .map-item-box.city-9 {
  left: 195px;
  top: 345px;
}
section.search-all .all-map-box .map-item-box.city-10 {
  left: 502px;
  top: 287px;
}
section.search-all .all-contents-box {
  width: 460px;
}
section.search-all .all-contents-box .all-search-box .search-recently-box {
  position: relative;
  margin-right: 120px;
  margin-bottom: 8px;
}
section.search-all .all-contents-box .all-search-box .search-recently-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* 그라디언트의 너비를 조절하세요 */
  background: linear-gradient(to right, rgba(65, 81, 66, 0), rgb(65, 81, 66));
  pointer-events: none;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .label-box {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.8rem;
  height: 36px;
  display: inline-flex;
  align-items: center;
  padding-right: 20px;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .list-box {
  min-width: 0;
  flex: 1;
  height: 44px;
  display: inline-flex;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .list-box .item-box {
  margin: 4px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.2rem;
  background: transparent url('img_keyword_bg.svg') no-repeat center/100%;
  cursor: pointer;
  min-width: 70px;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .list-box .item-box.arrow {
  cursor: unset;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .list-box .item-box .keyword-box {
  font-weight: 600;
  font-size: 1.4rem;
  color: #3B3F4B;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .list-box .item-box .keyword-remove-btn {
  background: url('ic_keyword_remove.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
section.search-all .all-contents-box .all-search-box .search-recently-box .scroll-content .list-box .item-box .keyword-arrow {
  background: url('ic_arrow_right.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
section.search-all .all-contents-box .all-word-list-group {
  flex-grow: 1;
}
section.search-all .all-contents-box .all-word-list-group .list-group-bg {
  position: relative;
  background: url('img_word_list_bg.svg') no-repeat center top/cover;
  box-shadow: 0 0 0 2px #D6C09E inset;
  padding: 20px 8px 20px 20px;
  height: 100%;
}
section.search-all .all-contents-box .all-word-list-group .word-navigation {
  top: 57px;
  position: absolute;
  right: -34px;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
section.search-all .all-contents-box .all-word-list-group .word-navigation .word-navi-btn {
  width: 26px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #5D5242;
  opacity: 0.5;
  background: url('img_word_navi_bg.svg') no-repeat center/100% 100%;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-right: 8px;
  cursor: pointer;
}
section.search-all .all-contents-box .all-word-list-group .word-navigation .word-navi-btn + .word-navi-btn {
  margin-top: 6px;
}
section.search-all .all-contents-box .all-word-list-group .word-navigation .word-navi-btn.on {
  opacity: 1;
  width: 34px;
  height: 28px;
  margin-right: 0;
}
section.search-all .all-contents-box .all-word-list-group .word-navigation .word-navi-btn:hover {
  width: 34px;
  height: 28px;
  margin-right: 0;
}
section.search-all .all-contents-box .all-word-list-group .word-navigation .word-navi-btn.main {
  background: url('img_word_navi_main.svg') no-repeat center/100% 100%;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap {
  height: 568px;
  padding-right: 8px;
  overflow-y: auto;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul {
  width: 100%;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li {
  background-color: rgba(255, 255, 255, 0.6);
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li + li {
  margin-top: 8px;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.on .word-item-body-box {
  display: block;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.on .word-item-head-box {
  cursor: default;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.on .word-item-head-box .head-tit-box .option-list .option-box .toggle-btn {
  background: #e8e8e8 url('ic_word_toggle_hide.svg') no-repeat center;
  cursor: pointer;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.on .word-item-head-box .head-des-box {
  display: none;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.ing .word-item-head-box .head-tit-box .option-list .option-box .toggle-btn {
  background: #e8e8e8 url('loading_icon.gif') no-repeat center;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box {
  padding: 25px 20px;
  position: relative;
  cursor: pointer;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-tit-box {
  position: relative;
  padding-right: 11rem;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-tit-box .head-txt-box {
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-tit-box .head-txt-box .tit-box {
  font-family: "Ansungtangmyun";
  font-size: 2.2rem;
  line-height: 2.4rem;
  color: #384440;
  margin-right: 0.6rem;
  margin-bottom: 0.2rem;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-tit-box .option-list {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-tit-box .option-list .option-box + .option-box {
  margin-left: 8px;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-tit-box .option-list .option-box .toggle-btn {
  background: #e8e8e8 url('ic_word_toggle_show.svg') no-repeat center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-head-box .head-des-box {
  padding-top: 1.2rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li .word-item-body-box {
  display: none;
  padding: 15px 20px;
  min-height: 10rem;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.reload-icon {
  justify-content: center;
  display: flex;
  margin-top: 8px;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.reload-icon img {
  width: 42px;
  height: 42px;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.no-result {
  justify-content: center;
  display: block;
  margin-top: 8px;
  line-height: 1.8rem;
  color: #384440;
  padding: 80px 0;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.no-result .no-result-img {
  background: url('img_girl.png') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
}
html.large-mode section.search-all .all-contents-box .all-word-list-group .list-wrap ul li.no-result .no-result-txt {
  font-size: 2.2rem;
}

section.search-all .all-contents-box .all-menu-group-list .menu-group-box + .menu-group-box {
  margin-top: 12px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box[data-type=view] {
  margin-top: 30px;
  margin-bottom: -15px;
}
html.large-mode section.search-all .all-contents-box .all-menu-group-list .menu-group-box[data-type=view] {
  margin-top: 18px;
}

section.search-all .all-contents-box .all-menu-group-list .menu-group-box .gather-box .img-box {
  margin: 0 auto;
  border-radius: 50%;
  background-color: #c4c4c4;
  width: 78px;
  height: 78px;
  overflow: hidden;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .gather-box .img-box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .gather-box .info-box {
  padding-top: 1.6rem;
  text-align: center;
  padding-bottom: 30px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .gather-box .info-box .main-box {
  color: #fff;
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 600;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .gather-box .info-box .sub-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-top: 0.6rem;
  color: #ACB0BE;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head {
  padding: 15px 0 13px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 15px;
  height: 40px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit.only-txt {
  padding: 0;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit:before {
  content: "";
  background: url('img_menu_tit_bg.svg') no-repeat center/100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 23px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit .ic-menu1 {
  background: url('ic_menu1.svg') no-repeat center/cover;
  width: 38px;
  height: 40px;
  z-index: 10;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit .ic-menu2 {
  background: url('ic_menu2.svg') no-repeat center/cover;
  width: 32px;
  height: 32px;
  z-index: 10;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit .ic-menu3 {
  background: url('ic_menu3.svg') no-repeat center/cover;
  width: 32px;
  height: 32px;
  z-index: 10;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-head .menu-group-tit .txt {
  z-index: 10;
  margin-left: 0.8rem;
  font-family: "Ansungtangmyun";
  color: #fff;
  font-weight: 700;
  line-height: 2.4rem;
  font-size: 2rem;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list {
  overflow: auto;
  margin: -8px;
  display: flex;
  flex-flow: row wrap;
  min-height: 313px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box {
  margin: 8px;
  width: calc(50% - 16px);
  align-items: stretch;
  cursor: pointer;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box {
  position: relative;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('img_menu_video_play.svg') no-repeat center/cover;
  width: 46px;
  height: 46px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box .place-box {
  position: absolute;
  left: 6px;
  top: 6px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box .badge-box {
  position: absolute;
  right: 0;
  top: 0;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box .badge-box .ic.ic-new {
  background: url('ic_badge_new.svg') no-repeat center/cover;
  width: 2.8rem;
  height: 2.8rem;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box .option-box {
  position: absolute;
  right: 1px;
  bottom: 1px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box .img-box {
  width: 100%;
  height: 100px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .view-box .img-box img {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .video-item-list .video-item-box .info-box {
  padding-top: 0.6rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.8rem;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .story-item-list {
  overflow: auto;
  margin: -8px;
  display: flex;
  flex-flow: row wrap;
  max-height: 330px;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .story-item-list .story-item-box {
  margin: 5px;
  width: calc(20% - 10px);
  align-items: stretch;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .story-item-list .story-item-box .img-box {
  margin: 0 auto;
  border-radius: 50%;
  background-color: #c4c4c4;
  width: 78px;
  height: 78px;
  overflow: hidden;
  cursor: pointer;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .story-item-list .story-item-box .img-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .story-item-list .story-item-box .info-box {
  padding-top: 1.4rem;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list {
  margin: -8px;
  display: flex;
  flex-flow: row wrap;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box {
  margin: 6px;
  width: calc(25% - 12px);
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label {
  cursor: pointer;
  height: 35px;
  border-radius: 10px;
  background-color: #d8d8d8;
  align-items: center;
  display: flex;
  padding-top: 1px;
  color: #707070;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.inactive {
  color: #a6a6a6;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on {
  color: #fff;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.inactive {
  color: #cfcfcf;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-0 {
  background-color: #ffbf5f;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-1 {
  background-color: #427dc1;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-2 {
  background-color: #816131;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-3 {
  background-color: #4bb0c2;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-4 {
  background-color: #8f50ab;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-5 {
  background-color: #ff961c;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label.on.type-6 {
  background-color: #3fa783;
}
section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label .txt-box {
  width: 100%;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  font-size: 16px;
  font-family: "Ansungtangmyun";
}
html.large-mode section.search-all .all-contents-box .all-menu-group-list .menu-group-box .menu-group-body .label-select-list .label-select-box .label .txt-box {
  font-size: 20px;
}

section.search-all .all-contents-box app-dialect-story.all-menu-group-list .menu-group-box .menu-group-body .video-item-list {
  min-height: 405px;
}

section.search-result {
  padding: 18px 0 35px;
  height: 100%;
}
section.search-result .search-head-box {
  max-width: 654px;
  margin: 0 auto;
}
section.search-result .search-head-box .search-recently-box {
  position: relative;
  margin-right: 120px;
  margin-bottom: 8px;
}
section.search-result .search-head-box .search-recently-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* 그라디언트의 너비를 조절하세요 */
  background: linear-gradient(to right, rgba(65, 81, 66, 0), rgb(65, 81, 66));
  pointer-events: none;
}
section.search-result .search-head-box .search-recently-box .scroll-content {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
}
section.search-result .search-head-box .search-recently-box .scroll-content .label-box {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.8rem;
  height: 36px;
  display: inline-flex;
  align-items: center;
  padding-right: 20px;
}
section.search-result .search-head-box .search-recently-box .scroll-content .list-box {
  min-width: 0;
  flex: 1;
  height: 44px;
  position: relative;
  display: inline-flex;
}
section.search-result .search-head-box .search-recently-box .scroll-content .list-box .item-box {
  margin: 4px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.2rem;
  background: transparent url('img_keyword_bg.svg') no-repeat center/100%;
  cursor: pointer;
  min-width: 70px;
}
section.search-result .search-head-box .search-recently-box .scroll-content .list-box .item-box.arrow {
  cursor: unset;
}
section.search-result .search-head-box .search-recently-box .scroll-content .list-box .item-box .keyword-box {
  font-weight: 600;
  font-size: 1.4rem;
  color: #3B3F4B;
}
section.search-result .search-head-box .search-recently-box .scroll-content .list-box .item-box .keyword-remove-btn {
  background: url('ic_keyword_remove.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
section.search-result .search-head-box .search-recently-box .scroll-content .list-box .item-box .keyword-arrow {
  background: url('ic_arrow_right.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
section.search-result .search-body-box {
  padding-top: 12px;
  flex-grow: 1; /* 남은 공간을 채우도록 설정 */
}

article.book-layout {
  max-width: 1018px;
  margin: 0 auto 0 75px;
  height: 100%;
}
article.book-layout .book-layout-wrap {
  position: relative;
  padding: 22px;
  background: url('img_book_bg.png') no-repeat center/100% 100%;
  height: 100%;
  --side-height: 634px;
}
article.book-layout .book-layout-wrap:after {
  content: "";
  position: absolute;
  right: -75px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_book_page_list_bg.png') no-repeat center;
  background-size: 75px 100%;
  width: 75px;
  height: var(--side-height);
}
article.book-layout .book-page-navigation .page-navigation-btn {
  background: url('img_book_page_navigation_off_bg.svg') no-repeat center/100% 100%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.1rem;
  position: absolute;
  right: 0;
  color: #3B3F4B;
  z-index: 10;
  cursor: pointer;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(1) {
  top: 30px;
  right: -29px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(2) {
  top: 63px;
  right: -34px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(3) {
  top: 96px;
  right: -39px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(4) {
  top: 129px;
  right: -44px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(5) {
  top: 162px;
  right: -49px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(6) {
  top: 195px;
  right: -54px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(7) {
  top: 228px;
  right: -59px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(8) {
  top: 261px;
  right: -64px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(9) {
  top: 294px;
  right: -69px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(10) {
  top: 327px;
  right: -74px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(11) {
  top: 360px;
  right: -79px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(12) {
  top: 393px;
  right: -84px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(13) {
  top: 426px;
  right: -89px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(14) {
  top: 459px;
  right: -94px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(15) {
  top: 492px;
  right: -99px;
}
article.book-layout .book-page-navigation .page-navigation-btn:nth-child(16) {
  top: 525px;
  right: -104px;
}
article.book-layout .book-page-navigation .page-navigation-btn.on {
  background: url('img_book_page_navigation_bg.svg') no-repeat center/100% 100%;
  width: 47px;
  right: auto;
  left: -31px;
}
article.book-layout .book-page-navigation .page-navigation-btn.main {
  background: url('img_book_page_navigation_main.svg') no-repeat center/100% 100%;
}
article.book-layout .book-page-navigation .page-navigation-btn .return-icon {
  background: url('ic_arrow_return.svg') no-repeat center/100% 100%;
  width: 100%;
  height: 100%;
}
article.book-layout .book-page-group {
  display: flex;
  position: relative;
  height: 600px;
  min-height: 585px;
}
article.book-layout .book-page-group .page-box {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  border-right: 1px solid #856542;
  width: 50%;
  padding: 23px 8px 10px 20px;
  display: inline-flex;
  flex-direction: column;
}
article.book-layout .book-page-group .page-box + .page-box {
  border-left: 1px solid #856542;
  border-right: 0;
}
article.book-layout .book-page-group .page-box.empty {
  background-color: unset;
}
article.book-layout .book-page-group .page-contents {
  padding-right: 12px;
  width: 100%;
  flex: 1;
  overflow: auto;
}
article.book-layout .book-page-group .page-contents .reload-img {
  background: url('loading_icon.gif') no-repeat center;
  background-size: 42px 42px;
  width: 100%;
  height: 100%;
}
article.book-layout .book-page-group aside.page-help-box {
  position: absolute;
  right: 23px;
  bottom: 11px;
  z-index: 200;
}
article.book-layout .book-page-group aside.page-help-box .page-help-btn {
  background-color: #3B3F4B;
  border: 2px solid #565C70;
  border-radius: 22px;
  height: 44px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.book-layout .book-page-group aside.page-help-box .page-help-btn:hover {
  cursor: pointer;
}
article.book-layout .book-page-group aside.page-help-box .page-help-btn .ic-help {
  background: url('ic_help.svg') no-repeat center/cover;
  width: 2.4rem;
  height: 2.16rem;
  margin-right: 0.5rem;
}
article.book-layout .book-page-group aside.page-help-box .page-help-btn .txt {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-family: "NotoSansKR";
}
article.book-layout .book-page-group .scroll-down {
  position: absolute;
  left: 455px;
  bottom: -6px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,75 30,35 70,35' fill='%23ffcf4a' stroke='white' stroke-width='5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

article.book-layout2 {
  max-width: 1018px;
  margin: 0 auto 0 75px;
}
article.book-layout2 .book-layout-wrap {
  position: relative;
  padding: 22px;
  background: url('img_book_bg2.png') no-repeat center/100% 100%;
}
article.book-layout2 .book-layout-wrap.index-effect:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_book_page_list_left.png') no-repeat center/cover;
  background-size: contain;
  width: 25px;
  height: 634px;
}
article.book-layout2 .book-layout-wrap.index-effect:after {
  content: "";
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_book_page_list_right.png') no-repeat center/cover;
  background-size: contain;
  width: 25px;
  height: 634px;
}
article.book-layout2 .book-layout-wrap:after {
  content: "";
  position: absolute;
  right: -75px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_book_page_list_bg.png') no-repeat center;
  background-size: 75px 634px;
  width: 75px;
  height: 634px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn {
  background: url('img_book_page_navigation_off_bg.svg') no-repeat center/100% 100%;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.1rem;
  position: absolute;
  right: 0;
  color: #3B3F4B;
  z-index: 10;
  cursor: pointer;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(1) {
  top: 30px;
  right: -27px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(2) {
  top: 63px;
  right: -32px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(3) {
  top: 96px;
  right: -37px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(4) {
  top: 129px;
  right: -42px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(5) {
  top: 162px;
  right: -47px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(6) {
  top: 195px;
  right: -52px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(7) {
  top: 228px;
  right: -57px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(8) {
  top: 261px;
  right: -62px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(9) {
  top: 294px;
  right: -67px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(10) {
  top: 327px;
  right: -72px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(11) {
  top: 360px;
  right: -77px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(12) {
  top: 393px;
  right: -82px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(13) {
  top: 426px;
  right: -87px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(14) {
  top: 459px;
  right: -92px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(15) {
  top: 492px;
  right: -97px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn:nth-child(16) {
  top: 525px;
  right: -102px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn.on {
  background: url('img_book_page_navigation_bg.svg') no-repeat center/100% 100%;
  width: 47px;
  right: auto;
  left: -31px;
}
article.book-layout2 .book-page-navigation .page-navigation-btn .return-icon {
  background: url('ic_arrow_return.svg') no-repeat center/100% 100%;
  width: 100%;
  height: 100%;
}
article.book-layout2 .book-page-group {
  display: flex;
  position: relative;
  height: 600px;
  border: 2px solid #856542;
  background: url('img_book_bg_inner.png') no-repeat center/cover;
}
article.book-layout2 .book-page-group .page-box {
  height: 100%;
  border-right: 1px solid #856542;
  width: 50%;
  padding: 23px 8px 0 20px;
  display: inline-flex;
  flex-direction: column;
}
article.book-layout2 .book-page-group .page-box + .page-box {
  border-left: 1px solid #856542;
  border-right: 0;
}
article.book-layout2 .book-page-group .page-contents {
  padding-right: 12px;
  width: 100%;
  flex: 1;
  overflow: auto;
}
article.book-layout2 .book-page-group .page-contents .no-result {
  justify-content: center;
  display: block;
  line-height: 1.8rem;
  color: #384440;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: unset;
}
article.book-layout2 .book-page-group .page-contents .no-result .no-result-img {
  background: url('img_girl.png') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
article.book-layout2 .book-page-group .page-contents .no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
}
html.large-mode article.book-layout2 .book-page-group .page-contents .no-result .no-result-txt {
  font-size: 2.2rem;
}

article.book-layout2 .book-page-group aside.page-help-box {
  position: absolute;
  right: 23px;
  bottom: 11px;
  z-index: 200;
}
article.book-layout2 .book-page-group aside.page-help-box .page-help-btn {
  background-color: #3B3F4B;
  border: 2px solid #565C70;
  border-radius: 22px;
  height: 44px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.book-layout2 .book-page-group aside.page-help-box .page-help-btn .ic-help {
  background: url('ic_help.svg') no-repeat center/cover;
  width: 2.4rem;
  height: 2.16rem;
  margin-right: 0.5rem;
}
article.book-layout2 .book-page-group aside.page-help-box .page-help-btn .txt {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-family: "NotoSansKR";
  margin-bottom: -3px;
}

article.mean-list-layout1.empty {
  height: calc(100% - 8px);
}
article.mean-list-layout1.empty .list-wrap {
  height: 100%;
}
article.mean-list-layout1.empty .list-wrap ul {
  height: 100%;
}
article.mean-list-layout1 .list-wrap {
  min-height: 100%;
}
article.mean-list-layout1 .list-wrap ul {
  height: 100%;
}
article.mean-list-layout1 .list-wrap ul li {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 12px;
}
article.mean-list-layout1 .list-wrap ul li + li {
  margin-top: 1rem;
}
article.mean-list-layout1 .list-wrap ul li.border {
  border-bottom: 1px solid #d6d8d6;
  padding: 6px 12px 14px;
  box-shadow: 0 1px 4px #ababab;
}
article.mean-list-layout1 .list-wrap ul li.list-style-box {
  display: flex;
  flex-flow: row wrap;
}
article.mean-list-layout1 .list-wrap ul li.list-style-box .list-item-box {
  width: calc(50% - 10px);
  margin: 8px 0 0 10px;
  cursor: pointer;
}
article.mean-list-layout1 .list-wrap ul li.list-style-box .list-item-box.play-all-btn {
  margin: 8px 0 0 auto;
}
article.mean-list-layout1 .list-wrap ul li.list-style-row {
  display: flex;
  flex-flow: row wrap;
}
article.mean-list-layout1 .list-wrap ul li.list-style-row .list-item-box {
  width: 100%;
  cursor: pointer;
  margin-left: 12px;
}
article.mean-list-layout1 .list-wrap ul li.list-style-row .list-item-box + .list-item-box {
  margin-top: 8px;
}
article.mean-list-layout1 .list-wrap ul li.list-style-row .list-item-box.type-gather {
  width: calc(50% - 10px);
  margin: 8px 0 0 auto;
}
article.mean-list-layout1 .list-wrap ul li.reload-icon {
  justify-content: center;
  display: flex;
  margin-top: 8px;
}
article.mean-list-layout1 .list-wrap ul li.reload-icon img {
  width: 42px;
  height: 42px;
}
article.mean-list-layout1 .list-wrap ul li.no-result {
  justify-content: center;
  display: block;
  line-height: 1.8rem;
  color: #384440;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: unset;
}
article.mean-list-layout1 .list-wrap ul li.no-result .no-result-img {
  background: url('img_girl.png') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
article.mean-list-layout1 .list-wrap ul li.no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
}
html.large-mode article.mean-list-layout1 .list-wrap ul li.no-result .no-result-txt {
  font-size: 2.2rem;
}

article.mean-list-layout1 .list-wrap ul .list-item-box {
  padding: 12px 18px;
  border: 1px solid #d6d8d6;
  min-height: 63px;
}
article.mean-list-layout1 .list-wrap ul .list-item-box.type-gather {
  border: 0;
  background: url('img_gather_bg.svg') no-repeat center/cover;
  text-align: center;
}
article.mean-list-layout1 .list-wrap ul .list-item-box.type-gather .gather-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
article.mean-list-layout1 .list-wrap ul .list-item-box.type-gather .gather-btn:hover .ic-listen {
  background: url('btn_play_on.svg') no-repeat center/cover;
}
article.mean-list-layout1 .list-wrap ul .list-item-box.type-gather .gather-btn .txt {
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #533E1F;
  margin-right: 1rem;
  flex: 1;
}
article.mean-list-layout1 .list-wrap ul .list-item-box.type-gather .gather-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/contain;
  width: 2.7rem;
  height: 2.7rem;
}
article.mean-list-layout1 .list-wrap ul .list-item-box.type-gather .gather-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/contain;
}
article.mean-list-layout1 .list-wrap ul .list-item-box .list-head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
article.mean-list-layout1 .list-wrap ul .list-item-box .listen-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('btn_play_white.svg') no-repeat center/contain;
  width: 2.7rem;
  height: 2.7rem;
}
article.mean-list-layout1 .list-wrap ul .list-item-box .listen-btn:hover {
  background: url('btn_play_on.svg') no-repeat center/contain;
}
article.mean-list-layout1 .list-wrap ul .list-item-box .listen-btn.on {
  background: url('btn_play.gif') no-repeat center/contain;
}

article.result-list-layout1.empty {
  height: calc(100% - 8px);
}
article.result-list-layout1.empty.dialect {
  height: calc(100% - 32px);
}
article.result-list-layout1.empty .list-wrap {
  height: 100%;
}
article.result-list-layout1.empty .list-wrap ul {
  height: 100%;
}
article.result-list-layout1 .list-wrap {
  min-height: 100%;
}
article.result-list-layout1 .list-wrap ul {
  min-height: 100%;
}
article.result-list-layout1 .list-wrap ul.dialect {
  height: calc(100% - 24px);
}
article.result-list-layout1 .list-wrap ul li .item-box {
  width: 100%;
  padding: 28px 23px;
  border-bottom: 1px solid #D6C09E;
}
article.result-list-layout1 .list-wrap ul li .item-box.on {
  background-color: #fefdfd;
}
article.result-list-layout1 .list-wrap ul li .item-box.pointer {
  cursor: pointer;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box {
  display: flex;
  justify-content: space-between;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .head-box {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  position: relative;
  padding-bottom: 1rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box {
  display: inline-flex;
  align-items: center;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn + .option-btn {
  margin-left: 8px;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn.type-1 {
  background-color: #f85a48;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn.type-1:hover {
  background-color: #A23512;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn.type-2 {
  background-color: #533e1f;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn.type-2:hover {
  background-color: #A23512;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn .ic-speak {
  background: url('btn_voice.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .item-option-box .option-btn .ic-speak.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-head-box .option-list {
  display: inline-flex;
  align-items: baseline;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box {
  padding-top: 0.8rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box {
  display: flex;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box {
  padding-right: 0.6rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box .label-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') no-repeat center/cover;
  padding: 0 0.5rem;
  height: 20px;
  color: #533E1F;
  font-size: 1.2rem;
  margin-right: 4px;
  margin-bottom: 2px;
}
html.large-mode article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box .label-txt {
  height: 25px;
}

article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box {
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box {
  display: flex;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .meaning-title {
  font-size: 1.4rem;
  line-height: 2rem;
  width: 2.7rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .meaning-title .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .txt-box {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  flex: 1;
  max-width: calc(100% - 2.7rem);
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .txt-box.flex {
  display: flex;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .txt-box.flex .txt-box-num {
  width: 1.6rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .txt-box.flex .txt-box-meaning {
  flex: 1;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .txt-box.more {
  padding-left: 4.3rem;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .meaning-box .txt-box + .txt-box {
  margin-top: 8px;
}
article.result-list-layout1 .list-wrap ul li .item-box .item-body-box .des-box {
  font-size: 1.4rem;
  line-height: 2rem;
  position: relative;
}
article.result-list-layout1 .list-wrap ul li .item-box .setting-box-more {
  font-size: 1.4rem;
  margin-top: 14px;
  line-height: 1.9rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box {
  display: block;
  position: relative;
}
article.result-list-layout1 .list-wrap ul li .other-item-box + .other-item-box {
  margin-top: 0.8rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box:hover {
  cursor: pointer;
}
article.result-list-layout1 .list-wrap ul li .other-item-box:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_meaning_arrow.svg') no-repeat center/cover;
  width: 0.5rem;
  height: 1rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-head-box {
  display: flex;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-head-box .head-txt-box {
  padding-left: 0.8rem;
  flex: 1;
  min-width: 0;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-head-box .head-txt-box .txt-box {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 400;
  font-family: "Ansungtangmyun", "Jigmo";
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box {
  padding-top: 1.8rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item {
  display: flex;
  align-items: baseline;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item + .other-info-item {
  margin-top: 1.2rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-subject-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  width: 7.1rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-subject-box .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box {
  flex: 1;
  min-width: 0;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-right: 14px;
  display: flex;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .meaning-num {
  width: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .meaning-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  flex: 1;
}
article.result-list-layout1 .list-wrap ul li .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .more-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  padding-left: 1.6rem;
}
article.result-list-layout1 .list-wrap ul li .video-item-box {
  display: flex;
  width: 100%;
  padding: 28px 23px;
  border-bottom: 1px solid #D6C09E;
  cursor: pointer;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box {
  width: 32%;
  height: 0;
  padding-bottom: 24%;
  position: relative;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list {
  font-size: 0;
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 10;
  margin: -1px;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 1.2rem;
  margin: 1px;
  padding: 0 2px;
  height: 1.3rem;
  justify-content: center;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type0 {
  background: url('img_place_main0_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type1 {
  background: url('img_place_main3_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.sub-type1 {
  background: url('img_place_sub3_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type2 {
  background: url('img_place_main5_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.sub-type2 {
  background: url('img_place_sub5_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type3 {
  background: url('img_place_main6_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.sub-type3 {
  background: url('img_place_sub6_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type4 {
  background: url('img_place_main1_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.sub-type4 {
  background: url('img_place_sub1_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type5 {
  background: url('img_place_main4_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.sub-type5 {
  background: url('img_place_sub4_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.main-type6 {
  background: url('img_place_main2_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box .label-list .label-box.sub-type6 {
  background: url('img_place_sub2_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; /** ios **/
}
article.result-list-layout1 .list-wrap ul li .video-item-box .img-box.type-new:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url('ic_badge_new.svg') no-repeat center/cover;
  width: 3rem;
  height: 3rem;
  z-index: 1;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box {
  flex: 1;
  width: 100%;
  padding-left: 15px;
  position: relative;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box .bookmark-btn-box {
  position: absolute;
  top: 0;
  right: 0;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box .tit-box {
  padding: 0 8px 0 35px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  font-size: 1.2rem;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box .tit-box.type1 {
  background: url('img_listen_subject_bg2.png') no-repeat center/cover;
  padding: 0 2rem;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box .tit-box.type2 {
  background: url('img_listen_subject_bg1.png') no-repeat center/cover;
  padding: 0 2rem;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box .tit-box.type3 {
  background: url('img_listen_subject_bg3.png') no-repeat center/cover;
  padding: 0 2rem;
}
article.result-list-layout1 .list-wrap ul li .video-item-box .con-box .des-box {
  margin-top: 8px;
  font-size: 1.8rem;
  font-weight: 600;
  color: rgb(51, 55, 59);
  line-height: 2.1rem;
}
article.result-list-layout1 .list-wrap ul li.reload-icon {
  justify-content: center;
  display: flex;
  margin-top: 8px;
}
article.result-list-layout1 .list-wrap ul li.reload-icon img {
  width: 42px;
  height: 42px;
}
article.result-list-layout1 .list-wrap ul li.no-result {
  justify-content: center;
  margin-top: 8px;
  line-height: 1.8rem;
  color: #384440;
  height: 100%;
  display: flex;
  flex-direction: column;
}
article.result-list-layout1 .list-wrap ul li.no-result .no-result-img {
  background: url('img_boy.svg') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
article.result-list-layout1 .list-wrap ul li.no-result .no-result-img.girl {
  background: url('img_girl.png') no-repeat center/contain;
}
article.result-list-layout1 .list-wrap ul li.no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
}
article.result-list-layout1 .list-wrap ul li.no-result .no-result-txt.level {
  font-size: 1.6rem;
  line-height: 2rem;
}
html.large-mode article.result-list-layout1 .list-wrap ul li.no-result .no-result-txt {
  font-size: 2.2rem;
}

article.result-list-layout1 .list-wrap ul li .more-result {
  width: 100%;
  text-align: right;
  font-size: 1.4rem;
  margin: 8px 0;
}
article.result-list-layout1 .list-wrap ul li .item-option {
  display: flex;
  flex-flow: column;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-head-box {
  flex: 1 1 54px;
  display: block;
  position: relative;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-head-box .subject-box {
  font-size: 2rem;
  font-weight: 600;
  color: #33373B;
  display: block;
  height: unset;
  margin-right: 4rem;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-head-box .sub-box {
  padding: 0.8rem 0 0.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
  line-height: 1.8rem;
  margin-right: 4rem;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-head-box .close-btn {
  background: url('btn_detail_x.svg') no-repeat center/cover;
  width: 30px;
  height: 30px;
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 0;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box {
  height: 46px;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box {
  width: 100%;
  height: 46px;
  background-color: #4E402B;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn {
  width: 100%;
  height: 36px;
  border-radius: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn .txt {
  font-size: 1.4rem;
  color: #cbb99d;
  font-weight: 400;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn .star {
  height: 10px;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn .star.type-1 {
  background: url('ic_level1_off.png') no-repeat center/cover;
  width: 10px;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn .star.type-2 {
  background: url('ic_level2_off.png') no-repeat center/cover;
  width: 23px;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn .star.type-3 {
  background: url('ic_level3_off.png') no-repeat center/cover;
  width: 36px;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn.on {
  background-color: #F3E9D9;
  color: #33373B;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn.on .star.type-1 {
  background: url('ic_level1_on.png') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn.on .star.type-2 {
  background: url('ic_level2_on.png') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn.on .star.type-3 {
  background: url('ic_level3_on.png') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .toggle-btn-box .toggle-btn.on .txt {
  color: #5e5649;
}
article.result-list-layout1 .list-wrap ul li .item-option .item-body-box .licenses-btn-box .licenses-btn {
  background-color: #F3EDE1;
  border-radius: 40px;
  border: 1px solid #33373B;
  width: 100%;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #33373B;
  font-weight: 400;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2 {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  margin-top: 8px;
  width: 100%;
  padding: 28px 0;
  border-bottom: 1px solid #D6C09E;
  cursor: pointer;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.thumnail {
  grid-template-columns: 70px auto;
  padding: 28px 23px;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.no-img {
  display: flex;
  flex-direction: column;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.no-img.on .subject-box {
  padding-bottom: 0;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.no-img .subject-box {
  padding-bottom: 3px;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on {
  display: flex;
  flex-direction: column;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on .subject-box {
  padding-left: 0;
  order: 1;
  line-height: 20px;
  font-size: 16px;
  display: flex;
  width: 100%;
  white-space: initial;
  padding-bottom: 14px;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on .img-box {
  order: 2;
  width: 100%;
  height: 0;
  padding-bottom: 63%;
  position: relative;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on .img-box img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on .con-box {
  order: 3;
  padding: 14px 0 0 0;
  display: block;
  height: auto;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on .con-box img {
  max-width: 100%;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2.on .con-box p {
  margin-bottom: 18px;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2 .img-box {
  grid-row: 1/3;
  order: 1;
  width: 80px;
  height: 100px;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2 .img-box img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  height: 100%;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2 .subject-box {
  display: block;
  padding-left: 30px;
  order: 2;
  grid-column: 2/4;
  padding-right: 32px;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2 .subject-box .close-btn {
  background: url('btn_detail_x.svg') no-repeat center/cover;
  width: 30px;
  height: 30px;
  display: inline-flex;
  position: absolute;
  right: 23px;
  top: 22px;
}
article.result-list-layout1 .list-wrap ul li .help-item-box2 .con-box {
  padding-top: 0.5rem;
  padding-left: 30px;
  padding-right: 30px;
  order: 3;
  grid-column: 2/4;
  line-height: 1.9rem;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 8.1rem;
}
article.result-list-layout1 .list-wrap .subject-box {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Ansungtangmyun";
  width: auto;
}
article.result-list-layout1 .list-wrap .subject-box.type-1 {
  background: url('img_listen_subject_bg2.png') no-repeat center/cover;
  min-width: 188px;
  padding: 0 2rem;
}
article.result-list-layout1 .list-wrap .subject-box.type-2 {
  background: url('img_listen_subject_bg1.png') no-repeat center/cover;
  min-width: 145px;
  padding: 0 2.6rem;
}
article.result-list-layout1 .list-wrap .subject-box.type-3 {
  background: url('img_listen_subject_bg3.png') no-repeat center/cover;
  min-width: 160px;
  padding: 0 2.3rem;
}
article.result-list-layout1 .list-wrap .subject-box .subject-txt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.7rem;
  color: #ffffff;
}
article.result-list-layout1 .list-wrap .region-box {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Ansungtangmyun";
  width: auto;
  min-width: 188px;
  color: #fff;
  font-size: 2rem;
  light-height: 2.7rem;
  padding: 0 2rem;
}
article.result-list-layout1 .list-wrap .region-box.main-type0 {
  background: url('img_place_main0_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type1 {
  background: url('img_place_main3_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.sub-type1 {
  background: url('img_place_sub3_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type2 {
  background: url('img_place_main5_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.sub-type2 {
  background: url('img_place_sub5_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type3 {
  background: url('img_place_main6_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.sub-type3 {
  background: url('img_place_sub6_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type4 {
  background: url('img_place_main1_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.sub-type4 {
  background: url('img_place_sub1_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type5 {
  background: url('img_place_main4_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.sub-type5 {
  background: url('img_place_sub4_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type6 {
  background: url('img_place_main2_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.sub-type6 {
  background: url('img_place_sub2_bg.svg') no-repeat center/cover;
}
article.result-list-layout1 .list-wrap .region-box.main-type0 {
  padding: 0 4rem;
}

article.result-detail-layout1 .detail-head-box {
  padding-left: 23px;
  position: relative;
  display: flex;
}
article.result-detail-layout1 .detail-head-box .item-option-box {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box + .option-box {
  margin-left: 8px;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn.type-1 {
  background-color: #f85a48;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn.type-1:hover {
  background-color: #A23512;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn.type-2 {
  background-color: #533e1f;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn.type-2:hover {
  background-color: #A23512;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/cover;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn .ic-speak {
  background: url('btn_voice.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-detail-layout1 .detail-head-box .item-option-box .option-box .option-btn .ic-speak.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.result-detail-layout1 .detail-label-box {
  padding: 1rem 0 0 23px;
  display: flex;
  min-width: 0;
}
article.result-detail-layout1 .detail-label-box .label-subject-box {
  height: 25px;
  display: inline-flex;
  align-items: center;
  padding-right: 6px;
}
article.result-detail-layout1 .detail-label-box .label-subject-box .subject-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') no-repeat center/100% 100%;
  padding: 0 0.5rem;
  height: 20px;
  color: #533E1F;
  font-size: 1.2rem;
}
html.large-mode article.result-detail-layout1 .detail-label-box .label-subject-box .subject-txt {
  height: 25px;
}

article.result-detail-layout1 .detail-label-box .label-list-box {
  margin: -0.3rem;
  min-width: 0;
  flex: 1;
}
article.result-detail-layout1 .detail-label-box .label-list-box .label-box {
  margin: 0.3rem 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 0 0.5rem;
  font-size: 1.3rem;
  background-color: #F5F0E6;
  color: #533E1F;
}
article.result-detail-layout1 .detail-label-box .label-list-box .label-box b {
  font-weight: 600;
}
article.result-detail-layout1 .detail-other-box {
  padding: 36px 0 0 23px;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box {
  padding: 18px 50px 18px 18px;
  display: block;
  border: 1px solid #EEE8DF;
  background-color: #fefbf7;
  position: relative;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box + .other-item-box {
  margin-top: 0.8rem;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box:hover {
  cursor: pointer;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_meaning_arrow.svg') no-repeat center/cover;
  width: 0.5rem;
  height: 1rem;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-head-box {
  display: flex;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-head-box .head-txt-box {
  padding-left: 0.8rem;
  flex: 1;
  min-width: 0;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-head-box .head-txt-box .txt-box {
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 600;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box {
  padding-top: 1.8rem;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item {
  display: flex;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item + .other-info-item {
  margin-top: 1.2rem;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-subject-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  width: 7.1rem;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-subject-box .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  line-height: 2rem;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box {
  flex: 1;
  min-width: 0;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-right: 14px;
  display: flex;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .meaning-num {
  width: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .meaning-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  flex: 1;
}
article.result-detail-layout1 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .more-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  padding-left: 1.6rem;
}
article.result-detail-layout1 .detail-proverb-box {
  padding: 36px 0 0 23px;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box {
  padding: 18px 18px 18px 18px;
  display: block;
  border: 1px solid #EEE8DF;
  background-color: #fefbf7;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box + .proverb-item-box {
  margin-top: 0.8rem;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-head-box {
  display: flex;
  justify-content: space-between;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-head-box .proverb-subject-box {
  display: inline-flex;
  align-items: center;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-head-box .proverb-subject-box .subject-txt-box {
  font-size: 1.6rem;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-head-box .proverb-subject-box .subject-txt-box b {
  background-color: #F3E9D9;
  color: #533E1F;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-head-box .proverb-bookmark-box {
  padding-left: 2rem;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-body-box {
  padding-top: 1.2rem;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-body-box .proverb-txt-box {
  color: #4E4E4E;
  font-size: 1.4rem;
  line-height: 2rem;
}
article.result-detail-layout1 .detail-proverb-box .proverb-list .proverb-item-box .proverb-body-box .proverb-txt-box b {
  background-color: #F3E9D9;
  color: #533E1F;
}
article.result-detail-layout1 .detail-meaning-box {
  padding: 60px 0 0 23px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box {
  padding: 18px;
  display: block;
  border: 1px solid #EEE8DF;
  background-color: #fefbf7;
  position: relative;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box {
  display: flex;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box app-word-disp {
  width: 100%;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box {
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-left: 20px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box {
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box + .option-box {
  margin-left: 8px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn.type-1 {
  background-color: #f85a48;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn.type-1:hover {
  background-color: #A23512;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn.type-2 {
  background-color: #533e1f;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn.type-2:hover {
  background-color: #A23512;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/cover;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn .ic-speak {
  background: url('btn_voice.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box .meaning-head-box .detail-option-box .item-option-box .option-box .option-btn .ic-speak.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box + .meaning-box {
  margin-top: 0.8rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box:hover {
  cursor: pointer;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-box:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_meaning_arrow.svg') no-repeat center/cover;
  width: 0.5rem;
  height: 1rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-body-box {
  padding-top: 0.6rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-body-box .meaning-word-list {
  margin-right: 22px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-body-box .meaning-word-list .meaning-pumsa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') repeat center/100% 100%;
  padding: 0 0.5rem;
  height: 2.1rem;
  color: #533E1F;
  font-size: 1.2rem;
  margin-right: 6px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-body-box .meaning-word-list .meaning-word-box {
  height: 2.1rem;
  padding: 0 8px;
  font-size: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem;
  background-color: #F5F0E6;
  color: #533E1F;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-body-box .meaning-word-list .meaning-word-box b {
  font-weight: 600;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-body-box .meaning-word-list .meaning-word-box + .meaning-word-box {
  margin-left: 0.2rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box {
  padding-top: 0.8rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list {
  display: flex;
  flex-direction: column;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box {
  display: flex;
  align-items: baseline;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-subject-box {
  padding-right: 6px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-subject-box .label-subject-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.1rem;
  color: #533E1F;
  font-size: 1.4rem;
  width: 2rem;
}
html.large-mode article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-subject-box .label-subject-txt {
  height: 25px;
}

article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-subject-box .label-subject-txt .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  line-height: 2rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box {
  display: flex;
  flex-direction: column;
  min-width: 0;
  justify-content: center;
  flex: 1;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box .txt-box {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  margin-right: 22px;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box .txt-box.flex {
  display: flex;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box .txt-box.flex .txt-box-num {
  width: 2rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box .txt-box.flex .txt-box-meaning {
  flex: 1;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box .txt-box.more {
  padding-left: 4.6rem;
}
article.result-detail-layout1 .detail-meaning-box .meaning-list .meaning-foot-box .meaning-label-list .label-item-box .label-con-box .txt-box + .txt-box {
  margin-top: 8px;
}
article.result-detail-layout1 .detail-info-box {
  padding: 2.1rem 0 0 23px;
}
article.result-detail-layout1 .detail-info-box .info-item-box {
  display: flex;
}
article.result-detail-layout1 .detail-info-box .info-item-box + .info-item-box {
  margin-top: 2.1rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .subject-box {
  font-size: 1.6rem;
  line-height: 2.6rem;
  width: 5rem;
  color: #4E4E4E;
}
html.large-mode article.result-detail-layout1 .detail-info-box .info-item-box .subject-box {
  width: 80px;
}

article.result-detail-layout1 .detail-info-box .info-item-box .subject-box .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box {
  min-width: 0;
  flex: 1;
  line-height: 2.6rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .meaning-box + .meaning-box {
  margin-top: 2.1rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .txt-box {
  font-size: 1.6rem;
  line-height: 2.2rem;
  flex: 1;
  display: flex;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .txt-box .txt-box-num {
  width: 2rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .txt-box .txt-box-meaning {
  flex: 1;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .txt-box b {
  font-weight: 600;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .txt-list-box {
  display: flex;
  align-items: baseline;
  position: relative;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .txt-list-box .meaning-num {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 1px 2px;
  margin-right: 0.5rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .word-list {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  margin: -0.3rem;
  position: relative;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .word-list .word-box {
  margin: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  font-size: 1.4rem;
  border-radius: 5px 6px 5px 6px;
  background-color: #ececec;
  white-space: nowrap;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .word-list .word-box a:link.wordlink:hover,
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .word-list .word-box a:visited.wordlink:hover {
  color: white;
  background-color: #9a7947;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list {
  padding-top: 0.7rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box {
  display: flex;
  align-items: baseline;
  position: relative;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box + .phrases-item-box {
  margin-top: 10px;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-subject-box {
  height: 2rem;
  display: inline-flex;
  width: 2rem;
  font-size: 1.4rem;
  font-weight: 300;
  color: #9a7947;
  padding: 0 1px;
  border: 1px solid #9a7947;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  border-radius: 2px;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box {
  flex: 1;
  min-width: 0;
  line-height: 2.1rem;
  font-size: 1.6rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .tooltip-target {
  position: relative;
  cursor: pointer;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .tooltip-target .tooltip-target-item {
  position: absolute;
  left: 0;
  top: 0;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .tooltip-target {
  background-color: #F3E9D9;
  color: #533E1F;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .example-box {
  display: flex;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .example-box app-link-content {
  align-content: center;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .example-box .record-box {
  margin-left: 0.5rem;
}
article.result-detail-layout1 .detail-info-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .example-box .record-box app-word-ex-play-btn + app-word-example-btn {
  margin-left: 0.5rem;
}
article.result-detail-layout1 .list-wrap ul li .item-box {
  width: 100%;
  padding: 28px 23px;
  position: relative;
  border-bottom: 1px solid #D6C09E;
}
article.result-detail-layout1 .list-wrap ul li .item-box.on {
  background-color: #fefdfd;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box {
  padding-top: 8px;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box {
  display: flex;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box {
  padding-right: 6px;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box .label-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') no-repeat center/100%;
  padding: 0 5px;
  height: 24px;
  color: #533E1F;
  font-size: 1.2rem;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box {
  display: flex;
  flex-direction: column;
  min-width: 0;
  justify-content: center;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .txt-box {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
}
article.result-detail-layout1 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .txt-box + .txt-box {
  margin-top: 8px;
}

article.result-detail-layout2 .detail-option-box {
  display: flex;
  justify-content: flex-end;
  position: relative;
  margin-left: 20px;
}
article.result-detail-layout2 .detail-option-box .item-option-box {
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box + .option-box {
  margin-left: 8px;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn.type-1 {
  background-color: #f85a48;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn.type-1:hover {
  background-color: #A23512;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn.type-2 {
  background-color: #533e1f;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn.type-2:hover {
  background-color: #A23512;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/cover;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn .ic-speak {
  background: url('btn_voice.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.result-detail-layout2 .detail-option-box .item-option-box .option-box .option-btn .ic-speak.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.result-detail-layout2 .detail-info-box {
  display: flex;
  justify-content: flex-start;
}
article.result-detail-layout2 .detail-other-box {
  padding: 36px 0 0 0;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box {
  padding: 18px 50px 18px 18px;
  display: block;
  border: 1px solid #EEE8DF;
  background-color: #fefbf7;
  position: relative;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box + .other-item-box {
  margin-top: 0.8rem;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box:hover {
  cursor: pointer;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  background: url('img_meaning_arrow.svg') no-repeat center/cover;
  width: 0.5rem;
  height: 1rem;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-head-box {
  display: flex;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-head-box .head-txt-box {
  padding-left: 0.8rem;
  flex: 1;
  min-width: 0;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-head-box .head-txt-box .txt-box {
  font-size: 1.8rem;
  line-height: 2.1rem;
  font-weight: 600;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box {
  padding-top: 1.8rem;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item {
  display: flex;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item + .other-info-item {
  margin-top: 1.2rem;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-subject-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  width: 7.1rem;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-subject-box .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  line-height: 2rem;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box {
  flex: 1;
  min-width: 0;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-right: 14px;
  display: flex;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .meaning-num {
  width: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .meaning-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  flex: 1;
}
article.result-detail-layout2 .detail-other-box .other-list .other-item-box .other-body-box .other-info-box .other-info-item .other-con-box .other-txt-box .more-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  padding-left: 1.6rem;
}
article.result-detail-layout2 .detail-similar {
  padding: 40px 0 0;
}
article.result-detail-layout2 .detail-similar .similar-list {
  margin: -3px;
  display: flex;
  flex-flow: row wrap;
}
article.result-detail-layout2 .detail-similar .similar-list .similar-box {
  border-radius: 3px;
  background-color: #ECECEC;
  margin: 3px;
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding: 0.5rem 0.6rem;
}
article.result-detail-layout2 .head-tit-box {
  position: relative;
  padding: 3.7rem 11rem 25px 0;
}
article.result-detail-layout2 .head-tit-box .head-txt-box {
  display: inline-flex;
  align-items: center;
  flex-flow: row wrap;
}
article.result-detail-layout2 .head-tit-box .head-txt-box .tit-box {
  font-family: "Ansungtangmyun", "Jigmo";
  font-size: 36px;
  line-height: 42px;
  color: #384440;
  margin: 8px 0 0 8px;
}
article.result-detail-layout2 .head-tit-box .option-list {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
}
article.result-detail-layout2 .head-tit-box .option-list .option-box + .option-box {
  margin-left: 8px;
}
article.result-detail-layout2 .head-tit-box .option-list .option-box .toggle-btn {
  background: #e8e8e8 url('ic_word_toggle_show.svg') no-repeat center;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
}
article.result-detail-layout2 .detail-info-box {
  padding: 0 0 0 0;
  width: 100%;
}
article.result-detail-layout2 .detail-info-box .info-contents-box {
  width: 100%;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box {
  display: flex;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box + .info-item-box {
  margin-top: 15px;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .subject-box {
  font-size: 1.6rem;
  line-height: 1.8rem;
  width: 7.3rem;
  font-weight: 600;
  color: #000000;
  display: inline-flex;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .subject-box .subject-txt {
  line-height: 2.2rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .subject-box.align-center {
  align-items: center;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .subject-box.align-end {
  align-items: end;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .subject-box .border-box {
  display: inline-block;
  color: white;
  padding: 0 2px;
  background: #9a7947;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
  height: 2.2rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box {
  min-width: 0;
  flex: 1;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .meaning-box + .meaning-box {
  margin-top: 2.1rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .keyword-txt-box {
  padding-left: 8px;
  display: inline-flex;
  width: 100%;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .sub-txt-box {
  padding-top: 0.9rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .standard-word {
  font-size: 1.6rem;
  margin: 0 1px;
  line-height: 2.2rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-box {
  font-size: 1.6rem;
  line-height: 2.2rem;
  flex: 1;
  display: flex;
  padding-bottom: 4px;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-box .txt-box-num {
  width: 2rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-box .txt-box-meaning {
  flex: 1;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-box b {
  font-weight: 600;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-box.similar-box {
  margin: 0 0.3rem 0.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  font-size: 1.4rem;
  border-radius: 5px 6px 5px 6px;
  background-color: #ececec;
  white-space: nowrap;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-list-box {
  display: flex;
  align-items: baseline;
  position: relative;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-list-box .meaning-num {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 1px 2px;
  margin-right: 0.5rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .txt-list-box .example-box .example-txt {
  height: 2rem;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 300;
  color: #9a7947;
  padding: 0 1px;
  border: 1px solid #9a7947;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  border-radius: 2px;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .word-list {
  display: inline-flex;
  flex: 1;
  margin: -0.3rem;
  position: relative;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .word-list .word-box {
  margin: 0.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.6rem;
  font-size: 1.4rem;
  border-radius: 5px 6px 5px 6px;
  background-color: #ececec;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list {
  padding-top: 18px;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box {
  display: flex;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box + .phrases-item-box {
  margin-top: 10px;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-subject-box {
  display: inline-flex;
  width: 65px;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 600;
  color: #4E4E4E;
}
html.large-mode article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-subject-box {
  width: 80px;
}

article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box {
  flex: 1;
  min-width: 0;
  line-height: 1.7rem;
  font-size: 1.4rem;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .tooltip-target {
  position: relative;
  cursor: pointer;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .tooltip-target .tooltip-target-item {
  position: absolute;
  left: 0;
  top: 0;
}
article.result-detail-layout2 .detail-info-box .info-contents-box .info-item-box .con-box .phrases-list .phrases-item-box .phrase-con-box .tooltip-target {
  background-color: #F3E9D9;
  color: #533E1F;
}
article.result-detail-layout2 .list-wrap ul li .item-box {
  width: 100%;
  padding: 28px 23px;
  position: relative;
  border-bottom: 1px solid #D6C09E;
}
article.result-detail-layout2 .list-wrap ul li .item-box.on {
  background-color: #fefdfd;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box {
  padding-top: 8px;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box {
  display: flex;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box {
  padding-right: 6px;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .label-box .label-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') no-repeat center/100%;
  padding: 0 5px;
  height: 24px;
  color: #533E1F;
  font-size: 1.2rem;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box {
  display: flex;
  flex-direction: column;
  min-width: 0;
  justify-content: center;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .txt-box {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
}
article.result-detail-layout2 .list-wrap ul li .item-box .item-body-box .des-list-box .des-box .con-box .txt-box + .txt-box {
  margin-top: 8px;
}

article.tooltip-layout1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
  z-index: 500;
  cursor: auto;
}
html.large-mode article.tooltip-layout1 {
  max-width: 340px;
}

article.tooltip-layout1 .tooltip-wrap {
  background-color: #fff;
  border: 1px solid #ECD9BD;
  border-radius: 12px;
  padding: 8px 16px;
  position: relative;
}
article.tooltip-layout1 .tooltip-wrap .tooltip-item + .tooltip-item {
  border-top: 1px solid rgb(228, 219, 200);
  padding-top: 10px;
}
article.tooltip-layout1 .tooltip-head-box {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 8px;
  align-items: baseline;
}
article.tooltip-layout1 .tooltip-head-box.dialect {
  justify-content: space-between;
}
article.tooltip-layout1 .tooltip-head-box.hun {
  padding-bottom: unset;
}
article.tooltip-layout1 .tooltip-head-box .tooltip-close-btn {
  display: inline-flex;
  background: url('ic_tooltip_close.svg') no-repeat center/cover;
  width: 1.2rem;
  height: 1.2rem;
  margin: 5px;
  cursor: pointer;
}
article.tooltip-layout1 .tooltip-head-box .tooltip-word-list {
  margin: -2.5px;
}
article.tooltip-layout1 .tooltip-head-box .tooltip-word-list .tooltip-word-box {
  margin: 2.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg_small.svg') no-repeat center/cover;
  padding: 0 0.2rem;
  height: 16px;
  min-width: 1.8rem;
  color: #533E1F;
  font-size: 1rem;
}
html.large-mode article.tooltip-layout1 .tooltip-head-box .tooltip-word-list .tooltip-word-box {
  height: 20px;
}

article.tooltip-layout1 .tooltip-head-box .derivative {
  display: inline-flex;
  font-size: 1.3rem;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box {
  display: inline-flex;
  align-items: center;
  font-family: "Ansungtangmyun";
  font-size: 1.2rem;
  font-weight: 700;
  height: 2.1rem;
  padding: 0.1rem 0.5rem 0;
  color: #fff;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box + .place-label-box {
  margin-left: 4px;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type0 {
  background: url('img_place_main0_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type1 {
  background: url('img_place_main3_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.sub-type1 {
  background: url('img_place_sub3_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type2 {
  background: url('img_place_main5_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.sub-type2 {
  background: url('img_place_sub5_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type3 {
  background: url('img_place_main6_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.sub-type3 {
  background: url('img_place_sub6_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type4 {
  background: url('img_place_main1_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.sub-type4 {
  background: url('img_place_sub1_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type5 {
  background: url('img_place_main4_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.sub-type5 {
  background: url('img_place_sub4_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.main-type6 {
  background: url('img_place_main2_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-head-box .place-label-box.sub-type6 {
  background: url('img_place_sub2_bg.svg') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-body-box {
  position: relative;
  margin-left: 10px;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-txt-box {
  min-height: 30px;
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 600;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  z-index: 100;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn + .option-btn {
  margin-left: 8px;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn.type-1 {
  background-color: #f85a48;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn.type-1:hover {
  background-color: #A23512;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn.type-2 {
  background-color: #533e1f;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn.type-2:hover {
  background-color: #A23512;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn .ic-listen {
  background: url('btn_play.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn .ic-listen.on {
  background: url('btn_play.gif') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn .ic-speak {
  background: url('btn_voice.svg') no-repeat center/cover;
  width: 100%;
  height: 100%;
}
article.tooltip-layout1 .tooltip-body-box .tooltip-option-box .option-btn .ic-speak.on {
  background: url('btn_recording.gif') no-repeat center/cover;
}
article.tooltip-layout1 .tooltip-body-box .dialect {
  font-size: 1.8rem;
  font-weight: 600;
}
article.tooltip-layout1 .tooltip-foot-box {
  padding-top: 1.6rem;
}
article.tooltip-layout1 .tooltip-foot-box .tooltip-txt-box {
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 2.1rem;
  max-height: 4.2rem;
  max-width: 100%;
  white-space: normal;
}
article.tooltip-layout1 .tooltip-foot-box .tooltip-txt-box + .tooltip-txt-box {
  margin-top: 0.8rem;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box {
  display: flex;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box .mean-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #33373B;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 2.1rem;
  max-height: 4.2rem;
  max-width: 100%;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box .mean-txt.flex {
  display: flex;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box .mean-txt.flex .txt-box-num {
  width: 1.6rem;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box .mean-txt.flex .txt-box-meaning {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 2.1rem;
  max-height: 4.2rem;
  max-width: 100%;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box .mean-txt.more {
  padding-left: 1.3rem;
}
article.tooltip-layout1 .tooltip-foot-box .meaning-box .mean-txt + .txt-box {
  margin-top: 8px;
}
article.tooltip-layout1 .tooltip-hun-box {
  margin: 1rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
article.tooltip-layout1 .tooltip-hun-box .hanja {
  min-width: 5.5rem;
  font-size: 2rem;
  font-font: "Jigmo", "Noto Sans KR";
}
article.tooltip-layout1 .tooltip-hun-box .saseung-box .saseung-item {
  display: flex;
}
article.tooltip-layout1 .tooltip-hun-box .saseung-box .saseung-item + .saseung-item {
  margin-top: 0.8rem;
}
article.tooltip-layout1 .tooltip-hun-box .saseung-box .saseung-item .saseung {
  min-width: 3rem;
  display: flex;
}
article.tooltip-layout1 .tooltip-hun-box .saseung-box .saseung-item .saseung .saseung-txt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url('ic_des_bg.svg') no-repeat center/cover;
  padding: 1rem 0.5rem;
  height: 2rem;
  color: #533E1F;
  font-size: 1.1rem;
}
article.tooltip-layout1 .tooltip-hun-box .saseung-box .meaning {
  font-size: 1.4rem;
  line-height: 2rem;
}
article.tooltip-layout1 .tooltip-hun-box .saseung-box .meaning .highlight {
  color: white;
  background-color: #9a7947;
  padding: 2px 0;
}
article.tooltip-layout1 .reload-icon {
  justify-content: center;
  display: flex;
  margin-top: 8px;
}
article.tooltip-layout1 .reload-icon img {
  width: 42px;
  height: 42px;
}
article.tooltip-layout1 .tooltip-link-box {
  padding-top: 0.5rem;
  display: flex;
  flex-wrap: wrap; /* 필요에 따라 줄바꿈 허용 */
  align-items: flex-start; /* 자식 요소들이 같은 라인에 배치되지 않을 경우 위쪽에 정렬 */
  width: 100%; /* 부모 div의 폭을 100%로 설정 (필요에 따라 조절 가능) */
  margin-bottom: 0.5rem;
}
article.tooltip-layout1 .tooltip-link-box .tooltip-link-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding-left: 1.6rem;
}
article.tooltip-layout1 .tooltip-link-box .tooltip-link-btn:hover {
  cursor: pointer;
}
article.tooltip-layout1 .tooltip-link-box .txt {
  font-size: 1.2rem;
  line-height: 1.8rem;
  white-space: nowrap;
  margin-left: auto;
}
article.tooltip-layout1 .tooltip-link-box .txt.more {
  flex: 1;
  margin-left: unset;
}
article.tooltip-layout1 .tooltip-link-box .ic-link {
  margin-left: 0.6rem;
  background: url('ic_tooltip_link.svg') no-repeat center/cover;
  width: 0.4rem;
  height: 0.8rem;
  order: 3;
  margin-top: 0.4rem;
}

article.detail-tit-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.2rem;
}
article.detail-tit-layout .tit-txt-box {
  font-size: 1.6rem;
}
article.detail-tit-layout .tit-txt-box b {
  font-weight: 600;
}
article.detail-tit-layout .tit-txt-box .sub-txt {
  font-size: 1.4rem;
}
article.detail-tit-layout .tit-option-box {
  display: inline-flex;
  align-items: center;
}
article.detail-tit-layout .tit-option-box .option-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  border-radius: 14px;
  background-color: #fff;
  border: 1px solid #F1EDE5;
  padding: 0 1.1rem;
  height: 2.6rem;
}
article.detail-tit-layout .tit-option-box .option-place-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.3rem;
  width: 42px;
  height: 26px;
  background-color: #4E4E4E;
}
html.large-mode article.detail-tit-layout .tit-option-box .option-place-btn {
  width: 48px;
  height: 32px;
}

article.detail-tit-layout .tit-option-box .option-place-btn .ic-place {
  background: url('ic_place.svg') no-repeat center/cover;
  width: 1.2rem;
  height: 1.6rem;
}

article.bookmark-btn-box .bookmark-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background-color: #E8E8E8;
  cursor: pointer;
}
article.bookmark-btn-box .bookmark-btn.type-big {
  width: 3.4rem;
  height: 3.4rem;
}
article.bookmark-btn-box .bookmark-btn.on {
  background-color: #FFE59C;
}
article.bookmark-btn-box .bookmark-btn.on:before {
  background: url('ic_bookmark_on.svg') no-repeat center;
}
article.bookmark-btn-box .bookmark-btn:before {
  content: "";
  position: relative;
  background: url('ic_bookmark_off.svg') no-repeat center;
  width: 1.4rem;
  height: 1.8rem;
}

article.place-layout1 {
  z-index: 300;
  white-space: nowrap;
  position: fixed;
  top: 0;
  left: 0;
}
html.large-mode article.place-layout1 {
  max-width: 360px;
}

article.place-layout1 .place-wrap {
  background-color: #fff;
  border: 1px solid #ECD9BD;
  border-radius: 12px;
  position: fixed;
  top: 50%;
  left: 32%;
  transform: translate(-50%, -50%);
}
article.place-layout1 .place-wrap .place-close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url('ic_tooltip_close.svg') no-repeat center/cover;
  width: 1.2rem;
  height: 1.2rem;
}
article.place-layout1 .place-wrap .place-head-box {
  padding: 36px 20px 8px;
}
article.place-layout1 .place-wrap .place-head-box .place-tit-box {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8rem;
  padding-bottom: 0.9rem;
  color: #4E4E4E;
}
article.place-layout1 .place-wrap .place-head-box .place-info-box {
  display: flex;
  align-items: center;
}
article.place-layout1 .place-wrap .place-head-box .place-info-box .subject-box {
  padding-right: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #4E4E4E;
}
article.place-layout1 .place-wrap .place-head-box .place-info-box .con-box {
  padding: 8px 12px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  background-color: #FBF3E7;
}
article.place-layout1 .place-wrap .place-body-box {
  padding: 0 10px 0 24px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box {
  position: relative;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box {
  position: absolute;
  background-color: #fff;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -14px;
  border-top: #fff solid 13px;
  border-left: transparent solid 6.5px;
  border-right: transparent solid 6.5px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  border-top: #fff solid 12px;
  border-left: transparent solid 6px;
  border-right: transparent solid 6px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-1 {
  border: 1px solid #427dc1;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-1:before {
  border-top-color: #427dc1;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-2 {
  border: 1px solid #816131;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-2:before {
  border-top-color: #816131;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-3 {
  border: 1px solid #4bb0c2;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-3:before {
  border-top-color: #4bb0c2;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-4 {
  border: 1px solid #8f50ab;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-4:before {
  border-top-color: #8f50ab;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-5 {
  border: 1px solid #ff961c;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-5:before {
  border-top-color: #ff961c;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-6 {
  border: 1px solid #3fa783;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.type-6:before {
  border-top-color: #3fa783;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-1 {
  top: 35px;
  right: 103px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-2 {
  bottom: 267px;
  right: 59px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-3 {
  bottom: 181px;
  right: 81px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-4 {
  bottom: 194px;
  left: 79px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-5 {
  bottom: 122px;
  left: 76px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-6 {
  bottom: 35px;
  left: 75px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-7 {
  top: 123px;
  left: 144px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-8 {
  top: 163px;
  left: 60px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box.region2-9 {
  top: 12px;
  left: 93px;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box .place-name-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-item-box .place-word-box {
  padding-top: 0.5rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 600;
  color: #33373B;
}
article.place-layout1 .place-wrap .place-body-box .place-view-box .place-map-box img {
  width: 380px;
}

article.place-list-layout .place-label-list {
  display: inline-flex;
  align-items: center;
}
article.place-list-layout .place-label-list .place-label-box {
  display: inline-flex;
  align-items: center;
  font-family: "Ansungtangmyun";
  font-size: 1.2rem;
  font-weight: 700;
  height: 2.1rem;
  padding: 0.1rem 0.5rem 0;
  color: #fff;
}
article.place-list-layout .place-label-list .place-label-box + .place-label-box {
  margin-left: 4px;
}
article.place-list-layout .place-label-list .place-label-box.fix {
  font-size: 17px;
  height: 30px;
  padding: 2px 7px 0;
}
article.place-list-layout .place-label-list .place-label-box.main-type0 {
  background: url('img_place_main0_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.main-type1 {
  background: url('img_place_main3_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.sub-type1 {
  background: url('img_place_sub3_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.main-type2 {
  background: url('img_place_main5_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.sub-type2 {
  background: url('img_place_sub5_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.main-type3 {
  background: url('img_place_main6_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.sub-type3 {
  background: url('img_place_sub6_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.main-type4 {
  background: url('img_place_main1_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.sub-type4 {
  background: url('img_place_sub1_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.main-type5 {
  background: url('img_place_main4_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.sub-type5 {
  background: url('img_place_sub4_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.main-type6 {
  background: url('img_place_main2_bg.svg') no-repeat center/cover;
}
article.place-list-layout .place-label-list .place-label-box.sub-type6 {
  background: url('img_place_sub2_bg.svg') no-repeat center/cover;
}

section.sponsor {
  padding: 183px 0 338px;
}
section.sponsor .sponsor-list .list-wrap ul {
  margin: 0 -13px;
  display: flex;
}
section.sponsor .sponsor-list .list-wrap ul li {
  width: 25%;
  margin: 0 13px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box {
  background: url('img_sponsor.png') no-repeat center/100% 100%;
  width: 100%;
  height: 100%;
  max-width: 300px;
  padding: 44px 30px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box.active .switch-box .sponsor-img-box {
  display: none;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box.active .switch-box .pay-box {
  display: flex;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .info-box {
  flex: 1;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .info-box .subject-txt {
  font-size: 2.4rem;
  font-weight: 700;
  color: #33373B;
  font-family: "Ansungtangmyun";
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .info-box .sub-txt {
  padding-top: 7px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #33373B;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box {
  height: 170px;
  margin: 26px 0 27px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box .img-box {
  border-radius: 50%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box .img-box.type-hand {
  background: rgba(249, 246, 237, 0.6) url('ic_hand.png') no-repeat center/69px 72px;
  width: 100%;
  height: 130px;
  max-width: 130px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box .img-box.type-basket {
  background: rgba(249, 246, 237, 0.6) url('ic_basket.png') no-repeat center/56px 76px;
  width: 100%;
  height: 130px;
  max-width: 130px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box {
  display: none;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box + .pay-btn-box {
  margin-top: 10px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn {
  border-radius: 25px;
  width: 230px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-kakao {
  background: #FCEC21 url('ic_kakao.png') no-repeat left 0 center/100% 100%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-kakao .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-paypal {
  background: #142F8B url('ic_paypal.png') no-repeat left 0 center/100% 100%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-paypal .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .account-number {
  border-radius: 25px;
  background-color: #FBFAEF;
  width: 230px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .sponsor-btn-box .sponsor-btn {
  background: url('img_sponsor_btn_bg.png') no-repeat center/cover;
  width: 240px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  font-family: "NotoSansKR";
}

article.msg-layer-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  pointer-events: none;
}
article.msg-layer-popup .msg-layer {
  background: url('img_msg_layer_bg.png') no-repeat center/100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 72px;
  min-height: 64px;
  font-family: "Ansungtangmyun";
  font-size: 1.6rem;
  line-height: 1.9rem;
}

article.video-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1100;
  width: 100%;
}
article.video-popup:before {
  content: "";
  position: fixed;
  top: -100vh;
  right: 0;
  bottom: -100vh;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
article.video-popup .popup-wrapper {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  position: relative;
}
article.video-popup .popup-close-btn {
  position: absolute;
  right: 0;
  top: -50px;
  background: url('ic_popup_close.svg') no-repeat center/cover;
  width: 48px;
  height: 48px;
}
article.video-popup .embed-container {
  width: 100%;
  font-size: 0;
  padding-bottom: 56.25%; /* 16/9 ratio */
  position: relative;
}
article.video-popup .embed-container video,
article.video-popup .embed-container iframe,
article.video-popup .embed-container object,
article.video-popup .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

article.page-navigation {
  padding: 8px 0 10px;
  display: flex;
}
article.page-navigation .prev-btn {
  display: flex;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  background: url('ic_page_prev_off.svg') no-repeat center/cover;
}
article.page-navigation .prev-btn.on {
  background: url('ic_page_prev.svg') no-repeat center/cover;
  cursor: pointer;
}
article.page-navigation .prev-btn.loading {
  background: url('loading_icon.gif') no-repeat center/cover;
  background-size: 42px 42px;
}
article.page-navigation .next-btn {
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  width: 3.4rem;
  height: 3.4rem;
  background: url('ic_page_next_off.svg') no-repeat center/cover;
}
article.page-navigation .next-btn.on {
  background: url('ic_page_next.svg') no-repeat center/cover;
  cursor: pointer;
}
article.page-navigation .next-btn.loading {
  background: url('loading_icon.gif') no-repeat center/cover;
}
article.page-navigation .page {
  font-size: 1.6rem;
  line-height: 3.4rem;
}

article.data-view-layout {
  background-color: rgba(255, 255, 255, 0.7);
  flex-direction: column;
  padding: 24px;
}
article.data-view-layout.on {
  display: flex;
}
article.data-view-layout .menu-wrap {
  z-index: 11;
  position: absolute;
  top: 40px;
  right: 43px;
}
article.data-view-layout .menu-wrap .close-btn {
  width: 3rem;
  height: 3rem;
  background: #eeeeee;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
article.data-view-layout .menu-wrap .close-btn .close-icon {
  background: url('ic_tooltip_close.svg') no-repeat center/cover;
  width: 1.2rem;
  height: 1.2rem;
}
article.data-view-layout .view-group-box {
  width: 100%;
  flex: 1;
  overflow-y: auto;
}
article.data-view-layout .view-group-box .view-img-box {
  height: 240px;
  width: 100%;
  margin-bottom: 24px;
}
article.data-view-layout .view-group-box .view-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
article.data-view-layout .view-group-box .view-info-box .view-subject-box {
  font-size: 2.1rem;
  line-height: 2.6rem;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box {
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: justify;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box p {
  margin-bottom: 0.6rem;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box ol {
  list-style-type: decimal; /* 숫자 (1, 2, 3, ...) */
  padding-left: 2rem; /* 왼쪽 여백 */
}
article.data-view-layout .view-group-box .view-info-box .view-con-box blockquote {
  margin-left: 2rem;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box .large {
  font-size: 120%;
  line-height: 120%;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box .small {
  font-size: 80%;
  line-height: 80%;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box img {
  max-width: 100%;
  vertical-align: text-bottom;
}
article.data-view-layout .view-group-box .view-info-box .view-con-box img.img-char {
  height: 2rem;
}
article.data-view-layout .view-menu-box {
  display: flex;
  justify-content: flex-end;
  padding-top: 2rem;
}
article.data-view-layout .view-menu-box .view-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
article.data-view-layout .loading-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 6rem;
}
article.data-view-layout .loading-box img {
  width: 42px;
  height: 42px;
}

article.data-list-layout {
  height: 100%;
}
article.data-list-layout .list-wrap {
  height: 100%;
  padding-top: 2rem;
}
article.data-list-layout .list-wrap ul {
  display: flex;
  flex-direction: column;
  list-style-type: disc; /* 기본적인 불릿 스타일 */
  margin-left: 3rem;
  height: 100%;
}
article.data-list-layout .list-wrap ul li {
  flex-grow: 1;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.1rem;
}
article.data-list-layout .list-wrap ul li + li {
  margin-top: 8px;
}
article.data-list-layout .list-wrap ul li.on {
  font-weight: 900;
}
article.data-list-layout .list-wrap ul .item-box {
  display: flex;
  padding: 20px 28px 10px;
}
article.data-list-layout .list-wrap ul .item-box .info-box {
  flex: 1;
}
article.data-list-layout .list-wrap ul .item-box .info-box .subject-box {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.1rem;
}
article.data-list-layout .list-wrap ul .item-box .info-box .con-box {
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1.8rem;
  max-height: 5.4rem;
  max-width: 100%;
  font-size: 1.4rem;
}
article.data-list-layout .list-wrap ul .item-box .img-box {
  margin-left: 20px;
  width: 90px;
  height: 90px;
}
article.data-list-layout .list-wrap ul .item-box .img-box img {
  width: 100%;
  height: 100%;
}

article.proverb-list-layout {
  width: 100%;
  height: calc(100% - 8px);
}
article.proverb-list-layout .list-wrap {
  height: 100%;
}
article.proverb-list-layout .list-wrap ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}
article.proverb-list-layout .list-wrap ul li {
  background-color: rgba(255, 255, 255, 0.7);
}
article.proverb-list-layout .list-wrap ul li.extend {
  flex-grow: 1;
}
article.proverb-list-layout .list-wrap ul li + li {
  margin-top: 8px;
}
article.proverb-list-layout .list-wrap ul li.no-result {
  justify-content: center;
  display: block;
  margin-top: 8px;
  line-height: 1.8rem;
  color: #384440;
  padding: 80px 12px;
  height: 100%;
  max-height: unset;
  display: flex;
  flex-direction: column;
  background-color: unset;
}
article.proverb-list-layout .list-wrap ul li.no-result .no-result-img {
  background: url('img_girl.png') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
article.proverb-list-layout .list-wrap ul li.no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
}
html.large-mode article.proverb-list-layout .list-wrap ul li.no-result .no-result-txt {
  font-size: 2.2rem;
}

article.proverb-list-layout .list-wrap ul li .item-box {
  padding: 20px 28px 10px;
}
article.proverb-list-layout .list-wrap ul li .item-box .item-head-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article.proverb-list-layout .list-wrap ul li .item-box .item-head-box .head-box {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.1rem;
  position: relative;
}
article.proverb-list-layout .list-wrap ul li .item-box .item-head-box .option-list {
  display: inline-flex;
  align-items: center;
}
article.proverb-list-layout .list-wrap ul li .item-box .item-body-box {
  padding-top: 1rem;
}
article.proverb-list-layout .list-wrap ul li .item-box .item-body-box .des-box {
  font-size: 1.4rem;
  line-height: 2rem;
  position: relative;
}
article.proverb-list-layout .reload-img {
  background: url('loading_icon.gif') no-repeat center;
  background-size: 42px 42px;
  width: 100%;
  height: 100%;
}

section.setting .setting-box {
  padding: 70px 0 36px;
}
section.setting .setting-box article.book-layout .book-layout-wrap.type-page-list-none:after {
  display: none;
}
section.setting .setting-box article.book-layout .book-page-group {
  height: 750px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box {
  background-color: transparent;
  padding: 23px 8px 0 20px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content {
  overflow-y: auto;
  padding-right: 12px;
  margin-bottom: 5px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md {
  font-size: 1.6rem;
  line-height: 2.56rem; /* 1.6rem * 1.6 (추천 비율) */
  display: block;
  overflow: auto;
  /* 순서가 있는 목록(ol) 스타일 */
  /* 순서가 없는 목록(ul) 스타일 */
  /* 목록 항목(li) 스타일 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md h1 {
  font-size: 2em; /* 예시 값, 실제 프로젝트에 맞게 조정 필요 */
  line-height: 1.6; /* em 단위에서는 2em * 1.6 비율로 계산 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md h2 {
  font-size: 1.5em; /* 예시 값 */
  line-height: 1.6; /* 마찬가지로 1.5em * 1.6 비율 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md h3 {
  font-size: 1.17em; /* 예시 값 */
  line-height: 1.6; /* 1.17em * 1.6 비율 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md h4 {
  font-size: 1em; /* 예시 값 */
  line-height: 1.6; /* 1em * 1.6 비율 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md ol {
  margin-left: 40px;
  font-size: 1em;
  line-height: 1.6; /* 1em * 1.6 비율로 추가 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md ul {
  margin-left: 40px;
  font-size: 1em;
  list-style-type: disc; /* 기본적인 불릿 스타일 */
  line-height: 1.6; /* 1em * 1.6 비율로 추가 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md li {
  margin-bottom: 5px; /* 항목 간 간격 */
  line-height: 1.5; /* 줄 간격 유지 혹은 조정 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md pre {
  background-color: #f4f4f4; /* 코드 블럭 배경색 */
  border: 0.0625rem solid #ddd; /* 테두리, 1px = 0.0625rem */
  border-left: 0.1875rem solid #f36d33; /* 왼쪽에 강조 테두리, 3px = 0.1875rem */
  color: #666; /* 글자색 */
  page-break-inside: avoid; /* 페이지 나눔 방지 */
  font-family: monospace; /* 고정폭 글꼴 사용 */
  font-size: 0.9375rem; /* 글자 크기, 15px = 0.9375rem */
  line-height: 1.6; /* 줄 간격, 상대적 값이므로 변경하지 않음 */
  margin-bottom: 1.6rem; /* 아래쪽 마진, em에서 rem으로 변경 */
  max-width: 100%; /* 최대 가로 폭 */
  overflow: auto; /* Overflow 발생시 스크롤 바 추가 */
  padding: 1rem 1.5rem; /* 패딩, em에서 rem으로 변경 */
  display: block; /* 블록 레벨 요소처럼 표시 */
  word-wrap: break-word; /* 단어가 줄을 넘어가지 않도록 처리 */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md code {
  background-color: #f4f4f4; /* 코드 백그라운드 컬러 */
  border-radius: 0.1875rem; /* 모서리 둥글게, 3px = 0.1875rem */
  font-family: monospace; /* 고정폭 글꼴 */
  padding: 0 0.25rem; /* 양쪽 패딩, 0.4em 대신 직접 계산한 값으로 변경(예: 0.4em = 0.25rem 기준) */
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md a {
  text-decoration: underline;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .md img {
  max-width: 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li {
  padding-bottom: 29px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li + li {
  border-top: 1px solid #D4C2A8;
  padding-top: 26px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box {
  display: flex;
  flex-flow: column;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box {
  flex: 1 1 54px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .subject-box {
  font-size: 2.2rem;
  font-weight: 600;
  color: #33373B;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box {
  padding-top: 14px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #33373B;
  line-height: 2.2rem;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box.type-small {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box.grid {
  display: grid;
  grid-template-columns: 10rem auto;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box.grid .sub-txt {
  text-align: end;
  padding-right: 1rem;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box.grid .con-txt {
  overflow: auto;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box.grid .con-txt a {
  width: 100%;
  text-decoration: underline;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box.grid .con-txt .link {
  border: 1px solid #D4C2A8;
  border-radius: 5px;
  padding: 2px 5px;
  background-color: #fff;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .sub-box a {
  text-decoration: underline;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .donation-box {
  padding-top: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #33373B;
  line-height: 2.2rem;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-head-box .donation-box.type-small {
  font-size: 1.2rem;
  line-height: 1.5rem;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box {
  margin-top: 14px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box {
  width: 100%;
  height: 46px;
  background-color: #4E402B;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn {
  width: 100%;
  height: 36px;
  border-radius: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn .txt {
  font-size: 1.5rem;
  color: #cbb99d;
  font-weight: 600;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn .star {
  height: 10px;
  background-image: url('ic_star_off.svg');
  background-repeat: space;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn .star.type-1 {
  width: 10px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn .star.type-2 {
  width: 22px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn .star.type-3 {
  width: 34px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn .star.type-4 {
  width: 46px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on {
  background-color: #F3E9D9;
  color: #33373B;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on .star {
  height: 10px;
  background-image: url('ic_star_on.svg');
  background-repeat: space;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on .star.type-1 {
  width: 10px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on .star.type-2 {
  width: 22px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on .star.type-3 {
  width: 34px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on .star.type-4 {
  width: 46px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .toggle-btn-box .toggle-btn.on .txt {
  color: #5e5649;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .licenses-btn-box .licenses-btn {
  background-color: #F3EDE1;
  border-radius: 40px;
  border: 1px solid #33373B;
  width: 100%;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #33373B;
  font-weight: 400;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .bookmark-box {
  display: flex;
  align-items: center;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .bookmark-box .naver-logo {
  margin: 5px 20px;
  flex: 1;
  height: 4.5rem;
  background: url('ic_naver_connect.svg') no-repeat center/auto 100%;
  cursor: pointer;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .item-box .item-body-box .bookmark-box .naver-logo.disconnect {
  background: url('ic_naver_disconnect.svg') no-repeat center/auto 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box + .pay-btn-box {
  margin-top: 70px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn {
  border-radius: 25px;
  width: 230px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-kakao {
  background: #FCEC21 url('ic_kakao.png') no-repeat left 0 center/100% 100%;
  cursor: pointer;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-kakao .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
  padding-left: 40px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-npay {
  background: rgb(0, 198, 59) url('ic_npay.png') no-repeat left 0 center/100% 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-npay .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  padding-left: 50px;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-toss {
  background: #fff url('ic_toss.png') no-repeat left 0 center/100% 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-toss .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-paypal {
  background: #142F8B url('ic_paypal.png') no-repeat left 0 center/100% 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .pay-btn.type-paypal .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .pay-box .pay-btn-box .account-number {
  border-radius: 25px;
  background-color: #FBFAEF;
  width: 230px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content .list-wrap ul li .iframe-container {
  width: 100%;
  height: 580px;
  overflow: hidden;
  background: white;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content.donation {
  height: 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content.donation .list-wrap {
  height: 100%;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content.donation .list-wrap ul {
  height: 100%;
  display: flex;
  flex-direction: column;
}
section.setting .setting-box article.book-layout .book-page-group .page-box .page-content.donation .list-wrap ul li + li {
  flex: 1;
  display: flex;
  flex-direction: column;
}

section.legal-notice .setting-box {
  padding: 70px 0 36px;
}
section.legal-notice .setting-box article.book-layout .book-layout-wrap.type-page-list-none:after {
  display: none;
}
section.legal-notice .setting-box article.book-layout .book-page-group {
  height: 750px;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box {
  background-color: transparent;
  padding: 23px 8px 0 20px;
  width: 100%;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content {
  overflow-y: auto;
  padding-right: 12px;
  margin-bottom: 5px;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .fixed-text {
  position: sticky;
  top: 0;
  background: url('img_book_bg_inner.png') no-repeat center/cover;
  z-index: 10;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .fixed-text .fixed-msg {
  padding: 1rem 20rem;
  font-family: "Ansungtangmyun";
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: #33373B;
}
html.large-mode section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .fixed-text .fixed-msg {
  padding-left: 6rem;
  padding-right: 6rem;
}

section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .loading-box {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 6rem;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .loading-box img {
  width: 42px;
  height: 42px;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .title {
  font-family: "Ansungtangmyun";
  font-size: 2.2rem;
  font-weight: 600;
  color: #33373B;
  padding-bottom: 20px;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .head-box {
  padding: 2rem 0 1rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.7rem;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .des-box {
  padding-bottom: 1.4rem;
  font-size: 1.4rem;
  line-height: 2.3rem;
}
section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .admin-title {
  font-family: "Ansungtangmyun";
  font-size: 2.2rem;
  font-weight: 600;
  color: #33373B;
  padding: 3rem 20rem 3rem;
}
html.large-mode section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .admin-title {
  padding-left: 6rem;
  padding-right: 6rem;
}

section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .admin-des-box {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0 20rem 2rem;
  text-align: justify;
}
html.large-mode section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .admin-des-box {
  padding-left: 6rem;
  padding-right: 6rem;
}

section.legal-notice .setting-box article.book-layout .book-page-group .page-box .page-content .right {
  text-align: right;
}

section.sponsor {
  padding: 182px 0 290px;
}
section.sponsor .sponsor-list .list-wrap ul {
  margin: 0 -13px;
  display: flex;
}
section.sponsor .sponsor-list .list-wrap ul li {
  width: 25%;
  margin: 0 13px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box {
  background: url('img_sponsor.png') no-repeat center/100% 100%;
  width: 100%;
  height: 100%;
  max-width: 300px;
  padding: 44px 30px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box.active .switch-box .sponsor-img-box {
  display: none;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box.active .switch-box .pay-box {
  display: flex;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .info-box {
  flex: 1;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .info-box .subject-txt {
  font-size: 2.4rem;
  font-weight: 700;
  color: #33373B;
  font-family: "Ansungtangmyun";
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .info-box .sub-txt {
  padding-top: 7px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  color: #33373B;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box {
  height: 170px;
  margin: 26px 0 27px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box {
  display: flex;
  justify-content: center;
  height: 100%;
  align-items: center;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box .img-box {
  border-radius: 50%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box .img-box.type-hand {
  background: rgba(249, 246, 237, 0.6) url('ic_hand.png') no-repeat center/69px 72px;
  width: 100%;
  height: 130px;
  max-width: 130px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .sponsor-img-box .img-box.type-basket {
  background: rgba(249, 246, 237, 0.6) url('ic_basket.png') no-repeat center/56px 76px;
  width: 100%;
  height: 130px;
  max-width: 130px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box {
  display: none;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  height: 100%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box + .pay-btn-box {
  margin-top: 10px;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn {
  border-radius: 25px;
  width: 230px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-kakao {
  background: #FCEC21 url('ic_kakao.png') no-repeat left 0 center/100% 100%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-kakao .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-paypal {
  background: #142F8B url('ic_paypal.png') no-repeat left 0 center/100% 100%;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .pay-btn.type-paypal .txt {
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .switch-box .pay-box .pay-btn-box .account-number {
  border-radius: 25px;
  background-color: #FBFAEF;
  width: 230px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #33373B;
}
section.sponsor .sponsor-list .list-wrap ul li .sponsor-box .sponsor-btn-box .sponsor-btn {
  background: url('img_sponsor_btn_bg.png') no-repeat center/cover;
  width: 240px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #ffffff;
  font-family: "NotoSansKR";
}

section.listen {
  padding: 18px 0 10px;
  height: 100%;
}
section.listen .search-head-box {
  max-width: 654px;
  margin: 0 auto;
}
section.listen .search-head-box .search-recently-box {
  position: relative;
  margin-right: 120px;
  margin-bottom: 8px;
}
section.listen .search-head-box .search-recently-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; /* 그라디언트의 너비를 조절하세요 */
  background: linear-gradient(to right, rgba(65, 81, 66, 0), rgb(65, 81, 66));
  pointer-events: none;
}
section.listen .search-head-box .search-recently-box .scroll-content {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
}
section.listen .search-head-box .search-recently-box .scroll-content .label-box {
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.8rem;
  height: 36px;
  display: inline-flex;
  align-items: center;
  padding-right: 20px;
}
section.listen .search-head-box .search-recently-box .scroll-content .list-box {
  min-width: 0;
  flex: 1;
  height: 44px;
  position: relative;
  display: inline-flex;
}
section.listen .search-head-box .search-recently-box .scroll-content .list-box .item-box {
  margin: 4px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.2rem;
  background: transparent url('img_keyword_bg.svg') no-repeat center/100%;
  cursor: pointer;
  min-width: 70px;
}
section.listen .search-head-box .search-recently-box .scroll-content .list-box .item-box.arrow {
  cursor: unset;
}
section.listen .search-head-box .search-recently-box .scroll-content .list-box .item-box .keyword-box {
  font-weight: 600;
  font-size: 1.4rem;
  color: #3B3F4B;
}
section.listen .search-head-box .search-recently-box .scroll-content .list-box .item-box .keyword-remove-btn {
  background: url('ic_keyword_remove.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
section.listen .search-head-box .search-recently-box .scroll-content .list-box .item-box .keyword-arrow {
  background: url('ic_arrow_right.svg') no-repeat center/cover;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 5px;
}
section.listen .listen-body-box {
  margin-top: 12px;
  overflow: auto;
  width: auto;
}
section.listen .listen-body-box .row + .row {
  margin-top: 30px;
}
section.listen .listen-body-box .row .subject-box {
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Ansungtangmyun";
  width: auto;
}
section.listen .listen-body-box .row .subject-box.type-1 {
  background: url('img_listen_subject_bg2.png') no-repeat center/cover;
  min-width: 188px;
  padding: 0 2rem;
}
section.listen .listen-body-box .row .subject-box.type-2 {
  background: url('img_listen_subject_bg1.png') no-repeat center/cover;
  min-width: 145px;
  padding: 0 2.6rem;
}
section.listen .listen-body-box .row .subject-box.type-3 {
  background: url('img_listen_subject_bg3.png') no-repeat center/cover;
  min-width: 160px;
  padding: 0 2.3rem;
}
section.listen .listen-body-box .row .subject-box .subject-txt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.7rem;
  color: #ffffff;
}
section.listen .listen-body-box .row .subject-box .subject-txt .btn-more {
  margin: 0 0.2rem;
  border-radius: 5px;
  padding: 2px 5px;
  background-color: rgb(53, 72, 58);
  font-size: 1.2rem;
  font-family: "NotoSansKR";
  color: #dddddd;
}
section.listen .listen-body-box .row .swiper-box {
  display: flex;
  position: relative;
  padding-top: 20px;
}
section.listen .listen-body-box .row .swiper-box .custom-button-prev {
  color: #bbb;
  position: absolute;
  left: 20px;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.listen .listen-body-box .row .swiper-box .custom-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: "prev";
  padding: 20px;
}
section.listen .listen-body-box .row .swiper-box .custom-button-prev.swiper-button-disabled:after {
  color: rgba(187, 187, 187, 0.2666666667);
}
section.listen .listen-body-box .row .swiper-box .custom-button-next {
  color: #bbb;
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  right: 20px;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.listen .listen-body-box .row .swiper-box .custom-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  content: "next";
  padding: 20px;
}
section.listen .listen-body-box .row .swiper-box .custom-button-next.swiper-button-disabled:after {
  color: rgba(187, 187, 187, 0.2666666667);
}
section.listen .listen-body-box .row .listen-video-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1150px;
}
section.listen .listen-body-box .row .listen-video-list .item-slide {
  width: unset;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box {
  display: block;
  margin: 0 8px;
  cursor: pointer;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .top-box {
  position: relative;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .top-box .place-box {
  position: absolute;
  left: 6px;
  top: 6px;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .top-box .video-box .video.type-1 {
  background: url('img_listen_item1.png') no-repeat center/cover;
  height: 152px;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .top-box .badge-box {
  position: absolute;
  right: 0;
  top: 0;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .top-box .badge-box .ic.ic-new {
  background: url('ic_badge_new.svg') no-repeat center/cover;
  width: 2.8rem;
  height: 2.8rem;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .top-box .option-box {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .bottom-box {
  background-color: #343844;
  padding: 18px;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .bottom-box .listen-subject-box {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
}
section.listen .listen-body-box .row .listen-video-list .item-slide .item-box .bottom-box .day-box {
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #8B92A7;
  margin-top: 0.5rem;
}
section.listen .listen-body-box .reload-icon {
  justify-content: center;
  display: flex;
  margin-top: 8px;
}
section.listen .listen-body-box .reload-icon img {
  width: 42px;
  height: 42px;
}
section.listen .listen-body-box .no-result {
  justify-content: center;
  display: block;
  margin-top: 8px;
  line-height: 1.8rem;
  padding: 80px 12px;
}
section.listen .listen-body-box .no-result .no-result-img {
  background: url('img_boy.svg') no-repeat center/contain;
  width: 100%;
  height: 200px;
}
section.listen .listen-body-box .no-result .no-result-txt {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1rem;
  color: white;
}
html.large-mode section.listen .listen-body-box .no-result .no-result-txt {
  font-size: 2.2rem;
}

article.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 501;
  cursor: default;
}
article.popup:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.67);
}
article.popup .popup-wrapper {
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  max-width: 400px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
article.popup article.popup-msg-form {
  padding: 30px;
}
article.popup article.popup-msg-form .head-box {
  font-family: "NotoSansKR";
  font-size: 2rem;
  line-height: 2.9rem;
  color: #33373B;
  text-align: center;
  font-weight: 700;
}
article.popup article.popup-msg-form .ic-box {
  text-align: center;
  padding-top: 2rem;
}
article.popup article.popup-msg-form .ic-box .ic-network-error {
  background: url('ic_popup_network_error.svg') no-repeat center/cover;
  width: 68px;
  height: 68px;
}
article.popup article.popup-msg-form .body-box {
  padding-top: 1rem;
  font-family: "NotoSansKR";
  font-size: 1.4rem;
  line-height: 2.2rem;
  word-break: break-all;
}
article.popup article.popup-msg-form .body-box .err-tit {
  padding-bottom: 1rem;
  padding: 1rem 0;
}
article.popup article.popup-msg-form .body-box .err-grid {
  display: grid;
  grid-template-columns: 7rem auto;
}
article.popup article.popup-msg-form .body-box .err-grid .sub-txt {
  text-align: end;
  padding-right: 0.5rem;
}
article.popup article.popup-msg-form .body-box .err-grid .con-txt {
  overflow: auto;
  text-align: left;
  word-break: break-all;
}
article.popup article.popup-msg-form .body-box .err-grid .con-txt a {
  width: 100%;
}
article.popup article.popup-msg-form .chk-box {
  text-align: center;
  padding-top: 3.6rem;
}
article.popup .popup-foot-box {
  display: flex;
  margin-bottom: -1px;
}
article.popup .popup-foot-box .popup-foot-btn {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 62px;
  font-family: "NotoSansKR";
  font-size: 1.8rem;
  line-height: 2.2rem;
  cursor: pointer;
}
article.popup .popup-foot-box .popup-foot-btn.type-1 {
  background-color: #816131;
}
article.popup .popup-foot-box .popup-foot-btn.type-2 {
  background-color: #d2562f;
}
article.popup .popup-foot-box .popup-foot-btn.type-3 {
  background-color: #3b3b3b;
}
article.popup .popup-cookie-box {
  position: absolute;
  left: 0;
  top: -40px;
}
article.popup .popup-cookie-box .cookie-btn {
  display: inline-flex;
  align-items: center;
}
article.popup .popup-cookie-box .cookie-btn .ic {
  margin-top: 2px;
  margin-right: 6px;
}
article.popup .popup-cookie-box .cookie-btn .ic.ic-chk {
  background: url('ic_cbox_off.svg') no-repeat center/cover;
  width: 13px;
  height: 13px;
}
article.popup .popup-cookie-box .cookie-btn .txt {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */

/* FONT_START */
@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');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.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%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (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-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.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(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  /*ADD_HOST*/
}
.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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-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 > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}


/*# sourceMappingURL=styles.css.map*/