@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css");
@import url(../styles/nouislider.css);
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,
small, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  text-decoration: none;
  vertical-align: baseline; }

html, body {
  font-family: 'SandollGothicNeo1Unicode' , -apple-system, sans-serif;
  font-weight: normal; }
  html:lang(th), body:lang(th) {
    font-family: 'LINE Seed Sans TH', 'SandollGothicNeo1Unicode' , -apple-system, sans-serif; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

.blind {
  display: none; }

/* webfont */
/*bakey*/
/* Icon Bob */
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); } }

@keyframes webfontbanner {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }

@keyframes webfontbanner-float {
  100% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px); } }

@keyframes fade-renew {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

@keyframes hvr-icon-bob-main {
  0% {
    transform: translateY(-6px); }
  50% {
    transform: translateY(-2px); }
  100% {
    transform: translateY(-6px); } }

@keyframes main-itembg01 {
  0% {
    transform: scale(1.1) translate3d(0, 0, 0); }
  60% {
    transform: scale(1.15) translate3d(-1%, 1%, 0); }
  100% {
    transform: scale(1.1) translate3d(0, 0, 0); } }

@keyframes main-itembg02 {
  0% {
    transform: scale(1.1) translate3d(0, 0, 0); }
  60% {
    transform: scale(1.15) translate3d(1%, 1%, 0); }
  100% {
    transform: scale(1.1) translate3d(0, 0, 0); } }

@keyframes main-itembg03 {
  0% {
    transform: scale(1.1); }
  60% {
    transform: scale(1.15); }
  100% {
    transform: scale(1.1); } }

@keyframes slide {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }

@keyframes loader {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-16px); } }

@keyframes moveSlideshow {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-33.3333%); } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.mt-5px,
.my-5px {
  margin-top: 5px !important; }

.mb-5px,
.my-5px {
  margin-bottom: 5px !important; }

.ms-5px,
.mx-5px {
  margin-left: 5px !important; }

.me-5px,
.mx-5px {
  margin-right: 5px !important; }

.mt-10px,
.my-10px {
  margin-top: 10px !important; }

.mb-10px,
.my-10px {
  margin-bottom: 10px !important; }

.ms-10px,
.mx-10px {
  margin-left: 10px !important; }

.me-10px,
.mx-10px {
  margin-right: 10px !important; }

.mt-15px,
.my-15px {
  margin-top: 15px !important; }

.mb-15px,
.my-15px {
  margin-bottom: 15px !important; }

.ms-15px,
.mx-15px {
  margin-left: 15px !important; }

.me-15px,
.mx-15px {
  margin-right: 15px !important; }

.mt-20px,
.my-20px {
  margin-top: 20px !important; }

.mb-20px,
.my-20px {
  margin-bottom: 20px !important; }

.ms-20px,
.mx-20px {
  margin-left: 20px !important; }

.me-20px,
.mx-20px {
  margin-right: 20px !important; }

.mt-25px,
.my-25px {
  margin-top: 25px !important; }

.mb-25px,
.my-25px {
  margin-bottom: 25px !important; }

.ms-25px,
.mx-25px {
  margin-left: 25px !important; }

.me-25px,
.mx-25px {
  margin-right: 25px !important; }

.mt-30px,
.my-30px {
  margin-top: 30px !important; }

.mb-30px,
.my-30px {
  margin-bottom: 30px !important; }

.ms-30px,
.mx-30px {
  margin-left: 30px !important; }

.me-30px,
.mx-30px {
  margin-right: 30px !important; }

.mt-35px,
.my-35px {
  margin-top: 35px !important; }

.mb-35px,
.my-35px {
  margin-bottom: 35px !important; }

.ms-35px,
.mx-35px {
  margin-left: 35px !important; }

.me-35px,
.mx-35px {
  margin-right: 35px !important; }

.mt-40px,
.my-40px {
  margin-top: 40px !important; }

.mb-40px,
.my-40px {
  margin-bottom: 40px !important; }

.ms-40px,
.mx-40px {
  margin-left: 40px !important; }

.me-40px,
.mx-40px {
  margin-right: 40px !important; }

.mt-45px,
.my-45px {
  margin-top: 45px !important; }

.mb-45px,
.my-45px {
  margin-bottom: 45px !important; }

.ms-45px,
.mx-45px {
  margin-left: 45px !important; }

.me-45px,
.mx-45px {
  margin-right: 45px !important; }

.mt-50px,
.my-50px {
  margin-top: 50px !important; }

.mb-50px,
.my-50px {
  margin-bottom: 50px !important; }

.ms-50px,
.mx-50px {
  margin-left: 50px !important; }

.me-50px,
.mx-50px {
  margin-right: 50px !important; }

.mt-55px,
.my-55px {
  margin-top: 55px !important; }

.mb-55px,
.my-55px {
  margin-bottom: 55px !important; }

.ms-55px,
.mx-55px {
  margin-left: 55px !important; }

.me-55px,
.mx-55px {
  margin-right: 55px !important; }

.mt-60px,
.my-60px {
  margin-top: 60px !important; }

.mb-60px,
.my-60px {
  margin-bottom: 60px !important; }

.ms-60px,
.mx-60px {
  margin-left: 60px !important; }

.me-60px,
.mx-60px {
  margin-right: 60px !important; }

.mt-65px,
.my-65px {
  margin-top: 65px !important; }

.mb-65px,
.my-65px {
  margin-bottom: 65px !important; }

.ms-65px,
.mx-65px {
  margin-left: 65px !important; }

.me-65px,
.mx-65px {
  margin-right: 65px !important; }

.mt-70px,
.my-70px {
  margin-top: 70px !important; }

.mb-70px,
.my-70px {
  margin-bottom: 70px !important; }

.ms-70px,
.mx-70px {
  margin-left: 70px !important; }

.me-70px,
.mx-70px {
  margin-right: 70px !important; }

.mt-75px,
.my-75px {
  margin-top: 75px !important; }

.mb-75px,
.my-75px {
  margin-bottom: 75px !important; }

.ms-75px,
.mx-75px {
  margin-left: 75px !important; }

.me-75px,
.mx-75px {
  margin-right: 75px !important; }

.mt-80px,
.my-80px {
  margin-top: 80px !important; }

.mb-80px,
.my-80px {
  margin-bottom: 80px !important; }

.ms-80px,
.mx-80px {
  margin-left: 80px !important; }

.me-80px,
.mx-80px {
  margin-right: 80px !important; }

.mt-85px,
.my-85px {
  margin-top: 85px !important; }

.mb-85px,
.my-85px {
  margin-bottom: 85px !important; }

.ms-85px,
.mx-85px {
  margin-left: 85px !important; }

.me-85px,
.mx-85px {
  margin-right: 85px !important; }

.mt-90px,
.my-90px {
  margin-top: 90px !important; }

.mb-90px,
.my-90px {
  margin-bottom: 90px !important; }

.ms-90px,
.mx-90px {
  margin-left: 90px !important; }

.me-90px,
.mx-90px {
  margin-right: 90px !important; }

.mt-95px,
.my-95px {
  margin-top: 95px !important; }

.mb-95px,
.my-95px {
  margin-bottom: 95px !important; }

.ms-95px,
.mx-95px {
  margin-left: 95px !important; }

.me-95px,
.mx-95px {
  margin-right: 95px !important; }

.mt-100px,
.my-100px {
  margin-top: 100px !important; }

.mb-100px,
.my-100px {
  margin-bottom: 100px !important; }

.ms-100px,
.mx-100px {
  margin-left: 100px !important; }

.me-100px,
.mx-100px {
  margin-right: 100px !important; }

.mt-105px,
.my-105px {
  margin-top: 105px !important; }

.mb-105px,
.my-105px {
  margin-bottom: 105px !important; }

.ms-105px,
.mx-105px {
  margin-left: 105px !important; }

.me-105px,
.mx-105px {
  margin-right: 105px !important; }

.mt-110px,
.my-110px {
  margin-top: 110px !important; }

.mb-110px,
.my-110px {
  margin-bottom: 110px !important; }

.ms-110px,
.mx-110px {
  margin-left: 110px !important; }

.me-110px,
.mx-110px {
  margin-right: 110px !important; }

.mt-115px,
.my-115px {
  margin-top: 115px !important; }

.mb-115px,
.my-115px {
  margin-bottom: 115px !important; }

.ms-115px,
.mx-115px {
  margin-left: 115px !important; }

.me-115px,
.mx-115px {
  margin-right: 115px !important; }

.mt-120px,
.my-120px {
  margin-top: 120px !important; }

.mb-120px,
.my-120px {
  margin-bottom: 120px !important; }

.ms-120px,
.mx-120px {
  margin-left: 120px !important; }

.me-120px,
.mx-120px {
  margin-right: 120px !important; }

.mt-125px,
.my-125px {
  margin-top: 125px !important; }

.mb-125px,
.my-125px {
  margin-bottom: 125px !important; }

.ms-125px,
.mx-125px {
  margin-left: 125px !important; }

.me-125px,
.mx-125px {
  margin-right: 125px !important; }

.mt-130px,
.my-130px {
  margin-top: 130px !important; }

.mb-130px,
.my-130px {
  margin-bottom: 130px !important; }

.ms-130px,
.mx-130px {
  margin-left: 130px !important; }

.me-130px,
.mx-130px {
  margin-right: 130px !important; }

.btn {
  transition: all 0.3s;
  border-radius: 6px;
  font-size: 0.875rem;
  line-height: 1.64; }
  .btn:hover, .btn:focus {
    opacity: 1; }
  .btn:disabled,
  .btn .disabled {
    opacity: 0.8; }

.btn-width-default {
  min-width: 160px; }

.btn-width-120 {
  min-width: 120px; }

.btn-width-140 {
  min-width: 140px; }

.btn-width-180 {
  min-width: 180px; }

.btn-width-320 {
  min-width: 320px; }

.btn-size-default {
  padding: 8px 30px; }

.btn-size-md {
  padding: 11px 30px; }

.btn-size-lg {
  padding: 16px 30px; }

.btn-size-sm {
  padding: 2px 12px;
  min-width: 64px;
  font-size: 0.75rem !important; }

.btn-icon {
  display: inline-flex; }
  .btn-icon > svg + span {
    margin-left: 8px; }

.btn-close {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_X' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='translate(9 9)' d='m0 0 14 14'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(9 9)' d='M14 0 0 14'/%3E%3C/svg%3E%0A"); }
  .btn-close.text-white {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_X' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='translate(9 9)' d='m0 0 14 14'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(9 9)' d='M14 0 0 14'/%3E%3C/svg%3E%0A"); }

.btn-border-none {
  border: none;
  background: transparent;
  color: #dddddd;
  padding: 0;
  width: 32px;
  height: 32px; }
  .btn-border-none.active {
    color: #1c1c1c; }

.btn-sandoll {
  color: #ffffff !important;
  background: #4173fa;
  border: 1px solid #4173fa; }
  .btn-sandoll.btn-icon {
    fill: #ffffff; }
    .btn-sandoll.btn-icon:hover, .btn-sandoll.btn-icon:focus {
      color: #ffffff; }
  .btn-sandoll:hover, .btn-sandoll:focus {
    background: #1955F5;
    color: #ffffff; }

.btn-white-outline {
  color: #ffffff;
  background: transparent;
  border: 1px solid #ffffff; }
  .btn-white-outline:hover, .btn-white-outline:focus {
    color: #ffffff;
    opacity: 0.8; }

.btn-ddd-outline {
  color: #ffffff;
  background: transparent;
  border: 1px solid #dddddd; }
  .btn-ddd-outline:hover, .btn-ddd-outline:focus {
    color: #dddddd;
    opacity: 0.8; }

.btn-sandoll-light {
  background-color: #F5F8FF;
  color: #4173fa !important; }
  .btn-sandoll-light:hover, .btn-sandoll-light:active {
    background-color: #EBF0FF; }

.btn-default {
  color: #ffffff;
  background: #333333;
  border: 1px solid #333333; }
  .btn-default:hover, .btn-default:focus {
    background: #1c1c1c;
    color: #ffffff; }

.btn-default-outline {
  color: #333333;
  background: #ffffff;
  border: 1px solid #dddddd; }
  .btn-default-outline:hover, .btn-default-outline:focus {
    background: #ffffff;
    color: #333333;
    border: 1px solid #4173fa; }

.btn-sandoll-outline {
  color: #4173fa;
  background: #ffffff;
  border: 1px solid #4173fa; }
  .btn-sandoll-outline.btn-icon {
    fill: #4173fa; }
    .btn-sandoll-outline.btn-icon:hover, .btn-sandoll-outline.btn-icon:focus {
      fill: #4173fa; }
  .btn-sandoll-outline:hover, .btn-sandoll-outline:focus {
    background: #ededed;
    color: #4173fa; }

.btn-ddd {
  color: #ffffff;
  background: #dddddd;
  border: 1px solid #dddddd; }
  .btn-ddd:disabled {
    opacity: 1; }
  .btn-ddd.btn-icon {
    fill: #ffffff; }
    .btn-ddd.btn-icon:hover, .btn-ddd.btn-icon:focus {
      fill: #ffffff; }
  .btn-ddd:hover, .btn-ddd:focus {
    color: #ffffff; }

.btn-ccc {
  color: #ffffff;
  background: #cccccc;
  border: 1px solid #cccccc; }
  .btn-ccc:disabled {
    opacity: 1; }
  .btn-ccc.btn-icon {
    fill: #ffffff; }
    .btn-ccc.btn-icon:hover, .btn-ccc.btn-icon:focus {
      fill: #ffffff; }
  .btn-ccc:hover, .btn-ccc:focus {
    color: #ffffff; }

.btn-cancel {
  color: #ffffff;
  background: #999999;
  border: 1px solid #999999; }
  .btn-cancel:disabled {
    opacity: 1; }
  .btn-cancel.btn-icon {
    fill: #ffffff; }
    .btn-cancel.btn-icon:hover, .btn-cancel.btn-icon:focus {
      fill: #ffffff; }
  .btn-cancel:hover, .btn-cancel:focus {
    color: #ffffff; }

.btn-cancel-outline {
  color: #999999;
  background: #ffffff;
  border: 1px solid #999999; }
  .btn-cancel-outline.btn-icon {
    fill: #999999; }
    .btn-cancel-outline.btn-icon:hover, .btn-cancel-outline.btn-icon:focus {
      fill: #999999; }
  .btn-cancel-outline:hover, .btn-cancel-outline:focus {
    color: #999999; }

.btn-light-blue {
  background-color: #EBF0FF;
  color: #345CC8; }

.btn-light-blue-outline {
  border: 1px solid #345CC8;
  color: #345CC8; }

.btn-radius-md {
  border-radius: 6px; }

.btn-radius-sm {
  border-radius: 4px !important; }

.btn-size-m {
  width: 216px;
  padding: 14px 0; }

.easy_login .fs-txt-2 {
  line-height: 1.5; }

.easy_login .btn-sns {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 60px; }
  .easy_login .btn-sns img {
    position: absolute;
    top: 17px;
    left: 15px;
    width: 24px;
    margin-right: 0px; }
    .easy_login .btn-sns img.sandoll_icon {
      width: 30px;
      top: 22px; }
  .easy_login .btn-sns:active, .easy_login .btn-sns:focus, .easy_login .btn-sns:hover {
    background: #f0f0f0;
    border: 1px solid #dddddd; }

.mobile .btn-width-default {
  min-width: 150px; }

.mobile .btn-width-180 {
  min-width: 180px; }

.mobile .btn-width-320 {
  min-width: 320px; }

.mobile .btn-size-default {
  padding: 8px 28px; }

.mobile .btn-size-lg {
  padding: 17px 30px;
  height: 60px; }

.mobile .btn-size-sm {
  padding: 4px 16px;
  min-width: 76px;
  font-size: 0.75rem !important; }
  .mobile .btn-size-sm.w-90 {
    min-width: 90px; }

.mobile .btn-width-110px {
  padding: 8px 0;
  min-width: 110px; }

.mobile .btn-size-m {
  padding: 9px 0; }

/* icon */
i.sd {
  background-position: center;
  background-size: cover;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  display: inline-block;
  /*
  &.ic-grid{ //basic - ddd
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3260'%3E%3Cpath data-name='사각형 2429' d='M1.609-.391V14.36h17.7V-.391h-17.7m0-1.609h17.7A1.609 1.609 0 0 1 20.92-.391V14.36a1.609 1.609 0 0 1-1.609 1.609H1.609A1.609 1.609 0 0 1 0 14.36V-.391A1.609 1.609 0 0 1 1.609-2z' transform='translate(5.766 8.924)' style='fill:%23ddd'/%3E%3Cpath data-name='Union 1' d='M5.474 10.244H1.092a1.089 1.089 0 0 1-.857-1.763L3.987 3.7a1.092 1.092 0 0 1 1.713 0l1.357 1.731L11.074.409a1.091 1.091 0 0 1 1.7 0l6.451 8.065a1.09 1.09 0 0 1-.852 1.771z' transform='translate(6.483 13.175)' style='fill:%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A");
    &.black{
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3260'%3E%3Cpath data-name='사각형 2429' d='M1.609-.391V14.36h17.7V-.391h-17.7m0-1.609h17.7A1.609 1.609 0 0 1 20.92-.391V14.36a1.609 1.609 0 0 1-1.609 1.609H1.609A1.609 1.609 0 0 1 0 14.36V-.391A1.609 1.609 0 0 1 1.609-2z' transform='translate(5.766 8.924)' style='fill:%231c1c1c'/%3E%3Cpath data-name='Union 1' d='M5.474 10.244H1.092a1.089 1.089 0 0 1-.857-1.763L3.987 3.7a1.092 1.092 0 0 1 1.713 0l1.357 1.731L11.074.409a1.091 1.091 0 0 1 1.7 0l6.451 8.065a1.09 1.09 0 0 1-.852 1.771z' transform='translate(6.483 13.175)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A");    
    }
  }
  &.ic-list{ //basic- ddd
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M26.48 45.129h-8.067a1.618 1.618 0 0 1-1.613-1.613V42.44a1.618 1.618 0 0 1 1.613-1.613h8.067a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -20.659)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3265'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -28.845)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3266'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -35.028)' style='fill:%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A");
    &.black{
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M26.48 45.129h-8.067a1.618 1.618 0 0 1-1.613-1.613V42.44a1.618 1.618 0 0 1 1.613-1.613h8.067a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -20.659)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3265'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -28.845)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3266'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -35.028)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
  }
  &.ic-noimg-grid{ //basic- ddd
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M23.179 24.8h-4.784a1.6 1.6 0 0 1-1.595-1.594v-4.785a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.591 1.591 0 0 1-1.595 1.595z' transform='translate(-.16 -.056)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3225'%3E%3Cpath data-name='Path 2424' d='M13.566 24.787H8.781a1.6 1.6 0 0 1-1.595-1.595v-4.784a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.583 1.583 0 0 1-1.594 1.595z' transform='translate(-.129 -.055)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3226'%3E%3Cpath data-name='Path 2425' d='M23.152 15.16h-4.757a1.6 1.6 0 0 1-1.595-1.594V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.595 1.595v4.758a1.6 1.6 0 0 1-1.596 1.594z' transform='translate(-.16 -.023)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3227'%3E%3Cpath data-name='Path 2426' d='M13.566 15.16H8.808a1.6 1.6 0 0 1-1.595-1.595V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.594 1.595v4.758a1.591 1.591 0 0 1-1.594 1.594z' transform='translate(-.128 -.023)' style='fill:%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A");    
    &.black{
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M23.179 24.8h-4.784a1.6 1.6 0 0 1-1.595-1.594v-4.785a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.591 1.591 0 0 1-1.595 1.595z' transform='translate(-.16 -.056)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3225'%3E%3Cpath data-name='Path 2424' d='M13.566 24.787H8.781a1.6 1.6 0 0 1-1.595-1.595v-4.784a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.583 1.583 0 0 1-1.594 1.595z' transform='translate(-.129 -.055)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3226'%3E%3Cpath data-name='Path 2425' d='M23.152 15.16h-4.757a1.6 1.6 0 0 1-1.595-1.594V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.595 1.595v4.758a1.6 1.6 0 0 1-1.596 1.594z' transform='translate(-.16 -.023)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3227'%3E%3Cpath data-name='Path 2426' d='M13.566 15.16H8.808a1.6 1.6 0 0 1-1.595-1.595V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.594 1.595v4.758a1.591 1.591 0 0 1-1.594 1.594z' transform='translate(-.128 -.023)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A");    
    }
  }
  */ }
  i.sd.btn-prev-icon {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3416.979 1508.94-6 6 6 6' transform='translate(-3406.979 -1506.939)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.btn-next-icon {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.btn-next-icon.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.btn-next-icon.text-999 {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.btn-next-icon.text-sandoll {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%234173fa;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.prev-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath data-name='Path 317' d='m3430.979 1508.94-20 20 20 20' transform='translate(-3398.979 -1504.94)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 127' style='fill:none' d='M0 0h48v48H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.prev-icon.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Path 317' d='m3418.979 1508.94-8 8 8 8' transform='translate(-3399.979 -1500.94)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 141' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath data-name='Path 316' d='m3410.979 1508.94 20 20-20 20' transform='translate(-3394.979 -1504.94)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 128' style='fill:none' d='M0 0h48v48H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.next-icon.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Path 316' d='m3410.979 1508.94 8 8-8 8' transform='translate(-3397.979 -1500.94)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 142' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-camera {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12.7992C16.6329 12.7992 17.2515 12.9869 17.7778 13.3385C18.304 13.6901 18.7142 14.1899 18.9564 14.7746C19.1986 15.3594 19.2619 16.0028 19.1385 16.6235C19.015 17.2442 18.7102 17.8144 18.2627 18.262C17.8152 18.7095 17.245 19.0143 16.6242 19.1377C16.0035 19.2612 15.3601 19.1978 14.7754 18.9556C14.1906 18.7134 13.6909 18.3033 13.3393 17.777C12.9876 17.2508 12.8 16.6321 12.8 15.9992C12.8023 15.1513 13.1402 14.3387 13.7398 13.7391C14.3394 13.1395 15.152 12.8016 16 12.7992ZM16 11.1992C15.0506 11.1992 14.1226 11.4807 13.3332 12.0082C12.5439 12.5356 11.9286 13.2853 11.5653 14.1623C11.202 15.0394 11.107 16.0045 11.2922 16.9357C11.4774 17.8668 11.9345 18.722 12.6058 19.3933C13.2771 20.0646 14.1324 20.5218 15.0635 20.707C15.9946 20.8922 16.9597 20.7971 17.8368 20.4338C18.7139 20.0705 19.4636 19.4553 19.991 18.666C20.5184 17.8766 20.8 16.9486 20.8 15.9992C20.8 15.3689 20.6758 14.7447 20.4346 14.1623C20.1934 13.58 19.8398 13.0508 19.3941 12.6051C18.9483 12.1594 18.4192 11.8058 17.8368 11.5646C17.2545 11.3234 16.6303 11.1992 16 11.1992Z' fill='%231C1C1C'/%3E%3Cpath d='M18.533 8.79931L19.666 9.93231C19.8144 10.0817 19.9912 10.1999 20.1859 10.2801C20.3806 10.3603 20.5894 10.4008 20.8 10.3993H24.8V22.3993H7.19998V10.3993H11.2C11.6238 10.396 12.0299 10.2286 12.333 9.93231L13.467 8.79931H18.533ZM18.867 7.19931H13.133C13.028 7.19766 12.9239 7.21818 12.8274 7.25954C12.7309 7.30089 12.6442 7.36215 12.573 7.43931L11.2 8.79931H7.19998C6.77563 8.79931 6.36866 8.96788 6.0686 9.26794C5.76855 9.568 5.59998 9.97496 5.59998 10.3993V22.3993C5.59998 22.8237 5.76855 23.2306 6.0686 23.5307C6.36866 23.8307 6.77563 23.9993 7.19998 23.9993H24.8C25.2243 23.9993 25.6313 23.8307 25.9313 23.5307C26.2314 23.2306 26.4 22.8237 26.4 22.3993V10.3993C26.4 9.97496 26.2314 9.568 25.9313 9.26794C25.6313 8.96788 25.2243 8.79931 24.8 8.79931H20.8L19.44 7.43931C19.3653 7.36312 19.2761 7.30264 19.1777 7.26142C19.0793 7.2202 18.9737 7.19909 18.867 7.19931Z' fill='%231C1C1C'/%3E%3Cpath d='M22.4 12C22.2418 12 22.0871 12.0469 21.9555 12.1348C21.824 12.2227 21.7214 12.3477 21.6609 12.4939C21.6003 12.64 21.5845 12.8009 21.6153 12.9561C21.6462 13.1113 21.7224 13.2538 21.8343 13.3657C21.9462 13.4776 22.0887 13.5538 22.2439 13.5846C22.3991 13.6155 22.5599 13.5997 22.7061 13.5391C22.8523 13.4786 22.9772 13.376 23.0652 13.2445C23.1531 13.1129 23.2 12.9582 23.2 12.8C23.2 12.5878 23.1157 12.3843 22.9657 12.2343C22.8156 12.0843 22.6121 12 22.4 12Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-camera.sandoll {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7996 8.80029H20.7996L19.4396 7.44029C19.2905 7.2916 19.0901 7.2057 18.8796 7.20029H13.1466C13.0416 7.19863 12.9375 7.21916 12.841 7.26051C12.7445 7.30187 12.6578 7.36313 12.5866 7.44029L11.1996 8.80029H7.19961C6.77526 8.80029 6.3683 8.96886 6.06824 9.26892C5.76818 9.56898 5.59961 9.97594 5.59961 10.4003V22.4003C5.59961 22.8246 5.76818 23.2316 6.06824 23.5317C6.3683 23.8317 6.77526 24.0003 7.19961 24.0003H24.7996C25.224 24.0003 25.6309 23.8317 25.931 23.5317C26.231 23.2316 26.3996 22.8246 26.3996 22.4003V10.4003C26.3996 9.97594 26.231 9.56898 25.931 9.26892C25.6309 8.96886 25.224 8.80029 24.7996 8.80029ZM15.9996 20.8003C15.0503 20.8003 14.1222 20.5188 13.3329 19.9913C12.5435 19.4639 11.9283 18.7143 11.565 17.8372C11.2017 16.9601 11.1066 15.995 11.2918 15.0639C11.477 14.1327 11.9342 13.2775 12.6055 12.6062C13.2768 11.9349 14.1321 11.4777 15.0632 11.2925C15.9943 11.1073 16.9594 11.2024 17.8365 11.5657C18.7136 11.929 19.4632 12.5442 19.9907 13.3336C20.5181 14.1229 20.7996 15.0509 20.7996 16.0003C20.7996 16.6306 20.6755 17.2548 20.4342 17.8372C20.193 18.4195 19.8394 18.9487 19.3937 19.3944C18.948 19.8401 18.4189 20.1937 17.8365 20.4349C17.2541 20.6761 16.63 20.8003 15.9996 20.8003ZM19.1996 16.0003C19.1996 16.6332 19.0119 17.2519 18.6603 17.7781C18.3087 18.3043 17.8089 18.7145 17.2242 18.9567C16.6395 19.1989 15.9961 19.2623 15.3753 19.1388C14.7546 19.0153 14.1844 18.7106 13.7369 18.263C13.2893 17.8155 12.9846 17.2453 12.8611 16.6246C12.7376 16.0038 12.801 15.3604 13.0432 14.7757C13.2854 14.191 13.6955 13.6912 14.2218 13.3396C14.748 12.988 15.3667 12.8003 15.9996 12.8003C16.8476 12.8027 17.6601 13.1406 18.2597 13.7402C18.8593 14.3398 19.1972 15.1523 19.1996 16.0003ZM22.3996 12.0003C22.5578 12.0003 22.7125 12.0472 22.8441 12.1351C22.9756 12.223 23.0782 12.348 23.1387 12.4941C23.1993 12.6403 23.2151 12.8012 23.1842 12.9564C23.1534 13.1115 23.0772 13.2541 22.9653 13.366C22.8534 13.4779 22.7109 13.554 22.5557 13.5849C22.4005 13.6158 22.2396 13.5999 22.0935 13.5394C21.9473 13.4788 21.8223 13.3763 21.7344 13.2447C21.6465 13.1132 21.5996 12.9585 21.5996 12.8003C21.5996 12.5881 21.6839 12.3846 21.8339 12.2346C21.984 12.0846 22.1874 12.0003 22.3996 12.0003Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-camera.fill {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7004 7.69989H18.2004L17.0104 6.50989C16.8799 6.37978 16.7046 6.30462 16.5204 6.29989H11.504C11.4122 6.29844 11.321 6.3164 11.2366 6.35258C11.1522 6.38877 11.0763 6.44237 11.014 6.50989L9.80039 7.69989H6.30039C5.92909 7.69989 5.57299 7.84739 5.31044 8.10994C5.04789 8.37249 4.90039 8.72858 4.90039 9.09989V19.5999C4.90039 19.9712 5.04789 20.3273 5.31044 20.5898C5.57299 20.8524 5.92909 20.9999 6.30039 20.9999H21.7004C22.0717 20.9999 22.4278 20.8524 22.6903 20.5898C22.9529 20.3273 23.1004 19.9712 23.1004 19.5999V9.09989C23.1004 8.72858 22.9529 8.37249 22.6903 8.10994C22.4278 7.84739 22.0717 7.69989 21.7004 7.69989ZM14.0004 18.1999C13.1697 18.1999 12.3577 17.9536 11.667 17.4921C10.9763 17.0306 10.438 16.3746 10.1201 15.6072C9.80221 14.8397 9.71903 13.9952 9.88109 13.1805C10.0432 12.3658 10.4432 11.6174 11.0305 11.03C11.6179 10.4427 12.3663 10.0426 13.181 9.88059C13.9957 9.71853 14.8402 9.8017 15.6077 10.1196C16.3751 10.4375 17.0311 10.9758 17.4926 11.6665C17.9541 12.3572 18.2004 13.1692 18.2004 13.9999C18.2004 14.5514 18.0918 15.0976 17.8807 15.6072C17.6696 16.1167 17.3602 16.5797 16.9702 16.9697C16.5802 17.3597 16.1172 17.6691 15.6077 17.8802C15.0981 18.0912 14.5519 18.1999 14.0004 18.1999ZM16.8004 13.9999C16.8004 14.5537 16.6362 15.095 16.3285 15.5555C16.0208 16.0159 15.5835 16.3748 15.0719 16.5867C14.5603 16.7987 13.9973 16.8541 13.4541 16.7461C12.911 16.638 12.4121 16.3714 12.0205 15.9798C11.6289 15.5882 11.3622 15.0893 11.2542 14.5461C11.1462 14.003 11.2016 13.44 11.4135 12.9284C11.6255 12.4167 11.9843 11.9794 12.4448 11.6718C12.9053 11.3641 13.4466 11.1999 14.0004 11.1999C14.7424 11.202 15.4533 11.4976 15.978 12.0223C16.5026 12.5469 16.7983 13.2579 16.8004 13.9999ZM19.6004 10.4999C19.7388 10.4999 19.8742 10.5409 19.9893 10.6179C20.1044 10.6948 20.1941 10.8041 20.2471 10.932C20.3001 11.0599 20.3139 11.2007 20.2869 11.3364C20.2599 11.4722 20.1933 11.597 20.0954 11.6949C19.9975 11.7928 19.8727 11.8594 19.737 11.8864C19.6012 11.9134 19.4604 11.8996 19.3325 11.8466C19.2046 11.7936 19.0953 11.7039 19.0184 11.5888C18.9414 11.4737 18.9004 11.3383 18.9004 11.1999C18.9004 11.0142 18.9741 10.8362 19.1054 10.7049C19.2367 10.5736 19.4147 10.4999 19.6004 10.4999Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-camera.fill.text-black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7004 7.69989H18.2004L17.0104 6.50989C16.8799 6.37978 16.7046 6.30462 16.5204 6.29989H11.504C11.4122 6.29844 11.321 6.3164 11.2366 6.35258C11.1522 6.38877 11.0763 6.44237 11.014 6.50989L9.80039 7.69989H6.30039C5.92909 7.69989 5.57299 7.84739 5.31044 8.10994C5.04789 8.37249 4.90039 8.72858 4.90039 9.09989V19.5999C4.90039 19.9712 5.04789 20.3273 5.31044 20.5898C5.57299 20.8524 5.92909 20.9999 6.30039 20.9999H21.7004C22.0717 20.9999 22.4278 20.8524 22.6903 20.5898C22.9529 20.3273 23.1004 19.9712 23.1004 19.5999V9.09989C23.1004 8.72858 22.9529 8.37249 22.6903 8.10994C22.4278 7.84739 22.0717 7.69989 21.7004 7.69989ZM14.0004 18.1999C13.1697 18.1999 12.3577 17.9536 11.667 17.4921C10.9763 17.0306 10.438 16.3746 10.1201 15.6072C9.80221 14.8397 9.71903 13.9952 9.88109 13.1805C10.0432 12.3658 10.4432 11.6174 11.0305 11.03C11.6179 10.4427 12.3663 10.0426 13.181 9.88059C13.9957 9.71853 14.8402 9.8017 15.6077 10.1196C16.3751 10.4375 17.0311 10.9758 17.4926 11.6665C17.9541 12.3572 18.2004 13.1692 18.2004 13.9999C18.2004 14.5514 18.0918 15.0976 17.8807 15.6072C17.6696 16.1167 17.3602 16.5797 16.9702 16.9697C16.5802 17.3597 16.1172 17.6691 15.6077 17.8802C15.0981 18.0912 14.5519 18.1999 14.0004 18.1999ZM16.8004 13.9999C16.8004 14.5537 16.6362 15.095 16.3285 15.5555C16.0208 16.0159 15.5835 16.3748 15.0719 16.5867C14.5603 16.7987 13.9973 16.8541 13.4541 16.7461C12.911 16.638 12.4121 16.3714 12.0205 15.9798C11.6289 15.5882 11.3622 15.0893 11.2542 14.5461C11.1462 14.003 11.2016 13.44 11.4135 12.9284C11.6255 12.4167 11.9843 11.9794 12.4448 11.6718C12.9053 11.3641 13.4466 11.1999 14.0004 11.1999C14.7424 11.202 15.4533 11.4976 15.978 12.0223C16.5026 12.5469 16.7983 13.2579 16.8004 13.9999ZM19.6004 10.4999C19.7388 10.4999 19.8742 10.5409 19.9893 10.6179C20.1044 10.6948 20.1941 10.8041 20.2471 10.932C20.3001 11.0599 20.3139 11.2007 20.2869 11.3364C20.2599 11.4722 20.1933 11.597 20.0954 11.6949C19.9975 11.7928 19.8727 11.8594 19.737 11.8864C19.6012 11.9134 19.4604 11.8996 19.3325 11.8466C19.2046 11.7936 19.0953 11.7039 19.0184 11.5888C18.9414 11.4737 18.9004 11.3383 18.9004 11.1999C18.9004 11.0142 18.9741 10.8362 19.1054 10.7049C19.2367 10.5736 19.4147 10.4999 19.6004 10.4999Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-search {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73791 18.0075C8.78153 17.0487 8.18706 15.7881 8.05573 14.4403C7.9244 13.0925 8.26433 11.7408 9.01764 10.6155C9.77094 9.49014 10.891 8.66072 12.1872 8.26847C13.4833 7.87621 14.8754 7.94539 16.1262 8.4642C17.3771 8.98301 18.4095 9.91938 19.0475 11.1138C19.6856 12.3083 19.8898 13.687 19.6255 15.0152C19.3612 16.3433 18.6447 17.5388 17.598 18.398C16.5513 19.2572 15.2391 19.7271 13.8849 19.7275C13.1142 19.7297 12.3508 19.5788 11.6389 19.2835C10.927 18.9882 10.2808 18.5545 9.73791 18.0075ZM8.60491 19.1405C9.82536 20.3597 11.4308 21.1182 13.1476 21.2866C14.8645 21.4551 16.5867 21.0231 18.0209 20.0644C19.455 19.1056 20.5124 17.6793 21.013 16.0284C21.5136 14.3775 21.4264 12.6041 20.7662 11.0103C20.1061 9.41645 18.9138 8.10078 17.3925 7.28736C15.8711 6.47394 14.1149 6.21307 12.4228 6.54919C10.7308 6.88531 9.20754 7.79763 8.11261 9.13075C7.01769 10.4639 6.41879 12.1353 6.41791 13.8605C6.41676 14.8412 6.60937 15.8125 6.98468 16.7186C7.35999 17.6247 7.91061 18.4478 8.60491 19.1405Z' fill='%231C1C1C'/%3E%3Cpath d='M18.5575 17.3897L17.3886 18.5586L23.8374 25.0074C23.9926 25.1627 24.2026 25.2509 24.4222 25.2528C24.6418 25.2509 24.8518 25.1627 25.007 25.0074C25.1611 24.8518 25.2476 24.6416 25.2476 24.4226C25.2476 24.2036 25.1611 23.9935 25.007 23.8379L18.5575 17.3897Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-search.text-999 {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73791 18.0075C8.78153 17.0487 8.18706 15.7881 8.05573 14.4403C7.9244 13.0925 8.26433 11.7408 9.01764 10.6155C9.77094 9.49014 10.891 8.66072 12.1872 8.26847C13.4833 7.87621 14.8754 7.94539 16.1262 8.4642C17.3771 8.98301 18.4095 9.91938 19.0475 11.1138C19.6856 12.3083 19.8898 13.687 19.6255 15.0152C19.3612 16.3433 18.6447 17.5388 17.598 18.398C16.5513 19.2572 15.2391 19.7271 13.8849 19.7275C13.1142 19.7297 12.3508 19.5788 11.6389 19.2835C10.927 18.9882 10.2808 18.5545 9.73791 18.0075ZM8.60491 19.1405C9.82536 20.3597 11.4308 21.1182 13.1476 21.2866C14.8645 21.4551 16.5867 21.0231 18.0209 20.0644C19.455 19.1056 20.5124 17.6793 21.013 16.0284C21.5136 14.3775 21.4264 12.6041 20.7662 11.0103C20.1061 9.41645 18.9138 8.10078 17.3925 7.28736C15.8711 6.47394 14.1149 6.21307 12.4228 6.54919C10.7308 6.88531 9.20754 7.79763 8.11261 9.13075C7.01769 10.4639 6.41879 12.1353 6.41791 13.8605C6.41676 14.8412 6.60937 15.8125 6.98468 16.7186C7.35999 17.6247 7.91061 18.4478 8.60491 19.1405Z' fill='%23999'/%3E%3Cpath d='M18.5575 17.3897L17.3886 18.5586L23.8374 25.0074C23.9926 25.1627 24.2026 25.2509 24.4222 25.2528C24.6418 25.2509 24.8518 25.1627 25.007 25.0074C25.1611 24.8518 25.2476 24.6416 25.2476 24.4226C25.2476 24.2036 25.1611 23.9935 25.007 23.8379L18.5575 17.3897Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-download {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_download' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%23fff;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cg id='Group_435' data-name='Group 435' transform='translate(0 1.625)'%3E%3Cpath id='Path_18' data-name='Path 18' class='cls-1' d='M4244.012 848h20' transform='translate(-4238.012 -825.625)'/%3E%3Cpath id='Line_1' data-name='Line 1' class='cls-1' transform='translate(16 5.375)' d='M0 13V0'/%3E%3Cpath id='Path_19' data-name='Path 19' class='cls-1' d='m4253 807.066 5 5-5 5' transform='rotate(90 2533.346 -1705.28)'/%3E%3C/g%3E%3Cpath id='Rectangle_132' data-name='Rectangle 132' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-download.text-sandoll {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_download' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%234173FA;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cg id='Group_435' data-name='Group 435' transform='translate(0 1.625)'%3E%3Cpath id='Path_18' data-name='Path 18' class='cls-1' d='M4244.012 848h20' transform='translate(-4238.012 -825.625)'/%3E%3Cpath id='Line_1' data-name='Line 1' class='cls-1' transform='translate(16 5.375)' d='M0 13V0'/%3E%3Cpath id='Path_19' data-name='Path 19' class='cls-1' d='m4253 807.066 5 5-5 5' transform='rotate(90 2533.346 -1705.28)'/%3E%3C/g%3E%3Cpath id='Rectangle_132' data-name='Rectangle 132' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-heart {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-heart.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-heart-fill {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath data-name='Union 11' d='m126.978 6.6-8.036-8.04a5 5 0 0 1 0-7.071 5 5 0 0 1 7.071 0l.964.964.964-.964a5 5 0 0 1 7.071 0 5 5 0 0 1 0 7.071z' transform='translate(-110.979 17.689)' style='fill:%234173fa'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-heart-fill.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath data-name='Union 11' d='m126.978 6.6-8.036-8.04a5 5 0 0 1 0-7.071 5 5 0 0 1 7.071 0l.964.964.964-.964a5 5 0 0 1 7.071 0 5 5 0 0 1 0 7.071z' transform='translate(-110.979 17.689)' style='fill:%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-cart {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.04 7.19971C16.6759 7.20155 17.2853 7.4551 17.735 7.90479C18.1847 8.35447 18.4381 8.96366 18.44 9.59961V13.5996H21.827L23.027 23.1997H9.05395L10.254 13.5996H13.641V9.67969C13.6317 9.0443 13.87 8.43013 14.3054 7.96729C14.7408 7.50444 15.3392 7.22924 15.974 7.19971H16.04ZM16.0409 5.59961H15.934C14.883 5.64311 13.8899 6.09275 13.1638 6.85376C12.4377 7.61477 12.0351 8.62785 12.0409 9.67969V11.9998H9.54699C9.35101 12.0021 9.16235 12.0746 9.0155 12.2043C8.86864 12.3341 8.77338 12.5126 8.747 12.7068L7.34698 23.9067C7.3338 24.0193 7.3447 24.1334 7.37896 24.2415C7.41322 24.3495 7.47006 24.449 7.54571 24.5334C7.62135 24.6179 7.71408 24.6853 7.81774 24.7312C7.9214 24.7771 8.0336 24.8006 8.14697 24.7998H23.934C24.0469 24.7992 24.1585 24.7749 24.2615 24.7285C24.3644 24.6822 24.4566 24.6146 24.5319 24.5305C24.6073 24.4464 24.6642 24.3474 24.699 24.24C24.7338 24.1325 24.7457 24.0191 24.734 23.9067L23.334 12.7068C23.3096 12.5117 23.2149 12.3321 23.0676 12.2019C22.9203 12.0717 22.7306 11.9999 22.534 11.9998H20.0409V9.59961C20.0409 8.53874 19.6195 7.52139 18.8694 6.77124C18.1192 6.02109 17.1018 5.59961 16.0409 5.59961Z' fill='%231C1C1C'/%3E%3Cpath d='M21.827 13.5999L23.027 23.2H9.05395L10.254 13.5999H21.827ZM22.534 12H9.54699C9.35101 12.0023 9.16235 12.0748 9.0155 12.2046C8.86864 12.3344 8.77338 12.5128 8.747 12.707L7.34698 23.907C7.3338 24.0196 7.3447 24.1336 7.37896 24.2417C7.41322 24.3498 7.47006 24.4493 7.54571 24.5337C7.62135 24.6181 7.71408 24.6856 7.81774 24.7314C7.9214 24.7773 8.0336 24.8008 8.14697 24.8H23.934C24.0469 24.7994 24.1585 24.7751 24.2615 24.7288C24.3644 24.6824 24.4566 24.6149 24.5319 24.5308C24.6073 24.4466 24.6642 24.3477 24.699 24.2402C24.7338 24.1328 24.7457 24.0193 24.734 23.907L23.334 12.707C23.3076 12.5128 23.2123 12.3344 23.0654 12.2046C22.9186 12.0748 22.73 12.0023 22.534 12Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-cart.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.04 7.19971C16.6759 7.20155 17.2853 7.4551 17.735 7.90479C18.1847 8.35447 18.4381 8.96366 18.44 9.59961V13.5996H21.827L23.027 23.1997H9.05395L10.254 13.5996H13.641V9.67969C13.6317 9.0443 13.87 8.43013 14.3054 7.96729C14.7408 7.50444 15.3392 7.22924 15.974 7.19971H16.04ZM16.0409 5.59961H15.934C14.883 5.64311 13.8899 6.09275 13.1638 6.85376C12.4377 7.61477 12.0351 8.62785 12.0409 9.67969V11.9998H9.54699C9.35101 12.0021 9.16235 12.0746 9.0155 12.2043C8.86864 12.3341 8.77338 12.5126 8.747 12.7068L7.34698 23.9067C7.3338 24.0193 7.3447 24.1334 7.37896 24.2415C7.41322 24.3495 7.47006 24.449 7.54571 24.5334C7.62135 24.6179 7.71408 24.6853 7.81774 24.7312C7.9214 24.7771 8.0336 24.8006 8.14697 24.7998H23.934C24.0469 24.7992 24.1585 24.7749 24.2615 24.7285C24.3644 24.6822 24.4566 24.6146 24.5319 24.5305C24.6073 24.4464 24.6642 24.3474 24.699 24.24C24.7338 24.1325 24.7457 24.0191 24.734 23.9067L23.334 12.7068C23.3096 12.5117 23.2149 12.3321 23.0676 12.2019C22.9203 12.0717 22.7306 11.9999 22.534 11.9998H20.0409V9.59961C20.0409 8.53874 19.6195 7.52139 18.8694 6.77124C18.1192 6.02109 17.1018 5.59961 16.0409 5.59961Z' fill='%23fff'/%3E%3Cpath d='M21.827 13.5999L23.027 23.2H9.05395L10.254 13.5999H21.827ZM22.534 12H9.54699C9.35101 12.0023 9.16235 12.0748 9.0155 12.2046C8.86864 12.3344 8.77338 12.5128 8.747 12.707L7.34698 23.907C7.3338 24.0196 7.3447 24.1336 7.37896 24.2417C7.41322 24.3498 7.47006 24.4493 7.54571 24.5337C7.62135 24.6181 7.71408 24.6856 7.81774 24.7314C7.9214 24.7773 8.0336 24.8008 8.14697 24.8H23.934C24.0469 24.7994 24.1585 24.7751 24.2615 24.7288C24.3644 24.6824 24.4566 24.6149 24.5319 24.5308C24.6073 24.4466 24.6642 24.3477 24.699 24.2402C24.7338 24.1328 24.7457 24.0193 24.734 23.907L23.334 12.707C23.3076 12.5128 23.2123 12.3344 23.0654 12.2046C22.9186 12.0748 22.73 12.0023 22.534 12Z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-cart-fill {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cg data-name='Group 640'%3E%3Cpath data-name='Path 639' d='M7 0v2.01A3.769 3.769 0 0 1 3.5 6 3.769 3.769 0 0 1 0 2.01V0' transform='rotate(180 9.75 6)' style='stroke:%234173fa;stroke-width:1.5px;fill:none'/%3E%3Cg data-name='Path 334' style='fill:%234173fa'%3E%3Cpath d='M16.099 12.25H1.9L.824.75h16.352L16.1 12.25z' style='stroke:none' transform='rotate(180 12.5 12.25)'/%3E%3Cpath d='m1.647 1.5.937 10h12.832l.937-10H1.647M0 0h18l-1.218 13H1.218L0 0z' style='fill:%234173fa;stroke:none' transform='rotate(180 12.5 12.25)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-user {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.0004C16.8479 8.00277 17.6605 8.34067 18.2601 8.94028C18.8597 9.53988 19.1976 10.3524 19.2 11.2004C19.1976 12.0484 18.8597 12.8609 18.2601 13.4605C17.6605 14.0601 16.8479 14.398 16 14.4004C15.152 14.398 14.3394 14.0601 13.7398 13.4605C13.1402 12.8609 12.8023 12.0484 12.8 11.2004C12.8023 10.3524 13.1402 9.53988 13.7398 8.94028C14.3394 8.34067 15.152 8.00277 16 8.0004ZM16 6.40039C15.3696 6.40039 14.7454 6.52456 14.1631 6.76578C13.5807 7.007 13.0516 7.36057 12.6058 7.80629C12.1601 8.25201 11.8066 8.78115 11.5653 9.36351C11.3241 9.94587 11.2 10.57 11.2 11.2004C11.2 11.8307 11.3241 12.4549 11.5653 13.0373C11.8066 13.6196 12.1601 14.1488 12.6058 14.5945C13.0516 15.0402 13.5807 15.3938 14.1631 15.635C14.7454 15.8762 15.3696 16.0004 16 16.0004C17.273 16.0004 18.4939 15.4947 19.3941 14.5945C20.2942 13.6943 20.8 12.4734 20.8 11.2004C20.8 9.92735 20.2942 8.70646 19.3941 7.80629C18.4939 6.90612 17.273 6.40039 16 6.40039Z' fill='%231C1C1C'/%3E%3Cpath d='M16 19.1996C17.5558 19.2036 19.077 19.6594 20.3787 20.5115C21.6805 21.3635 22.7068 22.5753 23.333 23.9996H8.66696C9.29385 22.5759 10.3203 21.3646 11.6219 20.5126C12.9235 19.6606 14.4443 19.2045 16 19.1996ZM16 17.5996C13.909 17.5991 11.8751 18.2812 10.2073 19.5423C8.53953 20.8035 7.32908 22.5746 6.75996 24.5866C6.7271 24.7055 6.72221 24.8305 6.74565 24.9516C6.76909 25.0728 6.82024 25.1868 6.89509 25.2849C6.96995 25.383 7.06647 25.4625 7.17713 25.5171C7.28778 25.5716 7.40957 25.5999 7.53296 25.5996H24.453C24.5763 25.5999 24.6981 25.5716 24.8088 25.5171C24.9194 25.4625 25.016 25.383 25.0908 25.2849C25.1657 25.1868 25.2168 25.0728 25.2403 24.9516C25.2637 24.8305 25.2588 24.7055 25.226 24.5866C24.6575 22.5769 23.4491 20.8075 21.7842 19.5466C20.1192 18.2857 18.0885 17.6021 16 17.5996Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-user.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.0004C16.8479 8.00277 17.6605 8.34067 18.2601 8.94028C18.8597 9.53988 19.1976 10.3524 19.2 11.2004C19.1976 12.0484 18.8597 12.8609 18.2601 13.4605C17.6605 14.0601 16.8479 14.398 16 14.4004C15.152 14.398 14.3394 14.0601 13.7398 13.4605C13.1402 12.8609 12.8023 12.0484 12.8 11.2004C12.8023 10.3524 13.1402 9.53988 13.7398 8.94028C14.3394 8.34067 15.152 8.00277 16 8.0004ZM16 6.40039C15.3696 6.40039 14.7454 6.52456 14.1631 6.76578C13.5807 7.007 13.0516 7.36057 12.6058 7.80629C12.1601 8.25201 11.8066 8.78115 11.5653 9.36351C11.3241 9.94587 11.2 10.57 11.2 11.2004C11.2 11.8307 11.3241 12.4549 11.5653 13.0373C11.8066 13.6196 12.1601 14.1488 12.6058 14.5945C13.0516 15.0402 13.5807 15.3938 14.1631 15.635C14.7454 15.8762 15.3696 16.0004 16 16.0004C17.273 16.0004 18.4939 15.4947 19.3941 14.5945C20.2942 13.6943 20.8 12.4734 20.8 11.2004C20.8 9.92735 20.2942 8.70646 19.3941 7.80629C18.4939 6.90612 17.273 6.40039 16 6.40039Z' fill='%23fff'/%3E%3Cpath d='M16 19.1996C17.5558 19.2036 19.077 19.6594 20.3787 20.5115C21.6805 21.3635 22.7068 22.5753 23.333 23.9996H8.66696C9.29385 22.5759 10.3203 21.3646 11.6219 20.5126C12.9235 19.6606 14.4443 19.2045 16 19.1996ZM16 17.5996C13.909 17.5991 11.8751 18.2812 10.2073 19.5423C8.53953 20.8035 7.32908 22.5746 6.75996 24.5866C6.7271 24.7055 6.72221 24.8305 6.74565 24.9516C6.76909 25.0728 6.82024 25.1868 6.89509 25.2849C6.96995 25.383 7.06647 25.4625 7.17713 25.5171C7.28778 25.5716 7.40957 25.5999 7.53296 25.5996H24.453C24.5763 25.5999 24.6981 25.5716 24.8088 25.5171C24.9194 25.4625 25.016 25.383 25.0908 25.2849C25.1657 25.1868 25.2168 25.0728 25.2403 24.9516C25.2637 24.8305 25.2588 24.7055 25.226 24.5866C24.6575 22.5769 23.4491 20.8075 21.7842 19.5466C20.1192 18.2857 18.0885 17.6021 16 17.5996Z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-logout {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.413 7.19923H9.60005C9.38788 7.19923 9.18439 7.28352 9.03436 7.43354C8.88433 7.58357 8.80005 7.78706 8.80005 7.99923V23.9992C8.80005 24.2114 8.88433 24.4149 9.03436 24.5649C9.18439 24.7149 9.38788 24.7992 9.60005 24.7992H22.4C22.6122 24.7992 22.8157 24.7149 22.9657 24.5649C23.1158 24.4149 23.2 24.2114 23.2 23.9992V22.3592C23.2 22.1471 23.1158 21.9436 22.9657 21.7935C22.8157 21.6435 22.6122 21.5592 22.4 21.5592C22.1879 21.5592 21.9844 21.6435 21.8344 21.7935C21.6843 21.9436 21.6 22.1471 21.6 22.3592V23.1862H10.4V8.79923H21.6V9.59923C21.6 9.70429 21.6207 9.80832 21.6609 9.90538C21.7011 10.0024 21.7601 10.0906 21.8344 10.1649C21.9086 10.2392 21.9968 10.2981 22.0939 10.3383C22.191 10.3785 22.295 10.3992 22.4 10.3992C22.5051 10.3992 22.6091 10.3785 22.7062 10.3383C22.8033 10.2981 22.8914 10.2392 22.9657 10.1649C23.04 10.0906 23.0989 10.0024 23.1392 9.90538C23.1794 9.80832 23.2 9.70429 23.2 9.59923V7.99923C23.2023 7.89465 23.1836 7.79067 23.145 7.69343C23.1065 7.5962 23.0488 7.50768 22.9754 7.43311C22.9021 7.35853 22.8145 7.29942 22.7179 7.25925C22.6213 7.21908 22.5177 7.19867 22.413 7.19923Z' fill='%231C1C1C'/%3E%3Cpath d='M21.85 15.1988H14.343C14.1308 15.1988 13.9273 15.2831 13.7773 15.4331C13.6273 15.5832 13.543 15.7866 13.543 15.9988C13.543 16.211 13.6273 16.4145 13.7773 16.5645C13.9273 16.7145 14.1308 16.7988 14.343 16.7988H21.85C22.0621 16.7988 22.2656 16.7145 22.4156 16.5645C22.5657 16.4145 22.65 16.211 22.65 15.9988C22.65 15.7866 22.5657 15.5832 22.4156 15.4331C22.2656 15.2831 22.0621 15.1988 21.85 15.1988Z' fill='%231C1C1C'/%3E%3Cpath d='M23.6413 15.1994C23.4303 15.1973 23.2269 15.2786 23.0756 15.4257L20.2472 18.2541C20.0971 18.4041 20.0129 18.6076 20.0129 18.8198C20.0129 19.032 20.0971 19.2354 20.2472 19.3855C20.3213 19.4595 20.4096 19.5176 20.5068 19.5565C20.6041 19.5954 20.7082 19.6142 20.8129 19.6117C21.0239 19.6139 21.2272 19.5326 21.3786 19.3855L24.207 16.5571C24.357 16.407 24.4413 16.2035 24.4413 15.9914C24.4413 15.7792 24.357 15.5757 24.207 15.4257C24.0524 15.2837 23.8512 15.2032 23.6413 15.1994Z' fill='%231C1C1C'/%3E%3Cpath d='M20.8128 12.3718C20.6017 12.3696 20.3984 12.451 20.2471 12.5981C20.0971 12.7481 20.0128 12.9516 20.0128 13.1638C20.0128 13.3759 20.0971 13.5794 20.2471 13.7294L23.0755 16.5579C23.1496 16.6318 23.238 16.69 23.3352 16.7289C23.4324 16.7678 23.5365 16.7866 23.6412 16.7841C23.8522 16.7863 24.0556 16.705 24.2069 16.5579C24.3569 16.4078 24.4412 16.2044 24.4412 15.9922C24.4412 15.78 24.3569 15.5765 24.2069 15.4265L21.3785 12.5981C21.2239 12.4561 21.0227 12.3756 20.8128 12.3718Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-logout.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.413 7.19923H9.60005C9.38788 7.19923 9.18439 7.28352 9.03436 7.43354C8.88433 7.58357 8.80005 7.78706 8.80005 7.99923V23.9992C8.80005 24.2114 8.88433 24.4149 9.03436 24.5649C9.18439 24.7149 9.38788 24.7992 9.60005 24.7992H22.4C22.6122 24.7992 22.8157 24.7149 22.9657 24.5649C23.1158 24.4149 23.2 24.2114 23.2 23.9992V22.3592C23.2 22.1471 23.1158 21.9436 22.9657 21.7935C22.8157 21.6435 22.6122 21.5592 22.4 21.5592C22.1879 21.5592 21.9844 21.6435 21.8344 21.7935C21.6843 21.9436 21.6 22.1471 21.6 22.3592V23.1862H10.4V8.79923H21.6V9.59923C21.6 9.70429 21.6207 9.80832 21.6609 9.90538C21.7011 10.0024 21.7601 10.0906 21.8344 10.1649C21.9086 10.2392 21.9968 10.2981 22.0939 10.3383C22.191 10.3785 22.295 10.3992 22.4 10.3992C22.5051 10.3992 22.6091 10.3785 22.7062 10.3383C22.8033 10.2981 22.8914 10.2392 22.9657 10.1649C23.04 10.0906 23.0989 10.0024 23.1392 9.90538C23.1794 9.80832 23.2 9.70429 23.2 9.59923V7.99923C23.2023 7.89465 23.1836 7.79067 23.145 7.69343C23.1065 7.5962 23.0488 7.50768 22.9754 7.43311C22.9021 7.35853 22.8145 7.29942 22.7179 7.25925C22.6213 7.21908 22.5177 7.19867 22.413 7.19923Z' fill='%23fff'/%3E%3Cpath d='M21.85 15.1988H14.343C14.1308 15.1988 13.9273 15.2831 13.7773 15.4331C13.6273 15.5832 13.543 15.7866 13.543 15.9988C13.543 16.211 13.6273 16.4145 13.7773 16.5645C13.9273 16.7145 14.1308 16.7988 14.343 16.7988H21.85C22.0621 16.7988 22.2656 16.7145 22.4156 16.5645C22.5657 16.4145 22.65 16.211 22.65 15.9988C22.65 15.7866 22.5657 15.5832 22.4156 15.4331C22.2656 15.2831 22.0621 15.1988 21.85 15.1988Z' fill='%23fff'/%3E%3Cpath d='M23.6413 15.1994C23.4303 15.1973 23.2269 15.2786 23.0756 15.4257L20.2472 18.2541C20.0971 18.4041 20.0129 18.6076 20.0129 18.8198C20.0129 19.032 20.0971 19.2354 20.2472 19.3855C20.3213 19.4595 20.4096 19.5176 20.5068 19.5565C20.6041 19.5954 20.7082 19.6142 20.8129 19.6117C21.0239 19.6139 21.2272 19.5326 21.3786 19.3855L24.207 16.5571C24.357 16.407 24.4413 16.2035 24.4413 15.9914C24.4413 15.7792 24.357 15.5757 24.207 15.4257C24.0524 15.2837 23.8512 15.2032 23.6413 15.1994Z' fill='%23fff'/%3E%3Cpath d='M20.8128 12.3718C20.6017 12.3696 20.3984 12.451 20.2471 12.5981C20.0971 12.7481 20.0128 12.9516 20.0128 13.1638C20.0128 13.3759 20.0971 13.5794 20.2471 13.7294L23.0755 16.5579C23.1496 16.6318 23.238 16.69 23.3352 16.7289C23.4324 16.7678 23.5365 16.7866 23.6412 16.7841C23.8522 16.7863 24.0556 16.705 24.2069 16.5579C24.3569 16.4078 24.4412 16.2044 24.4412 15.9922C24.4412 15.78 24.3569 15.5765 24.2069 15.4265L21.3785 12.5981C21.2239 12.4561 21.0227 12.3756 20.8128 12.3718Z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-remove {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg data-name='그룹 4019'%3E%3Cpath data-name='패스 2273' d='M19 9.547a.6.6 0 0 0-.437.187l-8.84 8.839a.635.635 0 0 0 0 .885.617.617 0 0 0 .437.187.6.6 0 0 0 .437-.187l8.839-8.839a.635.635 0 0 0 0-.885.583.583 0 0 0-.436-.187z' transform='translate(-2.091 -2.093)' style='fill:%23999'/%3E%3Cpath data-name='패스 2274' d='M10.174 9.547a.6.6 0 0 0-.437.187.635.635 0 0 0 0 .885l8.839 8.839a.617.617 0 0 0 .437.187.6.6 0 0 0 .437-.187.635.635 0 0 0 0-.885l-8.839-8.849a.651.651 0 0 0-.437-.177z' transform='translate(-2.094 -2.093)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-remove.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg data-name='그룹 4019'%3E%3Cpath data-name='패스 2273' d='M19 9.547a.6.6 0 0 0-.437.187l-8.84 8.839a.635.635 0 0 0 0 .885.617.617 0 0 0 .437.187.6.6 0 0 0 .437-.187l8.839-8.839a.635.635 0 0 0 0-.885.583.583 0 0 0-.436-.187z' transform='translate(-2.091 -2.093)' style='fill:%23fff'/%3E%3Cpath data-name='패스 2274' d='M10.174 9.547a.6.6 0 0 0-.437.187.635.635 0 0 0 0 .885l8.839 8.839a.617.617 0 0 0 .437.187.6.6 0 0 0 .437-.187.635.635 0 0 0 0-.885l-8.839-8.849a.651.651 0 0 0-.437-.177z' transform='translate(-2.094 -2.093)' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-removeCircle {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle data-name='Ellipse 113' cx='8' cy='8' r='8' transform='translate(2 2)' style='fill:%23ddd'/%3E%3Cpath data-name='Rectangle 345' style='fill:none' d='M0 0h20v20H0z'/%3E%3Cpath data-name='Line 154' transform='rotate(90 2 12)' style='stroke:%23fff;stroke-width:1.5px;fill:none' d='M0 0v8'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-removeCircleX {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='7.05908' width='18' height='18' rx='9' fill='%231A1A1A' fill-opacity='0.6'/%3E%3Crect x='13.3976' y='13.434' width='0.675' height='8.1' transform='rotate(-45 13.3976 13.434)' fill='white'/%3E%3Crect x='19.1252' y='12.9567' width='0.675' height='8.1' transform='rotate(45 19.1252 12.9567)' fill='white'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-alert {
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z' fill='%23EBF0FF'/%3E%3Cpath d='M10 14.5C10.5523 14.5 11 14.0523 11 13.5C11 12.9477 10.5523 12.5 10 12.5C9.44772 12.5 9 12.9477 9 13.5C9 14.0523 9.44772 14.5 10 14.5Z' fill='%2391B4FF'/%3E%3Crect x='9.25' y='5' width='1.5' height='6' fill='%2391B4FF'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-star {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.42675L17.667 12.9997L18.04 13.7997L18.92 13.9067L22.84 14.3997L19.947 17.1197L19.307 17.7197L19.467 18.5867L20.214 22.4797L16.774 20.5727L16 20.1467L15.227 20.5737L11.787 22.4807L12.534 18.5877L12.694 17.7207L12.054 17.1207L9.16001 14.3997L13.08 13.9067L13.96 13.7997L14.333 12.9997L16 9.42675ZM16 6.73375C15.8474 6.73227 15.6977 6.77578 15.5697 6.85883C15.4416 6.94188 15.3409 7.0608 15.28 7.20075L12.88 12.3337L7.28001 13.0407C7.12975 13.0595 6.98788 13.1205 6.87091 13.2166C6.75393 13.3128 6.66665 13.4402 6.6192 13.584C6.57176 13.7278 6.5661 13.8821 6.60288 14.029C6.63967 14.1758 6.71739 14.3093 6.82701 14.4137L10.947 18.3067L9.88001 23.8797C9.85841 23.9953 9.86254 24.1142 9.89212 24.228C9.92169 24.3418 9.97598 24.4476 10.0511 24.5381C10.1263 24.6285 10.2204 24.7012 10.3269 24.7511C10.4333 24.801 10.5494 24.8268 10.667 24.8267C10.8038 24.8308 10.9387 24.7936 11.054 24.7197L15.987 21.9867L20.92 24.7197C21.0386 24.786 21.1713 24.8227 21.307 24.8267C21.4246 24.8268 21.5407 24.801 21.6472 24.7511C21.7536 24.7012 21.8478 24.6285 21.9229 24.5381C21.998 24.4476 22.0523 24.3418 22.0819 24.228C22.1115 24.1142 22.1156 23.9953 22.094 23.8797L21.027 18.3067L25.147 14.4137C25.2566 14.3093 25.3344 14.1758 25.3711 14.029C25.4079 13.8821 25.4023 13.7278 25.3548 13.584C25.3074 13.4402 25.2201 13.3128 25.1031 13.2166C24.9861 13.1205 24.8443 13.0595 24.694 13.0407L19.094 12.3337L16.693 7.19975C16.6409 7.05915 16.546 6.93845 16.4217 6.85466C16.2974 6.77087 16.1499 6.72823 16 6.73275V6.73375Z' fill='%231C1C1C'/%3E%3Cpath d='M16 9.42675L17.667 12.9997L18.04 13.7997L18.92 13.9067L22.84 14.3997L19.947 17.1197L19.307 17.7197L19.467 18.5867L20.214 22.4797L16.774 20.5727L16 20.1467L15.227 20.5737L11.787 22.4807L12.534 18.5877L12.694 17.7207L12.054 17.1207L9.16001 14.3997L13.08 13.9067L13.96 13.7997L14.333 12.9997L16 9.42675ZM16 6.73375C15.8474 6.73227 15.6977 6.77578 15.5697 6.85883C15.4416 6.94188 15.3409 7.0608 15.28 7.20075L12.88 12.3337L7.28001 13.0407C7.12975 13.0595 6.98788 13.1205 6.87091 13.2166C6.75393 13.3128 6.66665 13.4402 6.6192 13.584C6.57176 13.7278 6.5661 13.8821 6.60288 14.029C6.63967 14.1758 6.71739 14.3093 6.82701 14.4137L10.947 18.3067L9.88001 23.8797C9.85841 23.9953 9.86254 24.1142 9.89212 24.228C9.92169 24.3418 9.97598 24.4476 10.0511 24.5381C10.1263 24.6285 10.2204 24.7012 10.3269 24.7511C10.4333 24.801 10.5494 24.8268 10.667 24.8267C10.8038 24.8308 10.9387 24.7936 11.054 24.7197L15.987 21.9867L20.92 24.7197C21.0386 24.786 21.1713 24.8227 21.307 24.8267C21.4246 24.8268 21.5407 24.801 21.6472 24.7511C21.7536 24.7012 21.8478 24.6285 21.9229 24.5381C21.998 24.4476 22.0523 24.3418 22.0819 24.228C22.1115 24.1142 22.1156 23.9953 22.094 23.8797L21.027 18.3067L25.147 14.4137C25.2566 14.3093 25.3344 14.1758 25.3711 14.029C25.4079 13.8821 25.4023 13.7278 25.3548 13.584C25.3074 13.4402 25.2201 13.3128 25.1031 13.2166C24.9861 13.1205 24.8443 13.0595 24.694 13.0407L19.094 12.3337L16.693 7.19975C16.6409 7.05915 16.546 6.93845 16.4217 6.85466C16.2974 6.77087 16.1499 6.72823 16 6.73275V6.73375Z' fill='%23ddd'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-info {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Path 2169' d='M16 8a8 8 0 1 1-8 8 8.006 8.006 0 0 1 8-8m0-1.6a9.6 9.6 0 1 0 9.6 9.6A9.594 9.594 0 0 0 16 6.4z' style='fill:%231c1c1c'/%3E%3Cpath data-name='Path 2504' d='M15.115 20.778c0 .494.412.742.879.742a.8.8 0 0 0 .893-.742v-6.359a.792.792 0 0 0-.879-.742.8.8 0 0 0-.893.742zm-.151-9.272a1 1 0 0 0 1.03 1 1.018 1.018 0 0 0 1.044-1 1.032 1.032 0 0 0-1.044-1.03 1.012 1.012 0 0 0-1.03 1.03z'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-info.text-999 {
      background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0001 4.50156C9.89012 4.50156 10.7601 4.76548 11.5002 5.25995C12.2402 5.75442 12.817 6.45722 13.1576 7.27949C13.4982 8.10176 13.5873 9.00656 13.4136 9.87947C13.24 10.7524 12.8114 11.5542 12.1821 12.1835C11.5527 12.8129 10.7509 13.2415 9.87801 13.4151C9.00509 13.5887 8.10029 13.4996 7.27802 13.159C6.45576 12.8184 5.75295 12.2417 5.25849 11.5016C4.76402 10.7616 4.5001 9.89158 4.5001 9.00156C4.50099 7.80836 4.97539 6.66429 5.81911 5.82057C6.66283 4.97685 7.8069 4.50246 9.0001 4.50156ZM9.0001 3.60156C7.93208 3.60156 6.88805 3.91827 6.00002 4.51163C5.112 5.10499 4.41986 5.94835 4.01115 6.93507C3.60244 7.92179 3.4955 9.00755 3.70386 10.0551C3.91222 11.1025 4.42652 12.0647 5.18172 12.8199C5.93693 13.5751 6.89911 14.0894 7.94661 14.2978C8.99411 14.5062 10.0799 14.3992 11.0666 13.9905C12.0533 13.5818 12.8967 12.8897 13.49 12.0016C14.0834 11.1136 14.4001 10.0696 14.4001 9.00156C14.4005 8.2923 14.2612 7.58991 13.99 6.93455C13.7187 6.27919 13.321 5.68372 12.8195 5.1822C12.3179 4.68067 11.7225 4.28293 11.0671 4.01171C10.4118 3.74049 9.70936 3.60112 9.0001 3.60156Z' fill='%23999999'/%3E%3Cpath d='M8.50202 11.6895C8.50202 11.9674 8.73377 12.1069 8.99646 12.1069C9.05714 12.1141 9.11865 12.1089 9.17726 12.0916C9.23586 12.0743 9.29032 12.0452 9.33732 12.0061C9.38432 11.9671 9.42288 11.9189 9.45064 11.8644C9.47839 11.81 9.49477 11.7505 9.49877 11.6895V8.11256C9.49533 8.0521 9.47959 7.99298 9.45253 7.93881C9.42546 7.88463 9.38764 7.83655 9.34136 7.79748C9.29509 7.75842 9.24133 7.7292 9.18339 7.71162C9.12544 7.69403 9.06451 7.68844 9.00433 7.69519C8.94366 7.68795 8.88214 7.69315 8.82354 7.71047C8.76493 7.72778 8.71047 7.75686 8.66347 7.79591C8.61647 7.83496 8.57791 7.88318 8.55016 7.93762C8.5224 7.99206 8.50602 8.05158 8.50202 8.11256V11.6895ZM8.41708 6.474C8.41705 6.54931 8.43214 6.62386 8.46146 6.69323C8.49077 6.7626 8.53372 6.82538 8.58776 6.87783C8.64179 6.93029 8.70581 6.97137 8.77601 6.99862C8.84622 7.02588 8.92118 7.03876 8.99646 7.0365C9.07203 7.03844 9.14725 7.0254 9.21775 6.99812C9.28826 6.97085 9.35267 6.92988 9.40727 6.87759C9.46186 6.8253 9.50556 6.76271 9.53585 6.69344C9.56613 6.62417 9.5824 6.54959 9.58371 6.474C9.58357 6.39729 9.56822 6.32137 9.53856 6.25063C9.5089 6.17988 9.46551 6.11572 9.41091 6.06185C9.3563 6.00797 9.29156 5.96546 9.22042 5.93675C9.14928 5.90805 9.07316 5.89373 8.99646 5.89462C8.92 5.89325 8.84404 5.9073 8.77313 5.93593C8.70221 5.96456 8.6378 6.00718 8.58372 6.06126C8.52965 6.11533 8.48702 6.17975 8.45839 6.25067C8.42976 6.32158 8.41571 6.39753 8.41708 6.474Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-info.text-ddd {
      background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0001 4.50156C9.89012 4.50156 10.7601 4.76548 11.5002 5.25995C12.2402 5.75442 12.817 6.45722 13.1576 7.27949C13.4982 8.10176 13.5873 9.00656 13.4136 9.87947C13.24 10.7524 12.8114 11.5542 12.1821 12.1835C11.5527 12.8129 10.7509 13.2415 9.87801 13.4151C9.00509 13.5887 8.10029 13.4996 7.27802 13.159C6.45576 12.8184 5.75295 12.2417 5.25849 11.5016C4.76402 10.7616 4.5001 9.89158 4.5001 9.00156C4.50099 7.80836 4.97539 6.66429 5.81911 5.82057C6.66283 4.97685 7.8069 4.50246 9.0001 4.50156ZM9.0001 3.60156C7.93208 3.60156 6.88805 3.91827 6.00002 4.51163C5.112 5.10499 4.41986 5.94835 4.01115 6.93507C3.60244 7.92179 3.4955 9.00755 3.70386 10.0551C3.91222 11.1025 4.42652 12.0647 5.18172 12.8199C5.93693 13.5751 6.89911 14.0894 7.94661 14.2978C8.99411 14.5062 10.0799 14.3992 11.0666 13.9905C12.0533 13.5818 12.8967 12.8897 13.49 12.0016C14.0834 11.1136 14.4001 10.0696 14.4001 9.00156C14.4005 8.2923 14.2612 7.58991 13.99 6.93455C13.7187 6.27919 13.321 5.68372 12.8195 5.1822C12.3179 4.68067 11.7225 4.28293 11.0671 4.01171C10.4118 3.74049 9.70936 3.60112 9.0001 3.60156Z' fill='%23ddd'/%3E%3Cpath d='M8.50202 11.6895C8.50202 11.9674 8.73377 12.1069 8.99646 12.1069C9.05714 12.1141 9.11865 12.1089 9.17726 12.0916C9.23586 12.0743 9.29032 12.0452 9.33732 12.0061C9.38432 11.9671 9.42288 11.9189 9.45064 11.8644C9.47839 11.81 9.49477 11.7505 9.49877 11.6895V8.11256C9.49533 8.0521 9.47959 7.99298 9.45253 7.93881C9.42546 7.88463 9.38764 7.83655 9.34136 7.79748C9.29509 7.75842 9.24133 7.7292 9.18339 7.71162C9.12544 7.69403 9.06451 7.68844 9.00433 7.69519C8.94366 7.68795 8.88214 7.69315 8.82354 7.71047C8.76493 7.72778 8.71047 7.75686 8.66347 7.79591C8.61647 7.83496 8.57791 7.88318 8.55016 7.93762C8.5224 7.99206 8.50602 8.05158 8.50202 8.11256V11.6895ZM8.41708 6.474C8.41705 6.54931 8.43214 6.62386 8.46146 6.69323C8.49077 6.7626 8.53372 6.82538 8.58776 6.87783C8.64179 6.93029 8.70581 6.97137 8.77601 6.99862C8.84622 7.02588 8.92118 7.03876 8.99646 7.0365C9.07203 7.03844 9.14725 7.0254 9.21775 6.99812C9.28826 6.97085 9.35267 6.92988 9.40727 6.87759C9.46186 6.8253 9.50556 6.76271 9.53585 6.69344C9.56613 6.62417 9.5824 6.54959 9.58371 6.474C9.58357 6.39729 9.56822 6.32137 9.53856 6.25063C9.5089 6.17988 9.46551 6.11572 9.41091 6.06185C9.3563 6.00797 9.29156 5.96546 9.22042 5.93675C9.14928 5.90805 9.07316 5.89373 8.99646 5.89462C8.92 5.89325 8.84404 5.9073 8.77313 5.93593C8.70221 5.96456 8.6378 6.00718 8.58372 6.06126C8.52965 6.11533 8.48702 6.17975 8.45839 6.25067C8.42976 6.32158 8.41571 6.39753 8.41708 6.474Z' fill='%23ddd'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-info-lined {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.5a6.5 6.5 0 1 1 0 13 6.5 6.5 0 0 1 0-13zm0-1.3a7.8 7.8 0 1 0 0 15.6 7.8 7.8 0 0 0 0-15.6z' fill='%23fff'/%3E%3Cpath d='M12.281 16.882c0 .402.335.603.714.603a.65.65 0 0 0 .726-.603v-5.167a.643.643 0 0 0-.714-.602.65.65 0 0 0-.726.603v5.166zm-.123-7.533a.814.814 0 0 0 .837.812.827.827 0 0 0 .849-.812.837.837 0 0 0-.849-.837.823.823 0 0 0-.837.837z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-info-sandoll {
    background-size: 20px 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99893 19.5969C7.77785 19.597 5.62604 18.8282 3.90908 17.4192C2.19213 16.0102 1.01624 14.0487 0.582912 11.8703C0.149586 9.69195 0.485095 7.43071 1.53213 5.47191C2.57917 3.51311 4.27306 1.97806 6.3251 1.12816C8.37714 0.278257 10.6606 0.166892 12.786 0.811751C14.9114 1.45661 16.7475 2.81842 17.9813 4.66527C19.2152 6.51212 19.7696 8.72834 19.5517 10.9387C19.3338 13.1491 18.3568 15.216 16.786 16.7864C15.8967 17.6802 14.8397 18.3898 13.6747 18.8723C12.5098 19.3548 11.2598 19.6001 9.99893 19.5969ZM10.0048 7.67503C9.89676 7.66217 9.78683 7.67147 9.68252 7.70238C9.57821 7.73328 9.4829 7.78508 9.39932 7.85472C9.31573 7.92436 9.24738 8.01161 9.19815 8.10863C9.14891 8.20564 9.11906 8.3106 9.11221 8.41917V14.7746C9.1162 14.8828 9.14307 14.9879 9.19033 15.0852C9.2376 15.1825 9.30509 15.2691 9.3876 15.3391C9.47011 15.4091 9.56512 15.4607 9.66885 15.4914C9.77258 15.5222 9.88183 15.5305 9.98916 15.5168C10.0977 15.5307 10.2082 15.5238 10.3134 15.4934C10.4185 15.463 10.5161 15.4108 10.6005 15.341C10.6849 15.2713 10.7539 15.1847 10.8036 15.0871C10.8533 14.9896 10.8828 14.8839 10.8896 14.7746V8.41917C10.8827 8.31145 10.8541 8.20698 10.8056 8.11058C10.757 8.01418 10.6888 7.92823 10.6063 7.85863C10.5239 7.78902 10.4283 7.73792 10.3251 7.70628C10.2219 7.67465 10.1141 7.66362 10.0067 7.67503H10.0048ZM9.98916 4.47581C9.85295 4.47281 9.71717 4.49733 9.59072 4.54808C9.46428 4.59883 9.34918 4.67439 9.25283 4.77074C9.15649 4.86708 9.08093 4.98218 9.03018 5.10863C8.97943 5.23507 8.95491 5.37085 8.95791 5.50706C8.95701 5.64127 8.98415 5.77391 9.03604 5.89769C9.08793 6.02147 9.1643 6.13432 9.26065 6.22777C9.35699 6.32121 9.47128 6.39257 9.59658 6.44066C9.72189 6.48875 9.85504 6.51206 9.98916 6.50706C10.1238 6.51133 10.2579 6.48884 10.3837 6.44066C10.5095 6.39248 10.6243 6.31893 10.7216 6.22581C10.8189 6.1327 10.8964 6.02121 10.9501 5.89769C11.0038 5.77417 11.0324 5.64173 11.0341 5.50706C11.0346 5.3705 11.0083 5.23475 10.956 5.10863C10.9036 4.98251 10.8265 4.86869 10.7294 4.77269C10.6323 4.67669 10.5163 4.60094 10.3896 4.55003C10.2628 4.49912 10.1277 4.47369 9.99111 4.47581H9.98916Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-info-gray {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99933 15.9981C8.61116 15.9982 7.26627 15.5177 6.19318 14.637C5.12008 13.7564 4.38515 12.5305 4.11432 11.169C3.84349 9.80753 4.05318 8.39425 4.70758 7.17C5.36198 5.94575 6.42066 4.98635 7.70319 4.45516C8.98571 3.92397 10.4129 3.85437 11.7413 4.25741C13.0696 4.66044 14.2172 5.51157 14.9883 6.66585C15.7595 7.82013 16.106 9.20528 15.9698 10.5868C15.8336 11.9682 15.223 13.2601 14.2413 14.2415C13.6854 14.8002 13.0248 15.2437 12.2967 15.5452C11.5686 15.8468 10.7874 16.0001 9.99933 15.9981ZM10.003 8.54696C9.93547 8.53892 9.86677 8.54473 9.80158 8.56405C9.73638 8.58336 9.67681 8.61574 9.62457 8.65926C9.57233 8.70279 9.52961 8.75732 9.49884 8.81795C9.46807 8.87859 9.44941 8.94418 9.44513 9.01204V12.9842C9.44763 13.0518 9.46442 13.1175 9.49396 13.1783C9.5235 13.2391 9.56568 13.2932 9.61725 13.337C9.66882 13.3807 9.7282 13.413 9.79303 13.4322C9.85786 13.4514 9.92615 13.4566 9.99323 13.4481C10.0611 13.4568 10.1302 13.4525 10.1959 13.4334C10.2616 13.4144 10.3226 13.3818 10.3753 13.3382C10.428 13.2946 10.4712 13.2405 10.5023 13.1795C10.5333 13.1186 10.5517 13.0525 10.556 12.9842V9.01204C10.5517 8.94472 10.5338 8.87942 10.5035 8.81917C10.4731 8.75892 10.4305 8.7052 10.379 8.6617C10.3274 8.6182 10.2677 8.58626 10.2032 8.56649C10.1387 8.54672 10.0713 8.53982 10.0042 8.54696H10.003ZM9.99323 6.54744C9.90809 6.54557 9.82323 6.56089 9.7442 6.59261C9.66517 6.62433 9.59324 6.67156 9.53302 6.73177C9.47281 6.79198 9.42558 6.86392 9.39386 6.94295C9.36214 7.02198 9.34682 7.10684 9.34869 7.19198C9.34813 7.27586 9.36509 7.35876 9.39752 7.43612C9.42995 7.51348 9.47769 7.58401 9.5379 7.64242C9.59812 7.70082 9.66955 7.74542 9.74786 7.77547C9.82618 7.80553 9.9094 7.8201 9.99323 7.81698C10.0774 7.81964 10.1612 7.80559 10.2398 7.77547C10.3184 7.74536 10.3902 7.69939 10.451 7.64119C10.5118 7.583 10.5603 7.51332 10.5938 7.43612C10.6274 7.35891 10.6453 7.27614 10.6463 7.19198C10.6466 7.10663 10.6302 7.02178 10.5975 6.94295C10.5647 6.86413 10.5166 6.79299 10.4559 6.73299C10.3952 6.67299 10.3227 6.62565 10.2435 6.59383C10.1643 6.56201 10.0798 6.54611 9.99445 6.54744H9.99323Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-info-ccc {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99884 15.9981C8.61067 15.9982 7.26578 15.5177 6.19269 14.637C5.11959 13.7564 4.38466 12.5305 4.11383 11.169C3.843 9.80753 4.0527 8.39425 4.70709 7.17C5.36149 5.94575 6.42018 4.98635 7.7027 4.45516C8.98522 3.92397 10.4124 3.85437 11.7408 4.25741C13.0692 4.66044 14.2167 5.51157 14.9879 6.66585C15.759 7.82013 16.1055 9.20528 15.9693 10.5868C15.8331 11.9682 15.2225 13.2601 14.2408 14.2415C13.6849 14.8002 13.0243 15.2437 12.2962 15.5452C11.5681 15.8468 10.7869 16.0001 9.99884 15.9981ZM10.0025 8.54696C9.93498 8.53892 9.86628 8.54473 9.80109 8.56405C9.73589 8.58336 9.67633 8.61574 9.62409 8.65926C9.57184 8.70279 9.52912 8.75732 9.49835 8.81795C9.46758 8.87859 9.44892 8.94418 9.44464 9.01204V12.9842C9.44714 13.0518 9.46393 13.1175 9.49347 13.1783C9.52301 13.2391 9.56519 13.2932 9.61676 13.337C9.66833 13.3807 9.72771 13.413 9.79254 13.4322C9.85737 13.4514 9.92566 13.4566 9.99274 13.4481C10.0606 13.4568 10.1297 13.4525 10.1954 13.4334C10.2611 13.4144 10.3221 13.3818 10.3748 13.3382C10.4275 13.2946 10.4707 13.2405 10.5018 13.1795C10.5328 13.1186 10.5512 13.0525 10.5555 12.9842V9.01204C10.5512 8.94472 10.5333 8.87942 10.503 8.81917C10.4726 8.75892 10.43 8.7052 10.3785 8.6617C10.3269 8.6182 10.2672 8.58626 10.2027 8.56649C10.1382 8.54672 10.0708 8.53982 10.0037 8.54696H10.0025ZM9.99274 6.54744C9.9076 6.54557 9.82274 6.56089 9.74371 6.59261C9.66469 6.62433 9.59275 6.67156 9.53253 6.73177C9.47232 6.79198 9.42509 6.86392 9.39337 6.94295C9.36165 7.02198 9.34633 7.10684 9.34821 7.19198C9.34764 7.27586 9.3646 7.35876 9.39703 7.43612C9.42947 7.51348 9.4772 7.58401 9.53742 7.64242C9.59763 7.70082 9.66906 7.74542 9.74738 7.77547C9.82569 7.80553 9.90891 7.8201 9.99274 7.81698C10.0769 7.81964 10.1607 7.80559 10.2393 7.77547C10.3179 7.74536 10.3897 7.69939 10.4505 7.64119C10.5113 7.583 10.5598 7.51332 10.5933 7.43612C10.6269 7.35891 10.6448 7.27614 10.6458 7.19198C10.6462 7.10663 10.6297 7.02178 10.597 6.94295C10.5643 6.86413 10.5161 6.79299 10.4554 6.73299C10.3947 6.67299 10.3222 6.62565 10.243 6.59383C10.1638 6.56201 10.0793 6.54611 9.99396 6.54744H9.99274Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-star-half {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg data-name='Polygon 4' style='fill:none'%3E%3Cpath d='m8 0 2.4 5.036 5.6.694-4.117 3.806L12.944 15 8 12.317 3.056 15l1.061-5.464L0 5.729l5.6-.694z' style='stroke:none' transform='translate(2 2)'/%3E%3Cpath d='M8 2.324 6.267 5.961l-4.007.496L5.205 9.18 4.44 13.11 8 11.18l3.559 1.931-.764-3.93 2.945-2.723-4.007-.496L8 2.324M8 0l2.4 5.036 5.6.693-4.117 3.807L12.944 15 8 12.317 3.056 15l1.06-5.464L0 5.729l5.6-.693L8 0z' style='fill:%23ddd;stroke:none' transform='translate(2 2)'/%3E%3C/g%3E%3Cpath data-name='Rectangle 539' style='fill:none' d='M0 0h20v20H0z'/%3E%3Cpath data-name='Intersection 3' d='m24175.117 24330.535-4.117-3.8 5.6-.7 2.4-5.031v12.313l-4.947 2.688z' transform='translate(-24169 -24319)' style='fill:%234173fa'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-star-fill {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%234173FA'/%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-close {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_X' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='translate(9 9)' d='m0 0 14 14'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(9 9)' d='M14 0 0 14'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-close-bg {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_tagX_blck' xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='opacity:.5' d='M0 0h16v16H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='translate(4 4)' d='m0 0 8 8'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(4 4)' d='M8 0 0 8'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-comment {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 4024'%3E%3Cpath data-name='합치기 14' d='M0 9.5a9.5 9.5 0 1 1 17.455 5.2l.66 2.6a.53.53 0 0 1-.643.643l-2.537-.645A9.5 9.5 0 0 1 0 9.5zm1.584 0a7.915 7.915 0 0 0 12.443 6.493l.594-.414 1.521.387-.394-1.557.383-.581A7.917 7.917 0 1 0 1.584 9.5zm3.957 3.166a.792.792 0 1 1 0-1.583h5.541a.792.792 0 1 1 0 1.583zm0-4.75a.792.792 0 1 1 0-1.583h7.916a.792.792 0 0 1 0 1.583z' transform='translate(6.5 6.5)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-clip {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='&%23234;&%23183;&%23184;&%23235;&%23163;&%23185; 3308'%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2534' d='M9.66693 5.65765L8.5094 6.81518C8.47373 6.85763 8.42963 6.89221 8.37989 6.91671C8.33015 6.9412 8.27586 6.95509 8.22046 6.95749C8.16507 6.9599 8.10978 6.95075 8.05811 6.93065C8.00644 6.91055 7.95951 6.87992 7.9203 6.84071C7.8811 6.80151 7.85047 6.75458 7.83036 6.70291C7.81026 6.65123 7.80112 6.59594 7.80352 6.54055C7.80592 6.48516 7.81981 6.43087 7.84431 6.38113C7.86881 6.33139 7.90338 6.28728 7.94583 6.25162L9.10443 5.09302C9.3946 4.79373 9.55423 4.39159 9.54833 3.97477C9.54243 3.55795 9.37148 3.16048 9.07296 2.86952C8.782 2.57101 8.38454 2.40005 7.96772 2.39415C7.5509 2.38826 7.14876 2.54789 6.84947 2.83806L5.69087 3.99665C5.61586 4.07167 5.51411 4.11381 5.40803 4.11381C5.30194 4.11381 5.2002 4.07167 5.12518 3.99665C5.05017 3.92164 5.00803 3.8199 5.00803 3.71381C5.00803 3.60772 5.05017 3.50598 5.12519 3.43097L6.28378 2.27237C6.73267 1.833 7.33749 1.58957 7.9656 1.59547C8.59371 1.60137 9.19384 1.85611 9.63441 2.30384C10.0832 2.74439 10.3388 3.34512 10.3449 3.97401C10.351 4.6029 10.1071 5.20848 9.66693 5.65765Z' fill='white'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2535' d='M2.27694 6.2836L3.43447 5.12607C3.51111 5.06168 3.6091 5.02836 3.7091 5.0327C3.8091 5.03703 3.90385 5.0787 3.97462 5.14948C4.0454 5.22026 4.08707 5.315 4.09141 5.415C4.09574 5.515 4.06242 5.61299 3.99804 5.68963L2.8405 6.84716C2.55034 7.14646 2.3907 7.5486 2.3966 7.96542C2.4025 8.38223 2.57345 8.7797 2.87197 9.07066C3.16293 9.36918 3.5604 9.54013 3.97721 9.54603C4.39403 9.55193 4.79617 9.39229 5.09547 9.10213L6.253 7.94459C6.28867 7.90214 6.33277 7.86757 6.38251 7.84307C6.43225 7.81857 6.48654 7.80468 6.54193 7.80228C6.59733 7.79988 6.65262 7.80902 6.70429 7.82912C6.75596 7.84923 6.80289 7.87986 6.8421 7.91906C6.8813 7.95827 6.91193 8.0052 6.93203 8.05687C6.95214 8.10854 6.96128 8.16383 6.95888 8.21922C6.95648 8.27462 6.94259 8.32891 6.91809 8.37865C6.89359 8.42839 6.85902 8.47249 6.81656 8.50816L5.65903 9.66569C5.21017 10.1052 4.6053 10.3488 3.97711 10.3429C3.34891 10.3371 2.74867 10.0824 2.30805 9.63458C1.86026 9.19396 1.60551 8.59372 1.59968 7.96552C1.59385 7.33733 1.83741 6.73246 2.27694 6.2836Z' fill='white'/%3E%3Cpath id='&%23236;&%23132;&%23160; 729' d='M8.22655 4.27949L4.28195 8.22408C4.20731 8.29873 4.10618 8.34085 4.00061 8.34124C3.89504 8.34164 3.7936 8.30029 3.71839 8.2262C3.64338 8.15119 3.60123 8.04945 3.60123 7.94336C3.60123 7.83727 3.64338 7.73553 3.71839 7.66052L7.66298 3.71592C7.738 3.64091 7.83974 3.59876 7.94583 3.59876C8.05191 3.59876 8.15366 3.64091 8.22867 3.71592C8.30276 3.79113 8.34411 3.89257 8.34371 3.99814C8.34331 4.10371 8.3012 4.20484 8.22655 4.27949Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-clip.text-999 {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8348 15.3153L21.5198 17.6304C21.4484 17.7153 21.3602 17.7844 21.2607 17.8334C21.1613 17.8824 21.0527 17.9102 20.9419 17.915C20.8311 17.9198 20.7205 17.9015 20.6172 17.8613C20.5138 17.8211 20.42 17.7598 20.3416 17.6814C20.2632 17.603 20.2019 17.5092 20.1617 17.4058C20.1215 17.3025 20.1032 17.1919 20.108 17.0811C20.1128 16.9703 20.1406 16.8617 20.1896 16.7623C20.2386 16.6628 20.3077 16.5746 20.3926 16.5032L22.7098 14.186C23.2902 13.5875 23.6094 12.7832 23.5976 11.9495C23.5858 11.1159 23.2439 10.321 22.6469 9.73905C22.065 9.14201 21.27 8.80011 20.4364 8.78831C19.6028 8.77651 18.7985 9.09578 18.1999 9.67611L15.8827 11.9933C15.7327 12.1433 15.5292 12.2276 15.317 12.2276C15.1049 12.2276 14.9014 12.1433 14.7513 11.9933C14.6013 11.8433 14.517 11.6398 14.517 11.4276C14.517 11.2154 14.6013 11.012 14.7513 10.8619L17.0685 8.54474C17.9663 7.66599 19.176 7.17914 20.4322 7.19094C21.6884 7.20274 22.8887 7.71222 23.7698 8.60768C24.6675 9.48877 25.1786 10.6902 25.1908 11.948C25.203 13.2058 24.7153 14.417 23.8348 15.3153Z' fill='%23999999'/%3E%3Cpath d='M9.054 16.5677L11.3691 14.2526C11.5223 14.1238 11.7183 14.0572 11.9183 14.0659C12.1183 14.0745 12.3078 14.1579 12.4494 14.2994C12.5909 14.441 12.6743 14.6305 12.6829 14.8305C12.6916 15.0305 12.625 15.2265 12.4962 15.3797L10.1811 17.6948C9.60079 18.2934 9.28152 19.0977 9.29332 19.9313C9.30512 20.765 9.64702 21.5599 10.2441 22.1418C10.826 22.7388 11.6209 23.0808 12.4545 23.0926C13.2882 23.1043 14.0925 22.7851 14.6911 22.2047L17.0061 19.8897C17.0775 19.8048 17.1657 19.7356 17.2651 19.6866C17.3646 19.6376 17.4732 19.6098 17.584 19.605C17.6948 19.6002 17.8054 19.6185 17.9087 19.6587C18.012 19.6989 18.1059 19.7602 18.1843 19.8386C18.2627 19.917 18.324 20.0109 18.3642 20.1142C18.4044 20.2176 18.4227 20.3281 18.4179 20.4389C18.4131 20.5497 18.3853 20.6583 18.3363 20.7578C18.2873 20.8573 18.2182 20.9455 18.1332 21.0168L15.8182 23.3319C14.9205 24.2109 13.7107 24.6981 12.4543 24.6864C11.1979 24.6747 9.99747 24.1652 9.11622 23.2696C8.22065 22.3884 7.71115 21.1879 7.69949 19.9315C7.68782 18.6751 8.17494 17.4654 9.054 16.5677Z' fill='%23999999'/%3E%3Cpath d='M20.9531 12.559L13.0639 20.4482C12.9146 20.5975 12.7124 20.6817 12.5012 20.6825C12.2901 20.6833 12.0872 20.6006 11.9368 20.4524C11.7868 20.3024 11.7025 20.0989 11.7025 19.8867C11.7025 19.6745 11.7868 19.4711 11.9368 19.321L19.826 11.4318C19.976 11.2818 20.1795 11.1975 20.3917 11.1975C20.6038 11.1975 20.8073 11.2818 20.9573 11.4318C21.1055 11.5823 21.1882 11.7851 21.1874 11.9963C21.1866 12.2074 21.1024 12.4097 20.9531 12.559Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-find {
    background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70039 8C7.25856 8 6.90039 8.35817 6.90039 8.8C6.90039 9.24183 7.25856 9.6 7.70039 9.6L25.3004 9.6C25.7422 9.6 26.1004 9.24183 26.1004 8.8C26.1004 8.35817 25.7422 8 25.3004 8H7.70039ZM7.70039 15.2C7.25856 15.2 6.90039 15.5582 6.90039 16C6.90039 16.4418 7.25856 16.8 7.70039 16.8H11.8788C12.0061 16.239 12.1989 15.7028 12.4488 15.2L7.70039 15.2ZM12.9128 22.4C13.3173 23.0042 13.8108 23.5438 14.3745 24H7.70039C7.25856 24 6.90039 23.6418 6.90039 23.2C6.90039 22.7582 7.25856 22.4 7.70039 22.4L12.9128 22.4Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8998 22.4C21.1089 22.4 22.8998 20.6092 22.8998 18.4C22.8998 16.1909 21.1089 14.4 18.8998 14.4C16.6907 14.4 14.8998 16.1909 14.8998 18.4C14.8998 20.6092 16.6907 22.4 18.8998 22.4ZM18.8998 24C21.9926 24 24.4998 21.4928 24.4998 18.4C24.4998 15.3073 21.9926 12.8 18.8998 12.8C15.807 12.8 13.2998 15.3073 13.2998 18.4C13.2998 21.4928 15.807 24 18.8998 24Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0671 21.5676C22.3795 21.2552 22.8861 21.2552 23.1985 21.5676L25.8384 24.2075C26.1508 24.5199 26.1508 25.0265 25.8384 25.3389C25.5259 25.6513 25.0194 25.6513 24.707 25.3389L22.0671 22.699C21.7547 22.3866 21.7547 21.8801 22.0671 21.5676Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-write {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90.7 90.7' style='enable-background:new 0 0 90.7 90.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23999999;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='59.8,68 26.7,68 26.7,26.5 40.5,26.5 40.5,22.6 22.8,22.6 22.8,71.9 63.7,71.9 63.7,44.4 59.8,44.4 '/%3E%3Cpath class='st0' d='M39.1,46.3l9.7-0.5l19.1-19.1l-9.2-9.2L39.6,36.5L39.1,46.3z M43.5,38.3L58.7,23l3.6,3.6L47.1,41.9l-3.8,0.2 L43.5,38.3z'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-write.black {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90.7 90.7' style='enable-background:new 0 0 90.7 90.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231c1c1c;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='59.8,68 26.7,68 26.7,26.5 40.5,26.5 40.5,22.6 22.8,22.6 22.8,71.9 63.7,71.9 63.7,44.4 59.8,44.4 '/%3E%3Cpath class='st0' d='M39.1,46.3l9.7-0.5l19.1-19.1l-9.2-9.2L39.6,36.5L39.1,46.3z M43.5,38.3L58.7,23l3.6,3.6L47.1,41.9l-3.8,0.2 L43.5,38.3z'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-write.white {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='레이어_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90.7 90.7' style='enable-background:new 0 0 90.7 90.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='59.8,68 26.7,68 26.7,26.5 40.5,26.5 40.5,22.6 22.8,22.6 22.8,71.9 63.7,71.9 63.7,44.4 59.8,44.4 '/%3E%3Cpath class='st0' d='M39.1,46.3l9.7-0.5l19.1-19.1l-9.2-9.2L39.6,36.5L39.1,46.3z M43.5,38.3L58.7,23l3.6,3.6L47.1,41.9l-3.8,0.2 L43.5,38.3z'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-text-copy {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.94141 8.06348C5.94141 6.8838 6.89772 5.92749 8.07739 5.92749H19.4759C20.6556 5.92749 21.6119 6.8838 21.6119 8.06348V9.21432H20.1879V8.06348C20.1879 7.67025 19.8692 7.35148 19.4759 7.35148H8.07739C7.68417 7.35148 7.3654 7.67025 7.3654 8.06348V19.462C7.3654 19.8552 7.68417 20.174 8.07739 20.174H9.20973V21.598H8.07739C6.89772 21.598 5.94141 20.6417 5.94141 19.462V8.06348Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.6347 11.8327H11.8188V24.6486H24.6347V11.8327ZM11.8188 10.4087C11.0323 10.4087 10.3948 11.0462 10.3948 11.8327V24.6486C10.3948 25.435 11.0323 26.0726 11.8188 26.0726H24.6347C25.4211 26.0726 26.0586 25.435 26.0586 24.6486V11.8327C26.0586 11.0462 25.4211 10.4087 24.6347 10.4087H11.8188Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-fileupload {
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.733398 5.61641C0.733398 5.17458 1.09157 4.81641 1.5334 4.81641L10.3334 4.81641C10.7752 4.81641 11.1334 5.17458 11.1334 5.61641C11.1334 6.05824 10.7752 6.41641 10.3334 6.41641L1.5334 6.41641C1.09157 6.41641 0.733398 6.05823 0.733398 5.61641Z' fill='%231A1A1A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9334 0.416504C6.37523 0.416504 6.7334 0.774676 6.7334 1.2165L6.7334 10.0165C6.7334 10.4583 6.37523 10.8165 5.9334 10.8165C5.49157 10.8165 5.1334 10.4583 5.1334 10.0165L5.1334 1.2165C5.1334 0.774676 5.49157 0.416504 5.9334 0.416504Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-file-xls {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.604 8.00107V24.0011H10.404V12.6681L15.071 8.00107H21.604ZM22.404 6.40122H14.737C14.632 6.39956 14.5279 6.41992 14.4314 6.46127C14.3349 6.50263 14.2482 6.56405 14.177 6.64121L9.04401 11.774C8.89531 11.9231 8.80943 12.1236 8.80402 12.3341V24.8011C8.80402 25.0133 8.8883 25.2168 9.03833 25.3668C9.18836 25.5168 9.39183 25.6012 9.604 25.6012H22.404C22.6162 25.6012 22.8197 25.5168 22.9697 25.3668C23.1198 25.2168 23.204 25.0133 23.204 24.8011V7.20102C23.204 7.09596 23.1833 6.99193 23.1431 6.89487C23.1029 6.79781 23.044 6.70963 22.9697 6.63535C22.8954 6.56106 22.8072 6.50221 22.7101 6.46201C22.6131 6.4218 22.509 6.40122 22.404 6.40122Z' fill='%231C1C1C'/%3E%3Cpath d='M15.2 6.3999C14.9878 6.3999 14.7843 6.48419 14.6343 6.63422C14.4843 6.78425 14.4 6.98773 14.4 7.1999V11.9999H9.59999C9.38781 11.9999 9.18433 12.0842 9.0343 12.2342C8.88427 12.3842 8.79999 12.5877 8.79999 12.7999C8.79999 13.0121 8.88427 13.2156 9.0343 13.3656C9.18433 13.5156 9.38781 13.5999 9.59999 13.5999H15.2C15.305 13.5999 15.4091 13.5792 15.5061 13.539C15.6032 13.4988 15.6914 13.4399 15.7657 13.3656C15.84 13.2913 15.8989 13.2031 15.9391 13.106C15.9793 13.009 16 12.905 16 12.7999V7.1999C16 6.98773 15.9157 6.78425 15.7657 6.63422C15.6156 6.48419 15.4122 6.3999 15.2 6.3999Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1541 6.40122C15.1694 6.40034 15.1847 6.3999 15.2 6.3999C15.2153 6.3999 15.2306 6.40034 15.2458 6.40122H22.404C22.509 6.40122 22.6131 6.4218 22.7101 6.46201C22.8072 6.50221 22.8954 6.56106 22.9697 6.63535C23.044 6.70963 23.1029 6.79781 23.1431 6.89487C23.1833 6.99193 23.204 7.09596 23.204 7.20102V24.8011C23.204 25.0133 23.1198 25.2168 22.9697 25.3668C22.8197 25.5168 22.6162 25.6012 22.404 25.6012H9.604C9.39183 25.6012 9.18836 25.5168 9.03833 25.3668C8.8883 25.2168 8.80402 25.0133 8.80402 24.8011V12.8801C8.80134 12.8536 8.79999 12.8268 8.79999 12.7999C8.79999 12.773 8.80134 12.7462 8.80402 12.7197V12.3341C8.80943 12.1236 8.89531 11.9231 9.04401 11.774L14.177 6.64121C14.2482 6.56405 14.3349 6.50263 14.4314 6.46127C14.5279 6.41992 14.632 6.39956 14.737 6.40122H15.1541ZM14.4 8.67207L11.0722 11.9999H14.4V8.67207ZM10.404 13.5999V24.0011H21.604V8.00107H16V12.7999C16 12.905 15.9793 13.009 15.9391 13.106C15.8989 13.2031 15.84 13.2913 15.7657 13.3656C15.6914 13.4399 15.6032 13.4988 15.5061 13.539C15.4091 13.5792 15.305 13.5999 15.2 13.5999H10.404Z' fill='%231C1C1C'/%3E%3Crect x='8' y='14.8342' width='16' height='8.0606' rx='1.00758' fill='%231C1C1C'/%3E%3Cpath d='M20.066 21.3856C19.4241 21.3856 18.9359 21.2519 18.6016 21.0713V20.3825C18.9961 20.5564 19.4575 20.6835 19.9925 20.6835C20.6478 20.6835 20.922 20.4093 20.922 19.9746C20.922 19.5667 20.7481 19.4062 20.2132 19.2457L19.7518 19.1187C19.063 18.9247 18.6417 18.557 18.6417 17.7277C18.6417 16.9052 19.1767 16.3435 20.2734 16.3435C20.9153 16.3435 21.263 16.4639 21.5372 16.6043V17.2931C21.2296 17.1593 20.8284 17.0457 20.2934 17.0457C19.7785 17.0457 19.491 17.2596 19.491 17.6542C19.491 18.0354 19.6381 18.2025 20.1195 18.3363L20.5743 18.4767C21.3433 18.6974 21.8047 19.0184 21.8047 19.8877C21.8047 20.8105 21.243 21.3856 20.066 21.3856Z' fill='white'/%3E%3Cpath d='M15.1541 21.299V16.4241H16.0301V20.6102H18.0897V21.299H15.1541Z' fill='white'/%3E%3Cpath d='M10.1953 21.299L11.74 18.8047L10.2956 16.4241H11.2653L12.3553 18.2162H12.382L13.3918 16.4241H14.2812L12.8635 18.798L14.3681 21.299H13.3985L12.2483 19.3999H12.2282L11.078 21.299H10.1953Z' fill='white'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-edit {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.71172 11.4573L4.73182 9.47736L4.40183 11.7872L6.71172 11.4573ZM4.59039 8.20457L9.96441 2.83056C10.0035 2.79151 10.0455 2.75734 10.0899 2.72805C10.4004 2.52302 10.8224 2.55719 11.0958 2.83056L13.3585 5.0933C13.6709 5.40572 13.6709 5.91225 13.3585 6.22467L7.98451 11.5987L7.60738 11.9758C7.48498 12.0982 7.32619 12.1776 7.15483 12.2021L4.51497 12.5792C3.987 12.6546 3.53445 12.2021 3.60987 11.6741L3.987 9.03424C4.01148 8.86289 4.09087 8.70409 4.21327 8.5817L4.59039 8.20457Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-text {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4 8H9.59999C9.38781 8 9.18433 8.08429 9.0343 8.23431C8.88427 8.38434 8.79999 8.58783 8.79999 8.8C8.79999 9.01217 8.88427 9.21566 9.0343 9.36569C9.18433 9.51571 9.38781 9.6 9.59999 9.6H22.4C22.6122 9.6 22.8156 9.51571 22.9657 9.36569C23.1157 9.21566 23.2 9.01217 23.2 8.8C23.2 8.58783 23.1157 8.38434 22.9657 8.23431C22.8156 8.08429 22.6122 8 22.4 8Z' fill='%231C1C1C'/%3E%3Cpath d='M16 8C15.7878 8 15.5844 8.08429 15.4343 8.23431C15.2843 8.38434 15.2 8.58783 15.2 8.8V23.2C15.2 23.4122 15.2843 23.6157 15.4343 23.7657C15.5844 23.9157 15.7878 24 16 24C16.2122 24 16.4157 23.9157 16.5657 23.7657C16.7157 23.6157 16.8 23.4122 16.8 23.2V8.8C16.8 8.58783 16.7157 8.38434 16.5657 8.23431C16.4157 8.08429 16.2122 8 16 8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-dropdown {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-dropdown.text-sandoll {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%234173fa;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-moreDown {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5L10 12.5L5 7.5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-dropup {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-dropup.text-sandoll {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%234173fa;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-moreUp {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' transform='rotate(180)'%0Axmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5L10 12.5L5 7.5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E%0A"); }
  i.sd.ic-fontsize {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37306 12.5605C9.17428 12.5604 8.98035 12.6219 8.81793 12.7365C8.65552 12.8511 8.53259 13.0132 8.46606 13.2005L5.13306 22.3735C5.08318 22.5279 5.09554 22.6956 5.16751 22.8409C5.23948 22.9862 5.36537 23.0977 5.51834 23.1516C5.67131 23.2054 5.83926 23.1974 5.98641 23.1292C6.13356 23.061 6.24825 22.9381 6.30606 22.7865L7.21306 20.2005H11.3731L12.2931 22.7875C12.3356 22.909 12.4151 23.0141 12.5203 23.0882C12.6256 23.1622 12.7514 23.2015 12.8801 23.2005H13.0131C13.1124 23.2007 13.2104 23.1771 13.2987 23.1316C13.387 23.0861 13.4631 23.02 13.5206 22.939C13.5781 22.858 13.6154 22.7643 13.6292 22.6659C13.643 22.5675 13.633 22.4673 13.6001 22.3735L10.2931 13.2005C10.2237 13.0125 10.0982 12.8503 9.93369 12.7359C9.76917 12.6214 9.57348 12.5602 9.37306 12.5605ZM7.62706 19.0275L9.25406 14.4275H9.29406L10.9341 19.0275H7.62706Z' fill='%231C1C1C'/%3E%3Cpath d='M21.293 8.80078H20.813C20.6142 8.80068 20.4203 8.86216 20.2579 8.97676C20.0955 9.09137 19.9725 9.25347 19.906 9.44078L15.2 22.3738C15.1658 22.4675 15.1549 22.5681 15.1682 22.667C15.1815 22.7659 15.2187 22.86 15.2764 22.9414C15.3341 23.0227 15.4108 23.0888 15.4997 23.134C15.5887 23.1792 15.6873 23.2021 15.787 23.2008H16.254C16.3827 23.2018 16.5085 23.1625 16.6137 23.0884C16.719 23.0144 16.7985 22.9092 16.841 22.7878L18.121 19.1478H23.748L24.975 22.5878C25.0394 22.769 25.1589 22.9255 25.3167 23.0354C25.4745 23.1453 25.6627 23.2031 25.855 23.2008C26.0037 23.2013 26.1503 23.1658 26.2822 23.0973C26.4142 23.0288 26.5276 22.9294 26.6128 22.8075C26.698 22.6857 26.7524 22.545 26.7715 22.3976C26.7905 22.2501 26.7735 22.1003 26.722 21.9608L22.2 9.44078C22.1335 9.25347 22.0105 9.09137 21.8481 8.97676C21.6857 8.86216 21.4918 8.80068 21.293 8.80078ZM18.68 17.5478L20.88 11.3208H20.947L23.16 17.5478H18.68Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-check {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 511' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath data-name='Path 598' d='m-4693.282 1513.172 6.349 6.349 9.523-9.523' transform='translate(4701.346 -1498.76)' style='stroke:%23000;stroke-width:1.5px;fill:none'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-check.text-sandoll {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 511' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath data-name='Path 598' d='m-4693.282 1513.172 6.349 6.349 9.523-9.523' transform='translate(4701.346 -1498.76)' style='stroke:%234173fa;stroke-width:1.5px;fill:none'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-like {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.20002 13.5996C6.98785 13.5996 6.78437 13.6839 6.63434 13.8339C6.48431 13.984 6.40002 14.1874 6.40002 14.3996V23.1996C6.40002 23.4118 6.48431 23.6153 6.63434 23.7653C6.78437 23.9153 6.98785 23.9996 7.20002 23.9996C7.4122 23.9996 7.61568 23.9153 7.76571 23.7653C7.91574 23.6153 8.00002 23.4118 8.00002 23.1996V14.3996C8.00002 14.1874 7.91574 13.984 7.76571 13.8339C7.61568 13.6839 7.4122 13.5996 7.20002 13.5996Z' fill='%23999'/%3E%3Cpath d='M15.4401 7.19962C15.4784 7.198 15.5166 7.2056 15.5514 7.22179C15.5862 7.23797 15.6166 7.26226 15.6401 7.29262C15.6645 7.32175 15.682 7.35608 15.6912 7.39299C15.7004 7.42991 15.701 7.46843 15.6931 7.50562L14.7861 11.6656L14.3591 13.6126H23.2001V18.0256L20.6131 23.1996H11.2001V14.0396L11.4671 13.5996L15.2401 7.31962C15.2588 7.28289 15.2875 7.25215 15.3229 7.23094C15.3582 7.20972 15.3988 7.19887 15.4401 7.19962ZM15.4401 5.59962C15.1212 5.60033 14.8079 5.68279 14.5301 5.83914C14.2522 5.99548 14.0191 6.22048 13.8531 6.49262L10.0931 12.7726L9.82606 13.2126L9.77306 13.2926C9.65723 13.4858 9.59734 13.7074 9.60006 13.9326V23.1996C9.60006 23.624 9.76864 24.0309 10.0687 24.331C10.3688 24.6311 10.7757 24.7996 11.2001 24.7996H20.6131C20.9089 24.7985 21.1986 24.7157 21.4504 24.5605C21.7022 24.4052 21.9062 24.1834 22.0401 23.9196L24.6271 18.7326C24.7375 18.5084 24.7966 18.2625 24.8001 18.0126V13.5996C24.8001 13.1753 24.6315 12.7683 24.3314 12.4683C24.0314 12.1682 23.6244 11.9996 23.2001 11.9996H16.3471L17.2541 7.83962C17.3126 7.56929 17.3097 7.28928 17.2456 7.02022C17.1815 6.75116 17.0579 6.49991 16.8838 6.28496C16.7097 6.07002 16.4897 5.89687 16.2398 5.77826C15.9899 5.65965 15.7166 5.5986 15.4401 5.59962Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-like.text-black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.20002 13.5996C6.98785 13.5996 6.78437 13.6839 6.63434 13.8339C6.48431 13.984 6.40002 14.1874 6.40002 14.3996V23.1996C6.40002 23.4118 6.48431 23.6153 6.63434 23.7653C6.78437 23.9153 6.98785 23.9996 7.20002 23.9996C7.4122 23.9996 7.61568 23.9153 7.76571 23.7653C7.91574 23.6153 8.00002 23.4118 8.00002 23.1996V14.3996C8.00002 14.1874 7.91574 13.984 7.76571 13.8339C7.61568 13.6839 7.4122 13.5996 7.20002 13.5996Z' fill='%231c1c1c'/%3E%3Cpath d='M15.4401 7.19962C15.4784 7.198 15.5166 7.2056 15.5514 7.22179C15.5862 7.23797 15.6166 7.26226 15.6401 7.29262C15.6645 7.32175 15.682 7.35608 15.6912 7.39299C15.7004 7.42991 15.701 7.46843 15.6931 7.50562L14.7861 11.6656L14.3591 13.6126H23.2001V18.0256L20.6131 23.1996H11.2001V14.0396L11.4671 13.5996L15.2401 7.31962C15.2588 7.28289 15.2875 7.25215 15.3229 7.23094C15.3582 7.20972 15.3988 7.19887 15.4401 7.19962ZM15.4401 5.59962C15.1212 5.60033 14.8079 5.68279 14.5301 5.83914C14.2522 5.99548 14.0191 6.22048 13.8531 6.49262L10.0931 12.7726L9.82606 13.2126L9.77306 13.2926C9.65723 13.4858 9.59734 13.7074 9.60006 13.9326V23.1996C9.60006 23.624 9.76864 24.0309 10.0687 24.331C10.3688 24.6311 10.7757 24.7996 11.2001 24.7996H20.6131C20.9089 24.7985 21.1986 24.7157 21.4504 24.5605C21.7022 24.4052 21.9062 24.1834 22.0401 23.9196L24.6271 18.7326C24.7375 18.5084 24.7966 18.2625 24.8001 18.0126V13.5996C24.8001 13.1753 24.6315 12.7683 24.3314 12.4683C24.0314 12.1682 23.6244 11.9996 23.2001 11.9996H16.3471L17.2541 7.83962C17.3126 7.56929 17.3097 7.28928 17.2456 7.02022C17.1815 6.75116 17.0579 6.49991 16.8838 6.28496C16.7097 6.07002 16.4897 5.89687 16.2398 5.77826C15.9899 5.65965 15.7166 5.5986 15.4401 5.59962Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-like-fill {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 3997'%3E%3Cg data-name='그룹 3214'%3E%3Cpath data-name='패스 2378' d='M7.2 24a.8.8 0 0 1-.8-.8v-8.8a.8.8 0 0 1 .8-.8.8.8 0 0 1 .8.8v8.8a.8.8 0 0 1-.8.8z' style='fill:%234173fa'/%3E%3C/g%3E%3Cg data-name='그룹 3215'%3E%3Cpath data-name='패스 2379' d='M23.2 12h-6.853l.907-4.16a1.847 1.847 0 0 0-1.8-2.24 1.864 1.864 0 0 0-1.587.893l-3.773 6.28-.267.44-.053.08a1.216 1.216 0 0 0-.173.64V23.2a1.6 1.6 0 0 0 1.6 1.6h9.413a1.607 1.607 0 0 0 1.427-.88l2.587-5.187a1.683 1.683 0 0 0 .173-.72V13.6A1.6 1.6 0 0 0 23.2 12z' style='fill:%234173fa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-page-next {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-page-next.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-page-next.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-page-prev {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-page-prev.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-page-first {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1667 15L9.16669 10L14.1667 5' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 5V15' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E "); }
  i.sd.ic-page-last {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83331 5L10.8333 10L5.83331 15' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 15L14.1667 5' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-compare {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.79922 7.19995C7.91556 7.19995 7.19922 7.9163 7.19922 8.79995V23.2C7.19922 24.0836 7.91556 24.8 8.79922 24.8H23.1992C24.0829 24.8 24.7992 24.0836 24.7992 23.2V8.79995C24.7992 7.9163 24.0829 7.19995 23.1992 7.19995H8.79922ZM11.9993 11.1999C11.5574 11.1999 11.1993 11.5581 11.1993 11.9999C11.1993 12.4418 11.5574 12.7999 11.9993 12.7999H19.9993C20.4411 12.7999 20.7993 12.4418 20.7993 11.9999C20.7993 11.5581 20.4411 11.1999 19.9993 11.1999H11.9993ZM11.1993 15.9999C11.1993 15.5581 11.5574 15.1999 11.9993 15.1999H19.9993C20.4411 15.1999 20.7993 15.5581 20.7993 15.9999C20.7993 16.4418 20.4411 16.7999 19.9993 16.7999H11.9993C11.5574 16.7999 11.1993 16.4418 11.1993 15.9999ZM11.9993 19.1999C11.5574 19.1999 11.1993 19.5581 11.1993 19.9999C11.1993 20.4418 11.5574 20.7999 11.9993 20.7999H16.7993C17.2411 20.7999 17.5993 20.4418 17.5993 19.9999C17.5993 19.5581 17.2411 19.1999 16.7993 19.1999H11.9993Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-compare.black {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.79922 7.19995C7.91556 7.19995 7.19922 7.9163 7.19922 8.79995V23.2C7.19922 24.0836 7.91556 24.8 8.79922 24.8H23.1992C24.0829 24.8 24.7992 24.0836 24.7992 23.2V8.79995C24.7992 7.9163 24.0829 7.19995 23.1992 7.19995H8.79922ZM11.9993 11.1999C11.5574 11.1999 11.1993 11.5581 11.1993 11.9999C11.1993 12.4418 11.5574 12.7999 11.9993 12.7999H19.9993C20.4411 12.7999 20.7993 12.4418 20.7993 11.9999C20.7993 11.5581 20.4411 11.1999 19.9993 11.1999H11.9993ZM11.1993 15.9999C11.1993 15.5581 11.5574 15.1999 11.9993 15.1999H19.9993C20.4411 15.1999 20.7993 15.5581 20.7993 15.9999C20.7993 16.4418 20.4411 16.7999 19.9993 16.7999H11.9993C11.5574 16.7999 11.1993 16.4418 11.1993 15.9999ZM11.9993 19.1999C11.5574 19.1999 11.1993 19.5581 11.1993 19.9999C11.1993 20.4418 11.5574 20.7999 11.9993 20.7999H16.7993C17.2411 20.7999 17.5993 20.4418 17.5993 19.9999C17.5993 19.5581 17.2411 19.1999 16.7993 19.1999H11.9993Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-share {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7098 17.1336L10.9098 18.5192L19.2234 23.3192L20.0234 21.9336L11.7098 17.1336Z' fill='%231C1C1C'/%3E%3Cpath d='M19.207 9.74316L10.8129 14.5897L11.6129 15.9752L20.007 11.1287L19.207 9.74316Z' fill='%231C1C1C'/%3E%3Cpath d='M9.3094 14.9252C9.73374 14.9252 10.1407 15.0938 10.4408 15.3938C10.7408 15.6939 10.9094 16.1009 10.9094 16.5252C10.9094 16.9495 10.7408 17.3565 10.4408 17.6566C10.1407 17.9566 9.73374 18.1252 9.3094 18.1252C8.88505 18.1252 8.47808 17.9566 8.17802 17.6566C7.87796 17.3565 7.70939 16.9495 7.70939 16.5252C7.70939 16.1009 7.87796 15.6939 8.17802 15.3938C8.47808 15.0938 8.88505 14.9252 9.3094 14.9252ZM9.3094 13.3252C8.88887 13.3242 8.47229 13.4062 8.08357 13.5666C7.69485 13.7271 7.34165 13.9628 7.04429 14.2601C6.74693 14.5575 6.51128 14.9107 6.35084 15.2994C6.1904 15.6881 6.10833 16.1047 6.10939 16.5252C6.10833 16.9457 6.1904 17.3623 6.35084 17.751C6.51128 18.1398 6.74693 18.493 7.04429 18.7903C7.34165 19.0877 7.69485 19.3233 8.08357 19.4838C8.47229 19.6442 8.88887 19.7263 9.3094 19.7252C9.72992 19.7263 10.1465 19.6442 10.5352 19.4838C10.9239 19.3233 11.2771 19.0877 11.5745 18.7903C11.8719 18.493 12.1075 18.1398 12.268 17.751C12.4284 17.3623 12.5104 16.9457 12.5094 16.5252C12.5094 15.6765 12.1722 14.8626 11.5721 14.2625C10.972 13.6623 10.1581 13.3252 9.3094 13.3252Z' fill='%231C1C1C'/%3E%3Cpath d='M21.521 22.0981C21.8024 22.0935 22.0794 22.1682 22.3203 22.3136C22.5032 22.4177 22.6636 22.5571 22.7919 22.7238C22.9203 22.8905 23.0142 23.0812 23.068 23.2846C23.1231 23.4876 23.1371 23.6996 23.1093 23.9082C23.0814 24.1168 23.0123 24.3177 22.9059 24.4992C22.7656 24.7428 22.5636 24.945 22.3202 25.0857C22.0768 25.2263 21.8007 25.3004 21.5196 25.3004C21.2382 25.3049 20.9613 25.2302 20.7203 25.0848C20.5374 24.9808 20.3771 24.8414 20.2487 24.6747C20.1203 24.508 20.0265 24.3173 19.9726 24.1139C19.9176 23.9108 19.9036 23.6988 19.9314 23.4903C19.9592 23.2817 20.0283 23.0808 20.1347 22.8992C20.2751 22.6557 20.4771 22.4534 20.7205 22.3128C20.9638 22.1721 21.2399 22.0981 21.521 22.0981ZM21.5217 20.497C20.9594 20.4952 20.4066 20.6425 19.9197 20.9238C19.4328 21.2051 19.029 21.6104 18.7496 22.0984C18.5384 22.462 18.4012 22.8638 18.3458 23.2807C18.2904 23.6975 18.3179 24.1212 18.4267 24.5274C18.5355 24.9336 18.7235 25.3143 18.98 25.6476C19.2364 25.9809 19.5561 26.2602 19.9208 26.4696C20.4072 26.7499 20.9585 26.8982 21.5199 26.8998C22.0823 26.9015 22.635 26.7543 23.122 26.473C23.6089 26.1917 24.0126 25.7864 24.292 25.2984C24.5032 24.9347 24.6404 24.5329 24.6959 24.1161C24.7513 23.6992 24.7238 23.2755 24.6149 22.8693C24.5061 22.4631 24.3181 22.0825 24.0617 21.7492C23.8053 21.4159 23.4855 21.1365 23.1208 20.9272C22.6344 20.6468 22.0832 20.4985 21.5217 20.497Z' fill='%231C1C1C'/%3E%3Cpath d='M21.519 7.70177C21.8004 7.69721 22.0774 7.7719 22.3183 7.9173C22.5012 8.02132 22.6615 8.16077 22.7899 8.32748C22.9183 8.49419 23.0121 8.68482 23.066 8.88822C23.121 9.0913 23.1351 9.30332 23.1072 9.51189C23.0794 9.72045 23.0103 9.92137 22.9039 10.1029C22.7636 10.3464 22.5615 10.5487 22.3182 10.6894C22.0748 10.83 21.7987 10.904 21.5176 10.904C21.2362 10.9086 20.9592 10.8339 20.7183 10.6885C20.5354 10.5845 20.3751 10.445 20.2467 10.2783C20.1183 10.1116 20.0245 9.92099 19.9706 9.71758C19.9156 9.5145 19.9015 9.30248 19.9293 9.09392C19.9572 8.88535 20.0263 8.68443 20.1327 8.5029C20.273 8.25936 20.475 8.05708 20.7184 7.91644C20.9618 7.7758 21.2379 7.70176 21.519 7.70177ZM21.5197 6.10061C20.9573 6.09887 20.4046 6.24614 19.9176 6.52744C19.4307 6.80873 19.027 7.21401 18.7476 7.70203C18.5364 8.06568 18.3992 8.46748 18.3438 8.88433C18.2884 9.30118 18.3158 9.72486 18.4247 10.1311C18.5335 10.5372 18.7215 10.9179 18.9779 11.2512C19.2344 11.5845 19.5541 11.8639 19.9188 12.0732C20.4052 12.3536 20.9565 12.5019 21.5179 12.5035C22.0802 12.5052 22.633 12.3579 23.1199 12.0766C23.6069 11.7953 24.0106 11.3901 24.29 10.902C24.5012 10.5384 24.6384 10.1366 24.6938 9.71974C24.7492 9.30289 24.7218 8.87921 24.6129 8.47302C24.5041 8.06683 24.3161 7.68614 24.0596 7.35283C23.8032 7.01953 23.4835 6.74018 23.1188 6.53084C22.6349 6.24447 22.082 6.0957 21.5197 6.10061Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-reply {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-encore {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_alarm' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1,.cls-2%7Bfill:none%7D.cls-2%7Bstroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' class='cls-1' d='M0 0h32v32H0z'/%3E%3Cg id='Ellipse_421' data-name='Ellipse 421' class='cls-2' transform='translate(6.5 6.5)'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' style='stroke:none'/%3E%3Ccircle class='cls-1' cx='9.5' cy='9.5' r='8.75'/%3E%3C/g%3E%3Cpath id='Path_732' data-name='Path 732' class='cls-2' d='M-23257-23621.273v6h4' transform='translate(23273 23632.273)'/%3E%3Cpath id='Line_477' data-name='Line 477' class='cls-2' transform='rotate(-10.02 136.54 -31.142)' d='m0 3 3-3'/%3E%3Cpath id='Line_478' data-name='Line 478' class='cls-2' transform='rotate(10.02 -119.049 134.256)' d='M3 3 0 0'/%3E%3Cpath id='Path_733' data-name='Path 733' class='cls-2' d='M7 4.914V6.5a3.5 3.5 0 0 1-7 0V4.914' transform='rotate(135 5.84 9.198)'/%3E%3Cpath id='Path_734' data-name='Path 734' class='cls-2' d='M7 5.086V3.5a3.5 3.5 0 0 0-7 0v1.587' transform='rotate(45 5.866 29.525)'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-encore-fill {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_alarmOn' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Polygon_27' data-name='Polygon 27' class='cls-1' d='m8 0 8 10H0z' transform='rotate(90 3.208 12.208)'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Cpath id='Polygon_27-2' data-name='Polygon 27' class='cls-1' d='m8 0 8 10H0z' transform='rotate(-90 8 8)'/%3E%3C/clipPath%3E%3Cstyle%3E .cls-1%7Bfill:%23fff;stroke:%23707070%7D.cls-2,.cls-3%7Bfill:none%7D.cls-3%7Bstroke:%234173fa;stroke-width:1.5px%7D.cls-6%7Bstroke:none%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' class='cls-2' d='M0 0h32v32H0z'/%3E%3Cg id='Ellipse_421' data-name='Ellipse 421' class='cls-3' transform='translate(6.5 6.5)'%3E%3Ccircle class='cls-6' cx='9.5' cy='9.5' r='9.5'/%3E%3Ccircle class='cls-2' cx='9.5' cy='9.5' r='8.75'/%3E%3C/g%3E%3Cpath id='Path_732' data-name='Path 732' class='cls-3' d='M-23257-23621.273v6h4' transform='translate(23272.998 23632.273)'/%3E%3Cpath id='Line_477' data-name='Line 477' class='cls-3' transform='matrix(.985 -.174 .174 .985 7.5 23.283)' d='m0 3 3-3'/%3E%3Cpath id='Line_478' data-name='Line 478' class='cls-3' transform='rotate(10.02 -119.049 134.256)' d='M3 3 0 0'/%3E%3Cpath id='Path_733' data-name='Path 733' class='cls-3' d='M7 4.914V6.5a3.5 3.5 0 0 1-7 0V4.914' transform='rotate(135 5.84 9.198)'/%3E%3Cpath id='Path_734' data-name='Path 734' class='cls-3' d='M7 5.086V3.5a3.5 3.5 0 0 0-7 0v1.587' transform='rotate(45 5.866 29.526)'/%3E%3Cg id='Group_905' data-name='Group 905' transform='translate(-5.416)'%3E%3Cg id='Mask_Group_803' data-name='Mask Group 803' style='clip-path:url(%23clip-path)'%3E%3Cg id='Ellipse_422' data-name='Ellipse 422' class='cls-3' transform='translate(8.916 3.5)'%3E%3Ccircle class='cls-6' cx='12.5' cy='12.5' r='12.5'/%3E%3Ccircle class='cls-2' cx='12.5' cy='12.5' r='11.75'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Group_906' data-name='Group 906' transform='translate(22 9)'%3E%3Cg id='Mask_Group_803-2' data-name='Mask Group 803' style='clip-path:url(%23clip-path-2)'%3E%3Cg id='Ellipse_422-2' data-name='Ellipse 422' class='cls-3' transform='translate(-18.5 -5.5)'%3E%3Ccircle class='cls-6' cx='12.5' cy='12.5' r='12.5'/%3E%3Ccircle class='cls-2' cx='12.5' cy='12.5' r='11.75'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-go {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_go' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(10 10)' d='M12 0 0 12'/%3E%3Cpath id='Path_601' data-name='Path 601' class='cls-2' d='M-23744-23622.437h8v8' transform='translate(23757.998 23632.436)'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-go.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_go' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(10 10)' d='M12 0 0 12'/%3E%3Cpath id='Path_601' data-name='Path 601' class='cls-2' d='M-23744-23622.437h8v8' transform='translate(23757.998 23632.436)'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-go.text-sandoll {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_go' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%234173FA;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='translate(10 10)' d='M12 0 0 12'/%3E%3Cpath id='Path_601' data-name='Path 601' class='cls-2' d='M-23744-23622.437h8v8' transform='translate(23757.998 23632.436)'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-plus {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_plus' data-name='ic_plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='rotate(45 -1.061 23.044)' d='m0 0 12 12'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='rotate(45 -1.061 23.044)' d='M12 0 0 12'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-plus.text-999 {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic__' data-name='ic_+' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23999;stroke-width:1px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='rotate(45 -1.061 23.044)' d='m0 0 12 12'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='rotate(45 -1.061 23.044)' d='M12 0 0 12'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-plus.text-white {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_plus' data-name='ic_plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_119' data-name='Line 119' class='cls-2' transform='rotate(45 -1.061 23.044)' d='m0 0 12 12'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='rotate(45 -1.061 23.044)' d='M12 0 0 12'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-minus {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_minus' data-name='ic_minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cpath id='Line_120' data-name='Line 120' class='cls-2' transform='rotate(45 -1.061 23.044)' d='M12 0 0 12'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-blog {
    background-size: 32px 32px;
    background-image: url("data:image/svg+xml,%3Csvg id='ic-blog' data-name='ic-blog' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 145.69 66.53'%3E%3Cpath class='cls-1' d='M535.48 1234.06v-29.82c0-6.88-5.44-7.79-5.44-7.79v-11.93s15.79 1 16.71 20.1v29.44zM554.19 1218.06a16.44 16.44 0 011.44-6.8 18.48 18.48 0 014.23-5.85 19.65 19.65 0 016.18-3.85 19.85 19.85 0 017.25-1.33 20.49 20.49 0 017.37 1.33 19.16 19.16 0 016.17 3.85 17.64 17.64 0 014.14 5.79 17.42 17.42 0 010 13.73 17.46 17.46 0 01-4.14 5.77 19 19 0 01-6.17 3.86 20.49 20.49 0 01-7.37 1.34 19.85 19.85 0 01-7.25-1.34 19.5 19.5 0 01-6.18-3.86 18.34 18.34 0 01-4.23-5.84 16.4 16.4 0 01-1.44-6.8zm11.46-.07a7.6 7.6 0 002.24 5.52 7.24 7.24 0 005.39 2.28 7.8 7.8 0 000-15.6 7.28 7.28 0 00-5.39 2.28 7.6 7.6 0 00-2.24 5.53zM523.09 1205.62c-2.5-2.89-6.67-5.39-10.67-5.26-4.68.16-8.65 1-11.64 3.57h-.14v-18.42h-11.05v48.2h11.05v-2.34h.14a16 16 0 0010 3.13c4.87 0 9.34-1.39 12.25-4.67s4.36-6.4 4.36-11.83a19.3 19.3 0 00-4.3-12.38zm-9.47 18a7.46 7.46 0 01-5.48 2.28 7.26 7.26 0 01-5.38-2.28 7.92 7.92 0 010-11 7.26 7.26 0 015.38-2.28 7.81 7.81 0 015.48 13.32zM624.3 1200.57v2.63h-.14c-2.67-2.43-5.4-3.48-9.73-3.48-4.84 0-9.07 1.61-12 5.07s-4.45 8.12-4.45 14c0 5.24 1.33 9.43 4 12.54a14.23 14.23 0 0011.13 4.8c4.89 0 8.58-1.27 11.09-4.74h.14v2.24c0 5.83-6.17 8.79-10.67 8.33v8.75c5.39.77 11.79.47 16.27-3.79 3.78-3.59 5.38-8.75 5.38-17.21v-29.14zm-2.11 23a7.48 7.48 0 01-5.48 2.28 7.26 7.26 0 01-5.38-2.28 7.9 7.9 0 010-11 7.26 7.26 0 015.38-2.28 7.81 7.81 0 015.48 13.32z' transform='translate(-489.59 -1184.52)'/%3E%3C/svg%3E"); }
    i.sd.ic-blog.white {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%231C1C1C'/%3E%3Cg clip-path='url(%23clip0_567_8433)'%3E%3Cpath d='M11.4914 14.056C11.1874 14.056 10.941 14.3024 10.941 14.6064C10.941 14.9104 11.1874 15.158 11.4914 15.158C11.7954 15.158 12.0418 14.9116 12.0418 14.6064C12.0418 14.3012 11.7954 14.056 11.4914 14.056Z' fill='white'/%3E%3Cpath d='M16.9336 13.9984C16.6058 13.9984 16.3402 14.264 16.3402 14.5917C16.3402 14.9195 16.6058 15.1851 16.9336 15.1851C17.2614 15.1851 17.527 14.9195 17.527 14.5917C17.527 14.264 17.2614 13.9984 16.9336 13.9984Z' fill='white'/%3E%3Cpath d='M21.8604 8.57983H10.1407C8.95846 8.57983 8 9.5383 8 10.7206V17.6762C8 18.8584 8.95846 19.8169 10.1407 19.8169H14.2797L15.688 23.1342C15.688 23.1342 15.7852 23.4213 16.0192 23.4213C16.2543 23.4213 16.3504 23.1342 16.3504 23.1342L17.7587 19.8169H21.8604C23.0427 19.8169 24.0011 18.8584 24.0011 17.6762V10.7206C24.0011 9.5383 23.0427 8.57983 21.8604 8.57983ZM13.0263 14.7285C13.0195 16 11.705 16.0362 11.705 16.0362C11.1964 16.0362 10.9093 15.6994 10.9093 15.6994V15.9288H9.95196V11.9797C9.95196 11.9797 9.94744 11.9785 9.95196 11.9774V11.9797C10.0119 11.9887 10.9093 11.9774 10.9093 11.9774V13.4874C11.1342 13.1031 11.7853 13.1099 11.7853 13.1099C13.2026 13.2422 13.0251 14.7285 13.0251 14.7285H13.0263ZM14.7126 13.232V15.9356H13.7756V13.2591C13.7756 12.8952 13.3235 12.7935 13.3235 12.7935V11.8497C14.82 11.9107 14.7126 13.232 14.7126 13.232ZM16.9336 16.0384C16.0656 16.0384 15.3625 15.3908 15.3625 14.5928C15.3625 13.7949 16.0656 13.1472 16.9336 13.1472C17.8016 13.1472 18.5047 13.7949 18.5047 14.5928C18.5047 15.3908 17.8016 16.0384 16.9336 16.0384ZM22.0673 16.0384C22.0673 16.0384 22.0808 17.4117 20.6849 17.4117H20.26V16.5222H20.5165C20.5165 16.5222 21.1031 16.5764 21.0964 15.6722C21.0964 15.6722 20.9822 16.0384 20.1594 16.0384C20.1594 16.0384 18.9929 15.9548 18.9929 14.8166V14.3849C18.9929 14.3849 19.0201 13.2049 20.3006 13.1111C20.3006 13.1111 20.8059 13.0568 21.1167 13.475V13.1857H22.0673V16.0396V16.0384Z' fill='white'/%3E%3Cpath d='M20.5776 14.012C20.2577 14.012 19.9977 14.2719 19.9977 14.5918C19.9977 14.9117 20.2577 15.1716 20.5776 15.1716C20.8974 15.1716 21.1574 14.9117 21.1574 14.5918C21.1574 14.2719 20.8974 14.012 20.5776 14.012Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_567_8433'%3E%3Crect width='16' height='14.8404' fill='white' transform='translate(8 8.57983)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  i.sd.ic-kakao {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.6 29.2' style='enable-background:new 0 0 27.6 29.2' xml:space='preserve'%3E%3Cpath d='M14.3 5.9c-4.8 0-8.7 3.6-8.7 8 0 3.3 1.4 4.8 3.2 6.3V24c0 .1.1.2.2.2h.1l3.3-2.5h.1c.6.1 1.1.2 1.7.2 4.8 0 8.7-3.6 8.7-8s-3.8-8-8.6-8M11.4 16c.8 0 1.5-.5 1.8-1.3h1.3c-.2 1.5-1.6 2.6-3.1 2.5-1.8 0-3.2-1.4-3.2-3.1V14c0-1.8 1.4-3.2 3.1-3.2h.1c1.5 0 2.8 1.1 3.1 2.6h-1.3c-.2-.8-1-1.4-1.8-1.4-1.1 0-2 .8-2 1.9v.2c-.1 1 .8 1.9 2 1.9-.1 0 0 0 0 0m8.3 1.1h-1.1v-2.6c0-.5-.3-.9-.7-.9h-.2c-.6 0-1 .4-1 1.1v2.4h-1.1v-6.3h1.1v2.4c.3-.4.8-.7 1.3-.6.5 0 .9.2 1.2.5.3.4.5.9.5 1.4v2.6z'/%3E%3C/svg%3E");
    background-size: 32px 32px; }
    i.sd.ic-kakao.white {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%231C1C1C'/%3E%3Cg clip-path='url(%23clip0_567_8376)'%3E%3Cpath d='M16.0006 7.53857C11.5821 7.53857 8 10.8519 8 14.9392C8 17.9572 9.26363 19.3985 10.9953 20.7125L11.0037 20.7161V24.2586C11.0037 24.4254 11.1945 24.5214 11.3289 24.4218L14.3626 22.1681L14.4274 22.1969C14.9362 22.2905 15.4618 22.3397 15.9994 22.3397C20.4179 22.3397 24 19.0265 24 14.9392C24 10.8519 20.4191 7.53857 16.0006 7.53857ZM13.3185 16.8136C14.1034 16.8136 14.7742 16.3444 14.9758 15.6184H16.1362C15.853 17.014 14.7658 17.9296 13.3197 17.9296C11.6385 17.9296 10.3053 16.6756 10.3053 14.9308C10.3053 13.1859 11.6385 11.9319 13.3197 11.9319C14.7814 11.9319 15.8746 12.8655 16.1446 14.2851H14.9878C14.8114 13.5135 14.1178 13.0323 13.3197 13.0323C12.1893 13.0323 11.4369 13.8387 11.4369 14.932C11.4369 16.0252 12.2925 16.816 13.3197 16.816M20.9615 17.8144H19.8983V15.4168C19.8983 14.8648 19.5767 14.5684 19.0823 14.5684C18.5303 14.5684 18.1763 14.9056 18.1763 15.5896V17.8144H17.113V11.9499H18.1763V14.1555C18.4319 13.7679 18.8435 13.5783 19.4039 13.5783C19.8575 13.5783 20.2283 13.7271 20.5163 14.0319C20.8127 14.3367 20.9615 14.7484 20.9615 15.2848V17.8144Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_567_8376'%3E%3Crect width='16' height='16.9228' fill='white' transform='translate(8 7.53857)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  i.sd.ic-letter {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-3,.cls-4%7Bfill:none%7D.cls-3%7Bstroke:%23000;stroke-width:.65px;stroke-linecap:round%7D %3C/style%3E%3C/defs%3E%3Cg id='ic_letter' transform='translate(0.23)'%3E%3Cg id='Group_32' transform='translate(3.269 8.5)'%3E%3Cg id='Group_31'%3E%3Cpath id='Subtraction_4' d='M12.36 10.194A5.3 5.3 0 0 1 8.49 8.51 4.979 4.979 0 1 1 4.99 0a5.139 5.139 0 0 1 1.381.19v3.634H18.24V.225a5 5 0 0 1 6.483 4.74 5 5 0 0 1-8.5 3.546 5.218 5.218 0 0 1-3.863 1.683z' transform='translate(0 4.572)'/%3E%3Cg id='Group_14' transform='translate(6.196)'%3E%3Cg id='Rectangle_522' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='0.65px'%3E%3Cpath stroke='none' d='M0 0H11.077V8H0z' transform='translate(0.571)'/%3E%3Cpath d='M-0.325 -0.325H11.402000000000001V8.325000000000001H-0.325z' class='cls-4' transform='translate(0.571)'/%3E%3C/g%3E%3Cpath id='Path_556' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='0.65px' d='M11685 1780.322l5.535 4.745 5.536-4.745' transform='translate(-11684.43 -1779.801)'/%3E%3Cpath id='Path_557' d='M11685 1784.9l4.494-3.575' class='cls-3' transform='translate(-11685.001 -1777.058)'/%3E%3Cpath id='Path_558' d='M11689.5 1784.9l-4.5-3.575' class='cls-3' transform='translate(-11677.281 -1777.058)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='Rectangle_526' d='M0 0H32V32H0z' class='cls-4' transform='translate(-0.23)'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-letter.white {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%231C1C1C'/%3E%3Cg clip-path='url(%23clip0_567_8291)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.9643 9.27982C22.9341 9.21444 22.8897 9.15524 22.8327 9.10726C22.8114 9.0893 22.7887 9.07327 22.765 9.05925C22.6938 9.01708 22.6153 8.99433 22.5365 8.99025C22.4915 8.98789 22.4459 8.99159 22.4008 9.00174C22.3765 9.0072 22.3525 9.01448 22.3291 9.02357L9.96194 13.6171C9.80232 13.6764 9.68385 13.8128 9.64754 13.9792C9.61123 14.1456 9.66208 14.319 9.78248 14.4394L12.9645 17.6213C13.139 17.7958 13.4147 17.8169 13.6137 17.671L16.2962 15.7038L14.329 18.3863C14.1831 18.5853 14.2042 18.861 14.3787 19.0355L17.5607 22.2175C17.6811 22.3379 17.8545 22.3888 18.0208 22.3525C18.1872 22.3162 18.3237 22.1977 18.3829 22.0381L22.977 9.66932C23.0081 9.58852 23.0177 9.50083 23.0049 9.41523C22.998 9.36901 22.9845 9.3234 22.9643 9.27982ZM12.9645 19.7427C13.1597 19.5475 13.1597 19.2309 12.9645 19.0356C12.7692 18.8404 12.4526 18.8404 12.2574 19.0356L10.136 21.1569C9.94078 21.3522 9.94078 21.6688 10.136 21.864C10.3313 22.0593 10.6479 22.0593 10.8431 21.864L12.9645 19.7427ZM11.1967 17.2678C11.392 17.4631 11.392 17.7797 11.1967 17.975L9.78249 19.3892C9.58722 19.5844 9.27064 19.5844 9.07538 19.3892C8.88012 19.1939 8.88012 18.8773 9.07538 18.6821L10.4896 17.2678C10.6849 17.0726 11.0014 17.0726 11.1967 17.2678ZM14.7322 21.5105C14.9275 21.3152 14.9275 20.9986 14.7322 20.8033C14.537 20.6081 14.2204 20.6081 14.0251 20.8033L12.6109 22.2176C12.4157 22.4128 12.4157 22.7294 12.6109 22.9247C12.8062 23.1199 13.1228 23.1199 13.318 22.9247L14.7322 21.5105Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_567_8291'%3E%3Crect width='20' height='20' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
  i.sd.ic-play {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Rectangle 140' style='fill:none' d='M0 0h32v32H0z'/%3E%3Cg data-name='Polygon 1' style='fill:none'%3E%3Cpath d='m9 0 9 16H0z' style='stroke:none' transform='rotate(90 9 16)'/%3E%3Cpath d='M9 3.06 2.565 14.5h12.87L9 3.06M9 0l9 16H0L9 0z' style='fill:%23fff;stroke:none' transform='rotate(90 9 16)'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-play-fill {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='20' height='20' viewBox='-3 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'%3E%3Ctitle%3Eplay%3C/title%3E%3Cdesc%3ECreated with Sketch Beta.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='Icon-Set-Filled' sketch:type='MSLayerGroup' transform='translate(-419.000000, -571.000000)' fill='%23fff'%3E%3Cpath d='M440.415,583.554 L421.418,571.311 C420.291,570.704 419,570.767 419,572.946 L419,597.054 C419,599.046 420.385,599.36 421.418,598.689 L440.415,586.446 C441.197,585.647 441.197,584.353 440.415,583.554' id='play' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
  i.sd.ic-pause {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='24' height='24' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M120.16 45A20.162 20.162 0 0 0 100 65.16v381.68A20.162 20.162 0 0 0 120.16 467h65.68A20.162 20.162 0 0 0 206 446.84V65.16A20.162 20.162 0 0 0 185.84 45h-65.68zm206 0A20.162 20.162 0 0 0 306 65.16v381.68A20.162 20.162 0 0 0 326.16 467h65.68A20.162 20.162 0 0 0 412 446.84V65.16A20.162 20.162 0 0 0 391.84 45h-65.68z'/%3E%3C/svg%3E"); }
  i.sd.ic-menu {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_menu' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Line_2' data-name='Line 2' class='cls-1' transform='translate(8 10)' d='M0 0h16'/%3E%3Cpath id='Line_3' data-name='Line 3' class='cls-1' transform='translate(8 16)' d='M0 0h16'/%3E%3Cpath id='Line_4' data-name='Line 4' class='cls-1' transform='translate(8 22)' d='M0 0h16'/%3E%3Cpath id='Rectangle_133' data-name='Rectangle 133' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E "); }
    i.sd.ic-menu.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_menu' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%23fff;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Line_2' data-name='Line 2' class='cls-1' transform='translate(8 10)' d='M0 0h16'/%3E%3Cpath id='Line_3' data-name='Line 3' class='cls-1' transform='translate(8 16)' d='M0 0h16'/%3E%3Cpath id='Line_4' data-name='Line 4' class='cls-1' transform='translate(8 22)' d='M0 0h16'/%3E%3Cpath id='Rectangle_133' data-name='Rectangle 133' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E "); }
  i.sd.ic-lang {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5C11.3258 5.50099 12.597 6.0281 13.5344 6.96556C14.4719 7.90303 14.999 9.17422 15 10.5C14.999 11.8258 14.4719 13.097 13.5344 14.0344C12.597 14.9719 11.3258 15.499 10 15.5C8.67422 15.499 7.40303 14.9719 6.46556 14.0344C5.5281 13.097 5.001 11.8258 5.00001 10.5C5.001 9.17422 5.5281 7.90303 6.46556 6.96556C7.40303 6.0281 8.67422 5.50099 10 5.5ZM10 4.5C9.21193 4.49951 8.4315 4.65437 7.70332 4.95572C6.97514 5.25707 6.31351 5.69901 5.75626 6.25626C5.19901 6.81351 4.75708 7.47514 4.45572 8.20332C4.15437 8.9315 3.99951 9.71193 4 10.5C3.99951 11.2881 4.15437 12.0685 4.45572 12.7967C4.75708 13.5249 5.19901 14.1865 5.75626 14.7437C6.31351 15.301 6.97514 15.7429 7.70332 16.0443C8.4315 16.3456 9.21193 16.5005 10 16.5C10.7881 16.5005 11.5685 16.3456 12.2967 16.0443C13.0249 15.7429 13.6865 15.301 14.2437 14.7437C14.801 14.1865 15.2429 13.5249 15.5443 12.7967C15.8456 12.0685 16.0005 11.2881 16 10.5C16.0005 9.71193 15.8456 8.9315 15.5443 8.20332C15.2429 7.47514 14.801 6.81351 14.2437 6.25626C13.6865 5.69901 13.0249 5.25707 12.2967 4.95572C11.5685 4.65437 10.7881 4.49951 10 4.5Z' fill='%231C1C1C'/%3E%3Cpath d='M10.5 16V5C10.5 4.72386 10.2761 4.5 10 4.5C9.72386 4.5 9.5 4.72386 9.5 5V16C9.5 16.2761 9.72386 16.5 10 16.5C10.2761 16.5 10.5 16.2761 10.5 16Z' fill='%231C1C1C'/%3E%3Cpath d='M15.5 10H4.5C4.22386 10 4 10.2239 4 10.5C4 10.7761 4.22386 11 4.5 11H15.5C15.7761 11 16 10.7761 16 10.5C16 10.2239 15.7761 10 15.5 10Z' fill='%231C1C1C'/%3E%3Cpath d='M10 5.5C10.5581 5.5 11.1419 5.95812 11.6081 6.75812C12.2196 7.90898 12.5266 9.19707 12.5 10.5C12.5256 11.8028 12.2186 13.0907 11.6081 14.2419C11.1413 15.0419 10.55 15.5 10 15.5C9.45 15.5 8.85813 15.0419 8.39188 14.2419C7.78044 13.091 7.47343 11.8029 7.5 10.5C7.47445 9.19718 7.7814 7.90935 8.39188 6.75812C8.85875 5.95812 9.44188 5.5 10 5.5ZM10 4.5C8.06688 4.5 6.5 7.18312 6.5 10.5C6.5 13.8169 8.06688 16.5 10 16.5C11.9331 16.5 13.5 13.8169 13.5 10.5C13.5 7.18312 11.9331 4.5 10 4.5Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-expand {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath data-name='Rectangle 127' style='fill:none' d='M0 0h48v48H0z'/%3E%3Cpath data-name='Path 606' d='m12 32.183 20-20' transform='translate(2 1.816)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Path 607' d='m16.266 10.053 6 6 6-6' transform='rotate(-135 27.758 12.274)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Path 608' d='m16.266 10.053 6 6 6-6' transform='rotate(45 -4.29 14.878)' style='stroke:%231c1c1c;fill:none'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-alram {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28.07' viewBox='0 0 28 28.07'%3E%3Cpath data-name='패스 2164' d='M.162.061v.015a.015.015 0 0 1 .01.01v.007L.185.1a.054.054 0 0 1 .03.045v.06H.1v-.06A.054.054 0 0 1 .139.1h.006V.093A.015.015 0 0 1 .162.076V.061m0 0a.03.03 0 0 0-.029.021.069.069 0 0 0-.039.063V.2L.085.217a.008.008 0 0 0 .006.011h.142A.008.008 0 0 0 .24.217L.231.2V.145a.069.069 0 0 0-.04-.063.03.03 0 0 0-.02-.02H.162z' transform='translate(9.052 -.061)' style='fill:%23fff'/%3E%3Cpath data-name='패스 2165' d='M.169.282a.03.03 0 0 1-.03-.03h.015a.015.015 0 1 0 .03 0H.2a.03.03 0 0 1-.03.03z' transform='translate(18.613 27.735)' style='fill:%23fff'/%3E%3Cg%3E%3Cpath data-name='패스 2170' d='M14.947 5.6V7a1.647 1.647 0 0 1 .409.058 1.424 1.424 0 0 1 .947.947l.175.6.561.269a4.94 4.94 0 0 1 2.819 4.444v5.532l.175.316.257.468H9.6l.257-.468.175-.316v-5.531a4.94 4.94 0 0 1 2.819-4.444l.561-.269.175-.6A1.418 1.418 0 0 1 14.936 7l.012-1.4m0 0a2.81 2.81 0 0 0-2.69 2 6.316 6.316 0 0 0-3.626 5.719v5.17L7.8 20a.7.7 0 0 0 .62 1.041h13.065a.7.7 0 0 0 .62-1.041l-.83-1.509v-5.17A6.329 6.329 0 0 0 17.649 7.6a2.814 2.814 0 0 0-1.883-1.883 2.885 2.885 0 0 0-.819-.117z' transform='translate(-.947 -.688)' style='fill:%23fff'/%3E%3Cpath data-name='패스 2171' d='M15.607 26.007A2.815 2.815 0 0 1 12.8 23.2h1.4a1.4 1.4 0 1 0 2.807 0h1.4a2.815 2.815 0 0 1-2.8 2.807z' transform='translate(-1.572 -2.849)' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E "); }
    i.sd.ic-alram.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Path 2164' d='M.173.061v.017A.017.017 0 0 1 .19.091L.192.1H.2a.061.061 0 0 1 .034.056V.231H.107V.156A.061.061 0 0 1 .147.1h.007V.093A.017.017 0 0 1 .173.078V.061m0 0A.035.035 0 0 0 .14.086a.078.078 0 0 0-.04.07V.22L.085.239a.009.009 0 0 0 .007.013h.162A.009.009 0 0 0 .262.239L.251.22V.156a.078.078 0 0 0-.045-.07.035.035 0 0 0-.023-.024h-.01z' style='fill:%231c1c1c' transform='translate(10.331 -.061)'/%3E%3Cpath data-name='Path 2165' d='M.174.286A.035.035 0 0 1 .139.252h.017a.017.017 0 1 0 .035 0h.017a.035.035 0 0 1-.034.034z' style='fill:%231c1c1c' transform='translate(21.238 31.653)'/%3E%3Cg%3E%3Cpath data-name='Path 2170' d='M15.96 5.6v1.6a1.878 1.878 0 0 1 .467.067 1.623 1.623 0 0 1 1.08 1.08l.2.68.64.307A5.631 5.631 0 0 1 21.56 14.4v6.307l.2.36.293.533H9.867l.293-.533.2-.36V14.4a5.631 5.631 0 0 1 3.213-5.067l.64-.307.2-.68A1.616 1.616 0 0 1 15.947 7.2l.013-1.6m0 0a3.2 3.2 0 0 0-3.067 2.28A7.2 7.2 0 0 0 8.76 14.4v5.893l-.947 1.72A.8.8 0 0 0 8.52 23.2h14.893a.8.8 0 0 0 .707-1.187l-.947-1.72V14.4a7.215 7.215 0 0 0-4.133-6.52 3.208 3.208 0 0 0-2.147-2.147 3.289 3.289 0 0 0-.933-.133z' style='fill:%231c1c1c'/%3E%3Cpath data-name='Path 2171' d='M16 26.4a3.209 3.209 0 0 1-3.2-3.2h1.6a1.6 1.6 0 1 0 3.2 0h1.6a3.209 3.209 0 0 1-3.2 3.2z' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-alram.gray {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Path 2164' d='M.173.061v.017A.017.017 0 0 1 .19.091L.192.1H.2a.061.061 0 0 1 .034.056V.231H.107V.156A.061.061 0 0 1 .147.1h.007V.093A.017.017 0 0 1 .173.078V.061m0 0A.035.035 0 0 0 .14.086a.078.078 0 0 0-.04.07V.22L.085.239a.009.009 0 0 0 .007.013h.162A.009.009 0 0 0 .262.239L.251.22V.156a.078.078 0 0 0-.045-.07.035.035 0 0 0-.023-.024h-.01z' style='fill:%23ccc' transform='translate(10.331 -.061)'/%3E%3Cpath data-name='Path 2165' d='M.174.286A.035.035 0 0 1 .139.252h.017a.017.017 0 1 0 .035 0h.017a.035.035 0 0 1-.034.034z' style='fill:%23ccc' transform='translate(21.238 31.653)'/%3E%3Cg%3E%3Cpath data-name='Path 2170' d='M15.96 5.6v1.6a1.878 1.878 0 0 1 .467.067 1.623 1.623 0 0 1 1.08 1.08l.2.68.64.307A5.631 5.631 0 0 1 21.56 14.4v6.307l.2.36.293.533H9.867l.293-.533.2-.36V14.4a5.631 5.631 0 0 1 3.213-5.067l.64-.307.2-.68A1.616 1.616 0 0 1 15.947 7.2l.013-1.6m0 0a3.2 3.2 0 0 0-3.067 2.28A7.2 7.2 0 0 0 8.76 14.4v5.893l-.947 1.72A.8.8 0 0 0 8.52 23.2h14.893a.8.8 0 0 0 .707-1.187l-.947-1.72V14.4a7.215 7.215 0 0 0-4.133-6.52 3.208 3.208 0 0 0-2.147-2.147 3.289 3.289 0 0 0-.933-.133z' style='fill:%23ccc'/%3E%3Cpath data-name='Path 2171' d='M16 26.4a3.209 3.209 0 0 1-3.2-3.2h1.6a1.6 1.6 0 1 0 3.2 0h1.6a3.209 3.209 0 0 1-3.2 3.2z' style='fill:%23ccc'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-home {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='Group 3254'%3E%3Cpath data-name='빼기 5' d='M18000.066 23050.4v-12.32l-9.025-7.186-9.029 7.18v12.326h5.016v-4.014a4.011 4.011 0 1 1 8.021 0v4.014h5.014m0 2.006h-6.021a1 1 0 0 1-1-1v-5.02a2.006 2.006 0 0 0-4.012 0v5.02a1.007 1.007 0 0 1-1 1h-6.018a2 2 0 0 1-2.006-2.006v-12.326a1.994 1.994 0 0 1 .2-.867 2.019 2.019 0 0 1 .559-.7l9.029-7.182a2.009 2.009 0 0 1 2.5 0l9.027 7.182a2.008 2.008 0 0 1 .555.7 1.968 1.968 0 0 1 .2.867v12.326a2.007 2.007 0 0 1-2.006 2.006z' transform='translate(-17970.974 -23021.025)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-home.text-black {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='Group 3254'%3E%3Cpath data-name='빼기 5' d='M18000.066 23050.4v-12.32l-9.025-7.186-9.029 7.18v12.326h5.016v-4.014a4.011 4.011 0 1 1 8.021 0v4.014h5.014m0 2.006h-6.021a1 1 0 0 1-1-1v-5.02a2.006 2.006 0 0 0-4.012 0v5.02a1.007 1.007 0 0 1-1 1h-6.018a2 2 0 0 1-2.006-2.006v-12.326a1.994 1.994 0 0 1 .2-.867 2.019 2.019 0 0 1 .559-.7l9.029-7.182a2.009 2.009 0 0 1 2.5 0l9.027 7.182a2.008 2.008 0 0 1 .555.7 1.968 1.968 0 0 1 .2.867v12.326a2.007 2.007 0 0 1-2.006 2.006z' transform='translate(-17970.974 -23021.025)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-delete {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath data-name='Path 2320' d='M19.827 25.6h-7.654A3.457 3.457 0 0 1 8.8 22.067V8.8a.8.8 0 0 1 1.6 0v13.267A1.863 1.863 0 0 0 12.173 24h7.653a1.863 1.863 0 0 0 1.774-1.933V8.8a.8.8 0 1 1 1.6 0v13.267a3.457 3.457 0 0 1-3.373 3.533z' style='fill:%231c1c1c'/%3E%3Cpath data-name='Path 2321' d='M24 9.6H8A.8.8 0 0 1 8 8h16a.8.8 0 0 1 0 1.6z' style='fill:%231c1c1c'/%3E%3Cpath data-name='Path 2322' d='M13.6 22.4a.8.8 0 0 1-.8-.8v-8.8a.8.8 0 1 1 1.6 0v8.8a.8.8 0 0 1-.8.8z' style='fill:%231c1c1c'/%3E%3Cpath data-name='Path 2323' d='M18.4 22.4a.8.8 0 0 1-.8-.8v-8.8a.8.8 0 1 1 1.6 0v8.8a.8.8 0 0 1-.8.8z' style='fill:%231c1c1c'/%3E%3Cpath data-name='Path 2324' d='M19.2 9.6h-6.4V7.867A2.265 2.265 0 0 1 15.067 5.6H16.8A2.407 2.407 0 0 1 19.2 8zM14.4 8h3.2a.8.8 0 0 0-.8-.8h-1.733a.66.66 0 0 0-.667.667z' style='fill:%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-delete-999 {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3924 16H7.60866C7.03646 15.9862 6.4931 15.746 6.09786 15.332C5.70261 14.918 5.48779 14.3641 5.50054 13.7919V5.5C5.50054 5.36739 5.55321 5.24022 5.64698 5.14645C5.74075 5.05268 5.86793 5 6.00054 5C6.13315 5 6.26032 5.05268 6.35409 5.14645C6.44786 5.24022 6.50054 5.36739 6.50054 5.5V13.7919C6.48865 14.0987 6.59842 14.3977 6.80595 14.624C7.01349 14.8503 7.30199 14.9854 7.60866 15H12.3918C12.6986 14.9856 12.9872 14.8505 13.1949 14.6242C13.4026 14.3979 13.5124 14.0988 13.5005 13.7919V5.5C13.5005 5.36739 13.5532 5.24022 13.647 5.14645C13.7408 5.05268 13.8679 5 14.0005 5C14.1331 5 14.2603 5.05268 14.3541 5.14645C14.4479 5.24022 14.5005 5.36739 14.5005 5.5V13.7919C14.5133 14.3641 14.2985 14.918 13.9032 15.332C13.508 15.746 12.9646 15.9862 12.3924 16Z' fill='%23999999'/%3E%3Cpath d='M15 6H5C4.86739 6 4.74022 5.94732 4.64645 5.85355C4.55268 5.75979 4.5 5.63261 4.5 5.5C4.5 5.36739 4.55268 5.24021 4.64645 5.14645C4.74022 5.05268 4.86739 5 5 5H15C15.1326 5 15.2598 5.05268 15.3536 5.14645C15.4473 5.24021 15.5 5.36739 15.5 5.5C15.5 5.63261 15.4473 5.75979 15.3536 5.85355C15.2598 5.94732 15.1326 6 15 6Z' fill='%23999999'/%3E%3Cpath d='M8.5 14C8.43434 14 8.36932 13.9871 8.30866 13.9619C8.248 13.9368 8.19288 13.9 8.14645 13.8536C8.10002 13.8071 8.06319 13.752 8.03806 13.6913C8.01293 13.6307 8 13.5657 8 13.5V8C8 7.86739 8.05268 7.74022 8.14645 7.64645C8.24021 7.55268 8.36739 7.5 8.5 7.5C8.63261 7.5 8.75979 7.55268 8.85355 7.64645C8.94732 7.74022 9 7.86739 9 8V13.5C9 13.6326 8.94732 13.7598 8.85355 13.8536C8.75979 13.9473 8.63261 14 8.5 14Z' fill='%23999999'/%3E%3Cpath d='M11.5 14C11.4343 14 11.3693 13.9871 11.3087 13.9619C11.248 13.9368 11.1929 13.9 11.1464 13.8536C11.1 13.8071 11.0632 13.752 11.0381 13.6913C11.0129 13.6307 11 13.5657 11 13.5V8C11 7.86739 11.0527 7.74022 11.1464 7.64645C11.2402 7.55268 11.3674 7.5 11.5 7.5C11.6326 7.5 11.7598 7.55268 11.8536 7.64645C11.9473 7.74022 12 7.86739 12 8V13.5C12 13.6326 11.9473 13.7598 11.8536 13.8536C11.7598 13.9473 11.6326 14 11.5 14Z' fill='%23999999'/%3E%3Cpath d='M12 6H8V4.91688C7.99984 4.73076 8.03637 4.54644 8.10752 4.37447C8.17867 4.20249 8.28302 4.04623 8.41463 3.91463C8.54623 3.78303 8.70249 3.67867 8.87447 3.60752C9.04644 3.53637 9.23076 3.49984 9.41688 3.5H10.5C10.8975 3.50115 11.2783 3.65956 11.5594 3.94062C11.8404 4.22167 11.9988 4.60253 12 5V6ZM9 5H11C11 4.86739 10.9473 4.74022 10.8536 4.64645C10.7598 4.55268 10.6326 4.5 10.5 4.5H9.41688C9.36197 4.49941 9.3075 4.5098 9.25665 4.53054C9.20581 4.55128 9.15962 4.58197 9.1208 4.6208C9.08197 4.65962 9.05128 4.70581 9.03054 4.75665C9.0098 4.8075 8.99941 4.86197 9 4.91688V5Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-delete-fill {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9984 7.2H5.99844C5.83931 7.2 5.6867 7.13679 5.57417 7.02426C5.46165 6.91174 5.39844 6.75913 5.39844 6.6C5.39844 6.44087 5.46165 6.28826 5.57417 6.17574C5.6867 6.06321 5.83931 6 5.99844 6H17.9984C18.1576 6 18.3102 6.06321 18.4227 6.17574C18.5352 6.28826 18.5984 6.44087 18.5984 6.6C18.5984 6.75913 18.5352 6.91174 18.4227 7.02426C18.3102 7.13679 18.1576 7.2 17.9984 7.2Z' fill='%23999999'/%3E%3Cpath d='M16.7983 6H7.1983C7.03917 6 6.88656 6.06321 6.77404 6.17574C6.66151 6.28826 6.5983 6.44087 6.5983 6.6V16.5502C6.583 17.2369 6.84079 17.9016 7.31508 18.3984C7.78937 18.8952 8.44141 19.1835 9.12805 19.2H14.8678C15.5541 19.1821 16.2053 18.8934 16.6795 18.3969C17.1536 17.9005 17.412 17.2366 17.3983 16.5502V6.6C17.3983 6.44087 17.3351 6.28826 17.2226 6.17574C17.11 6.06321 16.9574 6 16.7983 6ZM10.7983 16.2C10.7983 16.3591 10.7351 16.5117 10.6226 16.6243C10.51 16.7368 10.3574 16.8 10.1983 16.8C10.0392 16.8 9.88656 16.7368 9.77404 16.6243C9.66151 16.5117 9.5983 16.3591 9.5983 16.2V9.6C9.5983 9.44087 9.66151 9.28826 9.77404 9.17574C9.88656 9.06321 10.0392 9 10.1983 9C10.3574 9 10.51 9.06321 10.6226 9.17574C10.7351 9.28826 10.7983 9.44087 10.7983 9.6V16.2ZM14.3983 16.2C14.3983 16.3591 14.3351 16.5117 14.2226 16.6243C14.11 16.7368 13.9574 16.8 13.7983 16.8C13.6392 16.8 13.4866 16.7368 13.374 16.6243C13.2615 16.5117 13.1983 16.3591 13.1983 16.2V9.6C13.1983 9.44087 13.2615 9.28826 13.374 9.17574C13.4866 9.06321 13.6392 9 13.7983 9C13.9574 9 14.11 9.06321 14.2226 9.17574C14.3351 9.28826 14.3983 9.44087 14.3983 9.6V16.2Z' fill='%23999999'/%3E%3Cpath d='M14.3977 7.19922H9.59766V5.89947C9.59746 5.67613 9.6413 5.45495 9.72668 5.24858C9.81205 5.04221 9.93729 4.85469 10.0952 4.69677C10.2531 4.53885 10.4406 4.41362 10.647 4.32824C10.8534 4.24287 11.0746 4.19902 11.2979 4.19922H12.5977C13.0746 4.2006 13.5317 4.39069 13.8689 4.72796C14.2062 5.06522 14.3963 5.52226 14.3977 5.99922V7.19922ZM10.7977 5.99922H13.1977C13.1977 5.84009 13.1344 5.68748 13.0219 5.57496C12.9094 5.46243 12.7568 5.39922 12.5977 5.39922H11.2979C11.232 5.39852 11.1667 5.41098 11.1056 5.43587C11.0446 5.46076 10.9892 5.49758 10.9426 5.54417C10.896 5.59077 10.8592 5.64619 10.8343 5.7072C10.8094 5.76821 10.797 5.83358 10.7977 5.89947V5.99922Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-modify {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.44461 10.9628L9.27304 13.7913L15.9906 7.07375L13.1621 4.24532L6.44461 10.9628ZM5.5018 14.7341L5.91428 11.8467L8.38916 14.3216L5.5018 14.7341ZM5.7375 10.2557L5.2661 10.7271C5.1131 10.8801 5.01386 11.0786 4.98326 11.2928L4.51185 14.5927C4.41757 15.2526 4.98326 15.8183 5.64322 15.724L8.94305 15.2526C9.15725 15.222 9.35574 15.1228 9.50874 14.9698L9.98015 14.4984L16.6977 7.78086C17.0882 7.39033 17.0882 6.75717 16.6977 6.36664L13.8692 3.53821C13.5275 3.19651 13 3.15379 12.6119 3.41007C12.5564 3.44669 12.5038 3.4894 12.455 3.53821L5.7375 10.2557Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231c1c1c' class='bi bi-link-45deg' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z'/%3E%3C/svg%3E"); }
  i.sd.ic-graph {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.1992' y='10.4' width='1.6' height='11.2' rx='0.8' fill='%231C1C1C'/%3E%3Crect x='11.1992' y='15.2' width='1.6' height='6.4' rx='0.8' fill='%231C1C1C'/%3E%3Crect x='19.1992' y='12.8' width='1.6' height='8.8' rx='0.8' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.0004 8.8H8.00039L8.00039 23.2H24.0004V8.8ZM8.00039 7.2C7.11674 7.2 6.40039 7.91634 6.40039 8.8V23.2C6.40039 24.0837 7.11673 24.8 8.00039 24.8H24.0004C24.884 24.8 25.6004 24.0837 25.6004 23.2V8.8C25.6004 7.91634 24.884 7.2 24.0004 7.2H8.00039Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-fontedit {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0545 12.333C22.1044 12.3248 21.159 12.4689 20.2545 12.76C20.1182 12.8064 19.9999 12.8943 19.9161 13.0115C19.8323 13.1286 19.7874 13.269 19.7875 13.413C19.7867 13.5025 19.8038 13.5913 19.8377 13.6742C19.8716 13.757 19.9216 13.8323 19.9849 13.8956C20.0482 13.9589 20.1235 14.009 20.2064 14.0429C20.2892 14.0768 20.378 14.0938 20.4675 14.093C20.5037 14.0962 20.5402 14.0918 20.5745 14.08C21.152 13.9845 21.7362 13.9353 22.3215 13.933C24.2415 13.933 24.9485 14.32 24.9485 15.946V16.933L22.1215 17.28C20.1085 17.547 18.8945 18.533 18.8945 20.387C18.8945 22.44 20.2815 23.414 22.2015 23.414C22.7184 23.4531 23.2374 23.3751 23.7199 23.1859C24.2024 22.9966 24.636 22.701 24.9885 22.321H25.1085L25.1755 22.668C25.207 22.8219 25.2905 22.9603 25.4119 23.0599C25.5334 23.1595 25.6854 23.2143 25.8425 23.215H26.0825C26.2626 23.2142 26.4351 23.1423 26.5625 23.015C26.6898 22.8876 26.7617 22.7151 26.7625 22.535V15.495C26.7755 13.335 25.4155 12.335 23.0555 12.335L23.0545 12.333ZM22.6815 21.986C21.5485 21.986 20.8015 21.439 20.8015 20.333C20.8015 19.16 21.3885 18.68 22.6015 18.56L24.9615 18.32V21.267C24.3065 21.7613 23.5016 22.0145 22.6815 21.986Z' fill='%231C1C1C'/%3E%3Cpath d='M11.5479 8.8H10.8949C10.7236 8.80005 10.5564 8.85248 10.4157 8.95025C10.2751 9.04802 10.1677 9.18646 10.1079 9.347L5.4679 22.08C5.42112 22.207 5.40565 22.3435 5.42281 22.4777C5.43997 22.612 5.48925 22.7402 5.56648 22.8514C5.64371 22.9625 5.7466 23.0535 5.86644 23.1164C5.98628 23.1794 6.11953 23.2125 6.2549 23.213C6.42843 23.2148 6.59807 23.1616 6.73947 23.061C6.88086 22.9604 6.98674 22.8175 7.0419 22.653L8.2809 19.16H13.9079L15.1609 22.653C15.2194 22.8154 15.3261 22.9561 15.4668 23.0562C15.6074 23.1563 15.7753 23.211 15.9479 23.213H16.1349C16.2696 23.2143 16.4026 23.1828 16.5224 23.1213C16.6422 23.0597 16.7453 22.97 16.8227 22.8598C16.9002 22.7496 16.9496 22.6222 16.9669 22.4886C16.9842 22.3551 16.9688 22.2193 16.9219 22.093L12.3339 9.36C12.277 9.19654 12.1707 9.05481 12.0297 8.95447C11.8887 8.85413 11.72 8.80015 11.5469 8.8H11.5479ZM8.8539 17.56L11.0539 11.333H11.1209L13.3339 17.56H8.8539Z' fill='%231C1C1C'/%3E%3Cpath d='M23.0545 12.333C22.1044 12.3248 21.159 12.4689 20.2545 12.76C20.1182 12.8064 19.9999 12.8943 19.9161 13.0115C19.8323 13.1286 19.7874 13.269 19.7875 13.413C19.7867 13.5025 19.8038 13.5913 19.8377 13.6742C19.8716 13.757 19.9216 13.8323 19.9849 13.8956C20.0482 13.9589 20.1235 14.009 20.2064 14.0429C20.2892 14.0768 20.378 14.0938 20.4675 14.093C20.5037 14.0962 20.5402 14.0918 20.5745 14.08C21.152 13.9845 21.7362 13.9353 22.3215 13.933C24.2415 13.933 24.9485 14.32 24.9485 15.946V16.933L22.1215 17.28C20.1085 17.547 18.8945 18.533 18.8945 20.387C18.8945 22.44 20.2815 23.414 22.2015 23.414C22.7184 23.4531 23.2374 23.3751 23.7199 23.1859C24.2024 22.9966 24.636 22.701 24.9885 22.321H25.1085L25.1755 22.668C25.207 22.8219 25.2905 22.9603 25.4119 23.0599C25.5334 23.1595 25.6854 23.2143 25.8425 23.215H26.0825C26.2626 23.2142 26.4351 23.1423 26.5625 23.015C26.6898 22.8876 26.7617 22.7151 26.7625 22.535V15.495C26.7755 13.335 25.4155 12.335 23.0555 12.335L23.0545 12.333ZM22.6815 21.986C21.5485 21.986 20.8015 21.439 20.8015 20.333C20.8015 19.16 21.3885 18.68 22.6015 18.56L24.9615 18.32V21.267C24.3065 21.7613 23.5016 22.0145 22.6815 21.986Z' fill='%231C1C1C'/%3E%3Cpath d='M11.5479 8.8H10.8949C10.7236 8.80005 10.5564 8.85248 10.4157 8.95025C10.2751 9.04802 10.1677 9.18646 10.1079 9.347L5.4679 22.08C5.42112 22.207 5.40565 22.3435 5.42281 22.4777C5.43997 22.612 5.48925 22.7402 5.56648 22.8514C5.64371 22.9625 5.7466 23.0535 5.86644 23.1164C5.98628 23.1794 6.11953 23.2125 6.2549 23.213C6.42843 23.2148 6.59807 23.1616 6.73947 23.061C6.88086 22.9604 6.98674 22.8175 7.0419 22.653L8.2809 19.16H13.9079L15.1609 22.653C15.2194 22.8154 15.3261 22.9561 15.4668 23.0562C15.6074 23.1563 15.7753 23.211 15.9479 23.213H16.1349C16.2696 23.2143 16.4026 23.1828 16.5224 23.1213C16.6422 23.0597 16.7453 22.97 16.8227 22.8598C16.9002 22.7496 16.9496 22.6222 16.9669 22.4886C16.9842 22.3551 16.9688 22.2193 16.9219 22.093L12.3339 9.36C12.277 9.19654 12.1707 9.05481 12.0297 8.95447C11.8887 8.85413 11.72 8.80015 11.5469 8.8H11.5479ZM8.8539 17.56L11.0539 11.333H11.1209L13.3339 17.56H8.8539Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-meatball {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.8C11.7627 10.8 11.5307 10.8704 11.3334 11.0023C11.136 11.1341 10.9822 11.3216 10.8914 11.5408C10.8006 11.7601 10.7768 12.0014 10.8231 12.2342C10.8694 12.4669 10.9837 12.6808 11.1515 12.8486C11.3193 13.0164 11.5332 13.1307 11.7659 13.177C11.9987 13.2233 12.24 13.1995 12.4593 13.1087C12.6785 13.0179 12.866 12.8641 12.9978 12.6667C13.1297 12.4694 13.2 12.2374 13.2 12C13.2 11.6818 13.0736 11.3766 12.8486 11.1515C12.6235 10.9265 12.3183 10.8 12 10.8Z' fill='%231C1C1C'/%3E%3Cpath d='M16.8001 10.8C16.5628 10.8 16.3308 10.8704 16.1334 11.0023C15.9361 11.1341 15.7823 11.3216 15.6914 11.5408C15.6006 11.7601 15.5769 12.0014 15.6232 12.2342C15.6695 12.4669 15.7837 12.6808 15.9516 12.8486C16.1194 13.0164 16.3332 13.1307 16.566 13.177C16.7988 13.2233 17.04 13.1995 17.2593 13.1087C17.4786 13.0179 17.666 12.8641 17.7979 12.6667C17.9297 12.4694 18.0001 12.2374 18.0001 12C18.0001 11.6818 17.8737 11.3766 17.6486 11.1515C17.4236 10.9265 17.1184 10.8 16.8001 10.8Z' fill='%231C1C1C'/%3E%3Cpath d='M7.2 10.8C6.96266 10.8 6.73065 10.8704 6.53332 11.0023C6.33598 11.1341 6.18217 11.3216 6.09135 11.5408C6.00052 11.7601 5.97676 12.0014 6.02306 12.2342C6.06936 12.4669 6.18365 12.6808 6.35147 12.8486C6.5193 13.0164 6.73311 13.1307 6.96589 13.177C7.19867 13.2233 7.43995 13.1995 7.65922 13.1087C7.87849 13.0179 8.06591 12.8641 8.19776 12.6667C8.32962 12.4694 8.4 12.2374 8.4 12C8.4 11.6818 8.27357 11.3766 8.04853 11.1515C7.82348 10.9265 7.51826 10.8 7.2 10.8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-multi {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4001 11.2001C15.7714 11.2001 16.1275 11.3476 16.3901 11.6101C16.6526 11.8727 16.8001 12.2288 16.8001 12.6001V19.6001C16.8001 19.9714 16.6526 20.3275 16.3901 20.59C16.1275 20.8526 15.7714 21.0001 15.4001 21.0001H8.40011C8.21626 21.0001 8.0342 20.9638 7.86435 20.8935C7.69449 20.8231 7.54016 20.72 7.41016 20.59C7.28015 20.46 7.17703 20.3057 7.10668 20.1358C7.03632 19.966 7.00011 19.7839 7.00011 19.6001V12.6001C7.00011 12.2288 7.14761 11.8727 7.41016 11.6101C7.67271 11.3476 8.0288 11.2001 8.40011 11.2001H15.4001ZM15.4001 9.80006H8.40011C8.03215 9.79913 7.66763 9.87093 7.3275 10.0113C6.98737 10.1517 6.67834 10.3579 6.41815 10.6181C6.15796 10.8783 5.95175 11.1873 5.81136 11.5275C5.67098 11.8676 5.59918 12.2321 5.60011 12.6001V19.6001C5.59918 19.968 5.67098 20.3325 5.81136 20.6727C5.95175 21.0128 6.15796 21.3218 6.41815 21.582C6.67834 21.8422 6.98737 22.0484 7.3275 22.1888C7.66763 22.3292 8.03215 22.401 8.40011 22.4001H15.4001C15.7681 22.401 16.1326 22.3292 16.4727 22.1888C16.8128 22.0484 17.1219 21.8422 17.3821 21.582C17.6423 21.3218 17.8485 21.0128 17.9888 20.6727C18.1292 20.3325 18.201 19.968 18.2001 19.6001V12.6001C18.201 12.2321 18.1292 11.8676 17.9888 11.5275C17.8485 11.1873 17.6423 10.8783 17.3821 10.6181C17.1219 10.3579 16.8128 10.1517 16.4727 10.0113C16.1326 9.87093 15.7681 9.79913 15.4001 9.80006Z' fill='%23999999'/%3E%3Cpath d='M19.6001 7.00011C19.9714 7.00011 20.3275 7.14761 20.59 7.41016C20.8526 7.67271 21.0001 8.0288 21.0001 8.40011V15.4001C21.0001 15.7714 20.8526 16.1275 20.59 16.3901C20.3275 16.6526 19.9714 16.8001 19.6001 16.8001H16.8001V18.2001H19.6001C19.968 18.201 20.3325 18.1292 20.6727 17.9888C21.0128 17.8485 21.3218 17.6423 21.582 17.3821C21.8422 17.1219 22.0484 16.8128 22.1888 16.4727C22.3292 16.1326 22.401 15.7681 22.4001 15.4001V8.40011C22.401 8.03215 22.3292 7.66763 22.1888 7.3275C22.0484 6.98737 21.8422 6.67834 21.582 6.41815C21.3218 6.15796 21.0128 5.95175 20.6727 5.81136C20.3325 5.67098 19.968 5.59918 19.6001 5.60011H12.6001C12.2321 5.59918 11.8676 5.67098 11.5275 5.81136C11.1873 5.95175 10.8783 6.15796 10.6181 6.41815C10.3579 6.67834 10.1517 6.98737 10.0113 7.3275C9.87093 7.66763 9.79913 8.03215 9.80006 8.40011V11.2001H11.2001V8.40011C11.2001 8.0288 11.3476 7.67271 11.6101 7.41016C11.8727 7.14761 12.2288 7.00011 12.6001 7.00011H19.6001Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-sort {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%23999999'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%23999999'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%23999999'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%23999999'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%23999999'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-sort.text-black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-toLang {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_to-en_lined'%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2532' d='M6.71987 6.60319C6.45596 6.60319 6.29046 6.82753 6.29046 7.12964C6.29046 7.4514 6.45685 7.66591 6.71987 7.66591H9.15051C9.35537 7.66591 9.40457 7.71507 9.40457 7.90009C9.40457 9.75382 8.21386 10.939 6.38797 11.7237C6.30775 11.7697 6.24166 11.8367 6.19687 11.9176C6.15208 11.9984 6.13031 12.0899 6.1339 12.1823C6.12686 12.3418 6.18188 12.4979 6.28743 12.6179C6.39299 12.7378 6.54089 12.8123 6.70019 12.8258C6.80856 12.822 6.91492 12.7955 7.0124 12.748C8.11628 12.3817 9.07248 11.6694 9.73903 10.717C10.4056 9.76463 10.747 8.62285 10.7125 7.46123C10.7125 6.7587 10.4879 6.60319 9.85366 6.60319H6.71987ZM11.9721 14.4266C11.9721 14.7778 12.2262 14.9334 12.5777 14.9334C12.9293 14.9334 13.204 14.777 13.204 14.4266V10.0568H14.2569C14.5593 10.0568 14.6666 9.82264 14.6666 9.52054C14.6666 9.21843 14.5593 8.99409 14.2569 8.99409H13.2022V6.33505C13.2022 6.03295 12.9383 5.8667 12.5759 5.8667C12.2342 5.8667 11.9703 6.03295 11.9703 6.33505L11.9721 14.4266Z' fill='%23999999'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2533' d='M18.1737 25.1901C17.8934 25.9558 19.1536 26.3682 19.4221 25.5591L20.1453 23.5203H23.516L24.2401 25.5517C24.5086 26.3294 25.8501 25.929 25.5588 25.1984L22.6411 17.6243C22.5861 17.4644 22.484 17.3254 22.3486 17.2257C22.2132 17.1261 22.0508 17.0707 21.8833 17.0669C21.7158 17.063 21.5512 17.111 21.4115 17.2044C21.2717 17.2978 21.1636 17.432 21.1015 17.5892L18.1737 25.1901ZM21.8265 18.7553L23.1078 22.3855H20.5417L21.8265 18.7553Z' fill='%23999999'/%3E%3Cpath id='Ellipse 1 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M16.0032 7.16404C16.0429 6.724 16.4317 6.39942 16.8718 6.43907C21.4786 6.85421 25.1457 10.5214 25.5609 15.1282C25.6005 15.5682 25.2759 15.9571 24.8359 15.9967C24.3959 16.0364 24.007 15.7118 23.9673 15.2718C23.6216 11.4352 20.5648 8.37835 16.7282 8.03261C16.2881 7.99296 15.9635 7.60409 16.0032 7.16404ZM7.16404 16.0032C7.60409 15.9635 7.99296 16.2881 8.03261 16.7282C8.38017 20.585 11.4674 23.6537 15.3324 23.9726C15.7727 24.0089 16.1003 24.3953 16.0639 24.8356C16.0276 25.276 15.6412 25.6035 15.2009 25.5671C10.56 25.1843 6.85639 21.5028 6.43907 16.8718C6.39942 16.4317 6.724 16.0429 7.16404 16.0032Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-toLang.text-black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_to-en_lined'%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2532' d='M6.71987 6.60319C6.45596 6.60319 6.29046 6.82753 6.29046 7.12964C6.29046 7.4514 6.45685 7.66591 6.71987 7.66591H9.15051C9.35537 7.66591 9.40457 7.71507 9.40457 7.90009C9.40457 9.75382 8.21386 10.939 6.38797 11.7237C6.30775 11.7697 6.24166 11.8367 6.19687 11.9176C6.15208 11.9984 6.13031 12.0899 6.1339 12.1823C6.12686 12.3418 6.18188 12.4979 6.28743 12.6179C6.39299 12.7378 6.54089 12.8123 6.70019 12.8258C6.80856 12.822 6.91492 12.7955 7.0124 12.748C8.11628 12.3817 9.07248 11.6694 9.73903 10.717C10.4056 9.76463 10.747 8.62285 10.7125 7.46123C10.7125 6.7587 10.4879 6.60319 9.85366 6.60319H6.71987ZM11.9721 14.4266C11.9721 14.7778 12.2262 14.9334 12.5777 14.9334C12.9293 14.9334 13.204 14.777 13.204 14.4266V10.0568H14.2569C14.5593 10.0568 14.6666 9.82264 14.6666 9.52054C14.6666 9.21843 14.5593 8.99409 14.2569 8.99409H13.2022V6.33505C13.2022 6.03295 12.9383 5.8667 12.5759 5.8667C12.2342 5.8667 11.9703 6.03295 11.9703 6.33505L11.9721 14.4266Z' fill='%231c1c1c'/%3E%3Cpath id='&%23237;&%23140;&%23168;&%23236;&%23138;&%23164; 2533' d='M18.1737 25.1901C17.8934 25.9558 19.1536 26.3682 19.4221 25.5591L20.1453 23.5203H23.516L24.2401 25.5517C24.5086 26.3294 25.8501 25.929 25.5588 25.1984L22.6411 17.6243C22.5861 17.4644 22.484 17.3254 22.3486 17.2257C22.2132 17.1261 22.0508 17.0707 21.8833 17.0669C21.7158 17.063 21.5512 17.111 21.4115 17.2044C21.2717 17.2978 21.1636 17.432 21.1015 17.5892L18.1737 25.1901ZM21.8265 18.7553L23.1078 22.3855H20.5417L21.8265 18.7553Z' fill='%231c1c1c'/%3E%3Cpath id='Ellipse 1 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M16.0032 7.16404C16.0429 6.724 16.4317 6.39942 16.8718 6.43907C21.4786 6.85421 25.1457 10.5214 25.5609 15.1282C25.6005 15.5682 25.2759 15.9571 24.8359 15.9967C24.3959 16.0364 24.007 15.7118 23.9673 15.2718C23.6216 11.4352 20.5648 8.37835 16.7282 8.03261C16.2881 7.99296 15.9635 7.60409 16.0032 7.16404ZM7.16404 16.0032C7.60409 15.9635 7.99296 16.2881 8.03261 16.7282C8.38017 20.585 11.4674 23.6537 15.3324 23.9726C15.7727 24.0089 16.1003 24.3953 16.0639 24.8356C16.0276 25.276 15.6412 25.6035 15.2009 25.5671C10.56 25.1843 6.85639 21.5028 6.43907 16.8718C6.39942 16.4317 6.724 16.0429 7.16404 16.0032Z' fill='%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-refresh {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3265 7.59998C12.2686 7.60018 12.2115 7.58646 12.16 7.55998L10.3465 6.71348C10.2988 6.69116 10.256 6.65966 10.2205 6.62078C10.1849 6.5819 10.1574 6.5364 10.1395 6.48688C10.1215 6.43737 10.1135 6.3848 10.1159 6.33218C10.1183 6.27957 10.131 6.22794 10.1533 6.18023C10.1756 6.13253 10.2071 6.08969 10.246 6.05416C10.2849 6.01864 10.3304 5.99111 10.3799 5.97317C10.4294 5.95522 10.482 5.94721 10.5346 5.94958C10.5872 5.95195 10.6388 5.96466 10.6865 5.98698L12.133 6.66698L12.8065 5.21348C12.8289 5.16578 12.8604 5.12294 12.8992 5.08741C12.9381 5.05189 12.9836 5.02436 13.0331 5.00642C13.0827 4.98847 13.1352 4.98046 13.1878 4.98283C13.2405 4.9852 13.2921 4.99791 13.3398 5.02023C13.3875 5.04256 13.4303 5.07406 13.4659 5.11294C13.5014 5.15182 13.5289 5.19732 13.5469 5.24684C13.5648 5.29635 13.5728 5.34892 13.5704 5.40153C13.5681 5.45415 13.5554 5.50578 13.533 5.55348L12.6865 7.36698C12.6409 7.46277 12.5596 7.53689 12.46 7.57348C12.4182 7.59243 12.3725 7.6015 12.3265 7.59998Z' fill='%231c1c1c'/%3E%3Cpath d='M8.00005 12.8002C7.08808 12.8002 6.19499 12.5403 5.42534 12.0511C4.65568 11.5619 4.04132 10.8636 3.65418 10.0379C3.26703 9.21215 3.12313 8.29323 3.23931 7.38869C3.35549 6.48415 3.72695 5.63143 4.3102 4.93035C4.89346 4.22927 5.66436 3.70886 6.53266 3.43004C7.40096 3.15122 8.33073 3.12552 9.2131 3.35597C10.0955 3.58641 10.8939 4.06345 11.515 4.73125C12.1361 5.39904 12.5541 6.22995 12.72 7.1267C12.7395 7.23099 12.7167 7.33873 12.6567 7.42622C12.5967 7.51371 12.5043 7.57377 12.4 7.5932C12.2958 7.61262 12.188 7.58982 12.1005 7.52981C12.013 7.4698 11.953 7.37749 11.9335 7.2732C11.7581 6.32417 11.2454 5.47058 10.4901 4.86982C9.73476 4.26907 8.78769 3.96166 7.82352 4.00429C6.85935 4.04693 5.94311 4.43672 5.24374 5.10179C4.54437 5.76686 4.10904 6.66237 4.01803 7.62318C3.92702 8.58399 4.18646 9.54531 4.74851 10.3299C5.31056 11.1144 6.13732 11.6693 7.07634 11.8922C8.01535 12.1151 9.0033 11.991 9.858 11.5428C10.7127 11.0945 11.3765 10.3524 11.727 9.4532C11.766 9.3542 11.8426 9.27473 11.9401 9.23225C11.9884 9.21122 12.0404 9.1999 12.093 9.19895C12.1457 9.198 12.198 9.20742 12.247 9.2267C12.2961 9.24597 12.3408 9.2747 12.3787 9.31127C12.4166 9.34783 12.447 9.3915 12.468 9.43979C12.489 9.48807 12.5003 9.54003 12.5013 9.59269C12.5022 9.64535 12.4928 9.69768 12.4735 9.7467C12.1247 10.6487 11.5102 11.4236 10.7114 11.9688C9.91265 12.514 8.96717 12.804 8.00005 12.8002Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-myfont {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.053 12.3331C22.1028 12.3249 21.1575 12.469 20.253 12.7601C20.1167 12.8065 19.9983 12.8944 19.9146 13.0116C19.8308 13.1287 19.7858 13.2691 19.786 13.4131C19.7852 13.5026 19.8022 13.5914 19.8361 13.6743C19.87 13.7571 19.9201 13.8324 19.9834 13.8957C20.0467 13.959 20.122 14.0091 20.2048 14.043C20.2877 14.0769 20.3765 14.0939 20.466 14.0931C20.5022 14.0963 20.5386 14.0919 20.573 14.0801C21.1505 13.9846 21.7347 13.9354 22.32 13.9331C24.24 13.9331 24.947 14.3201 24.947 15.9461V16.9331L22.12 17.2801C20.107 17.5471 18.893 18.5331 18.893 20.3871C18.893 22.4401 20.28 23.4141 22.2 23.4141C22.7168 23.4532 23.2358 23.3752 23.7184 23.1859C24.2009 22.9967 24.6345 22.7011 24.987 22.3211H25.107L25.174 22.6681C25.2055 22.822 25.2889 22.9604 25.4104 23.06C25.5319 23.1596 25.6839 23.2144 25.841 23.2151H26.081C26.2611 23.2143 26.4336 23.1424 26.561 23.0151C26.6883 22.8877 26.7602 22.7152 26.761 22.5351V15.4951C26.774 13.3351 25.414 12.3351 23.054 12.3351L23.053 12.3331ZM22.68 21.9861C21.547 21.9861 20.8 21.4391 20.8 20.3331C20.8 19.1601 21.387 18.6801 22.6 18.5601L24.96 18.3201V21.2671C24.305 21.7614 23.5001 22.0146 22.68 21.9861Z' fill='%231C1C1C'/%3E%3Cpath d='M11.547 8.80005H10.894C10.7227 8.8001 10.5555 8.85252 10.4148 8.95029C10.2742 9.04806 10.1667 9.1865 10.107 9.34705L5.46699 22.08C5.4202 22.2071 5.40473 22.3435 5.42189 22.4778C5.43905 22.6121 5.48834 22.7402 5.56556 22.8514C5.64279 22.9626 5.74568 23.0535 5.86552 23.1165C5.98537 23.1794 6.11862 23.2125 6.25399 23.213C6.42752 23.2149 6.59716 23.1616 6.73855 23.061C6.87995 22.9604 6.98583 22.8176 7.04099 22.653L8.27999 19.16H13.907L15.16 22.653C15.2185 22.8155 15.3252 22.9561 15.4658 23.0562C15.6065 23.1563 15.7744 23.211 15.947 23.213H16.134C16.2687 23.2143 16.4017 23.1828 16.5215 23.1213C16.6413 23.0598 16.7444 22.9701 16.8218 22.8599C16.8992 22.7496 16.9487 22.6223 16.966 22.4887C16.9833 22.3551 16.9678 22.2193 16.921 22.093L12.333 9.36005C12.2761 9.19659 12.1698 9.05486 12.0288 8.95452C11.8878 8.85418 11.7191 8.8002 11.546 8.80005H11.547ZM8.85299 17.56L11.053 11.333H11.12L13.333 17.56H8.85299Z' fill='%231C1C1C'/%3E%3Cpath d='M23.053 12.3331C22.1028 12.3249 21.1575 12.469 20.253 12.7601C20.1167 12.8065 19.9983 12.8944 19.9146 13.0116C19.8308 13.1287 19.7858 13.2691 19.786 13.4131C19.7852 13.5026 19.8022 13.5914 19.8361 13.6743C19.87 13.7571 19.9201 13.8324 19.9834 13.8957C20.0467 13.959 20.122 14.0091 20.2048 14.043C20.2877 14.0769 20.3765 14.0939 20.466 14.0931C20.5022 14.0963 20.5386 14.0919 20.573 14.0801C21.1505 13.9846 21.7347 13.9354 22.32 13.9331C24.24 13.9331 24.947 14.3201 24.947 15.9461V16.9331L22.12 17.2801C20.107 17.5471 18.893 18.5331 18.893 20.3871C18.893 22.4401 20.28 23.4141 22.2 23.4141C22.7168 23.4532 23.2358 23.3752 23.7184 23.1859C24.2009 22.9967 24.6345 22.7011 24.987 22.3211H25.107L25.174 22.6681C25.2055 22.822 25.2889 22.9604 25.4104 23.06C25.5319 23.1596 25.6839 23.2144 25.841 23.2151H26.081C26.2611 23.2143 26.4336 23.1424 26.561 23.0151C26.6883 22.8877 26.7602 22.7152 26.761 22.5351V15.4951C26.774 13.3351 25.414 12.3351 23.054 12.3351L23.053 12.3331ZM22.68 21.9861C21.547 21.9861 20.8 21.4391 20.8 20.3331C20.8 19.1601 21.387 18.6801 22.6 18.5601L24.96 18.3201V21.2671C24.305 21.7614 23.5001 22.0146 22.68 21.9861Z' fill='%231C1C1C'/%3E%3Cpath d='M11.547 8.80005H10.894C10.7227 8.8001 10.5555 8.85252 10.4148 8.95029C10.2742 9.04806 10.1667 9.1865 10.107 9.34705L5.46699 22.08C5.4202 22.2071 5.40473 22.3435 5.42189 22.4778C5.43905 22.6121 5.48834 22.7402 5.56556 22.8514C5.64279 22.9626 5.74568 23.0535 5.86552 23.1165C5.98537 23.1794 6.11862 23.2125 6.25399 23.213C6.42752 23.2149 6.59716 23.1616 6.73855 23.061C6.87995 22.9604 6.98583 22.8176 7.04099 22.653L8.27999 19.16H13.907L15.16 22.653C15.2185 22.8155 15.3252 22.9561 15.4658 23.0562C15.6065 23.1563 15.7744 23.211 15.947 23.213H16.134C16.2687 23.2143 16.4017 23.1828 16.5215 23.1213C16.6413 23.0598 16.7444 22.9701 16.8218 22.8599C16.8992 22.7496 16.9487 22.6223 16.966 22.4887C16.9833 22.3551 16.9678 22.2193 16.921 22.093L12.333 9.36005C12.2761 9.19659 12.1698 9.05486 12.0288 8.95452C11.8878 8.85418 11.7191 8.8002 11.546 8.80005H11.547ZM8.85299 17.56L11.053 11.333H11.12L13.333 17.56H8.85299Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-myfont.text-white {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.95 11.4087V11.1245C16.9505 10.5104 16.8299 9.90232 16.5952 9.33493C16.3604 8.76754 16.0161 8.252 15.5819 7.81781C15.1477 7.38363 14.6322 7.03931 14.0648 6.80455C13.4974 6.5698 12.8893 6.44922 12.2752 6.44971C11.0825 6.44796 9.9344 6.90298 9.06669 7.72132C8.19898 8.53965 7.67755 9.65918 7.6095 10.85H7.59975C6.57873 10.85 5.59953 11.2556 4.87757 11.9775C4.1556 12.6995 3.75 13.6787 3.75 14.6997C3.75 15.7207 4.1556 16.6999 4.87757 17.4219C5.59953 18.1439 6.57873 18.5495 7.59975 18.5495H16.95V18.5405C17.8483 18.4718 18.6875 18.0663 19.2994 17.4051C19.9114 16.7439 20.2509 15.8759 20.25 14.975C20.248 14.0748 19.9075 13.2084 19.2961 12.5477C18.6848 11.887 17.8473 11.4804 16.95 11.4087Z' fill='white'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-window {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6533 11.6522H5V5H11.6533V11.6522Z' fill='%234173fa'/%3E%3Cpath d='M19.0001 11.6522H12.3462V5H18.9995V11.6522H19.0001Z' fill='%234173fa'/%3E%3Cpath d='M11.6533 19H5V12.3478H11.6533V19Z' fill='%234173fa'/%3E%3Cpath d='M19.0001 19H12.3462V12.3478H18.9995V19H19.0001Z' fill='%234173fa'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-window.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6533 11.6522H5V5H11.6533V11.6522Z' fill='%231c1c1c'/%3E%3Cpath d='M19.0001 11.6522H12.3462V5H18.9995V11.6522H19.0001Z' fill='%231c1c1c'/%3E%3Cpath d='M11.6533 19H5V12.3478H11.6533V19Z' fill='%231c1c1c'/%3E%3Cpath d='M19.0001 19H12.3462V12.3478H18.9995V19H19.0001Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-window.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6533 11.6522H5V5H11.6533V11.6522Z' fill='white'/%3E%3Cpath d='M19.0001 11.6522H12.3462V5H18.9995V11.6522H19.0001Z' fill='white'/%3E%3Cpath d='M11.6533 19H5V12.3478H11.6533V19Z' fill='white'/%3E%3Cpath d='M19.0001 19H12.3462V12.3478H18.9995V19H19.0001Z' fill='white'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-apple {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Apple svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M18.0928 8.45882C17.0277 9.11765 16.3699 10.2471 16.3699 11.502C16.3699 12.9137 17.2157 14.2 18.5 14.7333C18.2494 15.549 17.8735 16.302 17.4036 16.9922C16.7145 17.9647 15.994 18.9686 14.9289 18.9686C13.8639 18.9686 13.5506 18.3412 12.2976 18.3412C11.0759 18.3412 10.6373 19 9.63494 19C8.63253 19 7.94337 18.0902 7.16024 16.9608C6.12651 15.3922 5.53133 13.5725 5.5 11.6588C5.5 8.55294 7.50482 6.8902 9.50964 6.8902C10.5747 6.8902 11.4518 7.58039 12.1096 7.58039C12.7361 7.58039 13.7386 6.85882 14.9289 6.85882C16.1819 6.82745 17.3723 7.42353 18.0928 8.45882ZM14.3651 5.54118C14.8976 4.91373 15.1795 4.12941 15.2108 3.31373C15.2108 3.21961 15.2108 3.09412 15.1795 3C14.2711 3.09412 13.4253 3.53333 12.8301 4.22353C12.2976 4.81961 11.9843 5.57255 11.953 6.38824C11.953 6.48235 11.953 6.57647 11.9843 6.67059C12.047 6.67059 12.141 6.70196 12.2036 6.70196C13.0494 6.63922 13.8325 6.2 14.3651 5.54118Z' fill='%234173FA'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-apple.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Apple svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M18.0928 8.45882C17.0277 9.11765 16.3699 10.2471 16.3699 11.502C16.3699 12.9137 17.2157 14.2 18.5 14.7333C18.2494 15.549 17.8735 16.302 17.4036 16.9922C16.7145 17.9647 15.994 18.9686 14.9289 18.9686C13.8639 18.9686 13.5506 18.3412 12.2976 18.3412C11.0759 18.3412 10.6373 19 9.63494 19C8.63253 19 7.94337 18.0902 7.16024 16.9608C6.12651 15.3922 5.53133 13.5725 5.5 11.6588C5.5 8.55294 7.50482 6.8902 9.50964 6.8902C10.5747 6.8902 11.4518 7.58039 12.1096 7.58039C12.7361 7.58039 13.7386 6.85882 14.9289 6.85882C16.1819 6.82745 17.3723 7.42353 18.0928 8.45882ZM14.3651 5.54118C14.8976 4.91373 15.1795 4.12941 15.2108 3.31373C15.2108 3.21961 15.2108 3.09412 15.1795 3C14.2711 3.09412 13.4253 3.53333 12.8301 4.22353C12.2976 4.81961 11.9843 5.57255 11.953 6.38824C11.953 6.48235 11.953 6.57647 11.9843 6.67059C12.047 6.67059 12.141 6.70196 12.2036 6.70196C13.0494 6.63922 13.8325 6.2 14.3651 5.54118Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-apple.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Apple svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M18.0928 8.45882C17.0277 9.11765 16.3699 10.2471 16.3699 11.502C16.3699 12.9137 17.2157 14.2 18.5 14.7333C18.2494 15.549 17.8735 16.302 17.4036 16.9922C16.7145 17.9647 15.994 18.9686 14.9289 18.9686C13.8639 18.9686 13.5506 18.3412 12.2976 18.3412C11.0759 18.3412 10.6373 19 9.63494 19C8.63253 19 7.94337 18.0902 7.16024 16.9608C6.12651 15.3922 5.53133 13.5725 5.5 11.6588C5.5 8.55294 7.50482 6.8902 9.50964 6.8902C10.5747 6.8902 11.4518 7.58039 12.1096 7.58039C12.7361 7.58039 13.7386 6.85882 14.9289 6.85882C16.1819 6.82745 17.3723 7.42353 18.0928 8.45882ZM14.3651 5.54118C14.8976 4.91373 15.1795 4.12941 15.2108 3.31373C15.2108 3.21961 15.2108 3.09412 15.1795 3C14.2711 3.09412 13.4253 3.53333 12.8301 4.22353C12.2976 4.81961 11.9843 5.57255 11.953 6.38824C11.953 6.48235 11.953 6.57647 11.9843 6.67059C12.047 6.67059 12.141 6.70196 12.2036 6.70196C13.0494 6.63922 13.8325 6.2 14.3651 5.54118Z' fill='%231c1c1c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-applestore {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.23295 4.00189H16.7667C18.5523 4.00189 19.998 5.44755 20 7.23314V16.7669C20 18.5525 18.5523 19.9981 16.7687 19.9981H7.23295C5.44737 19.9981 4.00171 18.5525 4.00171 16.7689V7.23314C4.00171 5.44755 5.44737 4.00189 7.23295 4.00189ZM12.2559 7.11718L11.9319 7.67704L11.614 7.11518C11.4101 6.76526 10.9682 6.64729 10.6182 6.84724C10.2683 7.05119 10.1504 7.49309 10.3503 7.84301L11.0921 9.1307L8.7167 13.2477H6.86113C6.45722 13.2477 6.1333 13.5717 6.1333 13.9756C6.1333 14.3795 6.45722 14.7034 6.86113 14.7034H13.4796C13.7975 14.1075 13.3876 13.2477 12.6558 13.2477H10.3983L13.5196 7.84501C13.7195 7.49509 13.6016 7.04919 13.2516 6.84924C12.9017 6.64929 12.4558 6.76726 12.2559 7.11718ZM8.42476 16.6669L9.1246 15.4532C8.74669 14.9973 8.2688 14.8574 7.68094 15.0393L7.16106 15.9391C6.96111 16.289 7.07908 16.7349 7.429 16.9349C7.77892 17.1348 8.22481 17.0169 8.42476 16.6669ZM17.0447 13.2517H15.1512C15.0062 13.0007 14.8668 12.7593 14.7329 12.5274C13.9859 11.2336 13.4109 10.2378 13.0057 9.54261C12.5758 9.90052 12.1399 10.9563 12.7498 12.008C13.0142 12.4668 13.3381 13.0276 13.7211 13.6907C14.2012 14.5218 14.7741 15.5137 15.4391 16.6669C15.6431 17.0169 16.085 17.1348 16.4349 16.9349C16.7848 16.7309 16.9028 16.289 16.7028 15.9391L15.993 14.7074H17.0447C17.4486 14.7074 17.7726 14.3835 17.7726 13.9796C17.7726 13.5757 17.4486 13.2517 17.0447 13.2517Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-applestore.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Apple svg'%3E%3Cpath id='Subtract' fill-rule='evenodd' clip-rule='evenodd' d='M8.93848 4.66887H20.0612C22.1444 4.66887 23.831 6.35547 23.8333 8.43865V19.5614C23.8333 21.6446 22.1444 23.3312 20.0635 23.3312H8.93848C6.85531 23.3312 5.1687 21.6446 5.1687 19.5637V8.43865C5.1687 6.35547 6.85531 4.66887 8.93848 4.66887ZM14.7986 8.30337L14.4206 8.95655L14.0497 8.30103C13.8118 7.8928 13.2962 7.75516 12.888 7.98844C12.4798 8.22639 12.3421 8.74193 12.5754 9.15017L13.4409 10.6525L10.6695 15.4557H8.50469C8.03347 15.4557 7.65556 15.8336 7.65556 16.3048C7.65556 16.776 8.03347 17.154 8.50469 17.154H16.2262C16.5971 16.4588 16.1189 15.4557 15.2651 15.4557H12.6314L16.2729 9.1525C16.5062 8.74426 16.3685 8.22405 15.9603 7.99077C15.552 7.75749 15.0318 7.89513 14.7986 8.30337ZM10.3289 19.4448L11.1454 18.0288C10.7045 17.4969 10.147 17.3336 9.46114 17.5459L8.85461 18.5956C8.62133 19.0039 8.75897 19.5241 9.1672 19.7573C9.57544 19.9906 10.0957 19.853 10.3289 19.4448ZM20.3856 15.4604H18.1764C18.0073 15.1675 17.8447 14.8858 17.6885 14.6153C16.8169 13.1058 16.1462 11.9441 15.6733 11.133C15.1718 11.5506 14.6632 12.7823 15.3748 14.0094C15.6833 14.5447 16.0612 15.199 16.5082 15.9727C17.0682 16.9423 17.7365 18.0994 18.5123 19.4448C18.7503 19.853 19.2658 19.9906 19.6741 19.7573C20.0823 19.5194 20.2199 19.0039 19.9867 18.5956L19.1585 17.1586H20.3856C20.8568 17.1586 21.2347 16.7807 21.2347 16.3095C21.2347 15.8383 20.8568 15.4604 20.3856 15.4604Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    i.sd.ic-applestore.black {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Apple svg'%3E%3Cpath id='Subtract' fill-rule='evenodd' clip-rule='evenodd' d='M8.93848 4.66887H20.0612C22.1444 4.66887 23.831 6.35547 23.8333 8.43865V19.5614C23.8333 21.6446 22.1444 23.3312 20.0635 23.3312H8.93848C6.85531 23.3312 5.1687 21.6446 5.1687 19.5637V8.43865C5.1687 6.35547 6.85531 4.66887 8.93848 4.66887ZM14.7986 8.30337L14.4206 8.95655L14.0497 8.30103C13.8118 7.8928 13.2962 7.75516 12.888 7.98844C12.4798 8.22639 12.3421 8.74193 12.5754 9.15017L13.4409 10.6525L10.6695 15.4557H8.50469C8.03347 15.4557 7.65556 15.8336 7.65556 16.3048C7.65556 16.776 8.03347 17.154 8.50469 17.154H16.2262C16.5971 16.4588 16.1189 15.4557 15.2651 15.4557H12.6314L16.2729 9.1525C16.5062 8.74426 16.3685 8.22405 15.9603 7.99077C15.552 7.75749 15.0318 7.89513 14.7986 8.30337ZM10.3289 19.4448L11.1454 18.0288C10.7045 17.4969 10.147 17.3336 9.46114 17.5459L8.85461 18.5956C8.62133 19.0039 8.75897 19.5241 9.1672 19.7573C9.57544 19.9906 10.0957 19.853 10.3289 19.4448ZM20.3856 15.4604H18.1764C18.0073 15.1675 17.8447 14.8858 17.6885 14.6153C16.8169 13.1058 16.1462 11.9441 15.6733 11.133C15.1718 11.5506 14.6632 12.7823 15.3748 14.0094C15.6833 14.5447 16.0612 15.199 16.5082 15.9727C17.0682 16.9423 17.7365 18.0994 18.5123 19.4448C18.7503 19.853 19.2658 19.9906 19.6741 19.7573C20.0823 19.5194 20.2199 19.0039 19.9867 18.5956L19.1585 17.1586H20.3856C20.8568 17.1586 21.2347 16.7807 21.2347 16.3095C21.2347 15.8383 20.8568 15.4604 20.3856 15.4604Z' fill='%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-store {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8268 8.04L24.5468 17.76L17.7468 24.533L8.02676 14.813V8.04H14.8268ZM14.8268 6.44H8.02676C7.60241 6.44 7.19544 6.60857 6.89539 6.90863C6.59533 7.20869 6.42676 7.61565 6.42676 8.04V14.827C6.43007 15.2508 6.59745 15.6569 6.89376 15.96L16.6138 25.68C16.9148 25.9794 17.3222 26.1473 17.7468 26.147C18.1708 26.1447 18.5773 25.9772 18.8798 25.68L25.6668 18.893C25.816 18.7443 25.9344 18.5677 26.0152 18.3732C26.0959 18.1787 26.1375 17.9701 26.1375 17.7595C26.1375 17.5489 26.0959 17.3403 26.0152 17.1458C25.9344 16.9513 25.816 16.7746 25.6668 16.626L15.9468 6.906C15.801 6.75692 15.6267 6.63874 15.4343 6.5585C15.2419 6.47826 15.0352 6.43862 14.8268 6.44Z' fill='%23999999'/%3E%3Cpath d='M12.3196 10.72C11.8955 10.7222 11.4891 10.8898 11.1866 11.187C10.9622 11.4107 10.8092 11.6961 10.7472 12.0069C10.6852 12.3177 10.7169 12.6399 10.8383 12.9327C10.9597 13.2255 11.1652 13.4756 11.429 13.6514C11.6927 13.8271 12.0026 13.9206 12.3196 13.92C12.7436 13.9177 13.1501 13.7502 13.4526 13.453C13.677 13.2292 13.8299 12.9438 13.8919 12.633C13.9539 12.3222 13.9222 12 13.8009 11.7072C13.6795 11.4145 13.4739 11.1643 13.2102 10.9886C12.9465 10.8128 12.6365 10.7193 12.3196 10.72Z' fill='%23999999'/%3E%3Cpath d='M14.8268 8.04L24.5468 17.76L17.7468 24.533L8.02676 14.813V8.04H14.8268ZM14.8268 6.44H8.02676C7.60241 6.44 7.19544 6.60857 6.89539 6.90863C6.59533 7.20869 6.42676 7.61565 6.42676 8.04V14.827C6.43007 15.2508 6.59745 15.6569 6.89376 15.96L16.6138 25.68C16.9148 25.9794 17.3222 26.1473 17.7468 26.147C18.1708 26.1447 18.5773 25.9772 18.8798 25.68L25.6668 18.893C25.816 18.7443 25.9344 18.5677 26.0152 18.3732C26.0959 18.1787 26.1375 17.9701 26.1375 17.7595C26.1375 17.5489 26.0959 17.3403 26.0152 17.1458C25.9344 16.9513 25.816 16.7746 25.6668 16.626L15.9468 6.906C15.801 6.75692 15.6267 6.63874 15.4343 6.5585C15.2419 6.47826 15.0352 6.43862 14.8268 6.44Z' fill='%23999999'/%3E%3Cpath d='M12.3196 10.72C11.8955 10.7222 11.4891 10.8898 11.1866 11.187C10.9622 11.4107 10.8092 11.6961 10.7472 12.0069C10.6852 12.3177 10.7169 12.6399 10.8383 12.9327C10.9597 13.2255 11.1652 13.4756 11.429 13.6514C11.6927 13.8271 12.0026 13.9206 12.3196 13.92C12.7436 13.9177 13.1501 13.7502 13.4526 13.453C13.677 13.2292 13.8299 12.9438 13.8919 12.633C13.9539 12.3222 13.9222 12 13.8009 11.7072C13.6795 11.4145 13.4739 11.1643 13.2102 10.9886C12.9465 10.8128 12.6365 10.7193 12.3196 10.72Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-pc {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_pc'%3E%3Cpath id='Rectangle 28 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M5.3999 7.2C5.3999 6.53726 5.93716 6 6.5999 6H17.3999C18.0626 6 18.5999 6.53726 18.5999 7.2V14.4C18.5999 15.0627 18.0626 15.6 17.3999 15.6H6.5999C5.93716 15.6 5.3999 15.0627 5.3999 14.4V7.2ZM17.3999 7.2L6.5999 7.2V14.4H17.3999V7.2Z' fill='%234173FA'/%3E%3Cpath id='Rectangle 29' d='M4.7998 17.4C4.7998 17.0686 5.06843 16.8 5.3998 16.8H18.5998C18.9312 16.8 19.1998 17.0686 19.1998 17.4C19.1998 17.7314 18.9312 18 18.5998 18H5.39981C5.06843 18 4.7998 17.7314 4.7998 17.4Z' fill='%234173FA'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-mobile {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_mobile'%3E%3Cpath id='Rectangle 30 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.6001 5.4001C6.6001 4.40598 7.40599 3.6001 8.4001 3.6001H15.6001C16.5942 3.6001 17.4001 4.40599 17.4001 5.4001V18.6001C17.4001 19.5942 16.5942 20.4001 15.6001 20.4001H8.4001C7.40599 20.4001 6.6001 19.5942 6.6001 18.6001V5.4001ZM8.4001 4.8001C8.06873 4.8001 7.8001 5.06873 7.8001 5.4001V18.6001C7.8001 18.9315 8.06873 19.2001 8.4001 19.2001H15.6001C15.9315 19.2001 16.2001 18.9315 16.2001 18.6001V5.4001C16.2001 5.06873 15.9315 4.8001 15.6001 4.8001H8.4001Z' fill='%234173FA'/%3E%3Cpath id='Rectangle 31' d='M9.6001 5.9999C9.6001 5.66853 9.86873 5.3999 10.2001 5.3999H13.8001C14.1315 5.3999 14.4001 5.66853 14.4001 5.9999C14.4001 6.33127 14.1315 6.5999 13.8001 6.5999H10.2001C9.86873 6.5999 9.6001 6.33127 9.6001 5.9999Z' fill='%234173FA'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-top {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4574 8.44412C15.3133 8.58994 15.2319 8.78619 15.2303 8.99112V25.1371C15.2306 25.342 15.3121 25.5385 15.457 25.6834C15.602 25.8283 15.7984 25.9099 16.0033 25.9101C16.1051 25.9111 16.206 25.8915 16.3 25.8525C16.394 25.8135 16.4792 25.7559 16.5503 25.6831C16.6943 25.5373 16.7758 25.3411 16.7773 25.1361V8.97612C16.7771 8.77119 16.6956 8.57473 16.5506 8.42982C16.4057 8.28491 16.2093 8.20339 16.0043 8.20312C15.7979 8.2095 15.6019 8.2965 15.4574 8.44412Z' fill='%231C1C1C'/%3E%3Cpath d='M15.4529 6.8605L15.4055 6.90788C15.2608 7.05297 15.1795 7.24954 15.1795 7.45447C15.1795 7.6594 15.2608 7.85596 15.4055 8.00106L21.1097 13.7053C21.2548 13.85 21.4514 13.9313 21.6563 13.9313C21.8612 13.9313 22.0578 13.85 22.2029 13.7053L22.2503 13.6579C22.395 13.5128 22.4763 13.3163 22.4763 13.1113C22.4763 12.9064 22.395 12.7098 22.2503 12.5647L16.546 6.8605C16.4009 6.71577 16.2044 6.63451 15.9994 6.63451C15.7945 6.63451 15.598 6.71578 15.4529 6.8605Z' fill='%231C1C1C'/%3E%3Cpath d='M15.4534 6.86105L9.74917 12.5653C9.60445 12.7104 9.52319 12.9069 9.52319 13.1119C9.52319 13.3168 9.60445 13.5134 9.74917 13.6585L9.79655 13.7058C9.94165 13.8506 10.1382 13.9318 10.3431 13.9318C10.5481 13.9318 10.7446 13.8506 10.8897 13.7058L16.594 8.00161C16.7387 7.85651 16.8199 7.65995 16.8199 7.45502C16.8199 7.25008 16.7387 7.05352 16.594 6.90842L16.5466 6.86104C16.4015 6.71632 16.2049 6.63506 16 6.63506C15.7951 6.63506 15.5985 6.71633 15.4534 6.86105Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-line-height {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 9.5998C6.40002 9.15798 6.7582 8.7998 7.20002 8.7998H15.2C15.6419 8.7998 16 9.15798 16 9.5998C16 10.0416 15.6419 10.3998 15.2 10.3998H7.20002C6.7582 10.3998 6.40002 10.0416 6.40002 9.5998Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6 8C22.0419 8 22.4 8.35817 22.4 8.8L22.4 24C22.4 24.4418 22.0419 24.8 21.6 24.8C21.1582 24.8 20.8 24.4418 20.8 24L20.8 8.8C20.8 8.35817 21.1582 8 21.6 8Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 22.4001C6.40002 21.9583 6.7582 21.6001 7.20002 21.6001H15.2C15.6419 21.6001 16 21.9583 16 22.4001C16 22.8419 15.6419 23.2001 15.2 23.2001H7.20002C6.7582 23.2001 6.40002 22.8419 6.40002 22.4001Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H15.2C15.6419 15.2002 16 15.5584 16 16.0002C16 16.442 15.6419 16.8002 15.2 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.0343 8.23431C21.3467 7.9219 21.8532 7.9219 22.1657 8.23431L25.3657 11.4343C25.6781 11.7467 25.6781 12.2533 25.3657 12.5657C25.0532 12.8781 24.5467 12.8781 24.2343 12.5657L21.6 9.93137L18.9657 12.5657C18.6532 12.8781 18.1467 12.8781 17.8343 12.5657C17.5219 12.2533 17.5219 11.7467 17.8343 11.4343L21.0343 8.23431Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.1657 24.5655C21.8532 24.8779 21.3467 24.8779 21.0343 24.5655L17.8343 21.3655C17.5219 21.0531 17.5219 20.5465 17.8343 20.2341C18.1467 19.9217 18.6532 19.9217 18.9657 20.2341L21.6 22.8684L24.2343 20.2341C24.5467 19.9217 25.0532 19.9217 25.3657 20.2341C25.6781 20.5465 25.6781 21.0531 25.3657 21.3655L22.1657 24.5655Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-line-height.active {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 9.5998C6.40002 9.15798 6.7582 8.7998 7.20002 8.7998H15.2C15.6419 8.7998 16 9.15798 16 9.5998C16 10.0416 15.6419 10.3998 15.2 10.3998H7.20002C6.7582 10.3998 6.40002 10.0416 6.40002 9.5998Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.6 8C22.0419 8 22.4 8.35817 22.4 8.8L22.4 24C22.4 24.4418 22.0419 24.8 21.6 24.8C21.1582 24.8 20.8 24.4418 20.8 24L20.8 8.8C20.8 8.35817 21.1582 8 21.6 8Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 22.4001C6.40002 21.9583 6.7582 21.6001 7.20002 21.6001H15.2C15.6419 21.6001 16 21.9583 16 22.4001C16 22.8419 15.6419 23.2001 15.2 23.2001H7.20002C6.7582 23.2001 6.40002 22.8419 6.40002 22.4001Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H15.2C15.6419 15.2002 16 15.5584 16 16.0002C16 16.442 15.6419 16.8002 15.2 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.0343 8.23431C21.3467 7.9219 21.8532 7.9219 22.1657 8.23431L25.3657 11.4343C25.6781 11.7467 25.6781 12.2533 25.3657 12.5657C25.0532 12.8781 24.5467 12.8781 24.2343 12.5657L21.6 9.93137L18.9657 12.5657C18.6532 12.8781 18.1467 12.8781 17.8343 12.5657C17.5219 12.2533 17.5219 11.7467 17.8343 11.4343L21.0343 8.23431Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.1657 24.5655C21.8532 24.8779 21.3467 24.8779 21.0343 24.5655L17.8343 21.3655C17.5219 21.0531 17.5219 20.5465 17.8343 20.2341C18.1467 19.9217 18.6532 19.9217 18.9657 20.2341L21.6 22.8684L24.2343 20.2341C24.5467 19.9217 25.0532 19.9217 25.3657 20.2341C25.6781 20.5465 25.6781 21.0531 25.3657 21.3655L22.1657 24.5655Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0062 7.20001C11.794 7.20001 11.5905 7.2843 11.4405 7.43433C11.2904 7.58436 11.2062 7.78784 11.2062 8.00002V11.2C11.2062 11.4122 11.2904 11.6157 11.4405 11.7657C11.5905 11.9157 11.794 12 12.0062 12C12.2183 12 12.4218 11.9157 12.5718 11.7657C12.7219 11.6157 12.8062 11.4122 12.8062 11.2V8.00002C12.8062 7.78784 12.7219 7.58436 12.5718 7.43433C12.4218 7.2843 12.2183 7.20001 12.0062 7.20001Z' fill='%231C1C1C'/%3E%3Cpath d='M12.0062 7.20001C11.794 7.20001 11.5905 7.2843 11.4405 7.43433C11.2904 7.58436 11.2062 7.78784 11.2062 8.00002V11.2C11.2062 11.4122 11.2904 11.6157 11.4405 11.7657C11.5905 11.9157 11.794 12 12.0062 12C12.2183 12 12.4218 11.9157 12.5718 11.7657C12.7219 11.6157 12.8062 11.4122 12.8062 11.2V8.00002C12.8062 7.78784 12.7219 7.58436 12.5718 7.43433C12.4218 7.2843 12.2183 7.20001 12.0062 7.20001Z' fill='%231C1C1C'/%3E%3Cpath d='M12.0062 20C11.9011 20 11.7971 20.0207 11.7 20.0609C11.603 20.1011 11.5148 20.16 11.4405 20.2343C11.3662 20.3086 11.3073 20.3968 11.2671 20.4939C11.2268 20.5909 11.2062 20.6949 11.2062 20.8V24C11.2062 24.2122 11.2904 24.4157 11.4405 24.5657C11.5905 24.7157 11.794 24.8 12.0062 24.8C12.2183 24.8 12.4218 24.7157 12.5718 24.5657C12.7219 24.4157 12.8062 24.2122 12.8062 24V20.8C12.8062 20.6949 12.7855 20.5909 12.7453 20.4939C12.7051 20.3968 12.6461 20.3086 12.5718 20.2343C12.4976 20.16 12.4094 20.1011 12.3123 20.0609C12.2152 20.0207 12.1112 20 12.0062 20Z' fill='%231C1C1C'/%3E%3Cpath d='M12.0062 20C11.9011 20 11.7971 20.0207 11.7 20.0609C11.603 20.1011 11.5148 20.16 11.4405 20.2343C11.3662 20.3086 11.3073 20.3968 11.2671 20.4939C11.2268 20.5909 11.2062 20.6949 11.2062 20.8V24C11.2062 24.2122 11.2904 24.4157 11.4405 24.5657C11.5905 24.7157 11.794 24.8 12.0062 24.8C12.2183 24.8 12.4218 24.7157 12.5718 24.5657C12.7219 24.4157 12.8062 24.2122 12.8062 24V20.8C12.8062 20.6949 12.7855 20.5909 12.7453 20.4939C12.7051 20.3968 12.6461 20.3086 12.5718 20.2343C12.4976 20.16 12.4094 20.1011 12.3123 20.0609C12.2152 20.0207 12.1112 20 12.0062 20Z' fill='%231C1C1C'/%3E%3Cpath d='M20.0071 13.6C19.795 13.6 19.5915 13.6843 19.4414 13.8344C19.2914 13.9844 19.2071 14.1879 19.2071 14.4V17.6C19.2071 17.8122 19.2914 18.0157 19.4414 18.1657C19.5915 18.3158 19.795 18.4 20.0071 18.4C20.2193 18.4 20.4228 18.3158 20.5728 18.1657C20.7228 18.0157 20.8071 17.8122 20.8071 17.6V14.4C20.8071 14.1879 20.7228 13.9844 20.5728 13.8344C20.4228 13.6843 20.2193 13.6 20.0071 13.6Z' fill='%231C1C1C'/%3E%3Cpath d='M20.0071 13.6C19.795 13.6 19.5915 13.6843 19.4414 13.8344C19.2914 13.9844 19.2071 14.1879 19.2071 14.4V17.6C19.2071 17.8122 19.2914 18.0157 19.4414 18.1657C19.5915 18.3158 19.795 18.4 20.0071 18.4C20.2193 18.4 20.4228 18.3158 20.5728 18.1657C20.7228 18.0157 20.8071 17.8122 20.8071 17.6V14.4C20.8071 14.1879 20.7228 13.9844 20.5728 13.8344C20.4228 13.6843 20.2193 13.6 20.0071 13.6Z' fill='%231C1C1C'/%3E%3Cpath d='M23.1999 21.593H15.1999C15.0948 21.593 14.9908 21.6137 14.8938 21.6539C14.7967 21.6941 14.7085 21.753 14.6342 21.8273C14.5599 21.9016 14.501 21.9898 14.4608 22.0869C14.4206 22.1839 14.3999 22.288 14.3999 22.393C14.3999 22.6052 14.4842 22.8087 14.6342 22.9587C14.7842 23.1087 14.9877 23.193 15.1999 23.193H23.1999C23.4121 23.193 23.6156 23.1087 23.7656 22.9587C23.9156 22.8087 23.9999 22.6052 23.9999 22.393C23.9999 22.288 23.9792 22.1839 23.939 22.0869C23.8988 21.9898 23.8399 21.9016 23.7656 21.8273C23.6913 21.753 23.6031 21.6941 23.5061 21.6539C23.409 21.6137 23.305 21.593 23.1999 21.593Z' fill='%231C1C1C'/%3E%3Cpath d='M23.1999 21.593H15.1999C15.0948 21.593 14.9908 21.6137 14.8938 21.6539C14.7967 21.6941 14.7085 21.753 14.6342 21.8273C14.5599 21.9016 14.501 21.9898 14.4608 22.0869C14.4206 22.1839 14.3999 22.288 14.3999 22.393C14.3999 22.6052 14.4842 22.8087 14.6342 22.9587C14.7842 23.1087 14.9877 23.193 15.1999 23.193H23.1999C23.4121 23.193 23.6156 23.1087 23.7656 22.9587C23.9156 22.8087 23.9999 22.6052 23.9999 22.393C23.9999 22.288 23.9792 22.1839 23.939 22.0869C23.8988 21.9898 23.8399 21.9016 23.7656 21.8273C23.6913 21.753 23.6031 21.6941 23.5061 21.6539C23.409 21.6137 23.305 21.593 23.1999 21.593Z' fill='%231C1C1C'/%3E%3Cpath d='M23.1999 8.79401H15.1999C14.9877 8.79401 14.7842 8.87829 14.6342 9.02832C14.4842 9.17835 14.3999 9.38184 14.3999 9.59401C14.3999 9.80618 14.4842 10.0097 14.6342 10.1597C14.7842 10.3097 14.9877 10.394 15.1999 10.394H23.1999C23.4121 10.394 23.6156 10.3097 23.7656 10.1597C23.9156 10.0097 23.9999 9.80618 23.9999 9.59401C23.9999 9.38184 23.9156 9.17835 23.7656 9.02832C23.6156 8.87829 23.4121 8.79401 23.1999 8.79401Z' fill='%231C1C1C'/%3E%3Cpath d='M23.1999 8.79401H15.1999C14.9877 8.79401 14.7842 8.87829 14.6342 9.02832C14.4842 9.17835 14.3999 9.38184 14.3999 9.59401C14.3999 9.80618 14.4842 10.0097 14.6342 10.1597C14.7842 10.3097 14.9877 10.394 15.1999 10.394H23.1999C23.4121 10.394 23.6156 10.3097 23.7656 10.1597C23.9156 10.0097 23.9999 9.80618 23.9999 9.59401C23.9999 9.38184 23.9156 9.17835 23.7656 9.02832C23.6156 8.87829 23.4121 8.79401 23.1999 8.79401Z' fill='%231C1C1C'/%3E%3Cpath d='M16.8 15.193H8.8C8.58783 15.193 8.38434 15.2773 8.23431 15.4273C8.08428 15.5773 8 15.7808 8 15.993C8 16.2052 8.08428 16.4087 8.23431 16.5587C8.38434 16.7087 8.58783 16.793 8.8 16.793H16.8C17.0122 16.793 17.2157 16.7087 17.3657 16.5587C17.5157 16.4087 17.6 16.2052 17.6 15.993C17.6 15.7808 17.5157 15.5773 17.3657 15.4273C17.2157 15.2773 17.0122 15.193 16.8 15.193Z' fill='%231C1C1C'/%3E%3Cpath d='M16.8 15.193H8.8C8.58783 15.193 8.38434 15.2773 8.23431 15.4273C8.08428 15.5773 8 15.7808 8 15.993C8 16.2052 8.08428 16.4087 8.23431 16.5587C8.38434 16.7087 8.58783 16.793 8.8 16.793H16.8C17.0122 16.793 17.2157 16.7087 17.3657 16.5587C17.5157 16.4087 17.6 16.2052 17.6 15.993C17.6 15.7808 17.5157 15.5773 17.3657 15.4273C17.2157 15.2773 17.0122 15.193 16.8 15.193Z' fill='%231C1C1C'/%3E%3Cpath d='M11.2 21.593H8.8C8.69495 21.593 8.59091 21.6137 8.49385 21.6539C8.39679 21.6941 8.3086 21.753 8.23431 21.8273C8.16003 21.9016 8.1011 21.9898 8.0609 22.0869C8.02069 22.1839 8 22.288 8 22.393C8 22.6052 8.08428 22.8087 8.23431 22.9587C8.38434 23.1087 8.58783 23.193 8.8 23.193H11.2C11.4122 23.193 11.6157 23.1087 11.7657 22.9587C11.9157 22.8087 12 22.6052 12 22.393C12 22.288 11.9793 22.1839 11.9391 22.0869C11.8989 21.9898 11.84 21.9016 11.7657 21.8273C11.6914 21.753 11.6032 21.6941 11.5061 21.6539C11.4091 21.6137 11.3051 21.593 11.2 21.593Z' fill='%231C1C1C'/%3E%3Cpath d='M11.2 21.593H8.8C8.69495 21.593 8.59091 21.6137 8.49385 21.6539C8.39679 21.6941 8.3086 21.753 8.23431 21.8273C8.16003 21.9016 8.1011 21.9898 8.0609 22.0869C8.02069 22.1839 8 22.288 8 22.393C8 22.6052 8.08428 22.8087 8.23431 22.9587C8.38434 23.1087 8.58783 23.193 8.8 23.193H11.2C11.4122 23.193 11.6157 23.1087 11.7657 22.9587C11.9157 22.8087 12 22.6052 12 22.393C12 22.288 11.9793 22.1839 11.9391 22.0869C11.8989 21.9898 11.84 21.9016 11.7657 21.8273C11.6914 21.753 11.6032 21.6941 11.5061 21.6539C11.4091 21.6137 11.3051 21.593 11.2 21.593Z' fill='%231C1C1C'/%3E%3Cpath d='M11.2 8.79401H8.8C8.58783 8.79401 8.38434 8.87829 8.23431 9.02832C8.08428 9.17835 8 9.38184 8 9.59401C8 9.80618 8.08428 10.0097 8.23431 10.1597C8.38434 10.3097 8.58783 10.394 8.8 10.394H11.2C11.4122 10.394 11.6157 10.3097 11.7657 10.1597C11.9157 10.0097 12 9.80618 12 9.59401C12 9.38184 11.9157 9.17835 11.7657 9.02832C11.6157 8.87829 11.4122 8.79401 11.2 8.79401Z' fill='%231C1C1C'/%3E%3Cpath d='M11.2 8.79401H8.8C8.58783 8.79401 8.38434 8.87829 8.23431 9.02832C8.08428 9.17835 8 9.38184 8 9.59401C8 9.80618 8.08428 10.0097 8.23431 10.1597C8.38434 10.3097 8.58783 10.394 8.8 10.394H11.2C11.4122 10.394 11.6157 10.3097 11.7657 10.1597C11.9157 10.0097 12 9.80618 12 9.59401C12 9.38184 11.9157 9.17835 11.7657 9.02832C11.6157 8.87829 11.4122 8.79401 11.2 8.79401Z' fill='%231C1C1C'/%3E%3Cpath d='M23.2 15.193H20.8C20.5878 15.193 20.3843 15.2773 20.2343 15.4273C20.0843 15.5773 20 15.7808 20 15.993C20 16.2052 20.0843 16.4087 20.2343 16.5587C20.3843 16.7087 20.5878 16.793 20.8 16.793H23.2C23.4122 16.793 23.6157 16.7087 23.7657 16.5587C23.9157 16.4087 24 16.2052 24 15.993C24 15.7808 23.9157 15.5773 23.7657 15.4273C23.6157 15.2773 23.4122 15.193 23.2 15.193Z' fill='%231C1C1C'/%3E%3Cpath d='M23.2 15.193H20.8C20.5878 15.193 20.3843 15.2773 20.2343 15.4273C20.0843 15.5773 20 15.7808 20 15.993C20 16.2052 20.0843 16.4087 20.2343 16.5587C20.3843 16.7087 20.5878 16.793 20.8 16.793H23.2C23.4122 16.793 23.6157 16.7087 23.7657 16.5587C23.9157 16.4087 24 16.2052 24 15.993C24 15.7808 23.9157 15.5773 23.7657 15.4273C23.6157 15.2773 23.4122 15.193 23.2 15.193Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-1 {
    background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="%231c1c1c" d="M26.12 23.84c-0.32 0-0.72-0.2-0.96-0.4-2.6-2.32-5.8-5.12-8.76-7.44-1.6 1.96-2.92 3.2-5.16 5.040-1.72 1.4-4.24 2.92-6 3.8-0.16 0.080-0.28 0.080-0.48 0.080-0.28 0-0.44-0.12-0.44-0.44 0-0.2 0.16-0.44 0.56-0.72 3.080-2.24 5.2-4.24 7.68-7.48 1.64-2.12 2.96-4.28 3.64-6.080 0.040-0.2 0-0.4-0.16-0.64-0.32-0.56-0.72-0.92-1.8-1.64-0.32-0.2-0.6-0.36-0.6-0.68 0-0.24 0.68-0.48 1.080-0.48 0.64 0 1.6 0.28 2.36 0.56 1.040 0.4 1.76 0.76 2.28 1.080 0.6 0.36 0.72 0.68 0.72 1.040 0 0.28 0.040 0.52-0.24 1.080-0.72 1.44-1.32 2.44-2.4 4 0.88 0.76 1.84 1.52 2.6 1.96 0.8 0.48 1.52 0.76 2.040 0.88 1 0.2 1.52 0.4 2.040 0.88 0.56 0.52 1.36 1.28 2.2 2.4 0.56 0.76 0.8 1.44 0.8 2.040s-0.4 1.16-1 1.16z"%3E%3C/path%3E%3C/svg%3E%0A'); }
  i.sd.ic-filter-2 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M26.61 24.995c-4.165-0.945-8.54-4.34-10.22-8.12-1.68 3.745-6.020 7.21-10.29 8.295l-1.26-2.52c5.25-1.505 9.975-6.020 9.975-10.78v-5.145h3.115v5.040c0 4.9 4.48 9.345 9.835 10.71l-1.155 2.52z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-3 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M28.79 21.325l0.455 0.385-0.63 0.84-1.645 2.345-10.465-7.91-10.465 7.91-1.645-2.345-0.595-0.875 0.455-0.385 1.61 0.035 9.065-6.825v-5.81l-1.26-1.435v-0.63h5.67v0.63l-1.26 1.435v5.81l9.065 6.825h1.645z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-4 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M25.725 24.19c-0.21 0-2.31-2.45-2.695-3.115-0.63-1.050-3.395-3.99-4.34-5.18-0.175-0.21-0.77-0.805-1.12-1.12-0.56 0.595-1.82 2.205-2.975 3.045-0.875 0.63-3.29 3.43-4.095 4.025-0.665 0.49-2.1 1.575-3.325 1.995-1.225 0.385-2.765 0.98-3.99 1.26-0.805 0-0.91-0.245-1.085-0.42 1.54-0.7 3.85-2.275 5.565-3.57 0.63-0.49 1.61-1.4 2.17-1.925 0.875-0.805 2.345-2.59 2.765-2.59 0.385 0 0.385 0.315 0.56 0.49 0.63-0.63 0.105-0.91 0.21-1.435 0.42-0.385 1.575-2.030 2.275-2.87 0.175-0.035 0.525-0.84 0.7-0.875 0.315-0.63 0.735-1.505 0.91-2.275 0.14 0 0.49-0.21 0.98-0.21l0.28-0.245c-0.77-0.77-1.96-1.050-2.905-2.31 0.56 0 1.26 0.14 1.68 0.14 0.35 0 0.7-0.175 1.085-0.175 0.525 0 0.84 0.175 1.715 1.015 0.77-0.035 1.015 0.56 1.33 0.98v0.56c-1.085 0-1.995 2.8-2.8 4.27 1.015 0.875 3.080 2.695 4.235 3.78 0.35 0.315 1.26 0.84 1.645 1.225 0.21 0.21 0.070 1.085 0.42 1.085 0.42 0 0.385-0.28 0.525-0.28 0.455 1.295 2.905 1.085 2.8 2.17-0.070 0.63-2.17 2.555-2.52 2.555zM9.235 21.005c0.175 0.175 0.455 0.42 0.63 0.42 0.14-0.175 0.21-0.42 0.21-0.42-0.175-0.175-0.665-0.14-0.84 0zM15.15 15.51l-0.245-0.070-0.21 0.42 0.245 0.105 0.21-0.455zM18.405 8.195l-0.245-0.070-0.21 0.42 0.245 0.070 0.21-0.42z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-5, i.sd.ic-filter-10, i.sd.ic-filter-17, i.sd.ic-filter-23 {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2705 8.00472C14.2705 9.66699 13.6818 11.0868 12.5043 12.2643C11.3332 13.4354 9.9165 14.021 8.25423 14.021C6.59197 14.021 5.17211 13.4354 3.99467 12.2643C2.81724 11.0868 2.22852 9.66699 2.22852 8.00472C2.22852 6.33616 2.81724 4.91631 3.99467 3.74516C5.17211 2.56772 6.59197 1.979 8.25423 1.979C9.9165 1.979 11.3332 2.56772 12.5043 3.74516C13.6818 4.91631 14.2705 6.33616 14.2705 8.00472ZM13.4016 8.00472C13.4016 6.58172 12.8979 5.36965 11.8904 4.36851C10.8893 3.36108 9.67724 2.85736 8.25423 2.85736C6.83123 2.85736 5.61601 3.36108 4.60858 4.36851C3.60744 5.36965 3.10687 6.58172 3.10687 8.00472C3.10687 9.42143 3.60744 10.6335 4.60858 11.6409C5.61601 12.6421 6.83123 13.1426 8.25423 13.1426C9.67724 13.1426 10.8893 12.6421 11.8904 11.6409C12.8979 10.6335 13.4016 9.42143 13.4016 8.00472ZM6.7053 6.75802C6.7053 6.96581 6.62975 7.14526 6.47863 7.29637C6.33381 7.44749 6.15436 7.52304 5.94028 7.52304C5.7325 7.52304 5.55305 7.44749 5.40193 7.29637C5.25082 7.14526 5.17526 6.96581 5.17526 6.75802C5.17526 6.54394 5.25082 6.36449 5.40193 6.21967C5.55305 6.06856 5.7325 5.993 5.94028 5.993C6.15436 5.993 6.33381 6.06856 6.47863 6.21967C6.62975 6.36449 6.7053 6.54394 6.7053 6.75802ZM11.3238 6.75802C11.3238 6.96581 11.2482 7.14526 11.0971 7.29637C10.9523 7.44749 10.7728 7.52304 10.5587 7.52304C10.351 7.52304 10.1715 7.44749 10.0204 7.29637C9.86928 7.14526 9.79372 6.96581 9.79372 6.75802C9.79372 6.54394 9.86928 6.36449 10.0204 6.21967C10.1715 6.06856 10.351 5.993 10.5587 5.993C10.7728 5.993 10.9523 6.06856 11.0971 6.21967C11.2482 6.36449 11.3238 6.54394 11.3238 6.75802ZM5.47749 9.43075L6.06306 9.09074C6.56048 9.99744 7.29087 10.4508 8.25423 10.4508C9.21759 10.4508 9.94484 9.99744 10.436 9.09074L11.031 9.43075C10.7162 10.0289 10.3258 10.4854 9.85983 10.8002C9.40019 11.1151 8.86499 11.2725 8.25423 11.2725C7.63718 11.2725 7.09883 11.1151 6.63919 10.8002C6.17955 10.4854 5.79232 10.0289 5.47749 9.43075Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-6, i.sd.ic-filter-18 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M27.805 5.605c-1.615 0-2.14 0.335-2.14 1.95v18.45c0 1.050-0.040 1.91-0.825 1.91s-1.165-0.375-1.765-1.125l-13.91-17.395v15.335c0 1.65 0.49 1.91 1.95 1.91 0.485 0 0.79 0.15 0.79 0.635 0 0.525-0.15 0.675-0.79 0.675-1.31 0-1.835-0.15-3.040-0.15s-1.8 0.15-3.035 0.15c-0.525 0-0.825-0.15-0.825-0.675 0-0.45 0.265-0.635 0.825-0.635 1.425 0 2.025-0.26 2.025-1.91v-17.625c0-0.9-0.45-1.425-1.95-1.425-0.56 0-0.825-0.15-0.825-0.675 0-0.6 0.26-0.75 0.825-0.75h4.39c0.975 0 1.575 0.45 2.325 1.385l11.735 14.21v-12.33c0-1.615-0.485-1.91-2.1-1.91-0.56 0-0.79-0.225-0.79-0.635 0-0.56 0.15-0.715 0.79-0.715 1.165 0 1.725 0.115 3.11 0.115s1.915-0.115 3.225-0.115c0.525 0 0.785 0.19 0.785 0.715 0 0.485-0.225 0.635-0.785 0.635z' fill='%231c1c1c'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-7, i.sd.ic-filter-19 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M6.375 3.15h4.445l11.235 19.075h0.105v-19.075h3.465v25.485h-3.885l-11.76-20.2h-0.14v20.195h-3.465v-25.48z' fill='%231c1c1c'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-20 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M9.875 8.63v19.040c0 1.015-0.84 1.575-1.82 1.575s-1.855-0.56-1.855-1.575v-22.68c0-1.19 0.91-2.17 2.275-2.17 1.82 0 2.625 1.015 3.395 2.45l10.080 17.815v-18.76c0-1.050 0.875-1.575 1.925-1.575s1.925 0.525 1.925 1.575v22.685c0 1.19-1.050 2.17-2.31 2.17-1.715 0-2.52-0.875-3.43-2.66l-10.185-17.89z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-8, i.sd.ic-filter-21 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M27.085 7.735c0-2.7-2.010-4.68-4.77-4.68s-4.71 1.95-4.71 4.65v2.43c-0.12-0.21-0.27-0.42-0.39-0.6-0.21-0.33-0.42-0.66-0.63-0.96-0.69-1.11-1.29-2.040-1.74-2.73-1.14-1.77-2.85-2.79-4.74-2.79-2.97 0-5.1 2.070-5.1 4.95-0.060 4.59-0.090 11.55-0.090 16.56 0 2.67 2.010 4.65 4.71 4.65s4.74-1.95 4.74-4.68v-2.34c0.060 0.090 0.15 0.21 0.21 0.33 0.48 0.72 0.9 1.41 1.32 2.1 0.36 0.54 0.69 1.080 0.96 1.53l0.090 0.15c0-0.030 0 0 0.090 0.090 0.99 1.71 2.85 2.82 4.74 2.82 2.85 0 4.92-1.92 5.1-4.77 0.24-5.13 0.21-11.79 0.21-16.71z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M26.335 7.735c0-2.28-1.68-3.93-4.020-3.93s-3.96 1.62-3.96 3.9v5.040c-0.3-0.48-0.6-0.93-0.87-1.38-0.3-0.48-0.6-0.96-0.9-1.41l-0.63-0.99-1.74-2.7c-0.99-1.56-2.46-2.46-4.11-2.46-2.55 0-4.35 1.74-4.35 4.2-0.060 4.59-0.090 11.55-0.090 16.56 0 2.25 1.68 3.9 3.96 3.9s3.99-1.62 3.99-3.93v-4.95c0.3 0.45 0.6 0.93 0.87 1.38 0.24 0.39 0.48 0.78 0.72 1.14 0.48 0.75 0.9 1.44 1.32 2.13 0.36 0.54 0.69 1.080 0.96 1.53 0.060 0.060 0.12 0.15 0.18 0.24 0.87 1.5 2.49 2.46 4.11 2.46 2.46 0 4.2-1.62 4.35-4.050 0.24-5.13 0.21-11.76 0.21-16.68z'%3E%3C/path%3E%3Cpath fill='%23999' d='M25.615 7.735c0-1.89-1.35-3.21-3.3-3.21s-3.24 1.29-3.24 3.18v7.5c-0.72-1.14-1.47-2.34-2.19-3.45-0.54-0.84-1.050-1.65-1.53-2.4l-1.74-2.7c-0.87-1.38-2.1-2.13-3.51-2.13-2.16 0-3.63 1.41-3.63 3.48-0.060 4.59-0.090 11.55-0.090 16.56 0 1.86 1.35 3.18 3.24 3.18s3.27-1.29 3.27-3.21v-7.44l1.26 2.010c0.57 0.87 1.11 1.77 1.65 2.61 0.48 0.75 0.93 1.47 1.32 2.13l1.14 1.77c0.78 1.32 2.13 2.13 3.51 2.13 2.1 0 3.51-1.32 3.63-3.36 0.24-5.13 0.21-11.73 0.21-16.65z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M24.895 7.735c0-1.5-1.020-2.49-2.58-2.49s-2.52 0.96-2.52 2.46v2.22c0 2.46 0 5.25-0.030 7.77-1.56-2.55-3.51-5.58-5.010-7.95l-1.74-2.7c-0.75-1.17-1.74-1.8-2.91-1.8-1.77 0-2.91 1.080-2.91 2.76-0.060 4.59-0.090 11.55-0.090 16.56 0 1.47 1.020 2.46 2.52 2.46s2.55-0.96 2.55-2.49v-2.76c0-2.31-0.030-4.89 0-7.2 1.32 2.1 2.88 4.56 4.23 6.75 0.96 1.5 1.8 2.88 2.46 3.9 0.69 1.14 1.77 1.8 2.91 1.8 1.71 0 2.82-1.020 2.91-2.67 0.24-5.13 0.21-11.7 0.21-16.62z'%3E%3C/path%3E%3Cpath fill='%23999' d='M9.625 26.305c1.2 0 1.83-0.69 1.83-1.77 0-3.54-0.030-8.85 0.030-12.45 2.19 3.6 6.090 9.72 7.98 12.75 0.54 0.87 1.32 1.47 2.31 1.47 1.35 0 2.13-0.75 2.19-1.98 0.24-5.13 0.21-11.67 0.21-16.59 0-1.080-0.69-1.77-1.86-1.77s-1.8 0.69-1.8 1.74c0 3.63 0.030 8.7-0.060 12.48-2.25-3.72-6.39-10.14-8.040-12.75-0.57-0.9-1.29-1.47-2.31-1.47-1.38 0-2.19 0.78-2.19 2.040-0.060 4.59-0.090 11.55-0.090 16.56 0 1.050 0.66 1.74 1.8 1.74z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-9, i.sd.ic-filter-22 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M9.27 25.41c0.175 2.415 1.225 3.78-0.42 4.060-1.155 0.21-1.68-0.805-1.645-2.17 0.070-2.1 0.84-7.175 0.91-10.185 0.070-2.625 0.14-6.265-0.14-10.15-0.070-0.84 0.525-1.4 1.295-1.645 0.84-0.28 1.61-0.175 2.030 0.7 4.27 7.945 7.455 13.090 10.745 16.975 0.21-2.415 0.56-6.405 0.665-8.33 0.21-3.255 0.455-6.475 0.245-10.605-0.035-0.84 0.49-1.575 1.435-1.855 0.84-0.21 1.575 0.21 1.365 1.155-0.77 4.025-1.295 8.435-1.505 11.060-0.14 1.785-0.525 7.105-0.385 8.89 0.175 2.38 0.77 3.71-0.42 4.060-1.015 0.28-1.925 0.105-2.485-0.77-2.73-4.235-5.25-10.605-10.78-16.94-0.28 2.205-0.42 5.145-0.525 7.245-0.105 1.785-0.525 6.72-0.385 8.505z' fill='%231c1c1c'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-11 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M14.535 28.24c2.93-0.52 4.175-0.87 5.885-1.625 3.16-1.335 5.105-3.885 5.105-6.67 0-2-0.955-3.595-2.64-4.495-0.61-0.35-1.16-0.52-2.29-0.755-0.435 1.625-3.16 5.25-5.45 7.335 0.115 0.35 0.23 0.665 0.29 0.785 0.26 0.58 0.375 1.015 0.375 1.245 0 0.435-0.52 0.9-1.015 0.9s-0.785-0.29-1.365-1.365c-2.695 2.175-4.35 3.045-5.915 3.045-1.45 0-2.58-1.655-2.58-3.71 0-1.625 0.81-3.19 2.525-4.815 1.335-1.275 2.38-2 4.64-3.13 0.085-1.655 0.115-1.77 0.405-4.525-1.045 0.115-1.51 0.145-2.090 0.145-2.235 0-3.51-0.695-4.58-2.525l0.175-0.205c0.085-0.030 0.145-0.030 0.205-0.030 0.115 0 0.29 0.060 0.495 0.205q1.045 0.785 1.39 0.93c0.495 0.205 1.275 0.32 2.26 0.32 0.93 0 1.45-0.060 2.405-0.23 0.175-0.55 0.29-0.985 0.35-1.13 0.375-1.335 0.465-1.825 0.465-2.405 0-0.81-0.29-1.19-1.535-1.825l0.060-0.23c0.29-0.26 0.435-0.29 0.785-0.29 1.565 0 3.42 0.955 3.42 1.77 0 0.23-0.115 0.52-0.29 0.84-0.52 0.9-0.785 1.51-1.16 2.93 1.885-0.405 2.695-0.695 4.41-1.655 0.93-0.52 1.39-0.695 1.855-0.695 0.755 0 1.39 0.35 1.39 0.81 0 0.495-0.435 0.87-1.625 1.335-2.235 0.9-3.48 1.245-6.555 1.71-0.405 1.655-0.58 2.64-0.64 4.175 1.625-0.52 2.725-0.695 4.96-0.84-0.115-0.495-0.145-0.58-0.405-1.1l0.085-0.205c0.145-0.060 0.26-0.060 0.32-0.060 0.435 0 0.93 0.375 1.71 1.305 2.9 0.405 4.29 0.955 5.715 2.32 1.13 1.075 1.825 2.695 1.825 4.32 0 2.96-2.030 5.625-5.425 7.135-1.915 0.87-3.885 1.22-7.89 1.39l-0.060-0.435zM12.045 16.26c-1.565 0.9-2.29 1.42-3.22 2.405-1.48 1.535-2.38 3.13-2.38 4.235 0 0.755 1.075 1.885 1.8 1.885s2.495-1.015 4.64-2.64c-0.52-2.090-0.64-2.84-0.84-5.885zM18.685 14.55c-2.145 0.085-3.19 0.32-5.045 1.075 0.030 2.205 0.205 3.48 0.81 5.075 1.915-1.71 3.71-4.32 4.235-6.145z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-12 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M21.885 12.455c1.87 0.58 2.775 1.020 3.795 1.895 1.54 1.345 2.365 3.16 2.365 5.25 0 3.215-1.4 5.335-4.7 7.065-1.21 0.63-2.005 0.935-4.205 1.62-0.385-0.795-0.605-1.155-1.185-1.84 2.53-0.575 3.71-0.99 5.17-1.895 2.035-1.265 2.94-2.775 2.94-4.92 0-1.925-0.96-3.63-2.665-4.645-0.605-0.385-1.125-0.58-2.17-0.88-1.485 3.52-3.49 6.295-6.68 9.265 0.11 0.66 0.22 1.155 0.47 2.31l-1.87 0.8c-0.19-0.8-0.245-1.045-0.33-1.46l-0.030-0.19c-1.675 1.21-3.3 1.925-4.345 1.925-1.76 0-3.6-2.31-3.6-4.51 0-2.335 1.46-4.81 3.985-6.82 0.96-0.745 1.65-1.155 3.27-1.925l0.135-3.905c-2.64 0.19-3.050 0.22-5.335 0.3l-0.41-1.95c2.475-0.025 2.915-0.055 5.8-0.22 0.055-1.65 0.085-2.005 0.25-4.125l2.115 0.3c0.135 0.025 0.275 0.165 0.275 0.275 0 0.14-0.11 0.275-0.415 0.63-0.085 1.1-0.11 1.32-0.165 2.72 2.97-0.22 4.975-0.52 8.47-1.265v2.005c-2.53 0.495-4.29 0.74-8.58 1.21l-0.14 3.215c1.73-0.465 2.995-0.66 4.4-0.66 0.44 0 0.745 0 1.375 0.055l0.415-1.1 1.98 0.66c0.11 0.055 0.22 0.19 0.22 0.275 0 0.14-0.22 0.305-0.58 0.44l-0.025 0.085zM12.125 15.45c-1.595 0.795-2.53 1.485-3.52 2.555-1.235 1.375-1.925 2.775-1.925 4.015 0 1.43 0.905 2.695 1.925 2.695 0.905 0 2.28-0.745 3.82-2.090-0.19-1.675-0.25-3.215-0.3-7.175zM18.475 13.775c-1.265 0-3.215 0.355-4.4 0.825 0 3.465 0.025 4.205 0.14 6.46 2.2-2.005 3.85-4.345 5.060-7.23-0.355-0.055-0.52-0.055-0.795-0.055z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-13 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M13.965 7.945c-0.14 1.73-0.165 1.98-0.165 3.49 1.375-0.355 2.035-0.44 3.63-0.44 1.35 0 1.955 0.025 3.325 0.245 0.415-0.85 0.69-1.070 1.185-1.070 0.52 0 0.99 0.355 0.99 0.795 0 0.085-0.025 0.25-0.085 0.495l-0.025 0.355c1.675 0.905 2.42 1.46 3.19 2.365 1.29 1.485 1.98 3.325 1.98 5.25 0 3.355-1.895 6.13-5.030 7.45-1.455 0.605-4.015 1.1-5.61 1.1-0.795 0-1.345-0.415-1.345-1.020 0-0.33 0.22-0.66 0.495-0.795 0.25-0.135 0.3-0.135 1.65-0.22 4.81-0.355 7.725-2.75 7.725-6.38 0-1.595-0.63-3.19-1.76-4.345-0.55-0.58-1.125-0.96-2.365-1.54-3.080 4.62-3.93 5.775-6.295 8.44 0.275 0.88 0.3 0.99 0.3 1.32 0 0.58-0.385 0.96-0.96 0.96-0.355 0-0.66-0.165-1.070-0.63-2.555 2.145-3.85 2.775-5.525 2.775-2.090 0-3.575-1.84-3.575-4.37s1.045-5.225 2.75-7.12c1.125-1.235 2.090-1.895 4.29-2.915 0.025-0.855 0.025-0.96 0.055-1.79l0.055-1.125c0.025-0.195 0.055-0.715 0.11-1.29h-5.060c-0.855 0-1.35-0.33-1.35-0.935s0.55-1.070 1.35-1.070h5.25c0.25-2.145 0.415-2.53 1.235-2.53 0.66 0 1.1 0.415 1.1 1.020q0 0.275-0.165 1.51h10.64c0.74 0 1.235 0.385 1.235 0.96s-0.55 1.045-1.235 1.045h-10.915zM11.685 14.355c-1.595 0.88-2.255 1.375-3.050 2.365-1.29 1.54-2.005 3.49-2.005 5.39 0 1.43 0.685 2.42 1.73 2.42 1.155 0 2.885-1.015 4.59-2.75-0.77-2.94-0.96-3.985-1.265-7.425zM14.68 19.905c1.95-2.115 2.83-3.325 5.030-6.82-1.070-0.165-1.62-0.22-2.365-0.22-1.29 0-2.445 0.19-3.575 0.575 0.025 1.76 0.41 4.51 0.905 6.46z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-14 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M21.13 10.775c4.59-0.030 6.655 2.005 6.655 6.49v2.23c-0.030 2.64-0.575 4.315-1.895 5.745-1.1 1.125-2.53 1.485-6.16 1.54h-2.060v-2.665h1.895c4.26 0.055 5.195-0.77 5.39-4.755v-2.035c-0.11-2.695-0.85-3.605-3.16-3.85l-6.405 10.505c-1.155 1.95-2.475 2.775-4.48 2.805h-0.88c-3.355 0.025-4.95-1.84-4.895-5.72v-3.74c-0.085-4.51 1.895-6.6 6.27-6.545h0.55l0.085-1.95h-6.9v-2.665h6.985l0.11-2.335h2.83l-0.085 2.335h12.485v2.665h-12.595l-0.085 1.95h6.35zM11.205 13.44c-2.255-0.055-3.27 1.1-3.245 3.765v3.325c0 2.61 0.495 3.435 2.145 3.575h0.605c1.045 0 1.455-0.22 2.115-1.21l0.41-0.66-0.605-0.66c-0.66-0.715-0.96-1.595-0.96-2.75 0-0.355 0.025-0.935 0.055-1.675l0.135-3.71h-0.66zM14.56 17.18c-0.030 0.275-0.030 0.69-0.030 1.185 0 0.605 0.085 0.905 0.33 1.235l3.82-6.16h-3.985l-0.135 3.74z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-15 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M7.77 9.15c0.2 0 0.24 0 0.88 0.24 0.32 0.16 1 0.28 1.32 0.28 0.96 0 2.84-0.64 3.32-1.12 0.12-0.96 0.12-1.32 0.12-1.6 0-0.88-0.16-1.4-0.44-1.56-0.28-0.12-0.44-0.24-0.48-0.28q-0.12-0.2-0.32-0.4c0.4-0.8 0.68-0.96 1.72-0.96 0.56 0 1.16 0.24 2.36 1 0.16 0.32 0.2 0.48 0.2 0.72q0 0.2-0.16 0.68l-0.040 0.4c0 0.040 0 0.2 0.040 0.36 0.28-0.040 0.56-0.12 0.6-0.16l0.68-0.24c0.76-0.080 1.2-0.12 1.24-0.12s0.16 0.040 0.36 0.12c0.36 0.24 0.4 0.32 0.6 0.6v0.24c0 0.56-0.56 1-2 1.52-1.28 0.44-1.52 0.56-2.48 1.12-0.12 0.76-0.12 0.88-0.16 1.6 0.16-0.080 0.32-0.12 0.4-0.12q2.24-0.56 3.28-0.56c2.080 0 4.040 0.56 5.2 1.52 1.76 1.36 2.84 3.36 2.84 5.080 0 2.28-0.4 3.52-1.72 5.32-1.28 1.76-2.88 2.96-5.24 3.84-0.080 0.040-0.32 0.12-0.6 0.2-1.6 0.68-3.8 1.32-4.96 1.44l-0.16-0.16v-0.36c0.28-0.16 0.48-0.24 0.52-0.24 0.52-0.28 1.040-0.56 1.6-0.84 4.28-1.92 4.56-2.080 6.040-3.84 1.56-1.92 2.24-3.32 2.24-4.76 0-3.56-2.080-5.64-5.84-5.8 0.48 0.6 0.8 1.24 0.8 1.72 0 0.76-0.16 1.080-1 2.080l-0.24 0.28c-0.6 0.76-1 1.12-2 2.040l-0.68 0.64-0.52 0.52 0.040 0.52s0.080 0.56 0.24 1.6v0.040c-0.040 0.52-0.72 1-1.44 1-0.48 0-0.72-0.16-1.52-1-0.44 0.32-0.76 0.48-0.92 0.56l-1.080 0.52c-1.4 0.68-2.16 0.96-2.64 0.96-0.92 0-2-0.92-2-1.68 0-2.040 0.52-3.4 1.8-4.88 0.56-0.68 1.84-1.88 2.44-2.32q2.2-1.68 2.76-2.16l0.040-0.76 0.040-0.8c-1.52 0.36-2.040 0.48-2.36 0.48-1.6 0-3.040-1.16-3.12-2.52h0.4zM8.77 21.39c0.76-0.080 0.96-0.16 1.4-0.44 0.2-0.12 0.36-0.2 0.52-0.32 1.2-0.68 1.24-0.76 1.8-1.48 0.040-0.32 0.080-0.6 0.080-0.72 0-0.080 0-0.28-0.040-0.56v-0.56q0-0.24 0.040-2.44-0.68 0.080-2.56 1.56c-1.32 1-1.96 2.080-1.96 3.32 0 0.16 0.040 0.36 0.12 0.56l0.2 0.56 0.4 0.52zM16.415 12.35c-0.68 0-1.040 0.16-1.6 0.76q-0.2 2.36-0.2 2.76c0 0.28 0.040 0.68 0.080 1.24 1.88-1.84 2.4-2.64 2.4-3.72 0-0.36-0.080-0.6-0.28-1.040h-0.4z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-filter-16 {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M12.165 6.655c0.11-1.51 0.135-1.76 0.355-3.215l2.83 0.14c-0.275 1.565-0.3 1.84-0.495 3.105 5.665-0.030 6.545-0.030 11.66-0.135v2.585h-11.795c-0.11 1.32-0.11 1.485-0.22 2.94 1.87-0.385 2.75-0.47 4.18-0.47 5.91 0 9.295 2.75 9.295 7.615 0 2.805-1.070 5.195-2.995 6.735-1.155 0.905-2.39 1.43-5.085 2.145l-1.32-2.64c3.245-0.88 4.070-1.21 4.975-2.115 1.015-0.99 1.675-2.72 1.675-4.345 0-1.1-0.355-2.2-0.99-3.025-0.575-0.715-1.1-1.1-2.225-1.51-2.475 4.48-3.71 6.075-6.955 8.91 0.195 1.1 0.25 1.265 0.58 2.365l-2.695 1.045c-0.19-0.855-0.22-0.965-0.385-1.815-1.98 1.21-3.135 1.625-4.535 1.625-2.17 0-3.3-1.345-3.3-3.93s0.905-4.895 2.665-6.845c1.21-1.345 2.225-2.060 4.48-3.19 0.055-1.62 0.085-1.87 0.165-3.52h-6.215v-2.445h6.35zM8.59 18.175c-0.905 1.32-1.345 2.72-1.345 4.345 0 1.045 0.245 1.43 0.935 1.43 1.1 0 2.42-0.55 3.85-1.625-0.14-2.035-0.165-2.94-0.165-4.48 0-0.58 0-1.46 0.025-2.61-1.785 1.155-2.5 1.815-3.3 2.94zM18.215 13.97c-1.265 0-2.035 0.11-3.74 0.495-0.055 1.21-0.055 2.005-0.055 2.72 0 0.635 0.055 1.84 0.135 3.3 1.87-1.815 3.545-4.125 4.645-6.49l-0.99-0.025z'%3E%3C/path%3E%3C/svg%3E%0A"); }
  i.sd.ic-oblique {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 316'%3E%3Cpath id='i' d='M12.0815 1.71875C12.8926 1.71875 13.4062 2.23581 13.4062 3.03726C13.4062 3.96797 12.7303 4.61429 11.9192 4.61429C11.1081 4.61429 10.5945 4.09723 10.5945 3.29579C10.5945 2.36508 11.2704 1.71875 12.0815 1.71875ZM10.6485 18.032C10.5404 18.6008 10.6756 18.8593 11.0811 18.8593C11.5407 18.8593 11.9192 18.5749 12.1896 18.3164C12.3789 18.4198 12.5952 18.8593 12.5952 19.1696C12.5952 19.454 11.6218 20.2812 10.5674 20.2812C9.45892 20.2812 8.62079 19.6091 8.89115 18.032L10.2159 10.0434C10.3511 9.16443 10.1619 8.98346 8.86412 8.98346C8.64782 8.98346 8.59375 8.93176 8.59375 8.69908C8.59375 8.44055 8.72893 8.13031 9.08041 8.0269C9.70225 7.84593 11.4596 7.74252 12.46 7.74252C12.2437 8.41469 12.1355 9.19029 11.9733 10.1727L10.6485 18.032Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-check-blue {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='16' height='16' rx='8' fill='%234173FA'/%3E%3Cpath d='M4.18143 7.24793C4.07591 7.24686 3.97425 7.28752 3.89858 7.36106C3.82357 7.43608 3.78143 7.53782 3.78143 7.6439C3.78143 7.74999 3.82357 7.85173 3.89858 7.92675L7.00985 11.038C7.04652 11.0755 7.09061 11.105 7.13932 11.1245C7.18803 11.144 7.24027 11.153 7.2927 11.1512C7.39821 11.1522 7.49987 11.1116 7.57554 11.038C7.65055 10.963 7.6927 10.8613 7.6927 10.7552C7.6927 10.6491 7.65055 10.5473 7.57554 10.4723L4.46427 7.36106C4.38698 7.29006 4.28636 7.24981 4.18143 7.24793Z' fill='white'/%3E%3Cpath d='M11.8179 5.83334C11.7124 5.83227 11.6107 5.87294 11.535 5.94648L7.00955 10.472C6.93453 10.547 6.89239 10.6487 6.89239 10.7548C6.89239 10.8609 6.93453 10.9626 7.00954 11.0376C7.0462 11.0752 7.0903 11.1046 7.13901 11.1241C7.18772 11.1436 7.23996 11.1527 7.29239 11.1508C7.3979 11.1519 7.49956 11.1112 7.57523 11.0376L12.1007 6.51216C12.1757 6.43715 12.2179 6.3354 12.2179 6.22932C12.2179 6.12323 12.1757 6.02149 12.1007 5.94647C12.0234 5.87547 11.9228 5.83522 11.8179 5.83334Z' fill='white'/%3E%3C/svg%3E"); }
  i.sd.ic-check-blue-square {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='%234173FA'/%3E%3Cpath d='M7.40381 11.6567L10.9393 15.1923L16.5962 9.53542' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-check-blue-big {
    width: 70px;
    height: 70px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='71' height='70' viewBox='0 0 71 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='70' height='70' rx='35' fill='%234173FA'/%3E%3Cpath d='M23.2486 30.9829C22.91 30.9795 22.5839 31.11 22.3411 31.3459C22.1004 31.5866 21.9652 31.913 21.9652 32.2534C21.9652 32.5937 22.1004 32.9201 22.3411 33.1608L32.3231 43.1428C32.4407 43.2632 32.5822 43.3577 32.7385 43.4202C32.8947 43.4827 33.0624 43.5119 33.2306 43.5058C33.5691 43.5092 33.8952 43.3788 34.138 43.1428C34.3787 42.9021 34.5139 42.5757 34.5139 42.2354C34.5139 41.895 34.3787 41.5686 34.138 41.3279L24.156 31.3459C23.908 31.1181 23.5852 30.989 23.2486 30.9829Z' fill='white'/%3E%3Cpath d='M47.748 26.4445C47.4095 26.441 47.0834 26.5715 46.8406 26.8075L32.3213 41.3267C32.0807 41.5674 31.9455 41.8938 31.9455 42.2342C31.9455 42.5746 32.0806 42.901 32.3213 43.1416C32.4389 43.262 32.5804 43.3565 32.7367 43.419C32.893 43.4815 33.0606 43.5107 33.2288 43.5046C33.5673 43.5081 33.8935 43.3776 34.1362 43.1416L48.6555 28.6224C48.8962 28.3817 49.0314 28.0553 49.0314 27.7149C49.0314 27.3746 48.8962 27.0481 48.6555 26.8075C48.4075 26.5797 48.0847 26.4505 47.748 26.4445Z' fill='white'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-check-blue-big.bg-grad {
      background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='70' height='70' rx='35' fill='url(%23paint0_linear_15967_26430)'/%3E%3Cpath d='M22.7489 30.9829C22.4104 30.9795 22.0842 31.11 21.8415 31.3459C21.6008 31.5866 21.4656 31.913 21.4656 32.2534C21.4656 32.5937 21.6008 32.9201 21.8415 33.1608L31.8235 43.1428C31.9411 43.2632 32.0826 43.3577 32.2388 43.4202C32.3951 43.4827 32.5627 43.5118 32.7309 43.5058C33.0694 43.5092 33.3956 43.3788 33.6384 43.1428C33.879 42.9022 34.0143 42.5757 34.0143 42.2354C34.0143 41.895 33.879 41.5686 33.6384 41.3279L23.6564 31.3459C23.4084 31.1181 23.0856 30.989 22.7489 30.9829Z' fill='white'/%3E%3Cpath d='M47.2493 26.4445C46.9107 26.441 46.5846 26.5715 46.3418 26.8075L31.8226 41.3267C31.5819 41.5674 31.4467 41.8938 31.4467 42.2342C31.4467 42.5746 31.5819 42.901 31.8225 43.1416C31.9402 43.262 32.0817 43.3565 32.2379 43.419C32.3942 43.4815 32.5618 43.5107 32.73 43.5046C33.0685 43.5081 33.3947 43.3776 33.6375 43.1416L48.1567 28.6224C48.3974 28.3817 48.5326 28.0553 48.5326 27.7149C48.5326 27.3746 48.3974 27.0481 48.1567 26.8075C47.9087 26.5797 47.5859 26.4505 47.2493 26.4445Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_15967_26430' x1='35' y1='0' x2='35' y2='70' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23799DFF'/%3E%3Cstop offset='1' stop-color='%234173FA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
  i.sd.ic-alert-white {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z' fill='white'/%3E%3Cpath d='M10 14.5C10.5523 14.5 11 14.0523 11 13.5C11 12.9477 10.5523 12.5 10 12.5C9.44772 12.5 9 12.9477 9 13.5C9 14.0523 9.44772 14.5 10 14.5Z' fill='%2391B4FF'/%3E%3Crect x='9.25' y='5' width='1.5' height='6' fill='%2391B4FF'/%3E%3C/svg%3E"); }
  i.sd.ic-arrow-blue {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%234173FA'/%3E%3Cpath d='M15.3775 11.5184C15.5046 11.5184 15.625 11.5719 15.7187 11.6589C15.906 11.8462 15.906 12.1472 15.7187 12.3345L10.3138 17.7393C10.2268 17.8263 10.0997 17.8799 9.97264 17.8799C9.84555 17.8799 9.72515 17.8263 9.6315 17.7393C9.4442 17.552 9.4442 17.251 9.6315 17.0637L15.0364 11.6589C15.13 11.5719 15.2504 11.5184 15.3775 11.5184Z' fill='%23F5F8FF'/%3E%3Cpath d='M9.97264 6.1134C10.0997 6.1134 10.2201 6.16697 10.3138 6.25393L15.7187 11.6588C15.906 11.8461 15.906 12.1471 15.7187 12.3344C15.6317 12.4213 15.5046 12.4748 15.3775 12.4748C15.2504 12.4748 15.13 12.4213 15.0364 12.3344L9.6315 6.92955C9.4442 6.74225 9.4442 6.44123 9.6315 6.25393C9.72514 6.16697 9.84555 6.1134 9.97264 6.1134Z' fill='%23F5F8FF'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-talk {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_cs'%3E%3Cpath id='&%23237;&%23149;&%23169;&%23236;&%23185;&%23152;&%23234;&%23184;&%23176; 16' d='M5.1465 13.7609C4.97605 13.7928 4.80067 13.7867 4.63285 13.743C4.46503 13.6994 4.30889 13.6193 4.17555 13.5084C4.04221 13.3976 3.93494 13.2587 3.86139 13.1017C3.78784 12.9446 3.74981 12.7733 3.75 12.5999V11.3999C3.74978 11.2264 3.78783 11.0551 3.86143 10.898C3.93502 10.7409 4.04236 10.6019 4.17579 10.4911C4.30922 10.3802 4.46545 10.3001 4.63337 10.2565C4.80128 10.213 4.97675 10.2069 5.14725 10.2389C5.52611 8.70752 6.40692 7.34712 7.64918 6.37474C8.89143 5.40236 10.4236 4.87402 12.0011 4.87402C13.5787 4.87402 15.1108 5.40236 16.3531 6.37474C17.5953 7.34712 18.4761 8.70752 18.855 10.2389C19.0253 10.2073 19.2006 10.2136 19.3682 10.2574C19.5358 10.3011 19.6918 10.3813 19.8249 10.4921C19.9581 10.6029 20.0652 10.7417 20.1387 10.8986C20.2122 11.0555 20.2502 11.2267 20.25 11.3999V12.5999C20.2498 12.773 20.2116 12.9439 20.138 13.1005C20.0644 13.2571 19.9572 13.3957 19.8241 13.5062C19.6909 13.6168 19.5351 13.6968 19.3676 13.7404C19.2002 13.784 19.0252 13.7902 18.855 13.7587C18.6639 14.519 18.3484 15.2425 17.9213 15.8999L18.4133 17.8499C18.43 17.9161 18.4294 17.9854 18.4115 18.0513C18.3936 18.1171 18.3589 18.1772 18.311 18.2258C18.263 18.2743 18.2032 18.3096 18.1376 18.3282C18.0719 18.3469 18.0026 18.3482 17.9363 18.3322L16.0463 17.8484C14.862 18.6821 13.4483 19.1281 12 19.1249C10.4237 19.1208 8.89371 18.5911 7.65236 17.6195C6.41101 16.648 5.52919 15.2901 5.1465 13.7609ZM12 17.9384C13.2073 17.9406 14.3854 17.5674 15.3713 16.8704L15.8138 16.5599L16.9463 16.8502L16.65 15.6824L16.932 15.2467C17.5436 14.3052 17.8756 13.2095 17.8898 12.0869V11.9114C17.8635 10.7517 17.4955 9.62549 16.832 8.67396C16.1685 7.72242 15.2389 6.98785 14.1598 6.5623C13.0806 6.13675 11.8998 6.03914 10.7655 6.2817C9.63106 6.52426 8.59348 7.0962 7.78271 7.92586C6.97195 8.75552 6.42405 9.806 6.20769 10.9457C5.99132 12.0854 6.1161 13.2635 6.56639 14.3326C7.01668 15.4017 7.77246 16.3141 8.73903 16.9555C9.7056 17.597 10.84 17.9389 12 17.9384ZM14.652 11.9999C14.6533 11.8253 14.7063 11.655 14.8043 11.5104C14.9023 11.3659 15.041 11.2536 15.2027 11.1877C15.3644 11.1219 15.542 11.1054 15.7131 11.1403C15.8842 11.1752 16.0412 11.2601 16.1641 11.3841C16.2871 11.5081 16.3706 11.6657 16.4041 11.8371C16.4376 12.0085 16.4195 12.186 16.3523 12.3471C16.2851 12.5083 16.1716 12.6459 16.0263 12.7427C15.8809 12.8395 15.7101 12.8911 15.5355 12.8909C15.4188 12.8909 15.3033 12.8678 15.1957 12.823C15.088 12.7781 14.9902 12.7123 14.9081 12.6295C14.826 12.5467 14.761 12.4484 14.7171 12.3403C14.6731 12.2323 14.651 12.1166 14.652 11.9999ZM11.1158 11.9999C11.1171 11.8253 11.1701 11.655 11.268 11.5105C11.366 11.366 11.5046 11.2537 11.6663 11.1878C11.828 11.1219 12.0055 11.1054 12.1766 11.1402C12.3477 11.1751 12.5046 11.2599 12.6276 11.3838C12.7506 11.5077 12.8341 11.6653 12.8677 11.8366C12.9013 12.008 12.8834 12.1854 12.8163 12.3466C12.7492 12.5078 12.6358 12.6455 12.4906 12.7424C12.3453 12.8392 12.1746 12.8909 12 12.8909C11.8833 12.891 11.7677 12.868 11.6599 12.8232C11.5522 12.7784 11.4543 12.7126 11.3721 12.6298C11.2899 12.5469 11.2249 12.4486 11.1809 12.3405C11.1369 12.2324 11.1148 12.1166 11.1158 11.9999ZM7.581 11.9999C7.58233 11.8253 7.63534 11.655 7.73335 11.5104C7.83135 11.3659 7.96996 11.2536 8.13169 11.1877C8.29342 11.1219 8.47104 11.1054 8.64214 11.1403C8.81324 11.1752 8.97016 11.2601 9.09312 11.3841C9.21608 11.5081 9.29957 11.6657 9.33306 11.8371C9.36655 12.0085 9.34854 12.186 9.28131 12.3471C9.21407 12.5083 9.10062 12.6459 8.95526 12.7427C8.8099 12.8395 8.63913 12.8911 8.4645 12.8909C8.34784 12.8909 8.23234 12.8678 8.12466 12.823C8.01698 12.7781 7.91924 12.7123 7.83711 12.6295C7.75497 12.5467 7.69004 12.4484 7.64609 12.3403C7.60213 12.2323 7.58001 12.1166 7.581 11.9999Z' fill='%231C1C1C'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.ic-payment {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1203 6.02988L18.4103 13.3199L13.3103 18.3996L6.02031 11.1096V6.02988H11.1203ZM11.1203 4.82988H6.02031C5.70205 4.82988 5.39683 4.9563 5.17178 5.18135C4.94674 5.40639 4.82031 5.71162 4.82031 6.02988V11.1201C4.82279 11.438 4.94833 11.7426 5.17056 11.9699L12.4606 19.2599C12.6863 19.4844 12.9919 19.6104 13.3103 19.6101C13.6284 19.6084 13.9332 19.4828 14.1601 19.2599L19.2503 14.1696C19.3622 14.0581 19.451 13.9257 19.5116 13.7798C19.5722 13.6339 19.6034 13.4775 19.6034 13.3195C19.6034 13.1615 19.5722 13.0051 19.5116 12.8592C19.451 12.7134 19.3622 12.5809 19.2503 12.4694L11.9603 5.17938C11.851 5.06757 11.7203 4.97893 11.576 4.91875C11.4316 4.85858 11.2767 4.82884 11.1203 4.82988Z' fill='%231C1C1C'/%3E%3Cpath d='M9.24005 8.04004C8.922 8.04174 8.61716 8.16739 8.3903 8.39029C8.22198 8.55812 8.1073 8.77216 8.06079 9.00526C8.01428 9.23836 8.03805 9.48002 8.12908 9.69959C8.22011 9.91917 8.37429 10.1068 8.57208 10.2386C8.76987 10.3704 9.00235 10.4405 9.24005 10.44C9.55809 10.4383 9.86293 10.3127 10.0898 10.0898C10.2581 9.92196 10.3728 9.70792 10.4193 9.47482C10.4658 9.24172 10.442 9.00006 10.351 8.78049C10.26 8.56092 10.1058 8.37332 9.90801 8.2415C9.71022 8.10967 9.47774 8.03956 9.24005 8.04004Z' fill='%231C1C1C'/%3E%3Cpath d='M11.1203 6.02988L18.4103 13.3199L13.3103 18.3996L6.02031 11.1096V6.02988H11.1203ZM11.1203 4.82988H6.02031C5.70205 4.82988 5.39683 4.9563 5.17178 5.18135C4.94674 5.40639 4.82031 5.71162 4.82031 6.02988V11.1201C4.82279 11.438 4.94833 11.7426 5.17056 11.9699L12.4606 19.2599C12.6863 19.4844 12.9919 19.6104 13.3103 19.6101C13.6284 19.6084 13.9332 19.4828 14.1601 19.2599L19.2503 14.1696C19.3622 14.0581 19.451 13.9257 19.5116 13.7798C19.5722 13.6339 19.6034 13.4775 19.6034 13.3195C19.6034 13.1615 19.5722 13.0051 19.5116 12.8592C19.451 12.7134 19.3622 12.5809 19.2503 12.4694L11.9603 5.17938C11.851 5.06757 11.7203 4.97893 11.576 4.91875C11.4316 4.85858 11.2767 4.82884 11.1203 4.82988Z' fill='%231C1C1C'/%3E%3Cpath d='M9.24005 8.04004C8.922 8.04174 8.61716 8.16739 8.3903 8.39029C8.22198 8.55812 8.1073 8.77216 8.06079 9.00526C8.01428 9.23836 8.03805 9.48002 8.12908 9.69959C8.22011 9.91917 8.37429 10.1068 8.57208 10.2386C8.76987 10.3704 9.00235 10.4405 9.24005 10.44C9.55809 10.4383 9.86293 10.3127 10.0898 10.0898C10.2581 9.92196 10.3728 9.70792 10.4193 9.47482C10.4658 9.24172 10.442 9.00006 10.351 8.78049C10.26 8.56092 10.1058 8.37332 9.90801 8.2415C9.71022 8.10967 9.47774 8.03956 9.24005 8.04004Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-coupon {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2001 9C10.0814 9 9.96543 9.03519 9.86676 9.10112C9.76809 9.16705 9.69118 9.26075 9.64577 9.37039C9.60036 9.48003 9.58848 9.60067 9.61163 9.71705C9.63478 9.83344 9.69192 9.94035 9.77583 10.0243C9.85975 10.1082 9.96666 10.1653 10.083 10.1885C10.1994 10.2116 10.3201 10.1997 10.4297 10.1543C10.5393 10.1089 10.6331 10.032 10.699 9.93334C10.7649 9.83467 10.8001 9.71867 10.8001 9.6C10.8001 9.44087 10.7369 9.28826 10.6244 9.17574C10.5118 9.06321 10.3592 9 10.2001 9Z' fill='%231C1C1C'/%3E%3Cpath d='M10.2001 11.3999C10.0814 11.3999 9.96543 11.4351 9.86676 11.501C9.76809 11.5669 9.69118 11.6607 9.64577 11.7703C9.60036 11.8799 9.58848 12.0006 9.61163 12.117C9.63478 12.2333 9.69192 12.3403 9.77583 12.4242C9.85975 12.5081 9.96666 12.5652 10.083 12.5884C10.1994 12.6115 10.3201 12.5996 10.4297 12.5542C10.5393 12.5088 10.6331 12.4319 10.699 12.3332C10.7649 12.2346 10.8001 12.1186 10.8001 11.9999C10.8001 11.8408 10.7369 11.6882 10.6244 11.5756C10.5118 11.4631 10.3592 11.3999 10.2001 11.3999Z' fill='%231C1C1C'/%3E%3Cpath d='M10.2001 13.8003C10.0814 13.8003 9.96543 13.8355 9.86676 13.9014C9.76809 13.9673 9.69118 14.061 9.64577 14.1707C9.60036 14.2803 9.58848 14.401 9.61163 14.5173C9.63478 14.6337 9.69192 14.7406 9.77583 14.8246C9.85975 14.9085 9.96666 14.9656 10.083 14.9888C10.1994 15.0119 10.3201 15 10.4297 14.9546C10.5393 14.9092 10.6331 14.8323 10.699 14.7336C10.7649 14.635 10.8001 14.519 10.8001 14.4003C10.8001 14.2412 10.7369 14.0886 10.6244 13.976C10.5118 13.8635 10.3592 13.8003 10.2001 13.8003Z' fill='%231C1C1C'/%3E%3Cpath d='M18.6002 7.8001V9.24985C18.065 9.48325 17.6096 9.86775 17.2897 10.3562C16.9698 10.8447 16.7994 11.4159 16.7994 11.9997C16.7994 12.5836 16.9698 13.1548 17.2897 13.6432C17.6096 14.1317 18.065 14.5162 18.6002 14.7496V16.2001H5.4002V14.7503C5.93539 14.5169 6.39084 14.1324 6.71071 13.644C7.03057 13.1555 7.20095 12.5843 7.20095 12.0005C7.20095 11.4166 7.03057 10.8454 6.71071 10.357C6.39084 9.8685 5.93539 9.484 5.4002 9.2506V7.8001H18.6002ZM19.2002 6.6001H4.8002C4.7214 6.6001 4.64338 6.61562 4.57059 6.64577C4.49779 6.67592 4.43165 6.72012 4.37593 6.77583C4.32022 6.83155 4.27602 6.89769 4.24587 6.97049C4.21571 7.04328 4.2002 7.1213 4.2002 7.2001V9.68035C4.20046 9.81316 4.24478 9.94213 4.32622 10.047C4.40766 10.152 4.5216 10.2269 4.6502 10.2601C5.03409 10.3618 5.37357 10.5876 5.61578 10.9023C5.85799 11.217 5.98933 11.603 5.98933 12.0001C5.98933 12.3972 5.85799 12.7832 5.61578 13.0979C5.37357 13.4126 5.03409 13.6384 4.6502 13.7401C4.52235 13.7747 4.40926 13.85 4.32806 13.9546C4.24685 14.0592 4.20197 14.1874 4.2002 14.3198V16.8001C4.2002 16.9592 4.26341 17.1118 4.37593 17.2244C4.48845 17.3369 4.64107 17.4001 4.8002 17.4001H19.2002C19.3593 17.4001 19.5119 17.3369 19.6245 17.2244C19.737 17.1118 19.8002 16.9592 19.8002 16.8001V14.3198C19.7999 14.187 19.7556 14.0581 19.6742 13.9531C19.5927 13.8482 19.4788 13.7733 19.3502 13.7401C18.9663 13.6384 18.6268 13.4126 18.3846 13.0979C18.1424 12.7832 18.0111 12.3972 18.0111 12.0001C18.0111 11.603 18.1424 11.217 18.3846 10.9023C18.6268 10.5876 18.9663 10.3618 19.3502 10.2601C19.478 10.2255 19.5911 10.1502 19.6723 10.0456C19.7535 9.941 19.7984 9.81277 19.8002 9.68035V7.2001C19.8002 7.04097 19.737 6.88835 19.6245 6.77583C19.5119 6.66331 19.3593 6.6001 19.2002 6.6001Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-coupon.white {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='레이어_1' data-name='레이어 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 95.56'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23fff;%7D.cls-3,.cls-4%7Bfill:%23fff;%7D.cls-4%7Bstroke:%23fff;stroke-width:1.5px;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_133' data-name='Rectangle 133' class='cls-1' d='M0,0H96V95.56H0Z'/%3E%3Cg id='Subtraction_2' data-name='Subtraction 2'%3E%3Cpath class='cls-1' d='M78,70.17H18v-14a9,9,0,0,0,0-16.9V25.38H78V39.32a9,9,0,0,0,0,16.91Z'/%3E%3Cpath class='cls-2' d='M73.5,65.7V59a13.39,13.39,0,0,1,0-22.35V29.86h-51V36.6A13.39,13.39,0,0,1,22.5,59V65.7h51M78,70.18H18v-14a8.95,8.95,0,0,0,0-16.9V25.38H78v14a8.95,8.95,0,0,0,0,16.9v14Z'/%3E%3C/g%3E%3Cg id='Ellipse_114' data-name='Ellipse 114'%3E%3Cellipse class='cls-3' cx='41.25' cy='47.03' rx='2.25' ry='2.24'/%3E%3Crect class='cls-4' x='41.25' y='47.03'/%3E%3C/g%3E%3Cg id='Ellipse_116' data-name='Ellipse 116'%3E%3Cellipse class='cls-3' cx='41.25' cy='38.07' rx='2.25' ry='2.24'/%3E%3Crect class='cls-4' x='41.25' y='38.07'/%3E%3C/g%3E%3Cg id='Ellipse_117' data-name='Ellipse 117'%3E%3Cellipse class='cls-3' cx='41.25' cy='29.11' rx='2.25' ry='2.24'/%3E%3Crect class='cls-4' x='41.25' y='29.11'/%3E%3C/g%3E%3Cg id='Ellipse_115' data-name='Ellipse 115'%3E%3Cellipse class='cls-3' cx='41.25' cy='55.99' rx='2.25' ry='2.24'/%3E%3Crect class='cls-4' x='41.25' y='55.99'/%3E%3C/g%3E%3Cg id='Ellipse_118' data-name='Ellipse 118'%3E%3Cellipse class='cls-3' cx='41.25' cy='64.95' rx='2.25' ry='2.24'/%3E%3Crect class='cls-4' x='41.25' y='64.95'/%3E%3C/g%3E%3C/svg%3E"); }
  i.sd.ic-triangle {
    width: 80px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='25' viewBox='0 0 80 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.8' d='M39.567 7.77148C39.7594 7.43815 40.2406 7.43815 40.433 7.77148L45.6292 16.7715C45.8216 17.1048 45.5811 17.5215 45.1962 17.5215H34.8038C34.4189 17.5215 34.1784 17.1048 34.3708 16.7715L39.567 7.77148Z' fill='%23FFB100' stroke='%23FFB100'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-circle {
    width: 80px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='25' viewBox='0 0 80 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='12.5' r='5.5' stroke='%236F95FB'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-color-x {
    width: 80px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='25' viewBox='0 0 80 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Crect x='35.5322' y='17.9609' width='1.40403' height='14.0403' rx='0.702016' transform='rotate(-135 35.5322 17.9609)' fill='%23F54BB4'/%3E%3Crect x='34.5391' y='8.0332' width='1.40403' height='14.0403' rx='0.702016' transform='rotate(-45 34.5391 8.0332)' fill='%23F54BB4'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  i.sd.menu {
    width: 32px;
    height: 32px; }
    i.sd.menu.ic-nav-font {
      background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5531 12.3331C22.6029 12.3249 21.6576 12.469 20.7531 12.7601C20.6168 12.8065 20.4984 12.8944 20.4146 13.0116C20.3309 13.1287 20.2859 13.2691 20.2861 13.4131C20.2853 13.5026 20.3023 13.5914 20.3362 13.6743C20.3701 13.7571 20.4201 13.8324 20.4834 13.8957C20.5468 13.959 20.622 14.0091 20.7049 14.043C20.7878 14.0769 20.8765 14.0939 20.9661 14.0931C21.0022 14.0963 21.0387 14.0919 21.0731 14.0801C21.6505 13.9846 22.2347 13.9354 22.8201 13.9331C24.7401 13.9331 25.4471 14.3201 25.4471 15.9461V16.9331L22.6201 17.2801C20.6071 17.5471 19.3931 18.5331 19.3931 20.3871C19.3931 22.4401 20.7801 23.4141 22.7001 23.4141C23.2169 23.4532 23.7359 23.3752 24.2184 23.1859C24.7009 22.9967 25.1346 22.7011 25.4871 22.3211H25.6071L25.6741 22.6681C25.7055 22.822 25.789 22.9604 25.9105 23.06C26.0319 23.1596 26.184 23.2144 26.3411 23.2151H26.5811C26.7612 23.2143 26.9337 23.1424 27.061 23.0151C27.1884 22.8877 27.2603 22.7152 27.2611 22.5351V15.4951C27.2741 13.3351 25.9141 12.3351 23.5541 12.3351L23.5531 12.3331ZM23.1801 21.9861C22.0471 21.9861 21.3001 21.4391 21.3001 20.3331C21.3001 19.1601 21.8871 18.6801 23.1001 18.5601L25.4601 18.3201V21.2671C24.8051 21.7614 24.0001 22.0146 23.1801 21.9861Z' fill='%23999999'/%3E%3Cpath d='M12.0469 8.80005H11.3939C11.2226 8.8001 11.0554 8.85252 10.9148 8.95029C10.7741 9.04806 10.6667 9.1865 10.6069 9.34705L5.96693 22.08C5.92014 22.2071 5.90467 22.3435 5.92183 22.4778C5.93899 22.6121 5.98827 22.7402 6.0655 22.8514C6.14273 22.9626 6.24562 23.0535 6.36546 23.1165C6.4853 23.1794 6.61856 23.2125 6.75393 23.213C6.92746 23.2149 7.0971 23.1616 7.23849 23.061C7.37989 22.9604 7.48577 22.8176 7.54093 22.653L8.77993 19.16H14.4069L15.6599 22.653C15.7184 22.8155 15.8251 22.9561 15.9658 23.0562C16.1064 23.1563 16.2743 23.211 16.4469 23.213H16.6339C16.7686 23.2143 16.9016 23.1828 17.0214 23.1213C17.1412 23.0598 17.2443 22.9701 17.3217 22.8599C17.3992 22.7496 17.4487 22.6223 17.4659 22.4887C17.4832 22.3551 17.4678 22.2193 17.4209 22.093L12.8329 9.36005C12.7761 9.19659 12.6698 9.05486 12.5287 8.95452C12.3877 8.85418 12.219 8.8002 12.0459 8.80005H12.0469ZM9.35293 17.56L11.5529 11.333H11.6199L13.8329 17.56H9.35293Z' fill='%23999999'/%3E%3Cpath d='M23.5531 12.3331C22.6029 12.3249 21.6576 12.469 20.7531 12.7601C20.6168 12.8065 20.4984 12.8944 20.4146 13.0116C20.3309 13.1287 20.2859 13.2691 20.2861 13.4131C20.2853 13.5026 20.3023 13.5914 20.3362 13.6743C20.3701 13.7571 20.4201 13.8324 20.4834 13.8957C20.5468 13.959 20.622 14.0091 20.7049 14.043C20.7878 14.0769 20.8765 14.0939 20.9661 14.0931C21.0022 14.0963 21.0387 14.0919 21.0731 14.0801C21.6505 13.9846 22.2347 13.9354 22.8201 13.9331C24.7401 13.9331 25.4471 14.3201 25.4471 15.9461V16.9331L22.6201 17.2801C20.6071 17.5471 19.3931 18.5331 19.3931 20.3871C19.3931 22.4401 20.7801 23.4141 22.7001 23.4141C23.2169 23.4532 23.7359 23.3752 24.2184 23.1859C24.7009 22.9967 25.1346 22.7011 25.4871 22.3211H25.6071L25.6741 22.6681C25.7055 22.822 25.789 22.9604 25.9105 23.06C26.0319 23.1596 26.184 23.2144 26.3411 23.2151H26.5811C26.7612 23.2143 26.9337 23.1424 27.061 23.0151C27.1884 22.8877 27.2603 22.7152 27.2611 22.5351V15.4951C27.2741 13.3351 25.9141 12.3351 23.5541 12.3351L23.5531 12.3331ZM23.1801 21.9861C22.0471 21.9861 21.3001 21.4391 21.3001 20.3331C21.3001 19.1601 21.8871 18.6801 23.1001 18.5601L25.4601 18.3201V21.2671C24.8051 21.7614 24.0001 22.0146 23.1801 21.9861Z' fill='%23999999'/%3E%3Cpath d='M12.0469 8.80005H11.3939C11.2226 8.8001 11.0554 8.85252 10.9148 8.95029C10.7741 9.04806 10.6667 9.1865 10.6069 9.34705L5.96693 22.08C5.92014 22.2071 5.90467 22.3435 5.92183 22.4778C5.93899 22.6121 5.98827 22.7402 6.0655 22.8514C6.14273 22.9626 6.24562 23.0535 6.36546 23.1165C6.4853 23.1794 6.61856 23.2125 6.75393 23.213C6.92746 23.2149 7.0971 23.1616 7.23849 23.061C7.37989 22.9604 7.48577 22.8176 7.54093 22.653L8.77993 19.16H14.4069L15.6599 22.653C15.7184 22.8155 15.8251 22.9561 15.9658 23.0562C16.1064 23.1563 16.2743 23.211 16.4469 23.213H16.6339C16.7686 23.2143 16.9016 23.1828 17.0214 23.1213C17.1412 23.0598 17.2443 22.9701 17.3217 22.8599C17.3992 22.7496 17.4487 22.6223 17.4659 22.4887C17.4832 22.3551 17.4678 22.2193 17.4209 22.093L12.8329 9.36005C12.7761 9.19659 12.6698 9.05486 12.5287 8.95452C12.3877 8.85418 12.219 8.8002 12.0459 8.80005H12.0469ZM9.35293 17.56L11.5529 11.333H11.6199L13.8329 17.56H9.35293Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
    i.sd.menu.ic-nav-freefont {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.9621 15.4387C25.35 15.4387 24.6996 15.8468 24.5466 16.6375H27.3522C27.2885 15.8596 26.6891 15.4387 25.9621 15.4387ZM26.0132 13.7681C27.9644 13.7681 29.2652 15.2219 29.2652 16.8288C29.2652 17.6705 29.0229 18.1678 27.7603 18.1678H24.5211C24.6103 19.1116 25.2862 19.6089 26.2172 19.6089C27.0462 19.6089 27.62 19.3794 28.0026 19.1371C28.8061 18.6397 29.6223 19.8385 28.8188 20.5144C28.4362 20.8332 27.4542 21.2796 26.1789 21.2796C23.9217 21.2796 22.4551 19.8512 22.4551 17.4664C22.4551 15.0051 24.2022 13.7681 26.0132 13.7681Z' fill='%23999999'/%3E%3Cpath d='M18.2141 15.4387C17.602 15.4387 16.9516 15.8468 16.7985 16.6375H19.6042C19.5404 15.8596 18.941 15.4387 18.2141 15.4387ZM18.2651 13.7681C20.2163 13.7681 21.5171 15.2219 21.5171 16.8288C21.5171 17.6705 21.2748 18.1678 20.0123 18.1678H16.773C16.8623 19.1116 17.5382 19.6089 18.4692 19.6089C19.2981 19.6089 19.872 19.3794 20.2546 19.1371C21.058 18.6397 21.8742 19.8385 21.0708 20.5144C20.6882 20.8332 19.7062 21.2796 18.4309 21.2796C16.1736 21.2796 14.707 19.8512 14.707 17.4664C14.707 15.0051 16.4542 13.7681 18.2651 13.7681Z' fill='%23999999'/%3E%3Cpath d='M10.2437 13.8065C10.7283 13.8065 11.2129 14.087 11.2129 14.6226V14.865C11.6975 14.0998 12.4755 13.7937 13.0238 13.7937C13.3682 13.7937 13.6615 13.832 13.9676 13.985C14.822 14.3676 14.4139 16 13.4702 15.7066C13.2662 15.6429 12.9473 15.5919 12.6923 15.5919C12.0164 15.5919 11.468 15.8852 11.2129 16.5228V20.438C11.2129 20.9864 10.7283 21.2542 10.2437 21.2542C9.74633 21.2542 9.26172 20.9864 9.26172 20.438V14.6226C9.26172 14.087 9.74633 13.8065 10.2437 13.8065Z' fill='%23999999'/%3E%3Cpath d='M3.97141 15.5919H3.49955C2.98943 15.5919 2.73438 15.171 2.73438 14.7374C2.73438 14.3293 2.97668 13.9212 3.4868 13.9212H3.97141V13.4876C3.97141 11.5109 5.05542 10.7202 6.471 10.7202C6.93011 10.7202 7.29994 10.7712 7.64427 10.8605C8.67727 11.1283 8.29468 12.7097 7.38921 12.4929C7.15966 12.4419 6.96837 12.4164 6.77707 12.4164C6.08841 12.4164 5.92262 12.7734 5.92262 13.5386V13.9212H7.13416C7.65703 13.9212 7.92484 14.3548 7.92484 14.7757C7.92484 15.1965 7.66978 15.5919 7.14691 15.5919H5.92262V20.438C5.92262 20.9864 5.45076 21.2542 4.95339 21.2542C4.46878 21.2542 3.97141 20.9864 3.97141 20.438V15.5919Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-align-left {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 8.8C6.40002 8.35817 6.7582 8 7.20002 8H24.8C25.2419 8 25.6 8.35817 25.6 8.8C25.6 9.24183 25.2419 9.6 24.8 9.6H7.20002C6.7582 9.6 6.40002 9.24183 6.40002 8.8Z' fill='%23ccc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 23.1999C6.40002 22.7581 6.7582 22.3999 7.20002 22.3999H24.8C25.2419 22.3999 25.6 22.7581 25.6 23.1999C25.6 23.6417 25.2419 23.9999 24.8 23.9999H7.20002C6.7582 23.9999 6.40002 23.6417 6.40002 23.1999Z' fill='%23ccc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 19.5998C6.40002 19.158 6.7582 18.7998 7.20002 18.7998H18.4C18.8419 18.7998 19.2 19.158 19.2 19.5998C19.2 20.0416 18.8419 20.3998 18.4 20.3998H7.20002C6.7582 20.3998 6.40002 20.0416 6.40002 19.5998Z' fill='%23cccC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H24.8C25.2419 15.2002 25.6 15.5584 25.6 16.0002C25.6 16.442 25.2419 16.8002 24.8 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%23ccc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 12.4001C6.40002 11.9583 6.7582 11.6001 7.20002 11.6001H18.4C18.8419 11.6001 19.2 11.9583 19.2 12.4001C19.2 12.8419 18.8419 13.2001 18.4 13.2001H7.20002C6.7582 13.2001 6.40002 12.8419 6.40002 12.4001Z' fill='%23ccc'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-arrow-triangle {
    width: 6px;
    height: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='4' viewBox='0 0 6 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.37512 3.33792C3.22481 3.46809 3.00171 3.46809 2.8514 3.33792L0.460187 1.26707C0.180225 1.02462 0.351695 0.564698 0.722049 0.564698L5.50447 0.564698C5.87483 0.564698 6.04629 1.02462 5.76633 1.26707L3.37512 3.33792Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-voucher {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.60002 4.5H14.4C14.5194 4.5 14.6338 4.55268 14.7182 4.64645C14.8026 4.74021 14.85 4.86739 14.85 5V7.06687C14.8487 7.17723 14.815 7.28409 14.7541 7.37127C14.6932 7.45845 14.6084 7.5212 14.5125 7.55C14.2246 7.63473 13.97 7.82288 13.7883 8.08515C13.6067 8.34741 13.5082 8.66906 13.5082 9C13.5082 9.33094 13.6067 9.65259 13.7883 9.91485C13.97 10.1771 14.2246 10.3653 14.5125 10.45C14.609 10.4777 14.6944 10.5401 14.7555 10.6275C14.8166 10.715 14.8498 10.8224 14.85 10.9331V13C14.85 13.1326 14.8026 13.2598 14.7182 13.3536C14.6338 13.4473 14.5194 13.5 14.4 13.5H3.60002C3.48068 13.5 3.36622 13.4473 3.28183 13.3536C3.19743 13.2598 3.15002 13.1326 3.15002 13V10.9331C3.15135 10.8228 3.18502 10.7159 3.24592 10.6287C3.30682 10.5415 3.39164 10.4788 3.48752 10.45C3.77544 10.3653 4.03006 10.1771 4.21172 9.91485C4.39337 9.65259 4.49187 9.33094 4.49187 9C4.49187 8.66906 4.39337 8.34741 4.21172 8.08515C4.03006 7.82288 3.77544 7.63473 3.48752 7.55C3.39108 7.52233 3.30562 7.45989 3.24454 7.37246C3.18347 7.28503 3.15022 7.17755 3.15002 7.06687V5C3.15002 4.93434 3.16166 4.86932 3.18428 4.80866C3.20689 4.748 3.24004 4.69288 3.28183 4.64645C3.32361 4.60002 3.37322 4.56319 3.42782 4.53806C3.48241 4.51293 3.54093 4.5 3.60002 4.5Z' fill='%234173FA' fill-opacity='0.3'/%3E%3Cpath d='M7.65007 6.75C7.56107 6.75 7.47407 6.77639 7.40007 6.82584C7.32607 6.87529 7.26839 6.94557 7.23433 7.02779C7.20027 7.11002 7.19136 7.2005 7.20872 7.28779C7.22608 7.37508 7.26894 7.45526 7.33188 7.5182C7.39481 7.58113 7.47499 7.62399 7.56228 7.64135C7.64957 7.65872 7.74005 7.64981 7.82228 7.61575C7.90451 7.58169 7.97479 7.52401 8.02424 7.45001C8.07368 7.376 8.10007 7.289 8.10007 7.2C8.10007 7.08065 8.05266 6.96619 7.96827 6.8818C7.88388 6.79741 7.76942 6.75 7.65007 6.75Z' fill='%234173FA'/%3E%3Cpath d='M7.65007 8.54999C7.56107 8.54999 7.47407 8.57638 7.40007 8.62583C7.32607 8.67527 7.26839 8.74555 7.23433 8.82778C7.20027 8.91001 7.19136 9.00049 7.20872 9.08778C7.22608 9.17507 7.26894 9.25525 7.33188 9.31819C7.39481 9.38112 7.47499 9.42398 7.56228 9.44134C7.64957 9.4587 7.74005 9.44979 7.82228 9.41573C7.90451 9.38167 7.97479 9.324 8.02424 9.24999C8.07368 9.17599 8.10007 9.08899 8.10007 8.99999C8.10007 8.88064 8.05266 8.76618 7.96827 8.68179C7.88388 8.5974 7.76942 8.54999 7.65007 8.54999Z' fill='%234173FA'/%3E%3Cpath d='M7.65007 10.35C7.56107 10.35 7.47407 10.3764 7.40007 10.4258C7.32607 10.4753 7.26839 10.5455 7.23433 10.6278C7.20027 10.71 7.19136 10.8005 7.20872 10.8878C7.22608 10.9751 7.26894 11.0552 7.33188 11.1182C7.39481 11.1811 7.47499 11.224 7.56228 11.2413C7.64957 11.2587 7.74005 11.2498 7.82228 11.2157C7.90451 11.1817 7.97479 11.124 8.02424 11.05C8.07368 10.976 8.10007 10.889 8.10007 10.8C8.10007 10.6806 8.05266 10.5662 7.96827 10.4818C7.88388 10.3974 7.76942 10.35 7.65007 10.35Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-individual-product {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.10653 4.65316L9.26053 5.48437H13.9219C14.3102 5.48437 14.625 5.79917 14.625 6.1875V13.2187C14.625 13.6071 14.3102 13.9219 13.9219 13.9219H4.07813C3.98104 13.9219 3.88856 13.9022 3.80444 13.8666C3.55208 13.7599 3.375 13.51 3.375 13.2187V4.78125C3.375 4.39292 3.6898 4.07812 4.07812 4.07812H8.41517C8.7541 4.07812 9.04479 4.31991 9.10653 4.65316Z' fill='%23FFB100' fill-opacity='0.3'/%3E%3Cpath d='M7.56531 11.7697V7.33185H10.2766V8.0188H8.32521V9.11307H10.0578V9.7757H8.32521V11.7697H7.56531Z' fill='%23FFB100'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-special-product {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.53544 3.49133C5.28193 3.49133 5.07641 3.66635 5.07641 3.88224V9.07693H3.83487C3.45504 9.07693 3.23955 9.44738 3.4697 9.7047L8.63483 15.4797C8.81854 15.6851 9.18146 15.6851 9.36517 15.4797L14.5303 9.7047C14.7604 9.44738 14.545 9.07693 14.1651 9.07693H12.923V3.88224C12.923 3.66635 12.7175 3.49133 12.464 3.49133H5.53544Z' fill='%23F54BB4' fill-opacity='0.3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14579 7.65339C8.25654 7.54263 8.25654 7.36307 8.14579 7.25231C8.03503 7.14156 7.85547 7.14156 7.74471 7.25231C7.63396 7.36307 7.63396 7.54263 7.74471 7.65339C7.85547 7.76414 8.03503 7.76414 8.14579 7.65339ZM8.59152 8.09912C8.94845 7.7422 8.94845 7.1635 8.59152 6.80658C8.2346 6.44965 7.65591 6.44965 7.29898 6.80658C6.94206 7.1635 6.94206 7.7422 7.29898 8.09912C7.65591 8.45605 8.2346 8.45605 8.59152 8.09912Z' fill='%23F54BB4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.46676 10.041C7.34368 9.91787 7.34368 9.7183 7.46676 9.59522L10.0875 6.97447C10.2106 6.85138 10.4102 6.85138 10.5332 6.97447C10.6563 7.09756 10.6563 7.29712 10.5332 7.42021L7.9125 10.041C7.78941 10.164 7.58985 10.164 7.46676 10.041Z' fill='%23F54BB4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2555 9.7631C10.3663 9.65234 10.3663 9.47278 10.2555 9.36202C10.1448 9.25127 9.96521 9.25127 9.85446 9.36202C9.7437 9.47278 9.7437 9.65234 9.85446 9.7631C9.96521 9.87385 10.1448 9.87385 10.2555 9.7631ZM10.7013 10.2088C11.0582 9.85191 11.0582 9.27322 10.7013 8.91629C10.3443 8.55936 9.76565 8.55936 9.40872 8.91629C9.0518 9.27322 9.0518 9.85191 9.40872 10.2088C9.76565 10.5658 10.3443 10.5658 10.7013 10.2088Z' fill='%23F54BB4'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-webfont {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.05005 4.95005C4.05005 4.45299 4.45299 4.05005 4.95005 4.05005H7.65005C7.89858 4.05005 8.10005 4.25152 8.10005 4.50005C8.10005 4.74858 7.89858 4.95005 7.65005 4.95005L4.95005 4.95005V13.05H13.05V10.35C13.05 10.1015 13.2515 9.90005 13.5 9.90005C13.7486 9.90005 13.95 10.1015 13.95 10.35V13.05C13.95 13.5471 13.5471 13.95 13.05 13.95H4.95005C4.45299 13.95 4.05005 13.5471 4.05005 13.05V4.95005Z' fill='%23222A40'/%3E%3Crect x='11.7649' y='4.06763' width='5.27845' height='0.897995' rx='0.448997' transform='rotate(90 11.7649 4.06763)' fill='%23222A40'/%3E%3Crect x='8.67676' y='6.25781' width='5.27845' height='0.897995' rx='0.448998' fill='%23222A40'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-cancel {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8576' cy='10.6998' r='10.36' fill='black' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.05233 6.89542C7.20542 6.74234 7.45362 6.74234 7.6067 6.89542L14.6627 13.9514C14.8158 14.1045 14.8158 14.3527 14.6627 14.5058C14.5096 14.6589 14.2614 14.6589 14.1083 14.5058L7.05233 7.44979C6.89925 7.29671 6.89925 7.04851 7.05233 6.89542Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6627 6.89535C14.8158 7.04844 14.8158 7.29664 14.6627 7.44972L7.60668 14.5057C7.4536 14.6588 7.2054 14.6588 7.05231 14.5057C6.89923 14.3526 6.89923 14.1044 7.05231 13.9513L14.1083 6.89535C14.2614 6.74226 14.5096 6.74226 14.6627 6.89535Z' fill='white'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-to {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0409 11.5935C17.9316 11.4855 17.7844 11.4244 17.6307 11.4232H5.52118C5.36749 11.4234 5.22014 11.4846 5.11146 11.5933C5.00278 11.702 4.94163 11.8493 4.94143 12.003C4.94069 12.0793 4.95539 12.155 4.98465 12.2255C5.01391 12.296 5.05712 12.3599 5.11168 12.4132C5.22105 12.5212 5.36823 12.5823 5.52193 12.5835H17.6419C17.7956 12.5833 17.943 12.5222 18.0517 12.4135C18.1603 12.3048 18.2215 12.1574 18.2217 12.0037C18.2169 11.8489 18.1517 11.7019 18.0409 11.5935Z' fill='%231C1C1C'/%3E%3Cpath d='M19.2296 11.5894L19.1941 11.5539C19.0853 11.4453 18.9378 11.3844 18.7841 11.3844C18.6305 11.3844 18.483 11.4453 18.3742 11.5539L14.096 15.832C13.9875 15.9409 13.9265 16.0883 13.9265 16.242C13.9265 16.3957 13.9875 16.5431 14.096 16.6519L14.1316 16.6875C14.2404 16.796 14.3878 16.857 14.5415 16.857C14.6952 16.857 14.8426 16.796 14.9515 16.6875L19.2296 12.4093C19.3382 12.3005 19.3991 12.153 19.3991 11.9993C19.3991 11.8456 19.3382 11.6982 19.2296 11.5894Z' fill='%231C1C1C'/%3E%3Cpath d='M19.2287 11.5901L14.9506 7.31188C14.8417 7.20334 14.6943 7.14239 14.5406 7.14239C14.3869 7.14239 14.2395 7.20334 14.1307 7.31188L14.0951 7.34741C13.9866 7.45623 13.9256 7.60366 13.9256 7.75736C13.9256 7.91105 13.9866 8.05848 14.0951 8.1673L18.3733 12.4455C18.4821 12.554 18.6296 12.615 18.7833 12.615C18.9369 12.615 19.0844 12.554 19.1932 12.4455L19.2287 12.4099C19.3373 12.3011 19.3982 12.1537 19.3982 12C19.3982 11.8463 19.3373 11.6989 19.2287 11.5901Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-to.text-sandoll {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0549 15.4596C23.9091 15.3156 23.7128 15.2342 23.5079 15.2326H7.3619C7.15697 15.2329 6.96051 15.3144 6.8156 15.4593C6.67069 15.6042 6.58917 15.8007 6.5889 16.0056C6.58792 16.1074 6.60752 16.2083 6.64653 16.3023C6.68554 16.3963 6.74315 16.4814 6.8159 16.5526C6.96173 16.6966 7.15797 16.778 7.3629 16.7796H23.5229C23.7278 16.7793 23.9243 16.6978 24.0692 16.5529C24.2141 16.408 24.2956 16.2115 24.2959 16.0066C24.2895 15.8001 24.2025 15.6041 24.0549 15.4596Z' fill='%234173FA'/%3E%3Cpath d='M25.6408 15.4515L25.5935 15.4041C25.4484 15.2594 25.2518 15.1781 25.0469 15.1781C24.8419 15.1781 24.6454 15.2594 24.5003 15.4041L18.7961 21.1084C18.6513 21.2535 18.5701 21.45 18.5701 21.655C18.5701 21.8599 18.6513 22.0565 18.796 22.2016L18.8434 22.2489C18.9885 22.3937 19.1851 22.4749 19.39 22.4749C19.5949 22.4749 19.7915 22.3937 19.9366 22.2489L25.6408 16.5447C25.7856 16.3996 25.8668 16.203 25.8668 15.9981C25.8668 15.7932 25.7856 15.5966 25.6408 15.4515Z' fill='%234173FA'/%3E%3Cpath d='M25.6401 15.4522L19.9358 9.74795C19.7907 9.60323 19.5942 9.52196 19.3892 9.52196C19.1843 9.52196 18.9877 9.60323 18.8426 9.74795L18.7953 9.79533C18.6505 9.94042 18.5693 10.137 18.5693 10.3419C18.5693 10.5469 18.6505 10.7434 18.7953 10.8885L24.4995 16.5928C24.6446 16.7375 24.8411 16.8187 25.0461 16.8187C25.251 16.8187 25.4476 16.7375 25.5927 16.5927L25.6401 16.5454C25.7848 16.4003 25.866 16.2037 25.866 15.9988C25.866 15.7938 25.7848 15.5973 25.6401 15.4522Z' fill='%234173FA'/%3E%3Cpath d='M25.6401 16.5468L25.5927 16.5942C25.4476 16.7389 25.251 16.8202 25.0461 16.8202C24.8412 16.8202 24.6446 16.7389 24.4995 16.5942L18.7953 10.89C18.6505 10.7449 18.5693 10.5483 18.5693 10.3434C18.5693 10.1384 18.6505 9.94188 18.7953 9.79679L18.8426 9.74941C18.9877 9.60469 19.1843 9.52341 19.3892 9.52341C19.5942 9.52341 19.7907 9.6047 19.9358 9.74942L25.64 15.4536C25.7848 15.5987 25.8661 15.7953 25.8661 16.0002C25.8661 16.2052 25.7848 16.4017 25.6401 16.5468Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    i.sd.ic-to.text-white {
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0549 15.4596C23.9091 15.3156 23.7128 15.2342 23.5079 15.2326H7.3619C7.15697 15.2329 6.96051 15.3144 6.8156 15.4593C6.67069 15.6042 6.58917 15.8007 6.5889 16.0056C6.58792 16.1074 6.60752 16.2083 6.64653 16.3023C6.68554 16.3963 6.74315 16.4814 6.8159 16.5526C6.96173 16.6966 7.15797 16.778 7.3629 16.7796H23.5229C23.7278 16.7793 23.9243 16.6978 24.0692 16.5529C24.2141 16.408 24.2956 16.2115 24.2959 16.0066C24.2895 15.8001 24.2025 15.6041 24.0549 15.4596Z' fill='%23fff'/%3E%3Cpath d='M25.6408 15.4515L25.5935 15.4041C25.4484 15.2594 25.2518 15.1781 25.0469 15.1781C24.8419 15.1781 24.6454 15.2594 24.5003 15.4041L18.7961 21.1084C18.6513 21.2535 18.5701 21.45 18.5701 21.655C18.5701 21.8599 18.6513 22.0565 18.796 22.2016L18.8434 22.2489C18.9885 22.3937 19.1851 22.4749 19.39 22.4749C19.5949 22.4749 19.7915 22.3937 19.9366 22.2489L25.6408 16.5447C25.7856 16.3996 25.8668 16.203 25.8668 15.9981C25.8668 15.7932 25.7856 15.5966 25.6408 15.4515Z' fill='%23fff'/%3E%3Cpath d='M25.6401 15.4522L19.9358 9.74795C19.7907 9.60323 19.5942 9.52196 19.3892 9.52196C19.1843 9.52196 18.9877 9.60323 18.8426 9.74795L18.7953 9.79533C18.6505 9.94042 18.5693 10.137 18.5693 10.3419C18.5693 10.5469 18.6505 10.7434 18.7953 10.8885L24.4995 16.5928C24.6446 16.7375 24.8411 16.8187 25.0461 16.8187C25.251 16.8187 25.4476 16.7375 25.5927 16.5927L25.6401 16.5454C25.7848 16.4003 25.866 16.2037 25.866 15.9988C25.866 15.7938 25.7848 15.5973 25.6401 15.4522Z' fill='%23fff'/%3E%3Cpath d='M25.6401 16.5468L25.5927 16.5942C25.4476 16.7389 25.251 16.8202 25.0461 16.8202C24.8412 16.8202 24.6446 16.7389 24.4995 16.5942L18.7953 10.89C18.6505 10.7449 18.5693 10.5483 18.5693 10.3434C18.5693 10.1384 18.6505 9.94188 18.7953 9.79679L18.8426 9.74941C18.9877 9.60469 19.1843 9.52341 19.3892 9.52341C19.5942 9.52341 19.7907 9.6047 19.9358 9.74942L25.64 15.4536C25.7848 15.5987 25.8661 15.7953 25.8661 16.0002C25.8661 16.2052 25.7848 16.4017 25.6401 16.5468Z' fill='%23fff'/%3E%3C/svg%3E%0A"); }
  i.sd.ic-back {
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4298 13.3701C10.2636 13.3701 10.1061 13.4401 9.98355 13.5538C9.73855 13.7988 9.73855 14.1926 9.98355 14.4376L17.0536 21.5076C17.1673 21.6213 17.3336 21.6914 17.4998 21.6914C17.6661 21.6914 17.8236 21.6213 17.9461 21.5076C18.1911 21.2626 18.1911 20.8688 17.9461 20.6238L10.8761 13.5538C10.7536 13.4401 10.5961 13.3701 10.4298 13.3701Z' fill='%231C1C1C'/%3E%3Cpath d='M17.4998 6.2998C17.3336 6.2998 17.1761 6.36988 17.0536 6.48363L9.98355 13.5536C9.73855 13.7986 9.73855 14.1923 9.98355 14.4373C10.0973 14.5511 10.2636 14.6211 10.4298 14.6211C10.5961 14.6211 10.7536 14.5511 10.8761 14.4373L17.9461 7.36739C18.1911 7.12239 18.1911 6.72863 17.9461 6.48363C17.8236 6.36988 17.6661 6.2998 17.4998 6.2998Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }

.active i.sd.ic-page-next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L12.5 10L7.5 15' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.active i.sd.ic-page-prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15L7.5 10L12.5 5' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.active i.sd.ic-page-first {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1667 15L9.16669 10L14.1667 5' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83331 5V15' stroke='%231c1c1c' stroke-linecap='round'/%3E%3C/svg%3E "); }

.active i.sd.ic-page-last {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83331 5L10.8333 10L5.83331 15' stroke='%231c1c1c' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1667 15L14.1667 5' stroke='%231c1c1c' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }

input[name=show_row] + i,
#fontdesc_form i,
input[name=af_show_row] + i,
input[name=aff_show_row] + i,
input[name=new_show_row] + i {
  background-color: white; }
  input[name=show_row] + i.ic-grid,
  #fontdesc_form i.ic-grid,
  input[name=af_show_row] + i.ic-grid,
  input[name=aff_show_row] + i.ic-grid,
  input[name=new_show_row] + i.ic-grid {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.1992 8.4667H8.79922L8.79922 8.4667V22.8667L23.1992 22.8667L23.1992 8.4667ZM8.79922 6.8667C7.91556 6.8667 7.19922 7.58305 7.19922 8.4667V22.8667C7.19922 23.7504 7.91556 24.4667 8.79922 24.4667H23.1992C24.0829 24.4667 24.7992 23.7504 24.7992 22.8667V8.4667C24.7992 7.58304 24.0829 6.8667 23.1992 6.8667H8.79922Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 18.8001V23.6668H8V18.689L9.88449 15.967C10.5207 15.0479 11.8793 15.0479 12.5155 15.967L13.6466 17.6008L17.0928 12.7186C17.7303 11.8155 19.0697 11.8155 19.7071 12.7186L24 18.8001Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
  input[name=show_row] + i.ic-list,
  #fontdesc_form i.ic-list,
  input[name=af_show_row] + i.ic-list,
  input[name=aff_show_row] + i.ic-list,
  input[name=new_show_row] + i.ic-list {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19922 8.79995C7.19922 7.91629 7.91556 7.19995 8.79922 7.19995H23.1992C24.0829 7.19995 24.7992 7.9163 24.7992 8.79995V10.4C24.7992 11.2836 24.0829 12 23.1992 12H8.79922C7.91556 12 7.19922 11.2836 7.19922 10.4V8.79995Z' fill='%23CCCCCC'/%3E%3Cpath d='M7.19922 21.6C7.19922 20.7163 7.91556 20 8.79922 20H23.1992C24.0829 20 24.7992 20.7163 24.7992 21.6V23.2C24.7992 24.0837 24.0829 24.8 23.1992 24.8H8.79922C7.91556 24.8 7.19922 24.0837 7.19922 23.2V21.6Z' fill='%23CCCCCC'/%3E%3Cpath d='M7.19922 15.2001C7.19922 14.3164 7.91556 13.6001 8.79922 13.6001H23.1992C24.0829 13.6001 24.7992 14.3164 24.7992 15.2001V16.8001C24.7992 17.6838 24.0829 18.4001 23.1992 18.4001H8.79922C7.91556 18.4001 7.19922 17.6838 7.19922 16.8001V15.2001Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
  input[name=show_row] + i.ic-noimg-grid,
  #fontdesc_form i.ic-noimg-grid,
  input[name=af_show_row] + i.ic-noimg-grid,
  input[name=aff_show_row] + i.ic-noimg-grid,
  input[name=new_show_row] + i.ic-noimg-grid {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M23.179 24.8h-4.784a1.6 1.6 0 0 1-1.595-1.594v-4.785a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.591 1.591 0 0 1-1.595 1.595z' transform='translate(-.16 -.056)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3225'%3E%3Cpath data-name='Path 2424' d='M13.566 24.787H8.781a1.6 1.6 0 0 1-1.595-1.595v-4.784a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.583 1.583 0 0 1-1.594 1.595z' transform='translate(-.129 -.055)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3226'%3E%3Cpath data-name='Path 2425' d='M23.152 15.16h-4.757a1.6 1.6 0 0 1-1.595-1.594V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.595 1.595v4.758a1.6 1.6 0 0 1-1.596 1.594z' transform='translate(-.16 -.023)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3227'%3E%3Cpath data-name='Path 2426' d='M13.566 15.16H8.808a1.6 1.6 0 0 1-1.595-1.595V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.594 1.595v4.758a1.591 1.591 0 0 1-1.594 1.594z' transform='translate(-.128 -.023)' style='fill:%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A"); }

input[type="radio"] + label i.ic-thema-light {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2113 26.9253C16.1045 27.064 15.8954 27.064 15.7887 26.9253L14.9448 25.8291C14.8098 25.6538 14.9348 25.3998 15.1561 25.3998L16.8438 25.3998C17.0651 25.3998 17.1901 25.6538 17.0551 25.8291L16.2113 26.9253Z' fill='%23ccc'/%3E%3Cpath d='M15.7887 5.0747C15.8955 4.93604 16.1046 4.93604 16.2113 5.0747L17.0552 6.17088C17.1902 6.34623 17.0652 6.60021 16.8439 6.60021H15.1562C14.9349 6.60021 14.8099 6.34623 14.9449 6.17088L15.7887 5.0747Z' fill='%23ccc'/%3E%3Cpath d='M5.07446 16.2112C4.93579 16.1044 4.93579 15.8953 5.07446 15.7885L6.17063 14.9447C6.34598 14.8097 6.59996 14.9347 6.59996 15.156L6.59996 16.8437C6.59996 17.065 6.34598 17.19 6.17063 17.055L5.07446 16.2112Z' fill='%23ccc'/%3E%3Cpath d='M26.9255 15.7888C27.0642 15.8956 27.0642 16.1047 26.9255 16.2115L25.8294 17.0553C25.654 17.1903 25.4 17.0653 25.4 16.844L25.4 15.1563C25.4 14.935 25.654 14.81 25.8294 14.945L26.9255 15.7888Z' fill='%23ccc'/%3E%3Cpath d='M8.12512 8.4237C8.10254 8.25016 8.25042 8.10229 8.42395 8.12486L9.79574 8.30329C10.0152 8.33184 10.1064 8.59982 9.94991 8.75629L8.75655 9.94965C8.60007 10.1061 8.33209 10.0149 8.30355 9.79549L8.12512 8.4237Z' fill='%23ccc'/%3E%3Cpath d='M23.8749 23.5763C23.8975 23.7498 23.7496 23.8977 23.576 23.8751L22.2043 23.6967C21.9848 23.6682 21.8936 23.4002 22.0501 23.2437L23.2435 22.0503C23.3999 21.8939 23.6679 21.9851 23.6965 22.2045L23.8749 23.5763Z' fill='%23ccc'/%3E%3Cpath d='M23.5761 8.12524C23.7496 8.10267 23.8975 8.25054 23.8749 8.42407L23.6965 9.79586C23.6679 10.0153 23.3999 10.1065 23.2435 9.95003L22.0501 8.75667C21.8936 8.60019 21.9848 8.33221 22.2043 8.30367L23.5761 8.12524Z' fill='%23ccc'/%3E%3Cpath d='M8.42394 23.8748C8.25041 23.8973 8.10253 23.7495 8.12511 23.5759L8.30354 22.2041C8.33208 21.9847 8.60006 21.8935 8.75654 22.05L9.9499 23.2433C10.1064 23.3998 10.0152 23.6678 9.79573 23.6963L8.42394 23.8748Z' fill='%23ccc'/%3E%3Cpath d='M24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16C8 11.5817 11.5817 8 16 8C20.4183 8 24 11.5817 24 16Z' fill='%23ccc'/%3E%3C/svg%3E%0A"); }

input[type="radio"] + label i.ic-thema-dark {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00004 17.5999C13.302 17.5999 17.6 13.3018 17.6 7.99991C17.6 7.74369 17.59 7.4898 17.5703 7.23863C17.5421 6.87873 17.8506 6.57116 18.202 6.65365C22.4427 7.6489 25.6 11.4557 25.6 15.9999C25.6 21.3019 21.302 25.5999 16 25.5999C11.4558 25.5999 7.64903 22.4426 6.65377 18.2019C6.57129 17.8505 6.87885 17.5419 7.23876 17.5702C7.48992 17.5899 7.74381 17.5999 8.00004 17.5999Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }

input[type="radio"] + label i.ic-align-left {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 8.8C6.40002 8.35817 6.7582 8 7.20002 8H24.8C25.2419 8 25.6 8.35817 25.6 8.8C25.6 9.24183 25.2419 9.6 24.8 9.6H7.20002C6.7582 9.6 6.40002 9.24183 6.40002 8.8Z' fill='%23ccc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 23.1999C6.40002 22.7581 6.7582 22.3999 7.20002 22.3999H24.8C25.2419 22.3999 25.6 22.7581 25.6 23.1999C25.6 23.6417 25.2419 23.9999 24.8 23.9999H7.20002C6.7582 23.9999 6.40002 23.6417 6.40002 23.1999Z' fill='%23ccc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 19.5998C6.40002 19.158 6.7582 18.7998 7.20002 18.7998H18.4C18.8419 18.7998 19.2 19.158 19.2 19.5998C19.2 20.0416 18.8419 20.3998 18.4 20.3998H7.20002C6.7582 20.3998 6.40002 20.0416 6.40002 19.5998Z' fill='%23cccC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H24.8C25.2419 15.2002 25.6 15.5584 25.6 16.0002C25.6 16.442 25.2419 16.8002 24.8 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%23ccc'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 12.4001C6.40002 11.9583 6.7582 11.6001 7.20002 11.6001H18.4C18.8419 11.6001 19.2 11.9583 19.2 12.4001C19.2 12.8419 18.8419 13.2001 18.4 13.2001H7.20002C6.7582 13.2001 6.40002 12.8419 6.40002 12.4001Z' fill='%23ccc'/%3E%3C/svg%3E%0A"); }

input[type="radio"] + label i.ic-align-center {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 8.8C6.40002 8.35817 6.7582 8 7.20002 8H24.8C25.2419 8 25.6 8.35817 25.6 8.8C25.6 9.24183 25.2419 9.6 24.8 9.6H7.20002C6.7582 9.6 6.40002 9.24183 6.40002 8.8Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 23.1999C6.40002 22.7581 6.7582 22.3999 7.20002 22.3999H24.8C25.2419 22.3999 25.6 22.7581 25.6 23.1999C25.6 23.6417 25.2419 23.9999 24.8 23.9999H7.20002C6.7582 23.9999 6.40002 23.6417 6.40002 23.1999Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.59998 19.5998C9.59998 19.158 9.95815 18.7998 10.4 18.7998H21.6C22.0418 18.7998 22.4 19.158 22.4 19.5998C22.4 20.0416 22.0418 20.3998 21.6 20.3998H10.4C9.95815 20.3998 9.59998 20.0416 9.59998 19.5998Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H24.8C25.2419 15.2002 25.6 15.5584 25.6 16.0002C25.6 16.442 25.2419 16.8002 24.8 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.59998 12.4001C9.59998 11.9583 9.95815 11.6001 10.4 11.6001H21.6C22.0418 11.6001 22.4 11.9583 22.4 12.4001C22.4 12.8419 22.0418 13.2001 21.6 13.2001H10.4C9.95815 13.2001 9.59998 12.8419 9.59998 12.4001Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }

input[type="radio"] + label i.ic-align-right {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90002 8.8C6.90002 8.35817 7.2582 8 7.70002 8H25.3C25.7419 8 26.1 8.35817 26.1 8.8C26.1 9.24183 25.7419 9.6 25.3 9.6H7.70002C7.2582 9.6 6.90002 9.24183 6.90002 8.8Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90002 23.1999C6.90002 22.7581 7.2582 22.3999 7.70002 22.3999H25.3C25.7419 22.3999 26.1 22.7581 26.1 23.1999C26.1 23.6417 25.7419 23.9999 25.3 23.9999H7.70002C7.2582 23.9999 6.90002 23.6417 6.90002 23.1999Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3 19.5998C13.3 19.158 13.6582 18.7998 14.1 18.7998H25.3001C25.7419 18.7998 26.1001 19.158 26.1001 19.5998C26.1001 20.0416 25.7419 20.3998 25.3001 20.3998H14.1C13.6582 20.3998 13.3 20.0416 13.3 19.5998Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90002 16.0002C6.90002 15.5584 7.2582 15.2002 7.70002 15.2002H25.3C25.7419 15.2002 26.1 15.5584 26.1 16.0002C26.1 16.442 25.7419 16.8002 25.3 16.8002H7.70002C7.2582 16.8002 6.90002 16.442 6.90002 16.0002Z' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3 12.4001C13.3 11.9583 13.6582 11.6001 14.1 11.6001H25.3001C25.7419 11.6001 26.1001 11.9583 26.1001 12.4001C26.1001 12.8419 25.7419 13.2001 25.3001 13.2001H14.1C13.6582 13.2001 13.3 12.8419 13.3 12.4001Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }

input[type="radio"]:checked + label i.ic-thema-light {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2113 26.9253C16.1045 27.064 15.8954 27.064 15.7887 26.9253L14.9448 25.8291C14.8098 25.6538 14.9348 25.3998 15.1561 25.3998L16.8438 25.3998C17.0651 25.3998 17.1901 25.6538 17.0551 25.8291L16.2113 26.9253Z' fill='%231C1C1C'/%3E%3Cpath d='M15.7887 5.0747C15.8955 4.93604 16.1046 4.93604 16.2113 5.0747L17.0552 6.17088C17.1902 6.34623 17.0652 6.60021 16.8439 6.60021H15.1562C14.9349 6.60021 14.8099 6.34623 14.9449 6.17088L15.7887 5.0747Z' fill='%231C1C1C'/%3E%3Cpath d='M5.07446 16.2112C4.93579 16.1044 4.93579 15.8953 5.07446 15.7885L6.17063 14.9447C6.34598 14.8097 6.59996 14.9347 6.59996 15.156L6.59996 16.8437C6.59996 17.065 6.34598 17.19 6.17063 17.055L5.07446 16.2112Z' fill='%231C1C1C'/%3E%3Cpath d='M26.9255 15.7888C27.0642 15.8956 27.0642 16.1047 26.9255 16.2115L25.8294 17.0553C25.654 17.1903 25.4 17.0653 25.4 16.844L25.4 15.1563C25.4 14.935 25.654 14.81 25.8294 14.945L26.9255 15.7888Z' fill='%231C1C1C'/%3E%3Cpath d='M8.12512 8.4237C8.10254 8.25016 8.25042 8.10229 8.42395 8.12486L9.79574 8.30329C10.0152 8.33184 10.1064 8.59982 9.94991 8.75629L8.75655 9.94965C8.60007 10.1061 8.33209 10.0149 8.30355 9.79549L8.12512 8.4237Z' fill='%231C1C1C'/%3E%3Cpath d='M23.8749 23.5763C23.8975 23.7498 23.7496 23.8977 23.576 23.8751L22.2043 23.6967C21.9848 23.6682 21.8936 23.4002 22.0501 23.2437L23.2435 22.0503C23.3999 21.8939 23.6679 21.9851 23.6965 22.2045L23.8749 23.5763Z' fill='%231C1C1C'/%3E%3Cpath d='M23.5761 8.12524C23.7496 8.10267 23.8975 8.25054 23.8749 8.42407L23.6965 9.79586C23.6679 10.0153 23.3999 10.1065 23.2435 9.95003L22.0501 8.75667C21.8936 8.60019 21.9848 8.33221 22.2043 8.30367L23.5761 8.12524Z' fill='%231C1C1C'/%3E%3Cpath d='M8.42394 23.8748C8.25041 23.8973 8.10253 23.7495 8.12511 23.5759L8.30354 22.2041C8.33208 21.9847 8.60006 21.8935 8.75654 22.05L9.9499 23.2433C10.1064 23.3998 10.0152 23.6678 9.79573 23.6963L8.42394 23.8748Z' fill='%231C1C1C'/%3E%3Cpath d='M24 16C24 20.4183 20.4183 24 16 24C11.5817 24 8 20.4183 8 16C8 11.5817 11.5817 8 16 8C20.4183 8 24 11.5817 24 16Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }

input[type="radio"]:checked + label i.ic-thema-dark {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00004 17.5999C13.302 17.5999 17.6 13.3018 17.6 7.99991C17.6 7.74369 17.59 7.4898 17.5703 7.23863C17.5421 6.87873 17.8506 6.57116 18.202 6.65365C22.4427 7.6489 25.6 11.4557 25.6 15.9999C25.6 21.3019 21.302 25.5999 16 25.5999C11.4558 25.5999 7.64903 22.4426 6.65377 18.2019C6.57129 17.8505 6.87885 17.5419 7.23876 17.5702C7.48992 17.5899 7.74381 17.5999 8.00004 17.5999Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

input[type="radio"]:checked + label i.ic-align-left {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 8.8C6.40002 8.35817 6.7582 8 7.20002 8H24.8C25.2419 8 25.6 8.35817 25.6 8.8C25.6 9.24183 25.2419 9.6 24.8 9.6H7.20002C6.7582 9.6 6.40002 9.24183 6.40002 8.8Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 23.1999C6.40002 22.7581 6.7582 22.3999 7.20002 22.3999H24.8C25.2419 22.3999 25.6 22.7581 25.6 23.1999C25.6 23.6417 25.2419 23.9999 24.8 23.9999H7.20002C6.7582 23.9999 6.40002 23.6417 6.40002 23.1999Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 19.5998C6.40002 19.158 6.7582 18.7998 7.20002 18.7998H18.4C18.8419 18.7998 19.2 19.158 19.2 19.5998C19.2 20.0416 18.8419 20.3998 18.4 20.3998H7.20002C6.7582 20.3998 6.40002 20.0416 6.40002 19.5998Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H24.8C25.2419 15.2002 25.6 15.5584 25.6 16.0002C25.6 16.442 25.2419 16.8002 24.8 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 12.4001C6.40002 11.9583 6.7582 11.6001 7.20002 11.6001H18.4C18.8419 11.6001 19.2 11.9583 19.2 12.4001C19.2 12.8419 18.8419 13.2001 18.4 13.2001H7.20002C6.7582 13.2001 6.40002 12.8419 6.40002 12.4001Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }

input[type="radio"]:checked + label i.ic-align-center {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 8.8C6.40002 8.35817 6.7582 8 7.20002 8H24.8C25.2419 8 25.6 8.35817 25.6 8.8C25.6 9.24183 25.2419 9.6 24.8 9.6H7.20002C6.7582 9.6 6.40002 9.24183 6.40002 8.8Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 23.1999C6.40002 22.7581 6.7582 22.3999 7.20002 22.3999H24.8C25.2419 22.3999 25.6 22.7581 25.6 23.1999C25.6 23.6417 25.2419 23.9999 24.8 23.9999H7.20002C6.7582 23.9999 6.40002 23.6417 6.40002 23.1999Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.59998 19.5998C9.59998 19.158 9.95815 18.7998 10.4 18.7998H21.6C22.0418 18.7998 22.4 19.158 22.4 19.5998C22.4 20.0416 22.0418 20.3998 21.6 20.3998H10.4C9.95815 20.3998 9.59998 20.0416 9.59998 19.5998Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H24.8C25.2419 15.2002 25.6 15.5584 25.6 16.0002C25.6 16.442 25.2419 16.8002 24.8 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.59998 12.4001C9.59998 11.9583 9.95815 11.6001 10.4 11.6001H21.6C22.0418 11.6001 22.4 11.9583 22.4 12.4001C22.4 12.8419 22.0418 13.2001 21.6 13.2001H10.4C9.95815 13.2001 9.59998 12.8419 9.59998 12.4001Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

input[type="radio"]:checked + label i.ic-align-right {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90002 8.8C6.90002 8.35817 7.2582 8 7.70002 8H25.3C25.7419 8 26.1 8.35817 26.1 8.8C26.1 9.24183 25.7419 9.6 25.3 9.6H7.70002C7.2582 9.6 6.90002 9.24183 6.90002 8.8Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90002 23.1999C6.90002 22.7581 7.2582 22.3999 7.70002 22.3999H25.3C25.7419 22.3999 26.1 22.7581 26.1 23.1999C26.1 23.6417 25.7419 23.9999 25.3 23.9999H7.70002C7.2582 23.9999 6.90002 23.6417 6.90002 23.1999Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3 19.5998C13.3 19.158 13.6582 18.7998 14.1 18.7998H25.3001C25.7419 18.7998 26.1001 19.158 26.1001 19.5998C26.1001 20.0416 25.7419 20.3998 25.3001 20.3998H14.1C13.6582 20.3998 13.3 20.0416 13.3 19.5998Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.90002 16.0002C6.90002 15.5584 7.2582 15.2002 7.70002 15.2002H25.3C25.7419 15.2002 26.1 15.5584 26.1 16.0002C26.1 16.442 25.7419 16.8002 25.3 16.8002H7.70002C7.2582 16.8002 6.90002 16.442 6.90002 16.0002Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3 12.4001C13.3 11.9583 13.6582 11.6001 14.1 11.6001H25.3001C25.7419 11.6001 26.1001 11.9583 26.1001 12.4001C26.1001 12.8419 25.7419 13.2001 25.3001 13.2001H14.1C13.6582 13.2001 13.3 12.8419 13.3 12.4001Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

#fontdesc_form .active i.ic-grid,
input[name=show_row]:checked + i.ic-grid,
input[name=af_show_row]:checked + i.ic-grid,
input[name=aff_show_row]:checked + i.ic-grid,
input[name=new_show_row]:checked + i.ic-grid {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.1992 8.4667H8.79922L8.79922 8.4667V22.8667L23.1992 22.8667L23.1992 8.4667ZM8.79922 6.8667C7.91556 6.8667 7.19922 7.58305 7.19922 8.4667V22.8667C7.19922 23.7504 7.91556 24.4667 8.79922 24.4667H23.1992C24.0829 24.4667 24.7992 23.7504 24.7992 22.8667V8.4667C24.7992 7.58304 24.0829 6.8667 23.1992 6.8667H8.79922Z' fill='%231c1c1c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 18.8001V23.6668H8V18.689L9.88449 15.967C10.5207 15.0479 11.8793 15.0479 12.5155 15.967L13.6466 17.6008L17.0928 12.7186C17.7303 11.8155 19.0697 11.8155 19.7071 12.7186L24 18.8001Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

#fontdesc_form .active i.ic-list,
input[name=show_row]:checked + i.ic-list,
input[name=af_show_row]:checked + i.ic-list,
input[name=aff_show_row]:checked + i.ic-list,
input[name=new_show_row]:checked + i.ic-list {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.19922 8.79995C7.19922 7.91629 7.91556 7.19995 8.79922 7.19995H23.1992C24.0829 7.19995 24.7992 7.9163 24.7992 8.79995V10.4C24.7992 11.2836 24.0829 12 23.1992 12H8.79922C7.91556 12 7.19922 11.2836 7.19922 10.4V8.79995Z' fill='%231c1c1c'/%3E%3Cpath d='M7.19922 21.6C7.19922 20.7163 7.91556 20 8.79922 20H23.1992C24.0829 20 24.7992 20.7163 24.7992 21.6V23.2C24.7992 24.0837 24.0829 24.8 23.1992 24.8H8.79922C7.91556 24.8 7.19922 24.0837 7.19922 23.2V21.6Z' fill='%231c1c1c'/%3E%3Cpath d='M7.19922 15.2001C7.19922 14.3164 7.91556 13.6001 8.79922 13.6001H23.1992C24.0829 13.6001 24.7992 14.3164 24.7992 15.2001V16.8001C24.7992 17.6838 24.0829 18.4001 23.1992 18.4001H8.79922C7.91556 18.4001 7.19922 17.6838 7.19922 16.8001V15.2001Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

#fontdesc_form .active i.ic-noimg-grid,
input[name=show_row]:checked + i.ic-noimg-grid,
input[name=af_show_row]:checked + i.ic-noimg-grid,
input[name=aff_show_row]:checked + i.ic-noimg-grid,
input[name=new_show_row]:checked + i.ic-noimg-grid {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M23.179 24.8h-4.784a1.6 1.6 0 0 1-1.595-1.594v-4.785a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.591 1.591 0 0 1-1.595 1.595z' transform='translate(-.16 -.056)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3225'%3E%3Cpath data-name='Path 2424' d='M13.566 24.787H8.781a1.6 1.6 0 0 1-1.595-1.595v-4.784a1.6 1.6 0 0 1 1.595-1.595h4.784a1.6 1.6 0 0 1 1.595 1.595v4.784a1.583 1.583 0 0 1-1.594 1.595z' transform='translate(-.129 -.055)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3226'%3E%3Cpath data-name='Path 2425' d='M23.152 15.16h-4.757a1.6 1.6 0 0 1-1.595-1.594V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.595 1.595v4.758a1.6 1.6 0 0 1-1.596 1.594z' transform='translate(-.16 -.023)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3227'%3E%3Cpath data-name='Path 2426' d='M13.566 15.16H8.808a1.6 1.6 0 0 1-1.595-1.595V8.808a1.6 1.6 0 0 1 1.595-1.595h4.758a1.6 1.6 0 0 1 1.594 1.595v4.758a1.591 1.591 0 0 1-1.594 1.594z' transform='translate(-.128 -.023)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }

#fontdesc_form .active i.ic-compare,
input[name=show_row]:checked + i.ic-compare,
input[name=af_show_row]:checked + i.ic-compare,
input[name=aff_show_row]:checked + i.ic-compare,
input[name=new_show_row]:checked + i.ic-compare {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.79922 7.19995C7.91556 7.19995 7.19922 7.9163 7.19922 8.79995V23.2C7.19922 24.0836 7.91556 24.8 8.79922 24.8H23.1992C24.0829 24.8 24.7992 24.0836 24.7992 23.2V8.79995C24.7992 7.9163 24.0829 7.19995 23.1992 7.19995H8.79922ZM11.9993 11.1999C11.5574 11.1999 11.1993 11.5581 11.1993 11.9999C11.1993 12.4418 11.5574 12.7999 11.9993 12.7999H19.9993C20.4411 12.7999 20.7993 12.4418 20.7993 11.9999C20.7993 11.5581 20.4411 11.1999 19.9993 11.1999H11.9993ZM11.1993 15.9999C11.1993 15.5581 11.5574 15.1999 11.9993 15.1999H19.9993C20.4411 15.1999 20.7993 15.5581 20.7993 15.9999C20.7993 16.4418 20.4411 16.7999 19.9993 16.7999H11.9993C11.5574 16.7999 11.1993 16.4418 11.1993 15.9999ZM11.9993 19.1999C11.5574 19.1999 11.1993 19.5581 11.1993 19.9999C11.1993 20.4418 11.5574 20.7999 11.9993 20.7999H16.7993C17.2411 20.7999 17.5993 20.4418 17.5993 19.9999C17.5993 19.5581 17.2411 19.1999 16.7993 19.1999H11.9993Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

input[name="fontstyle_modal"] + label i.ic-filter-1 {
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="%231c1c1c" d="M26.12 23.84c-0.32 0-0.72-0.2-0.96-0.4-2.6-2.32-5.8-5.12-8.76-7.44-1.6 1.96-2.92 3.2-5.16 5.040-1.72 1.4-4.24 2.92-6 3.8-0.16 0.080-0.28 0.080-0.48 0.080-0.28 0-0.44-0.12-0.44-0.44 0-0.2 0.16-0.44 0.56-0.72 3.080-2.24 5.2-4.24 7.68-7.48 1.64-2.12 2.96-4.28 3.64-6.080 0.040-0.2 0-0.4-0.16-0.64-0.32-0.56-0.72-0.92-1.8-1.64-0.32-0.2-0.6-0.36-0.6-0.68 0-0.24 0.68-0.48 1.080-0.48 0.64 0 1.6 0.28 2.36 0.56 1.040 0.4 1.76 0.76 2.28 1.080 0.6 0.36 0.72 0.68 0.72 1.040 0 0.28 0.040 0.52-0.24 1.080-0.72 1.44-1.32 2.44-2.4 4 0.88 0.76 1.84 1.52 2.6 1.96 0.8 0.48 1.52 0.76 2.040 0.88 1 0.2 1.52 0.4 2.040 0.88 0.56 0.52 1.36 1.28 2.2 2.4 0.56 0.76 0.8 1.44 0.8 2.040s-0.4 1.16-1 1.16z"%3E%3C/path%3E%3C/svg%3E%0A'); }

input[name="fontstyle_modal"] + label i.ic-filter-2 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M26.61 24.995c-4.165-0.945-8.54-4.34-10.22-8.12-1.68 3.745-6.020 7.21-10.29 8.295l-1.26-2.52c5.25-1.505 9.975-6.020 9.975-10.78v-5.145h3.115v5.040c0 4.9 4.48 9.345 9.835 10.71l-1.155 2.52z'%3E%3C/path%3E%3C/svg%3E%0A"); }

input[name="fontstyle_modal"] + label i.ic-filter-3 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c1c1c' d='M28.79 21.325l0.455 0.385-0.63 0.84-1.645 2.345-10.465-7.91-10.465 7.91-1.645-2.345-0.595-0.875 0.455-0.385 1.61 0.035 9.065-6.825v-5.81l-1.26-1.435v-0.63h5.67v0.63l-1.26 1.435v5.81l9.065 6.825h1.645z'%3E%3C/path%3E%3C/svg%3E%0A"); }

input[name="fontstyle_modal"] + label i.ic-filter-4 {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%231c11c' d='M25.725 24.19c-0.21 0-2.31-2.45-2.695-3.115-0.63-1.050-3.395-3.99-4.34-5.18-0.175-0.21-0.77-0.805-1.12-1.12-0.56 0.595-1.82 2.205-2.975 3.045-0.875 0.63-3.29 3.43-4.095 4.025-0.665 0.49-2.1 1.575-3.325 1.995-1.225 0.385-2.765 0.98-3.99 1.26-0.805 0-0.91-0.245-1.085-0.42 1.54-0.7 3.85-2.275 5.565-3.57 0.63-0.49 1.61-1.4 2.17-1.925 0.875-0.805 2.345-2.59 2.765-2.59 0.385 0 0.385 0.315 0.56 0.49 0.63-0.63 0.105-0.91 0.21-1.435 0.42-0.385 1.575-2.030 2.275-2.87 0.175-0.035 0.525-0.84 0.7-0.875 0.315-0.63 0.735-1.505 0.91-2.275 0.14 0 0.49-0.21 0.98-0.21l0.28-0.245c-0.77-0.77-1.96-1.050-2.905-2.31 0.56 0 1.26 0.14 1.68 0.14 0.35 0 0.7-0.175 1.085-0.175 0.525 0 0.84 0.175 1.715 1.015 0.77-0.035 1.015 0.56 1.33 0.98v0.56c-1.085 0-1.995 2.8-2.8 4.27 1.015 0.875 3.080 2.695 4.235 3.78 0.35 0.315 1.26 0.84 1.645 1.225 0.21 0.21 0.070 1.085 0.42 1.085 0.42 0 0.385-0.28 0.525-0.28 0.455 1.295 2.905 1.085 2.8 2.17-0.070 0.63-2.17 2.555-2.52 2.555zM9.235 21.005c0.175 0.175 0.455 0.42 0.63 0.42 0.14-0.175 0.21-0.42 0.21-0.42-0.175-0.175-0.665-0.14-0.84 0zM15.15 15.51l-0.245-0.070-0.21 0.42 0.245 0.105 0.21-0.455zM18.405 8.195l-0.245-0.070-0.21 0.42 0.245 0.070 0.21-0.42z'%3E%3C/path%3E%3C/svg%3E%0A"); }

input[name="fontstyle_modal"] + label i.ic-filter-5 {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2705 8.00472C14.2705 9.66699 13.6818 11.0868 12.5043 12.2643C11.3332 13.4354 9.9165 14.021 8.25423 14.021C6.59197 14.021 5.17211 13.4354 3.99467 12.2643C2.81724 11.0868 2.22852 9.66699 2.22852 8.00472C2.22852 6.33616 2.81724 4.91631 3.99467 3.74516C5.17211 2.56772 6.59197 1.979 8.25423 1.979C9.9165 1.979 11.3332 2.56772 12.5043 3.74516C13.6818 4.91631 14.2705 6.33616 14.2705 8.00472ZM13.4016 8.00472C13.4016 6.58172 12.8979 5.36965 11.8904 4.36851C10.8893 3.36108 9.67724 2.85736 8.25423 2.85736C6.83123 2.85736 5.61601 3.36108 4.60858 4.36851C3.60744 5.36965 3.10687 6.58172 3.10687 8.00472C3.10687 9.42143 3.60744 10.6335 4.60858 11.6409C5.61601 12.6421 6.83123 13.1426 8.25423 13.1426C9.67724 13.1426 10.8893 12.6421 11.8904 11.6409C12.8979 10.6335 13.4016 9.42143 13.4016 8.00472ZM6.7053 6.75802C6.7053 6.96581 6.62975 7.14526 6.47863 7.29637C6.33381 7.44749 6.15436 7.52304 5.94028 7.52304C5.7325 7.52304 5.55305 7.44749 5.40193 7.29637C5.25082 7.14526 5.17526 6.96581 5.17526 6.75802C5.17526 6.54394 5.25082 6.36449 5.40193 6.21967C5.55305 6.06856 5.7325 5.993 5.94028 5.993C6.15436 5.993 6.33381 6.06856 6.47863 6.21967C6.62975 6.36449 6.7053 6.54394 6.7053 6.75802ZM11.3238 6.75802C11.3238 6.96581 11.2482 7.14526 11.0971 7.29637C10.9523 7.44749 10.7728 7.52304 10.5587 7.52304C10.351 7.52304 10.1715 7.44749 10.0204 7.29637C9.86928 7.14526 9.79372 6.96581 9.79372 6.75802C9.79372 6.54394 9.86928 6.36449 10.0204 6.21967C10.1715 6.06856 10.351 5.993 10.5587 5.993C10.7728 5.993 10.9523 6.06856 11.0971 6.21967C11.2482 6.36449 11.3238 6.54394 11.3238 6.75802ZM5.47749 9.43075L6.06306 9.09074C6.56048 9.99744 7.29087 10.4508 8.25423 10.4508C9.21759 10.4508 9.94484 9.99744 10.436 9.09074L11.031 9.43075C10.7162 10.0289 10.3258 10.4854 9.85983 10.8002C9.40019 11.1151 8.86499 11.2725 8.25423 11.2725C7.63718 11.2725 7.09883 11.1151 6.63919 10.8002C6.17955 10.4854 5.79232 10.0289 5.47749 9.43075Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"); }

.active i.sd.menu.ic-home, .active i.sd.nav.ic-home {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.687 25.0078H18.8862C18.6741 25.0078 18.4718 24.9235 18.3218 24.7734C18.1717 24.6234 18.0874 24.4192 18.0874 24.207V20.207C18.0874 19.7827 17.9187 19.3762 17.6187 19.0762C17.3186 18.7761 16.9121 18.6074 16.4878 18.6074C16.0634 18.6074 15.655 18.7761 15.355 19.0762C15.0549 19.3762 14.8862 19.7827 14.8862 20.207V24.207C14.8862 24.4192 14.8019 24.6234 14.6519 24.7734C14.5018 24.9235 14.2996 25.0078 14.0874 25.0078H9.28662C8.86228 25.0078 8.45582 24.8391 8.15576 24.5391C7.8557 24.239 7.68701 23.8326 7.68701 23.4082V13.584C7.68673 13.3449 7.74029 13.1084 7.84326 12.8926C7.94885 12.6759 8.10108 12.4855 8.28858 12.334L15.4878 6.61133C15.7708 6.38662 16.1206 6.26367 16.4819 6.26367C16.8433 6.26367 17.1951 6.38662 17.478 6.61133L24.6772 12.334C24.8647 12.485 25.0164 12.6756 25.1206 12.8926C25.2258 13.1077 25.2807 13.3445 25.2808 13.584V23.4082C25.2808 23.8326 25.1121 24.239 24.812 24.5391C24.512 24.8391 24.1055 25.0078 23.6812 25.0078H23.687Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.active i.sd.menu.ic-menu, .active i.sd.nav.ic-menu {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7 8.79395H9.3C9.08783 8.79395 8.88434 8.87823 8.73431 9.02826C8.58428 9.17829 8.5 9.38178 8.5 9.59395C8.5 9.80612 8.58428 10.0096 8.73431 10.1596C8.88434 10.3097 9.08783 10.3939 9.3 10.3939H23.7C23.9122 10.3939 24.1157 10.3097 24.2657 10.1596C24.4157 10.0096 24.5 9.80612 24.5 9.59395C24.5 9.38178 24.4157 9.17829 24.2657 9.02826C24.1157 8.87823 23.9122 8.79395 23.7 8.79395Z' fill='%234173FA'/%3E%3Cpath d='M23.7 8.79395H9.3C9.08783 8.79395 8.88434 8.87823 8.73431 9.02826C8.58428 9.17829 8.5 9.38178 8.5 9.59395C8.5 9.80612 8.58428 10.0096 8.73431 10.1596C8.88434 10.3097 9.08783 10.3939 9.3 10.3939H23.7C23.9122 10.3939 24.1157 10.3097 24.2657 10.1596C24.4157 10.0096 24.5 9.80612 24.5 9.59395C24.5 9.38178 24.4157 9.17829 24.2657 9.02826C24.1157 8.87823 23.9122 8.79395 23.7 8.79395Z' fill='%234173FA'/%3E%3Cpath d='M23.7 15.1929H9.3C9.08783 15.1929 8.88434 15.2772 8.73431 15.4272C8.58428 15.5772 8.5 15.7807 8.5 15.9929C8.5 16.205 8.58428 16.4085 8.73431 16.5586C8.88434 16.7086 9.08783 16.7929 9.3 16.7929H23.7C23.9122 16.7929 24.1157 16.7086 24.2657 16.5586C24.4157 16.4085 24.5 16.205 24.5 15.9929C24.5 15.7807 24.4157 15.5772 24.2657 15.4272C24.1157 15.2772 23.9122 15.1929 23.7 15.1929Z' fill='%234173FA'/%3E%3Cpath d='M23.7 15.1929H9.3C9.08783 15.1929 8.88434 15.2772 8.73431 15.4272C8.58428 15.5772 8.5 15.7807 8.5 15.9929C8.5 16.205 8.58428 16.4085 8.73431 16.5586C8.88434 16.7086 9.08783 16.7929 9.3 16.7929H23.7C23.9122 16.7929 24.1157 16.7086 24.2657 16.5586C24.4157 16.4085 24.5 16.205 24.5 15.9929C24.5 15.7807 24.4157 15.5772 24.2657 15.4272C24.1157 15.2772 23.9122 15.1929 23.7 15.1929Z' fill='%234173FA'/%3E%3Cpath d='M23.7 21.593H9.3C9.08783 21.593 8.88434 21.6773 8.73431 21.8273C8.58428 21.9774 8.5 22.1808 8.5 22.393C8.5 22.6052 8.58428 22.8087 8.73431 22.9587C8.88434 23.1087 9.08783 23.193 9.3 23.193H23.7C23.9122 23.193 24.1157 23.1087 24.2657 22.9587C24.4157 22.8087 24.5 22.6052 24.5 22.393C24.5 22.1808 24.4157 21.9774 24.2657 21.8273C24.1157 21.6773 23.9122 21.593 23.7 21.593Z' fill='%234173FA'/%3E%3Cpath d='M23.7 21.593H9.3C9.08783 21.593 8.88434 21.6773 8.73431 21.8273C8.58428 21.9774 8.5 22.1808 8.5 22.393C8.5 22.6052 8.58428 22.8087 8.73431 22.9587C8.88434 23.1087 9.08783 23.193 9.3 23.193H23.7C23.9122 23.193 24.1157 23.1087 24.2657 22.9587C24.4157 22.8087 24.5 22.6052 24.5 22.393C24.5 22.1808 24.4157 21.9774 24.2657 21.8273C24.1157 21.6773 23.9122 21.593 23.7 21.593Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.active i.sd.menu.ic-nav-font, .active i.sd.nav.ic-nav-font {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4072 20.3732C19.4072 18.5202 20.6202 17.5332 22.6342 17.2662L25.4612 16.9192V15.9322C25.4612 14.2922 24.7542 13.9192 22.8342 13.9192C22.2489 13.9209 21.6646 13.97 21.0872 14.0662C20.9905 14.0819 20.8915 14.0765 20.7971 14.0503C20.7027 14.0242 20.615 13.9778 20.5402 13.9145C20.4654 13.8512 20.4053 13.7725 20.3638 13.6837C20.3224 13.5949 20.3007 13.4981 20.3002 13.4002C20.3001 13.2562 20.345 13.1157 20.4288 12.9986C20.5126 12.8815 20.6309 12.7936 20.7672 12.7472C21.6717 12.4561 22.6171 12.3119 23.5672 12.3202C25.9272 12.3202 27.2742 13.3332 27.2742 15.4672V22.5072C27.2734 22.6873 27.2015 22.8598 27.0742 22.9871C26.9468 23.1145 26.7743 23.1864 26.5942 23.1872H26.3542C26.1971 23.1864 26.0451 23.1317 25.9236 23.0321C25.8022 22.9324 25.7187 22.7941 25.6872 22.6402L25.6202 22.2932H25.5002C25.1467 22.6718 24.7129 22.9665 24.2307 23.1557C23.7484 23.3448 23.2299 23.4236 22.7132 23.3862C20.7932 23.4002 19.4072 22.4402 19.4072 20.3732ZM25.4602 21.2662V18.3202L23.1002 18.5602C21.8872 18.6802 21.3002 19.1602 21.3002 20.3332C21.3002 21.4402 22.0472 21.9862 23.1802 21.9862C24.0002 22.0149 24.8051 21.7601 25.4602 21.2662Z' fill='%234173FA'/%3E%3Cpath d='M11.3932 8.80005H12.0462C12.2193 8.8002 12.388 8.85418 12.5291 8.95452C12.6701 9.05486 12.7764 9.19659 12.8332 9.36005L17.4332 22.08C17.4786 22.2063 17.493 22.3417 17.4751 22.4747C17.4572 22.6077 17.4075 22.7345 17.3304 22.8443C17.2532 22.9541 17.1508 23.0437 17.0317 23.1056C16.9127 23.1676 16.7804 23.1999 16.6462 23.2H16.4602C16.2872 23.1999 16.1184 23.1459 15.9774 23.0456C15.8364 22.9452 15.7301 22.8035 15.6732 22.64L14.4202 19.147H8.78024L7.54024 22.64C7.48176 22.8025 7.37504 22.9431 7.23439 23.0432C7.09374 23.1433 6.92586 23.198 6.75324 23.2C6.61754 23.2005 6.48377 23.1679 6.36343 23.1053C6.24308 23.0426 6.13976 22.9516 6.06235 22.8401C5.98493 22.7287 5.93574 22.6001 5.919 22.4654C5.90226 22.3308 5.91847 22.1941 5.96624 22.067L10.5932 9.34705C10.6575 9.18697 10.7678 9.04955 10.9103 8.95218C11.0527 8.85481 11.2207 8.80187 11.3932 8.80005ZM9.35324 17.56H13.8332L11.6062 11.32H11.5402L9.35324 17.56Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.active i.sd.menu.ic-nav-freefont, .active i.sd.nav.ic-nav-freefont {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.9621 15.4387C25.35 15.4387 24.6996 15.8468 24.5466 16.6375H27.3522C27.2885 15.8596 26.6891 15.4387 25.9621 15.4387ZM26.0132 13.7681C27.9644 13.7681 29.2652 15.2219 29.2652 16.8288C29.2652 17.6705 29.0229 18.1678 27.7603 18.1678H24.5211C24.6103 19.1116 25.2862 19.6089 26.2172 19.6089C27.0462 19.6089 27.62 19.3794 28.0026 19.1371C28.8061 18.6397 29.6223 19.8385 28.8188 20.5144C28.4362 20.8332 27.4542 21.2796 26.1789 21.2796C23.9217 21.2796 22.4551 19.8512 22.4551 17.4664C22.4551 15.0051 24.2022 13.7681 26.0132 13.7681Z' fill='%234173FA'/%3E%3Cpath d='M18.2141 15.4387C17.602 15.4387 16.9516 15.8468 16.7985 16.6375H19.6042C19.5404 15.8596 18.941 15.4387 18.2141 15.4387ZM18.2651 13.7681C20.2163 13.7681 21.5171 15.2219 21.5171 16.8288C21.5171 17.6705 21.2748 18.1678 20.0123 18.1678H16.773C16.8623 19.1116 17.5382 19.6089 18.4692 19.6089C19.2981 19.6089 19.872 19.3794 20.2546 19.1371C21.058 18.6397 21.8742 19.8385 21.0708 20.5144C20.6882 20.8332 19.7062 21.2796 18.4309 21.2796C16.1736 21.2796 14.707 19.8512 14.707 17.4664C14.707 15.0051 16.4542 13.7681 18.2651 13.7681Z' fill='%234173FA'/%3E%3Cpath d='M10.2437 13.8065C10.7283 13.8065 11.2129 14.087 11.2129 14.6226V14.865C11.6975 14.0998 12.4755 13.7937 13.0238 13.7937C13.3682 13.7937 13.6615 13.832 13.9676 13.985C14.822 14.3676 14.4139 16 13.4702 15.7066C13.2662 15.6429 12.9473 15.5919 12.6923 15.5919C12.0164 15.5919 11.468 15.8852 11.2129 16.5228V20.438C11.2129 20.9864 10.7283 21.2542 10.2437 21.2542C9.74633 21.2542 9.26172 20.9864 9.26172 20.438V14.6226C9.26172 14.087 9.74633 13.8065 10.2437 13.8065Z' fill='%234173FA'/%3E%3Cpath d='M3.97141 15.5919H3.49955C2.98943 15.5919 2.73438 15.171 2.73438 14.7374C2.73438 14.3293 2.97668 13.9212 3.4868 13.9212H3.97141V13.4876C3.97141 11.5109 5.05542 10.7202 6.471 10.7202C6.93011 10.7202 7.29994 10.7712 7.64427 10.8605C8.67727 11.1283 8.29468 12.7097 7.38921 12.4929C7.15966 12.4419 6.96837 12.4164 6.77707 12.4164C6.08841 12.4164 5.92262 12.7734 5.92262 13.5386V13.9212H7.13416C7.65703 13.9212 7.92484 14.3548 7.92484 14.7757C7.92484 15.1965 7.66978 15.5919 7.14691 15.5919H5.92262V20.438C5.92262 20.9864 5.45076 21.2542 4.95339 21.2542C4.46878 21.2542 3.97141 20.9864 3.97141 20.438V15.5919Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.active i.sd.menu.ic-user, .active i.sd.nav.ic-user {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5002 15.9999C19.1512 15.9999 21.3002 13.8509 21.3002 11.1999C21.3002 8.54894 19.1512 6.3999 16.5002 6.3999C13.8492 6.3999 11.7002 8.54894 11.7002 11.1999C11.7002 13.8509 13.8492 15.9999 16.5002 15.9999Z' fill='%234173FA'/%3E%3Cpath d='M24.9532 25.6C25.0766 25.6003 25.1983 25.572 25.309 25.5174C25.4196 25.4629 25.5162 25.3834 25.591 25.2853C25.6659 25.1872 25.717 25.0731 25.7405 24.952C25.7639 24.8309 25.759 24.7059 25.7262 24.587C25.1586 22.5734 23.9489 20.8003 22.2809 19.5375C20.613 18.2747 18.5782 17.5913 16.4862 17.5913C14.3941 17.5913 12.3593 18.2747 10.6914 19.5375C9.02346 20.8003 7.8137 22.5734 7.24616 24.587C7.21329 24.706 7.20841 24.831 7.2319 24.9522C7.2554 25.0735 7.30664 25.1876 7.3816 25.2857C7.45657 25.3838 7.55323 25.4633 7.66401 25.5178C7.77479 25.5723 7.89669 25.6004 8.02016 25.6H24.9532Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.active i.sd.menu.ic-find, .active i.sd.nav.ic-find {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70039 8C7.25856 8 6.90039 8.35817 6.90039 8.8C6.90039 9.24183 7.25856 9.6 7.70039 9.6L25.3004 9.6C25.7422 9.6 26.1004 9.24183 26.1004 8.8C26.1004 8.35817 25.7422 8 25.3004 8H7.70039ZM7.70039 15.2C7.25856 15.2 6.90039 15.5582 6.90039 16C6.90039 16.4418 7.25856 16.8 7.70039 16.8H11.8788C12.0061 16.239 12.1989 15.7028 12.4488 15.2L7.70039 15.2ZM12.9128 22.4C13.3173 23.0042 13.8108 23.5438 14.3745 24H7.70039C7.25856 24 6.90039 23.6418 6.90039 23.2C6.90039 22.7582 7.25856 22.4 7.70039 22.4L12.9128 22.4Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8998 22.4C21.1089 22.4 22.8998 20.6092 22.8998 18.4C22.8998 16.1909 21.1089 14.4 18.8998 14.4C16.6907 14.4 14.8998 16.1909 14.8998 18.4C14.8998 20.6092 16.6907 22.4 18.8998 22.4ZM18.8998 24C21.9926 24 24.4998 21.4928 24.4998 18.4C24.4998 15.3073 21.9926 12.8 18.8998 12.8C15.807 12.8 13.2998 15.3073 13.2998 18.4C13.2998 21.4928 15.807 24 18.8998 24Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0671 21.5676C22.3795 21.2552 22.8861 21.2552 23.1985 21.5676L25.8384 24.2075C26.1508 24.5199 26.1508 25.0265 25.8384 25.3389C25.5259 25.6513 25.0194 25.6513 24.707 25.3389L22.0671 22.699C21.7547 22.3866 21.7547 21.8801 22.0671 21.5676Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  background: #ffffff;
  opacity: 0;
  transition: all 0.1s; }
  header .container-1200 {
    overflow: inherit;
    width: 1240px; }
  header.hidden {
    transform: translateY(-60px); }
  header.show {
    opacity: 1;
    z-index: 1000; }
  header.webview-prev-wrap {
    height: 64px;
    overflow: hidden; }
    header.webview-prev-wrap a {
      flex-wrap: wrap;
      color: #1c1c1c;
      font-size: 0.875rem;
      width: 160px; }
      header.webview-prev-wrap a img {
        width: 24px;
        height: 24px; }
      header.webview-prev-wrap a.webview_search {
        width: 280px;
        font-size: 0.875rem;
        padding: 3px 12px;
        border-radius: 24px;
        border: 1px solid #dddddd;
        color: #999999; }
  header .mobile-size {
    display: none; }
  header.responsive .container-1200 {
    max-width: 1240px;
    width: 100%; }
  header .mobile-size {
    display: none; }
  header .footer-menu {
    display: none; }
  header .navbar {
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #dddddd; }
    header .navbar.border-none {
      border-bottom: none; }
    header .navbar.border-sandoll {
      border-color: #4173fa; }
      header .navbar.border-sandoll .rolling_swiper {
        margin-left: 12px !important; }
    header .navbar.family-site {
      height: 80px;
      border-bottom: none; }
      header .navbar.family-site .navbar-nav.ms-auto .nav-item {
        padding-right: 1rem; }
        header .navbar.family-site .navbar-nav.ms-auto .nav-item:last-child {
          padding-right: 0; }
        header .navbar.family-site .navbar-nav.ms-auto .nav-item a {
          font-size: 0.75rem;
          padding: 6px 8px;
          background-color: #ffffff;
          border-radius: 4px; }
          header .navbar.family-site .navbar-nav.ms-auto .nav-item a:hover {
            background-color: #F0F0F0; }
  header .navbar-nav .dropdown-menu {
    width: 11.25rem;
    border-radius: 0; }
    header .navbar-nav .dropdown-menu a {
      padding: 10px 20px; }
      header .navbar-nav .dropdown-menu a:hover {
        background-color: #F9F9F9; }
  header .navbar-toggler {
    border: none;
    padding: 0;
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    header .navbar-toggler i {
      font-size: 36px;
      color: #1c1c1c; }
  header .happytalk {
    margin-right: 8px; }
    header .happytalk img {
      width: 32px;
      height: 32px; }
  header .search_btn {
    border: none;
    padding: 0;
    background: none; }
    header .search_btn i {
      font-size: 26px;
      color: #1c1c1c; }
  header .logo {
    width: auto;
    height: 20px;
    border: none !important; }
  header .navbar-light #cart-area,
  header .navbar-light #alert-area {
    position: relative; }
    header .navbar-light #cart-area em,
    header .navbar-light #alert-area em {
      position: absolute;
      font-size: 0.625rem;
      color: white;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      top: 8px;
      width: 18px;
      height: 18px;
      border: 1px solid #ffffff;
      font-weight: 400 !important;
      right: 0px;
      background: #4173fa; }
  header .navbar-light .dropdownMypage {
    padding: 8px !important;
    width: 250px; }
    header .navbar-light .dropdownMypage .hr-ddd {
      background-color: #dddddd;
      margin: 4px 0; }
    header .navbar-light .dropdownMypage .logout {
      margin-top: 4px;
      padding: 12px 8px;
      display: block;
      text-align: center;
      font-size: 0.875rem; }
    header .navbar-light .dropdownMypage .dropdown-item {
      display: flex;
      align-items: center;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      background-position: calc(100% - 8px) center;
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
      padding: 12px 8px; }
      header .navbar-light .dropdownMypage .dropdown-item i {
        margin-right: 7px;
        width: 24px;
        height: 24px; }
      header .navbar-light .dropdownMypage .dropdown-item.profile {
        margin-bottom: 0.25rem; }
        header .navbar-light .dropdownMypage .dropdown-item.profile img {
          width: 60px;
          height: 60px;
          background-color: #ffffff;
          border-radius: 50%;
          object-fit: cover;
          border: none;
          margin-right: 12px; }
        header .navbar-light .dropdownMypage .dropdown-item.profile > div > span {
          border: 1px solid #dddddd;
          font-size: 0.625rem;
          color: #999999;
          padding: 5px 6px;
          border-radius: 32px; }
        header .navbar-light .dropdownMypage .dropdown-item.profile > div > p:not(.text-999) {
          color: #1c1c1c;
          font-size: 0.875rem; }
        header .navbar-light .dropdownMypage .dropdown-item.profile > div > .text-999 {
          font-size: 0.75rem; }
  header .navbar-light .myfont, header .navbar-light .started {
    position: relative; }
    header .navbar-light .myfont .btn, header .navbar-light .started .btn {
      font-size: 0.75rem !important;
      padding: 7px 11px !important;
      border-radius: 12px;
      white-space: nowrap; }
      header .navbar-light .myfont .btn i, header .navbar-light .started .btn i {
        width: 20px;
        height: 20px; }
  header .navbar-light .started .btn {
    font-weight: 700;
    background-color: #F5F8FF;
    border-width: calc(3px/2); }
  header .navbar-light .navbar-nav .nav-item.dropdown .dropdown-menu {
    padding: 0;
    overflow: hidden;
    height: auto;
    font-size: 0.875rem;
    top: 42px;
    line-height: 1.61;
    left: 00px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px; }
  header .navbar-light .navbar-nav .nav-item .nav_webfont {
    position: relative;
    min-width: 74px;
    display: inline-flex;
    align-items: center;
    padding-right: 1rem;
    justify-content: space-between; }
    header .navbar-light .navbar-nav .nav-item .nav_webfont img {
      width: 14px;
      height: 14px;
      vertical-align: middle; }
  header .navbar-light .navbar-nav .nav-link {
    position: relative;
    z-index: 0;
    white-space: nowrap;
    padding: 0.875rem 1.5rem 0.875rem 0;
    color: #1c1c1c;
    font-size: 1rem;
    font-weight: 500; }
    header .navbar-light .navbar-nav .nav-link.d-inline-flex {
      white-space: nowrap; }
    header .navbar-light .navbar-nav .nav-link.d-inline-flex + .dropdown-menu {
      top: 52px; }
    header .navbar-light .navbar-nav .nav-link:hover {
      color: #1c1c1c; }
      header .navbar-light .navbar-nav .nav-link:hover i:not(.ic-download) {
        background-color: #f9f9f9; }
    header .navbar-light .navbar-nav .nav-link.active {
      color: #4173fa;
      position: relative;
      /*
          &:after{
            width:calc(100% - 24px);
            height:2px;
            content:"";
            background-color: $sandollColor;
            position: absolute;
            bottom:-8px;
            left:0;
          }*/ }
      header .navbar-light .navbar-nav .nav-link.active.pe-3:after {
        width: calc(100% - 16px); }
      header .navbar-light .navbar-nav .nav-link.active.d-inline-flex:after {
        bottom: 0;
        width: calc(100% - 12px); }
    header .navbar-light .navbar-nav .nav-link i {
      font-size: 1rem;
      border-radius: 50%; }
    header .navbar-light .navbar-nav .nav-link.aiStudio {
      margin-left: 0;
      padding: 0.8125rem 1.5rem 0.9375rem 0; }
      header .navbar-light .navbar-nav .nav-link.aiStudio:before {
        display: none; }
      header .navbar-light .navbar-nav .nav-link.aiStudio.active {
        position: relative; }
        header .navbar-light .navbar-nav .nav-link.aiStudio.active::after {
          content: "";
          position: absolute;
          bottom: -8px;
          left: 0;
          width: calc(100% - 24px);
          height: 2px;
          background-color: #4173fa; }
      header .navbar-light .navbar-nav .nav-link.aiStudio span {
        position: relative;
        display: block;
        width: 64px; }
        header .navbar-light .navbar-nav .nav-link.aiStudio span::before {
          content: "";
          position: absolute;
          left: auto;
          right: -2Px;
          top: -2px;
          width: 3px;
          height: 3px;
          border-radius: 50%;
          background-color: #F54BB4; }
        header .navbar-light .navbar-nav .nav-link.aiStudio span img {
          display: block;
          border: none;
          width: 100%; }
  header .navbar-light .navbar-nav .dropdown-toggle i {
    width: 24px;
    height: 24px; }
  header .navbar-light .navbar-nav .bar {
    margin-left: 0.5rem;
    position: relative; }
    header .navbar-light .navbar-nav .bar:before {
      content: "";
      height: 12px;
      width: 1px;
      position: absolute;
      left: -9px;
      display: inline-block;
      background-color: #dddddd; }
    header .navbar-light .navbar-nav .bar.right {
      margin: 0 32px 0 0; }
      header .navbar-light .navbar-nav .bar.right::before {
        height: 21px;
        left: auto;
        top: 50%;
        right: -16px;
        transform: translateY(-50%); }
  header .navbar-light .navbar-nav .icon .sd {
    margin-bottom: 3px;
    margin-left: 4px; }
  header .navbar-light .navbar-nav .icon.hover .sd {
    transform: rotate(180deg); }
  header .navbar-light .navbar-nav.ms-auto .login_false .nav-link:not(.btn-sandoll) {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding: 6px 8px 6px 4px;
    margin-left: 4px; }
    header .navbar-light .navbar-nav.ms-auto .login_false .nav-link:not(.btn-sandoll) i {
      width: 24px;
      height: 24px; }
    header .navbar-light .navbar-nav.ms-auto .login_false .nav-link:not(.btn-sandoll):hover {
      background-color: #f9f9f9;
      border-radius: 12px;
      color: #1c1c1c; }
  header .navbar-light .navbar-nav.ms-auto .login_false.login {
    margin-right: -4px; }
  header .navbar-light .navbar-nav.ms-auto .nav-item.dropdown + .nav-item a {
    margin-left: 0; }
  header .navbar-light .navbar-nav.ms-auto .nav-link {
    font-weight: normal;
    font-size: 0;
    padding-right: 0px;
    margin-left: 12px; }
    header .navbar-light .navbar-nav.ms-auto .nav-link span {
      font-size: 0.875rem; }
  header .navbar-light .navbar-nav.ms-auto .header-profile-image {
    width: 32px;
    height: 32px;
    display: block;
    border: none;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%; }
  header .navbar-brand {
    font-size: inherit;
    padding: 0;
    margin-right: 40px; }
  header .dummy_search {
    position: relative;
    border: 2px solid #c3d2ff;
    border-radius: 12px;
    background-color: #ffffff;
    min-width: 400px;
    width: 33.3%; }
    header .dummy_search .contenteditable_div {
      font-size: 16px;
      cursor: pointer;
      padding: 13px 36px 13px 40px;
      border: none;
      border-radius: 12px;
      line-height: 1.58;
      color: #999999;
      white-space: nowrap; }
      header .dummy_search .contenteditable_div:focus-visible {
        outline: none; }
    header .dummy_search .image_search {
      top: 10px;
      right: 8px; }
      header .dummy_search .image_search i {
        width: 32px;
        height: 32px; }
    header .dummy_search .text_search {
      top: 12px;
      left: 8px; }
      header .dummy_search .text_search i {
        width: 28px;
        height: 28px; }
    header .dummy_search button {
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none; }
  header.search-result-header #headerSearchForm {
    width: 1100px; }
    header.search-result-header #headerSearchForm.active {
      left: calc(50% - 530px); }
  header #headerSearchForm {
    position: absolute;
    display: none;
    border: 2px solid #dddddd;
    border-radius: 12px;
    background-color: #ffffff;
    width: 960px;
    padding: 0px 14px 12px; }
    header #headerSearchForm.active {
      border: 2px solid #4173fa;
      max-height: 490px;
      top: 14px;
      z-index: 1;
      background-color: #fff;
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
      left: calc(50% - 441px);
      opacity: 1;
      display: block; }
      header #headerSearchForm.active .header_popularFontWrap,
      header #headerSearchForm.active .header_popularTextWrap {
        display: block; }
    header #headerSearchForm h3 {
      margin-bottom: 20px;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: 1.61;
      display: flex;
      align-items: center; }
      header #headerSearchForm h3 i {
        width: 24px;
        height: 24px; }
    header #headerSearchForm .text-999 {
      line-height: 1.58; }
    header #headerSearchForm .header_popularFontWrap {
      padding: 0 20px; }
    header #headerSearchForm .header_popularTextWrap,
    header #headerSearchForm .fontRanking_div {
      border-right: 1px solid #dddddd;
      padding-right: 20px;
      position: relative;
      background-color: #fff;
      z-index: 1; }
      header #headerSearchForm .header_popularTextWrap ul:not(.nav),
      header #headerSearchForm .fontRanking_div ul:not(.nav) {
        display: flex;
        flex-flow: column wrap;
        line-height: 1.68;
        max-height: 200px;
        font-size: 0.875rem; }
        header #headerSearchForm .header_popularTextWrap ul:not(.nav) li,
        header #headerSearchForm .fontRanking_div ul:not(.nav) li {
          width: 50%;
          padding: 8px 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          header #headerSearchForm .header_popularTextWrap ul:not(.nav) li .text-rank,
          header #headerSearchForm .fontRanking_div ul:not(.nav) li .text-rank {
            min-width: 15px;
            margin-right: 10px;
            text-align: center;
            font-weight: bold;
            font-size: 0.75rem;
            display: inline-block;
            color: #999999; }
          header #headerSearchForm .header_popularTextWrap ul:not(.nav) li:nth-of-type(1) .text-rank, header #headerSearchForm .header_popularTextWrap ul:not(.nav) li:nth-of-type(2) .text-rank, header #headerSearchForm .header_popularTextWrap ul:not(.nav) li:nth-of-type(3) .text-rank,
          header #headerSearchForm .fontRanking_div ul:not(.nav) li:nth-of-type(1) .text-rank,
          header #headerSearchForm .fontRanking_div ul:not(.nav) li:nth-of-type(2) .text-rank,
          header #headerSearchForm .fontRanking_div ul:not(.nav) li:nth-of-type(3) .text-rank {
            color: #4173fa; }
    header #headerSearchForm .fontRanking_div {
      padding-left: 20px;
      border-right: none; }
      header #headerSearchForm .fontRanking_div .nav {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 24px; }
        header #headerSearchForm .fontRanking_div .nav .nav-link {
          padding: 1px 8px;
          line-height: 1.68;
          border-radius: 8px;
          border: 1px solid #dddddd;
          color: #1c1c1c;
          font-size: 0.75rem;
          margin-left: 8px; }
          header #headerSearchForm .fontRanking_div .nav .nav-link.active {
            background-color: #F5F8FF;
            border-color: #4173fa;
            color: #4173fa; }
    header #headerSearchForm hr {
      background-color: #dddddd;
      opacity: 1; }
    header #headerSearchForm .header_popularFontWrap ul {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      overflow: hidden;
      white-space: normal; }
    header #headerSearchForm .header_popularFontWrap li {
      padding: 6px 12px;
      margin-bottom: 8px;
      background-color: #F5F8FF;
      font-size: 0.875rem;
      border-radius: 12px;
      margin-right: 8px;
      line-height: 1.61; }
    header #headerSearchForm .form-control[type="search"] {
      font-size: 16px;
      padding: 13px 36px 13px 40px;
      border: none;
      border-radius: 0px;
      line-height: 1.58;
      border-bottom: 1px solid #C3D2FF;
      margin-bottom: 12px; }
    header #headerSearchForm .image_search {
      top: 10px;
      right: 16px; }
      header #headerSearchForm .image_search i {
        width: 32px;
        height: 32px; }
    header #headerSearchForm input:placeholder-shown + .ic-close,
    header #headerSearchForm input:placeholder-shown + .ic-remove {
      display: none; }
    header #headerSearchForm input:not(:placeholder-shown) + .ic-remove {
      display: inline-block; }
    header #headerSearchForm .ic-remove {
      position: absolute;
      right: 56px;
      top: 17px;
      background-color: #cccccc;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      cursor: pointer; }
    header #headerSearchForm .text_search {
      top: 12px;
      left: 22px; }
      header #headerSearchForm .text_search i {
        width: 28px;
        height: 28px; }
    header #headerSearchForm .m_hide_form {
      top: 12px;
      left: 8px;
      display: none; }
      header #headerSearchForm .m_hide_form i {
        width: 28px;
        height: 28px;
        opacity: 0.6; }
    header #headerSearchForm button {
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none; }
  header .link-group {
    display: flex;
    align-items: center; }
    header .link-group .text-999 {
      font-size: 0.75rem;
      margin-right: 15px; }
    header .link-group img {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      margin-right: 6px;
      border: none; }
    header .link-group > a {
      display: inline-flex;
      align-items: center;
      font-size: 0.875rem;
      white-space: nowrap;
      color: #1c1c1c;
      padding: 8px 4px; }
      header .link-group > a:hover {
        background-color: #f9f9f9;
        border-radius: 12px; }
      header .link-group > a:first-child {
        margin-left: 0; }
      header .link-group > a:not(.bar) {
        position: relative;
        margin-right: 0.625rem;
        font-size: 0.75rem; }
        header .link-group > a:not(.bar):after {
          content: "";
          height: 3px;
          width: 3px;
          position: absolute;
          right: -6px;
          top: calc(50% - 2px);
          display: inline-block;
          background-color: #dddddd; }
        header .link-group > a:not(.bar):last-child {
          margin-right: 0; }
          header .link-group > a:not(.bar):last-child:after {
            display: none; }
      header .link-group > a.bar {
        margin-right: 0.75rem;
        position: relative; }
        header .link-group > a.bar:after {
          content: "";
          height: 12px;
          width: 1px;
          position: absolute;
          right: -13px;
          top: 0px;
          display: inline-block;
          background-color: #dddddd; }
  header.lgCnsPageType .navbar.family-site {
    display: none; }
  header.lgCnsPageType .navbar-light #cart-area em {
    border: none; }
  header.lgCnsPageType .navbar-light .navbar-nav .nav-link:hover i:not(.ic-download) {
    background-color: transparent; }
  header.lgCnsPageType .navbar-expand-sm:not(.family-site) {
    background: #1a212c;
    border-bottom: #000; }
    header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link {
      color: #fff; }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link.home {
        padding-right: 55px; }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link .logo {
        width: 40px;
        height: auto; }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link .ic-download {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.77227 3.6001C9.65292 3.6001 9.53846 3.64751 9.45407 3.7319C9.36968 3.81629 9.32227 3.93075 9.32227 4.0501V11.2501C9.32227 11.3092 9.33391 11.3677 9.35652 11.4223C9.37914 11.4769 9.41228 11.5265 9.45407 11.5683C9.49585 11.6101 9.54546 11.6432 9.60006 11.6658C9.65466 11.6885 9.71317 11.7001 9.77227 11.7001C9.83136 11.7001 9.88988 11.6885 9.94447 11.6658C9.99907 11.6432 10.0487 11.6101 10.0905 11.5683C10.1322 11.5265 10.1654 11.4769 10.188 11.4223C10.2106 11.3677 10.2223 11.3092 10.2223 11.2501V4.0501C10.2223 3.93075 10.1749 3.81629 10.0905 3.7319C10.0061 3.64751 9.89161 3.6001 9.77227 3.6001Z' fill='white'/%3E%3Cpath d='M14.7229 13.5H4.82285C4.70351 13.5 4.58905 13.5474 4.50465 13.6318C4.42026 13.7162 4.37285 13.8307 4.37285 13.95C4.37285 14.0693 4.42026 14.1838 4.50465 14.2682C4.58905 14.3526 4.70351 14.4 4.82285 14.4H14.7229C14.8422 14.4 14.9567 14.3526 15.041 14.2682C15.1254 14.1838 15.1729 14.0693 15.1729 13.95C15.1729 13.8307 15.1254 13.7162 15.041 13.6318C14.9567 13.5474 14.8422 13.5 14.7229 13.5Z' fill='white'/%3E%3Cpath d='M7.22431 8.94598C7.1056 8.94478 6.99123 8.99053 6.90611 9.07326C6.82172 9.15765 6.77431 9.27211 6.77431 9.39146C6.77431 9.51081 6.82172 9.62526 6.90611 9.70966L9.45169 12.2552C9.49294 12.2975 9.54255 12.3306 9.59734 12.3525C9.65214 12.3744 9.71091 12.3846 9.76989 12.3825C9.88859 12.3837 10.003 12.338 10.0881 12.2552C10.1725 12.1709 10.2199 12.0564 10.2199 11.937C10.2199 11.8177 10.1725 11.7032 10.0881 11.6188L7.5425 9.07326C7.45738 8.99052 7.34301 8.94478 7.22431 8.94598Z' fill='white'/%3E%3Cpath d='M12.3156 8.94613C12.1969 8.94493 12.0826 8.99067 11.9974 9.07341L9.45184 11.619C9.36745 11.7034 9.32004 11.8178 9.32004 11.9372C9.32004 12.0565 9.36745 12.171 9.45184 12.2554C9.49308 12.2976 9.5427 12.3307 9.59749 12.3526C9.65229 12.3746 9.71106 12.3848 9.77004 12.3827C9.88874 12.3839 10.0031 12.3381 10.0882 12.2554L12.6338 9.70981C12.7182 9.62541 12.7656 9.51096 12.7656 9.39161C12.7656 9.27226 12.7182 9.1578 12.6338 9.07341C12.5487 8.99067 12.4343 8.94493 12.3156 8.94613Z' fill='white'/%3E%3Cpath d='M9.4567 12.2607C9.37231 12.1763 9.3249 12.0618 9.3249 11.9425C9.3249 11.8231 9.37231 11.7087 9.4567 11.6243L12.0023 9.07868C12.0867 8.99428 12.2011 8.94688 12.3205 8.94688C12.4398 8.94688 12.5543 8.99429 12.6387 9.07868C12.7231 9.16307 12.7705 9.27753 12.7705 9.39688C12.7705 9.51622 12.7231 9.63068 12.6387 9.71507L10.0931 12.2607C10.0087 12.3451 9.89425 12.3925 9.7749 12.3925C9.65555 12.3925 9.54109 12.345 9.4567 12.2607Z' fill='white'/%3E%3C/svg%3E%0A"); }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link .ic-heart {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1194 9.47295C12.5575 9.47128 12.9917 9.55641 13.3967 9.72341C13.8018 9.89041 14.1697 10.136 14.4794 10.4459L15.6394 11.6059L16.7724 12.7389L17.9054 11.6059L19.0124 10.4989C19.6774 9.85713 20.5682 9.50261 21.4924 9.51195C22.2822 9.50003 23.0495 9.77464 23.6524 10.285C23.9966 10.5852 24.2749 10.9534 24.4699 11.3665C24.6649 11.7795 24.7723 12.2284 24.7854 12.6849C24.7999 13.1408 24.7211 13.5947 24.5537 14.019C24.3864 14.4432 24.1341 14.8288 23.8124 15.1519L16.7724 22.193L9.8124 15.2329C9.21037 14.6118 8.85889 13.7903 8.8254 12.9259C8.77099 12.0814 9.04834 11.2491 9.5984 10.6059C9.91292 10.2478 10.3006 9.9613 10.7354 9.76584C11.1701 9.57038 11.6417 9.4705 12.1184 9.47295M12.1184 7.87295C11.418 7.87276 10.7255 8.02116 10.0867 8.30834C9.44782 8.59552 8.87717 9.01496 8.4124 9.53895C7.60459 10.5092 7.18594 11.7449 7.23768 13.0064C7.28942 14.2678 7.80785 15.4651 8.6924 16.366L16.2124 23.8859C16.2852 23.961 16.3722 24.0209 16.4683 24.0621C16.5645 24.1033 16.6678 24.125 16.7724 24.1259C16.8772 24.1263 16.9809 24.1051 17.0772 24.0639C17.1735 24.0226 17.2604 23.962 17.3324 23.8859L24.9194 16.2989C25.3972 15.8219 25.772 15.2519 26.0207 14.6243C26.2695 13.9966 26.3869 13.3246 26.3656 12.6498C26.3443 11.975 26.1848 11.3117 25.897 10.7009C25.6093 10.0902 25.1993 9.54495 24.6924 9.09895C23.7998 8.31903 22.6506 7.89631 21.4654 7.91195C20.1206 7.90211 18.8266 8.42441 17.8654 9.36495L16.7584 10.4719L15.5984 9.31195C15.1414 8.85502 14.5989 8.49264 14.0017 8.24556C13.4046 7.99847 12.7646 7.87251 12.1184 7.87295Z' fill='white'/%3E%3C/svg%3E%0A"); }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link .ic-cart {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8127 7.19995C17.4486 7.2018 18.058 7.45534 18.5077 7.90503C18.9574 8.35472 19.2109 8.9639 19.2127 9.59985V13.5999H22.5997L23.7997 23.2H9.82665L11.0267 13.5999H14.4137V9.67993C14.4044 9.04454 14.6427 8.43037 15.0781 7.96753C15.5135 7.50468 16.1119 7.22949 16.7467 7.19995H16.8127ZM16.8137 5.59985H16.7067C15.6557 5.64335 14.6626 6.09299 13.9365 6.854C13.2104 7.61501 12.8078 8.62809 12.8137 9.67993V12H10.3197C10.1237 12.0023 9.93506 12.0748 9.7882 12.2046C9.64134 12.3344 9.54608 12.5128 9.51971 12.707L8.11968 23.907C8.1065 24.0196 8.11741 24.1336 8.15167 24.2417C8.18592 24.3498 8.24277 24.4493 8.31841 24.5337C8.39406 24.6181 8.48678 24.6856 8.59045 24.7314C8.69411 24.7773 8.80631 24.8008 8.91967 24.8H24.7067C24.8196 24.7994 24.9312 24.7751 25.0342 24.7288C25.1372 24.6824 25.2293 24.6149 25.3046 24.5308C25.38 24.4466 25.4369 24.3477 25.4717 24.2402C25.5065 24.1328 25.5184 24.0193 25.5067 23.907L24.1067 12.707C24.0823 12.512 23.9876 12.3323 23.8403 12.2021C23.693 12.072 23.5033 12.0002 23.3067 12H20.8137V9.59985C20.8137 8.53899 20.3922 7.52163 19.6421 6.77148C18.8919 6.02134 17.8745 5.59985 16.8137 5.59985Z' fill='white'/%3E%3Cpath d='M22.5997 13.5999L23.7997 23.2H9.82665L11.0267 13.5999H22.5997ZM23.3067 12H10.3197C10.1237 12.0023 9.93506 12.0748 9.7882 12.2046C9.64134 12.3344 9.54608 12.5128 9.51971 12.707L8.11968 23.907C8.1065 24.0196 8.11741 24.1336 8.15167 24.2417C8.18592 24.3498 8.24277 24.4493 8.31841 24.5337C8.39406 24.6181 8.48678 24.6856 8.59045 24.7314C8.69411 24.7773 8.80631 24.8008 8.91967 24.8H24.7067C24.8196 24.7994 24.9312 24.7751 25.0342 24.7288C25.1372 24.6824 25.2293 24.6149 25.3046 24.5308C25.38 24.4466 25.4369 24.3477 25.4717 24.2402C25.5065 24.1328 25.5184 24.0193 25.5067 23.907L24.1067 12.707C24.0803 12.5128 23.985 12.3344 23.8381 12.2046C23.6913 12.0748 23.5027 12.0023 23.3067 12Z' fill='white'/%3E%3C/svg%3E%0A"); }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link .ic-alram.black {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28.07' viewBox='0 0 28 28.07'%3E%3Cpath data-name='%ED%8C%A8%EC%8A%A4 2164' d='M.162.061v.015a.015.015 0 0 1 .01.01v.007L.185.1a.054.054 0 0 1 .03.045v.06H.1v-.06A.054.054 0 0 1 .139.1h.006V.093A.015.015 0 0 1 .162.076V.061m0 0a.03.03 0 0 0-.029.021.069.069 0 0 0-.039.063V.2L.085.217a.008.008 0 0 0 .006.011h.142A.008.008 0 0 0 .24.217L.231.2V.145a.069.069 0 0 0-.04-.063.03.03 0 0 0-.02-.02H.162z' transform='translate(9.052 -.061)' style='fill:%23fff'/%3E%3Cpath data-name='%ED%8C%A8%EC%8A%A4 2165' d='M.169.282a.03.03 0 0 1-.03-.03h.015a.015.015 0 1 0 .03 0H.2a.03.03 0 0 1-.03.03z' transform='translate(18.613 27.735)' style='fill:%23fff'/%3E%3Cg%3E%3Cpath data-name='%ED%8C%A8%EC%8A%A4 2170' d='M14.947 5.6V7a1.647 1.647 0 0 1 .409.058 1.424 1.424 0 0 1 .947.947l.175.6.561.269a4.94 4.94 0 0 1 2.819 4.444v5.532l.175.316.257.468H9.6l.257-.468.175-.316v-5.531a4.94 4.94 0 0 1 2.819-4.444l.561-.269.175-.6A1.418 1.418 0 0 1 14.936 7l.012-1.4m0 0a2.81 2.81 0 0 0-2.69 2 6.316 6.316 0 0 0-3.626 5.719v5.17L7.8 20a.7.7 0 0 0 .62 1.041h13.065a.7.7 0 0 0 .62-1.041l-.83-1.509v-5.17A6.329 6.329 0 0 0 17.649 7.6a2.814 2.814 0 0 0-1.883-1.883 2.885 2.885 0 0 0-.819-.117z' transform='translate(-.947 -.688)' style='fill:%23fff'/%3E%3Cpath data-name='%ED%8C%A8%EC%8A%A4 2171' d='M15.607 26.007A2.815 2.815 0 0 1 12.8 23.2h1.4a1.4 1.4 0 1 0 2.807 0h1.4a2.815 2.815 0 0 1-2.8 2.807z' transform='translate(-1.572 -2.849)' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E"); }
      header.lgCnsPageType .navbar-expand-sm:not(.family-site) .nav-link.aiStudio.active::after {
        background-color: #fff; }
    header.lgCnsPageType .navbar-expand-sm:not(.family-site) .container-1200 {
      width: 100%;
      max-width: 100%;
      min-width: 1240px;
      padding: 0 50px; }

.mobile .dummy_search_wrap .container-1200 {
  padding: 8px 20px !important; }

.mobile .dummy_search {
  position: relative;
  border: none;
  border-radius: 0px;
  min-width: inherit;
  width: 100%; }
  .mobile .dummy_search > div:not(.contenteditable_div) {
    font-size: 16px;
    cursor: pointer;
    padding: 8px 10px 8px 40px;
    border: none;
    border-radius: 12px;
    line-height: 1.58;
    border: 1px solid #eaeaea;
    background: #f9f9f9;
    border-radius: 8px;
    color: #999999;
    width: calc(100% - 44px); }
  .mobile .dummy_search .image_search {
    top: 5px;
    right: -4px; }
    .mobile .dummy_search .image_search i {
      width: 36px;
      height: 36px; }
  .mobile .dummy_search .text_search {
    top: 8px;
    left: 8px; }
    .mobile .dummy_search .text_search i {
      width: 28px;
      height: 28px; }

.mobile .mobile-size,
.responsive .mobile-size {
  display: flex; }

.mobile #happytalk,
.responsive #happytalk {
  position: relative; }

.mobile .happytalk_bubble,
.responsive .happytalk_bubble {
  background: #333333;
  color: white;
  font-size: 0.75rem;
  position: absolute;
  right: -33px;
  bottom: -42px;
  padding: 8px 10px;
  text-align: center;
  width: 96px;
  display: inline-block;
  border-radius: 40px; }
  .mobile .happytalk_bubble:after,
  .responsive .happytalk_bubble:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #333333;
    border-top: 0;
    margin-left: -6px;
    margin-top: -6px; }

.mobile .offcanvas-end,
.responsive .offcanvas-end {
  z-index: 1000;
  border-left: none;
  width: 100%; }
  .mobile .offcanvas-end.search-nav,
  .responsive .offcanvas-end.search-nav {
    z-index: 2000; }
    .mobile .offcanvas-end.search-nav .offcanvas-body,
    .responsive .offcanvas-end.search-nav .offcanvas-body {
      padding-bottom: 80px; }
  .mobile .offcanvas-end .offcanvas-body,
  .responsive .offcanvas-end .offcanvas-body {
    overflow-x: hidden;
    padding: 1rem 5.3% 0;
    position: relative; }
    .mobile .offcanvas-end .offcanvas-body > .mt-5,
    .responsive .offcanvas-end .offcanvas-body > .mt-5 {
      width: 100vw;
      margin-left: -5.8%;
      background: #f9f9f9;
      padding: 24px 5.5% 40px 5.6%; }
      .mobile .offcanvas-end .offcanvas-body > .mt-5 .select-wrap,
      .responsive .offcanvas-end .offcanvas-body > .mt-5 .select-wrap {
        background-size: 20px 20px;
        background-color: transparent;
        background-position: calc(100% - 8px) center; }
  .mobile .offcanvas-end .btn-close,
  .responsive .offcanvas-end .btn-close {
    padding: 0.25em 0.25em;
    opacity: 1; }
  .mobile .offcanvas-end .offcanvas-header,
  .responsive .offcanvas-end .offcanvas-header {
    padding: 13px 5.3%; }
  .mobile .offcanvas-end .fs-title-2,
  .responsive .offcanvas-end .fs-title-2 {
    color: #1c1c1c; }
  .mobile .offcanvas-end .navbar-nav button.position-absolute,
  .responsive .offcanvas-end .navbar-nav button.position-absolute {
    right: 0;
    top: 14px;
    border: none;
    width: 16px;
    height: 20px;
    background: #fff;
    background-size: 16px 16px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center; }
    .mobile .offcanvas-end .navbar-nav button.position-absolute[aria-expanded="false"],
    .responsive .offcanvas-end .navbar-nav button.position-absolute[aria-expanded="false"] {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
    .mobile .offcanvas-end .navbar-nav button.position-absolute[aria-expanded="true"],
    .responsive .offcanvas-end .navbar-nav button.position-absolute[aria-expanded="true"] {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .mobile .offcanvas-end .navbar-nav .nav-link,
  .responsive .offcanvas-end .navbar-nav .nav-link {
    padding: 14px 0;
    font-size: 1.25rem;
    color: #1c1c1c;
    display: block;
    width: 100%; }
    .mobile .offcanvas-end .navbar-nav .nav-link[aria-expanded="false"],
    .responsive .offcanvas-end .navbar-nav .nav-link[aria-expanded="false"] {
      background-position: center center;
      background-size: 16px 16px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right center; }
    .mobile .offcanvas-end .navbar-nav .nav-link[aria-expanded="true"],
    .responsive .offcanvas-end .navbar-nav .nav-link[aria-expanded="true"] {
      background-position: center center;
      background-size: 16px 16px;
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: right center; }
    .mobile .offcanvas-end .navbar-nav .nav-link.active,
    .responsive .offcanvas-end .navbar-nav .nav-link.active {
      color: #4173fa;
      position: relative; }
    .mobile .offcanvas-end .navbar-nav .nav-link.nav_webfont,
    .responsive .offcanvas-end .navbar-nav .nav-link.nav_webfont {
      min-width: 84px; }
      .mobile .offcanvas-end .navbar-nav .nav-link.nav_webfont img,
      .responsive .offcanvas-end .navbar-nav .nav-link.nav_webfont img {
        width: 14px;
        height: 14px;
        vertical-align: middle; }
  .mobile .offcanvas-end .navbar-nav .collapse,
  .mobile .offcanvas-end .navbar-nav .collapsing,
  .responsive .offcanvas-end .navbar-nav .collapse,
  .responsive .offcanvas-end .navbar-nav .collapsing {
    margin: 4px 0 8px; }
    .mobile .offcanvas-end .navbar-nav .collapse a,
    .mobile .offcanvas-end .navbar-nav .collapsing a,
    .responsive .offcanvas-end .navbar-nav .collapse a,
    .responsive .offcanvas-end .navbar-nav .collapsing a {
      display: block;
      padding: 10px 0;
      font-size: 1rem;
      color: #333333; }
  .mobile .offcanvas-end hr,
  .responsive .offcanvas-end hr {
    border-color: #dddddd;
    width: 105%;
    margin-left: 0%; }
  .mobile .offcanvas-end .login-menu,
  .responsive .offcanvas-end .login-menu {
    margin-top: 0.625rem; }
    .mobile .offcanvas-end .login-menu .nav-link,
    .responsive .offcanvas-end .login-menu .nav-link {
      width: 100%;
      display: flex;
      padding: 0 0 0 0;
      margin-bottom: 0.5rem;
      align-items: center;
      font-size: 1rem;
      color: #333333; }
      .mobile .offcanvas-end .login-menu .nav-link i,
      .responsive .offcanvas-end .login-menu .nav-link i {
        width: 32px;
        height: 32px;
        margin-right: 8px; }
  .mobile .offcanvas-end .logout,
  .responsive .offcanvas-end .logout {
    background: #f9f9f9; }
    .mobile .offcanvas-end .logout .nav-link,
    .responsive .offcanvas-end .logout .nav-link {
      display: flex;
      padding: 24px 0 40px 5%;
      align-items: center;
      font-size: 1rem;
      font-weight: bold;
      color: #1c1c1c; }
      .mobile .offcanvas-end .logout .nav-link i,
      .responsive .offcanvas-end .logout .nav-link i {
        width: 32px;
        height: 32px;
        margin-right: 8px; }
  .mobile .offcanvas-end .alarmlist,
  .responsive .offcanvas-end .alarmlist {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 0; }
    .mobile .offcanvas-end .alarmlist .dropdown-item,
    .responsive .offcanvas-end .alarmlist .dropdown-item {
      display: block;
      padding: 16px 5.4%; }
      .mobile .offcanvas-end .alarmlist .dropdown-item .fs-txt-2,
      .responsive .offcanvas-end .alarmlist .dropdown-item .fs-txt-2 {
        white-space: normal;
        color: #1c1c1c;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(1.68 * 14px * 2); }
      .mobile .offcanvas-end .alarmlist .dropdown-item img,
      .responsive .offcanvas-end .alarmlist .dropdown-item img {
        width: 60px;
        height: 60px;
        margin-left: 0.75rem; }
      .mobile .offcanvas-end .alarmlist .dropdown-item p,
      .responsive .offcanvas-end .alarmlist .dropdown-item p {
        line-height: 1.61; }
      .mobile .offcanvas-end .alarmlist .dropdown-item .ic-alram,
      .responsive .offcanvas-end .alarmlist .dropdown-item .ic-alram {
        height: 80px;
        width: 80px;
        margin-top: -8px; }
      .mobile .offcanvas-end .alarmlist .dropdown-item.none,
      .responsive .offcanvas-end .alarmlist .dropdown-item.none {
        padding-top: 95px;
        font-size: 0.875rem; }
        .mobile .offcanvas-end .alarmlist .dropdown-item.none:hover,
        .responsive .offcanvas-end .alarmlist .dropdown-item.none:hover {
          background: transparent; }
      .mobile .offcanvas-end .alarmlist .dropdown-item.not-read,
      .responsive .offcanvas-end .alarmlist .dropdown-item.not-read {
        background: #F5F8FF; }
      .mobile .offcanvas-end .alarmlist .dropdown-item:hover:not(.none),
      .responsive .offcanvas-end .alarmlist .dropdown-item:hover:not(.none) {
        background: #EBF0FF; }

.navbar.mobile-size:not(.footer-menu) {
  height: 58px;
  padding: 0;
  border-color: #f0f0f0; }
  .navbar.mobile-size:not(.footer-menu) .container-1200 {
    padding: 13px 20px;
    min-width: 100%;
    width: 100%; }
    .navbar.mobile-size:not(.footer-menu) .container-1200 .m_logo {
      width: 47px;
      border: none; }
    .navbar.mobile-size:not(.footer-menu) .container-1200 h1 {
      font-size: 1.25rem;
      line-height: 1.48;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 1;
      white-space: nowrap; }
    .navbar.mobile-size:not(.footer-menu) .container-1200 .backBtn {
      margin-left: -12px; }
    .navbar.mobile-size:not(.footer-menu) .container-1200 .nav-link {
      padding: 0;
      position: relative;
      margin-left: 5px;
      display: inline-block; }
      .navbar.mobile-size:not(.footer-menu) .container-1200 .nav-link em {
        position: absolute;
        font-size: 0.625rem;
        color: white;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        top: -2px;
        width: 18px;
        height: 18px;
        border: 1px solid #ffffff;
        font-weight: 400 !important;
        right: -2px;
        background: #4173fa; }

@media (min-width: 1200px) {
  .footer-menu {
    display: none; }
  header.responsive .mobile-size {
    display: none; } }

@media (max-width: 760px) and (max-width: 1239px) {
  header #headerSearchForm.active {
    left: 30px; } }

@media (max-width: 1239px) {
  header.responsive .container-1200 {
    max-width: 600px;
    width: 100%;
    min-width: inherit !important; }
  footer:not(.responsive) + .footer-menu {
    display: none; }
  .footer-menu {
    width: 100%;
    height: 75px;
    bottom: 0;
    left: 0;
    position: fixed;
    background-color: #fff;
    z-index: 999;
    padding: 0; }
    .footer-menu ul {
      height: 75px;
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      display: flex;
      border-top: 1px solid #dddddd;
      align-items: center; }
      .footer-menu ul li {
        width: 20%;
        font-size: 0.75rem;
        text-align: center;
        height: 100%; }
        .footer-menu ul li a {
          color: #999999;
          padding: 8px 0;
          height: 100%;
          display: block; }
          .footer-menu ul li a i {
            width: 32px;
            height: 32px; }
            .footer-menu ul li a i.ic-menu {
              background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_menu' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:none;stroke:%23999;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Line_2' data-name='Line 2' class='cls-1' transform='translate(8 10)' d='M0 0h16'/%3E%3Cpath id='Line_3' data-name='Line 3' class='cls-1' transform='translate(8 16)' d='M0 0h16'/%3E%3Cpath id='Line_4' data-name='Line 4' class='cls-1' transform='translate(8 22)' d='M0 0h16'/%3E%3Cpath id='Rectangle_133' data-name='Rectangle 133' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E "); }
            .footer-menu ul li a i.ic-user {
              background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.0004C16.8479 8.00277 17.6605 8.34067 18.2601 8.94028C18.8597 9.53988 19.1976 10.3524 19.2 11.2004C19.1976 12.0484 18.8597 12.8609 18.2601 13.4605C17.6605 14.0601 16.8479 14.398 16 14.4004C15.152 14.398 14.3394 14.0601 13.7398 13.4605C13.1402 12.8609 12.8023 12.0484 12.8 11.2004C12.8023 10.3524 13.1402 9.53988 13.7398 8.94028C14.3394 8.34067 15.152 8.00277 16 8.0004ZM16 6.40039C15.3696 6.40039 14.7454 6.52456 14.1631 6.76578C13.5807 7.007 13.0516 7.36057 12.6058 7.80629C12.1601 8.25201 11.8066 8.78115 11.5653 9.36351C11.3241 9.94587 11.2 10.57 11.2 11.2004C11.2 11.8307 11.3241 12.4549 11.5653 13.0373C11.8066 13.6196 12.1601 14.1488 12.6058 14.5945C13.0516 15.0402 13.5807 15.3938 14.1631 15.635C14.7454 15.8762 15.3696 16.0004 16 16.0004C17.273 16.0004 18.4939 15.4947 19.3941 14.5945C20.2942 13.6943 20.8 12.4734 20.8 11.2004C20.8 9.92735 20.2942 8.70646 19.3941 7.80629C18.4939 6.90612 17.273 6.40039 16 6.40039Z' fill='%23999'/%3E%3Cpath d='M16 19.1996C17.5558 19.2036 19.077 19.6594 20.3787 20.5115C21.6805 21.3635 22.7068 22.5753 23.333 23.9996H8.66696C9.29385 22.5759 10.3203 21.3646 11.6219 20.5126C12.9235 19.6606 14.4443 19.2045 16 19.1996ZM16 17.5996C13.909 17.5991 11.8751 18.2812 10.2073 19.5423C8.53953 20.8035 7.32908 22.5746 6.75996 24.5866C6.7271 24.7055 6.72221 24.8305 6.74565 24.9516C6.76909 25.0728 6.82024 25.1868 6.89509 25.2849C6.96995 25.383 7.06647 25.4625 7.17713 25.5171C7.28778 25.5716 7.40957 25.5999 7.53296 25.5996H24.453C24.5763 25.5999 24.6981 25.5716 24.8088 25.5171C24.9194 25.4625 25.016 25.383 25.0908 25.2849C25.1657 25.1868 25.2168 25.0728 25.2403 24.9516C25.2637 24.8305 25.2588 24.7055 25.226 24.5866C24.6575 22.5769 23.4491 20.8075 21.7842 19.5466C20.1192 18.2857 18.0885 17.6021 16 17.5996Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
          .footer-menu ul li a span {
            display: block;
            line-height: 1.61; }
          .footer-menu ul li a.active {
            color: #4173fa; }
  header.responsive .pc-size {
    display: none; }
  header.responsive .mobile-size {
    display: flex; }
  header.responsive #headerSearchForm,
  .mobile header #headerSearchForm {
    position: relative;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
    width: 100vw; }
    header.responsive #headerSearchForm .header_popularFontWrap ul,
    .mobile header #headerSearchForm .header_popularFontWrap ul {
      flex-wrap: wrap;
      white-space: normal; }
      header.responsive #headerSearchForm .header_popularFontWrap ul li,
      .mobile header #headerSearchForm .header_popularFontWrap ul li {
        margin-bottom: 8px; }
    header.responsive #headerSearchForm .w-50,
    .mobile header #headerSearchForm .w-50 {
      width: 100% !important;
      border-right: none;
      padding: 0 20px;
      margin-bottom: 20px; }
    header.responsive #headerSearchForm .form-control[type="search"],
    .mobile header #headerSearchForm .form-control[type="search"] {
      border-radius: 0;
      margin-bottom: 1rem;
      font-size: 0.875rem;
      padding: 14px 36px 14px 40px; }
    header.responsive #headerSearchForm .form-control[type="search"]:focus,
    .mobile header #headerSearchForm .form-control[type="search"]:focus {
      border-bottom: 1px solid #4173fa; }
    header.responsive #headerSearchForm h3,
    .mobile header #headerSearchForm h3 {
      margin-bottom: 20px;
      font-size: 0.75rem;
      font-weight: normal;
      color: #999999; }
      header.responsive #headerSearchForm h3 i,
      .mobile header #headerSearchForm h3 i {
        width: 20px;
        height: 20px; }
    header.responsive #headerSearchForm .fontRanking_div h3,
    .mobile header #headerSearchForm .fontRanking_div h3 {
      margin-bottom: 54px; }
    header.responsive #headerSearchForm .fontRanking_div .nav,
    .mobile header #headerSearchForm .fontRanking_div .nav {
      right: inherit;
      left: 12px;
      top: 38px; }
    header.responsive #headerSearchForm hr,
    .mobile header #headerSearchForm hr {
      height: 8px; }
    header.responsive #headerSearchForm.active,
    .mobile header #headerSearchForm.active {
      border: none;
      height: 100vh;
      top: 0px;
      left: 0;
      max-height: 100vh;
      z-index: 999;
      background-color: #fff;
      box-shadow: none;
      padding: 0 0 40px 0;
      overflow-y: auto;
      position: fixed;
      overflow-x: hidden; }
      header.responsive #headerSearchForm.active.fixed,
      .mobile header #headerSearchForm.active.fixed {
        height: 58px;
        overflow: hidden; }
        header.responsive #headerSearchForm.active.fixed .header_popularFontWrap,
        header.responsive #headerSearchForm.active.fixed .header_popularTextWrap,
        .mobile header #headerSearchForm.active.fixed .header_popularFontWrap,
        .mobile header #headerSearchForm.active.fixed .header_popularTextWrap {
          display: none; }
    header.responsive #headerSearchForm .text_search,
    .mobile header #headerSearchForm .text_search {
      display: none; }
    header.responsive #headerSearchForm .m_hide_form,
    .mobile header #headerSearchForm .m_hide_form {
      display: block; }
  footer.responsive + .footer-menu,
  footer.mobile + .footer-menu {
    display: block;
    height: 75px; } }

.ranking_rolling_wrap .fontRanking_div {
  z-index: 99;
  max-width: 320px;
  min-width: 280px;
  background: #ffffff;
  padding: 12px 16px;
  border-radius: 12px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
  top: 60px; }
  .ranking_rolling_wrap .fontRanking_div h3 {
    line-height: 1.61; }
  .ranking_rolling_wrap .fontRanking_div .nav {
    width: 100%;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 0.875rem; }
    .ranking_rolling_wrap .fontRanking_div .nav .nav-item {
      width: 33.3%; }
  .ranking_rolling_wrap .fontRanking_div .nav-link {
    width: 100%;
    line-height: 1.68;
    font-size: 0.75rem;
    padding: 8px;
    color: #999999;
    border: none;
    border-radius: 8px;
    background-color: transparent; }
    .ranking_rolling_wrap .fontRanking_div .nav-link.active {
      color: #ffffff;
      background-color: #1c1c1c; }
  .ranking_rolling_wrap .fontRanking_div .tab-pane p.text-999 {
    font-size: 0.6875rem;
    padding-top: 0.75rem;
    line-height: 1.6; }
  .ranking_rolling_wrap .fontRanking_div .tab-pane ul {
    border-bottom: 1px solid #dddddd; }
    .ranking_rolling_wrap .fontRanking_div .tab-pane ul li {
      margin-bottom: 4px;
      line-height: 1.61; }
      .ranking_rolling_wrap .fontRanking_div .tab-pane ul li > a.d-flex {
        height: 28px; }
      .ranking_rolling_wrap .fontRanking_div .tab-pane ul li:last-child {
        margin-bottom: 14px; }
      .ranking_rolling_wrap .fontRanking_div .tab-pane ul li span {
        color: #1c1c1c;
        font-size: 14px;
        width: calc(100% - 24px);
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-shrink: 0; }
        .ranking_rolling_wrap .fontRanking_div .tab-pane ul li span.text-999 {
          font-size: 12px;
          width: 24px;
          display: inline-block;
          text-align: center; }

.rolling_swiper {
  max-width: 130px;
  height: 59px;
  margin-left: 16px !important;
  cursor: pointer; }
  .rolling_swiper .swiper-slide {
    font-size: 14px;
    background: #fff;
    display: flex;
    align-items: center;
    min-width: 0;
    min-width: 0; }
    .rolling_swiper .swiper-slide .text-999 {
      font-size: 0.75rem;
      min-width: 24px;
      text-align: center; }
    .rolling_swiper .swiper-slide > span:not(.text-999) {
      width: calc(100% - 24px);
      word-wrap: break-word;
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-shrink: 0; }

/* footer */
/*footer */
footer {
  padding: 60px 0;
  background: #f9f9f9;
  width: 100%;
  min-width: 1200px !important; }
  footer .container-1200 {
    max-width: 1200px; }
    footer .container-1200 .footer_sub_title {
      line-height: 1.61;
      font-weight: 650;
      font-size: 0.875rem;
      color: #1c1c1c !important; }
      footer .container-1200 .footer_sub_title a {
        color: #1c1c1c;
        margin-right: 1.25rem; }
        footer .container-1200 .footer_sub_title a.lang {
          font-weight: normal; }
          footer .container-1200 .footer_sub_title a.lang i {
            vertical-align: middle;
            width: 20px;
            height: 20px; }
    footer .container-1200 .fs-title-1 {
      color: #1c1c1c; }
      footer .container-1200 .fs-title-1 > a {
        color: #1c1c1c; }
    footer .container-1200 .hr-ddd {
      margin-top: 40px; }
    footer .container-1200 .footer_copyright {
      margin-top: 10px;
      line-height: 1.68;
      font-size: 0.75rem; }
      footer .container-1200 .footer_copyright span {
        margin-right: 12px; }
    footer .container-1200 .footer_menu {
      width: 176px; }
      footer .container-1200 .footer_menu li {
        line-height: 1.68;
        font-size: 0.875rem;
        margin-bottom: 0.75rem; }
        footer .container-1200 .footer_menu li:not(.footer_sub_title) > a {
          display: block;
          margin-bottom: 8px;
          margin-right: 16px; }
        footer .container-1200 .footer_menu li a {
          color: #1c1c1c; }
    footer .container-1200 .btn-wrap {
      margin-top: 20px; }
    footer .container-1200 .sns_wrap {
      text-align: right;
      width: 50%; }
      footer .container-1200 .sns_wrap > a {
        width: 32px;
        height: 32px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-left: 8px;
        color: #ffffff;
        background-color: #1c1c1c;
        border-radius: 50%; }
      footer .container-1200 .sns_wrap i {
        font-size: 16px;
        color: #ffffff; }

@media (max-width: 1199px) {
  footer.responsive, footer.mobile {
    overflow: hidden;
    min-width: 100vw !important;
    font-size: 0.75rem;
    padding: 40px 0 95px; }
    footer.responsive .container-1200, footer.mobile .container-1200 {
      width: 100%;
      padding: 0 20px; }
      footer.responsive .container-1200 > .d-flex, footer.mobile .container-1200 > .d-flex {
        flex-wrap: wrap;
        flex-direction: column; }
      footer.responsive .container-1200 .sns_wrap, footer.mobile .container-1200 .sns_wrap {
        width: 50%; }
      footer.responsive .container-1200 .footer_copyright, footer.mobile .container-1200 .footer_copyright {
        margin-top: 16px;
        font-size: 0.625rem; }
        footer.responsive .container-1200 .footer_copyright span, footer.mobile .container-1200 .footer_copyright span {
          display: block;
          margin-top: 4px; }
        footer.responsive .container-1200 .footer_copyright br, footer.mobile .container-1200 .footer_copyright br {
          display: none; }
      footer.responsive .container-1200 .footer_sub_title, footer.mobile .container-1200 .footer_sub_title {
        margin-bottom: 0.25rem; }
        footer.responsive .container-1200 .footer_sub_title a, footer.mobile .container-1200 .footer_sub_title a {
          margin-right: 1rem; }
      footer.responsive .container-1200 .fs-title-1 > p.fw-normal, footer.mobile .container-1200 .fs-title-1 > p.fw-normal {
        margin-top: 0.25rem; }
      footer.responsive .container-1200 .btn-wrap, footer.mobile .container-1200 .btn-wrap {
        margin-bottom: 20px; }
    footer.responsive .hr-ddd, footer.mobile .hr-ddd {
      margin-top: 0px; }
    footer.responsive ul.list-unstyled.footer_menu, footer.mobile ul.list-unstyled.footer_menu {
      display: flex;
      align-items: flex-start;
      margin-bottom: 1.25rem;
      width: 100%; }
      footer.responsive ul.list-unstyled.footer_menu li.footer_sub_title, footer.mobile ul.list-unstyled.footer_menu li.footer_sub_title {
        min-width: 56px;
        margin-right: 28px; }
        footer.responsive ul.list-unstyled.footer_menu li.footer_sub_title > a, footer.mobile ul.list-unstyled.footer_menu li.footer_sub_title > a {
          margin-right: 0; }
      footer.responsive ul.list-unstyled.footer_menu li:not(.footer_sub_title), footer.mobile ul.list-unstyled.footer_menu li:not(.footer_sub_title) {
        margin-bottom: 8px; }
      footer.responsive ul.list-unstyled.footer_menu li > a, footer.mobile ul.list-unstyled.footer_menu li > a {
        display: inline;
        margin-bottom: 8px;
        margin-right: 16px; }
        footer.responsive ul.list-unstyled.footer_menu li > a br, footer.mobile ul.list-unstyled.footer_menu li > a br {
          display: none; }
    footer.responsive ul.list-unstyled li, footer.mobile ul.list-unstyled li {
      padding: 0; }
      footer.responsive ul.list-unstyled li > a, footer.mobile ul.list-unstyled li > a {
        margin-bottom: 20px; }
    footer.responsive .sns_wrap, footer.mobile .sns_wrap {
      margin: 2.5rem 0;
      text-align: center;
      width: 100%; }
      footer.responsive .sns_wrap > a, footer.mobile .sns_wrap > a {
        width: 38px;
        height: 38px;
        margin-left: 0;
        margin-right: 12px;
        overflow: hidden; }
        footer.responsive .sns_wrap > a i, footer.mobile .sns_wrap > a i {
          font-size: 20px; }
          footer.responsive .sns_wrap > a i.sd, footer.mobile .sns_wrap > a i.sd {
            width: 38px;
            height: 38px;
            background-size: 38px 38px; } }

/* 메인 */
/* main */
article#main_2_1 section {
  min-width: 1200px;
  overflow-x: hidden; }
  article#main_2_1 section > .container-1200 .nav {
    border-bottom: 0; }
    article#main_2_1 section > .container-1200 .nav .nav-item .nav-link {
      border: 1px solid #dddddd;
      color: #999999;
      padding: 6px 12px;
      line-height: 1.61;
      border-radius: 19px;
      font-size: 0.875rem;
      margin-right: 0.75rem;
      background-color: #ffffff; }
      article#main_2_1 section > .container-1200 .nav .nav-item .nav-link.active {
        background-color: #1c1c1c;
        color: #ffffff; }
  article#main_2_1 section > .container-1200 h2.d-flex a {
    color: #999999;
    display: flex;
    font-weight: normal;
    font-size: 0.875rem;
    align-items: center; }
    article#main_2_1 section > .container-1200 h2.d-flex a > * {
      display: block; }

article#main_2_1 .mainHeroBannerWrap {
  min-width: 1240px;
  padding-top: 20px;
  margin-bottom: 5rem; }
  article#main_2_1 .mainHeroBannerWrap a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
  article#main_2_1 .mainHeroBannerWrap .swiper {
    max-width: 1240px;
    padding: 0 20px !important;
    overflow: visible !important; }
  article#main_2_1 .mainHeroBannerWrap .swiper-slide {
    height: 372px;
    width: 100%;
    padding-left: 60px;
    border: 1px solid #dddddd;
    border-radius: 20px;
    background-size: cover;
    background-position: center center; }
    article#main_2_1 .mainHeroBannerWrap .swiper-slide.black h1
.fs-txt-1,
    article#main_2_1 .mainHeroBannerWrap .swiper-slide.black .body1_r {
      color: #1c1c1c; }
    article#main_2_1 .mainHeroBannerWrap .swiper-slide.black .category {
      background-color: #1c1c1c;
      border-color: #1c1c1c; }
    article#main_2_1 .mainHeroBannerWrap .swiper-slide h1
.fs-txt-1,
    article#main_2_1 .mainHeroBannerWrap .swiper-slide .body1_r {
      color: white;
      position: relative; }
      article#main_2_1 .mainHeroBannerWrap .swiper-slide h1
.fs-txt-1:after,
      article#main_2_1 .mainHeroBannerWrap .swiper-slide .body1_r:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1; }
    article#main_2_1 .mainHeroBannerWrap .swiper-slide .category {
      display: inline-block;
      padding: 2px 8px;
      line-height: 1.64;
      margin-bottom: 0.5rem;
      color: #ffffff;
      border-radius: 4px;
      border: 1px solid #ffffff;
      background-color: transparent; }
    article#main_2_1 .mainHeroBannerWrap .swiper-slide h1 {
      font-size: 1.625rem;
      font-weight: bold;
      margin-bottom: 1.25rem;
      line-height: 1.37 !important;
      white-space: pre-line; }
  article#main_2_1 .mainHeroBannerWrap .swiper-button-disabled {
    opacity: 1 !important; }
  article#main_2_1 .mainHeroBannerWrap .swiper-control-next,
  article#main_2_1 .mainHeroBannerWrap .swiper-control-prev {
    width: 30px;
    height: 30px;
    z-index: 3;
    opacity: 1;
    transition: all 0.3s;
    border-radius: 50%;
    padding: 2px 3px;
    background-color: #ffffff;
    border: 1px solid #dddddd; }
    article#main_2_1 .mainHeroBannerWrap .swiper-control-next i,
    article#main_2_1 .mainHeroBannerWrap .swiper-control-prev i {
      width: 24px;
      height: 24px; }
  article#main_2_1 .mainHeroBannerWrap .swiper-pagination {
    text-align: left;
    font-size: 12px;
    margin: 0 10px;
    position: initial;
    left: inherit;
    bottom: inherit;
    width: auto;
    display: flex;
    align-items: center; }
    article#main_2_1 .mainHeroBannerWrap .swiper-pagination .swiper-pagination-current {
      font-weight: bold; }

article#main_2_1 .fontImageSearchWrap {
  padding-bottom: 80px; }
  article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) {
    margin-top: 20px; }
    article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li {
      padding: 0;
      width: calc(50% - 10px);
      margin-right: 20px;
      border: 1px solid #dddddd;
      overflow: hidden;
      border-radius: 16px; }
      article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li:nth-of-type(2n) {
        margin-right: 0; }
      article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li img {
        border: none;
        background-color: #f9f9f9;
        width: 74px;
        height: 74px;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        object-position: center center; }
      article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li .text-wrap {
        padding: 12px;
        height: 100%;
        width: calc(100% - 74px); }
        article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li .text-wrap p {
          width: 100%;
          color: #1c1c1c;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
  article#main_2_1 .fontImageSearchWrap .container-1200 .search-content {
    margin-top: 20px;
    border-radius: 16px;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    padding: 20px;
    text-align: center; }
    article#main_2_1 .fontImageSearchWrap .container-1200 .search-content p {
      font-size: 0.75rem;
      margin-bottom: 12px; }
    article#main_2_1 .fontImageSearchWrap .container-1200 .search-content .btn {
      font-size: 0.75rem; }

article#main_2_1 .brandWrap {
  padding-bottom: 80px; }
  article#main_2_1 .brandWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    article#main_2_1 .brandWrap ul li {
      width: calc(33.3% - (40px / 3));
      margin-bottom: 40px; }
      article#main_2_1 .brandWrap ul li:nth-of-type(n+7) {
        display: none; }
      article#main_2_1 .brandWrap ul li .img-wrap {
        position: relative; }
        article#main_2_1 .brandWrap ul li .img-wrap .add-myBrandlist {
          position: absolute;
          bottom: 12px;
          right: 12px;
          background: rgba(0, 0, 0, 0.3);
          width: 36px;
          height: 36px;
          border-radius: 50%;
          padding: 0;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          border: none;
          z-index: 2; }
          article#main_2_1 .brandWrap ul li .img-wrap .add-myBrandlist i {
            width: 32px;
            margin-top: 2px;
            height: 32px; }
      article#main_2_1 .brandWrap ul li img {
        max-width: 100%;
        aspect-ratio: 386/258;
        border-radius: 16px;
        margin-bottom: 12px;
        object-fit: cover;
        object-position: center center; }
      article#main_2_1 .brandWrap ul li h3 {
        width: 82px;
        line-height: 1.64;
        margin-right: 16px;
        word-break: break-word; }
      article#main_2_1 .brandWrap ul li .fs-txt-3,
      article#main_2_1 .brandWrap ul li .fs-txt-2 {
        width: calc(100% - 100px);
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        word-break: break-all;
        -webkit-box-orient: vertical;
        max-height: calc(14px * 1.68 * 2); }

article#main_2_1 .fontRankingWrap {
  padding-bottom: 80px; }
  article#main_2_1 .fontRankingWrap .container-1200 {
    position: relative; }
  article#main_2_1 .fontRankingWrap .nav {
    left: 20px;
    top: 52px;
    z-index: 2; }
  article#main_2_1 .fontRankingWrap .tab-content ul {
    margin-top: 72px;
    border-radius: 16px;
    background: #f9f9f9;
    padding: 16px 20px; }
    article#main_2_1 .fontRankingWrap .tab-content ul li {
      width: calc(20% - (80px / 5));
      margin-right: 20px;
      height: 50px;
      margin-bottom: 20px;
      border-radius: 12px;
      background-color: #ffffff; }
      article#main_2_1 .fontRankingWrap .tab-content ul li > a {
        padding: 16px;
        height: 100%;
        border-radius: 12px; }
      article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(5n) {
        margin-right: 0; }
      article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+1) .rank-text, article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+2) .rank-text, article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+3) .rank-text {
        color: #4173fa; }
      article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+6), article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+7), article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+8), article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n+9), article#main_2_1 .fontRankingWrap .tab-content ul li:nth-child(10n) {
        margin-bottom: 0; }
      article#main_2_1 .fontRankingWrap .tab-content ul li .rank-text {
        font-size: 0.75rem;
        color: #999999;
        width: 20px;
        text-align: center;
        font-weight: bold; }
      article#main_2_1 .fontRankingWrap .tab-content ul li .fontname {
        font-size: 1rem;
        line-height: 1.5;
        color: #1c1c1c; }
      article#main_2_1 .fontRankingWrap .tab-content ul li .add-myfontlist {
        border: none;
        background: transparent;
        padding: 0; }
        article#main_2_1 .fontRankingWrap .tab-content ul li .add-myfontlist .ic-heart {
          opacity: 0.45; }

article#main_2_1 .themeFontsWrap .container-1200 {
  overflow: visible; }

article#main_2_1 .themeFontsWrap:hover .themeFont_slider_wrapper .swiper-control-next,
article#main_2_1 .themeFontsWrap:hover .themeFont_slider_wrapper .swiper-control-prev {
  display: block; }

article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 80px; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-control-next,
  article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-control-prev {
    display: none;
    position: absolute;
    top: calc(50% - 20px);
    z-index: 3;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 3px;
    border: 1px solid #dddddd; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-control-next {
    right: -70px; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-control-prev {
    left: -70px; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-pagination {
    bottom: 76px;
    left: 0;
    text-align: left; }
    article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) {
      margin-left: 0; }

article#main_2_1 .themeFontsWrap .themeFont_slider_new {
  overflow: hidden;
  margin-bottom: 80px;
  position: relative;
  width: 100%;
  max-width: 1200px;
  /* 원하는 크기로 조정 */
  margin: 0 auto; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_new:has(.swiper-pointer-events) ~ .swiper-control-next,
  article#main_2_1 .themeFontsWrap .themeFont_slider_new:has(.swiper-pointer-events) ~ .swiper-control-prev,
  article#main_2_1 .themeFontsWrap .themeFont_slider_new:has(.swiper-pointer-events) ~ .swiper-pagination {
    display: block; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex {
    flex-wrap: nowrap; }
    article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex > .text-wrap {
      width: 25.6%;
      padding: 20px 62px 0 0px;
      margin-right: 20px; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex > .text-wrap .badge {
        padding: 4px 6px;
        font-size: 0.75rem; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex > .text-wrap h3 {
        word-break: keep-all; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex > .text-wrap .text-decoration-underline {
        text-underline-position: under; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide:hover h3 span {
    text-decoration: underline;
    text-underline-position: under; }
  article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap {
    width: 74.4%;
    max-width: 893px;
    background-color: #f9f9f9;
    border-radius: 16px;
    padding: 24px 24px 10px 24px;
    display: flex;
    flex-wrap: wrap;
    min-height: 351px; }
    article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap > li {
      width: 50%;
      padding-right: 14px;
      overflow: hidden;
      margin-bottom: 14px; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap > li:nth-of-type(n+7) {
        display: none; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap > li > a {
        width: 100%;
        overflow: hidden; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap > li img {
        width: 180px;
        height: auto;
        object-fit: cover;
        border-radius: 8px;
        aspect-ratio: 180/90; }
      article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap > li img + div {
        padding-left: 16px;
        width: calc(100% - 180px); }
        article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap > li img + div .heading5 {
          text-overflow: ellipsis;
          width: 100%;
          overflow: hidden;
          white-space: nowrap; }

article#main_2_1 .themeFontsWrap .search-list {
  flex-wrap: nowrap;
  align-content: stretch;
  z-index: 1; }
  article#main_2_1 .themeFontsWrap .search-list li {
    margin-bottom: 0;
    border-radius: 16px;
    height: 316px;
    width: 275px;
    aspect-ratio: 275 / 316;
    margin-right: 16px; }
  article#main_2_1 .themeFontsWrap .search-list li.theme {
    height: auto;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    article#main_2_1 .themeFontsWrap .search-list li.theme .tag {
      color: #fff;
      font-size: 0.75rem;
      margin-right: 4px;
      line-heighT: 1.69; }
    article#main_2_1 .themeFontsWrap .search-list li.theme h3 {
      line-height: 1.5;
      color: #fff;
      font-size: 1.25rem;
      font-weight: bold;
      word-break: keep-all; }

article#main_2_1 .themeFontsWrap .themeFonts {
  position: relative; }
  article#main_2_1 .themeFontsWrap .themeFonts:hover .swiper-control-next,
  article#main_2_1 .themeFontsWrap .themeFonts:hover .swiper-control-prev {
    opacity: 1; }
  article#main_2_1 .themeFontsWrap .themeFonts .swiper-button-disabled {
    opacity: 0 !important; }
  article#main_2_1 .themeFontsWrap .themeFonts .swiper-control-next,
  article#main_2_1 .themeFontsWrap .themeFonts .swiper-control-prev {
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 3;
    opacity: 0;
    transition: all 0.3s;
    border-radius: 50%;
    padding: 2px 3px;
    border: 1px solid #dddddd; }
    article#main_2_1 .themeFontsWrap .themeFonts .swiper-control-next i,
    article#main_2_1 .themeFontsWrap .themeFonts .swiper-control-prev i {
      width: 32px;
      height: 32px; }
  article#main_2_1 .themeFontsWrap .themeFonts .swiper-control-next {
    right: -52px; }
  article#main_2_1 .themeFontsWrap .themeFonts .swiper-control-prev {
    left: -52px; }

article#main_2_1 .themeFontsWrap .themeFont_slider {
  position: relative;
  margin-bottom: 60px;
  overflow: hidden; }
  article#main_2_1 .themeFontsWrap .themeFont_slider .font2 {
    border: 1px solid #dddddd; }
    article#main_2_1 .themeFontsWrap .themeFont_slider .font2 .preview {
      font-size: 2.625rem;
      margin: 1rem 0; }
    article#main_2_1 .themeFontsWrap .themeFont_slider .font2 h3 {
      font-size: 1rem; }
    article#main_2_1 .themeFontsWrap .themeFont_slider .font2 .font_image {
      margin-top: 0; }
    article#main_2_1 .themeFontsWrap .themeFont_slider .font2 .weight {
      color: #1c1c1c; }
    article#main_2_1 .themeFontsWrap .themeFont_slider .font2 .add-myfontlist {
      top: 16px !important; }

article#main_2_1 .recommendFontsWrap {
  margin-bottom: 80px; }
  article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide {
    height: 320px; }
    article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a {
      height: 320px;
      display: flex;
      align-items: center;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      color: #1c1c1c; }
      article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a p {
        line-height: 1.64;
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: calc(16px * 1.6 * 2); }
        article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a p.fw-bold {
          font-size: 1rem; }
      article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a h3 {
        line-height: 1.5;
        font-size: 1.625rem;
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: calc(26px * 1.5 * 2); }
  article#main_2_1 .recommendFontsWrap .recommendFonts:hover .swiper-control-next,
  article#main_2_1 .recommendFontsWrap .recommendFonts:hover .swiper-control-prev {
    opacity: 1; }
  article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-next,
  article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-prev {
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    position: absolute;
    opacity: 0;
    transition: all 0.3s;
    border-radius: 50%;
    padding: 2px 3px;
    border: 1px solid #dddddd;
    z-index: 1;
    background-color: #ffffff;
    cursor: pointer; }
    article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-next i,
    article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-prev i {
      width: 32px;
      height: 32px; }
  article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-next {
    right: calc((100vw - 1240px)/2 - 40px); }
  article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-prev {
    left: calc((100vw - 1240px)/2 - 40px); }
  article#main_2_1 .recommendFontsWrap .recommendFonts .text-wrap {
    max-width: 373px; }

article#main_2_1 .storyWrap {
  padding-bottom: 80px; }
  article#main_2_1 .storyWrap .container-1200 {
    overflow: hidden; }
    article#main_2_1 .storyWrap .container-1200 ul li {
      width: 100%; }
      article#main_2_1 .storyWrap .container-1200 ul li img {
        max-width: 100%;
        width: 100%;
        object-fit: cover;
        aspect-ratio: 3 / 2;
        object-position: center center; }
      article#main_2_1 .storyWrap .container-1200 ul li > a {
        color: #1c1c1c; }
        article#main_2_1 .storyWrap .container-1200 ul li > a .text-wrap p {
          font-size: 1rem;
          line-height: 1.64;
          text-overflow: ellipsis;
          overflow: hidden;
          max-height: calc(16px * 1.64);
          white-space: nowrap; }
        article#main_2_1 .storyWrap .container-1200 ul li > a .text-wrap h3 {
          font-weight: 650;
          line-height: 1.5;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
    article#main_2_1 .storyWrap .container-1200 > ul {
      display: flex;
      flex-wrap: wrap; }
      article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type {
        width: calc(50% - 10px);
        padding-top: 16px;
        margin-right: 20px; }
        article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type img {
          margin-bottom: 1rem;
          border-radius: 16px; }
        article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type h3 {
          margin-bottom: 12px;
          font-size: 1.625rem; }
        article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type .category {
          font-size: 0.875rem; }
        article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type .overflow-hidden {
          text-overflow: ellipsis;
          overflow: hidden;
          word-wrap: break-word;
          display: -webkit-box;
          line-height: 1.64;
          -webkit-line-clamp: 3;
          word-break: break-all;
          -webkit-box-orient: vertical;
          max-height: calc(16px * 1.68 * 3); }
      article#main_2_1 .storyWrap .container-1200 > ul > li:nth-of-type(2) {
        width: calc(50% - 10px); }
      article#main_2_1 .storyWrap .container-1200 > ul > li > ul {
        width: 100%; }
        article#main_2_1 .storyWrap .container-1200 > ul > li > ul li:first-child {
          padding-top: 0; }
        article#main_2_1 .storyWrap .container-1200 > ul > li > ul li:last-child {
          border-bottom: none; }
        article#main_2_1 .storyWrap .container-1200 > ul > li > ul li > a {
          display: flex;
          align-items: center;
          padding: 10px 8px 10px; }
          article#main_2_1 .storyWrap .container-1200 > ul > li > ul li > a:hover {
            background-color: #f9f9f9; }
        article#main_2_1 .storyWrap .container-1200 > ul > li > ul li img {
          width: 150px;
          border-radius: 8px;
          margin-right: 1.25rem; }
        article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap {
          width: calc(100% - 170px); }
          article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap h3 {
            margin-bottom: 4px;
            font-size: 1rem; }
          article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap .category {
            font-size: 0.75rem; }
          article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap p {
            width: 100%;
            overflow: hidden;
            word-wrap: break-word;
            white-space: nowrap;
            text-overflow: ellipsis; }

article#main_2_1 .supportWrap .container-1200 > .d-flex ul {
  border: 1px solid #dddddd;
  border-radius: 16px;
  overflow: hidden; }
  article#main_2_1 .supportWrap .container-1200 > .d-flex ul:first-child {
    width: 66.2%; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:first-child .text-999:not(i) {
      min-width: 82px;
      margin-left: 1rem; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:first-child .text-black {
      width: calc(100% - 98px);
      text-overflow: ellipsis;
      overflow: hidden;
      word-wrap: break-word;
      white-space: nowrap;
      font-weight: 500; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:first-child li:not(.header) a {
      padding: 16px 24px 14px;
      position: relative; }
      article#main_2_1 .supportWrap .container-1200 > .d-flex ul:first-child li:not(.header) a:after {
        position: absolute;
        width: calc(100% - 48px);
        content: "";
        bottom: -1px;
        left: 24px;
        background-color: #dddddd;
        height: 1px;
        display: inline-block; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:first-child li:not(.header):last-child a:after {
      display: none; }
  article#main_2_1 .supportWrap .container-1200 > .d-flex ul:last-child {
    width: 32%; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:last-child .text-999:not(i) {
      min-width: 50px;
      margin-right: 1.25rem;
      font-size: 0.75rem; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:last-child li:not(.header) .fw-bold {
      text-overflow: ellipsis;
      overflow: hidden;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      word-break: break-all;
      -webkit-box-orient: vertical;
      max-height: calc(14px * 1.64 * 2); }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:last-child li:not(.header) a {
      padding: 0 24px;
      min-height: 88px;
      position: relative; }
      article#main_2_1 .supportWrap .container-1200 > .d-flex ul:last-child li:not(.header) a:after {
        position: absolute;
        width: calc(100% - 48px);
        content: "";
        bottom: -1px;
        left: 24px;
        background-color: #dddddd;
        height: 1px;
        display: inline-block; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul:last-child li:not(.header):last-child a:after {
      display: none; }
  article#main_2_1 .supportWrap .container-1200 > .d-flex ul li {
    font-size: 0.875rem;
    line-height: 1.64; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul li > a:hover {
      background-color: #f9f9f9; }
    article#main_2_1 .supportWrap .container-1200 > .d-flex ul li.header {
      background: #f9f9f9;
      font-weight: 650;
      align-items: center;
      display: flex;
      padding: 16px 24px;
      border-bottom: 1px solid #dddddd; }
      article#main_2_1 .supportWrap .container-1200 > .d-flex ul li.header h3 {
        font-size: 1rem; }
      article#main_2_1 .supportWrap .container-1200 > .d-flex ul li.header a {
        color: #999999;
        font-weight: normal;
        display: flex;
        font-size: 0.875rem;
        align-items: center; }
        article#main_2_1 .supportWrap .container-1200 > .d-flex ul li.header a > * {
          display: block; }

#alertModal {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999; }
  #alertModal .modal-content {
    min-height: 320px;
    min-width: 500px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.12); }
    #alertModal .modal-content .modal-header {
      margin: 20px 20px 0 20px; }
      #alertModal .modal-content .modal-header button {
        color: #1c1c1c;
        opacity: 1; }
    #alertModal .modal-content .modal-body {
      padding: 0px 40px 40px 40px; }
      #alertModal .modal-content .modal-body h3 {
        line-height: 1.5; }
      #alertModal .modal-content .modal-body p {
        margin-top: 1rem;
        color: #333333;
        line-height: 1.64; }
    #alertModal .modal-content .modal-footer {
      padding: 0 40px 40px 40px; }
      #alertModal .modal-content .modal-footer > * {
        margin-top: 0;
        margin-bottom: 0; }

/* mobile size */
@media (max-width: 760px) {
  .mobile .container-1160 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    padding: 0 20px; }
  .mobile .swiper-horizontal > .swiper-scrollbar {
    width: 100% !important;
    min-width: 100%; }
  .mobile .notice .notice_title {
    padding: 16px 0; }
    .mobile .notice .notice_title .datetime {
      width: 100%; }
    .mobile .notice .notice_title .fw-bold {
      width: 100% !important; }
  .mobile #alertModal {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); }
    .mobile #alertModal .modal-content {
      min-height: 264px;
      min-width: 100%;
      border-radius: 0.75rem;
      border: none;
      box-shadow: none; }
      .mobile #alertModal .modal-content .modal-header {
        margin: 0; }
      .mobile #alertModal .modal-content .modal-body {
        padding: 0px 24px 10px; }
        .mobile #alertModal .modal-content .modal-body h3 {
          line-height: 1.5; }
        .mobile #alertModal .modal-content .modal-body p {
          margin-top: 1rem;
          color: #333333;
          line-height: 1.64; }
      .mobile #alertModal .modal-content .modal-footer {
        padding: 0 24px 40px; }
        .mobile #alertModal .modal-content .modal-footer > * {
          margin-top: 0;
          margin-bottom: 0; }
        .mobile #alertModal .modal-content .modal-footer .text-decoration-underline {
          color: #999999;
          margin: 0; } }

.mobile article#main_2_1 section {
  min-width: 100vw; }
  .mobile article#main_2_1 section > .container-1200 h2 {
    margin-bottom: 0.75rem; }

.mobile article#main_2_1 .mainHeroBannerWrap {
  padding-top: 20px;
  margin-bottom: 2.5rem; }
  .mobile article#main_2_1 .mainHeroBannerWrap a {
    display: block;
    height: 100%; }
  .mobile article#main_2_1 .mainHeroBannerWrap .swiper {
    padding: 0 20px !important;
    overflow: visible !important; }
  .mobile article#main_2_1 .mainHeroBannerWrap .swiper-slide {
    height: auto;
    width: 100%;
    aspect-ratio: 335/418;
    padding-left: 20px;
    border-radius: 16px; }
    .mobile article#main_2_1 .mainHeroBannerWrap .swiper-slide .category {
      margin-top: 1.75rem;
      margin-bottom: 0.5rem; }
    .mobile article#main_2_1 .mainHeroBannerWrap .swiper-slide h1 {
      font-size: 1.625rem;
      margin-bottom: 1rem; }
  .mobile article#main_2_1 .mainHeroBannerWrap .swiper-pagination {
    font-size: 0.875rem; }

.mobile article#main_2_1 .fontImageSearchWrap {
  padding-bottom: 60px; }
  .mobile article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) {
    margin-top: 20px; }
    .mobile article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li {
      width: 100%;
      margin-right: 0px; }
      .mobile article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li:nth-of-type(2n) {
        display: none; }
      .mobile article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li .text-wrap {
        padding: 15px 12px; }
        .mobile article#main_2_1 .fontImageSearchWrap .container-1200 ul:not(.nav) li .text-wrap p {
          font-size: 0.8125rem;
          line-height: 1.64; }

.mobile article#main_2_1 .newFontswrap {
  padding-bottom: 60px; }
  .mobile article#main_2_1 .newFontswrap .newFonts {
    overflow: visible; }
  .mobile article#main_2_1 .newFontswrap ul {
    width: 90%; }
    .mobile article#main_2_1 .newFontswrap ul li {
      width: 100%; }

.mobile article#main_2_1 .fontRankingWrap {
  padding-bottom: 60px; }
  .mobile article#main_2_1 .fontRankingWrap h2.fs-title-2 {
    display: none;
    align-items: center; }
  .mobile article#main_2_1 .fontRankingWrap .btn-wrap {
    margin-bottom: 12px; }
    .mobile article#main_2_1 .fontRankingWrap .btn-wrap .btn {
      font-size: 0.875rem;
      border-radius: 12px;
      color: #1c1c1c;
      border: 1px solid #eaeaea;
      margin-right: 12px; }
      .mobile article#main_2_1 .fontRankingWrap .btn-wrap .btn.active {
        font-weight: bold;
        color: #ffffff;
        background-color: #1c1c1c;
        border-color: #1c1c1c; }
  .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider {
    width: 94%;
    margin-left: 0;
    margin-right: auto;
    overflow: visible; }
    .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider .gray-box {
      margin-right: 16px;
      border-radius: 16px;
      background-color: #f9f9f9;
      padding: 16px 20px;
      border: none; }
      .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider .gray-box a {
        display: flex;
        width: 100%;
        background-color: #fff;
        padding: 12px 10px;
        border-radius: 8px;
        margin-bottom: 20px;
        align-items: center;
        line-height: 1.61; }
        .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider .gray-box a:last-child {
          margin-bottom: 0; }
        .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider .gray-box a > span {
          display: block; }
          .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider .gray-box a > span.rank {
            margin-right: 8px;
            font-weight: bold;
            font-size: 0.75rem;
            width: 20px;
            text-align: center;
            color: #999999; }
          .mobile article#main_2_1 .fontRankingWrap .fontRanking_slider .gray-box a > span.fontname {
            font-size: 1rem;
            color: #1c1c1c; }

.mobile article#main_2_1 .themeFontsWrap {
  padding-bottom: 80px; }
  .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper {
    max-width: 100%;
    margin-bottom: 0px; }
    .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_wrapper .swiper-pagination {
      position: relative;
      bottom: inherit;
      margin-top: 20px;
      left: inherit;
      text-align: center; }
  .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new {
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto; }
    .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex {
      flex-wrap: wrap; }
      .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .swiper-slide > .d-flex > .text-wrap {
        width: 100%;
        padding: 20px 0px 0 0px;
        margin-right: 0; }
    .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap {
      width: 100%;
      max-width: 100%;
      background-color: #f9f9f9;
      border-radius: 16px;
      padding: 20px 20px 8px 20px;
      display: flex;
      flex-wrap: wrap; }
      .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li {
        width: 100%;
        padding-right: 12px;
        overflow: hidden;
        margin-bottom: 12px; }
        .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li:last-of-type(1), .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li:last-of-type(2) {
          margin-bottom: 0; }
        .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li > a {
          width: 100%;
          overflow: hidden; }
        .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li img {
          width: 44%; }
        .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li img + div {
          padding-left: 12px;
          width: 56%; }
          .mobile article#main_2_1 .themeFontsWrap .themeFont_slider_new .font-list-wrap li img + div .heading4 {
            overflow: hidden;
            white-space: inherit; }
  .mobile article#main_2_1 .themeFontsWrap .search-list {
    width: 275px !important; }
    .mobile article#main_2_1 .themeFontsWrap .search-list li.font2 {
      margin-right: 10px !important; }
    .mobile article#main_2_1 .themeFontsWrap .search-list li.theme .tag {
      font-size: 0.75rem;
      margin-right: 4px; }
    .mobile article#main_2_1 .themeFontsWrap .search-list li.theme h3 {
      font-size: 1.25rem; }
  .mobile article#main_2_1 .themeFontsWrap .themeFont_slider {
    margin-bottom: 60px;
    overflow: visible; }

.mobile article#main_2_1 .recommendFontsWrap {
  margin-bottom: 3.75rem; }
  .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide {
    height: auto; }
    .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a {
      padding: 28px 0 48px;
      height: auto; }
      .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a .text-wrap {
        min-height: 151px; }
      .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a p {
        max-height: calc(14px * 1.6 * 2); }
        .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a p.fw-bold {
          font-size: 0.875rem; }
      .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a h3 {
        font-size: 1.625rem;
        max-height: calc(25px * 1.5 * 2); }
      .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-slide > a img {
        margin-top: 28px;
        aspect-ratio: 2/1;
        object-fit: cover;
        width: calc(100vw - 20px);
        border: none; }
  .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-next,
  .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-control-prev {
    display: none; }
  .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .text-wrap {
    max-width: 100%; }
  .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-pagination {
    bottom: 18px; }
  .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-pagination-bullet {
    background-color: #4173fa;
    opacity: 0.3; }
    .mobile article#main_2_1 .recommendFontsWrap .recommendFonts .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 1; }

.mobile article#main_2_1 .storyWrap {
  padding-top: 0px;
  padding-bottom: 60px; }
  .mobile article#main_2_1 .storyWrap .container-1200 ul li > a .text-wrap p {
    font-size: 0.875rem; }
  .mobile article#main_2_1 .storyWrap .container-1200 > ul {
    display: flex;
    flex-wrap: wrap; }
    .mobile article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type {
      width: 100%;
      padding-top: 0;
      margin-right: 0px;
      margin-bottom: 20px; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type img {
        margin-bottom: 0.75rem;
        border-radius: 8px; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type h3 {
        margin-bottom: 8px;
        font-size: 1.25rem; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li:first-of-type .overflow-hidden {
        -webkit-line-clamp: 2;
        max-height: calc(14px * 1.64 * 2); }
    .mobile article#main_2_1 .storyWrap .container-1200 > ul > li:nth-of-type(2) {
      width: 100%; }
    .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li {
      border-bottom: 1px solid #dddddd;
      padding: 12px 0px 12px; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li:first-child {
        padding-top: 12px; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li:last-child {
        border-bottom: none; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li > a {
        padding: 0; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li img {
        width: 100px;
        aspect-ratio: 3/2;
        margin-right: 0.75rem; }
      .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap {
        width: calc(100% - 112px); }
        .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap h3 {
          margin-bottom: 0px;
          font-size: 0.875rem; }
        .mobile article#main_2_1 .storyWrap .container-1200 > ul > li > ul li .text-wrap .category {
          font-size: 0.625rem; }

.mobile article#main_2_1 .brandWrap {
  padding-bottom: 60px; }
  .mobile article#main_2_1 .brandWrap .swiper-container {
    overflow: visible;
    width: 94%; }
    .mobile article#main_2_1 .brandWrap .swiper-container .swiper-wrapper {
      flex-wrap: nowrap; }
  .mobile article#main_2_1 .brandWrap .swiper-slide {
    width: 100%; }
    .mobile article#main_2_1 .brandWrap .swiper-slide .fs-title-3 {
      margin-top: 12px; }
    .mobile article#main_2_1 .brandWrap .swiper-slide .fs-txt-2 {
      margin-top: 6px;
      width: 100%; }

.mobile article#main_2_1 .supportWrap .container-1200 > .d-flex ul li.header a {
  color: #1c1c1c; }

/* 검색 & 폰트 2.1.1 */
/*search */
.ui-widget.ui-widget-content {
  padding: 20px 0;
  border: none !important;
  background: #ffffff;
  min-height: 300px; }
  .ui-widget.ui-widget-content .ui-menu-item-wrapper {
    font-size: 20px;
    position: relative;
    color: #333333;
    padding: 12px 0; }
    .ui-widget.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
      background: #ffffff;
      color: #4173fa;
      border-color: #ffffff !important; }

.searchclear {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: none;
  width: 1.1875rem;
  height: 1.1875rem;
  text-align: center;
  cursor: pointer; }
  .searchclear img {
    width: 100%; }

.header-search .navbar-brand {
  margin-right: 28px; }

.header-search .logo {
  height: 23px; }

.header-search form {
  position: relative; }
  .header-search form .image_search {
    top: 7px;
    right: 0; }
    .header-search form .image_search i.sd {
      height: 36px;
      width: 36px; }
  .header-search form .ic-remove {
    position: absolute;
    right: 46px;
    top: 13px;
    background-color: #cccccc;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer; }

.header-search .ranking_rolling_wrap .fontRanking_div {
  top: 50px; }

.header-search-navbar {
  padding: 0; }
  .header-search-navbar ul {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap; }
    .header-search-navbar ul::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 1px white;
      background-color: #ffffff; }
    .header-search-navbar ul::-webkit-scrollbar {
      width: 1px;
      height: 1px;
      background-color: #ffffff; }
    .header-search-navbar ul::-webkit-scrollbar-thumb {
      background-color: #ffffff; }
    .header-search-navbar ul li {
      margin-right: 12px;
      order: 3; }
      .header-search-navbar ul li button {
        color: #1c1c1c;
        border: none;
        background-color: #f9f9f9;
        position: relative;
        padding: 6px 12px;
        line-height: 1.58;
        border-radius: 19px; }
        .header-search-navbar ul li button .fw-bold {
          margin-left: 4px; }
        .header-search-navbar ul li button:hover {
          background-color: #dddddd;
          color: #1c1c1c; }
        .header-search-navbar ul li button.active {
          background-color: #1c1c1c;
          color: #ffffff; }
      .header-search-navbar ul li:has(.active) {
        order: 2; }
      .header-search-navbar ul li:nth-of-type(1) {
        order: 1; }
        .header-search-navbar ul li:nth-of-type(1):has(button.active) {
          display: none; }
        .header-search-navbar ul li:nth-of-type(1) button:not(.active) {
          padding-left: 28px;
          background-repeat: no-repeat;
          background-position: 4px center;
          background-size: 24px 24px;
          background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18.5L9 12.5L15 6.5' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
          .header-search-navbar ul li:nth-of-type(1) button:not(.active) .fw-bold {
            display: none; }

article#search {
  padding-top: 60px;
  padding-bottom: 0 !important; }
  article#search .container-1200 {
    width: 100%; }
  article#search .container-1200 h2 {
    margin-bottom: 10px;
    line-height: 1.61; }
    article#search .container-1200 h2.d-flex a {
      color: #1c1c1c;
      display: flex;
      font-size: 0.875rem;
      align-items: center; }
      article#search .container-1200 h2.d-flex a > * {
        display: block; }
  article#search .container-1200 .community-list {
    gap: 20px 20px; }
  article#search #search-navContent .container-1200 h2.fs-title-2 {
    margin-bottom: 1.875rem; }
    article#search #search-navContent .container-1200 h2.fs-title-2 .text-ddd {
      font-size: 1.25rem;
      margin-left: 6px;
      font-weight: normal;
      color: #dddddd; }
    article#search #search-navContent .container-1200 h2.fs-title-2.mb-0 {
      padding: 10px 0; }
  article#search #search-navContent .tab-pane {
    padding-bottom: 200px;
    /* 검색 : 전체 */ }
    article#search #search-navContent .tab-pane.all .new_fonts .search-list li.search-font:nth-child(n+9) {
      display: none; }
    article#search #search-navContent .tab-pane.all .container-1200 {
      overflow: inherit !important; }
    article#search #search-navContent .tab-pane.all .btn-rounded {
      font-size: 0.875rem;
      width: 15rem;
      display: inline-flex;
      align-items: center;
      height: 55px;
      justify-content: center;
      border-radius: 12px; }
    article#search #search-navContent .tab-pane.all .search-list li .dot_before {
      position: relative;
      margin-left: 6px; }
      article#search #search-navContent .tab-pane.all .search-list li .dot_before:after {
        content: "";
        background-color: #999999;
        width: 2px;
        height: 2px;
        display: inline-block;
        position: absolute;
        border-radius: 50%;
        left: -6px;
        top: calc(50% - 1px); }
    article#search #search-navContent .tab-pane.all .search-list li.search-designer2 {
      margin-bottom: 22px; }
      article#search #search-navContent .tab-pane.all .search-list li.search-designer2 .img_wrap {
        margin-bottom: 0.75rem; }
        article#search #search-navContent .tab-pane.all .search-list li.search-designer2 .img_wrap button {
          width: 32px;
          height: 32px;
          bottom: 10px;
          right: 10px; }
          article#search #search-navContent .tab-pane.all .search-list li.search-designer2 .img_wrap button i {
            width: 24px;
            height: 24px; }
    article#search #search-navContent .tab-pane.all .search-list + .btn-wrap,
    article#search #search-navContent .tab-pane.all .story-list + .btn-wrap {
      margin-top: 1.25rem; }
    article#search #search-navContent .tab-pane.all .contents-wrap {
      width: 100%; }
      article#search #search-navContent .tab-pane.all .contents-wrap section {
        margin-bottom: 6rem; }
        article#search #search-navContent .tab-pane.all .contents-wrap section.image_search {
          margin-bottom: 0;
          background-color: #4173fa;
          border-radius: 12px;
          padding: 28px;
          text-align: center;
          color: #ffffff;
          background-position: 5% 0, 90% 30px;
          background-repeat: no-repeat;
          background-size: 130px, 110px;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/font2_1/camera-dynamic-clay.png"), url("https://media.sandollcloud.com/static/images/PSP/font2_1/picture-dynamic-clay.png"); }
          article#search #search-navContent .tab-pane.all .contents-wrap section.image_search h2 {
            font-size: 1.25rem;
            line-height: 1.48; }
          article#search #search-navContent .tab-pane.all .contents-wrap section.image_search .btn {
            color: #4173fa;
            background-color: #ffffff;
            font-weight: bold;
            display: inline-flex;
            width: 156px;
            align-items: center;
            justify-content: center;
            font-size: 0.875rem;
            cursor: pointer;
            height: 39px;
            border-radius: 20px; }
            article#search #search-navContent .tab-pane.all .contents-wrap section.image_search .btn i {
              width: 20px;
              height: 20px;
              background-size: 100%;
              background-repeat: no-repeat; }
    article#search #search-navContent .tab-pane .story-list {
      display: flex;
      flex-wrap: wrap; }
      article#search #search-navContent .tab-pane .story-list li {
        width: calc(25% - (60px / 4));
        margin-right: 20px;
        margin-bottom: 28px; }
        article#search #search-navContent .tab-pane .story-list li:nth-child(4n) {
          margin-right: 0px; }
        article#search #search-navContent .tab-pane .story-list li:hover img {
          transform: scale(1.1); }
        article#search #search-navContent .tab-pane .story-list li .img-wrap {
          border: 1px solid #dddddd;
          overflow: hidden;
          aspect-ratio: 285 / 190;
          border-radius: 12px;
          width: 100%;
          height: auto;
          margin-bottom: 12px; }
        article#search #search-navContent .tab-pane .story-list li img {
          aspect-ratio: 285 / 190;
          object-fit: cover;
          max-width: 100%;
          height: auto;
          max-width: 100%;
          transition: transform 0.3s ease; }
        article#search #search-navContent .tab-pane .story-list li .text-999 {
          font-size: 0.75rem; }
        article#search #search-navContent .tab-pane .story-list li h3 {
          font-weight: bold;
          margin-bottom: 6px;
          color: #1c1c1c;
          line-height: 1.58;
          margin-bottom: 4px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
    article#search #search-navContent .tab-pane .community-list {
      display: flex;
      flex-wrap: wrap; }
      article#search #search-navContent .tab-pane .community-list li {
        width: calc(25% - (60px / 4));
        margin-bottom: 40px;
        overflow: hidden;
        border: none; }
        article#search #search-navContent .tab-pane .community-list li:hover img {
          transform: scale(1.1); }
        article#search #search-navContent .tab-pane .community-list li .img-wrap {
          border: 1px solid #dddddd;
          border-radius: 12px;
          aspect-ratio: 285/190;
          overflow: hidden;
          width: 100%;
          height: auto; }
        article#search #search-navContent .tab-pane .community-list li img {
          aspect-ratio: 285/190;
          object-fit: cover;
          width: 100%;
          border: none;
          transition: transform 0.3s ease; }
        article#search #search-navContent .tab-pane .community-list li .text-wrap {
          padding-left: 0; }
          article#search #search-navContent .tab-pane .community-list li .text-wrap h3 {
            font-size: 1rem;
            line-height: 1.61;
            font-weight: bold;
            margin-bottom: 6px;
            max-height: calc(16px * 1.61 * 1);
            text-overflow: ellipsis;
            overflow: hidden;
            word-wrap: break-word;
            color: #1c1c1c;
            white-space: nowrap; }
          article#search #search-navContent .tab-pane .community-list li .text-wrap p.text-999 {
            font-size: 0.75rem; }
            article#search #search-navContent .tab-pane .community-list li .text-wrap p.text-999 .me-10px {
              position: relative; }
              article#search #search-navContent .tab-pane .community-list li .text-wrap p.text-999 .me-10px:after {
                position: absolute;
                top: 50%;
                width: 2px;
                height: 2px;
                background: #cccccc;
                border-radius: 50%;
                content: "";
                right: -6px; }
    article#search #search-navContent .tab-pane .filter2 {
      max-width: 100%; }
      article#search #search-navContent .tab-pane .filter2 .rounded-form {
        background: #ffffff; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .preview-text-wrap {
          width: 80%; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .range-slider .range::-webkit-slider-thumb {
          background: #1c1c1c; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .range-slider .range::-moz-range-thumb {
          background: #1c1c1c; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .range-slider .range {
          background: #1c1c1c; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .range-slider input[type="range"]:disabled::-webkit-slider-thumb {
          background: #1c1c1c; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .range-slider input[type="range"]:disabled::-moz-range-thumb {
          background: #1c1c1c; }
        article#search #search-navContent .tab-pane .filter2 .rounded-form .range-slider input[type="range"]:disabled::-ms-thumb {
          background: #1c1c1c; }
    article#search #search-navContent .tab-pane section.search_none {
      text-align: center;
      margin-top: 100px;
      margin-bottom: 160px !important; }
      article#search #search-navContent .tab-pane section.search_none .emoticon {
        font-size: 5rem;
        color: #cccccc;
        font-weight: 600;
        margin-bottom: 1.75rem; }
      article#search #search-navContent .tab-pane section.search_none p {
        line-height: 1.61; }
  article#search section .fs-title-2 {
    margin-bottom: 1.25rem; }
    article#search section .fs-title-2 span > span {
      color: #4173fa;
      font-size: 0.75rem;
      margin-left: 4px;
      vertical-align: top;
      font-weight: normal; }
    article#search section .fs-title-2 > a {
      font-weight: 65;
      font-size: 0.875rem;
      color: #1c1c1c; }
      article#search section .fs-title-2 > a .bi {
        vertical-align: -1px; }
  article#search section.search_none {
    margin: 54px 0 90px; }
    article#search section.search_none > div > p {
      text-align: center;
      color: #dddddd;
      font-size: 6.25rem;
      font-weight: bold;
      margin-bottom: 48px; }
    article#search section.search_none .fs-title-2 {
      text-align: center;
      color: #1c1c1c;
      margin-bottom: 90px; }
    article#search section.search_none .fs-title-3 {
      margin-bottom: 12px;
      color: #1c1c1c; }
  article#search .goto_imageSearch_wrap {
    margin-top: 80px;
    background-color: #f5f8ff;
    padding: 20px 0;
    border-radius: 20px;
    display: none; }
    article#search .goto_imageSearch_wrap .btn {
      background-color: #ffffff;
      color: #4173fa;
      display: inline-flex;
      align-items: center;
      font-size: 14px;
      justify-content: center;
      padding: 7px 20px; }
      article#search .goto_imageSearch_wrap .btn i {
        width: 24px;
        height: 24px; }
  article#search .upload_image_select_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    height: 400px;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    margin-bottom: 40px; }
    article#search .upload_image_select_wrap img {
      max-width: 100%;
      max-height: 100%; }
  article#search .upload_image_select_wrap + form .form-check {
    margin-right: 12px; }
    article#search .upload_image_select_wrap + form .form-check input {
      display: none; }
    article#search .upload_image_select_wrap + form .form-check input[type="radio"] + label {
      border: 1px solid #dddddd;
      padding: 7px 12px;
      color: #999999;
      font-size: 14px;
      border-radius: 19px;
      width: inherit;
      cursor: pointer; }
    article#search .upload_image_select_wrap + form .form-check input[type="radio"]:checked + label {
      background-color: #1c1c1c;
      color: #ffffff; }

form + script + h2.fs-txt-2 {
  margin-bottom: 60px;
  margin-top: -16px; }

.text_search_wrap {
  position: relative;
  min-width: 400px; }
  .text_search_wrap input[type="search"] {
    border: none;
    width: 100%;
    padding: 1rem 0;
    font-size: 1rem;
    color: #1c1c1c;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none; }
    .text_search_wrap input[type="search"] ::placeholder {
      color: #999999; }
  .text_search_wrap button {
    border: none;
    background: none;
    position: absolute;
    top: 8px;
    left: -5px; }
    .text_search_wrap button i {
      width: 36px;
      height: 36px; }

/* 공통 검색폼 모바일 */
.mobile .text_search_wrap {
  min-width: 100%;
  position: relative; }
  .mobile .text_search_wrap input[type="search"] {
    width: 100%;
    border-bottom: 1px solid #4173fa;
    line-height: 1.58;
    font-size: 0.875rem;
    padding: 14px 36px 14px 40px;
    background: #ffffff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none; }
  .mobile .text_search_wrap .image_search {
    position: absolute;
    right: 16px;
    top: 10px; }
  .mobile .text_search_wrap .ic-remove {
    position: absolute;
    right: 56px;
    top: 17px;
    background-color: #cccccc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer; }
  .mobile .text_search_wrap button {
    top: 10px;
    left: 0; }
    .mobile .text_search_wrap button i {
      width: 28px;
      height: 28px; }

.modal-open:has(.sandollModal.show) > .modal-backdrop.show {
  z-index: 10; }

/* 검색 모달 */
#search .container-768 .community-list {
  display: flex;
  flex-wrap: wrap; }
  #search .container-768 .community-list li {
    border-radius: 12px;
    border: 1px solid #dddddd;
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden; }
    #search .container-768 .community-list li img {
      aspect-ratio: 275/156;
      object-fit: cover;
      width: 100%;
      border: none; }
    #search .container-768 .community-list li:nth-child(2n) {
      margin-right: 0; }
    #search .container-768 .community-list li .text-wrap {
      padding: 16px; }
      #search .container-768 .community-list li .text-wrap h3 {
        font-size: 0.875rem;
        line-height: 1.61;
        min-height: calc(14px * 1.61 * 2);
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        color: #1c1c1c;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(14px * 1.68 * 2); }
      #search .container-768 .community-list li .text-wrap p.text-999 {
        font-size: 0.75rem; }
        #search .container-768 .community-list li .text-wrap p.text-999 .me-10px {
          position: relative; }
          #search .container-768 .community-list li .text-wrap p.text-999 .me-10px:after {
            position: absolute;
            top: 50%;
            width: 2px;
            height: 2px;
            background: #cccccc;
            border-radius: 50%;
            content: "";
            right: -6px; }
      #search .container-768 .community-list li .text-wrap .profile-img {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        border: 1px solid #dddddd;
        border-radius: 50%; }

#search .imageSearchForm .d-flex.justify-content-between {
  gap: 20px; }
  #search .imageSearchForm .d-flex.justify-content-between input[type="text"] {
    border: 1px solid #dddddd;
    font-size: 0.875rem;
    padding: 12px;
    max-width: 25rem;
    width: calc(100% - 80px);
    border-radius: 8px;
    line-height: 1.61; }
    #search .imageSearchForm .d-flex.justify-content-between input[type="text"]::placeholder {
      color: #999999; }
  #search .imageSearchForm .d-flex.justify-content-between > div {
    border: 1px solid #dddddd;
    border-radius: 16px;
    padding: 30px 40px;
    text-align: center;
    width: calc(33.3% - (40px / 3));
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 240px; }
    #search .imageSearchForm .d-flex.justify-content-between > div h3 {
      font-size: 1.5rem;
      margin-bottom: 8px;
      line-height: 1.45; }
    #search .imageSearchForm .d-flex.justify-content-between > div p {
      color: #5c5c5c;
      font-size: 0.875rem;
      line-height: 1.61; }

#search .imageSearchForm #imageDrop {
  background-color: #ffffff; }
  #search .imageSearchForm #imageDrop .basic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; }
  #search .imageSearchForm #imageDrop .active {
    display: none; }
  #search .imageSearchForm #imageDrop.active {
    background-color: #4173fa; }
    #search .imageSearchForm #imageDrop.active h3, #search .imageSearchForm #imageDrop.active p {
      color: #ffffff !important; }
    #search .imageSearchForm #imageDrop.active .basic {
      display: none; }
    #search .imageSearchForm #imageDrop.active .active {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%; }
  #search .imageSearchForm #imageDrop img {
    display: block;
    margin: auto auto 0;
    width: 88px;
    border: none; }
  #search .imageSearchForm #imageDrop label {
    cursor: pointer; }
  #search .imageSearchForm #imageDrop p label:hover {
    text-decoration: underline; }
  #search .imageSearchForm #imageDrop div.position-relative {
    padding-top: 30px;
    border-top: 1px solid #dddddd; }
    #search .imageSearchForm #imageDrop div.position-relative .position-absolute {
      background: #ffffff;
      width: 50px;
      font-size: 0.875rem;
      padding: 0 8px;
      left: calc(50% - 20px);
      top: -8px; }

#search .imageSearchForm .ic-info-gray {
  width: 20px;
  height: 20px; }

#search .imageSearchForm #resetImgFile {
  top: 8px;
  left: 21rem;
  display: none; }

#search .imageSearchForm h1 {
  color: #1c1c1c; }

#search .imageSearchForm p {
  color: #333333; }

#search .imageSearchForm .btn-default.body2_r {
  width: 5rem;
  padding-left: 0;
  padding-right: 0; }
  #search .imageSearchForm .btn-default.body2_r:disabled {
    background: #cccccc;
    border-color: #cccccc; }

#search .process-result {
  margin-bottom: 200px; }
  #search .process-result .search_none .btn-sandoll.caption1 {
    min-width: 120px;
    text-align: center; }

#search .process-result h2,
#search .process-search h2,
#search .process-select h2,
#search .process-loading h2 {
  margin-bottom: 16px;
  color: #1c1c1c; }
  #search .process-result h2.d-flex a,
  #search .process-search h2.d-flex a,
  #search .process-select h2.d-flex a,
  #search .process-loading h2.d-flex a {
    color: #1c1c1c;
    display: flex;
    font-size: 0.875rem;
    align-items: center; }
    #search .process-result h2.d-flex a > *,
    #search .process-search h2.d-flex a > *,
    #search .process-select h2.d-flex a > *,
    #search .process-loading h2.d-flex a > * {
      display: block; }

#search .process-result p,
#search .process-search p,
#search .process-select p,
#search .process-loading p {
  line-height: 1.48; }

/* 검색 모달 모바일 */
.mobile #search .imageSearchForm input[type="text"] {
  border: 1px solid #dddddd;
  font-size: 0.875rem;
  padding: 12px;
  max-width: 25rem;
  width: calc(100% - 80px);
  border-radius: 8px;
  line-height: 1.61; }
  .mobile #search .imageSearchForm input[type="text"]::placeholder {
    color: #999999; }

.mobile #search .imageSearchForm .tab-content > div {
  text-align: left;
  min-height: 180px; }
  .mobile #search .imageSearchForm .tab-content > div .font-inquiry-content,
  .mobile #search .imageSearchForm .tab-content > div .url-search-content {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .mobile #search .imageSearchForm .tab-content > div .ic-alert + .fs-txt-3 {
    width: calc(100% - 24px); }
  .mobile #search .imageSearchForm .tab-content > div h3 {
    font-size: 1.5rem;
    margin-bottom: 8px;
    line-height: 1.45; }
  .mobile #search .imageSearchForm .tab-content > div p {
    color: #5c5c5c;
    font-size: 0.875rem;
    line-height: 1.61;
    margin: 0; }

.mobile #search .imageSearchForm .tab-content #imageDrop {
  display: flex;
  min-height: 180px;
  flex-direction: column; }

.mobile #search .imageSearchForm #resetImgFile {
  left: inherit;
  right: 0.75rem; }

.mobile #search .imageSearchForm .ic-info-gray + .text-999 {
  width: calc(100% - 20px); }

.mobile #search .imageSearchForm p {
  line-height: 1.61;
  margin: 0.75rem 0 0.75rem; }
  .mobile #search .imageSearchForm p:first-of-type {
    word-break: keep-all;
    font-size: 0.8125rem;
    margin: 0.5rem 0 1.25rem; }

.mobile #search .imageSearchForm .upload_image_file {
  top: 8px;
  left: inherit;
  right: 0.75rem; }

.mobile #search .process-result,
.mobile #search .process-search,
.mobile #search .process-select,
.mobile #search .process-loading {
  padding-top: 40px; }

.mobile #search .community-list {
  flex-direction: column; }
  .mobile #search .community-list li {
    width: 100%;
    margin-right: 0; }

.filterForm {
  margin-bottom: 40px; }
  .filterForm button[type="reset"] {
    padding: 0;
    background: #ffffff;
    border: none;
    display: none; }
  .filterForm > .d-flex:first-of-type {
    border: 1px solid #dddddd;
    height: 60px; }
    .filterForm > .d-flex:first-of-type .form-group {
      position: relative; }
      .filterForm > .d-flex:first-of-type .form-group .form-control {
        padding-left: 32px;
        padding-right: 32px; }
      .filterForm > .d-flex:first-of-type .form-group:after {
        position: absolute;
        content: "";
        background: #dddddd;
        height: 24px;
        width: 1px;
        right: 0;
        top: 16px; }
      .filterForm > .d-flex:first-of-type .form-group:last-child {
        padding: 0 20px 0 16px;
        min-width: 160px; }
        .filterForm > .d-flex:first-of-type .form-group:last-child.none-min-w {
          min-width: 114px; }
        .filterForm > .d-flex:first-of-type .form-group:last-child .btn {
          margin-right: 8px; }
          .filterForm > .d-flex:first-of-type .form-group:last-child .btn:last-child {
            margin-right: 0; }
        .filterForm > .d-flex:first-of-type .form-group:last-child:after {
          display: none; }
      .filterForm > .d-flex:first-of-type .form-group.font-search-wrap {
        width: 19.56%; }
        .filterForm > .d-flex:first-of-type .form-group.font-search-wrap input {
          padding-left: 52px; }
        .filterForm > .d-flex:first-of-type .form-group.font-search-wrap button.position-absolute {
          top: 12px;
          left: 16px;
          padding: 0;
          height: 32px;
          background: none;
          border: none; }
      .filterForm > .d-flex:first-of-type .form-group.font-size-wrap {
        width: 23%;
        padding: 0 32px;
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position: 14px center;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37306 12.5605C9.17428 12.5604 8.98035 12.6219 8.81793 12.7365C8.65552 12.8511 8.53259 13.0132 8.46606 13.2005L5.13306 22.3735C5.08318 22.5279 5.09554 22.6956 5.16751 22.8409C5.23948 22.9862 5.36537 23.0977 5.51834 23.1516C5.67131 23.2054 5.83926 23.1974 5.98641 23.1292C6.13356 23.061 6.24825 22.9381 6.30606 22.7865L7.21306 20.2005H11.3731L12.2931 22.7875C12.3356 22.909 12.4151 23.0141 12.5203 23.0882C12.6256 23.1622 12.7514 23.2015 12.8801 23.2005H13.0131C13.1124 23.2007 13.2104 23.1771 13.2987 23.1316C13.387 23.0861 13.4631 23.02 13.5206 22.939C13.5781 22.858 13.6154 22.7643 13.6292 22.6659C13.643 22.5675 13.633 22.4673 13.6001 22.3735L10.2931 13.2005C10.2237 13.0125 10.0982 12.8503 9.93369 12.7359C9.76917 12.6214 9.57348 12.5602 9.37306 12.5605ZM7.62706 19.0275L9.25406 14.4275H9.29406L10.9341 19.0275H7.62706Z' fill='%231C1C1C'/%3E%3Cpath d='M21.293 8.80078H20.813C20.6142 8.80068 20.4203 8.86216 20.2579 8.97676C20.0955 9.09137 19.9725 9.25347 19.906 9.44078L15.2 22.3738C15.1658 22.4675 15.1549 22.5681 15.1682 22.667C15.1815 22.7659 15.2187 22.86 15.2764 22.9414C15.3341 23.0227 15.4108 23.0888 15.4997 23.134C15.5887 23.1792 15.6873 23.2021 15.787 23.2008H16.254C16.3827 23.2018 16.5085 23.1625 16.6137 23.0884C16.719 23.0144 16.7985 22.9092 16.841 22.7878L18.121 19.1478H23.748L24.975 22.5878C25.0394 22.769 25.1589 22.9255 25.3167 23.0354C25.4745 23.1453 25.6627 23.2031 25.855 23.2008C26.0037 23.2013 26.1503 23.1658 26.2822 23.0973C26.4142 23.0288 26.5276 22.9294 26.6128 22.8075C26.698 22.6857 26.7524 22.545 26.7715 22.3976C26.7905 22.2501 26.7735 22.1003 26.722 21.9608L22.2 9.44078C22.1335 9.25347 22.0105 9.09137 21.8481 8.97676C21.6857 8.86216 21.4918 8.80068 21.293 8.80078ZM18.68 17.5478L20.88 11.3208H20.947L23.16 17.5478H18.68Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
        .filterForm > .d-flex:first-of-type .form-group.font-size-wrap .range-slider input {
          width: 75%;
          margin-left: 1.25rem; }
      .filterForm > .d-flex:first-of-type .form-group.select-wrap {
        min-width: 43.7%;
        flex: 1; }
  .filterForm .form-control {
    padding: 19px 0 18px;
    border: none;
    font-size: 0.875rem; }
    .filterForm .form-control ::placeholder {
      color: #999999; }
    .filterForm .form-control:disabled {
      border: none;
      background: #ffffff; }
  .filterForm .select-wrap.preview-text-wrap .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    border-radius: 0;
    border: 1px solid #dddddd; }
  .filterForm .select-wrap.preview-text-wrap .select-wrap[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .filterForm .select-wrap.preview-text-wrap .dropdown-toggle:after {
    display: none; }
  .filterForm .select-wrap.preview-text-wrap .dropdown-item {
    padding: 12px 20px;
    cursor: pointer;
    border: none; }
    .filterForm .select-wrap.preview-text-wrap .dropdown-item:hover {
      background: #f9f9f9; }
  .filterForm .select-wrap.preview-text-wrap input[type="radio"] {
    display: none; }
  .filterForm .select-wrap.preview-text-wrap input[type="radio"]:checked + label {
    color: #4173fa; }
  .filterForm .select-wrap .form-control {
    position: relative;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4 8H9.59999C9.38781 8 9.18433 8.08429 9.0343 8.23431C8.88427 8.38434 8.79999 8.58783 8.79999 8.8C8.79999 9.01217 8.88427 9.21566 9.0343 9.36569C9.18433 9.51571 9.38781 9.6 9.59999 9.6H22.4C22.6122 9.6 22.8156 9.51571 22.9657 9.36569C23.1157 9.21566 23.2 9.01217 23.2 8.8C23.2 8.58783 23.1157 8.38434 22.9657 8.23431C22.8156 8.08429 22.6122 8 22.4 8Z' fill='%231C1C1C'/%3E%3Cpath d='M16 8C15.7878 8 15.5844 8.08429 15.4343 8.23431C15.2843 8.38434 15.2 8.58783 15.2 8.8V23.2C15.2 23.4122 15.2843 23.6157 15.4343 23.7657C15.5844 23.9157 15.7878 24 16 24C16.2122 24 16.4157 23.9157 16.5657 23.7657C16.7157 23.6157 16.8 23.4122 16.8 23.2V8.8C16.8 8.58783 16.7157 8.38434 16.5657 8.23431C16.4157 8.08429 16.2122 8 16 8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
    background-size: 32px 32px, 16px 16px;
    background-repeat: no-repeat;
    background-position: 16px center, calc(100% - 16px) center;
    padding-left: 52px !important;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .filterForm .select-wrap .form-control[aria-expanded="true"] {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4 8H9.59999C9.38781 8 9.18433 8.08429 9.0343 8.23431C8.88427 8.38434 8.79999 8.58783 8.79999 8.8C8.79999 9.01217 8.88427 9.21566 9.0343 9.36569C9.18433 9.51571 9.38781 9.6 9.59999 9.6H22.4C22.6122 9.6 22.8156 9.51571 22.9657 9.36569C23.1157 9.21566 23.2 9.01217 23.2 8.8C23.2 8.58783 23.1157 8.38434 22.9657 8.23431C22.8156 8.08429 22.6122 8 22.4 8Z' fill='%231C1C1C'/%3E%3Cpath d='M16 8C15.7878 8 15.5844 8.08429 15.4343 8.23431C15.2843 8.38434 15.2 8.58783 15.2 8.8V23.2C15.2 23.4122 15.2843 23.6157 15.4343 23.7657C15.5844 23.9157 15.7878 24 16 24C16.2122 24 16.4157 23.9157 16.5657 23.7657C16.7157 23.6157 16.8 23.4122 16.8 23.2V8.8C16.8 8.58783 16.7157 8.38434 16.5657 8.23431C16.4157 8.08429 16.2122 8 16 8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .filterForm .filter-select-wrap {
    margin: 1rem 0 1.25rem;
    align-items: center; }
    .filterForm .filter-select-wrap .list-group {
      overflow-x: hidden;
      border: 1px solid #dddddd;
      border-radius: 0; }
      .filterForm .filter-select-wrap .list-group::-webkit-scrollbar {
        width: 6px; }
      .filterForm .filter-select-wrap .list-group::-webkit-scrollbar-thumb {
        background-color: #4173fa;
        border-radius: 6px; }
      .filterForm .filter-select-wrap .list-group::-webkit-scrollbar-track {
        background-color: #dddddd;
        border-radius: 6px;
        box-shadow: none; }
      .filterForm .filter-select-wrap .list-group .list-group-item {
        border: none;
        padding: 12px 20px;
        font-size: 0.875rem; }
    .filterForm .filter-select-wrap .accordion-collapse {
      position: absolute;
      margin-top: 20px;
      z-index: 1;
      background: #ffffff; }
  .filterForm .filter-selecter {
    display: flex;
    border: 1px solid #dddddd;
    padding: 8px 32px 8px 16px;
    font-size: 0.875rem;
    background: transparent;
    border-radius: 32px;
    color: #333333;
    margin-right: 0.5rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center; }
    .filterForm .filter-selecter[aria-expanded='true'] {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .filterForm .list-order {
    padding: 0 32px 0 0 !important;
    background-position: calc(100% - 4px) center !important;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat; }
  .filterForm #filterOrderby .dropdown-menu {
    padding: 0px 0;
    overflow: hidden;
    height: auto;
    font-size: 0.875rem;
    color: #1c1c1c;
    top: 42px;
    line-height: 1.61;
    left: -20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: visible;
    max-width: 200px; }
  .filterForm #filterOrderby .select-wrap[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .filterForm #filterOrderby .dropdown-toggle:after {
    display: none; }
  .filterForm #filterOrderby .dropdown-item {
    padding: 10px 8px 10px 28px !important;
    color: #1c1c1c;
    cursor: pointer;
    border: none; }
    .filterForm #filterOrderby .dropdown-item:hover {
      background: #f9f9f9; }
  .filterForm #filterOrderby input[type="radio"] {
    display: none; }
  .filterForm #filterOrderby input[type="radio"]:checked + label {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%231C1C1C'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 4px center; }
  .filterForm #filterLang .list-group,
  .filterForm #filterUse .list-group,
  .filterForm #filterBrand .list-group {
    max-height: 200px;
    overflow-y: auto; }
    .filterForm #filterLang .list-group .fs-title-4,
    .filterForm #filterUse .list-group .fs-title-4,
    .filterForm #filterBrand .list-group .fs-title-4 {
      padding-left: 1.25rem;
      margin: 1.125rem 0 0.75rem; }
    .filterForm #filterLang .list-group .list-group-item,
    .filterForm #filterUse .list-group .list-group-item,
    .filterForm #filterBrand .list-group .list-group-item {
      cursor: pointer;
      border: none; }
      .filterForm #filterLang .list-group .list-group-item:hover,
      .filterForm #filterUse .list-group .list-group-item:hover,
      .filterForm #filterBrand .list-group .list-group-item:hover {
        background: #f9f9f9; }
    .filterForm #filterLang .list-group input[type="checkbox"],
    .filterForm #filterUse .list-group input[type="checkbox"],
    .filterForm #filterBrand .list-group input[type="checkbox"] {
      display: none; }
    .filterForm #filterLang .list-group input[type="checkbox"]:checked + label,
    .filterForm #filterUse .list-group input[type="checkbox"]:checked + label,
    .filterForm #filterBrand .list-group input[type="checkbox"]:checked + label {
      color: #4173fa; }
    .filterForm #filterLang .list-group input[type="radio"],
    .filterForm #filterUse .list-group input[type="radio"],
    .filterForm #filterBrand .list-group input[type="radio"] {
      display: none; }
    .filterForm #filterLang .list-group input[type="radio"]:checked + label,
    .filterForm #filterUse .list-group input[type="radio"]:checked + label,
    .filterForm #filterBrand .list-group input[type="radio"]:checked + label {
      color: #4173fa; }
  .filterForm #filterBrand .list-group hr {
    border-top: 1px solid #dddddd;
    opacity: 1;
    width: calc(100% - 40px);
    margin: 10px auto 4px; }
  .filterForm #filterBrand .list-group .fs-title-4:first-child {
    border-top-left-radius: 1.125rem;
    border-top-right-radius: 1.125rem; }
  .filterForm #filterBrand .list-group > div {
    max-height: 180px; }
  .filterForm #filterProperty .list-group {
    padding: 28px; }
    .filterForm #filterProperty .list-group .list-group-item {
      padding: 0;
      margin-bottom: 0.9375rem; }
      .filterForm #filterProperty .list-group .list-group-item .d-flex {
        align-items: center; }
        .filterForm #filterProperty .list-group .list-group-item .d-flex .range-slider {
          width: 100%; }
          .filterForm #filterProperty .list-group .list-group-item .d-flex .range-slider .range {
            width: 100%; }
          .filterForm #filterProperty .list-group .list-group-item .d-flex .range-slider span {
            margin-left: auto;
            font-size: 0.75rem; }
    .filterForm #filterProperty .list-group .fs-txt-3 {
      margin-bottom: 0.875rem; }
    .filterForm #filterProperty .list-group .form-check-input[type=checkbox] {
      height: 16px;
      width: 16px;
      margin-right: 0.5rem; }
  .filterForm #filterStyle .list-group {
    padding: 28px 20px;
    width: 23.4375rem;
    flex-direction: row;
    flex-wrap: wrap; }
    .filterForm #filterStyle .list-group > div {
      display: inline-flex;
      flex-direction: column;
      text-align: center;
      width: 77px;
      margin-right: 0.5rem;
      margin-bottom: 1.75rem; }
      .filterForm #filterStyle .list-group > div:nth-of-type(4n) {
        margin-right: 0; }
      .filterForm #filterStyle .list-group > div:nth-of-type(5), .filterForm #filterStyle .list-group > div:nth-of-type(6), .filterForm #filterStyle .list-group > div:nth-of-type(7), .filterForm #filterStyle .list-group > div:nth-of-type(8) {
        margin-bottom: 0; }
      .filterForm #filterStyle .list-group > div .fs-txt-4 {
        margin-top: 0.5rem; }
      .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox] {
        background-color: #ffffff;
        width: 77px;
        height: 68px;
        border: 1px solid #dddddd; }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA001 {
          background-position: center center;
          background-size: 60px 60px;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1243'%3E%3Cpath data-name='Rectangle 1308' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 802' d='M-12.454-16.989v6.007h5.294a5.9 5.9 0 0 0 2.367-.364 2.491 2.491 0 0 0 1.4-2.518 2.779 2.779 0 0 0-1.35-2.731 5.1 5.1 0 0 0-2.276-.394zm6.4-3.883a10.219 10.219 0 0 1 3.618.576 5.652 5.652 0 0 1 2.148 1.563 6.923 6.923 0 0 1 1.153 1.881A6.131 6.131 0 0 1 1.29-14.5a6.7 6.7 0 0 1-.8 3.133 4.493 4.493 0 0 1-2.659 2.176A4.175 4.175 0 0 1 .023-7.424a7.357 7.357 0 0 1 .645 3.5v1.5A11.487 11.487 0 0 0 .789-.347a1.867 1.867 0 0 0 .85 1.274v.561H-3.5q-.212-.743-.3-1.2A11.01 11.01 0 0 1-4-1.637l-.03-2.078a4.06 4.06 0 0 0-.781-2.852A4.145 4.145 0 0 0-7.63-7.28h-4.824v8.768h-4.566v-22.36zm18.115 18.81a3.34 3.34 0 0 0 2.564-1.145 5.3 5.3 0 0 0 1.047-3.648 5.583 5.583 0 0 0-.994-3.58 3.248 3.248 0 0 0-2.662-1.229 3.138 3.138 0 0 0-3.14 2.139 7.585 7.585 0 0 0-.456 2.806 6.4 6.4 0 0 0 .485 2.564 3.164 3.164 0 0 0 3.156 2.093zm-1.077-13.38a5.7 5.7 0 0 1 2.169.379 5.2 5.2 0 0 1 2.549 2.4v-2.382h4.2V.639a8.784 8.784 0 0 1-1.077 4.824q-1.851 2.791-7.1 2.791A9.674 9.674 0 0 1 6.554 7.01a4.589 4.589 0 0 1-2.215-3.717h4.7a1.947 1.947 0 0 0 .592 1.092 3.654 3.654 0 0 0 2.351.592 3.159 3.159 0 0 0 3.128-1.562 7.914 7.914 0 0 0 .516-3.368v-1.062A5.272 5.272 0 0 1 14.291.578a5.368 5.368 0 0 1-3.353.986A6.345 6.345 0 0 1 5.849-.674a9.046 9.046 0 0 1-1.9-6.06 10.215 10.215 0 0 1 1.836-6.2 6.065 6.065 0 0 1 5.199-2.507z' transform='translate(29.02 35.858)' style='fill:%23999999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA001:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1243'%3E%3Cpath data-name='Rectangle 1308' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 802' d='M-12.454-16.989v6.007h5.294a5.9 5.9 0 0 0 2.367-.364 2.491 2.491 0 0 0 1.4-2.518 2.779 2.779 0 0 0-1.35-2.731 5.1 5.1 0 0 0-2.276-.394zm6.4-3.883a10.219 10.219 0 0 1 3.618.576 5.652 5.652 0 0 1 2.148 1.563 6.923 6.923 0 0 1 1.153 1.881A6.131 6.131 0 0 1 1.29-14.5a6.7 6.7 0 0 1-.8 3.133 4.493 4.493 0 0 1-2.659 2.176A4.175 4.175 0 0 1 .023-7.424a7.357 7.357 0 0 1 .645 3.5v1.5A11.487 11.487 0 0 0 .789-.347a1.867 1.867 0 0 0 .85 1.274v.561H-3.5q-.212-.743-.3-1.2A11.01 11.01 0 0 1-4-1.637l-.03-2.078a4.06 4.06 0 0 0-.781-2.852A4.145 4.145 0 0 0-7.63-7.28h-4.824v8.768h-4.566v-22.36zm18.115 18.81a3.34 3.34 0 0 0 2.564-1.145 5.3 5.3 0 0 0 1.047-3.648 5.583 5.583 0 0 0-.994-3.58 3.248 3.248 0 0 0-2.662-1.229 3.138 3.138 0 0 0-3.14 2.139 7.585 7.585 0 0 0-.456 2.806 6.4 6.4 0 0 0 .485 2.564 3.164 3.164 0 0 0 3.156 2.093zm-1.077-13.38a5.7 5.7 0 0 1 2.169.379 5.2 5.2 0 0 1 2.549 2.4v-2.382h4.2V.639a8.784 8.784 0 0 1-1.077 4.824q-1.851 2.791-7.1 2.791A9.674 9.674 0 0 1 6.554 7.01a4.589 4.589 0 0 1-2.215-3.717h4.7a1.947 1.947 0 0 0 .592 1.092 3.654 3.654 0 0 0 2.351.592 3.159 3.159 0 0 0 3.128-1.562 7.914 7.914 0 0 0 .516-3.368v-1.062A5.272 5.272 0 0 1 14.291.578a5.368 5.368 0 0 1-3.353.986A6.345 6.345 0 0 1 5.849-.674a9.046 9.046 0 0 1-1.9-6.06 10.215 10.215 0 0 1 1.836-6.2 6.065 6.065 0 0 1 5.199-2.507z' transform='translate(29.02 35.858)' style='fill:%234474f8'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA002 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1240'%3E%3Cpath data-name='Rectangle 1305' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 803' d='M-17.748-19.2a1.291 1.291 0 0 0-.066.5c0 .133 0 .2.033.664a19.308 19.308 0 0 1 2.723.332c.066.731.1 3.587.1 4.317 0 1.229-.1 7.738-.1 10.229A18.314 18.314 0 0 1-15.19-.1a5.938 5.938 0 0 1-1.594.365A2.423 2.423 0 0 0-17.947.6a2.2 2.2 0 0 0-.033.432 3.814 3.814 0 0 0 .033.6c1.129 0 1.793-.033 2.059-.066.8-.1 2.557-.2 3.421-.2 1.727 0 3.221.266 5.081.266a10.809 10.809 0 0 0 .1-1.2 18.118 18.118 0 0 0-2.192-.6 3.341 3.341 0 0 1-1.2-.432c.033-1.03.066-2.657.066-3.321 0-1.229-.033-2.258-.033-3.487 0-.332 0-.6.033-.963.332 0 .565-.033.9-.033 1.959 0 2.026.133 3.155 2.391l3.819 7.638a18.75 18.75 0 0 1 2.557-.2c2.026 0 3.388.2 4.45.2 0-.133.033-.232.033-.365 0-.6-.365-.731-1.1-1C1.914-.2 1.748-.3 1.183-1.262c-.365-.664-1-1.694-1.561-2.59l-.764-1.262c-.565-.863-.8-1.262-1.428-2.192L-3.666-9C-.478-10.03.652-12.056.652-14.015c0-2.723-2.557-5.546-7.207-5.546-1.03 0-6.211.332-6.642.332-.5 0-1.428-.1-2.159-.1-.532 0-1.794.067-2.392.129zm8.8 1.229c2.557 0 4.484.9 4.484 4.45 0 2.723-2.026 3.653-5.048 3.653-.432 0-.9-.033-1.129-.033.033-.93 0-7.8.066-7.97a6.916 6.916 0 0 1 1.628-.096zM5.866-6.675c0 1.528.9 2.922 2.989 4.118l-1 .565C5.069-.4 4.9-.166 4.9.73c0 1.86 1.926 2.557 3.653 2.956v.066C6.3 4.45 4.7 5.015 4.7 6.642 4.7 8.1 6.729 9.93 11.943 9.93c3.122 0 8.469-.963 8.469-4.815a3.939 3.939 0 0 0-2.424-3.553 12.77 12.77 0 0 0-4.45-.7c-.9 0-1.594.033-2.358.033C9.386.9 7.925.8 7.925-.166c0-.631.9-1.2 2.225-1.893a10.974 10.974 0 0 0 2.923.332c3.055 0 6.044-1.959 6.044-4.882a5.421 5.421 0 0 0-.4-2.092 2.331 2.331 0 0 1 .93.2l1.395.531c.3 0 .764-.266.764-1.594 0-.83-.066-1.561-.731-1.561a7.484 7.484 0 0 0-1.561.365c-.365.1-.731.2-1.727.4a6.7 6.7 0 0 0-4.948-1.86c-5.014-.002-6.973 2.855-6.973 5.545zm6.709-4.417c1.76 0 2.69 1.162 2.69 4.417 0 2.79-1.328 3.852-2.624 3.852-2.524 0-2.956-2.358-2.956-4.417 0-2.26.93-3.852 2.889-3.852zm-.465 15.31a21.526 21.526 0 0 1 4.417.266 1.96 1.96 0 0 1 1.594 1.76c0 1.2-2.424 2.657-5.746 2.657-1.063 0-4.716-.266-4.716-2.325 0-2.159 2.524-2.359 4.45-2.359z' transform='translate(27.98 34.547)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA002:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1240'%3E%3Cpath data-name='Rectangle 1305' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 803' d='M-17.748-19.2a1.291 1.291 0 0 0-.066.5c0 .133 0 .2.033.664a19.308 19.308 0 0 1 2.723.332c.066.731.1 3.587.1 4.317 0 1.229-.1 7.738-.1 10.229A18.314 18.314 0 0 1-15.19-.1a5.938 5.938 0 0 1-1.594.365A2.423 2.423 0 0 0-17.947.6a2.2 2.2 0 0 0-.033.432 3.814 3.814 0 0 0 .033.6c1.129 0 1.793-.033 2.059-.066.8-.1 2.557-.2 3.421-.2 1.727 0 3.221.266 5.081.266a10.809 10.809 0 0 0 .1-1.2 18.118 18.118 0 0 0-2.192-.6 3.341 3.341 0 0 1-1.2-.432c.033-1.03.066-2.657.066-3.321 0-1.229-.033-2.258-.033-3.487 0-.332 0-.6.033-.963.332 0 .565-.033.9-.033 1.959 0 2.026.133 3.155 2.391l3.819 7.638a18.75 18.75 0 0 1 2.557-.2c2.026 0 3.388.2 4.45.2 0-.133.033-.232.033-.365 0-.6-.365-.731-1.1-1C1.914-.2 1.748-.3 1.183-1.262c-.365-.664-1-1.694-1.561-2.59l-.764-1.262c-.565-.863-.8-1.262-1.428-2.192L-3.666-9C-.478-10.03.652-12.056.652-14.015c0-2.723-2.557-5.546-7.207-5.546-1.03 0-6.211.332-6.642.332-.5 0-1.428-.1-2.159-.1-.532 0-1.794.067-2.392.129zm8.8 1.229c2.557 0 4.484.9 4.484 4.45 0 2.723-2.026 3.653-5.048 3.653-.432 0-.9-.033-1.129-.033.033-.93 0-7.8.066-7.97a6.916 6.916 0 0 1 1.628-.096zM5.866-6.675c0 1.528.9 2.922 2.989 4.118l-1 .565C5.069-.4 4.9-.166 4.9.73c0 1.86 1.926 2.557 3.653 2.956v.066C6.3 4.45 4.7 5.015 4.7 6.642 4.7 8.1 6.729 9.93 11.943 9.93c3.122 0 8.469-.963 8.469-4.815a3.939 3.939 0 0 0-2.424-3.553 12.77 12.77 0 0 0-4.45-.7c-.9 0-1.594.033-2.358.033C9.386.9 7.925.8 7.925-.166c0-.631.9-1.2 2.225-1.893a10.974 10.974 0 0 0 2.923.332c3.055 0 6.044-1.959 6.044-4.882a5.421 5.421 0 0 0-.4-2.092 2.331 2.331 0 0 1 .93.2l1.395.531c.3 0 .764-.266.764-1.594 0-.83-.066-1.561-.731-1.561a7.484 7.484 0 0 0-1.561.365c-.365.1-.731.2-1.727.4a6.7 6.7 0 0 0-4.948-1.86c-5.014-.002-6.973 2.855-6.973 5.545zm6.709-4.417c1.76 0 2.69 1.162 2.69 4.417 0 2.79-1.328 3.852-2.624 3.852-2.524 0-2.956-2.358-2.956-4.417 0-2.26.93-3.852 2.889-3.852zm-.465 15.31a21.526 21.526 0 0 1 4.417.266 1.96 1.96 0 0 1 1.594 1.76c0 1.2-2.424 2.657-5.746 2.657-1.063 0-4.716-.266-4.716-2.325 0-2.159 2.524-2.359 4.45-2.359z' transform='translate(27.98 34.547)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA003 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1244'%3E%3Cpath data-name='Rectangle 1309' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 804' d='M-15.431 3.934h8.756V.741l-1.317-.1v-4.9h1.646c1.152 0 1.514.428 2.008 1.382l1.35 2.666c.23.494.2.823-.329.922l-.922.1v3.123h9.052V.708L3.266.609.83-4.131a3.829 3.829 0 0 0-2.4-2.205 5.518 5.518 0 0 0 4.312-5.6c0-4.476-3.489-6.024-8.558-6.024H-15.4v3.226l1.745.132V-.345c0 .79-.132.955-.757 1.053l-1.02.1zm7.44-11.784v-6.221h1.547c2.37 0 3.39.691 3.39 2.929 0 2.205-1.053 3.292-3.028 3.292zM16.268 2.815c0 2.9-.757 4.444-3.39 4.444a5.441 5.441 0 0 1-1.514-.2c-.494-.165-.691-.428-.691-1.086V4.658l-3.983.263v4.872c1.382.79 4.345 1.185 6.353 1.185 7.11 0 8.295-4.312 8.295-8.986v-14.055a18.906 18.906 0 0 0-6.55-1.284c-5.794 0-8.888 3.588-8.888 8.953 0 4.378 1.745 7.768 6.517 7.768a4.413 4.413 0 0 0 3.851-1.81zm-.362-5.464a1.93 1.93 0 0 1-2.074 2.205c-2.107 0-2.469-2.008-2.469-4.378 0-2.436.757-4.608 2.9-4.608a5.553 5.553 0 0 1 1.646.263z' transform='translate(27.43 32.941)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA003:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1244'%3E%3Cpath data-name='Rectangle 1309' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 804' d='M-15.431 3.934h8.756V.741l-1.317-.1v-4.9h1.646c1.152 0 1.514.428 2.008 1.382l1.35 2.666c.23.494.2.823-.329.922l-.922.1v3.123h9.052V.708L3.266.609.83-4.131a3.829 3.829 0 0 0-2.4-2.205 5.518 5.518 0 0 0 4.312-5.6c0-4.476-3.489-6.024-8.558-6.024H-15.4v3.226l1.745.132V-.345c0 .79-.132.955-.757 1.053l-1.02.1zm7.44-11.784v-6.221h1.547c2.37 0 3.39.691 3.39 2.929 0 2.205-1.053 3.292-3.028 3.292zM16.268 2.815c0 2.9-.757 4.444-3.39 4.444a5.441 5.441 0 0 1-1.514-.2c-.494-.165-.691-.428-.691-1.086V4.658l-3.983.263v4.872c1.382.79 4.345 1.185 6.353 1.185 7.11 0 8.295-4.312 8.295-8.986v-14.055a18.906 18.906 0 0 0-6.55-1.284c-5.794 0-8.888 3.588-8.888 8.953 0 4.378 1.745 7.768 6.517 7.768a4.413 4.413 0 0 0 3.851-1.81zm-.362-5.464a1.93 1.93 0 0 1-2.074 2.205c-2.107 0-2.469-2.008-2.469-4.378 0-2.436.757-4.608 2.9-4.608a5.553 5.553 0 0 1 1.646.263z' transform='translate(27.43 32.941)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA004 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1245'%3E%3Cpath data-name='Rectangle 1310' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 805' d='M-5.306-13.79c0 2.237-2.144 2.672-3.853 2.672h-2.517v-5.126h2.827c1.586-.001 3.543.403 3.543 2.454zm.684 14.2a2.664 2.664 0 0 0 2.268 1.365A2.476 2.476 0 0 0 .224-.711a3.133 3.133 0 0 0-.683-1.833l-4.07-5.437a5.932 5.932 0 0 0 4.474-5.9c0-3.635-2.3-6.648-8.42-6.648h-5.344c-2.082 0-3.045.963-3.045 3.045v16.338c0 2.485 1.771 2.92 2.61 2.92s2.61-.435 2.61-2.92v-6.12h1.9zM14.64-6.365a3.738 3.738 0 0 1-3.759 3.945 3.692 3.692 0 0 1-3.635-3.945 3.615 3.615 0 0 1 3.635-3.915 3.731 3.731 0 0 1 3.759 3.915zM4.294 7.4a11.755 11.755 0 0 0 6.09 1.52c5.5 0 9.1-2.858 9.1-8.916v-11.589c0-2.361-1.616-2.734-2.423-2.734a2.324 2.324 0 0 0-2.392 2.3h-.062a5.808 5.808 0 0 0-4.94-2.423c-4.66 0-7.363 3.821-7.363 8.109S5.009 1.619 9.7 1.619a5.819 5.819 0 0 0 4.691-2.05h.093V.5c0 2.579-1.46 4.287-4.1 4.287a6.826 6.826 0 0 1-3.542-1.024 3.058 3.058 0 0 0-1.709-.59A2.1 2.1 0 0 0 3.02 5.378 2.466 2.466 0 0 0 4.294 7.4z' transform='translate(28.863 35.519)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA004:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1245'%3E%3Cpath data-name='Rectangle 1310' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 805' d='M-5.306-13.79c0 2.237-2.144 2.672-3.853 2.672h-2.517v-5.126h2.827c1.586-.001 3.543.403 3.543 2.454zm.684 14.2a2.664 2.664 0 0 0 2.268 1.365A2.476 2.476 0 0 0 .224-.711a3.133 3.133 0 0 0-.683-1.833l-4.07-5.437a5.932 5.932 0 0 0 4.474-5.9c0-3.635-2.3-6.648-8.42-6.648h-5.344c-2.082 0-3.045.963-3.045 3.045v16.338c0 2.485 1.771 2.92 2.61 2.92s2.61-.435 2.61-2.92v-6.12h1.9zM14.64-6.365a3.738 3.738 0 0 1-3.759 3.945 3.692 3.692 0 0 1-3.635-3.945 3.615 3.615 0 0 1 3.635-3.915 3.731 3.731 0 0 1 3.759 3.915zM4.294 7.4a11.755 11.755 0 0 0 6.09 1.52c5.5 0 9.1-2.858 9.1-8.916v-11.589c0-2.361-1.616-2.734-2.423-2.734a2.324 2.324 0 0 0-2.392 2.3h-.062a5.808 5.808 0 0 0-4.94-2.423c-4.66 0-7.363 3.821-7.363 8.109S5.009 1.619 9.7 1.619a5.819 5.819 0 0 0 4.691-2.05h.093V.5c0 2.579-1.46 4.287-4.1 4.287a6.826 6.826 0 0 1-3.542-1.024 3.058 3.058 0 0 0-1.709-.59A2.1 2.1 0 0 0 3.02 5.378 2.466 2.466 0 0 0 4.294 7.4z' transform='translate(28.863 35.519)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA005 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1239'%3E%3Cpath data-name='Rectangle 1304' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 806' d='M-6.866-15.126q.031.311.062.652t.031.683a9.663 9.663 0 0 1-.5 3.076 8.355 8.355 0 0 1-1.442 2.657 7.132 7.132 0 0 1-2.315 1.864 6.658 6.658 0 0 1-3.076.7 6.107 6.107 0 0 1-1.973-.311 4.784 4.784 0 0 1-1.616-.916A4.351 4.351 0 0 1-18.8-8.2a4.594 4.594 0 0 1-.4-1.957 7.028 7.028 0 0 1 .792-3.293 10.577 10.577 0 0 1 2.108-2.779 15.139 15.139 0 0 1 3.029-2.221 22.993 22.993 0 0 1 3.531-1.616 23.593 23.593 0 0 1 3.651-.994 18.428 18.428 0 0 1 3.355-.34q1.087 0 2.051.031a18.957 18.957 0 0 1 1.9.155 16.881 16.881 0 0 1 1.864.357q.932.233 1.988.606 1.025-.373 2.051-.637a7.741 7.741 0 0 1 1.926-.264v.249a13.2 13.2 0 0 0-1.662.357 7.668 7.668 0 0 0-1.569.637 6.842 6.842 0 0 1 1.968 1.769 4.008 4.008 0 0 1 .823 2.485 4.556 4.556 0 0 1-.746 2.641 5.91 5.91 0 0 1-1.91 1.771 9.132 9.132 0 0 1-2.563 1.01 15.048 15.048 0 0 1-2.7.388v.062A4.99 4.99 0 0 1 2.346-8.6a2.745 2.745 0 0 1 .73 1.957 6.544 6.544 0 0 1-.3 1.926q-.3.963-.637 1.88t-.632 1.753A4.78 4.78 0 0 0 1.212.5q0 .963.715.963A4.244 4.244 0 0 0 4.07.687a15.324 15.324 0 0 0 2.641-2.175q.684-.683 1.32-1.429t1.212-1.444q.575-.7 1.025-1.32t.761-1.025l.249.217Q10.5-5.4 9.445-4.066T7.208-1.488A18.044 18.044 0 0 1 4.163 1.06a5.694 5.694 0 0 1-3.138.963 2.588 2.588 0 0 1-1.864-.652 2.293 2.293 0 0 1-.684-1.74 6.184 6.184 0 0 1 .388-2.082q.388-1.087.854-2.144t.856-1.957a3.928 3.928 0 0 0 .388-1.46 2.181 2.181 0 0 0-.155-.916 1.2 1.2 0 0 0-.45-.513 2.006 2.006 0 0 0-.7-.264q-.4-.078-.9-.14l.062-.249a7 7 0 0 0 .932 0q.466-.031 1.15-.124a4.891 4.891 0 0 0 2.252-.882 6.616 6.616 0 0 0 1.553-1.584 6.5 6.5 0 0 0 .885-1.833 5.906 5.906 0 0 0 .28-1.631 4.44 4.44 0 0 0-.28-1.678A4.082 4.082 0 0 0 4.6-19.2a15.022 15.022 0 0 0-3.511 3.588Q-.4-13.48-1.724-11.134t-2.641 4.66a22.6 22.6 0 0 1-3.029 4.163 14.046 14.046 0 0 1-3.961 3 11.881 11.881 0 0 1-5.453 1.15 8.329 8.329 0 0 1-1.833-.217A5.822 5.822 0 0 1-20.4.92a4.156 4.156 0 0 1-1.3-1.243 3.176 3.176 0 0 1-.513-1.817 2.562 2.562 0 0 1 .482-1.538 1.457 1.457 0 0 1 1.227-.668 1.818 1.818 0 0 1 1.118.373 1.211 1.211 0 0 1 .5 1.025 1.441 1.441 0 0 1-.311.979 1.324 1.324 0 0 1-.9.419 2.769 2.769 0 0 0 .881 2.33 3.846 3.846 0 0 0 2.408.683A6.382 6.382 0 0 0-13.7.718a10.2 10.2 0 0 0 2.548-2 18.58 18.58 0 0 0 2.206-2.9Q-7.922-5.837-6.9-7.639t2.113-3.635a34.179 34.179 0 0 1 2.361-3.48A20.13 20.13 0 0 1 .388-17.72a12.39 12.39 0 0 1 3.464-2.1 8.671 8.671 0 0 0-1.662-.65 13.776 13.776 0 0 0-1.74-.373A15.7 15.7 0 0 0-1.165-21q-.761-.031-1.32-.031a16.4 16.4 0 0 0-4.971.808 16.643 16.643 0 0 0-4.629 2.283A12.914 12.914 0 0 0-15.5-14.4a8.263 8.263 0 0 0-1.336 4.582 3.843 3.843 0 0 0 .96 2.718A3.46 3.46 0 0 0-13.2-6.055a4.393 4.393 0 0 0 2.439-.715 7.232 7.232 0 0 0 1.907-1.817A8.985 8.985 0 0 0-7.6-11.01a7.917 7.917 0 0 0 .45-2.563q0-.28-.016-.683t-.047-.839zM2.827 4.011a3.338 3.338 0 0 0-2.47.9 3.385 3.385 0 0 0-.823 2.425 3.77 3.77 0 0 0 .249 1.382 3.285 3.285 0 0 0 .7 1.1 3.192 3.192 0 0 0 1.087.73 3.743 3.743 0 0 0 1.445.264 6.632 6.632 0 0 0 2.765-.59A10.413 10.413 0 0 0 8.249 8.64a18.2 18.2 0 0 0 2.206-2.252Q11.5 5.13 12.412 3.809t1.724-2.625q.808-1.3 1.522-2.33l-.058-.062a11.341 11.341 0 0 1-1.1 1.134 9.351 9.351 0 0 1-1.28.963 6.98 6.98 0 0 1-1.429.683 4.847 4.847 0 0 1-1.6.264A2.283 2.283 0 0 1 8.249.951a3.335 3.335 0 0 1-.668-2.066 6.93 6.93 0 0 1 .777-3.091 10.851 10.851 0 0 1 2.019-2.827 11.118 11.118 0 0 1 2.8-2.066 6.626 6.626 0 0 1 3.076-.808 3.449 3.449 0 0 1 1.864.435 2.819 2.819 0 0 1 1.056 1.584l.715-1.336 3.169-.186q-1.682 2.858-3.297 5.779t-3.418 5.81a12.85 12.85 0 0 0 3.247-1.43 19.419 19.419 0 0 0 2.827-2.128A26.619 26.619 0 0 0 24.9-3.958q1.165-1.383 2.221-2.781l.186.093a36.322 36.322 0 0 1-2.252 2.936 26.83 26.83 0 0 1-2.625 2.687 19.7 19.7 0 0 1-2.983 2.19 13.75 13.75 0 0 1-3.355 1.445 21.377 21.377 0 0 1-2.532 3.511 16.132 16.132 0 0 1-3.091 2.7 14.34 14.34 0 0 1-3.635 1.74 13.786 13.786 0 0 1-4.194.621 11.242 11.242 0 0 1-2.175-.2 5.523 5.523 0 0 1-1.816-.684A3.705 3.705 0 0 1-2.61 9.06a3.538 3.538 0 0 1-.466-1.88 3.144 3.144 0 0 1 .357-1.507 3.414 3.414 0 0 1 .948-1.118 4.262 4.262 0 0 1 1.352-.684 5.227 5.227 0 0 1 1.538-.233 8.326 8.326 0 0 1 .839.062q.559.062.87.093zm7.736-5.375a3.38 3.38 0 0 0 .311 1.523 1.378 1.378 0 0 0 1.367.621 2.373 2.373 0 0 0 1.336-.466 7.407 7.407 0 0 0 1.336-1.2 12.627 12.627 0 0 0 1.243-1.662 16.637 16.637 0 0 0 1.025-1.864 12.5 12.5 0 0 0 .684-1.786 5.336 5.336 0 0 0 .249-1.445 4.718 4.718 0 0 0-.047-.668 2.277 2.277 0 0 0-.171-.606 1.056 1.056 0 0 0-.373-.45 1.192 1.192 0 0 0-.684-.171 3.637 3.637 0 0 0-2.268.885 9.875 9.875 0 0 0-2 2.175 13.778 13.778 0 0 0-1.445 2.687 6.7 6.7 0 0 0-.563 2.428z' transform='translate(27.215 35.316)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA005:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1239'%3E%3Cpath data-name='Rectangle 1304' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 806' d='M-6.866-15.126q.031.311.062.652t.031.683a9.663 9.663 0 0 1-.5 3.076 8.355 8.355 0 0 1-1.442 2.657 7.132 7.132 0 0 1-2.315 1.864 6.658 6.658 0 0 1-3.076.7 6.107 6.107 0 0 1-1.973-.311 4.784 4.784 0 0 1-1.616-.916A4.351 4.351 0 0 1-18.8-8.2a4.594 4.594 0 0 1-.4-1.957 7.028 7.028 0 0 1 .792-3.293 10.577 10.577 0 0 1 2.108-2.779 15.139 15.139 0 0 1 3.029-2.221 22.993 22.993 0 0 1 3.531-1.616 23.593 23.593 0 0 1 3.651-.994 18.428 18.428 0 0 1 3.355-.34q1.087 0 2.051.031a18.957 18.957 0 0 1 1.9.155 16.881 16.881 0 0 1 1.864.357q.932.233 1.988.606 1.025-.373 2.051-.637a7.741 7.741 0 0 1 1.926-.264v.249a13.2 13.2 0 0 0-1.662.357 7.668 7.668 0 0 0-1.569.637 6.842 6.842 0 0 1 1.968 1.769 4.008 4.008 0 0 1 .823 2.485 4.556 4.556 0 0 1-.746 2.641 5.91 5.91 0 0 1-1.91 1.771 9.132 9.132 0 0 1-2.563 1.01 15.048 15.048 0 0 1-2.7.388v.062A4.99 4.99 0 0 1 2.346-8.6a2.745 2.745 0 0 1 .73 1.957 6.544 6.544 0 0 1-.3 1.926q-.3.963-.637 1.88t-.632 1.753A4.78 4.78 0 0 0 1.212.5q0 .963.715.963A4.244 4.244 0 0 0 4.07.687a15.324 15.324 0 0 0 2.641-2.175q.684-.683 1.32-1.429t1.212-1.444q.575-.7 1.025-1.32t.761-1.025l.249.217Q10.5-5.4 9.445-4.066T7.208-1.488A18.044 18.044 0 0 1 4.163 1.06a5.694 5.694 0 0 1-3.138.963 2.588 2.588 0 0 1-1.864-.652 2.293 2.293 0 0 1-.684-1.74 6.184 6.184 0 0 1 .388-2.082q.388-1.087.854-2.144t.856-1.957a3.928 3.928 0 0 0 .388-1.46 2.181 2.181 0 0 0-.155-.916 1.2 1.2 0 0 0-.45-.513 2.006 2.006 0 0 0-.7-.264q-.4-.078-.9-.14l.062-.249a7 7 0 0 0 .932 0q.466-.031 1.15-.124a4.891 4.891 0 0 0 2.252-.882 6.616 6.616 0 0 0 1.553-1.584 6.5 6.5 0 0 0 .885-1.833 5.906 5.906 0 0 0 .28-1.631 4.44 4.44 0 0 0-.28-1.678A4.082 4.082 0 0 0 4.6-19.2a15.022 15.022 0 0 0-3.511 3.588Q-.4-13.48-1.724-11.134t-2.641 4.66a22.6 22.6 0 0 1-3.029 4.163 14.046 14.046 0 0 1-3.961 3 11.881 11.881 0 0 1-5.453 1.15 8.329 8.329 0 0 1-1.833-.217A5.822 5.822 0 0 1-20.4.92a4.156 4.156 0 0 1-1.3-1.243 3.176 3.176 0 0 1-.513-1.817 2.562 2.562 0 0 1 .482-1.538 1.457 1.457 0 0 1 1.227-.668 1.818 1.818 0 0 1 1.118.373 1.211 1.211 0 0 1 .5 1.025 1.441 1.441 0 0 1-.311.979 1.324 1.324 0 0 1-.9.419 2.769 2.769 0 0 0 .881 2.33 3.846 3.846 0 0 0 2.408.683A6.382 6.382 0 0 0-13.7.718a10.2 10.2 0 0 0 2.548-2 18.58 18.58 0 0 0 2.206-2.9Q-7.922-5.837-6.9-7.639t2.113-3.635a34.179 34.179 0 0 1 2.361-3.48A20.13 20.13 0 0 1 .388-17.72a12.39 12.39 0 0 1 3.464-2.1 8.671 8.671 0 0 0-1.662-.65 13.776 13.776 0 0 0-1.74-.373A15.7 15.7 0 0 0-1.165-21q-.761-.031-1.32-.031a16.4 16.4 0 0 0-4.971.808 16.643 16.643 0 0 0-4.629 2.283A12.914 12.914 0 0 0-15.5-14.4a8.263 8.263 0 0 0-1.336 4.582 3.843 3.843 0 0 0 .96 2.718A3.46 3.46 0 0 0-13.2-6.055a4.393 4.393 0 0 0 2.439-.715 7.232 7.232 0 0 0 1.907-1.817A8.985 8.985 0 0 0-7.6-11.01a7.917 7.917 0 0 0 .45-2.563q0-.28-.016-.683t-.047-.839zM2.827 4.011a3.338 3.338 0 0 0-2.47.9 3.385 3.385 0 0 0-.823 2.425 3.77 3.77 0 0 0 .249 1.382 3.285 3.285 0 0 0 .7 1.1 3.192 3.192 0 0 0 1.087.73 3.743 3.743 0 0 0 1.445.264 6.632 6.632 0 0 0 2.765-.59A10.413 10.413 0 0 0 8.249 8.64a18.2 18.2 0 0 0 2.206-2.252Q11.5 5.13 12.412 3.809t1.724-2.625q.808-1.3 1.522-2.33l-.058-.062a11.341 11.341 0 0 1-1.1 1.134 9.351 9.351 0 0 1-1.28.963 6.98 6.98 0 0 1-1.429.683 4.847 4.847 0 0 1-1.6.264A2.283 2.283 0 0 1 8.249.951a3.335 3.335 0 0 1-.668-2.066 6.93 6.93 0 0 1 .777-3.091 10.851 10.851 0 0 1 2.019-2.827 11.118 11.118 0 0 1 2.8-2.066 6.626 6.626 0 0 1 3.076-.808 3.449 3.449 0 0 1 1.864.435 2.819 2.819 0 0 1 1.056 1.584l.715-1.336 3.169-.186q-1.682 2.858-3.297 5.779t-3.418 5.81a12.85 12.85 0 0 0 3.247-1.43 19.419 19.419 0 0 0 2.827-2.128A26.619 26.619 0 0 0 24.9-3.958q1.165-1.383 2.221-2.781l.186.093a36.322 36.322 0 0 1-2.252 2.936 26.83 26.83 0 0 1-2.625 2.687 19.7 19.7 0 0 1-2.983 2.19 13.75 13.75 0 0 1-3.355 1.445 21.377 21.377 0 0 1-2.532 3.511 16.132 16.132 0 0 1-3.091 2.7 14.34 14.34 0 0 1-3.635 1.74 13.786 13.786 0 0 1-4.194.621 11.242 11.242 0 0 1-2.175-.2 5.523 5.523 0 0 1-1.816-.684A3.705 3.705 0 0 1-2.61 9.06a3.538 3.538 0 0 1-.466-1.88 3.144 3.144 0 0 1 .357-1.507 3.414 3.414 0 0 1 .948-1.118 4.262 4.262 0 0 1 1.352-.684 5.227 5.227 0 0 1 1.538-.233 8.326 8.326 0 0 1 .839.062q.559.062.87.093zm7.736-5.375a3.38 3.38 0 0 0 .311 1.523 1.378 1.378 0 0 0 1.367.621 2.373 2.373 0 0 0 1.336-.466 7.407 7.407 0 0 0 1.336-1.2 12.627 12.627 0 0 0 1.243-1.662 16.637 16.637 0 0 0 1.025-1.864 12.5 12.5 0 0 0 .684-1.786 5.336 5.336 0 0 0 .249-1.445 4.718 4.718 0 0 0-.047-.668 2.277 2.277 0 0 0-.171-.606 1.056 1.056 0 0 0-.373-.45 1.192 1.192 0 0 0-.684-.171 3.637 3.637 0 0 0-2.268.885 9.875 9.875 0 0 0-2 2.175 13.778 13.778 0 0 0-1.445 2.687 6.7 6.7 0 0 0-.563 2.428z' transform='translate(27.215 35.316)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA006 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1241'%3E%3Cpath data-name='Rectangle 1306' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 807' d='m-.322 1.14-4.593-9.187a6.828 6.828 0 0 0 4.148-6.48c0-4.251-3.154-7.233-7.919-7.233h-9.291a.324.324 0 0 0-.343.343V1.209a.324.324 0 0 0 .343.343h4.354a.324.324 0 0 0 .343-.343v-8.33a.182.182 0 0 1 .206-.206h3.12l4.011 8.536a.464.464 0 0 0 .514.343h4.867a.254.254 0 0 0 .28-.252.356.356 0 0 0-.039-.16zm2.037-.082L-2.417-7.2a8.468 8.468 0 0 0 3.467-6.71 7 7 0 0 0-3.188-6.1 7.692 7.692 0 0 1 2.126 5.483A7.627 7.627 0 0 1-3.886-7.7L.351.814a1.939 1.939 0 0 1 .249.817c0 .462-.379.675-1.159.675h-4.63l.069.137c.35.7.487.788 1.2.788h4.5C1.522 3.232 2 2.778 2 2.092a2.361 2.361 0 0 0-.283-1.034zM-8.96-11.612h-4.114a.182.182 0 0 1-.206-.206V-17.2a.182.182 0 0 1 .206-.206h4.114a2.834 2.834 0 0 1 3.154 2.88 2.841 2.841 0 0 1-3.154 2.914zm0-5.039h-3.565v4.285h1.1v-3.36h3.565a3.287 3.287 0 0 1 1.063.171 2.244 2.244 0 0 0-2.163-1.097zm-3.566 10.078v7.782c0 .9-.2 1.1-1.1 1.1h-4.3c0 .819.12.926 1.046.926h4.354c.761 0 1.1-.336 1.1-1.1v-7.782h1.44l-.446-.926zM10.066.9c2.1 0 3.538-.751 4.248-1.92h.038V.386c0 2.434-1.028 3.668-3.325 3.668A4.981 4.981 0 0 1 7.6 2.614a.321.321 0 0 0-.514 0L4.649 5.082a.387.387 0 0 0-.133.272.391.391 0 0 0 .1.243 8.713 8.713 0 0 0 6.274 2.5c5.451 0 8.262-2.777 8.262-8.33V-14.7a.324.324 0 0 0-.343-.343h-4.115a.324.324 0 0 0-.343.343v1.2h-.038c-.71-1.169-2.15-1.92-4.248-1.92a5.431 5.431 0 0 0-5.554 4.011 12.931 12.931 0 0 0-.549 4.148 13.074 13.074 0 0 0 .549 4.148A5.431 5.431 0 0 0 10.066.9zm9.839-15.564V-.231c0 5.931-3.116 9.085-9.016 9.085a10.413 10.413 0 0 1-5.52-1.611 9.966 9.966 0 0 0 6.617 2.537C17.454 9.779 21 6.31 21-.231v-13.336c0-.901-.193-1.097-1.095-1.097zM9.106-9.59a2.382 2.382 0 0 1 2.468-1.783 2.332 2.332 0 0 1 2.469 1.783 7.091 7.091 0 0 1 .309 2.331 7.091 7.091 0 0 1-.309 2.331 2.332 2.332 0 0 1-2.468 1.783 2.382 2.382 0 0 1-2.469-1.783 8.325 8.325 0 0 1-.274-2.331 8.325 8.325 0 0 1 .274-2.331zm2.468-1.028A1.607 1.607 0 0 0 9.826-9.35a7.152 7.152 0 0 0-.24 2.091 7.306 7.306 0 0 0 .24 2.091 1.622 1.622 0 0 0 1.231 1.228 8 8 0 0 1-.374-2.736 7.808 7.808 0 0 1 .206-2.16 1.18 1.18 0 0 1 1.268-.926 5.638 5.638 0 0 1 1.073.117 1.576 1.576 0 0 0-1.656-.974zm-.411 13.164a5 5 0 0 0 2.163-.514A5.511 5.511 0 0 0 13.6.763a6.578 6.578 0 0 1-3.531.891A6.548 6.548 0 0 1 6.024.4a7 7 0 0 0 5.139 2.146z' transform='translate(28.32 35.675)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA006:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1241'%3E%3Cpath data-name='Rectangle 1306' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 807' d='m-.322 1.14-4.593-9.187a6.828 6.828 0 0 0 4.148-6.48c0-4.251-3.154-7.233-7.919-7.233h-9.291a.324.324 0 0 0-.343.343V1.209a.324.324 0 0 0 .343.343h4.354a.324.324 0 0 0 .343-.343v-8.33a.182.182 0 0 1 .206-.206h3.12l4.011 8.536a.464.464 0 0 0 .514.343h4.867a.254.254 0 0 0 .28-.252.356.356 0 0 0-.039-.16zm2.037-.082L-2.417-7.2a8.468 8.468 0 0 0 3.467-6.71 7 7 0 0 0-3.188-6.1 7.692 7.692 0 0 1 2.126 5.483A7.627 7.627 0 0 1-3.886-7.7L.351.814a1.939 1.939 0 0 1 .249.817c0 .462-.379.675-1.159.675h-4.63l.069.137c.35.7.487.788 1.2.788h4.5C1.522 3.232 2 2.778 2 2.092a2.361 2.361 0 0 0-.283-1.034zM-8.96-11.612h-4.114a.182.182 0 0 1-.206-.206V-17.2a.182.182 0 0 1 .206-.206h4.114a2.834 2.834 0 0 1 3.154 2.88 2.841 2.841 0 0 1-3.154 2.914zm0-5.039h-3.565v4.285h1.1v-3.36h3.565a3.287 3.287 0 0 1 1.063.171 2.244 2.244 0 0 0-2.163-1.097zm-3.566 10.078v7.782c0 .9-.2 1.1-1.1 1.1h-4.3c0 .819.12.926 1.046.926h4.354c.761 0 1.1-.336 1.1-1.1v-7.782h1.44l-.446-.926zM10.066.9c2.1 0 3.538-.751 4.248-1.92h.038V.386c0 2.434-1.028 3.668-3.325 3.668A4.981 4.981 0 0 1 7.6 2.614a.321.321 0 0 0-.514 0L4.649 5.082a.387.387 0 0 0-.133.272.391.391 0 0 0 .1.243 8.713 8.713 0 0 0 6.274 2.5c5.451 0 8.262-2.777 8.262-8.33V-14.7a.324.324 0 0 0-.343-.343h-4.115a.324.324 0 0 0-.343.343v1.2h-.038c-.71-1.169-2.15-1.92-4.248-1.92a5.431 5.431 0 0 0-5.554 4.011 12.931 12.931 0 0 0-.549 4.148 13.074 13.074 0 0 0 .549 4.148A5.431 5.431 0 0 0 10.066.9zm9.839-15.564V-.231c0 5.931-3.116 9.085-9.016 9.085a10.413 10.413 0 0 1-5.52-1.611 9.966 9.966 0 0 0 6.617 2.537C17.454 9.779 21 6.31 21-.231v-13.336c0-.901-.193-1.097-1.095-1.097zM9.106-9.59a2.382 2.382 0 0 1 2.468-1.783 2.332 2.332 0 0 1 2.469 1.783 7.091 7.091 0 0 1 .309 2.331 7.091 7.091 0 0 1-.309 2.331 2.332 2.332 0 0 1-2.468 1.783 2.382 2.382 0 0 1-2.469-1.783 8.325 8.325 0 0 1-.274-2.331 8.325 8.325 0 0 1 .274-2.331zm2.468-1.028A1.607 1.607 0 0 0 9.826-9.35a7.152 7.152 0 0 0-.24 2.091 7.306 7.306 0 0 0 .24 2.091 1.622 1.622 0 0 0 1.231 1.228 8 8 0 0 1-.374-2.736 7.808 7.808 0 0 1 .206-2.16 1.18 1.18 0 0 1 1.268-.926 5.638 5.638 0 0 1 1.073.117 1.576 1.576 0 0 0-1.656-.974zm-.411 13.164a5 5 0 0 0 2.163-.514A5.511 5.511 0 0 0 13.6.763a6.578 6.578 0 0 1-3.531.891A6.548 6.548 0 0 1 6.024.4a7 7 0 0 0 5.139 2.146z' transform='translate(28.32 35.675)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA007 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1238'%3E%3Cpath data-name='Rectangle 1299' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 809' d='M12.149-4.4a13.961 13.961 0 0 1-8.233 2.7 13.961 13.961 0 0 1-8.234-2.7L-5.62-2.5a13.844 13.844 0 0 0 9.535 3.771A13.844 13.844 0 0 0 13.451-2.5zM-11.9-7.985A15.8 15.8 0 0 0 3.915 7.83 15.8 15.8 0 0 0 19.731-7.985 15.8 15.8 0 0 0 3.915-23.8 15.8 15.8 0 0 0-11.9-7.985zm2.465.047a13.39 13.39 0 0 1 13.35-13.4 13.4 13.4 0 0 1 13.4 13.4 13.39 13.39 0 0 1-13.4 13.35A13.38 13.38 0 0 1-9.435-7.939zm5.768-3.814a2.226 2.226 0 0 0 2.28 2.278 2.264 2.264 0 0 0 2.325-2.279 2.3 2.3 0 0 0-2.326-2.326 2.264 2.264 0 0 0-2.279 2.326zm10.559 0a2.226 2.226 0 0 0 2.28 2.278 2.264 2.264 0 0 0 2.328-2.279 2.3 2.3 0 0 0-2.326-2.326 2.264 2.264 0 0 0-2.282 2.326z' transform='translate(25.9 37.715)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA007:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1238'%3E%3Cpath data-name='Rectangle 1299' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 809' d='M12.149-4.4a13.961 13.961 0 0 1-8.233 2.7 13.961 13.961 0 0 1-8.234-2.7L-5.62-2.5a13.844 13.844 0 0 0 9.535 3.771A13.844 13.844 0 0 0 13.451-2.5zM-11.9-7.985A15.8 15.8 0 0 0 3.915 7.83 15.8 15.8 0 0 0 19.731-7.985 15.8 15.8 0 0 0 3.915-23.8 15.8 15.8 0 0 0-11.9-7.985zm2.465.047a13.39 13.39 0 0 1 13.35-13.4 13.4 13.4 0 0 1 13.4 13.4 13.39 13.39 0 0 1-13.4 13.35A13.38 13.38 0 0 1-9.435-7.939zm5.768-3.814a2.226 2.226 0 0 0 2.28 2.278 2.264 2.264 0 0 0 2.325-2.279 2.3 2.3 0 0 0-2.326-2.326 2.264 2.264 0 0 0-2.279 2.326zm10.559 0a2.226 2.226 0 0 0 2.28 2.278 2.264 2.264 0 0 0 2.328-2.279 2.3 2.3 0 0 0-2.326-2.326 2.264 2.264 0 0 0-2.282 2.326z' transform='translate(25.9 37.715)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA008 {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1242'%3E%3Cpath data-name='Rectangle 1307' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 808' d='M-13.929 4.974a10.547 10.547 0 0 1 1.549-1.466 14.356 14.356 0 0 1 1.632-1.149A10.7 10.7 0 0 1-8.6 1.41a10.561 10.561 0 0 1 3-.466 11.584 11.584 0 0 1 2.282.25l2.182.55 1 .25.666-.55L.313.46-.22-2.088l-.433-1.749-.366-1.183a4.388 4.388 0 0 0-.366-.8 1.319 1.319 0 0 0-.7-.583l-.366-.05h-.267V-5.2l-.05 1.1Q-3-1.6-6.133-.239l-.966.4-.3-.283.267-.4a5.3 5.3 0 0 0 .416-2l.017-1v-9.361l.05-1.033A3.329 3.329 0 0 1-5.067-16.5l1.333-.783 5.18-2.915q3.015 1.316 3.048 5.1a7.418 7.418 0 0 1-.083 1.2 7.859 7.859 0 0 1-.666 2.074A7.789 7.789 0 0 1 2.5-9.966a10.015 10.015 0 0 1-1.283 1.2L.08-7.984a8.53 8.53 0 0 1 .983.5 4.967 4.967 0 0 1 1.182 1.065 6.206 6.206 0 0 1 .891 1.441 11.765 11.765 0 0 1 .558 1.824l.383 1.632A10.617 10.617 0 0 0 4.561.144 2.04 2.04 0 0 0 6.676 1.61l.566-.133.267.3-2.532 4.28-.716-.15a4.463 4.463 0 0 1-1.432-.683 4.9 4.9 0 0 1-1.6-1.982L.8 2.326l-2.153 2.165-1.465 1.566-1.316-.7a11 11 0 0 0-2.082-.75 10.658 10.658 0 0 0-2.665-.366 10.723 10.723 0 0 0-1.882.2 7.291 7.291 0 0 0-2.365.9l-1.016.716-.433-.25zM-2.718-7.351l.866-.333a4.619 4.619 0 0 0 1.283-.8 5.307 5.307 0 0 0 1.9-4.2 8.007 8.007 0 0 0-.167-1.491 6.046 6.046 0 0 0-.45-1.341A5.438 5.438 0 0 0-.67-17.328l-.466-.333-.217.083-.45.267a2.068 2.068 0 0 0-.85 1.432l-.067.683zm-11.66 2.931a1.88 1.88 0 0 1-1.066-1.965 3.228 3.228 0 0 1 .65-2.049 2.338 2.338 0 0 1 1.932-.933h.433v-.8a3.517 3.517 0 0 1 .067-.849q.283-1.915 2.915-3.265l1.5-.783.2.267-.333.583a2.659 2.659 0 0 0-.267.933 7.772 7.772 0 0 0-.1 1.432v7.1A16.026 16.026 0 0 1-8.632-1.8 4.2 4.2 0 0 1-10.181.61a9.713 9.713 0 0 1-1.432.949l-1.166.616-.35-.183a2.842 2.842 0 0 0 .7-1.766v-5.6h-.516q-.849-.017-1.033 1.1zm-1.532-11.843a8.729 8.729 0 0 1 1.649-2.473 3.582 3.582 0 0 1 2.631-1.274 6.544 6.544 0 0 1 1.716.266l2.182.583a3.073 3.073 0 0 0 2.215-.183l.583-.416.3.25-.267.45a7.042 7.042 0 0 1-2.482 2.648 3.217 3.217 0 0 1-1.649.45 6.033 6.033 0 0 1-1.249-.15l-1.916-.4a7.821 7.821 0 0 0-1.6-.167 2.112 2.112 0 0 0-1.566.583l-.316.35-.366-.167zm24.1 19.2.949-.8V-7.4l-.031-1.234a3.054 3.054 0 0 0-.233-.949l-.433-.7.883.133a6.721 6.721 0 0 0 1.183.067 9.184 9.184 0 0 0 1.674-.117 13.71 13.71 0 0 0 1.741-.416q.783-.233 1.8-.616a14.577 14.577 0 0 0 1.6-.666l1.116-.566.683.849a3.7 3.7 0 0 0 3.6 1.033l.65-.15v.117l-.217.333a11.723 11.723 0 0 1-1.271 1.432l-.6.566v7.179L21.3.227a5.007 5.007 0 0 0 .666 1.849l.766 1.4a2.8 2.8 0 0 1 .333 1.2 3.674 3.674 0 0 1-1.749 2.648L17.5 10.371l-2 1.882a7.681 7.681 0 0 0-2.715-1.666 5.554 5.554 0 0 0-1.549-.217 4.3 4.3 0 0 0-2.032.433l-.8.533-.333-.15a9.343 9.343 0 0 1 1-1.249 6.88 6.88 0 0 1 1.4-1.133 6.915 6.915 0 0 1 1.616-.766 7.288 7.288 0 0 1 2.249-.333 7.262 7.262 0 0 1 2.032.267 16.021 16.021 0 0 1 1.6.6l.466-.383a2.35 2.35 0 0 0 .883-1.8 3.634 3.634 0 0 0-.666-1.7A7.524 7.524 0 0 1 18 3.459l-.33-1.016-1.316.833a22.812 22.812 0 0 0-1.966 1.482l-1.5 1.3-.533-.666a6.2 6.2 0 0 0-.991-.833 4.206 4.206 0 0 0-1.149-.55A4.406 4.406 0 0 0 9 3.817a3.669 3.669 0 0 0-1.108.142l-.683.25-.15-.15zm4.7-12.176V1.51a10.627 10.627 0 0 1 2.715 1l1.932-1.283v-9.145L16.6-8.3a3.883 3.883 0 0 1-1.266-.9l-.534-.633z' transform='translate(26.045 34.108)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
          .filterForm #filterStyle .list-group > div .form-check-input[type=checkbox]#FACCLA008:checked {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg data-name='Group 1242'%3E%3Cpath data-name='Rectangle 1307' style='fill:none' d='M0 0h60v60H0z'/%3E%3Cpath data-name='Path 808' d='M-13.929 4.974a10.547 10.547 0 0 1 1.549-1.466 14.356 14.356 0 0 1 1.632-1.149A10.7 10.7 0 0 1-8.6 1.41a10.561 10.561 0 0 1 3-.466 11.584 11.584 0 0 1 2.282.25l2.182.55 1 .25.666-.55L.313.46-.22-2.088l-.433-1.749-.366-1.183a4.388 4.388 0 0 0-.366-.8 1.319 1.319 0 0 0-.7-.583l-.366-.05h-.267V-5.2l-.05 1.1Q-3-1.6-6.133-.239l-.966.4-.3-.283.267-.4a5.3 5.3 0 0 0 .416-2l.017-1v-9.361l.05-1.033A3.329 3.329 0 0 1-5.067-16.5l1.333-.783 5.18-2.915q3.015 1.316 3.048 5.1a7.418 7.418 0 0 1-.083 1.2 7.859 7.859 0 0 1-.666 2.074A7.789 7.789 0 0 1 2.5-9.966a10.015 10.015 0 0 1-1.283 1.2L.08-7.984a8.53 8.53 0 0 1 .983.5 4.967 4.967 0 0 1 1.182 1.065 6.206 6.206 0 0 1 .891 1.441 11.765 11.765 0 0 1 .558 1.824l.383 1.632A10.617 10.617 0 0 0 4.561.144 2.04 2.04 0 0 0 6.676 1.61l.566-.133.267.3-2.532 4.28-.716-.15a4.463 4.463 0 0 1-1.432-.683 4.9 4.9 0 0 1-1.6-1.982L.8 2.326l-2.153 2.165-1.465 1.566-1.316-.7a11 11 0 0 0-2.082-.75 10.658 10.658 0 0 0-2.665-.366 10.723 10.723 0 0 0-1.882.2 7.291 7.291 0 0 0-2.365.9l-1.016.716-.433-.25zM-2.718-7.351l.866-.333a4.619 4.619 0 0 0 1.283-.8 5.307 5.307 0 0 0 1.9-4.2 8.007 8.007 0 0 0-.167-1.491 6.046 6.046 0 0 0-.45-1.341A5.438 5.438 0 0 0-.67-17.328l-.466-.333-.217.083-.45.267a2.068 2.068 0 0 0-.85 1.432l-.067.683zm-11.66 2.931a1.88 1.88 0 0 1-1.066-1.965 3.228 3.228 0 0 1 .65-2.049 2.338 2.338 0 0 1 1.932-.933h.433v-.8a3.517 3.517 0 0 1 .067-.849q.283-1.915 2.915-3.265l1.5-.783.2.267-.333.583a2.659 2.659 0 0 0-.267.933 7.772 7.772 0 0 0-.1 1.432v7.1A16.026 16.026 0 0 1-8.632-1.8 4.2 4.2 0 0 1-10.181.61a9.713 9.713 0 0 1-1.432.949l-1.166.616-.35-.183a2.842 2.842 0 0 0 .7-1.766v-5.6h-.516q-.849-.017-1.033 1.1zm-1.532-11.843a8.729 8.729 0 0 1 1.649-2.473 3.582 3.582 0 0 1 2.631-1.274 6.544 6.544 0 0 1 1.716.266l2.182.583a3.073 3.073 0 0 0 2.215-.183l.583-.416.3.25-.267.45a7.042 7.042 0 0 1-2.482 2.648 3.217 3.217 0 0 1-1.649.45 6.033 6.033 0 0 1-1.249-.15l-1.916-.4a7.821 7.821 0 0 0-1.6-.167 2.112 2.112 0 0 0-1.566.583l-.316.35-.366-.167zm24.1 19.2.949-.8V-7.4l-.031-1.234a3.054 3.054 0 0 0-.233-.949l-.433-.7.883.133a6.721 6.721 0 0 0 1.183.067 9.184 9.184 0 0 0 1.674-.117 13.71 13.71 0 0 0 1.741-.416q.783-.233 1.8-.616a14.577 14.577 0 0 0 1.6-.666l1.116-.566.683.849a3.7 3.7 0 0 0 3.6 1.033l.65-.15v.117l-.217.333a11.723 11.723 0 0 1-1.271 1.432l-.6.566v7.179L21.3.227a5.007 5.007 0 0 0 .666 1.849l.766 1.4a2.8 2.8 0 0 1 .333 1.2 3.674 3.674 0 0 1-1.749 2.648L17.5 10.371l-2 1.882a7.681 7.681 0 0 0-2.715-1.666 5.554 5.554 0 0 0-1.549-.217 4.3 4.3 0 0 0-2.032.433l-.8.533-.333-.15a9.343 9.343 0 0 1 1-1.249 6.88 6.88 0 0 1 1.4-1.133 6.915 6.915 0 0 1 1.616-.766 7.288 7.288 0 0 1 2.249-.333 7.262 7.262 0 0 1 2.032.267 16.021 16.021 0 0 1 1.6.6l.466-.383a2.35 2.35 0 0 0 .883-1.8 3.634 3.634 0 0 0-.666-1.7A7.524 7.524 0 0 1 18 3.459l-.33-1.016-1.316.833a22.812 22.812 0 0 0-1.966 1.482l-1.5 1.3-.533-.666a6.2 6.2 0 0 0-.991-.833 4.206 4.206 0 0 0-1.149-.55A4.406 4.406 0 0 0 9 3.817a3.669 3.669 0 0 0-1.108.142l-.683.25-.15-.15zm4.7-12.176V1.51a10.627 10.627 0 0 1 2.715 1l1.932-1.283v-9.145L16.6-8.3a3.883 3.883 0 0 1-1.266-.9l-.534-.633z' transform='translate(26.045 34.108)' style='fill:%234173fa'/%3E%3C/g%3E%3C/svg%3E%0A"); }
      .filterForm #filterStyle .list-group > div input[type="checkbox"]:checked {
        border: 1px solid #4173fa; }
      .filterForm #filterStyle .list-group > div input[type="checkbox"]:checked + label {
        color: #4173fa; }

.search_font .filterForm > .d-flex:first-of-type .form-group.select-wrap {
  width: 48.125rem; }

.search_font .filterForm > .d-flex:first-of-type .form-group:nth-of-type(2) {
  width: 18.125rem; }

/* 검색결과 */
/* 브랜드상세 - 폰트보기 */
/* 디자이너상세 - 폰트목록 */
/* 폰트 - 폰트 리스트 */
/* 무료폰트 - 자유사용 */
/* 무료폰트 - 범위제한 */
/* 무료폰트 - 체험판 */
/* 스토어 - 기획상품/브랜드상품 */
/* PSP 2.0 내폰트 : myfont-list */
.search-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0; }
  .search-list .more {
    display: none; }
  .search-list div.w-100 {
    display: none; }
    .search-list div.w-100 ul {
      display: flex;
      background-color: #F5F8FF;
      flex-wrap: wrap; }
  .search-list .showAllWeight + div.w-100 {
    display: block; }
  .search-list.border-top-ddd {
    border-top: 1px solid #dddddd; }
  .search-list.minimum-8 .item {
    display: block; }
    .search-list.minimum-8 .item:nth-of-type(n+9) {
      display: none; }
  .search-list.minimum-12 .item {
    display: block; }
    .search-list.minimum-12 .item:nth-of-type(n+13) {
      display: none; }
  .search-list.minimum-12 .more {
    width: 100%;
    display: block;
    padding-top: 1.25rem; }
  .search-list.list-row li.myfont {
    width: 100%;
    margin-right: 0; }
  .search-list.list-row li.font2 {
    margin-bottom: 0;
    margin-right: 0 !important;
    padding: 16px 0 0px 0px;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0; }
    .search-list.list-row li.font2 .font_image {
      display: none; }
    .search-list.list-row li.font2 .add-myfontlist {
      right: 18px; }
      .search-list.list-row li.font2 .add-myfontlist i.sd.ic-heart {
        background-size: 100% 100%;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
  .search-list.list-row li.search-font {
    width: 100%;
    margin-right: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #dddddd; }
    .search-list.list-row li.search-font > a {
      padding: 16px 0 0; }
    .search-list.list-row li.search-font .text-wrap {
      display: flex;
      align-items: center;
      margin-bottom: 7px; }
      .search-list.list-row li.search-font .text-wrap p.text-999 {
        margin-left: 12px;
        margin-bottom: 0; }
    .search-list.list-row li.search-font .preview {
      margin-top: 0;
      padding: 20px 0;
      line-height: 1 !important;
      font-size: 2.5rem !important; }
    .search-list.list-row li.search-font hr {
      display: none; }
    .search-list.list-row li.search-font .font_image {
      display: none; }
    .search-list.list-row li.search-font .add-myfontlist .ic-heart {
      opacity: 0.45; }
  .search-list.list-row li .add-myfontlist {
    top: 0px;
    right: 0px; }
  .search-list.list-row > li.myfont input[name="active_font"] {
    display: none; }
  .search-list:not(.list-row) li .add-myfontlist {
    left: inherit;
    bottom: inherit;
    top: 16px;
    right: 16px;
    /*
          i.sd.ic-heart-fill{
            background-size:100% 100%;
            background-image:url('https://media.sandollcloud.com/static/images/PSP/icon/ic-heart-fill.png')
          }*/ }
    .search-list:not(.list-row) li .add-myfontlist i.sd.ic-heart {
      background-size: 100% 100%;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
  .search-list.list-noimg li.font .img_link,
  .search-list.list-noimg li.font .font_image {
    display: none; }
  .search-list.list-noimg li.font .preview {
    margin: 1.75rem 0 2rem 1.25rem; }
  .search-list.list-noimg li.image-search {
    position: relative;
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    padding: 12px 16px 16px; }
    .search-list.list-noimg li.image-search:nth-child(2n) {
      margin-right: 0; }
    .search-list.list-noimg li.image-search:hover, .search-list.list-noimg li.image-search:active, .search-list.list-noimg li.image-search:focus {
      background: #f5f8ff; }
    .search-list.list-noimg li.image-search hr {
      background-color: #dddddd;
      margin: 15px 0 10px;
      opacity: 1; }
    .search-list.list-noimg li.image-search .preview {
      min-height: 58px;
      display: block;
      font-size: 36px;
      line-height: 1.6;
      overflow: hidden;
      white-space: nowrap;
      margin-top: 0.625rem; }
      .search-list.list-noimg li.image-search .preview.detail_vertical {
        writing-mode: vertical-rl;
        margin-left: auto;
        height: 360px;
        overflow: auto;
        white-space: pre-line;
        overflow-y: hidden; }
      .search-list.list-noimg li.image-search .preview:has(img) {
        display: flex;
        align-items: center;
        width: 100%; }
      .search-list.list-noimg li.image-search .preview img {
        height: 36px; }
    .search-list.list-noimg li.image-search .add-myfontlist {
      position: absolute;
      bottom: inherit;
      top: 12px;
      right: 16px; }
  .search-list.list-noimg li.font2 .font_image {
    display: none; }
  .search-list.list-noimg li.search-font > a {
    padding: 12px 16px 16px; }
  .search-list.list-noimg li.search-font .preview {
    margin-top: 0;
    min-height: 32px;
    font-size: 30px !important;
    white-space: wrap;
    word-wrap: break-word;
    display: -webkit-box;
    line-height: 1.61;
    -webkit-line-clamp: 2;
    /* ellipsis line */
    -webkit-box-orient: vertical;
    max-height: calc(30px * 1.61 * 2); }
  .search-list.list-noimg li.search-font img.preview {
    height: calc(30px * 1.6); }
  .search-list.list-noimg li.search-font .font_image {
    display: none; }
  .search-list.list-noimg li.search-font hr {
    display: block; }
  .search-list.list-noimg li.search-font.freefont {
    /*
          .preview{
            white-space:nowrap;
          }
          img.preview{
            height:calc(30px * 1.6);
          }*/ }
    .search-list.list-noimg li.search-font.freefont hr {
      display: block; }
  .search-list.list-paragraph {
    align-items: stretch; }
    .search-list.list-paragraph li.myfont {
      width: 50%; }
      .search-list.list-paragraph li.myfont .preview,
      .search-list.list-paragraph li.myfont .font_image {
        display: none; }
      .search-list.list-paragraph li.myfont .preview2 {
        display: block;
        white-space: initial;
        max-height: inherit;
        word-break: break-all; }
      .search-list.list-paragraph li.myfont input + .checkbox {
        height: 100%; }
        .search-list.list-paragraph li.myfont input + .checkbox > div {
          height: 100%; }
    .search-list.list-paragraph li.font2 {
      width: calc(33.3% - 40px / 3);
      margin-right: 20px; }
      .search-list.list-paragraph li.font2:nth-child(3n) {
        margin-right: 0; }
  .search-list.draggable li.myfont input.font_chked {
    width: 1px;
    height: 1px;
    position: absolute;
    display: inline-block;
    top: calc(50% - 12px);
    left: 8px; }
    .search-list.draggable li.myfont input.font_chked:after {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center center;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='1.25' stroke='%23DDDDDD' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    .search-list.draggable li.myfont input.font_chked:checked:after {
      border: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3.93414 7.12653C3.64125 6.83364 3.16637 6.83364 2.87348 7.12653C2.58059 7.41942 2.58059 7.8943 2.87348 8.18719L6.40901 11.7227C6.70191 12.0156 7.17678 12.0156 7.46967 11.7227L13.1265 6.06587C13.4194 5.77298 13.4194 5.2981 13.1265 5.00521C12.8336 4.71232 12.3588 4.71232 12.0659 5.00521L6.93934 10.1317L3.93414 7.12653Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    .search-list.draggable li.myfont input.font_chked.partly:after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3 7.25C2.58579 7.25 2.25 7.58579 2.25 8C2.25 8.41421 2.58579 8.75 3 8.75H13C13.4142 8.75 13.75 8.41421 13.75 8C13.75 7.58579 13.4142 7.25 13 7.25H3Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  .search-list.draggable li.myfont input:checked + .checkbox {
    background: #ECF3FE; }
  .search-list.draggable li.myfont input + .checkbox > div {
    padding-left: 1.5rem; }
  .search-list.draggable li.myfont .copyFontnameBtn {
    display: none !important; }
  .search-list li {
    position: relative;
    overflow: hidden;
    /* 검색화면 전체 :  폰트, 무료폰트 */
    /* 검색화면 전체 :  큐레이션 */
    /* 검색화면 전체 :  브랜드  */
    /* 검색화면 전체 :  디자이너 */ }
    .search-list li a:not(.btn-default) {
      text-decoration: none;
      color: #1c1c1c; }
    .search-list li .cpname {
      min-height: 12px; }
    .search-list li dl {
      border: 1px solid gray;
      position: relative; }
    .search-list li img {
      border: none; }
    .search-list li .img_link {
      display: block; }
    .search-list li .use {
      font-size: 0.625rem;
      color: #bfbfbf;
      background: #f9f9f9;
      padding: 2px 5px;
      border-radius: 7px;
      font-weight: normal;
      margin-left: 4px; }
    .search-list li p {
      margin: 0; }
    .search-list li .fs-title-3 {
      margin: 12px 0 4px; }
    .search-list li .fs-txt-3 a {
      color: #999999; }
    .search-list li .fs-txt-3 .price {
      display: block;
      color: #333333; }
    .search-list li .add-myfontlist {
      position: absolute;
      border: none;
      background: transparent;
      height: 32px;
      width: 32px;
      padding: 0;
      top: 16px;
      right: 16px;
      transition: background 0.15s ease-in-out; }
      .search-list li .add-myfontlist i {
        transition: background 0.15s ease-in-out; }
    .search-list li .add-cart {
      margin-top: -8px; }
    .search-list li.search-font {
      border-bottom: 1px solid #dddddd;
      padding: 0;
      width: calc(25% - 15px);
      margin-right: 20px;
      border-radius: 8px;
      margin-bottom: 20px;
      border: 1px solid #dddddd; }
      .search-list li.search-font > a {
        padding: 12px 16px 0px;
        display: block; }
      .search-list li.search-font hr {
        display: none;
        background-color: #dddddd;
        opacity: 1;
        margin-top: 16px;
        margin-bottom: 10px; }
      .search-list li.search-font:nth-of-type(4n) {
        margin-right: 0; }
      .search-list li.search-font .preview {
        margin-top: 4px;
        min-height: 32px;
        display: block;
        line-height: 1.6 !important;
        overflow: hidden;
        font-size: 40px !important;
        white-space: nowrap; }
      .search-list li.search-font img.preview {
        height: calc(40px * 1.6);
        box-sizing: content-box; }
      .search-list li.search-font .font_image {
        margin-top: 0;
        width: calc(100% + 32px);
        object-fit: cover;
        aspect-ratio: 2 / 1;
        display: block;
        object-position: center center;
        margin-left: -16px; }
        .search-list li.search-font .font_image .carousel-item img {
          object-fit: cover;
          aspect-ratio: 2 / 1;
          display: block;
          object-position: center center;
          background-color: #000; }
        .search-list li.search-font .font_image .carousel-control-next,
        .search-list li.search-font .font_image .carousel-control-prev {
          display: none;
          width: 34px;
          height: 34px;
          opacity: 1;
          top: calc(50% - 17px); }
          .search-list li.search-font .font_image .carousel-control-next img,
          .search-list li.search-font .font_image .carousel-control-prev img {
            width: 100%; }
        .search-list li.search-font .font_image:hover .carousel-control-next,
        .search-list li.search-font .font_image:hover .carousel-control-prev {
          display: block; }
      .search-list li.search-font p.d-flex.align-items-center.text-999 {
        line-height: 1.68;
        font-size: 0.75rem; }
        .search-list li.search-font p.d-flex.align-items-center.text-999 > * {
          margin-right: 4px; }
      .search-list li.search-font .badge {
        font-size: 0.625rem;
        margin-right: 4px; }
      .search-list li.search-font h3 {
        line-height: 1.58;
        font-size: 1rem;
        font-weight: 650; }
      .search-list li.search-font p.text-999:not(.d-flex) {
        font-size: 0.75rem;
        margin-bottom: 8px; }
        .search-list li.search-font p.text-999:not(.d-flex) span {
          position: relative;
          margin-right: 10px; }
      .search-list li.search-font .add-myfontlist {
        top: 8px; }
    .search-list li.search-curation {
      width: calc(25% - (60px / 4));
      margin-right: 20px;
      margin-bottom: 2.5rem;
      overflow: hidden; }
      .search-list li.search-curation:hover img {
        transform: scale(1.1); }
      .search-list li.search-curation:nth-of-type(4n) {
        margin-right: 0; }
      .search-list li.search-curation .img-wrap {
        border: 1px solid #dddddd;
        border-radius: 12px;
        aspect-ratio: 285 / 190;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 12px; }
      .search-list li.search-curation img {
        object-fit: cover;
        max-width: 100%;
        display: block;
        background-color: #dddddd;
        height: auto;
        border: 1px solid #eaeaea;
        transition: transform 0.3s ease; }
      .search-list li.search-curation .text-wrap {
        line-height: 1.61;
        width: 100%; }
        .search-list li.search-curation .text-wrap h3 {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-bottom: 4px;
          font-size: 1rem; }
        .search-list li.search-curation .text-wrap p {
          font-size: 0.875rem;
          line-height: 1.61; }
          .search-list li.search-curation .text-wrap p.text-999 {
            line-height: 1.68;
            font-size: 0.75rem; }
    .search-list li.search-voucher {
      width: calc(50% - 10px);
      margin-right: 20px;
      border-radius: 16px;
      border: 1px solid #dddddd;
      padding: 30px;
      margin-bottom: 20px; }
      .search-list li.search-voucher:nth-child(2n) {
        margin-right: 0; }
      .search-list li.search-voucher h2 {
        margin-top: 0.375rem;
        line-height: 1.48;
        font-size: 1.25rem;
        font-weight: 650; }
      .search-list li.search-voucher a > div {
        width: 46.6%;
        padding-right: 30px; }
        .search-list li.search-voucher a > div .badge-recomm {
          font-size: 0.75rem;
          vertical-align: middle;
          height: 28px; }
          .search-list li.search-voucher a > div .badge-recomm:before {
            width: 21px;
            left: -21px;
            height: 28px;
            background-size: 21px 28px; }
          .search-list li.search-voucher a > div .badge-recomm:after {
            height: 28px;
            width: 9px;
            right: -9px;
            background-size: 9px 28px; }
        .search-list li.search-voucher a > div:nth-child(2) {
          padding-left: 30px;
          border-left: 1px solid #dddddd;
          width: 53.32%; }
          .search-list li.search-voucher a > div:nth-child(2) p {
            width: 100%;
            margin-bottom: 6px;
            line-height: 1.61;
            font-size: 0.875rem; }
            .search-list li.search-voucher a > div:nth-child(2) p .fw-bold {
              margin-right: 10px; }
    .search-list li.search-brand2 {
      border: 1px solid #dddddd;
      padding: 16px;
      border-radius: 12px;
      width: calc(50% - 10px);
      margin-right: 20px;
      margin-bottom: 20px; }
      .search-list li.search-brand2:nth-child(2n) {
        margin-right: 0; }
      .search-list li.search-brand2 img {
        border: 1px solid #eaeaea;
        width: 80px;
        height: 80px;
        object-fit: cover;
        aspect-ratio: 1;
        border-radius: 12px;
        margin-right: 20px; }
      .search-list li.search-brand2 button {
        width: 28px;
        height: 28px;
        padding: 0;
        display: inline-flex;
        margin-top: -4px;
        margin-bottom: 4px;
        align-self: flex-start;
        background: #ffffff;
        box-shadow: none;
        border: none; }
        .search-list li.search-brand2 button .ic-heart {
          height: 28px;
          width: 28px;
          opacity: 0.25; }
      .search-list li.search-brand2 .text-wrap {
        flex: 1;
        line-height: 1.61;
        font-size: 0.875rem; }
        .search-list li.search-brand2 .text-wrap p {
          text-overflow: ellipsis;
          overflow: hidden;
          word-wrap: break-word;
          display: -webkit-box;
          line-height: 1.61;
          -webkit-line-clamp: 2;
          /* ellipsis line */
          -webkit-box-orient: vertical;
          max-height: calc(14px * 1.61 * 2); }
    .search-list li.search-designer2 {
      width: calc(20% - (80px / 5));
      margin-right: 20px;
      margin-bottom: 1.375rem; }
      .search-list li.search-designer2:nth-of-type(5n) {
        margin-right: 0; }
      .search-list li.search-designer2 .img_wrap {
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 10px;
        margin-bottom: 0.875rem; }
        .search-list li.search-designer2 .img_wrap:after {
          content: "";
          display: block;
          padding-bottom: 100%; }
        .search-list li.search-designer2 .img_wrap img {
          border-radius: 50%;
          position: absolute;
          bottom: 0;
          width: calc(100% - 20px);
          aspect-ratio: 1/1;
          max-width: 100%;
          border: 1px solid #eaeaea; }
        .search-list li.search-designer2 .img_wrap button {
          position: absolute;
          bottom: 20px;
          right: 20px;
          border-radius: 50%;
          display: inline-flex;
          width: 40px;
          height: 40px;
          padding: 0;
          border: 1px solid #dddddd;
          background: #ffffff;
          box-shadow: none;
          justify-content: center;
          align-items: center; }
          .search-list li.search-designer2 .img_wrap button .ic-heart {
            opacity: 0.45; }
      .search-list li.search-designer2 h3,
      .search-list li.search-designer2 p {
        line-height: 1.61;
        font-size: 0.875rem;
        text-align: center; }
    .search-list li.search_none {
      text-align: center;
      width: 100%;
      padding: 50px 0 90px; }
      .search-list li.search_none#search_none,
      .search-list li.search_none#activeNfont_none .search-list li.search_none#activefont_none, .search-list li.search_none#bookmark_none {
        padding-top: 120px;
        border-top: 1px solid #dddddd; }
      .search-list li.search_none p {
        line-height: 1.61; }
      .search-list li.search_none .emoticon {
        color: #dddddd;
        font-size: 6.25rem;
        font-weight: 600;
        margin-bottom: 3rem; }
      .search-list li.search_none .fs-title-3 {
        justify-content: center; }
    .search-list li.myfont {
      width: 33.3%;
      position: relative; }
      .search-list li.myfont .cpname {
        font-size: 0.75rem;
        line-height: 1.68;
        display: flex;
        align-items: center; }
        .search-list li.myfont .cpname > * {
          display: none; }
          .search-list li.myfont .cpname > *.badge {
            display: inline-block;
            margin-right: 4px; }
        .search-list li.myfont .cpname > a {
          font-size: 0.75rem;
          display: inline-block; }
      .search-list li.myfont input.font_chked {
        display: none; }
      .search-list li.myfont input + .checkbox {
        display: block;
        padding: 24px 16px 0;
        -webkit-transition: background .15s ease;
        transition: background .15s ease;
        width: 100%; }
        .search-list li.myfont input + .checkbox > div {
          border-bottom: 1px solid #dddddd;
          overflow: hidden;
          padding-bottom: 1.625rem; }
      .search-list li.myfont a:not(.btn-default):not(.img_link) {
        max-width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .search-list li.myfont .toggle {
        position: absolute;
        top: 26px;
        z-index: 1;
        width: 32px;
        right: 14px;
        height: 18px;
        border-radius: 9px;
        background-color: #eaeaea;
        display: inline-block;
        cursor: pointer;
        transition: background-color 0.3s; }
        .search-list li.myfont .toggle:after {
          content: "";
          display: inline-block;
          background: #ffffff;
          width: 14px;
          height: 14px;
          border-radius: 50%;
          margin-top: 2px;
          margin-left: 2px;
          transition: margin-left 0.3s; }
        .search-list li.myfont .toggle.disabled {
          cursor: inherit !important; }
        .search-list li.myfont .toggle .blink {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          position: absolute;
          top: -10px;
          right: -4px;
          background-color: rgba(65, 115, 250, 0.3);
          z-index: 2;
          animation: blink 1.33s ease-out infinite; }
      .search-list li.myfont.activate .toggle {
        background-color: #4173fa; }
        .search-list li.myfont.activate .toggle:after {
          margin-left: 16px; }
      .search-list li.myfont.partly .toggle {
        background-color: #2AA716 !important; }
        .search-list li.myfont.partly .toggle:after {
          margin-left: 16px;
          background-position: center center;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1H8.5' stroke='%232AA716' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
      .search-list li.myfont[isusefont_flag='0'] {
        opacity: 0.5; }
      .search-list li.myfont .allWeightBtn {
        margin-left: 8px;
        position: relative;
        background-color: transparent;
        border: none;
        padding: 0 16px 0 0;
        background-position: right center;
        background-repeat: no-repeat;
        color: #1c1c1c;
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.32031 4.5L10.3203 8.5L6.32031 12.5' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
      .search-list li.myfont.showAllWeight {
        background-color: #ECF3FE; }
      .search-list li.myfont h3 {
        font-size: 1rem;
        font-weight: bold;
        padding: 8px 0; }
      .search-list li.myfont .preview2 {
        display: none;
        margin: 1.25rem 0 0;
        line-height: 1.3 !important;
        font-size: 35px;
        word-break: break-all; }
        .search-list li.myfont .preview2.detail_vertical {
          writing-mode: vertical-rl;
          margin-left: auto;
          height: 360px;
          overflow: auto;
          white-space: pre-line;
          overflow-y: hidden; }
      .search-list li.myfont .preview {
        margin: 1.5rem 0;
        display: block;
        line-height: 1.3 !important;
        overflow: hidden;
        white-space: nowrap;
        font-size: 35px;
        max-height: 9.75rem;
        min-height: 40px; }
        .search-list li.myfont .preview.detail_vertical {
          writing-mode: vertical-rl;
          margin-left: auto;
          height: 360px;
          overflow: auto;
          white-space: pre-line;
          overflow-y: hidden; }
      .search-list li.myfont img.preview {
        height: calc(40px * 1.6); }
      .search-list li.myfont > button {
        position: absolute;
        z-index: 2;
        top: 18px;
        padding: 0;
        width: 32px;
        height: 32px;
        border: none;
        right: 0; }
        .search-list li.myfont > button > i {
          width: 32px;
          height: 32px; }
      .search-list li.myfont .addBookmarkBtn {
        position: absolute;
        z-index: 2;
        top: 18px;
        padding: 0;
        width: 32px;
        height: 32px;
        border: none;
        margin-right: 54px;
        right: 0px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.42675L17.667 12.9997L18.04 13.7997L18.92 13.9067L22.84 14.3997L19.947 17.1197L19.307 17.7197L19.467 18.5867L20.214 22.4797L16.774 20.5727L16 20.1467L15.227 20.5737L11.787 22.4807L12.534 18.5877L12.694 17.7207L12.054 17.1207L9.16001 14.3997L13.08 13.9067L13.96 13.7997L14.333 12.9997L16 9.42675ZM16 6.73375C15.8474 6.73227 15.6977 6.77578 15.5697 6.85883C15.4416 6.94188 15.3409 7.0608 15.28 7.20075L12.88 12.3337L7.28001 13.0407C7.12975 13.0595 6.98788 13.1205 6.87091 13.2166C6.75393 13.3128 6.66665 13.4402 6.6192 13.584C6.57176 13.7278 6.5661 13.8821 6.60288 14.029C6.63967 14.1758 6.71739 14.3093 6.82701 14.4137L10.947 18.3067L9.88001 23.8797C9.85841 23.9953 9.86254 24.1142 9.89212 24.228C9.92169 24.3418 9.97598 24.4476 10.0511 24.5381C10.1263 24.6285 10.2204 24.7012 10.3269 24.7511C10.4333 24.801 10.5494 24.8268 10.667 24.8267C10.8038 24.8308 10.9387 24.7936 11.054 24.7197L15.987 21.9867L20.92 24.7197C21.0386 24.786 21.1713 24.8227 21.307 24.8267C21.4246 24.8268 21.5407 24.801 21.6472 24.7511C21.7536 24.7012 21.8478 24.6285 21.9229 24.5381C21.998 24.4476 22.0523 24.3418 22.0819 24.228C22.1115 24.1142 22.1156 23.9953 22.094 23.8797L21.027 18.3067L25.147 14.4137C25.2566 14.3093 25.3344 14.1758 25.3711 14.029C25.4079 13.8821 25.4023 13.7278 25.3548 13.584C25.3074 13.4402 25.2201 13.3128 25.1031 13.2166C24.9861 13.1205 24.8443 13.0595 24.694 13.0407L19.094 12.3337L16.693 7.19975C16.6409 7.05915 16.546 6.93845 16.4217 6.85466C16.2974 6.77087 16.1499 6.72823 16 6.73275V6.73375Z' fill='%23999'/%3E%3Cpath d='M16 9.42675L17.667 12.9997L18.04 13.7997L18.92 13.9067L22.84 14.3997L19.947 17.1197L19.307 17.7197L19.467 18.5867L20.214 22.4797L16.774 20.5727L16 20.1467L15.227 20.5737L11.787 22.4807L12.534 18.5877L12.694 17.7207L12.054 17.1207L9.16001 14.3997L13.08 13.9067L13.96 13.7997L14.333 12.9997L16 9.42675ZM16 6.73375C15.8474 6.73227 15.6977 6.77578 15.5697 6.85883C15.4416 6.94188 15.3409 7.0608 15.28 7.20075L12.88 12.3337L7.28001 13.0407C7.12975 13.0595 6.98788 13.1205 6.87091 13.2166C6.75393 13.3128 6.66665 13.4402 6.6192 13.584C6.57176 13.7278 6.5661 13.8821 6.60288 14.029C6.63967 14.1758 6.71739 14.3093 6.82701 14.4137L10.947 18.3067L9.88001 23.8797C9.85841 23.9953 9.86254 24.1142 9.89212 24.228C9.92169 24.3418 9.97598 24.4476 10.0511 24.5381C10.1263 24.6285 10.2204 24.7012 10.3269 24.7511C10.4333 24.801 10.5494 24.8268 10.667 24.8267C10.8038 24.8308 10.9387 24.7936 11.054 24.7197L15.987 21.9867L20.92 24.7197C21.0386 24.786 21.1713 24.8227 21.307 24.8267C21.4246 24.8268 21.5407 24.801 21.6472 24.7511C21.7536 24.7012 21.8478 24.6285 21.9229 24.5381C21.998 24.4476 22.0523 24.3418 22.0819 24.228C22.1115 24.1142 22.1156 23.9953 22.094 23.8797L21.027 18.3067L25.147 14.4137C25.2566 14.3093 25.3344 14.1758 25.3711 14.029C25.4079 13.8821 25.4023 13.7278 25.3548 13.584C25.3074 13.4402 25.2201 13.3128 25.1031 13.2166C24.9861 13.1205 24.8443 13.0595 24.694 13.0407L19.094 12.3337L16.693 7.19975C16.6409 7.05915 16.546 6.93845 16.4217 6.85466C16.2974 6.77087 16.1499 6.72823 16 6.73275V6.73375Z' fill='%23999'/%3E%3C/svg%3E%0A");
        background-size: 32px 32px;
        background-position: center center;
        cursor: pointer;
        transition: background-image 0.3s; }
        .search-list li.myfont .addBookmarkBtn:checked {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%234173FA'/%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
      .search-list li.myfont .findSimilarFontsBtn {
        margin-right: 56px;
        display: none; }
      .search-list li.myfont .copyFontnameBtn {
        right: 90px; }
    .search-list li.font2 {
      padding: 24px 0px 0px 18px;
      margin-bottom: 40px;
      width: calc(33.3% - 40px / 3);
      border: 1px solid #dddddd;
      position: relative;
      margin-right: 20px;
      border-radius: 12px; }
      .search-list li.font2:hover {
        background-color: #F5F8FF; }
      .search-list li.font2:nth-child(3n) {
        margin-right: 0; }
      .search-list li.font2 .add-myfontlist {
        top: 24px !important; }
      .search-list li.font2 .preivew {
        margin-bottom: 1.5rem; }
      .search-list li.font2:nth-of-type(3n) {
        margin-right: 0; }
      .search-list li.font2 p.text-999 {
        font-size: 0.75rem;
        line-height: 1.68; }
        .search-list li.font2 p.text-999 span {
          position: relative;
          margin-right: 10px;
          display: none; }
          .search-list li.font2 p.text-999 span:first-child {
            display: inline; }
            .search-list li.font2 p.text-999 span:first-child:after {
              display: none; }
          .search-list li.font2 p.text-999 span:last-child:after {
            display: none; }
          .search-list li.font2 p.text-999 span:after {
            content: "";
            background-color: #999999;
            width: 2px;
            height: 2px;
            display: inline-block;
            position: absolute;
            border-radius: 50%;
            right: -6px;
            top: calc(50% - 2px); }
      .search-list li.font2 .font_image {
        margin-top: 1.4375rem;
        width: calc(100% + 18px);
        object-fit: cover;
        aspect-ratio: 2 / 1;
        display: block;
        object-position: center center;
        margin-left: -18px; }
        .search-list li.font2 .font_image .carousel-item img {
          object-fit: cover;
          aspect-ratio: 2 / 1;
          display: block;
          object-position: center center;
          background-color: #000; }
        .search-list li.font2 .font_image .carousel-control-next,
        .search-list li.font2 .font_image .carousel-control-prev {
          display: none;
          width: 34px;
          height: 34px;
          opacity: 1;
          top: calc(50% - 17px); }
          .search-list li.font2 .font_image .carousel-control-next img,
          .search-list li.font2 .font_image .carousel-control-prev img {
            width: 100%; }
        .search-list li.font2 .font_image:hover .carousel-control-next,
        .search-list li.font2 .font_image:hover .carousel-control-prev {
          display: block; }

/* 모바일 사이즈 */
.mobile#contents {
  /* 검색결과 */
  /* 브랜드상세 - 폰트보기 */
  /* 디자이너상세 - 폰트목록 */
  /* 폰트 - 폰트 리스트 */
  /* 무료폰트 - 자유사용 */
  /* 무료폰트 - 범위제한 */
  /* 무료폰트 - 체험판 */
  /* 스토어 - 기획상품/브랜드상품 */ }
  .mobile#contents > article#search {
    overflow-x: hidden;
    padding-top: 0; }
    .mobile#contents > article#search #commonSearchForm {
      width: 100vw;
      margin-left: -20px; }
    .mobile#contents > article#search form ~ .info-wrap.d-flex {
      align-items: center;
      margin-bottom: 40px;
      margin-top: 12px;
      width: 106%;
      font-size: 0.875rem;
      white-space: nowrap;
      overflow-y: hidden; }
    .mobile#contents > article#search form ~ .info-wrap > .fw-bold {
      margin-right: 12px;
      display: inline-flex;
      align-items: center;
      height: 32px; }
    .mobile#contents > article#search form ~ .info-wrap .popularWord {
      flex-grow: 1;
      align-items: center;
      overflow-y: hidden;
      overflow-x: visible;
      padding: 0 !important;
      white-space: nowrap;
      display: flex;
      flex-wrap: nowrap; }
      .mobile#contents > article#search form ~ .info-wrap .popularWord .tags {
        display: inline-flex;
        font-size: 0.875rem;
        padding: 4px 10px;
        border: 1px solid #dddddd;
        border-radius: 20px;
        margin-right: 12px;
        color: #999999;
        line-height: 1.61; }
      .mobile#contents > article#search form ~ .info-wrap .popularWord::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px white;
        background-color: #ffffff; }
      .mobile#contents > article#search form ~ .info-wrap .popularWord::-webkit-scrollbar {
        width: 1px;
        height: 0px;
        background-color: #ffffff; }
      .mobile#contents > article#search form ~ .info-wrap .popularWord::-webkit-scrollbar-thumb {
        background-color: #ffffff; }
    .mobile#contents > article#search #search-nav {
      width: 100vw;
      align-items: center;
      overflow-y: hidden;
      overflow-x: visible;
      white-space: nowrap;
      flex-wrap: nowrap;
      border-bottom: 1px solid #dddddd;
      margin-left: -20px;
      margin-bottom: 12px;
      padding-left: 20px;
      height: 60px; }
      .mobile#contents > article#search #search-nav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px white;
        background-color: #ffffff; }
      .mobile#contents > article#search #search-nav::-webkit-scrollbar {
        width: 1px;
        height: 1px;
        background-color: #ffffff; }
      .mobile#contents > article#search #search-nav::-webkit-scrollbar-thumb {
        background-color: #ffffff; }
      .mobile#contents > article#search #search-nav .nav-item {
        margin-right: 20px;
        order: 3; }
        .mobile#contents > article#search #search-nav .nav-item:nth-of-type(1) {
          order: 1; }
          .mobile#contents > article#search #search-nav .nav-item:nth-of-type(1):has(button.active) {
            display: none; }
          .mobile#contents > article#search #search-nav .nav-item:nth-of-type(1) button:not(.active) {
            padding-left: 28px;
            background-repeat: no-repeat;
            background-position: 4px center;
            background-size: 24px 24px;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18.5L9 12.5L15 6.5' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
            .mobile#contents > article#search #search-nav .nav-item:nth-of-type(1) button:not(.active) .fw-bold {
              display: none; }
        .mobile#contents > article#search #search-nav .nav-item:has(.active) {
          order: 2; }
        .mobile#contents > article#search #search-nav .nav-item .nav-link {
          background: #f9f9f9;
          border: none;
          color: #1c1c1c;
          font-size: 0.875rem;
          padding: 7px 12px;
          border-radius: 19px;
          line-height: 1.61; }
          .mobile#contents > article#search #search-nav .nav-item .nav-link .fw-bold {
            margin-left: 4px; }
          .mobile#contents > article#search #search-nav .nav-item .nav-link.active {
            color: #ffffff;
            background: #1c1c1c; }
    .mobile#contents > article#search #search-navContent .container-1200.swiper {
      padding-left: 20px !important;
      padding-right: 20px !important; }
    .mobile#contents > article#search #search-navContent .tab-pane {
      padding-bottom: 160px;
      /* 검색 : 전체 */ }
      .mobile#contents > article#search #search-navContent .tab-pane .new_fonts .search-list .font2:last-of-type {
        margin-bottom: 0 !important; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .container-1200 {
        overflow: hidden !important; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .btn-rounded {
        width: 100%; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .curation,
      .mobile#contents > article#search #search-navContent .tab-pane.all .new_fonts .container-1200 {
        overflow: visible; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .curation .search-list,
        .mobile#contents > article#search #search-navContent .tab-pane.all .new_fonts .container-1200 .search-list {
          flex-wrap: nowrap;
          width: 100%; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .curation .search-list::-webkit-scrollbar,
          .mobile#contents > article#search #search-navContent .tab-pane.all .new_fonts .container-1200 .search-list::-webkit-scrollbar {
            width: 1px;
            height: 1px; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .curation .search-list::-webkit-scrollbar-track,
          .mobile#contents > article#search #search-navContent .tab-pane.all .new_fonts .container-1200 .search-list::-webkit-scrollbar-track {
            background-color: #ffffff; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .curation .search-list .font2,
          .mobile#contents > article#search #search-navContent .tab-pane.all .new_fonts .container-1200 .search-list .font2 {
            margin-right: 12px !important; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .inquiry {
        overflow: visible; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .inquiry .community-list {
          flex-wrap: nowrap;
          padding-bottom: 0;
          flex-direction: row;
          gap: 0 !important;
          width: 100%; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .inquiry .community-list::-webkit-scrollbar {
            width: 1px;
            height: 1px; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .inquiry .community-list::-webkit-scrollbar-track {
            background-color: #ffffff; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .inquiry .community-list .font2 {
            margin-right: 12px !important; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .story {
        overflow: visible; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .story .story-list {
          flex-wrap: nowrap;
          padding-bottom: 0;
          flex-direction: row;
          width: 100%; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .designer {
        overflow: visible; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .designer .search-list {
          flex-wrap: nowrap;
          padding-bottom: 0;
          flex-direction: row; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .designer .search-list li.search-designer2 {
            width: 162px;
            margin-right: 0; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .search-list li.search-curation {
        margin-bottom: 0; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .search-list li.search-curation .text-wrap {
          padding: 8px 12px 12px; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .search-list li.search-designer2 .img_wrap {
        margin-bottom: 0.75rem; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .story-list li {
        width: 100%; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .story-list li .text-wrap .text-999 {
          font-size: 0.8125rem; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .story-list li .text-wrap h3 {
          font-size: 0.875rem;
          max-height: calc(14px * 1.68 * 2);
          margin-bottom: 0; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .contents-wrap {
        width: 100%; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .contents-wrap section {
          margin-bottom: 3.75rem; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .contents-wrap section.image_search {
            background-size: 94px, 78px;
            background-position: 0% 0, 98% 75px; }
            .mobile#contents > article#search #search-navContent .tab-pane.all .contents-wrap section.image_search h2 {
              font-size: 1rem; }
      .mobile#contents > article#search #search-navContent .tab-pane.all .info-wrap {
        margin-top: 60px;
        max-width: 100%;
        width: 100%; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .info-wrap .card {
          border: none;
          padding: 0; }
        .mobile#contents > article#search #search-navContent .tab-pane.all .info-wrap .rankingFonts {
          margin-top: 1rem; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .info-wrap .rankingFonts li {
            padding: 12px 0;
            border-bottom: 1px solid #dddddd; }
          .mobile#contents > article#search #search-navContent .tab-pane.all .info-wrap .rankingFonts img {
            width: 3.75rem;
            height: 3.75rem;
            border-radius: 8px;
            margin-right: 20px; }
      .mobile#contents > article#search #search-navContent .tab-pane.inquiry .community-list li {
        width: 100%;
        margin-right: 0; }
      .mobile#contents > article#search #search-navContent .tab-pane.story .story-list li {
        width: 100%;
        margin-right: 0; }
        .mobile#contents > article#search #search-navContent .tab-pane.story .story-list li .text-wrap .text-999 {
          font-size: 0.8125rem; }
        .mobile#contents > article#search #search-navContent .tab-pane.story .story-list li .text-wrap h3 {
          font-size: 0.875rem;
          max-height: calc(14px * 1.68 * 2);
          margin-bottom: 0; }
      .mobile#contents > article#search #search-navContent .tab-pane section.search_none {
        text-align: center;
        margin: 100px 0; }
        .mobile#contents > article#search #search-navContent .tab-pane section.search_none .emoticon {
          font-size: 5rem;
          color: #cccccc;
          font-weight: 600;
          margin-bottom: 1.75rem; }
      .mobile#contents > article#search #search-navContent .tab-pane section h2.fs-title-2 {
        margin-bottom: 1.25rem; }
        .mobile#contents > article#search #search-navContent .tab-pane section h2.fs-title-2.mb-3 {
          padding: 10px 0; }
    .mobile#contents > article#search section .fs-title-3 {
      margin-bottom: 0.75rem; }
      .mobile#contents > article#search section .fs-title-3 span > span {
        color: #3d68df;
        font-size: 0.75rem;
        margin-left: 4px;
        vertical-align: top;
        font-weight: normal; }
      .mobile#contents > article#search section .fs-title-3 > a > i {
        font-weight: bold;
        font-size: 0.875rem;
        color: #1c1c1c; }
    .mobile#contents > article#search section.search_none {
      margin: 84px 0 0px; }
      .mobile#contents > article#search section.search_none .container-1200 > p {
        font-size: 3.75rem;
        margin-bottom: 1.75rem; }
      .mobile#contents > article#search section.search_none .fs-title-2 {
        margin-bottom: 106px; }
    .mobile#contents > article#search section.search_designer, .mobile#contents > article#search section.search_brand, .mobile#contents > article#search section.search_fontInUse {
      margin-top: 60px; }
  .mobile#contents form + script + h2.fs-txt-2 {
    margin-top: 0;
    margin-bottom: 50px; }
  .mobile#contents .search-list .badge {
    margin-left: 2px; }
  .mobile#contents .search-list:not(.list-row) li .add-myfontlist {
    left: inherit;
    bottom: inherit;
    top: 16px;
    right: 16px; }
  .mobile#contents .search-list.list-noimg li.font .preview {
    margin: 0.625rem 0 1.75rem 1.25rem; }
  .mobile#contents .search-list.list-noimg li.font .font_image {
    display: none; }
  .mobile#contents .search-list.list-noimg li.font2 .font_image {
    display: none; }
  .mobile#contents .search-list.list-noimg li.search-font {
    width: 100%;
    margin-right: 0; }
    .mobile#contents .search-list.list-noimg li.search-font .font_image {
      display: none; }
  .mobile#contents .search-list.list-row li.search-font {
    width: 100%;
    margin-right: 0; }
    .mobile#contents .search-list.list-row li.search-font .font_image {
      display: none; }
    .mobile#contents .search-list.list-row li.search-font .add-myfontlist {
      top: 8px;
      right: 0; }
    .mobile#contents .search-list.list-row li.search-font .text-wrap p {
      margin-left: 4px; }
  .mobile#contents .search-list.scroll {
    width: calc(100% + 40px);
    flex-wrap: nowrap;
    overflow-y: auto;
    margin: 0 -20px;
    gap: 16px;
    padding: 0 20px 0 20px;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .mobile#contents .search-list.scroll::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari and Opera */ }
    .mobile#contents .search-list.scroll li.search-font {
      width: 88%;
      min-width: 88%; }
  .mobile#contents .search-list li {
    /* 검색화면 전체 :  폰트, 무료폰트 */
    /* 검색화면 전체 :  큐레이션 */
    /* 검색화면 전체 :  큐레이션 */
    /* 검색화면 전체 :  브랜드   아래껀 추후 삭제해야함*/ }
    .mobile#contents .search-list li p {
      margin: 0; }
    .mobile#contents .search-list li .fs-title-3 {
      margin: 8px 0; }
    .mobile#contents .search-list li .fs-txt-3 {
      min-height: inherit;
      color: #999999; }
      .mobile#contents .search-list li .fs-txt-3 a {
        color: #999999; }
    .mobile#contents .search-list li .add-myfontlist {
      bottom: 10px;
      right: 10px; }
    .mobile#contents .search-list li .add-cart {
      margin-top: -8px; }
    .mobile#contents .search-list li.image-search {
      width: 100%;
      margin-right: 0; }
      .mobile#contents .search-list li.image-search .add-myfontlist {
        top: 12px; }
    .mobile#contents .search-list li.search-font {
      width: 100%;
      margin-right: 0; }
    .mobile#contents .search-list li.search-curation {
      margin-bottom: 20px;
      width: 100%;
      margin-right: 0px; }
    .mobile#contents .search-list li.search-designer2 {
      width: calc(50% - 6px);
      margin-right: 12px; }
      .mobile#contents .search-list li.search-designer2 .img_wrap {
        margin-bottom: 0.75rem; }
        .mobile#contents .search-list li.search-designer2 .img_wrap button {
          width: 32px;
          height: 32px;
          bottom: 10px;
          right: 10px; }
          .mobile#contents .search-list li.search-designer2 .img_wrap button i {
            width: 24px;
            height: 24px; }
      .mobile#contents .search-list li.search-designer2:nth-child(2n) {
        margin-right: 0; }
    .mobile#contents .search-list li.search-brand2 {
      border: none;
      border-radius: 0;
      border-bottom: 1px solid #dddddd;
      padding: 16px 0;
      width: 100%;
      margin-bottom: 0;
      margin-right: 0;
      position: relative; }
      .mobile#contents .search-list li.search-brand2 h3 {
        margin-bottom: 4px; }
        .mobile#contents .search-list li.search-brand2 h3 > span.text-999 {
          font-size: 0.75rem;
          margin-left: 0.25rem; }
      .mobile#contents .search-list li.search-brand2 button {
        margin-left: auto;
        margin-top: 0; }
    .mobile#contents .search-list li.search-voucher {
      width: 100%;
      margin-right: 0px;
      padding: 20px; }
      .mobile#contents .search-list li.search-voucher h2 {
        margin-top: 0.375rem;
        font-size: 1rem;
        line-height: 1.61; }
      .mobile#contents .search-list li.search-voucher a > div {
        flex-direction: column; }
        .mobile#contents .search-list li.search-voucher a > div:nth-child(1) {
          width: 100%;
          padding-bottom: 20px; }
        .mobile#contents .search-list li.search-voucher a > div:nth-child(2) {
          width: 100%;
          border-top: 1px solid #dddddd;
          border-left: none;
          padding-top: 20px;
          padding-left: 0; }
          .mobile#contents .search-list li.search-voucher a > div:nth-child(2) p {
            width: 100%;
            margin-bottom: 6px;
            line-height: 1.61;
            font-size: 0.875rem; }
            .mobile#contents .search-list li.search-voucher a > div:nth-child(2) p .fw-bold {
              margin-right: 8px; }
    .mobile#contents .search-list li.product {
      width: 100%;
      margin-right: 0px;
      margin-bottom: 40px; }
      .mobile#contents .search-list li.product img {
        min-height: 285px;
        height: auto;
        width: 100%;
        background: #f9f9f9; }
      .mobile#contents .search-list li.product .fs-title-3 {
        margin: 1rem 0 0.25rem !important; }
      .mobile#contents .search-list li.product .fs-txt-3 {
        color: #1c1c1c; }
    .mobile#contents .search-list li.search_none {
      padding: 70px 0 90px; }
      .mobile#contents .search-list li.search_none p {
        line-height: 1.61; }
    .mobile#contents .search-list li.myfont {
      width: 100%;
      margin-right: 0px; }
      .mobile#contents .search-list li.myfont .fs-txt-3 {
        color: #1c1c1c; }
      .mobile#contents .search-list li.myfont h3 {
        padding: 8px 0; }
      .mobile#contents .search-list li.myfont[isusefont_flag='0'] {
        opacity: 0.5; }
    .mobile#contents .search-list li.font2 {
      padding: 24px 0px 0px 18px;
      margin-right: 0 !important; }
      .mobile#contents .search-list li.font2 .font_image {
        margin-top: 1.4375rem;
        height: auto;
        width: calc(100% + 18px);
        margin-left: -18px; }
  .mobile#contents .search-list + #paging {
    margin-top: 20px; }
  .mobile#contents .search-list.list-row + #paging {
    margin-top: 35px; }
  .mobile#contents .filterForm {
    margin-bottom: 30px; }
    .mobile#contents .filterForm > .d-flex:first-of-type {
      height: auto;
      border: none; }
      .mobile#contents .filterForm > .d-flex:first-of-type .form-group {
        height: 55px;
        padding: 0 32px 0 36px;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #dddddd; }
        .mobile#contents .filterForm > .d-flex:first-of-type .form-group:after {
          display: none; }
        .mobile#contents .filterForm > .d-flex:first-of-type .form-group:last-child {
          border-bottom: none; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group:last-child:after {
            display: none; }
        .mobile#contents .filterForm > .d-flex:first-of-type .form-group.font-search-wrap {
          width: 100%;
          background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_search' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1,.cls-2%7Bfill:none%7D.cls-1%7Bstroke:%23000;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cg id='Ellipse_11' data-name='Ellipse 11' class='cls-1' transform='translate(7 7.25)'%3E%3Ccircle cx='7' cy='7' r='7' style='stroke:none'/%3E%3Ccircle class='cls-2' cx='7' cy='7' r='6.25'/%3E%3C/g%3E%3Cpath id='Line_18' data-name='Line 18' class='cls-1' transform='translate(18.5 18.75)' d='m0 0 6 6'/%3E%3Cpath id='Rectangle_131' data-name='Rectangle 131' class='cls-2' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A");
          background-position: 0px center;
          background-size: 32px 32px;
          background-repeat: no-repeat; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group.font-search-wrap input {
            padding-left: 0px; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group.font-search-wrap button.position-absolute {
            opacity: 0;
            left: -6px !important;
            top: 8px !important; }
        .mobile#contents .filterForm > .d-flex:first-of-type .form-group.font-size-wrap {
          width: 100%;
          padding-right: 10px;
          background-position: 2px center; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group.font-size-wrap .range-slider {
            width: calc(100% - 8px);
            margin-left: auto; }
            .mobile#contents .filterForm > .d-flex:first-of-type .form-group.font-size-wrap .range-slider input {
              width: 100%;
              margin-left: 0; }
        .mobile#contents .filterForm > .d-flex:first-of-type .form-group.select-wrap {
          width: 100%;
          padding: 0; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group.select-wrap .form-control {
            padding-left: 36px !important;
            background-position: 0px center, calc(100% - 4px) center; }
        .mobile#contents .filterForm > .d-flex:first-of-type .form-group.px-0 {
          border-bottom: none; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group.px-0 .btn-border-none {
            margin-right: 0.5rem; }
          .mobile#contents .filterForm > .d-flex:first-of-type .form-group.px-0.select-wrap .form-control {
            padding-left: 0 !important;
            padding-right: 24px;
            text-align: right;
            background-position: calc(100% - 4px) center;
            background-size: 16px 16px;
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    .mobile#contents .filterForm .d-flex.justify-content-end {
      margin-top: -55px; }
    .mobile#contents .filterForm .form-control {
      padding: 16px 0; }
    .mobile#contents .filterForm .select-wrap {
      padding-right: 32px;
      background-position: calc(100% - 4px) center; }
      .mobile#contents .filterForm .select-wrap .form-control {
        padding-left: 0px; }
    .mobile#contents .filterForm .filter-select-wrap {
      margin: 1rem 0 1.75rem;
      align-items: center;
      overflow-y: hidden;
      overflow-x: visible;
      white-space: nowrap; }
      .mobile#contents .filterForm .filter-select-wrap::-webkit-scrollbar {
        width: 1px;
        height: 1px; }
      .mobile#contents .filterForm .filter-select-wrap::-webkit-scrollbar-track {
        background-color: #ffffff; }
      .mobile#contents .filterForm .filter-select-wrap .list-group::-webkit-scrollbar {
        width: 8px; }
      .mobile#contents .filterForm .filter-select-wrap .list-group::-webkit-scrollbar-thumb {
        background-color: #4173fa;
        border-radius: 8px; }
      .mobile#contents .filterForm .filter-select-wrap .list-group::-webkit-scrollbar-track {
        background-color: #dddddd;
        border-radius: 8px;
        box-shadow: none; }
      .mobile#contents .filterForm .filter-select-wrap .list-group .list-group-item {
        border: none;
        padding: 12px 20px;
        font-size: 0.875rem; }
      .mobile#contents .filterForm .filter-select-wrap .modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 0; }
        .mobile#contents .filterForm .filter-select-wrap .modal-dialog .modal-content {
          border: none;
          border-radius: 0;
          padding-top: 10px; }
          .mobile#contents .filterForm .filter-select-wrap .modal-dialog .modal-content .list-group {
            border: none;
            width: 100%;
            border-radius: 0; }
          .mobile#contents .filterForm .filter-select-wrap .modal-dialog .modal-content .btn-wrap {
            padding: 20px 5.4% 40px; }
    .mobile#contents .filterForm .list-order-wrap .modal-dialog {
      margin: 0;
      width: 100%;
      max-width: 100%;
      position: absolute;
      bottom: 0;
      left: 0; }
      .mobile#contents .filterForm .list-order-wrap .modal-dialog .modal-content {
        border: none;
        border-radius: 0;
        padding-top: 10px; }
        .mobile#contents .filterForm .list-order-wrap .modal-dialog .modal-content .list-group {
          border: none;
          width: 100%;
          border-radius: 0; }
        .mobile#contents .filterForm .list-order-wrap .modal-dialog .modal-content .btn-wrap {
          padding: 20px 5.4% 40px; }
    .mobile#contents .filterForm .filter-selecter {
      border: 1px solid #dddddd;
      padding: 10px 32px 10px 16px;
      font-size: 0.875rem;
      background: transparent;
      border-radius: 32px;
      margin-right: 0.5rem;
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: calc(100% - 8px) center; }
    .mobile#contents .filterForm .list-order {
      padding: 0;
      background-size: 16px 16px; }
    .mobile#contents .filterForm #filterOrderby .list-group {
      max-height: 200px;
      overflow-y: auto;
      padding: 0;
      border-radius: 0; }
    .mobile#contents .filterForm #filterOrderby .select-wrap {
      background-color: transparent;
      border: none;
      box-shadow: none;
      text-align: right;
      color: #1c1c1c;
      padding-right: 24px;
      background-position: 97% center;
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
      background-size: 16px 16px;
      background-repeat: no-repeat; }
    .mobile#contents .filterForm #filterOrderby .list-group-item {
      padding: 12px 20px;
      cursor: pointer;
      border: none;
      font-size: 0.875rem; }
      .mobile#contents .filterForm #filterOrderby .list-group-item:hover {
        background: #f9f9f9; }
      .mobile#contents .filterForm #filterOrderby .list-group-item input[type="radio"] {
        display: none; }
      .mobile#contents .filterForm #filterOrderby .list-group-item input[type="radio"]:checked + label {
        color: #4173fa; }
    .mobile#contents .filterForm #filterLang .list-group,
    .mobile#contents .filterForm #filterUse .list-group,
    .mobile#contents .filterForm #filterBrand .list-group {
      max-height: 200px;
      overflow-y: auto; }
      .mobile#contents .filterForm #filterLang .list-group::-webkit-scrollbar,
      .mobile#contents .filterForm #filterUse .list-group::-webkit-scrollbar,
      .mobile#contents .filterForm #filterBrand .list-group::-webkit-scrollbar {
        width: 8px; }
      .mobile#contents .filterForm #filterLang .list-group::-webkit-scrollbar-thumb,
      .mobile#contents .filterForm #filterUse .list-group::-webkit-scrollbar-thumb,
      .mobile#contents .filterForm #filterBrand .list-group::-webkit-scrollbar-thumb {
        background-color: #4173fa;
        border-radius: 8px; }
      .mobile#contents .filterForm #filterLang .list-group::-webkit-scrollbar-track,
      .mobile#contents .filterForm #filterUse .list-group::-webkit-scrollbar-track,
      .mobile#contents .filterForm #filterBrand .list-group::-webkit-scrollbar-track {
        background-color: #dddddd;
        border-radius: 8px;
        box-shadow: none; }
      .mobile#contents .filterForm #filterLang .list-group .fs-title-4,
      .mobile#contents .filterForm #filterUse .list-group .fs-title-4,
      .mobile#contents .filterForm #filterBrand .list-group .fs-title-4 {
        padding-left: 1.25rem;
        margin: 1.125rem 0 0.75rem; }
      .mobile#contents .filterForm #filterLang .list-group .list-group-item,
      .mobile#contents .filterForm #filterUse .list-group .list-group-item,
      .mobile#contents .filterForm #filterBrand .list-group .list-group-item {
        cursor: pointer;
        border: none; }
        .mobile#contents .filterForm #filterLang .list-group .list-group-item:hover,
        .mobile#contents .filterForm #filterUse .list-group .list-group-item:hover,
        .mobile#contents .filterForm #filterBrand .list-group .list-group-item:hover {
          background: #f9f9f9; }
      .mobile#contents .filterForm #filterLang .list-group input[type="checkbox"],
      .mobile#contents .filterForm #filterUse .list-group input[type="checkbox"],
      .mobile#contents .filterForm #filterBrand .list-group input[type="checkbox"] {
        display: none; }
      .mobile#contents .filterForm #filterLang .list-group input[type="checkbox"]:checked + label,
      .mobile#contents .filterForm #filterUse .list-group input[type="checkbox"]:checked + label,
      .mobile#contents .filterForm #filterBrand .list-group input[type="checkbox"]:checked + label {
        color: #4173fa; }
      .mobile#contents .filterForm #filterLang .list-group input[type="radio"],
      .mobile#contents .filterForm #filterUse .list-group input[type="radio"],
      .mobile#contents .filterForm #filterBrand .list-group input[type="radio"] {
        display: none; }
      .mobile#contents .filterForm #filterLang .list-group input[type="radio"]:checked + label,
      .mobile#contents .filterForm #filterUse .list-group input[type="radio"]:checked + label,
      .mobile#contents .filterForm #filterBrand .list-group input[type="radio"]:checked + label {
        color: #4173fa; }
    .mobile#contents .filterForm #filterProperty .list-group {
      padding: 28px; }
      .mobile#contents .filterForm #filterProperty .list-group .list-group-item {
        padding: 0;
        margin-bottom: 0.9375rem; }
        .mobile#contents .filterForm #filterProperty .list-group .list-group-item .d-flex {
          align-items: center; }
          .mobile#contents .filterForm #filterProperty .list-group .list-group-item .d-flex .range-slider {
            width: 100%; }
            .mobile#contents .filterForm #filterProperty .list-group .list-group-item .d-flex .range-slider .range {
              width: 100%; }
            .mobile#contents .filterForm #filterProperty .list-group .list-group-item .d-flex .range-slider span {
              margin-left: auto;
              font-size: 0.75rem; }
      .mobile#contents .filterForm #filterProperty .list-group .fs-txt-3 {
        margin-bottom: 0.875rem; }
      .mobile#contents .filterForm #filterProperty .list-group .form-check-input[type=checkbox] {
        height: 16px;
        width: 16px;
        margin-right: 0.5rem; }
    .mobile#contents .filterForm #filterStyle .list-group {
      padding-top: 18px;
      padding-bottom: 18px; }
  .mobile#contents .search_font .filterForm > .d-flex:first-of-type .form-group.select-wrap {
    width: 100%; }
  .mobile#contents .search_font .filterForm > .d-flex:first-of-type .form-group:nth-of-type(2) {
    width: 100%; }

@media (max-width: 760px) {
  .ui-widget.ui-widget-content {
    width: 100%;
    height: 100%; }
    .ui-widget.ui-widget-content .ui-menu-item-wrapper {
      font-size: 1rem;
      padding: 10px 0; } }

@media (max-width: 1239px) {
  #searchModal {
    height: 100vh; }
    #searchModal .modal-dialog {
      margin: 0; }
      #searchModal .modal-dialog .modal-body {
        padding: 0; }
        #searchModal .modal-dialog .modal-body .container-768 {
          padding: 0 20px; }
  header.responsive + #contents:has(article#search) article#search {
    padding-top: 58px;
    margin-top: 0 !important; }
  header.responsive + #contents:has(article#search) #search-navContent .tab-pane.all .contents-wrap {
    max-width: 100%;
    width: 100%; }
  header.responsive + #contents:has(article#search) #search-navContent .tab-pane.all .info-wrap {
    position: relative;
    top: inherit;
    height: auto;
    padding-bottom: 60px;
    margin-left: auto;
    max-width: 100%;
    width: 100%; }
  header.responsive + #contents:has(article#search) #search-navContent .tab-pane.all .search-list li.search-designer2 .img_wrap button {
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px; }
    header.responsive + #contents:has(article#search) #search-navContent .tab-pane.all .search-list li.search-designer2 .img_wrap button i {
      width: 32px;
      height: 32px; }
  header.responsive + #contents:has(article#search) #search-navContent .tab-pane .search-list li.search-curation, header.responsive + #contents:has(article#search) #search-navContent .tab-pane .search-list li.search-brand2 {
    width: 100%;
    margin-right: 0; }
  header.responsive + #contents:has(article#search) #search-navContent .tab-pane .search-list li.search-designer2 {
    width: calc(50% - 6px);
    margin-right: 12px; }
    header.responsive + #contents:has(article#search) #search-navContent .tab-pane .search-list li.search-designer2:nth-child(2n) {
      margin-right: 0; } }

@keyframes blink {
  0% {
    opacity: 1; }
  20% {
    opacity: .5; }
  100% {
    opacity: 1; } }

/* 스토어 - 브랜드상품, 기획상품(셀렉샵), 디자이너  */
/* 브랜드상품, 기획상품, 낱개상품 */
/* 스토어메인 - 브랜드 상품페이지 */
/* 브랜드상품, 기획상품, 낱개상품 */
/* 스토어메인 - 브랜드 상품페이지 */
/* 프라임 바우처 */
#inicisModalDiv {
  opacity: 1 !important; }

.pop-conts {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999; }
  .pop-conts iframe {
    margin: 100px auto 100px;
    display: block; }

#store .fs-title-0,
#store .fs-title-1,
#store .fs-title-2,
#store .fs-title-3,
#store .fs-title-4,
#brand .fs-title-0,
#brand .fs-title-1,
#brand .fs-title-2,
#brand .fs-title-3,
#brand .fs-title-4 {
  color: #1c1c1c; }

#store .container-720,
#brand .container-720 {
  padding: 0;
  width: 100%;
  margin: 0 auto;
  max-width: 720px; }

#store #nav-tab button,
#brand #nav-tab button {
  background-color: transparent;
  border: none;
  padding: 8px 0;
  position: relative;
  white-space: nowrap;
  color: #999999; }
  #store #nav-tab button.active,
  #brand #nav-tab button.active {
    color: #1c1c1c; }
    #store #nav-tab button.active:after,
    #brand #nav-tab button.active:after {
      content: "";
      height: 2px;
      width: 100%;
      position: absolute;
      bottom: 2px;
      left: 0;
      display: inline-block;
      background-color: #1c1c1c; }
  #store #nav-tab button:hover,
  #brand #nav-tab button:hover {
    color: #1c1c1c; }

#store .header_img .container-720,
#brand .header_img .container-720 {
  position: relative; }

#store .header_img img,
#brand .header_img img {
  max-width: 100%;
  aspect-ratio: 3/ 2;
  object-fit: cover;
  object-position: center; }

#store .header_img.type02,
#brand .header_img.type02 {
  position: relative;
  margin: 0 auto;
  overflow: hidden; }
  #store .header_img.type02 img,
  #brand .header_img.type02 img {
    max-width: none;
    width: 100%;
    aspect-ratio: unset;
    object-fit: unset;
    object-position: unset; }
  #store .header_img.type02 .text-wrap,
  #brand .header_img.type02 .text-wrap {
    background: none;
    padding-left: 20%; }
    #store .header_img.type02 .text-wrap h2,
    #brand .header_img.type02 .text-wrap h2 {
      margin-bottom: 10px; }
      #store .header_img.type02 .text-wrap h2::after,
      #brand .header_img.type02 .text-wrap h2::after {
        display: none; }

#store .header_img .text-wrap,
#brand .header_img .text-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  line-height: 1.64;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #store .header_img .text-wrap .fs-title-4,
  #store .header_img .text-wrap .fs-title-1,
  #brand .header_img .text-wrap .fs-title-4,
  #brand .header_img .text-wrap .fs-title-1 {
    color: #ffffff; }
  #store .header_img .text-wrap h2,
  #brand .header_img .text-wrap h2 {
    position: relative;
    margin-bottom: 20px; }
    #store .header_img .text-wrap h2:after,
    #brand .header_img .text-wrap h2:after {
      display: inline-block;
      content: "";
      position: absolute;
      left: calc(50% - 5px);
      bottom: -12px;
      width: 10px;
      height: 1px;
      background-color: #ffffff; }
  #store .header_img .text-wrap h1,
  #brand .header_img .text-wrap h1 {
    white-space: pre-line; }

#store .brandheader,
#brand .brandheader {
  padding-top: 60px; }
  #store .brandheader h2,
  #brand .brandheader h2 {
    font-size: 2.25rem;
    display: flex;
    font-weight: bold;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 0.75rem; }
    #store .brandheader h2 a,
    #store .brandheader h2 button,
    #brand .brandheader h2 a,
    #brand .brandheader h2 button {
      margin-left: 8px;
      padding: 0;
      border: none;
      box-shadow: none;
      background: transparent;
      display: inline-flex;
      width: 32px;
      height: 32px; }
      #store .brandheader h2 a i.sd.ic-heart,
      #store .brandheader h2 button i.sd.ic-heart,
      #brand .brandheader h2 a i.sd.ic-heart,
      #brand .brandheader h2 button i.sd.ic-heart {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
  #store .brandheader p,
  #brand .brandheader p {
    line-height: 1.5;
    font-size: 1rem;
    color: #777; }
  #store .brandheader .btn-wrap,
  #brand .brandheader .btn-wrap {
    margin-top: 1.75rem; }
    #store .brandheader .btn-wrap .btn-default-outline,
    #brand .brandheader .btn-wrap .btn-default-outline {
      padding: 12px 16px;
      font-size: 0.875rem;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
  #store .brandheader img.d-block,
  #brand .brandheader img.d-block {
    margin-top: 2.5rem;
    margin-bottom: 3.75rem;
    border-radius: 1rem; }

#store .brand-list-wrap .filter3,
#brand .brand-list-wrap .filter3 {
  margin-top: 2.5rem; }

#store .brand-list-wrap + .bg-f9f9f9.info .btn,
#brand .brand-list-wrap + .bg-f9f9f9.info .btn {
  width: 173px; }

#store .banner_wrap,
#store .selectshop_info,
#brand .banner_wrap,
#brand .selectshop_info {
  margin-bottom: 3.75rem; }
  #store .banner_wrap .carousel-item img,
  #store .selectshop_info .carousel-item img,
  #brand .banner_wrap .carousel-item img,
  #brand .selectshop_info .carousel-item img {
    max-height: 290px;
    margin: 1.75rem 0 0.75rem; }
  #store .banner_wrap .carousel-item div.w-100,
  #store .selectshop_info .carousel-item div.w-100,
  #brand .banner_wrap .carousel-item div.w-100,
  #brand .selectshop_info .carousel-item div.w-100 {
    max-height: 290px; }
  #store .banner_wrap .carousel-item .position-relative,
  #store .selectshop_info .carousel-item .position-relative,
  #brand .banner_wrap .carousel-item .position-relative,
  #brand .selectshop_info .carousel-item .position-relative {
    margin: 1.75rem 0 0.75rem;
    padding-bottom: 25%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    #store .banner_wrap .carousel-item .position-relative .position-absolute,
    #store .selectshop_info .carousel-item .position-relative .position-absolute,
    #brand .banner_wrap .carousel-item .position-relative .position-absolute,
    #brand .selectshop_info .carousel-item .position-relative .position-absolute {
      bottom: 36px;
      left: 36px; }
      #store .banner_wrap .carousel-item .position-relative .position-absolute .fs-txt-2,
      #store .banner_wrap .carousel-item .position-relative .position-absolute .fs-title-2,
      #store .selectshop_info .carousel-item .position-relative .position-absolute .fs-txt-2,
      #store .selectshop_info .carousel-item .position-relative .position-absolute .fs-title-2,
      #brand .banner_wrap .carousel-item .position-relative .position-absolute .fs-txt-2,
      #brand .banner_wrap .carousel-item .position-relative .position-absolute .fs-title-2,
      #brand .selectshop_info .carousel-item .position-relative .position-absolute .fs-txt-2,
      #brand .selectshop_info .carousel-item .position-relative .position-absolute .fs-title-2 {
        color: white; }
    #store .banner_wrap .carousel-item .position-relative.black .position-absolute .fs-txt-2,
    #store .banner_wrap .carousel-item .position-relative.black .position-absolute .fs-title-2,
    #store .selectshop_info .carousel-item .position-relative.black .position-absolute .fs-txt-2,
    #store .selectshop_info .carousel-item .position-relative.black .position-absolute .fs-title-2,
    #brand .banner_wrap .carousel-item .position-relative.black .position-absolute .fs-txt-2,
    #brand .banner_wrap .carousel-item .position-relative.black .position-absolute .fs-title-2,
    #brand .selectshop_info .carousel-item .position-relative.black .position-absolute .fs-txt-2,
    #brand .selectshop_info .carousel-item .position-relative.black .position-absolute .fs-title-2 {
      color: #1c1c1c; }
  #store .banner_wrap .carousel .fs-txt-3:not(.text-end),
  #store .selectshop_info .carousel .fs-txt-3:not(.text-end),
  #brand .banner_wrap .carousel .fs-txt-3:not(.text-end),
  #brand .selectshop_info .carousel .fs-txt-3:not(.text-end) {
    color: #ffffff; }
  #store .banner_wrap .carousel .fs-txt-3.text-end,
  #store .selectshop_info .carousel .fs-txt-3.text-end,
  #brand .banner_wrap .carousel .fs-txt-3.text-end,
  #brand .selectshop_info .carousel .fs-txt-3.text-end {
    color: #999999; }
    #store .banner_wrap .carousel .fs-txt-3.text-end .active,
    #store .selectshop_info .carousel .fs-txt-3.text-end .active,
    #brand .banner_wrap .carousel .fs-txt-3.text-end .active,
    #brand .selectshop_info .carousel .fs-txt-3.text-end .active {
      color: #333333; }
  #store .banner_wrap .carousel-control-prev,
  #store .banner_wrap .carousel-control-next,
  #store .selectshop_info .carousel-control-prev,
  #store .selectshop_info .carousel-control-next,
  #brand .banner_wrap .carousel-control-prev,
  #brand .banner_wrap .carousel-control-next,
  #brand .selectshop_info .carousel-control-prev,
  #brand .selectshop_info .carousel-control-next {
    width: 52px;
    height: 52px;
    top: calc(50% - 26px);
    opacity: 0; }
    #store .banner_wrap .carousel-control-prev img,
    #store .banner_wrap .carousel-control-next img,
    #store .selectshop_info .carousel-control-prev img,
    #store .selectshop_info .carousel-control-next img,
    #brand .banner_wrap .carousel-control-prev img,
    #brand .banner_wrap .carousel-control-next img,
    #brand .selectshop_info .carousel-control-prev img,
    #brand .selectshop_info .carousel-control-next img {
      width: 100%; }
  #store .banner_wrap:hover .carousel-control-prev,
  #store .banner_wrap:hover .carousel-control-next,
  #store .selectshop_info:hover .carousel-control-prev,
  #store .selectshop_info:hover .carousel-control-next,
  #brand .banner_wrap:hover .carousel-control-prev,
  #brand .banner_wrap:hover .carousel-control-next,
  #brand .selectshop_info:hover .carousel-control-prev,
  #brand .selectshop_info:hover .carousel-control-next {
    opacity: 1; }

#store > .container-1200:nth-of-type(1) {
  overflow: inherit; }

#store {
  /*220822*/ }
  #store .d-mo-block {
    display: none; }
  #store .font_banner_wr
.store_common_area {
    background-color: #f9f9f9;
    padding: 22px 0; }
    #store .font_banner_wr
.store_common_area.webview {
      background-color: #ffffff;
      padding: 14px 0; }
      #store .font_banner_wr
.store_common_area.webview > .container-1200 {
        display: flex;
        align-items: center; }
    #store .font_banner_wr
.store_common_area a {
      color: #999999;
      margin-right: 1.5rem;
      font-weight: bold; }
      #store .font_banner_wr
.store_common_area a.active {
        color: #333333; }
      #store .font_banner_wr
.store_common_area a.webview_search {
        width: 280px;
        font-size: 0.875rem;
        padding: 3px 12px;
        font-weight: normal;
        border-radius: 24px;
        border: 1px solid #dddddd;
        color: #999999; }
  #store .service_wrapper #selectshopFilter .d-flex:first-of-type {
    border: none;
    border-bottom: 1px solid #dddddd; }
    #store .service_wrapper #selectshopFilter .d-flex:first-of-type .form-group.font-search-wrap button.position-absolute {
      left: 0px;
      top: 14px; }
  #store .container-1200.pt-60px {
    padding-top: 60px; }
  #store .font_banner_slider {
    padding-top: 60px; }
    #store .font_banner_slider .swiper-slide {
      height: auto;
      margin-right: 24px; }
      #store .font_banner_slider .swiper-slide img {
        object-fit: cover;
        display: block;
        aspect-ratio: 537 /180;
        border-radius: 12px;
        max-width: 100%;
        border-radius: 12px;
        object-position: center center; }
      #store .font_banner_slider .swiper-slide:first-child:nth-last-child(2),
      #store .font_banner_slider .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide {
        width: 100%;
        max-width: calc(50% - 12px);
        margin-bottom: 46px; }
    #store .font_banner_slider .d-flex.mt-3 {
      height: 30px; }
    #store .font_banner_slider .swiper-button-prev,
    #store .font_banner_slider .swiper-button-next {
      background: none;
      cursor: pointer;
      border: 1px solid #dddddd;
      border-radius: 50%;
      width: 28px;
      height: 28px;
      margin-top: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: inherit;
      right: inherit;
      left: inherit;
      top: inherit; }
      #store .font_banner_slider .swiper-button-prev i,
      #store .font_banner_slider .swiper-button-next i {
        width: 24px;
        height: 24px; }
      #store .font_banner_slider .swiper-button-prev:after,
      #store .font_banner_slider .swiper-button-next:after {
        display: none; }
    #store .font_banner_slider .swiper-pagination.swiper-pagination-fraction {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: inherit;
      bottom: inherit;
      margin: 0 4px;
      flex-basis: fit-content;
      font-size: 0.875rem;
      color: #999999;
      padding: 4px 7px;
      height: 30px; }
      #store .font_banner_slider .swiper-pagination.swiper-pagination-fraction .sd {
        width: 14px;
        height: 14px; }
      #store .font_banner_slider .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
        color: #1c1c1c;
        font-weight: bold; }
  #store #brandProductFilter.filterForm .d-flex:first-of-type {
    margin: 0 0;
    border: none;
    height: auto; }
  #store .container-1460:first-child {
    padding-top: 80px; }
    #store .container-1460:first-child .font_banner_wrap {
      margin-bottom: 8.125rem; }
  #store .brand-nav {
    font-size: 2.125rem;
    margin-bottom: 0.625rem;
    display: flex;
    margin-bottom: 0.75rem;
    line-height: 1.48; }
    #store .brand-nav button {
      font-weight: bold;
      border: none;
      background-color: transparent;
      color: #cccccc;
      padding: 0;
      margin-right: 20px;
      position: relative;
      transition: color 0.3s; }
      #store .brand-nav button.active {
        color: #1c1c1c; }
        #store .brand-nav button.active:after {
          content: "";
          height: 2px;
          width: 100%;
          position: absolute;
          bottom: 2px;
          left: 0;
          display: inline-block;
          background-color: #1c1c1c; }
      #store .brand-nav button:hover {
        color: #1c1c1c; }
  #store #collapseBrand:not(.toast-modal) {
    position: absolute;
    top: 48px;
    right: 0px;
    max-width: 706px;
    max-height: 500px;
    border-radius: 12px;
    padding: 30px;
    z-index: 3;
    background-color: #ffffff;
    overflow-y: auto;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); }
  #store #collapseBrand.modal .modal-dialog {
    height: calc(100vh - 152px);
    overflow: hidden; }
  #store #collapseBrand.modal .modal-content {
    height: 100%; }
  #store #collapseBrand.modal .modal-body {
    height: 100%; }
    #store #collapseBrand.modal .modal-body .nav {
      border-bottom: 1px solid #dddddd;
      width: calc(100vw + 40px);
      margin-left: -20px;
      padding: 0 20px; }
      #store #collapseBrand.modal .modal-body .nav .nav-link {
        padding: 16px 0;
        border: none;
        font-size: 0.875rem;
        margin-right: 1.25rem;
        color: #999999;
        background: transparent;
        position: relative; }
        #store #collapseBrand.modal .modal-body .nav .nav-link.active {
          color: #1c1c1c; }
          #store #collapseBrand.modal .modal-body .nav .nav-link.active:after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            height: 2px;
            background-color: #1c1c1c;
            width: 100%; }
    #store #collapseBrand.modal .modal-body .tab-pane {
      max-height: calc(100vh - 240px);
      padding-bottom: 40px;
      overflow-y: scroll;
      padding-top: 20px; }
      #store #collapseBrand.modal .modal-body .tab-pane .fw-bold {
        font-size: 0.875rem;
        margin-bottom: 10px; }
      #store #collapseBrand.modal .modal-body .tab-pane .brand-item.active {
        color: #4173fa;
        border: 1px solid #4173fa;
        background-color: #ffffff; }
    #store #collapseBrand.modal .modal-body .d-flex {
      flex-wrap: wrap; }
  #store #collapseBrand .list-group > .d-flex {
    flex-wrap: wrap; }
  #store #collapseBrand .list-group .fs-title-4 {
    margin-bottom: 16px; }
    #store #collapseBrand .list-group .fs-title-4:nth-of-type(2) {
      margin-top: 20px; }
  #store #collapseBrand .brand-item {
    cursor: pointer;
    width: auto !important;
    padding: 4px 10px;
    line-height: 1.64;
    display: -webkit-inline-flex;
    display: inline-flex;
    align-items: center;
    border-radius: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    word-wrap: normal;
    flex-wrap: wrap;
    font-size: 0.875rem;
    color: #999999;
    border: 1px solid #dddddd;
    white-space: nowrap; }
    #store #collapseBrand .brand-item.active {
      border-color: #4173fa;
      color: #4173fa; }
  #store .brand-list-wrap {
    position: relative; }
    #store .brand-list-wrap:after {
      content: "";
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white);
      width: 66px;
      position: absolute;
      right: 0;
      height: 40px;
      top: 0;
      z-index: 1; }
    #store .brand-list-wrap #filterBrand button {
      position: absolute;
      top: 4px;
      right: 0;
      width: 28px;
      height: 28px;
      display: inline-block;
      border: 1px solid #dddddd;
      border-radius: 50%;
      background: #ffffff;
      z-index: 3;
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: center center; }
      #store .brand-list-wrap #filterBrand button[aria-expanded='true'] {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    #store .brand-list-wrap .brand-list {
      margin-top: 81px;
      width: 100%;
      margin-right: 0;
      height: 57px;
      margin-bottom: 20px;
      overflow-x: hidden;
      display: flex;
      flex-wrap: nowrap;
      padding-bottom: 20px; }
      #store .brand-list-wrap .brand-list a {
        width: auto !important;
        padding: 6px 12px;
        display: -webkit-inline-flex;
        display: inline-flex;
        align-items: center;
        border-radius: 40px;
        margin-right: 4px;
        background: #ffffff;
        word-wrap: normal;
        flex-wrap: wrap;
        white-space: nowrap;
        order: 2;
        cursor: pointer;
        color: #999999; }
        #store .brand-list-wrap .brand-list a:hover {
          background-color: #f9f9f9; }
        #store .brand-list-wrap .brand-list a.active {
          order: 1;
          background-color: #333333;
          color: white; }
  #store .brand-list-wrap ~ .font_banner_wrap {
    margin-bottom: 2.5rem; }
  #store .brand-list-wrap + section.d-mo-none {
    margin-bottom: 2.5rem; }
    #store .brand-list-wrap + section.d-mo-none h3 {
      font-size: 1.625rem;
      line-height: 1.5;
      margin-bottom: 10px;
      font-weight: bold; }
    #store .brand-list-wrap + section.d-mo-none p {
      font-size: 0.875rem;
      line-height: 1.64; }
    #store .brand-list-wrap + section.d-mo-none button {
      padding: 12px 24px; }
      #store .brand-list-wrap + section.d-mo-none button i {
        width: 24px;
        height: 24px; }
      #store .brand-list-wrap + section.d-mo-none button span {
        font-size: 0.875rem; }
  #store .product-wrap {
    margin-bottom: 130px; }
    #store .product-wrap .nav-tabs {
      border-bottom: none;
      margin-bottom: 0.625rem;
      align-items: center; }
      #store .product-wrap .nav-tabs a.btn-default-outline {
        padding: 7px 12px; }
        #store .product-wrap .nav-tabs a.btn-default-outline i {
          width: 20px;
          height: 20px; }
      #store .product-wrap .nav-tabs button.nav-link {
        padding: 13px 4px !important;
        font-size: 1rem;
        margin-right: 24px;
        border-radius: 12px;
        color: #999999;
        position: relative;
        transition: all 0.3s; }
        #store .product-wrap .nav-tabs button.nav-link.active {
          border: none;
          font-weight: bold;
          color: #1c1c1c;
          margin-left: 14px; }
          #store .product-wrap .nav-tabs button.nav-link.active:before {
            content: "";
            width: 4px;
            height: 4px;
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: calc(50% - 2px);
            left: -12px;
            background-color: #91B4FF; }
        #store .product-wrap .nav-tabs button.nav-link:after {
          content: "";
          height: 14px !important;
          width: 1px !important;
          display: inline-block;
          background-color: #cccccc !important;
          position: absolute;
          left: inherit !important;
          top: calc(50% - 7px) !important;
          right: -12px !important; }
        #store .product-wrap .nav-tabs button.nav-link:nth-of-type(2):after {
          display: none !important; }
        #store .product-wrap .nav-tabs button.nav-link:hover {
          background-color: #f9f9f9 !important; }
          #store .product-wrap .nav-tabs button.nav-link:hover:not(.active) {
            color: #999 !important; }
    #store .product-wrap .bg-f9 {
      margin-top: 60px;
      background-color: #f9f9f9;
      padding: 40px;
      border-radius: 16px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 0px; }
      #store .product-wrap .bg-f9 > div:nth-of-type(2) {
        grid-row: 1 / span 2;
        grid-column: 2;
        height: fit-content; }
        #store .product-wrap .bg-f9 > div:nth-of-type(2) p {
          line-height: 1.64;
          font-size: 0.875rem;
          margin-bottom: 0.5rem; }
          #store .product-wrap .bg-f9 > div:nth-of-type(2) p span:not(.fw-bold) {
            color: #5c5c5c; }
        #store .product-wrap .bg-f9 > div:nth-of-type(2) ul {
          list-style: "- ";
          margin-top: 1rem; }
          #store .product-wrap .bg-f9 > div:nth-of-type(2) ul li {
            margin-bottom: 0.25rem;
            font-size: 0.75rem;
            line-height: 1.64; }
            #store .product-wrap .bg-f9 > div:nth-of-type(2) ul li:last-child {
              margin-bottom: 0; }
      #store .product-wrap .bg-f9 > div:nth-of-type(3) {
        display: inline-flex;
        align-items: flex-start;
        justify-content: start; }
        #store .product-wrap .bg-f9 > div:nth-of-type(3) button {
          margin-top: auto;
          font-size: 0.875rem;
          padding: 12.5px 16px; }
      #store .product-wrap .bg-f9 h3 {
        line-height: 1.5;
        font-size: 1.625rem; }
  #store .product-list-wrap {
    position: relative;
    transition: opacity 0.3s; }
    #store .product-list-wrap:hover .swiper-control-prev,
    #store .product-list-wrap:hover .swiper-control-next {
      opacity: 1; }
    #store .product-list-wrap .swiper-control-prev,
    #store .product-list-wrap .swiper-control-next {
      opacity: 0;
      position: absolute;
      top: calc(50% - 18px);
      z-index: 1;
      height: 36px;
      border-radius: 50%;
      width: 36px;
      border: 1px solid #dddddd;
      cursor: pointer; }
      #store .product-list-wrap .swiper-control-prev.swiper-button-disabled,
      #store .product-list-wrap .swiper-control-next.swiper-button-disabled {
        opacity: 0;
        display: none; }
    #store .product-list-wrap .swiper-control-prev {
      left: -48px;
      background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 51%, white); }
    #store .product-list-wrap .swiper-control-next {
      right: -48px;
      text-align: right;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white); }
  #store #nav-general .product-list-new > li {
    align-items: baseline; }
    #store #nav-general .product-list-new > li .btn-wrap {
      width: 100%; }
    #store #nav-general .product-list-new > li h2 + p:nth-of-type(1) {
      margin-bottom: 22px; }
    #store #nav-general .product-list-new > li .badge-sandoll {
      display: none; }
    #store #nav-general .product-list-new > li p.text-999 {
      font-size: 0.75rem; }
    #store #nav-general .product-list-new > li p.d-flex.fw-bold {
      align-items: center; }
      #store #nav-general .product-list-new > li p.d-flex.fw-bold.nocheck {
        color: #999999; }
      #store #nav-general .product-list-new > li p.d-flex.fw-bold > span:not(.text-999) {
        order: 2;
        margin-right: 4px;
        display: inline-flex;
        align-items: center; }
        #store #nav-general .product-list-new > li p.d-flex.fw-bold > span:not(.text-999) + em {
          order: 2;
          margin-top: 8px; }
    #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) {
      min-height: 315px; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > * {
        order: 3; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2,
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 + p,
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 ~ p.d-flex.fw-bold {
        width: 50%; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 {
        order: 1; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 + p {
        margin-bottom: 0; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 ~ p.d-flex.fw-bold {
        order: 2;
        justify-content: flex-end; }
  #store .product-list-new {
    display: flex;
    align-items: stretch; }
    #store .product-list-new > li {
      height: auto;
      width: calc(30% - (40px / 3));
      background-color: #ffffff;
      margin-right: 20px;
      border: 1px solid #dddddd;
      border-radius: 16px;
      padding: 30px;
      display: flex;
      flex-direction: column; }
      #store .product-list-new > li.noSlider {
        width: calc(33.3% - (40px / 3)); }
        #store .product-list-new > li.noSlider:nth-of-type(3), #store .product-list-new > li.noSlider:last-of-type {
          margin-right: 0 !important; }
      #store .product-list-new > li:not(.prime) {
        min-height: 616px; }
      #store .product-list-new > li:not(.swiper-slide):nth-of-type(3) {
        margin-right: 0; }
      #store .product-list-new > li.recomm {
        min-height: 280px; }
      #store .product-list-new > li.minburi {
        width: 100% !important;
        margin-right: 0 !important;
        flex-direction: row;
        flex-wrap: wrap;
        min-height: 320px; }
        #store .product-list-new > li.minburi > * {
          width: 100%; }
          #store .product-list-new > li.minburi > *.form-check.form-chk-new {
            width: calc(50% - 5px);
            margin-bottom: 50px;
            margin-top: 0; }
            #store .product-list-new > li.minburi > *.form-check.form-chk-new:nth-of-type(2) {
              margin-left: 10px; }
        #store .product-list-new > li.minburi ol {
          margin-bottom: 20px; }
          #store .product-list-new > li.minburi ol li {
            width: auto;
            min-width: auto;
            margin-right: 40px; }
        #store .product-list-new > li.minburi .btn-wrap .btn-sandoll,
        #store .product-list-new > li.minburi .btn-wrap .btn-default-outline {
          flex-grow: 1;
          width: 50%; }
      #store .product-list-new > li.prime {
        width: 100% !important;
        margin-right: 0 !important; }
        #store .product-list-new > li.prime ol {
          margin-bottom: 40px; }
          #store .product-list-new > li.prime ol li {
            min-width: inherit;
            margin-right: 60px; }
        #store .product-list-new > li.prime:nth-of-type(2) {
          margin-top: 20px; }
        #store .product-list-new > li.prime .btn-wrap .btn-sandoll-outline {
          flex-grow: 1; }
        #store .product-list-new > li.prime .btn-wrap .btn-default-outline {
          flex-grow: 1;
          cursor: inherit; }
          #store .product-list-new > li.prime .btn-wrap .btn-default-outline:hover {
            border-color: #dddddd; }
      #store .product-list-new > li .text-decoration-underline {
        text-underline-position: under; }
      #store .product-list-new > li h2 {
        font-size: 1.625rem;
        line-height: 1.5;
        max-height: 140px;
        font-weight: bold;
        margin-bottom: 0.625rem;
        text-wrap: nowrap; }
      #store .product-list-new > li hr {
        opacity: 1;
        background-color: #dddddd;
        width: 100%;
        margin: 30px 0 20px; }
      #store .product-list-new > li p {
        font-size: 1rem;
        line-height: 1.64; }
        #store .product-list-new > li p.fw-bold {
          font-size: 1.25rem; }
          #store .product-list-new > li p.fw-bold .price {
            margin: 0 4px;
            line-height: 1.64;
            font-size: 2.125rem; }
      #store .product-list-new > li ol {
        display: flex;
        flex-wrap: wrap;
        line-height: 1.64;
        margin-bottom: 0px; }
        #store .product-list-new > li ol li {
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%234173FA'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%234173FA'/%3E%3C/svg%3E%0A");
          background-position: left center;
          background-repeat: no-repeat;
          min-width: 50%;
          padding-left: 24px;
          font-size: 0.875rem;
          margin-bottom: 0.625rem; }
          #store .product-list-new > li ol li:first-child:nth-last-child(2),
          #store .product-list-new > li ol li:first-child:nth-last-child(2) ~ li {
            width: 100%; }
      #store .product-list-new > li ol + .form-chk-new {
        margin-top: 4px; }
      #store .product-list-new > li .form-chk-new {
        position: relative;
        margin-bottom: 10px; }
        #store .product-list-new > li .form-chk-new:nth-of-type(2) {
          margin-bottom: 22px; }
        #store .product-list-new > li .form-chk-new .form-check-input {
          position: absolute;
          right: 20px;
          height: calc(50% - 10px);
          width: 24px;
          height: 24px;
          margin-right: 0;
          background-size: 20px;
          background-color: transparent; }
        #store .product-list-new > li .form-chk-new .form-check-label {
          border: 1px solid #dddddd;
          border-radius: 10px;
          padding: 16px 20px;
          width: 100%;
          transition: background-color 0.3s; }
          #store .product-list-new > li .form-chk-new .form-check-label:hover {
            cursor: pointer;
            background-color: #F5F8FF; }
          #store .product-list-new > li .form-chk-new .form-check-label .badge {
            margin-left: 8px; }
          #store .product-list-new > li .form-chk-new .form-check-label p:nth-of-type(1) {
            font-size: 0.8125rem;
            line-height: 1.64;
            margin-bottom: 4px; }
          #store .product-list-new > li .form-chk-new .form-check-label p.price {
            line-height: 1.68;
            font-size: 16px;
            font-weight: bold; }
            #store .product-list-new > li .form-chk-new .form-check-label p.price span:not(.text-999) {
              font-size: 1.25rem;
              margin-right: 4px; }
          #store .product-list-new > li .form-chk-new .form-check-label p.text-999 {
            line-height: 1.64;
            font-size: 0.75rem;
            font-weight: 400; }
        #store .product-list-new > li .form-chk-new .form-check-input:checked + .form-check-label {
          border-color: #4173fa; }
        #store .product-list-new > li .form-chk-new .form-check-input:disabled + .form-check-label {
          opacity: 1;
          background-color: #f9f9f9; }
          #store .product-list-new > li .form-chk-new .form-check-input:disabled + .form-check-label .price {
            color: #999999; }
      #store .product-list-new > li .form-check + .btn-wrap {
        margin-top: auto; }
      #store .product-list-new > li .special_p {
        padding: 10px;
        border-radius: 10px;
        background-color: #f9f9f9;
        font-size: 0.75rem;
        line-height: 1.64;
        margin-bottom: 50px; }
      #store .product-list-new > li .btn-wrap {
        margin-top: auto;
        width: 100%; }
        #store .product-list-new > li .btn-wrap .btn {
          font-size: 0.875rem;
          padding: 12.5px 18.5px; }
          #store .product-list-new > li .btn-wrap .btn:last-child {
            margin-left: 8px; }
          #store .product-list-new > li .btn-wrap .btn:first-child:nth-last-child(1) {
            margin-left: 0;
            min-height: 55px; }
        #store .product-list-new > li .btn-wrap .btn-sandoll {
          flex-grow: 3; }
          #store .product-list-new > li .btn-wrap .btn-sandoll:disabled {
            background-color: #cccccc;
            border-color: #cccccc; }
        #store .product-list-new > li .btn-wrap .btn-default-outline {
          flex-grow: 1; }
    #store .product-list-new .badge-wrap {
      font-size: 0; }
      #store .product-list-new .badge-wrap .badge {
        height: auto;
        padding: 1px 7px;
        font-size: 12px;
        color: #1c1c1c;
        background: #dddddd;
        border-radius: 8px;
        vertical-align: middle; }
        #store .product-list-new .badge-wrap .badge + .badge {
          margin-left: 8px; }
        #store .product-list-new .badge-wrap .badge.badge-recomm {
          margin: 0;
          background: #EBF0FF;
          color: #4173fa; }
          #store .product-list-new .badge-wrap .badge.badge-recomm::after, #store .product-list-new .badge-wrap .badge.badge-recomm::before {
            display: none; }
  #store .brand_list {
    display: flex;
    flex-wrap: wrap; }
    #store .brand_list.isOver li#minburi_product {
      display: none; }
    #store .brand_list.isOver li {
      margin-right: 20px; }
      #store .brand_list.isOver li:nth-of-type(4n+1) {
        margin-right: 0; }
      #store .brand_list.isOver li:nth-of-type(4n) {
        margin-right: 20px; }
    #store .brand_list li {
      width: calc(25% - (72px / 4));
      margin-right: 24px;
      margin-bottom: 1.875rem;
      order: 3; }
      #store .brand_list li:nth-of-type(4n) {
        margin-right: 0; }
      #store .brand_list li:has(a[href="/font-subscription/1/Sandoll"]) {
        order: 1; }
      #store .brand_list li#minburi_product {
        order: 2; }
      #store .brand_list li a {
        display: flex;
        width: 100%;
        height: 100%;
        border-radius: 16px;
        border: 1px solid #dddddd;
        padding: 20px;
        flex-direction: column;
        transition: all 0.3s; }
        #store .brand_list li a img {
          height: 24px;
          border: none;
          width: auto;
          object-fit: contain;
          object-position: left;
          margin-bottom: 0.25rem; }
        #store .brand_list li a h4 {
          color: #999999;
          font-size: 1rem;
          line-height: 1.64; }
        #store .brand_list li a:hover {
          background-color: #1c1c1c; }
          #store .brand_list li a:hover img {
            filter: invert(1); }
          #store .brand_list li a:hover h4 {
            color: #ffffff; }
  #store .brand-product-header {
    padding-top: 60px; }
  #store .productContents-nav {
    background: #f9f9f9;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    min-height: 57px;
    display: block; }
    #store .productContents-nav.fixed {
      position: fixed;
      width: 100%;
      top: 80px;
      z-index: 999;
      left: 0; }
    #store .productContents-nav .container-1200 {
      display: flex;
      line-height: 1.64; }
    #store .productContents-nav button {
      border: none;
      box-shadow: none;
      color: #999999;
      background-color: transparent;
      padding: 15px 100px 15px 0;
      font-size: 1rem;
      display: block; }
      #store .productContents-nav button.active {
        font-weight: bold;
        color: #4173fa; }
  #store nav.swiper {
    margin-bottom: 10px;
    padding: 5px 0;
    position: relative; }
    #store nav.swiper ul {
      height: 38px;
      width: 100%;
      position: relative; }
      #store nav.swiper ul li {
        border: none;
        width: auto !important;
        display: -webkit-inline-flex;
        display: inline-flex;
        align-items: center;
        word-wrap: normal;
        flex-wrap: wrap;
        white-space: nowrap;
        background: #ffffff;
        padding: 6px 12px;
        font-size: 1rem;
        border-radius: 38px;
        margin-right: 4px;
        color: #999999;
        position: relative; }
        #store nav.swiper ul li.active {
          border: 1px solid #4173fa; }
          #store nav.swiper ul li.active button {
            color: #4173fa; }
        #store nav.swiper ul li:hover {
          background-color: #f9f9f9; }
        #store nav.swiper ul li button {
          border: none;
          padding: 0;
          color: #999999;
          background-color: transparent; }
    #store nav.swiper .swiper-control-prev,
    #store nav.swiper .swiper-control-next {
      width: 110px;
      position: absolute;
      top: 12px;
      z-index: 1;
      height: 38px; }
      #store nav.swiper .swiper-control-prev.swiper-button-disabled,
      #store nav.swiper .swiper-control-next.swiper-button-disabled {
        opacity: 0;
        display: none; }
    #store nav.swiper .swiper-control-prev {
      left: 0;
      background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 51%, white); }
    #store nav.swiper .swiper-control-next {
      right: 0;
      text-align: right;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white); }
  #store .product-detail {
    margin-top: 130px; }
    #store .product-detail h2 {
      font-size: 1.625rem;
      line-height: 1.5;
      font-weight: bold;
      margin-bottom: 2.5rem; }
    #store .product-detail .border-ddd {
      border: 1px solid #dddddd;
      border-radius: 16px;
      padding: 30px 24px;
      margin-bottom: 2.5rem; }
      #store .product-detail .border-ddd h6 {
        font-size: 1rem;
        line-height: 1.64;
        margin-bottom: 0.5rem; }
      #store .product-detail .border-ddd ul {
        margin-bottom: 1.5rem;
        font-size: 0.875rem;
        line-height: 1.64;
        margin-left: 1.5rem; }
        #store .product-detail .border-ddd ul li {
          margin-bottom: 0.5rem; }
          #store .product-detail .border-ddd ul li > ul {
            margin-top: 0.5rem;
            margin-bottom: 0; }
    #store .product-detail .d-flex.align-items-start i {
      opacity: 0.45;
      width: 24px;
      height: 24px;
      background-size: 14px 14px; }
    #store .product-detail .d-flex.align-items-start div {
      font-size: 0.75rem;
      line-height: 1.64; }
    #store .product-detail .font-list-wrap h6 {
      font-size: 1rem;
      line-height: 1.64;
      margin-bottom: 1rem; }
    #store .product-detail .search-list li.font2 {
      margin-bottom: 1.25rem; }
  #store .compare_voucher {
    margin-top: 130px; }
    #store .compare_voucher h2 {
      font-size: 1.625rem;
      line-height: 1.5;
      font-weight: bold;
      margin-bottom: 0.75rem; }
    #store .compare_voucher h2 + p {
      font-size: 0.875rem;
      line-height: 1.64;
      color: #5c5c5c;
      margin-bottom: 2.5rem; }
    #store .compare_voucher .filterForm > .d-flex:first-of-type {
      border: none;
      height: auto;
      margin-bottom: 1rem; }
      #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper {
        margin-left: 0;
        width: 100%;
        margin-right: 28px;
        overflow: hidden;
        margin-bottom: 0; }
        #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper .swiper-button-next {
          background: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 70%, rgba(255, 255, 255, 0) 100%);
          right: -8px; }
        #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper .swiper-control-prev {
          background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 70%, rgba(255, 255, 255, 0) 100%); }
        #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper .swiper-control-next,
        #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper .swiper-control-prev {
          top: 4px;
          padding: 8px 0;
          height: 40px;
          width: 40px; }
          #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper .swiper-control-next i,
          #store .compare_voucher .filterForm > .d-flex:first-of-type .nav.swiper .swiper-control-prev i {
            width: 24px;
            height: 24px; }
    #store .compare_voucher nav + .d-lg-flex {
      margin-bottom: 0px;
      border: none;
      height: auto; }
      #store .compare_voucher nav + .d-lg-flex .form-control.select-wrap {
        background-size: 24px 24px, 16px 16px !important;
        background-repeat: no-repeat;
        background-position: left center , right  center !important;
        padding-left: 28px !important;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A") !important; }
        #store .compare_voucher nav + .d-lg-flex .form-control.select-wrap[aria-expanded="true"] {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A") !important; }
    #store .compare_voucher .font-sample-list > li {
      width: 100%;
      border-top: 1px solid #dddddd; }
      #store .compare_voucher .font-sample-list > li:last-child {
        border-bottom: 1px solid #dddddd; }
      #store .compare_voucher .font-sample-list > li.list-header {
        color: #999999;
        font-size: 0.875rem; }
        #store .compare_voucher .font-sample-list > li.list-header ol > li {
          justify-content: center; }
          #store .compare_voucher .font-sample-list > li.list-header ol > li:nth-of-type(1), #store .compare_voucher .font-sample-list > li.list-header ol > li:nth-of-type(2) {
            justify-content: start; }
      #store .compare_voucher .font-sample-list > li ol {
        display: flex;
        align-items: center; }
        #store .compare_voucher .font-sample-list > li ol > li {
          padding: 16px 0;
          text-align: left;
          line-height: 1.64;
          display: inline-flex;
          flex-basis: 80px;
          align-items: stretch;
          justify-content: center;
          flex-grow: 1; }
          #store .compare_voucher .font-sample-list > li ol > li:nth-of-type(1) {
            flex-basis: 15.51%;
            padding-right: 20px;
            max-width: 180px;
            word-break: break-all;
            overflow: hidden;
            flex-grow: 2;
            justify-content: start; }
          #store .compare_voucher .font-sample-list > li ol > li:nth-of-type(2) {
            flex-grow: 8;
            flex-basis: 55.17%;
            justify-content: start; }
          #store .compare_voucher .font-sample-list > li ol > li:has(img.preview) {
            padding: 14px 0; }
            #store .compare_voucher .font-sample-list > li ol > li:has(img.preview) img {
              border: none;
              height: 36px; }
          #store .compare_voucher .font-sample-list > li ol > li.preview {
            text-align: left;
            font-size: 1.25rem;
            white-space: nowrap;
            overflow: hidden;
            justify-content: start; }
          #store .compare_voucher .font-sample-list > li ol > li.pc-none {
            display: none; }
          #store .compare_voucher .font-sample-list > li ol > li i {
            vertical-align: middle; }
            #store .compare_voucher .font-sample-list > li ol > li i.ic-triangle {
              cursor: pointer; }
    #store .compare_voucher .font-sample-list + .btn-wrap {
      margin-top: 60px; }
      #store .compare_voucher .font-sample-list + .btn-wrap .btn-default-outline {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 240px;
        padding: 16px 0;
        font-size: 0.875rem;
        border-radius: 30px; }
        #store .compare_voucher .font-sample-list + .btn-wrap .btn-default-outline i {
          width: 20px;
          height: 20px; }
  #store .available_license {
    margin: 130px 0 130px; }
    #store .available_license .table {
      margin-top: 2.5rem; }
      #store .available_license .table tr {
        border-bottom: 1px solid #dddddd; }
        #store .available_license .table tr:first-child {
          border-top: 1px solid #dddddd; }
      #store .available_license .table tr > th {
        padding: 16px 40px 16px 16px;
        color: #999999;
        font-size: 0.875rem;
        line-height: 1.64; }
        #store .available_license .table tr > th:first-child {
          width: 186px; }
      #store .available_license .table tr > td {
        font-size: 0.875rem;
        line-height: 1.64;
        padding: 16px 40px 16px 16px; }
  #store .available_license img,
  #store .available_program img {
    width: 40px;
    height: 40px; }
  #store .available_license h2,
  #store .available_program h2 {
    font-size: 1.625rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  #store .available_license h2 + p,
  #store .available_program h2 + p {
    font-size: 0.8125rem; }
  #store .available_program nav.swiper {
    margin-bottom: 0px;
    padding: 10px 0 4px; }
  #store .available_program .card {
    margin-top: 12px;
    display: flex;
    padding: 16px 16px 0px 16px;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 16px;
    border-color: #dddddd; }
    #store .available_program .card.none_program img {
      filter: grayscale(1); }
    #store .available_program .card .text-wrap {
      max-width: 500px;
      width: calc(50% - 30px);
      margin-right: 30px; }
      #store .available_program .card .text-wrap h6 {
        font-weight: bold;
        font-size: 1rem;
        line-height: 1.64;
        margin-bottom: 0.25rem; }
      #store .available_program .card .text-wrap p {
        color: #777;
        font-size: 0.75rem;
        line-height: 1.64; }
    #store .available_program .card ul {
      flex-wrap: wrap;
      width: 50%;
      display: flex;
      align-items: flex-start; }
      #store .available_program .card ul.design_tool li {
        min-width: 76px; }
      #store .available_program .card ul.ios li {
        width: 25%;
        margin-right: 0; }
      #store .available_program .card ul li {
        min-width: 90px;
        margin-right: 14px;
        margin-bottom: 16px; }
        #store .available_program .card ul li:last-child {
          margin-right: 0; }
        #store .available_program .card ul li img {
          display: block;
          margin: 0 auto 10px;
          border: none; }
        #store .available_program .card ul li p {
          font-size: 0.8125rem;
          line-height: 1.64;
          text-align: center; }
          #store .available_program .card ul li p span.text-999 {
            display: block;
            font-size: 0.6875rem; }
  #store .available_program .caution {
    margin-top: 30px;
    background: transparent; }
    #store .available_program .caution h4 {
      margin-bottom: 20px;
      font-size: 1.25rem;
      font-weight: bold; }
    #store .available_program .caution ul {
      border-radius: 20px;
      background-color: #f9f9f9;
      padding: 20px 16px;
      line-height: 1.64;
      list-style: disc; }
      #store .available_program .caution ul li {
        margin-bottom: 8px;
        color: #5c5c5c;
        font-size: 0.75rem;
        margin-left: 16px; }
  #store .product_info {
    min-height: 660px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #f9f9f9; }
    #store .product_info .fs-title-2,
    #store .product_info label {
      color: #1c1c1c; }
    #store .product_info .container-1200 {
      height: 100%;
      padding: 4.6875rem 0 3.75rem; }
      #store .product_info .container-1200 .order-1 {
        width: 59.4%; }
      #store .product_info .container-1200 .order-2 {
        width: 40.9%; }
        #store .product_info .container-1200 .order-2 .fs-txt-3 a {
          color: #1c1c1c; }
        #store .product_info .container-1200 .order-2 .form-check {
          border: 1px solid #dddddd;
          padding: 24px; }
          #store .product_info .container-1200 .order-2 .form-check .text-decoration-line-through {
            vertical-align: super; }
          #store .product_info .container-1200 .order-2 .form-check .fs-txt-3 {
            color: #333333; }
      #store .product_info .container-1200 .product_name {
        font-weight: bold;
        font-size: 2.75rem;
        color: #1c1c1c;
        margin-bottom: 1.875rem;
        line-height: 1.38; }
      #store .product_info .container-1200 .fs-txt-4 {
        margin-top: 0.75rem; }
        #store .product_info .container-1200 .fs-txt-4 a {
          color: #333333;
          background-size: 16px 16px;
          background-repeat: no-repeat;
          background-position: center right;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/ic_download_normal.png"); }
          #store .product_info .container-1200 .fs-txt-4 a:hover {
            color: #4173fa;
            background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/ic-download-blue.png"); }
    #store .product_info .recommend_product_item {
      height: 72px;
      width: 100%;
      border: 1px solid #dddddd; }
      #store .product_info .recommend_product_item > a {
        display: flex;
        align-items: center; }
        #store .product_info .recommend_product_item > a .next-icon {
          width: 24px;
          height: 24px; }
      #store .product_info .recommend_product_item img {
        width: 72px;
        height: 72px;
        margin-right: 0.75rem; }
      #store .product_info .recommend_product_item .fs-txt-2 {
        color: #333333;
        margin-top: 0.5rem; }
  #store .product_purchase .d-flex > img {
    width: 35.75rem;
    height: 35.75rem;
    margin-right: 2.875rem; }
  #store .product_purchase .d-flex > form {
    position: relative;
    width: calc(100% - 618px); }
    #store .product_purchase .d-flex > form .fs-title-2 {
      margin: 0.75rem 0; }
    #store .product_purchase .d-flex > form .description {
      line-height: 1.68;
      width: 100%;
      max-height: calc(14px * 12 * 1.68);
      margin: 1.25rem 0 2.5rem;
      overflow: hidden;
      position: relative;
      word-wrap: break-word;
      word-break: keep-all; }
    #store .product_purchase .d-flex > form .product-encore,
    #store .product_purchase .d-flex > form .product-like {
      position: absolute;
      top: 0;
      right: 0; }
      #store .product_purchase .d-flex > form .product-encore span,
      #store .product_purchase .d-flex > form .product-like span {
        display: none; }
    #store .product_purchase .d-flex > form .product-info {
      padding: 20px 0;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; }
      #store .product_purchase .d-flex > form .product-info ul li {
        width: 100%;
        margin-bottom: 20px; }
        #store .product_purchase .d-flex > form .product-info ul li label {
          width: 7.1875rem; }
        #store .product_purchase .d-flex > form .product-info ul li > span {
          width: calc(100% - 115px); }
    #store .product_purchase .d-flex > form .selectedList {
      display: none; }
      #store .product_purchase .d-flex > form .selectedList li {
        display: flex;
        font-size: 1rem;
        border-bottom: 1px solid #dddddd;
        padding: 20px 0; }
        #store .product_purchase .d-flex > form .selectedList li > .price {
          margin-left: auto; }
        #store .product_purchase .d-flex > form .selectedList li .ic-close {
          width: 16px;
          height: 16px;
          cursor: pointer;
          margin-left: 0.5rem; }
        #store .product_purchase .d-flex > form .selectedList li.totalPrice {
          border-bottom: none; }
    #store .product_purchase .d-flex > form .form-group .form-control {
      padding: 12px 20px;
      font-size: 0.875rem;
      margin-bottom: 0.75rem; }
    #store .product_purchase .d-flex > form .form-group .dropdown-menu {
      width: 100%;
      border-radius: 0;
      max-height: 192px;
      overflow-y: auto; }
      #store .product_purchase .d-flex > form .form-group .dropdown-menu .dropdown-item {
        display: flex;
        justify-content: space-between;
        padding: 17px 20px;
        font-size: 0.875rem; }
        #store .product_purchase .d-flex > form .form-group .dropdown-menu .dropdown-item:hover {
          background: #f9f9f9; }
        #store .product_purchase .d-flex > form .form-group .dropdown-menu .dropdown-item:focus, #store .product_purchase .d-flex > form .form-group .dropdown-menu .dropdown-item:active {
          color: #4173fa; }
        #store .product_purchase .d-flex > form .form-group .dropdown-menu .dropdown-item .weight-name {
          margin-right: auto; }
        #store .product_purchase .d-flex > form .form-group .dropdown-menu .dropdown-item .sale {
          color: #4173fa; }
  #store .caution .container-768 {
    background: #f9f9f9;
    padding: 2.5rem; }
    #store .caution .container-768 ul {
      list-style: "· ";
      padding-left: 10px; }
      #store .caution .container-768 ul li {
        line-height: 1.64; }
  #store .fontExampleArea img {
    max-width: 100%;
    display: block; }
  #store .fontExampleArea .swiper-button-next:after, #store .fontExampleArea .swiper-button-prev:after {
    display: none; }
  #store .fontExampleArea .swiper-button-next,
  #store .fontExampleArea .swiper-button-prev {
    margin-top: 0;
    opacity: 0;
    transition: opacity 0.3s; }
    #store .fontExampleArea .swiper-button-next.swiper-button-disabled,
    #store .fontExampleArea .swiper-button-prev.swiper-button-disabled {
      opacity: 0 !important; }
  #store .fontExampleArea .swiper-button-next {
    right: 0; }
  #store .fontExampleArea .swiper-button-prev {
    left: 0; }
  #store .fontExampleArea .fontExampleImg_swiper1 .swiper-button-next,
  #store .fontExampleArea .fontExampleImg_swiper1 .swiper-button-prev {
    width: 52px;
    height: 52px;
    top: calc(50% - 26px); }
    #store .fontExampleArea .fontExampleImg_swiper1 .swiper-button-next img,
    #store .fontExampleArea .fontExampleImg_swiper1 .swiper-button-prev img {
      width: 100%; }
  #store .fontExampleArea .fontExampleImg_swiper1:hover .swiper-button-next,
  #store .fontExampleArea .fontExampleImg_swiper1:hover .swiper-button-prev {
    opacity: 1; }
  #store .fontExampleArea .fontExampleImg_swiper2 {
    margin-top: 1rem; }
    #store .fontExampleArea .fontExampleImg_swiper2 .swiper-button-next,
    #store .fontExampleArea .fontExampleImg_swiper2 .swiper-button-prev {
      width: 32px;
      height: 90px;
      top: 0;
      background: rgba(28, 28, 28, 0.2); }
      #store .fontExampleArea .fontExampleImg_swiper2 .swiper-button-next img,
      #store .fontExampleArea .fontExampleImg_swiper2 .swiper-button-prev img {
        width: 100%; }
    #store .fontExampleArea .fontExampleImg_swiper2:hover .swiper-button-next,
    #store .fontExampleArea .fontExampleImg_swiper2:hover .swiper-button-prev {
      opacity: 1; }
    #store .fontExampleArea .fontExampleImg_swiper2 .swiper-slide {
      max-width: 180px;
      max-height: 90px;
      position: relative; }
      #store .fontExampleArea .fontExampleImg_swiper2 .swiper-slide img {
        width: 100%;
        height: 90px;
        object-fit: cover;
        object-position: center center; }
      #store .fontExampleArea .fontExampleImg_swiper2 .swiper-slide.swiper-slide-thumb-active:after, #store .fontExampleArea .fontExampleImg_swiper2 .swiper-slide:hover:after {
        content: "";
        cursor: pointer;
        position: absolute;
        background-color: rgba(28, 28, 28, 0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        z-index: 99;
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/ic-extend-white.png"); }
  #store .font_preview .preview_txt_input {
    width: 53.125rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4 8H9.59999C9.38781 8 9.18433 8.08429 9.0343 8.23431C8.88427 8.38434 8.79999 8.58783 8.79999 8.8C8.79999 9.01217 8.88427 9.21566 9.0343 9.36569C9.18433 9.51571 9.38781 9.6 9.59999 9.6H22.4C22.6122 9.6 22.8156 9.51571 22.9657 9.36569C23.1157 9.21566 23.2 9.01217 23.2 8.8C23.2 8.58783 23.1157 8.38434 22.9657 8.23431C22.8156 8.08429 22.6122 8 22.4 8Z' fill='%231C1C1C'/%3E%3Cpath d='M16 8C15.7878 8 15.5844 8.08429 15.4343 8.23431C15.2843 8.38434 15.2 8.58783 15.2 8.8V23.2C15.2 23.4122 15.2843 23.6157 15.4343 23.7657C15.5844 23.9157 15.7878 24 16 24C16.2122 24 16.4157 23.9157 16.5657 23.7657C16.7157 23.6157 16.8 23.4122 16.8 23.2V8.8C16.8 8.58783 16.7157 8.38434 16.5657 8.23431C16.4157 8.08429 16.2122 8 16 8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: 16px center;
    padding-left: 42px; }
  #store .font_preview .font_preview_list .fs-txt-4,
  #store .font_preview .font_preview_list .fs-txt-3 {
    margin-bottom: 0.75rem; }
  #store .font_preview .font_preview_list .fs-txt-4 {
    color: #333333; }
  #store .desc_images {
    line-height: 1.64; }
    #store .desc_images img {
      width: 100% !important;
      height: auto !important;
      max-width: inherit; }
    #store .desc_images strong,
    #store .desc_images b {
      font-weight: bold; }
  #store .container-1200.d-flex {
    justify-content: space-between; }
    #store .container-1200.d-flex > .order-1 {
      width: 47.5rem; }
      #store .container-1200.d-flex > .order-1 .product_items {
        display: flex;
        background: #f9f9f9;
        align-items: center;
        height: 88px;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        margin-bottom: 0.5rem;
        border-radius: 12px; }
        #store .container-1200.d-flex > .order-1 .product_items:last-child {
          margin-bottom: 0; }
        #store .container-1200.d-flex > .order-1 .product_items.coupon .price {
          color: #4173fa; }
        #store .container-1200.d-flex > .order-1 .product_items .ms-auto {
          text-align: right; }
          #store .container-1200.d-flex > .order-1 .product_items .ms-auto .fs-title-3 {
            margin-bottom: 0.375rem; }
      #store .container-1200.d-flex > .order-1 .user_info .btn-size-sm {
        min-width: 80px;
        padding: 4px 12px; }
      #store .container-1200.d-flex > .order-1 section .fs-title-3,
      #store .container-1200.d-flex > .order-1 form .fs-title-3 {
        margin-bottom: 1.5rem; }
      #store .container-1200.d-flex > .order-1 section .caution,
      #store .container-1200.d-flex > .order-1 form .caution {
        width: 670px;
        background: #f9f9f9;
        padding: 1rem 1rem 1rem 0.625rem;
        border-radius: 12px; }
        #store .container-1200.d-flex > .order-1 section .caution .fs-txt-4.fw-bold,
        #store .container-1200.d-flex > .order-1 form .caution .fs-txt-4.fw-bold {
          padding-left: 7px; }
        #store .container-1200.d-flex > .order-1 section .caution ul li,
        #store .container-1200.d-flex > .order-1 form .caution ul li {
          position: relative;
          line-height: 1.64;
          padding-left: 18px; }
          #store .container-1200.d-flex > .order-1 section .caution ul li::before,
          #store .container-1200.d-flex > .order-1 form .caution ul li::before {
            content: '';
            position: absolute;
            left: 8px;
            top: 8px;
            width: 2px;
            height: 2px;
            background-color: #dddddd;
            border-radius: 2px; }
          #store .container-1200.d-flex > .order-1 section .caution ul li + li,
          #store .container-1200.d-flex > .order-1 form .caution ul li + li {
            margin-top: 8px; }
      #store .container-1200.d-flex > .order-1 section .info_list,
      #store .container-1200.d-flex > .order-1 form .info_list {
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #dddddd; }
        #store .container-1200.d-flex > .order-1 section .info_list > li,
        #store .container-1200.d-flex > .order-1 form .info_list > li {
          display: flex;
          align-items: center;
          margin-bottom: 0.875rem;
          min-height: 2rem; }
          #store .container-1200.d-flex > .order-1 section .info_list > li .taxType2,
          #store .container-1200.d-flex > .order-1 form .info_list > li .taxType2 {
            display: none; }
            #store .container-1200.d-flex > .order-1 section .info_list > li .taxType2 .fs-title-5,
            #store .container-1200.d-flex > .order-1 form .info_list > li .taxType2 .fs-title-5 {
              padding: 20px 0 16px; }
            #store .container-1200.d-flex > .order-1 section .info_list > li .taxType2 .form-group,
            #store .container-1200.d-flex > .order-1 form .info_list > li .taxType2 .form-group {
              display: flex;
              align-items: center;
              margin-bottom: 0.75rem; }
              #store .container-1200.d-flex > .order-1 section .info_list > li .taxType2 .form-group label,
              #store .container-1200.d-flex > .order-1 form .info_list > li .taxType2 .form-group label {
                width: 146px; }
              #store .container-1200.d-flex > .order-1 section .info_list > li .taxType2 .form-group > div,
              #store .container-1200.d-flex > .order-1 form .info_list > li .taxType2 .form-group > div {
                width: calc(100% - 146px); }
                #store .container-1200.d-flex > .order-1 section .info_list > li .taxType2 .form-group > div input[type="text"]:nth-child(2),
                #store .container-1200.d-flex > .order-1 form .info_list > li .taxType2 .form-group > div input[type="text"]:nth-child(2) {
                  margin-top: 0.75rem; }
          #store .container-1200.d-flex > .order-1 section .info_list > li .w-100 .w-75 .form-control,
          #store .container-1200.d-flex > .order-1 form .info_list > li .w-100 .w-75 .form-control {
            width: calc(258px); }
          #store .container-1200.d-flex > .order-1 section .info_list > li .w-100 .w-75 input[type="number"]::-webkit-outer-spin-button,
          #store .container-1200.d-flex > .order-1 section .info_list > li .w-100 .w-75 input[type="number"]::-webkit-inner-spin-button,
          #store .container-1200.d-flex > .order-1 form .info_list > li .w-100 .w-75 input[type="number"]::-webkit-outer-spin-button,
          #store .container-1200.d-flex > .order-1 form .info_list > li .w-100 .w-75 input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0; }
          #store .container-1200.d-flex > .order-1 section .info_list > li .w-100 .w-75 .parsley-error-list.filled,
          #store .container-1200.d-flex > .order-1 form .info_list > li .w-100 .w-75 .parsley-error-list.filled {
            margin: 0.5rem 0 0 0; }
          #store .container-1200.d-flex > .order-1 section .info_list > li > label,
          #store .container-1200.d-flex > .order-1 form .info_list > li > label {
            width: 10.625rem; }
          #store .container-1200.d-flex > .order-1 section .info_list > li > div,
          #store .container-1200.d-flex > .order-1 form .info_list > li > div {
            width: calc(100% - 170px); }
            #store .container-1200.d-flex > .order-1 section .info_list > li > div .form-control,
            #store .container-1200.d-flex > .order-1 form .info_list > li > div .form-control {
              padding: 9px 14px 8px;
              border: 1px solid #dddddd;
              font-size: 0.875rem; }
            #store .container-1200.d-flex > .order-1 section .info_list > li > div .fs-txt-4,
            #store .container-1200.d-flex > .order-1 form .info_list > li > div .fs-txt-4 {
              margin-top: 0.75rem; }
            #store .container-1200.d-flex > .order-1 section .info_list > li > div.fs-txt-2,
            #store .container-1200.d-flex > .order-1 form .info_list > li > div.fs-txt-2 {
              flex-wrap: wrap; }
              #store .container-1200.d-flex > .order-1 section .info_list > li > div.fs-txt-2 input[type="text"],
              #store .container-1200.d-flex > .order-1 form .info_list > li > div.fs-txt-2 input[type="text"] {
                padding-left: 20px;
                width: calc(100% - 148px); }
              #store .container-1200.d-flex > .order-1 section .info_list > li > div.fs-txt-2 button,
              #store .container-1200.d-flex > .order-1 form .info_list > li > div.fs-txt-2 button {
                width: 8.75rem;
                padding: 9px 30px; }
            #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown,
            #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown {
              width: 100%; }
              #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown button,
              #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown button {
                width: 100%; }
              #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown button[aria-expanded='true'],
              #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown button[aria-expanded='true'] {
                background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
              #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown ul,
              #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown ul {
                padding: 0;
                position: absolute;
                border-radius: 0;
                width: 100%;
                border: 1px solid #dddddd;
                border-top: none;
                top: 46px;
                left: 0; }
                #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown ul .form-check-input,
                #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown ul .form-check-input {
                  display: none; }
                  #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown ul .form-check-input:checked + label,
                  #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown ul .form-check-input:checked + label {
                    color: #4173fa; }
                  #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown ul .form-check-input:disabled + label,
                  #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown ul .form-check-input:disabled + label {
                    color: #999999;
                    background: #f9f9f9;
                    cursor: inherit; }
                #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown ul .list-group-item,
                #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown ul .list-group-item {
                  border: none;
                  padding: 9px 13px; }
                  #store .container-1200.d-flex > .order-1 section .info_list > li > div .coupon-dropdown ul .list-group-item:hover,
                  #store .container-1200.d-flex > .order-1 form .info_list > li > div .coupon-dropdown ul .list-group-item:hover {
                    cursor: pointer;
                    background: #f9f9f9; }
          #store .container-1200.d-flex > .order-1 section .info_list > li .btn-group input + label,
          #store .container-1200.d-flex > .order-1 form .info_list > li .btn-group input + label {
            font-size: 0.875rem;
            width: 50%;
            border: 1px solid #dddddd; }
          #store .container-1200.d-flex > .order-1 section .info_list > li .btn-group input:checked + label,
          #store .container-1200.d-flex > .order-1 form .info_list > li .btn-group input:checked + label {
            border: 1px solid #4173fa;
            background: #4173fa;
            color: #ffffff; }
      #store .container-1200.d-flex > .order-1 section .payment-tab li button,
      #store .container-1200.d-flex > .order-1 form .payment-tab li button {
        width: 108px;
        height: 108px;
        border: 1px solid #dddddd;
        background: #ffffff;
        box-sizing: border-box;
        margin-right: 0.75rem;
        font-size: 0.875rem;
        color: #333333;
        border-radius: 12px; }
        #store .container-1200.d-flex > .order-1 section .payment-tab li button img,
        #store .container-1200.d-flex > .order-1 form .payment-tab li button img {
          width: 53px;
          height: 53px;
          margin: 0 auto 12px;
          display: block;
          object-fit: contain;
          border: none; }
        #store .container-1200.d-flex > .order-1 section .payment-tab li button.active,
        #store .container-1200.d-flex > .order-1 form .payment-tab li button.active {
          border: 1px solid #4173fa; }
      #store .container-1200.d-flex > .order-1 section .payment-tab li:last-child button,
      #store .container-1200.d-flex > .order-1 form .payment-tab li:last-child button {
        margin-right: 0; }
    #store .container-1200.d-flex > .order-2 {
      width: 22.5rem; }
      #store .container-1200.d-flex > .order-2 > div {
        background: #f9f9f9;
        padding: 3.75rem 1.25rem 2.9375rem;
        border-radius: 12px; }
        #store .container-1200.d-flex > .order-2 > div .d-flex {
          margin-bottom: 1.875rem; }
          #store .container-1200.d-flex > .order-2 > div .d-flex label {
            width: 40%; }
          #store .container-1200.d-flex > .order-2 > div .d-flex p {
            width: 60%;
            text-align: right; }
        #store .container-1200.d-flex > .order-2 > div hr {
          border-color: #dddddd;
          margin: 1.875rem 0; }
        #store .container-1200.d-flex > .order-2 > div .form-check {
          align-items: flex-start;
          line-height: 1.64; }
          #store .container-1200.d-flex > .order-2 > div .form-check .form-check-label {
            cursor: pointer;
            margin-top: -3px; }
  #store .container-572 .fs-title-3 {
    margin: 0.75rem 0; }
  #store .container-572 .product_items {
    background: #f9f9f9;
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0.75rem; }
    #store .container-572 .product_items:last-of-type {
      margin-bottom: 0; }
    #store .container-572 .product_items .fs-title-4 {
      margin-bottom: 0.5rem; }
  #store .container-572 hr {
    opacity: 1;
    border-color: #c4c4c4;
    margin: 0; }
  #store .container-572 .howtoUse {
    padding-top: 3rem; }
    #store .container-572 .howtoUse .nav {
      border-bottom: 1px solid #dddddd; }
      #store .container-572 .howtoUse .nav .nav-link {
        font-size: 1rem;
        font-weight: bold;
        padding: 7px 0;
        color: #999999;
        background: transparent;
        border: none; }
      #store .container-572 .howtoUse .nav .nav-link.active {
        border-bottom: 2px solid #1c1c1c;
        color: #1c1c1c; }
    #store .container-572 .howtoUse .fs-title-4 {
      margin-top: 20px; }
    #store .container-572 .howtoUse .fs-txt-3:not(.btn-default-outline) {
      margin-top: 16px;
      line-height: 1.5; }
  #store .container-572 .guide > .d-flex {
    background: #f9f9f9;
    padding: 28px 28px;
    justify-content: space-between; }
    #store .container-572 .guide > .d-flex > div {
      text-align: center;
      width: 30%;
      padding: 0 6px;
      line-height: 1.64;
      word-break: keep-all; }
    #store .container-572 .guide > .d-flex img {
      width: 69px;
      height: 69px; }
  #store .container-572 .guide .fs-title-4 {
    margin-top: 20px; }
  #store .container-572 .guide .fs-txt-2:not(.btn-default-outline) {
    margin-top: 16px; }
  #store .container-572 .virtualAccount {
    margin-top: 1.75rem; }
    #store .container-572 .virtualAccount .fs-title-4 {
      margin-bottom: 0.75rem; }
  #store.prime_voucher {
    min-height: 100vh; }
    #store.prime_voucher .list-style-dot {
      margin-left: 18px; }
      #store.prime_voucher .list-style-dot li::marker {
        color: #dddddd; }
      #store.prime_voucher .list-style-dot li:last-child {
        margin-bottom: 0; }
      #store.prime_voucher .list-style-dot li .ic-go {
        width: 18px;
        height: 18px; }
    #store.prime_voucher .container-1200.d-flex > div #chk_list .accordion-item:hover,
    #store.prime_voucher .container-1200.d-flex > form #chk_list .accordion-item:hover {
      background: transparent; }
      #store.prime_voucher .container-1200.d-flex > div #chk_list .accordion-item:hover .accordion-header,
      #store.prime_voucher .container-1200.d-flex > div #chk_list .accordion-item:hover .accordion-body,
      #store.prime_voucher .container-1200.d-flex > form #chk_list .accordion-item:hover .accordion-header,
      #store.prime_voucher .container-1200.d-flex > form #chk_list .accordion-item:hover .accordion-body {
        border-color: #dddddd; }
    #store.prime_voucher .container-1200.d-flex > div #chk_list input[type="checkbox"] + label,
    #store.prime_voucher .container-1200.d-flex > form #chk_list input[type="checkbox"] + label {
      padding: 16px 16px 16px 16px; }
    #store.prime_voucher .container-1200.d-flex > div .accordion-item,
    #store.prime_voucher .container-1200.d-flex > form .accordion-item {
      margin-bottom: 0.75rem;
      border: none; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item:hover .accordion-header,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item:hover .accordion-header {
        border: 1px solid #4173fa;
        background-color: #f5f8ff; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item:hover .accordion-body,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item:hover .accordion-body {
        border: 1px solid #dddddd; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item:not(:first-of-type),
      #store.prime_voucher .container-1200.d-flex > form .accordion-item:not(:first-of-type) {
        border: none; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item:has(.collapse.show) .accordion-header,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item:has(.collapse.show) .accordion-header {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item input[type="checkbox"],
      #store.prime_voucher .container-1200.d-flex > form .accordion-item input[type="checkbox"] {
        display: none; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item input[type="checkbox"] + label,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item input[type="checkbox"] + label {
        padding: 16px 20px 16px 42px;
        cursor: pointer;
        background-position: 10px center;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27141 10.1221C6.11314 10.1205 5.96064 10.1815 5.84714 10.2918C5.73462 10.4043 5.67141 10.5569 5.67141 10.716C5.67141 10.8752 5.73462 11.0278 5.84714 11.1403L10.5141 15.8072C10.569 15.8635 10.6352 15.9077 10.7083 15.9369C10.7813 15.9661 10.8597 15.9797 10.9383 15.9769C11.0966 15.9785 11.2491 15.9175 11.3626 15.8072C11.4751 15.6947 11.5383 15.5421 11.5383 15.3829C11.5383 15.2238 11.4751 15.0712 11.3626 14.9587L6.69567 10.2918C6.57974 10.1853 6.42881 10.1249 6.27141 10.1221Z' fill='%23eaeaea'/%3E%3Cpath d='M17.7266 8.00065C17.5683 7.99904 17.4158 8.06005 17.3023 8.17036L10.5141 14.9586C10.4016 15.0711 10.3383 15.2237 10.3383 15.3828C10.3383 15.542 10.4015 15.6946 10.5141 15.8071C10.5691 15.8634 10.6352 15.9076 10.7083 15.9368C10.7813 15.966 10.8597 15.9796 10.9383 15.9768C11.0966 15.9784 11.2491 15.9174 11.3626 15.8071L18.1508 9.01888C18.2633 8.90636 18.3266 8.75375 18.3266 8.59462C18.3266 8.43549 18.2633 8.28287 18.1508 8.17035C18.0349 8.06385 17.884 8.00348 17.7266 8.00065Z' fill='%23eaeaea'/%3E%3C/svg%3E%0A"); }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item input[type="checkbox"]:checked + label,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item input[type="checkbox"]:checked + label {
        border-color: #4173fa;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27141 10.1221C6.11314 10.1205 5.96064 10.1815 5.84714 10.2918C5.73462 10.4043 5.67141 10.5569 5.67141 10.716C5.67141 10.8752 5.73462 11.0278 5.84714 11.1403L10.5141 15.8072C10.569 15.8635 10.6352 15.9077 10.7083 15.9369C10.7813 15.9661 10.8597 15.9797 10.9383 15.9769C11.0966 15.9785 11.2491 15.9175 11.3626 15.8072C11.4751 15.6947 11.5383 15.5421 11.5383 15.3829C11.5383 15.2238 11.4751 15.0712 11.3626 14.9587L6.69567 10.2918C6.57974 10.1853 6.42881 10.1249 6.27141 10.1221Z' fill='%234173FA'/%3E%3Cpath d='M17.7266 8.00065C17.5683 7.99904 17.4158 8.06005 17.3023 8.17036L10.5141 14.9586C10.4016 15.0711 10.3383 15.2237 10.3383 15.3828C10.3383 15.542 10.4015 15.6946 10.5141 15.8071C10.5691 15.8634 10.6352 15.9076 10.7083 15.9368C10.7813 15.966 10.8597 15.9796 10.9383 15.9768C11.0966 15.9784 11.2491 15.9174 11.3626 15.8071L18.1508 9.01888C18.2633 8.90636 18.3266 8.75375 18.3266 8.59462C18.3266 8.43549 18.2633 8.28287 18.1508 8.17035C18.0349 8.06385 17.884 8.00348 17.7266 8.00065Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item input[type="checkbox"].readonly + label,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item input[type="checkbox"].readonly + label {
        cursor: default;
        background-image: none;
        padding: 16px 16px 16px 16px;
        border-color: #dddddd; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item input[type="checkbox"]:disabled + label,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item input[type="checkbox"]:disabled + label {
        cursor: default;
        border-color: #dddddd;
        background-color: #f9f9f9;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27141 10.1221C6.11314 10.1205 5.96064 10.1815 5.84714 10.2918C5.73462 10.4043 5.67141 10.5569 5.67141 10.716C5.67141 10.8752 5.73462 11.0278 5.84714 11.1403L10.5141 15.8072C10.569 15.8635 10.6352 15.9077 10.7083 15.9369C10.7813 15.9661 10.8597 15.9797 10.9383 15.9769C11.0966 15.9785 11.2491 15.9175 11.3626 15.8072C11.4751 15.6947 11.5383 15.5421 11.5383 15.3829C11.5383 15.2238 11.4751 15.0712 11.3626 14.9587L6.69567 10.2918C6.57974 10.1853 6.42881 10.1249 6.27141 10.1221Z' fill='%23999'/%3E%3Cpath d='M17.7266 8.00065C17.5683 7.99904 17.4158 8.06005 17.3023 8.17036L10.5141 14.9586C10.4016 15.0711 10.3383 15.2237 10.3383 15.3828C10.3383 15.542 10.4015 15.6946 10.5141 15.8071C10.5691 15.8634 10.6352 15.9076 10.7083 15.9368C10.7813 15.966 10.8597 15.9796 10.9383 15.9768C11.0966 15.9784 11.2491 15.9174 11.3626 15.8071L18.1508 9.01888C18.2633 8.90636 18.3266 8.75375 18.3266 8.59462C18.3266 8.43549 18.2633 8.28287 18.1508 8.17035C18.0349 8.06385 17.884 8.00348 17.7266 8.00065Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header {
        border: 1px solid #dddddd;
        border-radius: 10px;
        transition: background-color 0.3s, border-color 0.3s; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header .badge,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header .badge {
          margin-left: 10px; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header h2,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header h2 {
          flex-wrap: wrap; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header .fw-600,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header .fw-600 {
          margin-right: 4px; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header > div,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header > div {
          max-width: calc(100% - 92px); }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header h2 + p,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header h2 + p {
          margin-top: 0.25rem; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-body,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-body {
        border: 1px solid #dddddd;
        padding: 16px;
        background: #f9f9f9;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-body .body2_r,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-body .body2_r {
          font-weight: 600; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-body ul,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-body ul {
          margin-top: 10px; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-body ul li,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-body ul li {
            margin-bottom: 0.25rem; }
            #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-body ul li:last-child,
            #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-body ul li:last-child {
              margin-bottom: 0; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-collapse,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-collapse {
        transition: none; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-collapse.collapsing,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-collapse.collapsing {
        transition: none; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-collapse.show .accordion-body,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-collapse.show .accordion-body {
        border-top: 0; }
      #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-button,
      #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-button {
        border: none;
        color: #999999;
        font-size: 0.75rem;
        background: transparent;
        box-shadow: none;
        padding: 0 20px 0 0;
        margin-left: auto;
        width: inherit;
        min-width: 92px;
        display: block;
        text-align: right; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-button:not(.collapsed),
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-button:not(.collapsed) {
          color: #4173fa; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-button:after,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-button:after {
          width: 18px;
          height: 18px;
          top: -3px;
          position: absolute;
          right: 0;
          background-position: center right;
          background-size: 14px;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235c5c5c'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-button:not(.collapsed)::after,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-button:not(.collapsed)::after {
          background-position: center left;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234173fa'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
    #store.prime_voucher .container-1200.d-flex > div {
      width: calc(50% - 15px);
      max-width: 560px; }
      #store.prime_voucher .container-1200.d-flex > div a.caption1 {
        margin: 12px 0 24px; }
        #store.prime_voucher .container-1200.d-flex > div a.caption1 i {
          width: 20px;
          height: 20px; }
      #store.prime_voucher .container-1200.d-flex > div .bg-f9 {
        background-color: #f9f9f9 !important;
        padding: 16px 10px;
        color: #5c5c5c;
        border-radius: 12px; }
        #store.prime_voucher .container-1200.d-flex > div .bg-f9 ul li {
          margin-bottom: 0.5rem; }
          #store.prime_voucher .container-1200.d-flex > div .bg-f9 ul li::marker {
            color: #dddddd; }
          #store.prime_voucher .container-1200.d-flex > div .bg-f9 ul li:last-child {
            margin-bottom: 0; }
    #store.prime_voucher .container-1200.d-flex > form {
      width: calc(50% - 10px);
      max-width: 570px; }
      #store.prime_voucher .container-1200.d-flex > form .card {
        padding: 20px;
        border-radius: 16px;
        border: 1px solid #dddddd; }
        #store.prime_voucher .container-1200.d-flex > form .card .d-flex.align-items-start > span {
          width: calc(100% - 24px); }
        #store.prime_voucher .container-1200.d-flex > form .card .form-group {
          margin-bottom: 25px; }
          #store.prime_voucher .container-1200.d-flex > form .card .form-group:nth-last-of-type(1) {
            margin-bottom: 16px; }
          #store.prime_voucher .container-1200.d-flex > form .card .form-group .form-control {
            padding: 13px 12px;
            border-radius: 8px;
            border: 1px solid #dddddd;
            font-size: 0.875rem; }
            #store.prime_voucher .container-1200.d-flex > form .card .form-group .form-control ::placeholder {
              color: #cccccc; }
          #store.prime_voucher .container-1200.d-flex > form .card .form-group textarea {
            min-height: 180px; }
    #store.prime_voucher > .position-fixed {
      width: 100%;
      bottom: 0;
      left: 0;
      height: 60px;
      background-color: #ffffff;
      z-index: 2;
      border-top: 1px solid #eaeaea;
      font-size: 0.875rem; }
      #store.prime_voucher > .position-fixed .container-1200 > div {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
      #store.prime_voucher > .position-fixed #prime_prev_btn {
        cursor: pointer; }
      #store.prime_voucher > .position-fixed button {
        font-size: 1rem;
        height: 60px;
        width: 200px;
        border-radius: 0; }
        #store.prime_voucher > .position-fixed button:disabled {
          opacity: 1;
          background-color: #cccccc;
          border-color: #cccccc; }
    #store.prime_voucher #uniPostModal .bg-f9 {
      border-radius: 12px;
      background-color: #f9f9f9;
      padding: 10px 8px;
      margin-bottom: 1.75rem; }
  #store .editArea {
    line-height: 1.68; }
    #store .editArea hr.border-f0f0f0 {
      background-color: #dddddd;
      opacity: 1;
      margin: 40px auto;
      max-width: 1200px;
      width: 100%; }
    #store .editArea .selectshop-video {
      display: block;
      width: 100%; }
      #store .editArea .selectshop-video::-webkit-media-controls {
        display: none !important; }
    #store .editArea .label {
      text-align: center; }
      #store .editArea .label span {
        display: inline-block;
        padding: 3px 20px;
        font-size: 23px;
        font-weight: bold;
        border-radius: 8px;
        word-break: keep-all; }
    #store .editArea .text-center {
      margin-top: 40px; }
    #store .editArea .title {
      font-size: 30px;
      text-align: left;
      font-weight: bold; }
    #store .editArea .section {
      padding: 80px 0; }
    #store .editArea .section > * {
      width: 765px;
      margin-left: auto;
      margin-right: auto; }
    #store .editArea p {
      margin-top: 12px;
      word-break: keep-all; }
    #store .editArea .logo {
      display: block;
      height: auto;
      margin-top: 60px; }
    #store .editArea .img {
      width: 100%;
      font-size: 0;
      max-width: 1920px; }
      #store .editArea .img img {
        display: block;
        width: 765px;
        height: auto;
        margin: 0 auto;
        transform: translateY(100px); }
        #store .editArea .img img.active {
          animation: topAni 1s ease-in forwards; }
      #store .editArea .img.text-center img, #store .editArea .img.text-start img, #store .editArea .img.text-end img {
        width: 1160px; }
      #store .editArea .img.text-start img, #store .editArea .img.text-end img {
        display: inline-block;
        margin: 0; }

@keyframes topAni {
  0% {
    transform: translateY(100px); }
  100% {
    transform: translateX(0); } }
    #store .editArea .brandLink {
      margin-top: 80px; }
      #store .editArea .brandLink a {
        display: flex;
        color: #000;
        border: 1px solid #dddddd;
        background-color: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
      #store .editArea .brandLink div {
        padding: 25px 40px; }
      #store .editArea .brandLink span {
        font-size: 20px;
        font-weight: bold;
        vertical-align: middle; }
      #store .editArea .brandLink i {
        vertical-align: middle; }
      #store .editArea .brandLink p {
        font-size: 16px;
        margin-top: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        word-break: break-all;
        -webkit-box-orient: vertical;
        max-height: calc(16px * 1.68 * 3); }
      #store .editArea .brandLink img {
        width: 160px; }
    #store .editArea .fontRecomm {
      font-size: 0;
      margin-top: 80px; }
      #store .editArea .fontRecomm li {
        display: inline-block;
        width: calc(50% - 10px);
        border: 1px solid #EAEAEA;
        background-color: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
        #store .editArea .fontRecomm li:nth-of-type(even) {
          margin-left: 20px; }
        #store .editArea .fontRecomm li:nth-of-type(n+3) {
          margin-top: 20px; }
      #store .editArea .fontRecomm a {
        display: flex;
        color: #000; }
        #store .editArea .fontRecomm a > div {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: calc(100% - 90px);
          padding: 0 16px; }
          #store .editArea .fontRecomm a > div div {
            font-size: 12px; }
            #store .editArea .fontRecomm a > div div:nth-of-type(2) {
              margin-top: 4px;
              font-size: 16px;
              font-weight: bold;
              text-overflow: ellipsis;
              overflow: hidden;
              word-wrap: break-word;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              word-break: break-all;
              -webkit-box-orient: vertical;
              max-height: calc(16px * 1.68); }
            #store .editArea .fontRecomm a > div div:nth-of-type(3) {
              margin-top: -2px;
              color: #999999;
              text-overflow: ellipsis;
              overflow: hidden;
              word-wrap: break-word;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              word-break: break-all;
              -webkit-box-orient: vertical;
              max-height: calc(12px * 1.68); }
      #store .editArea .fontRecomm img {
        width: 90px;
        height: 90px;
        background-color: #c4c5c3; }
      #store .editArea .fontRecomm.single li {
        width: 100%;
        margin-left: 0; }
    #store .editArea .swiper {
      width: 765px;
      padding: 0 94px 40px;
      box-sizing: content-box; }
      #store .editArea .swiper li {
        width: 765px;
        height: 765px;
        overflow: hidden; }
      #store .editArea .swiper img {
        width: 100%;
        height: auto; }
      #store .editArea .swiper button {
        width: 75px;
        height: 75px;
        top: calc(50% - 20px);
        border: none;
        background: transparent;
        color: #000; }
        #store .editArea .swiper button::after {
          font-size: 41px; }
        #store .editArea .swiper button.swiper-button-prev {
          left: 0; }
        #store .editArea .swiper button.swiper-button-next {
          right: 0; }
      #store .editArea .swiper .swiper-pagination {
        bottom: -7px; }
        #store .editArea .swiper .swiper-pagination-bullet {
          width: 12px;
          height: 12px;
          background-color: #999999;
          opacity: 0.7; }
          #store .editArea .swiper .swiper-pagination-bullet-active {
            opacity: 1; }
    #store .editArea .couponDownBtn {
      margin-top: 80px; }
      #store .editArea .couponDownBtn button {
        position: relative;
        display: block;
        width: 100%;
        padding: 24px 0 17px 46px;
        background: #734255;
        background: linear-gradient(45deg, #734255 0%, #1c1c1c 100%);
        color: #ffffff;
        text-align: left;
        border-radius: 8px;
        border: none; }
        #store .editArea .couponDownBtn button:after {
          content: "";
          position: absolute;
          width: calc(1px/2);
          height: calc(100% - 20px);
          top: 10px;
          right: 180px;
          background-color: #ffffff; }
      #store .editArea .couponDownBtn div {
        font-size: 14px;
        font-weight: bold; }
        #store .editArea .couponDownBtn div:nth-of-type(2) {
          font-size: 54px; }
        #store .editArea .couponDownBtn div:nth-of-type(3) {
          font-size: 13px;
          font-weight: 420; }
      #store .editArea .couponDownBtn i {
        position: absolute;
        top: 54px;
        right: 69px;
        width: 54px;
        height: 54px; }
      #store .editArea .couponDownBtn.imgType button {
        padding: 0;
        background: none;
        font-size: 0; }
        #store .editArea .couponDownBtn.imgType button:after {
          display: none; }
      #store .editArea .couponDownBtn.imgType img {
        width: 100%;
        height: auto; }
    #store .editArea .video iframe {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9; }
    #store .editArea * + .video,
    #store .editArea .swiper + .fw-bold,
    #store .editArea .swiper + .title,
    #store .editArea .fontRecomm + .swiper {
      margin-top: 60px; }
    #store .editArea .title + .fw-bold,
    #store .editArea .title + .swiper,
    #store .editArea .title + .img,
    #store .editArea .title + .video {
      margin-top: 30px; }
    #store .editArea p + .fw-bold {
      margin-top: 25px; }
    #store .editArea .img + .fw-bold,
    #store .editArea .video + .fw-bold,
    #store .editArea p + .fontRecomm,
    #store .editArea p + .img {
      margin-top: 40px; }
    #store .editArea * + .img,
    #store .editArea .img + .title {
      margin-top: 80px; }
    #store .editArea p + .swiper {
      margin-top: 55px; }
    #store .editArea .video + * {
      margin-top: 80px; }
    #store .editArea .video + .video {
      margin-top: 15px; }

#duplicateChkModal .modal-dialog {
  max-width: 480px; }

#duplicateChkModal .modal-content > .btn-close {
  top: 16px;
  right: 16px; }

#duplicateChkModal .modal-body p {
  font-size: 0.875rem;
  line-height: 1.64; }
  #duplicateChkModal .modal-body p.text-999 {
    font-size: 0.8125rem;
    word-break: break-word; }

#duplicateChkModal .modal-body .form-check {
  margin-top: 1.75rem; }
  #duplicateChkModal .modal-body .form-check:not(.mb-3) {
    margin-top: 2.5rem;
    margin-bottom: 0.75rem; }

#duplicateChkModal .modal-body .btn-wrap.d-flex {
  margin-top: 0.75rem; }
  #duplicateChkModal .modal-body .btn-wrap.d-flex .btn {
    font-size: 0.875rem;
    width: calc(50% - 4px); }
  #duplicateChkModal .modal-body .btn-wrap.d-flex .btn-sandoll:disabled {
    background: #cccccc;
    border-color: #cccccc; }

/* 셀렉샵 목록*/
.selectshop_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }
  .selectshop_list li {
    position: relative;
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 60px; }
    .selectshop_list li:nth-of-type(2n) {
      margin-right: 0; }
    .selectshop_list li.search_none {
      text-align: center;
      width: 100%;
      margin-right: 0;
      margin-top: 100px;
      margin-bottom: 160px !important; }
      .selectshop_list li.search_none .emoticon {
        font-size: 5rem;
        color: #cccccc;
        font-weight: bold;
        margin-bottom: 1.75rem; }
      .selectshop_list li.search_none p {
        line-height: 1.64; }
    .selectshop_list li .use {
      font-weight: normal;
      color: #999999;
      border-radius: 8px;
      font-size: 0.625rem;
      padding: 2px 5px;
      background: #f9f9f9;
      margin-left: 0.5rem;
      border: 1px solid #dddddd; }
    .selectshop_list li .period {
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.2);
      color: #ffffff;
      font-size: 1rem;
      min-width: 3.75rem;
      padding: 8px 12px;
      text-align: center; }
    .selectshop_list li img {
      width: 100%;
      aspect-ratio: 3/2;
      object-fit: cover; }
    .selectshop_list li .btn-border-none {
      position: absolute;
      bottom: 20px;
      right: 0; }
      .selectshop_list li .btn-border-none span {
        display: none; }
      .selectshop_list li .btn-border-none.product-like {
        right: 40px; }
  .selectshop_list.col4 {
    margin-top: 22px;
    gap: 20px; }
    .selectshop_list.col4 li {
      width: calc(100% / 4 - 60px / 4);
      margin-bottom: 0;
      margin-right: 0; }
      .selectshop_list.col4 li img {
        border-radius: 12px; }
    .selectshop_list.col4 h4 {
      margin-top: 25px; }

.brand-list {
  display: flex;
  flex-wrap: wrap; }
  .brand-list li {
    width: calc(25% - 54px / 4);
    margin-right: 16px;
    margin-bottom: 60px; }
    .brand-list li:nth-of-type(4n) {
      margin-right: 0; }
    .brand-list li .img-wrap {
      position: relative; }
      .brand-list li .img-wrap img:first-child {
        width: 100%; }
      .brand-list li .img-wrap img:nth-of-type(2) {
        border: none;
        max-height: 30px;
        max-width: calc(100% - 40px); }
      .brand-list li .img-wrap button {
        position: absolute;
        bottom: 0px;
        padding: 0;
        right: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        display: inline-block;
        width: 32px;
        height: 32px; }
        .brand-list li .img-wrap button i.sd.ic-heart {
          opacity: 0.2; }
    .brand-list li h4 {
      margin-top: 1.875rem;
      margin-bottom: 1rem;
      padding: 0 0px;
      color: #1c1c1c; }
    .brand-list li p {
      padding: 0 0px;
      line-height: 1.68;
      color: #333333; }

/* mobile & responsive */
@media (max-width: 1199px) {
  header.show.responsive ~ #contents > article#store {
    margin-top: 60px; }
  #store .font_banner_slider {
    padding-top: 10px; }
    #store .font_banner_slider .swiper-slide {
      max-width: 537px;
      height: auto;
      margin-right: 12px; }
      #store .font_banner_slider .swiper-slide:first-child:nth-last-child(2),
      #store .font_banner_slider .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide {
        max-width: 100%;
        margin-bottom: 0; }
  #store .brand-product-header {
    padding-top: 0;
    position: relative; }
  #store .brand_list {
    display: flex;
    flex-wrap: wrap; }
    #store .brand_list li {
      width: 100%;
      margin-bottom: 0.625rem;
      margin-right: 0 !important; }
  #store .d-mo-none {
    display: none; }
  #store .d-mo-block {
    border-top: 1px solid #dddddd;
    width: 100%;
    position: fixed;
    bottom: 75px;
    left: 0;
    background-color: #ffffff;
    z-index: 999999; }
    #store .d-mo-block.show {
      display: block; }
    #store .d-mo-block .btn-wrap {
      padding: 12px 20px;
      max-width: 600px;
      margin: 0 auto; }
    #store .d-mo-block .btn-icon {
      width: 48px;
      height: 48px; }
    #store .d-mo-block .btn-sandoll {
      width: calc(100% - 56px);
      margin-left: 8px;
      font-size: 0.875rem; }
  #store .container-1460:first-child {
    padding-top: 20px; }
    #store .container-1460:first-child .font_banner_wrap {
      margin-bottom: 1.25rem; }
  #store .container-1460 .container-1460:first-child {
    padding-top: 80px; }
    #store .container-1460 .container-1460:first-child .font_banner_wrap {
      margin-bottom: 8.125rem; }
  #store .brand-list-wrap #filterBrand button {
    top: 14px;
    right: 0px;
    border: none;
    border-radius: 0; }
  #store .brand-list-wrap.position-fixed {
    padding: 0 20px;
    background-color: #ffffff;
    width: 100%;
    top: 58px;
    left: 0;
    z-index: 99; }
    #store .brand-list-wrap.position-fixed:after {
      right: 20px; }
    #store .brand-list-wrap.position-fixed #filterBrand button {
      top: 14px;
      right: 20px;
      border: none;
      border-radius: 0; }
    #store .brand-list-wrap.position-fixed .brand-list {
      height: 55px;
      margin-bottom: 0;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: 0; }
  #store .brand-list-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: inline-block;
    background-color: #dddddd;
    width: 100vw;
    max-width: 600px;
    left: -20px;
    height: 1px; }
  #store .brand-list-wrap:before {
    content: "";
    position: absolute;
    bottom: 0;
    display: inline-block;
    max-width: 600px;
    background-color: #dddddd;
    width: calc(100% + 40px);
    left: -20px;
    height: 1px; }
  #store .brand-list-wrap .brand-list {
    padding-bottom: 0;
    height: 58px;
    margin-top: 0px;
    padding: 10px 0;
    margin-bottom: 0px;
    border-bottom: none; }
    #store .brand-list-wrap .brand-list a {
      font-size: 0.875rem;
      padding: 5px 10px; }
  #store .brand-list-wrap + .font_banner_wrap {
    margin-top: 1.25rem;
    margin-bottom: 0.5rem; }
  #store .product-wrap .nav-tabs .nav-link {
    font-size: 0.875rem;
    margin-right: 11px; }
    #store .product-wrap .nav-tabs .nav-link:after {
      right: -7px; }
  #store .brand-nav {
    font-size: 0.875rem;
    margin-bottom: 0;
    position: relative; }
    #store .brand-nav:after {
      height: 1px;
      position: absolute;
      width: 100vw;
      max-width: 600px;
      background: #dddddd;
      content: "";
      display: inline-block;
      bottom: 0;
      left: -20px; }
    #store .brand-nav button {
      font-weight: 420;
      padding: 16px 0;
      position: relative; }
      #store .brand-nav button.active:after {
        height: 2px;
        position: absolute;
        width: 100%;
        background: #1c1c1c;
        content: "";
        display: inline-block;
        bottom: 0;
        left: 0; }
  #store .product-wrap {
    margin-bottom: 30px;
    padding: 20px 0px 20px 20px;
    background: #f9f9f9;
    width: calc(100% + 40px);
    margin-left: -20px;
    max-width: calc(100% + 40px); }
    #store .product-wrap .btn-default-outline.btn-size-md {
      width: calc(100% - 20px); }
      #store .product-wrap .btn-default-outline.btn-size-md i {
        width: 24px;
        height: 24px; }
    #store .product-wrap .bg-f9 {
      margin-top: 20px;
      display: flex;
      border-radius: 0;
      margin-right: 20px;
      flex-direction: column;
      padding: 30px 0px 10px 0;
      border-top: 1px solid #dddddd; }
      #store .product-wrap .bg-f9 > div {
        width: 100%; }
        #store .product-wrap .bg-f9 > div:first-child {
          margin-bottom: 1.25rem; }
        #store .product-wrap .bg-f9 > div:nth-of-type(3) {
          margin-top: 20px; }
          #store .product-wrap .bg-f9 > div:nth-of-type(3) button {
            width: 100%; }
        #store .product-wrap .bg-f9 > div ul {
          margin-left: 16px; }
  #store .productContents-nav {
    display: none; }
  #store .product-list-wrap {
    overflow-x: hidden;
    width: 100%; }
  #store #nav-general .product-list-new > li {
    padding-bottom: 20px;
    align-items: baseline;
    min-height: 325px; }
    #store #nav-general .product-list-new > li h2 + p:nth-of-type(1) {
      margin-bottom: 30px; }
    #store #nav-general .product-list-new > li p.fw-bold.d-flex {
      font-size: 0.875rem; }
      #store #nav-general .product-list-new > li p.fw-bold.d-flex .price {
        font-size: 1.25rem; }
      #store #nav-general .product-list-new > li p.fw-bold.d-flex .text-5c.fs-11px {
        margin-top: -4px; }
    #store #nav-general .product-list-new > li ol {
      margin-bottom: 10px; }
    #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) {
      min-height: 315px; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > * {
        order: 3; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2,
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 + p,
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 ~ p.d-flex.fw-bold {
        width: 100%; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 {
        order: 1; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 + p {
        margin-bottom: 0; }
      #store #nav-general .product-list-new > li.minburi.noSlider:not([style*='display: none']) > h2 ~ p.d-flex.fw-bold {
        order: 3;
        margin-top: 22px;
        justify-content: flex-start; }
  #store .product-list-new > li {
    box-shadow: none;
    width: 93%;
    min-width: 93%;
    padding: 20px;
    margin-right: 10px; }
    #store .product-list-new > li h2 {
      font-size: 1.25rem;
      margin-bottom: 0.25rem; }
    #store .product-list-new > li .form-chk-new {
      margin-bottom: 10px; }
      #store .product-list-new > li .form-chk-new .form-check-input {
        position: absolute;
        right: 20px;
        height: calc(50% - 10px);
        width: 24px;
        height: 24px;
        margin-right: 0;
        background-image: none; }
      #store .product-list-new > li .form-chk-new .form-check-label p:nth-of-type(1) {
        font-size: 0.6875rem; }
      #store .product-list-new > li .form-chk-new .form-check-label p.price {
        font-size: 0.875rem; }
        #store .product-list-new > li .form-chk-new .form-check-label p.price span:not(.text-999) {
          font-size: 1.25rem; }
    #store .product-list-new > li hr {
      margin: 20px 0 16px 0; }
    #store .product-list-new > li p {
      font-size: 0.875rem; }
      #store .product-list-new > li p .text-decoration-underline {
        text-decoration: none !important;
        padding-right: 16px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Path 316' d='m3410.979 1508.94 8 8-8 8' transform='translate(-3397.979 -1500.94)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 142' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 16px 16px; }
    #store .product-list-new > li:not(.prime) {
      min-height: 529px; }
    #store .product-list-new > li.prime {
      min-height: 224px;
      width: calc(100% - 20px) !important; }
      #store .product-list-new > li.prime h2 {
        margin-bottom: 0; }
        #store .product-list-new > li.prime h2 .badge-recomm {
          vertical-align: middle; }
      #store .product-list-new > li.prime ol {
        margin-bottom: 0.375rem; }
      #store .product-list-new > li.prime .btn-wrap {
        width: 100%;
        flex-wrap: wrap; }
        #store .product-list-new > li.prime .btn-wrap .btn {
          width: 100%;
          font-size: 0.875rem;
          padding: 12px 10px;
          margin-left: 0; }
          #store .product-list-new > li.prime .btn-wrap .btn .ic-download {
            display: none; }
          #store .product-list-new > li.prime .btn-wrap .btn.btn-sandoll-outline {
            margin-bottom: 0.75rem; }
            #store .product-list-new > li.prime .btn-wrap .btn.btn-sandoll-outline:hover {
              border-color: #dddddd; }
          #store .product-list-new > li.prime .btn-wrap .btn:nth-of-type(2) {
            margin-top: 20px; }
    #store .product-list-new > li.minburi > *.form-check.form-chk-new {
      width: 100%; }
      #store .product-list-new > li.minburi > *.form-check.form-chk-new:nth-of-type(1) {
        margin-bottom: 10px; }
      #store .product-list-new > li.minburi > *.form-check.form-chk-new:nth-of-type(2) {
        margin-left: 0; }
    #store .product-list-new > li ol li {
      min-width: 50%;
      font-size: 0.75rem; }
  #store .product-list-new .badge-wrap .badge {
    font-size: 11px; }
  #store .product-detail {
    margin-top: 30px; }
    #store .product-detail h2 {
      font-size: 1.25rem; }
  #store .font-list-wrap .search-list li.font2 {
    width: 100%;
    margin-right: 0; }
  #store .available_license h2,
  #store .available_program h2 {
    font-size: 1.25rem;
    margin-bottom: 1.875rem; }
  #store .available_license h2 + p,
  #store .available_program h2 + p {
    font-size: 0.875rem;
    line-height: 1.64;
    color: #5c5c5c; }
  #store nav.swiper .swiper-control-prev,
  #store nav.swiper .swiper-control-next {
    height: 34px;
    top: 4px;
    width: 50px;
    padding: 4px 0;
    display: none; }
    #store nav.swiper .swiper-control-prev i,
    #store nav.swiper .swiper-control-next i {
      width: 28px;
      height: 28px; }
  #store nav.swiper ul {
    height: 33px; }
    #store nav.swiper ul li {
      font-size: 0.875rem;
      padding: 5px 10px; }
  #store .compare_voucher {
    margin-top: 30px; }
    #store .compare_voucher h2 {
      font-size: 1.25rem;
      margin-bottom: 0.625rem; }
    #store .compare_voucher h2 + p {
      font-size: 0.875rem;
      line-height: 1.64;
      margin-bottom: 1.875rem; }
    #store .compare_voucher .font-sample-list > li {
      width: 100%;
      padding: 16px 0px 0 10px; }
      #store .compare_voucher .font-sample-list > li.list-header {
        display: none; }
      #store .compare_voucher .font-sample-list > li:first-of-type {
        border-top: none; }
      #store .compare_voucher .font-sample-list > li ol {
        flex-direction: column; }
        #store .compare_voucher .font-sample-list > li ol > li {
          padding: 0;
          display: none;
          flex-basis: 0; }
          #store .compare_voucher .font-sample-list > li ol > li:nth-of-type(1) {
            display: block;
            width: 100%;
            flex-basis: 100%;
            max-width: 100%;
            text-align: left;
            font-weight: bold;
            font-size: 1rem;
            line-height: 1.64;
            order: 1; }
          #store .compare_voucher .font-sample-list > li ol > li:nth-of-type(2) {
            flex-basis: 100%; }
          #store .compare_voucher .font-sample-list > li ol > li.pc-none {
            display: flex;
            align-items: center;
            order: 1;
            justify-content: flex-start;
            border-bottom: none;
            width: 100%;
            line-height: 1.64; }
            #store .compare_voucher .font-sample-list > li ol > li.pc-none > .ic-info {
              width: 18px;
              height: 18px;
              cursor: pointer; }
            #store .compare_voucher .font-sample-list > li ol > li.pc-none > span {
              position: relative;
              color: #999999;
              font-size: 0.75rem;
              margin-left: 10px; }
              #store .compare_voucher .font-sample-list > li ol > li.pc-none > span:before {
                content: "";
                width: 2px;
                height: 2px;
                position: absolute;
                display: inline-block;
                border-radius: 50%;
                background-color: #999999;
                top: calc(50% - 1px);
                left: -6px; }
              #store .compare_voucher .font-sample-list > li ol > li.pc-none > span:first-child {
                margin-left: 0; }
                #store .compare_voucher .font-sample-list > li ol > li.pc-none > span:first-child::before {
                  display: none; }
          #store .compare_voucher .font-sample-list > li ol > li.preview {
            order: 2;
            display: flex;
            width: 100%;
            font-size: 2.5rem;
            padding: 24px 0; }
    #store .compare_voucher .font-sample-list + .btn-wrap {
      margin-top: 20px; }
  #store .available_license {
    margin: 60px 0; }
    #store .available_license .table tr > th:first-child {
      width: 110px;
      padding-right: 20px;
      padding-left: 0; }
    #store .available_license .table tr > td {
      padding-left: 0;
      padding-right: 20px; }
  #store .available_program .caution {
    background-color: transparent !important;
    padding: 0 !important; }
    #store .available_program .caution h4 {
      margin-top: 16px;
      margin-bottom: 10px;
      font-size: 0.875rem; }
  #store .available_program .card {
    flex-direction: column;
    margin-top: 10px; }
    #store .available_program .card .text-wrap {
      width: 100%;
      max-width: 100%;
      margin-right: 0; }
    #store .available_program .card ul {
      width: 100%; }
      #store .available_program .card ul.ios li {
        width: 100%; }
        #store .available_program .card ul.ios li p {
          width: 100%; }
          #store .available_program .card ul.ios li p br {
            display: none; }
      #store .available_program .card ul li {
        width: 100%;
        display: flex;
        margin-right: 0;
        align-items: center;
        margin-bottom: 0;
        justify-content: flex-start;
        padding: 16px 0;
        border-bottom: 1px solid #dddddd; }
        #store .available_program .card ul li:last-child {
          border-bottom: none; }
        #store .available_program .card ul li img {
          margin: 0 20px 0 0px; }
        #store .available_program .card ul li p {
          text-align: left; }
  #store.prime_voucher {
    min-height: 100vh;
    min-width: 100% !important; }
    #store.prime_voucher #closeThisPageModal .modal-dialog .modal-content {
      padding-bottom: 20px; }
    #store.prime_voucher #closeThisPageModal .btn-wrap {
      justify-content: space-between; }
      #store.prime_voucher #closeThisPageModal .btn-wrap .btn:nth-child(1):nth-last-child(2),
      #store.prime_voucher #closeThisPageModal .btn-wrap .btn:nth-child(1):nth-last-child(2) ~ .btn {
        width: calc(50% - 4px); }
    #store.prime_voucher .position-fixed {
      height: 72px;
      padding: 12px 0; }
      #store.prime_voucher .position-fixed .container-1200 > div {
        justify-content: space-between; }
        #store.prime_voucher .position-fixed .container-1200 > div button {
          height: 48px;
          border-radius: 8px;
          font-size: 0.875rem; }
          #store.prime_voucher .position-fixed .container-1200 > div button:nth-child(1):nth-last-child(2),
          #store.prime_voucher .position-fixed .container-1200 > div button:nth-child(1):nth-last-child(2) ~ .btn {
            width: calc(50% - 4px); }
    #store.prime_voucher .container-1200.d-flex {
      width: 100%;
      padding: 0 20px;
      flex-direction: column; }
      #store.prime_voucher .container-1200.d-flex > div,
      #store.prime_voucher .container-1200.d-flex > form {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 40px; }
        #store.prime_voucher .container-1200.d-flex > div .accordion-item,
        #store.prime_voucher .container-1200.d-flex > form .accordion-item {
          margin-bottom: 0.75rem;
          border: none; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header > div,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header > div {
            width: 100%; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header .badge,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header .badge {
            margin-left: 0;
            margin-bottom: 0.25rem; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header .fw-bold,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header .fw-bold {
            margin-right: 4px; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header h2,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header h2 {
            flex-wrap: wrap;
            width: calc(100% - 18px); }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-header h2 + p,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-header h2 + p {
            margin-top: 0.25rem; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-collapse.show .accordion-body,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-collapse.show .accordion-body {
            border-top: 0; }
          #store.prime_voucher .container-1200.d-flex > div .accordion-item .accordion-button,
          #store.prime_voucher .container-1200.d-flex > form .accordion-item .accordion-button {
            width: 18px;
            height: 18px;
            overflow: hidden;
            text-indent: -100px;
            min-width: 18px; }
      #store.prime_voucher .container-1200.d-flex > form .card .form-group .form-control {
        padding: 8.5px 12px; } }

/* mobile size */
.mobile {
  /* 셀렉샵 목록*/ }
  .mobile #store .brandheader,
  .mobile #brand .brandheader {
    padding-top: 0px; }
    .mobile #store .brandheader h2,
    .mobile #brand .brandheader h2 {
      font-size: 1.25rem;
      margin-bottom: 0;
      max-width: calc(100% + 40px);
      border-bottom: 1px solid #dddddd;
      margin-left: -20px;
      width: calc(100% + 40px);
      padding: 10px 20px; }
    .mobile #store .brandheader p,
    .mobile #brand .brandheader p {
      font-size: 1rem;
      margin-bottom: 1.875rem; }
    .mobile #store .brandheader .btn-wrap,
    .mobile #brand .brandheader .btn-wrap {
      margin-top: 1.875rem; }
      .mobile #store .brandheader .btn-wrap .btn-default-outline,
      .mobile #brand .brandheader .btn-wrap .btn-default-outline {
        padding: 12px 16px;
        width: 100%; }
    .mobile #store .brandheader p + .btn-wrap,
    .mobile #brand .brandheader p + .btn-wrap {
      margin-top: 0;
      margin-bottom: 2.5rem; }
    .mobile #store .brandheader img.d-block,
    .mobile #brand .brandheader img.d-block {
      margin-top: 1.25rem;
      margin-bottom: 1rem; }
  .mobile #store .banner_wrap,
  .mobile #store .selectshop_info,
  .mobile #brand .banner_wrap,
  .mobile #brand .selectshop_info {
    margin-bottom: 1.25rem; }
    .mobile #store .banner_wrap .fs-txt-2,
    .mobile #store .selectshop_info .fs-txt-2,
    .mobile #brand .banner_wrap .fs-txt-2,
    .mobile #brand .selectshop_info .fs-txt-2 {
      width: 73.8%;
      margin-right: auto; }
    .mobile #store .banner_wrap .fs-txt-2 + #Banner,
    .mobile #store .selectshop_info .fs-txt-2 + #Banner,
    .mobile #brand .banner_wrap .fs-txt-2 + #Banner,
    .mobile #brand .selectshop_info .fs-txt-2 + #Banner {
      margin-bottom: 0rem; }
    .mobile #store .banner_wrap .carousel-item img,
    .mobile #store .selectshop_info .carousel-item img,
    .mobile #brand .banner_wrap .carousel-item img,
    .mobile #brand .selectshop_info .carousel-item img {
      height: auto;
      max-height: inherit;
      margin: 0; }
  .mobile #store .font_banner_slider {
    padding-top: 0;
    padding: 0 20px;
    margin-bottom: 20px; }
    .mobile #store .font_banner_slider .swiper-slide {
      max-width: 100%;
      height: 180px; }
      .mobile #store .font_banner_slider .swiper-slide img {
        object-fit: cover;
        height: 180px;
        width: 100%;
        object-position: center center;
        max-width: 100%;
        border-radius: 12px; }
    .mobile #store .font_banner_slider > .d-inline-flex {
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 26px;
      position: absolute;
      bottom: 20px;
      right: 40px;
      z-index: 1;
      padding: 3px 8px; }
    .mobile #store .font_banner_slider .swiper-pagination.swiper-pagination-fraction {
      position: relative;
      flex-basis: fit-content;
      font-size: 0.75rem;
      color: #ffffff;
      padding: 0;
      height: auto;
      display: flex;
      align-items: center;
      bottom: 0; }
      .mobile #store .font_banner_slider .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
        color: #ffffff;
        font-weight: normal; }
      .mobile #store .font_banner_slider .swiper-pagination.swiper-pagination-fraction button {
        background-color: transparent;
        color: #ffffff;
        border: none;
        font-size: 1rem;
        margin-right: 4px;
        padding: 0;
        vertical-align: -1px; }
  .mobile #store .banner_wrap .carousel-item .fs-title-2.d-flex > span {
    word-break: keep-all; }
  .mobile #store .banner_wrap .carousel-item .fs-title-2.d-flex .fs-txt-3 {
    min-width: 30px; }
  .mobile #store .container-720 {
    padding: 0 20px; }
  .mobile #store .header_img {
    aspect-ratio: 375/222; }
    .mobile #store .header_img > .container-720 {
      height: 100%;
      padding: 0; }
    .mobile #store .header_img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .mobile #store .header_img .text-wrap h2 {
      margin-top: 16px;
      margin-bottom: 16px; }
      .mobile #store .header_img .text-wrap h2:after {
        bottom: -10px; }
    .mobile #store .header_img.type02 {
      aspect-ratio: unset; }
      .mobile #store .header_img.type02 .text-wrap {
        height: auto;
        top: auto;
        bottom: 0;
        padding: 0 20px 19%; }
        .mobile #store .header_img.type02 .text-wrap h2 {
          margin: 0 0 12px; }
  .mobile #store .editArea {
    overflow: hidden; }
    .mobile #store .editArea .selectshop-video {
      width: 140%;
      margin: 0 -20%; }
    .mobile #store .editArea .section {
      padding: 77px 0 90px; }
      .mobile #store .editArea .section > *:not(.img):not(.logo):not(.swiper) {
        width: 100%;
        padding: 0 20px; }
    .mobile #store .editArea .title {
      font-size: 18px; }
    .mobile #store .editArea .fw-bold {
      font-size: 14px; }
    .mobile #store .editArea p {
      font-size: 13px;
      margin-top: 4px; }
    .mobile #store .editArea .img img {
      width: 100%; }
    .mobile #store .editArea .brandLink {
      margin-top: 60px; }
      .mobile #store .editArea .brandLink div {
        height: 102px;
        padding: 13px 20px 0 26px; }
      .mobile #store .editArea .brandLink img {
        width: 98px; }
      .mobile #store .editArea .brandLink span {
        font-size: 13px; }
      .mobile #store .editArea .brandLink p {
        font-size: 10px;
        max-height: calc(10px * 1.68 * 3); }
      .mobile #store .editArea .brandLink i {
        width: 20px;
        height: 20px;
        margin-left: -4px; }
    .mobile #store .editArea .fontRecomm {
      margin-top: 47px; }
      .mobile #store .editArea .fontRecomm a > div div:nth-of-type(3) {
        margin-top: 0; }
      .mobile #store .editArea .fontRecomm li {
        width: 100%; }
        .mobile #store .editArea .fontRecomm li:nth-of-type(even) {
          margin-left: 0; }
        .mobile #store .editArea .fontRecomm li:nth-of-type(n+3) {
          margin-top: 10px; }
        .mobile #store .editArea .fontRecomm li + li {
          margin-top: 10px; }
    .mobile #store .editArea .swiper {
      width: 100%;
      padding: 0 20px 40px;
      box-sizing: border-box; }
      .mobile #store .editArea .swiper li {
        width: 100%;
        height: auto; }
      .mobile #store .editArea .swiper-pagination-bullet {
        width: 11px;
        height: 11px; }
      .mobile #store .editArea .swiper button {
        top: calc(50% - 47px/2 + 16px);
        width: 32px;
        height: 32px;
        border: none;
        background: #00000033; }
        .mobile #store .editArea .swiper button::after {
          font-size: 18px;
          color: #000; }
        .mobile #store .editArea .swiper button.swiper-button-prev {
          left: 20px; }
        .mobile #store .editArea .swiper button.swiper-button-next {
          right: 20px; }
    .mobile #store .editArea .couponDownBtn button {
      padding: 17px 17px 12px;
      font-size: 0; }
      .mobile #store .editArea .couponDownBtn button::after {
        width: calc(100% - 34px);
        height: calc(1px / 2);
        right: 17px;
        top: auto;
        bottom: 58px; }
    .mobile #store .editArea .couponDownBtn div:nth-of-type(1) {
      font-size: 14px; }
    .mobile #store .editArea .couponDownBtn div:nth-of-type(2) {
      margin-top: 2px;
      font-size: 44px; }
    .mobile #store .editArea .couponDownBtn div:nth-of-type(3) {
      margin-top: 25px;
      font-size: 11px; }
    .mobile #store .editArea .couponDownBtn i {
      position: initial;
      display: block;
      width: 36px;
      height: 36px;
      margin: 22px auto 0; }
    .mobile #store .editArea .couponDownBtn.imgType button {
      padding: 0; }
    .mobile #store .editArea .logo {
      margin-top: 64px; }
    .mobile #store .editArea .label + .text-center {
      margin-top: 44px; }
    .mobile #store .editArea * + .fw-bold {
      margin-top: 30px; }
    .mobile #store .editArea .swiper + .fw-bold,
    .mobile #store .editArea p + .img,
    .mobile #store .editArea .img + .fw-bold,
    .mobile #store .editArea .video + .fw-bold {
      margin-top: 38px; }
    .mobile #store .editArea .fontRecomm + .img {
      margin-top: 136px; }
    .mobile #store .editArea .img + .title {
      margin-top: 47px; }
    .mobile #store .editArea .video + * {
      margin-top: 77px; }
    .mobile #store .editArea .video + .video {
      margin-top: 15px; }
  .mobile .brand-list {
    display: flex;
    flex-wrap: wrap; }
    .mobile .brand-list li {
      width: calc(50% - 18px / 2);
      margin-right: 18px;
      margin-bottom: 40px; }
      .mobile .brand-list li:nth-of-type(2n) {
        margin-right: 0; }
      .mobile .brand-list li h4 {
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
        padding: 0 0px; }
      .mobile .brand-list li p {
        padding: 0 0px; }
      .mobile .brand-list li .fs-title-3 button {
        width: 24px;
        height: 24px;
        padding: 0;
        display: inline-block;
        border: none;
        background: transparent; }
        .mobile .brand-list li .fs-title-3 button i.sd.ic-heart {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
        .mobile .brand-list li .fs-title-3 button i {
          width: 24px;
          height: 24px; }
  .mobile #store .store_common_area {
    background-color: white;
    padding: 0px 0; }
    .mobile #store .store_common_area a {
      color: #999999;
      margin-right: 1.5rem; }
      .mobile #store .store_common_area a.active {
        color: #1c1c1c; }
  .mobile #store #brandProductFilter.filterForm .d-flex:first-of-type .form-group.font-search-wrap {
    width: 100%; }
    .mobile #store #brandProductFilter.filterForm .d-flex:first-of-type .form-group.font-search-wrap input {
      padding-left: 0px; }
  .mobile #store #brandProductFilter.filterForm .form-group.list-order-wrap {
    height: 60px;
    align-items: center; }
    .mobile #store #brandProductFilter.filterForm .form-group.list-order-wrap .select-wrap {
      background-position: 96% center; }
  .mobile #store .available_license .container-1200,
  .mobile #store .available_program .container-1200 {
    border-top: none;
    padding-bottom: 3.25rem; }
    .mobile #store .available_license .container-1200 .fs-title-2,
    .mobile #store .available_program .container-1200 .fs-title-2 {
      margin-bottom: 1.5rem;
      border-top: 1px solid #1c1c1c;
      padding-top: 1.75rem; }
      .mobile #store .available_license .container-1200 .fs-title-2 button,
      .mobile #store .available_program .container-1200 .fs-title-2 button {
        border: none;
        background: #ffffff;
        font-size: 1rem;
        display: inline-flex;
        align-items: center; }
        .mobile #store .available_license .container-1200 .fs-title-2 button i,
        .mobile #store .available_program .container-1200 .fs-title-2 button i {
          margin-left: 0.375rem; }
    .mobile #store .available_license .container-1200 .fs-txt-2,
    .mobile #store .available_program .container-1200 .fs-txt-2 {
      margin-bottom: 1.125rem; }
    .mobile #store .available_license .container-1200 #caution,
    .mobile #store .available_program .container-1200 #caution {
      padding-top: 80px; }
    .mobile #store .available_license .container-1200 .table thead tr th,
    .mobile #store .available_program .container-1200 .table thead tr th {
      background: #f9f9f9;
      padding: 16px 20px 16px 8px;
      border-bottom: none; }
    .mobile #store .available_license .container-1200 .table tr td,
    .mobile #store .available_program .container-1200 .table tr td {
      padding: 16px 20px 16px 8px;
      line-height: 1.64;
      border-bottom: 1px solid #dddddd; }
      .mobile #store .available_license .container-1200 .table tr td:first-child,
      .mobile #store .available_program .container-1200 .table tr td:first-child {
        width: 35%; }
    .mobile #store .available_license .container-1200 .table.table-border,
    .mobile #store .available_program .container-1200 .table.table-border {
      margin-bottom: 60px; }
      .mobile #store .available_license .container-1200 .table.table-border.ios_app td,
      .mobile #store .available_program .container-1200 .table.table-border.ios_app td {
        padding: 20px 0 10px 0  !important; }
        .mobile #store .available_license .container-1200 .table.table-border.ios_app td ul,
        .mobile #store .available_program .container-1200 .table.table-border.ios_app td ul {
          display: flex;
          flex-wrap: wrap; }
          .mobile #store .available_license .container-1200 .table.table-border.ios_app td ul li,
          .mobile #store .available_program .container-1200 .table.table-border.ios_app td ul li {
            width: 50%;
            text-align: center;
            margin-bottom: 20px; }
            .mobile #store .available_license .container-1200 .table.table-border.ios_app td ul li img,
            .mobile #store .available_program .container-1200 .table.table-border.ios_app td ul li img {
              margin: 0 auto 12px; }
            .mobile #store .available_license .container-1200 .table.table-border.ios_app td ul li p,
            .mobile #store .available_program .container-1200 .table.table-border.ios_app td ul li p {
              line-height: 1.64;
              height: 28px; }
      .mobile #store .available_license .container-1200 .table.table-border tbody tr:first-child td,
      .mobile #store .available_program .container-1200 .table.table-border tbody tr:first-child td {
        border-top: 1px solid #dddddd; }
      .mobile #store .available_license .container-1200 .table.table-border tbody td,
      .mobile #store .available_program .container-1200 .table.table-border tbody td {
        padding: 20px 0px;
        vertical-align: top;
        text-align: left;
        border-bottom: 1px solid #dddddd;
        line-height: 1.64; }
        .mobile #store .available_license .container-1200 .table.table-border tbody td img,
        .mobile #store .available_program .container-1200 .table.table-border tbody td img {
          width: 2.5rem;
          height: 2.5rem; }
        .mobile #store .available_license .container-1200 .table.table-border tbody td .ox,
        .mobile #store .available_license .container-1200 .table.table-border tbody td .oxx,
        .mobile #store .available_program .container-1200 .table.table-border tbody td .ox,
        .mobile #store .available_program .container-1200 .table.table-border tbody td .oxx {
          margin: 0px 0; }
        .mobile #store .available_license .container-1200 .table.table-border tbody td .ox + span,
        .mobile #store .available_program .container-1200 .table.table-border tbody td .ox + span {
          display: block;
          margin-top: 16px; }
        .mobile #store .available_license .container-1200 .table.table-border tbody td:first-child,
        .mobile #store .available_program .container-1200 .table.table-border tbody td:first-child {
          width: 32%;
          padding-top: 20px; }
        .mobile #store .available_license .container-1200 .table.table-border tbody td:last-child,
        .mobile #store .available_program .container-1200 .table.table-border tbody td:last-child {
          padding-left: 20px; }
        .mobile #store .available_license .container-1200 .table.table-border tbody td li,
        .mobile #store .available_program .container-1200 .table.table-border tbody td li {
          line-height: 1.64;
          margin-bottom: 16px; }
          .mobile #store .available_license .container-1200 .table.table-border tbody td li:last-child,
          .mobile #store .available_program .container-1200 .table.table-border tbody td li:last-child {
            margin-bottom: 0; }
  .mobile #store .product_info {
    min-height: auto;
    background-position: top right;
    background-size: 100% auto; }
    .mobile #store .product_info .container-1200 {
      height: 100%;
      padding: 3.125rem 5.4% 2.5rem; }
      .mobile #store .product_info .container-1200 .order-1 {
        width: 100%;
        display: flex;
        flex-direction: column; }
      .mobile #store .product_info .container-1200 .order-2 {
        height: inherit;
        width: 100%; }
        .mobile #store .product_info .container-1200 .order-2 .form-check {
          border: 1px solid #dddddd;
          padding: 28px 16px; }
          .mobile #store .product_info .container-1200 .order-2 .form-check .text-decoration-line-through {
            vertical-align: super; }
          .mobile #store .product_info .container-1200 .order-2 .form-check .fs-txt-3 {
            color: #333333; }
          .mobile #store .product_info .container-1200 .order-2 .form-check.form-chk-new {
            padding: 0;
            border: none; }
            .mobile #store .product_info .container-1200 .order-2 .form-check.form-chk-new .fs-txt-3 {
              color: #999999; }
      .mobile #store .product_info .container-1200 .product_name {
        font-size: 2.125rem;
        line-height: 1.48;
        min-height: 200px;
        display: inline-flex;
        align-items: flex-start;
        margin-bottom: 2.25rem; }
      .mobile #store .product_info .container-1200 .fs-txt-3 a {
        color: #333333;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center right;
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/ic_download_normal.png"); }
        .mobile #store .product_info .container-1200 .fs-txt-3 a:hover {
          color: #4173fa;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/ic-download-blue.png"); }
      .mobile #store .product_info .container-1200 .fs-txt-4 {
        margin-top: 0.75rem; }
      .mobile #store .product_info .container-1200 .border-top-ddd {
        margin-top: 1.75rem;
        padding-top: 1.75rem;
        border-top: 1px solid #dddddd; }
    .mobile #store .product_info .recommend_product_item .fs-txt-1 {
      color: #333333;
      margin-top: 0.25rem; }
    .mobile #store .product_info .position-fixed.btn-wrap {
      padding: 0 5.4%;
      left: 0;
      z-index: 9;
      bottom: 100px;
      height: auto;
      top: inherit; }
      .mobile #store .product_info .position-fixed.btn-wrap .btn-default {
        width: calc(100% - 60px); }
      .mobile #store .product_info .position-fixed.btn-wrap .btn-default-outline {
        width: 60px;
        height: 60px;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
  .mobile #store .product_purchase > img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem; }
  .mobile #store .product_purchase .d-flex {
    flex-wrap: wrap; }
    .mobile #store .product_purchase .d-flex .fs-txt-2 .ic-page-next {
      width: 12px;
      height: 12px; }
    .mobile #store .product_purchase .d-flex > form {
      width: 100%; }
      .mobile #store .product_purchase .d-flex > form .fs-title-2 {
        margin: 0.75rem 0; }
      .mobile #store .product_purchase .d-flex > form .product-encore {
        position: absolute;
        top: 0;
        right: 0; }
        .mobile #store .product_purchase .d-flex > form .product-encore span {
          display: none; }
      .mobile #store .product_purchase .d-flex > form .product-info {
        padding: 20px 0;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd; }
        .mobile #store .product_purchase .d-flex > form .product-info ul li {
          width: 100%;
          flex-wrap: wrap;
          margin-bottom: 20px; }
          .mobile #store .product_purchase .d-flex > form .product-info ul li:last-child {
            margin-bottom: 0.5rem; }
          .mobile #store .product_purchase .d-flex > form .product-info ul li label {
            width: 100%;
            margin-bottom: 0.5rem; }
          .mobile #store .product_purchase .d-flex > form .product-info ul li > span {
            width: 100%; }
      .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed {
        padding: 0 5.4%;
        z-index: 99;
        left: 0;
        bottom: 100px; }
        .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview {
          padding: 0 0 20px 0;
          bottom: 0;
          background: #333333; }
          .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview.cancel {
            background: #999999;
            padding: 0 0 20px 0;
            bottom: 0; }
          .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview .btn-cancel,
          .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview .btn-default {
            font-weight: 500;
            padding: 25px 0; }
          .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview button.btn-default {
            width: 40%;
            position: relative; }
            .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview button.btn-default:after {
              position: absolute;
              content: "";
              right: 0;
              top: 28px;
              height: 16px;
              width: 1px;
              background-color: #999999; }
          .mobile #store .product_purchase .d-flex > form .btn-wrap.position-fixed.webview a.btn-default {
            font-weight: 480;
            width: 60%; }
      .mobile #store .product_purchase .d-flex > form .btn-wrap .btn-cancel,
      .mobile #store .product_purchase .d-flex > form .btn-wrap .btn-default {
        width: calc(100% - 60px); }
      .mobile #store .product_purchase .d-flex > form .btn-wrap .product-encore,
      .mobile #store .product_purchase .d-flex > form .btn-wrap .btn-default-outline {
        position: relative;
        top: inherit;
        right: inherit;
        width: 60px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
  .mobile #store .fontExampleArea .fontExampleImg_swiper2 {
    margin-top: 0.5rem;
    margin-right: -5.5%; }
    .mobile #store .fontExampleArea .fontExampleImg_swiper2 .swiper-slide {
      max-width: 106px;
      max-height: 53px;
      position: relative; }
      .mobile #store .fontExampleArea .fontExampleImg_swiper2 .swiper-slide img {
        height: 53px; }
  .mobile #store .font_preview .preview_txt_input {
    width: 100%;
    background-position: 0px center; }
  .mobile #store .font_preview .font_preview_list .fs-title-3,
  .mobile #store .font_preview .font_preview_list .fs-txt-3 {
    margin-bottom: 0rem; }
  .mobile #store .font_preview .font_preview_list .fs-txt-3:last-of-type {
    color: #333333;
    margin-bottom: 1rem; }
  .mobile #store .font_preview .font-size-wrap {
    border-bottom: 1px solid #dddddd; }
  .mobile #store .font_preview .font_preview_list .item {
    padding-bottom: 0.5rem; }
  .mobile #store .desc_images {
    padding: 0 20px;
    font-size: 0.875rem; }
    .mobile #store .desc_images img {
      width: 100% !important;
      height: auto !important;
      max-width: inherit; }
  .mobile #store .caution {
    background: #f9f9f9;
    padding: 2rem 1.25rem; }
    .mobile #store .caution ul {
      list-style: "· ";
      padding-left: 10px; }
      .mobile #store .caution ul li {
        line-height: 1.64; }
  .mobile #store .container-1200.d-flex {
    flex-wrap: wrap; }
    .mobile #store .container-1200.d-flex > .order-1 {
      width: 100%; }
      .mobile #store .container-1200.d-flex > .order-1 .product_items {
        height: auto;
        min-height: 88px;
        padding: 16px;
        margin-bottom: 16px; }
        .mobile #store .container-1200.d-flex > .order-1 .product_items .fs-txt-3 {
          word-break: keep-all; }
          .mobile #store .container-1200.d-flex > .order-1 .product_items .fs-txt-3 > .me-1 {
            display: inline-flex; }
        .mobile #store .container-1200.d-flex > .order-1 .product_items .badge-type span {
          display: inline-block;
          padding: 4px 10px;
          border-radius: 20px;
          border: 1px solid #DDD;
          background: #F0F0F0; }
        .mobile #store .container-1200.d-flex > .order-1 .product_items .fs-title-4 + .fs-title-4 {
          position: relative;
          margin-left: 8px;
          padding-left: 8px; }
          .mobile #store .container-1200.d-flex > .order-1 .product_items .fs-title-4 + .fs-title-4::before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 4px;
            width: 1px;
            height: 14px;
            background-color: #dddddd; }
      .mobile #store .container-1200.d-flex > .order-1 section .fs-title-3,
      .mobile #store .container-1200.d-flex > .order-1 form .fs-title-3 {
        margin-bottom: 0.875rem; }
      .mobile #store .container-1200.d-flex > .order-1 section.mt-40px,
      .mobile #store .container-1200.d-flex > .order-1 form.mt-40px {
        border-top: none;
        padding-top: 0; }
      .mobile #store .container-1200.d-flex > .order-1 section .caution,
      .mobile #store .container-1200.d-flex > .order-1 form .caution {
        width: 100%; }
        .mobile #store .container-1200.d-flex > .order-1 section .caution .fs-txt-3.fw-bold,
        .mobile #store .container-1200.d-flex > .order-1 form .caution .fs-txt-3.fw-bold {
          padding-left: 7px; }
        .mobile #store .container-1200.d-flex > .order-1 section .caution ul,
        .mobile #store .container-1200.d-flex > .order-1 form .caution ul {
          list-style: none;
          padding-left: 0; }
      .mobile #store .container-1200.d-flex > .order-1 .info_list {
        padding-bottom: 0;
        border-bottom: none; }
        .mobile #store .container-1200.d-flex > .order-1 .info_list > li {
          display: flex;
          align-items: center;
          margin-bottom: 0.875rem;
          min-height: 2rem; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 {
            display: none; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 .fs-title-4 {
              padding: 20px 0 16px; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 .form-group {
              flex-direction: column;
              margin-bottom: 1rem; }
              .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 .form-group label {
                width: 100%;
                margin-bottom: 0.75rem; }
              .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 .form-group > div {
                width: 100%; }
                .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 .form-group > div input[type="text"]:nth-child(2) {
                  margin-top: 0.5rem; }
              .mobile #store .container-1200.d-flex > .order-1 .info_list > li .taxType2 .form-group:last-child {
                margin-bottom: 0; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li.flex-column {
            margin-bottom: 1rem; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li.flex-column > label,
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li.flex-column > div {
              width: 100%; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li.flex-column > label {
              margin-bottom: 0.75rem; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li > label {
            width: 4.25rem; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div {
            width: calc(100% - 68px); }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div .form-control {
              padding: 13px 14px 12px; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div .fs-txt-4 {
              margin-top: 0.75rem; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div.fs-txt-2 {
              flex-wrap: wrap; }
              .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div.fs-txt-2 input[type="text"] {
                padding-left: 20px;
                width: calc(100% - 114px); }
              .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div.fs-txt-2 button {
                width: 6.625rem;
                padding: 9px 10px; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div .coupon-dropdown button {
              width: 100%;
              height: 48px; }
            .mobile #store .container-1200.d-flex > .order-1 .info_list > li > div .coupon-dropdown ul {
              top: 49px; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li .d-flex.w-100 .flex-wrap.w-100 .form-control {
            width: calc(50% - 12px); }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li .d-flex.w-100 input[type="number"]::-webkit-outer-spin-button,
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li .d-flex.w-100 input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li .d-flex.w-100 .parsley-error-list.filled {
            margin: 0.5rem 0 0 0; }
          .mobile #store .container-1200.d-flex > .order-1 .info_list > li .btn-group input + label {
            padding: 11px 0 10px; }
      .mobile #store .container-1200.d-flex > .order-1 .payment-tab li {
        width: calc(33.3% - 16px / 3);
        margin-right: 0.5rem;
        margin-bottom: 0.5rem; }
        .mobile #store .container-1200.d-flex > .order-1 .payment-tab li button {
          width: 100%;
          height: 104px;
          border: 1px solid #dddddd;
          background: #ffffff;
          margin-right: 0; }
          .mobile #store .container-1200.d-flex > .order-1 .payment-tab li button img {
            width: 53px;
            height: 53px;
            margin: 0 auto 12px;
            display: block; }
          .mobile #store .container-1200.d-flex > .order-1 .payment-tab li button.active {
            border: 2px solid #4173fa; }
        .mobile #store .container-1200.d-flex > .order-1 .payment-tab li:nth-child(3n) button {
          margin-right: 0; }
    .mobile #store .container-1200.d-flex > .order-2 {
      width: 100%; }
      .mobile #store .container-1200.d-flex > .order-2 > div {
        background: white;
        padding: 1.5rem 0; }
        .mobile #store .container-1200.d-flex > .order-2 > div .d-flex {
          margin-bottom: 1rem; }
          .mobile #store .container-1200.d-flex > .order-2 > div .d-flex label {
            width: 40%; }
          .mobile #store .container-1200.d-flex > .order-2 > div .d-flex p {
            width: 60%; }
        .mobile #store .container-1200.d-flex > .order-2 > div hr {
          border-top: 2px solid black;
          opacity: 1;
          margin: 1.5rem 0 1.5rem; }
        .mobile #store .container-1200.d-flex > .order-2 > div .form-check {
          align-items: flex-start;
          line-height: 1.64; }
      .mobile #store .container-1200.d-flex > .order-2.purchase_info {
        margin-top: 30px;
        border-top: 1px solid #1c1c1c; }
        .mobile #store .container-1200.d-flex > .order-2.purchase_info > div > ul {
          margin-bottom: 30px;
          border-bottom: 1px dashed #dddddd; }
          .mobile #store .container-1200.d-flex > .order-2.purchase_info > div > ul li:last-of-type {
            padding-top: 16px;
            margin-bottom: 1.25rem;
            border-top: 1px solid #dddddd; }
  .mobile #store .container-572 {
    padding: 0 5.4%;
    width: 100%;
    max-width: 100%;
    min-height: calc(100vh - 60px); }
    .mobile #store .container-572 .fs-title-3 {
      margin: 0.75rem 0; }
    .mobile #store .container-572 .fs-title-1 + .product_items {
      margin-top: 0.5rem; }
    .mobile #store .container-572 .product_items {
      background: #f9f9f9;
      height: 88px;
      display: flex;
      align-items: center; }
      .mobile #store .container-572 .product_items:first-child {
        margin-top: 0.5rem; }
      .mobile #store .container-572 .product_items .fs-title-3 {
        margin-top: 0;
        margin-bottom: 0.5rem; }
    .mobile #store .container-572 .howtoUse {
      padding-top: 3rem; }
      .mobile #store .container-572 .howtoUse .nav {
        border-bottom: 1px solid #dddddd; }
        .mobile #store .container-572 .howtoUse .nav .nav-link {
          font-size: 1rem;
          font-weight: bold;
          padding: 7px 0;
          color: #999999;
          background: transparent;
          border: none; }
        .mobile #store .container-572 .howtoUse .nav .nav-link.active {
          border-bottom: 2px solid #1c1c1c;
          color: #1c1c1c; }
      .mobile #store .container-572 .howtoUse .fs-title-3 {
        margin-top: 16px; }
      .mobile #store .container-572 .howtoUse .fs-txt-2:not(.btn-default-outline) {
        margin-top: 6px; }
    .mobile #store .container-572 .guide > .d-flex {
      background: #f9f9f9;
      padding: 24px 65px 30px;
      flex-direction: column; }
      .mobile #store .container-572 .guide > .d-flex > div {
        text-align: center;
        width: 100%;
        margin-bottom: 30px; }
        .mobile #store .container-572 .guide > .d-flex > div:last-child {
          margin-bottom: 0; }
      .mobile #store .container-572 .guide > .d-flex img {
        width: 69px;
        height: 69px; }
    .mobile #store .container-572 .guide .fs-title-3 {
      margin-top: 16px; }
    .mobile #store .container-572 .guide .fs-txt-2:not(.btn-default-outline) {
      margin-top: 6px; }
    .mobile #store .container-572 .virtualAccount {
      margin-top: 1rem; }
      .mobile #store .container-572 .virtualAccount .fs-title-3 {
        margin-top: 0;
        margin-bottom: 0.75rem; }
  .mobile #store .themeFonts .search-list {
    flex-wrap: wrap;
    align-content: inherit; }
    .mobile #store .themeFonts .search-list li {
      margin-bottom: 40px; }
      .mobile #store .themeFonts .search-list li:last-child {
        margin-bottom: 0; }
    .mobile #store .themeFonts .search-list li.theme {
      margin-bottom: 16px;
      height: auto;
      width: 100%;
      min-height: auto;
      background: #ffffff;
      padding: 0; }
      .mobile #store .themeFonts .search-list li.theme .tag {
        display: inline-block;
        padding: 7px 12px 5px;
        color: #ffffff;
        font-size: 0.75rem;
        border-radius: 12px;
        background-color: #4173fa;
        margin-right: 4px; }
      .mobile #store .themeFonts .search-list li.theme .fs-txt-3 {
        min-height: 20px;
        width: 120px; }
  .mobile #store .themeFonts .themeFont_slider {
    margin-top: 80px;
    margin-bottom: 0px; }
  .mobile .selectshop_list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px; }
    .mobile .selectshop_list li .period {
      font-size: 0.875rem;
      min-width: 3.5625rem;
      padding: 8px 12px; }
    .mobile .selectshop_list li .btn-border-none {
      bottom: 10px;
      right: 20px; }
      .mobile .selectshop_list li .btn-border-none.product-like {
        right: 60px; }
  .mobile .selectshop_list.col4 {
    position: relative;
    padding: 0 20px;
    overflow: hidden; }
    .mobile .selectshop_list.col4 li {
      margin: 0;
      margin-right: inherit !important; }
    .mobile .selectshop_list.col4 button {
      top: calc(50% - 47px/2 + 16px);
      width: 32px;
      height: 32px;
      border: none;
      background: #00000033; }
      .mobile .selectshop_list.col4 button::after {
        font-size: 18px;
        color: #ffffff; }
      .mobile .selectshop_list.col4 button.swiper-button-prev {
        left: 20px; }
      .mobile .selectshop_list.col4 button.swiper-button-next {
        right: 20px; }

@media (max-width: 760px) {
  .season_product {
    padding-bottom: 50px;
    background: #ffffff; }
    .season_product .selectshop img {
      width: 90%;
      margin: 50px 5% 50px; }
    .season_product .buy01,
    .season_product .buy02 {
      flex-direction: column; }
      .season_product .buy01 > div,
      .season_product .buy02 > div {
        width: 100%; }
        .season_product .buy01 > div.product_buy_img,
        .season_product .buy02 > div.product_buy_img {
          margin: 15px 2.4% 0px;
          width: calc(100% - 4.8%) !important; }
        .season_product .buy01 > div img,
        .season_product .buy02 > div img {
          height: auto;
          margin: 0 auto;
          width: 100%; }
    .season_product .img_wrap {
      padding: 0 2.4%; }
    .season_product .preview_wrap {
      margin-top: 30px;
      margin-bottom: 47px; }
      .season_product .preview_wrap h3 {
        margin-top: 50px;
        margin-bottom: 26.6px;
        font-size: 27px; }
    .season_product .font_description {
      padding: 0 2.4%; }
      .season_product .font_description h3 {
        font-size: 23px;
        text-align: center;
        margin-bottom: 0;
        color: #1a1a1a; }
    .season_product .font_description_list {
      margin-bottom: 0px; }
      .season_product .font_description_list:last-child {
        margin-bottom: 50px; }
      .season_product .font_description_list h4 {
        margin: 16px 0 0;
        font-size: 28px; }
        .season_product .font_description_list h4 span:last-child {
          font-size: 16px; }
      .season_product .font_description_list .font_type {
        color: rgba(0, 0, 0, 0.5);
        font-size: 18px;
        font-weight: 300;
        margin: 21px 0 0 0px; }
      .season_product .font_description_list .font_name {
        color: #1c1c1c;
        font-size: 23px;
        font-weight: 300;
        margin-top: 10px; }
      .season_product .font_description_list .btn-more-basic {
        font-size: 15px;
        padding: 11px 0 10px;
        width: 100%; }
      .season_product .font_description_list ul img {
        margin-top: 33.3px; }
      .season_product .font_description_list:nth-of-type(1) ul img {
        margin-top: 26px; }
      .season_product .font_description_list:nth-of-type(11) .font_type {
        margin-top: 30px; }
      .season_product .font_description_list p {
        margin-top: 10px;
        margin-bottom: 19px;
        line-height: 1.64; }
        .season_product .font_description_list p:empty {
          margin-top: 13px;
          margin-bottom: 0; }
      .season_product .font_description_list .bx-wrapper {
        margin-top: 50px; }
      .season_product .font_description_list .bx-controls-direction a {
        width: 35px;
        height: 35px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        margin: -17px 0 0;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute; }
      .season_product .font_description_list .bx-controls-direction .bx-prev {
        left: 0px;
        background-image: url(https://media.sandollcloud.com/static/images/sub/MonthlyEdition/arrow_left_dark.png); }
      .season_product .font_description_list .bx-controls-direction .bx-next {
        right: 0px;
        background-image: url(https://media.sandollcloud.com/static/images/sub/MonthlyEdition/arrow_right_dark.png); }
      .season_product .font_description_list .btn-more {
        font-size: 18px;
        width: 100%; }
        .season_product .font_description_list .btn-more img {
          width: 19px;
          vertical-align: -4px; }
  .AccordionMenu {
    width: 100%;
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0; }
    .AccordionMenu li {
      margin-bottom: 7px; }
      .AccordionMenu li.show {
        transition: all 1s; }
        .AccordionMenu li.show .fontFamily::after {
          background-image: url(https://media.sandollcloud.com/static/images/sub/MonthlyEdition/hide.png);
          background-repeat: no-repeat;
          background-size: cover; }
        .AccordionMenu li.show .fontweightPreview {
          display: block;
          opacity: 1; }
      .AccordionMenu li .fontFamily {
        background: #faf8f6;
        position: relative;
        cursor: pointer; }
        .AccordionMenu li .fontFamily::after {
          width: 15px;
          height: 15px;
          display: inline-block;
          top: 24px;
          right: 20px;
          content: "";
          position: absolute;
          background-image: url(https://media.sandollcloud.com/static/images/sub/MonthlyEdition/show.png);
          background-repeat: no-repeat;
          background-size: cover; }
        .AccordionMenu li .fontFamily img {
          width: 100%; }
      .AccordionMenu li .fontweightPreview {
        display: none;
        opacity: 0;
        transition: 1s;
        background: #fcfbfa; }
        .AccordionMenu li .fontweightPreview img {
          margin: 40px 0 40px 0%;
          width: 100%; } }

/* 폰트, 폰트상세, 무료폰트상세 , 체험판, 무료폰트 */
/* 폰트리스트 부분은 _search.scss와 공통사용*/
#contents:has(.font_2_1) ~ .modal-backdrop.show {
  background-color: #1c1c1c;
  opacity: 0.3; }

.font21Tooltip {
  padding: 0;
  margin-top: 32px !important;
  box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.2); }
  .font21Tooltip.show {
    opacity: 1; }
  .font21Tooltip .tooltip-arrow {
    display: none; }
  .font21Tooltip .tooltip-inner {
    text-align: left;
    padding: 12px 12px;
    border-radius: 4px;
    background: #ffffff;
    max-width: 224px;
    font-size: 12px;
    line-height: 1.68;
    color: #1c1c1c; }

.productTooltip {
  padding: 0;
  margin-top: 4px !important;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); }
  .productTooltip.show {
    opacity: 1; }
  .productTooltip.bs-tooltip-bottom .tooltip-arrow::before, .productTooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: inherit;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: white;
    top: -4px; }
  .productTooltip.bs-tooltip-end .tooltip-arrow::before, .productTooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: white; }
  .productTooltip .tooltip-inner {
    text-align: left;
    padding: 2px 8px;
    border-radius: 0px;
    background: #ffffff;
    max-width: 310px;
    font-size: 12px;
    line-height: 1.68;
    color: #999999; }
    .productTooltip .tooltip-inner b {
      font-weight: bold; }

/* mobile & responsive */
@media (max-width: 1199px) {
  .productTooltip .tooltip-inner {
    max-width: 172px;
    padding: 6px 8px; } }

/* 폰트 */
.font .font_desc_wrap img {
  max-width: 100%; }

.font .review_list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .font .review_list li {
    padding: 15px 0; }
    .font .review_list li div > span.stars {
      width: 20%; }
      .font .review_list li div > span.stars i {
        color: #4173fa; }

.font .tab {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
  display: flex; }
  .font .tab li {
    padding: 0.5rem; }
    .font .tab li > a {
      text-decoration: none;
      color: #1c1c1c; }
    .font .tab li.active {
      position: relative; }
      .font .tab li.active:after {
        content: "";
        height: 2px;
        background: #4173fa;
        position: absolute;
        bottom: -0px;
        left: 0;
        width: 100%; }

#header.show:not(.webview-prev-wrap) ~ #contents > #font > .font_purchase {
  margin-top: 10rem; }

/* 폰트 상세  파일 쪼갤예정*/
article#font {
  /* 2024 추후 지울 것 */ }
  article#font .text-999 {
    color: #999999 !important; }
  article#font .fs-title-1,
  article#font .fs-title-2,
  article#font .fs-title-3,
  article#font .fs-title-4 {
    color: #1c1c1c; }
  article#font .custom-pagination .page-link {
    cursor: pointer; }
  article#font .font_purchase {
    margin-top: 6rem;
    margin-bottom: 2.5rem; }
    article#font .font_purchase .typicalImage {
      width: 35.75rem;
      background: #D7D8D9;
      display: block; }
    article#font .font_purchase .vid {
      width: 35.75rem;
      margin-bottom: -0.5rem; }
    article#font .font_purchase .font_right_wrap {
      margin-left: 2.8125rem;
      width: calc(100% - 617px); }
      article#font .font_purchase .font_right_wrap .fs-title-4 a {
        color: #1c1c1c; }
        article#font .font_purchase .font_right_wrap .fs-title-4 a i {
          width: 16px;
          height: 20px; }
      article#font .font_purchase .font_right_wrap i.ic-info {
        cursor: pointer; }
      article#font .font_purchase .font_right_wrap .price_html {
        font-size: 1.625rem;
        font-weight: bold; }
        article#font .font_purchase .font_right_wrap .price_html .fw-normal {
          margin-left: 0.25rem;
          font-weight: normal;
          font-size: 1rem; }
      article#font .font_purchase .font_right_wrap hr {
        margin: 0.75rem 0 1.5rem;
        border-color: #dddddd; }
      article#font .font_purchase .font_right_wrap .usable-app {
        background-color: #f0f0f0;
        border-radius: 8px;
        padding: 12px 16px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        background-position: center right 10px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
        article#font .font_purchase .font_right_wrap .usable-app .fs-title-4 {
          margin-bottom: 6px; }
      article#font .font_purchase .font_right_wrap .text-999 {
        line-height: 1.68; }
    article#font .font_purchase .purchaseForm .text-uppercase {
      text-transform: uppercase; }
    article#font .font_purchase .purchaseForm .fs-title-4 {
      margin-bottom: 0.75rem; }
    article#font .font_purchase .purchaseForm .fs-title-2 {
      margin-bottom: 0.5rem; }
    article#font .font_purchase .purchaseForm .add-myfontlist {
      right: 0;
      position: absolute;
      top: 0; }
    article#font .font_purchase .purchaseForm .dropdown-menu {
      width: 100%;
      border-radius: 0;
      max-height: 192px;
      overflow-y: auto; }
      article#font .font_purchase .purchaseForm .dropdown-menu .dropdown-item {
        display: flex;
        justify-content: space-between;
        padding: 17px 20px;
        font-size: 0.875rem; }
        article#font .font_purchase .purchaseForm .dropdown-menu .dropdown-item:hover {
          background: #f9f9f9; }
        article#font .font_purchase .purchaseForm .dropdown-menu .dropdown-item:focus, article#font .font_purchase .purchaseForm .dropdown-menu .dropdown-item:active {
          color: #4173fa; }
        article#font .font_purchase .purchaseForm .dropdown-menu .dropdown-item .weight-name {
          margin-right: auto; }
        article#font .font_purchase .purchaseForm .dropdown-menu .dropdown-item .sale {
          color: #4173fa; }
    article#font .font_purchase .purchaseForm p.description {
      line-height: 1.61;
      width: 100%;
      max-height: calc(14px * 12 * 1.61);
      margin: 1.25rem 0 2.5rem;
      overflow: hidden;
      position: relative;
      word-wrap: break-word;
      word-break: keep-all; }
      article#font .font_purchase .purchaseForm p.description.fs-txt-2 {
        max-height: calc(16px * 12 * 1.58); }
      article#font .font_purchase .purchaseForm p.description .more {
        position: absolute;
        background: #fff;
        padding: 0 0 0 4px;
        right: 0;
        bottom: 0;
        border: none; }
        article#font .font_purchase .purchaseForm p.description .more .text-sandoll {
          padding-left: 0.5rem;
          text-decoration: underline; }
      article#font .font_purchase .purchaseForm p.description.show {
        max-height: inherit; }
        article#font .font_purchase .purchaseForm p.description.show .more .text-sandoll {
          padding-left: 0; }
    article#font .font_purchase .purchaseForm .stars_wrap {
      height: 16px; }
      article#font .font_purchase .purchaseForm .stars_wrap i.sd {
        width: 16px;
        height: 16px;
        margin-left: -4px; }
        article#font .font_purchase .purchaseForm .stars_wrap i.sd:first-child {
          margin-left: 0; }
    article#font .font_purchase .purchaseForm .form-group.border-top {
      border-top: 1px solid #dddddd;
      padding-top: 1.25rem; }
    article#font .font_purchase .purchaseForm .fs-txt-4.p_review_cnt {
      display: inline-flex;
      align-items: center;
      color: #1c1c1c; }
    article#font .font_purchase .purchaseForm .fs-txt-4.tag-wrap {
      min-height: 12px;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1rem;
      transition: height 0.5s, max-height 0.5s;
      overflow: hidden;
      width: 100%;
      max-height: 18px;
      white-space: nowrap;
      position: relative; }
      article#font .font_purchase .purchaseForm .fs-txt-4.tag-wrap.hide {
        max-height: calc(12px * 1.68);
        overflow: hidden;
        padding-right: 16px; }
        article#font .font_purchase .purchaseForm .fs-txt-4.tag-wrap.hide .morebtn {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/btn-tag-seemore.png");
          display: inline-block;
          width: 16px;
          height: 16px;
          background-size: 16px 16px;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          top: 0;
          border: none;
          background-color: #fff; }
      article#font .font_purchase .purchaseForm .fs-txt-4.tag-wrap.show {
        max-height: inherit; }
        article#font .font_purchase .purchaseForm .fs-txt-4.tag-wrap.show .morebtn {
          display: inline-block;
          width: 16px;
          height: 16px;
          background-size: 16px 16px;
          background-repeat: no-repeat;
          position: absolute;
          right: 0;
          bottom: 0;
          border: none;
          background-color: #fff;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/btn-tag-seeless.png"); }
    article#font .font_purchase .purchaseForm .form-control {
      padding: 12px 20px;
      font-size: 0.875rem;
      margin-bottom: 0.75rem; }
    article#font .font_purchase .purchaseForm .nav .nav-item {
      width: 50%; }
    article#font .font_purchase .purchaseForm .nav .nav-link {
      width: 100%;
      padding: 1rem 0 0.75rem;
      font-size: 1rem;
      background: white;
      border: none;
      border-bottom: 1px solid #dddddd;
      color: #999999;
      text-align: center; }
      article#font .font_purchase .purchaseForm .nav .nav-link.active {
        border-bottom: 1px solid #4173fa;
        color: #333333; }
    article#font .font_purchase .purchaseForm .selectedList li {
      display: flex;
      font-size: 1rem;
      border-bottom: 1px solid #dddddd;
      padding: 20px 0; }
      article#font .font_purchase .purchaseForm .selectedList li > .price {
        margin-left: auto; }
      article#font .font_purchase .purchaseForm .selectedList li .ic-close {
        width: 16px;
        height: 16px;
        cursor: pointer;
        margin-left: 0.5rem; }
      article#font .font_purchase .purchaseForm .selectedList li.totalPrice {
        border-bottom: none; }
  article#font .license_info {
    border-top: 1px solid #dddddd;
    padding-top: 1.5rem;
    margin-bottom: 2.75rem; }
  article#font .font_info,
  article#font .related_content,
  article#font .font_product {
    border-top: 1px solid #dddddd;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  article#font .font_example img {
    max-width: 100%; }
  article#font .video .video-container {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 56.25%; }
    article#font .video .video-container iframe {
      z-index: 1;
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%; }
  article#font .video .text-decoration-underline {
    color: #1c1c1c; }
  article#font .fontExampleArea img {
    max-width: 100%;
    display: block; }
  article#font .fontExampleArea .swiper-slide {
    max-height: calc(1160px / 2);
    overflow: hidden; }
    article#font .fontExampleArea .swiper-slide img {
      aspect-ratio: 2/1;
      object-fit: cover;
      object-position: center center; }
  article#font .fontExampleArea .swiper-button-next:after, article#font .fontExampleArea .swiper-button-prev:after {
    display: none; }
  article#font .fontExampleArea .swiper-button-next,
  article#font .fontExampleArea .swiper-button-prev {
    margin-top: 0;
    opacity: 0;
    transition: opacity 0.3s; }
    article#font .fontExampleArea .swiper-button-next.swiper-button-disabled,
    article#font .fontExampleArea .swiper-button-prev.swiper-button-disabled {
      opacity: 0 !important; }
  article#font .fontExampleArea .swiper-button-next {
    right: 0; }
  article#font .fontExampleArea .swiper-button-prev {
    left: 0; }
  article#font .fontExampleArea .fontExampleImg_swiper1 .swiper-button-next,
  article#font .fontExampleArea .fontExampleImg_swiper1 .swiper-button-prev {
    width: 52px;
    height: 52px;
    top: calc(50% - 26px); }
    article#font .fontExampleArea .fontExampleImg_swiper1 .swiper-button-next img,
    article#font .fontExampleArea .fontExampleImg_swiper1 .swiper-button-prev img {
      width: 100%; }
  article#font .fontExampleArea .fontExampleImg_swiper1:hover .swiper-button-next,
  article#font .fontExampleArea .fontExampleImg_swiper1:hover .swiper-button-prev {
    opacity: 1; }
  article#font .fontExampleArea .fontExampleImg_swiper2 {
    margin-top: 1rem; }
    article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-button-next,
    article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-button-prev {
      width: 32px;
      height: 90px;
      top: 0;
      background: rgba(28, 28, 28, 0.2); }
      article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-button-next img,
      article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-button-prev img {
        width: 100%; }
    article#font .fontExampleArea .fontExampleImg_swiper2:hover .swiper-button-next,
    article#font .fontExampleArea .fontExampleImg_swiper2:hover .swiper-button-prev {
      opacity: 1; }
    article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-slide {
      max-width: 180px;
      max-height: 90px;
      position: relative; }
      article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-slide img {
        width: 100%;
        height: 90px;
        object-fit: cover;
        object-position: center center; }
      article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-slide.swiper-slide-thumb-active:after, article#font .fontExampleArea .fontExampleImg_swiper2 .swiper-slide:hover:after {
        content: "";
        cursor: pointer;
        position: absolute;
        background-color: rgba(28, 28, 28, 0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        z-index: 99;
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/ic-extend-white.png"); }
  article#font .font_info,
  article#font .font_product,
  article#font .license_info,
  article#font .related_content {
    width: 100%; }
    article#font .font_info .fs-title-4,
    article#font .font_product .fs-title-4,
    article#font .license_info .fs-title-4,
    article#font .related_content .fs-title-4 {
      margin-bottom: 1.5rem;
      display: flex;
      justify-content: space-between;
      cursor: pointer;
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: right center;
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article#font .font_info > *:not(.fs-title-4),
    article#font .font_product > *:not(.fs-title-4),
    article#font .license_info > *:not(.fs-title-4),
    article#font .related_content > *:not(.fs-title-4) {
      display: none; }
    article#font .font_info.open .fs-title-4,
    article#font .font_product.open .fs-title-4,
    article#font .license_info.open .fs-title-4,
    article#font .related_content.open .fs-title-4 {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article#font .font_info.open > *:not(.fs-title-4),
    article#font .font_product.open > *:not(.fs-title-4),
    article#font .license_info.open > *:not(.fs-title-4),
    article#font .related_content.open > *:not(.fs-title-4) {
      display: block; }
    article#font .font_info.open > .product_item .items,
    article#font .font_product.open > .product_item .items,
    article#font .license_info.open > .product_item .items,
    article#font .related_content.open > .product_item .items {
      display: flex; }
  article#font .fontDesc.filterForm {
    margin-bottom: 0; }
    article#font .fontDesc.filterForm .preview-text-input {
      width: 66%;
      flex: 1;
      padding-left: 52px;
      position: relative;
      background-size: 32px 32px;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4 8H9.59999C9.38781 8 9.18433 8.08429 9.0343 8.23431C8.88427 8.38434 8.79999 8.58783 8.79999 8.8C8.79999 9.01217 8.88427 9.21566 9.0343 9.36569C9.18433 9.51571 9.38781 9.6 9.59999 9.6H22.4C22.6122 9.6 22.8156 9.51571 22.9657 9.36569C23.1157 9.21566 23.2 9.01217 23.2 8.8C23.2 8.58783 23.1157 8.38434 22.9657 8.23431C22.8156 8.08429 22.6122 8 22.4 8Z' fill='%231C1C1C'/%3E%3Cpath d='M16 8C15.7878 8 15.5844 8.08429 15.4343 8.23431C15.2843 8.38434 15.2 8.58783 15.2 8.8V23.2C15.2 23.4122 15.2843 23.6157 15.4343 23.7657C15.5844 23.9157 15.7878 24 16 24C16.2122 24 16.4157 23.9157 16.5657 23.7657C16.7157 23.6157 16.8 23.4122 16.8 23.2V8.8C16.8 8.58783 16.7157 8.38434 16.5657 8.23431C16.4157 8.08429 16.2122 8 16 8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
      background-position: 10px center; }
    article#font .fontDesc.filterForm .font-size-wrap {
      width: 23.9%;
      padding-right: 20px; }
    article#font .fontDesc.filterForm .nav .active .ic-compare {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3284'%3E%3Cpath data-name='Subtraction 3' d='M19.385 18H1.616A1.616 1.616 0 0 1 0 16.388V1.612A1.616 1.616 0 0 1 1.616 0h17.77A1.615 1.615 0 0 1 21 1.612v14.776A1.615 1.615 0 0 1 19.385 18zm-13.8-7.119a.738.738 0 1 0 0 1.477h6.6a.738.738 0 1 0 0-1.477zm0-5.239a.738.738 0 1 0 0 1.477h9.83a.738.738 0 1 0 0-1.477z' transform='translate(6 7)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    article#font .fontDesc.filterForm .nav .active .ic-list {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M26.48 45.129h-8.067a1.618 1.618 0 0 1-1.613-1.613V42.44a1.618 1.618 0 0 1 1.613-1.613h8.067a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -20.659)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3265'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -28.845)' style='fill:%231c1c1c'/%3E%3C/g%3E%3Cg data-name='Group 3266'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -35.028)' style='fill:%231c1c1c'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    article#font .fontDesc.filterForm .nav .ic-list {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3224'%3E%3Cpath data-name='Path 2423' d='M26.48 45.129h-8.067a1.618 1.618 0 0 1-1.613-1.613V42.44a1.618 1.618 0 0 1 1.613-1.613h8.067a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -20.659)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3265'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -28.845)' style='fill:%23ddd'/%3E%3C/g%3E%3Cg data-name='Group 3266'%3E%3Cpath data-name='Path 2423' d='M32.934 47.129H18.413a1.618 1.618 0 0 1-1.613-1.613V44.44a1.618 1.618 0 0 1 1.613-1.613h14.521a1.618 1.618 0 0 1 1.613 1.613v1.076a1.61 1.61 0 0 1-1.613 1.613z' transform='translate(-9.54 -35.028)' style='fill:%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    article#font .fontDesc.filterForm .nav .ic-compare {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='Group 3284'%3E%3Cpath data-name='Subtraction 3' d='M19.385 18H1.616A1.616 1.616 0 0 1 0 16.388V1.612A1.616 1.616 0 0 1 1.616 0h17.77A1.615 1.615 0 0 1 21 1.612v14.776A1.615 1.615 0 0 1 19.385 18zm-13.8-7.119a.738.738 0 1 0 0 1.477h6.6a.738.738 0 1 0 0-1.477zm0-5.239a.738.738 0 1 0 0 1.477h9.83a.738.738 0 1 0 0-1.477z' transform='translate(6 7)' style='fill:%23ddd'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  article#font .product_item a > .items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    border: 1px solid #efefef;
    margin-bottom: 0.75rem;
    box-sizing: border-box; }
    article#font .product_item a > .items img {
      width: 98px;
      height: 98px;
      background: #f9f9f9;
      margin-right: 1.25rem; }
    article#font .product_item a > .items > div {
      width: calc(100% - 118px);
      padding-right: 0.875rem; }
      article#font .product_item a > .items > div .fs-title-4 {
        margin-bottom: 0.5rem;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        background-image: none; }
      article#font .product_item a > .items > div .fs-txt-3,
      article#font .product_item a > .items > div .fs-txt-2 {
        color: #333333;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        white-space: nowrap; }
  article#font .font_info ul li,
  article#font .license_info ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.58;
    margin-bottom: 1rem; }
    article#font .font_info ul li .fs-title-5,
    article#font .license_info ul li .fs-title-5 {
      margin-bottom: 0.125rem;
      width: 100px; }
    article#font .font_info ul li .fs-txt-3,
    article#font .license_info ul li .fs-txt-3 {
      width: calc(100% - 100px); }
      article#font .font_info ul li .fs-txt-3 a,
      article#font .license_info ul li .fs-txt-3 a {
        color: #333333;
        text-decoration: underline; }
    article#font .font_info ul li.lang,
    article#font .license_info ul li.lang {
      cursor: pointer; }
      article#font .font_info ul li.lang p.fs-txt-3,
      article#font .license_info ul li.lang p.fs-txt-3 {
        height: 1.5rem;
        padding-right: 20px;
        width: auto;
        overflow: hidden;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      article#font .font_info ul li.lang.arrow_none,
      article#font .license_info ul li.lang.arrow_none {
        cursor: inherit; }
        article#font .font_info ul li.lang.arrow_none .fs-txt-3,
        article#font .license_info ul li.lang.arrow_none .fs-txt-3 {
          background-image: none !important; }
      article#font .font_info ul li.lang.open .fs-txt-3,
      article#font .license_info ul li.lang.open .fs-txt-3 {
        height: auto;
        overflow: auto;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article#font .font_info ul li:last-child,
    article#font .license_info ul li:last-child {
      margin-bottom: 0; }
      article#font .font_info ul li:last-child .fs-txt-2,
      article#font .license_info ul li:last-child .fs-txt-2 {
        margin-bottom: 0; }
  article#font .font_review .fs-title-3 i {
    width: 20px;
    height: 20px; }
  article#font .font_review .fs-title-3 .fs-title-4 {
    color: #999999;
    display: inline-flex;
    align-items: center; }
  article#font .font_review .fs-title-3 .ms-auto {
    font-size: 1rem;
    color: #1c1c1c;
    text-decoration: underline; }
  article#font .reviewImageSlider {
    margin-bottom: 1.75rem;
    margin-top: 1.625rem;
    position: relative;
    margin-bottom: 2.5rem; }
    article#font .reviewImageSlider .swiper-slide {
      max-width: 165px;
      max-height: 165px;
      margin-right: 1rem;
      width: 165px;
      height: 165px; }
      article#font .reviewImageSlider .swiper-slide img {
        width: 165px;
        border-radius: 8px;
        height: 165px;
        background: #dddddd;
        cursor: pointer;
        object-fit: contain; }
    article#font .reviewImageSlider .swiper-control-prev,
    article#font .reviewImageSlider .swiper-control-next {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity .5s;
      position: absolute;
      border: none;
      background: transparent;
      width: 52px;
      height: 52px;
      top: calc(50% - 26px);
      z-index: 1;
      text-align: center; }
      article#font .reviewImageSlider .swiper-control-prev img,
      article#font .reviewImageSlider .swiper-control-next img {
        width: 52px; }
      article#font .reviewImageSlider .swiper-control-prev i.sd,
      article#font .reviewImageSlider .swiper-control-next i.sd {
        width: 28px;
        height: 28px; }
    article#font .reviewImageSlider .swiper-control-next {
      right: 0; }
    article#font .reviewImageSlider:hover .swiper-control-prev,
    article#font .reviewImageSlider:hover .swiper-control-next {
      opacity: 1; }
    article#font .reviewImageSlider .swiper-scrollbar {
      bottom: -27px;
      left: 0;
      height: 1px; }
      article#font .reviewImageSlider .swiper-scrollbar .swiper-scrollbar-drag {
        height: 1px; }
  article#font .review_list li {
    padding: 20px 0;
    border-bottom: 1px solid #dddddd; }
    article#font .review_list li > div.fs-txt-3, article#font .review_list li > div.fs-txt-2 {
      color: #666666; }
      article#font .review_list li > div.fs-txt-3 .stars_wrap, article#font .review_list li > div.fs-txt-2 .stars_wrap {
        display: flex;
        margin-right: 0.625rem; }
        article#font .review_list li > div.fs-txt-3 .stars_wrap i, article#font .review_list li > div.fs-txt-2 .stars_wrap i {
          width: 1rem;
          height: 1rem; }
    article#font .review_list li > div.reviewNphoto.open .fs-txt-3.txt,
    article#font .review_list li > div.reviewNphoto.open .fs-txt-2.txt {
      overflow: inherit;
      max-height: inherit;
      white-space: inherit;
      margin-bottom: 0.5rem; }
    article#font .review_list li > div.reviewNphoto.open .reply p {
      overflow: inherit;
      max-height: inherit; }
    article#font .review_list li > div.reviewNphoto .fs-txt-3.txt,
    article#font .review_list li > div.reviewNphoto .fs-txt-2.txt {
      margin: 0.875rem 0 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: clip;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      max-height: 1.5rem;
      align-items: start; }
    article#font .review_list li > div.reviewNphoto .review_img {
      margin-top: 0.5rem;
      width: 82px;
      height: 82px;
      border-radius: 4px;
      position: relative;
      cursor: pointer;
      object-fit: contain; }
      article#font .review_list li > div.reviewNphoto .review_img.expand {
        width: 278px;
        height: 278px; }
        article#font .review_list li > div.reviewNphoto .review_img.expand:after {
          display: none; }
      article#font .review_list li > div.reviewNphoto .review_img:hover:after {
        background: rgba(0, 0, 0, 0.5);
        width: 82px;
        height: 82px;
        content: " ";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 48px 48px;
        background-image: url("data:image/svg+xml,%3Csvg id='btn_extend' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_127' data-name='Rectangle 127' style='fill:none' d='M0 0h48v48H0z'/%3E%3Cpath id='Path_606' data-name='Path 606' class='cls-2' d='m12 32.183 20-20' transform='translate(2 1.816)'/%3E%3Cpath id='Path_607' data-name='Path 607' class='cls-2' d='m16.266 10.053 6 6 6-6' transform='rotate(-135 27.758 12.274)'/%3E%3Cpath id='Path_608' data-name='Path 608' class='cls-2' d='m16.266 10.053 6 6 6-6' transform='rotate(45 -4.29 14.878)'/%3E%3C/svg%3E"); }
    article#font .review_list li > div.reviewNphoto .more {
      cursor: pointer;
      display: inline-block;
      margin-top: 0.625rem;
      font-size: 0.875rem; }
    article#font .review_list li > div .reply {
      order: 2; }
      article#font .review_list li > div .reply p {
        background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A");
        padding-left: 26px;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        line-height: 1.61;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: calc(14px * 1.61 * 2); }

/* psp 2.1 ver */
.filterMenu {
  flex-basis: 340px;
  width: 21.25rem;
  margin-top: 40px;
  padding: 0px 20px 100px 40px;
  overflow-y: hidden;
  position: sticky;
  top: 140px;
  right: inherit;
  bottom: inherit;
  visibility: visible;
  max-height: 100vh;
  z-index: 1;
  background: #ffffff;
  transition: transform 0.5s;
  height: calc(100vh - 140px); }
  .filterMenu:has(.nav_banner) .filter-select-wrap {
    height: calc(100vh - 400px); }
  .filterMenu.myfontMenu:has(.nav_banner) .filter-select-wrap {
    height: calc(100vh - 520px); }
  .filterMenu .filter-select-wrap {
    height: calc(100vh - 250px);
    overflow-y: auto; }
    .filterMenu .filter-select-wrap::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 0px white;
      background-color: #ffffff; }
    .filterMenu .filter-select-wrap::-webkit-scrollbar {
      width: 0px;
      background-color: #ffffff; }
    .filterMenu .filter-select-wrap::-webkit-scrollbar-thumb {
      background-color: #ffffff; }
  .filterMenu hr {
    opacity: 1;
    margin: 1.5rem 0 1.25rem;
    background-color: #eaeaea; }
  .filterMenu label.fs-txt-2 {
    margin-bottom: 0.5rem; }
  .filterMenu label.d-flex span {
    font-size: 0.875rem; }
  .filterMenu label.d-flex .btn-icon i {
    width: 20px;
    height: 20px; }
  .filterMenu .filterresetBtn {
    padding: 0;
    margin-bottom: 0px;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    cursor: inherit;
    opacity: 0.22; }
    .filterMenu .filterresetBtn i {
      width: 20px;
      height: 20px; }
    .filterMenu .filterresetBtn.active {
      cursor: pointer;
      opacity: 1; }
  .filterMenu #filterLang > button,
  .filterMenu #filterLang-free > button {
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 8px 10px 8px 12px;
    font-size: 0.875rem; }
    .filterMenu #filterLang > button[aria-expanded='true'],
    .filterMenu #filterLang-free > button[aria-expanded='true'] {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
  .filterMenu #recommendFilters {
    max-height: 72px;
    overflow: hidden;
    transition: all .5s ease-in-out; }
    .filterMenu #recommendFilters.show {
      max-height: 100vh; }
    .filterMenu #recommendFilters .list-group {
      flex-direction: row;
      flex-wrap: wrap; }
      .filterMenu #recommendFilters .list-group > div {
        display: inline-block; }
        .filterMenu #recommendFilters .list-group > div input[type="checkbox"] {
          display: none; }
        .filterMenu #recommendFilters .list-group > div .list-group-item {
          font-size: 0.75rem;
          padding: 3px 8px;
          border-radius: 4px;
          color: #999999;
          border-color: #eaeaea;
          margin-top: 0.5rem;
          line-height: 1.68;
          margin-right: 0.5rem;
          cursor: pointer; }
          .filterMenu #recommendFilters .list-group > div .list-group-item:hover {
            background-color: #F5F8FF; }
        .filterMenu #recommendFilters .list-group > div input:checked + label {
          border-color: #4173fa;
          color: #4173fa; }
  .filterMenu .accordion-collapse {
    width: 100%; }
    .filterMenu .accordion-collapse#collapseLang, .filterMenu .accordion-collapse#collapseLang-free {
      position: absolute;
      background-color: #ffffff;
      z-index: 99;
      border-radius: 4px;
      border: 1px solid #EAEAEA;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      padding: 0;
      margin-top: -1px;
      max-height: 128px;
      overflow-y: scroll; }
      .filterMenu .accordion-collapse#collapseLang .list-group > div, .filterMenu .accordion-collapse#collapseLang-free .list-group > div {
        padding: 0; }
        .filterMenu .accordion-collapse#collapseLang .list-group > div input, .filterMenu .accordion-collapse#collapseLang-free .list-group > div input {
          width: 1px;
          height: 1px;
          opacity: 0;
          position: absolute; }
        .filterMenu .accordion-collapse#collapseLang .list-group > div label, .filterMenu .accordion-collapse#collapseLang-free .list-group > div label {
          cursor: pointer;
          padding: 6px 12px 5px;
          border: none;
          line-height: 1.69; }
          .filterMenu .accordion-collapse#collapseLang .list-group > div label:hover, .filterMenu .accordion-collapse#collapseLang-free .list-group > div label:hover {
            background-color: #f9f9f9; }
        .filterMenu .accordion-collapse#collapseLang .list-group > div input:checked + label, .filterMenu .accordion-collapse#collapseLang-free .list-group > div input:checked + label {
          background-color: #f9f9f9;
          color: #4173fa; }
    .filterMenu .accordion-collapse#collapseStyle .btn-rounded, .filterMenu .accordion-collapse#collapseStyle-free .btn-rounded {
      border-radius: 47px;
      height: 47px;
      border: 1px solid #dddddd;
      background: #ffffff;
      justify-content: center;
      display: flex;
      align-items: center;
      color: #999999;
      width: 100%;
      font-size: 0.875rem;
      margin: 20px auto 4px; }
      .filterMenu .accordion-collapse#collapseStyle .btn-rounded i, .filterMenu .accordion-collapse#collapseStyle-free .btn-rounded i {
        width: 12px;
        height: 12px; }
      .filterMenu .accordion-collapse#collapseStyle .btn-rounded:hover, .filterMenu .accordion-collapse#collapseStyle-free .btn-rounded:hover {
        background-color: #F5F8FF; }
    .filterMenu .accordion-collapse#collapseStyle .card, .filterMenu .accordion-collapse#collapseStyle-free .card {
      margin-top: 0.5rem;
      border: none;
      border-radius: 0;
      overflow: hidden; }
      .filterMenu .accordion-collapse#collapseStyle .card:has(.card-body), .filterMenu .accordion-collapse#collapseStyle-free .card:has(.card-body) {
        border-bottom: 1px solid #eaeaea; }
      .filterMenu .accordion-collapse#collapseStyle .card:not([data-lang="KCLS"]):not([data-lang="LCLS"]) input:checked + .card-header, .filterMenu .accordion-collapse#collapseStyle-free .card:not([data-lang="KCLS"]):not([data-lang="LCLS"]) input:checked + .card-header {
        color: #4173fa;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%234173FA'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
      .filterMenu .accordion-collapse#collapseStyle .card .card-header, .filterMenu .accordion-collapse#collapseStyle-free .card .card-header {
        font-size: 1rem;
        background-color: #fff;
        color: #1c1c1c;
        padding: 4px;
        border-bottom: none;
        display: flex;
        align-items: center;
        line-height: 1.58;
        cursor: pointer; }
        .filterMenu .accordion-collapse#collapseStyle .card .card-header i, .filterMenu .accordion-collapse#collapseStyle-free .card .card-header i {
          width: 20px;
          height: 20px; }
      .filterMenu .accordion-collapse#collapseStyle .card .card-body, .filterMenu .accordion-collapse#collapseStyle-free .card .card-body {
        padding: 8px 4px; }
    .filterMenu .accordion-collapse#collapseStyle .list-group, .filterMenu .accordion-collapse#collapseStyle-free .list-group {
      flex-direction: row;
      flex-wrap: wrap; }
      .filterMenu .accordion-collapse#collapseStyle .list-group > div, .filterMenu .accordion-collapse#collapseStyle-free .list-group > div {
        display: inline-block;
        width: 50%; }
        .filterMenu .accordion-collapse#collapseStyle .list-group > div input[type="checkbox"], .filterMenu .accordion-collapse#collapseStyle-free .list-group > div input[type="checkbox"] {
          display: none; }
        .filterMenu .accordion-collapse#collapseStyle .list-group > div .list-group-item, .filterMenu .accordion-collapse#collapseStyle-free .list-group > div .list-group-item {
          padding: 0;
          color: #999999;
          border: none;
          font-size: 0.875rem;
          display: inline-block;
          margin-right: 0.75rem;
          margin-bottom: 0.75rem;
          cursor: pointer; }
        .filterMenu .accordion-collapse#collapseStyle .list-group > div input[name="style"]:checked + label,
        .filterMenu .accordion-collapse#collapseStyle .list-group > div input[name="style-free"]:checked + label, .filterMenu .accordion-collapse#collapseStyle-free .list-group > div input[name="style"]:checked + label,
        .filterMenu .accordion-collapse#collapseStyle-free .list-group > div input[name="style-free"]:checked + label {
          color: #4173fa;
          background-repeat: no-repeat;
          background-position: right center;
          padding-right: 20px;
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%234173FA'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    .filterMenu .accordion-collapse#collapseProperty .list-group, .filterMenu .accordion-collapse#collapseProperty-free .list-group {
      justify-content: space-between; }
      .filterMenu .accordion-collapse#collapseProperty .list-group span.ms-auto, .filterMenu .accordion-collapse#collapseProperty-free .list-group span.ms-auto {
        color: #cccccc; }
    .filterMenu .accordion-collapse#collapseProperty .list-group-item, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item {
      border: none;
      width: 100%;
      padding: 0;
      margin-bottom: 4px;
      cursor: pointer; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item label.d-flex, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item label.d-flex {
        line-height: 1.61;
        font-size: 0.875rem; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item:first-child, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item:first-child {
        margin-top: 0.5rem; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label {
        margin-bottom: 10px;
        margin-top: 5px; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label > span, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label > span {
          height: 12px;
          width: 12px;
          color: #999999;
          display: inline-block; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pStructure"] > span:nth-of-type(1), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pStructure"] > span:nth-of-type(1) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.01562 5.98595V1.87032H7.0125V5.98595H2.01562ZM2.40937 10.3078V6.76407H9.98438V10.3078H8.6625V10.0359L2.40937 10.3078ZM3.3 4.94532H5.7375V2.90157H3.3V4.94532ZM3.73125 9.21095L8.6625 9.0047V7.79532H3.73125V9.21095ZM8.65313 6.40782V1.6922H9.98438V6.40782H8.65313Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pStructure"] > span:nth-of-type(2), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pStructure"] > span:nth-of-type(2) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.66758 5.21249V2.99061H3.58633V5.21249H5.66758ZM6.68945 6.01874H2.56445V2.18436H6.68945V6.01874ZM8.40508 1.61249H9.42695V6.60936H8.40508V1.61249ZM8.41445 9.59061V7.89374H4.6457V9.59061H8.41445ZM9.43633 10.3875H3.62383V7.08749H9.43633V10.3875Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pStructure"] > span:nth-of-type(3), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pStructure"] > span:nth-of-type(3) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6.29551 3.49406V6.86906H2.58301V3.49406H6.29551ZM5.26613 4.47281H3.61238V5.89031H5.26613V4.47281ZM9.41738 7.84781V10.9359H6.26176V7.84781H9.41738ZM8.38801 8.82656H7.29113V9.95718H8.38801V8.82656ZM8.38801 6.86906V1.06406H9.41738V6.86906H8.38801Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pWidth"] > span:nth-of-type(1), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pWidth"] > span:nth-of-type(1) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.49598 8.13843H4.42473L3.6241 10.7766H2.21973L5.31723 1.22156H6.68223L9.77973 10.7784H8.27035L7.49598 8.14031V8.13843ZM4.75285 7.03593H7.16785L5.9866 3.01968L4.75285 7.03593Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pWidth"] > span:nth-of-type(2), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pWidth"] > span:nth-of-type(2) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M5.86867 3.03375L4.47742 7.03688H7.32555L5.90805 3.03375H5.86867ZM1.82617 10.7775L5.29117 1.2225H6.73492L10.1737 10.7775H8.6643L7.74555 8.19188H4.08367L3.17805 10.7775H1.82617Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pWidth"] > span:nth-of-type(3), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pWidth"] > span:nth-of-type(3) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.04656 8.18437H3.84656C3.50531 9.05062 3.16406 9.91687 2.80969 10.77H1.19531C2.53406 7.59374 3.88594 4.41749 5.22469 1.22812H6.77344C8.11219 4.41749 9.46406 7.59374 10.8028 10.7719H9.05719C8.71594 9.91875 8.38781 9.05249 8.04656 8.18624V8.18437ZM4.26656 7.04249H7.65281L5.99906 2.76374L4.26656 7.04249Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pWeight"] > span:nth-of-type(1), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pWeight"] > span:nth-of-type(1) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.80371 1.40625H3.15809V5.65875H8.82809V1.40625H9.19559V10.5938H8.82809V5.97375H3.15809V10.5938H2.80371V1.40625Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pWeight"] > span:nth-of-type(2), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pWeight"] > span:nth-of-type(2) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.625 10.5V1.5H3.81992V5.34454H8.18008V1.5H9.375V10.5H8.18008V6.34034H3.81992V10.5H2.625Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .slider-label[data-searchid="pWeight"] > span:nth-of-type(3), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .slider-label[data-searchid="pWeight"] > span:nth-of-type(3) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.8916 1.31348H4.5166V4.92285H7.46973V1.31348H10.1079V10.6866H7.46973V6.81473H4.5166V10.6866H1.8916V1.31348Z' fill='%23999999'/%3E%3C/svg%3E"); }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target {
        background: transparent;
        height: 10px;
        border: none;
        box-shadow: none; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-connects, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-connects {
          height: 2px;
          background-color: #dddddd; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-connect, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-connect {
          background-color: #dddddd; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-origin .noUi-handle, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-origin .noUi-handle {
          width: 10px;
          height: 10px;
          right: -5px;
          top: 0;
          border-radius: 50%;
          box-shadow: none;
          background-color: #dddddd;
          border: none; }
          .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-origin .noUi-handle:after, .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-origin .noUi-handle:before, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-origin .noUi-handle:after, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-origin .noUi-handle:before {
            display: none; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-base, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-base {
          display: flex;
          align-items: center;
          width: calc(100% - 10px);
          margin: 8px 5px 0; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-tooltip, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-tooltip {
          opacity: 1;
          transition: opacity 0.3s;
          bottom: -30px;
          display: block;
          background: #333333;
          color: #ffffff;
          border: 1px solid #333333; }
          .filterMenu .accordion-collapse#collapseProperty .list-group-item .noUi-target .noUi-tooltip:after, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item .noUi-target .noUi-tooltip:after {
            border-top: 0px solid transparent;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 4px solid #333333;
            content: "";
            position: absolute;
            top: -4px;
            left: calc(50% - 4px); }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item.selected label.d-flex .ms-auto, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item.selected label.d-flex .ms-auto {
        color: #4173fa; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item.selected .noUi-connects, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item.selected .noUi-connects {
        background-color: #dddddd; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item.selected .noUi-connect, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item.selected .noUi-connect {
        background-color: #4173fa; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item.selected .noUi-origin .noUi-handle, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item.selected .noUi-origin .noUi-handle {
        background-color: #4173fa; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pInclination"] + label, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pInclination"] + label {
        cursor: pointer;
        border: 1px solid #EAEAEA;
        background-repeat: no-repeat;
        display: inline-block;
        width: 100%;
        height: 36px;
        background-size: 20px 20px;
        background-position: center center;
        border-radius: 5px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 316'%3E%3Cpath id='i' d='M12.0815 1.71875C12.8926 1.71875 13.4062 2.23581 13.4062 3.03726C13.4062 3.96797 12.7303 4.61429 11.9192 4.61429C11.1081 4.61429 10.5945 4.09723 10.5945 3.29579C10.5945 2.36508 11.2704 1.71875 12.0815 1.71875ZM10.6485 18.032C10.5404 18.6008 10.6756 18.8593 11.0811 18.8593C11.5407 18.8593 11.9192 18.5749 12.1896 18.3164C12.3789 18.4198 12.5952 18.8593 12.5952 19.1696C12.5952 19.454 11.6218 20.2812 10.5674 20.2812C9.45892 20.2812 8.62079 19.6091 8.89115 18.032L10.2159 10.0434C10.3511 9.16443 10.1619 8.98346 8.86412 8.98346C8.64782 8.98346 8.59375 8.93176 8.59375 8.69908C8.59375 8.44055 8.72893 8.13031 9.08041 8.0269C9.70225 7.84593 11.4596 7.74252 12.46 7.74252C12.2437 8.41469 12.1355 9.19029 11.9733 10.1727L10.6485 18.032Z' fill='%23999999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pInclination"] + label:hover, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pInclination"] + label:hover {
          background-color: #F5F8FF; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pInclination"]:checked + label, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pInclination"]:checked + label {
        border: 1px solid #4173fa;
        background-color: #4173fa;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Frame 316'%3E%3Cpath id='i' d='M12.0815 1.71875C12.8926 1.71875 13.4062 2.23581 13.4062 3.03726C13.4062 3.96797 12.7303 4.61429 11.9192 4.61429C11.1081 4.61429 10.5945 4.09723 10.5945 3.29579C10.5945 2.36508 11.2704 1.71875 12.0815 1.71875ZM10.6485 18.032C10.5404 18.6008 10.6756 18.8593 11.0811 18.8593C11.5407 18.8593 11.9192 18.5749 12.1896 18.3164C12.3789 18.4198 12.5952 18.8593 12.5952 19.1696C12.5952 19.454 11.6218 20.2812 10.5674 20.2812C9.45892 20.2812 8.62079 19.6091 8.89115 18.032L10.2159 10.0434C10.3511 9.16443 10.1619 8.98346 8.86412 8.98346C8.64782 8.98346 8.59375 8.93176 8.59375 8.69908C8.59375 8.44055 8.72893 8.13031 9.08041 8.0269C9.70225 7.84593 11.4596 7.74252 12.46 7.74252C12.2437 8.41469 12.1355 9.19029 11.9733 10.1727L10.6485 18.032Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pInclination"],
      .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"], .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pInclination"],
      .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"] {
        opacity: 0;
        position: absolute;
        top: 1px;
        left: 1px;
        width: 1px;
        height: 1px; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"] + label, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"] + label {
        cursor: pointer;
        border: 1px solid #EAEAEA;
        background-repeat: no-repeat;
        display: inline-block;
        width: calc(33.3% + 1px);
        height: 36px;
        background-size: 20px 20px;
        background-position: center center; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"] + label:nth-of-type(1), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"] + label:nth-of-type(1) {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
          border-right: none;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M3.19043 9.99844C3.19043 4.61719 6.38418 2.21094 10.3436 2.21094C14.3029 2.21094 17.4748 4.61719 17.4748 9.99844C17.4748 15.3797 14.2811 17.7859 10.3436 17.7859C6.40605 17.7859 3.19043 15.3578 3.19043 9.99844ZM13.6686 9.99844C13.6686 4.87969 12.4654 3.04219 10.3436 3.04219C8.22168 3.04219 6.99668 4.87969 6.99668 9.99844C6.99668 15.1172 8.1998 16.9547 10.3436 16.9547C12.4873 16.9547 13.6686 15.0953 13.6686 9.99844Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"] + label:nth-of-type(2), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"] + label:nth-of-type(2) {
          border-right: none;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0212 16.0072C12.9827 16.0072 14.3788 13.7039 14.3788 10.5499V9.82362C14.3788 6.33757 13.2154 4.03428 9.93654 4.01353C6.99615 4.01353 5.62115 6.31682 5.62115 9.42937V10.1971C5.62115 13.6624 6.80577 16.0072 10.0212 16.0072ZM9.95769 17.8125C5.76923 17.8125 3.125 15.198 3.125 10.2179V9.78212C3.125 5.00955 5.81154 2.1875 10.0423 2.1875C14.2308 2.1875 16.875 4.82279 16.875 9.80287V10.2386C16.875 15.0112 14.1885 17.8125 9.95769 17.8125Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"] + label:nth-of-type(3), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"] + label:nth-of-type(3) {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M17.5098 10C17.5098 14.6875 14.7348 17.9125 10.666 17.9125C6.59727 17.9125 3.82227 14.6875 3.82227 10C3.82227 5.31252 6.59727 2.08752 10.666 2.08752C14.7348 2.08752 17.5098 5.31252 17.5098 10ZM16.5723 10C16.5723 6.90627 14.1535 4.75002 10.666 4.75002C7.17852 4.75002 4.75977 6.92502 4.75977 10C4.75977 13.075 7.17852 15.25 10.666 15.25C14.1535 15.25 16.5723 13.075 16.5723 10Z' fill='%23999999'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"] + label:hover, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"] + label:hover {
          background-color: #F5F8FF; }
      .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"]:checked + label, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"]:checked + label {
        background-color: #EBF0FF; }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"]:checked + label:nth-of-type(1), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"]:checked + label:nth-of-type(1) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M3.19043 9.99844C3.19043 4.61719 6.38418 2.21094 10.3436 2.21094C14.3029 2.21094 17.4748 4.61719 17.4748 9.99844C17.4748 15.3797 14.2811 17.7859 10.3436 17.7859C6.40605 17.7859 3.19043 15.3578 3.19043 9.99844ZM13.6686 9.99844C13.6686 4.87969 12.4654 3.04219 10.3436 3.04219C8.22168 3.04219 6.99668 4.87969 6.99668 9.99844C6.99668 15.1172 8.1998 16.9547 10.3436 16.9547C12.4873 16.9547 13.6686 15.0953 13.6686 9.99844Z' fill='%234173FA'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"]:checked + label:nth-of-type(2), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"]:checked + label:nth-of-type(2) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0212 16.0072C12.9827 16.0072 14.3788 13.7039 14.3788 10.5499V9.82362C14.3788 6.33757 13.2154 4.03428 9.93654 4.01353C6.99615 4.01353 5.62115 6.31682 5.62115 9.42937V10.1971C5.62115 13.6624 6.80577 16.0072 10.0212 16.0072ZM9.95769 17.8125C5.76923 17.8125 3.125 15.198 3.125 10.2179V9.78212C3.125 5.00955 5.81154 2.1875 10.0423 2.1875C14.2308 2.1875 16.875 4.82279 16.875 9.80287V10.2386C16.875 15.0112 14.1885 17.8125 9.95769 17.8125Z' fill='%234173FA'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"]:checked + label:nth-of-type(3), .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"]:checked + label:nth-of-type(3) {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M17.5098 10C17.5098 14.6875 14.7348 17.9125 10.666 17.9125C6.59727 17.9125 3.82227 14.6875 3.82227 10C3.82227 5.31252 6.59727 2.08752 10.666 2.08752C14.7348 2.08752 17.5098 5.31252 17.5098 10ZM16.5723 10C16.5723 6.90627 14.1535 4.75002 10.666 4.75002C7.17852 4.75002 4.75977 6.92502 4.75977 10C4.75977 13.075 7.17852 15.25 10.666 15.25C14.1535 15.25 16.5723 13.075 16.5723 10Z' fill='%234173FA'/%3E%3C/svg%3E"); }
        .filterMenu .accordion-collapse#collapseProperty .list-group-item input[name="pContrast"]:checked + label:hover, .filterMenu .accordion-collapse#collapseProperty-free .list-group-item input[name="pContrast"]:checked + label:hover {
          background-color: #F5F8FF; }
    .filterMenu .accordion-collapse#collapseBrand .list-group, .filterMenu .accordion-collapse#collapseTag .list-group {
      flex-direction: row;
      flex-wrap: wrap; }
      .filterMenu .accordion-collapse#collapseBrand .list-group > div, .filterMenu .accordion-collapse#collapseTag .list-group > div {
        display: inline-block; }
        .filterMenu .accordion-collapse#collapseBrand .list-group > div input[type="checkbox"], .filterMenu .accordion-collapse#collapseTag .list-group > div input[type="checkbox"] {
          display: none; }
        .filterMenu .accordion-collapse#collapseBrand .list-group > div .list-group-item, .filterMenu .accordion-collapse#collapseTag .list-group > div .list-group-item {
          padding: 4px 10px;
          border-radius: 4px;
          color: #999999;
          border-color: #eaeaea;
          margin-top: 0.5rem;
          margin-right: 0.5rem;
          cursor: pointer; }
          .filterMenu .accordion-collapse#collapseBrand .list-group > div .list-group-item:hover, .filterMenu .accordion-collapse#collapseTag .list-group > div .list-group-item:hover {
            background-color: #F5F8FF; }
        .filterMenu .accordion-collapse#collapseBrand .list-group > div input:checked + label, .filterMenu .accordion-collapse#collapseTag .list-group > div input:checked + label {
          border-color: #4173fa;
          color: #4173fa; }

article.font_2_1 .font_banner_wrap,
#store .font_banner_wrap {
  margin-bottom: 1.75rem;
  position: relative; }
  article.font_2_1 .font_banner_wrap .btn,
  #store .font_banner_wrap .btn {
    right: 8px;
    top: 8px;
    position: absolute;
    z-index: 1;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%231C1C1C' fill-opacity='0.2'/%3E%3Cpath d='M20.2386 11.1602C20.1601 11.1599 20.0822 11.1758 20.01 11.2067C19.9378 11.2377 19.8726 11.2831 19.8186 11.3402L11.3286 19.8302C11.2181 19.944 11.1563 20.0964 11.1562 20.2551C11.1562 20.4138 11.2181 20.5662 11.3286 20.68C11.3833 20.7363 11.4485 20.7812 11.5206 20.8121C11.5927 20.843 11.6702 20.8593 11.7486 20.86C11.8272 20.8602 11.905 20.8444 11.9773 20.8134C12.0495 20.7824 12.1146 20.737 12.1686 20.68L20.6586 12.19C20.7692 12.0762 20.831 11.9238 20.831 11.7651C20.831 11.6064 20.7692 11.454 20.6586 11.3402C20.6052 11.2824 20.5402 11.2364 20.4679 11.2054C20.3955 11.1744 20.3174 11.159 20.2386 11.1602Z' fill='white'/%3E%3Cpath d='M11.7604 11.1609C11.6818 11.1606 11.604 11.1765 11.5317 11.2074C11.4595 11.2384 11.3944 11.2838 11.3404 11.3409C11.2298 11.4547 11.168 11.6071 11.168 11.7658C11.168 11.9244 11.2298 12.0769 11.3404 12.1907L19.8304 20.6807C19.885 20.737 19.9502 20.7819 20.0223 20.8128C20.0944 20.8437 20.1719 20.8599 20.2504 20.8607C20.329 20.8609 20.4068 20.845 20.479 20.8141C20.5512 20.7831 20.6163 20.7377 20.6704 20.6807C20.7809 20.5669 20.8428 20.4144 20.8428 20.2558C20.8428 20.0971 20.7809 19.9447 20.6704 19.8309L12.1804 11.3304C12.0666 11.2232 11.9167 11.1624 11.7604 11.1602V11.1609Z' fill='white'/%3E%3C/svg%3E%0A"); }
  article.font_2_1 .font_banner_wrap .banner_slide,
  #store .font_banner_wrap .banner_slide {
    height: 180px;
    border-radius: 12px;
    overflow: hidden; }
    article.font_2_1 .font_banner_wrap .banner_slide img,
    #store .font_banner_wrap .banner_slide img {
      width: 100%;
      display: block;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
    article.font_2_1 .font_banner_wrap .banner_slide .text-wrap,
    #store .font_banner_wrap .banner_slide .text-wrap {
      top: 0;
      height: 100%;
      left: 0;
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      color: #1c1c1c;
      padding-left: 36px;
      padding-right: 36px; }
      article.font_2_1 .font_banner_wrap .banner_slide .text-wrap h3,
      #store .font_banner_wrap .banner_slide .text-wrap h3 {
        font-size: 1.25rem;
        margin-bottom: 8px;
        font-weight: bold;
        line-height: 1.48; }
      article.font_2_1 .font_banner_wrap .banner_slide .text-wrap p,
      #store .font_banner_wrap .banner_slide .text-wrap p {
        line-height: 1.58;
        font-size: 1rem; }

article.font_2_1 .d-inline-flex {
  white-space: nowrap !important; }

article.font_2_1 form.d-flex {
  flex-wrap: wrap; }
  article.font_2_1 form.d-flex > .container-list {
    max-width: 1580px;
    width: calc(100% - 340px);
    padding: 40px 60px 200px; }
    article.font_2_1 form.d-flex > .container-list h1 {
      line-height: 1.38; }

article.font_2_1 .search_none {
  padding-top: 140px; }

article.font_2_1 .nav_banner {
  z-index: 99;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  margin-top: 20px; }
  article.font_2_1 .nav_banner .carousel-inner {
    padding-bottom: 34px; }
  article.font_2_1 .nav_banner .carousel-item {
    position: relative; }
    article.font_2_1 .nav_banner .carousel-item div {
      position: absolute;
      top: 0;
      left: 18px;
      max-width: calc(100% - 24px);
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      article.font_2_1 .nav_banner .carousel-item div h2, article.font_2_1 .nav_banner .carousel-item div p {
        color: #ffffff; }
    article.font_2_1 .nav_banner .carousel-item h2 {
      font-size: 0.8125rem;
      line-height: 1.7;
      width: 100%;
      max-height: calc(13px * 2 * 1.7);
      overflow: hidden; }
    article.font_2_1 .nav_banner .carousel-item p {
      opacity: 0.7;
      font-size: 0.6875rem;
      line-height: 1.7;
      margin-top: 4px; }
    article.font_2_1 .nav_banner .carousel-item.black > div h2, article.font_2_1 .nav_banner .carousel-item.black > div p {
      color: #1c1c1c; }
  article.font_2_1 .nav_banner .carousel-item .w-100 {
    border-radius: 8px;
    height: 100px;
    object-fit: cover;
    object-position: center center; }
  article.font_2_1 .nav_banner .carousel-indicators {
    bottom: 20px;
    margin: 0;
    padding: 0; }
    article.font_2_1 .nav_banner .carousel-indicators button {
      width: 6px;
      height: 6px;
      background-color: #dddddd;
      border-radius: 50%;
      opacity: 1;
      border: none; }
      article.font_2_1 .nav_banner .carousel-indicators button.active {
        background-color: #1c1c1c; }
  article.font_2_1 .nav_banner .carousel-control-next,
  article.font_2_1 .nav_banner .carousel-control-prev {
    display: none;
    bottom: 67px;
    top: inherit;
    width: 34px;
    height: 34px;
    opacity: 1; }
    article.font_2_1 .nav_banner .carousel-control-next img,
    article.font_2_1 .nav_banner .carousel-control-prev img {
      width: 100%; }
  article.font_2_1 .nav_banner:hover .carousel-control-next,
  article.font_2_1 .nav_banner:hover .carousel-control-prev {
    display: block; }

article.font_2_1 .container-list {
  padding-top: 40px; }
  article.font_2_1 .container-list.container-1200 {
    padding-top: 40px;
    margin: 0 auto; }
    article.font_2_1 .container-list.container-1200:last-child {
      padding-bottom: 200px; }
  article.font_2_1 .container-list .search-list .search_none {
    border-top: 1px solid #dddddd; }
  article.font_2_1 .container-list .selectshop_wrap {
    margin-bottom: 60px;
    overflow-x: hidden; }
    article.font_2_1 .container-list .selectshop_wrap h2 > a {
      color: #1c1c1c;
      display: flex;
      font-size: 0.875rem;
      align-items: center; }
    article.font_2_1 .container-list .selectshop_wrap .selectshop_list {
      display: flex;
      overflow-x: auto;
      flex-wrap: nowrap; }
      article.font_2_1 .container-list .selectshop_wrap .selectshop_list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px white;
        background-color: #ffffff; }
      article.font_2_1 .container-list .selectshop_wrap .selectshop_list::-webkit-scrollbar {
        width: 0px;
        background-color: #ffffff; }
      article.font_2_1 .container-list .selectshop_wrap .selectshop_list::-webkit-scrollbar-thumb {
        background-color: #ffffff; }
      article.font_2_1 .container-list .selectshop_wrap .selectshop_list li {
        width: calc(33.3% - (40px / 3));
        margin-right: 20px;
        margin-bottom: 0; }
        article.font_2_1 .container-list .selectshop_wrap .selectshop_list li img {
          border-radius: 0.75rem;
          margin-bottom: 0.75rem;
          aspect-ratio: 2/1; }
        article.font_2_1 .container-list .selectshop_wrap .selectshop_list li:nth-child(3n) {
          margin-right: 0; }

article.font_2_1 .rightMenu {
  margin-right: auto;
  width: 280px;
  padding-top: 115px;
  position: sticky;
  top: 40px;
  height: 100%;
  right: inherit;
  bottom: inherit;
  visibility: visible;
  max-height: 100vh;
  padding-bottom: 100px;
  overflow-y: auto; }
  article.font_2_1 .rightMenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px white;
    background-color: #ffffff; }
  article.font_2_1 .rightMenu::-webkit-scrollbar {
    width: 0px;
    background-color: #ffffff; }
  article.font_2_1 .rightMenu::-webkit-scrollbar-thumb {
    background-color: #ffffff; }
  article.font_2_1 .rightMenu .rankingFontsWrap {
    margin-top: 12px;
    padding-bottom: 0px; }
    article.font_2_1 .rightMenu .rankingFontsWrap h2 {
      line-height: 1.58;
      flex-wrap: wrap; }
      article.font_2_1 .rightMenu .rankingFontsWrap h2 .fw-bold {
        font-size: 1rem; }
      article.font_2_1 .rightMenu .rankingFontsWrap h2 .text-999 {
        font-size: 0.75rem; }
  article.font_2_1 .rightMenu ul {
    margin-top: 1rem;
    display: flex;
    overflow: hidden;
    line-height: 1.58;
    flex-direction: column; }
    article.font_2_1 .rightMenu ul li {
      padding: 12px 0;
      border-bottom: 1px solid #dddddd;
      width: 100%; }
      article.font_2_1 .rightMenu ul li > a {
        align-items: center;
        background-repeat: no-repeat;
        background-position: center right;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
        article.font_2_1 .rightMenu ul li > a > div {
          width: calc(100% - 80px); }
      article.font_2_1 .rightMenu ul li .text-999 {
        font-size: 0.75rem; }
      article.font_2_1 .rightMenu ul li .fontname {
        padding: 0px 0;
        font-size: 0.875rem; }
    article.font_2_1 .rightMenu ul img {
      width: 3.75rem;
      height: 3.75rem;
      border-radius: 8px;
      margin-right: 20px;
      border: 1px solid #eaeaea; }

article.font_2_1 .fontfilterForm {
  justify-content: center; }
  article.font_2_1 .fontfilterForm .dropdown-toggle {
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center; }
    article.font_2_1 .fontfilterForm .dropdown-toggle[aria-expanded="true"] {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .fontfilterForm .dropdown-toggle.btn-sandoll, article.font_2_1 .fontfilterForm .dropdown-toggle.btn-default {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      article.font_2_1 .fontfilterForm .dropdown-toggle.btn-sandoll[aria-expanded="true"], article.font_2_1 .fontfilterForm .dropdown-toggle.btn-default[aria-expanded="true"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .fontfilterForm .dropdown-toggle.text-999 {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      article.font_2_1 .fontfilterForm .dropdown-toggle.text-999[aria-expanded="true"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .fontfilterForm .dropdown-toggle:after {
      display: none; }
  article.font_2_1 .fontfilterForm .filter1 h3 {
    line-height: 1.61; }
    article.font_2_1 .fontfilterForm .filter1 h3.d-flex {
      font-size: 0.875rem; }
      article.font_2_1 .fontfilterForm .filter1 h3.d-flex > span {
        font-weight: bold; }
      article.font_2_1 .fontfilterForm .filter1 h3.d-flex em {
        margin-left: 0.375rem;
        color: #4173fa; }
  article.font_2_1 .fontfilterForm .filter2 {
    display: flex;
    margin: 0 auto 1.25rem;
    flex-wrap: wrap; }
    article.font_2_1 .fontfilterForm .filter2 .showfilterMenuBtn {
      position: relative;
      margin-top: 10px;
      display: none;
      border-radius: 32px;
      border: 1px solid #dddddd;
      font-size: 0.75rem;
      align-items: center;
      padding: 4px 12px 4px 8px; }
      article.font_2_1 .fontfilterForm .filter2 .showfilterMenuBtn i {
        width: 24px;
        height: 24px; }
      article.font_2_1 .fontfilterForm .filter2 .showfilterMenuBtn em {
        position: absolute;
        display: inline-flex;
        width: 18px;
        height: 18px;
        background-color: #4173fa;
        color: #ffffff;
        font-size: 0.625rem;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        top: -5px;
        text-align: center;
        right: -5px; }
  article.font_2_1 .fontfilterForm .filter3 {
    margin-bottom: 0.75rem;
    flex-wrap: wrap; }
    article.font_2_1 .fontfilterForm .filter3:has(.order-3.d-flex) {
      margin-bottom: 0; }
    article.font_2_1 .fontfilterForm .filter3 .position-relative {
      padding-left: 1.75rem;
      margin-right: 4px;
      line-height: 1.61; }
      article.font_2_1 .fontfilterForm .filter3 .position-relative label {
        font-size: 0.875rem;
        white-space: nowrap; }
    article.font_2_1 .fontfilterForm .filter3 .order-2 .draggableBtn {
      position: relative;
      background: none;
      border: none;
      line-height: 1.61;
      font-size: 0.875rem;
      padding: 0 4px 0 28px;
      white-space: nowrap; }
      article.font_2_1 .fontfilterForm .filter3 .order-2 .draggableBtn:after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: calc(50% - 12px);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='1.25' stroke='%23DDDDDD' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .fontfilterForm .filter3 .order-2 .form-group:last-child {
      margin-right: 10px; }
    article.font_2_1 .fontfilterForm .filter3 input[name=chkPageAll] {
      width: 1px;
      height: 1px;
      position: absolute;
      display: inline-block;
      top: calc(50% - 12px);
      left: 0px; }
      article.font_2_1 .fontfilterForm .filter3 input[name=chkPageAll]:after {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='1.25' stroke='%23DDDDDD' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
      article.font_2_1 .fontfilterForm .filter3 input[name=chkPageAll]:checked:after {
        border: none;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='white'/%3E%3Cpath d='M7.40234 11.6562L10.9379 15.1918L16.5947 9.53493' stroke='%234173FA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .fontfilterForm .filter3 .sd {
      width: 24px;
      height: 24px; }
    article.font_2_1 .fontfilterForm .filter3 .form-group {
      display: flex;
      align-items: center;
      position: relative;
      padding: 0 12px; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group > div {
        margin-right: 0; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group input[type="checkbox"] {
        opacity: 0;
        width: 1px;
        height: 1px;
        position: absolute; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group .form-check:nth-child(1) {
        margin-left: 0; }
        article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group .form-check:nth-child(1) input[type="checkbox"] + label {
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group .form-check:nth-child(2) input[type="checkbox"] + label {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group input[type="checkbox"] + label {
        font-size: 0.75rem;
        color: #999999;
        line-height: 1.64;
        padding: 0 10px;
        border: 1px solid #dddddd; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.btn-group input[type="checkbox"]:checked + label {
        border-color: #4173fa;
        color: #4173fa;
        background-color: #EBF0FF; }
      article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-control {
        border: none;
        padding: 0px 20px 0px 0px;
        background-position: center right;
        font-size: 0.875rem; }
        article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-control#sorting_dropdown, article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-control#sorting_dropdown-free {
          background-size: 24px 24px, 16px 16px;
          background-repeat: no-repeat;
          background-position: left center , right  center;
          padding-left: 28px;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
          article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-control#sorting_dropdown[aria-expanded="true"], article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-control#sorting_dropdown-free[aria-expanded="true"] {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .dropdown-menu {
        padding: 4px 0;
        overflow: hidden;
        height: auto;
        font-size: 0.875rem;
        color: #1c1c1c;
        top: 42px;
        line-height: 1.61;
        left: -20px;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        overflow: visible;
        width: 200px; }
        article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .dropdown-menu .dropdown-divider {
          margin: 4px 0; }
        article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .dropdown-menu .dropdown-item {
          padding: 10px 8px 9px 28px !important;
          color: #1c1c1c;
          cursor: pointer; }
          article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .dropdown-menu .dropdown-item:hover {
            background: #f9f9f9; }
        article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .dropdown-menu .form-check-input:checked + .dropdown-item {
          background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%231C1C1C'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
          background-repeat: no-repeat;
          background-position: 4px center; }
      article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-check-input {
        position: absolute;
        width: 1px;
        height: 1px;
        top: 1px;
        opacity: 0; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto {
        padding-left: 0; }
        article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none {
          margin-right: 8px;
          transition: all 0.3s;
          padding: 4px 6px;
          border-radius: 12px; }
          article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none:after {
            content: "";
            height: 14px;
            width: 1px;
            display: inline-block;
            background-color: #cccccc;
            position: absolute;
            top: calc(50% - 7px);
            right: -6px; }
          article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none:last-child {
            margin-right: 0; }
            article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none:last-child:after {
              display: none; }
          article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none:hover {
            background-color: #f9f9f9; }
          article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none .form-check-input + label {
            font-size: 1rem;
            color: #999999;
            line-height: 1.58; }
          article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none .form-check-input:checked + label {
            color: #1c1c1c;
            font-weight: bold;
            margin-left: 4px; }
            article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none .form-check-input:checked + label:before {
              content: "";
              width: 4px;
              height: 4px;
              display: inline-block;
              border-radius: 50%;
              background-color: #91B4FF;
              vertical-align: middle;
              margin-right: 4px; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.ms-auto .form-check-none .form-check-input[name=fontname_lang] + label {
        color: #1c1c1c;
        padding-left: 28px;
        font-size: 0.875rem;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0037 5.37236C12.0334 5.04233 12.3251 4.79889 12.6551 4.82863C16.1102 5.13999 18.8606 7.89034 19.1719 11.3455C19.2017 11.6755 18.9582 11.9671 18.6282 11.9969C18.2982 12.0266 18.0065 11.7832 17.9768 11.4532C17.7175 8.5757 15.4249 6.28309 12.5474 6.02379C12.2174 5.99405 11.9739 5.70239 12.0037 5.37236ZM5.37431 12.0017C5.70435 11.972 5.996 12.2154 6.02574 12.5455C6.28641 15.4381 8.60183 17.7396 11.5006 17.9787C11.8308 18.006 12.0765 18.2958 12.0492 18.626C12.022 18.9563 11.7322 19.2019 11.4019 19.1747C7.92128 18.8875 5.14357 16.1264 4.83058 12.6532C4.80084 12.3231 5.04428 12.0315 5.37431 12.0017Z' fill='%231C1C1C'/%3E%3Cpath d='M13.7407 13.5524C13.5428 13.5524 13.4186 13.7206 13.4186 13.9472C13.4186 14.1885 13.5434 14.3494 13.7407 14.3494H15.5637C15.7173 14.3494 15.7542 14.3863 15.7542 14.525C15.7542 15.9153 14.8612 16.8042 13.4918 17.3928C13.4316 17.4273 13.3821 17.4775 13.3485 17.5382C13.3149 17.5988 13.2985 17.6674 13.3012 17.7367C13.296 17.8563 13.3372 17.9734 13.4164 18.0634C13.4955 18.1533 13.6065 18.2092 13.7259 18.2193C13.8072 18.2165 13.887 18.1966 13.9601 18.161C14.788 17.8862 15.5052 17.352 16.0051 16.6377C16.505 15.9234 16.761 15.0671 16.7352 14.1959C16.7352 13.669 16.5668 13.5524 16.0911 13.5524H13.7407ZM17.6799 19.4199C17.6799 19.6834 17.8704 19.8 18.1341 19.8C18.3978 19.8 18.6038 19.6827 18.6038 19.4199V16.1426H19.3935C19.6203 16.1426 19.7008 15.967 19.7008 15.7404C19.7008 15.5138 19.6203 15.3455 19.3935 15.3455H18.6024V13.3513C18.6024 13.1247 18.4045 13 18.1328 13C17.8765 13 17.6785 13.1247 17.6785 13.3513L17.6799 19.4199Z' fill='%231C1C1C'/%3E%3Cpath d='M5.53032 9.99297C5.32005 10.5673 6.26522 10.8765 6.46658 10.2697L7.00903 8.74061H9.53701L10.0801 10.2642C10.2815 10.8475 11.2876 10.5472 11.0691 9.9992L8.88087 4.31862C8.83961 4.19872 8.76306 4.09442 8.66148 4.0197C8.5599 3.94498 8.43815 3.90341 8.31253 3.90055C8.18691 3.89769 8.06342 3.93368 7.95862 4.0037C7.85381 4.07372 7.77269 4.17443 7.72612 4.29232L5.53032 9.99297ZM8.26993 5.1669L9.23085 7.88956H7.30627L8.26993 5.1669Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
        background-size: 24px 24px;
        background-repeat: no-repeat;
        background-position: left center; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.ms-auto .form-check-none .form-check-input[name=fontname_lang]:checked + label {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.04149 4.95276C4.84356 4.95276 4.71943 5.12102 4.71943 5.34759C4.71943 5.58892 4.84423 5.7498 5.04149 5.7498H6.86447C7.01812 5.7498 7.05502 5.78667 7.05502 5.92543C7.05502 7.31573 6.16198 8.20461 4.79256 8.79317C4.7324 8.82765 4.68283 8.87792 4.64924 8.93854C4.61565 8.99917 4.59932 9.06782 4.60201 9.13706C4.59674 9.25673 4.638 9.37381 4.71716 9.46377C4.79633 9.55374 4.90726 9.60962 5.02673 9.61971C5.10801 9.61686 5.18778 9.59699 5.26089 9.56139C6.0888 9.28662 6.80594 8.75244 7.30586 8.03814C7.80578 7.32384 8.06181 6.46751 8.03595 5.59629C8.03595 5.06939 7.86754 4.95276 7.39184 4.95276H5.04149ZM8.98065 10.8203C8.98065 11.0838 9.1712 11.2004 9.43489 11.2004C9.69857 11.2004 9.90455 11.0831 9.90455 10.8203V7.54298H10.6943C10.921 7.54298 11.0016 7.36735 11.0016 7.14077C11.0016 6.91419 10.921 6.74594 10.6943 6.74594H9.90321V4.75165C9.90321 4.52508 9.70528 4.40039 9.43355 4.40039C9.17724 4.40039 8.97931 4.52508 8.97931 4.75165L8.98065 10.8203Z' fill='%231C1C1C'/%3E%3Cpath d='M13.6319 18.8934C13.4216 19.4676 14.3668 19.7769 14.5681 19.1701L15.1106 17.641H17.6386L18.1817 19.1646C18.3831 19.7479 19.3892 19.4476 19.1707 18.8996L16.9824 13.219C16.9412 13.0991 16.8646 12.9948 16.763 12.9201C16.6615 12.8454 16.5397 12.8038 16.4141 12.8009C16.2885 12.7981 16.165 12.8341 16.0602 12.9041C15.9554 12.9741 15.8743 13.0748 15.8277 13.1927L13.6319 18.8934ZM16.3715 14.0673L17.3324 16.79H15.4078L16.3715 14.0673Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0037 5.37236C12.0334 5.04233 12.3251 4.79889 12.6551 4.82863C16.1102 5.13999 18.8606 7.89034 19.1719 11.3455C19.2017 11.6755 18.9582 11.9671 18.6282 11.9969C18.2982 12.0266 18.0065 11.7832 17.9768 11.4532C17.7175 8.5757 15.4249 6.28309 12.5474 6.02379C12.2174 5.99405 11.9739 5.70239 12.0037 5.37236ZM5.37431 12.0017C5.70435 11.972 5.996 12.2154 6.02574 12.5455C6.28641 15.4381 8.60183 17.7396 11.5006 17.9787C11.8308 18.006 12.0765 18.2958 12.0492 18.626C12.022 18.9563 11.7322 19.2019 11.4019 19.1747C7.92128 18.8875 5.14357 16.1264 4.83058 12.6532C4.80084 12.3231 5.04428 12.0315 5.37431 12.0017Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .fontfilterForm .filter3 #fonts_txt {
      position: relative; }
    article.font_2_1 .fontfilterForm .filter3 .selected_wrap {
      width: 100%;
      margin-top: 8px; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap:not(.d-none) {
        margin-top: 0px;
        margin-bottom: 1.75rem; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap > * {
        font-size: 0.875rem; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap > label {
        padding: 8px 8px 7px;
        background-color: #999999;
        border-radius: 4px;
        display: inline-flex;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
        font-size: 0.875rem;
        color: #ffffff;
        margin-right: 8px;
        margin-bottom: 8px; }
        article.font_2_1 .fontfilterForm .filter3 .selected_wrap > label:last-of-type {
          margin-right: 0; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap i {
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 50%;
        margin-left: 8px; }
    article.font_2_1 .fontfilterForm .filter3 .form-check {
      min-height: auto;
      margin-bottom: 0; }
      article.font_2_1 .fontfilterForm .filter3 .form-check .form-check-label {
        width: auto;
        color: #999999; }
    article.font_2_1 .fontfilterForm .filter3 .form-check-label {
      cursor: pointer;
      white-space: nowrap; }
    article.font_2_1 .fontfilterForm .filter3 .form-check-none {
      position: relative; }
      article.font_2_1 .fontfilterForm .filter3 .form-check-none .form-check-input {
        display: none; }
      article.font_2_1 .fontfilterForm .filter3 .form-check-none label {
        color: #1c1c1c; }
      article.font_2_1 .fontfilterForm .filter3 .form-check-none .form-check-input:checked + label {
        color: #1c1c1c; }
    article.font_2_1 .fontfilterForm .filter3 .order-2 {
      padding: 0 12px; }
    article.font_2_1 .fontfilterForm .filter3 .order-3 {
      background-color: #4173fa;
      color: #ffffff;
      padding: 8px 12px; }
      article.font_2_1 .fontfilterForm .filter3 .order-3 .btn.btn-white-outline, article.font_2_1 .fontfilterForm .filter3 .order-3 .btn.btn-sandoll-outline {
        border-radius: 32px;
        padding: 4px 12px;
        font-size: 0.875rem; }
      article.font_2_1 .fontfilterForm .filter3 .order-3 .btn.btn-size-sm {
        border: 1px solid #91B4FF;
        color: #EBF0FF;
        line-height: 1.64;
        padding: 0 4px;
        border-radius: 4px;
        min-width: inherit; }
      article.font_2_1 .fontfilterForm .filter3 .order-3 .btn-size-sm {
        padding: 2px 16px;
        border-radius: 4px; }
        article.font_2_1 .fontfilterForm .filter3 .order-3 .btn-size-sm.btn-sandoll {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          article.font_2_1 .fontfilterForm .filter3 .order-3 .btn-size-sm.btn-sandoll:disabled {
            background: #999999;
            border-color: #999999;
            opacity: 1; }
        article.font_2_1 .fontfilterForm .filter3 .order-3 .btn-size-sm.btn-default {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          article.font_2_1 .fontfilterForm .filter3 .order-3 .btn-size-sm.btn-default:disabled {
            background: #cccccc;
            border-color: #cccccc;
            opacity: 1; }
  article.font_2_1 .fontfilterForm .filter-select-wrap {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    position: relative; }
    article.font_2_1 .fontfilterForm .filter-select-wrap > label {
      font-size: 0.875rem; }
    article.font_2_1 .fontfilterForm .filter-select-wrap > div button.text-sandoll {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 6px 0;
      font-size: 0.8125rem;
      width: 100%; }
      article.font_2_1 .fontfilterForm .filter-select-wrap > div button.text-sandoll i {
        margin-left: 4px; }
    article.font_2_1 .fontfilterForm .filter-select-wrap > div button:not(.btn-rounded):not(.select-wrap):not(.text-sandoll) {
      font-weight: 500;
      text-align: left;
      position: relative;
      border: none;
      font-size: 0.875rem;
      line-height: 1.64;
      padding-left: 0;
      width: 100%;
      margin-bottom: 1rem;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L8 10L4 6' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: calc(100% - 8px) center; }
      article.font_2_1 .fontfilterForm .filter-select-wrap > div button:not(.btn-rounded):not(.select-wrap):not(.text-sandoll)[aria-expanded='true'] {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      article.font_2_1 .fontfilterForm .filter-select-wrap > div button:not(.btn-rounded):not(.select-wrap):not(.text-sandoll) span {
        font-weight: bold;
        font-size: 0.875rem; }
    article.font_2_1 .fontfilterForm .filter-select-wrap > div .accordion-collapse > label.d-block {
      line-height: 1.68;
      margin-top: 0.75rem;
      font-size: 0.75rem; }

article.font_2_1 .rounded-form {
  width: 100%;
  min-height: 3.5rem;
  padding: 0 0 0 0;
  display: flex;
  align-items: center;
  border: 1px solid #dddddd;
  border-radius: 28px; }
  article.font_2_1 .rounded-form.theme-font-form {
    border-radius: 12px; }
  article.font_2_1 .rounded-form > * {
    position: relative;
    background-repeat: no-repeat;
    background-position: 8px center;
    padding: 4px 0 4px 0px;
    background-size: 32px 32px; }
    article.font_2_1 .rounded-form > * input[type="text"] {
      width: 100%; }
      article.font_2_1 .rounded-form > * input[type="text"] ::placeholder {
        color: #999999; }
    article.font_2_1 .rounded-form > *:after {
      content: "";
      height: 17px;
      right: 0;
      top: 5px;
      display: inline-block;
      background-color: #dddddd;
      width: 1px;
      position: absolute; }
    article.font_2_1 .rounded-form > *:last-child:after {
      display: none; }
  article.font_2_1 .rounded-form input[type="text"],
  article.font_2_1 .rounded-form input[type="search"],
  article.font_2_1 .rounded-form select,
  article.font_2_1 .rounded-form button {
    font-size: 0.875rem;
    background-color: transparent;
    border: none; }
  article.font_2_1 .rounded-form .listStyleWrap {
    padding-left: 0.75rem;
    display: flex;
    align-items: center;
    line-height: 1.64;
    padding-right: 20px; }
    article.font_2_1 .rounded-form .listStyleWrap label {
      margin-right: 1rem; }
    article.font_2_1 .rounded-form .listStyleWrap a {
      margin-right: 0.75rem; }
      article.font_2_1 .rounded-form .listStyleWrap a:last-of-type(1) {
        margin-right: 0; }
  article.font_2_1 .rounded-form .font-search-wrap {
    width: 23.44%;
    padding-left: 3.5rem; }
    article.font_2_1 .rounded-form .font-search-wrap input[type="submit"] {
      position: absolute;
      top: -4px;
      left: 20px;
      width: 32px !important;
      height: 32px;
      padding-right: 0 !important;
      background-position: center;
      background-repeat: no-repeat;
      border: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73791 18.0075C8.78153 17.0487 8.18706 15.7881 8.05573 14.4403C7.9244 13.0925 8.26433 11.7408 9.01764 10.6155C9.77094 9.49014 10.891 8.66072 12.1872 8.26847C13.4833 7.87621 14.8754 7.94539 16.1262 8.4642C17.3771 8.98301 18.4095 9.91938 19.0475 11.1138C19.6856 12.3083 19.8898 13.687 19.6255 15.0152C19.3612 16.3433 18.6447 17.5388 17.598 18.398C16.5513 19.2572 15.2391 19.7271 13.8849 19.7275C13.1142 19.7297 12.3508 19.5788 11.6389 19.2835C10.927 18.9882 10.2808 18.5545 9.73791 18.0075ZM8.60491 19.1405C9.82536 20.3597 11.4308 21.1182 13.1476 21.2866C14.8645 21.4551 16.5867 21.0231 18.0209 20.0644C19.455 19.1056 20.5124 17.6793 21.013 16.0284C21.5136 14.3775 21.4264 12.6041 20.7662 11.0103C20.1061 9.41645 18.9138 8.10078 17.3925 7.28736C15.8711 6.47394 14.1149 6.21307 12.4228 6.54919C10.7308 6.88531 9.20754 7.79763 8.11261 9.13075C7.01769 10.4639 6.41879 12.1353 6.41791 13.8605C6.41676 14.8412 6.60937 15.8125 6.98468 16.7186C7.35999 17.6247 7.91061 18.4478 8.60491 19.1405Z' fill='%231C1C1C'/%3E%3Cpath d='M18.5575 17.3897L17.3886 18.5586L23.8374 25.0074C23.9926 25.1627 24.2026 25.2509 24.4222 25.2528C24.6418 25.2509 24.8518 25.1627 25.007 25.0074C25.1611 24.8518 25.2476 24.6416 25.2476 24.4226C25.2476 24.2036 25.1611 23.9935 25.007 23.8379L18.5575 17.3897Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .rounded-form .font-search-wrap input:placeholder-shown + .ic-close {
      display: none; }
    article.font_2_1 .rounded-form .font-search-wrap input:not(:placeholder-shown) + .ic-close {
      display: inline-block; }
    article.font_2_1 .rounded-form .font-search-wrap input:not(:placeholder-shown) {
      padding-right: 40px;
      width: 100%; }
    article.font_2_1 .rounded-form .font-search-wrap .ic-close {
      position: absolute;
      top: 0;
      right: 0;
      width: 24px;
      height: 24px;
      cursor: pointer;
      top: 0px;
      right: 12px;
      z-index: 1; }
  article.font_2_1 .rounded-form .preview-text-wrap {
    flex-grow: 1;
    padding-left: 2.75rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4 8H9.59999C9.38781 8 9.18433 8.08429 9.0343 8.23431C8.88427 8.38434 8.79999 8.58783 8.79999 8.8C8.79999 9.01217 8.88427 9.21566 9.0343 9.36569C9.18433 9.51571 9.38781 9.6 9.59999 9.6H22.4C22.6122 9.6 22.8156 9.51571 22.9657 9.36569C23.1157 9.21566 23.2 9.01217 23.2 8.8C23.2 8.58783 23.1157 8.38434 22.9657 8.23431C22.8156 8.08429 22.6122 8 22.4 8Z' fill='%231C1C1C'/%3E%3Cpath d='M16 8C15.7878 8 15.5844 8.08429 15.4343 8.23431C15.2843 8.38434 15.2 8.58783 15.2 8.8V23.2C15.2 23.4122 15.2843 23.6157 15.4343 23.7657C15.5844 23.9157 15.7878 24 16 24C16.2122 24 16.4157 23.9157 16.5657 23.7657C16.7157 23.6157 16.8 23.4122 16.8 23.2V8.8C16.8 8.58783 16.7157 8.38434 16.5657 8.23431C16.4157 8.08429 16.2122 8 16 8Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .rounded-form .preview-text-wrap input:placeholder-shown + .ic-close {
      display: none; }
    article.font_2_1 .rounded-form .preview-text-wrap input:not(:placeholder-shown) + .ic-close {
      display: inline-block; }
    article.font_2_1 .rounded-form .preview-text-wrap input:not(:placeholder-shown) {
      padding-right: 40px;
      width: 100%; }
    article.font_2_1 .rounded-form .preview-text-wrap .ic-close {
      position: absolute;
      top: 0;
      right: 0;
      width: 24px;
      height: 24px;
      cursor: pointer;
      top: 0px;
      right: 12px;
      z-index: 1; }
  article.font_2_1 .rounded-form .font-size-wrap {
    width: 19.3%;
    min-width: 168px;
    padding-left: 2.75rem;
    padding-right: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37306 12.5605C9.17428 12.5604 8.98035 12.6219 8.81793 12.7365C8.65552 12.8511 8.53259 13.0132 8.46606 13.2005L5.13306 22.3735C5.08318 22.5279 5.09554 22.6956 5.16751 22.8409C5.23948 22.9862 5.36537 23.0977 5.51834 23.1516C5.67131 23.2054 5.83926 23.1974 5.98641 23.1292C6.13356 23.061 6.24825 22.9381 6.30606 22.7865L7.21306 20.2005H11.3731L12.2931 22.7875C12.3356 22.909 12.4151 23.0141 12.5203 23.0882C12.6256 23.1622 12.7514 23.2015 12.8801 23.2005H13.0131C13.1124 23.2007 13.2104 23.1771 13.2987 23.1316C13.387 23.0861 13.4631 23.02 13.5206 22.939C13.5781 22.858 13.6154 22.7643 13.6292 22.6659C13.643 22.5675 13.633 22.4673 13.6001 22.3735L10.2931 13.2005C10.2237 13.0125 10.0982 12.8503 9.93369 12.7359C9.76917 12.6214 9.57348 12.5602 9.37306 12.5605ZM7.62706 19.0275L9.25406 14.4275H9.29406L10.9341 19.0275H7.62706Z' fill='%231C1C1C'/%3E%3Cpath d='M21.293 8.80078H20.813C20.6142 8.80068 20.4203 8.86216 20.2579 8.97676C20.0955 9.09137 19.9725 9.25347 19.906 9.44078L15.2 22.3738C15.1658 22.4675 15.1549 22.5681 15.1682 22.667C15.1815 22.7659 15.2187 22.86 15.2764 22.9414C15.3341 23.0227 15.4108 23.0888 15.4997 23.134C15.5887 23.1792 15.6873 23.2021 15.787 23.2008H16.254C16.3827 23.2018 16.5085 23.1625 16.6137 23.0884C16.719 23.0144 16.7985 22.9092 16.841 22.7878L18.121 19.1478H23.748L24.975 22.5878C25.0394 22.769 25.1589 22.9255 25.3167 23.0354C25.4745 23.1453 25.6627 23.2031 25.855 23.2008C26.0037 23.2013 26.1503 23.1658 26.2822 23.0973C26.4142 23.0288 26.5276 22.9294 26.6128 22.8075C26.698 22.6857 26.7524 22.545 26.7715 22.3976C26.7905 22.2501 26.7735 22.1003 26.722 21.9608L22.2 9.44078C22.1335 9.25347 22.0105 9.09137 21.8481 8.97676C21.6857 8.86216 21.4918 8.80068 21.293 8.80078ZM18.68 17.5478L20.88 11.3208H20.947L23.16 17.5478H18.68Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A"); }
    article.font_2_1 .rounded-form .font-size-wrap .range-slider {
      min-height: 17px; }

article.font_2_1 .snb-header1 {
  height: 70px;
  margin-bottom: 2.5rem; }
  article.font_2_1 .snb-header1 h1 {
    margin-right: 1.75rem; }
  article.font_2_1 .snb-header1 .left_menu {
    display: flex; }
    article.font_2_1 .snb-header1 .left_menu > li > a,
    article.font_2_1 .snb-header1 .left_menu > li > button {
      border: 1px solid #dddddd;
      color: #999999;
      padding: 6px 12px 5px;
      display: inline-block;
      line-height: 1.58;
      border-radius: 38px;
      margin-right: 12px; }
      article.font_2_1 .snb-header1 .left_menu > li > a.active,
      article.font_2_1 .snb-header1 .left_menu > li > button.active {
        background-color: #1c1c1c;
        color: #ffffff; }
      article.font_2_1 .snb-header1 .left_menu > li > a.dropdown-toggle,
      article.font_2_1 .snb-header1 .left_menu > li > button.dropdown-toggle {
        padding-right: 32px; }
        article.font_2_1 .snb-header1 .left_menu > li > a.dropdown-toggle.active,
        article.font_2_1 .snb-header1 .left_menu > li > button.dropdown-toggle.active {
          background-color: #1c1c1c;
          color: #ffffff;
          background-repeat: no-repeat;
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
          article.font_2_1 .snb-header1 .left_menu > li > a.dropdown-toggle.active[aria-expanded="true"],
          article.font_2_1 .snb-header1 .left_menu > li > button.dropdown-toggle.active[aria-expanded="true"] {
            background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  article.font_2_1 .snb-header1 .btn-icon.dropdown-toggle {
    background-image: none !important; }
  article.font_2_1 .snb-header1 .dropdown-menu {
    padding: 0;
    overflow: hidden;
    max-height: 300px;
    overflow-y: auto;
    font-size: 0.875rem;
    color: #1c1c1c;
    top: 42px;
    line-height: 1.61;
    left: -20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    width: 200px; }
    article.font_2_1 .snb-header1 .dropdown-menu[aria-labelledby=MyvoucherList] a {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
    article.font_2_1 .snb-header1 .dropdown-menu a {
      color: #1c1c1c; }
      article.font_2_1 .snb-header1 .dropdown-menu a.btn-icon {
        display: none; }
        article.font_2_1 .snb-header1 .dropdown-menu a.btn-icon i {
          width: 24px;
          height: 24px; }
      article.font_2_1 .snb-header1 .dropdown-menu a[name=bookmark] {
        width: calc(100% - 60px);
        overflow: hidden;
        text-overflow: ellipsis; }
    article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item {
      padding: 10px 12px 9px;
      min-height: 36px; }
      article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item:hover, article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item:active {
        background-color: #efefef; }
        article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item:hover a.btn-icon, article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item:active a.btn-icon {
          display: inline-flex; }
      article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item .btn.d-flex {
        font-size: 0.875rem; }
        article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item .btn.d-flex i {
          width: 20px;
          height: 20px;
          margin-right: 0.25rem; }
      article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item.d-flex {
        padding: 5px 4px 5px 12px; }
      article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item:hover {
        background-color: #F9F9F9; }
      article.font_2_1 .snb-header1 .dropdown-menu .dropdown-item .dropdown-menu {
        left: 120px; }

article.font_2_1 .snb-headers .container-1200 {
  padding-top: 0;
  padding-bottom: 0; }

article.font_2_1 .snb-headers .fixed-show-search,
article.font_2_1 .snb-headers .fixed-search-cancel {
  display: none; }

article.font_2_1 .snb-headers.position-fixed {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: #ffffff;
  border-bottom: 1px solid #dddddd; }
  article.font_2_1 .snb-headers.position-fixed.myfont > *.filter2 {
    padding: 0 20px; }
  article.font_2_1 .snb-headers.position-fixed > * {
    max-width: 1200px;
    padding: 0px 20px; }
    article.font_2_1 .snb-headers.position-fixed > *.snb-header2 {
      height: 68px;
      display: flex;
      margin-bottom: 0rem; }
      article.font_2_1 .snb-headers.position-fixed > *.snb-header2 h1,
      article.font_2_1 .snb-headers.position-fixed > *.snb-header2 h2 {
        margin-right: 1.75rem;
        margin-bottom: 0 !important;
        font-size: 1.25rem; }
    article.font_2_1 .snb-headers.position-fixed > *.font_banner_wrap {
      height: 0;
      margin-bottom: 0;
      display: none; }
    article.font_2_1 .snb-headers.position-fixed > *.filter2 {
      margin-bottom: 0;
      padding: 0; }
      article.font_2_1 .snb-headers.position-fixed > *.filter2 .rounded-form {
        border: none; }

article.font_2_1 .snb-header2 {
  margin-right: 0.75rem;
  display: none;
  height: 48px;
  margin-bottom: 1.75rem; }
  article.font_2_1 .snb-header2 h2,
  article.font_2_1 .snb-header2 h1 {
    margin-right: 0.75rem;
    font-size: 2.125rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  article.font_2_1 .snb-header2 .btn-size-sm {
    border-radius: 4px;
    padding: 1px 8px;
    line-height: 1.5;
    cursor: inherit; }
    article.font_2_1 .snb-header2 .btn-size-sm:hover {
      background-color: #fff; }
  article.font_2_1 .snb-header2 .btn.dropdown-toggle {
    font-size: 0.875rem;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    padding: 11px 28px 11px 8px;
    margin-left: 12px; }
    article.font_2_1 .snb-header2 .btn.dropdown-toggle i {
      width: 24px;
      height: 24px;
      margin-right: 4px; }
  article.font_2_1 .snb-header2 .dropdown-menu {
    padding: 0;
    overflow: hidden;
    height: auto;
    font-size: 0.875rem;
    color: #1c1c1c;
    top: 42px;
    line-height: 1.61;
    left: -20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: visible;
    min-width: 160px; }
    article.font_2_1 .snb-header2 .dropdown-menu .dropdown-item {
      padding: 10px 12px 9px;
      color: #1c1c1c; }
      article.font_2_1 .snb-header2 .dropdown-menu .dropdown-item:hover {
        background-color: #F9F9F9; }

article.font_2_1.fontDesc .text-decoration-underline {
  text-underline-position: under;
  color: #1c1c1c; }

article.font_2_1.fontDesc > .container-1200 {
  overflow: inherit;
  padding-top: 50px; }
  article.font_2_1.fontDesc > .container-1200:nth-child(1) {
    min-height: calc(100vh); }
  article.font_2_1.fontDesc > .container-1200:last-child h2.fs-title-2 {
    padding: 10px 0; }

article.font_2_1.fontDesc .font_contents {
  max-width: 768px;
  width: 66.2%; }

article.font_2_1.fontDesc h1.font_name {
  font-size: 2.875rem;
  margin-bottom: 0.75rem;
  line-height: 1.38; }
  article.font_2_1.fontDesc h1.font_name img {
    height: 46px; }

article.font_2_1.fontDesc .font_basic_info {
  position: relative;
  /* 추후 제거 */ }
  article.font_2_1.fontDesc .font_basic_info .filter-tag-wrap {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.61;
    margin-bottom: 0; }
    article.font_2_1.fontDesc .font_basic_info .filter-tag-wrap:has(.filter-tag-items) {
      margin-bottom: 1.75rem; }
    article.font_2_1.fontDesc .font_basic_info .filter-tag-wrap span {
      display: inline-block;
      font-size: 0.75rem;
      padding: 4px 16px;
      color: #999999;
      margin-right: 8px;
      border-radius: 28px;
      border: 1px solid #dddddd; }
  article.font_2_1.fontDesc .font_basic_info h3.cpname {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.75rem; }
    article.font_2_1.fontDesc .font_basic_info h3.cpname i {
      width: 24px;
      height: 24px; }
  article.font_2_1.fontDesc .font_basic_info h1 {
    font-size: 2.875rem;
    margin-bottom: 0.75rem; }
    article.font_2_1.fontDesc .font_basic_info h1 img {
      height: 46px; }
  article.font_2_1.fontDesc .font_basic_info .description {
    font-size: 1rem;
    line-height: 1.58;
    width: 100%;
    word-wrap: break-word;
    word-break: keep-all; }
  article.font_2_1.fontDesc .font_basic_info .tag-wrap {
    font-size: 0.75rem;
    position: relative;
    transition: height 0.5s, max-height 0.5s; }
    article.font_2_1.fontDesc .font_basic_info .tag-wrap a {
      line-height: 1.68;
      margin-right: 0.75rem; }
    article.font_2_1.fontDesc .font_basic_info .tag-wrap.new {
      margin-top: 1.75rem; }
      article.font_2_1.fontDesc .font_basic_info .tag-wrap.new a {
        font-size: 0.75rem;
        padding: 4px 8px;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        color: #91B4FF;
        display: inline-block;
        border-radius: 28px;
        background-color: #EBF0FF;
        line-height: 1.68; }
    article.font_2_1.fontDesc .font_basic_info .tag-wrap.hide {
      max-height: calc(12px * 1.68);
      overflow: hidden;
      padding-right: 16px; }
      article.font_2_1.fontDesc .font_basic_info .tag-wrap.hide .morebtn {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/btn-tag-seemore.png");
        display: inline-block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        background-color: #fff; }
    article.font_2_1.fontDesc .font_basic_info .tag-wrap.show {
      max-height: inherit; }
      article.font_2_1.fontDesc .font_basic_info .tag-wrap.show .morebtn {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        bottom: 0;
        border: none;
        background-color: #fff;
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/btn-tag-seeless.png"); }
  article.font_2_1.fontDesc .font_basic_info .stars_wrap i {
    width: 18px;
    height: 18px; }
  article.font_2_1.fontDesc .font_basic_info .p_review_cnt {
    font-size: 0.75rem; }
  article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap {
    background: #f9f9f9;
    border: 1px solid #EAEAEA;
    border-radius: 12px;
    padding: 24px; }
    article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.75rem; }
      article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list li {
        width: 50%;
        line-height: 1.58;
        display: flex;
        align-content: start;
        margin-bottom: 1rem; }
        article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list li:nth-child(n+5) {
          display: none; }
        article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list li label {
          color: #999999;
          min-width: 94px;
          max-width: 94px;
          display: block; }
        article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list li span {
          display: block;
          padding-right: 16px; }
          article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list li span > a {
            color: #1c1c1c; }
      article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list.all_show li:nth-child(n+5) {
        display: flex; }
    article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list + .btn {
      font-size: 0.875rem;
      color: #999999;
      padding: 10px;
      line-height: 1.61;
      border: 1px solid #dddddd;
      display: flex;
      align-items: center;
      justify-content: center; }
      article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list + .btn i {
        margin-left: 4px;
        opacity: 0.45; }
  article.font_2_1.fontDesc .font_basic_info .font_info_list {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem; }
    article.font_2_1.fontDesc .font_basic_info .font_info_list li {
      width: 50%;
      line-height: 1.61;
      margin-bottom: 0.5rem;
      display: flex;
      align-content: start; }
      article.font_2_1.fontDesc .font_basic_info .font_info_list li label {
        color: #999999;
        min-width: 83px;
        max-width: 83px;
        display: block; }
      article.font_2_1.fontDesc .font_basic_info .font_info_list li span {
        display: block;
        padding-right: 16px; }
        article.font_2_1.fontDesc .font_basic_info .font_info_list li span > a {
          color: #1c1c1c;
          text-underline-position: under;
          text-decoration: underline; }

article.font_2_1.fontDesc .font-variable-nav {
  display: flex;
  background-color: #f9f9f9;
  padding: 4px;
  line-height: 1.58;
  border-bottom: 1px solid #dddddd; }
  article.font_2_1.fontDesc .font-variable-nav > button {
    width: 50%;
    padding: 12.5px 0;
    background-color: transparent;
    color: #cccccc;
    border-radius: 12px;
    font-size: 0.875rem;
    box-shadow: none;
    border: none; }
    article.font_2_1.fontDesc .font-variable-nav > button.active {
      background-color: #ffffff;
      color: #1c1c1c;
      font-weight: 500;
      box-shadow: 0px 0px 12px 0px #00000029; }

article.font_2_1.fontDesc .font_preview.new {
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 16px;
  height: 600px;
  max-height: 600px; }
  article.font_2_1.fontDesc .font_preview.new .rounded-form {
    padding: 0 16px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #dddddd; }
    article.font_2_1.fontDesc .font_preview.new .rounded-form > * {
      background-size: 28px 28px; }
      article.font_2_1.fontDesc .font_preview.new .rounded-form > *:after {
        height: 20px;
        top: 4px; }
      article.font_2_1.fontDesc .font_preview.new .rounded-form > *.preview-text-wrap {
        background-position: 0 center;
        padding-left: 1.75rem; }
      article.font_2_1.fontDesc .font_preview.new .rounded-form > *.font-size-wrap {
        width: 33%;
        padding-right: 12px;
        padding-left: 40px; }
        article.font_2_1.fontDesc .font_preview.new .rounded-form > *.font-size-wrap .range-slider-value {
          margin-left: 8px; }
  article.font_2_1.fontDesc .font_preview.new .font_preview_list.paragraph li {
    border: none;
    padding: 30px 20px; }
  article.font_2_1.fontDesc .font_preview.new .font_preview_list li {
    margin-top: 0;
    padding: 16px 0px 24px 20px; }
    article.font_2_1.fontDesc .font_preview.new .font_preview_list li .font-weight {
      color: #999999;
      font-size: 0.75rem;
      padding: 4px 0;
      line-height: 1.68; }
  article.font_2_1.fontDesc .font_preview.new .tab-content {
    max-height: 488px;
    overflow-y: auto; }
    article.font_2_1.fontDesc .font_preview.new .tab-content#preview-tab {
      max-height: 540px; }

article.font_2_1.fontDesc .font_preview .font_preview_list li {
  overflow: hidden;
  margin-top: 2rem;
  padding-bottom: 2rem; }

article.font_2_1.fontDesc .font_preview .rounded-form {
  padding: 0 20px 0 10px; }
  article.font_2_1.fontDesc .font_preview .rounded-form .preview-text-wrap {
    flex: 1; }
  article.font_2_1.fontDesc .font_preview .rounded-form .font-size-wrap {
    width: calc(32% - 72px);
    padding-right: 8px; }
    article.font_2_1.fontDesc .font_preview .rounded-form .font-size-wrap:after {
      top: 2px; }
  article.font_2_1.fontDesc .font_preview .rounded-form .nav {
    padding-right: 00px;
    padding-left: 8px; }
    article.font_2_1.fontDesc .font_preview .rounded-form .nav i {
      background-color: transparent; }

article.font_2_1.fontDesc .font_preview .preview-pane {
  display: none; }
  article.font_2_1.fontDesc .font_preview .preview-pane.show {
    display: block; }

article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab {
  border-bottom: 1px solid #dddddd;
  display: flex;
  padding: 10px 16px; }
  article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab .dropdown-menu {
    margin-top: -8px !important;
    padding: 0;
    box-shadow: 0px 0px 8px 0px #00000026;
    max-width: 160px;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab .dropdown-menu li .dropdown-item {
      padding: 10px 12px;
      font-size: 0.875rem;
      line-height: 1.61; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab .dropdown-menu li .dropdown-item:hover, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab .dropdown-menu li .dropdown-item:focus {
        background-color: #F9F9F9; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab .dropdown-menu li .dropdown-item.active {
        color: #4173fa;
        background-color: #fff; }
  article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 24px; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div:last-child {
      margin-right: 0; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div:last-child:after {
        display: none; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div:after {
      content: "";
      width: 1px;
      height: 20px;
      background-color: #dddddd;
      position: absolute;
      top: 8px;
      right: -13px; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap button {
      color: #999999;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      font-size: 0.875rem;
      padding: 6px 32px 6px 12px;
      line-height: 1.61;
      border-radius: 2.25rem;
      margin-right: 8px; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap button:last-child {
        margin-right: 0; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap button.active {
        border-color: #EBF0FF;
        background-color: #EBF0FF;
        color: #4173fa; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap button[aria-expanded='false'] {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: calc(100% - 8px) center; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap button[aria-expanded='true'] {
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: calc(100% - 8px) center;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.font-size-wrap {
      max-width: 200px;
      padding-left: 40px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.37306 12.5605C9.17428 12.5604 8.98035 12.6219 8.81793 12.7365C8.65552 12.8511 8.53259 13.0132 8.46606 13.2005L5.13306 22.3735C5.08318 22.5279 5.09554 22.6956 5.16751 22.8409C5.23948 22.9862 5.36537 23.0977 5.51834 23.1516C5.67131 23.2054 5.83926 23.1974 5.98641 23.1292C6.13356 23.061 6.24825 22.9381 6.30606 22.7865L7.21306 20.2005H11.3731L12.2931 22.7875C12.3356 22.909 12.4151 23.0141 12.5203 23.0882C12.6256 23.1622 12.7514 23.2015 12.8801 23.2005H13.0131C13.1124 23.2007 13.2104 23.1771 13.2987 23.1316C13.387 23.0861 13.4631 23.02 13.5206 22.939C13.5781 22.858 13.6154 22.7643 13.6292 22.6659C13.643 22.5675 13.633 22.4673 13.6001 22.3735L10.2931 13.2005C10.2237 13.0125 10.0982 12.8503 9.93369 12.7359C9.76917 12.6214 9.57348 12.5602 9.37306 12.5605ZM7.62706 19.0275L9.25406 14.4275H9.29406L10.9341 19.0275H7.62706Z' fill='%231C1C1C'/%3E%3Cpath d='M21.293 8.80078H20.813C20.6142 8.80068 20.4203 8.86216 20.2579 8.97676C20.0955 9.09137 19.9725 9.25347 19.906 9.44078L15.2 22.3738C15.1658 22.4675 15.1549 22.5681 15.1682 22.667C15.1815 22.7659 15.2187 22.86 15.2764 22.9414C15.3341 23.0227 15.4108 23.0888 15.4997 23.134C15.5887 23.1792 15.6873 23.2021 15.787 23.2008H16.254C16.3827 23.2018 16.5085 23.1625 16.6137 23.0884C16.719 23.0144 16.7985 22.9092 16.841 22.7878L18.121 19.1478H23.748L24.975 22.5878C25.0394 22.769 25.1589 22.9255 25.3167 23.0354C25.4745 23.1453 25.6627 23.2031 25.855 23.2008C26.0037 23.2013 26.1503 23.1658 26.2822 23.0973C26.4142 23.0288 26.5276 22.9294 26.6128 22.8075C26.698 22.6857 26.7524 22.545 26.7715 22.3976C26.7905 22.2501 26.7735 22.1003 26.722 21.9608L22.2 9.44078C22.1335 9.25347 22.0105 9.09137 21.8481 8.97676C21.6857 8.86216 21.4918 8.80068 21.293 8.80078ZM18.68 17.5478L20.88 11.3208H20.947L23.16 17.5478H18.68Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: left center; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap input[type="radio"], article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap input[type="radio"], article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap input[type="radio"] {
      display: none; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap input[type="radio"] + label,
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap button, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap input[type="radio"] + label,
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap button, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap input[type="radio"] + label,
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap button {
      cursor: pointer;
      border: none;
      background-color: transparent;
      padding: 0;
      box-shadow: none;
      display: inline-block;
      width: 32px;
      height: 32px;
      margin-right: 4px; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap input[type="radio"] + label:last-child,
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap button:last-child, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap input[type="radio"] + label:last-child,
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap button:last-child, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap input[type="radio"] + label:last-child,
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap button:last-child {
        margin-right: 0; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap input[type="radio"] + label i,
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap button i, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap input[type="radio"] + label i,
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.align-wrap button i, article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap input[type="radio"] + label i,
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.line-height-wrap button i {
        width: 32px;
        height: 32px; }

article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap {
  display: flex;
  flex-direction: column;
  height: 428px;
  padding: 16px 20px; }
  article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap.dark {
    background-color: #1c1c1c;
    color: #ffffff; }
  article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap.light {
    background-color: #ffffff;
    color: #1c1c1c; }
  article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap #tester-editor {
    font-size: 2.5rem;
    line-height: 1.4;
    overflow-y: auto;
    flex-grow: 1;
    margin-bottom: auto; }
  article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap {
    border: 1px solid #f0f0f0;
    background-color: #ffffff;
    color: #1c1c1c;
    border-radius: 16px;
    padding: 10px 20px;
    min-height: 60px;
    display: flex;
    flex-wrap: wrap; }
    article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap {
      width: calc(25% - (84px / 4));
      margin-right: 28px; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap:nth-child(n+5) {
        margin-top: 1.75rem; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap > .d-flex {
        margin-top: 4px;
        line-height: 1.68;
        text-align: left; }
        article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap > .d-flex span {
          font-size: 0.75rem;
          min-width: 100px;
          flex-grow: 4; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap:nth-child(4n) {
        margin-right: 0; }
    article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .range-slider {
      height: 16px; }
    article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap input[type="number"] {
      padding: 0 4px;
      font-size: 0.75rem;
      background-color: transparent;
      border: 1px solid #ffffff;
      margin-left: auto;
      border-radius: 4px;
      flex-basis: 24px;
      flex-grow: 1;
      max-width: 40px;
      text-align: right;
      -moz-appearance: textfield; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap input[type="number"]::-webkit-outer-spin-button, article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap input[type="number"]:focus {
        border: 1px solid #EAEAEA;
        background-color: #f9f9f9; }

article.font_2_1.fontDesc .fontExampleArea img {
  max-width: 100%;
  display: block; }

article.font_2_1.fontDesc .fontExampleArea .swiper-slide {
  max-height: calc(768px / 2);
  overflow: hidden; }
  article.font_2_1.fontDesc .fontExampleArea .swiper-slide img {
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: center center; }

article.font_2_1.fontDesc .fontExampleArea .swiper-button-next:after, article.font_2_1.fontDesc .fontExampleArea .swiper-button-prev:after {
  display: none; }

article.font_2_1.fontDesc .fontExampleArea .swiper-button-next,
article.font_2_1.fontDesc .fontExampleArea .swiper-button-prev {
  margin-top: 0;
  opacity: 0;
  transition: opacity 0.3s; }
  article.font_2_1.fontDesc .fontExampleArea .swiper-button-next.swiper-button-disabled,
  article.font_2_1.fontDesc .fontExampleArea .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important; }

article.font_2_1.fontDesc .fontExampleArea .swiper-button-next {
  right: 0; }

article.font_2_1.fontDesc .fontExampleArea .swiper-button-prev {
  left: 0; }

article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1 .swiper-slide img {
  border-radius: 12px; }

article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1 .swiper-button-next,
article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1 .swiper-button-prev {
  width: 52px;
  height: 52px;
  top: calc(50% - 26px); }
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1 .swiper-button-next img,
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1 .swiper-button-prev img {
    width: 100%; }

article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1:hover .swiper-button-next,
article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper1:hover .swiper-button-prev {
  opacity: 1; }

article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 {
  margin-top: 1rem; }
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-button-next,
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-button-prev {
    width: 32px;
    height: 100%;
    top: 0;
    background: rgba(28, 28, 28, 0.2); }
    article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-button-next img,
    article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-button-prev img {
      width: 100%;
      border: none; }
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2:hover .swiper-button-next,
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2:hover .swiper-button-prev {
    opacity: 1; }
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-slide {
    max-width: 124px;
    max-height: 62px;
    position: relative;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden; }
    article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-slide img {
      width: 100%;
      height: 62px;
      border: none;
      object-fit: cover;
      object-position: center center; }
    article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-slide.swiper-slide-thumb-active, article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-slide:hover {
      cursor: pointer;
      border: 2px solid #4173fa; }

article.font_2_1.fontDesc .font_example img {
  max-width: 100%; }

article.font_2_1.fontDesc .contents_wrap {
  position: relative;
  max-height: 500px;
  overflow: hidden;
  margin-bottom: 3.75rem; }
  article.font_2_1.fontDesc .contents_wrap.show {
    max-height: inherit; }
    article.font_2_1.fontDesc .contents_wrap.show .more {
      display: none; }
  article.font_2_1.fontDesc .contents_wrap .more {
    cursor: pointer;
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0;
    left: 0;
    background-color: transparent;
    font-size: 1rem;
    border: 1px solid #dddddd;
    padding: 16px 0;
    z-index: 1; }
    article.font_2_1.fontDesc .contents_wrap .more:before {
      content: '';
      display: inline-block;
      height: 140px;
      width: 100%;
      background: linear-gradient(transparent, #fff 60%, #fff);
      bottom: 0;
      position: absolute;
      left: 0;
      z-index: -1; }
    article.font_2_1.fontDesc .contents_wrap .more:after {
      content: '';
      display: inline-block;
      height: 1px;
      width: 100%;
      bottom: 48px;
      position: absolute;
      left: 0;
      z-index: 1;
      background-color: #dddddd; }

article.font_2_1.fontDesc .video .video-container {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%; }
  article.font_2_1.fontDesc .video .video-container iframe {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%; }

article.font_2_1.fontDesc .video .text-decoration-underline {
  color: #1c1c1c; }

article.font_2_1.fontDesc .review_list li {
  padding: 20px 0;
  border-bottom: 1px solid #dddddd; }
  article.font_2_1.fontDesc .review_list li > div .stars_wrap {
    display: flex;
    margin-right: 0.625rem; }
    article.font_2_1.fontDesc .review_list li > div .stars_wrap .stars {
      width: 1rem;
      height: 1rem;
      display: inline-block; }
    article.font_2_1.fontDesc .review_list li > div .stars_wrap i {
      width: 1rem;
      height: 1rem; }
  article.font_2_1.fontDesc .review_list li > div .writer {
    color: #999999; }
  article.font_2_1.fontDesc .review_list li > div .txt {
    color: #333333; }
  article.font_2_1.fontDesc .review_list li > div .datetime {
    color: #666766; }
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto.open .fs-txt-3.txt,
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto.open .fs-txt-2.txt {
    overflow: inherit;
    max-height: inherit;
    white-space: inherit;
    margin-bottom: 0.5rem; }
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto.open .reply p {
    display: block;
    overflow: inherit;
    max-height: inherit; }
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto .fs-txt-3.txt,
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto .fs-txt-2.txt {
    margin: 0.875rem 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    align-items: start; }
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto .review_img {
    margin-top: 0.5rem;
    width: 82px;
    height: 82px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    object-fit: contain; }
    article.font_2_1.fontDesc .review_list li > div.reviewNphoto .review_img.expand {
      width: 278px;
      height: 278px; }
      article.font_2_1.fontDesc .review_list li > div.reviewNphoto .review_img.expand:after {
        display: none; }
    article.font_2_1.fontDesc .review_list li > div.reviewNphoto .review_img:hover:after {
      background: rgba(0, 0, 0, 0.5);
      width: 82px;
      height: 82px;
      content: " ";
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 48px 48px;
      background-image: url("data:image/svg+xml,%3Csvg id='btn_extend' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_127' data-name='Rectangle 127' style='fill:none' d='M0 0h48v48H0z'/%3E%3Cpath id='Path_606' data-name='Path 606' class='cls-2' d='m12 32.183 20-20' transform='translate(2 1.816)'/%3E%3Cpath id='Path_607' data-name='Path 607' class='cls-2' d='m16.266 10.053 6 6 6-6' transform='rotate(-135 27.758 12.274)'/%3E%3Cpath id='Path_608' data-name='Path 608' class='cls-2' d='m16.266 10.053 6 6 6-6' transform='rotate(45 -4.29 14.878)'/%3E%3C/svg%3E"); }
  article.font_2_1.fontDesc .review_list li > div.reviewNphoto .more {
    cursor: pointer;
    display: inline-block;
    margin-top: 0.625rem;
    font-size: 0.875rem; }
  article.font_2_1.fontDesc .review_list li > div .reply {
    order: 2; }
    article.font_2_1.fontDesc .review_list li > div .reply p {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A");
      padding-left: 26px;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      line-height: 1.58;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: calc(16px * 1.58 * 2);
      display: -webkit-box; }

article.font_2_1.fontDesc .font_review h2 .sd {
  width: 24px;
  height: 24px; }

article.font_2_1.fontDesc .font_review .reviewImageSlider {
  margin-bottom: 1.25rem;
  margin-top: 0.75rem;
  overflow: hidden;
  position: relative; }
  article.font_2_1.fontDesc .font_review .reviewImageSlider.swiper-horizontal > .swiper-scrollbar {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    bottom: 0px; }
  article.font_2_1.fontDesc .font_review .reviewImageSlider:hover .swiper-control-prev,
  article.font_2_1.fontDesc .font_review .reviewImageSlider:hover .swiper-control-next {
    opacity: 1; }
  article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide {
    max-width: 136px;
    max-height: 136px;
    margin-right: 0.5rem;
    width: 136px;
    height: 136px; }
    article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide.more {
      background: rgba(28, 28, 28, 0.5);
      justify-content: center;
      align-items: center;
      display: flex; }
      article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide.more > a {
        display: inline-flex;
        flex-direction: column; }
    article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide img {
      width: 136px;
      height: 136px;
      border-radius: 8px;
      background: #dddddd;
      object-fit: contain; }
  article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-prev,
  article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .5s;
    position: absolute;
    border: none;
    background: transparent;
    width: 52px;
    height: 52px;
    top: calc(50% - 36px);
    z-index: 1;
    text-align: center; }
    article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-prev img,
    article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-next img {
      width: 52px; }
    article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-prev i.sd,
    article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-next i.sd {
      width: 28px;
      height: 28px; }
  article.font_2_1.fontDesc .font_review .reviewImageSlider .swiper-control-next {
    right: 0; }

article.font_2_1.fontDesc .product_item a > .items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  border: 1px solid #efefef;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  box-sizing: border-box; }
  article.font_2_1.fontDesc .product_item a > .items img {
    width: 74px;
    height: 74px;
    background: #f9f9f9;
    border: none;
    border-right: 1px solid #eaeaea;
    margin-right: 1.25rem;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  article.font_2_1.fontDesc .product_item a > .items .text-wrap {
    width: calc(100% - 94px);
    padding-right: 0.625rem; }
    article.font_2_1.fontDesc .product_item a > .items .text-wrap p {
      text-overflow: ellipsis;
      overflow: hidden;
      word-wrap: break-word;
      white-space: nowrap;
      line-height: 1.58; }

article.font_2_1.fontDesc .related_content {
  margin-bottom: 1rem; }
  article.font_2_1.fontDesc .related_content h2 {
    line-height: 1.58; }

article.font_2_1.fontDesc .sticky-wrap {
  max-width: 1240px;
  margin: 0 auto;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 335px);
  /* 2열 구성: 왼쪽 영역과 오른쪽 스티키 영역 */
  gap: 0px;
  /* 열 간격 */
  grid-template-rows: minmax(100px, auto) 1fr; }
  article.font_2_1.fontDesc .sticky-wrap .fontdesc_banner {
    margin-bottom: 60px; }
    article.font_2_1.fontDesc .sticky-wrap .fontdesc_banner a img {
      max-width: 100%;
      aspect-ratio: 769/180;
      object-fit: cover;
      border-radius: 12px; }

article.font_2_1.fontDesc .content1-1,
article.font_2_1.fontDesc .content1-2 {
  width: 100%;
  grid-column: 1;
  /* 왼쪽 영역에 위치 */ }

article.font_2_1.fontDesc .content1-1:has(.font_example) + .content1-2 {
  transform: translateY(0); }

article.font_2_1.fontDesc .font_purchase {
  max-width: 335px;
  width: 28.7%;
  position: sticky;
  position: -webkit-sticky;
  top: 160px;
  z-index: 1;
  background: #ffffff; }
  article.font_2_1.fontDesc .font_purchase.content2 {
    width: max-content;
    width: -webkit-fill-available;
    grid-row: 1 / span 2;
    /* content1-1과 content1-2에 걸쳐서 위치 */
    grid-column: 2;
    /* 오른쪽 영역에 위치 */
    height: fit-content;
    /* 콘텐츠에 맞게 높이 조정 */ }
  article.font_2_1.fontDesc .font_purchase > p.d-flex {
    font-size: 0.75rem;
    line-height: 1.64;
    margin-bottom: 0.25rem;
    position: relative; }
    article.font_2_1.fontDesc .font_purchase > p.d-flex .btn {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0;
      width: 40px;
      height: 40px;
      border: 1px solid #eaeaea;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
  article.font_2_1.fontDesc .font_purchase h1 {
    line-height: 1.38; }
  article.font_2_1.fontDesc .font_purchase .font_mini_info {
    font-size: 0.75rem;
    line-height: 1.68;
    margin: 1.25rem 0 1.25rem; }
    article.font_2_1.fontDesc .font_purchase .font_mini_info li {
      display: flex;
      margin-bottom: 0.5rem;
      align-items: flex-start; }
      article.font_2_1.fontDesc .font_purchase .font_mini_info li:last-child {
        margin-bottom: 0; }
      article.font_2_1.fontDesc .font_purchase .font_mini_info li label {
        color: #999999;
        min-width: 45px;
        margin-right: 16px;
        word-break: break-all; }
  article.font_2_1.fontDesc .font_purchase .range_price {
    font-size: 16px;
    line-height: 1.58;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px; }
    article.font_2_1.fontDesc .font_purchase .range_price .fw-bold {
      font-size: 1.625rem; }
    article.font_2_1.fontDesc .font_purchase .range_price + .text-min.text-999 {
      margin-top: -10px;
      margin-bottom: 10px; }
  article.font_2_1.fontDesc .font_purchase ul.product_item {
    font-size: 0.75rem; }
    article.font_2_1.fontDesc .font_purchase ul.product_item li {
      margin-bottom: 0.625rem; }
      article.font_2_1.fontDesc .font_purchase ul.product_item li.d-flex {
        align-items: center; }
        article.font_2_1.fontDesc .font_purchase ul.product_item li.d-flex .badge {
          margin-right: 10px; }
  article.font_2_1.fontDesc .font_purchase .bg-f9 {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.68; }
  article.font_2_1.fontDesc .font_purchase .bg-f9 + hr + .btn-default {
    padding: 13px 0 12px; }
  article.font_2_1.fontDesc .font_purchase .btn-wrap {
    margin-bottom: 2.25rem; }
    article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex {
      justify-content: space-between; }
      article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn:not(.add-myfontlist) {
        font-size: 0.875rem;
        padding: 8px 0;
        width: calc(50% - 38px);
        border-radius: 8px; }
        article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn:not(.add-myfontlist) i {
          width: 24px;
          height: 24px; }
        article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn:not(.add-myfontlist):disabled {
          width: calc(100% - 56px);
          background-color: #cccccc;
          opacity: 1;
          border-color: #cccccc;
          color: white; }
        article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn:not(.add-myfontlist)#window_download, article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn:not(.add-myfontlist)#mac_download {
          width: calc(50% - 4px); }
      article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist {
        border: 1px solid #dddddd;
        border-radius: 8px;
        width: 48px;
        height: 48px;
        padding: 8px 6px; }
        article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist .sd {
          width: 32px;
          height: 32px; }
          article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist .sd.ic-heart {
            opacity: 0.45; }
        article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist:has(span) {
          padding: 0;
          width: 60px;
          display: inline-flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist:has(span) .sd {
            width: 24px;
            height: 24px;
            opacity: 1 !important; }
          article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist:has(span) .ic-heart-fill + span {
            color: #999999; }
        article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist span {
          line-height: 1.8;
          font-size: 10px; }
      article.font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist:has(span) + .btn:disabled {
        width: calc(100% - 68px); }
  article.font_2_1.fontDesc .font_purchase .btn-default.w-100,
  article.font_2_1.fontDesc .font_purchase .btn-sandoll.w-100 {
    border-radius: 8px;
    font-size: 0.875rem; }
    article.font_2_1.fontDesc .font_purchase .btn-default.w-100.d-flex i,
    article.font_2_1.fontDesc .font_purchase .btn-sandoll.w-100.d-flex i {
      width: 24px;
      height: 24px; }
  article.font_2_1.fontDesc .font_purchase .btn-size-sm.btn-sandoll-light {
    border-radius: 4px;
    padding: 4px 4px 4px 8px; }
    article.font_2_1.fontDesc .font_purchase .btn-size-sm.btn-sandoll-light i {
      width: 16px;
      height: 16px;
      vertical-align: middle; }
  article.font_2_1.fontDesc .font_purchase .card {
    border-radius: 8px;
    border: 1px solid #f9f9f9;
    background-color: #F9F9F9;
    padding: 16px;
    line-height: 1.68;
    margin-top: 3.75rem;
    font-size: 0.75rem; }
    article.font_2_1.fontDesc .font_purchase .card.not_free {
      border: 1px solid #dddddd;
      background-color: #ffffff;
      /*
          &:not(:has(.font_product)),
          &:not(:has(.related_content)){
            display:none;
          }*/ }
      article.font_2_1.fontDesc .font_purchase .card.not_free section {
        margin-bottom: 0; }
        article.font_2_1.fontDesc .font_purchase .card.not_free section h2 {
          font-size: 0.75rem;
          line-height: 1.68;
          font-weight: bold;
          margin-bottom: 1.25rem; }
        article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item {
          font-size: 0.75rem; }
          article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li {
            margin-bottom: 0.625rem; }
            article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li.d-flex {
              align-items: center; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li.d-flex .badge {
                line-height: 1.68;
                margin-right: 10px; }
            article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex {
              align-items: center; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex:hover {
                text-decoration: underline; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .product_name {
                flex-grow: 1;
                max-width: 190px;
                overflow: hidden;
                word-break: break-all;
                text-overflow: ellipsis; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .fw-bold {
                min-width: 42px;
                margin-right: 0.625rem; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .ic-webfont + .fw-bold {
                color: #222a40; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .ic-individual-product,
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .ic-voucher,
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .ic-special-product,
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li a.d-flex .ic-webfont {
                width: 18px;
                height: 18px;
                margin-right: 4px; }
            article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li:last-child {
              margin-bottom: 0; }
            article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li > a.d-flex {
              flex-wrap: wrap;
              width: 100%;
              align-items: center;
              color: #1c1c1c; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li > a.d-flex img {
                width: 51px;
                height: 51px;
                border-radius: 4px;
                border: none;
                margin-right: 8px; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li > a.d-flex p {
                font-size: 0.75rem;
                width: calc(100% - 86px);
                text-overflow: ellipsis;
                overflow: hidden;
                word-wrap: break-word;
                white-space: nowrap; }
              article.font_2_1.fontDesc .font_purchase .card.not_free section ul.product_item li > a.d-flex .btn-next-icon {
                margin-left: auto; }
      article.font_2_1.fontDesc .font_purchase .card.not_free section + section {
        margin-top: 1rem;
        border-top: 1px solid #dddddd;
        padding-top: 16px; }
    article.font_2_1.fontDesc .font_purchase .card .btn {
      padding: 6px 0 !important;
      font-size: 0.6875rem;
      border-radius: 4px;
      background-color: #ffffff;
      border: 1px solid #dddddd; }
      article.font_2_1.fontDesc .font_purchase .card .btn i {
        width: 24px;
        height: 24px;
        opacity: 0.45; }
  article.font_2_1.fontDesc .font_purchase .fontweight-dropdown {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dddddd; }
  article.font_2_1.fontDesc .font_purchase .fontweight-dropdown > .select-wrap {
    padding: 9px 12px 8px;
    border-radius: 8px;
    background-size: 16px 16px;
    font-size: 0.875rem;
    background-position: calc(100% - 8px) center; }
  article.font_2_1.fontDesc .font_purchase .freefont_content {
    margin-top: 0.5rem; }
    article.font_2_1.fontDesc .font_purchase .freefont_content .btn {
      font-size: 0.875rem;
      border-radius: 8px;
      padding: 13px 0 12px; }
    article.font_2_1.fontDesc .font_purchase .freefont_content .text-999 {
      font-size: 0.75rem;
      line-height: 1.68; }
  article.font_2_1.fontDesc .font_purchase .freefont_content + .fs-txt-3 .text-999 {
    flex: 1; }
  article.font_2_1.fontDesc .font_purchase .dropdown-menu {
    width: 100%;
    border-radius: 0;
    padding: 0;
    max-height: 168px;
    overflow-y: auto; }
    article.font_2_1.fontDesc .font_purchase .dropdown-menu .dropdown-item {
      display: flex;
      justify-content: space-between;
      padding: 13px 20px;
      font-size: 0.875rem; }
      article.font_2_1.fontDesc .font_purchase .dropdown-menu .dropdown-item:hover {
        background: #f9f9f9; }
      article.font_2_1.fontDesc .font_purchase .dropdown-menu .dropdown-item:focus, article.font_2_1.fontDesc .font_purchase .dropdown-menu .dropdown-item:active {
        color: #4173fa; }
      article.font_2_1.fontDesc .font_purchase .dropdown-menu .dropdown-item .weight-name {
        margin-right: auto; }
      article.font_2_1.fontDesc .font_purchase .dropdown-menu .dropdown-item .sale {
        color: #4173fa; }
  article.font_2_1.fontDesc .font_purchase .totalPrice {
    display: flex;
    font-size: 0.75rem;
    margin-top: 2.5rem;
    align-items: center;
    margin-bottom: 0.75rem;
    line-height: 1.68; }
    article.font_2_1.fontDesc .font_purchase .totalPrice .text-sandoll {
      font-size: 1rem;
      font-weight: bold; }
    article.font_2_1.fontDesc .font_purchase .totalPrice .text-999 {
      position: relative;
      margin-right: 16px; }
      article.font_2_1.fontDesc .font_purchase .totalPrice .text-999:after {
        content: "";
        height: 12px;
        width: 1px;
        background-color: #dddddd;
        display: inline-block;
        position: absolute;
        top: 4px;
        right: -8px; }
    article.font_2_1.fontDesc .font_purchase .totalPrice + .text-min.text-999 {
      margin-top: -0.75rem;
      margin-bottom: 0.75rem; }
  article.font_2_1.fontDesc .font_purchase .selectedList {
    margin-bottom: 20px; }
  article.font_2_1.fontDesc .font_purchase .selectedList:has(li) {
    margin-top: 20px; }
    article.font_2_1.fontDesc .font_purchase .selectedList:has(li) li {
      display: flex;
      font-size: 0.875rem;
      align-items: center;
      background-color: #f9f9f9;
      border-radius: 10px;
      margin-bottom: 10px;
      padding: 10px 12px; }
      article.font_2_1.fontDesc .font_purchase .selectedList:has(li) li > .price {
        margin-left: auto;
        font-weight: bold; }
        article.font_2_1.fontDesc .font_purchase .selectedList:has(li) li > .price > span {
          color: #999999;
          font-size: 0.75rem; }
      article.font_2_1.fontDesc .font_purchase .selectedList:has(li) li .ic-close {
        width: 24px;
        height: 24px;
        cursor: pointer;
        opacity: 0.45;
        margin-left: 0.5rem; }

/* 리뷰 모달 */
#viewReviewModal img {
  max-width: 100%; }

.writeReviewModal .typicalImage,
.updateReviewModal .typicalImage {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  margin-right: 4px; }

.writeReviewModal .uploadImage_wrap,
.updateReviewModal .uploadImage_wrap {
  margin-bottom: 2rem; }
  .writeReviewModal .uploadImage_wrap > label,
  .updateReviewModal .uploadImage_wrap > label {
    cursor: pointer;
    width: 82px;
    height: 82px;
    margin-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #efefef; }
    .writeReviewModal .uploadImage_wrap > label span i,
    .updateReviewModal .uploadImage_wrap > label span i {
      width: 36px;
      height: 36px; }
    .writeReviewModal .uploadImage_wrap > label input,
    .updateReviewModal .uploadImage_wrap > label input {
      opacity: 0;
      display: none; }
  .writeReviewModal .uploadImage_wrap .previewImg_wrap,
  .updateReviewModal .uploadImage_wrap .previewImg_wrap {
    width: 82px;
    height: 82px;
    position: relative;
    margin-right: 0.5rem;
    text-align: center; }
    .writeReviewModal .uploadImage_wrap .previewImg_wrap img,
    .updateReviewModal .uploadImage_wrap .previewImg_wrap img {
      max-width: 100%;
      max-height: 100%; }
    .writeReviewModal .uploadImage_wrap .previewImg_wrap .ic-close-bg,
    .updateReviewModal .uploadImage_wrap .previewImg_wrap .ic-close-bg {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px; }

#viewReviewModal .modal-content .modal-body {
  padding: 40px 60px 0; }

#viewReviewModal .fw-600 {
  color: #666666; }

#viewReviewModal .img_wrap {
  width: 434px;
  height: 434px; }
  #viewReviewModal .img_wrap img {
    width: auto;
    height: auto;
    max-width: 434px;
    max-height: 434px;
    object-fit: scale-down; }

#viewReviewModal .carousel-control-prev,
#viewReviewModal .carousel-control-next {
  width: 52px;
  height: 52px;
  top: calc(50% - 26px);
  margin-top: 0; }

#viewReviewModal .carousel-control-prev {
  left: -120px; }

#viewReviewModal .carousel-control-next {
  right: -120px; }

textarea[name="rv_centent"] {
  height: 144px;
  padding: 16px;
  margin-bottom: 1.25rem; }

.stars_wrap i.bi-star-fill,
.stars_wrap i.bi-star-half {
  color: #4173fa; }

.stars_wrap i.bi-star {
  color: #dddddd; }

/* 별점 - 모달등록시 */
.half-stars-example {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* set icon padding and size */
  /* add padding and positioning to half star labels */
  /* set default star color */
  /* set color of none icon when unchecked */
  /* if none icon is checked, make it red */
  /* if any input is checked, make its following siblings grey */
  /* make all stars $sandollColor on rating group hover */
  /* make hovered input's following siblings grey on hover */
  /* make none icon grey on rating group hover */
  /* make none icon red on hover */ }
  .half-stars-example .rating-group {
    margin: 1rem 0 1rem -0.5rem;
    display: flex; }
  .half-stars-example .rating_icon {
    pointer-events: none; }
  .half-stars-example .rating_input {
    position: absolute !important;
    left: -9999px !important; }
  .half-stars-example .rating_label {
    cursor: pointer;
    /* if you change the left/right padding, update the margin-right property of .rating_label-half as well. */
    padding: 0 0.375rem 0 0; }
    .half-stars-example .rating_label i {
      font-size: 1rem;
      width: 1.25rem;
      height: 1.25rem; }
  .half-stars-example .rating_label-half {
    padding-right: 0;
    margin-right: -17px;
    z-index: 2; }
  .half-stars-example .rating_icon-star {
    color: #4173fa; }
  .half-stars-example .rating_icon-none {
    color: #f9f9f9; }
  .half-stars-example .rating_input-none:checked + .rating_label .rating_icon-none {
    color: red; }
  .half-stars-example .rating_input:checked ~ .rating_label .rating_icon-star {
    color: #dddddd; }
  .half-stars-example .rating-group:hover .rating_label .rating_icon-star,
  .half-stars-example .rating-group:hover .rating_label-half .rating_icon-star {
    color: #4173fa; }
  .half-stars-example .rating_input:hover ~ .rating_label .rating_icon-star,
  .half-stars-example .rating_input:hover ~ .rating_label-half .rating_icon-star {
    color: #dddddd; }
  .half-stars-example .rating-group:hover .rating_input-none:not(:hover) + .rating_label .rating_icon-none {
    color: #f9f9f9; }
  .half-stars-example .rating_input-none:hover + .rating_label .rating_icon-none {
    color: red; }

.font_preview_list {
  width: 100%; }
  .font_preview_list .more {
    display: none; }
  .font_preview_list.minimum-3 .item {
    display: none; }
    .font_preview_list.minimum-3 .item:nth-of-type(1), .font_preview_list.minimum-3 .item:nth-of-type(2), .font_preview_list.minimum-3 .item:nth-of-type(3) {
      display: block; }
  .font_preview_list.minimum-3 .more {
    display: block;
    padding-top: 1.25rem; }
  .font_preview_list .use {
    font-weight: normal;
    color: #999999;
    border-radius: 8px;
    font-size: 0.625rem;
    padding: 2px 5px;
    background: #f9f9f9;
    margin-left: 0.5rem;
    border: 1px solid #dddddd; }
  .font_preview_list.paragraph li {
    margin-top: 2.5rem;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 40px 40px 60px 40px; }
    .font_preview_list.paragraph li select {
      border: none;
      background: white;
      margin-left: -5px;
      padding: 0;
      margin-bottom: 0.75rem; }
    .font_preview_list.paragraph li .preview {
      line-height: 1.61; }
      .font_preview_list.paragraph li .preview.detail_vertical {
        writing-mode: vertical-rl;
        margin-left: auto;
        height: 360px;
        overflow: auto;
        white-space: pre-line;
        overflow-y: hidden; }
  .font_preview_list .badge-wrap {
    margin-bottom: 0.75rem; }
  .font_preview_list .fs-title-3 {
    margin-bottom: 0.75rem; }
  .font_preview_list .fs-title-4 {
    margin: 0.75rem 0; }
  .font_preview_list .add-myfontlist {
    position: absolute;
    top: 0px !important;
    right: 0 !important;
    left: inherit !important; }
  .font_preview_list .fs-txt-4,
  .font_preview_list .fs-txt-3 {
    margin-bottom: 1rem;
    color: #999999; }
    .font_preview_list .fs-txt-4.badge-wrap,
    .font_preview_list .fs-txt-3.badge-wrap {
      margin-bottom: 0.75rem; }
  .font_preview_list .item {
    position: relative;
    width: 100%;
    margin-top: 2.5rem;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 1.5rem; }
    .font_preview_list .item .preview {
      min-height: 70px;
      max-height: calc(120px * 1.5);
      display: block;
      font-size: 50px;
      line-height: 1.5;
      white-space: nowrap;
      border: none; }
      .font_preview_list .item .preview.detail_vertical {
        writing-mode: vertical-rl;
        margin-left: auto;
        height: 360px;
        overflow: auto;
        white-space: pre-line;
        overflow-y: hidden; }

.mobile .font_preview_list .item {
  padding-bottom: 0px; }

.caution {
  margin-bottom: 120px; }
  .caution .container-1160,
  .caution .container-1200 {
    background: #f9f9f9;
    padding: 2.5rem; }
    .caution .container-1160 ul,
    .caution .container-1200 ul {
      list-style: "· ";
      align-items: flex-start !important;
      flex-direction: column;
      padding-left: 10px; }
      .caution .container-1160 ul li,
      .caution .container-1200 ul li {
        line-height: 1.58; }

#licenseModal .modal-content > .btn-close {
  top: 20px;
  right: 20px; }

#licenseModal .modal-dialog {
  max-width: 572px; }

#licenseModal .modal-body {
  padding: 40px 60px 60px; }

#licenseModal .fs-title-1 {
  margin-top: 2.5rem;
  margin-bottom: 0.5rem; }

#licenseModal p {
  font-size: 0.875rem; }

#licenseModal .scrollable-area {
  margin-top: 40px;
  font-size: 0.875rem;
  line-height: 1.61;
  height: 430px;
  overflow-y: auto;
  word-break: break-word;
  padding-right: 18px; }
  #licenseModal .scrollable-area table th {
    background: #f9f9f9; }
  #licenseModal .scrollable-area table td {
    padding: 14px 10px;
    border-bottom: 1px solid #dddddd;
    color: #333; }
    #licenseModal .scrollable-area table td:first-child {
      padding-right: 26px; }
  #licenseModal .scrollable-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  #licenseModal .scrollable-area::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  #licenseModal .scrollable-area::-webkit-scrollbar-thumb {
    background-color: #1c1c1c; }

#supportProgramModal .modal-content {
  height: 80vh; }

#supportProgramModal .modal-body {
  padding: 80px 60px 60px; }

#supportProgramModal .scrollable-area {
  margin-top: 40px;
  height: calc(80vh - 240px);
  font-size: 0.875rem;
  line-height: 1.61;
  overflow-y: auto;
  word-break: break-word;
  background-color: #f9f9f9;
  padding: 32px; }
  #supportProgramModal .scrollable-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  #supportProgramModal .scrollable-area::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  #supportProgramModal .scrollable-area::-webkit-scrollbar-thumb {
    background-color: #1c1c1c; }
  #supportProgramModal .scrollable-area .caution {
    margin-top: 60px; }
    #supportProgramModal .scrollable-area .caution ul {
      list-style-type: disc;
      line-height: 1.61; }
  #supportProgramModal .scrollable-area .none_program {
    margin-top: -20px;
    padding-top: 60px; }
  #supportProgramModal .scrollable-area h6 {
    font-size: 1rem;
    font-weight: bold; }
  #supportProgramModal .scrollable-area .table thead tr th {
    background: #f9f9f9;
    padding: 16px 20px 16px 8px;
    border-bottom: none; }
  #supportProgramModal .scrollable-area .table tr {
    font-size: 0.875rem; }
    #supportProgramModal .scrollable-area .table tr td {
      padding: 16px 20px 16px 8px;
      line-height: 1.61;
      border-bottom: 1px solid #dddddd; }
      #supportProgramModal .scrollable-area .table tr td:first-child {
        width: 35%; }
      #supportProgramModal .scrollable-area .table tr td img {
        width: 40px;
        height: 40px; }
  #supportProgramModal .scrollable-area .table.table-border {
    margin-bottom: 60px; }
    #supportProgramModal .scrollable-area .table.table-border.ios_app td {
      padding: 20px 0 10px 0  !important; }
      #supportProgramModal .scrollable-area .table.table-border.ios_app td ul {
        display: flex;
        flex-wrap: wrap; }
        #supportProgramModal .scrollable-area .table.table-border.ios_app td ul li {
          width: 50%;
          text-align: center;
          margin-bottom: 20px; }
          #supportProgramModal .scrollable-area .table.table-border.ios_app td ul li img {
            margin: 0 auto 12px; }
          #supportProgramModal .scrollable-area .table.table-border.ios_app td ul li p {
            line-height: 1;
            height: 28px; }
    #supportProgramModal .scrollable-area .table.table-border tbody tr:first-child td {
      border-top: 1px solid #dddddd; }
    #supportProgramModal .scrollable-area .table.table-border tbody td {
      padding: 20px 0px;
      vertical-align: top;
      text-align: left;
      border-bottom: 1px solid #dddddd;
      line-height: 1.5; }
      #supportProgramModal .scrollable-area .table.table-border tbody td img {
        width: 2.5rem;
        height: 2.5rem; }
      #supportProgramModal .scrollable-area .table.table-border tbody td .ox,
      #supportProgramModal .scrollable-area .table.table-border tbody td .oxx {
        margin: 0px 0; }
      #supportProgramModal .scrollable-area .table.table-border tbody td .ox + span {
        display: block;
        margin-top: 16px; }
      #supportProgramModal .scrollable-area .table.table-border tbody td:first-child {
        width: 32%;
        padding-top: 20px; }
      #supportProgramModal .scrollable-area .table.table-border tbody td:last-child {
        padding-left: 20px; }
      #supportProgramModal .scrollable-area .table.table-border tbody td li {
        line-height: 1;
        margin-bottom: 16px; }
        #supportProgramModal .scrollable-area .table.table-border tbody td li:last-child {
          margin-bottom: 0; }
  #supportProgramModal .scrollable-area .design_tool .table.table-border tbody td:nth-child(2),
  #supportProgramModal .scrollable-area .office_tool .table.table-border tbody td:nth-child(2) {
    text-align: left; }
    #supportProgramModal .scrollable-area .design_tool .table.table-border tbody td:nth-child(2) ul,
    #supportProgramModal .scrollable-area .office_tool .table.table-border tbody td:nth-child(2) ul {
      line-height: 2;
      display: flex;
      flex-wrap: wrap; }
      #supportProgramModal .scrollable-area .design_tool .table.table-border tbody td:nth-child(2) ul li,
      #supportProgramModal .scrollable-area .office_tool .table.table-border tbody td:nth-child(2) ul li {
        padding-left: 1.5rem;
        width: 100%; }
  #supportProgramModal .scrollable-area .ios_app .table.table-border tbody td {
    word-break: keep-all; }
    #supportProgramModal .scrollable-area .ios_app .table.table-border tbody td:last-child {
      padding-left: 0px; }
    #supportProgramModal .scrollable-area .ios_app .table.table-border tbody td ul {
      line-height: 2;
      display: flex;
      flex-wrap: wrap; }
      #supportProgramModal .scrollable-area .ios_app .table.table-border tbody td ul li {
        text-align: center;
        width: 50%;
        margin-bottom: 24px; }
        #supportProgramModal .scrollable-area .ios_app .table.table-border tbody td ul li p {
          line-height: 1;
          height: 28px; }
        #supportProgramModal .scrollable-area .ios_app .table.table-border tbody td ul li img {
          display: block;
          margin: 0 auto 12px; }

#fontLangModal .scrollable-area {
  font-size: 0.875rem;
  line-height: 1.61;
  height: 202px;
  overflow-y: auto;
  word-break: break-word;
  padding: 32px 32px;
  background: #f9f9f9; }
  #fontLangModal .scrollable-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  #fontLangModal .scrollable-area::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  #fontLangModal .scrollable-area::-webkit-scrollbar-thumb {
    background-color: #1c1c1c; }

.mobile textarea[name="rv_centent"] {
  margin-bottom: 2rem; }

.mobile article.font_2_1 .fontfilterForm .filter3 .form-group .list-order-wrap .form-control#sorting_dropdown {
  overflow: hidden;
  white-space: nowrap;
  background-position: left center;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A") !important; }

.mobile #font .btn-wrap.position-fixed {
  bottom: 100px;
  left: 0;
  padding: 0 3.6%;
  z-index: 3;
  width: 100%; }
  .mobile #font .btn-wrap.position-fixed.Iam {
    background: #fff;
    bottom: 0 !important;
    padding: 10px 3.6% 32px !important; }

.mobile #font .font_purchase {
  margin-top: 0;
  margin-bottom: 0; }
  .mobile #font .font_purchase > .container-1160 {
    flex-direction: column; }
  .mobile #font .font_purchase .typicalImage {
    width: 100%;
    margin-bottom: 1.5rem; }
  .mobile #font .font_purchase .vid {
    width: 100%;
    margin-bottom: 1.25rem; }
  .mobile #font .font_purchase .font_right_wrap {
    margin-left: 0;
    width: 100%; }
    .mobile #font .font_purchase .font_right_wrap hr {
      margin: 1.25rem 0 1.25rem;
      border-color: #dddddd;
      background-color: #dddddd;
      opacity: 1; }
    .mobile #font .font_purchase .font_right_wrap .d-inline-flex.text-999 {
      white-space: nowrap; }
      .mobile #font .font_purchase .font_right_wrap .d-inline-flex.text-999 i {
        width: 18px;
        height: 18px; }
    .mobile #font .font_purchase .font_right_wrap .stars_wrap {
      height: 20px !important; }
    .mobile #font .font_purchase .font_right_wrap .stars_wrap i.sd {
      width: 20px !important;
      height: 20px !important; }
    .mobile #font .font_purchase .font_right_wrap .ic-star {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%23ccc'/%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%23ccc'/%3E%3C/svg%3E%0A"); }
    .mobile #font .font_purchase .font_right_wrap .review_avg {
      font-size: 0.625rem;
      border: 1px solid #eaeaea;
      padding: 0 4px;
      border-radius: 4px; }
    .mobile #font .font_purchase .font_right_wrap .price .fs-title-2 > span:last-child {
      font-size: 1rem; }
  .mobile #font .font_purchase .purchaseForm .btn-wrap.d-flex.position-fixed {
    left: 0;
    padding: 0 5.3%;
    bottom: 95px;
    z-index: 5; }
  .mobile #font .font_purchase .purchaseForm .btn-wrap.d-flex .add-myfontlist {
    position: relative;
    right: inherit;
    top: inherit;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff; }
  .mobile #font .font_purchase .purchaseForm .btn-wrap.d-flex .btn-size-lg {
    width: calc(100% - 60px); }
  .mobile #font .font_purchase .purchaseForm .dropdown-menu {
    width: 100%;
    border-radius: 0;
    max-height: 192px;
    overflow-y: auto; }
    .mobile #font .font_purchase .purchaseForm .dropdown-menu .dropdown-item {
      display: flex;
      justify-content: space-between;
      padding: 17px 20px;
      font-size: 0.875rem; }
      .mobile #font .font_purchase .purchaseForm .dropdown-menu .dropdown-item:hover {
        background: #f9f9f9; }
      .mobile #font .font_purchase .purchaseForm .dropdown-menu .dropdown-item:focus, .mobile #font .font_purchase .purchaseForm .dropdown-menu .dropdown-item:active {
        color: #4173fa; }
      .mobile #font .font_purchase .purchaseForm .dropdown-menu .dropdown-item .weight-name {
        margin-right: auto; }
      .mobile #font .font_purchase .purchaseForm .dropdown-menu .dropdown-item .sale {
        color: #4173fa; }
  .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap {
    min-height: 12px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    transition: height 0.5s, max-height 0.5s;
    overflow: hidden;
    max-height: 18px;
    white-space: nowrap; }
    .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap.hide {
      max-height: calc(12px * 1.5);
      overflow: hidden;
      position: relative;
      padding-right: 16px; }
      .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap.hide .morebtn {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/btn-tag-seemore.png");
        display: inline-block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        background-color: #fff; }
    .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap.show {
      max-height: inherit; }
      .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap.show .morebtn {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        bottom: 0;
        border: none;
        background-color: #fff;
        background-image: url("https://media.sandollcloud.com/static/images/PSP/icon/btn-tag-seeless.png"); }
    .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap > .text-sandoll,
    .mobile #font .font_purchase .purchaseForm .fs-txt-3.tag-wrap > .text-999 {
      line-height: 1.61; }
  .mobile #font .font_purchase .purchaseForm p.description {
    line-height: 1.61;
    margin: 0.25rem 0 1.25rem; }
  .mobile #font .font_purchase .purchaseForm .stars_wrap {
    height: 16px; }
    .mobile #font .font_purchase .purchaseForm .stars_wrap i.sd {
      width: 16px;
      height: 16px;
      margin-left: -4px; }
      .mobile #font .font_purchase .purchaseForm .stars_wrap i.sd:first-child {
        margin-left: 0; }
  .mobile #font .font_purchase .purchaseForm .form-group.border-top {
    border-top: 1px solid #dddddd;
    padding-top: 1.25rem; }
  .mobile #font .font_purchase .purchaseForm .fs-txt-4.p_review_cnt {
    display: inline-flex;
    align-items: center;
    color: #1c1c1c; }
  .mobile #font .font_purchase .purchaseForm .form-control {
    padding: 12px 20px;
    font-size: 0.875rem;
    margin-bottom: 0.75rem; }
  .mobile #font .font_purchase .purchaseForm .nav .nav-item {
    width: 50%; }
  .mobile #font .font_purchase .purchaseForm .nav .nav-link {
    width: 100%;
    padding: 1rem 0 0.75rem;
    font-size: 0.875rem;
    background: white;
    border: none;
    border-bottom: 1px solid #dddddd;
    color: #999999;
    text-align: center; }
    .mobile #font .font_purchase .purchaseForm .nav .nav-link.active {
      border-bottom: 1px solid #4173fa;
      color: #4173fa; }
  .mobile #font .font_purchase .purchaseForm .selectedList li {
    font-size: 0.875rem; }

.mobile #font .fontExampleArea .swiper-slide {
  max-height: auto; }

.mobile #font .fontExampleArea .fontExampleImg_swiper2 {
  margin-top: 0.5rem;
  margin-right: -5.5%; }
  .mobile #font .fontExampleArea .fontExampleImg_swiper2 .swiper-slide {
    max-width: 106px;
    max-height: 53px;
    position: relative; }
    .mobile #font .fontExampleArea .fontExampleImg_swiper2 .swiper-slide img {
      height: 53px; }

.mobile #font .font_info,
.mobile #font .license_info {
  border-top: none; }
  .mobile #font .font_info ul li,
  .mobile #font .license_info ul li {
    margin-bottom: 1.25rem; }
    .mobile #font .font_info ul li .fs-title-4,
    .mobile #font .license_info ul li .fs-title-4 {
      margin-bottom: 0;
      width: 100%;
      background-image: none; }
    .mobile #font .font_info ul li a,
    .mobile #font .license_info ul li a {
      text-decoration: underline;
      color: #333333; }
    .mobile #font .font_info ul li .fs-txt-3,
    .mobile #font .license_info ul li .fs-txt-3 {
      width: 100%;
      margin-bottom: 0; }
    .mobile #font .font_info ul li.lang,
    .mobile #font .license_info ul li.lang {
      cursor: pointer; }
      .mobile #font .font_info ul li.lang p.fs-txt-2,
      .mobile #font .license_info ul li.lang p.fs-txt-2 {
        height: 1.5rem;
        padding-right: 20px;
        width: auto;
        overflow: hidden;
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: right 2px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
      .mobile #font .font_info ul li.lang.open p.fs-txt-2,
      .mobile #font .license_info ul li.lang.open p.fs-txt-2 {
        height: auto;
        overflow: auto;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    .mobile #font .font_info ul li:last-child,
    .mobile #font .license_info ul li:last-child {
      margin-bottom: 0; }
      .mobile #font .font_info ul li:last-child .fs-txt-2,
      .mobile #font .license_info ul li:last-child .fs-txt-2 {
        margin-bottom: 0; }

.mobile #font .font_info,
.mobile #font .font_product,
.mobile #font .license_info,
.mobile #font .related_content {
  width: 100%;
  margin-bottom: 0px;
  padding: 20px 0; }
  .mobile #font .font_info h3,
  .mobile #font .font_product h3,
  .mobile #font .license_info h3,
  .mobile #font .related_content h3 {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .mobile #font .font_info > *:not(h3),
  .mobile #font .font_product > *:not(h3),
  .mobile #font .license_info > *:not(h3),
  .mobile #font .related_content > *:not(h3) {
    display: none; }
  .mobile #font .font_info.open,
  .mobile #font .font_product.open,
  .mobile #font .license_info.open,
  .mobile #font .related_content.open {
    padding-bottom: 40px; }
    .mobile #font .font_info.open h3,
    .mobile #font .font_product.open h3,
    .mobile #font .license_info.open h3,
    .mobile #font .related_content.open h3 {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    .mobile #font .font_info.open > *:not(h3),
    .mobile #font .font_product.open > *:not(h3),
    .mobile #font .license_info.open > *:not(h3),
    .mobile #font .related_content.open > *:not(h3) {
      display: block; }
    .mobile #font .font_info.open .product_item .items,
    .mobile #font .font_product.open .product_item .items,
    .mobile #font .license_info.open .product_item .items,
    .mobile #font .related_content.open .product_item .items {
      display: flex; }
  .mobile #font .font_info .position-fixed.btn-wrap,
  .mobile #font .font_product .position-fixed.btn-wrap,
  .mobile #font .license_info .position-fixed.btn-wrap,
  .mobile #font .related_content .position-fixed.btn-wrap {
    left: 0;
    bottom: 95px;
    z-index: 9;
    padding: 0 5.4%;
    background: white; }

.mobile #font .fontDesc.filterForm .preview-text-input {
  width: 100%;
  padding-left: 32px;
  background-position: 0px center; }

.mobile #font .reviewImageSlider {
  margin-bottom: 1.25rem;
  margin-top: 0.75rem; }
  .mobile #font .reviewImageSlider .swiper-slide {
    max-width: 106px;
    max-height: 106px;
    margin-right: 0.5rem;
    width: 106px;
    height: 106px; }
    .mobile #font .reviewImageSlider .swiper-slide.more {
      background: rgba(28, 28, 28, 0.5);
      justify-content: center;
      align-items: center;
      display: flex; }
      .mobile #font .reviewImageSlider .swiper-slide.more > a {
        display: inline-flex;
        flex-direction: column; }
    .mobile #font .reviewImageSlider .swiper-slide img {
      width: 106px;
      height: 106px;
      border-radius: 4px;
      background: #dddddd;
      object-fit: contain; }

.mobile #font .font_preview_list.paragraph li {
  padding: 30px 20px; }

.mobile #font .product_item a > .items:last-child {
  margin-bottom: 0; }

.mobile #font .product_item a > .items img {
  width: 106px;
  height: 106px;
  margin-right: 0.75rem; }

.mobile #font .product_item a > .items .text-wrap {
  width: calc(100% - 118px);
  padding-right: 0.875rem; }

.mobile #font .review_list li {
  padding: 20px 0px; }
  .mobile #font .review_list li > div .writer {
    font-weight: bold;
    color: #999999; }
  .mobile #font .review_list li > div.reviewNphoto.open .fs-txt-2.txt {
    overflow: inherit;
    max-height: inherit; }
  .mobile #font .review_list li > div.reviewNphoto.open .reply p {
    overflow: inherit;
    max-height: inherit; }
  .mobile #font .review_list li > div.reviewNphoto .fs-txt-2.txt {
    margin: 0.75rem 0 0.5rem;
    max-height: 1rem; }
  .mobile #font .review_list li > div.reviewNphoto .review_img {
    width: 106px;
    height: 106px;
    border-radius: 4px;
    position: relative;
    object-fit: contain; }
  .mobile #font .review_list li > div.reviewNphoto .more {
    font-size: 0.875rem;
    margin-top: 0.5rem; }
  .mobile #font .review_list li > div .reply p {
    background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A");
    padding-left: 26px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    line-height: 1.64;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(14px * 1.68 * 2); }

.mobile #font .trial_info {
  padding: 2.5rem 0 2.5rem;
  background-color: #f9f9f9; }
  .mobile #font .trial_info .d-flex.align-items-center {
    margin-bottom: 40px; }
  .mobile #font .trial_info img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 16px 0 0; }
  .mobile #font .trial_info h3 {
    font-size: 0.875rem;
    font-weight: bold;
    margin-bottom: 0.25rem; }
  .mobile #font .trial_info p {
    font-size: 0.75rem;
    line-height: 1.68; }

.mobile #font .container-1160 > .caution {
  background: #f9f9f9;
  padding: 32px 20px;
  margin-bottom: 0; }
  .mobile #font .container-1160 > .caution ul {
    list-style: "· ";
    align-items: flex-start !important;
    flex-direction: column;
    padding-left: 10px; }
    .mobile #font .container-1160 > .caution ul li {
      line-height: 1.61; }

.mobile #font .free_desc {
  margin: 1.875rem 0 5rem; }
  .mobile #font .free_desc img {
    width: 100%;
    height: auto; }
  .mobile #font .free_desc .pd-right {
    padding-right: 26.2%; }
  .mobile #font .free_desc .pd-left {
    padding-left: 26.2%; }
  .mobile #font .free_desc .pd-center {
    padding: 0 13.1%; }

.mobile #font .free_link .d-flex > * {
  width: 100%; }
  .mobile #font .free_link .d-flex > *.fs-txt-1 {
    color: #333333;
    word-break: keep-all; }

.mobile #font .freefont_main .btn-sandoll {
  width: 150px;
  height: 48px;
  padding: 14px 0; }

.mobile #font .freefont_main img.d-block {
  width: 100%; }

.mobile #font .trial_main {
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/trial_m.png");
  height: 23.4375rem;
  align-items: flex-start;
  padding-top: 70px; }

.mobile .font_2_1 .fontfilterForm .filter-select-wrap {
  margin-top: 0.5rem; }
  .mobile .font_2_1 .fontfilterForm .filter-select-wrap > div button:not(.select-wrap) {
    background-position: 100% center; }

.mobile .font_2_1 .fontfilterForm .list-order-wrap > .select-wrap {
  background-color: transparent;
  padding: 5px 22px 5px 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #999999;
  background-size: 12px 12px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) center; }
  .mobile .font_2_1 .fontfilterForm .list-order-wrap > .select-wrap[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }

.mobile .font_2_1 .fontfilterForm .list-order-wrap.ms-auto {
  margin-right: 0.375rem; }

.mobile .font_2_1 .fontfilterForm .list-order-wrap .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }
  .mobile .font_2_1 .fontfilterForm .list-order-wrap .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    padding-top: 10px; }
    .mobile .font_2_1 .fontfilterForm .list-order-wrap .modal-dialog .modal-content .list-group {
      border: none;
      width: 100%;
      border-radius: 0;
      margin-bottom: 20px; }
      .mobile .font_2_1 .fontfilterForm .list-order-wrap .modal-dialog .modal-content .list-group input[type="radio"] {
        display: none; }
      .mobile .font_2_1 .fontfilterForm .list-order-wrap .modal-dialog .modal-content .list-group input[type="radio"]:checked + label {
        color: #4173fa; }
      .mobile .font_2_1 .fontfilterForm .list-order-wrap .modal-dialog .modal-content .list-group .list-group-item {
        padding: 12px 0;
        cursor: pointer;
        border: none;
        font-size: 0.875rem; }

.mobile .font_2_1 #fontFilterMenu ~ .modal-backdrop.show {
  background: #1c1c1c; }

.mobile .font_2_1 .container-1160 {
  padding-top: 34px;
  margin: 0 auto; }
  .mobile .font_2_1 .container-1160:last-child {
    padding-bottom: 200px; }

.mobile .font_2_1.fontDesc .font_contents {
  width: 100%; }

.mobile .font_2_1.fontDesc .font_basic_info {
  position: relative; }
  .mobile .font_2_1.fontDesc .font_basic_info h3.cpname {
    font-size: 0.875rem;
    margin-bottom: 0.5rem; }
    .mobile .font_2_1.fontDesc .font_basic_info h3.cpname i {
      width: 18px;
      height: 18px; }
  .mobile .font_2_1.fontDesc .font_basic_info h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem; }
    .mobile .font_2_1.fontDesc .font_basic_info h1 img {
      height: 40px; }
  .mobile .font_2_1.fontDesc .font_basic_info .description {
    max-height: calc(14px * 5 * 1.68); }
  .mobile .font_2_1.fontDesc .font_basic_info .tag-wrap.hide .morebtn {
    top: 3px; }
  .mobile .font_2_1.fontDesc .font_basic_info .font_info_list li {
    width: 100%; }
    .mobile .font_2_1.fontDesc .font_basic_info .font_info_list li span {
      padding-right: 0; }

.mobile .font_2_1.fontDesc .font_preview .font_preview_list li {
  margin-top: 1.5rem; }

.mobile .font_2_1.fontDesc .font_preview .rounded-form {
  padding: 0; }
  .mobile .font_2_1.fontDesc .font_preview .rounded-form > .form-group {
    height: 55px; }
  .mobile .font_2_1.fontDesc .font_preview .rounded-form .preview-text-wrap {
    width: 100%;
    flex: auto; }
  .mobile .font_2_1.fontDesc .font_preview .rounded-form .font-size-wrap {
    width: calc(100% - 82px); }
    .mobile .font_2_1.fontDesc .font_preview .rounded-form .font-size-wrap:after {
      top: 18px; }
    .mobile .font_2_1.fontDesc .font_preview .rounded-form .font-size-wrap .range-slider {
      width: 100%; }

.mobile .font_2_1.fontDesc .fontExampleArea .swiper-slide {
  max-height: calc(100vh / 2); }

.mobile .font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 {
  width: calc(100% + (100vw * 0.054)); }
  .mobile .font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-slide {
    max-width: 100px;
    max-height: 50px; }
    .mobile .font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 .swiper-slide img {
      height: 50px; }

.mobile .font_2_1.fontDesc .contents_wrap {
  max-height: 190px; }
  .mobile .font_2_1.fontDesc .contents_wrap .more {
    font-size: 0.75rem;
    padding: 14px 0;
    z-index: 1; }
    .mobile .font_2_1.fontDesc .contents_wrap .more:after {
      bottom: 40px; }

.mobile .font_2_1.fontDesc .related_content {
  margin-bottom: 1.25rem; }

.mobile .font_2_1.fontDesc .similar_fonts h2.d-flex .swiper-control-prev,
.mobile .font_2_1.fontDesc .similar_fonts h2.d-flex .swiper-control-next,
.mobile .font_2_1.fontDesc .similar_fonts h2.d-flex button,
.mobile .font_2_1.fontDesc .recommend_fonts h2.d-flex .swiper-control-prev,
.mobile .font_2_1.fontDesc .recommend_fonts h2.d-flex .swiper-control-next,
.mobile .font_2_1.fontDesc .recommend_fonts h2.d-flex button {
  padding: 0;
  width: 24px;
  height: 24px;
  margin-left: 0.5rem;
  display: inline-block; }

.mobile .font_2_1.fontDesc .similar_fonts h2.d-flex i.sd,
.mobile .font_2_1.fontDesc .recommend_fonts h2.d-flex i.sd {
  width: 24px;
  height: 24px; }

.mobile .font_2_1.fontDesc .similar_fonts .search-list,
.mobile .font_2_1.fontDesc .recommend_fonts .search-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: inherit; }

.mobile .font_2_1.fontDesc .similar_fonts .carousel-control-prev,
.mobile .font_2_1.fontDesc .similar_fonts .carousel-control-next,
.mobile .font_2_1.fontDesc .recommend_fonts .carousel-control-prev,
.mobile .font_2_1.fontDesc .recommend_fonts .carousel-control-next {
  display: block !important;
  opacity: 1; }

.mobile .font_2_1.fontDesc .similar_fonts .swiper-button-disabled,
.mobile .font_2_1.fontDesc .recommend_fonts .swiper-button-disabled {
  opacity: 0.2; }

.mobile .font_2_1.fontDesc .btn-wrap.d-flex.position-fixed {
  left: 0;
  margin: 0 5.3%;
  width: 89.4%;
  bottom: 95px;
  z-index: 5; }

.mobile .font_2_1.fontDesc .btn-wrap.d-flex .add-myfontlist {
  position: relative;
  right: inherit;
  top: inherit;
  width: 48px;
  height: 48px;
  border: 1px solid #dddddd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  background-color: #fff;
  flex: 1; }

.mobile .font_2_1.fontDesc .trial_content + .discount_content ~ .order_btn_wrap.btn-wrap {
  bottom: 216px; }

.mobile .font_2_1.fontDesc .trial_content + .discount_content .position-fixed.btn-wrap {
  bottom: 155px; }

.mobile .font_2_1.fontDesc .trial_content ~ .notsale_content .position-fixed.btn-wrap {
  bottom: 155px; }

.mobile .font_2_1.fontDesc .discount_content ~ .order_btn_wrap.btn-wrap,
.mobile .font_2_1.fontDesc .trial_content ~ .order_btn_wrap.btn-wrap {
  bottom: 155px; }

.mobile .font_2_1.fontDesc .font_purchase {
  max-width: 100%;
  width: 100%;
  padding: 0 20px;
  position: relative;
  top: inherit;
  z-index: inherit;
  background: transparent; }
  .mobile .font_2_1.fontDesc .font_purchase .btn-wrap {
    margin-bottom: 0; }
    .mobile .font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn {
      height: 48px; }
    .mobile .font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .btn:not(.add-myfontlist) {
      width: calc(50% - 4px);
      border-radius: 8px; }
    .mobile .font_2_1.fontDesc .font_purchase .btn-wrap.d-flex .add-myfontlist + .btn-default {
      width: calc(100% - 56px);
      flex: 8; }
  .mobile .font_2_1.fontDesc .font_purchase .fontweight-dropdown > .select-wrap {
    padding: 8px 12px; }
  .mobile .font_2_1.fontDesc .font_purchase .freefont_content + .fs-txt-3 .text-999 {
    line-height: 1.5;
    flex: 1; }

.mobile .font_2_1.fontDesc .font_review h2 .sd {
  width: 18px;
  height: 18px; }

.mobile .font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide {
  max-width: 106px;
  max-height: 106px;
  margin-right: 0.5rem;
  width: 106px;
  height: 106px; }
  .mobile .font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide.more {
    background: rgba(28, 28, 28, 0.5);
    justify-content: center;
    align-items: center;
    display: flex; }
    .mobile .font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide.more > a {
      display: inline-flex;
      flex-direction: column; }
  .mobile .font_2_1.fontDesc .font_review .reviewImageSlider .swiper-slide img {
    width: 106px;
    height: 106px;
    border-radius: 4px;
    background: #dddddd;
    object-fit: contain; }

.mobile .font_2_1.fontDesc .font_preview_list.paragraph li {
  padding: 30px 20px; }

.mobile .font_2_1.fontDesc .review_list li > div.reviewNphoto.open .fs-txt-2.txt {
  display: block;
  overflow: inherit;
  max-height: inherit; }

.mobile .font_2_1.fontDesc .review_list li > div.reviewNphoto.open .reply p {
  display: block;
  overflow: inherit;
  max-height: inherit; }

.mobile .font_2_1.fontDesc .review_list li > div.reviewNphoto .fs-txt-2.txt {
  margin: 0.75rem 0 0.5rem;
  max-height: calc(14px * 1.68);
  display: -webkit-box; }

.mobile .writeReviewModal .uploadImage_wrap,
.mobile .updateReviewModal .uploadImage_wrap {
  overflow-x: auto;
  margin-top: 12px;
  margin-bottom: 12px;
  width: calc(100% + 40px); }
  .mobile .writeReviewModal .uploadImage_wrap > label,
  .mobile .updateReviewModal .uploadImage_wrap > label {
    cursor: pointer;
    width: 106px;
    height: 106px;
    aspect-ratio: 1/1;
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2; }
    .mobile .writeReviewModal .uploadImage_wrap > label span i,
    .mobile .updateReviewModal .uploadImage_wrap > label span i {
      width: 10px;
      height: 10px; }
    .mobile .writeReviewModal .uploadImage_wrap > label input,
    .mobile .updateReviewModal .uploadImage_wrap > label input {
      opacity: 0;
      display: none; }
  .mobile .writeReviewModal .uploadImage_wrap .previewImg_wrap,
  .mobile .updateReviewModal .uploadImage_wrap .previewImg_wrap {
    width: 106px;
    height: 106px;
    position: relative;
    margin-right: 0.5rem;
    text-align: center; }
    .mobile .writeReviewModal .uploadImage_wrap .previewImg_wrap img,
    .mobile .updateReviewModal .uploadImage_wrap .previewImg_wrap img {
      max-width: 100%;
      max-height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center center;
      height: 100%; }
    .mobile .writeReviewModal .uploadImage_wrap .previewImg_wrap .ic-close-bg,
    .mobile .updateReviewModal .uploadImage_wrap .previewImg_wrap .ic-close-bg {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px; }

.mobile #viewReviewModal .modal-content .modal-body {
  padding: 58px 0 0; }

.mobile #viewReviewModal i.sd {
  width: 16px;
  height: 16px; }
  .mobile #viewReviewModal i.sd.prev-icon, .mobile #viewReviewModal i.sd.ic-close {
    width: 32px;
    height: 32px; }

.mobile #viewReviewModal .img_wrap {
  width: 100%;
  position: relative;
  height: inherit;
  margin-bottom: 1rem; }
  .mobile #viewReviewModal .img_wrap:after {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .mobile #viewReviewModal .img_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%; }

.mobile #fontLangModal .modal-content {
  height: 100vh; }

.mobile #fontLangModal .modal-content > .btn-close {
  top: 20px;
  right: 5.3%; }

.mobile #fontLangModal .modal-dialog {
  max-width: 100%;
  margin: 0 0; }

.mobile #fontLangModal .modal-body {
  padding: 40px 5.3% 36px; }

.mobile #licenseModal .modal-content,
.mobile #supportProgramModal .modal-content {
  height: 100vh;
  overflow: hidden; }

.mobile #licenseModal .modal-content > .btn-close,
.mobile #supportProgramModal .modal-content > .btn-close {
  top: 20px;
  right: 5.3%; }

.mobile #licenseModal .modal-dialog,
.mobile #supportProgramModal .modal-dialog {
  max-width: 100%;
  margin: 0 0; }

.mobile #licenseModal .modal-body,
.mobile #supportProgramModal .modal-body {
  padding: 40px 5.3% 36px; }

.mobile #licenseModal .scrollable-area,
.mobile #supportProgramModal .scrollable-area {
  margin-top: 20px;
  padding: 0;
  height: calc(100vh - 196px);
  background-color: transparent; }
  .mobile #licenseModal .scrollable-area table th,
  .mobile #supportProgramModal .scrollable-area table th {
    background: #f9f9f9; }
  .mobile #licenseModal .scrollable-area table td,
  .mobile #supportProgramModal .scrollable-area table td {
    padding: 14px 10px;
    border-bottom: 1px solid #dddddd;
    color: #333; }
    .mobile #licenseModal .scrollable-area table td:first-child,
    .mobile #supportProgramModal .scrollable-area table td:first-child {
      width: 100px;
      padding-right: 10px; }
  .mobile #licenseModal .scrollable-area::-webkit-scrollbar-track,
  .mobile #supportProgramModal .scrollable-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  .mobile #licenseModal .scrollable-area::-webkit-scrollbar,
  .mobile #supportProgramModal .scrollable-area::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  .mobile #licenseModal .scrollable-area::-webkit-scrollbar-thumb,
  .mobile #supportProgramModal .scrollable-area::-webkit-scrollbar-thumb {
    background-color: #1c1c1c; }

.mobile #supportProgramModal .scrollable-area {
  height: calc(100vh -  140px); }

.mobile #supportProgramModal .caution {
  background-color: #f9f9f9;
  padding: 32px 20px; }

#buyModal.show {
  display: flex !important; }

#buyModal .modal-dialog {
  max-width: 100%;
  margin: 0;
  width: 100%;
  margin-top: auto; }
  #buyModal .modal-dialog .modal-content {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
    #buyModal .modal-dialog .modal-content .modal-body {
      padding: 28px 5.4% 40px; }
      #buyModal .modal-dialog .modal-content .modal-body .btn.w-50 {
        height: 48px; }

#buyModal.toast-modal .modal-dialog .modal-content {
  padding: 20px 5.4% 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  #buyModal.toast-modal .modal-dialog .modal-content .modal-body {
    padding: 0; }
    #buyModal.toast-modal .modal-dialog .modal-content .modal-body h3 {
      line-height: 1.48;
      font-size: 1.25rem;
      margin-bottom: 0.625rem; }

#releaseCouponModal .modal-body .d-flex:not(.btn-wrap) {
  margin-bottom: 1.75rem; }
  #releaseCouponModal .modal-body .d-flex:not(.btn-wrap) > div {
    max-width: 125px;
    width: 30%;
    position: relative; }
    #releaseCouponModal .modal-body .d-flex:not(.btn-wrap) > div:after {
      content: "";
      position: absolute;
      top: calc(50% - 10px);
      background-repeat: no-repeat;
      background-size: 10px 20px;
      right: -14px;
      display: inline-block;
      width: 10px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='12' height='22' viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 11L1 21' stroke='%23DDDDDD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
    #releaseCouponModal .modal-body .d-flex:not(.btn-wrap) > div:last-child::after {
      display: none; }
  #releaseCouponModal .modal-body .d-flex:not(.btn-wrap) img {
    width: 60px;
    height: 60px;
    margin: 0 auto 4px; }
  #releaseCouponModal .modal-body .d-flex:not(.btn-wrap) p.text-999 {
    font-size: 0.75rem;
    text-align: center; }

#releaseCouponModal .modal-body p.fs-txt-4,
#releaseCouponModal .modal-body .infoText {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99884 15.9981C8.61067 15.9982 7.26578 15.5177 6.19269 14.637C5.11959 13.7564 4.38466 12.5305 4.11383 11.169C3.843 9.80753 4.0527 8.39425 4.70709 7.17C5.36149 5.94575 6.42018 4.98635 7.7027 4.45516C8.98522 3.92397 10.4124 3.85437 11.7408 4.25741C13.0692 4.66044 14.2167 5.51157 14.9879 6.66585C15.759 7.82013 16.1055 9.20528 15.9693 10.5868C15.8331 11.9682 15.2225 13.2601 14.2408 14.2415C13.6849 14.8002 13.0243 15.2437 12.2962 15.5452C11.5681 15.8468 10.7869 16.0001 9.99884 15.9981ZM10.0025 8.54696C9.93498 8.53892 9.86628 8.54473 9.80109 8.56405C9.73589 8.58336 9.67633 8.61574 9.62409 8.65926C9.57184 8.70279 9.52912 8.75732 9.49835 8.81795C9.46758 8.87859 9.44892 8.94418 9.44464 9.01204V12.9842C9.44714 13.0518 9.46393 13.1175 9.49347 13.1783C9.52301 13.2391 9.56519 13.2932 9.61676 13.337C9.66833 13.3807 9.72771 13.413 9.79254 13.4322C9.85737 13.4514 9.92566 13.4566 9.99274 13.4481C10.0606 13.4568 10.1297 13.4525 10.1954 13.4334C10.2611 13.4144 10.3221 13.3818 10.3748 13.3382C10.4275 13.2946 10.4707 13.2405 10.5018 13.1795C10.5328 13.1186 10.5512 13.0525 10.5555 12.9842V9.01204C10.5512 8.94472 10.5333 8.87942 10.503 8.81917C10.4726 8.75892 10.43 8.7052 10.3785 8.6617C10.3269 8.6182 10.2672 8.58626 10.2027 8.56649C10.1382 8.54672 10.0708 8.53982 10.0037 8.54696H10.0025ZM9.99274 6.54744C9.9076 6.54557 9.82274 6.56089 9.74371 6.59261C9.66469 6.62433 9.59275 6.67156 9.53253 6.73177C9.47232 6.79198 9.42509 6.86392 9.39337 6.94295C9.36165 7.02198 9.34633 7.10684 9.34821 7.19198C9.34764 7.27586 9.3646 7.35876 9.39703 7.43612C9.42947 7.51348 9.4772 7.58401 9.53742 7.64242C9.59763 7.70082 9.66906 7.74542 9.74738 7.77547C9.82569 7.80553 9.90891 7.8201 9.99274 7.81698C10.0769 7.81964 10.1607 7.80559 10.2393 7.77547C10.3179 7.74536 10.3897 7.69939 10.4505 7.64119C10.5113 7.583 10.5598 7.51332 10.5933 7.43612C10.6269 7.35891 10.6448 7.27614 10.6458 7.19198C10.6462 7.10663 10.6297 7.02178 10.597 6.94295C10.5643 6.86413 10.5161 6.79299 10.4554 6.73299C10.3947 6.67299 10.3222 6.62565 10.243 6.59383C10.1638 6.56201 10.0793 6.54611 9.99396 6.54744H9.99274Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }

#releaseCouponModal .modal-body .infoText {
  background-position-y: -1px; }

#fontStyleModal .modal-dialog {
  max-width: 60.5rem; }

#fontStyleModal .modal-content .modal-body {
  padding: 80px 100px 90px 60px; }

#fontStyleModal .modal-content .tab-content-wrap {
  width: calc(100% - 236px); }
  #fontStyleModal .modal-content .tab-content-wrap .tab-contents {
    display: none; }
    #fontStyleModal .modal-content .tab-content-wrap .tab-contents.active {
      display: block; }
  #fontStyleModal .modal-content .tab-content-wrap h3 {
    line-height: 1.5; }
  #fontStyleModal .modal-content .tab-content-wrap p {
    line-height: 1.64;
    font-size: 0.875rem; }
  #fontStyleModal .modal-content .tab-content-wrap img {
    max-width: 100%; }
  #fontStyleModal .modal-content .tab-content-wrap .d-flex {
    justify-content: space-between; }
    #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-3 > div {
      width: calc(33.3% - (32px / 3)); }
      #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-3 > div img {
        width: 180px;
        height: 220px;
        object-fit: contain;
        margin-bottom: 16px; }
    #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-2 > div {
      width: calc(50% - 8px); }
      #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-2 > div img {
        width: 278px;
        height: 220px;
        object-fit: contain;
        margin-bottom: 8px; }

#fontStyleModal .modal-content #fontStyle-nav {
  width: 180px;
  margin-right: 56px;
  font-size: 0.75rem; }
  #fontStyleModal .modal-content #fontStyle-nav input[name="fontstyle_modal"] {
    display: none; }
  #fontStyleModal .modal-content #fontStyle-nav input[name="fontstyle_modal"] + label {
    background-color: #fff;
    padding: 4px;
    color: #999999;
    border-bottom: none;
    display: flex;
    align-items: center;
    line-height: 1.68;
    cursor: pointer; }
  #fontStyleModal .modal-content #fontStyle-nav input[name="fontstyle_modal"]:checked + label {
    color: #4173fa; }
  #fontStyleModal .modal-content #fontStyle-nav .card {
    border-radius: 0;
    margin-top: 0.5rem;
    border: none;
    overflow: hidden; }
    #fontStyleModal .modal-content #fontStyle-nav .card:has(.card-body) {
      border-bottom: 1px solid #eaeaea; }
    #fontStyleModal .modal-content #fontStyle-nav .card .card-header {
      font-size: 1rem;
      color: #1c1c1c; }
      #fontStyleModal .modal-content #fontStyle-nav .card .card-header i {
        width: 16px;
        height: 16px; }
    #fontStyleModal .modal-content #fontStyle-nav .card .card-body {
      padding: 8px 4px; }
      #fontStyleModal .modal-content #fontStyle-nav .card .card-body .list-group {
        flex-wrap: wrap;
        flex-direction: row;
        font-size: 0.875rem; }
        #fontStyleModal .modal-content #fontStyle-nav .card .card-body .list-group > div {
          display: inline-block; }

.toast-right-nav {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  z-index: 1000;
  width: 100%;
  max-width: 380px;
  background: #fff;
  border-left: 1px solid #dddddd;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
  transform: translateX(calc(100% + 44px));
  transition: transform 0.5s; }
  .toast-right-nav.show {
    transform: none; }
  .toast-right-nav .nav-content {
    position: relative; }
    .toast-right-nav .nav-content > .btn-icon {
      position: absolute;
      top: 12px;
      left: -44px;
      z-index: 999;
      width: 32px;
      height: 32px;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23999999'/%3E%3Cpath d='M20.2386 11.1602C20.1601 11.1599 20.0822 11.1758 20.01 11.2067C19.9378 11.2377 19.8726 11.2831 19.8186 11.3402L11.3286 19.8302C11.2181 19.944 11.1563 20.0964 11.1562 20.2551C11.1562 20.4138 11.2181 20.5662 11.3286 20.68C11.3833 20.7363 11.4485 20.7812 11.5206 20.8121C11.5927 20.843 11.6702 20.8593 11.7486 20.86C11.8272 20.8602 11.905 20.8444 11.9773 20.8134C12.0495 20.7824 12.1146 20.737 12.1686 20.68L20.6586 12.19C20.7692 12.0762 20.831 11.9238 20.831 11.7651C20.831 11.6064 20.7692 11.454 20.6586 11.3402C20.6052 11.2824 20.5402 11.2364 20.4679 11.2054C20.3955 11.1744 20.3174 11.159 20.2386 11.1602Z' fill='white'/%3E%3Cpath d='M11.7604 11.1609C11.6818 11.1606 11.604 11.1765 11.5317 11.2074C11.4595 11.2384 11.3944 11.2838 11.3404 11.3409C11.2298 11.4547 11.168 11.6071 11.168 11.7658C11.168 11.9244 11.2298 12.0769 11.3404 12.1907L19.8304 20.6807C19.885 20.737 19.9502 20.7819 20.0223 20.8128C20.0944 20.8437 20.1719 20.8599 20.2504 20.8607C20.329 20.8609 20.4068 20.845 20.479 20.8141C20.5512 20.7831 20.6163 20.7377 20.6704 20.6807C20.7809 20.5669 20.8428 20.4144 20.8428 20.2558C20.8428 20.0971 20.7809 19.9447 20.6704 19.8309L12.1804 11.3304C12.0666 11.2232 11.9167 11.1624 11.7604 11.1602V11.1609Z' fill='white'/%3E%3C/svg%3E%0A"); }
    .toast-right-nav .nav-content .w-100 {
      max-height: calc(100vh - 85px);
      overflow-y: auto;
      overflow-x: hidden; }
      .toast-right-nav .nav-content .w-100::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 8px white;
        background-color: #ffffff; }
      .toast-right-nav .nav-content .w-100::-webkit-scrollbar {
        width: 8px;
        background-color: #ffffff; }
      .toast-right-nav .nav-content .w-100::-webkit-scrollbar-thumb {
        background-color: #cccccc; }
    .toast-right-nav .nav-content ul.list-style-none li {
      background-color: #f9f9f9;
      padding: 12px 20px;
      position: relative;
      border-bottom: 1px solid #dddddd; }
      .toast-right-nav .nav-content ul.list-style-none li .preview {
        display: none !important; }
    .toast-right-nav .nav-content ul li.myfont .cpname,
    .toast-right-nav .nav-content ul li.myfont .badge {
      font-size: 0.75rem; }
    .toast-right-nav .nav-content ul li.myfont a {
      color: #1c1c1c; }
    .toast-right-nav .nav-content ul li.myfont p {
      line-height: 1.68; }
    .toast-right-nav .nav-content ul li.myfont h3 {
      white-space: nowrap;
      overflow: hidden;
      font-size: 1rem;
      font-weight: bold;
      padding: 8px 0; }
      .toast-right-nav .nav-content ul li.myfont h3 .fontname {
        color: #1c1c1c !important; }
    .toast-right-nav .nav-content ul li.myfont .allWeightBtn {
      border: none;
      background: transparent;
      cursor: inherit; }
    .toast-right-nav .nav-content ul li.myfont .btn {
      display: none !important; }
    .toast-right-nav .nav-content ul li .preview2 {
      display: none !important; }
    .toast-right-nav .nav-content ul li .font_chked {
      width: 1px;
      height: 1px;
      position: absolute;
      display: inline-block;
      top: 24px;
      right: 36px; }
    .toast-right-nav .nav-content ul li .toggle {
      position: absolute;
      top: 16px;
      z-index: 1;
      width: 32px;
      right: 20px;
      height: 18px;
      border-radius: 9px;
      background-color: #eaeaea;
      display: inline-block;
      cursor: pointer;
      transition: background-color 0.3s; }
      .toast-right-nav .nav-content ul li .toggle:after {
        content: "";
        display: inline-block;
        background: #ffffff;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        margin-top: 2px;
        margin-left: 2px;
        transition: margin-left 0.3s; }
      .toast-right-nav .nav-content ul li .toggle.disabled {
        cursor: inherit !important; }
    .toast-right-nav .nav-content ul li.activate .toggle {
      background-color: #4173fa; }
      .toast-right-nav .nav-content ul li.activate .toggle:after {
        margin-left: 16px; }
    .toast-right-nav .nav-content ul li.partly .toggle {
      background-color: #2AA716 !important; }
      .toast-right-nav .nav-content ul li.partly .toggle:after {
        margin-left: 16px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1H8.5' stroke='%232AA716' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }
    .toast-right-nav .nav-content ul li .addBookmarkBtn {
      position: absolute;
      z-index: 2;
      top: 11px;
      padding: 0;
      width: 28px;
      height: 28px;
      border: none;
      right: 58px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 9.42675L17.667 12.9997L18.04 13.7997L18.92 13.9067L22.84 14.3997L19.947 17.1197L19.307 17.7197L19.467 18.5867L20.214 22.4797L16.774 20.5727L16 20.1467L15.227 20.5737L11.787 22.4807L12.534 18.5877L12.694 17.7207L12.054 17.1207L9.16001 14.3997L13.08 13.9067L13.96 13.7997L14.333 12.9997L16 9.42675ZM16 6.73375C15.8474 6.73227 15.6977 6.77578 15.5697 6.85883C15.4416 6.94188 15.3409 7.0608 15.28 7.20075L12.88 12.3337L7.28001 13.0407C7.12975 13.0595 6.98788 13.1205 6.87091 13.2166C6.75393 13.3128 6.66665 13.4402 6.6192 13.584C6.57176 13.7278 6.5661 13.8821 6.60288 14.029C6.63967 14.1758 6.71739 14.3093 6.82701 14.4137L10.947 18.3067L9.88001 23.8797C9.85841 23.9953 9.86254 24.1142 9.89212 24.228C9.92169 24.3418 9.97598 24.4476 10.0511 24.5381C10.1263 24.6285 10.2204 24.7012 10.3269 24.7511C10.4333 24.801 10.5494 24.8268 10.667 24.8267C10.8038 24.8308 10.9387 24.7936 11.054 24.7197L15.987 21.9867L20.92 24.7197C21.0386 24.786 21.1713 24.8227 21.307 24.8267C21.4246 24.8268 21.5407 24.801 21.6472 24.7511C21.7536 24.7012 21.8478 24.6285 21.9229 24.5381C21.998 24.4476 22.0523 24.3418 22.0819 24.228C22.1115 24.1142 22.1156 23.9953 22.094 23.8797L21.027 18.3067L25.147 14.4137C25.2566 14.3093 25.3344 14.1758 25.3711 14.029C25.4079 13.8821 25.4023 13.7278 25.3548 13.584C25.3074 13.4402 25.2201 13.3128 25.1031 13.2166C24.9861 13.1205 24.8443 13.0595 24.694 13.0407L19.094 12.3337L16.693 7.19975C16.6409 7.05915 16.546 6.93845 16.4217 6.85466C16.2974 6.77087 16.1499 6.72823 16 6.73275V6.73375Z' fill='%23999'/%3E%3Cpath d='M16 9.42675L17.667 12.9997L18.04 13.7997L18.92 13.9067L22.84 14.3997L19.947 17.1197L19.307 17.7197L19.467 18.5867L20.214 22.4797L16.774 20.5727L16 20.1467L15.227 20.5737L11.787 22.4807L12.534 18.5877L12.694 17.7207L12.054 17.1207L9.16001 14.3997L13.08 13.9067L13.96 13.7997L14.333 12.9997L16 9.42675ZM16 6.73375C15.8474 6.73227 15.6977 6.77578 15.5697 6.85883C15.4416 6.94188 15.3409 7.0608 15.28 7.20075L12.88 12.3337L7.28001 13.0407C7.12975 13.0595 6.98788 13.1205 6.87091 13.2166C6.75393 13.3128 6.66665 13.4402 6.6192 13.584C6.57176 13.7278 6.5661 13.8821 6.60288 14.029C6.63967 14.1758 6.71739 14.3093 6.82701 14.4137L10.947 18.3067L9.88001 23.8797C9.85841 23.9953 9.86254 24.1142 9.89212 24.228C9.92169 24.3418 9.97598 24.4476 10.0511 24.5381C10.1263 24.6285 10.2204 24.7012 10.3269 24.7511C10.4333 24.801 10.5494 24.8268 10.667 24.8267C10.8038 24.8308 10.9387 24.7936 11.054 24.7197L15.987 21.9867L20.92 24.7197C21.0386 24.786 21.1713 24.8227 21.307 24.8267C21.4246 24.8268 21.5407 24.801 21.6472 24.7511C21.7536 24.7012 21.8478 24.6285 21.9229 24.5381C21.998 24.4476 22.0523 24.3418 22.0819 24.228C22.1115 24.1142 22.1156 23.9953 22.094 23.8797L21.027 18.3067L25.147 14.4137C25.2566 14.3093 25.3344 14.1758 25.3711 14.029C25.4079 13.8821 25.4023 13.7278 25.3548 13.584C25.3074 13.4402 25.2201 13.3128 25.1031 13.2166C24.9861 13.1205 24.8443 13.0595 24.694 13.0407L19.094 12.3337L16.693 7.19975C16.6409 7.05915 16.546 6.93845 16.4217 6.85466C16.2974 6.77087 16.1499 6.72823 16 6.73275V6.73375Z' fill='%23999'/%3E%3C/svg%3E%0A");
      background-size: 28px 28px;
      background-position: center center;
      cursor: pointer;
      transition: background-image 0.3s; }
      .toast-right-nav .nav-content ul li .addBookmarkBtn:checked {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%234173FA'/%3E%3Cpath d='M16.727 7.20039L19.127 12.3334L24.727 13.0404C24.8773 13.0591 25.0191 13.1201 25.1361 13.2163C25.2531 13.3124 25.3404 13.4398 25.3878 13.5836C25.4352 13.7274 25.4409 13.8817 25.4041 14.0286C25.3673 14.1755 25.2896 14.3089 25.18 14.4134L21.06 18.3064L22.127 23.8794C22.1562 24.0289 22.1421 24.1837 22.0863 24.3254C22.0306 24.4672 21.9355 24.5901 21.8123 24.6797C21.6891 24.7693 21.5429 24.8219 21.3908 24.8312C21.2388 24.8405 21.0872 24.8062 20.954 24.7324L16.021 21.9994L11.088 24.7324C10.9548 24.8062 10.8032 24.8405 10.6511 24.8312C10.4991 24.8219 10.3529 24.7693 10.2297 24.6797C10.1065 24.5901 10.0114 24.4672 9.95565 24.3254C9.89991 24.1837 9.8858 24.0289 9.91499 23.8794L10.982 18.3064L6.862 14.4134C6.75238 14.3089 6.67465 14.1755 6.63786 14.0286C6.60107 13.8817 6.60673 13.7274 6.65417 13.5836C6.70162 13.4398 6.7889 13.3124 6.90588 13.2163C7.02286 13.1201 7.16472 13.0591 7.31498 13.0404L12.915 12.3334L15.315 7.20039C15.3758 7.06397 15.4749 6.94809 15.6002 6.86678C15.7254 6.78546 15.8716 6.74219 16.021 6.74219C16.1704 6.74219 16.3165 6.78546 16.4418 6.86678C16.5671 6.94809 16.6662 7.06397 16.727 7.20039Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    .toast-right-nav .nav-content ul:not(.list-style-none) {
      height: 100%; }
      .toast-right-nav .nav-content ul:not(.list-style-none) li {
        position: relative;
        padding: 12px 0px 12px 20px;
        border-bottom: 1px solid #dddddd; }
        .toast-right-nav .nav-content ul:not(.list-style-none) li .preview {
          display: block !important;
          margin: 4px 0 0;
          line-height: 1.5 !important;
          overflow: hidden;
          white-space: nowrap;
          font-size: 28px; }

@media (min-width: 1920px) {
  article.font_2_1 .snb-headers.position-fixed > * {
    margin: 0 auto; }
  article.font_2_1:not(.theme-font) .search-list li.font2 {
    width: calc(25% - (60px / 4)) !important;
    margin-right: 20px; }
    article.font_2_1:not(.theme-font) .search-list li.font2:nth-of-type(4n) {
      margin-right: 0; }
    article.font_2_1:not(.theme-font) .search-list li.font2:nth-of-type(3n) {
      margin-right: 20px; }
    article.font_2_1:not(.theme-font) .search-list li.font2:nth-of-type(12n) {
      margin-right: 0; }
  article.font_2_1:not(.theme-font) .search-list li.myfont {
    width: 25%; }
  article.font_2_1:not(.theme-font) .search-list.list-row li.font2 {
    width: 100% !important; }
  article.font_2_1:not(.theme-font) .search-list.list-row li.myfont {
    width: 100% !important; }
  article.font_2_1:not(.theme-font) .search-list.list-paragraph li.myfont {
    width: calc(33.3% - 40px / 3) !important; }
    article.font_2_1:not(.theme-font) .search-list.list-paragraph li.myfont:nth-child(3n) {
      margin-right: 0px !important; }
    article.font_2_1:not(.theme-font) .search-list.list-paragraph li.myfont:nth-child(4n) {
      margin-right: 20px; } }

@media (max-width: 1919px) {
  article.font_2_1 form.d-flex > .container-1200 {
    padding-bottom: 0px; }
    article.font_2_1 form.d-flex > .container-1200.container-list {
      margin-left: 0;
      margin-right: auto; }
  article.font_2_1 .nav_banner .carousel-item div {
    max-width: 320px;
    left: 0;
    padding-left: 18px; }
  article.font_2_1 .snb-headers > * {
    margin-left: auto;
    margin-right: auto; }
  article.font_2_1 .rightMenu {
    padding-top: 0;
    width: calc(100% - 360px) !important;
    order: 3;
    max-width: 1200px;
    padding: 0 20px;
    margin-left: 360px; }
    article.font_2_1 .rightMenu .rankingFontsWrap {
      margin-top: 16px;
      padding-bottom: 200px; }
      article.font_2_1 .rightMenu .rankingFontsWrap ul {
        display: flex;
        flex-flow: column wrap;
        max-height: 310px; }
        article.font_2_1 .rightMenu .rankingFontsWrap ul li {
          margin-right: 20px;
          width: calc(33.3% - 20px); }
          article.font_2_1 .rightMenu .rankingFontsWrap ul li:nth-child(n+7):nth-child(-n+9) {
            margin-right: 0; } }

@media (min-width: 1600px) and (max-width: 1919px) {
  article.font_2_1 .rightMenu {
    width: 100% !important;
    margin-left: calc((100vw - 840px) / 2); }
  article.font_2_1 .similar_fonts .search-list li.font2,
  article.font_2_1 .recommend_fonts .search-list li.font2,
  article.font_2_1 .similar_fonts2 .search-list li.font2 {
    width: calc(25% - (60px / 4)) !important; }
    article.font_2_1 .similar_fonts .search-list li.font2:nth-of-type(4n),
    article.font_2_1 .recommend_fonts .search-list li.font2:nth-of-type(4n),
    article.font_2_1 .similar_fonts2 .search-list li.font2:nth-of-type(4n) {
      margin-right: 0px; }
    article.font_2_1 .similar_fonts .search-list li.font2:nth-of-type(3n),
    article.font_2_1 .recommend_fonts .search-list li.font2:nth-of-type(3n),
    article.font_2_1 .similar_fonts2 .search-list li.font2:nth-of-type(3n) {
      margin-right: 20px; } }

@media (min-width: 1240px) and (max-width: 1599px) {
  article#font .trial_info .d-flex > div {
    width: 50%;
    margin-bottom: 20px; }
  article.font_2_1 .similar_fonts .search-list li.font2,
  article.font_2_1 .recommend_fonts .search-list li.font2,
  article.font_2_1 .similar_fonts2 .search-list li.font2 {
    width: calc(25% - (60px / 4)) !important; }
    article.font_2_1 .similar_fonts .search-list li.font2:nth-of-type(4n),
    article.font_2_1 .recommend_fonts .search-list li.font2:nth-of-type(4n),
    article.font_2_1 .similar_fonts2 .search-list li.font2:nth-of-type(4n) {
      margin-right: 0px; }
    article.font_2_1 .similar_fonts .search-list li.font2:nth-of-type(3n),
    article.font_2_1 .recommend_fonts .search-list li.font2:nth-of-type(3n),
    article.font_2_1 .similar_fonts2 .search-list li.font2:nth-of-type(3n) {
      margin-right: 20px; }
  article.font_2_1 .search-list li.font2 {
    width: calc(33.3% - (40px / 3)) !important; }
    article.font_2_1 .search-list li.font2:nth-of-type(3n) {
      margin-right: 0px; }
  article.font_2_1 .search-list li.myfont {
    width: 50%; }
  article.font_2_1 .search-list.list-row li.font2 {
    width: 100% !important; }
  article.font_2_1 .search-list.list-row li.myfont {
    width: 100% !important; }
  article.font_2_1 .w-100 .container-1200 {
    width: 100%;
    max-width: 1240px; } }

@media (max-width: 1240px) {
  article#font .trial_info .d-flex > div {
    width: 50%;
    margin-bottom: 20px; }
  article.font_2_1.fontDesc .sticky-wrap {
    display: flex;
    padding-top: 12px;
    flex-direction: column;
    /* 모바일에서는 전체적으로 세로 정렬 */ }
    article.font_2_1.fontDesc .sticky-wrap .fontdesc_banner {
      margin-bottom: 1.75rem; }
      article.font_2_1.fontDesc .sticky-wrap .fontdesc_banner a img {
        max-height: 180px;
        aspect-ratio: 335/180; }
  article.font_2_1.fontDesc h1.font_name {
    font-size: 2.5rem;
    margin-bottom: 0.75rem; }
  article.font_2_1.fontDesc .font_basic_info .filter-tag-wrap span {
    font-size: 0.8125rem;
    padding: 1px 12px;
    margin-bottom: 0.25rem; }
  article.font_2_1.fontDesc .fontExampleArea .fontExampleImg_swiper2 {
    margin-top: 0.75rem; }
  article.font_2_1.fontDesc .content1-1 {
    order: 1; }
  article.font_2_1.fontDesc .content2 {
    margin-top: 1.75rem;
    order: 2;
    width: 100%;
    max-width: 100%;
    position: static;
    /* 모바일에서는 sticky를 제거 */ }
    article.font_2_1.fontDesc .content2.font_purchase {
      padding: 0; }
      article.font_2_1.fontDesc .content2.font_purchase .font_mini_info + .purchaseForm .range_price {
        margin-top: 30px;
        margin-bottom: 0; }
        article.font_2_1.fontDesc .content2.font_purchase .font_mini_info + .purchaseForm .range_price + .text-min.text-999 {
          margin-top: 0; }
      article.font_2_1.fontDesc .content2.font_purchase .btn-wrap.d-flex .add-myfontlist + .btn-sandoll {
        width: calc(100% - 68px); }
      article.font_2_1.fontDesc .content2.font_purchase .fontweight-dropdown {
        padding-top: 0;
        margin-top: 0;
        border-top: none; }
      article.font_2_1.fontDesc .content2.font_purchase .selectedList {
        margin-bottom: 0; }
        article.font_2_1.fontDesc .content2.font_purchase .selectedList:has(li) {
          margin-top: 10px; }
      article.font_2_1.fontDesc .content2.font_purchase .card {
        margin-top: 30px; }
  article.font_2_1.fontDesc .content1-2 {
    order: 3;
    transform: translateY(0) !important; }
  article.font_2_1.fontDesc .content3 {
    order: 4; }
  article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap {
    padding: 16px; }
    article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list li {
      flex-direction: column; }
    article.font_2_1.fontDesc .font_basic_info .font_info_list_wrap .font_info_list + .btn {
      font-size: 0.75rem; }
  article.font_2_1.fontDesc .font_basic_info .description {
    max-height: max-content !important;
    font-size: 0.875rem; }
  article.font_2_1.fontDesc .font_basic_info .tag-wrap.new a {
    font-size: 0.6875rem; }
  article.font_2_1.fontDesc .font_preview.new {
    margin-top: 1.75rem; }
    article.font_2_1.fontDesc .font_preview.new .basic-preview-list-wrap .rounded-form .preview-text-wrap {
      position: relative; }
      article.font_2_1.fontDesc .font_preview.new .basic-preview-list-wrap .rounded-form .preview-text-wrap:after {
        content: "";
        height: 1px;
        width: calc(100% + 32px);
        position: absolute;
        bottom: 0px !important;
        left: -16px !important;
        right: inherit;
        display: inline-block;
        top: inherit; }
      article.font_2_1.fontDesc .font_preview.new .basic-preview-list-wrap .rounded-form .preview-text-wrap .ic-close {
        top: 17px; }
    article.font_2_1.fontDesc .font_preview.new .rounded-form {
      padding-top: 0;
      padding-bottom: 0; }
      article.font_2_1.fontDesc .font_preview.new .rounded-form > *.preview-text-wrap {
        border-bottom: none;
        height: 58px; }
  article.font_2_1.fontDesc .font-variable-nav > button {
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    article.font_2_1.fontDesc .font-variable-nav > button .sd {
      width: 20px;
      height: 20px;
      margin-right: 4px; }
    article.font_2_1.fontDesc .font-variable-nav > button .ic-filter {
      opacity: 0.45; }
    article.font_2_1.fontDesc .font-variable-nav > button.active {
      color: #4173fa; }
      article.font_2_1.fontDesc .font-variable-nav > button.active .ic-filter {
        opacity: 1;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0062 7.20001C11.794 7.20001 11.5905 7.2843 11.4405 7.43433C11.2904 7.58436 11.2062 7.78784 11.2062 8.00002V11.2C11.2062 11.4122 11.2904 11.6157 11.4405 11.7657C11.5905 11.9157 11.794 12 12.0062 12C12.2183 12 12.4218 11.9157 12.5718 11.7657C12.7219 11.6157 12.8062 11.4122 12.8062 11.2V8.00002C12.8062 7.78784 12.7219 7.58436 12.5718 7.43433C12.4218 7.2843 12.2183 7.20001 12.0062 7.20001Z' fill='%234173FA'/%3E%3Cpath d='M12.0062 7.20001C11.794 7.20001 11.5905 7.2843 11.4405 7.43433C11.2904 7.58436 11.2062 7.78784 11.2062 8.00002V11.2C11.2062 11.4122 11.2904 11.6157 11.4405 11.7657C11.5905 11.9157 11.794 12 12.0062 12C12.2183 12 12.4218 11.9157 12.5718 11.7657C12.7219 11.6157 12.8062 11.4122 12.8062 11.2V8.00002C12.8062 7.78784 12.7219 7.58436 12.5718 7.43433C12.4218 7.2843 12.2183 7.20001 12.0062 7.20001Z' fill='%234173FA'/%3E%3Cpath d='M12.0062 20C11.9011 20 11.7971 20.0207 11.7 20.0609C11.603 20.1011 11.5148 20.16 11.4405 20.2343C11.3662 20.3086 11.3073 20.3968 11.2671 20.4939C11.2268 20.5909 11.2062 20.6949 11.2062 20.8V24C11.2062 24.2122 11.2904 24.4157 11.4405 24.5657C11.5905 24.7157 11.794 24.8 12.0062 24.8C12.2183 24.8 12.4218 24.7157 12.5718 24.5657C12.7219 24.4157 12.8062 24.2122 12.8062 24V20.8C12.8062 20.6949 12.7855 20.5909 12.7453 20.4939C12.7051 20.3968 12.6461 20.3086 12.5718 20.2343C12.4976 20.16 12.4094 20.1011 12.3123 20.0609C12.2152 20.0207 12.1112 20 12.0062 20Z' fill='%234173FA'/%3E%3Cpath d='M12.0062 20C11.9011 20 11.7971 20.0207 11.7 20.0609C11.603 20.1011 11.5148 20.16 11.4405 20.2343C11.3662 20.3086 11.3073 20.3968 11.2671 20.4939C11.2268 20.5909 11.2062 20.6949 11.2062 20.8V24C11.2062 24.2122 11.2904 24.4157 11.4405 24.5657C11.5905 24.7157 11.794 24.8 12.0062 24.8C12.2183 24.8 12.4218 24.7157 12.5718 24.5657C12.7219 24.4157 12.8062 24.2122 12.8062 24V20.8C12.8062 20.6949 12.7855 20.5909 12.7453 20.4939C12.7051 20.3968 12.6461 20.3086 12.5718 20.2343C12.4976 20.16 12.4094 20.1011 12.3123 20.0609C12.2152 20.0207 12.1112 20 12.0062 20Z' fill='%234173FA'/%3E%3Cpath d='M20.0071 13.6C19.795 13.6 19.5915 13.6843 19.4414 13.8344C19.2914 13.9844 19.2071 14.1879 19.2071 14.4V17.6C19.2071 17.8122 19.2914 18.0157 19.4414 18.1657C19.5915 18.3158 19.795 18.4 20.0071 18.4C20.2193 18.4 20.4228 18.3158 20.5728 18.1657C20.7228 18.0157 20.8071 17.8122 20.8071 17.6V14.4C20.8071 14.1879 20.7228 13.9844 20.5728 13.8344C20.4228 13.6843 20.2193 13.6 20.0071 13.6Z' fill='%234173FA'/%3E%3Cpath d='M20.0071 13.6C19.795 13.6 19.5915 13.6843 19.4414 13.8344C19.2914 13.9844 19.2071 14.1879 19.2071 14.4V17.6C19.2071 17.8122 19.2914 18.0157 19.4414 18.1657C19.5915 18.3158 19.795 18.4 20.0071 18.4C20.2193 18.4 20.4228 18.3158 20.5728 18.1657C20.7228 18.0157 20.8071 17.8122 20.8071 17.6V14.4C20.8071 14.1879 20.7228 13.9844 20.5728 13.8344C20.4228 13.6843 20.2193 13.6 20.0071 13.6Z' fill='%234173FA'/%3E%3Cpath d='M23.1999 21.593H15.1999C15.0948 21.593 14.9908 21.6137 14.8938 21.6539C14.7967 21.6941 14.7085 21.753 14.6342 21.8273C14.5599 21.9016 14.501 21.9898 14.4608 22.0869C14.4206 22.1839 14.3999 22.288 14.3999 22.393C14.3999 22.6052 14.4842 22.8087 14.6342 22.9587C14.7842 23.1087 14.9877 23.193 15.1999 23.193H23.1999C23.4121 23.193 23.6156 23.1087 23.7656 22.9587C23.9156 22.8087 23.9999 22.6052 23.9999 22.393C23.9999 22.288 23.9792 22.1839 23.939 22.0869C23.8988 21.9898 23.8399 21.9016 23.7656 21.8273C23.6913 21.753 23.6031 21.6941 23.5061 21.6539C23.409 21.6137 23.305 21.593 23.1999 21.593Z' fill='%234173FA'/%3E%3Cpath d='M23.1999 21.593H15.1999C15.0948 21.593 14.9908 21.6137 14.8938 21.6539C14.7967 21.6941 14.7085 21.753 14.6342 21.8273C14.5599 21.9016 14.501 21.9898 14.4608 22.0869C14.4206 22.1839 14.3999 22.288 14.3999 22.393C14.3999 22.6052 14.4842 22.8087 14.6342 22.9587C14.7842 23.1087 14.9877 23.193 15.1999 23.193H23.1999C23.4121 23.193 23.6156 23.1087 23.7656 22.9587C23.9156 22.8087 23.9999 22.6052 23.9999 22.393C23.9999 22.288 23.9792 22.1839 23.939 22.0869C23.8988 21.9898 23.8399 21.9016 23.7656 21.8273C23.6913 21.753 23.6031 21.6941 23.5061 21.6539C23.409 21.6137 23.305 21.593 23.1999 21.593Z' fill='%234173FA'/%3E%3Cpath d='M23.1999 8.79401H15.1999C14.9877 8.79401 14.7842 8.87829 14.6342 9.02832C14.4842 9.17835 14.3999 9.38184 14.3999 9.59401C14.3999 9.80618 14.4842 10.0097 14.6342 10.1597C14.7842 10.3097 14.9877 10.394 15.1999 10.394H23.1999C23.4121 10.394 23.6156 10.3097 23.7656 10.1597C23.9156 10.0097 23.9999 9.80618 23.9999 9.59401C23.9999 9.38184 23.9156 9.17835 23.7656 9.02832C23.6156 8.87829 23.4121 8.79401 23.1999 8.79401Z' fill='%234173FA'/%3E%3Cpath d='M23.1999 8.79401H15.1999C14.9877 8.79401 14.7842 8.87829 14.6342 9.02832C14.4842 9.17835 14.3999 9.38184 14.3999 9.59401C14.3999 9.80618 14.4842 10.0097 14.6342 10.1597C14.7842 10.3097 14.9877 10.394 15.1999 10.394H23.1999C23.4121 10.394 23.6156 10.3097 23.7656 10.1597C23.9156 10.0097 23.9999 9.80618 23.9999 9.59401C23.9999 9.38184 23.9156 9.17835 23.7656 9.02832C23.6156 8.87829 23.4121 8.79401 23.1999 8.79401Z' fill='%234173FA'/%3E%3Cpath d='M16.8 15.193H8.8C8.58783 15.193 8.38434 15.2773 8.23431 15.4273C8.08428 15.5773 8 15.7808 8 15.993C8 16.2052 8.08428 16.4087 8.23431 16.5587C8.38434 16.7087 8.58783 16.793 8.8 16.793H16.8C17.0122 16.793 17.2157 16.7087 17.3657 16.5587C17.5157 16.4087 17.6 16.2052 17.6 15.993C17.6 15.7808 17.5157 15.5773 17.3657 15.4273C17.2157 15.2773 17.0122 15.193 16.8 15.193Z' fill='%234173FA'/%3E%3Cpath d='M16.8 15.193H8.8C8.58783 15.193 8.38434 15.2773 8.23431 15.4273C8.08428 15.5773 8 15.7808 8 15.993C8 16.2052 8.08428 16.4087 8.23431 16.5587C8.38434 16.7087 8.58783 16.793 8.8 16.793H16.8C17.0122 16.793 17.2157 16.7087 17.3657 16.5587C17.5157 16.4087 17.6 16.2052 17.6 15.993C17.6 15.7808 17.5157 15.5773 17.3657 15.4273C17.2157 15.2773 17.0122 15.193 16.8 15.193Z' fill='%234173FA'/%3E%3Cpath d='M11.2 21.593H8.8C8.69495 21.593 8.59091 21.6137 8.49385 21.6539C8.39679 21.6941 8.3086 21.753 8.23431 21.8273C8.16003 21.9016 8.1011 21.9898 8.0609 22.0869C8.02069 22.1839 8 22.288 8 22.393C8 22.6052 8.08428 22.8087 8.23431 22.9587C8.38434 23.1087 8.58783 23.193 8.8 23.193H11.2C11.4122 23.193 11.6157 23.1087 11.7657 22.9587C11.9157 22.8087 12 22.6052 12 22.393C12 22.288 11.9793 22.1839 11.9391 22.0869C11.8989 21.9898 11.84 21.9016 11.7657 21.8273C11.6914 21.753 11.6032 21.6941 11.5061 21.6539C11.4091 21.6137 11.3051 21.593 11.2 21.593Z' fill='%234173FA'/%3E%3Cpath d='M11.2 21.593H8.8C8.69495 21.593 8.59091 21.6137 8.49385 21.6539C8.39679 21.6941 8.3086 21.753 8.23431 21.8273C8.16003 21.9016 8.1011 21.9898 8.0609 22.0869C8.02069 22.1839 8 22.288 8 22.393C8 22.6052 8.08428 22.8087 8.23431 22.9587C8.38434 23.1087 8.58783 23.193 8.8 23.193H11.2C11.4122 23.193 11.6157 23.1087 11.7657 22.9587C11.9157 22.8087 12 22.6052 12 22.393C12 22.288 11.9793 22.1839 11.9391 22.0869C11.8989 21.9898 11.84 21.9016 11.7657 21.8273C11.6914 21.753 11.6032 21.6941 11.5061 21.6539C11.4091 21.6137 11.3051 21.593 11.2 21.593Z' fill='%234173FA'/%3E%3Cpath d='M11.2 8.79401H8.8C8.58783 8.79401 8.38434 8.87829 8.23431 9.02832C8.08428 9.17835 8 9.38184 8 9.59401C8 9.80618 8.08428 10.0097 8.23431 10.1597C8.38434 10.3097 8.58783 10.394 8.8 10.394H11.2C11.4122 10.394 11.6157 10.3097 11.7657 10.1597C11.9157 10.0097 12 9.80618 12 9.59401C12 9.38184 11.9157 9.17835 11.7657 9.02832C11.6157 8.87829 11.4122 8.79401 11.2 8.79401Z' fill='%234173FA'/%3E%3Cpath d='M11.2 8.79401H8.8C8.58783 8.79401 8.38434 8.87829 8.23431 9.02832C8.08428 9.17835 8 9.38184 8 9.59401C8 9.80618 8.08428 10.0097 8.23431 10.1597C8.38434 10.3097 8.58783 10.394 8.8 10.394H11.2C11.4122 10.394 11.6157 10.3097 11.7657 10.1597C11.9157 10.0097 12 9.80618 12 9.59401C12 9.38184 11.9157 9.17835 11.7657 9.02832C11.6157 8.87829 11.4122 8.79401 11.2 8.79401Z' fill='%234173FA'/%3E%3Cpath d='M23.2 15.193H20.8C20.5878 15.193 20.3843 15.2773 20.2343 15.4273C20.0843 15.5773 20 15.7808 20 15.993C20 16.2052 20.0843 16.4087 20.2343 16.5587C20.3843 16.7087 20.5878 16.793 20.8 16.793H23.2C23.4122 16.793 23.6157 16.7087 23.7657 16.5587C23.9157 16.4087 24 16.2052 24 15.993C24 15.7808 23.9157 15.5773 23.7657 15.4273C23.6157 15.2773 23.4122 15.193 23.2 15.193Z' fill='%234173FA'/%3E%3Cpath d='M23.2 15.193H20.8C20.5878 15.193 20.3843 15.2773 20.2343 15.4273C20.0843 15.5773 20 15.7808 20 15.993C20 16.2052 20.0843 16.4087 20.2343 16.5587C20.3843 16.7087 20.5878 16.793 20.8 16.793H23.2C23.4122 16.793 23.6157 16.7087 23.7657 16.5587C23.9157 16.4087 24 16.2052 24 15.993C24 15.7808 23.9157 15.5773 23.7657 15.4273C23.6157 15.2773 23.4122 15.193 23.2 15.193Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
      article.font_2_1.fontDesc .font-variable-nav > button.active .ic-align-left {
        background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 8.8C6.40002 8.35817 6.7582 8 7.20002 8H24.8C25.2419 8 25.6 8.35817 25.6 8.8C25.6 9.24183 25.2419 9.6 24.8 9.6H7.20002C6.7582 9.6 6.40002 9.24183 6.40002 8.8Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 23.1999C6.40002 22.7581 6.7582 22.3999 7.20002 22.3999H24.8C25.2419 22.3999 25.6 22.7581 25.6 23.1999C25.6 23.6417 25.2419 23.9999 24.8 23.9999H7.20002C6.7582 23.9999 6.40002 23.6417 6.40002 23.1999Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 19.5998C6.40002 19.158 6.7582 18.7998 7.20002 18.7998H18.4C18.8419 18.7998 19.2 19.158 19.2 19.5998C19.2 20.0416 18.8419 20.3998 18.4 20.3998H7.20002C6.7582 20.3998 6.40002 20.0416 6.40002 19.5998Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 16.0002C6.40002 15.5584 6.7582 15.2002 7.20002 15.2002H24.8C25.2419 15.2002 25.6 15.5584 25.6 16.0002C25.6 16.442 25.2419 16.8002 24.8 16.8002H7.20002C6.7582 16.8002 6.40002 16.442 6.40002 16.0002Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.40002 12.4001C6.40002 11.9583 6.7582 11.6001 7.20002 11.6001H18.4C18.8419 11.6001 19.2 11.9583 19.2 12.4001C19.2 12.8419 18.8419 13.2001 18.4 13.2001H7.20002C6.7582 13.2001 6.40002 12.8419 6.40002 12.4001Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  article.font_2_1.fontDesc .contents_wrap {
    max-height: 400px; }
  article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab {
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0; }
    article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div {
      height: 58px; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div:after {
        top: 20px; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap {
        width: 100%;
        margin-right: 0; }
        article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.axis-wrap:after {
          height: 1px;
          width: calc(100% + 32px);
          position: absolute;
          bottom: 0px !important;
          left: -16px !important;
          right: inherit;
          display: inline-block;
          top: inherit; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.font-size-wrap {
        width: calc(100% - 92px);
        max-width: calc(100% - 92px); }
        article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.font-size-wrap .range-slider {
          width: 100%; }
      article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap {
        width: 68px;
        margin-right: 0; }
        article.font_2_1.fontDesc .font-preview-board-wrap .editor-tab > div.darkmode-wrap:after {
          height: 1px;
          width: calc(100vw - 40px);
          max-width: 560px;
          position: absolute;
          bottom: 0px !important;
          right: -16px;
          display: inline-block;
          top: inherit; }
  article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap {
    height: 310px;
    padding: 16px 0; }
    article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap:has(.axis-div-wrap) {
      padding-bottom: 0; }
    article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap #tester-editor {
      padding: 0 20px; }
    article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      padding: 16px 0px 16px 20px;
      min-height: 72px;
      border-top: 1px solid #dddddd;
      overflow-x: auto;
      flex-wrap: nowrap; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap {
        min-width: 118px;
        height: 40px;
        width: auto;
        overflow: hidden;
        margin-right: 16px; }
        article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap .axis-slider-wrap > .d-flex span {
          min-width: 50px; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px white;
        background-color: #ffffff; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap::-webkit-scrollbar {
        width: 1px;
        height: 0px;
        background-color: #ffffff; }
      article.font_2_1.fontDesc .font-preview-board-wrap #tester-editor-wrap > .axis-div-wrap::-webkit-scrollbar-thumb {
        background-color: #ffffff; }
  article.font_2_1 form.d-flex .container-list {
    max-width: 600px;
    padding: 0 20px 0;
    margin: 0 auto; }
  article.font_2_1 .search-list li.myfont {
    width: 100%;
    margin-right: 0 !important; }
  article.font_2_1 .font_banner_wrap .banner_slide .text-wrap {
    padding-left: 20px;
    padding-right: 20px; }
    article.font_2_1 .font_banner_wrap .banner_slide .text-wrap h3 {
      font-size: 1rem; }
    article.font_2_1 .font_banner_wrap .banner_slide .text-wrap p {
      font-size: 0.875rem; }
  article.font_2_1 .snb-header1 {
    margin-bottom: 1rem;
    overflow-x: auto;
    white-space: nowrap; }
    article.font_2_1 .snb-header1 h1 {
      display: none; }
  article.font_2_1 .snb-header2:has(h1) {
    display: none !important; }
  article.font_2_1 .rounded-form {
    flex-wrap: wrap;
    border: none;
    border-bottom: 1px solid #dddddd;
    border-radius: 0; }
    article.font_2_1 .rounded-form > * {
      height: 52px;
      background-size: 28px 28px;
      background-position: 0 center; }
      article.font_2_1 .rounded-form > *:after {
        display: none; }
      article.font_2_1 .rounded-form > *.font-search-wrap {
        width: 100%;
        padding-left: 2rem;
        border-bottom: 1px solid #dddddd;
        display: flex;
        align-items: center; }
        article.font_2_1 .rounded-form > *.font-search-wrap input[type="submit"] {
          left: 0;
          top: 11px;
          width: 28px !important;
          height: 28px; }
        article.font_2_1 .rounded-form > *.font-search-wrap input:not(:placeholder-shown) + .ic-close {
          top: 14px; }
        article.font_2_1 .rounded-form > *.font-search-wrap .font-search {
          width: 100%; }
      article.font_2_1 .rounded-form > *.preview-text-wrap {
        width: 100% !important;
        padding-left: 2rem;
        border-bottom: 1px solid #dddddd;
        display: flex;
        align-items: center; }
        article.font_2_1 .rounded-form > *.preview-text-wrap .ic-close {
          top: 14px; }
      article.font_2_1 .rounded-form > *.font-size-wrap {
        flex-grow: 1; }
        article.font_2_1 .rounded-form > *.font-size-wrap .range-slider {
          width: 100%; }
        article.font_2_1 .rounded-form > *.font-size-wrap:after {
          display: inline-block;
          top: 17px; }
      article.font_2_1 .rounded-form > *.listStyleWrap {
        padding-right: 0; }
        article.font_2_1 .rounded-form > *.listStyleWrap #show_noimg_grid {
          display: none; }
  article.font_2_1 .fontfilterForm .filter2 .showfilterMenuBtn {
    display: inline-flex; }
  article.font_2_1 .fontfilterForm .filter3 {
    flex-wrap: wrap; }
    article.font_2_1 .fontfilterForm .filter3 .form-group.me-auto .form-check-none .form-check-input + label {
      font-size: 0.875rem; }
    article.font_2_1 .fontfilterForm .filter3 .selected_wrap:not(.d-none) {
      margin-bottom: 0;
      margin-top: -76px;
      width: calc(100% - 80px);
      margin-left: auto;
      white-space: nowrap;
      align-items: center;
      overflow-x: auto;
      white-space: nowrap;
      flex-wrap: nowrap; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap:not(.d-none) > label {
        margin-bottom: 0; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap:not(.d-none)::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px white;
        background-color: #ffffff; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap:not(.d-none)::-webkit-scrollbar {
        width: 1px;
        height: 0px;
        background-color: #ffffff; }
      article.font_2_1 .fontfilterForm .filter3 .selected_wrap:not(.d-none)::-webkit-scrollbar-thumb {
        background-color: #ffffff; }
    article.font_2_1 .fontfilterForm .filter3 .order-2 {
      padding: 0; }
      article.font_2_1 .fontfilterForm .filter3 .order-2 .form-group:last-child {
        margin-right: 0px; }
      article.font_2_1 .fontfilterForm .filter3 .order-2 .form-group #sorting_dropdown,
      article.font_2_1 .fontfilterForm .filter3 .order-2 .form-group #sorting_dropdown-free {
        background-size: 28px 28px !important;
        padding-right: 0px !important;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%231c1c1c'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%231c1c1c'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%231c1c1c'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%231c1c1c'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%231c1c1c'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A") !important;
        overflow: hidden;
        white-space: nowrap; }
    article.font_2_1 .fontfilterForm .filter3 .form-group.ms-auto {
      padding: 0; }
      article.font_2_1 .fontfilterForm .filter3 .form-group.ms-auto .form-check-none .form-check-input[name=fontname_lang] + label {
        text-indent: 100%;
        overflow: hidden;
        background-size: 28px 28px;
        white-space: nowrap;
        width: 28px;
        height: 28px; }
  article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed .fixed-show-search {
    display: inline-block;
    padding: 0;
    border: none;
    margin-left: auto;
    background-color: transparent; }
  article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.snb-header2 {
    display: flex;
    height: 58px;
    margin-bottom: 0rem; }
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.snb-header2 h1,
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.snb-header2 h2 {
      margin-right: 0.5rem;
      margin-bottom: 0 !important;
      font-size: 1.25rem;
      flex-grow: inherit; }
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.snb-header2 h2 + .btn-size-sm {
      margin-left: 8px; }
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.snb-header2 #allActive {
      display: none !important; }
  article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form {
    min-height: auto; }
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap,
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .preview-text-wrap,
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-size-wrap,
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .listStyleWrap {
      display: none; }
    article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap.fixed-search {
      display: flex;
      position: relative; }
      article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap.fixed-search input[type="submit"] {
        left: 40px; }
      article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap.fixed-search input[type="search"] {
        font-size: 16px;
        width: calc(100% - 70px);
        background-color: #F0F0F0;
        border-radius: 8px;
        padding: 13px 8px 14px 40px; }
        article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap.fixed-search input[type="search"] ::placeholder {
          color: #999999; }
      article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap.fixed-search .ic-close {
        right: 78px; }
      article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .rounded-form .font-search-wrap.fixed-search .fixed-search-cancel {
        font-size: 16px;
        color: #999999;
        position: absolute;
        right: 20px;
        display: block;
        top: 18px;
        cursor: pointer; }
  article.font_2_1 form.d-flex > .container-1200 .snb-headers.position-fixed > *.filter2 .showfilterMenuBtn {
    display: none !important; }
  article.font_2_1 form.d-flex > .container-1200 .snb-header2 {
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 0.75rem; }
    article.font_2_1 form.d-flex > .container-1200 .snb-header2 h1,
    article.font_2_1 form.d-flex > .container-1200 .snb-header2 h2 {
      font-size: 1.625rem;
      flex-grow: 1; }
    article.font_2_1 form.d-flex > .container-1200 .snb-header2 .ms-auto.d-flex {
      width: 100%;
      margin-bottom: 16px;
      margin-top: 28px; }
      article.font_2_1 form.d-flex > .container-1200 .snb-header2 .ms-auto.d-flex .btn {
        width: calc(50% - 6px);
        justify-content: center; }
        article.font_2_1 form.d-flex > .container-1200 .snb-header2 .ms-auto.d-flex .btn:first-child {
          margin-left: 0; }
    article.font_2_1 form.d-flex > .container-1200 .snb-header2 .btn-size-sm {
      margin-left: auto; }
  article.font_2_1 .filterMenu {
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 1001;
    max-width: 300px;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    transform: translateX(-100vw);
    padding: 12px 20px 100px; }
    article.font_2_1 .filterMenu.show {
      transform: none; }
    article.font_2_1 .filterMenu .filter-select-wrap {
      height: calc(100vh - 100px); }
    article.font_2_1 .filterMenu:has(.nav_banner) .filter-select-wrap {
      height: calc(100vh - 250px); }
  article.font_2_1 .filterMenu.show + .filterMenuDim {
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.25); }
  article.font_2_1 .rightMenu,
  article.font_2_1 .snb-headers > * {
    width: 100% !important;
    margin-left: auto !important; }
  article.font_2_1 > nav {
    margin-right: 0;
    padding-right: 20px; }
  article.font_2_1 .container-list {
    width: 100% !important; }
  article.font_2_1 .rightMenu .rankingFontsWrap .rankingFonts {
    overflow-y: hidden;
    width: calc(100% + 20px); }
  article.font_2_1 .rightMenu .rankingFontsWrap ul {
    width: 270%; }
  #fontStyleModal .modal-dialog {
    max-width: 60.5rem;
    max-width: 100%;
    margin: 0 0;
    max-height: 100vh; }
  #fontStyleModal .modal-content {
    max-height: 100vh;
    overflow: auto; }
    #fontStyleModal .modal-content .modal-body {
      padding: 40px; }
      #fontStyleModal .modal-content .modal-body > .d-flex {
        flex-direction: column; }
    #fontStyleModal .modal-content .tab-content-wrap {
      margin-top: 40px;
      width: 100%; }
      #fontStyleModal .modal-content .tab-content-wrap .d-flex {
        flex-direction: column; }
        #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-3 > div {
          width: 100%; }
          #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-3 > div img {
            width: 100%;
            height: auto;
            object-fit: contain;
            margin-bottom: 16px; }
        #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-2 > div {
          width: 100%; }
          #fontStyleModal .modal-content .tab-content-wrap .d-flex.d-2 > div img {
            width: 100%;
            height: auto;
            object-fit: contain;
            margin-bottom: 8px; }
    #fontStyleModal .modal-content #fontStyle-nav {
      width: 100%;
      margin-right: 0; }
  .toast-right-nav {
    bottom: 0;
    top: inherit;
    max-height: 60vh;
    height: auto;
    z-index: 1000;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 100%;
    transform: translateX(0%) translateY(calc(100% + 44px)); }
    .toast-right-nav .nav-content .w-100 {
      max-height: calc(60vh - 100px); }
    .toast-right-nav .nav-content > .btn-icon {
      top: -44px;
      left: inherit;
      right: 12px; } }

@media (max-width: 760px) {
  article.font_2_1.fontDesc .review_list li > div .reply p {
    max-height: calc(14px * 1.58 * 2); } }

@media (max-width: 600px) {
  article#font .trial_info .d-flex > div {
    width: 100%;
    margin-bottom: 0; } }

/* 스토리 */
/* 스토리 */
.editorArea {
  line-height: normal; }
  .editorArea b, .editorArea strong {
    font-weight: bold; }
  .editorArea p {
    font-size: 14px;
    line-height: 1.64; }
  .editorArea h1 {
    font-size: 44px;
    line-height: 1.38;
    font-weight: bold; }
  .editorArea h2 {
    font-size: 34px;
    line-height: 1.48;
    font-weight: bold; }
  .editorArea h3 {
    font-size: 26px;
    line-height: 1.5;
    font-weight: bold; }
  .editorArea h4 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold; }
  .editorArea h5 {
    font-size: 16px;
    line-height: 1.64;
    font-weight: bold; }
  .editorArea h6 {
    font-size: 12px;
    line-height: 1.64;
    font-weight: bold; }
  .editorArea em {
    font-style: italic; }
  .editorArea address {
    display: block;
    font-style: italic; }
  .editorArea pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0px; }
  .editorArea .marker {
    background-color: Yellow; }
  .editorArea big {
    font-size: large; }
  .editorArea small {
    font-size: smaller; }
  .editorArea code,
  .editorArea samp {
    font-family: monospace; }
  .editorArea u {
    text-decoration: underline; }
  .editorArea s {
    text-decoration: line-through; }
  .editorArea img {
    max-width: 100%;
    margin: 1rem 0;
    border-radius: 16px;
    border: none; }
  .editorArea ul, .editorArea ol {
    line-height: 1.64; }
  .editorArea ul {
    list-style-type: disc;
    padding-left: 2rem;
    margin-bottom: 1rem; }
    .editorArea ul ul {
      list-style-type: circle; }
      .editorArea ul ul ul {
        list-style-type: square; }
  .editorArea ol {
    list-style: decimal;
    padding-left: 2rem;
    margin-bottom: 1rem; }
  .editorArea table {
    min-width: 60%;
    border: 1px solid #dddddd; }
    .editorArea table th {
      text-align: center;
      line-height: 1.64;
      border: 1px solid #dddddd; }
    .editorArea table td {
      padding: 16px;
      line-height: 1.64;
      border: 1px solid #dddddd; }
  .editorArea iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; }

.contents-btn-wrap {
  width: 60px;
  right: calc(50vw - 680px);
  bottom: 60px;
  z-index: 10; }
  .contents-btn-wrap .btn {
    border: 1px solid #dddddd;
    background-color: #ffffff;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px; }
    .contents-btn-wrap .btn:hover {
      border-color: #4173fa; }

.editorArea_new {
  line-height: normal; }
  .editorArea_new hr.border-f0f0f0 {
    background-color: #dddddd;
    opacity: 1;
    margin: 40px 0; }
  .editorArea_new b, .editorArea_new strong {
    font-weight: bold; }
  .editorArea_new .brand-info .brand-info-item {
    background-color: #f9f9f9;
    border-radius: 16px;
    padding: 20px 30px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .editorArea_new .brand-info .brand-info-item h3 {
      color: #1c1c1c;
      line-height: 1.48;
      font-size: 1.25rem;
      margin-bottom: 8px; }
    .editorArea_new .brand-info .brand-info-item p {
      color: #999999;
      font-size: 0.875rem;
      line-height: 1.64; }
    .editorArea_new .brand-info .brand-info-item img {
      border-radius: 50%;
      width: 90px;
      height: 90px;
      object-fit: cover;
      margin-left: auto;
      display: block; }
  .editorArea_new .table-wrap {
    width: 100%;
    overflow-x: auto; }
    .editorArea_new .table-wrap.no-scroll {
      overflow-x: hidden; }
      .editorArea_new .table-wrap.no-scroll table {
        width: 100%;
        max-width: 100%; }
    .editorArea_new .table-wrap table {
      border-radius: 12px;
      border-collapse: collapse;
      border: 1px solid #dddddd; }
      .editorArea_new .table-wrap table.border-none th,
      .editorArea_new .table-wrap table.border-none td {
        border-right: none;
        border-left: none; }
      .editorArea_new .table-wrap table th {
        background-color: #dddddd;
        padding: 8px 20px;
        font-size: 0.75rem;
        border-bottom: 1px solid #dddddd;
        border-right: none;
        border-left: none; }
      .editorArea_new .table-wrap table td {
        font-size: 0.875rem;
        padding: 17px 20px;
        border-bottom: 1px solid #dddddd;
        border-right: none;
        border-left: none; }
      .editorArea_new .table-wrap table tr:last-child td {
        border-bottom: none; }
  .editorArea_new .flex-grow-1 > * {
    width: 100%;
    display: block; }
  .editorArea_new .flex-grow-1 img {
    max-width: 100%;
    border-radius: 16px; }
  .editorArea_new .flex-grow-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .editorArea_new .flex-grow-2 > *:not(.w-100) {
      width: calc(50% - 10px); }
    .editorArea_new .flex-grow-2 img {
      border-radius: 16px; }
    .editorArea_new .flex-grow-2 .font-item {
      display: block;
      border-radius: 16px;
      border: 1px solid #dddddd;
      padding: 16px 16px 0 16px; }
      .editorArea_new .flex-grow-2 .font-item h3 {
        font-size: 1rem;
        color: #1c1c1c;
        font-weight: bold; }
      .editorArea_new .flex-grow-2 .font-item .preview-txt {
        font-size: 2.5rem;
        padding: 24px 0;
        line-height: 1.2;
        overflow: hidden;
        white-space: nowrap;
        color: #1c1c1c; }
      .editorArea_new .flex-grow-2 .font-item p {
        font-size: 0.875rem;
        color: #999999; }
  .editorArea_new .flex-grow-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .editorArea_new .flex-grow-3 > *:not(.w-100) {
      width: calc(33% - 8px); }
  .editorArea_new .voucher_wrap {
    margin: 20px 0;
    border-radius: 16px;
    border: 1px solid #dddddd;
    padding: 30px;
    margin-bottom: 20px; }
    .editorArea_new .voucher_wrap:nth-child(2n) {
      margin-right: 0; }
    .editorArea_new .voucher_wrap h3 {
      margin-top: 0.375rem;
      line-height: 1.48;
      font-size: 1.25rem !important;
      font-weight: 650; }
    .editorArea_new .voucher_wrap a {
      color: #1c1c1c; }
      .editorArea_new .voucher_wrap a > div {
        width: 46.6%;
        padding-right: 30px; }
        .editorArea_new .voucher_wrap a > div .badge-recomm {
          font-size: 0.75rem;
          vertical-align: middle;
          height: 28px; }
          .editorArea_new .voucher_wrap a > div .badge-recomm:before {
            width: 21px;
            left: -21px;
            height: 28px;
            background-size: 21px 28px; }
          .editorArea_new .voucher_wrap a > div .badge-recomm:after {
            height: 28px;
            width: 9px;
            right: -9px;
            background-size: 9px 28px; }
        .editorArea_new .voucher_wrap a > div:nth-child(2) {
          padding-left: 30px;
          border-left: 1px solid #dddddd;
          width: 53.32%; }
          .editorArea_new .voucher_wrap a > div:nth-child(2) p {
            width: 100%;
            margin-bottom: 6px;
            line-height: 1.61;
            font-size: 0.875rem; }
            .editorArea_new .voucher_wrap a > div:nth-child(2) p .fw-bold {
              margin-right: 10px; }
  .editorArea_new .coupon_wrap {
    background-color: #f5f8ff;
    border-radius: 16px;
    padding: 20px 30px 30px;
    margin: 20px 0; }
    .editorArea_new .coupon_wrap .datetime {
      color: #999999;
      font-size: 0.75rem;
      line-height: 1.68;
      margin-bottom: 12px; }
    .editorArea_new .coupon_wrap a {
      text-decoration: underline;
      color: #1c1c1c; }
    .editorArea_new .coupon_wrap .text-wrap {
      width: calc(100% - 220px); }
    .editorArea_new .coupon_wrap .sub_title {
      font-size: 0.875rem;
      line-height: 1.64;
      margin-bottom: 4px; }
    .editorArea_new .coupon_wrap .coupon_title {
      font-size: 1.25rem;
      line-height: 1.48;
      font-weight: bold; }
    .editorArea_new .coupon_wrap .button-wrap {
      margin-left: 20px;
      width: 200px; }
      .editorArea_new .coupon_wrap .button-wrap .btn {
        width: 100%;
        font-size: 14px; }
  .editorArea_new .writer_wrap {
    margin: 20px 0; }
    .editorArea_new .writer_wrap .writer_img img {
      margin: 14px auto;
      width: 142px;
      height: 142px;
      display: block;
      border-radius: 50%;
      object-fit: cover; }
    .editorArea_new .writer_wrap .writer_info {
      text-align: center;
      max-width: 422px;
      margin: 0 auto; }
      .editorArea_new .writer_wrap .writer_info .writer_name {
        font-size: 1rem;
        line-height: 1.58;
        font-weight: bold;
        margin-bottom: 8px; }
      .editorArea_new .writer_wrap .writer_info .writer_description {
        font-size: 0.875rem;
        line-height: 1.61;
        color: #999999; }
      .editorArea_new .writer_wrap .writer_info .btn {
        margin-top: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
        .editorArea_new .writer_wrap .writer_info .btn i {
          margin-left: 4px; }
  .editorArea_new .contents_area {
    overflow: visible;
    position: relative; }
    .editorArea_new .contents_area .container-1200 {
      height: 100%;
      overflow: visible;
      display: flex;
      flex-wrap: wrap;
      gap: 40px; }
    .editorArea_new .contents_area p.text-999 {
      margin-bottom: 12px; }
    .editorArea_new .contents_area .contents_area_left {
      padding: 0 20px;
      max-width: 805px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      flex: 1;
      min-width: 0; }
    .editorArea_new .contents_area .contents_area_right {
      display: none;
      padding: 0 40px 0 100px;
      position: sticky;
      top: 150px;
      height: fit-content;
      align-self: flex-start;
      z-index: 1;
      flex-shrink: 0; }
      .editorArea_new .contents_area .contents_area_right h4 {
        margin-bottom: 10px;
        font-size: 0.875rem; }
      .editorArea_new .contents_area .contents_area_right ul {
        border-radius: 16px;
        margin: 0;
        padding: 10px 0;
        background: #f9f9f9;
        width: 100%;
        list-style: none; }
        .editorArea_new .contents_area .contents_area_right ul li {
          padding: 8px 16px; }
          .editorArea_new .contents_area .contents_area_right ul li a {
            font-size: 14px;
            color: #999999; }
            .editorArea_new .contents_area .contents_area_right ul li a.active {
              color: #1c1c1c;
              font-weight: bold; }
    .editorArea_new .contents_area p {
      line-height: 1.64; }
    .editorArea_new .contents_area h1 {
      font-size: 44px;
      line-height: 1.38;
      font-weight: bold; }
    .editorArea_new .contents_area h2 {
      font-size: 34px;
      line-height: 1.48;
      font-weight: bold; }
    .editorArea_new .contents_area h3 {
      font-size: 26px;
      line-height: 1.5;
      font-weight: bold; }
    .editorArea_new .contents_area h4 {
      font-size: 20px;
      line-height: 1.5;
      font-weight: bold; }
    .editorArea_new .contents_area h5 {
      font-size: 16px;
      line-height: 1.64;
      font-weight: bold; }
    .editorArea_new .contents_area h6 {
      font-size: 12px;
      line-height: 1.64;
      font-weight: bold; }
    .editorArea_new .contents_area em {
      font-style: italic; }
    .editorArea_new .contents_area address {
      display: block;
      font-style: italic; }
    .editorArea_new .contents_area pre {
      display: block;
      font-family: monospace;
      white-space: pre;
      margin: 1em 0px; }
    .editorArea_new .contents_area .marker {
      background-color: Yellow; }
    .editorArea_new .contents_area big {
      font-size: large; }
    .editorArea_new .contents_area small {
      font-size: smaller; }
    .editorArea_new .contents_area code,
    .editorArea_new .contents_area samp {
      font-family: monospace; }
    .editorArea_new .contents_area u {
      text-decoration: underline; }
    .editorArea_new .contents_area s {
      text-decoration: line-through; }
    .editorArea_new .contents_area blockquote {
      border-left: 6px solid #d9d9d9;
      font-size: 1rem;
      padding: 12px 20px; }
    .editorArea_new .contents_area img {
      max-width: 100%;
      margin: 1rem 0;
      border: none;
      border-radius: 16px; }
    .editorArea_new .contents_area ul, .editorArea_new .contents_area ol {
      line-height: 1.64; }
    .editorArea_new .contents_area ul {
      list-style-type: disc;
      padding-left: 2rem;
      margin-bottom: 1rem; }
      .editorArea_new .contents_area ul ul {
        list-style-type: circle; }
        .editorArea_new .contents_area ul ul ul {
          list-style-type: square; }
    .editorArea_new .contents_area ol {
      list-style: decimal;
      padding-left: 2rem;
      margin-bottom: 1rem; }
    .editorArea_new .contents_area table {
      min-width: 60%;
      border: 1px solid #dddddd; }
      .editorArea_new .contents_area table th {
        text-align: center;
        line-height: 1.64;
        border: 1px solid #dddddd; }
      .editorArea_new .contents_area table td {
        padding: 16px;
        line-height: 1.64;
        border: 1px solid #dddddd; }
    .editorArea_new .contents_area iframe {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9; }

#recommend .ul-series-list-wrap {
  margin: 80px 0; }
  #recommend .ul-series-list-wrap .series-list {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #dddddd; }
    #recommend .ul-series-list-wrap .series-list .series-header {
      background-color: #f9f9f9;
      padding: 20px; }
      #recommend .ul-series-list-wrap .series-list .series-header h3 {
        margin-bottom: 8px; }
    #recommend .ul-series-list-wrap .series-list .series-item {
      margin: 0 20px;
      padding: 20px 0;
      border-bottom: 1px solid #dddddd;
      font-size: 0.875rem;
      line-height: 1.61; }
      #recommend .ul-series-list-wrap .series-list .series-item a {
        display: flex;
        align-items: center;
        color: #1c1c1c;
        justify-content: space-between; }
        #recommend .ul-series-list-wrap .series-list .series-item a span {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          max-width: calc(100% - 32px); }
        #recommend .ul-series-list-wrap .series-list .series-item a i {
          width: 16px;
          height: 16px; }
        #recommend .ul-series-list-wrap .series-list .series-item a.active {
          color: #4173fa;
          font-weight: bold; }
    #recommend .ul-series-list-wrap .series-list .series-footer {
      padding: 20px 0;
      font-size: 0.875rem; }
      #recommend .ul-series-list-wrap .series-list .series-footer a {
        display: flex;
        align-items: center;
        color: #999999;
        justify-content: center; }
        #recommend .ul-series-list-wrap .series-list .series-footer a i {
          width: 16px;
          height: 16px;
          opacity: 0.45; }

.btn_share {
  width: 60px;
  height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 4px; }
  .btn_share.btn-share-outline {
    border: 1px solid #dddddd; }
    .btn_share.btn-share-outline:hover {
      border-color: #1c1c1c; }

.share_wrap {
  margin-top: 40px;
  font-size: 0.75rem; }

#header_banner_1 img,
#header_banner_2 img {
  border: none; }

#header_banner_1 hr,
#header_banner_2 hr {
  background-color: #dddddd;
  opacity: 1;
  margin-top: 120px; }

#header_banner_1 h1,
#header_banner_2 h1 {
  line-height: 1.42;
  word-break: auto-phrase; }
  @supports (-webkit-hyphens: none) {
    #header_banner_1 h1,
    #header_banner_2 h1 {
      word-break: break-all;
      word-wrap: break-word; } }

#header_banner_1 p,
#header_banner_2 p {
  line-height: 1.64; }
  #header_banner_1 p.body1_r,
  #header_banner_2 p.body1_r {
    max-width: 765px;
    margin-left: auto;
    margin-right: auto; }

#header_banner_1 .flex-grow-2,
#header_banner_2 .flex-grow-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between; }
  #header_banner_1 .flex-grow-2 > *:not(.w-100),
  #header_banner_2 .flex-grow-2 > *:not(.w-100) {
    width: calc(50% - 10px); }

#header_banner_1 .flex-grow-1 > *,
#header_banner_2 .flex-grow-1 > * {
  width: 100%;
  display: block; }

#header_banner_1 .flex-grow-1 img,
#header_banner_2 .flex-grow-1 img {
  max-width: 100%;
  border-radius: 16px; }

#header_banner_1 {
  text-align: center;
  margin-top: 140px; }
  #header_banner_1 img {
    margin-top: 0;
    aspect-ratio: 1920 / 864;
    max-height: 864px;
    max-width: 100%;
    width: 100%;
    margin-bottom: 120px;
    object-fit: cover; }
  #header_banner_1 h1 {
    max-width: 536px;
    margin: 4px auto 40px;
    word-break: auto-phrase; }
    @supports (-webkit-hyphens: none) {
      #header_banner_1 h1 {
        word-break: break-all;
        word-wrap: break-word; } }
  #header_banner_1 p {
    max-width: 643px;
    margin: 0 auto;
    line-height: 1.48; }

#header_banner_2 {
  padding: 200px 0 120px; }
  #header_banner_2 img {
    aspect-ratio: 1200 / 540;
    max-width: 100%;
    width: 100%;
    margin: 80px auto;
    object-fit: cover;
    border-radius: 16px; }

.list-style-dot {
  list-style-type: disc; }
  .list-style-dot.bullet-ddd li::marker {
    color: #dddddd; }

.list-style-triangle {
  list-style-type: '▶ '; }

.list-style-circle {
  list-style-type: circle; }

.list-style-dash {
  list-style: "- "; }

.container-1200 .editorArea img {
  border: none; }

/* 캔캠 시즌 1 */
/* 캔캠 시즌 2 ~ */
#story.CC2 .fw-600 {
  font-family: 'SandollGothicNeo1Unicode';
  font-weight: 600 !important; }

#story.CC2 .SDHoyoyo2 {
  font-family: "Sandoll Hoyoyo2";
  font-weight: 400 !important; }
  #story.CC2 .SDHoyoyo2.fw-500 {
    font-weight: 500 !important; }
  #story.CC2 .SDHoyoyo2.fw-bold {
    font-weight: 600 !important; }

#story.CC2 .nemony2_im {
  font-family: Sandoll Nemony2 !important;
  font-weight: 400 !important; }

#story.CC2 .neoround_im {
  font-family: Sandoll GothicNeoRound !important;
  font-weight: 400 !important; }

#story.CC2 .gwanghwamun_im {
  font-family: Sandoll Gwanghwamun !important;
  font-weight: 400 !important; }

#story.CC2 .text-highlighter {
  position: relative; }
  #story.CC2 .text-highlighter:after {
    content: "";
    background: #e1ff7d;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: -1; }

#story.CC2 .text-dot {
  position: relative; }
  #story.CC2 .text-dot:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    position: absolute;
    top: -5px;
    left: 4px;
    background-repeat: no-repeat;
    background-image: url("https://s3.ap-northeast-2.amazonaws.com/media.sandollcloud.com/static/images/PSP/contents/CC2/text-dot.svg"); }

#story.CC2 .sub {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #cccccc;
  border-radius: 50%;
  margin-left: -6px;
  position: absolute;
  top: -8px; }

#story.CC2 .text-ygreen {
  color: #beff00; }

#story.CC2 .text-blue {
  color: #1955f5; }

#story.CC2 .text-lygreen {
  color: #e1ff7d; }

#story.CC2 .text-lighterygreen {
  color: #f0ffb9; }

#story.CC2 .text-orange {
  color: #ff820e !important; }

#story.CC2 .btn-blue {
  border: 1px solid #1955f5;
  background-color: #1955f5;
  color: #ffffff;
  width: 300px;
  height: 70px;
  font-weight: bold;
  font-size: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

#story.CC2 .nav-wrap {
  background-color: #f9f9f9; }
  #story.CC2 .nav-wrap.fixed {
    position: fixed;
    top: calc(60px + 46px);
    left: 0;
    width: 100%;
    z-index: 99; }
  #story.CC2 .nav-wrap.webview.fixed {
    top: 0; }

#story.CC2 .nav {
  border-bottom: none; }
  #story.CC2 .nav .nav-link {
    width: 50%;
    height: 50px;
    font-size: 1rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #676767;
    background-color: transparent;
    border-bottom: 5px solid #f9f9f9; }
    #story.CC2 .nav .nav-link.active {
      border-color: #1955f5;
      color: #1955f5;
      font-weight: bold; }

#story.CC2 section p,
#story.CC2 section ul {
  word-break: keep-all; }

#story.CC2 section:nth-of-type(1) {
  height: 855px;
  padding-top: 150px;
  background: #4173fa;
  color: #ffffff;
  text-align: center;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/pc_main.gif");
  background-size: cover;
  background-position: center center; }
  #story.CC2 section:nth-of-type(1) .logo {
    width: 5.9375rem; }
  #story.CC2 section:nth-of-type(1) h4 {
    font-size: 1.625rem;
    line-height: 1.46; }
  #story.CC2 section:nth-of-type(1) h2 {
    font-size: 5.625rem;
    line-height: 1.19; }
    #story.CC2 section:nth-of-type(1) h2 .text-ygreen {
      font-size: 1.625rem;
      right: calc(50% - 340px);
      bottom: 100px;
      width: 130px;
      height: 43px;
      justify-content: center;
      align-items: center;
      border-radius: 6px;
      display: inline-flex;
      background: #1955f5;
      font-family: 'SandollGothicNeo1Unicode' !important; }
  #story.CC2 section:nth-of-type(1) a {
    cursor: pointer; }

#story.CC2 section.CC_tab .title-box {
  padding: 16px 24px 14px;
  display: inline-block;
  position: relative;
  background-color: #1955f5;
  color: #ffffff;
  font-size: 2.125rem;
  margin: 20px auto; }
  #story.CC2 section.CC_tab .title-box:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #C3D2FF;
    transform: rotate(3deg);
    z-index: -1;
    margin-left: 6px; }

#story.CC2 section.CC_tab .tab01 {
  padding-top: 9.375rem; }
  #story.CC2 section.CC_tab .tab01 p {
    line-height: 1.63; }
  #story.CC2 section.CC_tab .tab01 p.position-relative.text-999 .sub {
    top: -4px; }
  #story.CC2 section.CC_tab .tab01 .tab01_img:nth-of-type(1) {
    width: 4.1875rem; }
  #story.CC2 section.CC_tab .tab01 .tab01_img:nth-of-type(2) {
    width: 4.375rem; }
  #story.CC2 section.CC_tab .tab01 ul li {
    margin-bottom: 1.625rem;
    line-height: 1.71; }
    #story.CC2 section.CC_tab .tab01 ul li .circle {
      display: inline-flex;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background-color: #4173fa;
      color: #ffffff;
      font-size: 1.0625rem;
      align-items: center;
      justify-content: center;
      font-weight: bold; }
    #story.CC2 section.CC_tab .tab01 ul li:last-child {
      margin-bottom: 0; }
    #story.CC2 section.CC_tab .tab01 ul li img {
      width: 29.25rem; }
  #story.CC2 section.CC_tab .tab01 ul.list-style-dot {
    width: 43rem;
    margin: 0 auto; }
    #story.CC2 section.CC_tab .tab01 ul.list-style-dot li {
      line-height: 1.5;
      margin-bottom: 0; }
  #story.CC2 section.CC_tab .tab01 .d-flex.w-100 {
    margin-top: 3.125rem;
    background-color: #fafafa; }
    #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > img {
      width: 49.8%; }
    #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > div {
      text-align: left;
      width: 50.2%;
      padding: 0 80px; }
      #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > div h5 {
        line-height: 1.18;
        font-size: 2.125rem;
        margin-bottom: 0.5rem; }
    #story.CC2 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(1) > div {
      padding-left: 150px; }
    #story.CC2 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(3) > div {
      padding-left: 120px; }
  #story.CC2 section.CC_tab .tab01 .bg-f5f8ff {
    background-color: #f5f8ff;
    padding: 92px 0 80px; }
    #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex {
      margin: 0 auto; }
      #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex img {
        width: 22.125rem; }
      #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start {
        width: 27.75rem; }
        #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start ol {
          list-style: decimal;
          line-height: 1.5; }
        #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start ul.list-style-dot {
          width: auto;
          margin: 0 auto; }
          #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start ul.list-style-dot li {
            line-height: 1.5;
            margin-bottom: 0; }
  #story.CC2 section.CC_tab .tab01 .confirm_student_wrap {
    padding: 70px 0 120px; }
    #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container {
      max-width: 48.9375rem; }
      #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container img {
        width: 3.75rem; }
      #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container form > div:not(.form-check):not(.d-flex):not(.btn-wrap) {
        width: 100%;
        padding: 0 40px 0 57px; }

#story.CC2 section.CC_tab .tab02 {
  padding: 74px 0 132px;
  background-color: #F5F8FF;
  position: relative;
  z-index: 0; }
  #story.CC2 section.CC_tab .tab02 .tab02_img {
    width: 30.9375rem; }
    #story.CC2 section.CC_tab .tab02 .tab02_img.mx-auto {
      width: 5.625rem; }
  #story.CC2 section.CC_tab .tab02 .list-style-dot {
    line-height: 1.71; }
  #story.CC2 section.CC_tab .tab02 .d-flex.align-items-center ul {
    line-height: 1.69; }
    #story.CC2 section.CC_tab .tab02 .d-flex.align-items-center ul li img {
      width: 13px;
      height: 13px;
      margin-right: 6px; }
  #story.CC2 section.CC_tab .tab02 .d-flex.align-items-center p {
    line-height: 1.5; }

#story.CC2 section.CC_tab .tab03 {
  padding: 220px 0 0px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/event_header_bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  position: relative; }
  #story.CC2 section.CC_tab .tab03 .dim {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 260px 0; }
    #story.CC2 section.CC_tab .tab03 .dim h2 {
      color: white;
      line-height: 1.5; }
  #story.CC2 section.CC_tab .tab03 .collabo {
    width: 26.875rem; }
  #story.CC2 section.CC_tab .tab03 .logo {
    height: 50px; }
  #story.CC2 section.CC_tab .tab03 img.title {
    width: 29.75rem;
    margin: 0 auto 35px; }
  #story.CC2 section.CC_tab .tab03 img.event_img {
    width: 56.4375rem; }
  #story.CC2 section.CC_tab .tab03 .d-inline-block.bg-gray {
    background: #F0F0F0;
    padding: 4px 14px; }
  #story.CC2 section.CC_tab .tab03 p {
    line-height: 1.5; }
  #story.CC2 section.CC_tab .tab03 ul label {
    margin-bottom: 12px;
    font-weight: bold; }
  #story.CC2 section.CC_tab .tab03 ul > li {
    margin-bottom: 46px; }
  #story.CC2 section.CC_tab .tab03 ul p {
    line-height: 1.88;
    color: #333333; }
  #story.CC2 section.CC_tab .tab03 ul ol {
    line-height: 1.75;
    width: 33.4375rem;
    margin: 0 auto;
    color: #333333;
    list-style-type: decimal; }
    #story.CC2 section.CC_tab .tab03 ul ol .fw-bold {
      color: #1c1c1c; }
  #story.CC2 section.CC_tab .tab03 .bg-black {
    background-color: #1c1c1c;
    color: #ffffff; }
    #story.CC2 section.CC_tab .tab03 .bg-black.event {
      padding: 4px 28px 8px;
      font-size: 1.625rem; }
    #story.CC2 section.CC_tab .tab03 .bg-black.border-rounded {
      padding: 45px 105px;
      border-radius: 14px;
      line-height: 1.63; }
      #story.CC2 section.CC_tab .tab03 .bg-black.border-rounded .text-orange {
        color: #FF9533 !important; }
      #story.CC2 section.CC_tab .tab03 .bg-black.border-rounded .position-absolute {
        width: 10.875rem;
        top: -90px;
        right: -80px; }
  #story.CC2 section.CC_tab .tab03 .bg-blue {
    background-color: #1955f5;
    padding: 113px 0 95px; }
    #story.CC2 section.CC_tab .tab03 .bg-blue.d-inline-block {
      background: #1955f5;
      color: #ffffff;
      border-radius: 19px;
      padding: 10px 14px; }
    #story.CC2 section.CC_tab .tab03 .bg-blue.event-noti {
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/introduce_bg.png"); }
      #story.CC2 section.CC_tab .tab03 .bg-blue.event-noti p img {
        height: 16px;
        margin: 0 4px;
        vertical-align: -3px; }
    #story.CC2 section.CC_tab .tab03 .bg-blue ul {
      margin: 0 auto;
      width: 54.125rem;
      color: #ffffff; }
      #story.CC2 section.CC_tab .tab03 .bg-blue ul li:nth-of-type(1) h5 img {
        width: 9.1875rem; }
      #story.CC2 section.CC_tab .tab03 .bg-blue ul li:nth-of-type(2) h5 img {
        width: 4.75rem; }
      #story.CC2 section.CC_tab .tab03 .bg-blue ul li > img {
        width: 183px; }
      #story.CC2 section.CC_tab .tab03 .bg-blue ul li h5 {
        margin-bottom: 0.75rem;
        font-size: 2.0625rem; }
      #story.CC2 section.CC_tab .tab03 .bg-blue ul li p {
        color: #ffffff; }
      #story.CC2 section.CC_tab .tab03 .bg-blue ul li .text-orange {
        text-decoration: underline;
        font-size: 0.875rem; }
  #story.CC2 section.CC_tab .tab03 form #capture {
    margin-top: 80px;
    background-color: #ff820e;
    border-radius: 20px;
    padding: 70px 33px 30px; }
    #story.CC2 section.CC_tab .tab03 form #capture .event-bg-wrap {
      padding: 180px 167px 0 200px;
      width: 57.1875rem;
      min-height: 35.125rem;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/CC-event-bg.png");
      background-position: center;
      background-size: 100%;
      background-repeat: no-repeat; }
    #story.CC2 section.CC_tab .tab03 form #capture img.title {
      width: 21.125rem; }
    #story.CC2 section.CC_tab .tab03 form #capture img.collabo {
      width: 25.125rem; }
    #story.CC2 section.CC_tab .tab03 form #capture h3,
    #story.CC2 section.CC_tab .tab03 form #capture p {
      color: #ffcd9e; }
    #story.CC2 section.CC_tab .tab03 form #capture textarea,
    #story.CC2 section.CC_tab .tab03 form #capture [contentEditable] {
      text-align: left;
      font-size: 2.125rem;
      line-height: 1.47;
      border: none;
      padding: 0 0px;
      height: calc(34px * 1.47 * 4);
      overflow-y: hidden;
      white-space: pre-wrap; }
      #story.CC2 section.CC_tab .tab03 form #capture textarea::placeholder,
      #story.CC2 section.CC_tab .tab03 form #capture [contentEditable]::placeholder {
        font-weight: bold;
        color: #999999; }
    #story.CC2 section.CC_tab .tab03 form #capture [contentEditable]:empty:before {
      font-weight: bold;
      content: "기분 또는 다짐을 표현한\A이모지의 뜻과 해석을 적어 주세요.\A(140byte 미만)";
      white-space: pre;
      color: #999999; }
    #story.CC2 section.CC_tab .tab03 form #capture .selectEmoji {
      cursor: pointer; }
    #story.CC2 section.CC_tab .tab03 form #capture ul.selected-emoji-wrap {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      height: 152px;
      overflow: hidden;
      margin-bottom: 8px; }
      #story.CC2 section.CC_tab .tab03 form #capture ul.selected-emoji-wrap li {
        width: 33.3%;
        margin-bottom: 0;
        text-align: center; }
        #story.CC2 section.CC_tab .tab03 form #capture ul.selected-emoji-wrap li:nth-of-type(1) {
          text-align: left; }
        #story.CC2 section.CC_tab .tab03 form #capture ul.selected-emoji-wrap li:nth-of-type(3) {
          text-align: right; }
        #story.CC2 section.CC_tab .tab03 form #capture ul.selected-emoji-wrap li img {
          border-radius: 50%;
          background-color: #f9f9f9;
          height: 152px;
          width: 152px;
          padding: 15%; }
    #story.CC2 section.CC_tab .tab03 form #capture .modal-body ul.selected-emoji-wrap {
      margin: 50px 126px 55px;
      height: 180px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/preview_bg_img.png"); }
      #story.CC2 section.CC_tab .tab03 form #capture .modal-body ul.selected-emoji-wrap li img {
        width: 180px;
        height: 180px; }
    #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul {
      display: flex;
      flex-wrap: wrap;
      max-height: 360px;
      overflow-y: scroll; }
      #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul li {
        width: 20%;
        margin-bottom: 0;
        position: relative;
        overflow: hidden; }
        #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul li::after {
          content: "";
          display: block;
          padding-top: 100%; }
        #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul li label {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          height: 100%;
          width: 100%;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 2.25rem; }
        #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul li input:checked + label:before {
          content: "";
          height: 100%;
          width: 100%;
          display: inline-block;
          background-color: #4173fa;
          opacity: 0.3;
          position: absolute;
          top: 0;
          left: 0; }
        #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul li input:checked + label:after {
          content: "";
          display: inline-block;
          position: absolute;
          top: 8px;
          right: 12px;
          width: 36px;
          height: 36px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/checked.png"); }
        #story.CC2 section.CC_tab .tab03 form #capture .emoji-wrap ul li input {
          display: none; }
    #story.CC2 section.CC_tab .tab03 form #capture .dropdown-toggle {
      border: 1px solid #ffffff;
      background-color: #ff820e;
      height: 50px;
      padding: 0 23px;
      width: 400px;
      border-radius: 5px;
      position: relative; }
      #story.CC2 section.CC_tab .tab03 form #capture .dropdown-toggle:after {
        right: 16px;
        top: 20px;
        position: absolute;
        display: inline-block;
        content: "";
        border-top: 10px solid;
        border-right: 10px solid transparent;
        border-bottom: 0;
        border-left: 10px solid transparent; }
    #story.CC2 section.CC_tab .tab03 form #capture .dropdown-menu {
      background: #FF820E;
      box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.15);
      border-radius: 5px;
      padding: 0;
      margin: 0px;
      width: 400px; }
    #story.CC2 section.CC_tab .tab03 form #capture .dropdown-menu li {
      margin-bottom: 0; }
      #story.CC2 section.CC_tab .tab03 form #capture .dropdown-menu li .dropdown-item {
        color: white;
        padding: 15px; }
        #story.CC2 section.CC_tab .tab03 form #capture .dropdown-menu li .dropdown-item:active, #story.CC2 section.CC_tab .tab03 form #capture .dropdown-menu li .dropdown-item:hover, #story.CC2 section.CC_tab .tab03 form #capture .dropdown-menu li .dropdown-item:focus {
          color: white;
          background-color: #F86800; }
  #story.CC2 section.CC_tab .tab03 form .btn-wrap {
    margin: 47px auto 184px; }
    #story.CC2 section.CC_tab .tab03 form .btn-wrap .btn {
      font-size: 1.625rem;
      font-weight: bold;
      width: calc(50% - 10px);
      border-radius: 60px;
      padding: 15px 0 14px; }
    #story.CC2 section.CC_tab .tab03 form .btn-wrap .btn-blue-outline {
      color: #1955f5;
      border-color: #1955f5;
      background-color: #ffffff; }
    #story.CC2 section.CC_tab .tab03 form .btn-wrap .btn-blue {
      background-color: #1955f5;
      color: #ffffff; }
  #story.CC2 section.CC_tab .tab03 .bg-sandoll {
    padding: 50px 0 60px;
    background-color: #4173fa; }
    #story.CC2 section.CC_tab .tab03 .bg-sandoll .container-1000:last-of-type .list-style-dot li {
      margin-bottom: 0;
      line-height: 1.86; }

#story.CC2 section.CC_tab .tab04 {
  position: relative; }
  #story.CC2 section.CC_tab .tab04 .dim {
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 260px 0; }
    #story.CC2 section.CC_tab .tab04 .dim h2 {
      color: white;
      line-height: 1.5; }
  #story.CC2 section.CC_tab .tab04 .event-title {
    padding-top: 0;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/event-title.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    height: auto; }
    #story.CC2 section.CC_tab .tab04 .event-title:after {
      content: "";
      padding-bottom: 37.9%;
      display: block; }
  #story.CC2 section.CC_tab .tab04 .event-info {
    padding: 115px 0 105px;
    background-color: #FF7976; }
    #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap {
      width: 851px;
      margin: 0 auto;
      padding: 102px 108px 0 218px;
      height: 666px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/event-info-bg.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center center; }
      #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents {
        width: 100%; }
        #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents > img:nth-child(1) {
          width: 49px;
          margin-bottom: 12px;
          transform: translateX(-39px); }
        #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents > img:nth-child(2) {
          height: 28px;
          margin-bottom: 20px;
          transform: translateX(-39px); }
        #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex {
          margin-bottom: 25px; }
          #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(1) p:before {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num01.svg"); }
          #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(2) p:before {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num02.svg"); }
          #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(3) p:before {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num03.svg"); }
          #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(4) p:before {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num04.svg"); }
          #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex img {
            width: 70px;
            height: 70px;
            margin-right: 24px; }
          #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex p {
            line-height: 1.6;
            position: relative;
            padding-left: 25px; }
            #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex p:before {
              content: '';
              position: absolute;
              display: inline-block;
              width: 19px;
              height: 19px;
              top: 4px;
              left: 0px;
              background-repeat: no-repeat;
              background-size: 100%;
              background-position: center center; }
            #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex p a {
              color: #3AA3FA;
              text-underline-position: under; }
    #story.CC2 section.CC_tab .tab04 .event-info .list-style-square {
      width: 646px;
      list-style: square;
      line-height: 1.64; }
  #story.CC2 section.CC_tab .tab04 .event-gift {
    padding: 133px 0 124px;
    background-color: #04C7A0; }
    #story.CC2 section.CC_tab .tab04 .event-gift img {
      width: 682px; }
  #story.CC2 section.CC_tab .tab04 .event-form {
    padding: 107px 0 115px;
    background-color: #0FB896; }
    #story.CC2 section.CC_tab .tab04 .event-form > ul li {
      margin-bottom: 28px; }
      #story.CC2 section.CC_tab .tab04 .event-form > ul li label {
        width: 98px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #008C71;
        border: 1.5px solid #00745D;
        margin: 0 auto 16px; }
        #story.CC2 section.CC_tab .tab04 .event-form > ul li label img {
          height: 15px; }
      #story.CC2 section.CC_tab .tab04 .event-form > ul li p {
        line-height: 1.6; }
      #story.CC2 section.CC_tab .tab04 .event-form > ul li:last-child {
        margin-bottom: 0; }
    #story.CC2 section.CC_tab .tab04 .event-form .fontCouponDownload_link img {
      width: 570px; }
    #story.CC2 section.CC_tab .tab04 .event-form .form-bg {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/event-form-bg.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 813px;
      height: 630px;
      margin-top: 102px;
      padding: 107px 0 117px;
      background-position: center center;
      line-height: 1.63; }
      #story.CC2 section.CC_tab .tab04 .event-form .form-bg .text-mint {
        color: #0FB896; }
      #story.CC2 section.CC_tab .tab04 .event-form .form-bg > img {
        width: 245px;
        margin-bottom: 36px; }
      #story.CC2 section.CC_tab .tab04 .event-form .form-bg .list-style-square {
        list-style: square;
        line-height: 1.64;
        width: 472px; }
        #story.CC2 section.CC_tab .tab04 .event-form .form-bg .list-style-square a {
          color: #3AA3FA; }
    #story.CC2 section.CC_tab .tab04 .event-form .btn-02 {
      margin-top: 32px;
      width: 300px; }
  #story.CC2 section.CC_tab .tab04 .event-noti {
    background-color: #099377;
    padding: 40px 0 50px; }
    #story.CC2 section.CC_tab .tab04 .event-noti > div {
      max-width: 840px;
      margin: 0 auto; }
    #story.CC2 section.CC_tab .tab04 .event-noti .list-style-square {
      list-style: square;
      line-height: 1.64; }

#story.CC2 section.CC_tab .share_sns {
  padding: 34px 0 39px;
  background-color: #F8F8F8; }
  #story.CC2 section.CC_tab .share_sns .share_img {
    width: 2.625rem;
    margin-left: -10px;
    margin-right: 0.875rem; }
  #story.CC2 section.CC_tab .share_sns button {
    min-width: 87px;
    background-color: #F0F0F0;
    border: none;
    padding: 0;
    height: 45px;
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    font-size: 0.875rem;
    justify-content: center;
    box-shadow: none;
    border-radius: 3px;
    margin-left: 6px; }

#story.CC2 section.yearend_05 {
  padding: 50px 0 190px; }
  #story.CC2 section.yearend_05 .d-flex .textarea_wrap {
    background: #fff;
    border: 1px solid #999999;
    padding: 22px 19px 13px;
    width: calc(100% - 184px); }
    #story.CC2 section.yearend_05 .d-flex .textarea_wrap label {
      cursor: pointer;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      #story.CC2 section.yearend_05 .d-flex .textarea_wrap label img {
        height: 2.1875rem; }
      #story.CC2 section.yearend_05 .d-flex .textarea_wrap label span {
        font-size: 1rem;
        color: #999999; }
  #story.CC2 section.yearend_05 .d-flex textarea {
    border: none;
    background: #fff;
    height: 135px;
    width: 100%;
    line-height: 1.56;
    font-size: 1rem; }
  #story.CC2 section.yearend_05 .d-flex textarea::placeholder {
    color: #999999; }
  #story.CC2 section.yearend_05 .d-flex .txt textarea {
    background: #ddd;
    padding: 8px;
    width: 100%; }
  #story.CC2 section.yearend_05 .d-flex .txt label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -9px;
    width: 100%;
    background: #ddd;
    padding: 0 14px 12px; }
    #story.CC2 section.yearend_05 .d-flex .txt label img {
      height: 36px;
      margin-right: 16px; }
    #story.CC2 section.yearend_05 .d-flex .txt label span {
      font-size: 0.875rem;
      color: #999; }
  #story.CC2 section.yearend_05 .d-flex .btn {
    background: #1c1c1c;
    color: white;
    font-size: 1rem;
    display: block; }
  #story.CC2 section.yearend_05 .btn-wrap #morePage {
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 1.25rem;
    color: #1c1c1c;
    display: inline-flex;
    align-items: center; }
    #story.CC2 section.yearend_05 .btn-wrap #morePage img {
      width: 42px;
      height: 42px; }
  #story.CC2 section.yearend_05 .review_list li {
    border-top: 1px solid #707070;
    padding: 30px 0;
    font-size: 1rem;
    align-items: flex-start; }
    #story.CC2 section.yearend_05 .review_list li > .txt {
      width: 60%;
      cursor: pointer;
      line-height: 1.5;
      overflow: hidden;
      white-space: normal;
      -webkit-line-clamp: inherit;
      word-break: break-word; }
    #story.CC2 section.yearend_05 .review_list li .img_url img {
      width: 200px;
      height: auto;
      cursor: pointer; }
      #story.CC2 section.yearend_05 .review_list li .img_url img.wide {
        width: 600px;
        height: auto; }
    #story.CC2 section.yearend_05 .review_list li > p.writer {
      justify-content: right;
      width: calc(40% - 120px);
      align-items: center;
      display: inline-flex; }
      #story.CC2 section.yearend_05 .review_list li > p.writer img {
        width: 44px;
        margin-left: 0.25rem; }
        #story.CC2 section.yearend_05 .review_list li > p.writer img:first-child, #story.CC2 section.yearend_05 .review_list li > p.writer img:nth-child(3) {
          margin-left: 1rem; }
    #story.CC2 section.yearend_05 .review_list li > p.datetime {
      width: calc(120px);
      text-align: right;
      vertical-align: baseline;
      color: #1c1c1c; }
    #story.CC2 section.yearend_05 .review_list li:last-child {
      border-bottom: 1px solid #707070; }
    #story.CC2 section.yearend_05 .review_list li.show > .txt {
      white-space: normal;
      -webkit-line-clamp: inherit;
      word-break: break-word; }

#story.CC2 section .container-1000 {
  max-width: 1000px;
  margin: 0 auto; }

#story.CC2 .slider-wrap {
  background-color: #DEE6FF;
  padding: 40px; }
  #story.CC2 .slider-wrap .img-wrap {
    width: 100%; }
  #story.CC2 .slider-wrap h3 {
    margin-top: 2.625rem;
    margin-bottom: 0.75rem; }
  #story.CC2 .slider-wrap .carousel-control-next,
  #story.CC2 .slider-wrap .carousel-control-prev {
    background: #999999;
    width: 45px;
    height: 55px;
    top: 235px;
    opacity: 1; }

#story.CC2 .chat-wrap {
  padding: 140px 0 110px; }

#story.CC2 .box-wrap {
  max-width: 73.75rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center; }

#story.CC2 .white-box {
  padding: 38px 26px 42px;
  background: #FFFFFF;
  box-shadow: 3px 4px 11px rgba(17, 19, 31, 0.15);
  border-radius: 20px;
  color: #6C6C6C;
  margin: 0 13px 66px;
  width: 270px; }
  #story.CC2 .white-box:nth-of-type(1) {
    margin-left: 0; }
  #story.CC2 .white-box:nth-of-type(4) {
    margin-right: 0; }
  #story.CC2 .white-box img {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px; }
  #story.CC2 .white-box p {
    word-break: keep-all;
    line-height: 1.62; }
    #story.CC2 .white-box p .highlight {
      color: #1c1c1c;
      text-decoration: none;
      background-size: 100% 12px;
      background-position: 0 100%;
      padding: 0px 0 6px;
      background-repeat: no-repeat;
      background-image: linear-gradient(transparent, transparent), linear-gradient(#e1ff7d, #e1ff7d); }

#story.CC3 .btn {
  border-radius: 8px; }

#story.CC3 .confirm_student_wrap .form-check + .parsley-errors-list {
  margin-left: 0; }

#story.CC3 .parsley-required {
  text-align: left; }

#story.CC3 .list-style-star {
  position: relative;
  padding-left: 7px; }
  #story.CC3 .list-style-star::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 2px; }

#story.CC3 .new_flag {
  position: relative; }
  #story.CC3 .new_flag::before {
    content: "";
    position: absolute;
    right: -6px;
    top: -22px;
    width: 29px;
    height: 19px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC3/icon_flag.svg") 0 0 no-repeat; }

#story.CC3 .btn-CC {
  width: 235px;
  height: 54px;
  font-size: 1rem; }
  #story.CC3 .btn-CC.round-type {
    width: 99px;
    height: 38px;
    border-radius: 18px;
    font-size: 0.875rem;
    font-weight: 400; }

#story.CC3 .nav-wrap.fixed {
  top: calc(46px + 60px); }

#story.CC3 section:nth-of-type(1) {
  height: 603px;
  padding-top: 108px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC3/pc_main.gif"); }
  #story.CC3 section:nth-of-type(1) .logo {
    width: 4.375rem; }
  #story.CC3 section:nth-of-type(1) h2 {
    font-size: 4.0625rem; }
    #story.CC3 section:nth-of-type(1) h2 .text-ygreen {
      bottom: 73px;
      right: calc(50% - 246px);
      width: 102px;
      height: 26px;
      font-size: 1.25rem; }
  #story.CC3 section:nth-of-type(1) h4 {
    font-size: 1rem; }
  #story.CC3 section:nth-of-type(1) i.sd {
    width: 1.625rem;
    height: 1.625rem; }
  #story.CC3 section:nth-of-type(1) .text-lighterygreen {
    margin-top: 1.875rem;
    margin-bottom: 0.6875rem; }

#story.CC3 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(2) > div {
  padding-left: 78px; }

#story.CC3 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(4) > div {
  padding-left: 84px; }

#story.CC3 section.CC_tab .tab01 .confirm_student_wrap .container .arrow-down1 {
  width: 1.875rem;
  height: auto;
  margin-top: 35px; }

#story.CC3 section.CC_tab .tab02 .tab02_img.mx-auto {
  width: 4.0625rem; }

#story.CC3 .slider-wrap h3 {
  margin-top: 0.75rem; }

#story.CC3 .slider-wrap h4 {
  margin-top: 1.625rem; }

#story.CC3 .box-wrap {
  position: relative; }
  #story.CC3 .box-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 100%;
    height: 168px;
    background: linear-gradient(180deg, rgba(245, 248, 255, 0) 0%, rgba(245, 248, 255, 0.3) 25%, rgba(245, 248, 255, 0.7) 40%, rgba(245, 248, 255, 0.12) 100%); }
  #story.CC3 .box-wrap.active .white-box:nth-of-type(n + 9) {
    display: block; }
  #story.CC3 .box-wrap.active::after {
    display: none; }

#story.CC3 .white-box:nth-of-type(n + 9) {
  display: none; }

#story.CC3 .white-box:nth-of-type(4n) {
  margin-right: 0; }

#story.CC4 .nav {
  display: flex; }
  #story.CC4 .nav .nav-link {
    flex: 1; }

#story.CC4 section.CC_tab .tab01 .bg-f5f8ff.type02 {
  padding: 29px 0; }
  #story.CC4 section.CC_tab .tab01 .bg-f5f8ff.type02 img {
    width: 298px; }
  #story.CC4 section.CC_tab .tab01 .bg-f5f8ff.type02 > .d-inline-flex .text-start {
    width: auto; }
  #story.CC4 section.CC_tab .tab01 .bg-f5f8ff.type02 > .d-inline-flex img {
    width: 298px; }

#story.CC4 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex img {
  width: 315px; }

#story.CC4 section.CC_tab .tab01 ul li img {
  width: 514px; }

#story.CC4 section.CC_tab .tab01 .confirm_student_wrap {
  padding: 0 0 164px; }
  #story.CC4 section.CC_tab .tab01 .confirm_student_wrap .container .arrow-down1 {
    margin-bottom: 60px; }

#story.CC4 section.CC_tab .tab02 {
  padding: 129px 0 97px; }

#story.CC4 section.CC_tab .tab03 {
  position: relative;
  background-image: none;
  padding: 88px 0 90px;
  z-index: 0; }
  #story.CC4 section.CC_tab .tab03 .tab03_img {
    width: 562px; }
    #story.CC4 section.CC_tab .tab03 .tab03_img.mx-auto {
      width: 74px; }

#story.CC4 section.CC_tab .lastCon {
  padding: 73px 0 156px; }
  #story.CC4 section.CC_tab .lastCon .list-style-dot {
    line-height: 1.71; }
  #story.CC4 section.CC_tab .lastCon .tab03_img {
    width: 562px; }
    #story.CC4 section.CC_tab .lastCon .tab03_img.type02 {
      width: 470px; }
  #story.CC4 section.CC_tab .lastCon ul {
    line-height: 1.69; }
    #story.CC4 section.CC_tab .lastCon ul li {
      margin-bottom: 0; }
    #story.CC4 section.CC_tab .lastCon ul.num-list li {
      position: relative;
      padding-left: 19px; }
      #story.CC4 section.CC_tab .lastCon ul.num-list li img {
        position: absolute;
        top: 6px;
        left: 0;
        width: 13px;
        height: 13px; }

#story.CC4 .chat-wrap {
  padding-bottom: 0; }

#story.CC4 .ic-arrow {
  width: 24px; }

#story.CC4 .btn-CC.type02 {
  display: block;
  width: 409px;
  height: 80px;
  margin: 0 auto;
  padding-top: 17px; }

#story.CC4 .bg-txt {
  background-color: #d9d9d9;
  color: #fff;
  padding: 4px 3px;
  border-radius: 4px; }
  #story.CC4 .bg-txt.type02 {
    display: inline-block;
    padding: 5px 8px;
    background-color: #ebf0ff;
    color: #4173fa;
    font-size: 12px; }

#story.CC4 .ex_img {
  width: 549px; }

#story.CC4 .btn-container {
  display: flex;
  justify-content: space-between;
  padding: 0 33px; }
  #story.CC4 .btn-container_item {
    width: calc(50% - 30px); }
    #story.CC4 .btn-container_item > div {
      font-size: 20px; }
    #story.CC4 .btn-container_item::before {
      display: none; }
  #story.CC4 .btn-container .btn-certification {
    width: 100%;
    padding: 230px 0 40px;
    background: #f9f9f9 url("https://media.sandollcloud.com/static/images/PSP/contents/ic-writeCer_02.png") no-repeat 50% 69px/128px 128px;
    border: 1px solid #ddd;
    font-size: 23px;
    font-weight: 700;
    color: #1c1c1c;
    border-radius: 0; }
    #story.CC4 .btn-container .btn-certification.kakao {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/ic-kakaoCer_02.png");
      background-position-y: 45px;
      background-size: 177px 177px; }
    #story.CC4 .btn-container .btn-certification:hover {
      border-color: #4173fa; }

#story.CC5 .text-neongreen {
  color: #beff00; }

#story.CC5 .text-4949 {
  color: #494949; }

#story.CC5 .btn-CC {
  width: auto;
  padding: 0 92px;
  background-color: #4173fa;
  border: #4173fa; }
  #story.CC5 .btn-CC:hover {
    background-color: #345cc8; }

#story.CC5 .btn-CC.type02 {
  padding-top: 22px; }

#story.CC5 button.bg-pink:hover {
  background-color: #CC005D; }

#story.CC5 .bg-pink {
  background-color: #FF2388; }
  #story.CC5 .bg-pink.fw-light {
    display: inline-block;
    padding: 0 5px;
    line-height: 1.1; }

#story.CC5 .bg-green {
  padding: 0 2px;
  background-color: #00b758; }

#story.CC5 .ebf0ff {
  display: inline-block;
  padding: 2px 5px 3px;
  line-height: 1.1;
  background-color: #ebf0ff; }

#story.CC5 .text-highlighter.ebf0ff {
  background-color: transparent; }

#story.CC5 .text-img {
  display: inline-block;
  width: 78px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 1px;
  background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_text_yeoshin.png") 0 0/100% 100% no-repeat; }

#story.CC5 .h-100px {
  height: 100px !important; }

#story.CC5 section:nth-of-type(1) {
  height: 500px;
  padding-top: 88px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/pc_main.png"); }
  #story.CC5 section:nth-of-type(1) .text-lighterygreen {
    margin: 28px 0 8px; }
  #story.CC5 section:nth-of-type(1) h2 .text-ygreen {
    width: 115px;
    height: 35px;
    background-color: #2877f8; }

#story.CC5 .CC_tab .tab01 .bg-f5f8ff.narrow {
  padding: 18px 0;
  border-radius: 6px;
  overflow: hidden; }

#story.CC5 .CC_tab .tab01 .confirm_student_wrap .container {
  max-width: 848px; }

#story.CC5 .CC_tab .tab02 {
  padding: 0 0 106px 0;
  background: transparent; }
  #story.CC5 .CC_tab .tab02 img {
    width: 100%; }
  #story.CC5 .CC_tab .tab02 .top {
    position: relative;
    padding: 150px 0 157px; }
    #story.CC5 .CC_tab .tab02 .top::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/bg_tab02_top.png") center center/cover no-repeat;
      z-index: -2; }

#story.CC5 .CC_tab .tab03 {
  padding: 120px 0 192px; }
  #story.CC5 .CC_tab .tab03 .btn-wrap.flex {
    display: flex;
    justify-content: center; }
    #story.CC5 .CC_tab .tab03 .btn-wrap.flex .btn-CC.type02 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 373px;
      margin: 0;
      padding: 0 20px; }
      #story.CC5 .CC_tab .tab03 .btn-wrap.flex .btn-CC.type02 + .btn-CC.type02 {
        margin-left: 20px; }
  #story.CC5 .CC_tab .tab03 .img03_02_img {
    width: 680px; }

#story.CC5 .CC_tab [class^="tab0"] {
  display: none; }
  #story.CC5 .CC_tab [class^="tab0"].active {
    display: block; }
  #story.CC5 .CC_tab [class^="tab0"] .list-style-dot {
    word-break: keep-all; }
  #story.CC5 .CC_tab [class^="tab0"] .w-786px {
    width: 786px; }
  #story.CC5 .CC_tab [class^="tab0"] .w-607px {
    width: 607px; }
  #story.CC5 .CC_tab [class^="tab0"] .w-511px {
    width: 511px; }
  #story.CC5 .CC_tab [class^="tab0"] .w-70px {
    width: 70px; }
  #story.CC5 .CC_tab [class^="tab0"] .w-60px {
    width: 60px; }

#story.CC5 .CC_tab .title-box {
  border-radius: 60px;
  background-color: #4173fa; }
  #story.CC5 .CC_tab .title-box::before {
    border-radius: 60px;
    background-color: #91baff; }
  #story.CC5 .CC_tab .title-box.type02 {
    width: 487px; }
    #story.CC5 .CC_tab .title-box.type02::before {
      background-color: #c3deff; }

#story.CC5 .nav .nav-link span {
  display: inline-block;
  padding: 3px 7px;
  font-size: 10px;
  background-color: #e1ff7d;
  color: #4173fa; }

#story.CC5 .nav .nav-link.active {
  border-color: #4173fa;
  color: #4173fa; }

#story.CC5 .box-wrap {
  justify-content: flex-start;
  flex-wrap: nowrap;
  max-width: none; }
  #story.CC5 .box-wrap::after {
    display: none; }

#story.CC5 iframe {
  width: 766px;
  height: 448px; }

#story.CC5 .bg-f5f8ff {
  position: relative;
  background: transparent !important; }
  #story.CC5 .bg-f5f8ff::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f8ff;
    z-index: -2; }

#story.CC5 .white-box {
  width: calc(25% - 26px * 3 / 4);
  height: 320px;
  margin: 0 0 0 26px;
  text-align: left; }
  #story.CC5 .white-box:nth-of-type(1) {
    margin-left: 0; }
  #story.CC5 .white-box:nth-of-type(n + 9) {
    display: block; }
  #story.CC5 .white-box p {
    word-break: break-all; }

#story.CC5 .swiper-button-prev {
  left: 0;
  width: 64px;
  height: 64px;
  background: transparent url("data:image/svg+xml,%3Csvg width='64' height='65' viewBox='0 0 64 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8404 31.2095C23.4604 31.2095 23.1004 31.3694 22.8204 31.6294C22.2604 32.1894 22.2604 33.0894 22.8204 33.6494L38.9804 49.8093C39.2404 50.0693 39.6204 50.2295 40.0004 50.2295C40.3804 50.2295 40.7404 50.0693 41.0204 49.8093C41.5804 49.2493 41.5804 48.3493 41.0204 47.7893L24.8604 31.6294C24.5804 31.3694 24.2204 31.2095 23.8404 31.2095Z' fill='%231C1C1C'/%3E%3Cpath d='M40.0004 15.0493C39.6204 15.0493 39.2604 15.2095 38.9804 15.4695L22.8204 31.6294C22.2604 32.1894 22.2604 33.0894 22.8204 33.6494C23.0804 33.9094 23.4604 34.0693 23.8404 34.0693C24.2204 34.0693 24.5804 33.9094 24.8604 33.6494L41.0204 17.4895C41.5804 16.9295 41.5804 16.0295 41.0204 15.4695C40.7404 15.2095 40.3804 15.0493 40.0004 15.0493Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  border: none;
  transform: translateY(-50%); }
  #story.CC5 .swiper-button-prev::after {
    display: none; }

#story.CC5 .swiper-button-next {
  right: 0;
  width: 64px;
  height: 64px;
  background: transparent url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.6601 31.2095C41.0401 31.2095 41.4001 31.3694 41.6801 31.6294C42.2401 32.1894 42.2401 33.0894 41.6801 33.6494L25.5201 49.8093C25.2601 50.0693 24.8801 50.2295 24.5001 50.2295C24.1201 50.2295 23.7601 50.0693 23.4801 49.8093C22.9201 49.2493 22.9201 48.3493 23.4801 47.7893L39.6401 31.6294C39.9201 31.3694 40.2801 31.2095 40.6601 31.2095Z' fill='%231C1C1C'/%3E%3Cpath d='M24.5001 15.0493C24.8801 15.0493 25.2401 15.2095 25.5201 15.4695L41.6801 31.6294C42.2401 32.1894 42.2401 33.0894 41.6801 33.6494C41.4201 33.9094 41.0401 34.0693 40.6601 34.0693C40.2801 34.0693 39.9201 33.9094 39.6401 33.6494L23.4801 17.4895C22.9201 16.9295 22.9201 16.0295 23.4801 15.4695C23.7601 15.2095 24.1201 15.0493 24.5001 15.0493Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
  border: none;
  transform: translateY(-50%); }
  #story.CC5 .swiper-button-next::after {
    display: none; }

#story.CC5 .swiper-scrollbar {
  position: initial !important;
  width: 100% !important;
  height: 5px !important;
  min-width: 100%;
  padding: 0;
  margin-top: 48px;
  background-color: #fff;
  border: none;
  overflow: hidden; }
  #story.CC5 .swiper-scrollbar-drag {
    min-width: 276px;
    height: 5px;
    left: 0;
    top: 0;
    background-color: #c3d2ff; }
  #story.CC5 .swiper-scrollbar:after {
    background-color: transparent; }

#story.CC5 .chat-wrap {
  padding: 11px 64px; }
  #story.CC5 .chat-wrap .swiper-slide {
    display: flex; }

#story.CC5 .gallery {
  width: 766px;
  padding: 0 64px;
  box-sizing: content-box; }
  #story.CC5 .gallery img {
    width: 100%;
    border-radius: 12px; }

#story.CC5 .btn-CC:hover {
  background-color: #345cc8; }

#story.CC5 .clock {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 0 auto;
  font-weight: bold; }
  #story.CC5 .clock .flipper {
    position: relative;
    width: 100px;
    height: 100%;
    transform-style: preserve-3d;
    perspective: 1600px;
    border-radius: 6px; }
    #story.CC5 .clock .flipper + .flipper {
      margin-left: 43px; }
      #story.CC5 .clock .flipper + .flipper::before {
        content: "";
        position: absolute;
        left: -25px;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 32px;
        background: url("data:image/svg+xml,%3Csvg width='9' height='33' viewBox='0 0 9 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4.49951' cy='4' r='4' fill='%23345CC8'/%3E%3Ccircle cx='4.49951' cy='28.0947' r='4' fill='%23345CC8'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
    #story.CC5 .clock .flipper.flipping .top.new {
      transform-origin: bottom center;
      animation: rotate 0.55s 1 ease-in-out forwards; }
    #story.CC5 .clock .flipper.flipping .bottom.new {
      animation: rotatebottom 0.55s 1 ease-in-out forwards; }
  #story.CC5 .clock span {
    font-size: 47px;
    color: #345cc8; }
  #story.CC5 .clock .top.new,
  #story.CC5 .clock .bottom.new {
    position: absolute;
    left: 0;
    z-index: 12; }
  #story.CC5 .clock .top {
    position: relative;
    width: 100%;
    height: calc(50% - 1px);
    background-color: #345cc8;
    border-radius: 6px 6px 0 0; }
    #story.CC5 .clock .top.new {
      top: 0;
      z-index: 1; }
      #story.CC5 .clock .top.new .text {
        backface-visibility: hidden; }
  #story.CC5 .clock .bottom {
    position: relative;
    width: 100%;
    height: calc(50% - 1px);
    margin-top: 2px;
    border-radius: 0 0 6px 6px;
    background-color: #345cc8; }
    #story.CC5 .clock .bottom .text {
      line-height: 0; }
    #story.CC5 .clock .bottom.new {
      position: absolute;
      top: 0;
      height: calc(100% - 0px);
      transform: rotateX(0.5turn);
      z-index: 1;
      opacity: 0; }
  #story.CC5 .clock .text {
    font-size: 37px;
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    line-height: 80px;
    text-align: center; }

@keyframes rotatebottom {
  0% {
    opacity: 0; }
  49% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes rotate {
  0% {
    transform: rotateX(0) translateY(0px); }
  100% {
    transform: rotateX(-180deg) translateY(-4px); } }

#story.CC5 .floatingBtn {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 100; }
  #story.CC5 .floatingBtn button {
    display: block;
    width: 54px;
    height: 53px;
    border: none;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/ic_share.png") 0 0/100% 100% no-repeat; }
  #story.CC5 .floatingBtn_menu > button:nth-of-type(1) {
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/ic_shareKakao.png"); }
  #story.CC5 .floatingBtn_menu > button:nth-of-type(2) {
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/ic_copyLink.png"); }

#story.CC5 .d-flex .bg-ebf0ff,
#story.CC5 .d-flex .bg-f6f5ff {
  flex: 1;
  padding: 30px 20px; }
  #story.CC5 .d-flex .bg-ebf0ff + .bg-f6f5ff,
  #story.CC5 .d-flex .bg-ebf0ff + .bg-ebf0ff,
  #story.CC5 .d-flex .bg-f6f5ff + .bg-f6f5ff,
  #story.CC5 .d-flex .bg-f6f5ff + .bg-ebf0ff {
    margin-left: 40px; }
  #story.CC5 .d-flex .bg-ebf0ff p,
  #story.CC5 .d-flex .bg-f6f5ff p {
    padding-top: 147px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_benefit_01.png") 50% 14px/161px 114px no-repeat; }
    #story.CC5 .d-flex .bg-ebf0ff p.bg02,
    #story.CC5 .d-flex .bg-f6f5ff p.bg02 {
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_benefit_02.png") 50% 30px/133px 92px no-repeat; }
    #story.CC5 .d-flex .bg-ebf0ff p.bg03,
    #story.CC5 .d-flex .bg-f6f5ff p.bg03 {
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_benefit_03.png") 50% 22px/115px 97px no-repeat; }

#story.CC5 .ic-arrow {
  width: 48px; }

#story.CC5 .fs-35px.d-inline-block {
  margin-top: -6px; }

#story.CC5 .bg-text {
  width: 409px;
  padding-bottom: 332px;
  background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_textBg.png") 50% 27px/520px 351px no-repeat; }

#story.CC5 .bg-title {
  width: 274px;
  padding-bottom: 153px;
  background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_titleBg.png") 0 -13px/100% 246px no-repeat; }
  #story.CC5 .bg-title.type02 {
    padding-bottom: 188px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/img_titleBg_02.png") 50% 66px/246px 162px no-repeat; }

#story.CC5 .text-highlighter::after {
  width: calc(100% + 8px);
  height: calc(100% + 4px);
  left: -4px;
  bottom: -2px; }

#story.CC5 .text-highlighter.type02:after {
  width: calc(100% + 8px);
  height: calc(100% + 10px);
  left: -4px;
  bottom: -5px; }

#story.CC5 .text-highlighter.light::after {
  background-color: #f0ffb9; }

#story.CC5 .text-highlighter.ebf0ff::after {
  bottom: 6px;
  height: 28px;
  background-color: #ebf0ff; }

#story.CC5 .text-highlighter.color-sandoll::after {
  bottom: -4px;
  height: calc(100% + 10px);
  background-color: #4173fa; }

#story.CC5 .numTxt {
  display: block;
  width: 20px; }
  #story.CC5 .numTxt + * {
    width: calc(100% - 29px);
    margin-left: 9px; }

#story.CC5 ol {
  line-height: 1.5; }
  #story.CC5 ol li {
    display: flex; }
    #story.CC5 ol li + li {
      margin-top: 5px; }

#story.CC5 .bg-box {
  background-color: #f9f9f9;
  padding: 30px 0;
  border-radius: 8px; }
  #story.CC5 .bg-box.type02 {
    background-color: #2758dc; }

#story.CC5 .btn-sandoll.btn-size-m:hover {
  background-color: #4173fa; }

#story.CC6 {
  padding-top: 49px; }
  #story.CC6 .nav-wrap {
    position: fixed;
    top: 140px;
    width: 100%;
    background-color: #fff;
    z-index: 10; }
  #story.CC6 .nav .nav-link {
    color: #999;
    border-radius: 0;
    border-bottom-color: transparent; }
  #story.CC6 section:nth-of-type(1) {
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/pc_main02.png"); }
    #story.CC6 section:nth-of-type(1) h2 .text-ygreen {
      background-color: #345cc8; }
  #story.CC6 section.CC_tab .tab03 {
    padding: 0; }
    #story.CC6 section.CC_tab .tab03 .tab03_img.mx-auto {
      width: 81px; }
    #story.CC6 section.CC_tab .tab03 .bg-ebf0ff {
      border-radius: 0;
      padding: 130px 0 148px; }
      #story.CC6 section.CC_tab .tab03 .bg-ebf0ff img {
        width: 588px; }
  #story.CC6 section.CC_tab .tab04 .btn-yellow {
    width: 295px;
    padding-left: 0;
    padding-right: 0; }
  #story.CC6 .text-yellow {
    color: #e1ff7d !important; }
  #story.CC6 .btn-CC {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
    width: 310px;
    padding: 0;
    color: #fff;
    border-radius: 12px; }
    #story.CC6 .btn-CC:hover {
      background-color: #4173fa;
      color: #fff; }
    #story.CC6 .btn-CC.type02 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 375px;
      margin: 0;
      padding: 0 20px;
      padding-top: 0; }
    #story.CC6 .btn-CC [class^='fs'] {
      color: inherit !important; }
  #story.CC6 .btn-sandoll-outline {
    background-color: transparent;
    border: 1px solid #4173fa;
    color: #4173fa; }
    #story.CC6 .btn-sandoll-outline:hover {
      background-color: transparent;
      color: #4173fa; }
  #story.CC6 .btn-white {
    background-color: #fff;
    color: #4173fa; }
    #story.CC6 .btn-white:hover {
      background-color: #fff;
      color: #4173fa; }
  #story.CC6 .btn-navy {
    background-color: #345CC8; }
    #story.CC6 .btn-navy:hover {
      background-color: #345CC8;
      color: #fff; }
  #story.CC6 .btn-black {
    background-color: #000; }
    #story.CC6 .btn-black:hover {
      background-color: #000; }
  #story.CC6 .text-red {
    color: #FF385C; }
  #story.CC6 .container-1084 {
    width: 1084px;
    margin: 0 auto; }
  #story.CC6 .container-764 {
    width: 764px;
    margin: 0 auto; }
  #story.CC6 .container-728 {
    width: 728px;
    margin: 0 auto; }
  #story.CC6 .container-850 {
    width: 850px;
    margin: 0 auto; }
  #story.CC6 .gallery {
    width: calc(100% - 128px); }
    #story.CC6 .gallery img {
      border-radius: 0; }
  #story.CC6 .btn-wrap.type02 {
    margin: 0 auto; }
    #story.CC6 .btn-wrap.type02 .btn-CC {
      width: 260px; }
  #story.CC6 .sub {
    top: -13px; }
  #story.CC6 .white-box img {
    width: 64px !important; }
  #story.CC6 .text-highlighter.type02 {
    margin-top: -6px; }
    #story.CC6 .text-highlighter.type02::after {
      left: -8px;
      bottom: 6px;
      height: calc(100% - 12px);
      width: calc(100% + 16px); }
  #story.CC6 .text-ff627e {
    color: #ff627e; }
  #story.CC6 .bg-txt.type02 {
    padding: 7px 26px;
    border: none; }
  #story.CC6 .search-list li.font2 {
    width: 600px;
    margin-right: 0;
    padding-left: 0; }
    #story.CC6 .search-list li.font2:hover {
      background-color: transparent; }
    #story.CC6 .search-list li.font2 > a {
      display: block; }
  #story.CC6 .search-list .badge {
    font-size: 10px; }
  #story.CC6 .search-list .cpname span:not(.badge) {
    display: block;
    font-size: 12px; }
  #story.CC6 .search-list .info {
    padding-left: 18px; }
  #story.CC6 .search-list h3 {
    line-height: 1; }
  #story.CC6 .search-list .img_link {
    font-size: 0;
    margin-top: 24px; }
  #story.CC6 .stepCon {
    position: relative;
    padding: 28px 23px 30px 311px;
    background-color: #345CC8BF;
    border-radius: 12px; }
    #story.CC6 .stepCon img {
      position: absolute;
      bottom: 0;
      left: 20px;
      width: auto;
      height: 191px; }
    #story.CC6 .stepCon p {
      line-height: 1.58;
      margin-top: 6px; }
      #story.CC6 .stepCon p[class^='fs'] {
        line-height: 1.48;
        margin-top: 10px; }
    #story.CC6 .stepCon .text-yellow {
      line-height: 1.61; }
    #story.CC6 .stepCon + .stepCon {
      margin-top: 32px; }
  #story.CC6 .d-flex .bg-ebf0ff .fs-txt-1 {
    margin: 0 -20px; }
  #story.CC6 .d-flex .bg-ebf0ff + .bg-ebf0ff {
    margin-left: 20px; }
  #story.CC6 .d-flex .bg-ebf0ff p.bg04 {
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_benefit_04.png") 50% 28px/168px 100px no-repeat; }
  #story.CC6 .borderTable {
    border-color: #999; }
    #story.CC6 .borderTable.type02 .borderTable_title > button,
    #story.CC6 .borderTable.type02 .borderTable_title a {
      padding: 0;
      background-color: transparent;
      border: none;
      max-width: calc(100% - 118px);
      text-align: left; }
    #story.CC6 .borderTable.type02 tbody {
      border-color: #999; }
      #story.CC6 .borderTable.type02 tbody tr {
        flex-wrap: wrap;
        padding: 0;
        border-top: none;
        border-bottom: 1px solid #ddd; }
        #story.CC6 .borderTable.type02 tbody tr:last-of-type {
          border-bottom: none; }
        #story.CC6 .borderTable.type02 tbody tr:hover {
          background-color: transparent;
          color: inherit; }
          #story.CC6 .borderTable.type02 tbody tr:hover .badge-blue {
            background-color: #EBF0FF; }
        #story.CC6 .borderTable.type02 tbody tr.open {
          border-bottom: none; }
          #story.CC6 .borderTable.type02 tbody tr.open .borderTable_title p {
            font-weight: 700; }
          #story.CC6 .borderTable.type02 tbody tr.open .borderTable_content {
            display: block; }
    #story.CC6 .borderTable.type02 td {
      box-sizing: content-box; }
      #story.CC6 .borderTable.type02 td:first-of-type {
        padding-left: 20px; }
      #story.CC6 .borderTable.type02 td:nth-of-type(4) {
        padding-right: 20px; }
      #story.CC6 .borderTable.type02 td.borderTable_content {
        display: none;
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 16px 16px 16px 100px;
        border-radius: 12px;
        background: #F5F8FF;
        border-radius: 12px;
        border-bottom: 1px solid #F0F0F0;
        line-height: 1.61;
        box-sizing: content-box;
        word-break: break-word; }
  #story.CC6 .chat-wrap .swiper-slide {
    flex-wrap: wrap; }
    #story.CC6 .chat-wrap .swiper-slide .white-box:nth-of-type(5) {
      margin-left: 0; }
    #story.CC6 .chat-wrap .swiper-slide .white-box:nth-of-type(n+5) {
      margin-top: 40px; }
  #story.CC6 .fs-title-1 > * {
    font-weight: inherit; }
  #story.CC6 .list-style-dot li a {
    color: inherit; }
  #story.CC6 .bg-cfff2 {
    padding: 175px 0;
    background: linear-gradient(180deg, #CFFFF2 0%, #FFF 34.73%); }
    #story.CC6 .bg-cfff2 img:not(.tab03_img) {
      width: 883px;
      margin-top: -23px; }
    #story.CC6 .bg-cfff2 .list-style-dot {
      width: 718px; }
  #story.CC6 .bg-fefdf5 {
    padding: 128px 0 162px;
    background-color: #fefdf5; }
  #story.CC6 .bg-ff6e40 {
    padding: 130px 0;
    background-color: #ff6e40; }
    #story.CC6 .bg-ff6e40 .list-style-dot {
      width: 760px; }
    #story.CC6 .bg-ff6e40 .SDHoyoyo2.fs-title-1 {
      position: relative; }
      #story.CC6 .bg-ff6e40 .SDHoyoyo2.fs-title-1::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 886px;
        height: 291px;
        background: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/bg_confetti.png") 0 0/100% 100% no-repeat; }
    #story.CC6 .bg-ff6e40 img {
      width: 712px;
      margin-left: -84px; }
  #story.CC6 .bg-f7f5ea {
    padding: 85px 0;
    background-color: #f7f5ea;
    border-radius: 36px; }
    #story.CC6 .bg-f7f5ea .fs-title-1 {
      font-size: 32px; }
    #story.CC6 .bg-f7f5ea img {
      width: 767px;
      margin-top: 28px; }
    #story.CC6 .bg-f7f5ea .list-style-dot {
      width: 780px; }
    #story.CC6 .bg-f7f5ea:nth-of-type(2) img {
      width: 816px;
      margin-top: -96px; }
    #story.CC6 .bg-f7f5ea:nth-of-type(2) .list-style-dot {
      width: 730px; }
    #story.CC6 .bg-f7f5ea:last-of-type img {
      width: 808px;
      margin-top: 45px; }
  #story.CC6 .bg-linear {
    padding: 178px 0 152px;
    background: linear-gradient(50deg, #F0E5FE 36.4%, #FFD8E5 93.99%); }
    #story.CC6 .bg-linear img:not(.tab03_img) {
      width: 834px;
      margin-top: -36px; }
    #story.CC6 .bg-linear .list-style-dot {
      width: 717px; }
    #story.CC6 .bg-linear table {
      position: relative;
      width: 769px;
      margin: 0 auto; }
      #story.CC6 .bg-linear table::after {
        content: "";
        position: absolute;
        top: -2px;
        right: -2px;
        width: calc(100%/3 + 4px);
        height: calc(100% + 6px);
        border: 3px solid #004DFF;
        border-radius: 0 10px 10px 0; }
      #story.CC6 .bg-linear table td,
      #story.CC6 .bg-linear table th {
        width: calc(100%/3);
        border-left: 1px solid #F8F0FF; }
        #story.CC6 .bg-linear table td:first-of-type,
        #story.CC6 .bg-linear table th:first-of-type {
          border-left: none; }
      #story.CC6 .bg-linear table th {
        padding: 20px 0;
        color: #fff;
        background-color: #007EFF; }
        #story.CC6 .bg-linear table th:last-of-type {
          background-color: #004DFF; }
      #story.CC6 .bg-linear table td {
        position: relative;
        height: 83px;
        vertical-align: middle;
        border-top: 1px solid #F8F0FF; }
        #story.CC6 .bg-linear table td:last-of-type {
          color: #004DFF;
          font-weight: 700; }
        #story.CC6 .bg-linear table td div {
          position: absolute;
          top: 12px;
          right: -13px;
          width: 83px;
          padding: 8px 0;
          background-color: #57AAFF;
          border-radius: 20px;
          font-size: 13px;
          font-weight: 700;
          color: #fff;
          z-index: 2; }
          #story.CC6 .bg-linear table td div span {
            color: #FDFF7E; }
          #story.CC6 .bg-linear table td div::before {
            content: "";
            position: absolute;
            left: -2px;
            bottom: 2px;
            width: 9px;
            height: 8px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M1.00208 8.74011L4.875 0.90625L10 7.9375L1.31315 9.17009C1.07429 9.20399 0.895159 8.95638 1.00208 8.74011Z' fill='%2357AAFF'/%3E%3C/svg%3E"); }
      #story.CC6 .bg-linear table tr {
        background-color: #fff; }
        #story.CC6 .bg-linear table tr:first-of-type th:first-of-type {
          border-radius: 10px 0 0 0; }
        #story.CC6 .bg-linear table tr:first-of-type th:last-of-type {
          border-radius: 0 8px 0 0; }
        #story.CC6 .bg-linear table tr:nth-of-type(3) {
          background-color: #F5F8FF; }
        #story.CC6 .bg-linear table tr:last-of-type td:first-of-type {
          border-radius: 0 0 0 10px; }
  #story.CC6 .bg-red {
    padding: 0 4px 2px;
    background-color: #ff385c; }
  #story.CC6 .bg-aquamarine {
    padding: 0 4px 2px;
    background-color: #20cad3; }
  #story.CC6 .bg-black {
    padding: 0 4px 2px;
    background-color: #000; }
  #story.CC6 .bg-orange {
    padding: 4px 8px;
    background-color: #FF4B12; }
  #story.CC6 .bg-blue-box {
    padding: 0 4px 2px;
    background-color: #004DFF; }
  #story.CC6 .invite_inner {
    position: relative;
    padding: 160px 0 106px;
    background: #F5F8FF33;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/bg_crumble.png") 50% 0/cover no-repeat, linear-gradient(157deg, #4173FA 9.09%, #B9CCFF 85.61%);
    color: #fff; }
    #story.CC6 .invite_inner.type02 {
      padding: 55px 0;
      background: #c3d4ff url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/bg_crumble_02.png") 0 0/cover no-repeat;
      color: #2E4687BA; }
      #story.CC6 .invite_inner.type02::before {
        display: none; }
  #story.CC6 .invite .d-flex > div {
    width: calc(100%/3); }
    #story.CC6 .invite .d-flex > div + div {
      margin-left: 56px; }
    #story.CC6 .invite .d-flex > div img {
      width: 100%; }
    #story.CC6 .invite .d-flex > div a,
    #story.CC6 .invite .d-flex > div span {
      display: block;
      color: #fff; }
  #story.CC6 .invite .btn-yellow span {
    position: relative;
    padding-left: 31px;
    font-size: 17px; }
    #story.CC6 .invite .btn-yellow span::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      height: 30px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2165 20.0258H12.7842V24.4581H17.2165V20.0258ZM11.3068 18.5483V24.4581C11.3068 25.2741 11.9682 25.9355 12.7842 25.9355H17.2165C18.0325 25.9355 18.694 25.2741 18.694 24.4581V18.5483H11.3068Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0784 22.9804H12.0455V21.5029H18.0784V22.9804Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.226 5.98989C11.5597 5.98989 8.57751 8.9755 8.57751 12.6709C8.57751 15.2092 9.98564 17.4168 12.0612 18.5481H18.3908C20.4663 17.4168 21.8745 15.2092 21.8745 12.6709C21.8745 8.9755 18.8923 5.98989 15.226 5.98989ZM18.7472 20.0256H11.7048C8.9803 18.7083 7.10007 15.91 7.10007 12.6709C7.10007 8.16509 10.7382 4.51245 15.226 4.51245C19.7138 4.51245 23.3519 8.16509 23.3519 12.6709C23.3519 15.91 21.4717 18.7083 18.7472 20.0256Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2165 20.0258H12.7842V24.4581H17.2165V20.0258ZM11.3068 18.5483V24.4581C11.3068 25.2741 11.9682 25.9355 12.7842 25.9355H17.2165C18.0325 25.9355 18.694 25.2741 18.694 24.4581V18.5483H11.3068Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0784 22.9804H12.0455V21.5029H18.0784V22.9804Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0003 5.98989C11.334 5.98989 8.35185 8.9755 8.35185 12.6709C8.35185 15.2092 9.75998 17.4168 11.8355 18.5481H18.1651C20.2407 17.4168 21.6488 15.2092 21.6488 12.6709C21.6488 8.9755 18.6666 5.98989 15.0003 5.98989ZM18.5216 20.0256H11.4791C8.75463 18.7083 6.87441 15.91 6.87441 12.6709C6.87441 8.16509 10.5125 4.51245 15.0003 4.51245C19.4882 4.51245 23.1262 8.16509 23.1262 12.6709C23.1262 15.91 21.246 18.7083 18.5216 20.0256Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.226 10.6683C15.634 10.6683 15.9647 10.9991 15.9647 11.4071L15.9647 12.8845C15.9647 13.2925 15.634 13.6232 15.226 13.6232C14.818 13.6232 14.4873 13.2925 14.4873 12.8845L14.4873 11.4071C14.4873 10.9991 14.818 10.6683 15.226 10.6683Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7935 14.2724C12.505 14.5608 12.0373 14.5608 11.7488 14.2724L10.7041 13.2276C10.4156 12.9392 10.4156 12.4714 10.7041 12.1829C10.9926 11.8945 11.4603 11.8945 11.7488 12.1829L12.7935 13.2276C13.082 13.5161 13.082 13.9839 12.7935 14.2724Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6585 14.2724C17.37 13.984 17.37 13.5162 17.6585 13.2277L18.7032 12.183C18.9917 11.8945 19.4594 11.8945 19.7479 12.183C20.0364 12.4715 20.0364 12.9393 19.7479 13.2277L18.7032 14.2724C18.4147 14.5609 17.947 14.5609 17.6585 14.2724Z' fill='%234173FA'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }
  #story.CC6 .invite .imgTxt {
    display: block;
    width: 367px;
    margin: 0 auto; }
    #story.CC6 .invite .imgTxt.type02 {
      width: 138px; }
  #story.CC6 .invite .fs-title-0 {
    font-size: 65px !important;
    color: #E1FF7D;
    font-weight: 900 !important; }
  #story.CC6 .list-style-dot li {
    line-height: 1.71 !important; }
  #story.CC6 .mt-160px {
    margin-top: 160px; }
  #story.CC6 .roundText {
    display: inline-block;
    padding: 7px 17px;
    border-radius: 100px;
    background: rgba(65, 115, 250, 0.6);
    font-weight: 700;
    line-height: 1.61; }
  #story.CC6 iframe {
    border-radius: 12px; }
  #story.CC6 .break-all {
    word-break: break-all; }
  #story.CC6 .list-style-star {
    margin-right: -12px; }

#story.CC7 {
  padding-bottom: 0 !important; }
  #story.CC7 .container-690 {
    max-width: 690px;
    margin: 0 auto; }
  #story.CC7 .container-896 {
    max-width: 896px;
    width: 100%;
    margin: 0 auto; }
  #story.CC7 .container-990 {
    max-width: 990px;
    width: 100%;
    margin: 0 auto; }
  #story.CC7 .CC_tab {
    margin-top: -49px; }
  #story.CC7 .tab01 section:nth-of-type(1) {
    position: relative;
    display: flex;
    justify-content: center;
    height: auto;
    padding: 0;
    background: none;
    font-size: 0; }
    #story.CC7 .tab01 section:nth-of-type(1) video {
      width: 100%; }
    #story.CC7 .tab01 section:nth-of-type(1) .inner {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      #story.CC7 .tab01 section:nth-of-type(1) .inner_el {
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 11.35vw;
        min-height: 140px; }
        #story.CC7 .tab01 section:nth-of-type(1) .inner_el.type02 {
          height: 19.29vw;
          min-height: 241px; }
  #story.CC7 .tab01 section:nth-of-type(2) {
    padding: 76px 0 70px;
    background-color: #1c1c1c; }
  #story.CC7 .tab01 section:nth-of-type(3) {
    padding: 99px 0 88px; }
    #story.CC7 .tab01 section:nth-of-type(3) img {
      width: 590px; }
    #story.CC7 .tab01 section:nth-of-type(3) .bg-box {
      width: 590px;
      margin-left: auto;
      margin-right: auto; }
      #story.CC7 .tab01 section:nth-of-type(3) .bg-box .list-style-dot li {
        word-break: keep-all; }
  #story.CC7 .tab01 section:nth-of-type(5) {
    padding-top: 142px;
    height: 743px;
    background: #E5E2FF url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_necessity.png") 50% 0/auto 675px no-repeat; }
  #story.CC7 .tab01 section:nth-of-type(6) {
    padding: 98px 0 125px;
    background-color: #8777FF; }
  #story.CC7 .tab01 section:nth-of-type(7) {
    padding: 73px 0 110px; }
    #story.CC7 .tab01 section:nth-of-type(7) .bg-box {
      width: 690px;
      margin-left: auto;
      margin-right: auto; }
    #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(1) .tab01_img {
      width: 67px; }
    #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(1) .btn-wrap {
      padding: 0 50px; }
      #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(1) .btn-wrap * {
        width: calc(50% - 10px); }
    #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2), #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo {
      margin-top: 45px;
      padding-top: 40px;
      border-top: 1px solid #f0f0f0; }
      #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) .bg-f6f5ff, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo .bg-f6f5ff {
        padding: 50px; }
        #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) .bg-f6f5ff > div:nth-of-type(1), #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo .bg-f6f5ff > div:nth-of-type(1) {
          padding-left: 114px; }
        #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) .bg-f6f5ff > div:nth-of-type(2), #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo .bg-f6f5ff > div:nth-of-type(2) {
          padding-top: 18px;
          margin-top: 40px;
          border-top: 1px solid #D2CCFF; }
      #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol {
        border-left: 2px solid #E3E1F4; }
        #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li {
          position: relative;
          display: block;
          padding-left: 11px; }
          #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li:before, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li:before {
            content: '';
            position: absolute;
            top: 0;
            left: -103px;
            width: 80px;
            height: 80px;
            background-color: #9F92FF;
            background: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_howTo01.png") 0 0/cover no-repeat; }
          #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li:nth-of-type(2):before, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li:nth-of-type(2):before {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_howTo02.png"); }
          #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li + li, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li + li {
            margin-top: 35px; }
          #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li p, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li p {
            line-height: 1.58; }
          #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li .numTxt, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li .numTxt {
            position: relative; }
            #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li .numTxt::before, #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo ol li .numTxt::before {
              content: '';
              position: absolute;
              top: 50%;
              left: -17px;
              transform: translateY(-50%);
              width: 10px;
              height: 10px;
              background-color: #9F92FF;
              border-radius: 50%; }
    #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(3) {
      padding: 73px 0 53px; }
      #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(3) .tab01_img {
        width: 49px; }
    #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(4) {
      padding: 76px 0 50px; }
      #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(4) .fw-bold {
        line-height: 1.58; }
    #story.CC7 .tab01 section:nth-of-type(7) > div > div.howTo {
      padding: 40px 0 0 0;
      border-top: 1px solid #f0f0f0; }
  #story.CC7 .tab01 section:nth-of-type(8) {
    padding: 81px 0 102px;
    background-color: #1c1c1c; }
  #story.CC7 .tab01 section:nth-of-type(9) {
    padding: 52px 0 60px;
    background-color: #eaeaea; }
  #story.CC7 .tab02 {
    padding: 0 !important; }
    #story.CC7 .tab02 section:nth-of-type(1):nth-of-type(1) {
      position: relative;
      display: flex;
      justify-content: center;
      height: 600px;
      padding: 0;
      background: #1c1c1c;
      font-size: 0; }
      #story.CC7 .tab02 section:nth-of-type(1):nth-of-type(1) video {
        width: 100%; }
      #story.CC7 .tab02 section:nth-of-type(1):nth-of-type(1) .inner {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: end;
        width: 100%;
        height: 100%;
        padding-bottom: 70px; }
    #story.CC7 .tab02 section:nth-of-type(2) {
      padding: 110px 0 170px; }
      #story.CC7 .tab02 section:nth-of-type(2) img {
        border-radius: 20px;
        border: none; }
      #story.CC7 .tab02 section:nth-of-type(2) .btn-purple-outline {
        padding: 3px 24px 2px 12px;
        background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.55 10.1143C12.6688 10.1143 12.7812 10.1642 12.8687 10.2455C13.0437 10.4205 13.0437 10.7017 12.8687 10.8767L7.81875 15.9267C7.7375 16.008 7.61875 16.058 7.5 16.058C7.38125 16.058 7.26875 16.008 7.18125 15.9267C7.00625 15.7517 7.00625 15.4705 7.18125 15.2955L12.2313 10.2455C12.3188 10.1642 12.4313 10.1143 12.55 10.1143Z' fill='%237765FF' stroke='%237765FF' style='fill:%237765FF;fill:color(display-p3 0.4667 0.3961 1.0000);fill-opacity:1;stroke:%237765FF;stroke:color(display-p3 0.4667 0.3961 1.0000);stroke-opacity:1;' stroke-width='0.5'/%3E%3Cpath d='M7.5 5.06421C7.61875 5.06421 7.73125 5.11426 7.81875 5.19551L12.8687 10.2455C13.0437 10.4205 13.0437 10.7017 12.8687 10.8767C12.7875 10.958 12.6688 11.008 12.55 11.008C12.4313 11.008 12.3188 10.958 12.2313 10.8767L7.18125 5.82677C7.00625 5.65177 7.00625 5.37051 7.18125 5.19551C7.26875 5.11426 7.38125 5.06421 7.5 5.06421Z' fill='%237765FF' stroke='%237765FF' style='fill:%237765FF;fill:color(display-p3 0.4667 0.3961 1.0000);fill-opacity:1;stroke:%237765FF;stroke:color(display-p3 0.4667 0.3961 1.0000);stroke-opacity:1;' stroke-width='0.5'/%3E%3C/svg%3E%0A") calc(100% - 5px) 50%/20px 20px no-repeat; }
  #story.CC7 .infoLink {
    display: flex;
    align-items: center;
    height: 90px;
    padding-left: 126px;
    color: #1c1c1c;
    font-weight: 700;
    border-radius: 8px;
    background: #fff url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_infoBtn01.png") 50px 50%/38px auto no-repeat; }
    #story.CC7 .infoLink.type02 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_infoBtn02.png");
      background-size: 76px auto;
      background-position-x: 39px; }
    #story.CC7 .infoLink.type03 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_infoBtn03.png");
      background-size: 63px auto;
      background-position-x: 32px; }
    #story.CC7 .infoLink.type04 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_infoBtn04.png");
      background-size: 68px auto;
      background-position-x: 49px; }
  #story.CC7 .btn-container {
    padding: 0; }
    #story.CC7 .btn-container_item {
      width: calc(50% - 10px); }
    #story.CC7 .btn-container .btn-certification {
      display: block;
      height: auto;
      font-size: 21px;
      background-size: 123px 123px; }
      #story.CC7 .btn-container .btn-certification.kakao {
        background-size: 169px 169px; }
  #story.CC7 .search-list li.font2 {
    width: 590px;
    margin-bottom: 0; }
  #story.CC7 iframe {
    width: 794px;
    height: 447px; }
  #story.CC7 .review {
    position: relative;
    background-color: #F6F5FF;
    text-align: center;
    overflow: hidden; }
    #story.CC7 .review::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 342px;
      background: linear-gradient(180deg, rgba(246, 245, 255, 0) 18.05%, #F6F5FF 73%);
      z-index: 2; }
    #story.CC7 .review_cont {
      padding: 97px 0 191px;
      height: 1038px; }
    #story.CC7 .review.active .review_cont {
      height: auto; }
    #story.CC7 .review.active::before {
      display: none; }
    #story.CC7 .review.active .btn-violet span {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16.2759' y='0.724121' width='15.552' height='15.552' rx='7.776' transform='rotate(90 16.2759 0.724121)' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M8.79541 6.04713C8.79541 5.96833 8.76225 5.89369 8.70834 5.83563C8.59222 5.71951 8.40559 5.71951 8.28947 5.83563L4.9386 9.18652C4.88468 9.24043 4.85147 9.31923 4.85147 9.39802C4.85147 9.47682 4.88468 9.55147 4.9386 9.60953C5.05472 9.72565 5.24134 9.72565 5.35746 9.60953L8.70834 6.25863C8.76225 6.20057 8.79541 6.12592 8.79541 6.04713Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.3888'/%3E%3Cpath d='M12.147 9.39802C12.147 9.31923 12.1138 9.24458 12.0598 9.18652L8.70897 5.83563C8.59285 5.71951 8.40623 5.71951 8.29011 5.83563C8.23619 5.88954 8.20303 5.96833 8.20303 6.04713C8.20303 6.12592 8.23619 6.20057 8.29011 6.25863L11.641 9.60953C11.7571 9.72565 11.9437 9.72565 12.0598 9.60953C12.1138 9.55147 12.147 9.47682 12.147 9.39802Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.3888'/%3E%3C/svg%3E%0A"); }
    #story.CC7 .review .btn-violet {
      position: absolute;
      bottom: 62px;
      left: 50%;
      transform: translateX(-50%);
      width: 227px;
      height: 48px;
      z-index: 3;
      border: none;
      color: #1c1c1c; }
      #story.CC7 .review .btn-violet span {
        display: inline-block;
        padding: 0 21px 0 0;
        line-height: 1.48;
        font-weight: bold;
        background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.469727' y='19.4736' width='19.44' height='19.44' rx='9.72' transform='rotate(-90 0.469727 19.4736)' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M9.81982 12.8199C9.81982 12.9184 9.86128 13.0117 9.92867 13.0843C10.0738 13.2294 10.3071 13.2294 10.4522 13.0843L14.6408 8.89563C14.7082 8.82824 14.7497 8.72975 14.7497 8.63125C14.7497 8.53276 14.7082 8.43945 14.6408 8.36687C14.4957 8.22172 14.2624 8.22172 14.1173 8.36687L9.92867 12.5555C9.86128 12.6281 9.81982 12.7214 9.81982 12.8199Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.486'/%3E%3Cpath d='M5.63037 8.63125C5.63037 8.72975 5.67189 8.82306 5.73928 8.89564L9.92787 13.0843C10.073 13.2294 10.3063 13.2294 10.4515 13.0843C10.5188 13.0169 10.5603 12.9184 10.5603 12.8199C10.5603 12.7214 10.5188 12.6281 10.4515 12.5555L6.26286 8.36687C6.11771 8.22172 5.88443 8.22172 5.73928 8.36687C5.67189 8.43945 5.63037 8.53276 5.63037 8.63125Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.486'/%3E%3C/svg%3E%0A") 100% 50%/19px 19px no-repeat; }
  #story.CC7 .nav-wrap {
    background-color: #1C1C1C; }
  #story.CC7 .nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-bottom-width: 2px; }
    #story.CC7 .nav .nav-link.active {
      color: #fff;
      border-color: #fff; }
      #story.CC7 .nav .nav-link.active span {
        background-color: #1C1C1C26;
        color: #E1FF7D; }
    #story.CC7 .nav .nav-link span {
      padding: 3px 5px;
      margin-left: 5px;
      background-color: #FFFFFF12;
      border: 1px solid #F0FFB9;
      border-radius: 5px;
      color: #F0FFB9;
      font-size: 12px; }
  #story.CC7 .btn-wrap.type02 .btn-CC {
    width: 284px; }
    #story.CC7 .btn-wrap.type02 .btn-CC + .btn-CC {
      margin-left: 19px; }
  #story.CC7 .swiper-scrollbar-drag {
    background-color: #DAD6FF; }
  #story.CC7 .gallery {
    width: auto;
    padding: 0 50px; }
    #story.CC7 .gallery .swiper {
      opacity: 1; }
      #story.CC7 .gallery .swiper-button-prev, #story.CC7 .gallery .swiper-button-next {
        width: 30px;
        height: 30px;
        background-size: 100% 100%; }
      #story.CC7 .gallery .swiper-button-next {
        right: 0;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='29.625' y='30.0361' width='29' height='29' rx='14.5' transform='rotate(180 29.625 30.0361)' fill='%23F9F9F9' style='fill:%23F9F9F9;fill:color(display-p3 0.9765 0.9765 0.9765);fill-opacity:1;'/%3E%3Crect x='29.625' y='30.0361' width='29' height='29' rx='14.5' transform='rotate(180 29.625 30.0361)' stroke='%23DDDDDD' style='stroke:%23DDDDDD;stroke:color(display-p3 0.8676 0.8676 0.8676);stroke-opacity:1;'/%3E%3Cpath d='M12.125 9.53613L18.125 15.5361L12.125 21.5361' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
      #story.CC7 .gallery .swiper-button-prev {
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Crect x='0.625' y='1.03613' width='29' height='29' rx='14.5' fill='%23F9F9F9' style='fill:%23F9F9F9;fill:color(display-p3 0.9765 0.9765 0.9765);fill-opacity:1;'/%3E%3Crect x='0.625' y='1.03613' width='29' height='29' rx='14.5' stroke='%23DDDDDD' style='stroke:%23DDDDDD;stroke:color(display-p3 0.8676 0.8676 0.8676);stroke-opacity:1;'/%3E%3Cpath d='M18.125 21.5361L12.125 15.5361L18.125 9.53613' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  #story.CC7 .bg-f6f5ff {
    border-radius: 13px;
    text-align: left;
    background: #f6f5ff; }
  #story.CC7 .btn-container .btn-certification {
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/writeCer_02_v.png"); }
  #story.CC7 .num-list img {
    width: 334px; }
    #story.CC7 .num-list img + div {
      margin-left: 21px; }
  #story.CC7 .num-list div div {
    margin-top: 12px; }
  #story.CC7 .num-list li {
    display: flex;
    text-align: left;
    line-height: 1.58; }
    #story.CC7 .num-list li + li {
      margin-top: 40px; }
  #story.CC7 .numTxt {
    display: inline-block;
    width: 72px;
    padding: 4px 0;
    background-color: #D4CEFF;
    font-size: 12px;
    text-align: center;
    color: #1c1c1c;
    border-radius: 16px; }
    #story.CC7 .numTxt + * {
      margin-left: 0;
      margin-top: 6px;
      width: auto; }
  #story.CC7 .roundText {
    background-color: #1c1c1c;
    color: #fff; }
  #story.CC7 .benefitSwiper {
    height: 301px;
    padding-left: 306px; }
    #story.CC7 .benefitSwiper .bg-f6f5ff {
      padding: 62px 49px 55px 288px;
      background: #f6f5ff url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_benefit_01_v.png") 62px 52px/auto 200px no-repeat; }
      #story.CC7 .benefitSwiper .bg-f6f5ff.bg04 {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_benefit_02_v.png"); }
      #story.CC7 .benefitSwiper .bg-f6f5ff.bg02 {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_benefit_03_v.png"); }
      #story.CC7 .benefitSwiper .bg-f6f5ff p {
        padding: 0;
        background: none;
        margin-top: 2px; }
    #story.CC7 .benefitSwiper .swiper-wrapper {
      z-index: 0; }
    #story.CC7 .benefitSwiper .swiper-pagination {
      left: 0;
      right: auto;
      bottom: auto;
      width: auto; }
      #story.CC7 .benefitSwiper .swiper-pagination-bullet {
        display: flex;
        align-items: center;
        width: 285px;
        height: 90px;
        background-color: transparent;
        border-radius: 10px;
        border: 1px solid #fff;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        text-align: left;
        padding: 0 0 0 46px;
        opacity: 1; }
        #story.CC7 .benefitSwiper .swiper-pagination-bullet-active {
          color: #7765FF;
          background-color: #fff; }
        #story.CC7 .benefitSwiper .swiper-pagination-bullet + .swiper-pagination-bullet {
          margin-top: 15px; }
        #story.CC7 .benefitSwiper .swiper-pagination-bullet:nth-of-type(1) {
          font-size: 18px; }
  #story.CC7 .text-highlighter {
    background-color: #F0FFB9; }
    #story.CC7 .text-highlighter.pink {
      padding: 3px 0;
      background-color: #FFE6E0; }
    #story.CC7 .text-highlighter.hotpink {
      padding: 4px 1px;
      color: #fff;
      background-color: #FF4D7A;
      white-space: nowrap; }
    #story.CC7 .text-highlighter.purple {
      padding: 5px;
      background-color: #F0D4FF; }
  #story.CC7 .text-violet {
    color: #7765FF !important; }
  #story.CC7 .text-new {
    position: initial;
    padding: 7px 11px;
    background-color: #E1FF7D;
    font-weight: bold;
    font-size: 16px;
    color: #1c1c1c;
    border-radius: 100px; }
    #story.CC7 .text-new::after {
      display: none; }
  #story.CC7 .text-red {
    color: #DB4243; }
  #story.CC7 .text-blue {
    color: #367CF6; }
  #story.CC7 .text-orange {
    color: #E85733 !important; }
  #story.CC7 .text-pink {
    color: #EB4C63; }
  #story.CC7 .text-navy {
    color: #345CC8; }
  #story.CC7 .text-hotpink {
    color: #ff0041; }
  #story.CC7 .text-purple02 {
    color: #723EF5; }
  #story.CC7 .text-purple03 {
    color: #B358E1; }
  #story.CC7 .btn-purple {
    background-color: #7765FF;
    color: #fff; }
    #story.CC7 .btn-purple:hover {
      background-color: #7765FF;
      color: #fff; }
    #story.CC7 .btn-purple-outline {
      background-color: transparent;
      color: #7765FF;
      border: 1px solid #7765FF; }
      #story.CC7 .btn-purple-outline:hover {
        background-color: inherit;
        color: #7765FF; }
    #story.CC7 .btn-purple02 {
      background-color: #723EF5; }
      #story.CC7 .btn-purple02:hover {
        background-color: #723EF5; }
    #story.CC7 .btn-purple03 {
      background-color: #B358E1; }
      #story.CC7 .btn-purple03:hover {
        background-color: #B358E1; }
  #story.CC7 .btn-violet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 284px;
    height: 60px;
    background-color: #BAB1FF;
    border-radius: 10px;
    font-weight: bold; }
    #story.CC7 .btn-violet:hover {
      background-color: #BAB1FF; }
  #story.CC7 .btn-red {
    background-color: #DB4243; }
    #story.CC7 .btn-red:hover {
      background-color: #DB4243; }
  #story.CC7 .btn-blue {
    background-color: #367CF6; }
    #story.CC7 .btn-blue:hover {
      background-color: #367CF6; }
  #story.CC7 .btn-orange {
    background-color: #E85733; }
    #story.CC7 .btn-orange:hover {
      background-color: #E85733; }
  #story.CC7 .btn-pink {
    background-color: #EB4C63; }
    #story.CC7 .btn-pink:hover {
      background-color: #EB4C63; }
  #story.CC7 .btn-hotpink {
    background-color: #FF0041; }
    #story.CC7 .btn-hotpink:hover {
      background-color: #FF0041; }
  #story.CC7 .btn-hotpink-outline {
    border: 1px solid #FF0041;
    color: #FF0041;
    background-color: transparent; }
    #story.CC7 .btn-hotpink-outline:hover {
      background-color: transparent;
      color: #FF0041; }
  #story.CC7 .coalitionCard {
    position: relative; }
    #story.CC7 .coalitionCard_dim {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.7);
      font-size: 40px;
      font-weight: 700;
      color: #fff;
      border-radius: 20px;
      z-index: 10; }

#story #emojiSelectModal .modal-content {
  border-radius: 18px; }

#story #emojiSelectModal .modal-dialog {
  max-width: 900px;
  border-radius: 18px; }
  #story #emojiSelectModal .modal-dialog .modal-body {
    padding: 90px 0 45px; }
    #story #emojiSelectModal .modal-dialog .modal-body .btn-wrap {
      padding: 0 36px; }
      #story #emojiSelectModal .modal-dialog .modal-body .btn-wrap .btn {
        width: calc(50% - 10px);
        font-size: 30px;
        padding: 30px 0; }
      #story #emojiSelectModal .modal-dialog .modal-body .btn-wrap .btn-reset {
        border: 1px solid #dddddd;
        color: #999999; }
      #story #emojiSelectModal .modal-dialog .modal-body .btn-wrap .btn-orange {
        background-color: #ff820e;
        color: #ffffff; }

#story .coalitionModal_footer {
  display: flex;
  justify-content: center;
  padding: 49px 0 53px;
  background-color: #f0f0f0; }
  #story .coalitionModal_footer ul {
    display: inline-block; }
    #story .coalitionModal_footer ul li {
      font-size: 14px;
      display: flex; }

#story .coalitionModal_header {
  display: flex;
  padding: 102px 48px 0 48px; }
  #story .coalitionModal_header img {
    width: 283px; }
  #story .coalitionModal_header > div:first-of-type {
    width: 358px; }
  #story .coalitionModal_header ul {
    margin-top: 17px;
    line-height: 1.61;
    font-size: 14px; }
    #story .coalitionModal_header ul li {
      display: flex; }

#story .coalitionModal_body {
  position: relative;
  margin-top: 32px;
  padding: 69px 0 91px;
  text-align: center; }
  #story .coalitionModal_body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50px;
    width: calc(100% - 100px);
    height: 1px;
    background-color: #EAEAEA; }
  #story .coalitionModal_body img {
    width: 100%; }

#story .coalitionModal .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: -22px; }

#story .coalitionModal .bubbleTxt {
  position: relative;
  padding: 10px 17px;
  background-color: #1c1c1c;
  font-size: 12px;
  color: #fff;
  border-radius: 20px; }
  #story .coalitionModal .bubbleTxt::before {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 4px;
    width: 16px;
    height: 21px;
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='21' viewBox='0 0 16 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8736 20.5654L0.656371 5.68974C0.285351 5.27217 0.445643 4.61256 0.966918 4.41182L11.6201 0.309404C12.1022 0.123755 12.6312 0.436897 12.7004 0.94885L15.2644 19.9269C15.3702 20.7096 14.3982 21.1558 13.8736 20.5654Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
  #story .coalitionModal .bubbleTxt.type02 {
    background-color: #2e2e2e;
    font-size: 16px; }
    #story .coalitionModal .bubbleTxt.type02::before {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3725 21.1011L1.15521 6.22539C0.784191 5.80781 0.944483 5.1482 1.46576 4.94746L12.1189 0.845049C12.601 0.6594 13.13 0.972542 13.1992 1.48449L15.7633 20.4626C15.869 21.2453 14.8971 21.6915 14.3725 21.1011Z' fill='%232E2E2E' style='fill:%232E2E2E;fill:color(display-p3 0.1804 0.1804 0.1804);fill-opacity:1;'/%3E%3C/svg%3E%0A"); }
  #story .coalitionModal .bubbleTxt.type03 {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 16px; }
    #story .coalitionModal .bubbleTxt.type03::before {
      left: 55px; }
  #story .coalitionModal .bubbleTxt.purple {
    display: inline-block;
    padding: 5px 13px;
    font-size: 16px;
    font-weight: bold;
    background-color: #7765FF;
    border-radius: 8px; }
    #story .coalitionModal .bubbleTxt.purple::before {
      bottom: -11px;
      width: 18px;
      height: 19px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6461 18.4599L0.921427 0.366754L17.3013 1.71839L14.6461 18.4599Z' fill='%237765FF' style='fill:%237765FF;fill:color(display-p3 0.4667 0.3961 1.0000);fill-opacity:1;'/%3E%3C/svg%3E%0A"); }

#story .coalitionModal .modal-dialog {
  max-width: 996px; }

#story .coalitionModal .modal-content {
  border-radius: 36px;
  overflow: hidden; }

#story .coalitionModal .modal-body {
  padding: 0 !important; }

#story .coalitionModal#dagloModal .coalitionModal_header img {
  width: 143px; }

#story .coalitionModal#dagloModal .coalitionModal_body img {
  width: 686px; }

#story .coalitionModal#dagloModal .coalitionModal_footer {
  background: #EDF9FE; }

#story .coalitionModal#dagloModal .btn-wrap {
  margin-top: 59px; }

#story .coalitionModal#dagloModal .modal-body {
  background: #F7FDFF;
  background: linear-gradient(180deg, #f7fdff 0%, #c8f0ff 100%); }

#story .coalitionModal#wbd01Modal .coalitionModal_header img, #story .coalitionModal#wbd02Modal .coalitionModal_header img {
  width: 251px; }

#story .coalitionModal#wbd01Modal .coalitionModal_body img, #story .coalitionModal#wbd02Modal .coalitionModal_body img {
  width: 100%; }

#story .coalitionModal#wbd01Modal .coalitionModal_footer, #story .coalitionModal#wbd02Modal .coalitionModal_footer {
  background: #F0EFE8; }

#story .coalitionModal#wbd01Modal .btn-wrap, #story .coalitionModal#wbd02Modal .btn-wrap {
  margin-top: -36px; }

#story .coalitionModal#wbd01Modal .modal-body, #story .coalitionModal#wbd02Modal .modal-body {
  background: #FFFFFF;
  background: linear-gradient(180deg, white 0%, #fffef4 100%); }

#story .coalitionModal#wbd02Modal .btn-wrap {
  margin-top: -66px; }

#story .coalitionModal#utoModal .coalitionModal_header img {
  width: 281px; }

#story .coalitionModal#utoModal .coalitionModal_body img {
  width: 527px; }

#story .coalitionModal#utoModal .coalitionModal_footer {
  background: #EFEFEF; }

#story .coalitionModal#utoModal .btn-wrap {
  margin-top: 32px; }

#story .coalitionModal#kakaoModal .coalitionModal_header img {
  width: 308px; }

#story .coalitionModal#kakaoModal .coalitionModal_body img {
  width: 411px; }

#story .coalitionModal#kakaoModal .btn-wrap {
  margin-top: 53px; }

#story .coalitionModal#kakaoModal .modal-body {
  background: #FFFFFF;
  background: linear-gradient(180deg, white 0%, #eaf0ff 100%); }

#story .coalitionModal#publyModal .coalitionModal_header img {
  width: 208px; }

#story .coalitionModal#publyModal .coalitionModal_header > div:first-of-type {
  width: auto; }

#story .coalitionModal#publyModal .coalitionModal_header > div:last-of-type {
  width: 430px;
  margin-left: auto; }

#story .coalitionModal#publyModal .coalitionModal_body {
  padding-bottom: 80px;
  background: linear-gradient(180deg, #FFFFFF 48.18%, #F1EBFF 100%); }

#story .coalitionModal#publyModal .coalitionModal_footer {
  padding-left: 85px;
  padding-right: 85px;
  background-color: #ECE7F9; }

#story .coalitionModal#publyModal .btn-wrap {
  margin-top: 65px; }

#story .coalitionModal#publyModal .container-786 {
  width: 786px;
  margin: 0 auto;
  text-align: left; }

#story .coalitionModal#publyModal .couponType {
  display: flex;
  justify-content: center;
  margin: 29px auto 0; }
  #story .coalitionModal#publyModal .couponType_item {
    width: 384px; }
    #story .coalitionModal#publyModal .couponType_item:last-of-type {
      margin-left: 24px; }

#story .coalitionModal#publyModal .textBox {
  display: flex;
  justify-content: center;
  width: 786px;
  padding: 28px 0;
  margin: 57px auto 0;
  background: #F0EBFD;
  border-radius: 11px; }
  #story .coalitionModal#publyModal .textBox ul {
    margin-top: 16px;
    font-size: 14px; }
    #story .coalitionModal#publyModal .textBox ul li {
      position: relative;
      padding-left: 22px; }
      #story .coalitionModal#publyModal .textBox ul li::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 10px;
        width: 2px;
        height: 2px;
        background-color: #1c1c1c;
        border-radius: 50%; }
  #story .coalitionModal#publyModal .textBox_title {
    text-align: center; }
  #story .coalitionModal#publyModal .textBox_item {
    flex: 1;
    padding: 0 32px; }
    #story .coalitionModal#publyModal .textBox_item .textBox_title {
      font-size: 14px;
      padding-top: 39px;
      background: url("data:image/svg+xml,%0A%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.123047' y='0.425293' width='31.95' height='26.1' fill='url(%23pattern0_513_5613)' style=''/%3E%3Cdefs%3E%3Cpattern id='pattern0_513_5613' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_513_5613' transform='scale(0.0140845 0.0172414)'/%3E%3C/pattern%3E%3Cimage id='image0_513_5613' width='71' height='58' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAA6CAYAAADiDEQAAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAR6ADAAQAAAABAAAAOgAAAADVocaVAAAHy0lEQVR4Ae1bW0xURxhmqemTXWibpklZaNM0aQtooomArE0tWupqIixVYG2A1Crb1FLSWLQtsYlttMolaoDGpS0ESAW8gNgIFcWklUUuqT5w86F9WVZNah9wyxMvdL6VMbOzs2fnLGdvtJuQOefMzD///81/mX9m0MWQ3+yDhbUjo0Mbrl7rNU1Oj6fiW6C/nXmWjox1RvsLhkRH/HO6W4HSiYR+OgBzsr7q4Km6qnytGDIkJMV0tvaYk9ckXdSKZjjo6IZuTBRvy3mzRevBk19Pnets6ckxvBJ/XWvaoaL3RKxO993UnYlErQd88PdfT87Pzz/f+/Nv08eqD9/Xmn4o6K1w3ptJYgeCSWSkZw6x32Sf+6/1ZbpcDx83/7Hl9Jb0tEw7Md2YqPQ/pi3bZ55+5tkF+rd3zz4Is/axhJIP6HOi5rSN0qHliy+9vDB125ErSSaimsWKuAlkltHn/RKrLXvz1imWJjRp/xcf1wUCOEsnHM9CcAJlBADVHq0rg2myv+FRuwERMdoAWsEKocXzyri42Zpj9eWFRdtPsfSwVFiftsHtf9jvoX5WYxWag4PBiYbEfPXlkcavj1aWssLzgLF1wX52B5p1mUPOP2YPYQJlQNLUrKiAGBj+JyPN6KTfwl067zpizl/syDSZ3xqYe/gwXoafoICDgQFQ7bf1ZXp9nAwfIWsDkH5os1ll/F/QwIG0yK8aG9rKQya55EAXujqkUiXNfQ7LH/U/9oHb5uGxG0a2LhqegwoOAFh0fMjOIyoJ3V36nt/5CapZ+R09whv8D47CBAVkVvD0CIeO+07DPy65sKjAQ8RUpbyaMsGugVSBQ0EhqYC1ucWWz2bgESPhEhkpLztwlsh5HL5SFTj3nDNJBcU53VgrLNcf0pykhCQIeEva50BrTtQdr1jOwNAJP9fVXgh5pcFBRyy/KYHlXDrvzhggn7RZ4XSCB6SxofXQ25u39vLfo+39jay1v7MWYTAkOiGDNDg4tmGFRpYLYBYXeWxVVD3jgIEFBsxnb3okl5RZwf5ujg56aE6g+8yRhtzIyKBXWpOevsEOPqXAQZSamp5YyQpG0O2Ldq3BpPdf693KygWLSH4tZUIanOExuxe669cZAzqhYBkJ9zMWstjCZflgLcKv5gDdKxy6GelGJ1aSLNFofL45ZveKvqxF+AUHQhN0k1nhqcNiv0Xbs9ukrnoGGcjAWoRfcBDC+TSBOqxQA4Lzr6bG9moIpsXYw2NDHprDW4RfcEQhnDosLRiUpeE274Fe0+GjlZ/J7gEr0Z66M5nKh/D0NOMQG2QUwQFDkRTCm1pspdDi/ut9pqVqjyiE4+iIBVQRnEgJ4QACh4J0pk/UVS1Je0CPD+E4CCDn+oPS4ERCCIcgmCT2/hBAIub1TaDaIwzhaUaPY2yA5DN9wMDWfcUeCyTeYbEoB+MZPExPj68u3VfSzNNHEhwXF3+EtKlk/QTfTvQuCuHvCFIhRbMKZwgHMGRDzVpYnNtMzYkXFFdcLEU5PYhiaM/Xi97Rrl8QwnFVj2/vU3PCFcLBPMYmQlfwq1eeebyjjcm8sZucsJ4lILXL3EXkQzi5heZCP56+T3DCFcK35W78lc/jeKb5d0Qw+CT8YRuF1Pu8qAn/xWsiiVIeIZzSF5oVZk/rEA6ae3f7vxj1fX1bUe2x+hr+Ggtl2FcJf9jRdqnc3/6SKMiQPn0iukLN0TqEA5iu7g4LnOiOd3dh68PnzOIGKmnvyM4y9Z1sqK6AXxExTr8BRFx5QRj255jBBzHXQtoXpSiE03ohOCJ02ZyDdpYtATbWJmh/kuxDEyYVBaFCknazCQmJDv4qCx0XvoJoWomMn6F9eD9GboJ4hXDaVgiOVlk4ZgprioKSnBZq52Cu4qD7GlwZmKBAUIbYEnWEhi1O/5Rr/+efuMGl9dAYcpXXrOYqr2irVxTC6RhCn0MEWFIWDlDwB2ZwH4Y4WD0dECXMC/u20Ci0Y+v4ZwCUZ97V/kHJh7/QOpgCLoGr3TY5f+FMAaVBS1EIp3VemjM8Yve4LouGarNwaAsJrwNkF5+O41VCk4yb1nQvXrBM8WrAfABA5EZW9bnu9i2ITAjbakwJpDAJJBKuZsjGQPtEIZy28dIcXiAQUJuFY0Y7Wy+ZcXpIB+JLzD7qccGSrxO9gyZAQV1+rqVdyRxF/UVBht31E/Xx0hy+kT8CfHu8LzIOf+HI3rztsvWjosc+B/Vuf0HMQs3sg+aVy3b7XIlLrzTboC/6iYLMDvOuTkWQ+Uva9HI1LbG5JBpM9hvUGccfuKwNmqtWrXFf2vbna2Tpy7TDWAX5RZNUJloSU81S6u9lVnxjJYfFtxW9Y2ZgltQkPi07UKNGY0Q0A/nGBxmZJFoRHBAIRIV55gHQniKrDeaUZy5U7S94emrfRXmizD64Ijj8tqFaptj2j5x0j5n9FqpnPk/EuDIRWNEh89uGSxFm0fH5TBuWQlupL/wNCeEep7WyEdin5oAAv22oxESk1gUSwqksPjVHr9fPdXWfsTQ1/mShjaOxbGq1ef3PKntwpySTDqGcT8aUOiyHuvHRPzfJ5GSxZKXqWg4Cy8ogE8IprViSsg/Sl/9CudNs6VBcFTMgxJLFmQ05DnKd5f6D1mATTVZOHRqGcikvy1iw2slqDcb/F0OI29l4qhhrAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A") 50% 0/32px 26px no-repeat; }
      #story .coalitionModal#publyModal .textBox_item .textBox_title span {
        font-size: 20px;
        font-weight: bold; }
    #story .coalitionModal#publyModal .textBox_item:nth-of-type(2) .textBox_title {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='33' viewBox='0 0 36 33' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.943359' y='0.839355' width='34.1145' height='31.2716' fill='url(%23pattern0_513_5619)' style=''/%3E%3Cdefs%3E%3Cpattern id='pattern0_513_5619' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_513_5619' transform='matrix(0.0138564 0 0 0.015116 0.077381 0.0324675)'/%3E%3C/pattern%3E%3Cimage id='image0_513_5619' width='61' height='61' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPaADAAQAAAABAAAAPQAAAAAxGQuvAAAIbUlEQVRoBd1bTUxUVxQeCSvNPDZNo/LswiYKjy66EAaa1AU40KQuUCD1J+Lfoj9ahYg2pVYi1J80bUSgbdrG/5jWAIq1acKgNnHDDDXpambQpJs6Y013vIlu6f1GD7lz57737nvzpqNOgvf/nPPdc+7POfe5KFDkX+bf+bVWLIKvLrpj1VbM+kV+EgfAuUxGSySSRiJ+ryaZTBqpVFpPp9JLRT6VeuUjTQuaoVAoatSsjjeE6qLo839MRMGgCejY6ETH1NTN5mRidqlpmiJGpXK4uel+uLkx0twcnqwIBs1iTYBn0AD7dzqlj4/+0nH+3IVWr0Bls6HrlYFQfd3dfV0fnXqtUk/5Dd41aNLs4OBI9/mzFxtlQvtZt3NX5+0du7adcQsecpIc4qSVU4NKCkKRqVstB3t6e500q2lagK3bJ4ZRlaisXJ7StApTq1hiph481MErmZw1MmZGi0Zn8tY7L8s5NrFTkVuNTOsjjL/Smk/9Za7ftHn7j1hqofra+6x8QH9d+5XoKoEm7fYc7O0bH7u2hgaLKYC2tbfeZmtzUmVjIm1Mx2bqx8cmOmLRmTVs4xPJBlB3qOezvcnEPYONOYoOovZoEABv2dR5JZGYXYw6NmGrTjOrZNkF0NTXMoVg8T8fbHlzddP8K0uqpH/vNnX+E7kRO4S+BMSSoEUDjT373fiwHS+0QR4ZHwBeW9v6WJQT8lmwza8GYTvAEIDA5o/2VqMCXgbcCjAmYPzyzWNK0jgBPvjx8VtgJJtxJQYOnUAX9MFH1BzKPHA7wLAcZRmtNLxyWd28K0IO4JyaIfDgyYsXwFcET8BlJo2+ruQEI6wDGZPpO7MfKM+cEyLFdvADXxlwUUYquwY80PvNNRpMKRhabSCKshfUzQ1wV4AhFYARUD71e8PyMgMADjl4ucS8a8Agul5i1v29w9fQ5kVQv8dg07Iyc1XAZbxQo+NXO8QbErsDP+ru2nvK6jLAjy92HoBx8bC6Deq6/sCVnNDk2toNeQc7zL3YYFTo2x1LZOLYfFUsckHTuAoyPzh7dSMh2to33MVFn8qlSknDdLW0koNdY5cCh1U71WdBY3Zw96VKSuHauTIXGuhjagf48Oe9F0VW7K7d4qTtBU2zzjmOxPOgZTvAX351bGQ3cznr2Z7DA2cOUSNfluWzoGES4ubAvKXRUmrZCXBH28asfPu69pzigZlmJuBk4lnXMsJMgh/IYlcBcg35elkepoS4GMJF8JcR6uF9V9kYpzpVwKBjGNUJuLS80qLTMw22PCC0eDZv3rDnntO6IKLohzsw7aC4B0NoanebYqybu7RMfqddPGvebFfMiV4gQqlq2jAl3vHHDouz1AtwNxqmyYScVSw6Q2WkyUQyBw/fhnwZgnu8aaASIVmkKj8yL76vF+BeABNPw1idAxrrGkuO2sW0LJ16GrPiG4IVFcoxXIRqDx/5ZIQfj7wb4IUABq/qmpo8Jc2Zc5agpTGyFSyQB2IqP5gXW1fZrohj8WM44O9ZbW5Yk4i9oS8/FnkcS7RLi218WQsuyVOSTJk0ppxFJCuoQCm0R3mV1CvwZ4C/lgUb9+3fM6ECWEU+sY9U02InlbJb4E6Ai+nklAe14JwICpubWKdSVgUOS2ImbanhYgIGjnLZpmVmHltuAk7gVYBXswuFlUl7ASxbvzJcJHu5bNNKxuM11MFL6gScbVo593zwwBr2AhhjZfvSG1W5xxj60a8cpiZe4/CSQB28pnbARZqFAAat6WiuO8mekp6IPPhy9kbGoiP3+UqmCTyfFBweAnDswDh6ePp8vlDAkHOWycvTZG9oti+dZRDMqM41BTjjdjcanoFT3g54oYDBG5tuXoiLXaPt5Hqq6Ya6abETvCaxzmuZgH//w8hxvD1jOR1hAQCva5iXgykoz6MKvZWPhx+TzcNExAijk6eSR0ShAnz4P4Uhtl1AS4zrweNDvd3ArKbRYefObRN8R9V4Ez/GKQ+N839O/Z3a4eGJcb2Nba05OGxp4NJPPjGlxdC2rRAuGqFNMQ4AuVWitwuaxtElxptI207m4kJWX7pCHlmM3lNcD49kpGVKsUZgBb5I6xMRaJOP1pCsKlqGCAuaRgG3GHzYgjz9EBUZ6D/R97xoG3IMDX7bzUdrICvk9hyjh1Zls9jPXjJLDRz8ZS+qBVsjCFu9DOJxvFTArQDDtH15UX3KYDjvjRoMSqFxO8BeXlSlQQScpYxRIJV+qIsu4NDp4VasIbTjh77ZTJH+wXI7OnBC+qEe4vMt74QnfWUNhm9LXjKhcawj7JbQgq9MnxEDXZwmVjFw2rFXLqudj/n9SQiAI/hPTMT0/e2f/uEneIAFzx6Lr4pE/ii7Ba70bSgE6R840YdPFmVahQPBvhIs6APWrGbZtRKvjuwFtVGMxRNfHE2sT6N4ZMHUf7py6UODHbtOS04JNBhCqDNnL+0eOj3SaSUQ+sGBXxduitQzzw0PARRZ5QUBLfSlb8Oj03cbYrFYPW6AqJf9MLGIr8M/hzu5ddOOy16BK4OGIBAWDL/oP9nHZnuVTDixDq4kPmjn6zOmqbFXiMWi0HwfPo9PQFgg4gB9CUxyeAXuCjQJAqa4+7Kb0V5VwWmsmxRg97OnWLyg8pYCGoUA9wSamCIF+Ktj19vF6AXavP7swPI0vQL3DFrGfGry95ab7L80uJ0ArNdqo+pROLwu0t7ROop9QNQsz4/PewHuC2hRCJTh4CM0G48njTS75PB9kMeH7/qK5Sk8vlG4VhWoSMsLcJHGC1kGcCuX0+05/kJNgCpw38271LPkZOo3fru6NSeIUGqB/eCPfQHn+eWfz2/FHYH/4QsFhIxfOtAAaQcc34/yE/HS5WmNwymCtzj0LAjyH/ItTrSRb0EIAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: 34px 31px; }
    #story .coalitionModal#publyModal .textBox_item:last-of-type .textBox_title {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='42' height='37' viewBox='0 0 42 37' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.380859' y='0.306641' width='41.0387' height='36.3375' fill='url(%23pattern0_513_5628)' style=''/%3E%3Cdefs%3E%3Cpattern id='pattern0_513_5628' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_513_5628' transform='matrix(0.0117081 0 0 0.0132229 0.0843614 0.00705867)'/%3E%3C/pattern%3E%3Cimage id='image0_513_5628' width='71' height='71' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABHCAYAAABVsFofAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAR6ADAAQAAAABAAAARwAAAADU4+LrAAAIn0lEQVR4Ae1cW0xURxgG41thoW18qKyrNU0qtya2ERVs2gqoYKJcFKGJ2lovD2CrKWItNbY1moI02mCTahtNSxrAG/ggaLXaVEAWE01kWTTpJd2LTWrS7B7oM50PHTJnnHP2nD23NZGEnLn/33zzzz8z/wwkJyXAT+TBxKveoYElkhRxZc/L9c10zwqkz0i+lQDQnIfw6b6mzmefe34Cv7m58yeCv0fORv6ZaHQa2TSnAUBrLl/pKaU4QuFA0pmujgoad/LrODnovCRFU1gSpLEoG3UsnBDkONb7GIKfkqNC0FNyEp2cyoqaUyzGNeXV/WzcqfB0pwRTudjPkBWryZPhCdwY6stfU/52Z0aGp+/pPocy9KR//bcDZeuq1o+UrFgVPHG8/RD2J09Cn0K/RZZikwnc+JqOGw0WFLwxRnex+FoiyGS2QQzBHWVxY2C1itFsc/yjPtlG7avW5ioIgb1IRPsAYtZtXN1FcLtYMkg8h42rhTUv5cuKSv18QyDo5PfHtpmuqrwgnXHgERGDZoqKSy7obC528UcqKpta9KBolBzUZ39jo1EvcelC//vsVKJhvaZA87Ryv5R+lRC0mozIeXaKuVwuSR2qPBckjEej6SP3RnL8o8PZfv9wTs361R5y4HSjpDvDEyLGMyk7M9eXlZnjm5eZO5w1L9uHPCPT94PtDad21DVYawKgQVs21/ZjNGbPmTtxur33EwCP9QNSMKJY8VCPjqaWL9wY9Tsbe7Fioh0tslCeYjzc8s0xLfX4dpP5BC1xOvoom5KWFlEbUZSFI+tIa9OuwaH+Se3QIkOpzJqy6oGd23cfiuUQ04NRSVZc5Cg1xqYD3P1Q0PPhnrpWM0hh20bYjmliCTkg5vKVi6X1e2r3E18N36+puMuVRmzMrHFiW+6QI0MIGeOS5AqGA7BBHta2TVViAqTe+LdH29bH0iKmiq6g6eSAmCNHm3fTfRCPBoSsLa+5WFxU2rswL78P+aJpSTVv8GZ/wemu9upBr3hKEgOe1PnD+XKrCOLxxx1Hh7BcKhlZ5MGgo5weISgPYw7DLGob6VqNtR65ppVFB7AqKIG/8eudd/SSwoJDXfwqkQ+CQDxbJyHCAI2REy3RWLrj0RaljkHWwHXfBpEW4XCJfKW6jqQDkAjsls11N6wAizaVBiPePY0lxAEoTrr8dLJazSFXdEyA9ibM9AJIXmsA0A4DCdkiG4Q05FmiDXoaFWmNneCUBsdx7QEw3gkGLbJz1CBLNL1ge/QMsqis5lO5qDKOB/wutrKiWnaTIKpnZho2kISgJGwu2d34T+SKGcSJNpha5Wt2dokaxO6VT68qq2k3AohvT2v83Y3bZIPiv+tzwzWitb6onCFyLjEPANA4OetI2MaLBFmZhsFYnLdEdtcFLYLPyIjcuMmByuJwyAqHc8oJrQGG7JcfOsRYPHCmsXG94en/PZh4ob2r4z2vt28pX7m4eOW5lYUlZ5+Zkfw3n4d4KByUOd2zyMMjUTk70uBXIid8YJoSFw4HZYM3lUEC6HdLa/MBMsBz2PRUV3pk04atX77o9vwxHcTs+qhuP1uAhsk7mbfa27rhc2ijaeyXNYBIT3OlSWy+3WG4WAk5Uw616FhEdvPA4tl7sPFrcjlQzqbRMHkvVD549dbMaeH7gbk0UfQNhUOzRemJlqZ3OnuH+guV+kC0KenPUGDutIUL8q8pFUL6ohj5anUTOW9ZcelZJXzwEU1Oq9fzllw59MXRvd6bj9ucyrLqkyik1Ai/t4hKUUU1VmrDrHQsECvL3pQt3dS7KJJRX9vQmJbi+nfknk92zEhNeWhzRHU0pwEMvzvGrQTSNTdiYkHI5Q+/RnfJcS/lmOPw/bL9G/QO5LNxO8O44eDlZWXmjvBpeuJxkwMh/NINQ4YjhR4AZpSF1pAVpoRvi/qo+XStcUPkLC8s7eUFnepur3FiapHd+goWy6KFBZO3GWya3rAhcnBUWJQnB0H2DlVGzzR6OoGBONfVUQOtZX/IDUeH3uWdrY+wIXIgnLy+6GEbxcbwuzZ7X14cbm2uZzFgKV62tOQxrWbLaAkbIgcC1pZVd2JJZ3+gPXbYHmgN7sh4rVleVHoRxwkWkyNhABRdyWCZt9IbB7kiJxecbXDROkKGSCiA4lqE32ds2WTNvgfylG4fEvK9ohJYswmixPBOfQwM7siQLxpAR9MA6sTxHx+7ogFoswhSIybhphM/GgAvuioxgyAtxKAMjymh4moEGbmNRLuiqUQ1xgpiTH+CgpECUNEzFCz5vCNc68iGgwH3me4O2dnN6ucnlpCjRpBWMmKVA9G9Xb9Y+i7H0L2VWgeweyYa1OT19udb8ext38cHWqx+sGR4hxyLoB3kcaNamXjyMJ0qyqstvx+zTHNop+E2wOGU1x63exYtovqVJEl2k4nCO7c3tKhWMinTcnIwvcgq1UPI2cpivv7z7dfYuFIYfz7w+cFGWV0cKo2euJXksemWkwNh5D4pyApFGAfTrPmebj6dj5N9k8wvjFtVuw6Vltoc2lH8lwEapt/IuKTJGR9+9Oyf1iOrlGSH1kCeLeTQjrHfMcnYJT/bllVhx8ixqkNmtusYOfinHrE6gp02Wa1kNidWHTPzbSFH9Cxl5K4vV8t5iDyOymI7LLJfbL6ZYVvIAWC9jngQJ3Kc45mLmQSotWULOVhdRI74zw427gcJvAYhPjo6/ArvOJ8keUGB7JGSWueemDz4k0Uv3OFygGsT+SAFHkX4hERl8QdmPJFWEmDZqZwHjU7h/+Rsrd0gfAvEl+fjOE/1dl0rxJ9T8nlWxW2ZVgCPqUX+jKgHf0SmtzPUb2PXzlgvPtPKQ4MwjURePf72AvGSklVBTDU7p5NpnY2nIXQUHcaTFSWSQIrT1yy22RwRiVQb/HdHcsKhvzxjY5G01NT06OIFBQOYQnadoUTYkPY/SJZ1IbWHV+cAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A");
      background-size: 41px 36px; }
    #story .coalitionModal#publyModal .textBox_item + .textBox_item {
      border-left: 2px dashed #DAD6E6; }

#story .coalitionModal#bakeyModal .bubbleTxt.type03 {
  margin-left: 100px; }

#story .coalitionModal#bakeyModal .btn-wrap.type02 .btn {
  width: 337px;
  height: 74px;
  font-size: 20px; }
  #story .coalitionModal#bakeyModal .btn-wrap.type02 .btn + .btn {
    margin-left: 20px; }

#story .coalitionModal#bakeyModal .listImg {
  position: relative;
  padding: 0 100px;
  height: 382px;
  overflow: hidden; }
  #story .coalitionModal#bakeyModal .listImg.active {
    height: auto;
    padding-bottom: 105px; }
    #story .coalitionModal#bakeyModal .listImg.active::after {
      display: none; }
    #story .coalitionModal#bakeyModal .listImg.active .listImg_btn span {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.7773' y='0.724121' width='15.552' height='15.552' rx='7.776' transform='rotate(90 15.7773 0.724121)' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M8.29688 6.04713C8.29688 5.96833 8.26371 5.89369 8.2098 5.83563C8.09368 5.71951 7.90706 5.71951 7.79094 5.83563L4.44006 9.18652C4.38615 9.24043 4.35294 9.31923 4.35294 9.39802C4.35294 9.47682 4.38615 9.55147 4.44006 9.60953C4.55618 9.72565 4.74281 9.72565 4.85893 9.60953L8.2098 6.25863C8.26371 6.20057 8.29688 6.12592 8.29688 6.04713Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.3888'/%3E%3Cpath d='M11.6484 9.39802C11.6484 9.31923 11.6152 9.24458 11.5613 9.18652L8.21044 5.83563C8.09432 5.71951 7.90769 5.71951 7.79157 5.83563C7.73766 5.88954 7.7045 5.96833 7.7045 6.04713C7.7045 6.12592 7.73766 6.20057 7.79157 6.25863L11.1424 9.60953C11.2586 9.72565 11.4452 9.72565 11.5613 9.60953C11.6152 9.55147 11.6484 9.47682 11.6484 9.39802Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.3888'/%3E%3C/svg%3E%0A"); }
  #story .coalitionModal#bakeyModal .listImg img {
    margin-top: 0; }
  #story .coalitionModal#bakeyModal .listImg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 210px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7.76%, #FFFFFF 53.42%); }
  #story .coalitionModal#bakeyModal .listImg_btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    width: 227px;
    height: 48px;
    border: 1px solid #1c1c1c;
    color: #1c1c1c;
    background: none;
    border-radius: 8px; }
    #story .coalitionModal#bakeyModal .listImg_btn span {
      display: inline-block;
      padding: 0 28px 0 0;
      line-height: 1.48;
      font-weight: bold;
      background: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.469727' y='19.4736' width='19.44' height='19.44' rx='9.72' transform='rotate(-90 0.469727 19.4736)' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M9.81982 12.8199C9.81982 12.9184 9.86128 13.0117 9.92867 13.0843C10.0738 13.2294 10.3071 13.2294 10.4522 13.0843L14.6408 8.89563C14.7082 8.82824 14.7497 8.72975 14.7497 8.63125C14.7497 8.53276 14.7082 8.43945 14.6408 8.36687C14.4957 8.22172 14.2624 8.22172 14.1173 8.36687L9.92867 12.5555C9.86128 12.6281 9.81982 12.7214 9.81982 12.8199Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.486'/%3E%3Cpath d='M5.63037 8.63125C5.63037 8.72975 5.67189 8.82306 5.73928 8.89564L9.92787 13.0843C10.073 13.2294 10.3063 13.2294 10.4515 13.0843C10.5188 13.0169 10.5603 12.9184 10.5603 12.8199C10.5603 12.7214 10.5188 12.6281 10.4515 12.5555L6.26286 8.36687C6.11771 8.22172 5.88443 8.22172 5.73928 8.36687C5.67189 8.43945 5.63037 8.53276 5.63037 8.63125Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;' stroke-width='0.486'/%3E%3C/svg%3E%0A") 100% 50%/15px 15px no-repeat; }

#story .coalitionModal#bakeyModal .coalitionModal_header img {
  width: 182px; }

#story .coalitionModal#bakeyModal .coalitionModal_header > div:first-of-type {
  width: auto; }

#story .coalitionModal#bakeyModal .coalitionModal_header > div:last-of-type {
  width: 446px;
  margin-left: auto; }

#story .coalitionModal#bakeyModal .coalitionModal_body img.mainImg {
  margin-top: -185px; }

#story .coalitionModal#bakeyModal .coalitionModal_body img.logoImg {
  width: 65px; }

#story .coalitionModal#bakeyModal .coalitionModal_body .numTxt {
  width: 75px;
  padding: 2px 0;
  background-color: #FFE5EC;
  font-weight: bold;
  border-radius: 4px;
  font-size: 14px; }

#story .coalitionModal#bakeyModal .coalitionModal_body li + li {
  position: relative;
  margin-top: 32px; }
  #story .coalitionModal#bakeyModal .coalitionModal_body li + li::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 9px;
    height: 19px;
    background: url("data:image/svg+xml,%0A%3Csvg width='9' height='19' viewBox='0 0 9 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 1.5C5.25 1.08579 4.91421 0.75 4.5 0.75C4.08579 0.75 3.75 1.08579 3.75 1.5H4.5H5.25ZM4.5 18.5L8.83013 11H0.169873L4.5 18.5ZM4.5 1.5H3.75V11.75H4.5H5.25V1.5H4.5Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }

#story .coalitionModal#bakeyModal .coalitionModal_footer {
  padding-left: 86px;
  padding-right: 86px;
  background-color: #FFE5EC; }

#story .coalitionModal#forcetellerModal .coalitionModal_header img {
  width: 283px; }

#story .coalitionModal#forcetellerModal .coalitionModal_header > div:first-of-type {
  width: auto; }

#story .coalitionModal#forcetellerModal .coalitionModal_header > div:last-of-type {
  width: 430px;
  margin-left: auto; }

#story .coalitionModal#forcetellerModal .coalitionModal_footer {
  background-color: #FAEFFF; }

.voteModal.custom-modal .modal-dialog:not(.modal-lg) {
  width: 584px;
  max-width: 584px; }

.voteModal .border-top {
  margin-top: 28px;
  padding-top: 28px;
  border-color: #EAEAEA; }

.voteModal h3 {
  margin-right: -2px; }

.voteModal .form-check.etc .form-check-label {
  width: auto; }

.voteModal .form-check.etc .form-control {
  width: 200px;
  margin-left: 10px; }

.copyMessage {
  position: fixed;
  top: 172px;
  align-items: center;
  opacity: 0;
  justify-content: center;
  z-index: -1;
  left: calc(50% - 167px);
  background-color: #fff;
  padding: 31px 0 30px;
  box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.25);
  width: 323px;
  display: flex;
  transition: all 500ms linear; }
  .copyMessage.show {
    z-index: 1000;
    opacity: 1;
    transition: all 500ms linear; }

.text-new {
  position: absolute;
  right: 20px;
  top: -40px;
  display: inline-block;
  padding: 2px 6px;
  color: #4173fa;
  background-color: #beff00;
  border-radius: 4px;
  font-size: 12px; }
  .text-new::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 8px;
    border-bottom: 4px solid transparent;
    border-top: 4px solid #beff00;
    border-left: 6px solid #beff00;
    border-right: 6px solid transparent; }
  .text-new.type02 {
    min-width: 97px;
    top: -48px;
    right: auto;
    font-family: 'SandollGothicNeo1Unicode', -apple-system, sans-serif;
    background-color: #e1ff7d;
    font-size: 14px;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    font-weight: bold;
    padding: 8px 12px; }
    .text-new.type02::after {
      left: auto;
      right: 0;
      border-top: 4px solid #e1ff7d;
      border-right: 6px solid #e1ff7d;
      border-bottom: 4px solid transparent;
      border-left: 6px solid transparent; }

.container-840 {
  width: 840px;
  margin: 0 auto; }

.container-848 {
  width: 848px;
  margin: 0 auto; }

.container-1288 {
  width: 1288px;
  margin: 0 auto; }

.fs-15px {
  font-size: 15px;
  line-height: 1.58; }

.fs-18px {
  font-size: 18px;
  line-height: 1.61; }

.fs-22px {
  font-size: 22px; }

.fs-24px {
  font-size: 24px; }

.fs-28px {
  font-size: 28px; }

.fs-30px {
  font-size: 30px;
  line-height: 1.33; }

.fs-33px {
  font-size: 33px; }

.fs-35px {
  font-size: 35px; }

.fs-36px {
  font-size: 35px; }

.fs-title-xl {
  font-size: 180px;
  background: linear-gradient(180deg, #a6ff00 -0.23%, #dfff81 102.21%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.text-777 {
  color: #777; }

.bg-sandoll {
  padding: 60px 0;
  background-color: #4173fa; }

.btn-yellow {
  padding: 21px 80px;
  background-color: #e1ff7d;
  color: #4173fa;
  font-weight: bold; }
  .btn-yellow:hover {
    color: #4173fa; }

.btn-sandoll-gradient {
  background: linear-gradient(90deg, #4173fa 0%, #7298ff 100%);
  color: #fff; }
  .btn-sandoll-gradient:hover {
    color: #fff; }

.btn.text-start {
  padding-left: 24px; }

hr.color-sandoll {
  margin: 90px 0 0;
  background-color: #4173fa;
  border: 0; }

hr.color-eaeaea {
  margin: 143px 0 0;
  background-color: #eaeaea;
  border: 0; }

.bg-ebf0ff {
  padding: 30px 0;
  background-color: #ebf0ff;
  border-radius: 12px; }
  .bg-ebf0ff.type02 {
    padding: 128px 0 145px;
    border-radius: 0; }
  .bg-ebf0ff.type03 {
    padding: 78px 0 85px;
    border-radius: 0; }

.list-style-dot li {
  display: list-item !important; }

.mt-155px {
  margin-top: 155px; }

.btn-size-ml {
  padding: 14px 0 14px 33px; }

.badge-gray {
  background-color: #F0F0F0;
  color: #999; }

.d-inline-wrap {
  font-size: 0; }

.lh-180 {
  line-height: 1.8 !important; }

.lh-145 {
  line-height: 1.45; }

.customPlaceholder {
  position: relative; }
  .customPlaceholder input {
    padding-top: 7px;
    padding-bottom: 7px; }
  .customPlaceholder textarea {
    height: 131px;
    resize: none; }
  .customPlaceholder label {
    position: absolute;
    left: 12px;
    top: 7px; }

.modal.type02 .btn {
  border-radius: 8px; }

.modal.type02 .form-group {
  margin-bottom: 1.5rem; }
  .modal.type02 .form-group .fs-title-3,
  .modal.type02 .form-group .fs-title-4 {
    margin-bottom: 0.75rem; }
  .modal.type02 .form-group .fs-txt-2.text-normal {
    word-break: keep-all; }

.modal.type02 .form-control.size-default {
  padding: 13px 12px; }

.modal.type02 .btn-wrap .btn {
  height: 47px;
  padding: 0; }

@media (max-width: 1289px) {
  .container-1288 {
    width: 1160px;
    margin: 0 auto; } }

.mobile #story.CC2 .text-highlighter:after {
  bottom: -6px; }

.mobile #story.CC2 .sub {
  margin-left: -2px;
  top: -6px; }

.mobile #story.CC2 .btn-blue {
  width: 100%;
  height: 55px;
  font-size: 1rem; }

.mobile #story.CC2 section {
  width: 100%;
  overflow: hidden; }
  .mobile #story.CC2 section:nth-of-type(1) {
    height: 515px;
    padding-top: 84px;
    text-align: center;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/m_main.gif"); }
    .mobile #story.CC2 section:nth-of-type(1) .logo {
      width: 3.25rem; }
    .mobile #story.CC2 section:nth-of-type(1) h4 {
      font-size: 1rem;
      color: #F0FFB9; }
    .mobile #story.CC2 section:nth-of-type(1) h2 {
      font-size: 2.5rem;
      line-height: 1.23; }
      .mobile #story.CC2 section:nth-of-type(1) h2 .text-ygreen {
        font-size: 0.875rem;
        right: calc(50% - 150px);
        bottom: 50px;
        width: 71px;
        height: 26px;
        border-radius: 3px; }
    .mobile #story.CC2 section:nth-of-type(1) p .ic-info-lined {
      width: 16px;
      height: 16px; }
  .mobile #story.CC2 section.CC_tab .container-1000 {
    padding: 0 20px;
    overflow: hidden; }
  .mobile #story.CC2 section.CC_tab .nav-wrap.fixed {
    position: fixed;
    top: 58px;
    left: 0;
    width: 100%;
    z-index: 99; }
  .mobile #story.CC2 section.CC_tab .nav-wrap.webview.fixed {
    top: 0; }
  .mobile #story.CC2 section.CC_tab .nav {
    border-bottom: none; }
    .mobile #story.CC2 section.CC_tab .nav .nav-link {
      padding: 0;
      height: 60px;
      font-size: 0.875rem;
      line-height: 1.14; }
  .mobile #story.CC2 section.CC_tab .title-box {
    padding: 6px 24px 7px;
    font-size: 1.625rem;
    margin: 16px auto;
    line-height: 1.27; }
    .mobile #story.CC2 section.CC_tab .title-box:before {
      margin-left: -4px; }
  .mobile #story.CC2 section.CC_tab .tab01 {
    padding-top: 4.0625rem; }
    .mobile #story.CC2 section.CC_tab .tab01 p {
      line-height: 1.71; }
    .mobile #story.CC2 section.CC_tab .tab01 span.position-relative .sub {
      top: -6px;
      margin-left: -6px; }
    .mobile #story.CC2 section.CC_tab .tab01 .fs-txt-1 .text-highlighter:after {
      height: 14px;
      bottom: -4px; }
    .mobile #story.CC2 section.CC_tab .tab01 ul li .circle {
      width: 24px;
      height: 24px;
      font-size: 0.875rem; }
    .mobile #story.CC2 section.CC_tab .tab01 ul li:last-child {
      margin-bottom: 0; }
    .mobile #story.CC2 section.CC_tab .tab01 ul li img {
      width: 100%; }
    .mobile #story.CC2 section.CC_tab .tab01 ul.list-style-dot {
      width: 100%;
      margin: 0 auto; }
      .mobile #story.CC2 section.CC_tab .tab01 ul.list-style-dot.ps-3 {
        width: calc(100% - 16px);
        margin: 30px 0 50px 16px; }
      .mobile #story.CC2 section.CC_tab .tab01 ul.list-style-dot li {
        line-height: 1.5;
        margin-bottom: 0; }
    .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100 {
      margin-top: 0.75rem;
      background-color: #F0F0F0;
      flex-wrap: wrap; }
      .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > img {
        width: 100%;
        order: 2; }
      .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > div {
        order: 1;
        text-align: center;
        width: 100%;
        padding: 24px 20px; }
        .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > div h5 {
          font-size: 1.625rem;
          margin-bottom: 0.5rem; }
        .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100 > div p {
          font-size: 0.875rem; }
      .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(1) > div, .mobile #story.CC2 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(3) > div {
        padding: 24px 20px; }
    .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff {
      background-color: #f5f8ff;
      padding: 45px 0 55px; }
      .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex {
        width: 100%; }
        .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex img {
          width: 9.125rem;
          margin-top: -40px;
          margin-left: auto;
          display: block;
          margin-bottom: -6px;
          margin-right: -10px; }
        .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex h4 {
          line-height: 1.38; }
        .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start {
          width: 100%; }
          .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start ol {
            line-height: 1.71; }
          .mobile #story.CC2 section.CC_tab .tab01 .bg-f5f8ff > .d-inline-flex .text-start ul.list-style-dot li {
            line-height: 1.71; }
    .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap {
      padding: 42px 0 80px; }
      .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container-1000 img {
        width: 60px;
        height: 60px; }
        .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container-1000 img.arrow-down1 {
          width: 30px;
          margin: 45px auto; }
      .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container-1000 form > div:not(.form-check):not(.d-flex):not(.btn-wrap) {
        width: 100%;
        padding: 0; }
        .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container-1000 form > div:not(.form-check):not(.d-flex):not(.btn-wrap) .form-group .form-control {
          padding: 8px 20px 9px; }
        .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container-1000 form > div:not(.form-check):not(.d-flex):not(.btn-wrap) .form-check label {
          line-height: 2; }
        .mobile #story.CC2 section.CC_tab .tab01 .confirm_student_wrap .container-1000 form > div:not(.form-check):not(.d-flex):not(.btn-wrap) .btn-size-default {
          height: 40px;
          padding: 8px; }
  .mobile #story.CC2 section.CC_tab .tab02 {
    padding: 53px 0 45px; }
    .mobile #story.CC2 section.CC_tab .tab02 .tab02_img.mx-auto {
      width: 4rem; }
    .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap {
      padding: 14px 8% 20px;
      margin: 0 -8%; }
      .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap .img-wrap {
        width: 100%; }
      .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap h3 {
        margin-top: 1rem; }
      .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap .carousel-control-next,
      .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap .carousel-control-prev {
        background: #999999;
        width: 15px;
        height: 20px;
        display: block !important;
        top: calc(30%); }
      .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap .carousel-control-prev-icon,
      .mobile #story.CC2 section.CC_tab .tab02 .slider-wrap .carousel-control-next-icon {
        height: 100%;
        width: 100%; }
    .mobile #story.CC2 section.CC_tab .tab02 .list-style-dot {
      line-height: 1.83; }
    .mobile #story.CC2 section.CC_tab .tab02 .d-flex.flex-column ul {
      line-height: 1.69; }
      .mobile #story.CC2 section.CC_tab .tab02 .d-flex.flex-column ul li img {
        width: 13px;
        height: 13px;
        margin-right: 6px; }
    .mobile #story.CC2 section.CC_tab .tab02 .d-flex.flex-column p {
      line-height: 1.5; }
  .mobile #story.CC2 section.CC_tab .tab03 {
    padding: 164px 0 0px;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/event_header_bg_m.png"); }
    .mobile #story.CC2 section.CC_tab .tab03 .dim {
      padding: 200px 0; }
    .mobile #story.CC2 section.CC_tab .tab03 .collabo {
      width: 81.4%; }
    .mobile #story.CC2 section.CC_tab .tab03 .logo {
      height: 50px; }
    .mobile #story.CC2 section.CC_tab .tab03 img.title {
      width: 81.4%;
      margin: 0 auto 16px; }
    .mobile #story.CC2 section.CC_tab .tab03 img.event {
      width: 110%;
      margin-left: -5%; }
    .mobile #story.CC2 section.CC_tab .tab03 .d-inline-block.bg-gray {
      padding: 5px 14px;
      font-size: 0.875rem; }
    .mobile #story.CC2 section.CC_tab .tab03 p {
      line-height: 1.5; }
    .mobile #story.CC2 section.CC_tab .tab03 ul label {
      margin-bottom: 4px; }
    .mobile #story.CC2 section.CC_tab .tab03 ul > li {
      margin-bottom: 36px; }
    .mobile #story.CC2 section.CC_tab .tab03 ul ol {
      width: 100%; }
    .mobile #story.CC2 section.CC_tab .tab03 .bg-black.event {
      font-size: 1rem;
      padding: 4px 8px 5px; }
    .mobile #story.CC2 section.CC_tab .tab03 .bg-black.border-rounded {
      padding: 46px 6.9%;
      border-radius: 0;
      line-height: 1.71; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-black.border-rounded .position-absolute {
        width: 44%;
        top: -35%;
        right: -12%; }
    .mobile #story.CC2 section.CC_tab .tab03 .bg-blue.d-inline-block {
      padding: 10px 19px;
      font-size: 0.875rem; }
    .mobile #story.CC2 section.CC_tab .tab03 .bg-blue.event-noti {
      padding: 71px 6.9% 87px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/introduce_bg_m.png"); }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue.event-noti p img {
        height: 12px;
        display: inline;
        margin: 0 4px;
        vertical-align: -1px; }
    .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul {
      width: 100%; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li img {
        margin: 0 auto;
        display: block; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li h5 {
        text-align: center; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li:nth-of-type(1) h5 img {
        width: 9.1875rem; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li:nth-of-type(2) h5 img {
        width: 4.0625rem; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li > img {
        width: 146px;
        margin-bottom: 16px; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li h5 {
        margin-bottom: 0.75rem;
        font-size: 1.75rem; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li p {
        font-size: 0.875rem;
        color: #ffffff; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-blue ul li .text-orange {
        font-size: 0.875rem; }
    .mobile #story.CC2 section.CC_tab .tab03 .bg-sandoll {
      padding: 35px 0 40px; }
      .mobile #story.CC2 section.CC_tab .tab03 .bg-sandoll .container-1000:last-of-type .list-style-dot li {
        margin-bottom: 0;
        line-height: 2.17; }
  .mobile #story.CC2 section.CC_tab form #capture {
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    margin-top: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/event_bg_m.png");
    position: relative;
    width: 100%; }
    .mobile #story.CC2 section.CC_tab form #capture > .position-absolute {
      width: 100%;
      height: 100%; }
    .mobile #story.CC2 section.CC_tab form #capture:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .mobile #story.CC2 section.CC_tab form #capture textarea,
    .mobile #story.CC2 section.CC_tab form #capture [contentEditable] {
      text-align: center;
      font-size: 0.75rem;
      line-height: 1.47;
      border: none;
      padding: 0 0px;
      width: 62.8%;
      margin: 0 auto;
      height: calc(12px * 1.47 * 4);
      overflow-y: hidden; }
    .mobile #story.CC2 section.CC_tab form #capture [contentEditable]:empty:before {
      font-weight: bold;
      content: "기분 또는 다짐을 표현한\A이모지의 뜻과 해석을 적어 주세요.\A(140byte 미만)";
      white-space: pre;
      color: #999999; }
    .mobile #story.CC2 section.CC_tab form #capture .dropdown.position-absolute {
      right: 3%;
      bottom: 2%;
      width: 40.3%; }
    .mobile #story.CC2 section.CC_tab form #capture .dropdown-toggle {
      border: 1px solid #ffffff;
      background-color: #ff820e;
      height: 20px;
      padding: 0 10px;
      width: 100%;
      border-radius: 5px;
      line-height: 1;
      font-size: 10px;
      position: relative; }
      .mobile #story.CC2 section.CC_tab form #capture .dropdown-toggle:after {
        right: 10px;
        top: 7px;
        position: absolute;
        display: inline-block;
        content: "";
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-bottom: 0;
        border-left: 4px solid transparent; }
    .mobile #story.CC2 section.CC_tab form #capture .dropdown-menu {
      background: #FF820E;
      border-radius: 3px;
      padding: 0;
      margin: 0px;
      width: 100%;
      min-width: auto; }
    .mobile #story.CC2 section.CC_tab form #capture .dropdown-menu li {
      margin-bottom: 0; }
      .mobile #story.CC2 section.CC_tab form #capture .dropdown-menu li .dropdown-item {
        color: white;
        padding: 4px 8px;
        font-size: 10px; }
        .mobile #story.CC2 section.CC_tab form #capture .dropdown-menu li .dropdown-item:active, .mobile #story.CC2 section.CC_tab form #capture .dropdown-menu li .dropdown-item:hover, .mobile #story.CC2 section.CC_tab form #capture .dropdown-menu li .dropdown-item:focus {
          color: white;
          background-color: #F86800; }
    .mobile #story.CC2 section.CC_tab form #capture ul.selected-emoji-wrap {
      height: 15.4%;
      width: 56%;
      margin: 50% auto 0;
      background-position: center;
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/preview_bg_img.png"); }
      .mobile #story.CC2 section.CC_tab form #capture ul.selected-emoji-wrap li img {
        width: 80%;
        height: 80%; }
    .mobile #story.CC2 section.CC_tab form #capture .modal-body ul.selected-emoji-wrap {
      height: 63px;
      padding: 0 calc(50% - 113px);
      height: 63px;
      width: 100%;
      margin: 24px 0;
      background-size: auto 100%; }
      .mobile #story.CC2 section.CC_tab form #capture .modal-body ul.selected-emoji-wrap li img {
        width: 63px;
        height: 63px; }
    .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul {
      display: flex;
      flex-wrap: wrap;
      max-height: 150px;
      overflow-y: scroll; }
      .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li {
        width: 20%;
        margin-bottom: 0;
        position: relative;
        overflow: hidden; }
        .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li::after {
          content: "";
          display: block;
          padding-top: 100%; }
        .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li label {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          height: 100%;
          width: 100%;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li label img {
            width: 100%;
            height: 100%; }
        .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li input:checked + label:before {
          content: "";
          height: 100%;
          width: 100%;
          display: inline-block;
          background-color: #4173fa;
          opacity: 0.3;
          position: absolute;
          top: 0;
          left: 0; }
        .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li input:checked + label:after {
          content: "";
          display: inline-block;
          position: absolute;
          top: 4px;
          right: 4px;
          width: 15px;
          height: 15px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/checked.png"); }
        .mobile #story.CC2 section.CC_tab form #capture .emoji-wrap ul li input {
          display: none; }
  .mobile #story.CC2 section.CC_tab form .btn-wrap {
    margin: 13px auto 54px; }
    .mobile #story.CC2 section.CC_tab form .btn-wrap .btn {
      font-size: 12px;
      font-weight: bold;
      width: calc(50% - 10px);
      border-radius: 60px;
      height: 35px;
      padding: 4px 0px; }
  .mobile #story.CC2 section.CC_tab .tab04 {
    position: relative; }
    .mobile #story.CC2 section.CC_tab .tab04 .dim {
      padding: 200px 0; }
    .mobile #story.CC2 section.CC_tab .tab04 .event-title {
      padding-top: 0;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/event-title-m.png");
      height: auto; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-title:after {
        content: "";
        padding-bottom: 182.9%;
        display: block; }
    .mobile #story.CC2 section.CC_tab .tab04 .event-info {
      padding: 80px 0 46px; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-info .container-1000 {
        padding: 0 6.6%; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap {
        position: relative;
        width: 100%;
        margin-top: 16px;
        padding: calc(30.7% - 16px) 0 8%;
        height: 330%;
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/event-info-bg-middle.png");
        background-repeat: repeat-y;
        background-size: 100%;
        background-position: center center; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .position-absolute:nth-of-type(1) {
          width: 100%;
          top: -16px;
          left: 0; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .position-absolute:nth-of-type(2) {
          width: 100%;
          bottom: -10px;
          left: 0; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents {
          width: 100%; }
          .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents > img:nth-child(1) {
            width: 50px;
            margin-bottom: 12px;
            transform: translateX(0px); }
          .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents > img:nth-child(2) {
            height: 26px;
            margin-bottom: 40px;
            transform: translateX(0px); }
          .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex {
            margin-bottom: 20px;
            flex-direction: column;
            text-align: center; }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(1) .position-relative:before {
              background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num01.svg"); }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(2) .position-relative:before {
              background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num02.svg"); }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(3) .position-relative:before {
              background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num03.svg"); }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(4) {
              margin-bottom: 0; }
              .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex:nth-of-type(4) .position-relative:before {
                background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/list_num04.svg"); }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex img {
              width: 90px;
              height: 90px;
              margin-right: 0px;
              margin-bottom: 16px; }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex .position-relative:before {
              content: '';
              position: absolute;
              display: inline-block;
              width: 19px;
              height: 19px;
              top: 0px;
              left: 0px;
              background-repeat: no-repeat;
              background-size: 100%;
              background-position: center center; }
            .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex p {
              line-height: 1.6;
              position: relative;
              min-height: 80px;
              padding-left: 0px; }
              .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex p:before {
                display: none; }
              .mobile #story.CC2 section.CC_tab .tab04 .event-info .bg-wrap .contents .d-flex p a {
                color: #3AA3FA; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-info .list-style-square {
        width: 100%;
        list-style: square;
        line-height: 1.64; }
    .mobile #story.CC2 section.CC_tab .tab04 .event-gift {
      padding: 0 0;
      background-color: #04C7A0; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-gift img {
        width: 100%; }
    .mobile #story.CC2 section.CC_tab .tab04 .event-form {
      padding: 77px 6.6% 77px;
      background-color: #0FB896; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-form > ul li p {
        margin: 0 -16px; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-form .fontCouponDownload_link img {
        width: 100%; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-form .form-bg {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC2_5/event-form-bg-middle.png");
        background-repeat: repeat-y;
        background-size: 100%;
        width: 100%;
        height: auto;
        margin-top: 80px;
        padding: 60px 0 40px;
        background-position: center center;
        line-height: 1.6;
        position: relative; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-form .form-bg .position-absolute:nth-of-type(1) {
          width: 100%;
          top: -16px;
          left: 0;
          margin-bottom: 0; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-form .form-bg .position-absolute:nth-of-type(2) {
          width: 100%;
          bottom: -18px;
          left: 0;
          margin-bottom: 0; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-form .form-bg > img:not(.position-absolute) {
          width: auto;
          height: 28px;
          margin-bottom: 20px;
          z-index: 2;
          position: relative; }
        .mobile #story.CC2 section.CC_tab .tab04 .event-form .form-bg .list-style-square {
          width: 77%; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-form .btn-02 {
        margin-top: 60px;
        width: 100%; }
    .mobile #story.CC2 section.CC_tab .tab04 .event-noti {
      padding: 36px 0 36px; }
      .mobile #story.CC2 section.CC_tab .tab04 .event-noti .list-style-square {
        line-height: 1.69; }
  .mobile #story.CC2 section.CC_tab .share_sns {
    padding: 31px 0 33px; }
    .mobile #story.CC2 section.CC_tab .share_sns .share_img {
      width: 4.125rem;
      margin-right: 0;
      margin-left: 0; }
    .mobile #story.CC2 section.CC_tab .share_sns button {
      color: #000000;
      min-width: 90%;
      height: 60px;
      border-radius: 3px;
      margin-left: 0;
      margin-top: 8px; }
      .mobile #story.CC2 section.CC_tab .share_sns button:nth-of-type(1) {
        margin-top: 28px; }
      .mobile #story.CC2 section.CC_tab .share_sns button:nth-of-type(2) img {
        width: 45px; }
      .mobile #story.CC2 section.CC_tab .share_sns button:nth-of-type(3) img,
      .mobile #story.CC2 section.CC_tab .share_sns button:nth-of-type(3) object {
        width: 30px; }
  .mobile #story.CC2 section.yearend_05 {
    padding: 24px 0 60px; }
    .mobile #story.CC2 section.yearend_05 .container-1000 {
      padding: 0 5.4%; }
    .mobile #story.CC2 section.yearend_05 .d-flex .textarea_wrap {
      padding: 13px 8px 17px;
      width: 79.5%; }
      .mobile #story.CC2 section.yearend_05 .d-flex .textarea_wrap label {
        cursor: pointer;
        display: block; }
        .mobile #story.CC2 section.yearend_05 .d-flex .textarea_wrap label img {
          height: 1.75rem;
          margin-bottom: 0.125rem; }
        .mobile #story.CC2 section.yearend_05 .d-flex .textarea_wrap label span {
          font-size: 0.8125rem;
          color: #999999; }
    .mobile #story.CC2 section.yearend_05 .d-flex textarea {
      border: none;
      line-height: 1.69;
      font-size: 0.8125rem;
      width: 100%; }
    .mobile #story.CC2 section.yearend_05 .d-flex .btn {
      width: 20.4%;
      font-size: 0.875rem; }
    .mobile #story.CC2 section.yearend_05 .txt textarea {
      margin-top: 4px;
      background: #ddd;
      padding: 12px 14px;
      border: none;
      line-height: 1.69;
      font-size: 0.8125rem;
      width: 100%;
      height: 83px; }
    .mobile #story.CC2 section.yearend_05 .txt label {
      margin-top: -7px;
      width: 100%;
      background: #ddd;
      padding: 0 14px 12px; }
      .mobile #story.CC2 section.yearend_05 .txt label img {
        height: 28px;
        margin-bottom: 0.125rem; }
      .mobile #story.CC2 section.yearend_05 .txt label span {
        font-size: 0.8125rem;
        color: #999; }
    .mobile #story.CC2 section.yearend_05 .btn-wrap #morePage {
      background: transparent;
      border: none;
      box-shadow: none;
      font-size: 1.25rem;
      color: #1c1c1c;
      display: inline-flex;
      align-items: center; }
      .mobile #story.CC2 section.yearend_05 .btn-wrap #morePage img {
        width: 42px;
        height: 42px; }
    .mobile #story.CC2 section.yearend_05 .review_list li {
      border-top: 1px solid #707070;
      padding: 19px 0 17px;
      font-size: 0.875rem; }
      .mobile #story.CC2 section.yearend_05 .review_list li > .txt {
        width: 100%;
        cursor: pointer;
        line-height: 1.5;
        overflow: hidden;
        white-space: normal;
        -webkit-line-clamp: inherit;
        word-break: break-word; }
      .mobile #story.CC2 section.yearend_05 .review_list li p.writer {
        text-align: left;
        color: #9d9892;
        min-width: calc(40% - 120px); }
      .mobile #story.CC2 section.yearend_05 .review_list li p.datetime {
        color: #9d9892; }
        .mobile #story.CC2 section.yearend_05 .review_list li p.datetime img {
          width: 44px; }
      .mobile #story.CC2 section.yearend_05 .review_list li .img_url img {
        width: 200px;
        height: auto;
        cursor: pointer; }
        .mobile #story.CC2 section.yearend_05 .review_list li .img_url img.wide {
          width: 100%;
          height: auto; }
      .mobile #story.CC2 section.yearend_05 .review_list li:last-child {
        border-bottom: 1px solid #707070; }
      .mobile #story.CC2 section.yearend_05 .review_list li.show > .txt {
        white-space: normal;
        -webkit-line-clamp: inherit;
        word-break: break-word; }
  .mobile #story.CC2 section .container-1000 {
    max-width: 1000px;
    margin: 0 auto; }

.mobile #story.CC2 .chat-wrap {
  padding: 30px 0 55px; }
  .mobile #story.CC2 .chat-wrap .box-wrap {
    width: 100%;
    justify-content: space-between;
    height: 74vh;
    overflow: hidden; }
    .mobile #story.CC2 .chat-wrap .box-wrap.show {
      height: inherit; }
  .mobile #story.CC2 .chat-wrap .box-wrap + .w-100 {
    padding-top: 4px;
    height: 42px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd; }
  .mobile #story.CC2 .chat-wrap .box-wrap.show + .w-100 img {
    transform: rotate(180deg); }
  .mobile #story.CC2 .chat-wrap .white-box {
    text-align: left;
    padding: 22px 14px 42px;
    box-shadow: 1.7496px 2.3328px 6.4152px rgba(17, 19, 31, 0.15);
    border-radius: 12px;
    margin: 0 0px 40px;
    width: calc(50% - 7px); }
    .mobile #story.CC2 .chat-wrap .white-box img {
      width: 37px;
      height: 37px;
      margin: 0 auto 16px; }
    .mobile #story.CC2 .chat-wrap .white-box p {
      font-size: 0.875rem;
      line-height: 1.57; }

.mobile #story.CC3 .new_flag::before {
  right: -12px; }

.mobile #story.CC3 section:nth-of-type(1) p .ic-info-lined {
  width: 26px;
  height: 26px; }

.mobile #story.CC3 section.CC_tab .tab01 {
  padding-top: 5.75rem; }
  .mobile #story.CC3 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(1) > div, .mobile #story.CC3 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(2) > div, .mobile #story.CC3 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(3) > div, .mobile #story.CC3 section.CC_tab .tab01 .d-flex.w-100:nth-of-type(4) > div {
    padding-left: 20px; }
  .mobile #story.CC3 section.CC_tab .tab01 .confirm_student_wrap .container-1000 img.arrow-down1 {
    height: auto;
    margin-top: 33px;
    margin-bottom: 57px; }

.mobile #story.CC3 section.CC_tab .SDHoyoyo2.text-blue {
  margin-bottom: 13px; }

.mobile #story.CC3 section.CC_tab .title-box {
  margin: 12px 0; }

.mobile #story.CC3 .slider-wrap h4 {
  margin-top: 1rem;
  font-weight: 700; }

.mobile #story.CC3 .slider-wrap h3 {
  margin-top: 0.25rem;
  word-break: keep-all; }
  .mobile #story.CC3 .slider-wrap h3 + .fs-txt-2 {
    margin-top: -0.4375rem; }

.mobile #story.CC3 .chat-wrap {
  padding-top: 62px;
  padding-bottom: 69px; }
  .mobile #story.CC3 .chat-wrap .btn-wrap {
    position: relative;
    margin-top: -80px;
    padding: 14px 0;
    background-color: #f5f8ff;
    border-bottom: none; }
    .mobile #story.CC3 .chat-wrap .btn-wrap::before {
      content: "";
      position: absolute;
      top: 13px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #ddd; }
  .mobile #story.CC3 .chat-wrap .btn-arrow {
    width: 20px;
    height: 12px;
    background: transparent url("https://media.sandollcloud.com/static/images/PSP/contents/CC2/arrow_down2.svg") 0 0 no-repeat;
    border: none;
    font-size: 0; }
    .mobile #story.CC3 .chat-wrap .btn-arrow.active {
      transform: rotate(-180deg); }

.mobile #story.CC3 .box-wrap {
  height: auto; }
  .mobile #story.CC3 .box-wrap::after {
    display: none; }
  .mobile #story.CC3 .box-wrap.active {
    height: auto; }
    .mobile #story.CC3 .box-wrap.active .white-box:nth-of-type(n + 7) {
      display: block; }
    .mobile #story.CC3 .box-wrap.active .white-box:last-of-type {
      margin-bottom: 18px; }
    .mobile #story.CC3 .box-wrap.active + .btn-wrap {
      margin-top: 0; }

.mobile #story.CC3 .white-box {
  padding-left: 9px;
  padding-right: 9px; }
  .mobile #story.CC3 .white-box:nth-of-type(n + 7) {
    display: none; }
  .mobile #story.CC3 .white-box p {
    font-size: 1rem; }

.mobile #story.CC4 .list-style-dot.ps-3 {
  width: 100%;
  margin: 50px 0; }

.mobile #story.CC4 section.CC_tab .tab01 .bg-f5f8ff {
  padding: 43px 0 52px; }
  .mobile #story.CC4 section.CC_tab .tab01 .bg-f5f8ff.type02 {
    padding-bottom: 49px; }
    .mobile #story.CC4 section.CC_tab .tab01 .bg-f5f8ff.type02 > .d-inline-flex img {
      width: 142px;
      margin-top: -94px; }

.mobile #story.CC4 section.CC_tab .tab01 .confirm_student_wrap {
  padding-bottom: 128px; }
  .mobile #story.CC4 section.CC_tab .tab01 .confirm_student_wrap .container-1000 img.arrow-down1 {
    margin-top: 37px;
    margin-bottom: 40px; }

.mobile #story.CC4 section.CC_tab .tab02 {
  padding: 26px 0 0; }

.mobile #story.CC4 section.CC_tab .tab03 {
  padding: 41px 0 75px;
  background-image: none; }
  .mobile #story.CC4 section.CC_tab .tab03 .tab03_img {
    width: 100%; }
    .mobile #story.CC4 section.CC_tab .tab03 .tab03_img.mx-auto {
      width: 53px; }

.mobile #story.CC4 section.CC_tab .lastCon {
  padding: 83px 0 91px; }
  .mobile #story.CC4 section.CC_tab .lastCon ul > li {
    margin-bottom: 0; }
  .mobile #story.CC4 section.CC_tab .lastCon .tab03_img {
    width: 100%; }

.mobile #story.CC4 .chat-wrap {
  padding-bottom: 56px; }

.mobile #story.CC4 .ex_img {
  width: 100%; }

.mobile #story.CC4 .btn-CC.type02 {
  width: 100%;
  height: 63px;
  padding-top: 10px; }

.mobile #story.CC4 .ic-arrow {
  display: block;
  margin: 22px auto 19px; }

.mobile #story.CC5 .list-style-dot li {
  margin: 0;
  line-height: 1.7; }

.mobile #story.CC5 .btn-CC {
  padding: 0; }

.mobile #story.CC5 .btn-CC.type02 {
  padding-top: 22px; }

.mobile #story.CC5 .floatingBtn {
  right: 12px;
  bottom: 85px; }

.mobile #story.CC5 .slide {
  padding: 0 50px 30px;
  overflow: visible; }
  .mobile #story.CC5 .slide .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.2; }
    .mobile #story.CC5 .slide .swiper-pagination-bullet-active {
      opacity: 1; }

.mobile #story.CC5 .numTxt {
  width: 17px; }
  .mobile #story.CC5 .numTxt + * {
    width: calc(100% - 25px);
    margin-left: 8px; }

.mobile #story.CC5 .ic-arrow {
  width: 64px;
  height: 64px;
  margin: 15px auto 0; }

.mobile #story.CC5 .nav .nav-link {
  height: auto;
  padding: 12px 0; }

.mobile #story.CC5 section:nth-of-type(1) {
  height: 526px;
  padding-top: 46px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/m_main.png"); }
  .mobile #story.CC5 section:nth-of-type(1) h2 .text-lighterygreen {
    width: 87px;
    height: 28px; }

.mobile #story.CC5 section.CC_tab .title-box {
  width: 100%; }
  .mobile #story.CC5 section.CC_tab .title-box.type02 {
    width: 100%; }

.mobile #story.CC5 section.CC_tab .tab01 .bg-f5f8ff.narrow {
  padding: 24px 32px; }

.mobile #story.CC5 section.CC_tab .tab01 .bg-f5f8ff.lastCon {
  padding: 89px 0 64px; }

.mobile #story.CC5 section.CC_tab .tab01 .confirm_student_wrap {
  padding: 0 0 116px; }

.mobile #story.CC5 section.CC_tab .tab02 {
  padding: 0 0 106px 0; }
  .mobile #story.CC5 section.CC_tab .tab02 .top {
    padding-top: 109px; }
    .mobile #story.CC5 section.CC_tab .tab02 .top::after {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/CC5/bg_tab02_top_m.png"); }

.mobile #story.CC5 section.CC_tab .tab03 {
  padding: 59px 0 42px; }
  .mobile #story.CC5 section.CC_tab .tab03 .img03_02_img {
    width: 100%; }
  .mobile #story.CC5 section.CC_tab .tab03 .btn-wrap {
    display: block; }
    .mobile #story.CC5 section.CC_tab .tab03 .btn-wrap .btn-CC.type02 {
      width: 100%;
      padding: 0; }
      .mobile #story.CC5 section.CC_tab .tab03 .btn-wrap .btn-CC.type02 + .btn-CC.type02 {
        margin-left: 0;
        margin-top: 15px; }

.mobile #story.CC5 .benefit {
  padding: 0 50px 41px; }

.mobile #story.CC5 .swiper-pagination-bullets {
  bottom: 0 !important; }

.mobile #story.CC5 .swiper-pagination-bullet-active {
  background-color: #263356 !important; }

.mobile #story.CC5 .swiper-scrollbar-drag {
  min-width: 31%; }

.mobile #story.CC5 .mt-m40px {
  margin-top: -40px; }

.mobile #story.CC5 .clock {
  min-width: 100%;
  height: 50px; }
  .mobile #story.CC5 .clock .flipper {
    width: calc(25% - 27px * 3 / 4); }
    .mobile #story.CC5 .clock .flipper + .flipper {
      margin-left: 27px; }
      .mobile #story.CC5 .clock .flipper + .flipper::before {
        left: -16px;
        width: 5px;
        height: 20px; }
  .mobile #story.CC5 .clock .bottom .text {
    line-height: 0; }
  .mobile #story.CC5 .clock .text {
    font-size: 24px;
    line-height: 50px; }

.mobile #story.CC5 iframe {
  margin: 0 -20px;
  width: calc(100% + 40px);
  height: 220px; }

.mobile #story.CC5 .chat-wrap {
  padding: 0; }
  .mobile #story.CC5 .chat-wrap .swiper-slide {
    display: block;
    height: auto; }
  .mobile #story.CC5 .chat-wrap .box-wrap {
    height: auto;
    overflow: visible; }
  .mobile #story.CC5 .chat-wrap .white-box {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 0px 5px;
    padding: 15px 20px;
    box-shadow: none; }
    .mobile #story.CC5 .chat-wrap .white-box img {
      width: 58px;
      height: 58px;
      margin: 0; }
    .mobile #story.CC5 .chat-wrap .white-box p {
      margin-left: 10px; }

.mobile #story.CC5 .bg-text {
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding: 0 20px 344px;
  background-position-y: 100%; }

.mobile #story.CC5 .bg-title {
  width: 100%;
  padding-bottom: 68px;
  background-size: 174px 156px;
  background-position: 100% 100%; }
  .mobile #story.CC5 .bg-title.type02 {
    padding-bottom: 112px;
    background-size: 167px 103px; }

.mobile #story.CC5 .gallery {
  width: 100%;
  padding: 0 0 30px;
  text-align: center; }
  .mobile #story.CC5 .gallery img {
    border-radius: 0; }

.mobile #story.CC5 .bg-box {
  padding: 32px; }

.mobile #story.CC5 .btn-container {
  display: block;
  padding: 0; }
  .mobile #story.CC5 .btn-container_item {
    width: 100%;
    border: none; }
    .mobile #story.CC5 .btn-container_item:last-of-type {
      margin-top: 33px; }
  .mobile #story.CC5 .btn-container .btn-certification {
    padding: 160px 0 26px;
    font-size: 14px;
    background-size: 78px 78px;
    background-position-y: 41px; }
    .mobile #story.CC5 .btn-container .btn-certification.kakao {
      background-size: 107px 107px;
      background-position-y: 26px; }

.mobile #story.CC5 .bg-txt.type02 {
  padding-left: 11px;
  padding-right: 11px; }

.mobile #story.CC6 {
  padding-top: 155px !important; }
  .mobile #story.CC6 .list-style-star {
    margin: 0; }
  .mobile #story.CC6 .list-style-dot li {
    word-break: break-all; }
  .mobile #story.CC6 iframe {
    border-radius: 0; }
  .mobile #story.CC6 .nav-wrap {
    top: 57px; }
  .mobile #story.CC6 .nav {
    flex-wrap: wrap; }
    .mobile #story.CC6 .nav .nav-link {
      width: 50%;
      padding: 16px 0;
      flex: none;
      border-bottom: 1px solid #eaeaea;
      border-left: 1px solid #eaeaea; }
      .mobile #story.CC6 .nav .nav-link.active {
        background-color: #4173fa;
        color: #fff;
        border-color: #4173fa; }
      .mobile #story.CC6 .nav .nav-link:nth-of-type(odd) {
        border-left-color: transparent; }
      .mobile #story.CC6 .nav .nav-link span {
        font-weight: bold;
        border-radius: 2px; }
  .mobile #story.CC6 section:nth-of-type(1) {
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/m_main02.png"); }
    .mobile #story.CC6 section:nth-of-type(1) h4 {
      color: #E1FF7D; }
  .mobile #story.CC6 section.CC_tab .tab03 {
    padding: 0; }
    .mobile #story.CC6 section.CC_tab .tab03 .fs-title-1 {
      font-size: 25px !important; }
    .mobile #story.CC6 section.CC_tab .tab03 p {
      line-height: 1.61; }
    .mobile #story.CC6 section.CC_tab .tab03 .tab03_img.mx-auto {
      width: 63px; }
    .mobile #story.CC6 section.CC_tab .tab03 .bg-ebf0ff {
      padding: 87px 0 99px; }
  .mobile #story.CC6 .bg-box.full {
    margin: 0 -20px;
    border-radius: 0; }
  .mobile #story.CC6 .container-764 {
    width: 100%;
    padding: 0 20px; }
  .mobile #story.CC6 .btn-CC {
    width: 100%; }
    .mobile #story.CC6 .btn-CC.type02 {
      padding-top: 0; }
      .mobile #story.CC6 .btn-CC.type02.h-90px {
        height: 90px; }
  .mobile #story.CC6 .btn-yellow {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
  .mobile #story.CC6 .invite .imgTxt {
    width: 287px; }
    .mobile #story.CC6 .invite .imgTxt.type02 {
      width: 97px; }
  .mobile #story.CC6 .invite .fs-title-0 {
    font-size: 45px !important; }
  .mobile #story.CC6 .invite .btn-yellow span {
    font-size: 16px; }
  .mobile #story.CC6 .invite_inner {
    padding: 90px 0 85px; }
    .mobile #story.CC6 .invite_inner:not(.type02) {
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/bg_crumble_m.png") 50% 0/cover no-repeat, linear-gradient(157deg, #4173FA 9.09%, #B9CCFF 85.61%); }
    .mobile #story.CC6 .invite_inner.type02 {
      padding: 41px 15px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/bg_crumble_02_m.png"); }
      .mobile #story.CC6 .invite_inner.type02 a {
        color: inherit; }
  .mobile #story.CC6 .bg-cfff2 {
    padding: 99px 0 150px; }
    .mobile #story.CC6 .bg-cfff2 img:not(.tab03_img) {
      width: 100%;
      margin-top: 28px;
      padding: 0 27px; }
    .mobile #story.CC6 .bg-cfff2 .list-style-dot {
      width: 100%; }
  .mobile #story.CC6 .bg-linear {
    padding: 96px 0; }
    .mobile #story.CC6 .bg-linear img:not(.tab03_img) {
      width: calc(100% + 40px);
      margin: 0 -20px; }
    .mobile #story.CC6 .bg-linear table {
      width: 100%; }
      .mobile #story.CC6 .bg-linear table::after {
        width: calc(100%/3 + 3px);
        height: calc(100% + 4px);
        border-width: 2px;
        border-radius: 0 8px 8px 0; }
      .mobile #story.CC6 .bg-linear table th {
        padding: 11px 0;
        font-size: 10px; }
      .mobile #story.CC6 .bg-linear table td {
        font-size: 12px;
        height: 51px; }
        .mobile #story.CC6 .bg-linear table td div {
          top: -4px;
          right: 16px;
          width: 50px;
          padding: 5px 0;
          font-size: 8px; }
          .mobile #story.CC6 .bg-linear table td div::before {
            left: -3px;
            width: 6px;
            height: 5px; }
      .mobile #story.CC6 .bg-linear table tr:first-of-type th:first-of-type {
        border-radius: 6px 0 0 0; }
      .mobile #story.CC6 .bg-linear table tr:first-of-type th:last-of-type {
        border-radius: 0 6px 0 0; }
      .mobile #story.CC6 .bg-linear table tr:last-of-type td:first-of-type {
        border-radius: 0 0 0 6px; }
      .mobile #story.CC6 .bg-linear table tr:last-of-type td:last-of-type {
        border-radius: 0 0 6px 0; }
  .mobile #story.CC6 .bg-fefdf5 {
    padding: 94px 0 120px; }
  .mobile #story.CC6 .bg-f7f5ea {
    padding: 43px 20px;
    border-radius: 0; }
    .mobile #story.CC6 .bg-f7f5ea img {
      width: 100%; }
    .mobile #story.CC6 .bg-f7f5ea .fs-title-1 {
      font-size: 23px !important; }
    .mobile #story.CC6 .bg-f7f5ea:last-of-type img {
      width: 100%; }
  .mobile #story.CC6 .bg-ff6e40 {
    position: relative;
    padding: 103px 0; }
    .mobile #story.CC6 .bg-ff6e40::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 7vw;
      width: 100vw;
      height: 81vw;
      background: url(https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/bg_confetti_m.png) 0 0/100% 100% no-repeat; }
    .mobile #story.CC6 .bg-ff6e40 img {
      width: 100%;
      margin-left: 0; }
    .mobile #story.CC6 .bg-ff6e40 .fs-title-1 {
      font-size: 23px !important; }
      .mobile #story.CC6 .bg-ff6e40 .fs-title-1::after {
        display: none; }
  .mobile #story.CC6 .bg-ebf0ff img {
    width: 100%; }
  .mobile #story.CC6 .stepCon {
    padding: 194px 47px 30px; }
    .mobile #story.CC6 .stepCon img {
      height: 186px;
      left: 50%;
      top: -14px;
      transform: translateX(-50%); }
  .mobile #story.CC6 .roundText {
    font-size: 14px; }
  .mobile #story.CC6 .fontSlide {
    padding: 0 90px;
    margin: 0 -20px; }
    .mobile #story.CC6 .fontSlide .d-flex > div + div {
      margin-left: 0; }
  .mobile #story.CC6 .borderTable.type02 tbody tr {
    padding: 16px 0; }
    .mobile #story.CC6 .borderTable.type02 tbody tr.open {
      padding-bottom: 0; }
  .mobile #story.CC6 .borderTable.type02 td:first-of-type {
    padding-left: 0; }
  .mobile #story.CC6 .borderTable.type02 .borderTable_title {
    width: 100%;
    margin-left: 7px;
    padding: 0;
    border: none;
    background: transparent; }
    .mobile #story.CC6 .borderTable.type02 .borderTable_title p {
      font-size: 13px; }
  .mobile #story.CC6 .borderTable.type02 .borderTable_content {
    padding: 16px;
    margin-top: 16px;
    font-size: 12px;
    box-sizing: border-box; }
  .mobile #story.CC6 .text-highlighter.type02::after {
    height: calc(100% - 9px);
    bottom: 6px; }
  .mobile #story.CC6 .bg-txt.type02 {
    padding: 13px 38px; }
  .mobile #story.CC6 .search-list {
    justify-content: center; }
    .mobile #story.CC6 .search-list li.font2 {
      width: 100%;
      max-width: 600px; }
  .mobile #story.CC6 .chat-wrap .swiper-slide .white-box:nth-of-type(n+5) {
    margin: 0; }

.mobile #story.CC7 {
  padding-top: 105px !important; }
  .mobile #story.CC7 .nav .nav-link {
    padding: 15px 0;
    font-size: 14px;
    border-bottom: 1px solid transparent;
    border-left: none; }
    .mobile #story.CC7 .nav .nav-link.active {
      background-color: transparent;
      border-bottom-color: #fff; }
    .mobile #story.CC7 .nav .nav-link span {
      padding: 5px;
      font-size: 10px;
      border-radius: 5px; }
  .mobile #story.CC7 .btn-violet {
    width: 277px; }
  .mobile #story.CC7 .CC_tab {
    margin-top: 0; }
  .mobile #story.CC7 .tab01 section:nth-of-type(1) {
    display: flex;
    justify-content: center;
    height: 447px;
    padding-top: 0;
    background: none; }
    .mobile #story.CC7 .tab01 section:nth-of-type(1) video {
      width: auto;
      height: 447px; }
    .mobile #story.CC7 .tab01 section:nth-of-type(1) .inner_el {
      height: 123px;
      min-height: auto; }
      .mobile #story.CC7 .tab01 section:nth-of-type(1) .inner_el.type02 {
        height: 233px;
        min-height: auto; }
  .mobile #story.CC7 .tab01 section:nth-of-type(3) {
    padding: 84px 0 80px; }
    .mobile #story.CC7 .tab01 section:nth-of-type(3) img {
      width: 100%; }
    .mobile #story.CC7 .tab01 section:nth-of-type(3) .bg-box {
      width: 100%; }
  .mobile #story.CC7 .tab01 section:nth-of-type(5) {
    height: 532px;
    padding-top: 107px;
    background-color: #fff;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/canpusCampaign/img_necessity_m.png");
    height: 532px;
    background-size: auto 100%; }
  .mobile #story.CC7 .tab01 section:nth-of-type(6) {
    padding: 62px 0 36px; }
  .mobile #story.CC7 .tab01 section:nth-of-type(7) .bg-box {
    width: 100%; }
  .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(1) .btn-wrap {
    padding: 0; }
    .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(1) .btn-wrap * {
      width: 100%; }
  .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) .bg-f6f5ff, .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(5) .bg-f6f5ff {
    padding: 36px 29px 43px; }
    .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) .bg-f6f5ff > div:nth-of-type(1), .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(5) .bg-f6f5ff > div:nth-of-type(1) {
      padding-left: 103px; }
    .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) .bg-f6f5ff > div:nth-of-type(2) .list-style-dot, .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(5) .bg-f6f5ff > div:nth-of-type(2) .list-style-dot {
      padding-left: 20px;
      font-size: 13px; }
  .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(2) ol li p, .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(5) ol li p {
    font-size: 14px; }
  .mobile #story.CC7 .tab01 section:nth-of-type(7) > div > div:nth-of-type(3) p {
    line-height: 1.62; }
  .mobile #story.CC7 .tab01 section:nth-of-type(9) {
    padding: 39px 20px 45px; }
  .mobile #story.CC7 .tab02 section:nth-of-type(1) {
    display: flex;
    justify-content: center;
    height: 540px;
    padding-top: 0; }
    .mobile #story.CC7 .tab02 section:nth-of-type(1) .inner {
      padding-bottom: 50px; }
  .mobile #story.CC7 .tab02 section:nth-of-type(2) {
    padding: 50px 0 60px; }
    .mobile #story.CC7 .tab02 section:nth-of-type(2) img {
      border-radius: 12px; }
    .mobile #story.CC7 .tab02 section:nth-of-type(2) .btn-purple-outline {
      height: 24px;
      padding: 0 20px 0 15px;
      font-size: 11px;
      border-radius: 6px;
      background-size: 14px 14px;
      background-position-x: calc(100% - 7px); }
  .mobile #story.CC7 .num-list li {
    display: block; }
  .mobile #story.CC7 .num-list img {
    width: 100%;
    margin-top: 10px; }
  .mobile #story.CC7 .numTxt + * {
    margin: 12px 0 0 0; }
  .mobile #story.CC7 .btn-wrap.type02 .btn-CC + .btn-CC {
    margin-left: 0; }
  .mobile #story.CC7 .gallery {
    padding-bottom: 0; }
    .mobile #story.CC7 .gallery .img_link {
      display: flex;
      align-items: center;
      height: calc(50vw - 21px); }
    .mobile #story.CC7 .gallery .swiper-button-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 10px; }
      .mobile #story.CC7 .gallery .swiper-button-wrap * + * {
        margin-left: 12px; }
    .mobile #story.CC7 .gallery .swiper-button-prev, .mobile #story.CC7 .gallery .swiper-button-next {
      position: initial;
      width: 30px;
      height: 30px;
      margin-top: 0;
      transform: none; }
    .mobile #story.CC7 .gallery .swiper-button-prev {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Crect x='1.23145' y='1.03516' width='29' height='29' rx='14.5' fill='%23F9F9F9' style='fill:%23F9F9F9;fill:color(display-p3 0.9765 0.9765 0.9765);fill-opacity:1;'/%3E%3Crect x='1.23145' y='1.03516' width='29' height='29' rx='14.5' stroke='%23DDDDDD' style='stroke:%23DDDDDD;stroke:color(display-p3 0.8676 0.8676 0.8676);stroke-opacity:1;'/%3E%3Cpath d='M18.7314 21.5352L12.7314 15.5352L18.7314 9.53516' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
    .mobile #story.CC7 .gallery .swiper-button-next {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Crect x='1.38574' y='1.03516' width='29' height='29' rx='14.5' fill='white' style='fill:white;fill-opacity:1;'/%3E%3Crect x='1.38574' y='1.03516' width='29' height='29' rx='14.5' stroke='%23DDDDDD' style='stroke:%23DDDDDD;stroke:color(display-p3 0.8676 0.8676 0.8676);stroke-opacity:1;'/%3E%3Cpath d='M12.8857 9.53516L18.8857 15.5352L12.8857 21.5352' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
    .mobile #story.CC7 .gallery .swiper-pagination-custom {
      position: initial;
      width: auto;
      font-size: 14px;
      color: #999;
      transform: none; }
  .mobile #story.CC7 .container-690, .mobile #story.CC7 .container-990 {
    width: 100%;
    padding: 0 20px; }
  .mobile #story.CC7 .infoLink {
    padding-left: 108px;
    font-size: 14px;
    text-align: left;
    line-height: 1.61;
    font-weight: 700;
    background-size: 34px auto;
    background-position-x: 33px; }
    .mobile #story.CC7 .infoLink.type02 {
      background-size: 62px auto;
      background-position-x: 26px; }
    .mobile #story.CC7 .infoLink.type03 {
      background-size: 56px auto;
      background-position-x: 29px; }
    .mobile #story.CC7 .infoLink.type04 {
      background-size: 58px auto;
      background-position: 28px 16px; }
  .mobile #story.CC7 .numTxt {
    width: 72px; }
  .mobile #story.CC7 .benefitSwiper {
    padding-top: 75px;
    padding-left: 0;
    height: 490px; }
    .mobile #story.CC7 .benefitSwiper .swiper-slide {
      position: initial;
      padding: 0 20px;
      z-index: -1; }
    .mobile #story.CC7 .benefitSwiper .swiper-pagination {
      top: 0;
      left: 20px;
      bottom: auto !important;
      display: flex;
      width: calc(100% - 40px);
      padding-bottom: 16px;
      transform: none;
      background-color: #8777FF;
      z-index: 1000000000000; }
      .mobile #story.CC7 .benefitSwiper .swiper-pagination-bullet {
        flex: 1;
        display: flex;
        justify-content: center;
        height: 59px;
        padding: 5px 0;
        font-size: 11px;
        text-align: center;
        line-height: 1.5;
        margin: 0; }
        .mobile #story.CC7 .benefitSwiper .swiper-pagination-bullet-active {
          background: #fff !important; }
        .mobile #story.CC7 .benefitSwiper .swiper-pagination-bullet + .swiper-pagination-bullet {
          margin: 0 0 0 10px; }
    .mobile #story.CC7 .benefitSwiper .bg-f6f5ff {
      padding: 195px 28px 26px;
      background-position: 50% 21px;
      text-align: center; }
  .mobile #story.CC7 .chat-wrap .swiper-slide {
    display: flex; }
  .mobile #story.CC7 .swiper-scrollbar {
    margin-top: 14px; }
  .mobile #story.CC7 .review_cont {
    height: 700px;
    padding: 85px 0 189px; }
  .mobile #story.CC7 .review .btn-violet {
    bottom: 47px; }
  .mobile #story.CC7 .review.active .btn-violet {
    bottom: 82px; }
  .mobile #story.CC7 iframe {
    width: 100%;
    height: 64vw;
    border-radius: 10px; }
  @media (max-width: 1200px) and (min-width: 760px) {
    .mobile #story.CC7 .container-1160 {
      width: 100%; } }
  .mobile #story.CC7 .text-new {
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 12px; }
  .mobile #story.CC7 .coalitionCard_dim {
    border-radius: 12px;
    font-size: 30px; }

.mobile #story .text-highlighter.type02::after {
  height: calc(100% + 6px);
  bottom: -2px; }

.mobile #story .text-highlighter.purple {
  padding: 6px; }

.mobile #story #emojiSelectModal.show .modal-dialog {
  transform: none; }

.mobile #story #emojiSelectModal .modal-content {
  border-radius: 7px;
  height: 65vh;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  overflow-y: scroll; }

.mobile #story #emojiSelectModal .modal-dialog {
  max-width: 100%;
  height: 100vh;
  display: flex;
  margin: 0;
  align-items: end;
  transform: translate(0, 100vh); }
  .mobile #story #emojiSelectModal .modal-dialog .modal-body {
    padding: 36px 0 36px; }
    .mobile #story #emojiSelectModal .modal-dialog .modal-body .btn-wrap {
      padding: 0 5.4%; }
      .mobile #story #emojiSelectModal .modal-dialog .modal-body .btn-wrap .btn {
        width: calc(50% - 4px);
        font-size: 13px;
        padding: 10px 0;
        height: 45px; }

.mobile #story .coalitionModal {
  top: 57px;
  height: calc(100% - 57px); }
  .mobile #story .coalitionModal .bubbleTxt.purple {
    margin-top: 53px; }
  .mobile #story .coalitionModal_header {
    display: block;
    padding: 14px 20px 0; }
    .mobile #story .coalitionModal_header img {
      width: 190px; }
    .mobile #story .coalitionModal_header > div:nth-of-type(2) {
      margin-top: 20px; }
    .mobile #story .coalitionModal_header ul {
      margin-top: 15px;
      font-size: 13px; }
  .mobile #story .coalitionModal_body {
    padding: 40px 20px 62px;
    margin-top: 25px; }
    .mobile #story .coalitionModal_body::before {
      width: calc(100% - 40px);
      left: 20px; }
    .mobile #story .coalitionModal_body img {
      width: calc(100% + 40px);
      margin-left: -20px; }
  .mobile #story .coalitionModal_footer {
    padding: 54px 20px; }
  .mobile #story .coalitionModal .modal-dialog {
    margin: 0; }
  .mobile #story .coalitionModal .modal-content {
    border-radius: 0; }
    .mobile #story .coalitionModal .modal-content > .btn-close {
      top: 12px; }
  .mobile #story .coalitionModal .btn-wrap {
    margin-top: 0; }
  .mobile #story .coalitionModal#dagloModal .coalitionModal_header img {
    width: 112px; }
  .mobile #story .coalitionModal#dagloModal .coalitionModal_body img {
    width: calc(100% + 40px);
    margin-left: -20px; }
  .mobile #story .coalitionModal#dagloModal .btn-wrap {
    margin-top: 0; }
  .mobile #story .coalitionModal#wbd01Modal .coalitionModal_header img, .mobile #story .coalitionModal#wbd02Modal .coalitionModal_header img {
    width: 204px; }
  .mobile #story .coalitionModal#wbd01Modal .coalitionModal_body img, .mobile #story .coalitionModal#wbd02Modal .coalitionModal_body img {
    width: calc(100% + 40px);
    margin-left: -20px; }
  .mobile #story .coalitionModal#wbd01Modal .btn-wrap, .mobile #story .coalitionModal#wbd02Modal .btn-wrap {
    margin-top: -16px; }
  .mobile #story .coalitionModal#wbd02Modal .btn-wrap {
    margin-top: -153px; }
  .mobile #story .coalitionModal#utoModal .coalitionModal_header img {
    width: 206px; }
  .mobile #story .coalitionModal#utoModal .coalitionModal_body img {
    width: 100%;
    margin-left: 0; }
  .mobile #story .coalitionModal#utoModal .btn-wrap {
    margin-top: 26px; }
  .mobile #story .coalitionModal#kakaoModal .coalitionModal_header img {
    width: 219px; }
  .mobile #story .coalitionModal#kakaoModal .coalitionModal_body img {
    margin-left: 0;
    width: 100%; }
  .mobile #story .coalitionModal#kakaoModal .btn-wrap {
    margin-top: 50px; }
  .mobile #story .coalitionModal#publyModal .coalitionModal_header img {
    width: 157px; }
  .mobile #story .coalitionModal#publyModal .coalitionModal_header > div:last-of-type {
    width: 100%;
    margin-left: 0; }
  .mobile #story .coalitionModal#publyModal .coalitionModal_footer {
    padding-left: 20px;
    padding-right: 20px; }
  .mobile #story .coalitionModal#publyModal .couponType {
    display: block;
    padding: 0 20px; }
    .mobile #story .coalitionModal#publyModal .couponType_item {
      width: 100%; }
      .mobile #story .coalitionModal#publyModal .couponType_item:last-of-type {
        margin-left: 0;
        margin-top: 15px; }
  .mobile #story .coalitionModal#publyModal .textBox {
    display: block;
    width: calc(100% - 60px);
    padding: 0 20px;
    margin: 36px 30px 0; }
    .mobile #story .coalitionModal#publyModal .textBox_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 33px 0 42px 0; }
      .mobile #story .coalitionModal#publyModal .textBox_item + .textBox_item {
        border-left: none;
        border-top: 1px dashed #DAD6E6; }
  .mobile #story .coalitionModal#publyModal .container-786 {
    width: 100%; }
  .mobile #story .coalitionModal#bakeyModal .numTxt + * {
    width: 100%; }
  .mobile #story .coalitionModal#bakeyModal .bubbleTxt.type03 {
    margin-left: 0; }
  .mobile #story .coalitionModal#bakeyModal .btn-wrap {
    margin-top: -46vw; }
    .mobile #story .coalitionModal#bakeyModal .btn-wrap.type02 {
      display: block;
      margin-top: 43px; }
      .mobile #story .coalitionModal#bakeyModal .btn-wrap.type02 .btn {
        width: 100%; }
        .mobile #story .coalitionModal#bakeyModal .btn-wrap.type02 .btn + .btn {
          margin-left: 0;
          margin-top: 8px; }
  .mobile #story .coalitionModal#bakeyModal .listImg {
    width: calc(100% + 40px);
    margin-left: -20px;
    height: 152vw;
    padding: 0 20px 118px 20px; }
    .mobile #story .coalitionModal#bakeyModal .listImg.active {
      height: auto; }
    .mobile #story .coalitionModal#bakeyModal .listImg::after {
      bottom: -39vw;
      height: 117vw; }
    .mobile #story .coalitionModal#bakeyModal .listImg img {
      width: 100%;
      margin-left: 0; }
  .mobile #story .coalitionModal#bakeyModal .coalitionModal_header img {
    width: 125px; }
    .mobile #story .coalitionModal#bakeyModal .coalitionModal_header img.logoImg {
      margin-left: 0; }
  .mobile #story .coalitionModal#bakeyModal .coalitionModal_header > div:last-of-type {
    width: 100%;
    margin-left: 0; }
  .mobile #story .coalitionModal#bakeyModal .coalitionModal_body img.mainImg {
    margin-top: -40vw; }
  .mobile #story .coalitionModal#bakeyModal .coalitionModal_body img.logoImg {
    margin-left: 0; }
  .mobile #story .coalitionModal#bakeyModal .coalitionModal_footer {
    padding-left: 20px;
    padding-right: 20px; }
  .mobile #story .coalitionModal#forcetellerModal .btn-wrap {
    margin-top: -7vw; }
  .mobile #story .coalitionModal#forcetellerModal .coalitionModal_header img {
    width: 195px; }
  .mobile #story .coalitionModal#forcetellerModal .coalitionModal_header > div:last-of-type {
    width: 100%;
    margin-left: 0; }
  .mobile #story .coalitionModal#forcetellerModal .coalitionModal_body img {
    margin-top: -20px; }

.mobile #story .utoImageInfoModal.custom-modal .modal-content .fs-txt-2 {
  white-space: initial; }

.mobile #story .utoImageInfoModal .list-style-dot.ps-3 {
  margin: 0; }

.mobile #story .utoImageInfoModal .bg-f9f9f9 {
  padding: 15px 8px; }

.mobile .copyMessage {
  top: 155px;
  left: 6.95%;
  width: 86.1%; }

.mobile .writePostModal.custom-modal .modal-content,
.mobile .editPostModal.custom-modal .modal-content {
  border-radius: 0; }

.mobile .text-new {
  right: -26px;
  top: -26px;
  font-size: 11px;
  padding: 3px 5px;
  line-height: 1; }
  .mobile .text-new::after {
    bottom: -6px;
    border-bottom-width: 3px;
    border-top-width: 3px;
    border-left-width: 4px;
    border-right-width: 4px; }
  .mobile .text-new.type02 {
    min-width: auto;
    right: auto;
    left: -71px;
    top: -60px;
    padding: 8px 6px;
    font-size: 10px;
    border-radius: 6px; }
    .mobile .text-new.type02::after {
      left: auto;
      right: 7px; }

.mobile .container-1000,
.mobile .container-848,
.mobile .container-840,
.mobile .container-1288 {
  max-width: 100%;
  padding: 0 20px; }

.mobile .bg-ebf0ff.type02 {
  padding: 75px 0 92px;
  border-radius: 0; }

.mobile .bg-ebf0ff.type03 {
  padding: 64px 0;
  border-radius: 0; }

.mobile .bg-ebf0ff.type04 {
  padding: 38px 16px 42px 26px; }

.mobile .fs-title-xl {
  font-size: 90px; }

.mobile .voteModal.custom-modal .modal-dialog:not(.modal-lg) {
  max-width: 100%;
  width: 100%; }

.mobile .voteModal .d-inline-wrap {
  max-height: 146px;
  overflow-y: auto; }
  .mobile .voteModal .d-inline-wrap::-webkit-scrollbar {
    width: 4px; }
    .mobile .voteModal .d-inline-wrap::-webkit-scrollbar-thumb {
      background: #eaeaea;
      border-radius: 5px; }

.mobile .voteModal .border-top {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 28px 20px 0; }

#story .fs-title-0,
#story .fs-title-1,
#story .fs-title-2,
#story .fs-title-3,
#story .fs-title-4 {
  color: #1c1c1c; }

#story .datetime {
  color: #999999; }

#story .story_common {
  padding-top: 60px; }
  #story .story_common h1 {
    line-height: 1.38; }
  #story .story_common p {
    line-height: 1.64; }
  #story .story_common .filterForm {
    margin-bottom: 28px; }
  #story .story_common .ms-auto.position-relative button {
    border: none;
    background: transparent;
    padding: 0;
    top: 8px;
    left: 8px; }
    #story .story_common .ms-auto.position-relative button i {
      width: 24px;
      height: 24px; }
  #story .story_common input[type="search"] {
    padding: 12px 40px 12px 32px;
    font-size: 0.875rem;
    border: 1px solid #dddddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: none; }
    #story .story_common input[type="search"]::placeholder {
      color: #999999; }
  #story .story_common a:not(.nav-link) {
    height: 32px; }
  #story .story_common .tag-wrap {
    flex: 1;
    align-items: center;
    line-height: 1.64;
    position: relative;
    margin-left: 0; }
    #story .story_common .tag-wrap .swiper-control-prev,
    #story .story_common .tag-wrap .swiper-control-next {
      width: 60px;
      position: absolute;
      top: 0;
      z-index: 1; }
      #story .story_common .tag-wrap .swiper-control-prev.swiper-button-disabled,
      #story .story_common .tag-wrap .swiper-control-next.swiper-button-disabled {
        opacity: 0;
        display: none; }
    #story .story_common .tag-wrap .swiper-control-prev {
      left: 0;
      background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 51%, white); }
    #story .story_common .tag-wrap .swiper-control-next {
      right: 0;
      text-align: right;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white); }
    #story .story_common .tag-wrap .tag-list {
      margin-top: 0;
      width: 100%;
      margin-right: 0;
      height: 40px; }
      #story .story_common .tag-wrap .tag-list .swiper-slide {
        width: auto !important; }
        #story .story_common .tag-wrap .tag-list .swiper-slide a {
          color: #999999;
          display: -webkit-inline-flex;
          display: inline-flex;
          align-items: center;
          border-radius: 40px;
          margin-right: 4px;
          background: #ffffff;
          margin-right: 0.75rem;
          word-wrap: normal;
          flex-wrap: wrap;
          white-space: nowrap;
          padding: 6px 12px;
          line-height: 1.64; }
          #story .story_common .tag-wrap .tag-list .swiper-slide a.active {
            background-color: #333333;
            color: white; }
          #story .story_common .tag-wrap .tag-list .swiper-slide a:hover {
            background-color: #f9f9f9; }
  #story .story_common .nav {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    padding: 12px 0;
    align-items: center; }
    #story .story_common .nav .ms-auto.position-relative button {
      border: none;
      background: transparent;
      padding: 0;
      top: 8px;
      left: 8px; }
      #story .story_common .nav .ms-auto.position-relative button i {
        width: 24px;
        height: 24px; }
    #story .story_common .nav input[type="search"] {
      padding: 12px 40px 12px 32px;
      font-size: 0.875rem;
      border: 1px solid #dddddd;
      border-radius: 8px;
      background-color: #f9f9f9;
      box-shadow: none; }
      #story .story_common .nav input[type="search"]::placeholder {
        color: #999999; }
    #story .story_common .nav a:not(.nav-link) {
      height: 32px; }
    #story .story_common .nav .nav-link {
      color: #999999;
      font-size: 1rem;
      padding: 4px 12px;
      line-height: 1.64;
      margin-right: 4px;
      border-radius: 17px; }
    #story .story_common .nav .active {
      color: #ffffff;
      background-color: #1c1c1c;
      position: relative;
      /*
        &:after{
          content:"";
          position: absolute;
          bottom:-2px;
          left:0;
          background:$text-color-black;
          height:2px;
          width:100%;
          display:inline-block;
        }
        */ }
    #story .story_common .nav > span {
      color: #999999; }

#story .story-list {
  display: flex;
  flex-wrap: wrap; }
  #story .story-list li {
    width: calc(33.3% - 40px / 3);
    margin-right: 20px;
    margin-bottom: 40px; }
    #story .story-list li:nth-child(3n) {
      margin-right: 0; }
    #story .story-list li.search_none {
      text-align: center;
      margin: 160px 0;
      width: 100%;
      border-bottom: none !important; }
      #story .story-list li.search_none .emoticon {
        font-size: 5rem;
        color: #cccccc;
        font-weight: bold;
        margin-bottom: 1.75rem; }
      #story .story-list li.search_none p {
        line-height: 1.64; }
    #story .story-list li img {
      height: auto;
      max-width: 100%;
      width: 100%;
      aspect-ratio: 3/2;
      border-radius: 8px;
      border: 1px solid #eaeaea;
      object-fit: cover; }
    #story .story-list li .fs-title-4 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: calc(16px * 1.68 * 2);
      overflow: hidden;
      text-overflow: ellipsis; }
    #story .story-list li.event.dim {
      position: relative; }
      #story .story-list li.event.dim:after {
        content: "";
        display: flex;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute; }
      #story .story-list li.event.dim > span {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        background: rgba(0, 0, 0, 0.2);
        color: #ffffff;
        font-size: 1rem;
        padding: 6px 12px;
        z-index: 1; }

#story .basic_info .datetime {
  color: #333333; }

#story .basic_info h3 {
  line-height: 1.5; }

#story .main_contents .btn-wrap .btn-default-outline {
  border-radius: 28px;
  width: 240px;
  padding: 16px 0; }

#story .other_list {
  margin-top: 200px; }
  #story .other_list li {
    border-bottom: 1px solid #dddddd; }
    #story .other_list li a {
      width: 100%;
      padding: 16px 8px;
      line-height: 1.64;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: 78px; }
      #story .other_list li a span:nth-child(1), #story .other_list li a span:nth-child(3) {
        width: 60px;
        font-size: 0.75rem; }
      #story .other_list li a span:nth-child(2) {
        flex: 1;
        font-size: 0.875rem;
        padding-right: 12px; }

#story .caution {
  background-color: #f9f9f9;
  padding: 40px; }
  #story .caution ul {
    list-style: "· ";
    padding-left: 10px; }
    #story .caution ul li {
      line-height: 1.64; }

#story .navlist {
  border-bottom: 1px solid #dddddd;
  align-items: center;
  margin-bottom: 1.25rem; }
  #story .navlist .nav-link {
    color: #999999;
    padding: 14px 0;
    margin-right: 20px; }
  #story .navlist .active {
    color: #1c1c1c;
    position: relative;
    background-color: none; }
    #story .navlist .active:after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      background: #1c1c1c;
      height: 1px;
      width: 100%;
      display: inline-block; }

#story .bg-sandoll.text-center {
  background-color: #4173fa;
  padding: 12px 0 36px;
  color: #ffffff; }
  #story .bg-sandoll.text-center img {
    width: 8.25rem;
    margin: 0 auto; }

#story .bg-lblue {
  color: #2677ff;
  background-color: #edf3ff;
  border-radius: 4px;
  padding: 5px 12px;
  display: inline-block; }

#story .process ul {
  background-color: #f9f9f9;
  padding: 40px; }

#story .form_wrap hr {
  border-color: #dddddd; }

#story .form_wrap ul li {
  display: flex;
  margin-bottom: 1rem; }
  #story .form_wrap ul li .dropdown .btn {
    padding: 9px 14px 8px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center; }
    #story .form_wrap ul li .dropdown .btn[aria-expanded='true'] {
      background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    #story .form_wrap ul li .dropdown .btn::after {
      display: none; }
  #story .form_wrap ul li .dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0;
    padding: 2px 0 0 0;
    border-top: none;
    border-radius: 0;
    margin-top: -3px !important;
    max-height: 153px;
    overflow-y: auto; }
    #story .form_wrap ul li .dropdown .dropdown-menu li {
      margin-bottom: 0; }
    #story .form_wrap ul li .dropdown .dropdown-menu .dropdown-item {
      padding: 10px 14px; }
      #story .form_wrap ul li .dropdown .dropdown-menu .dropdown-item:hover, #story .form_wrap ul li .dropdown .dropdown-menu .dropdown-item:active, #story .form_wrap ul li .dropdown .dropdown-menu .dropdown-item.active {
        background-color: #f9f9f9; }
  #story .form_wrap ul li:last-child > div {
    width: calc(100% - 196px); }
  #story .form_wrap ul li > label {
    padding-top: 0.75rem;
    width: 12.25rem; }
  #story .form_wrap ul li > div {
    width: 29.625rem;
    position: relative; }
    #story .form_wrap ul li > div.d-flex .sd {
      width: 20px;
      height: 20px; }
    #story .form_wrap ul li > div .form-check {
      width: 100px; }
      #story .form_wrap ul li > div .form-check label {
        font-size: 0.875rem; }
    #story .form_wrap ul li > div textarea {
      min-height: 120px; }
    #story .form_wrap ul li > div .parsley-errors-list {
      width: auto;
      margin: 0;
      margin-bottom: 0; }
      #story .form_wrap ul li > div .parsley-errors-list li {
        width: 100%;
        margin-bottom: 0;
        padding: 8px 0 0; }
  #story .form_wrap ul li .student,
  #story .form_wrap ul li .teacher {
    display: none; }

#story .form_wrap .btn-sandoll {
  width: calc(376px); }

.mobile #story .story_common {
  padding-top: 0; }
  .mobile #story .story_common .w-100.position-relative button {
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    border: none;
    top: 10px;
    left: 8px; }
    .mobile #story .story_common .w-100.position-relative button i {
      width: 24px;
      height: 24px; }
  .mobile #story .story_common input[type="search"] {
    padding: 14px 32px;
    font-size: 14px;
    box-shadow: none; }
    .mobile #story .story_common input[type="search"]::placeholder {
      color: #999999; }
  .mobile #story .story_common .nav {
    margin-bottom: 1.25rem;
    width: 106%;
    padding: 0;
    align-items: center;
    overflow-y: hidden;
    overflow-x: visible;
    white-space: nowrap;
    flex-wrap: nowrap;
    border-bottom: none; }
    .mobile #story .story_common .nav::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 1px white;
      background-color: #ffffff; }
    .mobile #story .story_common .nav::-webkit-scrollbar {
      width: 1px;
      height: 1px;
      background-color: #ffffff; }
    .mobile #story .story_common .nav::-webkit-scrollbar-thumb {
      background-color: #ffffff; }
    .mobile #story .story_common .nav .nav-link {
      font-size: 0.875rem;
      padding: 5px 10px; }
    .mobile #story .story_common .nav .active {
      color: #ffffff;
      position: relative;
      background-color: #1c1c1c; }

.mobile #story .story-list {
  display: flex;
  gap: 0;
  flex-wrap: wrap; }
  .mobile #story .story-list li {
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd; }
    .mobile #story .story-list li.search_none {
      margin: 100px 0; }
    .mobile #story .story-list li > a {
      display: flex;
      align-items: center; }
      .mobile #story .story-list li > a > div {
        width: calc(100% - 112px); }
        .mobile #story .story-list li > a > div > *.category {
          line-height: 1.64; }
    .mobile #story .story-list li img {
      width: 100px;
      border-radius: 4px;
      margin-right: 12px; }
    .mobile #story .story-list li .fs-txt-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: calc(14px * 1.68 * 2);
      color: #333333;
      overflow: hidden;
      text-overflow: ellipsis; }

.mobile #story .navlist {
  border-bottom: 2px solid #dddddd;
  align-items: center;
  margin-bottom: 1.25rem; }
  .mobile #story .navlist .nav-link {
    text-align: center;
    width: 50%;
    margin-right: 0px; }
  .mobile #story .navlist .active:after {
    content: "";
    bottom: -2px;
    height: 2px; }

.mobile #story .bg-lblue {
  padding: 6px 12px;
  display: block; }

.mobile #story .caution {
  background-color: #f9f9f9;
  padding: 32px 20px; }
  .mobile #story .caution ul {
    list-style: "· ";
    padding-left: 10px; }
    .mobile #story .caution ul li {
      line-height: 1.64; }

.mobile #story .process ul {
  padding: 32px 20px; }

.mobile #story .form_wrap ul li {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.75rem; }
  .mobile #story .form_wrap ul li .dropdown .btn {
    padding: 13px 16px 12px; }
  .mobile #story .form_wrap ul li:last-child > div {
    width: 100%; }
  .mobile #story .form_wrap ul li.flex-row > label {
    width: 70px; }
  .mobile #story .form_wrap ul li.flex-row > div {
    width: calc(100% - 70px); }
  .mobile #story .form_wrap ul li > label {
    padding-top: 0;
    width: 100%;
    margin-bottom: 0.75rem; }
  .mobile #story .form_wrap ul li > div {
    width: 100%; }
    .mobile #story .form_wrap ul li > div .form-check {
      width: 90px; }
      .mobile #story .form_wrap ul li > div .form-check label {
        font-size: 0.875rem; }
    .mobile #story .form_wrap ul li > div textarea {
      min-height: 160px; }
    .mobile #story .form_wrap ul li > div .file_wrap .btn-default {
      width: 150px;
      height: 48px;
      font-size: 0.875rem;
      padding: 12px 0; }

.mobile #recommend .ul-series-list-wrap .series-list {
  border-radius: 12px;
  max-width: 100%;
  margin-left: 0px; }

.mobile #header_banner_1,
.mobile #header_banner_2 {
  margin-bottom: 0; }
  .mobile #header_banner_1 h1,
  .mobile #header_banner_2 h1 {
    font-size: 2rem !important;
    line-height: 1.42; }
  .mobile #header_banner_1 p,
  .mobile #header_banner_2 p {
    font-size: 0.875rem;
    margin-left: 0;
    margin-bottom: 8px; }
    .mobile #header_banner_1 p.body2_r,
    .mobile #header_banner_2 p.body2_r {
      margin-bottom: 0; }
  .mobile #header_banner_1 .flex-grow-2 > *:not(.w-100),
  .mobile #header_banner_2 .flex-grow-2 > *:not(.w-100) {
    width: 100%; }
  .mobile #header_banner_1 hr,
  .mobile #header_banner_2 hr {
    margin-top: 40px; }

.mobile #header_banner_1 {
  margin-top: 60px;
  position: relative;
  text-align: left; }
  .mobile #header_banner_1 img {
    margin-top: 0;
    aspect-ratio: 375 / 300;
    max-width: 100%;
    width: 100%;
    margin-bottom: 40px; }
  .mobile #header_banner_1 h1 {
    max-width: calc(100% - 48px);
    margin-left: 0px;
    margin-bottom: 30px; }
  .mobile #header_banner_1 p {
    max-width: 100%; }
  .mobile #header_banner_1 .share_wrap {
    margin: 0; }
    .mobile #header_banner_1 .share_wrap p {
      display: none; }
  .mobile #header_banner_1 .btn_share {
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    top: calc((100vw * (300 / 375)) + 80px);
    right: 20px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    padding: 0;
    z-index: 1; }
    .mobile #header_banner_1 .btn_share i {
      width: 28px;
      height: 28px;
      opacity: 0.45; }

.mobile #header_banner_2 {
  margin-top: 60px;
  padding: 40px 0;
  position: relative; }
  .mobile #header_banner_2 img {
    aspect-ratio: 335/150;
    margin: 30px auto;
    border-radius: 12px; }
  .mobile #header_banner_2 .btn_share {
    border: none;
    margin-top: 8px;
    margin-left: auto;
    width: 28px;
    opacity: 0.45;
    height: 28px;
    border-radius: 50%;
    border: none;
    padding: 0; }
  .mobile #header_banner_2 h1 {
    display: flex;
    align-items: start;
    padding-right: 0; }
    .mobile #header_banner_2 h1 > span {
      width: calc(100% - 40px);
      margin-right: auto; }

.mobile #header_banner_1 + #store,
.mobile #header_banner_2 + #store {
  overflow-y: hidden;
  padding-top: 0; }

.mobile .editorArea img,
.mobile .editorArea_new img {
  max-width: 100%;
  height: auto !important;
  border: none; }

.mobile .editorArea table,
.mobile .editorArea_new table {
  min-width: 100%; }

.mobile .contents-btn-wrap {
  width: 48px;
  right: 16px;
  bottom: 140px;
  z-index: 10; }
  .mobile .contents-btn-wrap .btn {
    width: 48px;
    padding: 0;
    height: 48px; }

.mobile .editorArea_new {
  line-height: normal; }
  .mobile .editorArea_new p {
    word-break: break-all; }
  .mobile .editorArea_new .table-wrap:not(.no-scroll) {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    overflow-x: auto; }
  .mobile .editorArea_new .brand-info .brand-info-item {
    padding: 20px 20px;
    margin-bottom: 16px;
    flex-direction: column; }
    .mobile .editorArea_new .brand-info .brand-info-item .brand-info-item-inner {
      width: 100%; }
    .mobile .editorArea_new .brand-info .brand-info-item h3 {
      font-size: 1rem; }
    .mobile .editorArea_new .brand-info .brand-info-item img {
      display: none; }
  .mobile .editorArea_new .table-wrap {
    width: 100%;
    overflow-x: auto; }
    .mobile .editorArea_new .table-wrap.no-scroll {
      overflow-x: hidden; }
      .mobile .editorArea_new .table-wrap.no-scroll table {
        width: 100%;
        max-width: 100%; }
    .mobile .editorArea_new .table-wrap table {
      border-radius: 12px;
      border-collapse: collapse;
      border: 1px solid #dddddd; }
      .mobile .editorArea_new .table-wrap table.border-none th,
      .mobile .editorArea_new .table-wrap table.border-none td {
        border-right: none;
        border-left: none; }
      .mobile .editorArea_new .table-wrap table th {
        background-color: #dddddd;
        padding: 8px 20px;
        font-size: 0.75rem;
        border-bottom: 1px solid #dddddd;
        border-right: none;
        border-left: none; }
      .mobile .editorArea_new .table-wrap table td {
        font-size: 0.875rem;
        padding: 17px 20px;
        border-bottom: 1px solid #dddddd;
        border-right: none;
        border-left: none; }
      .mobile .editorArea_new .table-wrap table tr:last-child td {
        border-bottom: none; }
  .mobile .editorArea_new .flex-grow-2 > *:not(.w-100) {
    width: 100%; }
  .mobile .editorArea_new .flex-grow-2 .font-item {
    margin-bottom: 20px; }
  .mobile .editorArea_new .flex-grow-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .mobile .editorArea_new .flex-grow-3 > *:not(.w-100) {
      width: 100%; }
  .mobile .editorArea_new .voucher_wrap {
    margin: 20px 0;
    border-radius: 16px;
    border: 1px solid #dddddd;
    padding: 30px;
    margin-bottom: 20px; }
    .mobile .editorArea_new .voucher_wrap:nth-child(2n) {
      margin-right: 0; }
    .mobile .editorArea_new .voucher_wrap h3 {
      margin-top: 0.375rem;
      line-height: 1.48;
      font-size: 1.25rem !important;
      font-weight: 650; }
    .mobile .editorArea_new .voucher_wrap a {
      color: #1c1c1c; }
      .mobile .editorArea_new .voucher_wrap a > div {
        width: 100%;
        padding-right: 30px; }
        .mobile .editorArea_new .voucher_wrap a > div:nth-child(2) {
          margin-top: 20px;
          padding: 20px 0 0;
          border-left: none;
          border-top: 1px solid #dddddd;
          width: 100%; }
  .mobile .editorArea_new .coupon_wrap {
    background-color: #f5f8ff;
    border-radius: 16px;
    padding: 30px 20px 30px;
    margin: 20px 0; }
    .mobile .editorArea_new .coupon_wrap .d-flex {
      flex-direction: column; }
    .mobile .editorArea_new .coupon_wrap .text-wrap {
      width: 100%; }
    .mobile .editorArea_new .coupon_wrap .datetime {
      margin-bottom: 8px; }
    .mobile .editorArea_new .coupon_wrap .button-wrap {
      margin-left: 0px;
      margin-top: 30px;
      width: 100%; }
      .mobile .editorArea_new .coupon_wrap .button-wrap .btn {
        width: 100%;
        font-size: 14px; }
  .mobile .editorArea_new .writer_wrap .writer_img img {
    margin: 12px auto;
    width: 105px;
    height: 105px; }
  .mobile .editorArea_new .contents_area {
    overflow: hidden; }
    .mobile .editorArea_new .contents_area .container-1200 {
      overflow: visible;
      display: block; }
    .mobile .editorArea_new .contents_area p.text-999 {
      margin-bottom: 12px; }
    .mobile .editorArea_new .contents_area .contents_area_left {
      padding: 0 0;
      width: 100%;
      flex: 1;
      order: 2;
      min-width: 0; }
    .mobile .editorArea_new .contents_area .contents_area_right {
      order: 1;
      display: none;
      padding: 0 0 0 20px;
      margin-left: -20px;
      margin-right: -20px;
      position: relative;
      top: 0;
      height: auto;
      z-index: 2;
      background: #F5F8FF;
      transition: all 0.3s ease; }
      .mobile .editorArea_new .contents_area .contents_area_right h4 {
        display: none; }
      .mobile .editorArea_new .contents_area .contents_area_right.fixed {
        position: fixed;
        top: 58px;
        left: 0;
        right: 0; }
      .mobile .editorArea_new .contents_area .contents_area_right ul {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        background: transparent; }
        .mobile .editorArea_new .contents_area .contents_area_right ul::-webkit-scrollbar {
          display: none; }
        .mobile .editorArea_new .contents_area .contents_area_right ul li {
          padding: 15px 30px;
          flex-shrink: 0;
          position: relative; }
          .mobile .editorArea_new .contents_area .contents_area_right ul li a {
            font-size: 14px;
            color: #999999; }
            .mobile .editorArea_new .contents_area .contents_area_right ul li a.active {
              color: #4173fa;
              font-weight: bold; }
              .mobile .editorArea_new .contents_area .contents_area_right ul li a.active:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                background: #4173fa;
                height: 2px;
                width: 100%; }
    .mobile .editorArea_new .contents_area p {
      line-height: 1.64; }

#CC_fontInUseModal {
  background: transparent; }
  #CC_fontInUseModal .modal-dialog {
    max-width: 1160px;
    justify-content: center;
    align-items: center;
    margin: 2.875rem auto 0;
    min-height: calc(100vh - 46px); }
    #CC_fontInUseModal .modal-dialog .modal-content {
      max-width: 1160px;
      /* max-height: 760px; */
      background: transparent;
      border: none;
      width: auto;
      justify-content: center; }
      #CC_fontInUseModal .modal-dialog .modal-content .modal-body {
        position: relative;
        padding: 0;
        max-width: 1160px;
        max-height: 760px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
  #CC_fontInUseModal img {
    max-width: 1160px;
    max-height: 714px; }

/* 마이페이지 */
#header.show:not(.webview-prev-wrap) ~ #contents > #mypage > .mypage_common {
  margin-top: 6.25rem; }

/* 마이페이지 */
#mypage .btn {
  border-radius: 8px; }

#mypage .btn-wrap.d-flex .btn + .btn {
  margin-left: 8px; }

#mypage .fs-title-1 {
  color: #1c1c1c; }

#mypage .license-banner {
  padding-top: 120px;
  line-height: 1.64; }
  #mypage .license-banner img {
    width: 18.75rem;
    margin: auto; }

#mypage .result_none {
  text-align: center;
  padding: 100px 0; }
  #mypage .result_none > p {
    line-height: 1.64;
    font-size: 16px;
    margin-bottom: 16px; }
  #mypage .result_none .btn-sandoll {
    font-size: 0.75rem;
    padding: 8px 39px;
    line-height: 1.64; }

#mypage .mypage_common {
  margin: 0px 0 50px; }
  #mypage .mypage_common.usingProduct {
    margin-top: 160px; }
    #mypage .mypage_common.usingProduct .product-item {
      margin-bottom: 0.75rem; }
      #mypage .mypage_common.usingProduct .product-item > .d-flex .fs-title-4 {
        margin-left: 1.25rem;
        width: 23%;
        color: #1c1c1c; }
      #mypage .mypage_common.usingProduct .product-item .productImg {
        width: 95px;
        height: 95px; }
  #mypage .mypage_common h2.fs-title-1 {
    min-width: 200px; }
  #mypage .mypage_common .fs-title-4 a {
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    color: #333333; }
    #mypage .mypage_common .fs-title-4 a i {
      width: 16px;
      height: 16px; }
  #mypage .mypage_common .carousel .carousel-control-prev,
  #mypage .mypage_common .carousel .carousel-control-next {
    display: none;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px); }
    #mypage .mypage_common .carousel .carousel-control-prev img,
    #mypage .mypage_common .carousel .carousel-control-next img {
      width: 100%; }
  #mypage .mypage_common .carousel:hover .carousel-control-prev,
  #mypage .mypage_common .carousel:hover .carousel-control-next {
    display: block; }
  #mypage .mypage_common .product-item {
    height: 95px;
    background: #f9f9f9; }
    #mypage .mypage_common .product-item > .d-flex {
      height: 100%; }
      #mypage .mypage_common .product-item > .d-flex .productImg {
        width: 95px;
        height: 95px; }
      #mypage .mypage_common .product-item > .d-flex .fs-title-4 {
        margin-left: 1.25rem;
        width: 23%;
        color: #1c1c1c; }
      #mypage .mypage_common .product-item > .d-flex .fs-txt-2.ms-auto {
        margin-right: 40px; }
  #mypage .mypage_common .bg-f5f8ff.info {
    margin-left: 98px; }

#mypage .mypage_head {
  padding: 5.9375rem 0 3rem;
  color: #1c1c1c; }
  #mypage .mypage_head .fs-title-4 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    #mypage .mypage_head .fs-title-4 i {
      font-size: 1.25rem; }
  #mypage .mypage_head .ic-setting,
  #mypage .mypage_head .ic-share {
    width: 32px;
    height: 32px; }
    #mypage .mypage_head .ic-setting > img,
    #mypage .mypage_head .ic-share > img {
      width: 32px; }
  #mypage .mypage_head .fs-txt-2 {
    max-width: 60%; }
  #mypage .mypage_head .profile-img {
    width: 82px;
    border-radius: 50%;
    height: 82px;
    object-fit: cover; }
  #mypage .mypage_head > div {
    width: calc(100% - 100px); }
  #mypage .mypage_head .bg-ebf0ff {
    padding: 16px 16px 16px 28px; }
  #mypage .mypage_head .user_type > span {
    font-size: 0.75rem;
    color: #999999;
    border: 1px solid #efefef;
    background: #f9f9f9;
    padding: 2px 12px;
    border-radius: 20px; }
  #mypage .mypage_head > div.text-center {
    margin: 0 40px; }
    #mypage .mypage_head > div.text-center:last-child {
      position: relative; }
      #mypage .mypage_head > div.text-center:last-child:after {
        content: "";
        position: absolute;
        top: 0px;
        left: -40px;
        background: #dddddd;
        width: 1px;
        height: 100%; }
  #mypage .mypage_head .badge_wrap .fs-title-5 {
    cursor: pointer; }
  #mypage .mypage_head .badge_wrap .d-flex .badge_img {
    border: none;
    margin-top: 12px;
    width: 5.125rem;
    height: 5.125rem;
    object-fit: contain;
    margin-right: 1rem; }
    #mypage .mypage_head .badge_wrap .d-flex .badge_img:last-child {
      margin-right: 0; }

#mypage .mypage_nav .nav {
  margin-bottom: 1.75rem;
  border-bottom: 1px solid #dddddd; }
  #mypage .mypage_nav .nav .nav-link {
    padding: 1.25rem 0;
    font-size: 1rem;
    font-weight: bold;
    color: #999999;
    margin-right: 1.25rem; }
    #mypage .mypage_nav .nav .nav-link.active {
      color: #1c1c1c; }
  #mypage .mypage_nav .nav .btn-size-sm {
    padding: 4px 12px; }
  #mypage .mypage_nav .nav.nav-btn {
    border-bottom: none;
    display: flex;
    margin-bottom: 1.75rem; }
    #mypage .mypage_nav .nav.nav-btn .nav-link {
      width: 50%;
      margin: 0;
      padding: 15px 0;
      text-align: center;
      font-size: 1rem;
      font-weight: normal;
      background: white;
      color: #333333;
      border: 1px solid #dddddd; }
      #mypage .mypage_nav .nav.nav-btn .nav-link.active {
        color: white;
        background: #4173fa;
        border: 1px solid #4173fa; }
  #mypage .mypage_nav .nav.border-0 {
    margin-bottom: 0; }
    #mypage .mypage_nav .nav.border-0 button {
      position: relative;
      background-color: transparent;
      border: 0;
      padding: 0;
      line-height: 1.5; }
      #mypage .mypage_nav .nav.border-0 button::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        width: 3px;
        height: 3px;
        border-radius: 100%;
        background-color: #dddddd; }
      #mypage .mypage_nav .nav.border-0 button:first-of-type::before {
        display: none; }

#mypage .nav-btn {
  border-radius: 8px;
  overflow: hidden; }
  #mypage .nav-btn > li {
    width: 33.3%;
    padding: 6px;
    margin-left: -1px;
    background-color: #F9F9F9; }
    #mypage .nav-btn > li:first-child {
      margin-left: 0; }
    #mypage .nav-btn > li .nav-link {
      width: 100%;
      padding: 15px 0;
      color: #999999;
      border-radius: 8px;
      border: none;
      background-color: transparent; }
      #mypage .nav-btn > li .nav-link.active {
        background-color: #ffffff;
        color: #4173fa;
        box-shadow: 0px 0px 4px 0px rgba(65, 115, 250, 0.1); }

#mypage .none-items {
  background: #f9f9f9;
  padding: 80px 0;
  text-align: left;
  line-height: 1.64;
  margin: 1rem 0 2.5rem; }
  #mypage .none-items > div {
    margin: 0 auto; }
  #mypage .none-items .fs-title-2 {
    margin: 0 0 1.5rem; }
  #mypage .none-items.bg-none {
    margin: 0;
    padding: 100px 0;
    background: none; }

#mypage .payment-list {
  margin-bottom: 16px; }
  #mypage .payment-list .header {
    background: #f9f9f9; }
    #mypage .payment-list .header dl {
      font-size: 0.875rem;
      color: #1c1c1c;
      font-weight: bold;
      border-bottom: none; }
      #mypage .payment-list .header dl dt {
        padding: 19px 0px !important; }
        #mypage .payment-list .header dl dt:nth-child(1) {
          padding-left: 10px !important; }
  #mypage .payment-list li:not(.header) {
    border-bottom: 1px solid #dddddd; }
  #mypage .payment-list li.text-center {
    padding: 30px 0;
    border-bottom: 1px solid #dddddd; }
  #mypage .payment-list dl {
    flex-wrap: wrap; }
    #mypage .payment-list dl .btn-collapse {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      outline: none;
      background: #ffffff;
      padding-right: 20px;
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 14px 14px; }
      #mypage .payment-list dl .btn-collapse[aria-expanded="false"] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
      #mypage .payment-list dl .btn-collapse[aria-expanded="true"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
    #mypage .payment-list dl.basic-info {
      border-bottom: 1px solid rgba(221, 221, 221, 0.5); }
      #mypage .payment-list dl.basic-info:first-child dt {
        padding-top: 24px; }
      #mypage .payment-list dl.basic-info:last-child {
        border-bottom: none; }
        #mypage .payment-list dl.basic-info:last-child dt {
          padding-bottom: 24px; }
      #mypage .payment-list dl.basic-info dt {
        padding: 20px 40px 20px 0px;
        overflow-x: hidden;
        font-size: 0.875rem;
        line-height: 1.64; }
        #mypage .payment-list dl.basic-info dt:nth-child(1) {
          width: 11.2%;
          padding-left: 10px; }
        #mypage .payment-list dl.basic-info dt:nth-child(2) {
          width: 15.1%;
          word-break: keep-all; }
          #mypage .payment-list dl.basic-info dt:nth-child(2) span[type="button"] {
            border: none;
            background-color: transparent;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none; }
            #mypage .payment-list dl.basic-info dt:nth-child(2) span[type="button"]:not(.btn-collapse) {
              cursor: inherit; }
        #mypage .payment-list dl.basic-info dt:nth-child(3) {
          width: 18.9%; }
        #mypage .payment-list dl.basic-info dt:nth-child(4) {
          width: 12%; }
        #mypage .payment-list dl.basic-info dt:nth-child(5) {
          width: 13.7%; }
        #mypage .payment-list dl.basic-info dt:nth-child(6) {
          width: 19.7%;
          word-break: keep-all; }
        #mypage .payment-list dl.basic-info dt:nth-child(7) {
          width: 9.4%;
          padding-right: 10px; }
          #mypage .payment-list dl.basic-info dt:nth-child(7) .btn-size-sm {
            max-width: 86px; }
            #mypage .payment-list dl.basic-info dt:nth-child(7) .btn-size-sm + .btn-size-sm {
              margin-top: 8px; }
        #mypage .payment-list dl.basic-info dt .btn-size-sm {
          font-size: 0.875rem;
          height: fit-content; }
      #mypage .payment-list dl.basic-info .btn-size-sm {
        font-size: 0.875rem;
        height: fit-content; }

#mypage .fs-title-3 > span.text-sandoll {
  margin-left: 4px;
  vertical-align: top;
  font-size: 0.75rem;
  font-weight: 420; }

#mypage .review-list {
  margin-top: 0.75rem;
  border-top: 1px solid #1c1c1c; }
  #mypage .review-list li.text-center {
    padding: 30px 0;
    border-bottom: 1px solid #dddddd; }
  #mypage .review-list dl {
    border-bottom: 1px solid #dddddd; }
    #mypage .review-list dl dt {
      padding: 30px 40px 30px 0;
      overflow-x: hidden; }
      #mypage .review-list dl dt.review_contents .imgWrap {
        margin-top: 1rem; }
        #mypage .review-list dl dt.review_contents .imgWrap img {
          width: 82px;
          height: 82px;
          margin-right: 0.5rem; }
      #mypage .review-list dl dt.review_contents .stars_wrap {
        display: flex;
        margin-bottom: 0.75rem; }
        #mypage .review-list dl dt.review_contents .stars_wrap i {
          width: 1rem;
          height: 1rem; }
      #mypage .review-list dl dt.review_contents .more {
        cursor: pointer;
        margin-top: 1rem; }
      #mypage .review-list dl dt.review_contents .fs-txt-3 {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(14px * 1.68 * 2);
        opacity: 1; }
        #mypage .review-list dl dt.review_contents .fs-txt-3.reply {
          margin-top: 0.75rem;
          -webkit-line-clamp: 2;
          max-height: calc(14px * 1.68 * 2); }
          #mypage .review-list dl dt.review_contents .fs-txt-3.reply .bi-arrow-return-right {
            color: #dddddd; }
      #mypage .review-list dl dt.review_contents.open .fs-txt-3 {
        overflow: auto;
        max-height: 100%;
        -webkit-line-clamp: inherit; }
        #mypage .review-list dl dt.review_contents.open .fs-txt-3.reply {
          -webkit-line-clamp: inherit;
          max-height: 100%; }
      #mypage .review-list dl dt:nth-child(1) {
        width: 15%; }
      #mypage .review-list dl dt:nth-child(2) {
        width: 55%;
        padding-right: 3.75rem; }
      #mypage .review-list dl dt:nth-child(3) {
        width: 10%; }
      #mypage .review-list dl dt:nth-child(4) {
        width: 20%;
        padding-right: 0; }
        #mypage .review-list dl dt:nth-child(4) > button {
          min-width: 68px; }

#mypage .coupon-list .header {
  background: #f9f9f9; }
  #mypage .coupon-list .header dl {
    border-bottom: none; }
  #mypage .coupon-list .header dt {
    color: #1c1c1c;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 17px 40px 17px 0; }

#mypage .coupon-list dl {
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  align-items: center; }
  #mypage .coupon-list dl dt {
    font-size: 0.875rem;
    line-height: 1.64;
    padding: 26px 40px 24px 0;
    overflow-x: hidden; }
    #mypage .coupon-list dl dt:nth-of-type(1) {
      padding-left: 20px;
      width: 15.5%; }
    #mypage .coupon-list dl dt:nth-of-type(2) {
      width: 22.4%; }
    #mypage .coupon-list dl dt:nth-of-type(3) {
      width: 13.7%; }
    #mypage .coupon-list dl dt:nth-of-type(4) {
      width: 15.5%; }
    #mypage .coupon-list dl dt:nth-of-type(5) {
      width: 24.1%; }
    #mypage .coupon-list dl dt:nth-of-type(6) {
      width: 8.6%;
      padding-right: 0; }

#mypage .voucher-list .header {
  background: #f9f9f9; }
  #mypage .voucher-list .header dl {
    border-bottom: none; }
    #mypage .voucher-list .header dl dt {
      padding: 17px 40px 17px 0;
      font-size: 0.875rem;
      font-weight: bold;
      color: #1c1c1c; }

#mypage .voucher-list dl {
  flex-wrap: wrap;
  border-bottom: 1px solid #dddddd;
  align-items: center; }
  #mypage .voucher-list dl dt {
    font-size: 0.875rem;
    line-height: 1.64;
    padding: 26px 40px 24px 0;
    overflow-x: hidden; }
    #mypage .voucher-list dl dt:first-child {
      padding-left: 20px;
      width: 13%; }
    #mypage .voucher-list dl dt:nth-of-type(2) {
      width: 15.5%; }
    #mypage .voucher-list dl dt:nth-of-type(3) {
      width: 12%; }
    #mypage .voucher-list dl dt:nth-of-type(4) {
      width: 12%; }
    #mypage .voucher-list dl dt:nth-of-type(5) {
      width: 20.6%; }
    #mypage .voucher-list dl dt:nth-of-type(6) {
      width: 9.4%; }
    #mypage .voucher-list dl dt:last-child {
      width: 17.2%;
      padding-right: 20px; }

#mypage .user-list li.header {
  background: #f9f9f9; }
  #mypage .user-list li.header dl {
    border-bottom: none; }
    #mypage .user-list li.header dl dt {
      padding: 20px 0;
      font-weight: bold;
      font-size: 1rem; }

#mypage .user-list li:last-child dl {
  border-bottom: none; }

#mypage .user-list li dl {
  border-bottom: 1px solid #dddddd; }
  #mypage .user-list li dl.d-flex {
    align-items: center; }
  #mypage .user-list li dl dt {
    padding: 21px 40px 21px 0;
    font-size: 0.875rem; }
    #mypage .user-list li dl dt:nth-of-type(1) {
      width: 10%;
      padding-left: 20px; }
    #mypage .user-list li dl dt:nth-of-type(2) {
      width: 39%; }
    #mypage .user-list li dl dt:nth-of-type(3) {
      width: 14%; }
    #mypage .user-list li dl dt:nth-of-type(4) {
      width: 15.5%; }
    #mypage .user-list li dl dt:nth-of-type(5) {
      width: 21.5%; }

#mypage .standalone-list .btn-size-sm {
  min-width: 58px; }

#mypage .standalone-list li.header {
  background: #f9f9f9; }
  #mypage .standalone-list li.header dl {
    border-bottom: none; }
    #mypage .standalone-list li.header dl dt {
      padding: 20px 0;
      font-weight: bold;
      font-size: 1rem; }

#mypage .standalone-list li:last-child dl {
  border-bottom: none; }

#mypage .standalone-list li dl {
  border-bottom: 1px solid #dddddd; }
  #mypage .standalone-list li dl.d-flex {
    align-items: center; }
  #mypage .standalone-list li dl dt {
    padding: 21px 40px 21px 0;
    font-size: 0.875rem; }
    #mypage .standalone-list li dl dt:nth-of-type(1) {
      width: 6.8%;
      padding-left: 20px; }
    #mypage .standalone-list li dl dt:nth-of-type(2) {
      width: 13.7%; }
    #mypage .standalone-list li dl dt:nth-of-type(3) {
      width: 10.3%; }
    #mypage .standalone-list li dl dt:nth-of-type(4) {
      width: 13.7%; }
    #mypage .standalone-list li dl dt:nth-of-type(5) {
      width: 18.9%; }
    #mypage .standalone-list li dl dt:nth-of-type(6) {
      width: 20.6%; }
    #mypage .standalone-list li dl dt:nth-of-type(7) {
      width: 14%; }

#mypage .voucher-info {
  margin-bottom: 1rem; }
  #mypage .voucher-info .ic-to {
    vertical-align: -8px; }
  #mypage .voucher-info .fs-title-2 {
    margin-bottom: 1.5rem; }
  #mypage .voucher-info div.fs-txt-3 {
    margin-bottom: 1rem; }
    #mypage .voucher-info div.fs-txt-3 label {
      width: 90px; }
  #mypage .voucher-info .btn-size-sm {
    padding: 2px 8px 2px 4px; }
    #mypage .voucher-info .btn-size-sm i {
      vertical-align: -5px;
      width: 18px;
      height: 18px; }

#mypage .coupon-regi-wrap .d-flex,
#mypage .voucher-regi-wrap .d-flex,
#mypage .userchk-wrap .d-flex {
  flex-wrap: wrap;
  align-items: stretch; }

#mypage .coupon-regi-wrap input.form-control,
#mypage .voucher-regi-wrap input.form-control,
#mypage .userchk-wrap input.form-control {
  font-size: 0.875rem;
  padding: 9px 20px 8px;
  width: 15rem;
  order: 1; }
  #mypage .coupon-regi-wrap input.form-control::placeholder,
  #mypage .voucher-regi-wrap input.form-control::placeholder,
  #mypage .userchk-wrap input.form-control::placeholder {
    color: #999999; }
  #mypage .coupon-regi-wrap input.form-control.is-invalid,
  #mypage .voucher-regi-wrap input.form-control.is-invalid,
  #mypage .userchk-wrap input.form-control.is-invalid {
    background-image: none;
    border-color: #ff6e40; }
  #mypage .coupon-regi-wrap input.form-control.is-invalid + .invalid-feedback,
  #mypage .voucher-regi-wrap input.form-control.is-invalid + .invalid-feedback,
  #mypage .userchk-wrap input.form-control.is-invalid + .invalid-feedback {
    font-size: 0.875rem;
    margin-top: 8px;
    color: #ff6e40;
    width: 100%;
    order: 4; }

#mypage .coupon-regi-wrap .parsley-errors-list,
#mypage .voucher-regi-wrap .parsley-errors-list,
#mypage .userchk-wrap .parsley-errors-list {
  order: 3; }

#mypage .coupon-regi-wrap .invalid-feedback,
#mypage .voucher-regi-wrap .invalid-feedback,
#mypage .userchk-wrap .invalid-feedback {
  order: 4;
  color: #ff6e40; }

#mypage .coupon-regi-wrap button,
#mypage .voucher-regi-wrap button,
#mypage .userchk-wrap button {
  margin-left: 8px;
  order: 2; }

#mypage .coupon-regi-wrap .userchk input[type="password"],
#mypage .voucher-regi-wrap .userchk input[type="password"],
#mypage .userchk-wrap .userchk input[type="password"] {
  width: calc(100% - 150px); }

#mypage .coupon-regi-wrap .userchk .btn-sandoll,
#mypage .voucher-regi-wrap .userchk .btn-sandoll,
#mypage .userchk-wrap .userchk .btn-sandoll {
  width: 140px; }

#mypage .userchk-wrap {
  max-width: 510px;
  padding-top: 96px;
  margin: 0 auto 200px; }

#mypage .users_wrap {
  margin-bottom: 100px; }

#mypage .withdrawal_wrap ul {
  list-style: "• ";
  margin-left: 1rem;
  line-height: 1.64; }

#mypage .activity .fontInUseList {
  width: 100%;
  margin: 4.5rem auto; }
  #mypage .activity .fontInUseList .grid-sizer,
  #mypage .activity .fontInUseList .grid-item {
    width: calc(33.3% - (32px / 3)); }

#mypage .activity .fontInquiry-list dl {
  padding: 12px 0;
  border-bottom: 1px solid #dddddd;
  min-height: 5.75rem; }
  #mypage .activity .fontInquiry-list dl dt:first-child {
    width: 48.9375rem;
    margin-right: auto;
    display: flex; }
    #mypage .activity .fontInquiry-list dl dt:first-child > a {
      width: 100%;
      display: block; }
    #mypage .activity .fontInquiry-list dl dt:first-child .me-2 {
      color: #333;
      max-width: calc(100% - 134px);
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
    #mypage .activity .fontInquiry-list dl dt:first-child img {
      width: 68px;
      height: 68px;
      object-fit: contain;
      background-color: #f9f9f9; }
    #mypage .activity .fontInquiry-list dl dt:first-child .text-999 {
      min-width: 44px;
      display: block; }
  #mypage .activity .fontInquiry-list dl dt:nth-child(2) {
    width: 5rem;
    margin-right: 2.5rem; }
  #mypage .activity .fontInquiry-list dl dt:nth-child(3) {
    width: 5rem;
    margin-right: 2.5rem; }

#mypage .activity .fontInquiryComment-list dl {
  padding: 25px 0;
  border-bottom: 1px solid #dddddd; }
  #mypage .activity .fontInquiryComment-list dl dt img {
    width: 68px;
    height: 68px;
    object-fit: contain;
    background-color: #f9f9f9; }
  #mypage .activity .fontInquiryComment-list dl dt .reply {
    margin-top: 0.75rem; }
    #mypage .activity .fontInquiryComment-list dl dt .reply p {
      background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A");
      padding-left: 26px;
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 16px 16px;
      line-height: 1.64; }
  #mypage .activity .fontInquiryComment-list dl dt:first-child {
    width: 60rem;
    margin-right: auto; }
    #mypage .activity .fontInquiryComment-list dl dt:first-child .me-2 {
      color: #333;
      max-width: calc(100% - 166px);
      overflow: hidden;
      word-break: break-all;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: block; }
    #mypage .activity .fontInquiryComment-list dl dt:first-child .text-999 {
      width: 44px;
      display: block; }
  #mypage .activity .fontInquiryComment-list dl dt:nth-child(2) {
    width: 5rem;
    margin-right: 2.5rem; }

#mypage .type02 .form-group {
  margin-top: 1.25rem; }
  #mypage .type02 .form-group .fs-title-3, #mypage .type02 .form-group .fs-title-4 {
    margin-bottom: 0.75rem; }
    #mypage .type02 .form-group .fs-title-3 > span.text-sandoll, #mypage .type02 .form-group .fs-title-4 > span.text-sandoll {
      font-size: inherit;
      margin-left: 0;
      font-weight: 650; }

#mypage .modal .btn-wrap .btn {
  height: 47px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.webfontCouponModal .bg-f9f9f9 {
  border-radius: 12px; }

.webfontCouponModal table thead th {
  padding-bottom: 10px; }

.webfontCouponModal table tbody tr {
  border-top: 1px solid #dddddd; }
  .webfontCouponModal table tbody tr:last-of-type th, .webfontCouponModal table tbody tr:last-of-type td {
    padding-bottom: 0; }

.webfontCouponModal table tbody th, .webfontCouponModal table tbody td {
  padding: 12px 0; }

.confirm_student_wrap hr,
.change_userInfo hr {
  margin: 1.375rem 0 1.375rem;
  border-color: #dddddd; }

.confirm_student_wrap .nav-btn,
.change_userInfo .nav-btn {
  margin-top: 1.5rem; }
  .confirm_student_wrap .nav-btn li,
  .change_userInfo .nav-btn li {
    width: 50%; }

.confirm_student_wrap .profile_img_wrap .profile-img,
.change_userInfo .profile_img_wrap .profile-img {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  object-fit: cover;
  background: #f9f9f9; }

.confirm_student_wrap .profile_img_wrap .cropper-container.cropper-bg,
.change_userInfo .profile_img_wrap .cropper-container.cropper-bg {
  opacity: 0;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden; }

.confirm_student_wrap .profile_img_wrap .position-absolute,
.change_userInfo .profile_img_wrap .position-absolute {
  bottom: 0px;
  left: 56px;
  width: 32px;
  height: 32px;
  background: #999999;
  border-radius: 50%; }

.confirm_student_wrap .profile_img_wrap .dropdown-toggle::after,
.change_userInfo .profile_img_wrap .dropdown-toggle::after {
  display: none; }

.confirm_student_wrap .profile_img_wrap ul,
.change_userInfo .profile_img_wrap ul {
  border: 1px solid #dddddd;
  border-radius: 0;
  padding: 0;
  inset: 50px auto auto 8px !important; }
  .confirm_student_wrap .profile_img_wrap ul li a,
  .change_userInfo .profile_img_wrap ul li a {
    color: #333; }
  .confirm_student_wrap .profile_img_wrap ul li:first-child a,
  .change_userInfo .profile_img_wrap ul li:first-child a {
    padding: 14px 20px 10px; }
  .confirm_student_wrap .profile_img_wrap ul li:last-child a,
  .change_userInfo .profile_img_wrap ul li:last-child a {
    padding: 10px 20px 14px; }
  .confirm_student_wrap .profile_img_wrap ul li a:hover,
  .change_userInfo .profile_img_wrap ul li a:hover {
    background: #f9f9f9; }

.confirm_student_wrap form > div:not(.type02), .confirm_student_wrap form > hr,
.change_userInfo form > div:not(.type02),
.change_userInfo form > hr {
  width: 57.5%; }
  .confirm_student_wrap form > div:not(.type02) .form-group, .confirm_student_wrap form > hr .form-group,
  .change_userInfo form > div:not(.type02) .form-group,
  .change_userInfo form > hr .form-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0.75rem;
    min-height: 1.75rem; }
    .confirm_student_wrap form > div:not(.type02) .form-group label, .confirm_student_wrap form > hr .form-group label,
    .change_userInfo form > div:not(.type02) .form-group label,
    .change_userInfo form > hr .form-group label {
      width: 29%; }
    .confirm_student_wrap form > div:not(.type02) .form-group > p,
    .confirm_student_wrap form > div:not(.type02) .form-group > .d-flex,
    .confirm_student_wrap form > div:not(.type02) .form-group > .form-control,
    .confirm_student_wrap form > div:not(.type02) .form-group > .fileBox,
    .confirm_student_wrap form > div:not(.type02) .form-group > .w-71, .confirm_student_wrap form > hr .form-group > p,
    .confirm_student_wrap form > hr .form-group > .d-flex,
    .confirm_student_wrap form > hr .form-group > .form-control,
    .confirm_student_wrap form > hr .form-group > .fileBox,
    .confirm_student_wrap form > hr .form-group > .w-71,
    .change_userInfo form > div:not(.type02) .form-group > p,
    .change_userInfo form > div:not(.type02) .form-group > .d-flex,
    .change_userInfo form > div:not(.type02) .form-group > .form-control,
    .change_userInfo form > div:not(.type02) .form-group > .fileBox,
    .change_userInfo form > div:not(.type02) .form-group > .w-71,
    .change_userInfo form > hr .form-group > p,
    .change_userInfo form > hr .form-group > .d-flex,
    .change_userInfo form > hr .form-group > .form-control,
    .change_userInfo form > hr .form-group > .fileBox,
    .change_userInfo form > hr .form-group > .w-71 {
      width: 71%; }
    .confirm_student_wrap form > div:not(.type02) .form-group #telShowDiv, .confirm_student_wrap form > hr .form-group #telShowDiv,
    .change_userInfo form > div:not(.type02) .form-group #telShowDiv,
    .change_userInfo form > hr .form-group #telShowDiv {
      width: 71%;
      margin-top: 8px;
      margin-left: auto; }
    .confirm_student_wrap form > div:not(.type02) .form-group textarea, .confirm_student_wrap form > hr .form-group textarea,
    .change_userInfo form > div:not(.type02) .form-group textarea,
    .change_userInfo form > hr .form-group textarea {
      height: 118px; }
    .confirm_student_wrap form > div:not(.type02) .form-group .fileBox input, .confirm_student_wrap form > hr .form-group .fileBox input,
    .change_userInfo form > div:not(.type02) .form-group .fileBox input,
    .change_userInfo form > hr .form-group .fileBox input {
      display: none; }
    .confirm_student_wrap form > div:not(.type02) .form-group .fileBox .parsley-errors-list, .confirm_student_wrap form > hr .form-group .fileBox .parsley-errors-list,
    .change_userInfo form > div:not(.type02) .form-group .fileBox .parsley-errors-list,
    .change_userInfo form > hr .form-group .fileBox .parsley-errors-list {
      width: 100%; }
    .confirm_student_wrap form > div:not(.type02) .form-group .error,
    .confirm_student_wrap form > div:not(.type02) .form-group .parsley-errors-list, .confirm_student_wrap form > hr .form-group .error,
    .confirm_student_wrap form > hr .form-group .parsley-errors-list,
    .change_userInfo form > div:not(.type02) .form-group .error,
    .change_userInfo form > div:not(.type02) .form-group .parsley-errors-list,
    .change_userInfo form > hr .form-group .error,
    .change_userInfo form > hr .form-group .parsley-errors-list {
      width: 71%;
      margin-left: auto; }
    .confirm_student_wrap form > div:not(.type02) .form-group > .d-flex .error,
    .confirm_student_wrap form > div:not(.type02) .form-group > .d-flex .parsley-errors-list, .confirm_student_wrap form > hr .form-group > .d-flex .error,
    .confirm_student_wrap form > hr .form-group > .d-flex .parsley-errors-list,
    .change_userInfo form > div:not(.type02) .form-group > .d-flex .error,
    .change_userInfo form > div:not(.type02) .form-group > .d-flex .parsley-errors-list,
    .change_userInfo form > hr .form-group > .d-flex .error,
    .change_userInfo form > hr .form-group > .d-flex .parsley-errors-list {
      width: 100%; }
    .confirm_student_wrap form > div:not(.type02) .form-group .form-control, .confirm_student_wrap form > hr .form-group .form-control,
    .change_userInfo form > div:not(.type02) .form-group .form-control,
    .change_userInfo form > hr .form-group .form-control {
      padding: 9px 20px 8px;
      border: 1px solid #dddddd;
      font-size: 0.875rem; }
      .confirm_student_wrap form > div:not(.type02) .form-group .form-control.select-wrap, .confirm_student_wrap form > hr .form-group .form-control.select-wrap,
      .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap,
      .change_userInfo form > hr .form-group .form-control.select-wrap {
        width: 5.125rem;
        margin-right: 8px;
        background-position: 82% center; }
        .confirm_student_wrap form > div:not(.type02) .form-group .form-control.select-wrap.w-100, .confirm_student_wrap form > hr .form-group .form-control.select-wrap.w-100,
        .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap.w-100,
        .change_userInfo form > hr .form-group .form-control.select-wrap.w-100 {
          background-position: 95% center !important; }
    .confirm_student_wrap form > div:not(.type02) .form-group .certify-wrap input, .confirm_student_wrap form > div:not(.type02) .form-group.stu-before input, .confirm_student_wrap form > hr .form-group .certify-wrap input, .confirm_student_wrap form > hr .form-group.stu-before input,
    .change_userInfo form > div:not(.type02) .form-group .certify-wrap input,
    .change_userInfo form > div:not(.type02) .form-group.stu-before input,
    .change_userInfo form > hr .form-group .certify-wrap input,
    .change_userInfo form > hr .form-group.stu-before input {
      width: calc(100% - 152px); }
    .confirm_student_wrap form > div:not(.type02) .form-group .certify-wrap .btn-size-default, .confirm_student_wrap form > div:not(.type02) .form-group.stu-before .btn-size-default, .confirm_student_wrap form > hr .form-group .certify-wrap .btn-size-default, .confirm_student_wrap form > hr .form-group.stu-before .btn-size-default,
    .change_userInfo form > div:not(.type02) .form-group .certify-wrap .btn-size-default,
    .change_userInfo form > div:not(.type02) .form-group.stu-before .btn-size-default,
    .change_userInfo form > hr .form-group .certify-wrap .btn-size-default,
    .change_userInfo form > hr .form-group.stu-before .btn-size-default {
      width: 9rem;
      margin-left: 0.5rem; }
    .confirm_student_wrap form > div:not(.type02) .form-group .f_hp_wrap select.form-control, .confirm_student_wrap form > hr .form-group .f_hp_wrap select.form-control,
    .change_userInfo form > div:not(.type02) .form-group .f_hp_wrap select.form-control,
    .change_userInfo form > hr .form-group .f_hp_wrap select.form-control {
      width: 9rem !important;
      margin-right: 0.5rem;
      background-position: 90% center; }
    .confirm_student_wrap form > div:not(.type02) .form-group .f_hp_wrap input.form-control, .confirm_student_wrap form > hr .form-group .f_hp_wrap input.form-control,
    .change_userInfo form > div:not(.type02) .form-group .f_hp_wrap input.form-control,
    .change_userInfo form > hr .form-group .f_hp_wrap input.form-control {
      width: calc(100% - 152px); }
    .confirm_student_wrap form > div:not(.type02) .form-group input[type=radio] + label, .confirm_student_wrap form > hr .form-group input[type=radio] + label,
    .change_userInfo form > div:not(.type02) .form-group input[type=radio] + label,
    .change_userInfo form > hr .form-group input[type=radio] + label {
      width: auto; }

.confirm_student_wrap .form-check {
  align-items: flex-start;
  line-height: 1.64;
  margin-bottom: 0.625rem; }

.confirm_student_wrap .form-check + .parsley-errors-list {
  margin-top: -4px;
  margin-left: 1.8125rem;
  margin-bottom: 0.75rem; }

.confirm_student_wrap .form-control.select-wrap {
  margin-left: auto;
  width: 71% !important;
  margin-right: 0px !important;
  background-position: 95% center !important; }

#voucherFormModal input.form-control {
  font-size: 0.875rem;
  padding: 9px 20px 8px;
  width: 100%;
  order: 1; }
  #voucherFormModal input.form-control::placeholder {
    color: #999999; }
  #voucherFormModal input.form-control.is-invalid {
    background-image: none;
    border-color: #ff6e40; }
  #voucherFormModal input.form-control.is-invalid + .invalid-feedback {
    font-size: 0.875rem;
    margin-top: 8px;
    color: #ff6e40;
    width: 100%;
    order: 4; }

#voucherFormModal .parsley-errors-list {
  order: 3; }

#voucherFormModal .invalid-feedback {
  order: 4;
  color: #ff6e40; }

#voucherFormModal .select_code_type {
  display: none;
  padding-top: 16px; }
  #voucherFormModal .select_code_type .form-check {
    min-width: 100px; }

.extendedPaymentModal .form-group.d-flex label {
  width: 6.875rem; }

.extendedPaymentModal .form-group.d-flex select {
  width: 21.4375rem; }

.extendedPaymentModal .form-group.d-flex input[type="text"] {
  width: 13.4375rem; }

.extendedPaymentModal .form-group.d-flex button[type="button"] {
  width: 7.5rem;
  padding: 8px 30px; }

#sendEmailModal #timer,
#changeUserIdModal #timer {
  position: absolute;
  right: 190px;
  top: 11px; }

#sendEmailModal .modal-content .modal-body,
#changeUserIdModal .modal-content .modal-body {
  padding: 40px 40px 40px; }

#sendEmailModal input[type="email"],
#changeUserIdModal input[type="email"] {
  width: calc(100% - 188px); }

#sendEmailModal .form-control.is-invalid + .invalid-feedback,
#changeUserIdModal .form-control.is-invalid + .invalid-feedback {
  order: 3;
  width: 100%;
  margin-top: 8px; }

#sendEmailModal .form-control,
#changeUserIdModal .form-control {
  font-size: 0.875rem;
  padding: 9px 20px 8px;
  border: 1px solid #dddddd; }

#sendEmailModal #timeover_txt,
#changeUserIdModal #timeover_txt {
  line-height: 1.64; }

.modal .license_box {
  line-height: 1.64; }
  .modal .license_box .form-check {
    margin-bottom: 1rem; }
    .modal .license_box .form-check .form-check-label {
      cursor: pointer; }
    .modal .license_box .form-check:last-child {
      margin-bottom: 0; }

#extendedPaymentFinishModal .bi-check2,
#changeCardInfoFinishModal .bi-check2,
#cancelProductFinishModal .bi-check2 {
  font-size: 3rem; }

#changeStateRestartModal .fs-txt-2,
#changeStateStopModal .fs-txt-2,
#voucherFullModal .fs-txt-2,
#deleteUserModal .fs-txt-2,
#registerUserModal .fs-txt-2 {
  margin-bottom: 2rem; }

#selectCouponModal .form-group {
  max-height: 254px;
  overflow-y: auto; }
  #selectCouponModal .form-group .form-check {
    margin-bottom: 0.625rem; }
    #selectCouponModal .form-group .form-check:last-child {
      margin-bottom: 0; }
  #selectCouponModal .form-group::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  #selectCouponModal .form-group::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  #selectCouponModal .form-group::-webkit-scrollbar-thumb {
    background-color: #1c1c1c; }

#badgeModal .modal-content .noti {
  background: #f9f9f9;
  padding: 20px;
  line-height: 1.64;
  color: #333333; }

#badgeModal .modal-content .fs-txt-2 {
  color: #333333; }

#badgeModal .modal-content hr {
  opacity: 1; }

#badgeModal .modal-content .badge_wrap {
  display: flex;
  flex-wrap: wrap; }
  #badgeModal .modal-content .badge_wrap li {
    position: relative;
    cursor: pointer;
    width: 5.125rem;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 1.25rem; }
    #badgeModal .modal-content .badge_wrap li:nth-child(5n) {
      margin-right: 0; }
    #badgeModal .modal-content .badge_wrap li .hover {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 180px;
      text-align: left;
      border: 1px solid #dddddd;
      padding: 20px;
      background: #ffffff;
      z-index: 1; }
    #badgeModal .modal-content .badge_wrap li:hover .hover {
      display: block; }
      #badgeModal .modal-content .badge_wrap li:hover .hover .fs-title-5 {
        margin-bottom: 8px; }
    #badgeModal .modal-content .badge_wrap li > p {
      line-height: 1.68;
      color: #333333; }
    #badgeModal .modal-content .badge_wrap li .badge_img {
      border: none;
      display: block;
      width: 5.125rem;
      height: 5.125rem;
      object-fit: contain;
      margin-bottom: 0.875rem; }

.flex-1 {
  flex: 1; }

.borderTable {
  width: 100%;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }
  .borderTable tbody {
    border-top: 1px solid #dddddd; }
    .borderTable tbody tr {
      border-top: 1px solid #dddddd; }
      .borderTable tbody tr:hover {
        background-color: #f5f8ff;
        color: #4173fa; }
      .borderTable tbody tr:first-of-type {
        border-top: none; }
  .borderTable tr {
    position: relative;
    display: flex;
    overflow: visible; }
  .borderTable th {
    padding: 16px 20px;
    font-size: 14px;
    color: #999999;
    text-align: center; }
    .borderTable th.borderTable_title {
      text-align: left; }
  .borderTable td {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 74px;
    padding: 0 20px; }
    .borderTable td.borderTable_title, .borderTable td a.borderTable_title, .borderTable td .borderTable_title.type02 {
      text-align: left;
      align-items: start;
      color: #1c1c1c; }
      .borderTable td.borderTable_title p, .borderTable td a.borderTable_title p, .borderTable td .borderTable_title.type02 p {
        font-size: 16px;
        line-height: 1.68;
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        word-break: break-all;
        -webkit-box-orient: vertical;
        max-height: calc(16px * 1.68 * 1); }
    .borderTable td a {
      color: inherit; }
  .borderTable_date {
    color: #999999;
    font-size: 14px; }
  .borderTable_btnBox {
    position: absolute;
    bottom: 81px;
    right: 49px;
    display: none;
    width: 160px;
    border-radius: 8px;
    box-shadow: 0px 0px 8px 0px #00000026;
    overflow: hidden;
    z-index: 10; }
    .borderTable_btnBox button {
      display: block;
      width: 100%;
      padding: 15px 12px;
      text-align: left;
      font-size: 14px;
      border: none;
      background: #ffffff; }
      .borderTable_btnBox button:nth-of-type(2) {
        background-color: #F9F9F9; }
  .borderTable_lineclamp {
    font-size: 14px;
    line-height: 1.68;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-all;
    -webkit-box-orient: vertical;
    max-height: calc(14px * 1.68 * 1);
    color: #999999; }
  .borderTable.type02 tr {
    padding: 0 20px; }
    .borderTable.type02 tr:hover {
      background-color: #f5f8ff; }
      .borderTable.type02 tr:hover .badge-blue {
        background-color: #C3D2FF; }
      .borderTable.type02 tr:hover a {
        font-weight: 650;
        color: #4173fa; }
    .borderTable.type02 tr.active .borderTable_btnBox {
      display: block; }
  .borderTable.type02 td {
    padding: 0; }
    .borderTable.type02 td + td {
      margin-left: 10px; }
    .borderTable.type02 td a {
      color: inherit;
      max-width: 80%; }
  .borderTable.type02 .borderTable_title {
    flex-direction: row;
    align-items: center;
    justify-content: start; }
  .borderTable.type02 .borderTable_btnBox {
    position: initial;
    width: auto;
    margin-left: 17px;
    border-radius: 0;
    box-shadow: none; }
    .borderTable.type02 .borderTable_btnBox button {
      display: inline-block;
      width: auto;
      padding: 7px 13px;
      font-size: 12px;
      background-color: #4173fa;
      color: #ffffff;
      border-radius: 3px; }
  .borderTable.type03 tbody tr:hover {
    color: inherit; }

.badge.badge-text {
  background: #dddddd;
  color: #999999;
  padding: 4px 7px; }
  .badge.badge-text.badge-blue {
    background-color: #EBF0FF;
    color: #4173fa; }

.threeDotsBtn {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='18' r='1' transform='rotate(-90 12 18)' fill='%231C1C1C'/%3E%3Ccircle cx='12' cy='12' r='1' transform='rotate(-90 12 12)' fill='%231C1C1C'/%3E%3Ccircle cx='12' cy='6' r='1' transform='rotate(-90 12 6)' fill='%231C1C1C'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }

.bg-f9f9f9 {
  background-color: #f9f9f9 !important; }

.editPostModal.custom-modal .modal-dialog:not(.modal-lg), .writePostModal.custom-modal .modal-dialog:not(.modal-lg) {
  width: 584px;
  max-width: 584px; }

.editPostModal.custom-modal .modal-content .modal-body, .writePostModal.custom-modal .modal-content .modal-body {
  padding: 40px 40px 0; }

.editPostModal .btn-wrap button, .writePostModal .btn-wrap button {
  border-radius: 8px; }

.fs-13px {
  font-size: 13px; }

.fs-11px {
  font-size: 11px; }
  .fs-11px i.sd.ic-alert {
    width: 16px;
    height: 16px;
    vertical-align: -4px; }

.lh-168 {
  line-height: 1.68; }

.underLineType {
  position: relative;
  font-size: 0; }
  .underLineType input::placeholder, .underLineType textarea::placeholder {
    padding: 0 13px;
    color: #999999; }
  .underLineType input {
    width: 100%;
    padding: 13px 0;
    border: none;
    font-size: 14px; }
    .underLineType input + .placeholder {
      top: 50%;
      transform: translateY(-50%);
      left: 285px;
      font-size: 14px; }
  .underLineType textarea {
    width: 100%;
    height: 63px;
    line-height: 1.68;
    max-height: 59px;
    margin-bottom: 13px;
    resize: none;
    border: none;
    overflow: hidden;
    font-size: 20px; }
    .underLineType textarea::-webkit-scrollbar {
      display: none; }
    .underLineType textarea::placeholder {
      font-weight: 650; }
  .underLineType .placeholder {
    position: absolute;
    top: 32px;
    left: 297px;
    font-size: 20px; }
  .underLineType:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #dddddd; }

.mobile #mypage {
  min-height: calc(100vh - 58px); }
  .mobile #mypage .mobile-none-close .btn-wrap .btn:nth-child(1):nth-last-child(2),
  .mobile #mypage .mobile-none-close .btn-wrap .btn:nth-child(1):nth-last-child(2) ~ .btn {
    width: 50%;
    margin-left: 0;
    border-radius: 0; }
  .mobile #mypage .mypage_common {
    margin: 0;
    padding-top: 20px; }
    .mobile #mypage .mypage_common h2.fs-title-1 {
      padding-right: 70px; }
    .mobile #mypage .mypage_common.usingProduct .product-item {
      margin-bottom: 0.75rem; }
      .mobile #mypage .mypage_common.usingProduct .product-item > .d-flex > div {
        width: calc(100% - 100px);
        color: #1c1c1c;
        margin-left: auto; }
        .mobile #mypage .mypage_common.usingProduct .product-item > .d-flex > div .fs-txt-2 {
          color: #333333; }
      .mobile #mypage .mypage_common.usingProduct .product-item .productImg {
        margin-right: 0.75rem;
        width: 88px;
        height: 88px; }
    .mobile #mypage .mypage_common .bg-f5f8ff.info {
      margin-left: 0; }
  .mobile #mypage .mypage_nav .nav {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 24px; }
    .mobile #mypage .mypage_nav .nav .nav-link:first-child {
      margin-left: 5%; }
  .mobile #mypage .mypage_head {
    position: relative;
    padding: 0 0 60px 0;
    color: #1c1c1c; }
    .mobile #mypage .mypage_head .fs-title-4 {
      display: flex;
      align-items: center;
      margin-bottom: 1rem; }
    .mobile #mypage .mypage_head .fs-txt-2 {
      max-width: 100%; }
    .mobile #mypage .mypage_head .fs-title-3 {
      min-width: 4rem; }
    .mobile #mypage .mypage_head .profile-img {
      position: absolute;
      right: 0;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      object-fit: cover; }
    .mobile #mypage .mypage_head .badge_wrap .fs-title-4 {
      cursor: pointer; }
    .mobile #mypage .mypage_head .badge_wrap .d-flex {
      overflow-x: auto;
      overflow-y: hidden;
      width: 108%;
      white-space: nowrap;
      flex-wrap: nowrap; }
      .mobile #mypage .mypage_head .badge_wrap .d-flex .badge_img {
        margin-top: 8px; }
  .mobile #mypage .mypage-menu-list {
    border-top: 10px solid #f9f9f9; }
    .mobile #mypage .mypage-menu-list ul {
      padding: 10px 0; }
      .mobile #mypage .mypage-menu-list ul li a {
        display: block;
        padding: 20px 0;
        color: #1c1c1c;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: 100% center;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath data-name='Path 316' d='m3410.979 1508.94 8 8-8 8' transform='translate(-3397.979 -1500.94)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 142' style='fill:none' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
  .mobile #mypage .mypage-logout {
    border-top: 10px solid #f9f9f9; }
    .mobile #mypage .mypage-logout .text-orange {
      padding: 20px 0;
      font-size: 0.875rem; }
  .mobile #mypage .payment-list {
    margin-bottom: 16px; }
    .mobile #mypage .payment-list .header {
      background: #f9f9f9; }
      .mobile #mypage .payment-list .header dl {
        font-size: 0.875rem;
        color: #1c1c1c;
        font-weight: bold;
        border-bottom: none; }
        .mobile #mypage .payment-list .header dl dt {
          padding: 20px 10px; }
    .mobile #mypage .payment-list li.text-center {
      padding: 30px 0;
      border-bottom: 1px solid #dddddd; }
    .mobile #mypage .payment-list li {
      padding-top: 30px; }
      .mobile #mypage .payment-list li:first-child {
        padding-top: 0; }
      .mobile #mypage .payment-list li .multi-collapse .basic-info dt:first-child {
        padding-top: 20px; }
    .mobile #mypage .payment-list dl {
      flex-wrap: wrap; }
      .mobile #mypage .payment-list dl.basic-info:last-child {
        padding-bottom: 10px; }
      .mobile #mypage .payment-list dl.basic-info dt {
        padding: 0px 0px;
        overflow-x: hidden;
        display: flex;
        width: 100%; }
        .mobile #mypage .payment-list dl.basic-info dt:nth-child(7) .btn-size-sm {
          max-width: 100%; }
        .mobile #mypage .payment-list dl.basic-info dt .text-decoration-underline {
          color: #333333; }
        .mobile #mypage .payment-list dl.basic-info dt > label {
          width: 80px; }
        .mobile #mypage .payment-list dl.basic-info dt > div {
          word-break: keep-all;
          width: calc(100% - 80px); }
        .mobile #mypage .payment-list dl.basic-info dt .btn-size-sm {
          font-size: 0.875rem; }
  .mobile #mypage .review-list {
    margin-top: 0;
    border-top: none; }
    .mobile #mypage .review-list li.text-center {
      padding: 30px 0;
      border-bottom: 1px solid #dddddd; }
    .mobile #mypage .review-list li:last-child dl {
      margin-bottom: 0; }
    .mobile #mypage .review-list dl {
      border-bottom: 1px solid #dddddd;
      margin-bottom: 1.6875rem; }
      .mobile #mypage .review-list dl dt {
        padding: 0;
        margin-bottom: 1rem;
        overflow-x: hidden;
        width: 100% !important; }
        .mobile #mypage .review-list dl dt.review_contents .imgWrap {
          margin-top: 1rem; }
          .mobile #mypage .review-list dl dt.review_contents .imgWrap img {
            width: 106px;
            height: 106px;
            margin-right: 0.5rem; }
        .mobile #mypage .review-list dl dt.review_contents .stars_wrap {
          margin-bottom: 0.5rem; }
        .mobile #mypage .review-list dl dt.review_contents .more {
          cursor: pointer;
          margin-top: 1rem; }
        .mobile #mypage .review-list dl dt.review_contents .fs-txt-2 {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          word-wrap: break-word;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          /* ellipsis line */
          -webkit-box-orient: vertical;
          max-height: calc(16px *  1.68 * 2);
          opacity: 1; }
          .mobile #mypage .review-list dl dt.review_contents .fs-txt-2.reply {
            margin-top: 0.75rem;
            -webkit-line-clamp: 2;
            max-height: calc(16px *  1.68 * 2); }
            .mobile #mypage .review-list dl dt.review_contents .fs-txt-2.reply .bi-arrow-return-right {
              color: #dddddd; }
        .mobile #mypage .review-list dl dt.review_contents.open .fs-txt-2 {
          overflow: auto;
          max-height: 100%;
          -webkit-line-clamp: inherit; }
          .mobile #mypage .review-list dl dt.review_contents.open .fs-txt-2.reply {
            -webkit-line-clamp: inherit;
            max-height: 100%; }
        .mobile #mypage .review-list dl dt:nth-child(2) {
          padding-right: 0; }
        .mobile #mypage .review-list dl dt:nth-child(3) > button {
          padding: 4px 0;
          min-width: 76px; }
  .mobile #mypage .standalone-list dl dt,
  .mobile #mypage .user-list dl dt {
    width: 100% !important; }
  .mobile #mypage .coupon-list,
  .mobile #mypage .voucher-list,
  .mobile #mypage .standalone-list,
  .mobile #mypage .user-list {
    margin-top: 12px; }
    .mobile #mypage .coupon-list dl,
    .mobile #mypage .voucher-list dl,
    .mobile #mypage .standalone-list dl,
    .mobile #mypage .user-list dl {
      padding: 28px 0;
      border-bottom: 1px solid #dddddd; }
      .mobile #mypage .coupon-list dl dt,
      .mobile #mypage .voucher-list dl dt,
      .mobile #mypage .standalone-list dl dt,
      .mobile #mypage .user-list dl dt {
        padding: 0px 0px 0px 0;
        margin-bottom: 0.75rem;
        width: 100%;
        display: flex;
        align-items: center; }
        .mobile #mypage .coupon-list dl dt label,
        .mobile #mypage .voucher-list dl dt label,
        .mobile #mypage .standalone-list dl dt label,
        .mobile #mypage .user-list dl dt label {
          width: 25%; }
        .mobile #mypage .coupon-list dl dt > div,
        .mobile #mypage .coupon-list dl dt > span,
        .mobile #mypage .voucher-list dl dt > div,
        .mobile #mypage .voucher-list dl dt > span,
        .mobile #mypage .standalone-list dl dt > div,
        .mobile #mypage .standalone-list dl dt > span,
        .mobile #mypage .user-list dl dt > div,
        .mobile #mypage .user-list dl dt > span {
          width: 75%; }
        .mobile #mypage .coupon-list dl dt:first-child,
        .mobile #mypage .voucher-list dl dt:first-child,
        .mobile #mypage .standalone-list dl dt:first-child,
        .mobile #mypage .user-list dl dt:first-child {
          padding-left: 0; }
        .mobile #mypage .coupon-list dl dt:last-child,
        .mobile #mypage .voucher-list dl dt:last-child,
        .mobile #mypage .standalone-list dl dt:last-child,
        .mobile #mypage .user-list dl dt:last-child {
          margin-bottom: 0; }
  .mobile #mypage .coupon-regi-wrap .w-100 .btn-size-default,
  .mobile #mypage .voucher-regi-wrap .w-100 .btn-size-default,
  .mobile #mypage .userchk-wrap .w-100 .btn-size-default {
    width: 107px; }
  .mobile #mypage .coupon-regi-wrap input.form-control,
  .mobile #mypage .voucher-regi-wrap input.form-control,
  .mobile #mypage .userchk-wrap input.form-control {
    padding: 13px 20px 12px;
    width: calc(100% - 115px); }
  .mobile #mypage .coupon-regi-wrap .userchk,
  .mobile #mypage .voucher-regi-wrap .userchk,
  .mobile #mypage .userchk-wrap .userchk {
    margin-bottom: 0;
    background: 0;
    padding: 0; }
    .mobile #mypage .coupon-regi-wrap .userchk input[type="password"],
    .mobile #mypage .voucher-regi-wrap .userchk input[type="password"],
    .mobile #mypage .userchk-wrap .userchk input[type="password"] {
      width: calc(100% - 115px); }
    .mobile #mypage .coupon-regi-wrap .userchk .btn-size-default,
    .mobile #mypage .voucher-regi-wrap .userchk .btn-size-default,
    .mobile #mypage .userchk-wrap .userchk .btn-size-default {
      width: 107px; }
  .mobile #mypage .voucher-info {
    margin-bottom: 2.5rem; }
    .mobile #mypage .voucher-info .fs-title-2 {
      margin-bottom: 1.25rem; }
    .mobile #mypage .voucher-info div.d-flex {
      margin-bottom: 1rem; }
      .mobile #mypage .voucher-info div.d-flex label {
        width: 85px; }
      .mobile #mypage .voucher-info div.d-flex > span,
      .mobile #mypage .voucher-info div.d-flex > div {
        font-size: 0.875rem; }
  .mobile #mypage .users_wrap {
    margin-bottom: 0; }
    .mobile #mypage .users_wrap .nav .nav-item {
      width: 50%;
      margin-bottom: 0.25rem; }
      .mobile #mypage .users_wrap .nav .nav-item button {
        padding: 11px 0;
        color: #999999;
        border: none;
        background: white;
        font-weight: bold;
        border-bottom: 1px solid #dddddd; }
        .mobile #mypage .users_wrap .nav .nav-item button.active {
          color: #1c1c1c;
          border-bottom: 2px solid #1c1c1c; }
  .mobile #mypage .confirm_student_wrap hr,
  .mobile #mypage .change_userInfo hr {
    margin: 1.375rem 0 1.25rem;
    border-color: #dddddd; }
  .mobile #mypage .confirm_student_wrap .nav-btn,
  .mobile #mypage .change_userInfo .nav-btn {
    margin-top: 1.5rem; }
    .mobile #mypage .confirm_student_wrap .nav-btn li,
    .mobile #mypage .change_userInfo .nav-btn li {
      width: 50%; }
  .mobile #mypage .confirm_student_wrap .alert_info,
  .mobile #mypage .change_userInfo .alert_info {
    line-height: 1.64; }
  .mobile #mypage .confirm_student_wrap .form-check-label,
  .mobile #mypage .change_userInfo .form-check-label {
    line-height: 1.64; }
  .mobile #mypage .confirm_student_wrap form > div:not(.type02), .mobile #mypage .confirm_student_wrap form > hr,
  .mobile #mypage .change_userInfo form > div:not(.type02),
  .mobile #mypage .change_userInfo form > hr {
    width: 100%; }
    .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group, .mobile #mypage .confirm_student_wrap form > hr .form-group,
    .mobile #mypage .change_userInfo form > div:not(.type02) .form-group,
    .mobile #mypage .change_userInfo form > hr .form-group {
      width: 100%;
      margin-bottom: 2.5rem;
      min-height: 1.75rem; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group label, .mobile #mypage .confirm_student_wrap form > hr .form-group label,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group label,
      .mobile #mypage .change_userInfo form > hr .form-group label {
        width: 100%;
        margin-bottom: 0.75rem; }
        .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group label.fs-title-3 .text-sandoll, .mobile #mypage .confirm_student_wrap form > hr .form-group label.fs-title-3 .text-sandoll,
        .mobile #mypage .change_userInfo form > div:not(.type02) .form-group label.fs-title-3 .text-sandoll,
        .mobile #mypage .change_userInfo form > hr .form-group label.fs-title-3 .text-sandoll {
          font-size: 1rem;
          margin-left: 0; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group input[type=radio] + label, .mobile #mypage .confirm_student_wrap form > hr .form-group input[type=radio] + label,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group input[type=radio] + label,
      .mobile #mypage .change_userInfo form > hr .form-group input[type=radio] + label {
        width: auto;
        margin-bottom: 0; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group.sex .fs-title-3, .mobile #mypage .confirm_student_wrap form > hr .form-group.sex .fs-title-3,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group.sex .fs-title-3,
      .mobile #mypage .change_userInfo form > hr .form-group.sex .fs-title-3 {
        width: 60px;
        margin-bottom: 0; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group.sex .d-inline-flex, .mobile #mypage .confirm_student_wrap form > hr .form-group.sex .d-inline-flex,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group.sex .d-inline-flex,
      .mobile #mypage .change_userInfo form > hr .form-group.sex .d-inline-flex {
        width: calc(100% - 60px); }
        .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group.sex .d-inline-flex .form-check, .mobile #mypage .confirm_student_wrap form > hr .form-group.sex .d-inline-flex .form-check,
        .mobile #mypage .change_userInfo form > div:not(.type02) .form-group.sex .d-inline-flex .form-check,
        .mobile #mypage .change_userInfo form > hr .form-group.sex .d-inline-flex .form-check {
          margin-bottom: 0; }
        .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group.sex .d-inline-flex label, .mobile #mypage .confirm_student_wrap form > hr .form-group.sex .d-inline-flex label,
        .mobile #mypage .change_userInfo form > div:not(.type02) .form-group.sex .d-inline-flex label,
        .mobile #mypage .change_userInfo form > hr .form-group.sex .d-inline-flex label {
          font-size: 0.875rem;
          width: inherit;
          margin-bottom: 0; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group > p,
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group > .d-flex,
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group > .form-control,
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group > .fileBox,
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .error,
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .parsley-errors-list, .mobile #mypage .confirm_student_wrap form > hr .form-group > p,
      .mobile #mypage .confirm_student_wrap form > hr .form-group > .d-flex,
      .mobile #mypage .confirm_student_wrap form > hr .form-group > .form-control,
      .mobile #mypage .confirm_student_wrap form > hr .form-group > .fileBox,
      .mobile #mypage .confirm_student_wrap form > hr .form-group .error,
      .mobile #mypage .confirm_student_wrap form > hr .form-group .parsley-errors-list,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group > p,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group > .d-flex,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group > .form-control,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group > .fileBox,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .error,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .parsley-errors-list,
      .mobile #mypage .change_userInfo form > hr .form-group > p,
      .mobile #mypage .change_userInfo form > hr .form-group > .d-flex,
      .mobile #mypage .change_userInfo form > hr .form-group > .form-control,
      .mobile #mypage .change_userInfo form > hr .form-group > .fileBox,
      .mobile #mypage .change_userInfo form > hr .form-group .error,
      .mobile #mypage .change_userInfo form > hr .form-group .parsley-errors-list {
        width: 100%; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group #telShowDiv, .mobile #mypage .confirm_student_wrap form > hr .form-group #telShowDiv,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group #telShowDiv,
      .mobile #mypage .change_userInfo form > hr .form-group #telShowDiv {
        width: 100%;
        line-height: 1.68; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group > p, .mobile #mypage .confirm_student_wrap form > hr .form-group > p,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group > p,
      .mobile #mypage .change_userInfo form > hr .form-group > p {
        line-height: 1.64; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .form-control, .mobile #mypage .confirm_student_wrap form > hr .form-group .form-control,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .form-control,
      .mobile #mypage .change_userInfo form > hr .form-group .form-control {
        padding: 9px 20px;
        border: 1px solid #dddddd;
        font-size: 0.875rem; }
        .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .form-control.select-wrap, .mobile #mypage .confirm_student_wrap form > hr .form-group .form-control.select-wrap,
        .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap,
        .mobile #mypage .change_userInfo form > hr .form-group .form-control.select-wrap {
          width: calc(33.3% - 16px / 3);
          margin-right: 8px;
          background-position: 82% center; }
          .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .form-control.select-wrap:last-child, .mobile #mypage .confirm_student_wrap form > hr .form-group .form-control.select-wrap:last-child,
          .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .form-control.select-wrap:last-child,
          .mobile #mypage .change_userInfo form > hr .form-group .form-control.select-wrap:last-child {
            margin-right: 0; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .certify-wrap input, .mobile #mypage .confirm_student_wrap form > hr .form-group .certify-wrap input,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .certify-wrap input,
      .mobile #mypage .change_userInfo form > hr .form-group .certify-wrap input {
        width: calc(100% - 118px); }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .certify-wrap .btn-size-default, .mobile #mypage .confirm_student_wrap form > hr .form-group .certify-wrap .btn-size-default,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .certify-wrap .btn-size-default,
      .mobile #mypage .change_userInfo form > hr .form-group .certify-wrap .btn-size-default {
        width: 6.75rem;
        margin-left: 0.5rem; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .f_hp_wrap select.form-control, .mobile #mypage .confirm_student_wrap form > hr .form-group .f_hp_wrap select.form-control,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .f_hp_wrap select.form-control,
      .mobile #mypage .change_userInfo form > hr .form-group .f_hp_wrap select.form-control {
        width: 6.875rem !important;
        margin-right: 0.5rem;
        background-position: 90% center; }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group .f_hp_wrap input.form-control, .mobile #mypage .confirm_student_wrap form > hr .form-group .f_hp_wrap input.form-control,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group .f_hp_wrap input.form-control,
      .mobile #mypage .change_userInfo form > hr .form-group .f_hp_wrap input.form-control {
        width: calc(100% - 118px); }
      .mobile #mypage .confirm_student_wrap form > div:not(.type02) .form-group.stu-before .btn, .mobile #mypage .confirm_student_wrap form > hr .form-group.stu-before .btn,
      .mobile #mypage .change_userInfo form > div:not(.type02) .form-group.stu-before .btn,
      .mobile #mypage .change_userInfo form > hr .form-group.stu-before .btn {
        padding: 8px 12px; }
  .mobile #mypage .confirm_student_wrap .form-check {
    align-items: flex-start;
    line-height: 1.64;
    margin-bottom: 0.625rem;
    flex-wrap: wrap; }
    .mobile #mypage .confirm_student_wrap .form-check label {
      width: calc(100% - 29px); }
  .mobile #mypage .confirm_student_wrap .form-control.select-wrap {
    padding: 12px 20px;
    font-size: 0.875rem;
    margin-left: 0;
    margin-bottom: 1.75rem;
    width: 100% !important;
    background-position: 95% center !important; }
  .mobile #mypage .confirm_student_wrap .btn-size-default {
    width: 150px !important;
    height: 48px;
    padding: 12px 0; }
  .mobile #mypage .confirm_student_wrap .after-icon {
    width: calc(100% - 20px); }
  .mobile #mypage .withdrawal_wrap ul {
    line-height: 1.64; }
  .mobile #mypage .withdrawal_wrap .form-check .form-check-label {
    width: calc(100% - 29px);
    line-height: 1.64; }
  .mobile #mypage .activity .nav {
    margin-top: 40px;
    border-bottom: 1px solid #dddddd; }
    .mobile #mypage .activity .nav .nav-link {
      color: #999999;
      font-weight: bold;
      padding: 0 0 11px 0;
      margin-right: 20px; }
      .mobile #mypage .activity .nav .nav-link.active {
        color: #1c1c1c;
        position: relative; }
        .mobile #mypage .activity .nav .nav-link.active:after {
          background: #1c1c1c;
          width: 100%;
          content: '';
          bottom: 0;
          left: 0;
          height: 2px;
          position: absolute; }
  .mobile #mypage .fontInquiry-list li:first-child dl {
    padding-top: 0; }
  .mobile #mypage .fontInquiry-list dl {
    padding: 23px 0;
    min-height: auto; }
    .mobile #mypage .fontInquiry-list dl dt p {
      line-height: 1.64; }
    .mobile #mypage .fontInquiry-list dl dt:first-child {
      width: 100% !important;
      margin-right: 0; }
      .mobile #mypage .fontInquiry-list dl dt:first-child > a {
        width: 100%; }
        .mobile #mypage .fontInquiry-list dl dt:first-child > a > div {
          overflow: hidden;
          max-width: calc(100% - 84px); }
          .mobile #mypage .fontInquiry-list dl dt:first-child > a > div p {
            width: 100%; }
            .mobile #mypage .fontInquiry-list dl dt:first-child > a > div p .me-2 {
              max-width: inherit;
              overflow: auto;
              white-space: inherit;
              display: inline; }
            .mobile #mypage .fontInquiry-list dl dt:first-child > a > div p .text-999 {
              width: auto;
              display: inline; }
    .mobile #mypage .fontInquiry-list dl dt.mt-3 {
      width: 100%;
      display: flex; }
  .mobile #mypage .fontInquiryComment-list li:first-child dl {
    padding-top: 0; }
  .mobile #mypage .fontInquiryComment-list dl {
    padding: 23px 0;
    min-height: auto; }
    .mobile #mypage .fontInquiryComment-list dl dt {
      width: 100% !important;
      margin-right: 0; }
      .mobile #mypage .fontInquiryComment-list dl dt:first-child .text-999 {
        width: 100%; }
      .mobile #mypage .fontInquiryComment-list dl dt:first-child > div {
        overflow: hidden;
        max-width: calc(100% - 84px); }
        .mobile #mypage .fontInquiryComment-list dl dt:first-child > div p {
          width: 100%;
          display: flex; }
        .mobile #mypage .fontInquiryComment-list dl dt:first-child > div .me-2 {
          max-width: calc(100% - 52px); }
      .mobile #mypage .fontInquiryComment-list dl dt p {
        line-height: 1.64; }
      .mobile #mypage .fontInquiryComment-list dl dt.reply {
        margin-top: 0.75rem; }
        .mobile #mypage .fontInquiryComment-list dl dt.reply p {
          background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_reply' xmlns='http://www.w3.org/2000/svg' width='16.061' height='16'%3E%3Cdefs%3E%3Cstyle%3E .cls-3%7Bfill:none;stroke:%23ddd;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cpath id='Rectangle_140' data-name='Rectangle 140' style='fill:none' d='M0 0h16v16H0z'/%3E%3Cpath id='Path_711' data-name='Path 711' class='cls-3' d='M-23427.937-23622.949v10h13' transform='translate(23428.936 23623.949)'/%3E%3Cpath id='Path_712' data-name='Path 712' class='cls-3' d='m17.527 13 4 4-4 4' transform='translate(-6.527 -6)'/%3E%3C/svg%3E%0A");
          padding-left: 26px;
          background-position: left top;
          background-repeat: no-repeat;
          background-size: 16px 16px;
          line-height: 1.64; }
        .mobile #mypage .fontInquiryComment-list dl dt.reply .text-999 {
          padding-left: 26px;
          margin-top: 0.5rem; }
      .mobile #mypage .fontInquiryComment-list dl dt.mt-3 {
        padding-left: 26px; }

.mobile .confirm_student_wrap hr,
.mobile .change_userInfo hr {
  margin: 1.375rem 0 1.25rem;
  border-color: #dddddd; }

.mobile .confirm_student_wrap .nav-btn,
.mobile .change_userInfo .nav-btn {
  margin-top: 1.5rem; }
  .mobile .confirm_student_wrap .nav-btn li,
  .mobile .change_userInfo .nav-btn li {
    width: 50%; }

.mobile .confirm_student_wrap .alert_info,
.mobile .change_userInfo .alert_info {
  line-height: 1.64; }

.mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02),
.mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) {
  width: 100%; }
  .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group,
  .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group {
    width: 100%;
    margin-bottom: 1.75rem;
    min-height: 1.75rem; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group label,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group label {
      width: 100%;
      margin-bottom: 0.75rem; }
      .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group label.fs-title-3 .text-sandoll,
      .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group label.fs-title-3 .text-sandoll {
        font-size: 1rem;
        margin-left: 0; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .fs-title-3,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .fs-title-3 {
      width: 60px;
      margin-bottom: 0; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .d-inline-flex,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .d-inline-flex {
      width: calc(100% - 60px); }
      .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .d-inline-flex .form-check,
      .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .d-inline-flex .form-check {
        margin-bottom: 0; }
      .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .d-inline-flex label,
      .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group.sex .d-inline-flex label {
        font-size: 0.875rem;
        width: inherit;
        margin-bottom: 0; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > p,
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > .d-flex,
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > .form-control,
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > .fileBox,
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .error,
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .parsley-errors-list,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > p,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > .d-flex,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > .form-control,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > .fileBox,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .error,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .parsley-errors-list {
      width: 100%; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group #telShowDiv,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group #telShowDiv {
      width: 100%;
      line-height: 1.68; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > p,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group > p {
      line-height: 1.68; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .form-control,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .form-control {
      padding: 12px 20px;
      border: 1px solid #dddddd;
      font-size: 0.875rem; }
      .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .form-control.select-wrap,
      .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .form-control.select-wrap {
        width: calc(33.3% - 16px / 3);
        margin-right: 8px;
        background-position: 82% center; }
        .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .form-control.select-wrap:last-child,
        .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .form-control.select-wrap:last-child {
          margin-right: 0; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .certify-wrap input,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .certify-wrap input {
      width: calc(100% - 118px); }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .certify-wrap .btn-default,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .certify-wrap .btn-default {
      width: 6.875rem;
      margin-left: 0.5rem; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .f_hp_wrap select.form-control,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .f_hp_wrap select.form-control {
      width: 6.875rem !important;
      margin-right: 0.5rem;
      background-position: 90% center; }
    .mobile .confirm_student_wrap form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .f_hp_wrap input.form-control,
    .mobile .change_userInfo form > div:not(.form-check):not(.d-flex):not(.btn-wrap):not(.type02) .form-group .f_hp_wrap input.form-control {
      width: calc(100% - 118px); }

.mobile .confirm_student_wrap .form-check {
  align-items: flex-start;
  line-height: 1.64;
  margin-bottom: 0.625rem;
  flex-wrap: wrap; }
  .mobile .confirm_student_wrap .form-check label {
    width: calc(100% - 29px); }

.mobile .confirm_student_wrap .form-control.select-wrap {
  padding: 12px 20px;
  font-size: 0.875rem;
  margin-left: 0;
  margin-bottom: 1.75rem;
  width: 100% !important;
  background-position: 95% center !important; }

.mobile .confirm_student_wrap .btn-size-default {
  width: 150px !important;
  height: 48px;
  padding: 12px 0; }

.mobile #sendEmailModal #timer,
.mobile #changeUserIdModal #timer {
  top: 13px;
  right: 130px; }

.mobile #sendEmailModal .form-control,
.mobile #changeUserIdModal .form-control {
  padding: 12px 20px; }

.mobile #badgeModal .modal-dialog {
  width: 100%;
  margin: 0 0;
  max-width: 100%; }

.mobile #badgeModal .modal-content .modal-body {
  padding: 20px 20px 0; }

.mobile #badgeModal .modal-content .fs-txt-2 {
  color: #333333; }

.mobile #badgeModal .modal-content hr {
  opacity: 1; }

.mobile #badgeModal .modal-content .badge_wrap {
  display: flex;
  flex-wrap: wrap; }
  .mobile #badgeModal .modal-content .badge_wrap li {
    width: 33.3%;
    margin-right: 0;
    margin-bottom: 1rem; }
    .mobile #badgeModal .modal-content .badge_wrap li > p {
      line-height: 1.68;
      color: #333333; }
    .mobile #badgeModal .modal-content .badge_wrap li .badge_img {
      display: block;
      margin: 0 auto;
      width: 6.25rem;
      height: 6.25rem;
      object-fit: contain;
      margin-bottom: 0.25rem; }
    .mobile #badgeModal .modal-content .badge_wrap li.noti {
      width: 66.6%; }

.mobile .borderTable {
  border: none; }
  .mobile .borderTable tr {
    position: relative; }
    .mobile .borderTable tr:hover {
      background-color: inherit;
      color: inherit; }
  .mobile .borderTable td {
    height: 87px; }
    .mobile .borderTable td p {
      font-size: 14px;
      max-height: calc(14px * 1.58 * 1); }
  .mobile .borderTable_date {
    margin-top: 4px; }
  .mobile .borderTable_btnBox {
    right: 11px;
    bottom: -49px; }
  .mobile .borderTable.type02 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000; }
    .mobile .borderTable.type02 tr {
      display: block;
      padding: 16px 0; }
      .mobile .borderTable.type02 tr.active {
        background-color: inherit;
        color: inherit; }
        .mobile .borderTable.type02 tr.active .borderTable_btnBox {
          display: block; }
        .mobile .borderTable.type02 tr.active a {
          font-weight: 420; }
        .mobile .borderTable.type02 tr.active .badge-blue {
          background-color: #EBF0FF; }
    .mobile .borderTable.type02 td {
      display: flex;
      align-items: baseline;
      flex-direction: row;
      justify-content: start;
      width: auto;
      height: auto; }
      .mobile .borderTable.type02 td + td {
        margin-left: 0; }
      .mobile .borderTable.type02 td > * + * {
        margin-left: 10px; }
      .mobile .borderTable.type02 td:nth-of-type(1) span:nth-of-type(2) {
        width: 76px; }
      .mobile .borderTable.type02 td:nth-of-type(2) {
        margin-top: 12px; }
        .mobile .borderTable.type02 td:nth-of-type(2) span:nth-of-type(2) {
          width: 100%; }
    .mobile .borderTable.type02 .borderTable_lineclamp {
      width: 77px;
      font-size: 13px;
      line-height: 1.68;
      max-height: calc(13px * 1.68 * 1); }
    .mobile .borderTable.type02 .borderTable_btnBox {
      position: absolute;
      top: 16px;
      right: 0; }
      .mobile .borderTable.type02 .borderTable_btnBox button {
        padding: 6px 11px; }

.mobile .borderList li {
  padding: 20px 0 16px;
  border-bottom: 1px solid #F9F9F9; }
  .mobile .borderList li > button {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    text-align: left;
    background-color: transparent; }
    .mobile .borderList li > button::after {
      content: "";
      position: absolute;
      right: 0;
      top: 2px;
      width: 24px;
      height: 24px;
      background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15.5L12 9.5L18 15.5' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
    .mobile .borderList li > button.collapsed::after {
      transform: rotate(-180deg); }

.mobile .borderList_title {
  padding-right: 34px;
  color: #1c1c1c; }
  .mobile .borderList_title p {
    font-size: 16px;
    line-height: 1.68;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-all;
    -webkit-box-orient: vertical;
    max-height: calc(16px * 1.68 * 1); }

.mobile .borderList .gray-box {
  border: 0;
  font-size: 0.75rem;
  padding-top: 20px;
  padding-bottom: 20px; }

.mobile .borderList dl {
  display: flex;
  align-items: baseline; }
  .mobile .borderList dl + dl {
    margin-top: 16px; }

.mobile .borderList dt {
  width: 78px; }

.mobile .borderList dd {
  color: #999999;
  line-height: 1.68; }
  .mobile .borderList dd .modal {
    color: #1c1c1c; }

.mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .underLineType textarea {
  height: 47px;
  padding: 0 12px; }

.mobile .underLineType input::placeholder, .mobile .underLineType textarea::placeholder {
  padding: 0; }

.mobile .underLineType textarea {
  font-size: 16px;
  max-height: 47px;
  margin-bottom: 7px; }
  .mobile .underLineType textarea + .placeholder {
    top: 0;
    left: auto;
    right: 0; }

.mobile .underLineType input {
  padding: 13px 12px; }

.mobile .editPostModal.custom-modal .modal-content .modal-body, .mobile .writePostModal.custom-modal .modal-content .modal-body {
  padding: 30px 0 20px !important; }

.mobile .editPostModal.custom-modal .modal-dialog:not(.modal-lg), .mobile .writePostModal.custom-modal .modal-dialog:not(.modal-lg) {
  width: 100%;
  height: 100%; }

.mobile .editPostModal.custom-modal .form-check-label.fs-txt-2, .mobile .writePostModal.custom-modal .form-check-label.fs-txt-2 {
  white-space: inherit; }

.mobile .editPostModal .btn-wrap, .mobile .writePostModal .btn-wrap {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px; }

.mobile .nav.userType {
  border-bottom: 1px solid #dddddd; }
  .mobile .nav.userType .nav-link {
    padding: 1.25rem 0;
    width: 50%;
    font-size: 0.875rem;
    margin-right: 0;
    text-align: center;
    color: #999999; }
    .mobile .nav.userType .nav-link.active {
      position: relative;
      color: #1c1c1c; }
      .mobile .nav.userType .nav-link.active::after {
        content: "";
        width: 100%;
        height: 2px;
        background: #1c1c1c;
        position: absolute;
        bottom: -1px;
        left: 0; }

.mobile .nav-position-fixed {
  position: fixed;
  left: 50%;
  top: 58px;
  transform: translateX(-50%);
  justify-content: center;
  width: 100%;
  padding-bottom: 20px;
  z-index: 10;
  background-color: #ffffff; }

.mobile .nav-position-fixed + .tab-content {
  padding-top: 58px; }

.mobile .modal.webfontCouponModal .modal-content {
  min-height: 100vh !important; }

.mobile .modal.webfontCouponModal .modal-body {
  padding-bottom: 100px !important; }

.mobile .modal.webfontCouponModal .btn-wrap.position-fixed {
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #fff; }

/* 폰트인유즈  */
/* 폰트인유즈 */
#fontInUse {
  margin: 100px 0; }
  #fontInUse > .container-1200 > .text-center {
    margin: 3.75rem 0 3.75rem; }
    #fontInUse > .container-1200 > .text-center .btn-default {
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 28px;
      padding: 12px;
      font-size: 0.875rem; }
      #fontInUse > .container-1200 > .text-center .btn-default i {
        width: 24px;
        height: 24px;
        margin-right: 4px; }
  #fontInUse .fs-title-0 {
    color: #1c1c1c; }
  #fontInUse .fs-txt-1 {
    margin-top: 0.75rem; }
  #fontInUse .container-1920 {
    max-width: 1920px;
    padding: 0 60px;
    width: 100%;
    margin: 0 auto; }
  #fontInUse .fontInUseSearchForm {
    position: relative;
    width: 260px;
    margin-left: 40px; }
    #fontInUse .fontInUseSearchForm input[type="search"] {
      border: none;
      background: #f9f9f9;
      border: 1px solid #eaeaea;
      width: 100%;
      border-radius: 20px;
      padding: 0.5rem 0 0.5rem 2.25rem;
      font-size: 0.875rem;
      color: #1c1c1c; }
      #fontInUse .fontInUseSearchForm input[type="search"] ::placeholder {
        color: #efefef; }
    #fontInUse .fontInUseSearchForm button {
      width: 24px;
      height: 24px;
      border: none;
      padding: 0;
      background: none;
      position: absolute;
      top: 8px;
      left: 8px; }
      #fontInUse .fontInUseSearchForm button i {
        width: 24px;
        height: 24px; }
  #fontInUse .tag-wrap {
    width: calc(100% - 300px);
    align-items: center;
    line-height: 1;
    position: relative; }
    #fontInUse .tag-wrap .swiper-control-prev,
    #fontInUse .tag-wrap .swiper-control-next {
      width: 110px;
      position: absolute;
      top: 0;
      z-index: 1;
      height: 40px; }
      #fontInUse .tag-wrap .swiper-control-prev.swiper-button-disabled,
      #fontInUse .tag-wrap .swiper-control-next.swiper-button-disabled {
        opacity: 0;
        display: none; }
    #fontInUse .tag-wrap .swiper-control-prev {
      left: 0;
      background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 51%, white); }
    #fontInUse .tag-wrap .swiper-control-next {
      right: 0;
      text-align: right;
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white); }
    #fontInUse .tag-wrap .tag-list {
      margin-top: 0;
      width: 100%;
      margin-right: 0;
      height: 40px; }
      #fontInUse .tag-wrap .tag-list li {
        width: auto !important;
        padding: 10px 20px;
        display: -webkit-inline-flex;
        display: inline-flex;
        align-items: center;
        border-radius: 40px;
        margin-right: 12px;
        border: 1px solid #efefef;
        background: #fff;
        margin-right: 0.75rem;
        word-wrap: normal;
        flex-wrap: wrap;
        white-space: nowrap; }
        #fontInUse .tag-wrap .tag-list li:hover {
          background-color: #f9f9f9;
          cursor: pointer; }
        #fontInUse .tag-wrap .tag-list li.active {
          background-color: #333333; }
          #fontInUse .tag-wrap .tag-list li.active a {
            color: white; }
        #fontInUse .tag-wrap .tag-list li a {
          color: #999999;
          line-height: 1 !important; }
  #fontInUse .fontInUseList .grid-item {
    margin-bottom: 2.5rem; }
    #fontInUse .fontInUseList .grid-item img {
      border: none; }
    #fontInUse .fontInUseList .grid-item .title {
      font-size: 1rem;
      line-height: 1.58; }
    #fontInUse .fontInUseList .grid-item p.text-999 {
      margin-top: 4px;
      font-size: 0.75rem;
      line-height: 1.68; }

.fontInUseList {
  width: 100%;
  margin: 4.5rem auto; }
  .fontInUseList .grid-sizer,
  .fontInUseList .grid-item {
    width: calc(20% - 22px); }
  .fontInUseList .search_none {
    text-align: center;
    margin: 160px 0;
    width: 100%;
    border: none !important; }
    .fontInUseList .search_none .emoticon {
      font-size: 5rem;
      color: #cccccc;
      font-weight: bold;
      margin-bottom: 1.75rem; }
    .fontInUseList .search_none p {
      line-height: 1.58; }
  .fontInUseList .grid-item {
    position: relative;
    cursor: pointer;
    margin-bottom: 2.5rem; }
    .fontInUseList .grid-item img {
      display: block;
      border-radius: 12px;
      width: 100%;
      margin-bottom: 10px; }
    .fontInUseList .grid-item .title {
      font-size: 1rem;
      line-height: 1.58; }
    .fontInUseList .grid-item .fs-txt-2 {
      margin: 0.75rem 0 0;
      height: 16px; }
      .fontInUseList .grid-item .fs-txt-2 .title {
        max-width: 70%;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .fontInUseList .grid-item p.text-999 {
      margin-top: 4px;
      font-size: 0.75rem;
      line-height: 1.68; }
    .fontInUseList .grid-item .origin {
      color: white; }
    .fontInUseList .grid-item .like-wrap {
      cursor: pointer; }
      .fontInUseList .grid-item .like-wrap i.sd {
        width: 24px;
        height: 24px; }
      .fontInUseList .grid-item .like-wrap > span {
        color: #999999;
        font-size: 0.875rem; }
    .fontInUseList .grid-item .comment-wrap i.sd {
      width: 24px;
      height: 24px; }
    .fontInUseList .grid-item .comment-wrap > span {
      color: #999999;
      font-size: 0.875rem; }

/* 폰트인 유즈 모달 */
#fontInUseModal {
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000; }
  #fontInUseModal .modal-dialog {
    width: 768px;
    justify-content: center;
    align-items: center;
    margin: 2.5rem auto 0; }
    #fontInUseModal .modal-dialog .fontInUse_arrow {
      opacity: 1;
      width: 32px;
      height: 32px;
      position: fixed;
      top: calc(50% - 16px);
      cursor: pointer;
      z-index: 99; }
      #fontInUseModal .modal-dialog .fontInUse_arrow i {
        width: 32px;
        height: 32px; }
    #fontInUseModal .modal-dialog .fontInUse_prev {
      left: calc(50% - 434px); }
    #fontInUseModal .modal-dialog .fontInUse_next {
      right: calc(50% - 434px); }
    #fontInUseModal .modal-dialog .modal-content {
      width: 768px;
      /* max-height: 760px; */
      background: transparent;
      border: none;
      width: auto;
      justify-content: center; }
      #fontInUseModal .modal-dialog .modal-content a:not(.tag):hover {
        text-decoration: underline !important; }
      #fontInUseModal .modal-dialog .modal-content .modal-body {
        position: relative;
        padding: 0;
        width: 768px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #fontInUseModal .modal-dialog .modal-content .modal-body > section {
          background: white; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .sd.ic-comment {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 4024'%3E%3Cpath data-name='합치기 14' d='M0 9.5a9.5 9.5 0 1 1 17.455 5.2l.66 2.6a.53.53 0 0 1-.643.643l-2.537-.645A9.5 9.5 0 0 1 0 9.5zm1.584 0a7.915 7.915 0 0 0 12.443 6.493l.594-.414 1.521.387-.394-1.557.383-.581A7.917 7.917 0 1 0 1.584 9.5zm3.957 3.166a.792.792 0 1 1 0-1.583h5.541a.792.792 0 1 1 0 1.583zm0-4.75a.792.792 0 1 1 0-1.583h7.916a.792.792 0 0 1 0 1.583z' transform='translate(6.5 6.5)' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        #fontInUseModal .modal-dialog .modal-content .modal-body .sd.ic-like {
          background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_like' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1,.cls-2%7Bfill:none%7D.cls-1%7Bstroke:%23fff;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cg id='Rectangle_504' data-name='Rectangle 504' class='cls-1'%3E%3Cpath style='stroke:none' d='M0 0h2v10H0z' transform='translate(8 13.5)'/%3E%3Cpath class='cls-2' d='M.75.75h.5v8.5h-.5z' transform='translate(8 13.5)'/%3E%3C/g%3E%3Cpath id='Union_10' data-name='Union 10' class='cls-1' d='M22333 4.5h-7a1 1 0 0 1-1-1V-5l4.43-6.75a1.462 1.462 0 0 1 1.322-.751h1.25a.5.5 0 0 1 .494.437l-1.787 5.567h6.291a1 1 0 0 1 1 1v4.064s-2.338 3.868-3 4.933a1.888 1.888 0 0 1-1.822 1z' transform='translate(-22313 19)'/%3E%3Cpath id='Rectangle_511' data-name='Rectangle 511' class='cls-2' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
        #fontInUseModal .modal-dialog .modal-content .modal-body .sd.ic-like-fill {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 3997'%3E%3Cg data-name='그룹 3214'%3E%3Cpath data-name='패스 2378' d='M7.2 24a.8.8 0 0 1-.8-.8v-8.8a.8.8 0 0 1 .8-.8.8.8 0 0 1 .8.8v8.8a.8.8 0 0 1-.8.8z' style='fill:%23fff'/%3E%3C/g%3E%3Cg data-name='그룹 3215'%3E%3Cpath data-name='패스 2379' d='M23.2 12h-6.853l.907-4.16a1.847 1.847 0 0 0-1.8-2.24 1.864 1.864 0 0 0-1.587.893l-3.773 6.28-.267.44-.053.08a1.216 1.216 0 0 0-.173.64V23.2a1.6 1.6 0 0 0 1.6 1.6h9.413a1.607 1.607 0 0 0 1.427-.88l2.587-5.187a1.683 1.683 0 0 0 .173-.72V13.6A1.6 1.6 0 0 0 23.2 12z' style='fill:%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
        #fontInUseModal .modal-dialog .modal-content .modal-body .content-header {
          display: flex;
          color: white; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .content-header .fs-title-2 {
            color: white; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .content-header .fs-txt-3 span.me-4 {
            min-width: 70px; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .content-header a {
            color: white !important; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > p,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > div,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h1,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h2,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h3,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h3,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h4,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h5,
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h6 {
          width: 100%; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > p > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > div > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h1 > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h2 > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h3 > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h3 > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h4 > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h5 > *:not(img),
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h6 > *:not(img) {
            padding: 0px 40px; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > p > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > div > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h1 > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h2 > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h3 > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h3 > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h4 > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h5 > img,
          #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > h6 > img {
            margin: 0;
            width: 100%;
            max-width: 100%;
            height: auto; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea > *:first-child > *:not(img) {
          margin-top: 40px; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .editorArea img {
          margin: 0;
          width: 100%;
          max-width: 100%;
          height: auto; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .userInfoArea {
          padding: 60px 40px 28px; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .userInfoArea .profile-img {
            width: 68px;
            height: 68px;
            margin-right: 20px;
            border-radius: 50%; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .userInfoArea a {
            color: #1c1c1c; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .tags-wrap {
          padding: 0 40px; }
          #fontInUseModal .modal-dialog .modal-content .modal-body .tags-wrap a.tag {
            color: #999999;
            padding: 7px 16px;
            display: inline-flex;
            align-items: center;
            border-radius: 16px;
            border: 1px solid #efefef;
            background: #fff;
            margin-right: 0.75rem;
            margin-bottom: 0.5rem;
            word-break: break-word; }
        #fontInUseModal .modal-dialog .modal-content .modal-body .commentArea {
          padding: 20px 40px 80px; }
  #fontInUseModal .like-wrap {
    top: -2.25rem;
    right: 0;
    font-size: 1rem; }
  #fontInUseModal img {
    max-width: 100%;
    max-height: 100%; }

/* 폰트인 유즈 모달 모바일 */
#fontInUseModal.mobile .modal-dialog {
  margin-top: 0;
  width: 100%; }
  #fontInUseModal.mobile .modal-dialog .fontInUse_arrow {
    opacity: 1;
    width: auto;
    height: auto;
    position: relative;
    top: inherit;
    z-index: inherit; }
    #fontInUseModal.mobile .modal-dialog .fontInUse_arrow i {
      width: 16px;
      height: 16px; }
  #fontInUseModal.mobile .modal-dialog .fontInUse_prev {
    left: inherit; }
  #fontInUseModal.mobile .modal-dialog .fontInUse_next {
    right: inherit; }
  #fontInUseModal.mobile .modal-dialog .modal-content {
    width: 100%;
    background: white;
    border-radius: 0; }
    #fontInUseModal.mobile .modal-dialog .modal-content .modal-body {
      width: 100%; }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .content-header {
        padding: 0 5.4%;
        color: #1c1c1c; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .content-header > div {
          font-size: 0.8125rem;
          line-height: 1.64; }
          #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .content-header > div span.me-4 {
            min-width: 70px; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .content-header .align-items-start {
          display: flex; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .content-header a {
          color: #1c1c1c !important; }
          #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .content-header a.text-999 {
            color: #999999 !important; }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body > .position-fixed {
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 18px 5.4%;
        z-index: 1;
        font-size: 0.875rem;
        background: #fff; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body > .position-fixed a {
          color: #999999; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body > .position-fixed .ic-comment {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 4024'%3E%3Cpath data-name='합치기 14' d='M0 9.5a9.5 9.5 0 1 1 17.455 5.2l.66 2.6a.53.53 0 0 1-.643.643l-2.537-.645A9.5 9.5 0 0 1 0 9.5zm1.584 0a7.915 7.915 0 0 0 12.443 6.493l.594-.414 1.521.387-.394-1.557.383-.581A7.917 7.917 0 1 0 1.584 9.5zm3.957 3.166a.792.792 0 1 1 0-1.583h5.541a.792.792 0 1 1 0 1.583zm0-4.75a.792.792 0 1 1 0-1.583h7.916a.792.792 0 0 1 0 1.583z' transform='translate(6.5 6.5)' style='fill:%23999'/%3E%3C/g%3E%3C/svg%3E%0A"); }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body > .position-fixed .ic-like {
          background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_like' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1,.cls-2%7Bfill:none%7D.cls-1%7Bstroke:%23999;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cg id='Rectangle_504' data-name='Rectangle 504' class='cls-1'%3E%3Cpath style='stroke:none' d='M0 0h2v10H0z' transform='translate(8 13.5)'/%3E%3Cpath class='cls-2' d='M.75.75h.5v8.5h-.5z' transform='translate(8 13.5)'/%3E%3C/g%3E%3Cpath id='Union_10' data-name='Union 10' class='cls-1' d='M22333 4.5h-7a1 1 0 0 1-1-1V-5l4.43-6.75a1.462 1.462 0 0 1 1.322-.751h1.25a.5.5 0 0 1 .494.437l-1.787 5.567h6.291a1 1 0 0 1 1 1v4.064s-2.338 3.868-3 4.933a1.888 1.888 0 0 1-1.822 1z' transform='translate(-22313 19)'/%3E%3Cpath id='Rectangle_511' data-name='Rectangle 511' class='cls-2' d='M0 0h32v32H0z'/%3E%3C/svg%3E%0A"); }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body > .position-fixed .ic-like-fill {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 3997'%3E%3Cg data-name='그룹 3214'%3E%3Cpath data-name='패스 2378' d='M7.2 24a.8.8 0 0 1-.8-.8v-8.8a.8.8 0 0 1 .8-.8.8.8 0 0 1 .8.8v8.8a.8.8 0 0 1-.8.8z' style='fill:%234173fa'/%3E%3C/g%3E%3Cg data-name='그룹 3215'%3E%3Cpath data-name='패스 2379' d='M23.2 12h-6.853l.907-4.16a1.847 1.847 0 0 0-1.8-2.24 1.864 1.864 0 0 0-1.587.893l-3.773 6.28-.267.44-.053.08a1.216 1.216 0 0 0-.173.64V23.2a1.6 1.6 0 0 0 1.6 1.6h9.413a1.607 1.607 0 0 0 1.427-.88l2.587-5.187a1.683 1.683 0 0 0 .173-.72V13.6A1.6 1.6 0 0 0 23.2 12z' style='fill:%234173fa'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .editorArea > * {
        margin: 0 5.4%;
        width: 89.2%; }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .editorArea img {
        margin: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block; }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .userInfoArea {
        padding: 26px 5.4% 16px; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .userInfoArea .profile-img {
          width: 52px;
          height: 52px;
          margin-right: 16px;
          border-radius: 50%; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .userInfoArea .text-999 {
          font-size: 0.8125rem; }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .tags-wrap {
        padding: 0 5.4%; }
        #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .tags-wrap a.tag {
          font-size: 0.875rem;
          margin-right: 0.5rem; }
      #fontInUseModal.mobile .modal-dialog .modal-content .modal-body .commentArea {
        margin-top: 0;
        padding: 28px 5.4% 80px; }

#fontInUseModal.mobile .like-wrap {
  top: -2.25rem;
  right: 0;
  font-size: 1rem; }

#fontInUseModal.mobile img {
  max-width: 100%;
  max-height: 100%; }

/* 메인에 사용하는 폰트인 유즈 모달 */
#main_fontInUseModal {
  background: rgba(240, 240, 240, 0.9); }
  #main_fontInUseModal .modal-dialog {
    max-width: 1160px;
    justify-content: center;
    align-items: center;
    margin: 2.875rem auto 0;
    min-height: calc(100vh - 46px); }
    #main_fontInUseModal .modal-dialog .modal-content {
      max-width: 1160px;
      /* max-height: 760px; */
      background: transparent;
      border: none;
      width: auto;
      justify-content: center; }
      #main_fontInUseModal .modal-dialog .modal-content .modal-body {
        position: relative;
        padding: 0;
        max-width: 1160px;
        max-height: 760px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        #main_fontInUseModal .modal-dialog .modal-content .modal-body .content-header {
          top: -2.875rem;
          left: 0; }
          #main_fontInUseModal .modal-dialog .modal-content .modal-body .content-header .fs-title-2 {
            margin-bottom: 0; }
            #main_fontInUseModal .modal-dialog .modal-content .modal-body .content-header .fs-title-2 > a {
              color: #1c1c1c; }
              #main_fontInUseModal .modal-dialog .modal-content .modal-body .content-header .fs-title-2 > a i.sd {
                width: 16px;
                height: 20px; }
  #main_fontInUseModal img {
    max-width: 1160px;
    max-height: 714px; }

.mobile .fontInUseList {
  width: 100%;
  margin: 32px auto 60px; }
  .mobile .fontInUseList .grid-sizer,
  .mobile .fontInUseList .grid-item {
    width: 100%; }
  .mobile .fontInUseList .search_none {
    margin: 100px 0; }
  .mobile .fontInUseList .grid-item .fs-txt-1 {
    margin: 0.5rem 0 0rem;
    padding-right: 5.3%; }
  .mobile .fontInUseList .grid-item .fs-txt-2 {
    margin: 0.75rem 5.4% 0 0; }
  .mobile .fontInUseList .grid-item .tag-wrap .tag {
    display: inline-flex;
    color: #4173fa;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem; }
  .mobile .fontInUseList .grid-item .position-absolute {
    opacity: 1; }
  .mobile .fontInUseList .grid-item .like-wrap > span,
  .mobile .fontInUseList .grid-item .comment-wrap > span {
    color: #999999;
    font-size: 0.75rem; }

.mobile #fontInUse .btn-wrap.position-fixed {
  padding: 0 20px;
  bottom: 84px;
  left: 0;
  z-index: 99; }
  .mobile #fontInUse .btn-wrap.position-fixed .btn {
    border-radius: 8px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem; }
    .mobile #fontInUse .btn-wrap.position-fixed .btn i {
      width: 24px;
      height: 24px; }

.mobile #fontInUse .fs-title-1 {
  margin: 1.75rem 0 2.5rem; }

.mobile #fontInUse .btn-size-md {
  min-width: 150px; }

.mobile #fontInUse .tag-wrap {
  margin-right: -7%;
  margin-top: 12px;
  margin-bottom: 20px; }

.mobile #fontInUse .tag-list {
  height: 30px; }
  .mobile #fontInUse .tag-list li {
    white-space: nowrap;
    word-break: break-word;
    padding: 6px 12px;
    margin-right: 8px;
    height: 30px; }

.mobile #fontInUse .fontInUseSearchForm {
  position: relative;
  width: 100%;
  margin: 0px 0 8px; }
  .mobile #fontInUse .fontInUseSearchForm input[type="search"] {
    padding: 0.5rem 2.25rem;
    font-size: 0.875rem; }

.mobile #fontInUse .fontInUseList .grid-item {
  margin-bottom: 2.5rem; }

@media (min-width: 1218px) and (max-width: 1599px) {
  #fontInUse .container-1920 {
    padding: 0 20px; }
  .fontInUseList .grid-sizer,
  .fontInUseList .grid-item {
    width: calc(33.3% - 22px); } }

@media (max-width: 1239px) {
  #fontInUse .container-1920 {
    padding: 0 20px; }
  .fontInUseList .grid-sizer,
  .fontInUseList .grid-item {
    width: calc(50% - 20px); } }

/* 디자이너 */
/* 디자이너  */
#designer .fs-title-1,
#brand .fs-title-1 {
  color: #1c1c1c;
  margin-bottom: 1.75rem; }

#designer .designer_info,
#brand .designer_info {
  padding-top: 4.6875rem; }
  #designer .designer_info .fs-title-3,
  #brand .designer_info .fs-title-3 {
    margin-bottom: 2rem; }
  #designer .designer_info p.fs-txt-2,
  #brand .designer_info p.fs-txt-2 {
    margin-top: 1rem;
    max-width: 35.75rem;
    margin-bottom: 1rem;
    word-break: break-word; }
  #designer .designer_info .carousel-control-prev,
  #designer .designer_info .carousel-control-next,
  #brand .designer_info .carousel-control-prev,
  #brand .designer_info .carousel-control-next {
    width: 60px;
    height: 60px;
    top: calc(50% - 30px); }
    #designer .designer_info .carousel-control-prev img,
    #designer .designer_info .carousel-control-next img,
    #brand .designer_info .carousel-control-prev img,
    #brand .designer_info .carousel-control-next img {
      width: 100%; }
  #designer .designer_info .carousel-control-prev,
  #brand .designer_info .carousel-control-prev {
    left: calc((100vw - 1160px)/2); }
  #designer .designer_info .carousel-control-next,
  #brand .designer_info .carousel-control-next {
    right: calc((100vw - 1160px)/2); }
  #designer .designer_info .container-1160,
  #brand .designer_info .container-1160 {
    padding-bottom: 7.5rem; }
  #designer .designer_info .img_wrap,
  #brand .designer_info .img_wrap {
    width: 160px;
    height: 160px;
    margin: auto 7.5rem;
    background: #f9f9f9;
    border-radius: 50%;
    position: relative;
    overflow: hidden; }
    #designer .designer_info .img_wrap:after,
    #brand .designer_info .img_wrap:after {
      content: "";
      display: block;
      padding-bottom: 100%; }
    #designer .designer_info .img_wrap img,
    #brand .designer_info .img_wrap img {
      display: block;
      position: absolute;
      bottom: 0;
      max-width: 100%; }
  #designer .designer_info .designer_asset,
  #brand .designer_info .designer_asset {
    position: absolute;
    right: 0;
    top: -3rem;
    width: 23.5rem;
    height: auto; }
  #designer .designer_info button,
  #brand .designer_info button {
    border: none;
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #fff;
    box-shadow: none; }
    #designer .designer_info button i.sd.ic-heart,
    #brand .designer_info button i.sd.ic-heart {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3471 9.4721C11.7852 9.47043 12.2193 9.55555 12.6244 9.72255C13.0294 9.88956 13.3974 10.1351 13.7071 10.4451L14.8671 11.6051L16.0001 12.7381L17.1331 11.6051L18.2401 10.4981C18.9051 9.85627 19.7959 9.50175 20.7201 9.51109C21.5098 9.49918 22.2772 9.77379 22.8801 10.2841C23.2242 10.5844 23.5026 10.9526 23.6975 11.3656C23.8925 11.7786 24 12.2275 24.0131 12.6841C24.0276 13.1399 23.9487 13.5939 23.7814 14.0181C23.6141 14.4423 23.3618 14.8279 23.0401 15.1511L16.0001 22.1921L9.04006 15.2321C8.43803 14.611 8.08655 13.7894 8.05306 12.9251C7.99865 12.0806 8.276 11.2482 8.82606 10.6051C9.14058 10.2469 9.52831 9.96045 9.96304 9.76499C10.3978 9.56953 10.8694 9.46965 11.3461 9.4721M11.3461 7.87209C10.6456 7.87191 9.95315 8.0203 9.31432 8.30748C8.67548 8.59467 8.10483 9.0141 7.64006 9.5381C6.83225 10.5083 6.4136 11.7441 6.46534 13.0055C6.51708 14.267 7.03551 15.4643 7.92006 16.3651L15.4401 23.8851C15.5129 23.9602 15.5999 24.0201 15.696 24.0613C15.7921 24.1024 15.8955 24.1241 16.0001 24.1251C16.1048 24.1254 16.2086 24.1043 16.3049 24.063C16.4012 24.0217 16.488 23.9612 16.5601 23.8851L24.1471 16.2981C24.6248 15.821 24.9997 15.2511 25.2484 14.6234C25.4971 13.9958 25.6145 13.3237 25.5932 12.6489C25.572 11.9741 25.4125 11.3108 25.1247 10.7001C24.8369 10.0893 24.4269 9.5441 23.9201 9.09809C23.0275 8.31818 21.8783 7.89546 20.6931 7.91109C19.3483 7.90125 18.0542 8.42356 17.0931 9.3641L15.9861 10.4711L14.8261 9.31109C14.3691 8.85416 13.8265 8.49179 13.2294 8.2447C12.6323 7.99762 11.9923 7.87166 11.3461 7.87209Z' fill='%23999'/%3E%3C/svg%3E%0A"); }
  #designer .designer_info a,
  #brand .designer_info a {
    display: inline-flex;
    align-items: center;
    color: #333333; }

#designer .interview_wrap,
#brand .interview_wrap {
  margin-bottom: 3.75rem; }
  #designer .interview_wrap .d-flex,
  #brand .interview_wrap .d-flex {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0; }
    #designer .interview_wrap .d-flex > div,
    #brand .interview_wrap .d-flex > div {
      width: 56.25rem; }
    #designer .interview_wrap .d-flex .fs-title-5,
    #brand .interview_wrap .d-flex .fs-title-5 {
      color: #1c1c1c;
      margin-bottom: 0.75rem; }
    #designer .interview_wrap .d-flex .fs-txt-1,
    #brand .interview_wrap .d-flex .fs-txt-1 {
      color: #1c1c1c;
      margin-bottom: 1rem;
      text-overflow: ellipsis;
      width: 48rem;
      overflow: hidden;
      white-space: nowrap; }
    #designer .interview_wrap .d-flex .fs-txt-3,
    #brand .interview_wrap .d-flex .fs-txt-3 {
      text-overflow: ellipsis;
      width: 100%;
      overflow: hidden;
      white-space: nowrap; }
    #designer .interview_wrap .d-flex > img,
    #brand .interview_wrap .d-flex > img {
      width: 100px;
      object-fit: cover;
      height: 100px; }

#designer .interview_header .representative_font > span,
#brand .interview_header .representative_font > span {
  display: inline-block; }

#designer .interview_header .representative_font .fs-txt-4,
#brand .interview_header .representative_font .fs-txt-4 {
  padding: 6px 12px;
  border: 1px solid #dddddd;
  border-radius: 14px;
  color: #999999; }

#designer .contents_wrap > .container-768,
#brand .contents_wrap > .container-768 {
  border-top: 1px solid #dddddd;
  padding: 40px 0; }
  #designer .contents_wrap > .container-768 img,
  #brand .contents_wrap > .container-768 img {
    max-width: 100%; }
  #designer .contents_wrap > .container-768 .interview_contents,
  #brand .contents_wrap > .container-768 .interview_contents {
    line-height: 1.61;
    margin-bottom: 60px; }

.mobile #designer .fs-title-1,
.mobile #brand .fs-title-1 {
  margin-bottom: 1.25rem;
  color: #1c1c1c; }

.mobile #designer .designer_info,
.mobile #brand .designer_info {
  padding-top: 1.875rem; }
  .mobile #designer .designer_info .container-1160,
  .mobile #brand .designer_info .container-1160 {
    padding-bottom: 5rem; }
  .mobile #designer .designer_info .fs-title-3,
  .mobile #brand .designer_info .fs-title-3 {
    max-width: 73.5%;
    margin-bottom: 1.75rem; }
  .mobile #designer .designer_info p.fs-txt-2,
  .mobile #brand .designer_info p.fs-txt-2 {
    max-width: 73.5%;
    word-break: break-word;
    margin-bottom: 1rem; }
  .mobile #designer .designer_info > div,
  .mobile #brand .designer_info > div {
    width: 100%; }
    .mobile #designer .designer_info > div a i,
    .mobile #brand .designer_info > div a i {
      margin-top: -1px; }
  .mobile #designer .designer_info .img_wrap,
  .mobile #brand .designer_info .img_wrap {
    width: 100px;
    height: 100px;
    margin-right: 0;
    margin-left: 1.875rem;
    margin-top: 5rem; }
    .mobile #designer .designer_info .img_wrap.hide,
    .mobile #brand .designer_info .img_wrap.hide {
      background: white; }
      .mobile #designer .designer_info .img_wrap.hide img,
      .mobile #brand .designer_info .img_wrap.hide img {
        display: none; }
  .mobile #designer .designer_info .designer_asset,
  .mobile #brand .designer_info .designer_asset {
    right: inherit;
    top: inherit;
    bottom: 3rem;
    left: 5%;
    width: 10.5rem;
    height: auto; }

.mobile #designer .interview_wrap,
.mobile #brand .interview_wrap {
  margin-bottom: 2.5rem; }
  .mobile #designer .interview_wrap .d-flex,
  .mobile #brand .interview_wrap .d-flex {
    border-bottom: 1px solid #dddddd;
    padding: 20px 0; }
    .mobile #designer .interview_wrap .d-flex > div,
    .mobile #brand .interview_wrap .d-flex > div {
      width: calc(100% - 40px); }
    .mobile #designer .interview_wrap .d-flex .fs-title-4,
    .mobile #brand .interview_wrap .d-flex .fs-title-4 {
      color: #1c1c1c;
      margin-bottom: 0.75rem; }
    .mobile #designer .interview_wrap .d-flex .fs-txt-1,
    .mobile #brand .interview_wrap .d-flex .fs-txt-1 {
      white-space: normal;
      width: 100%;
      color: #1c1c1c;
      margin-bottom: 0.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* ellipsis line */
      -webkit-box-orient: vertical;
      max-height: calc(20px * 2 * 1.5); }
    .mobile #designer .interview_wrap .d-flex .fs-txt-2,
    .mobile #brand .interview_wrap .d-flex .fs-txt-2 {
      white-space: normal;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* ellipsis line */
      -webkit-box-orient: vertical;
      max-height: calc(16px * 2 * 1.68); }

.mobile #designer .interview_header .representative_font .fs-txt-3,
.mobile #brand .interview_header .representative_font .fs-txt-3 {
  padding: 6px 12px;
  border: 1px solid #dddddd;
  border-radius: 14px;
  color: #999999; }

.mobile #designer .contents_wrap > .container-768,
.mobile #brand .contents_wrap > .container-768 {
  padding: 30px 5.4%; }

/* 고객지원 */
/*고객지원 */
#support {
  padding-top: 60px; }
  #support .fs-title-4 {
    color: #1c1c1c; }
  #support .notice-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 6px 20px;
    background-color: #1a1a1a;
    font-size: 13px;
    color: #ffffff; }
    #support .notice-fixed .ic-alert,
    #support .notice-fixed .ic-alram {
      width: 24px;
      height: 24px; }
    #support .notice-fixed .ic-page-next {
      width: 20px;
      height: 20px; }
  #support .notice-fixed + section {
    padding-top: 36px !important; }
  #support .support_common {
    background: #222a40;
    padding: 26px 0 30px;
    color: #fff !important;
    border-radius: 16px;
    text-align: center; }
    #support .support_common .fs-title-1 {
      padding: 14px 0;
      width: 12.0625rem;
      color: #ffffff; }
    #support .support_common .support_search {
      width: 43.75rem;
      margin: 24px auto 0; }
      #support .support_common .support_search .form-control {
        font-size: 16px;
        border-radius: 30px;
        padding: 20px 60px 16px 20px; }
        #support .support_common .support_search .form-control::placeholder {
          color: #b3b3b3; }
      #support .support_common .support_search .position-absolute {
        right: 20px;
        top: 50%;
        transform: translateY(-50%); }
      #support .support_common .support_search .searchclear {
        right: 52px;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 40px;
        height: 40px; }
        #support .support_common .support_search .searchclear button {
          width: 100%;
          height: 100%;
          padding: 0;
          border: none;
          background: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='20' height='20' rx='10' fill='%23CCCCCC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.95527 6.45537C6.11799 6.29265 6.38181 6.29265 6.54453 6.45537L14.0445 13.9554C14.2072 14.1181 14.2072 14.3819 14.0445 14.5446C13.8818 14.7073 13.618 14.7073 13.4553 14.5446L5.95527 7.04463C5.79255 6.88191 5.79255 6.61809 5.95527 6.45537Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0446 6.45527C14.2073 6.61799 14.2073 6.88181 14.0446 7.04453L6.54463 14.5445C6.38191 14.7072 6.11809 14.7072 5.95537 14.5445C5.79266 14.3818 5.79265 14.118 5.95537 13.9553L13.4554 6.45527C13.6181 6.29255 13.8819 6.29255 14.0446 6.45527Z' fill='white'/%3E%3C/svg%3E%0A") center center/20px 20px no-repeat; }
    #support .support_common ul {
      margin-top: 1.5rem;
      align-items: center; }
      #support .support_common ul li {
        padding: 0 5px;
        display: inline-flex;
        align-items: center;
        border-radius: 16px;
        height: 32px; }
        #support .support_common ul li a {
          color: white;
          transition: color 0.3s; }
          #support .support_common ul li a:hover {
            color: #dddddd; }
        #support .support_common ul li.label {
          position: relative;
          margin-right: 0.9375rem;
          border: none;
          font-weight: bold;
          color: white;
          background: none; }
  #support .support_nav a {
    color: #999999;
    padding: 0;
    margin-right: 1.25rem;
    font-weight: bold; }
    #support .support_nav a.active {
      color: #1c1c1c;
      font-weight: bold; }
  #support .index_preview_wrap .fs-title-4 {
    padding: 16px 0; }
  #support .index_preview_wrap .faq_wrap,
  #support .index_preview_wrap .notice_wrap,
  #support .index_preview_wrap .inquiry_wrap {
    position: relative;
    padding: 0 24px;
    border: 1px solid #dddddd;
    border-radius: 16px; }
    #support .index_preview_wrap .faq_wrap ul li,
    #support .index_preview_wrap .notice_wrap ul li,
    #support .index_preview_wrap .inquiry_wrap ul li {
      border-bottom: 1px solid #dddddd; }
      #support .index_preview_wrap .faq_wrap ul li.bd-none,
      #support .index_preview_wrap .notice_wrap ul li.bd-none,
      #support .index_preview_wrap .inquiry_wrap ul li.bd-none {
        border-bottom: none; }
      #support .index_preview_wrap .faq_wrap ul li a:not(.btn),
      #support .index_preview_wrap .notice_wrap ul li a:not(.btn),
      #support .index_preview_wrap .inquiry_wrap ul li a:not(.btn) {
        display: block;
        padding: 16px 0;
        color: #333333;
        line-height: 1.61; }
        #support .index_preview_wrap .faq_wrap ul li a:not(.btn) .line-1,
        #support .index_preview_wrap .notice_wrap ul li a:not(.btn) .line-1,
        #support .index_preview_wrap .inquiry_wrap ul li a:not(.btn) .line-1 {
          overflow: hidden;
          text-overflow: ellipsis;
          word-wrap: break-word;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          /* ellipsis line */
          -webkit-box-orient: vertical;
          height: calc(14px*1.61); }
      #support .index_preview_wrap .faq_wrap ul li a.btn-size-sm,
      #support .index_preview_wrap .notice_wrap ul li a.btn-size-sm,
      #support .index_preview_wrap .inquiry_wrap ul li a.btn-size-sm {
        width: 120px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin: 0 auto; }
      #support .index_preview_wrap .faq_wrap ul li:nth-child(5),
      #support .index_preview_wrap .notice_wrap ul li:nth-child(5),
      #support .index_preview_wrap .inquiry_wrap ul li:nth-child(5) {
        border-bottom: none; }
    #support .index_preview_wrap .faq_wrap a.position-absolute,
    #support .index_preview_wrap .notice_wrap a.position-absolute,
    #support .index_preview_wrap .inquiry_wrap a.position-absolute {
      display: flex;
      align-items: center;
      padding: 18px;
      top: 0;
      right: 0; }
      #support .index_preview_wrap .faq_wrap a.position-absolute i.sd.ic-page-next.black,
      #support .index_preview_wrap .notice_wrap a.position-absolute i.sd.ic-page-next.black,
      #support .index_preview_wrap .inquiry_wrap a.position-absolute i.sd.ic-page-next.black {
        width: 20px;
        height: 20px; }
  #support .index_preview_wrap .inquiry_wrap {
    min-height: 225px;
    width: calc(76.6% - 10px);
    margin-right: 1.25rem; }
    #support .index_preview_wrap .inquiry_wrap ul li a {
      width: calc(100% - 55px); }
    #support .index_preview_wrap .inquiry_wrap ul li:nth-child(3) {
      border-bottom: 1px solid #dddddd; }
  #support .index_preview_wrap .faq_wrap {
    width: calc(50% - 10px); }
  #support .index_preview_wrap .service_wrap {
    width: calc(23.4% - 10px);
    min-height: 225px;
    background-color: #F5F8FF;
    border-radius: 12px;
    padding: 0 20px; }
    #support .index_preview_wrap .service_wrap div.d-flex > a {
      width: calc(50% - 10px);
      padding: 86px 0 22px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cg clip-path='url(%23clip0_9886_4512)'%3E%3Cpath d='M35.9524 30.6746V29.9705C35.9536 28.4493 35.6566 26.9428 35.0782 25.5372C34.4999 24.1316 33.6516 22.8545 32.5819 21.7789C31.5123 20.7033 30.2422 19.8503 28.8443 19.2687C27.4465 18.6872 25.9484 18.3884 24.4356 18.3897C21.4972 18.3853 18.6686 19.5125 16.5309 21.5398C14.3932 23.5671 13.1086 26.3405 12.941 29.2904H12.9169C10.4015 29.2904 7.98917 30.2952 6.21051 32.0838C4.43186 33.8723 3.43262 36.2981 3.43262 38.8275C3.43262 41.3568 4.43186 43.7826 6.21051 45.5712C7.98917 47.3597 10.4015 48.3645 12.9169 48.3645H35.9524V48.3422C38.1655 48.1721 40.2329 47.1674 41.7406 45.5295C43.2482 43.8915 44.0846 41.7412 44.0824 39.5093C44.0774 37.2794 43.2385 35.133 41.7324 33.4963C40.2262 31.8596 38.163 30.8523 35.9524 30.6746Z' fill='white'/%3E%3Crect x='42.8096' y='30.7407' width='17.644' height='4.08721' rx='1.33333' transform='rotate(40.7533 42.8096 30.7407)' fill='%23D9D9D9'/%3E%3Ccircle cx='35.6179' cy='27.8692' r='11.6464' transform='rotate(10.6861 35.6179 27.8692)' fill='%234173FA'/%3E%3Cpath d='M37.2283 19.3379C41.9401 20.227 45.039 24.7674 44.1499 29.4792' stroke='white' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9886_4512'%3E%3Crect width='60' height='60' fill='white' transform='translate(0.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center 22px/60px 60px no-repeat;
      display: inline-flex;
      justify-content: center;
      color: #4173fa;
      font-size: 0.75rem;
      text-align: center;
      line-height: 1.68; }
      #support .index_preview_wrap .service_wrap div.d-flex > a:last-child {
        position: relative;
        margin-left: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.292 27.8046C49.5045 37.4928 42.6336 46.3296 32.9454 47.542C23.2573 48.7545 14.4205 41.8836 13.208 32.1954C11.9956 22.5073 18.8665 13.6705 28.5546 12.458C38.2428 11.2456 47.0796 18.1165 48.292 27.8046ZM22.2777 28.9461C21.6444 28.9461 21.3476 29.4607 21.3476 29.995C21.3476 30.5688 21.6642 31.1031 22.2975 31.1031H23.7421L24.9294 36.5253C25.3846 38.5834 27.9176 38.5834 28.3925 36.4858L29.5996 31.1031H31.7369L32.9836 36.5056C33.4585 38.6032 36.0311 38.5834 36.506 36.466L37.6538 31.1031H39.0984C39.692 31.1031 40.0087 30.6084 40.0087 30.0345C40.0087 29.4804 39.6723 28.9461 39.0786 28.9461H38.1287L39.1775 24.0385C39.4744 22.7126 37.0997 22.2575 36.8226 23.6229L35.754 28.9461H33.3793L32.2118 23.9791C31.8556 22.4356 29.5403 22.4553 29.2434 23.9395L28.1155 28.9461H25.7408L24.692 23.6823C24.4149 22.1981 21.9215 22.7126 22.2183 24.0978L23.2671 28.9461H22.2777ZM26.8687 34.4673L26.1761 31.1031H27.6207L26.8687 34.4673ZM34.6656 34.3683L33.8939 31.1031H35.3187L34.6656 34.3683ZM30.0746 28.9461L30.6682 26.3736L31.2421 28.9461H30.0746Z' fill='%23FFCD1B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M45.0072 40.4536C42.2598 43.5389 38.4253 45.6801 34.004 46.2334C24.3159 47.4459 15.4791 40.575 14.2666 30.8868C13.6827 26.2207 14.9737 21.7522 17.5515 18.2378C14.2788 21.9132 12.5489 26.9285 13.208 32.1954C14.4205 41.8836 23.2573 48.7545 32.9454 47.542C37.9676 46.9135 42.2327 44.2362 45.0072 40.4536Z' fill='%23FFC233'/%3E%3Cpath d='M21.3477 29.9948C21.3477 29.4605 21.6445 28.9459 22.2777 28.9459H23.2672L22.2184 24.0976C21.9215 22.7124 24.415 22.1979 24.692 23.6821L25.7408 28.9459H28.1155L29.2435 23.9393C29.5403 22.4551 31.8556 22.4354 32.2118 23.9789L33.3794 28.9459H35.7541L36.8227 23.6227C37.0997 22.2573 39.4744 22.7124 39.1776 24.0383L38.1288 28.9459H39.0786C39.6723 28.9459 40.0087 29.4803 40.0087 30.0343C40.0087 30.6082 39.6921 31.103 39.0984 31.103H37.6538L36.5061 36.4658C36.0311 38.5832 33.4585 38.603 32.9836 36.5054L31.7369 31.103H29.5997L28.3925 36.4856C27.9176 38.5832 25.3846 38.5832 24.9295 36.5251L23.7421 31.103H22.2975C21.6643 31.103 21.3477 30.5686 21.3477 29.9948ZM26.1762 31.103L26.8688 34.4671L27.6208 31.103H26.1762ZM33.8939 31.103L34.6657 34.3681L35.3187 31.103H33.8939ZM30.6683 26.3734L30.0746 28.9459H31.2422L30.6683 26.3734Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.3588 17.5433C26.1612 15.6861 29.6259 14.8031 33.2181 15.2994C41.047 16.3811 46.5167 23.6046 45.4351 31.4336C44.8767 35.4751 42.6816 38.8878 39.6114 41.0952C42.9168 38.9047 45.3008 35.3588 45.8862 31.1221C46.9679 23.2931 41.4982 16.0696 33.6692 14.9879C29.8818 14.4646 26.236 15.4746 23.3588 17.5433Z' fill='%23FFC233'/%3E%3C/svg%3E"); }
        #support .index_preview_wrap .service_wrap div.d-flex > a:last-child::before {
          content: "";
          position: absolute;
          left: -10px;
          top: 0;
          width: 1px;
          height: 148px;
          background-color: #EBF0FF; }
  #support .select-type {
    position: relative;
    width: 135px; }
    #support .select-type .form-control {
      font-size: 14px;
      padding-top: 9px;
      padding-bottom: 9px; }
    #support .select-type .dropdown {
      position: absolute;
      top: 50px;
      right: 0;
      display: none;
      min-width: 160px;
      height: auto;
      padding: 0;
      overflow: hidden;
      font-size: 0.875rem;
      line-height: 1.61;
      border-radius: 8px;
      background: #FFF;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
      border: none;
      z-index: 1; }
      #support .select-type .dropdown .dropdown-item {
        padding: 12px 10px; }
        #support .select-type .dropdown .dropdown-item:active {
          background-color: #e9ecef;
          color: #ffffff; }
  #support .search_result .support_list {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    #support .search_result .support_list > li {
      border-bottom: 1px solid #dddddd; }
      #support .search_result .support_list > li.text-center {
        padding: 30px;
        line-height: 1.64; }
      #support .search_result .support_list > li.d-flex > a {
        width: calc(100% - 80px); }
  #support .list_wrap .btn-size-lg {
    width: 220px;
    padding-top: 18px;
    padding-bottom: 18px; }
  #support .list_wrap .btn-size-sm {
    width: 120px;
    padding-top: 8px;
    padding-bottom: 8px; }
  #support .list_wrap .support_list {
    margin-top: 0.3125rem;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    #support .list_wrap .support_list > li {
      border-bottom: 1px solid #dddddd;
      padding: 0 16px; }
      #support .list_wrap .support_list > li:last-of-type {
        border-bottom: none; }
      #support .list_wrap .support_list > li:not(.header):not(.inner):not(.qna):not(.result_none):hover {
        background-color: #F5F8FF; }
      #support .list_wrap .support_list > li.qna dt:not([data-bs-toggle='collapse'][aria-expanded='true']):hover {
        position: relative; }
        #support .list_wrap .support_list > li.qna dt:not([data-bs-toggle='collapse'][aria-expanded='true']):hover::after {
          content: "";
          position: absolute;
          left: -20px;
          top: 0;
          width: calc(100% + 40px);
          height: 100%;
          background-color: #F5F8FF;
          z-index: -1; }
      #support .list_wrap .support_list > li.header {
        border-bottom-color: #dddddd;
        padding: 0 0 58px; }
      #support .list_wrap .support_list > li.inner {
        padding: 40px 0; }
      #support .list_wrap .support_list > li.pin a {
        background-position-y: 19px; }
      #support .list_wrap .support_list > li.result_none .btn-sandoll {
        margin-top: 8px; }
      #support .list_wrap .support_list > li a {
        display: flex;
        align-items: center;
        height: 64px;
        color: black; }
      #support .list_wrap .support_list > li .category {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 110px;
        height: 64px;
        margin-right: 20px;
        font-size: 14px;
        text-align: center;
        color: #999999; }
      #support .list_wrap .support_list > li dl dt {
        padding-right: 30px; }
        #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'] {
          cursor: pointer;
          background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M18 9L12 15L6 9' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
          background-repeat: no-repeat;
          background-position: right center; }
          #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'][aria-expanded='true'] {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M18 15L12 9L6 15' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
            #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'][aria-expanded='true'] .title {
              font-weight: 700; }
          #support .list_wrap .support_list > li dl dt[data-bs-toggle='collapse'] + dd {
            padding: 16px;
            padding-left: 130px;
            background-color: #f9f9f9;
            border-radius: 12px;
            border-bottom: 1px solid #dddddd; }
        #support .list_wrap .support_list > li dl dt.fs-txt-3-sch {
          margin-top: 1.25rem;
          padding-left: calc(0.66% + 5px); }
  #support .membership .container-1200,
  #support .estimate .container-1200 {
    border-top: 1px solid #1c1c1c;
    padding-top: 30px; }
  #support .membership form > .d-flex,
  #support .estimate form > .d-flex {
    flex-wrap: wrap; }
    #support .membership form > .d-flex .form-control,
    #support .estimate form > .d-flex .form-control {
      width: calc(100% - 196px); }
  #support .estimate .fs-txt-2 {
    width: 100%; }
  #support .estimate .nav .nav-link {
    background-color: #f9f9f9;
    color: #999999;
    font-weight: normal;
    border: none;
    width: 50%;
    padding: 16px 0;
    font-size: 1rem; }
    #support .estimate .nav .nav-link.active {
      color: #ffffff;
      background-color: #333333; }
  #support .estimate .table {
    margin-top: 0.75rem;
    margin-bottom: 1rem; }
    #support .estimate .table th, #support .estimate .table td {
      font-size: 0.875rem;
      text-align: center;
      vertical-align: middle;
      border-bottom: 1px solid #dddddd; }
      #support .estimate .table th .form-check, #support .estimate .table td .form-check {
        margin: 0;
        min-height: 20px; }
      #support .estimate .table th .quantity_wrap button, #support .estimate .table td .quantity_wrap button {
        padding: 0 !important;
        height: 36px; }
        #support .estimate .table th .quantity_wrap button i, #support .estimate .table td .quantity_wrap button i {
          margin-top: 1px; }
      #support .estimate .table th .quantity_wrap .upQuantity, #support .estimate .table td .quantity_wrap .upQuantity {
        margin-left: 5px; }
      #support .estimate .table th .quantity_wrap .downQuantity, #support .estimate .table td .quantity_wrap .downQuantity {
        margin-right: 5px;
        z-index: 1; }
      #support .estimate .table th .quantity_wrap input, #support .estimate .table td .quantity_wrap input {
        width: 4.5rem; }
      #support .estimate .table th .form-control, #support .estimate .table td .form-control {
        font-size: 0.875rem;
        height: 36px; }
    #support .estimate .table thead th {
      vertical-align: middle;
      padding: 15px 20px;
      text-align: center;
      background: #f9f9f9;
      border-top: 1px solid #dddddd; }
      #support .estimate .table thead th:first-child {
        padding: 14px 12px;
        width: 44px; }
        #support .estimate .table thead th:first-child .form-check-input {
          margin-right: 0; }
  #support .membership .container-1200 > *,
  #support .info_area .container-1200 > * {
    width: 100%;
    max-width: 41.875rem; }
  #support .dot-list {
    list-style: "· ";
    padding-left: 10px; }
    #support .dot-list li {
      line-height: 1.64; }
  #support .tab-content .fs-txt-1 {
    margin-bottom: 0.75rem; }
  #support .estimate_info .table {
    border-top: 1px solid #999999; }
    #support .estimate_info .table tr th {
      padding: 20px 20px 20px 38px;
      font-size: 1rem;
      text-align: left; }
    #support .estimate_info .table tr td {
      vertical-align: middle;
      padding: 20px 0 20px 0px;
      text-align: left; }
      #support .estimate_info .table tr td .form-control {
        width: 23.5rem; }
      #support .estimate_info .table tr td:nth-of-type(2) {
        padding-right: 0; }
    #support .estimate_info .table tr th {
      width: 12.5rem; }
  #support .caution {
    background-color: #f9f9f9;
    padding: 40px; }
    #support .caution ul {
      list-style: "· ";
      padding-left: 10px; }
      #support .caution ul li {
        word-break: break-word;
        line-height: 1.64; }
  #support .faq_wrap .support_list > li:not(.header):not(.inner):hover {
    background-color: transparent; }
  #support .faq_wrap .support_list > li dt:not([data-bs-toggle='collapse'][aria-expanded='true']):hover {
    position: relative; }
    #support .faq_wrap .support_list > li dt:not([data-bs-toggle='collapse'][aria-expanded='true']):hover::after {
      content: "";
      position: absolute;
      left: -20px;
      top: 0;
      width: calc(100% + 40px);
      height: 100%;
      background-color: #F5F8FF;
      z-index: -1; }
  #support .faq_wrap nav.mt-30px {
    border-radius: 12px;
    overflow: hidden; }
    #support .faq_wrap nav.mt-30px a {
      background: #f9f9f9;
      color: #333333;
      font-size: 1rem;
      width: calc(100% / 8);
      padding: 16px 0;
      text-align: center; }
      #support .faq_wrap nav.mt-30px a.active {
        background: #333333;
        color: #ffffff;
        font-weight: 700; }
  #support .faq_wrap .support_search_wrap {
    position: relative; }
    #support .faq_wrap .support_search_wrap input[type="text"] {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.73791 18.0075C8.78153 17.0487 8.18706 15.7881 8.05573 14.4403C7.9244 13.0925 8.26433 11.7408 9.01764 10.6155C9.77094 9.49014 10.891 8.66072 12.1872 8.26847C13.4833 7.87621 14.8754 7.94539 16.1262 8.4642C17.3771 8.98301 18.4095 9.91938 19.0475 11.1138C19.6856 12.3083 19.8898 13.687 19.6255 15.0152C19.3612 16.3433 18.6447 17.5388 17.598 18.398C16.5513 19.2572 15.2391 19.7271 13.8849 19.7275C13.1142 19.7297 12.3508 19.5788 11.6389 19.2835C10.927 18.9882 10.2808 18.5545 9.73791 18.0075ZM8.60491 19.1405C9.82536 20.3597 11.4308 21.1182 13.1476 21.2866C14.8645 21.4551 16.5867 21.0231 18.0209 20.0644C19.455 19.1056 20.5124 17.6793 21.013 16.0284C21.5136 14.3775 21.4264 12.6041 20.7662 11.0103C20.1061 9.41645 18.9138 8.10078 17.3925 7.28736C15.8711 6.47394 14.1149 6.21307 12.4228 6.54919C10.7308 6.88531 9.20754 7.79763 8.11261 9.13075C7.01769 10.4639 6.41879 12.1353 6.41791 13.8605C6.41676 14.8412 6.60937 15.8125 6.98468 16.7186C7.35999 17.6247 7.91061 18.4478 8.60491 19.1405Z' fill='%231C1C1C'/%3E%3Cpath d='M18.5575 17.3897L17.3886 18.5586L23.8374 25.0074C23.9926 25.1627 24.2026 25.2509 24.4222 25.2528C24.6418 25.2509 24.8518 25.1627 25.007 25.0074C25.1611 24.8518 25.2476 24.6416 25.2476 24.4226C25.2476 24.2036 25.1611 23.9935 25.007 23.8379L18.5575 17.3897Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 32px 32px;
      border: none;
      width: 100%;
      border-bottom: 1px solid #dddddd;
      padding: 20px 20px 20px 36px;
      font-size: 0.875rem; }
    #support .faq_wrap .support_search_wrap img {
      display: none;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 0;
      top: 20px;
      cursor: pointer;
      z-index: 1; }
    #support .faq_wrap .support_search_wrap input:not(:placeholder-shown) + img {
      display: block; }
  #support .notice_wrap {
    width: calc(50% - 10px);
    min-height: 337px;
    margin-right: 1.25rem; }
    #support .notice_wrap .pin a {
      padding-left: 28px !important;
      background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.14943 11.3833L10.8177 15.9867L16.0363 10.7681L11.4329 8.09984L9.88143 6.12276L6.17235 9.83183L8.14943 11.3833ZM5.03226 10.4625C4.67839 10.1848 4.64687 9.66026 4.96494 9.34219L9.39178 4.91535C9.70986 4.59727 10.2344 4.62879 10.5121 4.98267L12.2344 7.17741L17.1446 10.0235C17.5707 10.2705 17.6471 10.8544 17.2988 11.2027L11.2523 17.2492C10.904 17.5975 10.3201 17.5212 10.0731 17.095L7.227 12.1848L5.03226 10.4625Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.851 13.8018C14.0853 13.5675 14.4652 13.5675 14.6996 13.8018L16.8209 15.9231C17.0552 16.1574 17.0552 16.5373 16.8209 16.7717C16.5866 17.006 16.2067 17.006 15.9723 16.7717L13.851 14.6503C13.6167 14.416 13.6167 14.0361 13.851 13.8018Z' fill='black'/%3E%3C/svg%3E%0A") 0 16px/24px 24px no-repeat; }
      #support .notice_wrap .pin a span.title {
        font-weight: 700; }
  #support .qna_wrap {
    min-height: 337px; }
    #support .qna_wrap .support_list > li.result_none {
      text-align: center;
      padding: 100px 0; }
      #support .qna_wrap .support_list > li.result_none > p {
        line-height: 1.64;
        font-size: 16px; }
      #support .qna_wrap .support_list > li.result_none .btn {
        width: 120px;
        height: 36px;
        justify-content: center; }
        #support .qna_wrap .support_list > li.result_none .btn-sandoll-outline {
          color: #4173fa; }
  #support .inquiry_area .roundedBox {
    width: 100%;
    padding: 16px;
    min-height: 150px;
    background-color: #f9f9f9;
    border: none;
    font-size: 14px; }
  #support .inquiry_area .btn-size-lg {
    width: 220px;
    padding-top: 18px;
    padding-bottom: 18px; }
  #support .inquiry_area .badge {
    padding: 0 4px;
    margin-left: 8px;
    background-image: none;
    font-weight: 700; }
    #support .inquiry_area .badge.badge-green {
      background-color: #99e2bc;
      color: #006E35; }
  #support .inquiry_area .threeDotsBtn {
    position: absolute;
    right: 0;
    top: 6px; }
  #support .inquiry_area #qna_form ul:not(.parsley-errors-list) li > div {
    padding: 0 0; }
  #support .inquiry_area .uploadImage_wrap {
    margin-bottom: 2rem; }
    #support .inquiry_area .uploadImage_wrap > label {
      cursor: pointer;
      width: 80px;
      height: 80px;
      margin-right: 0.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #efefef;
      border-radius: 8px; }
      #support .inquiry_area .uploadImage_wrap > label span i {
        width: 10px;
        height: 10px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.799805 5.99971C0.799805 5.55788 1.15798 5.19971 1.5998 5.19971L10.3998 5.19971C10.8416 5.19971 11.1998 5.55788 11.1998 5.99971C11.1998 6.44154 10.8416 6.79971 10.3998 6.79971L1.5998 6.79971C1.15798 6.79971 0.799805 6.44153 0.799805 5.99971Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9998 0.799805C6.44163 0.799805 6.7998 1.15798 6.7998 1.5998L6.7998 10.3998C6.7998 10.8416 6.44163 11.1998 5.9998 11.1998C5.55798 11.1998 5.1998 10.8416 5.1998 10.3998L5.1998 1.5998C5.1998 1.15798 5.55798 0.799805 5.9998 0.799805Z' fill='%23999999'/%3E%3C/svg%3E%0A"); }
      #support .inquiry_area .uploadImage_wrap > label input {
        opacity: 0;
        display: none; }
      #support .inquiry_area .uploadImage_wrap > label:hover, #support .inquiry_area .uploadImage_wrap > label:focus {
        background-color: #f5f8ff; }
        #support .inquiry_area .uploadImage_wrap > label:hover span i, #support .inquiry_area .uploadImage_wrap > label:focus span i {
          background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.799805 5.99971C0.799805 5.55788 1.15798 5.19971 1.5998 5.19971L10.3998 5.19971C10.8416 5.19971 11.1998 5.55788 11.1998 5.99971C11.1998 6.44154 10.8416 6.79971 10.3998 6.79971L1.5998 6.79971C1.15798 6.79971 0.799805 6.44153 0.799805 5.99971Z' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.9998 0.799805C6.44163 0.799805 6.7998 1.15798 6.7998 1.5998L6.7998 10.3998C6.7998 10.8416 6.44163 11.1998 5.9998 11.1998C5.55798 11.1998 5.1998 10.8416 5.1998 10.3998L5.1998 1.5998C5.1998 1.15798 5.55798 0.799805 5.9998 0.799805Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
    #support .inquiry_area .uploadImage_wrap .previewImg_wrap {
      width: 82px;
      height: 82px;
      position: relative;
      margin-right: 0.5rem;
      text-align: center; }
      #support .inquiry_area .uploadImage_wrap .previewImg_wrap img {
        max-width: 100%;
        max-height: 100%; }
      #support .inquiry_area .uploadImage_wrap .previewImg_wrap .ic-close-bg {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 16px;
        height: 16px; }
  #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 40px 0 30px; }
    #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li {
      display: flex;
      line-height: 1.61;
      margin-bottom: 1.25rem; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.fs-title-2 {
        margin-bottom: 30px; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li:last-child {
        margin-bottom: 0; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dl {
        font-size: 14px;
        margin-top: 10px; }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dl:first-of-type {
          margin-top: 20px; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dt {
        width: 100px; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dd {
        margin-left: 20px;
        width: calc(100% - 120px); }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dd .file-wrap {
          display: flex;
          gap: 8px;
          overflow-x: auto;
          max-height: 167px; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dd .file-wrap::-webkit-scrollbar {
            display: none; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dd .file-wrap .file_list {
            position: relative;
            width: 77px;
            height: 167px;
            background-color: #f2f2f2;
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            object-fit: cover;
            aspect-ratio: 77 / 167; }
            #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dd .file-wrap .file_list img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
            #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li.d-block dd .file-wrap .file_list .ic-removeCircleX {
              position: absolute;
              top: calc(50% - 16px);
              right: calc(50% - 16px);
              width: 32px;
              height: 32px; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > label {
        width: 16.25rem; }
      #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div {
        width: calc(100% - 200px); }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div > .previewImg_wrap {
          width: calc(50% - 8px);
          margin-right: 8px; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div > .previewImg_wrap img {
            max-width: 100%; }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div textarea {
          min-height: 140px; }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div p {
          line-height: 1.64; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div p.fs-txt-3 {
            color: #999999; }
        #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div .form-control {
          height: 2.5rem; }
          #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div .form-control::placeholder {
            color: #999999; }
  #support .inquiry_area ul.list-style-dot {
    margin-left: 18px; }
    #support .inquiry_area ul.list-style-dot li::marker {
      color: #dddddd; }
  #support .inquiry_area ul.dropdown-menu {
    right: 0;
    top: 36px;
    padding: 0;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
    #support .inquiry_area ul.dropdown-menu li {
      margin: 0 !important;
      font-size: 14px; }
    #support .inquiry_area ul.dropdown-menu .dropdown-item {
      padding: 11px 12px; }
      #support .inquiry_area ul.dropdown-menu .dropdown-item:active {
        background-color: #e9ecef;
        color: #ffffff; }
  #support .inquiry_area ul + .form-check {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd; }
  #support .partnership > .d-flex div {
    width: calc(25% - ((16px * 3) / 4));
    height: auto;
    padding-bottom: 25%;
    background-size: cover;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    margin-right: 16px;
    position: relative; }
    #support .partnership > .d-flex div:nth-of-type(1) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/partnership01.png"); }
    #support .partnership > .d-flex div:nth-of-type(2) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/partnership02.png"); }
    #support .partnership > .d-flex div:nth-of-type(3) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/partnership03.png"); }
    #support .partnership > .d-flex div:nth-of-type(4) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/partnership04.png"); }
    #support .partnership > .d-flex div:last-child {
      margin-right: 0; }
    #support .partnership > .d-flex div .fs-txt-2 {
      left: 0;
      width: 100%;
      color: #1c1c1c;
      position: absolute;
      margin-bottom: 20px;
      bottom: 0;
      text-align: center; }
  #support .storeInquiry > .d-flex div {
    width: 278px;
    height: 278px;
    background: #dddddd;
    display: inline-flex;
    align-items: end;
    padding-bottom: 20px;
    justify-content: center;
    margin-right: 16px;
    background-size: cover;
    background-position: center center; }
    #support .storeInquiry > .d-flex div:nth-child(1) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/Inquiry01.png"); }
    #support .storeInquiry > .d-flex div:nth-child(2) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/Inquiry02.png"); }
    #support .storeInquiry > .d-flex div:nth-child(3) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/Inquiry03.png"); }
    #support .storeInquiry > .d-flex div:nth-child(4) {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/Inquiry04.png"); }
    #support .storeInquiry > .d-flex div:last-child {
      margin-right: 0; }
  #support .partnership .form,
  #support .applyFreeFont .form,
  #support .storeInquiry .form {
    margin-top: 20px;
    border-top: 1px solid #1c1c1c;
    border-bottom: 1px solid #dddddd;
    padding-top: 20px;
    padding-bottom: 24px;
    margin-bottom: 40px; }
    #support .partnership .form li,
    #support .applyFreeFont .form li,
    #support .storeInquiry .form li {
      display: flex;
      margin-bottom: 1rem; }
      #support .partnership .form li > label,
      #support .applyFreeFont .form li > label,
      #support .storeInquiry .form li > label {
        padding-top: 0.6875rem;
        width: 12.5rem; }
      #support .partnership .form li > div,
      #support .applyFreeFont .form li > div,
      #support .storeInquiry .form li > div {
        position: relative;
        width: calc(100% - 200px); }
        #support .partnership .form li > div .form-control,
        #support .applyFreeFont .form li > div .form-control,
        #support .storeInquiry .form li > div .form-control {
          width: 29.625rem; }
        #support .partnership .form li > div .parsley-errors-list,
        #support .applyFreeFont .form li > div .parsley-errors-list,
        #support .storeInquiry .form li > div .parsley-errors-list {
          width: auto;
          margin: 0;
          margin-bottom: 0; }
          #support .partnership .form li > div .parsley-errors-list li,
          #support .applyFreeFont .form li > div .parsley-errors-list li,
          #support .storeInquiry .form li > div .parsley-errors-list li {
            margin-bottom: 0;
            padding: 15px 0px; }
        #support .partnership .form li > div label.fs-txt-3,
        #support .applyFreeFont .form li > div label.fs-txt-3,
        #support .storeInquiry .form li > div label.fs-txt-3 {
          width: calc(80px);
          margin-right: 1.4375rem; }
        #support .partnership .form li > div .d-flex,
        #support .applyFreeFont .form li > div .d-flex,
        #support .storeInquiry .form li > div .d-flex {
          position: relative;
          margin-bottom: 0.75rem; }
          #support .partnership .form li > div .d-flex .form-control,
          #support .applyFreeFont .form li > div .d-flex .form-control,
          #support .storeInquiry .form li > div .d-flex .form-control {
            width: calc(392px); }
      #support .partnership .form li .mt-12px,
      #support .applyFreeFont .form li .mt-12px,
      #support .storeInquiry .form li .mt-12px {
        margin-top: 0.75rem; }
      #support .partnership .form li textarea,
      #support .applyFreeFont .form li textarea,
      #support .storeInquiry .form li textarea {
        min-height: 120px; }
        #support .partnership .form li textarea.min-height-160,
        #support .applyFreeFont .form li textarea.min-height-160,
        #support .storeInquiry .form li textarea.min-height-160 {
          min-height: 160px; }

#licenseRangeModal .modal-content .modal-body {
  padding: 80px 60px 0; }

#licenseRangeModal.mobile-full .modal-content .modal-body {
  padding: 0; }
  #licenseRangeModal.mobile-full .modal-content .modal-body .fs-title-1 {
    max-width: 80%; }
  #licenseRangeModal.mobile-full .modal-content .modal-body .form-check .form-check-label {
    width: calc(100% - 29px); }

#licenseRangeModal .licenseRangeForm .form-check {
  align-items: flex-start; }

.mobile #support .caution {
  padding: 32px 20px 30px; }

.mobile #support .support_common {
  padding: 30px 20px;
  border-radius: 0;
  text-align: left; }
  .mobile #support .support_common .fs-title-1 {
    padding: 0px 0;
    width: 100%; }
  .mobile #support .support_common .support_search {
    width: 100%; }
    .mobile #support .support_common .support_search .form-control {
      border-radius: 12px;
      padding: 11px 50px 11px 20px; }
      .mobile #support .support_common .support_search .form-control::placeholder {
        font-size: 14px;
        font-weight: 400; }
    .mobile #support .support_common .support_search .searchclear {
      top: 4px;
      transform: none; }
  .mobile #support .support_common div.d-flex .fs-txt-3 {
    margin-right: 1.25rem;
    border: none;
    width: 70px; }
  .mobile #support .support_common div.d-flex ul {
    width: 80%;
    margin-right: -5%;
    margin-top: 0;
    overflow-y: hidden;
    overflow-x: visible;
    white-space: nowrap; }
    .mobile #support .support_common div.d-flex ul li {
      margin-right: 0.625rem;
      word-break: break-word;
      padding: 0; }
      .mobile #support .support_common div.d-flex ul li a {
        color: #dddddd;
        font-size: 0.75rem; }
  .mobile #support .support_common.bg-transparent {
    padding: 20px; }
    .mobile #support .support_common.bg-transparent .form-control {
      border: 1px solid #222A40; }

.mobile #support .index_preview_wrap .category {
  display: block;
  width: auto;
  height: auto;
  padding: 0px;
  margin: 0;
  font-size: 12px;
  text-align: left;
  color: #999999; }

.mobile #support .index_preview_wrap .fs-title-3 {
  padding: 17px 0; }

.mobile #support .index_preview_wrap .faq_wrap {
  width: 100%;
  margin-right: 0;
  margin-bottom: 36px;
  min-height: inherit; }
  .mobile #support .index_preview_wrap .faq_wrap ul li a {
    color: #333333; }
    .mobile #support .index_preview_wrap .faq_wrap ul li a .ms-auto {
      text-align: right;
      min-width: 50px;
      color: #999999; }
  .mobile #support .index_preview_wrap .faq_wrap ul li:last-child {
    border-bottom: none !important; }

.mobile #support .index_preview_wrap .notice_wrap {
  width: 100%;
  margin-right: 0;
  min-height: inherit; }
  .mobile #support .index_preview_wrap .notice_wrap ul li:last-child {
    border-bottom: none; }

.mobile #support .index_preview_wrap .service_wrap {
  width: 100%;
  min-height: inherit; }
  .mobile #support .index_preview_wrap .service_wrap div.d-flex > a {
    padding-top: 68px;
    background-position: center 4px; }
    .mobile #support .index_preview_wrap .service_wrap div.d-flex > a:last-child::before {
      height: 93px; }

.mobile #support .index_preview_wrap .inquiry_wrap {
  width: 100%;
  min-height: inherit;
  margin-right: 0; }
  .mobile #support .index_preview_wrap .inquiry_wrap ul li:last-child {
    border-bottom: none; }
  .mobile #support .index_preview_wrap .inquiry_wrap ul li > span {
    width: 54px; }
  .mobile #support .index_preview_wrap .inquiry_wrap .category {
    width: 70px; }

.mobile #support .membership .container-1200,
.mobile #support .estimate .container-1200 {
  border-top: none;
  padding-top: 0px; }

.mobile #support .support_list img {
  max-width: 100%; }

.mobile #support .list_wrap .support_list {
  border: none; }
  .mobile #support .list_wrap .support_list > li {
    padding: 0;
    border-bottom-color: #f9f9f9; }
    .mobile #support .list_wrap .support_list > li:last-of-type {
      border-bottom: 1px solid #dddddd; }
    .mobile #support .list_wrap .support_list > li:hover dt:not([aria-expanded='true']) {
      background-color: transparent; }
    .mobile #support .list_wrap .support_list > li.header {
      border-top: none;
      padding: 0 0 20px;
      border-bottom-color: #dddddd; }
      .mobile #support .list_wrap .support_list > li.header .datetime {
        color: #333333; }
    .mobile #support .list_wrap .support_list > li.inner {
      padding: 0;
      border-bottom: none; }
    .mobile #support .list_wrap .support_list > li a {
      display: block;
      height: auto;
      padding: 1rem 0; }
    .mobile #support .list_wrap .support_list > li.pin a {
      background-position-y: 16px; }
    .mobile #support .list_wrap .support_list > li .category {
      display: block;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0px;
      font-size: 12px;
      text-align: left; }
  .mobile #support .list_wrap .support_list dl dt {
    height: auto; }
    .mobile #support .list_wrap .support_list dl dt[data-bs-toggle='collapse'] {
      background-position: 98% 14px; }
      .mobile #support .list_wrap .support_list dl dt[data-bs-toggle='collapse'] .fs-title-4 {
        width: 90%; }
      .mobile #support .list_wrap .support_list dl dt[data-bs-toggle='collapse'] + dd {
        padding-left: 16px;
        margin-left: 0; }
  .mobile #support .list_wrap .support_list dl .editorArea * {
    font-size: 12px; }
  .mobile #support .list_wrap .support_list dl .editorArea ol {
    padding-left: 16px; }

.mobile #support .search_result .support_list {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }
  .mobile #support .search_result .support_list > li:last-of-type {
    border-bottom: none; }

.mobile #support .faq_wrap .support_list li a .title {
  display: block;
  padding-right: 25px; }

.mobile #support .faq_wrap .support_search_wrap input:not(:placeholder-shown) + img {
  margin-right: 20px; }

.mobile #support .qna_wrap .category + .fs-txt-3.text-999 {
  margin-left: 5px; }
  .mobile #support .qna_wrap .category + .fs-txt-3.text-999::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    border-radius: 2px;
    background-color: #999999;
    vertical-align: middle; }

.mobile #support .qna_wrap .support_list > li.result_none {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 61px - 120px); }
  .mobile #support .qna_wrap .support_list > li.result_none p {
    line-height: 1.58; }
  .mobile #support .qna_wrap .support_list > li.result_none .btn {
    padding: 11px 0;
    width: 220px;
    height: auto; }
    .mobile #support .qna_wrap .support_list > li.result_none .btn-sandoll-outline {
      color: #4173fa; }

.mobile #support .notice-wrap {
  padding: 20px 0; }
  .mobile #support .notice-wrap ul {
    color: #5c5c5c; }
    .mobile #support .notice-wrap ul li {
      line-height: 1.64;
      margin-bottom: 4px; }
      .mobile #support .notice-wrap ul li:last-child {
        margin-bottom: 0; }

.mobile #support .inquiry_area .badge {
  margin-left: 0; }

.mobile #support .inquiry_area .btn-size-sm {
  padding-top: 7px;
  padding-bottom: 7px; }

.mobile #support .inquiry_area .uploadImage_wrap {
  margin-bottom: 0; }
  .mobile #support .inquiry_area .uploadImage_wrap > label {
    width: 77px;
    height: 77px; }
  .mobile #support .inquiry_area .uploadImage_wrap .previewImg_wrap {
    width: 82px;
    height: 82px;
    position: relative;
    margin-right: 0.5rem;
    text-align: center; }
    .mobile #support .inquiry_area .uploadImage_wrap .previewImg_wrap img {
      max-width: 100%;
      max-height: 100%; }
    .mobile #support .inquiry_area .uploadImage_wrap .previewImg_wrap .ic-close-bg {
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      width: 16px;
      height: 16px; }

.mobile #support .inquiry_area ul.bd-none {
  border-bottom: none; }

.mobile #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) {
  padding: 20px 0 0;
  border: none; }
  .mobile #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > label {
    width: 100%; }
  .mobile #support .inquiry_area ul:not(.parsley-errors-list):not(.list-style-dot):not(.dropdown) li > div {
    width: 100%; }

.mobile #support .inquiry_area ul.list-style-dot li {
  margin-bottom: 4px !important; }

.mobile #support .inquiry_area ul li {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.9375rem; }
  .mobile #support .inquiry_area ul li:last-child {
    margin-bottom: 1rem; }
  .mobile #support .inquiry_area ul li > div {
    width: 100%; }
    .mobile #support .inquiry_area ul li > div .form-check .form-check-label {
      white-space: nowrap;
      font-size: 0.875rem; }
    .mobile #support .inquiry_area ul li > div textarea {
      min-height: 160px; }
    .mobile #support .inquiry_area ul li > div.file-wrap {
      display: flex;
      gap: 8px;
      overflow-x: auto;
      max-height: 167px; }
      .mobile #support .inquiry_area ul li > div.file-wrap::-webkit-scrollbar {
        display: none; }
      .mobile #support .inquiry_area ul li > div.file-wrap .file_list {
        position: relative;
        width: 77px;
        height: 167px;
        background-color: #F2F2F2;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        object-fit: cover;
        aspect-ratio: 77 / 167; }
        .mobile #support .inquiry_area ul li > div.file-wrap .file_list img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
        .mobile #support .inquiry_area ul li > div.file-wrap .file_list .ic-removeCircleX {
          position: absolute;
          top: calc(50% - 16px);
          right: calc(50% - 16px);
          width: 32px;
          height: 32px; }
    .mobile #support .inquiry_area ul li > div .btn_file,
    .mobile #support .inquiry_area ul li > div img {
      width: 77px;
      height: 167px;
      background-color: #F2F2F2;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      object-fit: cover;
      aspect-ratio: 77 / 167; }
    .mobile #support .inquiry_area ul li > div .form-control {
      font-size: 0.875rem;
      width: 100%; }

.mobile #support .inquiry_area ul + .form-check {
  margin-top: 36px;
  padding: 20px 0;
  border-bottom: none;
  border-top: 1px solid #dddddd; }

.mobile #support .estimate .fs-txt-2 {
  max-width: 100%; }
  .mobile #support .estimate .fs-txt-2.text-decoration-underline {
    width: inherit;
    color: #999999;
    border: none;
    background: none; }
  .mobile #support .estimate .fs-txt-2.text-sandoll {
    width: inherit; }

.mobile #support .estimate .btn_area {
  padding-bottom: 12px;
  margin-bottom: 0;
  border-bottom: 1px solid #1c1c1c; }

.mobile #support .estimate .form-check .form-check-label {
  font-size: 0.875rem; }

.mobile #support .estimate .nav .nav-link {
  color: #333333;
  font-weight: normal;
  width: 50%;
  padding: 16px 0;
  font-size: 0.875rem; }
  .mobile #support .estimate .nav .nav-link.active {
    color: white; }

.mobile #support .estimate .addRowBtn {
  padding: 0;
  display: inline-flex;
  align-items: center;
  color: #1c1c1c;
  font-size: 1rem;
  border: none;
  background: none;
  font-weight: 480; }
  .mobile #support .estimate .addRowBtn i {
    margin-right: 4px; }

.mobile #support .estimate .table {
  margin-top: 0;
  margin-bottom: 1rem; }
  .mobile #support .estimate .table tr {
    border-bottom: 1px solid #dddddd; }
  .mobile #support .estimate .table th, .mobile #support .estimate .table td {
    font-size: 0.875rem;
    text-align: left;
    display: block;
    width: 100%;
    padding: 0;
    vertical-align: middle;
    border-bottom: none; }
    .mobile #support .estimate .table th .form-check, .mobile #support .estimate .table td .form-check {
      margin: 0;
      min-height: 20px;
      text-align: left; }
    .mobile #support .estimate .table th .quantity_wrap button, .mobile #support .estimate .table td .quantity_wrap button {
      padding: 0 !important;
      height: 48px;
      width: 48px; }
      .mobile #support .estimate .table th .quantity_wrap button i, .mobile #support .estimate .table td .quantity_wrap button i {
        margin-top: 5px; }
    .mobile #support .estimate .table th .quantity_wrap .upQuantity, .mobile #support .estimate .table td .quantity_wrap .upQuantity {
      margin-left: 5px; }
    .mobile #support .estimate .table th .quantity_wrap .downQuantity, .mobile #support .estimate .table td .quantity_wrap .downQuantity {
      margin-right: 5px;
      z-index: 1; }
    .mobile #support .estimate .table th .quantity_wrap input, .mobile #support .estimate .table td .quantity_wrap input {
      width: 4.5rem; }
    .mobile #support .estimate .table th .form-control, .mobile #support .estimate .table td .form-control {
      font-size: 0.875rem;
      height: 48px;
      width: 100%; }
  .mobile #support .estimate .table td {
    padding-bottom: 20px; }
    .mobile #support .estimate .table td.d-flex {
      padding-top: 0.75rem;
      padding-bottom: 16px; }
  .mobile #support .estimate .table th {
    padding: 0 0 12px 0; }

.mobile #support .estimate_info .table {
  border-top: none;
  border-bottom: 1px solid #dddddd; }
  .mobile #support .estimate_info .table tr {
    border-bottom: none; }
    .mobile #support .estimate_info .table tr th {
      padding: 0 0 12px 0;
      font-size: 0.875rem; }
    .mobile #support .estimate_info .table tr td {
      padding: 0 0 28px 0; }
      .mobile #support .estimate_info .table tr td .form-control {
        width: 100%; }
      .mobile #support .estimate_info .table tr td:nth-of-type(2) {
        padding-right: 0; }
    .mobile #support .estimate_info .table tr th {
      width: 100%; }

.mobile #support .membership .container-1200 > *,
.mobile #support .info_area .container-1200 > * {
  width: 100%;
  max-width: 100%; }

.mobile #support .membership .container-1200 .fs-title-4,
.mobile #support .info_area .container-1200 .fs-title-4 {
  margin-bottom: 12px; }

.mobile #support .membership form > .d-flex .form-control,
.mobile #support .info_area form > .d-flex .form-control {
  width: calc(100% - 116px); }

.mobile #support .membership .btn-default,
.mobile #support .info_area .btn-default {
  min-width: 107px;
  height: 48px;
  padding: 12px 28px; }

.mobile #support .partnership > .d-flex {
  flex-wrap: wrap; }
  .mobile #support .partnership > .d-flex div {
    width: calc(50% - 8px / 2);
    height: auto;
    min-height: 106px;
    margin-right: 8px;
    background: white;
    padding: 0px;
    flex-direction: column; }
    .mobile #support .partnership > .d-flex div img {
      max-width: 100%; }
    .mobile #support .partnership > .d-flex div:nth-child(2n) {
      margin-right: 0; }
    .mobile #support .partnership > .d-flex div .fs-txt-3 {
      display: block;
      color: #333;
      width: 100%;
      text-align: center;
      margin-top: 0.5rem; }

.mobile #support .storeInquiry > .d-flex div {
  width: calc(33.3% - (16px / 3));
  height: auto;
  min-height: 165px;
  background: #ffffff;
  margin-right: 8px;
  margin-bottom: 8px;
  flex-direction: column; }
  .mobile #support .storeInquiry > .d-flex div img {
    width: 100%; }
  .mobile #support .storeInquiry > .d-flex div span {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0.5rem; }
  .mobile #support .storeInquiry > .d-flex div:nth-child(3n) {
    margin-right: 0; }

.mobile #support .partnership .form,
.mobile #support .applyFreeFont .form,
.mobile #support .storeInquiry .form {
  margin-top: 32px;
  border-top: none;
  border-bottom: 1px solid #dddddd;
  padding-top: 0;
  padding-bottom: 12px;
  margin-bottom: 26px; }
  .mobile #support .partnership .form li,
  .mobile #support .applyFreeFont .form li,
  .mobile #support .storeInquiry .form li {
    flex-direction: column;
    margin-bottom: 1.75rem; }
    .mobile #support .partnership .form li > label,
    .mobile #support .applyFreeFont .form li > label,
    .mobile #support .storeInquiry .form li > label {
      padding-top: 0;
      margin-bottom: 0.75rem;
      width: 100%; }
    .mobile #support .partnership .form li > div,
    .mobile #support .applyFreeFont .form li > div,
    .mobile #support .storeInquiry .form li > div {
      width: 100%; }
      .mobile #support .partnership .form li > div .form-control,
      .mobile #support .applyFreeFont .form li > div .form-control,
      .mobile #support .storeInquiry .form li > div .form-control {
        width: 100%;
        font-size: 0.875rem;
        padding: 13px 16px 12px; }
      .mobile #support .partnership .form li > div .select-wrap,
      .mobile #support .applyFreeFont .form li > div .select-wrap,
      .mobile #support .storeInquiry .form li > div .select-wrap {
        background-position: 95% center; }
      .mobile #support .partnership .form li > div .parsley-errors-list,
      .mobile #support .applyFreeFont .form li > div .parsley-errors-list,
      .mobile #support .storeInquiry .form li > div .parsley-errors-list {
        width: auto;
        margin: 0;
        margin-bottom: 0; }
        .mobile #support .partnership .form li > div .parsley-errors-list li,
        .mobile #support .applyFreeFont .form li > div .parsley-errors-list li,
        .mobile #support .storeInquiry .form li > div .parsley-errors-list li {
          padding: 8px 0px;
          font-size: 0.875rem; }
      .mobile #support .partnership .form li > div label.fs-txt-3,
      .mobile #support .applyFreeFont .form li > div label.fs-txt-3,
      .mobile #support .storeInquiry .form li > div label.fs-txt-3 {
        width: calc(60px);
        margin-right: 1.4375rem; }
      .mobile #support .partnership .form li > div .d-flex,
      .mobile #support .applyFreeFont .form li > div .d-flex,
      .mobile #support .storeInquiry .form li > div .d-flex {
        margin-bottom: 1rem; }
        .mobile #support .partnership .form li > div .d-flex > label,
        .mobile #support .applyFreeFont .form li > div .d-flex > label,
        .mobile #support .storeInquiry .form li > div .d-flex > label {
          width: 34%; }
        .mobile #support .partnership .form li > div .d-flex > .form-control,
        .mobile #support .partnership .form li > div .d-flex > div,
        .mobile #support .applyFreeFont .form li > div .d-flex > .form-control,
        .mobile #support .applyFreeFont .form li > div .d-flex > div,
        .mobile #support .storeInquiry .form li > div .d-flex > .form-control,
        .mobile #support .storeInquiry .form li > div .d-flex > div {
          width: 65.9%; }
    .mobile #support .partnership .form li textarea,
    .mobile #support .applyFreeFont .form li textarea,
    .mobile #support .storeInquiry .form li textarea {
      min-height: 120px; }
      .mobile #support .partnership .form li textarea.min-height-160,
      .mobile #support .applyFreeFont .form li textarea.min-height-160,
      .mobile #support .storeInquiry .form li textarea.min-height-160 {
        min-height: 160px; }
    .mobile #support .partnership .form li .btn-default,
    .mobile #support .applyFreeFont .form li .btn-default,
    .mobile #support .storeInquiry .form li .btn-default {
      width: 150px;
      height: 48px;
      padding: 12px 0; }

@media (min-width: 760px) {
  .mobile #support .partnership > .d-flex {
    flex-wrap: wrap; }
    .mobile #support .partnership > .d-flex div {
      width: calc(25% - 24px / 3); }
      .mobile #support .partnership > .d-flex div img {
        max-width: 100%; }
      .mobile #support .partnership > .d-flex div:nth-child(2n) {
        margin-right: 8px; }
      .mobile #support .partnership > .d-flex div:last-child {
        margin-right: 0px; }
      .mobile #support .partnership > .d-flex div .fs-txt-3 {
        display: block;
        color: #333;
        width: 100%;
        text-align: center;
        font-weight: 480;
        margin-top: 0.5rem; } }

/* 로그인/회원가입/아이디 비밀번호찾기 */
/* 로그인 */
#user {
  padding: 96px 0;
  background: white;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  /* 아이디 패스워드 찾기 전용*/
  /* 알림 페이지 PSP 2.0 */
  /* 회원가입 전용*/
  /* 회원가입 경로선택 */ }
  #user .btn {
    border-radius: 8px; }
  #user .btn-wrap.d-flex .btn + .btn {
    margin-left: 8px; }
  #user.narrow-pt {
    padding-top: 58px; }
  #user.d-block {
    padding-top: 95px; }
    #user.d-block .d-flex.align-items-center .form-check {
      margin: 1rem 0; }
      #user.d-block .d-flex.align-items-center .form-check.th {
        margin-right: 20px; }
        #user.d-block .d-flex.align-items-center .form-check.th label {
          min-width: 68px; }
    #user.d-block .d-flex.align-items-center .d-flex.align-items-center {
      width: calc(100% - 112px); }
      #user.d-block .d-flex.align-items-center .d-flex.align-items-center div {
        margin-bottom: 1rem; }
        #user.d-block .d-flex.align-items-center .d-flex.align-items-center div:first-of-type {
          width: 34.5%;
          max-width: 293px; }
        #user.d-block .d-flex.align-items-center .d-flex.align-items-center div:nth-of-type(2) {
          margin-right: auto; }
        #user.d-block .d-flex.align-items-center .d-flex.align-items-center div:nth-of-type(3) {
          min-width: 78px;
          text-align: center; }
        #user.d-block .d-flex.align-items-center .d-flex.align-items-center div:nth-of-type(4) {
          text-align: right;
          width: 17.7%;
          margin-right: 1.25rem; }
        #user.d-block .d-flex.align-items-center .d-flex.align-items-center div:last-of-type {
          margin-right: 20px; }
          #user.d-block .d-flex.align-items-center .d-flex.align-items-center div:last-of-type .btn {
            min-width: 64px;
            padding: 4px;
            border-radius: 4px; }
  #user .fs-title-0,
  #user .fs-title-1,
  #user .fs-title-2,
  #user .fs-title-3,
  #user .fs-title-4 {
    color: #1c1c1c; }
  #user form[name="dormancyForm"] hr {
    background-color: #dddddd;
    border-color: #dddddd;
    width: 100%;
    opacity: 1; }
  #user form[name="dormancyForm"] .form-check {
    width: calc(100% - 80px); }
  #user .wishfont_head {
    padding-bottom: 3.3125rem;
    line-height: 1.64;
    color: #1c1c1c; }
    #user .wishfont_head .fs-title-4 {
      margin-bottom: 1rem; }
    #user .wishfont_head .fs-title-1 {
      margin-bottom: 0; }
  #user .list-wrap .nav-tabs.wish {
    margin-bottom: 0.25rem;
    border-bottom: none; }
    #user .list-wrap .nav-tabs.wish .nav-link {
      font-size: 1.25rem;
      padding: 0;
      border: none;
      color: #dddddd;
      margin-right: 1.25rem; }
      #user .list-wrap .nav-tabs.wish .nav-link:hover {
        text-decoration: underline; }
      #user .list-wrap .nav-tabs.wish .nav-link.active {
        color: #1c1c1c; }
        #user .list-wrap .nav-tabs.wish .nav-link.active:hover {
          text-decoration: none; }
  #user .none-items {
    padding: 80px 0;
    text-align: left; }
    #user .none-items > div {
      max-width: 360px;
      margin: 0 auto; }
    #user .none-items .fs-title-2 {
      margin: 0 0 1.5rem; }
  #user .tab-content .result_none {
    text-align: center;
    padding: 100px 0; }
    #user .tab-content .result_none > p {
      line-height: 1.64;
      font-size: 16px;
      margin-bottom: 16px; }
    #user .tab-content .result_none .emoticon {
      font-size: 5rem;
      color: #cccccc;
      font-weight: bold;
      margin-bottom: 1.75rem; }
    #user .tab-content .result_none .btn-sandoll {
      font-size: 0.75rem;
      padding: 8px 39px;
      line-height: 1.5; }
  #user .search-list .item.font p.fs-txt-3 {
    min-height: 42px; }
  #user .wish-list {
    border-top: 1px solid #1c1c1c;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #dddddd; }
    #user .wish-list .items.items-border {
      border-top: 1px solid #dddddd;
      padding-top: 1rem;
      margin-top: 1rem; }
      #user .wish-list .items.items-border:first-of-type {
        border-top: none;
        margin-top: 0; }
    #user .wish-list .items[data-dropdown="close"] > .form-check {
      display: none; }
    #user .wish-list .items .fontImage {
      width: 72px;
      height: 72px;
      background-color: #dddddd;
      margin-right: 0.5rem; }
    #user .wish-list .items > .d-flex {
      margin-bottom: 0.75rem; }
    #user .wish-list .items .form-check {
      margin-bottom: 0.375rem; }
    #user .wish-list .items .fs-title-4 a {
      color: #1c1c1c; }
    #user .wish-list .items .fs-txt-4 {
      color: #999999;
      margin-top: 0.375rem; }
  #user .cart-list {
    margin-bottom: 1.25rem;
    border-top: 1px solid #dddddd; }
    #user .cart-list .items {
      padding: 10px 0;
      border-bottom: 1px solid #dddddd; }
      #user .cart-list .items:hover {
        background-color: #F5F8FF; }
        #user .cart-list .items:hover h3.fs-title-4 {
          color: #4173fa; }
      #user .cart-list .items:last-of-type {
        border-bottom: none; }
      #user .cart-list .items .itemImg {
        width: 68px;
        height: 68px; }
      #user .cart-list .items .btn-default-outline:not(.btn-width-180) {
        color: #1c1c1c;
        border-radius: 4px;
        padding: 4px 7px;
        min-width: 61px; }
      #user .cart-list .items .form-check {
        margin-right: 0.75rem; }
      #user .cart-list .items .fs-title-4 {
        max-width: 293px;
        margin-bottom: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 34.5%;
        color: #1c1c1c; }
        #user .cart-list .items .fs-title-4.total_price {
          text-align: right;
          width: 16%;
          margin-right: 1.25rem; }
        #user .cart-list .items .fs-title-4.disabled {
          color: #999999;
          width: 7%;
          margin-right: 1.25rem; }
      #user .cart-list .items .product-type {
        font-size: 0.75rem;
        color: #999999;
        position: relative;
        margin-right: 20px;
        min-width: 68px;
        display: inline-flex;
        align-items: center; }
        #user .cart-list .items .product-type i {
          width: 18px;
          height: 18px;
          margin-right: 4px; }
        #user .cart-list .items .product-type:after {
          position: absolute;
          background-color: #dddddd;
          content: "";
          height: 18px;
          width: 1px;
          display: inline-block;
          right: -10px;
          top: 0px; }
      #user .cart-list .items .fs-txt-3:not(.product_cnt) {
        text-align: left;
        color: #777;
        width: 320px; }
      #user .cart-list .items .product_cnt {
        text-align: right; }
      #user .cart-list .items .btn-del {
        border: none;
        width: 64px;
        height: 32px;
        margin-right: 20px;
        background: transparent; }
      #user .cart-list .items .btn-encore {
        border: none;
        font-size: 1.25rem;
        background: transparent;
        margin-right: 0.5rem; }
    #user .cart-list .none-items {
      margin-top: 2.5rem; }
  #user .list-wrap .nav {
    margin-bottom: 0; }
  #user .list-wrap .btn-wrap.text-end .btn-sandoll {
    min-width: 220px; }
  #user .list-wrap .PriceTotal {
    color: #1c1c1c; }
  #user .joinFinish_bg {
    padding: 100px 0;
    background-image: linear-gradient(#dee7ff, white);
    position: relative; }
    #user .joinFinish_bg:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      border-bottom: 1px dashed #dddddd; }
    #user .joinFinish_bg .user-container {
      margin: 0 auto; }
  #user .user-container {
    max-width: 572px;
    width: 100%; }
    #user .user-container.w-500 {
      max-width: 500px; }
    #user .user-container.w-780 {
      max-width: 780px;
      margin: 0 auto; }
    #user .user-container .fs-txt-2,
    #user .user-container .error {
      line-height: 1.64;
      word-break: keep-all; }
    #user .user-container .prev-icon.black {
      width: 20px;
      height: 20px; }
    #user .user-container .joinFinish {
      margin-top: 60px; }
      #user .user-container .joinFinish .text-center .heading4 {
        margin-bottom: 12px; }
      #user .user-container .joinFinish .text-center .btn-default {
        padding: 8px 12px; }
      #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block {
        width: calc(50% - 15px);
        border-radius: 16px;
        padding: 30px;
        border: 1px solid #f0f0f0;
        box-shadow: 2px 2px 11px 0px rgba(166, 167, 217, 0.6); }
        #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block:nth-of-type(2) {
          margin-left: 30px; }
        #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block .text-sandoll.fw-bold.mb-1 {
          font-size: 12px;
          line-height: 1.68; }
        #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block p.body2_r {
          margin-bottom: 28px;
          min-height: 46px; }
        #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex,
        #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block {
          border-radius: 12px;
          width: 100%;
          padding: 17px 16px;
          color: #1c1c1c; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex:nth-of-type(1),
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block:nth-of-type(1) {
            margin-bottom: 12px; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex.bg-1,
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block.bg-1 {
            background-image: linear-gradient(#e3ebff, #fdf5ff); }
            #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex.bg-1 img,
            #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block.bg-1 img {
              width: 71px; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex.bg-2,
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block.bg-2 {
            background-image: linear-gradient(#baccfe, #dee7ff); }
            #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex.bg-2 img,
            #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block.bg-2 img {
              width: 101px; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex h4,
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block h4 {
            width: 100%; }
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex p,
          #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block p {
            font-size: 0.75rem;
            line-height: 1.68; }
  #user .fs-txt-1:not(.btn-sandoll) {
    color: #1c1c1c;
    word-break: break-word; }
    #user .fs-txt-1:not(.btn-sandoll) > a {
      color: #1c1c1c; }
  #user .nav {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #dddddd; }
    #user .nav .nav-link {
      padding: 0.75rem 0;
      font-size: 1rem;
      font-weight: bold;
      color: #999999;
      margin-right: 1.25rem; }
      #user .nav .nav-link.active {
        color: #1c1c1c; }
    #user .nav.nav-btn {
      border-bottom: none;
      display: flex;
      margin-bottom: 1.75rem; }
      #user .nav.nav-btn .nav-link {
        width: 50%;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        font-size: 1rem;
        font-weight: normal;
        background: white;
        color: #333333;
        border: 1px solid #dddddd; }
        #user .nav.nav-btn .nav-link.active {
          color: white;
          background: #4173fa;
          border: 1px solid #4173fa; }
    #user .nav.nav-btn.cart {
      margin-bottom: 2.75rem; }
      #user .nav.nav-btn.cart .nav-link {
        color: #999999; }
        #user .nav.nav-btn.cart .nav-link.active {
          border: 1px solid #333333;
          color: white;
          background-color: #333333; }
    #user .nav.title-size {
      margin-bottom: 0.625rem;
      border: none; }
      #user .nav.title-size .nav-link {
        font-size: 2.125rem;
        color: #cccccc; }
        #user .nav.title-size .nav-link.active {
          color: #1c1c1c; }
        #user .nav.title-size .nav-link:last-of-type {
          margin-right: 0; }
  #user form.find .form-control {
    height: 40px;
    padding: 9px 20px 8px 20px;
    font-size: 0.875rem; }
  #user form.find #timer {
    top: 50%;
    left: calc(100% - 210px);
    transform: translateY(-50%); }
  #user form.find .btn-default.btn-size-default {
    padding: 9px 30px 8px 30px; }
  #user form.find.corpor .btn-wrap {
    display: block; }
  #user form.find.corpor .form-group .fs-title-4 {
    margin-top: 1.25rem;
    margin-bottom: 0.9375rem; }
  #user form.find .form-group {
    margin-top: 0; }
    #user form.find .form-group .fs-title-4 {
      margin-top: 20px;
      margin-bottom: 16px; }
  #user form.find .form-control.is-invalid {
    margin-bottom: 1.5rem; }
  #user form.find .form-control.is-invalid + .invalid-feedback {
    bottom: 0px;
    left: 0;
    width: calc(100% - 200px); }
  #user form.find .form-control .select-wrap {
    background-position: 94% center; }
  #user form.find .inputVertify-wrap {
    display: none;
    margin-top: 0.75rem; }
    #user form.find .inputVertify-wrap > div {
      width: calc(100% - 190px); }
    #user form.find .inputVertify-wrap .position-absolute {
      right: 14px;
      top: 13px; }
  #user form.find .btn-wrap {
    display: none; }
    #user form.find .btn-wrap a {
      color: #333333; }
  #user form.findid .form-control.is-invalid {
    margin-bottom: 0;
    background-image: none;
    border-color: #ff6e40; }
  #user form.findid .form-control.is-invalid + .invalid-feedback:not(:empty) {
    position: relative;
    bottom: inherit;
    font-size: 0.875rem;
    margin-top: 12px;
    color: #ff6e40;
    width: 100%;
    order: 3; }
  #user form.findid .d-flex.flex-wrap .form-control {
    order: 1;
    width: calc(100% - 152px); }
  #user form.findid .d-flex.flex-wrap .btn-default {
    width: 144px; }
  #user form.findid .d-flex.flex-wrap .btn {
    order: 2; }
  #user .alarm ul {
    margin-top: 0.75rem; }
    #user .alarm ul li.none {
      height: 80vh;
      display: flex;
      align-items: center;
      justify-content: center; }
      #user .alarm ul li.none .ic-alram {
        height: 120px;
        width: 120px; }
      #user .alarm ul li.none:hover {
        background: transparent; }
    #user .alarm ul li a {
      border-top: 1px solid #dddddd;
      padding: 12px;
      min-height: 104px; }
      #user .alarm ul li a img {
        width: 80px;
        height: 80px;
        margin-left: 2.5rem; }
      #user .alarm ul li a .fs-txt-2 {
        /*
            overflow: hidden;
            word-break: break-all;
            text-overflow: ellipsis;
            */
        color: #1c1c1c;
        white-space: normal;
        color: #1c1c1c;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(1.68 * 16px * 2); }
      #user .alarm ul li a p {
        line-height: 1.64; }
      #user .alarm ul li a.not-read {
        background: #EBF0FF; }
      #user .alarm ul li a:hover:not(.none) {
        background: #F5F8FF; }
  #user .joinForm .form-control {
    padding: 9px 14px 8px; }
  #user .joinForm .fs-txt-3.btn-size-default {
    height: 60px;
    padding: 9px 30px 8px; }
  #user .joinForm #beforechk {
    margin-top: 8px; }
  #user .joinForm #timer {
    top: 13px;
    left: calc(100% - 200px); }
  #user .joinForm #vertify_comment,
  #user .joinForm #error_comment {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    line-height: 1.64; }
    #user .joinForm #vertify_comment:empty,
    #user .joinForm #error_comment:empty {
      margin-bottom: 0;
      margin-top: 0; }
  #user .joinForm .form-group {
    margin-top: 0;
    margin-bottom: 1.5rem; }
    #user .joinForm .form-group.mb-12px {
      margin-bottom: 0.75rem; }
    #user .joinForm .form-group .fs-title-4 {
      margin-bottom: 0.75rem; }
    #user .joinForm .form-group .form-check {
      margin-bottom: 0.75rem !important;
      margin-top: 0 !important;
      width: 60px; }
    #user .joinForm .form-group .info_mail {
      margin-top: 0.75rem;
      line-height: 1.64; }
    #user .joinForm .form-group .d-flex.flex-wrap input.form-control {
      width: calc(100% - 154px); }
    #user .joinForm .form-group .d-flex.flex-wrap select.form-control,
    #user .joinForm .form-group .d-flex.flex-wrap button[type="button"] {
      width: 144px;
      background-position: 92% center; }
      #user .joinForm .form-group .d-flex.flex-wrap select.form-control:disabled,
      #user .joinForm .form-group .d-flex.flex-wrap button[type="button"]:disabled {
        opacity: 1;
        background-color: #999999;
        border: 1px solid #999999; }
    #user .joinForm .form-group .d-flex.flex-wrap .parsley-errors-list {
      margin-bottom: 0; }
  #user .joinForm hr {
    border-color: #dddddd;
    margin: 2.5rem 0 2.1875rem; }
  #user .fs-title-1 {
    color: #1c1c1c;
    margin-bottom: 5rem; }
  #user .fs-title-2 {
    margin: 5rem 0; }
  #user .fs-title-3,
  #user .fs-title-4 {
    margin-bottom: 0.75rem; }
  #user .form-group {
    margin-top: 1.25rem;
    position: relative; }
  #user .form-control label {
    display: block; }
  #user .form-control.is-invalid {
    background-image: none;
    border-color: #ff6e40; }
  #user .form-control.is-invalid + .invalid-feedback {
    position: absolute;
    bottom: 17px;
    font-size: 0.875rem;
    left: 20px;
    margin-top: 0;
    color: #ff6e40;
    width: calc(100% - 200px); }
  #user .d-flex.align-items-center .form-check {
    margin: 1.125rem 0; }
    #user .d-flex.align-items-center .form-check:last-child .form-check-label {
      width: 50px; }
  #user .d-flex.align-items-center .fs-txt-3 a {
    color: #333333;
    margin-left: 12px; }
    #user .d-flex.align-items-center .fs-txt-3 a:first-child {
      margin-left: 0; }
  #user .regist_btn {
    padding: 14px 0; }
  #user .btn-wrap {
    margin-bottom: 2.5rem; }
    #user .btn-wrap .btn.w-100 {
      margin-bottom: 0.75rem;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
    #user .btn-wrap .btn-sns {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      position: relative; }
      #user .btn-wrap .btn-sns img {
        width: 24px;
        margin-right: 8px;
        margin-left: 2px; }
        #user .btn-wrap .btn-sns img.sandoll_icon {
          margin-left: 0;
          width: 30px; }
      #user .btn-wrap .btn-sns .fs-txt-4 {
        position: absolute;
        right: 16px; }
  #user .show_email_other,
  #user .show_email {
    cursor: pointer; }
  #user .position-relative .sandoll_icon {
    position: absolute;
    top: 24px;
    left: 16px;
    width: 30px;
    z-index: 1; }
  #user .join-list.location_type {
    cursor: pointer; }
  #user .join-list li {
    padding: 1.25rem 0;
    border-top: 1px solid #dddddd; }
    #user .join-list li a {
      color: #333333; }
    #user .join-list li:last-child:not([style*="display: none"]) {
      border-bottom: 1px solid #dddddd; }
    #user .join-list li .fs-title-3 {
      color: #1c1c1c;
      margin-bottom: 0.75rem; }
  #user #commonConfirmModal .fs-title-2 {
    margin-top: 0;
    margin-bottom: 0; }
  #user .modal .btn-wrap .btn {
    height: 47px;
    padding: 0; }
  #user .bg-f9f9f9 {
    padding: 16px 20px;
    border-radius: 10px;
    border: 1px solid #dddddd; }

.stepBox li {
  padding: 22px 16px;
  font-size: 14px;
  border: 1px solid #dddddd;
  border-radius: 10px; }
  .stepBox li + li {
    margin-top: 10px; }

.stepBox span {
  display: inline-block;
  margin-left: 5px; }

#checkCertificationModal .fs-txt-1 {
  margin: 2.5rem 0; }

#policyTermsUserModal .modal-dialog:not(.modal-m),
#policyTermsServiceModal .modal-dialog:not(.modal-m),
#policyPrivacyModal .modal-dialog:not(.modal-m),
#policyMarketingModal .modal-dialog:not(.modal-m),
#contentsGuideModal .modal-dialog:not(.modal-m),
#supportTargetModal .modal-dialog:not(.modal-m),
#channelGuideModal .modal-dialog:not(.modal-m),
#detailModal .modal-dialog:not(.modal-m),
#agreeModal .modal-dialog:not(.modal-m),
#guideLineModal .modal-dialog:not(.modal-m) {
  max-width: 572px; }

#policyTermsUserModal .fs-title-1,
#policyTermsServiceModal .fs-title-1,
#policyPrivacyModal .fs-title-1,
#policyMarketingModal .fs-title-1,
#contentsGuideModal .fs-title-1,
#supportTargetModal .fs-title-1,
#channelGuideModal .fs-title-1,
#detailModal .fs-title-1,
#agreeModal .fs-title-1,
#guideLineModal .fs-title-1 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

#policyTermsUserModal .scrollable-area,
#policyTermsServiceModal .scrollable-area,
#policyPrivacyModal .scrollable-area,
#policyMarketingModal .scrollable-area,
#contentsGuideModal .scrollable-area,
#supportTargetModal .scrollable-area,
#channelGuideModal .scrollable-area,
#detailModal .scrollable-area,
#agreeModal .scrollable-area,
#guideLineModal .scrollable-area {
  background: #f9f9f9;
  padding: 32px;
  font-size: 0.875rem;
  line-height: 1.64;
  height: 460px;
  overflow-y: auto;
  margin-bottom: 60px;
  word-break: break-word; }
  #policyTermsUserModal .scrollable-area::-webkit-scrollbar-track,
  #policyTermsServiceModal .scrollable-area::-webkit-scrollbar-track,
  #policyPrivacyModal .scrollable-area::-webkit-scrollbar-track,
  #policyMarketingModal .scrollable-area::-webkit-scrollbar-track,
  #contentsGuideModal .scrollable-area::-webkit-scrollbar-track,
  #supportTargetModal .scrollable-area::-webkit-scrollbar-track,
  #channelGuideModal .scrollable-area::-webkit-scrollbar-track,
  #detailModal .scrollable-area::-webkit-scrollbar-track,
  #agreeModal .scrollable-area::-webkit-scrollbar-track,
  #guideLineModal .scrollable-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #dddddd; }
  #policyTermsUserModal .scrollable-area::-webkit-scrollbar,
  #policyTermsServiceModal .scrollable-area::-webkit-scrollbar,
  #policyPrivacyModal .scrollable-area::-webkit-scrollbar,
  #policyMarketingModal .scrollable-area::-webkit-scrollbar,
  #contentsGuideModal .scrollable-area::-webkit-scrollbar,
  #supportTargetModal .scrollable-area::-webkit-scrollbar,
  #channelGuideModal .scrollable-area::-webkit-scrollbar,
  #detailModal .scrollable-area::-webkit-scrollbar,
  #agreeModal .scrollable-area::-webkit-scrollbar,
  #guideLineModal .scrollable-area::-webkit-scrollbar {
    width: 4px;
    background-color: #dddddd; }
  #policyTermsUserModal .scrollable-area::-webkit-scrollbar-thumb,
  #policyTermsServiceModal .scrollable-area::-webkit-scrollbar-thumb,
  #policyPrivacyModal .scrollable-area::-webkit-scrollbar-thumb,
  #policyMarketingModal .scrollable-area::-webkit-scrollbar-thumb,
  #contentsGuideModal .scrollable-area::-webkit-scrollbar-thumb,
  #supportTargetModal .scrollable-area::-webkit-scrollbar-thumb,
  #channelGuideModal .scrollable-area::-webkit-scrollbar-thumb,
  #detailModal .scrollable-area::-webkit-scrollbar-thumb,
  #agreeModal .scrollable-area::-webkit-scrollbar-thumb,
  #guideLineModal .scrollable-area::-webkit-scrollbar-thumb {
    background-color: #1c1c1c; }
  #policyTermsUserModal .scrollable-area h4 strong,
  #policyTermsServiceModal .scrollable-area h4 strong,
  #policyPrivacyModal .scrollable-area h4 strong,
  #policyMarketingModal .scrollable-area h4 strong,
  #contentsGuideModal .scrollable-area h4 strong,
  #supportTargetModal .scrollable-area h4 strong,
  #channelGuideModal .scrollable-area h4 strong,
  #detailModal .scrollable-area h4 strong,
  #agreeModal .scrollable-area h4 strong,
  #guideLineModal .scrollable-area h4 strong {
    font-weight: bold; }

#detailModal .modal-body,
#agreeModal .modal-body {
  display: flex;
  flex-direction: column;
  max-height: 540px;
  padding: 40px; }

#detailModal .scrollable-area,
#agreeModal .scrollable-area {
  height: calc(100% - 88px);
  margin-bottom: 0; }

#supportTargetModal .scrollable-area,
#channelGuideModal .scrollable-area {
  height: auto; }

#changeOptionModal .btn-icon {
  font-size: 0.75rem;
  color: #1c1c1c;
  padding: 8px 16px; }

#changeOptionModal .form-control[name='quantity'] {
  width: 72px;
  margin: 0 0.5rem; }

.studentCertificationModal hr {
  opacity: 1; }

.studentCertificationModal .univ {
  display: none; }

.studentCertificationModal .btn-default {
  padding: 8px 0; }

.studentCertificationModal .mt-12px {
  margin-top: 0.75rem; }

.webview .user-container {
  padding: 0 5.3%; }
  .webview .user-container.dormancy {
    height: 100%; }

.radioBox {
  position: relative; }
  .radioBox + .radioBox {
    margin-top: 10px; }
  .radioBox_text {
    position: relative;
    width: 100%;
    padding: 20px 50px 18px;
    font-weight: bold;
    background: #ffffff; }
    .radioBox_text::before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 16px;
      width: 24px;
      height: 24px;
      background: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12' r='8.25' stroke='%23DDDDDD' stroke-width='1.5'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
  .radioBox_label {
    display: block;
    border: 1px solid #dddddd;
    border-radius: 10px;
    font-size: 1rem;
    overflow: hidden; }
  .radioBox_inner {
    display: none;
    font-size: 0.875rem;
    padding: 17px;
    background: #ffffff; }
  .radioBox_input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 55px; }
    .radioBox_input:checked + .radioBox_label {
      border-color: #c3deff; }
      .radioBox_input:checked + .radioBox_label .radioBox_inner {
        display: block; }
      .radioBox_input:checked + .radioBox_label .radioBox_text {
        background-color: #ebf0ff;
        border-bottom: 1px solid #c3deff; }
        .radioBox_input:checked + .radioBox_label .radioBox_text::before {
          background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12' r='8.25' stroke='%23C3D2FF' stroke-width='1.5'/%3E%3Ccircle cx='12.5' cy='12' r='5' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  .radioBox .form-group + .form-group {
    margin-top: 20px !important; }
  .radioBox .form-group > label[class^="fs-txt"] + * {
    margin-top: 4px; }
  .radioBox .d-flex .select-wrap {
    width: 96px; }
    .radioBox .d-flex .select-wrap + * {
      width: calc(100% - 106px);
      margin-left: 10px; }

.inputWrap {
  position: relative; }
  .inputWrap .invalid-feedback {
    position: absolute;
    left: 0;
    top: 1px;
    bottom: 0;
    width: auto;
    padding: 9px 20px 8px 20px;
    font-size: inherit;
    color: #ff6e40;
    margin-top: 0;
    line-height: 1.68; }
  .inputWrap.is-invalid .form-control {
    border-color: #ff6e40;
    color: transparent; }
    .inputWrap.is-invalid .form-control::placeholder {
      opacity: 0; }
    .inputWrap.is-invalid .form-control:hover {
      border-color: #ff6e40; }
  .inputWrap.is-invalid .invalid-feedback {
    display: inline-block; }

.gray-box {
  background-color: #f9f9f9;
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 20px 16px;
  color: #1c1c1c; }
  .gray-box li + li {
    margin-top: 10px; }

.mobile #user {
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
  margin-top: 0;
  padding-top: 85px !important;
  padding-bottom: 120px;
  /* 아이디 비밀번호 찾기 전용 */
  /* 회원가입 경로선택 */
  /* 알림 페이지 PSP 2.0 */ }
  .mobile #user.narrow-pt {
    padding-top: 58px !important; }
  .mobile #user.flex-column {
    padding-top: 58px !important; }
  .mobile #user .fs-title-1 {
    margin-bottom: 1.75rem; }
  .mobile #user .joinFinish_bg {
    padding: 60px 0px; }
    .mobile #user .joinFinish_bg:after {
      width: calc(100% - 40px);
      left: 20px; }
  .mobile #user .user-container {
    padding: 0 20px; }
    .mobile #user .user-container.dormancy {
      height: 100%; }
    .mobile #user .user-container .joinFinish {
      margin-top: 33px; }
      .mobile #user .user-container .joinFinish .text-center .heading3 {
        margin-bottom: 30px; }
      .mobile #user .user-container .joinFinish > .d-flex.justify-content-center {
        flex-direction: column; }
        .mobile #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block {
          width: 100%;
          padding: 20px;
          box-shadow: 3px 3px 14px 0px rgba(166, 167, 217, 0.6); }
          .mobile #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block:nth-of-type(2) {
            margin-left: 0;
            margin-top: 30px; }
          .mobile #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex,
          .mobile #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block {
            border-radius: 12px;
            width: 100%;
            padding: 17px 16px;
            color: #1c1c1c; }
            .mobile #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block div.d-flex p .fw-bold,
            .mobile #user .user-container .joinFinish > .d-flex.justify-content-center > .d-block a.d-block p .fw-bold {
              font-weight: normal !important;
              text-decoration: underline;
              text-underline-position: under; }
  .mobile #user .info_mail {
    line-height: 1.64; }
  .mobile #user .d-flex.align-items-center .form-check {
    margin: 1.125rem 0;
    width: 40%; }
  .mobile #user .d-flex.align-items-center .form-check + .fs-txt-2 {
    width: 60%;
    text-align: right;
    overflow: visible;
    white-space: nowrap; }
  .mobile #user .d-flex.align-items-center .fs-txt-2 a {
    color: #333333;
    margin-left: 8px;
    position: relative;
    /*
          &:before{
            content:"";
            position: absolute;
            top:0px;
            left:-6px;
            background:$sandollSubColor;
            width:1px;
            height:14px;
          }
          */ }
    .mobile #user .d-flex.align-items-center .fs-txt-2 a:first-child {
      margin-left: 0; }
      .mobile #user .d-flex.align-items-center .fs-txt-2 a:first-child:before {
        display: none; }
  .mobile #user .form-control {
    padding: 9px 16px;
    font-size: 0.875rem; }
    .mobile #user .form-control label {
      display: block; }
    .mobile #user .form-control.is-invalid {
      background-image: none;
      border-color: #ff6e40; }
    .mobile #user .form-control.is-invalid + .invalid-feedback {
      position: absolute;
      bottom: 17px;
      font-size: 0.875rem;
      left: 20px;
      margin-top: 0;
      color: #ff6e40;
      width: calc(100% - 200px); }
  .mobile #user .btn-wrap {
    margin-bottom: 2.25rem; }
    .mobile #user .btn-wrap.position-fixed {
      bottom: 80px;
      left: 0;
      padding: 0 20px;
      width: 100%;
      margin-bottom: 0; }
    .mobile #user .btn-wrap .btn.w-100 {
      padding: 17px 30px;
      margin-bottom: 0.5rem; }
  .mobile #user .nav {
    margin-bottom: 2.25rem; }
    .mobile #user .nav .nav-link {
      padding: 1rem 0;
      width: 50%;
      font-size: 0.875rem;
      font-weight: normal;
      margin-right: 0;
      text-align: center;
      line-height: 1.68; }
      .mobile #user .nav .nav-link.active {
        position: relative;
        color: #1c1c1c; }
        .mobile #user .nav .nav-link.active:after {
          content: "";
          width: 100%;
          height: 2px;
          background: #1c1c1c;
          position: absolute;
          bottom: -1px;
          left: 0; }
    .mobile #user .nav.wish {
      margin-bottom: 0.25rem;
      border-bottom: none; }
      .mobile #user .nav.wish .nav-link {
        width: auto;
        font-size: 1rem;
        padding: 0;
        border: none;
        color: #dddddd;
        margin-right: 1rem; }
        .mobile #user .nav.wish .nav-link:hover {
          text-decoration: underline; }
        .mobile #user .nav.wish .nav-link.active {
          color: #1c1c1c; }
          .mobile #user .nav.wish .nav-link.active:hover {
            text-decoration: none; }
    .mobile #user .nav.nav-btn {
      border-bottom: none;
      display: flex;
      margin-bottom: 1.75rem; }
      .mobile #user .nav.nav-btn .nav-link {
        width: 50%;
        margin: 0;
        padding: 15px 0;
        text-align: center;
        font-size: 1rem;
        font-weight: normal;
        background: white;
        color: #333333;
        border: 1px solid #dddddd; }
        .mobile #user .nav.nav-btn .nav-link.active {
          color: white;
          background: #4173fa;
          border: 1px solid #4173fa; }
    .mobile #user .nav.nav-btn.cart {
      margin-bottom: 2rem; }
      .mobile #user .nav.nav-btn.cart .nav-link {
        color: #999999; }
        .mobile #user .nav.nav-btn.cart .nav-link.active {
          border: 1px solid #333333;
          color: white;
          background-color: #333333; }
          .mobile #user .nav.nav-btn.cart .nav-link.active:after {
            display: none; }
  .mobile #user .nav-position-fixed {
    position: fixed;
    left: 50%;
    top: 58px;
    transform: translateX(-50%);
    justify-content: center;
    width: 100%;
    padding-bottom: 20px;
    z-index: 10; }
    .mobile #user .nav-position-fixed .nav {
      background-color: #ffffff;
      display: flex;
      justify-content: center; }
    .mobile #user .nav-position-fixed .nav-link {
      max-width: calc(572px / 2); }
    .mobile #user .nav-position-fixed + .tab-content {
      padding-top: 58px; }
  .mobile #user form.find .form-control {
    height: 48px; }
  .mobile #user form.find .radioBox .form-control {
    height: 40px;
    padding-left: 12px; }
  .mobile #user form.find #beforechk {
    margin-top: 24px; }
  .mobile #user form.find #timer {
    left: calc(100% - 170px); }
  .mobile #user form.find.corpor .btn-wrap {
    display: block; }
  .mobile #user form.find.corpor .form-group .fs-title-4 {
    margin-top: 1.25rem;
    margin-bottom: 0.9375rem; }
  .mobile #user form.find .form-group {
    margin-top: 0; }
    .mobile #user form.find .form-group:first-of-type .fs-title-4 {
      margin-top: 3.75rem; }
    .mobile #user form.find .form-group .fs-title-4 {
      margin-bottom: 0.9375rem; }
  .mobile #user form.find .form-control.is-invalid {
    margin-bottom: 1.5rem; }
  .mobile #user form.find .form-control.is-invalid + .invalid-feedback {
    bottom: 0px;
    left: 0;
    width: calc(100% - 200px); }
  .mobile #user form.find .form-control .select-wrap {
    background-position: 94% center; }
  .mobile #user form.find #sendVertifyNum,
  .mobile #user form.find .btn-default.fs-txt-2 {
    padding: 12px 13px;
    min-width: 110px; }
  .mobile #user form.find .inputVertify-wrap > div {
    width: calc(100% - 120px); }
  .mobile #user form.find .inputVertify-wrap .btn {
    width: 110px;
    padding: 13px 13px; }
  .mobile #user form.find .inputVertify-wrap .position-absolute {
    right: 20px;
    top: 17px; }
  .mobile #user form.findid .form-control.is-invalid {
    background-image: none;
    margin-bottom: 0;
    border-color: #ff6e40; }
  .mobile #user form.findid .form-control.is-invalid + .invalid-feedback:not(:empty) {
    width: 100%;
    order: 3; }
  .mobile #user form.findid .d-flex.flex-wrap .form-control {
    order: 1;
    width: calc(100% - 118px); }
  .mobile #user form.findid .d-flex.flex-wrap .btn {
    order: 2; }
  .mobile #user form.findid .d-flex.flex-wrap .btn-default {
    padding: 12px 13px;
    width: 110px; }
  .mobile #user .join-list li .fs-title-2 {
    color: #1c1c1c;
    margin-bottom: 0.75rem;
    margin-top: 0; }
  .mobile #user .select-wrap[name='location'],
  .mobile #user .select-wrap[name='user_sex'] {
    background-size: 12px 12px;
    background-position: 95% center !important; }
  .mobile #user .alarm {
    width: 100%; }
    .mobile #user .alarm .container-572 {
      width: 100%;
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .mobile #user .alarm .container-572 > .d-flex {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        padding: 14px 5.4%; }
        .mobile #user .alarm .container-572 > .d-flex .prev-icon {
          margin-left: -12px; }
    .mobile #user .alarm ul {
      width: 100%;
      margin-top: 0; }
      .mobile #user .alarm ul li {
        width: 100%; }
        .mobile #user .alarm ul li a {
          padding: 16px 20px;
          min-height: 98px; }
          .mobile #user .alarm ul li a img {
            width: 60px;
            height: 60px;
            margin-left: 0.75rem; }
          .mobile #user .alarm ul li a .fs-txt-2 {
            max-height: calc(1.64 * 14px * 2); }
        .mobile #user .alarm ul li .ic-alram {
          width: 80px;
          height: 80px; }
  .mobile #user .joinForm hr {
    margin: 1.5rem 0 1.25rem; }
  .mobile #user .joinForm .parsley-errors-list {
    margin-bottom: 0.75rem; }
  .mobile #user .joinForm .form-check {
    align-items: start;
    word-break: break-word;
    line-height: 1.68;
    width: 100%; }
    .mobile #user .joinForm .form-check.type02 {
      width: auto;
      margin-bottom: 0 !important; }
      .mobile #user .joinForm .form-check.type02 + .form-check.type02 {
        margin-left: 30px; }
  .mobile #user .joinForm .d-flex.justify-content-between.align-items-start {
    word-break: break-word;
    line-height: 1.68; }
    .mobile #user .joinForm .d-flex.justify-content-between.align-items-start > a {
      min-width: 60px; }
  .mobile #user .joinForm .form-row {
    position: relative;
    word-break: break-word;
    line-height: 1.68; }
    .mobile #user .joinForm .form-row > a {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 60px; }
    .mobile #user .joinForm .form-row .form-check {
      width: calc(100% - 80px); }
    .mobile #user .joinForm .form-row .parsley-errors-list {
      margin-left: 23px;
      margin-top: -10px; }
  .mobile #user .joinForm .select-wrap {
    background-size: 16px 16px;
    background-position: 88% center; }
  .mobile #user .joinForm .form-group {
    margin-bottom: 2.5rem; }
    .mobile #user .joinForm .form-group .d-flex.flex-wrap input.form-control {
      width: calc(100% - 116px); }
    .mobile #user .joinForm .form-group .d-flex.flex-wrap button[type="button"] {
      width: 108px;
      white-space: nowrap; }
      .mobile #user .joinForm .form-group .d-flex.flex-wrap button[type="button"].md {
        width: auto;
        padding: 8px 12px; }
    .mobile #user .joinForm .form-group .d-flex.flex-wrap .parsley-errors-list {
      margin-bottom: 0; }
    .mobile #user .joinForm .form-group.is_F .select-wrap {
      width: 108px; }
  .mobile #user .wishfont_head {
    padding: 0 5.3% 0; }
    .mobile #user .wishfont_head .fs-title-1 {
      margin-bottom: 0; }
  .mobile #user .wish-list {
    padding-bottom: 1.5rem; }
    .mobile #user .wish-list .items.items-border {
      padding-top: 1.125rem;
      margin-top: 1.75rem; }
      .mobile #user .wish-list .items.items-border:first-of-type {
        margin-top: 2px; }
    .mobile #user .wish-list .items[data-dropdown="close"] > .d-flex {
      margin-bottom: 0; }
    .mobile #user .wish-list .items .fontImage {
      width: 64px;
      height: 64px; }
    .mobile #user .wish-list .items > .d-flex {
      margin-bottom: 1rem; }
    .mobile #user .wish-list .items .form-check {
      margin-bottom: 0.625rem; }
    .mobile #user .wish-list .items .fs-title-3 {
      margin-bottom: 0rem; }
      .mobile #user .wish-list .items .fs-title-3 a {
        color: #1c1c1c; }
    .mobile #user .wish-list .items .fs-txt-3 {
      color: #999999;
      margin-top: 0.375rem; }
  .mobile #user .cart-list {
    border-top: none;
    margin-bottom: 1.25rem; }
    .mobile #user .cart-list .items {
      position: relative;
      padding: 24px 0 20px;
      border-bottom: solid 1px #dddddd; }
      .mobile #user .cart-list .items:first-of-type {
        margin-top: 11px;
        border-top: solid 1px #dddddd; }
      .mobile #user .cart-list .items #changeOptionForm {
        height: calc(100vh - 180px); }
      .mobile #user .cart-list .items .itemImg {
        width: 48px;
        height: 48px; }
      .mobile #user .cart-list .items .form-check {
        margin-right: 0; }
      .mobile #user .cart-list .items .fs-title-3 {
        width: 100%;
        margin-left: 0.75rem;
        margin-bottom: 0;
        color: #1c1c1c; }
        .mobile #user .cart-list .items .fs-title-3.total_price {
          text-align: left;
          width: auto;
          margin-right: 0; }
        .mobile #user .cart-list .items .fs-title-3.disabled {
          width: 100%;
          color: #999999;
          margin-right: 0; }
      .mobile #user .cart-list .items .btn-default-outline {
        width: calc(100% - 12px);
        margin-left: 0.75rem;
        border-radius: 6px;
        padding: 7px 0; }
      .mobile #user .cart-list .items p.fs-txt-2 {
        text-align: left;
        margin-left: 0.75rem; }
      .mobile #user .cart-list .items .btn-del {
        position: absolute;
        top: 24px;
        right: 0;
        margin-left: auto;
        padding: 0;
        margin-right: 0; }
        .mobile #user .cart-list .items .btn-del i {
          width: 28px;
          height: 28px; }
      .mobile #user .cart-list .items .btn-encore {
        margin-top: -3px;
        border: none;
        font-size: 1rem;
        background: transparent;
        margin-right: 0.25rem; }
        .mobile #user .cart-list .items .btn-encore i {
          width: 28px;
          height: 28px; }
      .mobile #user .cart-list .items .product-type:after {
        display: none; }
      .mobile #user .cart-list .items .product_cnt::after {
        content: "";
        display: inline-block;
        margin: 0 8px;
        width: 1px;
        height: 18px;
        background-color: #dddddd;
        vertical-align: middle; }
  .mobile #user .nav-type.fixed {
    position: fixed;
    top: 57px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    z-index: 1001; }
  .mobile #user .nav-type .btn-size-sm {
    min-width: 56px;
    padding: 3px 0;
    font-size: 10px !important; }
  .mobile #user .none-items {
    padding: 48px 0; }
    .mobile #user .none-items .text-ddd.fw-bold {
      color: #dddddd;
      font-size: 2.75rem;
      margin-bottom: 32px;
      line-height: 1.38; }
    .mobile #user .none-items p {
      line-height: 1.64; }
  .mobile #user #beforechk .btn {
    padding: 9px 8px; }
  .mobile #user #beforechk #timer {
    left: inherit;
    right: 128px; }
  .mobile #user .form-cont {
    display: flex;
    flex-wrap: wrap;
    font-size: 0; }
    .mobile #user .form-cont input {
      display: inline-block;
      width: calc(100% - 129px);
      flex: 1;
      vertical-align: middle; }
    .mobile #user .form-cont .btn {
      margin-left: 10px;
      height: auto;
      min-width: 108px;
      padding: 9px 8px; }
  .mobile #user .regist_btn {
    height: 48px; }

.mobile .studentCertificationModal .select-wrap {
  background-position: 98% center !important; }

.mobile .studentCertificationModal .btn-default {
  padding: 13px 0;
  width: 150px; }

.mobile .studentCertificationModal .mt-12px {
  margin-top: 0.75rem; }

.mobile #policyTermsUserModal .modal-content > .btn-close,
.mobile #policyTermsServiceModal .modal-content > .btn-close,
.mobile #policyPrivacyModal .modal-content > .btn-close,
.mobile #policyMarketingModal .modal-content > .btn-close,
.mobile #contentsGuideModal .modal-content > .btn-close,
.mobile #channelGuideModal .modal-content > .btn-close,
.mobile #detailModal .modal-content > .btn-close,
.mobile #agreeModal .modal-content > .btn-close,
.mobile #guideLineModal .modal-content > .btn-close {
  right: 5.3%; }

.mobile #policyTermsUserModal .modal-dialog,
.mobile #policyTermsServiceModal .modal-dialog,
.mobile #policyPrivacyModal .modal-dialog,
.mobile #policyMarketingModal .modal-dialog,
.mobile #contentsGuideModal .modal-dialog,
.mobile #channelGuideModal .modal-dialog,
.mobile #detailModal .modal-dialog,
.mobile #agreeModal .modal-dialog,
.mobile #guideLineModal .modal-dialog {
  max-width: 100%;
  margin: 0 0; }

.mobile #policyTermsUserModal .modal-body,
.mobile #policyTermsServiceModal .modal-body,
.mobile #policyPrivacyModal .modal-body,
.mobile #policyMarketingModal .modal-body,
.mobile #contentsGuideModal .modal-body,
.mobile #channelGuideModal .modal-body,
.mobile #detailModal .modal-body,
.mobile #agreeModal .modal-body,
.mobile #guideLineModal .modal-body {
  padding: 30px 5.3%; }

.mobile #policyTermsUserModal .fs-title-1,
.mobile #policyTermsServiceModal .fs-title-1,
.mobile #policyPrivacyModal .fs-title-1,
.mobile #policyMarketingModal .fs-title-1,
.mobile #contentsGuideModal .fs-title-1,
.mobile #channelGuideModal .fs-title-1,
.mobile #detailModal .fs-title-1,
.mobile #agreeModal .fs-title-1,
.mobile #guideLineModal .fs-title-1 {
  margin-top: 3.75rem; }

.mobile #policyTermsUserModal .scrollable-area,
.mobile #policyTermsServiceModal .scrollable-area,
.mobile #policyPrivacyModal .scrollable-area,
.mobile #policyMarketingModal .scrollable-area,
.mobile #contentsGuideModal .scrollable-area,
.mobile #channelGuideModal .scrollable-area,
.mobile #detailModal .scrollable-area,
.mobile #agreeModal .scrollable-area,
.mobile #guideLineModal .scrollable-area {
  background: #ffffff;
  padding: 0;
  line-height: 1.64;
  height: auto;
  overflow-y: visible;
  margin-bottom: 0; }

.mobile #checkCertificationModal .modal-body {
  padding: 60px 44px 48px; }

.mobile #checkCertificationModal p.fs-txt-2 {
  margin: 0 0;
  color: #1c1c1c; }

.mobile #checkCertificationModal .modal-content .modal-footer {
  padding: 0 !important; }
  .mobile #checkCertificationModal .modal-content .modal-footer .btn {
    padding: 13px 0; }

.mobile .radioBox_text {
  padding-right: 10px; }

.mobile .radioBox .d-flex .select-wrap {
  width: 70px; }
  .mobile .radioBox .d-flex .select-wrap + * {
    width: calc(100% - 80px); }

.mobile .inputWrap .invalid-feedback {
  padding-left: 13px; }

#supportTargetModal .modal-content > .btn-close {
  right: 5.3%; }

#supportTargetModal .modal-content {
  border: none;
  max-height: 60vh;
  overflow: hidden;
  border-radius: 0.75rem; }

#supportTargetModal .modal-body {
  padding: 60px 32px; }

#supportTargetModal .scrollable-area {
  background: #f9f9f9;
  padding: 32px 20px;
  line-height: 1.64;
  height: calc(60vh - 220px);
  overflow-y: auto;
  margin-bottom: 0; }

/* 결제내역 관리 세금 계산서, 현금영수증 */
#user .receipt_area .list-style-disc {
  line-height: 1.64;
  margin-bottom: 20px; }
  #user .receipt_area .list-style-disc li {
    margin-bottom: 4px; }

#user .receipt_area .table .btn {
  font-size: 0.875rem;
  padding-left: 10px;
  padding-right: 10px; }

#user .receipt_area .pay_area p {
  line-height: 1.64; }

#user .receipt_area .pay_area .card_info_area .invoice_area > p {
  margin-top: 30px; }

#user .receipt_area .pay_area .text_area {
  margin-top: 30px;
  padding-bottom: 30px; }
  #user .receipt_area .pay_area .text_area p {
    margin-top: 30px;
    margin-bottom: 15px; }
  #user .receipt_area .pay_area .text_area ul li {
    margin-bottom: 5px;
    text-indent: -8px; }

#user .receipt_area .pay_area .info {
  margin-bottom: 30px; }
  #user .receipt_area .pay_area .info li {
    margin-bottom: 5px;
    text-indent: -8px; }

#user .receipt_area .pay_area dl {
  margin-top: 40px;
  padding-top: 40px;
  text-align: center; }
  #user .receipt_area .pay_area dl dt {
    font-size: 21px; }
  #user .receipt_area .pay_area dl dd {
    font-size: 14px; }

#user .receipt_area .pay_area .pay_help {
  display: block;
  width: 60% !important;
  margin: 0 auto;
  margin-top: 45px; }

#user .receipt_area .pay_area .btn {
  width: 100%; }

#user .receipt_area .pay_area .pay_btn {
  margin-top: 30px; }
  #user .receipt_area .pay_area .pay_btn .btn {
    padding: 13px;
    margin-bottom: 15px; }

#user .receipt_area .confirm_area {
  text-align: center; }
  #user .receipt_area .confirm_area p {
    margin-top: 30px;
    text-align: left;
    padding: 0 35px; }
  #user .receipt_area .confirm_area img {
    width: 85%;
    margin-top: 50px; }

#user .receipt_area .bank_area .bank_box {
  margin: 0 !important; }
  #user .receipt_area .bank_area .bank_box fieldset {
    margin-top: 20px; }
    #user .receipt_area .bank_area .bank_box fieldset:first-child {
      margin-top: 30px; }
  #user .receipt_area .bank_area .bank_box input {
    display: none; }
    #user .receipt_area .bank_area .bank_box input:checked + label {
      border: 1px solid #4474f8;
      background: url("../../static/images/msub/chk_on.png") no-repeat 20px center;
      background-size: 27px;
      color: #4474f8;
      opacity: 1; }
  #user .receipt_area .bank_area .bank_box label {
    display: block;
    padding: 32px 20px;
    border: 1px solid #aaaaa8;
    border-radius: 3px;
    background: url("../../static/images/msub/chk_off.png") no-repeat 20px center;
    background-size: 27px;
    background-color: #ffffff !important;
    cursor: pointer;
    text-align: right;
    color: #6a6a6a; }

#user .receipt_area .bank_area .list_menu {
  overflow: hidden;
  margin-top: 30px;
  padding-top: 30px;
  text-align: center; }
  #user .receipt_area .bank_area .list_menu li {
    float: left;
    position: relative;
    width: 50%;
    padding: 10px 0;
    cursor: pointer;
    color: #a8a8a8; }
    #user .receipt_area .bank_area .list_menu li:hover {
      color: #4474f8; }
    #user .receipt_area .bank_area .list_menu li:first-child::after {
      position: absolute;
      top: 15px;
      right: 0;
      width: 1px;
      height: 15px;
      border-right: 1px solid #e3e3e3;
      content: ""; }

#user .receipt_area .bank_area .cash_area form {
  margin-top: 30px; }

#user .receipt_area .bank_area .cash_area ul li.on {
  color: #4474f8; }

#user .receipt_area .bank_area .cash_area .list_area {
  display: none; }

#user .receipt_area .bank_area .cash_area .list_area.on {
  display: block; }

#user .receipt_area .bank_area .cash_area .cash_box tr:first-child .input_box {
  width: 47.1%;
  margin: 0;
  box-sizing: border-box; }

#user .receipt_area .bank_area .cash_area .cash_box tr:first-child .float {
  float: left; }

#user .receipt_area .bank_area .cash_area .cash_box tr:first-child .var {
  display: inline-block;
  width: 5.8%;
  margin-top: 6px;
  text-align: center; }

#user .receipt_area .bank_area .cash_area .cash_box tr:last-child .input_box {
  width: 100%; }

#user .receipt_area .bank_area .cash_area .cash_box tr input[type=radio] {
  margin-right: 5px;
  margin-left: 1px; }

#user .receipt_area .bank_area .cash_area .cash_box .tit {
  padding-top: 14px;
  display: inline-block; }

#user .receipt_area .bank_area .cash_area .info_area {
  margin-top: 30px;
  padding: 30px 0; }
  #user .receipt_area .bank_area .cash_area .info_area p:first-child {
    margin-bottom: 15px; }

#user .receipt_area .bank_area .cash_area .cash_info {
  margin-top: 50px; }
  #user .receipt_area .bank_area .cash_area .cash_info .btn {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%; }

/* error */
/* error */
#error {
  padding: 200px 0; }
  #error h2 {
    color: #dddddd;
    font-size: 6.25rem;
    font-weight: bold;
    margin-bottom: 0.625rem; }
  #error .fs-title-1 {
    color: #1c1c1c; }
    #error .fs-title-1 > span {
      font-size: 3.75rem !important;
      color: #dddddd;
      display: block; }
  #error .fs-title-1 + .btn-wrap {
    margin-top: 2.5rem; }
  #error .fs-txt-2 {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem; }
  #error .notice {
    max-width: 572px;
    padding: 1.75rem;
    min-width: inherit;
    margin: 0 auto;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    #error .notice > div:first-child {
      width: 30%; }
    #error .notice .fs-title-4 {
      color: #1c1c1c;
      margin-bottom: 0.75rem; }
    #error .notice .fs-txt-2 {
      margin: 0; }

.mobile #error {
  padding: 0; }
  .mobile #error .container-1200 {
    height: calc(100vh - 80px); }
    .mobile #error .container-1200 > * {
      width: 100%; }
    .mobile #error .container-1200.maintainance {
      padding: 0 13%; }
  .mobile #error h2 {
    margin-top: 100px;
    font-size: 3.75rem;
    margin-bottom: 0.625rem; }
    .mobile #error h2 img {
      width: 44px;
      height: auto; }
  .mobile #error .fs-title-2 {
    color: #1c1c1c; }
    .mobile #error .fs-title-2 > span {
      font-size: 2.125rem !important;
      color: #dddddd;
      display: block; }
  .mobile #error .fs-title-2 + .btn-wrap {
    margin-top: 2.5rem; }
  .mobile #error .fs-txt-2 {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem; }
  .mobile #error .notice {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    border-top: none;
    border-bottom: none; }
    .mobile #error .notice.border-use {
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd; }
    .mobile #error .notice > div:first-child {
      width: 100%; }
    .mobile #error .notice .fs-title-4 {
      color: #1c1c1c;
      margin-bottom: 0.5rem; }
    .mobile #error .notice .fs-txt-2 {
      margin: 0; }

/* 약관페이지 */
@keyframes gif_img {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(5deg); }
  0% {
    transform: rotate(0deg); } }

/* 2023 연말시즌 */
.btn-height-65 {
  padding: 19px 30px;
  height: 65px; }

.yearend2023 {
  padding-bottom: 0 !important;
  overflow: hidden; }

@keyframes animation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
  .yearend2023 section {
    text-align: center;
    color: #fff; }
  .yearend2023 a {
    color: #fff; }
  .yearend2023 .title {
    font-weight: 700;
    font-size: 34px;
    line-height: 47px; }
  .yearend2023 .small-title {
    font-size: 26px;
    line-height: 36px; }
  .yearend2023 .text {
    font-size: 20px;
    line-height: 29px; }
    .yearend2023 .text.icon-type {
      font-weight: 700;
      padding-top: 58px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/icon_tree.png") top center/38px 46px no-repeat; }
    .yearend2023 .text.num-type {
      font-weight: 700;
      padding-top: 46px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/icon_num1.png") top center/30px 36px no-repeat; }
      .yearend2023 .text.num-type2 {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/icon_num2.png"); }
  .yearend2023 .middle-text {
    font-size: 16px;
    line-height: 26px; }
  .yearend2023 .circle-text {
    display: inline-block;
    padding: 12px 22px 10px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg_circle.png") 0 0/100% 100% no-repeat; }
  .yearend2023 .bubble-text {
    position: relative;
    width: 185px;
    margin: 44px auto 0;
    padding: 9px 22px;
    background-color: #fff;
    border-radius: 20px;
    color: #1F315D;
    font-size: 14px;
    font-weight: 600; }
    .yearend2023 .bubble-text::after {
      content: "";
      position: absolute;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%);
      border-top: 7px solid #fff;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent; }
  .yearend2023 .small-text {
    font-size: 14px;
    line-height: 23px; }
  .yearend2023 .tiny-text {
    font-size: 12px;
    line-height: 20px; }
  .yearend2023 .big-text {
    font-size: 42px; }
  .yearend2023 .large-text {
    font-size: 30px;
    letter-spacing: 2px; }
  .yearend2023 .text-gold {
    color: #E2B868; }
  .yearend2023 .text-light-blue {
    color: #C5D6FF; }
  .yearend2023 .SDGeokdong {
    font-family: "SD Gyeokdong Mj2 Extended"; }
    .yearend2023 .SDGeokdong-rg {
      font-family: "SD Gyeokdong Mj2"; }
  .yearend2023 .img-text {
    width: 111px;
    height: 47px; }
  .yearend2023 .letter-space {
    letter-spacing: 2px; }
  .yearend2023 .caution-text {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    font-size: 12px;
    color: #C5D6FF; }
    .yearend2023 .caution-text::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/icon_caution.png") 0 0/100% 100% no-repeat; }
  .yearend2023 .top {
    position: relative;
    height: 775px;
    padding-top: 108px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg_top.png") center center/cover no-repeat; }
    .yearend2023 .top .ani-el1 {
      position: absolute;
      top: 234px;
      left: calc(50% + 380px);
      width: 212px;
      height: 215px;
      animation: animation 2.1s infinite alternate; }
    .yearend2023 .top .ani-el2 {
      position: absolute;
      top: 341px;
      left: calc(50% - 441px);
      width: 77px;
      height: 79px;
      animation: animation 2.3s infinite alternate; }
    .yearend2023 .top .ani-el3 {
      position: absolute;
      top: 156px;
      left: calc(50% - 635px);
      width: 112px;
      height: 115px;
      animation: animation 2.5s infinite alternate; }
  .yearend2023 nav {
    background: #1A2339; }
    .yearend2023 nav ul {
      display: flex;
      justify-content: center;
      width: 880px;
      margin: 0 auto; }
    .yearend2023 nav li {
      flex: 1; }
    .yearend2023 nav button {
      width: 100%;
      padding: 27px 0;
      color: #E2B868;
      background: transparent;
      border: none;
      font-weight: 700; }
      .yearend2023 nav button.active {
        color: #fff; }
    .yearend2023 nav.fixed {
      position: fixed;
      top: 106px;
      left: 0;
      width: 100%;
      z-index: 99; }
  .yearend2023 .wrap.bg1 {
    height: 764px;
    margin-top: -1px;
    padding-top: 90px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg1.png") center center/cover no-repeat; }
  .yearend2023 .wrap.bg2 {
    padding: 75px 0 140px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg2.png") center center/cover no-repeat; }
  .yearend2023 .wrap.bg3 {
    padding: 88px 0 182px;
    background-color: #1B2745; }
    .yearend2023 .wrap.bg3.type2 {
      padding: 93px 0 0; }
  .yearend2023 .wrap.bg4 {
    position: relative;
    padding: 73px 0 121px;
    background: #1A2339 url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg3.png") 50% 50%/1920px auto no-repeat; }
    .yearend2023 .wrap.bg4::after {
      content: "";
      position: absolute;
      bottom: -163px;
      left: calc(50% + 500px);
      width: 329px;
      height: 420px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_deco.png") 0 0/100% 100% no-repeat; }
  .yearend2023 .wrap.bg5 {
    padding: 90px 0 76px;
    background: #1A2339; }
  .yearend2023 .wrap.bg6 {
    background: #1B2745;
    font-size: 0; }
  .yearend2023 .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px; }
    .yearend2023 .list a {
      display: block; }
    .yearend2023 .list img {
      width: 230px; }
    .yearend2023 .list p {
      margin-top: 23px;
      font-size: 16px;
      line-height: 26px;
      color: #C5D6FF; }
    .yearend2023 .list div {
      font-weight: 700;
      font-size: 20px;
      line-height: 29px; }
    .yearend2023 .list li:nth-of-type(2) {
      margin-left: 57px; }
    .yearend2023 .list li:last-of-type {
      margin-left: 97px; }
  .yearend2023 .square-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -21px;
    margin-top: 36px; }
    .yearend2023 .square-list li {
      margin-left: 21px;
      margin-top: 24px; }
    .yearend2023 .square-list.type2 {
      margin: 40px auto 0 8px; }
      .yearend2023 .square-list.type2 li {
        margin-left: 29px;
        margin-top: 0; }
        .yearend2023 .square-list.type2 li .box {
          background: #fff url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_how1.png") center 20px/105px 65px no-repeat; }
        .yearend2023 .square-list.type2 li:nth-of-type(2) .box {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_how2.png");
          background-position-y: 23px;
          background-size: 123px 69px; }
        .yearend2023 .square-list.type2 li:nth-of-type(3) .box {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_how3.png");
          background-position-y: 27px;
          background-size: 92px 56px; }
        .yearend2023 .square-list.type2 li:last-of-type .box {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_how4.png");
          background-position-y: 25px;
          background-size: 76px 73px; }
      .yearend2023 .square-list.type2 .box {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 210px;
        height: 230px;
        padding: 97px 18px 16px;
        color: #000; }
        .yearend2023 .square-list.type2 .box > div {
          font-weight: 700;
          line-height: 26px; }
      .yearend2023 .square-list.type2 p {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px; }
      .yearend2023 .square-list.type2 a {
        display: block;
        background-color: #3354A3;
        border-radius: 20px;
        padding: 10px 0;
        font-size: 14px;
        color: #fff; }
  .yearend2023 .info-list {
    margin-top: 4px;
    padding-top: 395px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_example.png") top center/636px 496px no-repeat; }
    .yearend2023 .info-list li:first-of-type dt {
      margin-top: 0; }
    .yearend2023 .info-list dt,
    .yearend2023 .info-list div {
      color: #E2B868;
      margin-top: 21px;
      font-weight: 700; }
    .yearend2023 .info-list dd {
      margin-top: 21px; }
  .yearend2023 .bullet-list {
    text-align: left;
    display: flex;
    margin-top: 44px; }
    .yearend2023 .bullet-list.type2 {
      width: calc(100% - 204px);
      margin-top: 0; }
    .yearend2023 .bullet-list.type3 {
      margin-top: 20px; }
      .yearend2023 .bullet-list.type3 ul {
        margin: 0; }
      .yearend2023 .bullet-list.type3 li {
        font-size: 12px;
        line-height: 20px; }
        .yearend2023 .bullet-list.type3 li::before {
          background-color: #000; }
    .yearend2023 .bullet-list ul {
      display: inline-block;
      margin: 0 auto; }
    .yearend2023 .bullet-list li {
      position: relative;
      padding-left: 12px;
      font-size: 14px;
      line-height: 23px; }
      .yearend2023 .bullet-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 9px;
        width: 3px;
        height: 3px;
        border-radius: 100%;
        background-color: #fff; }
      .yearend2023 .bullet-list li ol li {
        display: inline-block;
        padding-left: 0; }
        .yearend2023 .bullet-list li ol li::before {
          display: none; }
  .yearend2023 .stamp-board {
    position: relative;
    margin-top: 38px; }
    .yearend2023 .stamp-board ul {
      display: flex;
      align-items: center;
      width: 1000px;
      margin: 0 auto;
      padding: 39px 33px;
      background-color: #2E4274;
      border-radius: 5px; }
      .yearend2023 .stamp-board ul.type2 {
        background-color: transparent; }
    .yearend2023 .stamp-board li {
      margin-left: 22px; }
      .yearend2023 .stamp-board li:first-of-type {
        margin-left: 0; }
    .yearend2023 .stamp-board_item {
      width: 169px;
      height: 169px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_stamp.png") 0 0/100% 100% no-repeat; }
      .yearend2023 .stamp-board_item.active {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_stamp-active.png"); }
    .yearend2023 .stamp-board_dim {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .yearend2023 .stamp-board_dim a {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        background-color: rgba(27, 39, 69, 0.75);
        color: #fff; }
  .yearend2023 .green-box {
    width: 296px;
    margin: 75px auto 0;
    padding: 17px 0;
    background-color: #1A2339;
    border-radius: 5px; }
    .yearend2023 .green-box_label {
      color: #869FDB;
      font-size: 14px;
      line-height: 23px; }
    .yearend2023 .green-box_value {
      margin-top: 5px;
      font-size: 26px;
      line-height: 36px; }
  .yearend2023 .btn-text {
    padding-left: 28px;
    background: transparent url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/icon_copy.png") 5px 4px/15px 15px no-repeat;
    color: #869FDB;
    border: none; }
    .yearend2023 .btn-text.type2 {
      padding: 0;
      background: none;
      color: inherit; }
  .yearend2023 .btn-form {
    margin-top: 25px;
    padding: 22px 84px;
    font-size: 22px;
    font-weight: 700;
    color: #1A2339;
    border: none;
    background-color: #E2B868; }
  .yearend2023 .btn-toggle {
    position: relative;
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: none;
    text-align: left;
    font-size: 14px; }
    .yearend2023 .btn-toggle::after {
      content: "";
      position: absolute;
      right: 0;
      top: -3px;
      width: 24px;
      height: 24px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/icon_arrow.png") 0 0/100% 100% no-repeat; }
    .yearend2023 .btn-toggle.active::after {
      transform: rotate(-180deg); }
  .yearend2023 .custom-modal .modal-dialog {
    width: 1000px;
    max-width: 1000px !important; }
  .yearend2023 .custom-modal .modal-content .modal-body {
    padding: 60px 200px 60px 220px; }
  .yearend2023 .form-group {
    margin-top: 22px; }
    .yearend2023 .form-group:first-of-type {
      margin-top: 0; }
    .yearend2023 .form-group input[type="text"] {
      margin-top: 9px; }
  .yearend2023 .gray-box {
    padding: 32px 36px;
    background-color: #F9F9F9; }
  .yearend2023 .border-box {
    width: 572px;
    padding: 13px;
    border: 1px solid #ddd; }
  .yearend2023 .form-check {
    width: 42%; }
    .yearend2023 .form-check:nth-of-type(even) {
      margin-left: 16%; }
    .yearend2023 .form-check:last-of-type {
      margin-left: auto; }
    .yearend2023 .form-check-input {
      margin-right: 0; }
  .yearend2023 [data-target] {
    display: none; }
    .yearend2023 [data-target].active {
      display: block; }
  .yearend2023 .radio-square-input {
    border-radius: 2px;
    border: none;
    margin-top: 0;
    vertical-align: baseline;
    float: inherit;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='1.25' stroke='%23DDDDDD' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-left: 0;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    background-size: cover;
    box-shadow: none; }
    .yearend2023 .radio-square-input:checked {
      border: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3.93414 7.12653C3.64125 6.83364 3.16637 6.83364 2.87348 7.12653C2.58059 7.41942 2.58059 7.8943 2.87348 8.18719L6.40901 11.7227C6.70191 12.0156 7.17678 12.0156 7.46967 11.7227L13.1265 6.06587C13.4194 5.77298 13.4194 5.2981 13.1265 5.00521C12.8336 4.71232 12.3588 4.71232 12.0659 5.00521L6.93934 10.1317L3.93414 7.12653Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

@keyframes motion {
  0% {
    bottom: 120px; }
  50% {
    bottom: 112px; }
  100% {
    bottom: 120px; } }

.floating-yearend {
  position: fixed;
  right: 13px;
  bottom: 112px;
  width: 117px;
  z-index: 99;
  animation: motion 1.5s infinite normal; }
  .floating-yearend::after {
    content: "";
    position: fixed;
    right: 16px;
    bottom: 102px;
    width: 110px;
    height: 32px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_shadow.png") 0 0/100% 100% no-repeat;
    z-index: -2; }
  .floating-yearend a {
    display: block;
    padding-top: 96px; }
    .floating-yearend a:hover .img img {
      visibility: visible; }
  .floating-yearend .item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 12px 29px;
    background: #1B2745;
    border-radius: 100px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #FFDC9A; }
    .floating-yearend .item::after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%);
      border-top: 8px solid #1B2745;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent; }
  .floating-yearend .img {
    position: relative;
    width: 87px;
    height: 105px;
    margin: 0 auto;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/img_floating.png") 0 0/100% 100% no-repeat; }
    .floating-yearend .img img {
      visibility: hidden; }
    .floating-yearend .img .ani-el1 {
      position: absolute;
      top: 22px;
      right: -6px;
      width: 58px;
      height: 58px;
      animation: animation 2.1s infinite alternate; }
    .floating-yearend .img .ani-el2 {
      position: absolute;
      top: 51px;
      left: 4px;
      width: 27px;
      height: 27px;
      animation: animation 2.3s infinite alternate; }
    .floating-yearend .img .ani-el3 {
      position: absolute;
      top: 76px;
      left: 19px;
      width: 19px;
      height: 19px;
      animation: animation 2.5s infinite alternate; }

.mobile .yearend2023 .swiper-pagination-bullet {
  background: #BDBDBD; }
  .mobile .yearend2023 .swiper-pagination-bullet-active {
    background: #000000; }

.mobile .yearend2023 .title {
  font-size: 26px;
  line-height: 36px; }

.mobile .yearend2023 .small-title.type2 {
  font-size: 20px;
  line-height: 29px; }

.mobile .yearend2023 .text {
  font-size: 16px; }
  .mobile .yearend2023 .text.icon-type {
    padding-top: 60px; }
  .mobile .yearend2023 .text.num-type {
    font-size: 20px;
    font-weight: 700; }
  .mobile .yearend2023 .text.type2 {
    font-size: 20px; }

.mobile .yearend2023 .middle-text {
  font-size: 14px; }
  .mobile .yearend2023 .middle-text.type2 {
    font-size: 16px;
    line-height: 26px; }

.mobile .yearend2023 .circle-text {
  width: 68px;
  height: 29px;
  padding: 9px 0;
  font-size: 14px; }

.mobile .yearend2023 .big-text {
  font-size: 34px;
  line-height: 47px; }

.mobile .yearend2023 .small-text.type2 {
  line-height: normal; }

.mobile .yearend2023 .large-text {
  font-size: 25px;
  line-height: 35px; }

.mobile .yearend2023 .bubble-text {
  margin-top: 32px; }

.mobile .yearend2023 .caution-text {
  padding-left: 0;
  padding-top: 29px; }
  .mobile .yearend2023 .caution-text::before {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); }

.mobile .yearend2023 .top {
  height: 706px;
  padding-top: 93px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg_top-m.png"); }
  .mobile .yearend2023 .top .ani-el1 {
    top: 29px;
    left: calc(50% + 63px);
    width: 125px;
    height: 127px; }
  .mobile .yearend2023 .top .ani-el2 {
    top: 428px;
    left: calc(50% - 110px);
    width: 39px;
    height: 40px; }
  .mobile .yearend2023 .top .ani-el3 {
    top: 134px;
    left: calc(50% - 176px);
    width: 71px;
    height: 73px; }

.mobile .yearend2023 nav ul {
  width: 100%; }

.mobile .yearend2023 nav li {
  flex: auto; }

.mobile .yearend2023 nav button {
  display: block;
  width: 100%;
  padding: 20px 5px;
  font-size: 14px;
  line-height: 23px; }

.mobile .yearend2023 nav.fixed {
  top: 58px; }

.mobile .yearend2023 .wrap.bg1 {
  padding: 85px 25px 58px;
  height: auto;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg1-m.png"); }

.mobile .yearend2023 .wrap.bg2 {
  padding: 67px 0 93px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2023/bg2-m.png"); }
  .mobile .yearend2023 .wrap.bg2.type2 {
    padding: 58px 0; }

.mobile .yearend2023 .wrap.bg3 {
  padding: 77px 0 21px; }
  .mobile .yearend2023 .wrap.bg3.type2 {
    padding: 59px 0 0; }

.mobile .yearend2023 .wrap.bg4 {
  padding: 56px 0 96px; }

.mobile .yearend2023 .wrap.bg5 {
  padding: 58px 0 54px; }

.mobile .yearend2023 .wrap.bg6 img {
  width: 100%; }

.mobile .yearend2023 .list {
  display: block;
  margin-top: 50px; }
  .mobile .yearend2023 .list p {
    margin-top: 12px; }
  .mobile .yearend2023 .list li {
    margin-left: 0;
    margin-top: 57px; }
    .mobile .yearend2023 .list li:first-of-type {
      margin-top: 0; }

.mobile .yearend2023 .square-list {
  margin: 0;
  flex-wrap: initial; }
  .mobile .yearend2023 .square-list li {
    margin: 0; }
  .mobile .yearend2023 .square-list.type2 {
    flex-direction: column;
    align-items: center;
    margin: 50px 0 0; }
    .mobile .yearend2023 .square-list.type2 li {
      margin-left: 0;
      margin-top: 39px; }
      .mobile .yearend2023 .square-list.type2 li:first-of-type {
        margin-top: 0; }
        .mobile .yearend2023 .square-list.type2 li:first-of-type .box {
          background-position-y: 24px;
          background-size: 126px 79px; }
      .mobile .yearend2023 .square-list.type2 li:nth-of-type(2) .box {
        background-position-y: 28px;
        background-size: 148px 83px; }
      .mobile .yearend2023 .square-list.type2 li:nth-of-type(3) .box {
        background-position-y: 32px;
        background-size: 110px 67px; }
      .mobile .yearend2023 .square-list.type2 li:last-of-type .box {
        background-position-y: 30px;
        background-size: 91px 88px; }
    .mobile .yearend2023 .square-list.type2 .box {
      width: 252px;
      height: 276px;
      padding-top: 116px; }
      .mobile .yearend2023 .square-list.type2 .box > div {
        font-size: 19px; }
    .mobile .yearend2023 .square-list.type2 p {
      margin-top: 5px;
      font-size: 17px;
      line-height: 28px; }

.mobile .yearend2023 .info-list {
  margin-top: 31px;
  padding-top: 240px;
  background-size: 353px 279px; }
  .mobile .yearend2023 .info-list dt {
    margin-top: 17px; }
  .mobile .yearend2023 .info-list dd {
    margin-top: 17px;
    line-height: 24px; }

.mobile .yearend2023 .bullet-list {
  margin-top: 63px;
  padding: 0 20px; }
  .mobile .yearend2023 .bullet-list.type2 {
    width: 100%;
    margin-top: 16px;
    padding-left: 25px; }
  .mobile .yearend2023 .bullet-list.type3 {
    padding: 0; }

.mobile .yearend2023 .stamp-board {
  margin-top: 24px; }
  .mobile .yearend2023 .stamp-board ul {
    width: 326px;
    flex-wrap: wrap;
    padding: 25px 9px; }
  .mobile .yearend2023 .stamp-board_item {
    width: 136px;
    height: 136px; }
  .mobile .yearend2023 .stamp-board li {
    margin: 0;
    padding: 8px 9px; }
  .mobile .yearend2023 .stamp-board_dim {
    width: 326px;
    left: 50%;
    transform: translateX(-50%); }

.mobile .yearend2023 .green-box {
  margin-top: 40px; }

.mobile .yearend2023 .btn-form {
  padding: 22px 65px; }

.mobile .yearend2023 .custom-modal .modal-dialog {
  width: 100%;
  max-width: 100% !important;
  margin: 0; }
  .mobile .yearend2023 .custom-modal .modal-dialog form {
    width: 100%; }

.mobile .yearend2023 .custom-modal .modal-content .modal-body {
  padding: 56px 20px 32px; }

.mobile .yearend2023 .radio-square-input {
  margin-right: 6px; }

.mobile .yearend2023 .gray-box {
  padding: 32px 20px; }

.mobile .yearend2023 .form-check {
  width: 100%; }
  .mobile .yearend2023 .form-check:nth-of-type(even) {
    margin-left: 0; }

.mobile .yearend2023 .form-control.size-default {
  height: 40px; }

.mobile .yearend2023 .border-box {
  width: 100%;
  padding: 8px 10px 12px 14px; }

.mobile .yearend2023 .btn-toggle::after {
  right: 4px; }

@keyframes motionMobile {
  0% {
    bottom: 85px; }
  50% {
    bottom: 79px; }
  100% {
    bottom: 85px; } }

.mobile .floating-yearend {
  width: auto;
  right: 20px;
  bottom: 79px;
  animation: motionMobile 1.5s infinite normal; }
  .mobile .floating-yearend::after {
    width: 92px;
    height: 38px;
    bottom: 62px;
    right: 13px; }
  .mobile .floating-yearend a {
    padding-left: 254px;
    padding-top: 0;
    font-size: 0; }
  .mobile .floating-yearend .item {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 245px; }
    .mobile .floating-yearend .item::after {
      top: 50%;
      bottom: auto;
      left: auto;
      right: -7px;
      transform: translate(0, -50%);
      border-left: 8px solid #1B2745;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-right: none; }
  .mobile .floating-yearend .img {
    display: inline-block;
    width: 81px;
    height: 95px; }
    .mobile .floating-yearend .img img {
      visibility: visible; }
    .mobile .floating-yearend .img .ani-el1 {
      animation: animation 1s infinite alternate; }
    .mobile .floating-yearend .img .ani-el2 {
      animation: animation 1.7s infinite alternate; }
    .mobile .floating-yearend .img .ani-el3 {
      animation: animation 1.5s infinite alternate; }
  .mobile .floating-yearend.active .img img {
    display: none; }

/* 2023 연말시즌 */
article[id^=talk] {
  min-width: auto !important;
  margin: 0 auto;
  padding-bottom: 0 !important; }
  article[id^=talk] .btn {
    border-radius: 8px; }
  article[id^=talk] .mobile-full .modal-content {
    min-height: 100vh !important; }
  article[id^=talk] .mobile-full .btn-wrap .btn {
    height: 47px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  article[id^=talk] img {
    width: 100%; }
  article[id^=talk] .fw-700 {
    font-weight: 700; }
  article[id^=talk] .SDHoyoyo2 {
    font-family: "Sandoll Hoyoyo2";
    font-weight: 400 !important; }
    article[id^=talk] .SDHoyoyo2.fw-500 {
      font-weight: 500 !important; }
    article[id^=talk] .SDHoyoyo2.fw-bold {
      font-weight: 600 !important; }
  article[id^=talk] .lh-114 {
    line-height: 1.14; }
  article[id^=talk] .lh-12 {
    line-height: 1.2; }
  article[id^=talk] .lh-14 {
    line-height: 1.4; }
  article[id^=talk] .font-1 {
    font-size: 19px; }
  article[id^=talk] .font-2 {
    font-size: 26px; }
  article[id^=talk] .font-3 {
    font-size: 35px; }
  article[id^=talk] .font-4 {
    font-size: 25px; }
  article[id^=talk] .font-5 {
    font-size: 20px; }
  article[id^=talk] .font-6 {
    font-size: 23px; }
  article[id^=talk] .font-7 {
    font-size: 14px; }
  article[id^=talk] .font-8 {
    font-size: 45px; }
  article[id^=talk] .font-9 {
    font-size: 32px; }
  article[id^=talk] .font-10 {
    font-size: 18px; }
  article[id^=talk] .font-11 {
    font-size: 16px; }
  article[id^=talk] .text-light-blue {
    color: #6697FF; }
  article[id^=talk] .text-light-blue-2 {
    color: #C3D2FF; }
  article[id^=talk] .text-blue {
    color: #345CC8; }
  article[id^=talk] .text-gray-1 {
    color: #777; }
  article[id^=talk] .text-gray-2 {
    color: #999999; }
  article[id^=talk] .text-gray-3 {
    color: #989898; }
  article[id^=talk] .hightlight {
    position: relative;
    word-break: keep-all; }
    article[id^=talk] .hightlight::after {
      content: "";
      position: absolute;
      left: -5px;
      bottom: 1px;
      width: 100%;
      height: 100%;
      background: #e1ff7d;
      z-index: -1; }
    article[id^=talk] .hightlight.type02::after {
      bottom: -8px; }

@keyframes motion1 {
  0% {
    bottom: 23px; }
  50% {
    bottom: 38px; }
  100% {
    bottom: 23px; } }

@keyframes motion2 {
  0% {
    bottom: 110px; }
  50% {
    bottom: 135px; }
  100% {
    bottom: 110px; } }
  article[id^=talk] .ani-el {
    position: absolute;
    left: calc(50% - 31px);
    bottom: 23px;
    width: 180px;
    height: 228px;
    animation: motion1 1.5s infinite normal; }
    article[id^=talk] .ani-el.type02 {
      left: calc(50% - 140px);
      bottom: 110px;
      width: 172px;
      height: 220px;
      animation: motion2 1.5s infinite normal; }
  article[id^=talk] .round-text {
    position: absolute;
    bottom: 268px;
    left: calc(50% + 37px);
    padding: 7px 12px;
    background-color: #91B4FF;
    border-radius: 16px;
    color: #345CC8;
    font-size: 10px;
    font-weight: 700; }
    article[id^=talk] .round-text:nth-child(even)::after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 11px;
      border-top: 6px solid #4173FA;
      border-right: 10px solid transparent;
      transform: rotate(-6deg); }
    article[id^=talk] .round-text:nth-of-type(2) {
      bottom: 240px;
      left: calc(50% + 57px);
      background-color: #4173FA;
      color: #E1FF7D; }
    article[id^=talk] .round-text:nth-of-type(3) {
      bottom: 190px;
      left: calc(50% - 158px);
      background-color: #6F95FB;
      color: #ffffff; }
    article[id^=talk] .round-text:last-of-type {
      bottom: 165px;
      left: calc(50% - 135px);
      background-color: #C3D2FF;
      color: #345CC8; }
      article[id^=talk] .round-text:last-of-type::after {
        left: auto;
        right: 11px;
        border-top-color: #C3D2FF;
        border-left: 10px solid transparent;
        border-right: 0;
        transform: rotate(6deg); }
    article[id^=talk] .round-text.type02 {
      position: initial;
      display: inline-block;
      font-size: 18px;
      background-color: #fff;
      color: #4173fa;
      word-break: keep-all; }
  article[id^=talk] .light-blue-box {
    position: relative;
    margin-top: 24px;
    padding: 262px 40px 43px;
    background: #EBF0FF url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/img_object1.png") center 25px/250px 250px no-repeat;
    border-radius: 15px; }
    article[id^=talk] .light-blue-box.type02 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/img_object2.png");
      background-position-y: 60px;
      background-size: 189px 189px; }
    article[id^=talk] .light-blue-box.type03 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/img_object3.png");
      background-position-y: 17px;
      background-size: 258px 258px; }
    article[id^=talk] .light-blue-box.type04 {
      padding: 55px 5px 30px;
      background-image: none; }
    article[id^=talk] .light-blue-box.type05 {
      background-image: none;
      padding: 64px 0 75px; }
    article[id^=talk] .light-blue-box .qr {
      width: 400px;
      height: auto;
      background-color: #fff;
      border-radius: 12px; }
    article[id^=talk] .light-blue-box .badge {
      position: absolute;
      top: -24px;
      left: 50%;
      transform: translateX(-50%);
      padding: 14px 24px;
      background-color: #4173fa;
      border-radius: 25px;
      color: #ffffff;
      font-size: 20px;
      font-weight: 700; }
  article[id^=talk] .gray-box {
    background-color: #EAEAEA;
    padding: 30px 0 90px;
    border: 0;
    border-radius: 0; }
  article[id^=talk] section.top {
    position: relative;
    text-align: center;
    font-size: 0; }
  article[id^=talk] section.bottom {
    text-align: center; }
  article[id^=talk] section[class*="tab"] {
    padding: 66px 0 164px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/bg_tab1.png") 0 0/100% auto no-repeat; }
    article[id^=talk] section[class*="tab"].active {
      display: block; }
  article[id^=talk] section.tab02 {
    padding: 69px 0 0;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/bg_tab2.png"); }
  article[id^=talk] .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  article[id^=talk] .hidden {
    opacity: 0; }
  article[id^=talk] .wrapper {
    padding: 0 10px; }
  article[id^=talk] .trigger {
    width: 100%;
    height: 90px;
    background-color: #4173fa;
    color: #ffffff;
    font-size: 22px;
    line-height: 29px;
    border: none;
    border-radius: 12px;
    font-weight: 700; }
    article[id^=talk] .trigger.type02 {
      display: block;
      line-height: 90px; }
    article[id^=talk] .trigger p {
      font-weight: 400; }
  article[id^=talk] .line-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 0 28px 14px;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: #4173fa;
    border-bottom: 1px solid #4173fa; }
  article[id^=talk] .nav.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10; }
  article[id^=talk] .nav ul {
    display: flex;
    width: 100%; }
  article[id^=talk] .nav li {
    flex: 1; }
    article[id^=talk] .nav li:last-of-type {
      border-left: 1px solid #C3D2FF; }
  article[id^=talk] .nav button {
    width: 100%;
    height: 75px;
    background-color: #4173fa;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    border: none; }
    article[id^=talk] .nav button.active {
      color: #e1ff7d; }
  article[id^=talk] .swiper {
    margin: 0 10px; }
    article[id^=talk] .swiper-pagination {
      position: initial;
      margin-top: 21px; }
      article[id^=talk] .swiper-pagination-bullet {
        width: 10px;
        height: 10px; }
    article[id^=talk] .swiper [class*="swiper-button"] {
      top: 47px;
      width: 200px;
      height: 562px;
      background: transparent;
      border: none; }
      article[id^=talk] .swiper [class*="swiper-button"]::after {
        display: none; }
  article[id^=talk] .color-box {
    width: 105px; }
    article[id^=talk] .color-box a {
      display: block;
      color: #000; }
  article[id^=talk] .bg-text {
    padding-top: 183px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/img_school.png") center top/151px 157px no-repeat; }
    article[id^=talk] .bg-text.type02 {
      padding-top: 51px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/ic-book.png");
      background-size: 48px 38px; }
  article[id^=talk] .sub {
    position: absolute;
    top: -10px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    background-color: #d9d9d9;
    color: #ffffff;
    border-radius: 100%;
    font-size: 10px; }
    article[id^=talk] .sub.type02 {
      position: initial;
      vertical-align: 1px; }
  article[id^=talk] .w-190px {
    width: 190px; }
  article[id^=talk] .w-300px {
    width: 300px; }
  article[id^=talk] .dot-list li {
    position: relative;
    padding-left: 7px;
    color: #999999;
    font-size: 12px;
    line-height: 1.7; }
    article[id^=talk] .dot-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      width: 3px;
      height: 3px;
      border-radius: 100%;
      background-color: #999999; }
  article[id^=talk] .mt-140px {
    margin-top: 140px; }
  article[id^=talk] .form-group {
    margin-bottom: 1.5rem; }
    article[id^=talk] .form-group .fs-title-3 {
      margin-bottom: 0.75rem; }
  article[id^=talk] .form-check input {
    margin-right: 10px; }
  article[id^=talk] .form-check label {
    margin-top: -3px; }
  article[id^=talk] #backPoint {
    position: absolute;
    bottom: 100px;
    width: 100%;
    height: 50px; }
  article[id^=talk]#talkPromotion {
    background-color: #e1ff7e;
    font-family: 'SandollGothicNeo1Unicode';
    font-weight: 400;
    color: #1c1c1c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    article[id^=talk]#talkPromotion .SDNemony2 {
      font-family: "Sandoll Nemony2"; }
    article[id^=talk]#talkPromotion .text-green {
      color: #00B758; }
    article[id^=talk]#talkPromotion .font-1 {
      font-size: 28px;
      line-height: 1.45; }
    article[id^=talk]#talkPromotion .font-2 {
      font-size: 40px;
      line-height: 1.25; }
    article[id^=talk]#talkPromotion .font-3 {
      font-size: 20px;
      line-height: 1.48;
      margin-top: 10px; }
    article[id^=talk]#talkPromotion .font-4 {
      font-size: 16px;
      line-height: 1.58; }
    article[id^=talk]#talkPromotion .font-5 {
      font-size: 26px;
      line-height: 1.45; }
    article[id^=talk]#talkPromotion .font-6 {
      font-size: 33px;
      line-height: 1.3; }
    article[id^=talk]#talkPromotion .font-7 {
      font-size: 18px;
      line-height: 1.45; }
    article[id^=talk]#talkPromotion .font-8 {
      font-size: 14px;
      line-height: 1.61; }
    article[id^=talk]#talkPromotion section.top {
      background: transparent;
      font-size: 0; }
    article[id^=talk]#talkPromotion .section {
      padding: 0 20px; }
      article[id^=talk]#talkPromotion .section:nth-of-type(1) {
        margin-top: -57%;
        padding: 73% 20px 110px;
        background: #c2fa26;
        background: -moz-linear-gradient(180deg, #c2fa26 0%, #dffd82 50%, #f0ffb9 100%);
        background: -webkit-linear-gradient(180deg, #c2fa26 0%, #dffd82 50%, #f0ffb9 100%);
        background: linear-gradient(180deg, #c2fa26 0%, #dffd82 50%, #f0ffb9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2fa26", endColorstr="#f0ffb9", GradientType=1); }
      article[id^=talk]#talkPromotion .section:nth-of-type(2) {
        padding: 72px 20px 100px;
        background-color: #FBFFEE; }
    article[id^=talk]#talkPromotion .group + .group {
      margin-top: 95px; }
    article[id^=talk]#talkPromotion .box {
      margin-top: 40px; }
      article[id^=talk]#talkPromotion .box + .box {
        margin-top: 85px; }
      article[id^=talk]#talkPromotion .box .font-4 {
        margin-top: 14px; }
        article[id^=talk]#talkPromotion .box .font-4.text-green {
          margin-top: 35px; }
    article[id^=talk]#talkPromotion .bundle {
      margin-top: 60px; }
      article[id^=talk]#talkPromotion .bundle .img:nth-of-type(1)::after {
        content: "";
        display: block;
        width: 47px;
        height: 47px;
        margin: 0 auto;
        background: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9471 29.967C22.9471 30.2449 23.064 30.5081 23.2542 30.7129C23.6637 31.1224 24.3218 31.1224 24.7313 30.7129L36.5482 18.8959C36.7384 18.7058 36.8555 18.4279 36.8555 18.15C36.8555 17.8721 36.7384 17.6089 36.5482 17.4041C36.1387 16.9946 35.4806 16.9946 35.0711 17.4041L23.2542 29.2211C23.064 29.4259 22.9471 29.6891 22.9471 29.967Z' fill='%2372BB06'/%3E%3Cpath d='M11.1299 18.15C11.1299 18.4279 11.2471 18.6911 11.4372 18.8959L23.2541 30.7129C23.6636 31.1224 24.3218 31.1224 24.7313 30.7129C24.9214 30.5228 25.0383 30.2449 25.0383 29.967C25.0383 29.6891 24.9214 29.4259 24.7313 29.2211L12.9143 17.4041C12.5048 16.9946 11.8467 16.9946 11.4372 17.4041C11.2471 17.6089 11.1299 17.8721 11.1299 18.15Z' fill='%2372BB06'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/100% 100%; }
    article[id^=talk]#talkPromotion .round-text {
      position: initial;
      background-color: #72BB06;
      color: #fff;
      font-size: 14px;
      font-weight: 400; }
      article[id^=talk]#talkPromotion .round-text.type02 {
        font-weight: 600;
        padding: 10px 21px;
        font-size: 29px;
        border-radius: 25px; }
    article[id^=talk]#talkPromotion .swiper-dot {
      overflow: hidden;
      margin-top: 44px; }
    article[id^=talk]#talkPromotion .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background-color: #373737;
      opacity: 0.3; }
      article[id^=talk]#talkPromotion .swiper-pagination-bullet-active {
        background-color: #373737;
        opacity: 1; }
    article[id^=talk]#talkPromotion .swiper-cont {
      overflow: hidden;
      margin: 0 -20px; }
    article[id^=talk]#talkPromotion .swiper-noDot {
      width: 59%;
      max-width: 59%;
      margin: 60px auto 0; }
      article[id^=talk]#talkPromotion .swiper-noDot .swiper-wrapper {
        width: 100%; }
        article[id^=talk]#talkPromotion .swiper-noDot .swiper-wrapper div {
          margin-top: 24px; }
      article[id^=talk]#talkPromotion .swiper-noDot a {
        display: block;
        color: #1c1c1c;
        font-size: 0; }
    article[id^=talk]#talkPromotion .text-gray-1 {
      color: #5c5c5c; }
    article[id^=talk]#talkPromotion .dot-list {
      margin-top: 6px;
      text-align: left; }
      article[id^=talk]#talkPromotion .dot-list li {
        font-size: 14px;
        line-height: 1.61;
        color: #5c5c5c; }
        article[id^=talk]#talkPromotion .dot-list li::before {
          background-color: #5c5c5c; }
    article[id^=talk]#talkPromotion .trigger {
      background-color: #00B758;
      height: 70px;
      line-height: 70px;
      font-size: 20px;
      border-radius: 50px; }
    article[id^=talk]#talkPromotion .bg-text.type02 {
      background-image: url("data:image/svg+xml,%3Csvg width='46' height='37' viewBox='0 0 46 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_661_4737)'%3E%3Cpath d='M6.23933 30.3346C4.51152 30.9371 2.86384 31.5103 1.46098 31.6715V3.53468C3.06815 3.38052 4.84792 2.76036 6.71752 2.10919C9.19035 1.24804 11.9934 0.271729 14.7815 0.271729C20.0442 0.271729 21.6805 4.19294 21.9253 4.87246V30.7873C20.2265 29.6329 17.449 28.4157 14.7815 28.4157C11.7469 28.4157 8.82137 29.4354 6.23933 30.3346ZM43.8497 31.6715C42.4468 31.5103 40.8 30.9371 39.0713 30.3355C36.4893 29.4363 33.5638 28.4165 30.5291 28.4165C27.8696 28.4165 25.0912 29.6259 23.3854 30.7776V4.87423C23.624 4.22394 25.2929 0.271729 30.5291 0.271729C33.3181 0.271729 36.1203 1.24804 38.5931 2.10919C40.4627 2.76036 42.2425 3.38052 43.8497 3.53468V31.6706V31.6715ZM45.3116 35.3916C45.3116 35.7983 44.984 36.1269 44.5806 36.1269C42.7894 36.1269 40.7516 35.4173 38.594 34.6651C36.1212 33.804 33.319 32.8277 30.53 32.8277C28.1382 32.8277 26.2034 33.625 24.7768 35.1958C24.6385 35.3482 24.443 35.435 24.237 35.435H21.0746C20.8694 35.435 20.673 35.3482 20.5348 35.1958C19.109 33.625 17.1734 32.8277 14.7815 32.8277C11.9925 32.8277 9.19035 33.804 6.71752 34.6651C4.55995 35.4173 2.52127 36.1269 0.730931 36.1269C0.327598 36.1269 0 35.7983 0 35.3916C0 34.985 0.327598 34.6563 0.730931 34.6563C2.27557 34.6563 4.20153 33.9856 6.24021 33.276C8.82225 32.3767 11.7477 31.357 14.7824 31.357C18.0804 31.357 20.1702 32.7231 21.389 33.9643H23.9243C25.1431 32.7222 27.2329 31.357 30.5309 31.357C33.5656 31.357 36.4911 32.3767 39.0731 33.276C41.1118 33.9856 43.0369 34.6563 44.5824 34.6563C44.9857 34.6563 45.3133 34.9858 45.3133 35.3916H45.3116Z' fill='%2300B758'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_661_4737'%3E%3Crect width='45.3115' height='35.8552' fill='white' transform='translate(0 0.271729)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
    article[id^=talk]#talkPromotion .line-link {
      color: #00B758;
      border-bottom-color: #00B758;
      padding: 26px 14px; }
      article[id^=talk]#talkPromotion .line-link i.sd.ic-arrow-green {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.2672' cy='12.3103' r='11.3279' fill='%2300B758'/%3E%3Cpath d='M15.4556 11.8557C15.5756 11.8557 15.6893 11.9062 15.7777 11.9883C15.9545 12.1651 15.9545 12.4493 15.7777 12.6261L10.6755 17.7282C10.5934 17.8103 10.4735 17.8608 10.3535 17.8608C10.2335 17.8608 10.1199 17.8103 10.0315 17.7282C9.85464 17.5514 9.85464 17.2672 10.0315 17.0904L15.1336 11.9883C15.222 11.9062 15.3357 11.8557 15.4556 11.8557Z' fill='%23F4FFD3'/%3E%3Cpath d='M10.3535 6.75342C10.4735 6.75342 10.5871 6.80399 10.6755 6.88608L15.7777 11.9882C15.9545 12.165 15.9545 12.4492 15.7777 12.626C15.6956 12.7081 15.5756 12.7585 15.4556 12.7585C15.3357 12.7585 15.222 12.7081 15.1336 12.626L10.0314 7.52385C9.85464 7.34704 9.85464 7.06288 10.0314 6.88608C10.1199 6.80399 10.2335 6.75342 10.3535 6.75342Z' fill='%23F4FFD3'/%3E%3C/svg%3E%0A"); }
      article[id^=talk]#talkPromotion .line-link-wrap {
        margin-top: 8px; }
    article[id^=talk]#talkPromotion .swiper-cont + .font-4 {
      margin-top: 23px; }
    article[id^=talk]#talkPromotion .smaller {
      padding: 0 40px; }
    article[id^=talk]#talkPromotion .smaller + button {
      margin-top: 42px; }
    article[id^=talk]#talkPromotion .font-4 + .img {
      margin-top: 14px; }
    article[id^=talk]#talkPromotion .font-3 + img {
      margin-top: 38px; }
    article[id^=talk]#talkPromotion .line-link-wrap + .font-8 {
      margin-top: 115px; }
  article[id^=talk]#talkFontChange {
    padding-top: 0 !important; }
    article[id^=talk]#talkFontChange .hightlight::after {
      left: -1px;
      top: 50%;
      bottom: auto;
      transform: translateY(-50%);
      width: calc(100% + 4px);
      height: calc(100% - 5px); }
    article[id^=talk]#talkFontChange .round-text {
      position: initial;
      display: inline-block;
      padding: 10px 15px;
      color: #1c1c1c;
      background-color: #f0f0f0;
      font-size: 14px;
      font-weight: normal; }
      article[id^=talk]#talkFontChange .round-text::after {
        display: none; }
      article[id^=talk]#talkFontChange .round-text.type02 {
        padding: 10px 19px;
        font-size: 16px;
        background-color: #DDE5FF;
        color: #4173fa;
        font-weight: bold; }
      article[id^=talk]#talkFontChange .round-text.type03 {
        position: relative;
        bottom: auto;
        left: auto;
        background-color: #4173fa;
        color: #fff;
        font-size: 16px;
        font-weight: bold; }
        article[id^=talk]#talkFontChange .round-text.type03::after {
          display: block; }
      article[id^=talk]#talkFontChange .round-text.type04 {
        background-color: #EBF0FF; }
    article[id^=talk]#talkFontChange .wrapper {
      padding: 0 20px; }
    article[id^=talk]#talkFontChange .mt-30px {
      margin-top: 30px; }
    article[id^=talk]#talkFontChange .trigger {
      height: 75px;
      font-size: 20px; }
    article[id^=talk]#talkFontChange .sub.type02 {
      width: 20px;
      height: 20px;
      background-color: #1c1c1c;
      margin-top: 5px;
      margin-left: 0;
      font-weight: bold;
      font-size: 12px; }
    article[id^=talk]#talkFontChange ol li div {
      width: calc(100% - 26px); }
    article[id^=talk]#talkFontChange .dot-list {
      padding-right: 8px; }
      article[id^=talk]#talkFontChange .dot-list li {
        padding-left: 12px;
        font-size: 14px;
        color: #1c1c1c; }
        article[id^=talk]#talkFontChange .dot-list li::before {
          top: 10px;
          background-color: #1c1c1c; }
    article[id^=talk]#talkFontChange .text-49 {
      color: #494949; }
    article[id^=talk]#talkFontChange .video iframe {
      width: 100%;
      height: 56.25vw;
      border-radius: 12px;
      overflow: hidden; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) {
      padding: 0 0 88px; }
      article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) img.img_icon {
        width: 106px; }
        article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) img.img_icon.type02 {
          width: 88px; }
      article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) img.img_text {
        width: 278px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(2) {
      padding: 70px 0 83px;
      background-color: #F5F8FF; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(3) {
      padding: 61px 0 70px;
      background-color: #EBF0FF; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) {
      padding: 68px 0 60px; }
      article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) img.img_text {
        display: block;
        width: 222px;
        margin: 0 auto; }
      article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) a img {
        display: block;
        margin: 0 auto;
        width: 164px; }
      article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) a span {
        display: inline-block;
        margin-top: 12px;
        color: #5c5c5c;
        font-size: 12px;
        padding-left: 12px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='9' viewBox='0 0 10 9' fill='none'%3E%3Cpath d='M4.88255 0.235352L9.44218 8.13285H0.32293L4.88255 0.235352Z' fill='%235C5C5C' style='fill:%235C5C5C;fill:color(display-p3 0.3608 0.3608 0.3608);fill-opacity:1;'/%3E%3C/svg%3E") no-repeat 0 50%/10px 9px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(5) {
      padding: 62px 0 66px;
      background-color: #F0F0F0; }

.text-new.type03 {
  top: 5px;
  right: auto;
  left: -46px;
  padding: 4px 6px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background-color: #91b4ff; }
  .text-new.type03::after {
    left: 8px;
    bottom: -5px;
    border-top: 3px solid #91b4ff;
    border-right: 5px solid #91b4ff;
    border-bottom: 3px solid transparent;
    border-left: 5px solid transparent; }

.ps-25px {
  padding-left: 25px; }

@media (min-width: 600px) {
  article[id^=talk]#talkBenefits .top, article[id^=talk]#talkFontChange .top {
    width: 600px;
    margin: 0 auto; }
  article[id^=talk]#talkBenefits .bottom, article[id^=talk]#talkFontChange .bottom {
    width: 600px;
    margin: 0 auto; }
  article[id^=talk]#talkBenefits .font-2, article[id^=talk]#talkFontChange .font-2 {
    font-size: 41px; }
  article[id^=talk]#talkBenefits .font-3, article[id^=talk]#talkFontChange .font-3 {
    font-size: 56px; }
  article[id^=talk]#talkBenefits .font-4, article[id^=talk]#talkFontChange .font-4 {
    font-size: 40px; }
  article[id^=talk]#talkBenefits .font-5, article[id^=talk]#talkFontChange .font-5 {
    font-size: 32px; }
  article[id^=talk]#talkBenefits .font-6, article[id^=talk]#talkFontChange .font-6 {
    font-size: 36px; }
  article[id^=talk]#talkBenefits .font-7, article[id^=talk]#talkFontChange .font-7 {
    font-size: 22px; }
  article[id^=talk]#talkBenefits .font-9, article[id^=talk]#talkFontChange .font-9 {
    font-size: 51px; }
  article[id^=talk]#talkBenefits .font-10, article[id^=talk]#talkFontChange .font-10 {
    font-size: 29px; }
  article[id^=talk]#talkBenefits .font-11, article[id^=talk]#talkFontChange .font-11 {
    font-size: 26px; }
  article[id^=talk]#talkBenefits .font-12, article[id^=talk]#talkFontChange .font-12 {
    font-size: 54px; }
  article[id^=talk]#talkBenefits .wrapper, article[id^=talk]#talkFontChange .wrapper {
    padding: 0 17px; }
  article[id^=talk]#talkBenefits .nav button, article[id^=talk]#talkFontChange .nav button {
    height: 120px;
    font-size: 29px;
    font-weight: 600; }
  article[id^=talk]#talkBenefits .nav.fixed, article[id^=talk]#talkFontChange .nav.fixed {
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    max-width: 600px;
    margin: 0 auto; }
  article[id^=talk]#talkBenefits section[class*="tab"], article[id^=talk]#talkFontChange section[class*="tab"] {
    padding: 106px 0 151px; }
  article[id^=talk]#talkBenefits section.tab02, article[id^=talk]#talkFontChange section.tab02 {
    padding: 110px 0 0; }
  article[id^=talk]#talkBenefits .light-blue-box, article[id^=talk]#talkFontChange .light-blue-box {
    padding: 414px 0 71px;
    background-size: 399px 398px;
    background-position-y: 40px;
    border-radius: 20px; }
    article[id^=talk]#talkBenefits .light-blue-box.type02, article[id^=talk]#talkFontChange .light-blue-box.type02 {
      background-size: 302px 302px;
      background-position-y: 96px; }
    article[id^=talk]#talkBenefits .light-blue-box.type03, article[id^=talk]#talkFontChange .light-blue-box.type03 {
      background-size: 412px 412px;
      background-position-y: 27px; }
    article[id^=talk]#talkBenefits .light-blue-box.type04, article[id^=talk]#talkFontChange .light-blue-box.type04 {
      padding: 87px 24px 49px; }
    article[id^=talk]#talkBenefits .light-blue-box.type05, article[id^=talk]#talkFontChange .light-blue-box.type05 {
      margin-top: 134px;
      padding: 64px 0 75px; }
    article[id^=talk]#talkBenefits .light-blue-box .badge, article[id^=talk]#talkFontChange .light-blue-box .badge {
      padding: 22px 48px;
      border-radius: 40px;
      font-size: 32px;
      font-weight: 600; }
  article[id^=talk]#talkBenefits .swiper, article[id^=talk]#talkFontChange .swiper {
    margin: 0 20px; }
    article[id^=talk]#talkBenefits .swiper-pagination, article[id^=talk]#talkFontChange .swiper-pagination {
      margin-top: 53px; }
      article[id^=talk]#talkBenefits .swiper-pagination-bullet, article[id^=talk]#talkFontChange .swiper-pagination-bullet {
        width: 17px;
        height: 17px;
        margin: 0 7px; }
  article[id^=talk]#talkBenefits .round-text, article[id^=talk]#talkFontChange .round-text {
    font-weight: 600; }
    article[id^=talk]#talkBenefits .round-text.type02, article[id^=talk]#talkFontChange .round-text.type02 {
      padding: 10px 21px;
      font-size: 29px;
      border-radius: 25px; }
  article[id^=talk]#talkBenefits .bg-text, article[id^=talk]#talkFontChange .bg-text {
    background-size: 242px 252px;
    padding-top: 294px; }
    article[id^=talk]#talkBenefits .bg-text.type02, article[id^=talk]#talkFontChange .bg-text.type02 {
      background-size: 77px 61px;
      padding-top: 82px; }
  article[id^=talk]#talkBenefits .color-box, article[id^=talk]#talkFontChange .color-box {
    width: 166px; }
  article[id^=talk]#talkBenefits .ic-alert-white, article[id^=talk]#talkFontChange .ic-alert-white {
    width: 32px;
    height: 32px; }
  article[id^=talk]#talkBenefits .sub, article[id^=talk]#talkFontChange .sub {
    width: 20px;
    height: 20px;
    top: -17px;
    margin-left: -9px;
    font-size: 16px; }
  article[id^=talk]#talkBenefits .trigger, article[id^=talk]#talkFontChange .trigger {
    height: 144px;
    font-size: 35px;
    border-radius: 20px;
    font-weight: 600; }
    article[id^=talk]#talkBenefits .trigger.type02, article[id^=talk]#talkFontChange .trigger.type02 {
      line-height: 144px; }
    article[id^=talk]#talkBenefits .trigger .text-light-blue-2, article[id^=talk]#talkFontChange .trigger .text-light-blue-2 {
      margin-bottom: 15px; }
  article[id^=talk]#talkBenefits .line-link, article[id^=talk]#talkFontChange .line-link {
    padding: 45px 0 45px 23px;
    font-size: 32px;
    font-weight: 600; }
    article[id^=talk]#talkBenefits .line-link .ic-arrow-blue, article[id^=talk]#talkFontChange .line-link .ic-arrow-blue {
      width: 38px;
      height: 38px; }
  article[id^=talk]#talkBenefits .dot-list li, article[id^=talk]#talkFontChange .dot-list li {
    padding-left: 11px;
    font-size: 19px; }
    article[id^=talk]#talkBenefits .dot-list li::before, article[id^=talk]#talkFontChange .dot-list li::before {
      top: 13px;
      width: 5px;
      height: 5px; }
  article[id^=talk]#talkBenefits .gray-box, article[id^=talk]#talkFontChange .gray-box {
    padding: 48px 0 155px; }
  article[id^=talk]#talkFontChange .wrapper {
    padding: 0 30px; }
  article[id^=talk]#talkFontChange .round-text {
    font-weight: normal;
    padding: 16px 25px;
    font-size: 22px;
    border-radius: 60px; }
    article[id^=talk]#talkFontChange .round-text.type02 {
      padding: 15px 30px;
      font-size: 25px; }
    article[id^=talk]#talkFontChange .round-text.type03 {
      padding: 14px 24px;
      font-size: 26px; }
  article[id^=talk]#talkFontChange .sub.type02 {
    width: 32px;
    height: 32px;
    font-size: 19px; }
  article[id^=talk]#talkFontChange ol li div {
    width: calc(100% - 42px); }
  article[id^=talk]#talkFontChange .trigger {
    height: 119px;
    font-size: 31px; }
  article[id^=talk]#talkFontChange .ic-info {
    width: 51px;
    height: 51px; }
  article[id^=talk]#talkFontChange .dot-list {
    padding-right: 18px; }
    article[id^=talk]#talkFontChange .dot-list li {
      padding-left: 20px;
      font-size: 22px; }
      article[id^=talk]#talkFontChange .dot-list li::before {
        top: 15px; }
  article[id^=talk]#talkFontChange .video iframe {
    width: 100%;
    height: 315px;
    border-radius: 20px; }
  article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) {
    padding-bottom: 140px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) img.img_icon {
      width: 169px; }
      article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) img.img_icon.type02 {
        width: 141px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(1) img.img_text {
      width: 443px; }
  article[id^=talk]#talkFontChange .bottom section:nth-of-type(2) {
    padding: 111px 0 133px; }
  article[id^=talk]#talkFontChange .bottom section:nth-of-type(3) {
    padding: 98px 0 111px; }
  article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) {
    padding: 108px 0 95px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) img.img_text {
      width: 353px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) a img {
      width: 261px; }
    article[id^=talk]#talkFontChange .bottom section:nth-of-type(4) a span {
      padding-left: 24px;
      margin-top: 19px;
      font-size: 19px;
      background-size: 17px 17px; }
  article[id^=talk]#talkFontChange .bottom section:nth-of-type(5) {
    padding: 99px 0 103px; }
  .text-new.type03 {
    top: 12px;
    left: -68px;
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 5px; } }

@media (min-width: 750px) {
  article[id^=talk]#talkPromotion {
    width: 750px;
    margin: 0 auto; }
    article[id^=talk]#talkPromotion .section:nth-of-type(1) {
      padding: 555px 80px 222px;
      margin-top: -418px; }
    article[id^=talk]#talkPromotion .section:nth-of-type(2) {
      padding: 162px 40px 240px; }
    article[id^=talk]#talkPromotion .font-1 {
      font-size: 56px; }
    article[id^=talk]#talkPromotion .font-2 {
      font-size: 80px; }
    article[id^=talk]#talkPromotion .font-3 {
      font-size: 40px; }
    article[id^=talk]#talkPromotion .font-4 {
      font-size: 32px; }
    article[id^=talk]#talkPromotion .font-6 {
      font-size: 66px;
      line-height: 1.23; }
    article[id^=talk]#talkPromotion .font-7 {
      font-size: 40px; }
    article[id^=talk]#talkPromotion .font-8 {
      font-size: 28px; }
    article[id^=talk]#talkPromotion .dot-list li {
      font-size: 28px;
      padding-left: 16px; }
      article[id^=talk]#talkPromotion .dot-list li::before {
        top: 18px;
        width: 6px;
        height: 6px; }
    article[id^=talk]#talkPromotion .group + .group {
      margin-top: 263px; }
    article[id^=talk]#talkPromotion .line-link {
      padding: 52px 26px;
      font-size: 38px;
      border-bottom-width: 2px; }
      article[id^=talk]#talkPromotion .line-link-wrap {
        margin-top: 18px; }
      article[id^=talk]#talkPromotion .line-link i.sd.ic-arrow-green {
        width: 45px;
        height: 45px; }
    article[id^=talk]#talkPromotion .swiper-cont {
      margin: 0 -80px; }
    article[id^=talk]#talkPromotion .swiper-pagination-bullet {
      width: 15px;
      height: 15px; }
    article[id^=talk]#talkPromotion .swiper-dot {
      margin-top: 120px; }
    article[id^=talk]#talkPromotion .swiper-noDot {
      width: 486px;
      max-width: 486px;
      margin-top: 120px; }
      article[id^=talk]#talkPromotion .swiper-noDot .swiper-wrapper div {
        margin-top: 54px; }
    article[id^=talk]#talkPromotion .bubble-text {
      position: absolute;
      left: -23px;
      top: 0;
      width: 76px;
      height: 82px;
      padding: 16px 0;
      font-size: 18px;
      line-height: 1.21;
      color: #fff;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/talkBenefits/bg_bubble.png") 0 0/100% 100% no-repeat; }
    article[id^=talk]#talkPromotion .bg-text.type02 {
      padding-top: 110px;
      background-size: 91px 72px; }
    article[id^=talk]#talkPromotion .qr {
      margin-top: 67px; }
    article[id^=talk]#talkPromotion .qr + .font-4 {
      margin-top: 52px; }
    article[id^=talk]#talkPromotion .swiper-cont + .font-4 {
      margin-top: 43px; }
    article[id^=talk]#talkPromotion .line-link-wrap + .font-8 {
      margin-top: 240px; } }

/* 2024 10주년 이벤트 */
.fs-8px {
  font-size: 0.5rem; }

.fs-9px {
  font-size: 0.5625rem; }

.fs-12px {
  font-size: 0.75rem; }

.fs-14px {
  font-size: 0.875rem; }

.fs-15px {
  font-size: 0.9375rem; }

.fs-25px {
  font-size: 1.5625rem; }

.fs-28px {
  font-size: 1.75rem; }

.fs-30px {
  font-size: 1.875rem; }

.fs-32px {
  font-size: 2rem; }

.fs-33px {
  font-size: 2.0625rem; }

.fs-34px {
  font-size: 2.125rem; }

.fs-35px {
  font-size: 2.1875rem; }

.fs-40px {
  font-size: 2.5rem; }

.fs-45px {
  font-size: 2.8125rem; }

.fs-48px {
  font-size: 3rem; }

.fs-50px {
  font-size: 3.125rem; }

.fs-53px {
  font-size: 3.3125rem; }

.fs-60px {
  font-size: 3.75rem; }

.fs-65px {
  font-size: 4.0625rem; }

.fs-74px {
  font-size: 4.625rem; }

.fs-78px {
  font-size: 4.875rem; }

.fs-100px {
  font-size: 6.25rem;
  line-height: 1; }

.fs-105px {
  font-size: 6.5625rem; }

.text-keep {
  word-break: keep-all; }

.mt-140px {
  margin-top: 140px; }

.mt-160px {
  margin-top: 160px; }

.mt-180px {
  margin-top: 180px; }

.mt-200px {
  margin-top: 200px; }

.mt-215px {
  margin-top: 215px; }

.anniv10thFloating {
  position: fixed;
  right: 2px;
  bottom: 95px;
  z-index: 10;
  animation: bounce2 2s infinite; }
  .anniv10thFloating a {
    position: relative;
    display: block;
    width: 116px;
    height: 146px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/img_floating.png") 0 0/100% 100% no-repeat; }
    .anniv10thFloating a:hover span {
      display: inline-block; }
  .anniv10thFloating span {
    position: absolute;
    top: -11px;
    right: 9px;
    display: none;
    width: 187px;
    padding: 10px 26px 10px 0;
    background: linear-gradient(180deg, #7097FF 0%, #4173FA 100%);
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    text-align: right;
    line-height: 1.6; }

.anniv10thFloating.mobile {
  right: -18px;
  bottom: 144px; }
  .anniv10thFloating.mobile span {
    right: 18px; }
  .anniv10thFloating.mobile:hover span {
    display: none; }

.search-list li.event10thLi {
  overflow: visible !important; }

.add-fontListEvent {
  position: absolute;
  right: 52px !important;
  top: 24px !important; }
  .add-fontListEvent_button {
    width: 33px;
    height: 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8438 26C23.3666 26 27.8438 21.5228 27.8438 16C27.8438 10.4772 23.3666 6 17.8438 6C12.3209 6 7.84375 10.4772 7.84375 16C7.84375 21.5228 12.3209 26 17.8438 26ZM17.8438 27C23.9189 27 28.8438 22.0751 28.8438 16C28.8438 9.92487 23.9189 5 17.8438 5C11.7686 5 6.84375 9.92487 6.84375 16C6.84375 22.0751 11.7686 27 17.8438 27Z' fill='%23EAEAEA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4487 15.9999C13.4487 15.6266 13.7514 15.3239 14.1248 15.3239L21.5619 15.3239C21.9353 15.3239 22.238 15.6266 22.238 15.9999C22.238 16.3733 21.9353 16.676 21.5619 16.676L14.1248 16.676C13.7514 16.676 13.4487 16.3733 13.4487 15.9999Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8434 11.6055C18.2168 11.6055 18.5195 11.9082 18.5195 12.2816L18.5195 19.7186C18.5195 20.092 18.2168 20.3947 17.8434 20.3947C17.47 20.3947 17.1673 20.092 17.1673 19.7186L17.1673 12.2816C17.1673 11.9082 17.47 11.6055 17.8434 11.6055Z' fill='%23999999'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
    border: none; }
    .add-fontListEvent_button.active {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Ccircle cx='17.8438' cy='16' r='11' fill='%234173FA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4487 15.9999C13.4487 15.6266 13.7514 15.3239 14.1248 15.3239L21.5619 15.3239C21.9353 15.3239 22.238 15.6266 22.238 15.9999C22.238 16.3733 21.9353 16.676 21.5619 16.676L14.1248 16.676C13.7514 16.676 13.4487 16.3733 13.4487 15.9999Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8434 11.6055C18.2168 11.6055 18.5195 11.9082 18.5195 12.2816L18.5195 19.7186C18.5195 20.092 18.2168 20.3947 17.8434 20.3947C17.47 20.3947 17.1673 20.092 17.1673 19.7186L17.1673 12.2816C17.1673 11.9082 17.47 11.6055 17.8434 11.6055Z' fill='white'/%3E%3C/svg%3E"); }
  .add-fontListEvent_tooltip {
    position: absolute;
    left: -2px;
    width: 246px;
    padding: 10px;
    text-align: left;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
    z-index: 20; }
    .add-fontListEvent_tooltip div {
      font-size: 14px;
      line-height: 1.68;
      color: #5c5c5c; }
    .add-fontListEvent_tooltipClose {
      position: absolute;
      top: 8px;
      right: 8px;
      width: 24px;
      height: 24px;
      background: url("data:image/svg+xml,%0A%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.13032 7.075C7.36463 6.84069 7.74453 6.84069 7.97885 7.075L18.7788 17.875C19.0132 18.1093 19.0132 18.4892 18.7788 18.7235C18.5445 18.9578 18.1646 18.9578 17.9303 18.7235L7.13032 7.92353C6.896 7.68922 6.896 7.30932 7.13032 7.075Z' fill='%231C1C1C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.7788 7.0749C19.0131 7.30921 19.0131 7.68911 18.7788 7.92343L7.97876 18.7234C7.74444 18.9577 7.36454 18.9577 7.13023 18.7234C6.89592 18.4891 6.89591 18.1092 7.13023 17.8749L17.9302 7.0749C18.1645 6.84058 18.5444 6.84058 18.7788 7.0749Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
      border: none; }
    .add-fontListEvent_tooltip::after {
      content: "";
      position: absolute;
      top: -3px;
      left: 16px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 5px 5px 5px;
      border-color: transparent transparent #fff transparent; }

@keyframes bounce {
  0%,
  100%,
  80% {
    transform: translate(-50%, 0); }
  50% {
    transform: translate(-50%, 10%); } }

@keyframes bounce2 {
  0%,
  100%,
  80% {
    transform: translateY(0); }
  50% {
    transform: translateY(10%); } }

.anniversary10th {
  padding-bottom: 0 !important; }
  .anniversary10th input,
  .anniversary10th textarea {
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    resize: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none; }
    .anniversary10th input:focus, .anniversary10th input:focus-visible, .anniversary10th input:active,
    .anniversary10th textarea:focus,
    .anniversary10th textarea:focus-visible,
    .anniversary10th textarea:active {
      outline: none; }
  .anniversary10th img {
    width: 100%;
    height: auto; }
  .anniversary10th .sdJjukku {
    font-family: "SD Jjukku Sans";
    font-weight: 400; }
  .anniversary10th .sdGongbyeonggak {
    font-family: "Sandoll GongbyunggakMagic";
    font-weight: 400; }
  .anniversary10th .sdMoveIt {
    font-family: "SD Move It";
    font-weight: 400;
    line-height: 1.22; }
  .anniversary10th .container-1126 {
    width: 1126px;
    margin: 0 auto; }
  .anniversary10th .container-926 {
    width: 926px;
    margin: 0 auto; }
  .anniversary10th .container-846 {
    width: 846px;
    margin: 0 auto; }
  .anniversary10th [class*=fs-t] {
    color: #fff; }
  .anniversary10th .text-yellow {
    color: #E1FF7D !important; }
  .anniversary10th .text-violet {
    color: #8FADFF !important; }
  .anniversary10th .text-blue {
    color: #EBF0FF !important; }
  .anniversary10th .text-blue02 {
    color: #6F95FB !important; }
  .anniversary10th .text-blue03 {
    color: #C3D3FF; }
  .anniversary10th .text-navy {
    color: #3659B7 !important; }
  .anniversary10th .text-494949 {
    color: #494949 !important; }
  .anniversary10th .text-80 {
    color: rgba(255, 255, 255, 0.8); }
  .anniversary10th .fw-800 {
    font-weight: 800; }
  .anniversary10th .lh-12 {
    line-height: 1.2; }
  .anniversary10th .lh-132 {
    line-height: 1.32; }
  .anniversary10th .lh-16 {
    line-height: 1.6 !important; }
  .anniversary10th .lh-18 {
    line-height: 1.8; }
  .anniversary10th .main {
    position: relative;
    height: 800px;
    padding: 204px 0 166px;
    background-color: #EBF0FF;
    overflow: hidden; }
    .anniversary10th .main_ani {
      width: 10.2vw; }
      .anniversary10th .main_aniWrap {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-around;
        padding: 0 12vw;
        overflow: hidden; }
      .anniversary10th .main_ani:first-of-type {
        margin-left: 0; }
        .anniversary10th .main_ani:first-of-type .original {
          animation: rollingTop1 50s linear infinite; }
        .anniversary10th .main_ani:first-of-type .clone {
          animation: rollingTop2 50s linear infinite; }
      .anniversary10th .main_ani:nth-of-type(2) .original {
        animation: rollingBottom1 60s linear infinite; }
      .anniversary10th .main_ani:nth-of-type(2) .clone {
        animation: rollingBottom2 60s linear infinite; }
      .anniversary10th .main_ani:nth-of-type(3) .original {
        animation: rollingTop1 60s linear infinite; }
      .anniversary10th .main_ani:nth-of-type(3) .clone {
        animation: rollingTop2 60s linear infinite; }
      .anniversary10th .main_ani:nth-of-type(4) .original {
        animation: rollingBottom1 55s linear infinite; }
      .anniversary10th .main_ani:nth-of-type(4) .clone {
        animation: rollingBottom2 55s linear infinite; }
      .anniversary10th .main_ani:last-of-type .original {
        animation: rollingTop1 55s linear infinite; }
      .anniversary10th .main_ani:last-of-type .clone {
        animation: rollingTop2 55s linear infinite; }

@keyframes rollingTop1 {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-100%); }
  50.01% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0); } }

@keyframes rollingTop2 {
  0% {
    transition: translateY(0); }
  100% {
    transform: translateY(-200%); } }

@keyframes rollingBottom1 {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(100%); }
  50.01% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0); } }

@keyframes rollingBottom2 {
  0% {
    transform: translateY(-200%); }
  100% {
    transition: translateY(0); } }
    .anniversary10th .main_el, .anniversary10th .main_item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
    .anniversary10th .main_item {
      width: 100%; }
      .anniversary10th .main_item .roundText + .text-black {
        margin-top: 350px; }
      .anniversary10th .main_item .sdMoveIt {
        margin-top: 18px; }
    .anniversary10th .main_el {
      width: 772px;
      height: calc(100% - 287px);
      background: #F5F8FF;
      filter: blur(100px);
      z-index: 1; }
    .anniversary10th .main_video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      z-index: 100;
      transition: all 0.7s ease-in;
      overflow: hidden; }
      .anniversary10th .main_video video,
      .anniversary10th .main_video img {
        width: 1943px;
        max-width: none !important;
        height: auto; }
    .anniversary10th .main::after {
      content: "";
      position: absolute;
      bottom: 24px;
      left: 50%;
      transform: translateX(-50%);
      width: 34px;
      height: 34px;
      background-color: #3659b7;
      border-radius: 100%; }
    .anniversary10th .main::before {
      content: "";
      position: absolute;
      bottom: 28px;
      left: 50%;
      transform: translateX(-50%);
      width: 18px;
      height: 26px;
      background: url("data:image/svg+xml,%0A%3Csvg width='18' height='27' viewBox='0 0 18 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.24008 19.6633L4.16228 15.6566L4.16215 15.6565C3.9906 15.4883 3.75871 15.3944 3.51747 15.3944C3.27623 15.3944 3.04435 15.4883 2.8728 15.6565L2.87267 15.6566L2.82539 15.703L2.82526 15.7032C2.65406 15.8718 2.55747 16.1008 2.55747 16.3401C2.55747 16.5794 2.65407 16.8084 2.82526 16.977L2.82539 16.9772L8.43151 22.4856C8.44309 22.4984 8.45507 22.5109 8.46744 22.523L8.46757 22.5232L8.51485 22.5696L8.51498 22.5698C8.63579 22.6882 8.78653 22.7698 8.94938 22.8077C9.01868 22.8241 9.0902 22.8325 9.16257 22.8325C9.40381 22.8325 9.63569 22.7386 9.80724 22.5704L9.80737 22.5703L9.85465 22.5239L9.85478 22.5237C9.87063 22.5081 9.88585 22.492 9.90041 22.4753L15.4968 16.9765L15.497 16.9763C15.6681 16.8077 15.7647 16.5787 15.7647 16.3394C15.7647 16.1001 15.6681 15.8711 15.497 15.7025L15.4968 15.7024L15.4495 15.6559L15.4494 15.6558C15.2779 15.4877 15.046 15.3937 14.8047 15.3937C14.5635 15.3937 14.3316 15.4877 14.1601 15.6558L14.1599 15.6559L10.0674 19.6771V6.65804L10.0674 6.65785C10.0671 6.41856 9.97013 6.18968 9.79873 6.02126C9.62754 5.85306 9.39602 5.7588 9.15498 5.75834M8.24008 19.6633V6.65902V6.65792L8.24008 6.65792C8.24193 6.41938 8.33838 6.19145 8.50814 6.02242C8.5926 5.93766 8.69346 5.87066 8.80463 5.82534C8.91571 5.78004 9.03487 5.75728 9.15498 5.75834M8.24008 19.6633V19.862L8.38183 20.0013V19.8026L8.24008 19.6633ZM9.15498 5.75834C9.15518 5.75834 9.15537 5.75834 9.15557 5.75835L9.15422 5.90009L9.1544 5.75834C9.1546 5.75834 9.15479 5.75834 9.15498 5.75834Z' fill='white' stroke='%233659B7' stroke-width='0.2835'/%3E%3C/svg%3E%0A");
      z-index: 1;
      animation: bounce 2s infinite; }
  .anniversary10th .content {
    position: relative;
    color: #fff; }
  .anniversary10th .nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 17px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 10;
    color: #fff; }
    .anniversary10th .nav_board {
      display: flex;
      justify-content: center;
      width: 1160px;
      margin: 0 auto; }
    .anniversary10th .nav_link {
      width: 158px;
      padding: 11px 0;
      border-radius: 100px;
      font-size: 14px;
      color: inherit;
      border: none;
      background-color: transparent;
      word-break: keep-all;
      font-weight: 700; }
      .anniversary10th .nav_link.active {
        font-weight: 800; }
    .anniversary10th .nav_item + .nav_item {
      margin-left: 146px; }
    .anniversary10th .nav_item:first-of-type .nav_link.active {
      background-color: #3659b7;
      color: #fff; }
    .anniversary10th .nav_item:nth-of-type(2) .nav_link.active {
      color: #263356;
      background-color: #fff; }
    .anniversary10th .nav_item:last-of-type .nav_link.active {
      color: #4173fa;
      background-color: #fff; }
    .anniversary10th .nav.type02 .nav_link {
      color: #fff; }
  .anniversary10th .tab_item {
    display: none; }
    .anniversary10th .tab_item.active {
      display: block; }
  .anniversary10th .section {
    padding: 250px 0; }
    .anniversary10th .section#section01_01 {
      color: #1c1c1c; }
      .anniversary10th .section#section01_01 [class*=fs-t] {
        color: #1c1c1c; }
    .anniversary10th .section.bg-263356 {
      padding: 224px 0 220px;
      background-color: #263356; }
    .anniversary10th .section.bg-2e4687 {
      background-color: #2e4687; }
      .anniversary10th .section.bg-2e4687#section01_03 {
        padding: 220px 0 209px; }
      .anniversary10th .section.bg-2e4687#section02_03 {
        padding: 180px 0 212px; }
    .anniversary10th .section.bg-222a40 {
      background-color: #222a40;
      padding: 200px 0 212px; }
    .anniversary10th .section.bg-gradientSky {
      padding: 229px 0 209px;
      background: linear-gradient(180deg, #FFF 0%, #F5F8FF 32.79%); }
    .anniversary10th .section.bg-gradientNavy {
      padding: 307px 0 182px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab02.png"), linear-gradient(180deg, #334A87 0%, #263356 100%);
      background-size: 100% auto;
      background-repeat: no-repeat; }
    .anniversary10th .section.bg-gradientSandoll {
      padding: 314px 0 348px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab03_01.png"), url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab03_02.png"), linear-gradient(180deg, #4173FA -0.81%, #2E58C7 86.31%);
      background-size: 100% auto, 100% auto;
      background-repeat: no-repeat;
      background-position: 0 0, 0 100%; }
  .anniversary10th .roundText span {
    padding: 12px 23px;
    font-weight: 700;
    background-color: #345CC8;
    border-radius: 100px;
    color: #fff;
    line-height: 1.45;
    font-size: 14px; }
  .anniversary10th .roundText.black span {
    padding: 15px 30px;
    background-color: #1c1c1c;
    font-size: 20px;
    line-height: 1.48; }
  .anniversary10th .roundText.type02 span {
    background-color: transparent;
    border: 1px solid #fff;
    text-transform: uppercase; }
  .anniversary10th .grid {
    display: flex; }
    .anniversary10th .grid_inner {
      display: flex; }
    .anniversary10th .grid_item {
      flex: 1;
      text-align: left; }
      .anniversary10th .grid_item + .grid_item {
        margin-left: 50px; }
    .anniversary10th .grid.type02 {
      flex-wrap: wrap; }
      .anniversary10th .grid.type02 .grid_item {
        flex: none;
        width: calc(100%/3 - 34px/3); }
        .anniversary10th .grid.type02 .grid_item + .grid_item {
          margin-left: 17px; }
        .anniversary10th .grid.type02 .grid_item:nth-of-type(3n+1) {
          margin-left: 0; }
        .anniversary10th .grid.type02 .grid_item:nth-of-type(n+4) {
          margin-top: 20px; }
    .anniversary10th .grid.type03 {
      display: block; }
      .anniversary10th .grid.type03 .grid_wrapper {
        padding: 0 100px; }
      .anniversary10th .grid.type03 .grid_item {
        flex: none;
        width: calc(100%/3 - 17px*2/3); }
        .anniversary10th .grid.type03 .grid_item + .grid_item {
          margin-left: 17px; }
      .anniversary10th .grid.type03 .swiper-button-prev, .anniversary10th .grid.type03 .swiper-button-next {
        width: 77px;
        height: 77px;
        border: none;
        background-color: transparent;
        color: #fff;
        font-size: 42px; }
      .anniversary10th .grid.type03 .swiper-button-prev {
        left: 0; }
      .anniversary10th .grid.type03 .swiper-button-next {
        right: 0; }
      .anniversary10th .grid.type03 .swiper-scrollbar {
        position: initial !important;
        display: block;
        width: calc(100% - 200px) !important;
        min-width: calc(100% - 200px);
        height: 4px !important;
        padding: 0;
        margin: 43px auto 0;
        background: #47526f;
        border: none;
        overflow: hidden;
        border-radius: 0; }
        .anniversary10th .grid.type03 .swiper-scrollbar-drag {
          min-width: calc(100%/8);
          height: 100%;
          left: 0;
          top: 0;
          background-color: #C3D2FF;
          border-radius: 0; }
        .anniversary10th .grid.type03 .swiper-scrollbar:after {
          background-color: transparent; }
    .anniversary10th .grid.type04 {
      flex-wrap: wrap; }
      .anniversary10th .grid.type04 .grid_item {
        flex: none;
        width: calc(50% - 10px); }
        .anniversary10th .grid.type04 .grid_item + .grid_item {
          margin-left: 0; }
        .anniversary10th .grid.type04 .grid_item:nth-of-type(even) {
          margin-left: 20px; }
        .anniversary10th .grid.type04 .grid_item:nth-of-type(n+3) {
          margin-top: 20px; }
  .anniversary10th .autoSlide_item {
    width: 328px; }
    .anniversary10th .autoSlide_item + .autoSlide_item {
      margin-left: 40px; }
  .anniversary10th .interview {
    border-radius: 25px;
    overflow: hidden; }
    .anniversary10th .interview_row + .interview_row {
      padding-top: 20px;
      margin-top: 20px;
      border-top: 1px solid #eaeaea; }
    .anniversary10th .interview_row p {
      margin-top: 10px;
      font-size: 14px; }
    .anniversary10th .interview_trigger {
      display: block;
      width: 100%;
      padding: 0;
      text-align: left;
      border: none;
      background-color: transparent; }
    .anniversary10th .interview_left {
      width: 50%;
      height: 636px;
      background-color: #fff;
      font-size: 0; }
    .anniversary10th .interview_right {
      width: 50%;
      height: 636px;
      padding: 62px 40px 66px 31px;
      background-color: #fff; }
    .anniversary10th .interview_scrollBox {
      height: 372px;
      padding-right: 20px;
      margin-top: 60px;
      overflow-x: auto; }
      .anniversary10th .interview_scrollBox::-webkit-scrollbar {
        width: 4px; }
        .anniversary10th .interview_scrollBox::-webkit-scrollbar-track {
          width: 7px;
          background: #fff; }
        .anniversary10th .interview_scrollBox::-webkit-scrollbar-thumb {
          height: 34%;
          background: #eaeaea;
          border-radius: 4px; }
    .anniversary10th .interview_top {
      display: block;
      font-size: 0; }
    .anniversary10th .interview_bottom {
      display: block;
      padding: 15px 17px;
      background: transparent url("data:image/svg+xml,%0A%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='39' height='39' rx='10' fill='%232E2E2E'/%3E%3Cpath d='M10.8176 18.35H26.5426V20.4H10.8176V18.35ZM19.3926 26.15L27.0676 18.575V20.125L19.3926 12.6L20.8426 11.075L29.1426 19.35L20.8426 27.675L19.3926 26.15Z' fill='white'/%3E%3C/svg%3E%0A") calc(100% - 24px) 50%/39px 39px no-repeat; }
      .anniversary10th .interview_bottom [class*=fs] {
        color: #1c1c1c; }
      .anniversary10th .interview_bottom em {
        display: block;
        line-height: 1.48; }
    .anniversary10th .interview_profile {
      display: flex;
      align-items: center; }
      .anniversary10th .interview_profile img {
        width: 71px;
        margin-left: -1px; }
      .anniversary10th .interview_profile > div {
        line-height: 1.48;
        margin-left: 20px; }
        .anniversary10th .interview_profile > div div {
          word-break: keep-all; }
          .anniversary10th .interview_profile > div div a {
            word-break: keep-all; }
        .anniversary10th .interview_profile > div .fs-28px {
          line-height: 1.48; }
    .anniversary10th .interview_link {
      color: inherit;
      line-height: 1.48;
      padding-right: 33px;
      background: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_href'%3E%3Cpath id='Rectangle 4 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.75 8.25C6.75 7.42157 7.42157 6.75 8.25 6.75H12.75C13.1642 6.75 13.5 7.08579 13.5 7.5C13.5 7.91421 13.1642 8.25 12.75 8.25L8.25 8.25V21.75H21.75V17.25C21.75 16.8358 22.0858 16.5 22.5 16.5C22.9142 16.5 23.25 16.8358 23.25 17.25V21.75C23.25 22.5784 22.5784 23.25 21.75 23.25H8.25C7.42157 23.25 6.75 22.5784 6.75 21.75V8.25Z' fill='%23777777'/%3E%3Cpath id='Vector 1 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M16.5 7.5C16.5 7.08579 16.8358 6.75 17.25 6.75H21.75C22.5784 6.75 23.25 7.42157 23.25 8.25V12.75C23.25 13.1642 22.9142 13.5 22.5 13.5C22.0858 13.5 21.75 13.1642 21.75 12.75V8.25H17.25C16.8358 8.25 16.5 7.91421 16.5 7.5Z' fill='%23777777'/%3E%3Cpath id='Vector 2 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M22.2803 7.71967C22.5732 8.01256 22.5732 8.48744 22.2803 8.78033L16.2803 14.7803C15.9874 15.0732 15.5126 15.0732 15.2197 14.7803C14.9268 14.4874 14.9268 14.0126 15.2197 13.7197L21.2197 7.71967C21.5126 7.42678 21.9874 7.42678 22.2803 7.71967Z' fill='%23777777'/%3E%3C/g%3E%3C/svg%3E%0A") 100% calc(100% + 4px)/30px 30px no-repeat; }
    .anniversary10th .interview.type01 .interview_top, .anniversary10th .interview.type01 .interview_left {
      background-color: #FCD27F; }
    .anniversary10th .interview.type01 .interview_bottom {
      background-color: #FFB100; }
    .anniversary10th .interview.type02 .interview_top, .anniversary10th .interview.type02 .interview_left {
      background-color: #FF70C8; }
    .anniversary10th .interview.type02 .interview_bottom {
      background-color: #F54BB4; }
    .anniversary10th .interview.type03 .interview_top, .anniversary10th .interview.type03 .interview_left {
      background-color: #009B4B; }
    .anniversary10th .interview.type03 .interview_bottom {
      background-color: #00B758; }
    .anniversary10th .interview.type04 .interview_top, .anniversary10th .interview.type04 .interview_left {
      background-color: #4173fa; }
    .anniversary10th .interview.type04 .interview_bottom {
      background-color: #648EFF; }
    .anniversary10th .interview.type05 .interview_top, .anniversary10th .interview.type05 .interview_left {
      background-color: #7765FF; }
    .anniversary10th .interview.type05 .interview_bottom {
      background-color: #8D7EFF; }
    .anniversary10th .interview.type06 .interview_top, .anniversary10th .interview.type06 .interview_left {
      background-color: #6F95FB; }
    .anniversary10th .interview.type06 .interview_bottom {
      background-color: #91B4FF; }
  .anniversary10th .infoBox {
    position: relative;
    height: 430px;
    padding: 54px 38px;
    border-radius: 28px;
    background: linear-gradient(180deg, #DCE7FF 0%, #FFF 100%); }
    .anniversary10th .infoBox [class*=fs] {
      color: #1c1c1c; }
    .anniversary10th .infoBox::before {
      content: "";
      position: absolute;
      right: 40px;
      bottom: 44px;
      width: 243px;
      height: 157px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/img_info01.png") 0 0/100% 100% no-repeat; }
    .anniversary10th .infoBox.type02::before {
      right: 36px;
      bottom: 41px;
      width: 320px;
      height: 182px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/img_info02.png"); }
    .anniversary10th .infoBox.type03::before {
      right: 44px;
      bottom: 36px;
      width: 265px;
      height: 211px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/img_info03.png"); }
    .anniversary10th .infoBox.type04::before {
      right: 38px;
      bottom: 51px;
      width: 265px;
      height: 169px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/img_info04.png"); }
  .anniversary10th .point {
    position: relative;
    padding-top: 6px; }
    .anniversary10th .point::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      width: 4px;
      height: 4px;
      border-radius: 100%;
      background-color: #E1FF7D; }
  .anniversary10th .bgBox {
    position: relative;
    background-size: 100% 100%;
    font-size: 0; }
    .anniversary10th .bgBox_wrap {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      padding: 23px;
      background-color: transparent;
      border: none;
      z-index: 2; }
    .anniversary10th .bgBox_back {
      opacity: 0; }
    .anniversary10th .bgBox_inner {
      width: 100%;
      text-align: left; }
      .anniversary10th .bgBox_inner span {
        display: block;
        color: #fff; }
        .anniversary10th .bgBox_inner span:first-of-type {
          font-size: 12px;
          line-height: 1;
          font-weight: 700; }
        .anniversary10th .bgBox_inner span:nth-of-type(2) {
          margin-top: 11px;
          font-size: 30px;
          line-height: 1.2;
          word-break: break-all; }
        .anniversary10th .bgBox_inner span:last-of-type {
          margin-top: 11px;
          font-size: 16px;
          line-height: 1;
          font-weight: 700; }
    .anniversary10th .bgBox .likeButton {
      position: absolute;
      top: 17px;
      right: 19px;
      min-width: 34px;
      margin-left: auto;
      padding-top: 34px;
      background-size: 34px 34px;
      line-height: 1;
      font-size: 13px;
      z-index: 3; }
      .anniversary10th .bgBox .likeButton span {
        font-variation-settings: "wght" 600;
        line-height: 1; }
  .anniversary10th .likeButton {
    display: block;
    min-width: 40px;
    padding-top: 40px;
    background: transparent url("data:image/svg+xml,%0A%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5014 12.4898C15.0537 12.4877 15.601 12.595 16.1117 12.8056C16.6224 13.0161 17.0863 13.3257 17.4767 13.7165L18.9391 15.1789L20.3676 16.6074L21.796 15.1789L23.1916 13.7833C24.03 12.9742 25.1531 12.5272 26.3182 12.539C27.3139 12.524 28.2813 12.8702 29.0414 13.5135C29.4753 13.8921 29.8262 14.3563 30.072 14.877C30.3179 15.3977 30.4533 15.9637 30.4698 16.5393C30.4881 17.1139 30.3887 17.6863 30.1777 18.2211C29.9668 18.756 29.6487 19.242 29.2431 19.6495L20.3676 28.5263L11.5929 19.7516C10.8339 18.9686 10.3907 17.9328 10.3485 16.8431C10.2799 15.7784 10.6296 14.729 11.3231 13.9182C11.7196 13.4667 12.2084 13.1055 12.7565 12.8591C13.3046 12.6126 13.8992 12.4867 14.5001 12.4898M14.5001 10.4726C13.6171 10.4724 12.744 10.6595 11.9386 11.0215C11.1332 11.3836 10.4138 11.9124 9.82783 12.573C8.8094 13.7962 8.2816 15.3541 8.34683 16.9445C8.41205 18.5349 9.06565 20.0443 10.1808 21.18L19.6615 30.6607C19.7533 30.7554 19.863 30.8309 19.9842 30.8828C20.1054 30.9348 20.2357 30.9621 20.3676 30.9633C20.4997 30.9637 20.6304 30.9371 20.7518 30.885C20.8733 30.833 20.9827 30.7567 21.0736 30.6607L30.6387 21.0956C31.2411 20.4941 31.7136 19.7756 32.0272 18.9842C32.3408 18.1929 32.4888 17.3457 32.462 16.4949C32.4352 15.6442 32.2341 14.8079 31.8713 14.038C31.5085 13.268 30.9916 12.5806 30.3526 12.0183C29.2273 11.035 27.7784 10.5021 26.2842 10.5218C24.5888 10.5094 22.9573 11.1679 21.7455 12.3536L20.3499 13.7493L18.8875 12.2868C18.3113 11.7108 17.6273 11.2539 16.8745 10.9424C16.1217 10.6309 15.3148 10.4721 14.5001 10.4726Z' fill='white'/%3E%3C/svg%3E%0A") 100% 0/40px 40px no-repeat;
    border: none;
    color: #fff;
    font-size: 16px; }
    .anniversary10th .likeButton.active {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6615 30.6784L10.1808 21.1977C9.06571 20.0585 8.41245 18.5465 8.34725 16.9538C8.28206 15.3611 8.80954 13.8007 9.82777 12.5743C10.3912 11.937 11.079 11.4217 11.8489 11.0601C12.6187 10.6984 13.4544 10.498 14.3046 10.4712C15.1548 10.4444 16.0015 10.5918 16.7926 10.9042C17.5837 11.2166 18.3026 11.6876 18.905 12.2881L20.3675 13.7518L21.7631 12.3561C22.899 11.2412 24.4084 10.5878 25.9987 10.5226C27.589 10.4574 29.1468 10.985 30.3701 12.0031C31.0074 12.5666 31.5227 13.2543 31.8843 14.0242C32.246 14.7941 32.4464 15.6298 32.4732 16.48C32.5 17.3302 32.3526 18.1768 32.0402 18.968C31.7278 19.7591 31.2568 20.478 30.6563 21.0804L21.0748 30.6784C20.8862 30.8635 20.6324 30.9673 20.3681 30.9673C20.1038 30.9673 19.8501 30.8635 19.6615 30.6784Z' fill='white'/%3E%3C/svg%3E%0A"); }
  .anniversary10th .shareButton {
    width: 35px;
    height: 35px;
    background: url("data:image/svg+xml,%0A%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8074 18.1931L11.9324 19.7086L21.0254 24.9586L21.9004 23.4431L12.8074 18.1931Z' fill='white'/%3E%3Cpath d='M21.0078 10.1096L11.8267 15.4105L12.7017 16.926L21.8828 11.6251L21.0078 10.1096Z' fill='white'/%3E%3Cpath d='M10.1826 15.7774C10.6468 15.7774 11.0919 15.9617 11.4201 16.2899C11.7483 16.6181 11.9326 17.0632 11.9326 17.5274C11.9326 17.9915 11.7483 18.4366 11.4201 18.7648C11.0919 19.093 10.6468 19.2774 10.1826 19.2774C9.71851 19.2774 9.27339 19.093 8.9452 18.7648C8.61701 18.4366 8.43263 17.9915 8.43263 17.5274C8.43263 17.0632 8.61701 16.6181 8.9452 16.2899C9.27339 15.9617 9.71851 15.7774 10.1826 15.7774ZM10.1826 14.0274C9.72269 14.0262 9.26705 14.1159 8.84189 14.2914C8.41673 14.4669 8.03042 14.7247 7.70518 15.0499C7.37995 15.3751 7.1222 15.7614 6.94672 16.1866C6.77124 16.6118 6.68147 17.0674 6.68263 17.5274C6.68147 17.9873 6.77124 18.443 6.94672 18.8681C7.1222 19.2933 7.37995 19.6796 7.70518 20.0048C8.03042 20.33 8.41673 20.5878 8.84189 20.7633C9.26705 20.9388 9.72269 21.0285 10.1826 21.0274C10.6426 21.0285 11.0982 20.9388 11.5234 20.7633C11.9486 20.5878 12.3349 20.33 12.6601 20.0048C12.9853 19.6796 13.2431 19.2933 13.4186 18.8681C13.594 18.443 13.6838 17.9873 13.6826 17.5274C13.6826 16.5991 13.3139 15.7089 12.6575 15.0525C12.0011 14.3961 11.1109 14.0274 10.1826 14.0274Z' fill='white'/%3E%3Cpath d='M23.539 23.623C23.8468 23.618 24.1498 23.6997 24.4133 23.8588C24.6133 23.9725 24.7887 24.1251 24.9291 24.3074C25.0695 24.4897 25.1722 24.6982 25.2311 24.9207C25.2913 25.1428 25.3066 25.3747 25.2762 25.6028C25.2457 25.8309 25.1701 26.0507 25.0538 26.2492C24.9003 26.5156 24.6793 26.7369 24.4131 26.8907C24.1469 27.0445 23.8449 27.1255 23.5375 27.1255C23.2298 27.1305 22.9268 27.0488 22.6633 26.8898C22.4632 26.776 22.2879 26.6235 22.1475 26.4411C22.0071 26.2588 21.9044 26.0503 21.8455 25.8278C21.7853 25.6057 21.7699 25.3738 21.8004 25.1457C21.8308 24.9176 21.9064 24.6978 22.0228 24.4993C22.1763 24.2329 22.3972 24.0116 22.6634 23.8578C22.9296 23.704 23.2316 23.623 23.539 23.623ZM23.5398 21.8718C22.9248 21.8699 22.3202 22.0309 21.7876 22.3386C21.255 22.6463 20.8134 23.0895 20.5078 23.6233C20.2769 24.021 20.1267 24.4605 20.0661 24.9164C20.0055 25.3724 20.0356 25.8358 20.1546 26.2801C20.2737 26.7243 20.4793 27.1407 20.7598 27.5052C21.0402 27.8698 21.3899 28.1753 21.7888 28.4043C22.3209 28.711 22.9238 28.8732 23.5378 28.8749C24.1529 28.8768 24.7575 28.7157 25.2901 28.408C25.8227 28.1003 26.2642 27.6571 26.5698 27.1233C26.8008 26.7256 26.9509 26.2861 27.0115 25.8302C27.0721 25.3742 27.042 24.9108 26.923 24.4666C26.804 24.0223 26.5983 23.6059 26.3179 23.2414C26.0374 22.8768 25.6877 22.5713 25.2888 22.3423C24.7568 22.0357 24.1539 21.8734 23.5398 21.8718Z' fill='white'/%3E%3Cpath d='M23.5375 7.87684C23.8453 7.87186 24.1482 7.95355 24.4117 8.11258C24.6118 8.22636 24.7871 8.37887 24.9276 8.56121C25.068 8.74355 25.1706 8.95205 25.2295 9.17453C25.2897 9.39664 25.3051 9.62854 25.2747 9.85666C25.2442 10.0848 25.1686 10.3045 25.0522 10.5031C24.8987 10.7695 24.6778 10.9907 24.4116 11.1445C24.1454 11.2983 23.8434 11.3793 23.536 11.3793C23.2282 11.3843 22.9253 11.3026 22.6617 11.1436C22.4617 11.0298 22.2863 10.8773 22.1459 10.695C22.0055 10.5126 21.9029 10.3041 21.844 10.0816C21.7837 9.85952 21.7684 9.62762 21.7988 9.39951C21.8293 9.17139 21.9049 8.95163 22.0212 8.75308C22.1747 8.4867 22.3957 8.26547 22.6619 8.11164C22.928 7.95781 23.2301 7.87684 23.5375 7.87684ZM23.5383 6.12558C22.9232 6.12367 22.3186 6.28475 21.786 6.59242C21.2534 6.90008 20.8119 7.34336 20.5063 7.87713C20.2753 8.27487 20.1252 8.71434 20.0646 9.17027C20.004 9.6262 20.034 10.0896 20.1531 10.5339C20.2721 10.9781 20.4778 11.3945 20.7582 11.7591C21.0387 12.1236 21.3884 12.4292 21.7873 12.6581C22.3193 12.9648 22.9222 13.127 23.5363 13.1287C24.1514 13.1306 24.756 12.9695 25.2885 12.6619C25.8211 12.3542 26.2627 11.9109 26.5683 11.3771C26.7993 10.9794 26.9494 10.5399 27.01 10.084C27.0706 9.62807 27.0405 9.16467 26.9215 8.72039C26.8024 8.27612 26.5968 7.85974 26.3163 7.4952C26.0359 7.13065 25.6862 6.82511 25.2873 6.59613C24.758 6.28292 24.1532 6.12021 23.5383 6.12558Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
    border: none; }
  .anniversary10th .fontListBox {
    width: 650px;
    margin: 0 auto;
    border-radius: 35px;
    text-align: left;
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff; }
    .anniversary10th .fontListBox .button {
      position: absolute;
      right: 0;
      bottom: 0;
      display: inline-block;
      width: auto;
      padding: 10px 18px;
      background-color: transparent;
      font-size: 14px;
      border-radius: 5px;
      border: 1px solid #fff; }
      .anniversary10th .fontListBox .button:hover {
        background-color: transparent;
        color: #fff; }
    .anniversary10th .fontListBox_inner {
      padding: 77px 64px 33px; }
    .anniversary10th .fontListBox_bottom {
      padding-top: 18px;
      margin-top: 12px;
      border-top: 1px solid rgba(255, 255, 255, 0.3); }
    .anniversary10th .fontListBox_top {
      position: relative; }
    .anniversary10th .fontListBox_comment {
      font-size: 14px;
      line-height: 1.5;
      word-break: break-word; }
    .anniversary10th .fontListBox_list {
      height: 235px;
      margin-top: 14px;
      padding-right: 21px;
      overflow-y: auto;
      -webkit-overflow-scrolling: auto !important; }
      .anniversary10th .fontListBox_list::-webkit-scrollbar {
        width: 4px; }
      .anniversary10th .fontListBox_list::-webkit-scrollbar-track {
        width: 6px;
        background: rgba(28, 28, 28, 0.15); }
      .anniversary10th .fontListBox_list::-webkit-scrollbar-thumb {
        height: 34%;
        background: #fff;
        border-radius: 10px; }
      .anniversary10th .fontListBox_list::-webkit-scrollbar-button:start:decrement, .anniversary10th .fontListBox_list::-webkit-scrollbar-button:end:increment {
        display: none; }
    .anniversary10th .fontListBox_item {
      display: flex;
      align-items: center;
      margin-bottom: 13px; }
      .anniversary10th .fontListBox_item > div:last-of-type {
        margin-left: 10px; }
        .anniversary10th .fontListBox_item > div:last-of-type div:first-of-type {
          font-size: 20px;
          line-height: 1; }
        .anniversary10th .fontListBox_item > div:last-of-type div:last-of-type {
          margin-top: 7px;
          font-size: 12px;
          line-height: 1.68;
          opacity: 0.8; }
    .anniversary10th .fontListBox_button {
      display: block;
      width: 100%;
      padding: 9px 0;
      margin-bottom: 12px;
      border-radius: 10px;
      border: none;
      background: rgba(28, 28, 28, 0.1);
      text-align: center; }
      .anniversary10th .fontListBox_button [class*=fs-t] {
        color: rgba(255, 255, 255, 0.7) !important; }
      .anniversary10th .fontListBox_button > * {
        vertical-align: middle; }
    .anniversary10th .fontListBox_del {
      width: 40px;
      height: 40px;
      padding: 10px;
      margin-top: -22px;
      margin-left: 15px;
      background-color: transparent;
      border: none; }
    .anniversary10th .fontListBox_num {
      width: 24px;
      font-size: 17px;
      font-weight: 800;
      opacity: 0.8; }
    .anniversary10th .fontListBox_buttonWrap {
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center; }
      .anniversary10th .fontListBox_buttonWrap * + * {
        margin-left: 5px; }
    .anniversary10th .fontListBox_day {
      font-size: 14px;
      font-weight: 700;
      opacity: 0.8; }
      .anniversary10th .fontListBox_day + .fontListBox_name {
        margin-top: 3px; }
    .anniversary10th .fontListBox_name {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.58; }
    .anniversary10th .fontListBox_title {
      margin-top: -3px;
      font-size: 26px;
      font-weight: 800;
      line-height: 1.45; }
    .anniversary10th .fontListBox_title02 {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.48; }
    .anniversary10th .fontListBox_footer {
      font-size: 12px;
      font-variation-settings: "wght" 600;
      line-height: 1.6;
      text-align: right;
      opacity: 0.8; }
    .anniversary10th .fontListBox li:first-of-type .fontListBox_item {
      margin-top: 7px; }
    .anniversary10th .fontListBox li:last-of-type .fontListBox_item,
    .anniversary10th .fontListBox li:last-of-type .fontListBox_button {
      margin-bottom: 0; }
    .anniversary10th .fontListBox.type01 {
      background-color: #FF6E40; }
    .anniversary10th .fontListBox.type02 {
      background-color: #4173FA; }
    .anniversary10th .fontListBox.type03 {
      background-color: #FFB100; }
    .anniversary10th .fontListBox.type04 {
      background-color: #F54BB4; }
    .anniversary10th .fontListBox.type05 {
      background-color: #7765FF; }
    .anniversary10th .fontListBox.type06 {
      background-color: #00B758; }
  .anniversary10th .borderType {
    position: relative;
    display: inline-block;
    width: 113px;
    line-height: inherit;
    font-weight: inherit; }
    .anniversary10th .borderType::after {
      content: "";
      position: absolute;
      bottom: 2px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #fff; }
    .anniversary10th .borderType input {
      height: 18px;
      font-weight: inherit;
      color: #fff;
      font-weight: inherit; }
      .anniversary10th .borderType input::placeholder {
        color: rgba(255, 255, 255, 0.3); }
      .anniversary10th .borderType input:-webkit-autofill, .anniversary10th .borderType input:-webkit-autofill:hover, .anniversary10th .borderType input:-webkit-autofill:focus, .anniversary10th .borderType input:-webkit-autofill:active {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        box-shadow: 0 0 0px 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s; }
    .anniversary10th .borderType.type02 {
      width: 217px; }
      .anniversary10th .borderType.type02 input {
        height: 26px; }
  .anniversary10th .bgType {
    height: 80px;
    background: rgba(28, 28, 28, 0.1);
    border-radius: 10px;
    color: #fff;
    font-size: 14px; }
    .anniversary10th .bgType textarea {
      height: 100%;
      padding: 10px 12px;
      line-height: 1.4;
      background-color: transparent; }
      .anniversary10th .bgType textarea::-webkit-scrollbar {
        width: 4px; }
        .anniversary10th .bgType textarea::-webkit-scrollbar-track {
          width: 6px;
          background: rgba(28, 28, 28, 0.15); }
        .anniversary10th .bgType textarea::-webkit-scrollbar-thumb {
          height: 34%;
          background: #fff;
          border-radius: 10px; }
      .anniversary10th .bgType textarea::placeholder {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        color: inherit;
        font-size: 16px; }
  .anniversary10th .button {
    display: block;
    width: 320px;
    padding: 27px 0;
    margin: 0 auto;
    background-color: #2e4687;
    font-size: 16px;
    font-weight: 700;
    border-radius: 16px;
    color: #fff;
    border: none; }
    .anniversary10th .button:hover {
      background-color: #fff;
      color: #2e4687; }
    .anniversary10th .button.type02 {
      width: 337px;
      background-color: #222A40;
      color: #fff; }
      .anniversary10th .button.type02:hover {
        background-color: #fff;
        color: #222A40; }
    .anniversary10th .button.type03 {
      background-color: #3659b7; }
      .anniversary10th .button.type03:hover {
        background-color: #fff;
        color: #3659b7; }
    .anniversary10th .buttonWrap {
      display: flex;
      width: 650px;
      margin-left: auto;
      margin-right: auto; }
      .anniversary10th .buttonWrap .button + .button {
        margin-left: 16px; }
  .anniversary10th .list-style-dot {
    padding-left: 15px; }
  .anniversary10th .border-bottom {
    padding-bottom: 12px;
    border-color: #91B4FF !important; }
  .anniversary10th .checkbox {
    position: relative; }
    .anniversary10th .checkbox input {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      cursor: pointer; }
      .anniversary10th .checkbox input:checked + label::before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 5'%3E%3Crect id='Rectangle 5' x='3.4668' y='3.21582' width='10.6667' height='10.6667' rx='1.9' fill='%236F95FB'/%3E%3Cpath id='Vector 1' d='M5.73584 8.31982L8.09286 10.6768L11.8641 6.90561' stroke='white' stroke-width='1.425' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    .anniversary10th .checkbox label {
      position: relative;
      padding-left: 23px;
      font-size: 14px;
      font-variation-settings: "wght" 400; }
      .anniversary10th .checkbox label::before {
        content: "";
        position: absolute;
        left: 0;
        top: -2px;
        width: 16px;
        height: 17px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect x='3.38892' y='3.92603' width='9.24167' height='9.24167' rx='1.1875' stroke='%23DDDDDD' stroke-width='1.425' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }
  .anniversary10th .iconTxt {
    padding-top: 64px;
    background: url("data:image/svg+xml,%3Csvg width='56' height='49' viewBox='0 0 56 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_314_4403)'%3E%3Cpath d='M0.59436 1.27451C0.59436 0.827158 0.95701 0.464508 1.40436 0.464508H44.2055C44.6529 0.464508 45.0155 0.827157 45.0155 1.27451V37.4093C45.0155 43.7107 39.8999 48.8263 33.5986 48.8263H12.0113C5.70996 48.8263 0.59436 43.7107 0.59436 37.4093V1.27451Z' fill='%23E1FF7D'/%3E%3Cpath d='M22.8988 34.8546C22.4515 34.8546 22.0888 35.2172 22.0888 35.6646V36.6457C22.0888 43.1764 16.7977 48.4675 10.267 48.4675C9.90523 48.4675 9.54699 48.4496 9.19592 48.4174C10.285 48.6825 11.4241 48.8257 12.5956 48.8257H41.2544C48.7957 48.8257 54.9565 43.004 55.3813 35.6646C55.4072 35.218 55.042 34.8546 54.5947 34.8546H22.8988Z' fill='%23ABE500'/%3E%3Cpath d='M10.3157 10.5887H37.0457' stroke='%23ABE500' stroke-width='3.24' stroke-linecap='round'/%3E%3Cpath d='M10.3157 18.8908H37.0457' stroke='%23ABE500' stroke-width='3.24' stroke-linecap='round'/%3E%3Cpath d='M10.3157 27.1937H31.7807' stroke='%23ABE500' stroke-width='3.24' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_314_4403'%3E%3Crect width='54.81' height='48.3618' fill='white' transform='translate(0.594727 0.463867)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% 0/49px 43px no-repeat;
    line-height: 1.18; }
  .anniversary10th .search {
    position: relative;
    width: 610px;
    height: 60px;
    margin: 0 auto;
    background-color: #3659B7;
    border-radius: 40px; }
    .anniversary10th .search input {
      width: 100%;
      height: 100%;
      padding: 0 32px;
      background-color: transparent;
      border: none;
      color: #6F95FB; }
      .anniversary10th .search input::placeholder {
        color: inherit; }
      .anniversary10th .search input:-webkit-autofill, .anniversary10th .search input:-webkit-autofill:hover, .anniversary10th .search input:-webkit-autofill:focus, .anniversary10th .search input:-webkit-autofill:active {
        -webkit-text-fill-color: #6F95FB;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        box-shadow: 0 0 0px 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s; }
    .anniversary10th .search button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 29px;
      width: 42px;
      height: 42px;
      background: transparent url("data:image/svg+xml,%0A%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.41273 15.0225C9.47673 15.0225 10.4567 14.7518 11.3527 14.2105C12.2674 13.6691 12.9861 12.9411 13.5087 12.0265C14.0501 11.0931 14.3207 10.0758 14.3207 8.97447C14.3207 7.87314 14.0501 6.86514 13.5087 5.95047C12.9861 5.01714 12.2674 4.27981 11.3527 3.73847C10.4567 3.19714 9.47673 2.92647 8.41273 2.92647C7.33007 2.92647 6.32207 3.20647 5.38874 3.76647C4.47407 4.30781 3.74607 5.03581 3.20473 5.95047C2.6634 6.86514 2.39273 7.87314 2.39273 8.97447C2.39273 10.0758 2.65407 11.0931 3.17673 12.0265C3.71807 12.9411 4.44607 13.6691 5.36073 14.2105C6.29407 14.7518 7.3114 15.0225 8.41273 15.0225ZM8.41273 17.1785C6.90073 17.1785 5.50073 16.8145 4.21273 16.0865C2.9434 15.3398 1.9354 14.3411 1.18873 13.0905C0.442068 11.8211 0.0687345 10.4491 0.0687345 8.97447C0.0687345 7.51847 0.442068 6.16514 1.18873 4.91447C1.9354 3.64514 2.95273 2.63714 4.24073 1.89047C5.52873 1.14381 6.9194 0.770474 8.41273 0.770474C9.90607 0.770474 11.2781 1.14381 12.5287 1.89047C13.7794 2.63714 14.7687 3.64514 15.4967 4.91447C16.2434 6.16514 16.6167 7.51847 16.6167 8.97447C16.6167 10.4491 16.2434 11.8211 15.4967 13.0905C14.7687 14.3411 13.7794 15.3398 12.5287 16.0865C11.2781 16.8145 9.90607 17.1785 8.41273 17.1785ZM20.7327 22.4145L12.9767 14.6585L14.0407 13.5665L21.7967 21.3505L20.7327 22.4145ZM21.0687 23.2545L14.1527 16.3665L15.7487 14.7145L22.6927 21.6585L21.0687 23.2545Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50%/26px 41px no-repeat;
      border: none; }
      .anniversary10th .search button.cancel {
        right: 75px;
        width: 28px;
        height: 28px;
        background: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.0558' cy='13.5915' r='13.5944' fill='black' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.06306 8.59917C9.26394 8.39829 9.58963 8.39829 9.79051 8.59917L19.0494 17.858C19.2503 18.0589 19.2503 18.3846 19.0494 18.5855C18.8485 18.7864 18.5228 18.7864 18.3219 18.5855L9.06306 9.32661C8.86219 9.12574 8.86219 8.80005 9.06306 8.59917Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0494 8.5992C19.2503 8.80008 19.2503 9.12576 19.0494 9.32664L9.79051 18.5855C9.58963 18.7864 9.26394 18.7864 9.06306 18.5855C8.86218 18.3846 8.86218 18.059 9.06306 17.8581L18.3219 8.5992C18.5228 8.39832 18.8485 8.39832 19.0494 8.5992Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
  .anniversary10th .couponList {
    text-align: left; }
    .anniversary10th .couponList a {
      color: inherit;
      display: block; }
    .anniversary10th .couponList_wrap {
      display: flex;
      flex-wrap: wrap; }
    .anniversary10th .couponList_item {
      position: relative;
      width: 25%;
      padding: 32px 25px 26px;
      background-color: #fff;
      border-radius: 20px;
      overflow: hidden; }
      .anniversary10th .couponList_item + .couponList_item {
        position: relative; }
        .anniversary10th .couponList_item + .couponList_item::before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 2px;
          height: calc(100% - 54px);
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='282' viewBox='0 0 2 282' fill='none'%3E%3Cpath d='M1 1L1.00001 281' stroke='%23C3D2FF' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 6'/%3E%3C/svg%3E") 0 -2px/100% auto repeat-y; }
      .anniversary10th .couponList_item:nth-of-type(n+5) {
        margin-top: 60px; }
      .anniversary10th .couponList_item:nth-of-type(5) {
        margin-left: 0; }
        .anniversary10th .couponList_item:nth-of-type(5)::before {
          display: none; }
      .anniversary10th .couponList_item:first-of-type .couponList_dim::before, .anniversary10th .couponList_item:nth-of-type(5) .couponList_dim::before {
        display: none; }
    .anniversary10th .couponList_badge span {
      display: inline-block;
      padding: 4px 8px;
      border-radius: 86.379px;
      background: var(--light-blue-blue-2-ebf-0-ff, #EBF0FF);
      font-size: 12px;
      font-weight: 700;
      color: #4173fa; }
    .anniversary10th .couponList_text {
      line-height: 1.2;
      font-size: 34px;
      font-weight: 700; }
    .anniversary10th .couponList_dim {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: rgba(65, 115, 250, 0.85);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      .anniversary10th .couponList_dim::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: calc(100% - 54px);
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='282' viewBox='0 0 2 282' fill='none'%3E%3Cpath d='M1 1L1.00001 281' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round' stroke-dasharray='3 6'/%3E%3C/svg%3E") 0 -2px/100% auto repeat-y; }
      .anniversary10th .couponList_dim.type02 {
        display: block;
        padding: 32px 25px 26px;
        background-color: #fff;
        text-align: left; }
        .anniversary10th .couponList_dim.type02 .couponList_badge span {
          color: #777;
          background-color: #f0f0f0;
          text-transform: uppercase; }
    .anniversary10th .couponList img {
      margin-top: 16px; }
    .anniversary10th .couponList .button {
      width: 100%;
      padding: 12px 0;
      font-size: 14px;
      background-color: #00B758;
      color: #fff;
      border-radius: 8px; }
      .anniversary10th .couponList .button:hover {
        background-color: #00B758;
        color: #fff; }
      .anniversary10th .couponList .button:disabled {
        background-color: #ccc; }
  .anniversary10th .list-order-wrap .form-control {
    border: none;
    padding: 0px 22px 0px 0px;
    background-position: center right;
    font-size: 0.875rem; }
    .anniversary10th .list-order-wrap .form-control:focus {
      background: transparent;
      color: #fff; }
    .anniversary10th .list-order-wrap .form-control#sorting_dropdown, .anniversary10th .list-order-wrap .form-control#sorting_dropdown-free {
      background-size: 24px 24px, 18px 18px;
      background-repeat: no-repeat;
      background-position: left center, right center;
      background-color: transparent;
      padding-left: 28px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%23ffffff'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%23ffffff'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%23ffffff'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%23ffffff'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%23ffffff'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.77319 7.25189C9.77319 7.14502 9.72822 7.04377 9.65509 6.96502C9.49759 6.80752 9.24446 6.80752 9.08696 6.96502L4.54199 11.51C4.46886 11.5831 4.42381 11.69 4.42381 11.7969C4.42381 11.9038 4.46886 12.005 4.54199 12.0838C4.69949 12.2413 4.95262 12.2413 5.11012 12.0838L9.65509 7.53877C9.72822 7.46002 9.77319 7.35877 9.77319 7.25189Z' fill='white'/%3E%3Cpath d='M14.3181 11.7969C14.3181 11.69 14.2731 11.5888 14.1999 11.51L9.65497 6.96502C9.49747 6.80752 9.24434 6.80752 9.08684 6.96502C9.01371 7.03814 8.96873 7.14502 8.96873 7.25189C8.96873 7.35877 9.01371 7.46002 9.08684 7.53877L13.6318 12.0838C13.7893 12.2413 14.0424 12.2413 14.1999 12.0838C14.2731 12.005 14.3181 11.9038 14.3181 11.7969Z' fill='white'/%3E%3C/svg%3E%0A");
      font-variation-settings: "wght" 400;
      color: #fff; }
      .anniversary10th .list-order-wrap .form-control#sorting_dropdown[aria-expanded="true"], .anniversary10th .list-order-wrap .form-control#sorting_dropdown-free[aria-expanded="true"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 10.3999C10.1877 10.3999 9.9842 10.4842 9.83417 10.6342C9.68414 10.7842 9.59985 10.9877 9.59985 11.1999V23.9999C9.59985 24.105 9.62055 24.209 9.66075 24.306C9.70096 24.4031 9.75988 24.4913 9.83417 24.5656C9.90845 24.6399 9.99664 24.6988 10.0937 24.739C10.1908 24.7792 10.2948 24.7999 10.3999 24.7999C10.5049 24.7999 10.6089 24.7792 10.706 24.739C10.8031 24.6988 10.8913 24.6399 10.9655 24.5656C11.0398 24.4913 11.0988 24.4031 11.139 24.306C11.1792 24.209 11.1999 24.105 11.1999 23.9999V11.1999C11.1999 10.9877 11.1156 10.7842 10.9655 10.6342C10.8155 10.4842 10.612 10.3999 10.3999 10.3999Z' fill='%23ffffff'/%3E%3Cpath d='M21.6001 8.80005C21.3879 8.80005 21.1844 8.88433 21.0344 9.03436C20.8843 9.18439 20.8 9.38786 20.8 9.60004V22.4C20.8 22.6122 20.8843 22.8157 21.0344 22.9657C21.1844 23.1158 21.3879 23.2 21.6001 23.2C21.8122 23.2 22.0157 23.1158 22.1657 22.9657C22.3158 22.8157 22.4 22.6122 22.4 22.4V9.60004C22.4 9.38786 22.3158 9.18439 22.1657 9.03436C22.0157 8.88433 21.8122 8.80005 21.6001 8.80005Z' fill='%23ffffff'/%3E%3Cpath d='M10.401 9.13082C10.2427 9.12854 10.0874 9.17374 9.95505 9.2606C9.8227 9.34746 9.71942 9.47199 9.65853 9.61812C9.59765 9.76425 9.58196 9.92528 9.61347 10.0804C9.64499 10.2355 9.72226 10.3777 9.83534 10.4885L13.2295 13.8826C13.3028 13.9576 13.391 14.0165 13.4884 14.0555C13.5858 14.0945 13.6903 14.1126 13.7951 14.1089C14.0062 14.111 14.2095 14.0297 14.3608 13.8826C14.5109 13.7326 14.5951 13.5291 14.5951 13.3169C14.5951 13.1047 14.5109 12.9012 14.3608 12.7512L10.9667 9.35709C10.8121 9.21508 10.6109 9.13459 10.401 9.13082Z' fill='%23ffffff'/%3E%3Cpath d='M10.4009 9.13141C10.1899 9.12927 9.98653 9.21059 9.83519 9.35768L6.44108 12.7518C6.29105 12.9018 6.20677 13.1053 6.20677 13.3175C6.20677 13.5296 6.29105 13.7331 6.44108 13.8832C6.51441 13.9582 6.6026 14.0171 6.70002 14.0561C6.79744 14.095 6.90192 14.1132 7.00677 14.1094C7.21779 14.1116 7.42112 14.0303 7.57246 13.8832L10.9666 10.4891C11.1166 10.339 11.2009 10.1355 11.2009 9.92337C11.2009 9.7112 11.1166 9.50771 10.9666 9.35768C10.812 9.21567 10.6108 9.13518 10.4009 9.13141Z' fill='%23ffffff'/%3E%3Cpath d='M18.2066 19.4326C17.9956 19.4305 17.7923 19.5118 17.6409 19.6589C17.4909 19.8089 17.4066 20.0124 17.4066 20.2246C17.4066 20.4367 17.4909 20.6402 17.6409 20.7903L21.035 24.1844C21.1083 24.2594 21.1965 24.3183 21.294 24.3573C21.3914 24.3962 21.4959 24.4144 21.6007 24.4106C21.8117 24.4128 22.0151 24.3315 22.1664 24.1844C22.3164 24.0343 22.4007 23.8309 22.4007 23.6187C22.4007 23.4065 22.3164 23.203 22.1664 23.053L18.7723 19.6589C18.6209 19.5118 18.4176 19.4305 18.2066 19.4326Z' fill='%23ffffff'/%3E%3Cpath d='M24.9945 19.4323C24.7835 19.4301 24.5801 19.5115 24.4288 19.6585L21.0347 23.0527C20.8847 23.2027 20.8004 23.4062 20.8004 23.6183C20.8004 23.8305 20.8847 24.034 21.0347 24.184C21.108 24.2591 21.1962 24.318 21.2936 24.3569C21.391 24.3959 21.4955 24.4141 21.6004 24.4103C21.8114 24.4124 22.0147 24.3311 22.1661 24.184L25.5602 20.7899C25.6345 20.7156 25.6934 20.6274 25.7336 20.5304C25.7738 20.4333 25.7945 20.3293 25.7945 20.2242C25.7945 20.1192 25.7738 20.0152 25.7336 19.9181C25.6934 19.821 25.6345 19.7328 25.5602 19.6585C25.4088 19.5115 25.2055 19.4301 24.9945 19.4323Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.96313 11.8419C8.96313 11.9487 9.00811 12.05 9.08124 12.1287C9.23874 12.2862 9.49187 12.2862 9.64937 12.1287L14.1943 7.58373C14.2675 7.51061 14.3125 7.40373 14.3125 7.29686C14.3125 7.18998 14.2675 7.08873 14.1943 7.00998C14.0368 6.85248 13.7837 6.85248 13.6262 7.00998L9.08124 11.555C9.00811 11.6337 8.96313 11.735 8.96313 11.8419Z' fill='white'/%3E%3Cpath d='M4.41821 7.29686C4.41821 7.40373 4.46326 7.50498 4.53638 7.58373L9.08136 12.1287C9.23886 12.2862 9.49199 12.2862 9.64949 12.1287C9.72262 12.0556 9.76759 11.9487 9.76759 11.8419C9.76759 11.735 9.72262 11.6337 9.64949 11.555L5.10452 7.00998C4.94702 6.85248 4.69388 6.85248 4.53638 7.00998C4.46326 7.08873 4.41821 7.18998 4.41821 7.29686Z' fill='white'/%3E%3C/svg%3E%0A"); }
  .anniversary10th .list-order-wrap .dropdown-toggle::after {
    display: none; }
  .anniversary10th .list-order-wrap .dropdown-menu {
    padding: 4px 0;
    overflow: hidden;
    height: auto;
    font-size: 0.875rem;
    color: #1c1c1c;
    top: 42px;
    line-height: 1.64;
    left: -20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: visible;
    width: 200px; }
    .anniversary10th .list-order-wrap .dropdown-menu .dropdown-divider {
      margin: 4px 0; }
    .anniversary10th .list-order-wrap .dropdown-menu .dropdown-item {
      padding: 10px 8px 9px 28px !important;
      color: #1c1c1c;
      cursor: pointer; }
      .anniversary10th .list-order-wrap .dropdown-menu .dropdown-item:hover {
        background: #f9f9f9; }
    .anniversary10th .list-order-wrap .dropdown-menu .form-check-input:checked + .dropdown-item {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%231c1c1c'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: 4px center;
      background-color: #F9F9F9; }
  .anniversary10th .list-order-wrap .form-check-input {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 1px;
    opacity: 0; }
  .anniversary10th .footprint {
    position: relative;
    height: 805px;
    padding-top: 93px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_footprint.png") 0 0/100% auto no-repeat;
    text-align: left; }
    .anniversary10th .footprint_row {
      display: flex; }
      .anniversary10th .footprint_row:first-of-type .footprint_item:first-of-type {
        margin-left: 180px; }
      .anniversary10th .footprint_row:first-of-type .footprint_item:nth-of-type(2) {
        margin-left: 80px; }
      .anniversary10th .footprint_row:first-of-type .footprint_item:last-of-type {
        margin-left: 127px; }
      .anniversary10th .footprint_row:nth-of-type(2) {
        flex-direction: row-reverse;
        margin-top: 114px; }
        .anniversary10th .footprint_row:nth-of-type(2) .footprint_item:first-of-type {
          margin-right: 320px; }
        .anniversary10th .footprint_row:nth-of-type(2) .footprint_item:last-of-type {
          margin-right: 142px; }
      .anniversary10th .footprint_row:last-of-type {
        margin-top: 139px; }
        .anniversary10th .footprint_row:last-of-type .footprint_item:first-of-type {
          margin-left: 191px; }
        .anniversary10th .footprint_row:last-of-type .footprint_item:nth-of-type(2) {
          margin-left: 92px; }
        .anniversary10th .footprint_row:last-of-type .footprint_item:last-of-type {
          margin-left: 66px; }
    .anniversary10th .footprint_item > div:not(:first-of-type) {
      line-height: 1.45; }
    .anniversary10th .footprint_item > div:nth-of-type(2) {
      margin-top: 16px; }
    .anniversary10th .footprint_item > div:first-of-type {
      position: relative;
      display: inline-block;
      padding-top: 29px;
      line-height: 1; }
      .anniversary10th .footprint_item > div:first-of-type::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 12px;
        height: 12px;
        background-color: #3659b7;
        border-radius: 100%; }
    .anniversary10th .footprint_float {
      position: absolute;
      bottom: 152px;
      right: 14px;
      width: 149px;
      height: 109px;
      padding: 12px 17px 21px 19px;
      background: url("data:image/svg+xml,%0A%3Csvg width='150' height='109' viewBox='0 0 150 109' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2002 0C6.91592 0 0.200195 6.71573 0.200195 15V85C0.200195 93.2843 6.91592 100 15.2002 100H128.9L139.794 107.513C143.774 110.258 149.2 107.409 149.2 102.574V82.7649C149.2 82.7536 149.2 82.7422 149.2 82.7309V15C149.2 6.71573 142.484 0 134.2 0H15.2002Z' fill='%233659B7'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
      border-radius: 16px 16px 0;
      font-weight: 700;
      line-height: 1.58;
      color: #fff; }
    .anniversary10th .footprint a {
      color: #1c1c1c;
      text-decoration: underline; }
  .anniversary10th .bgText span {
    padding: 6px 9px 6px 11px;
    background-color: #3659B7;
    color: #fff;
    border-radius: 6px; }
  .anniversary10th .bgCont {
    padding: 38px 0;
    border-radius: 10px;
    background: rgba(54, 89, 183, 0.5); }
  .anniversary10th .resultNone {
    margin-top: 120px;
    padding: 136px 0 86px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/ic_noResult.png") 50% 0/149px 111px no-repeat; }
    .anniversary10th .resultNone p {
      line-height: 1.58; }
      .anniversary10th .resultNone p:first-of-type {
        font-size: 20px;
        font-weight: 700; }
      .anniversary10th .resultNone p:last-of-type {
        margin-top: 3px;
        font-size: 16px; }
  .anniversary10th .custom-pagination .page-item .page-link {
    color: #6F95FB; }
  .anniversary10th .custom-pagination .page-item.active .page-link {
    color: #fff; }
  .anniversary10th .custom-pagination i.sd.ic-page-first {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M17 18.5L11 12.5L17 6.5' stroke='%236F95FB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 3' d='M7 6.5V18.5' stroke='%236F95FB' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  .anniversary10th .custom-pagination i.sd.ic-page-prev {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M15 18.5L9 12.5L15 6.5' stroke='%236F95FB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  .anniversary10th .custom-pagination i.sd.ic-page-next {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M9 6.5L15 12.5L9 18.5' stroke='%236F95FB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  .anniversary10th .custom-pagination i.sd.ic-page-last {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 7'%3E%3Cpath id='Vector 2' d='M7 6.5L13 12.5L7 18.5' stroke='%236F95FB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector 3' d='M17 18.5L17 6.5' stroke='%236F95FB' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
  .anniversary10th .custom-modal.fontListBoxModal .modal-dialog:not(.modal-lg) {
    max-width: 650px; }
  .anniversary10th .custom-modal.fontListBoxModal .modal-dialog-centered {
    min-height: calc(100% - 140px);
    margin: 140px auto 0; }
  .anniversary10th .custom-modal.fontListBoxModal .modal-content {
    background: transparent; }
    .anniversary10th .custom-modal.fontListBoxModal .modal-content .fs-title-2 {
      color: #fff; }
    .anniversary10th .custom-modal.fontListBoxModal .modal-content .modal-body {
      padding: 0; }
    .anniversary10th .custom-modal.fontListBoxModal .modal-content > .btn-close {
      top: 25px;
      right: 26px;
      width: 37px;
      height: 37px;
      padding: 0;
      background: none; }
      .anniversary10th .custom-modal.fontListBoxModal .modal-content > .btn-close i.sd.ic-cancel {
        width: 100%;
        height: 100%; }
  .anniversary10th .custom-modal.interviewModal .modal-content {
    background-color: transparent;
    border-radius: 20px;
    overflow: hidden; }
    .anniversary10th .custom-modal.interviewModal .modal-content .modal-body {
      padding: 0;
      overflow: hidden; }
  .anniversary10th .custom-modal.interviewModal .modal-dialog:not(.modal-lg) {
    max-width: 1000px; }
  .anniversary10th .custom-modal.interviewModal .interview {
    display: flex;
    border-radius: 0; }
  .anniversary10th .custom-modal.interviewModal .swiper-nav {
    position: absolute;
    bottom: 30px;
    right: 39px;
    display: flex;
    align-items: center;
    z-index: 1; }
  .anniversary10th .custom-modal.interviewModal .swiper-button-prev, .anniversary10th .custom-modal.interviewModal .swiper-button-next {
    position: initial;
    width: 20px;
    height: 20px;
    margin-top: 0;
    padding: 0;
    border: none;
    background-color: transparent; }
  .anniversary10th .custom-modal.interviewModal .swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='10.88' cy='10.88' rx='10.88' ry='10.88' fill='%23CCCCCC'/%3E%3Cpath d='M8.4655 10.4033C8.35606 10.4033 8.25238 10.4494 8.17174 10.5243C8.01046 10.6855 8.01046 10.9447 8.17174 11.106L12.8258 15.7601C12.9007 15.835 13.0101 15.8811 13.1196 15.8811C13.229 15.8811 13.3327 15.835 13.4133 15.7601C13.5746 15.5988 13.5746 15.3396 13.4133 15.1783L8.75926 10.5243C8.67862 10.4494 8.57494 10.4033 8.4655 10.4033Z' fill='white' stroke='white' stroke-width='0.4'/%3E%3Cpath d='M13.1196 5.74902C13.0101 5.74902 12.9065 5.79515 12.8258 5.87003L8.17174 10.5241C8.01046 10.6854 8.01046 10.9446 8.17174 11.1059C8.24662 11.1807 8.35606 11.2268 8.4655 11.2268C8.57494 11.2268 8.67862 11.1807 8.75926 11.1059L13.4133 6.4518C13.5746 6.29052 13.5746 6.03131 13.4133 5.87003C13.3327 5.79515 13.229 5.74902 13.1196 5.74902Z' fill='white' stroke='white' stroke-width='0.4'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
  .anniversary10th .custom-modal.interviewModal .swiper-button-next::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%0A%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='10.88' cy='10.88' rx='10.88' ry='10.88' transform='matrix(-1 0 0 1 22.6802 0)' fill='%23CCCCCC'/%3E%3Cpath d='M14.2142 10.4033C14.3236 10.4033 14.4273 10.4494 14.5079 10.5243C14.6692 10.6855 14.6692 10.9447 14.5079 11.106L9.85386 15.7601C9.77898 15.835 9.66954 15.8811 9.5601 15.8811C9.45066 15.8811 9.34698 15.835 9.26634 15.7601C9.10506 15.5988 9.10506 15.3396 9.26634 15.1783L13.9204 10.5243C14.0011 10.4494 14.1047 10.4033 14.2142 10.4033Z' fill='white' stroke='white' stroke-width='0.4'/%3E%3Cpath d='M9.5601 5.74902C9.66954 5.74902 9.77322 5.79515 9.85386 5.87003L14.5079 10.5241C14.6692 10.6854 14.6692 10.9446 14.5079 11.1059C14.4331 11.1807 14.3236 11.2268 14.2142 11.2268C14.1047 11.2268 14.0011 11.1807 13.9204 11.1059L9.26634 6.4518C9.10506 6.29052 9.10506 6.03131 9.26634 5.87003C9.34698 5.79515 9.45066 5.74902 9.5601 5.74902Z' fill='white' stroke='white' stroke-width='0.4'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }
  .anniversary10th .custom-modal.interviewModal .swiper-pagination {
    position: initial;
    display: inline-block;
    width: auto;
    margin: 0 13px;
    font-size: 14px;
    font-weight: 700; }
  .anniversary10th .rollingImg {
    display: flex;
    overflow: hidden; }
    .anniversary10th .rollingImg_inner {
      display: flex; }
      .anniversary10th .rollingImg_inner.original {
        animation: rollingleft1 50s linear infinite; }
      .anniversary10th .rollingImg_inner.clone {
        animation: rollingleft2 50s linear infinite; }
    .anniversary10th .rollingImg_link {
      display: block;
      position: absolute;
      color: transparent; }
      .anniversary10th .rollingImg_link:first-of-type {
        top: 210px;
        left: 2572px;
        width: 265px;
        height: 102px; }
      .anniversary10th .rollingImg_link:nth-of-type(2) {
        top: 160px;
        left: 2945px;
        width: 223px;
        height: 151px; }
      .anniversary10th .rollingImg_link:last-of-type {
        top: 160px;
        left: 3301px;
        width: 244px;
        height: 151px; }
    .anniversary10th .rollingImg:hover .original,
    .anniversary10th .rollingImg:hover .clone {
      animation-play-state: paused; }
    .anniversary10th .rollingImg img {
      width: auto;
      max-width: none !important;
      height: 372px; }
    .anniversary10th .rollingImg.type02 .rollingImg_inner.original {
      animation: rollingright1 50s linear infinite; }
    .anniversary10th .rollingImg.type02 .rollingImg_inner.clone {
      animation: rollingright2 50s linear infinite; }
    .anniversary10th .rollingImg.type02:hover .original,
    .anniversary10th .rollingImg.type02:hover .clone {
      animation-play-state: paused; }

@keyframes rollingleft1 {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-100%); }
  50.01% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0); } }

@keyframes rollingleft2 {
  0% {
    transition: translateX(0); }
  100% {
    transform: translateX(-200%); } }

@keyframes rollingright1 {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(100%); }
  50.01% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }

@keyframes rollingright2 {
  0% {
    transform: translateX(-200%); }
  100% {
    transition: translateX(0); } }

.mobile .anniversary10th .container-1000,
.mobile .anniversary10th .container-1210 {
  max-width: 100% !important;
  min-width: 100% !important;
  padding: 0 20px !important; }

.mobile .anniversary10th .container-1160 .container-1000 {
  padding: 0 !important; }

.mobile .anniversary10th .main {
  height: calc(100vh - 133px); }
  .mobile .anniversary10th .main_item .roundText + .text-black {
    margin-top: 290px; }
  .mobile .anniversary10th .main_item .sdMoveIt {
    margin-top: 2vh; }
  .mobile .anniversary10th .main_ani {
    width: 108px;
    height: 900px; }
    .mobile .anniversary10th .main_aniWrap {
      left: 50%;
      transform: translateX(-50%);
      right: auto;
      width: auto;
      padding: 0;
      justify-content: center; }
    .mobile .anniversary10th .main_ani + .main_ani {
      margin-left: 41px; }
    .mobile .anniversary10th .main_ani .swiper-wrapper {
      transition-timing-function: linear; }
  .mobile .anniversary10th .main_el {
    width: 90%; }
  .mobile .anniversary10th .main_video {
    top: -5.5vh; }
    .mobile .anniversary10th .main_video video,
    .mobile .anniversary10th .main_video img {
      width: 375px; }

.mobile .anniversary10th .section {
  padding: 162px 0; }
  .mobile .anniversary10th .section.bg-2e4687#section01_03 {
    padding: 113px 0 136px; }
  .mobile .anniversary10th .section.bg-2e4687#section02_03 {
    padding: 107px 0 142px; }
  .mobile .anniversary10th .section.bg-gradientSky {
    padding: 158px 0 178px; }
  .mobile .anniversary10th .section.bg-gradientNavy {
    padding: 75vw 0 96px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab02_m.png"), linear-gradient(180deg, #334A87 0%, #263356 100%);
    background-size: 100% auto;
    background-repeat: no-repeat; }
  .mobile .anniversary10th .section.bg-gradientSandoll {
    padding: 64vw 0 278px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab03_01_m.png"), url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab03_02_m.png"), linear-gradient(180deg, #4173FA -0.81%, #2E58C7 86.31%);
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0, 0 100%; }

.mobile .anniversary10th .nav {
  padding: 18px 10px; }
  .mobile .anniversary10th .nav_board {
    width: 100%;
    justify-content: space-around; }
  .mobile .anniversary10th .nav_item + .nav_item {
    margin-left: 0; }
  .mobile .anniversary10th .nav_link {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.58;
    padding: 7px 12px; }
    .mobile .anniversary10th .nav_link.active {
      font-weight: 800; }

.mobile .anniversary10th .grid {
  padding: 0 35px;
  margin: 0 -20px; }
  .mobile .anniversary10th .grid_item {
    flex: none; }
    .mobile .anniversary10th .grid_item + .grid_item {
      margin-left: 0; }
  .mobile .anniversary10th .grid.type02 {
    padding: 0;
    margin: 0; }
    .mobile .anniversary10th .grid.type02 .grid_item {
      width: calc(50% - 13px/2); }
      .mobile .anniversary10th .grid.type02 .grid_item + .grid_item {
        margin-left: 13px; }
      .mobile .anniversary10th .grid.type02 .grid_item:nth-of-type(2n+1) {
        margin-left: 0; }
      .mobile .anniversary10th .grid.type02 .grid_item:nth-of-type(n+3) {
        margin-top: 15px; }
  .mobile .anniversary10th .grid.type03 {
    padding: 0 25px 47px 18px;
    margin-left: -20px; }
    .mobile .anniversary10th .grid.type03 .grid_item + .grid_item {
      margin-left: 0; }
    .mobile .anniversary10th .grid.type03 .swiper-scrollbar {
      width: calc(100% - 28px) !important; }
    .mobile .anniversary10th .grid.type03 .swiper-pagination-bullet {
      background-color: #fff;
      opacity: 0.15; }
      .mobile .anniversary10th .grid.type03 .swiper-pagination-bullet-active {
        background-color: #fff;
        opacity: 1; }
  .mobile .anniversary10th .grid.type04 {
    display: block;
    padding: 0;
    margin: 0; }
    .mobile .anniversary10th .grid.type04 .grid_item {
      width: 100%; }
      .mobile .anniversary10th .grid.type04 .grid_item:nth-of-type(even) {
        margin-left: 0; }
      .mobile .anniversary10th .grid.type04 .grid_item + .grid_item {
        margin-top: 21px; }

.mobile .anniversary10th .infoBox {
  height: 300px;
  padding: 37px 26px; }
  .mobile .anniversary10th .infoBox::before {
    right: 30px;
    bottom: 35px;
    width: 45.33vw;
    height: 29.33vw; }
  .mobile .anniversary10th .infoBox.type02::before {
    right: 24px;
    bottom: 33px;
    width: 59.46vw;
    height: 33.86vw; }
  .mobile .anniversary10th .infoBox.type03::before {
    right: 25px;
    bottom: 22px;
    width: 49.33vw;
    height: 39.2vw; }
  .mobile .anniversary10th .infoBox.type04::before {
    right: 29px;
    bottom: 37px;
    width: 44.53vw;
    height: 28vw; }

.mobile .anniversary10th .search {
  width: 100%; }
  .mobile .anniversary10th .search button {
    right: 14px; }
    .mobile .anniversary10th .search button.cancel {
      right: 60px; }

.mobile .anniversary10th .footprint {
  height: auto;
  padding: 0;
  margin: 0 -20px;
  background: none; }
  .mobile .anniversary10th .footprint_item, .mobile .anniversary10th .footprint_float {
    height: 0;
    padding: 0;
    margin-left: 0 !important;
    margin: 0;
    opacity: 0; }
    .mobile .anniversary10th .footprint_item *, .mobile .anniversary10th .footprint_float * {
      height: 0;
      padding: 0;
      margin: 0; }
  .mobile .anniversary10th .footprint_item > div:first-of-type {
    padding: 0;
    font-size: 0; }
  .mobile .anniversary10th .footprint_row {
    margin: 0; }
    .mobile .anniversary10th .footprint_row:nth-of-type(2) .footprint_item a {
      position: absolute;
      top: 109vw;
      left: 10%;
      width: 44%;
      height: 2.2%;
      margin: 0; }
    .mobile .anniversary10th .footprint_row:nth-of-type(3) .footprint_item:first-of-type a {
      position: absolute;
      top: 165.9vw;
      left: 11%;
      width: 35%;
      height: 1.9%;
      margin: 0; }
    .mobile .anniversary10th .footprint_row:nth-of-type(3) .footprint_item:last-of-type a {
      position: absolute;
      top: 158.5vw;
      right: 9%;
      width: 30%;
      height: 1.9%;
      margin: 0; }
    .mobile .anniversary10th .footprint_row:nth-of-type(4) .footprint_item:last-of-type a {
      position: absolute;
      top: 217vw;
      left: 18%;
      width: 25%;
      height: 1.9%;
      margin: 0; }

.mobile .anniversary10th .iconTxt {
  padding-top: 57px;
  line-height: 1.55;
  background-size: 40px 35px; }

.mobile .anniversary10th .fontListBox {
  width: 100%;
  border-radius: 28px; }
  .mobile .anniversary10th .fontListBox .button {
    bottom: 4px;
    width: auto;
    padding: 6px 11px;
    font-size: 10px;
    border-radius: 5px; }
  .mobile .anniversary10th .fontListBox_inner {
    padding: 50px 29px 28px; }
  .mobile .anniversary10th .fontListBox_bottom {
    padding-top: 14px;
    margin-top: 9px; }
  .mobile .anniversary10th .fontListBox_list {
    height: 221px;
    margin-top: 34px;
    padding-right: 15px; }
  .mobile .anniversary10th .fontListBox_comment {
    line-height: 1.6; }
  .mobile .anniversary10th .fontListBox_num {
    width: 23px;
    font-size: 18px; }
  .mobile .anniversary10th .fontListBox_item {
    margin-bottom: 15px; }
    .mobile .anniversary10th .fontListBox_item > div:last-of-type {
      margin-left: 7px; }
      .mobile .anniversary10th .fontListBox_item > div:last-of-type div:first-of-type {
        font-size: 18px; }
      .mobile .anniversary10th .fontListBox_item > div:last-of-type div:last-of-type {
        margin-top: 4px;
        font-size: 12px; }
  .mobile .anniversary10th .fontListBox_button {
    padding: 6px 0;
    margin-bottom: 20px;
    border-radius: 5px; }
  .mobile .anniversary10th .fontListBox_del {
    margin-left: -3px;
    margin-top: -15px; }
  .mobile .anniversary10th .fontListBox_day {
    font-size: 12px;
    font-weight: 400; }
  .mobile .anniversary10th .fontListBox_name {
    font-size: 16px; }
  .mobile .anniversary10th .fontListBox_title {
    font-size: 20px; }
  .mobile .anniversary10th .fontListBox_title02 {
    margin-top: -2px;
    font-size: 14px;
    line-height: 1.61; }

.mobile .anniversary10th .bgCont {
  padding: 23px 20px 20px; }

.mobile .anniversary10th .borderType {
  width: 100px; }
  .mobile .anniversary10th .borderType.type02 {
    width: 170px; }
    .mobile .anniversary10th .borderType.type02::after {
      bottom: 2px; }
  .mobile .anniversary10th .borderType::after {
    height: 1px; }

.mobile .anniversary10th .bgType {
  height: 100px;
  font-size: 14px; }
  .mobile .anniversary10th .bgType textarea {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 1.3; }
    .mobile .anniversary10th .bgType textarea::placeholder {
      position: initial;
      transform: none;
      line-height: 84px;
      -webkit-text-fill-color: inherit;
      overflow: visible;
      font-size: 14px; }

.mobile .anniversary10th i.sd.ic-plus {
  width: 30px;
  height: 30px; }

.mobile .anniversary10th .button {
  flex: none;
  width: 100%;
  border-radius: 16px; }
  .mobile .anniversary10th .buttonWrap {
    display: block;
    width: 100%; }
    .mobile .anniversary10th .buttonWrap .button + .button {
      margin-left: 0;
      margin-top: 15px; }

.mobile .anniversary10th .custom-modal.fontListBoxModal .modal-dialog-centered {
  margin: 0 20px;
  min-height: 100%; }

.mobile .anniversary10th .custom-modal.fontListBoxModal .modal-content > .btn-close {
  right: 0;
  top: -37px;
  width: 30px;
  height: 30px; }

.mobile .anniversary10th .custom-modal.interviewModal .modal-dialog {
  margin: 0; }

.mobile .anniversary10th .custom-modal.interviewModal .modal-content {
  border-radius: 0;
  background-color: #fff; }

.mobile .anniversary10th .custom-modal.interviewModal .modal-buttonWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 22px 12px 18px;
  background-color: #fff;
  text-align: right;
  z-index: 2; }

.mobile .anniversary10th .custom-modal.interviewModal .btn-close {
  width: 30px;
  height: 30px;
  padding: 0;
  background: none; }
  .mobile .anniversary10th .custom-modal.interviewModal .btn-close i.sd.ic-cancel {
    width: 100%;
    height: 100%; }

.mobile .anniversary10th .custom-modal.interviewModal .interview {
  display: block;
  padding: 72px 20px 105px;
  background-color: #fff; }
  .mobile .anniversary10th .custom-modal.interviewModal .interview_left, .mobile .anniversary10th .custom-modal.interviewModal .interview_right {
    width: 100%;
    height: auto; }
  .mobile .anniversary10th .custom-modal.interviewModal .interview_left {
    position: relative;
    height: 363px;
    overflow: hidden;
    border-radius: 15px; }
    .mobile .anniversary10th .custom-modal.interviewModal .interview_left img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 380px !important; }
  .mobile .anniversary10th .custom-modal.interviewModal .interview_right {
    padding: 0;
    margin-top: 47px; }
  .mobile .anniversary10th .custom-modal.interviewModal .interview_scrollBox {
    height: auto;
    margin-top: 35px;
    padding-right: 0; }
  .mobile .anniversary10th .custom-modal.interviewModal .interview.vertical .interview_left {
    display: flex;
    justify-content: center; }
    .mobile .anniversary10th .custom-modal.interviewModal .interview.vertical .interview_left img {
      position: initial;
      width: auto;
      height: 100%;
      max-width: none !important;
      transform: none; }

.mobile .anniversary10th .custom-modal.interviewModal .swiper-nav {
  position: fixed;
  right: auto;
  left: 0;
  bottom: 0;
  justify-content: center;
  width: 100%;
  padding: 22px 0px 38px;
  background-color: #fff; }

.mobile .anniversary10th .custom-modal.interviewModal .swiper-button-prev, .mobile .anniversary10th .custom-modal.interviewModal .swiper-button-next {
  width: 25px;
  height: 25px; }

.mobile .anniversary10th .bgBox_wrap {
  padding: 9px 9px 15px 17px; }

.mobile .anniversary10th .bgBox_inner [class*=fs] {
  word-break: keep-all; }

.mobile .anniversary10th .bgBox_inner span:first-of-type {
  font-size: 10px; }

.mobile .anniversary10th .bgBox_inner span:nth-of-type(2) {
  margin-top: 10px;
  font-size: 20px; }

.mobile .anniversary10th .bgBox_inner span:last-of-type {
  margin-top: 10px;
  font-size: 12px; }

.mobile .anniversary10th .bgBox .likeButton {
  top: 9px;
  right: 9px;
  min-width: 20px;
  padding-top: 20px;
  background-size: 20px 20px;
  font-size: 8px; }

.mobile .anniversary10th .likeButton {
  min-width: 32px;
  padding-top: 32px;
  background-size: 32px 32px; }

.mobile .anniversary10th .shareButton {
  width: 25px;
  height: 25px; }

.mobile .anniversary10th .couponList {
  margin: 89px -20px 0;
  padding: 0 16px 65vw;
  background: url("https://media.sandollcloud.com/static/images/PSP/contents/anniversary10th/bg_tab03_01_02_m.png") 0 100%/78% auto no-repeat; }
  .mobile .anniversary10th .couponList_wrap {
    flex-wrap: nowrap; }
  .mobile .anniversary10th .couponList_item + .couponList_item {
    margin-left: 0; }
  .mobile .anniversary10th .couponList_item:nth-of-type(n+5) {
    margin-top: 0; }
  .mobile .anniversary10th .couponList_item:nth-of-type(5)::before {
    display: block; }
  .mobile .anniversary10th .couponList_item:nth-of-type(5) .couponList_dim::before {
    display: block; }
  .mobile .anniversary10th .couponList_text {
    font-size: 45px; }
  .mobile .anniversary10th .couponList .button {
    padding: 16px 0;
    border-radius: 12px; }
  .mobile .anniversary10th .couponList .swiper-scrollbar {
    position: initial !important;
    display: block;
    width: calc(100% - 40px) !important;
    min-width: auto;
    height: 4px !important;
    padding: 0;
    margin: 36px auto 0;
    background-color: #2e4687;
    border: none;
    overflow: hidden;
    border-radius: 0; }
    .mobile .anniversary10th .couponList .swiper-scrollbar-drag {
      min-width: calc(100%/8);
      height: 100%;
      left: 0;
      top: 0;
      background-color: #91B4FF;
      border-radius: 0; }
    .mobile .anniversary10th .couponList .swiper-scrollbar:after {
      background-color: transparent; }

.mobile .anniversary10th i.sd.ic-cancel {
  width: 16px;
  height: 16px; }

.mobile .anniversary10th .fs-txt-1 {
  line-height: 1; }

.mobile .anniversary10th .rollingImg img {
  height: 236px; }

.mobile .anniversary10th .rollingImg_link:first-of-type {
  top: 139px;
  left: 480px;
  width: 172px;
  height: 65px; }

.mobile .anniversary10th .rollingImg_link:nth-of-type(2) {
  top: 47px;
  left: 719px;
  width: 151px;
  height: 96px; }

.mobile .anniversary10th .rollingImg_link:last-of-type {
  top: 106px;
  left: 945px;
  width: 154px;
  height: 93px; }

.mobile .anniversary10th .resultNone {
  background-size: 121px 85px; }
  .mobile .anniversary10th .resultNone p:first-of-type {
    font-size: 18px; }
  .mobile .anniversary10th .resultNone p:last-of-type {
    font-size: 14px; }

@media (max-width: 1218px) {
  .add-fontListEvent_tooltip {
    left: auto;
    right: -54px;
    width: 220px; }
    .add-fontListEvent_tooltip div {
      font-size: 12px; }
    .add-fontListEvent_tooltip::after {
      left: 148px; }
    .add-fontListEvent_tooltipClose {
      top: 9px;
      right: 10px;
      width: 20px;
      height: 20px; } }

/* 2025 레터링 공모전 */
#contest {
  padding-bottom: 0 !important; }
  #contest .container-1200 img {
    border: 0; }
  #contest textarea {
    resize: none;
    height: 120px; }
  #contest .form-group + .form-group {
    margin-top: 25px; }
  #contest .form-group [class^="fs-title"] + * {
    margin-top: 4px; }
  #contest .form-group .form-control.select-wrap {
    color: #999; }
  #contest .form-group .form-control:-webkit-autofill, #contest .form-group .form-control:-webkit-autofill:hover, #contest .form-group .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s; }
  #contest .form-group .form-control:hover, #contest .form-group .form-control:focus, #contest .form-group .form-control:active {
    border-color: #1c1c1c; }
  #contest .form-group .form-control:disabled:hover, #contest .form-group .form-control:disabled:focus, #contest .form-group .form-control:disabled:active {
    border-color: #ddd; }
  #contest .form-group .form-control.parsley-error:hover, #contest .form-group .form-control.parsley-error:focus, #contest .form-group .form-control.parsley-error:active {
    border-color: #ff6e40; }
  #contest .form-group .form-check-input[type=checkbox]:checked {
    width: 24px;
    height: 24px;
    margin: 0 4px 0 -4px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='%23539DFF' style='fill:%23539DFF;fill:color(display-p3 0.3271 0.6147 1.0000);fill-opacity:1;'/%3E%3Cpath d='M7.4043 11.6567L10.9398 15.1923L16.5967 9.53542' stroke='white' style='stroke:white;stroke-opacity:1;' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  #contest .form-group [class^="fs-txt"].text-999 + * {
    margin-top: 16px; }
  #contest .fileName {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 10px 19px 60px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: url("data:image/svg+xml,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4795 13.231C18.7638 13.6013 19.205 13.8188 19.6719 13.8188H30.0088C30.8385 13.8188 31.5116 14.4911 31.5117 15.3208V27.4253C31.5117 28.2551 30.8386 28.9282 30.0088 28.9282H9.98926C9.15951 28.9281 8.48633 28.2551 8.48633 27.4253V12.5737C8.48644 11.7441 9.15958 11.0719 9.98926 11.0718H16.8223L18.4795 13.231Z' fill='%23DDDDDD' style='fill:%23DDDDDD;fill:color(display-p3 0.8676 0.8676 0.8676);fill-opacity:1;'/%3E%3C/svg%3E%0A") 8px 50%/40px 40px no-repeat; }
    #contest .fileName div {
      width: 85%;
      font-size: 14px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  #contest .btn-file {
    position: relative; }
    #contest .btn-file input[type="file"] {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0; }
    #contest .btn-file label {
      display: block;
      height: 64px;
      padding: 34px 0 10px;
      opacity: 1;
      background: #f9f9f9 url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4.5C9.86739 4.5 9.74021 4.55268 9.64645 4.64645C9.55268 4.74021 9.5 4.86739 9.5 5V13C9.5 13.0657 9.51293 13.1307 9.53806 13.1913C9.56319 13.252 9.60002 13.3071 9.64645 13.3536C9.69288 13.4 9.748 13.4368 9.80866 13.4619C9.86932 13.4871 9.93434 13.5 10 13.5C10.0657 13.5 10.1307 13.4871 10.1913 13.4619C10.252 13.4368 10.3071 13.4 10.3536 13.3536C10.4 13.3071 10.4368 13.252 10.4619 13.1913C10.4871 13.1307 10.5 13.0657 10.5 13V5C10.5 4.86739 10.4473 4.74021 10.3536 4.64645C10.2598 4.55268 10.1326 4.5 10 4.5Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M15.5 15.5H4.5C4.3674 15.5 4.24022 15.5527 4.14645 15.6464C4.05268 15.7402 4 15.8674 4 16C4 16.1326 4.05268 16.2598 4.14645 16.3536C4.24022 16.4473 4.3674 16.5 4.5 16.5H15.5C15.6326 16.5 15.7598 16.4473 15.8536 16.3536C15.9473 16.2598 16 16.1326 16 16C16 15.8674 15.9473 15.7402 15.8536 15.6464C15.7598 15.5527 15.6326 15.5 15.5 15.5Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M7.16904 10.4398C7.03715 10.4385 6.91007 10.4893 6.81549 10.5812C6.72172 10.675 6.66904 10.8022 6.66904 10.9348C6.66904 11.0674 6.72172 11.1946 6.81549 11.2883L9.64392 14.1168C9.68974 14.1637 9.74487 14.2005 9.80575 14.2248C9.86664 14.2492 9.93194 14.2605 9.99747 14.2582C10.1294 14.2595 10.2564 14.2087 10.351 14.1168C10.4448 14.023 10.4975 13.8958 10.4975 13.7632C10.4975 13.6306 10.4448 13.5034 10.351 13.4097L7.52259 10.5812C7.42801 10.4893 7.30093 10.4385 7.16904 10.4398Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M12.8255 10.4402C12.6936 10.4388 12.5665 10.4897 12.472 10.5816L9.64354 13.41C9.54977 13.5038 9.49709 13.631 9.49709 13.7636C9.49709 13.8962 9.54977 14.0234 9.64354 14.1171C9.68937 14.164 9.74449 14.2008 9.80537 14.2252C9.86626 14.2495 9.93156 14.2609 9.99709 14.2585C10.129 14.2599 10.2561 14.2091 10.3506 14.1171L13.1791 11.2887C13.2728 11.1949 13.3255 11.0678 13.3255 10.9351C13.3255 10.8025 13.2728 10.6754 13.1791 10.5816C13.0845 10.4897 12.9574 10.4388 12.8255 10.4402Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 50% 10px/20px 20px no-repeat;
      text-align: center;
      font-size: 12px;
      color: #999;
      border: 1px solid #ddd;
      border-radius: 12px; }
    #contest .btn-file.parsley-error label {
      border-color: #ff6e40; }
  #contest .banner {
    padding: 105px 0;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_banner.png") 0 0/cover no-repeat; }
    #contest .banner .btn {
      width: 248px;
      padding-top: 10px;
      padding-bottom: 10px; }
  #contest .select-wrap.parsley-error {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%23FF6E40' style='stroke:%23FF6E40;stroke:color(display-p3 1.0000 0.4314 0.2510);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  #contest .text-green {
    color: #ABD328; }
  #contest .text-666 {
    color: #666; }
  #contest .keyVisual {
    position: relative;
    height: 43.75vw;
    min-height: 840px;
    padding: 0;
    font-size: 0;
    overflow: hidden; }
    #contest .keyVisual_inner {
      position: absolute;
      left: 0;
      right: 0;
      top: 19.64%;
      z-index: 2; }
    #contest .keyVisual video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      z-index: 1; }
    #contest .keyVisual img {
      width: 317px; }
    #contest .keyVisual .btn {
      width: 243px; }
    #contest .keyVisual .text-5c {
      line-height: 1.68;
      margin-top: 14px; }
      #contest .keyVisual .text-5c:last-of-type {
        margin-top: 3px; }
  #contest .box {
    display: flex;
    width: 100%; }
    #contest .box_item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      flex: 1;
      height: 327px;
      padding: 40px 33px;
      border-radius: 18px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_benefit01.png") 0 0/100% 100% no-repeat;
      box-shadow: 0px 3px 10px 0px rgba(203, 223, 158, 0.4); }
      #contest .box_item:nth-of-type(2) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_benefit02.png"); }
      #contest .box_item:nth-of-type(3) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_benefit03.png"); }
      #contest .box_item:nth-of-type(4) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_benefit04.png"); }
    #contest .box.type01 {
      padding: 12px 12px 80px 12px;
      margin: 0 -12px; }
      #contest .box.type01 .box_item + .box_item {
        margin-left: 17px; }
    #contest .box.type02 {
      gap: 18px; }
      #contest .box.type02 .box_item {
        width: 100%;
        justify-content: flex-start;
        height: auto;
        padding: 0;
        border-radius: 22px;
        border: 1px solid #C9EC6F;
        background: linear-gradient(180deg, #F3FFD3 58.56%, #CDF85B 100%);
        box-shadow: none;
        overflow: hidden; }
        #contest .box.type02 .box_item p {
          padding: 23px 26px 23px 32px;
          font-size: 18px;
          line-height: 1.83;
          font-weight: 600; }
      #contest .box.type02.dark .box_item {
        border-color: #D3D3D3;
        background: transparent; }
        #contest .box.type02.dark .box_item p {
          height: 100%;
          padding: 14px 27px 30px 30px;
          background: #404040;
          background: linear-gradient(135deg, #404040 0%, #252525 100%);
          color: #fff;
          word-break: keep-all; }
          #contest .box.type02.dark .box_item p span {
            color: #D9FF65; }
        #contest .box.type02.dark .box_item img {
          margin-top: -1px; }
    #contest .box.type03 {
      gap: 18px;
      padding: 0; }
      #contest .box.type03 .box_item {
        justify-content: start;
        width: 100%;
        height: 153px;
        padding: 30px 0 0;
        border-radius: 10px;
        box-shadow: none;
        background: #FFF;
        border: 1px solid #9ae700;
        text-align: center; }
        #contest .box.type03 .box_item div:first-of-type {
          color: #8DBB08; }
    #contest .box.type04 {
      display: block;
      padding: 0;
      text-align: center; }
      #contest .box.type04 .box_item {
        display: inline-flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 390px;
        height: 227px;
        padding: 109px 32px 0;
        background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard01.png") 0 0/100% 100% no-repeat;
        box-shadow: none;
        text-align: left;
        vertical-align: bottom; }
        #contest .box.type04 .box_item:nth-of-type(2) {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard02.png"); }
        #contest .box.type04 .box_item:nth-of-type(3) {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard03.png"); }
        #contest .box.type04 .box_item:nth-of-type(4) {
          margin-top: 40px;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard04.png"); }
        #contest .box.type04 .box_item:nth-of-type(5) {
          margin-top: 40px;
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard05.png"); }
        #contest .box.type04 .box_item div:first-of-type {
          color: #D9FF66;
          font-size: 26px;
          font-weight: bold; }
    #contest .box.type05 {
      padding: 0;
      gap: 22px; }
      #contest .box.type05 .box_item {
        width: 100%;
        height: auto;
        padding: 24px 0 24px 34px;
        border-radius: 20px;
        border: 1px solid #545D3E;
        background: rgba(255, 255, 255, 0.06);
        box-shadow: none;
        color: #F5FFBB; }
    #contest .box.type06 {
      flex-wrap: wrap;
      padding: 0;
      gap: 19px; }
      #contest .box.type06 .box_item {
        width: calc(50% - 14px);
        height: 148px;
        padding: 0;
        flex: none;
        box-shadow: none;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.48;
        background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info01.png") 0 0/100% auto no-repeat;
        border-radius: 0; }
        #contest .box.type06 .box_item:nth-of-type(2) {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info02.png"); }
        #contest .box.type06 .box_item:nth-of-type(3) {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info03.png"); }
        #contest .box.type06 .box_item:nth-of-type(4) {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info04.png"); }
        #contest .box.type06 .box_item a {
          padding: 34px 31px;
          color: #fff; }
  #contest .green-box {
    padding: 59px 76px 72px 69px;
    background-color: #EBFFAE;
    border-radius: 22px; }
    #contest .green-box .d-flex {
      margin-left: 34px;
      line-height: 2.18; }
  #contest .btn-file {
    position: relative; }
    #contest .btn-file input[type="file"] {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: 0; }
    #contest .btn-file label {
      display: block;
      height: 64px;
      padding: 34px 0 10px;
      opacity: 1;
      background: #f9f9f9 url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4.5C9.86739 4.5 9.74021 4.55268 9.64645 4.64645C9.55268 4.74021 9.5 4.86739 9.5 5V13C9.5 13.0657 9.51293 13.1307 9.53806 13.1913C9.56319 13.252 9.60002 13.3071 9.64645 13.3536C9.69288 13.4 9.748 13.4368 9.80866 13.4619C9.86932 13.4871 9.93434 13.5 10 13.5C10.0657 13.5 10.1307 13.4871 10.1913 13.4619C10.252 13.4368 10.3071 13.4 10.3536 13.3536C10.4 13.3071 10.4368 13.252 10.4619 13.1913C10.4871 13.1307 10.5 13.0657 10.5 13V5C10.5 4.86739 10.4473 4.74021 10.3536 4.64645C10.2598 4.55268 10.1326 4.5 10 4.5Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M15.5 15.5H4.5C4.3674 15.5 4.24022 15.5527 4.14645 15.6464C4.05268 15.7402 4 15.8674 4 16C4 16.1326 4.05268 16.2598 4.14645 16.3536C4.24022 16.4473 4.3674 16.5 4.5 16.5H15.5C15.6326 16.5 15.7598 16.4473 15.8536 16.3536C15.9473 16.2598 16 16.1326 16 16C16 15.8674 15.9473 15.7402 15.8536 15.6464C15.7598 15.5527 15.6326 15.5 15.5 15.5Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M7.16904 10.4398C7.03715 10.4385 6.91007 10.4893 6.81549 10.5812C6.72172 10.675 6.66904 10.8022 6.66904 10.9348C6.66904 11.0674 6.72172 11.1946 6.81549 11.2883L9.64392 14.1168C9.68974 14.1637 9.74487 14.2005 9.80575 14.2248C9.86664 14.2492 9.93194 14.2605 9.99747 14.2582C10.1294 14.2595 10.2564 14.2087 10.351 14.1168C10.4448 14.023 10.4975 13.8958 10.4975 13.7632C10.4975 13.6306 10.4448 13.5034 10.351 13.4097L7.52259 10.5812C7.42801 10.4893 7.30093 10.4385 7.16904 10.4398Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M12.8255 10.4402C12.6936 10.4388 12.5665 10.4897 12.472 10.5816L9.64354 13.41C9.54977 13.5038 9.49709 13.631 9.49709 13.7636C9.49709 13.8962 9.54977 14.0234 9.64354 14.1171C9.68937 14.164 9.74449 14.2008 9.80537 14.2252C9.86626 14.2495 9.93156 14.2609 9.99709 14.2585C10.129 14.2599 10.2561 14.2091 10.3506 14.1171L13.1791 11.2887C13.2728 11.1949 13.3255 11.0678 13.3255 10.9351C13.3255 10.8025 13.2728 10.6754 13.1791 10.5816C13.0845 10.4897 12.9574 10.4388 12.8255 10.4402Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 50% 10px/20px 20px no-repeat;
      text-align: center;
      font-size: 12px;
      color: #999;
      border: 1px solid #ddd;
      border-radius: 12px; }
    #contest .btn-file.parsley-error label {
      border-color: #ff6e40; }
  #contest .banner {
    padding: 105px 0;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_banner.png") 0 0/cover no-repeat; }
    #contest .banner img {
      width: 401px; }
    #contest .banner .btn {
      width: 233px; }
    #contest .banner.type02 .btn {
      width: 248px;
      padding-top: 10px;
      padding-bottom: 10px; }
  #contest .select-wrap.parsley-error {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%23FF6E40' style='stroke:%23FF6E40;stroke:color(display-p3 1.0000 0.4314 0.2510);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  #contest .badge {
    display: inline-block;
    padding: 6px 21px;
    background-color: #1c1c1c;
    font-size: 14px;
    border-radius: 20px; }
    #contest .badge.type02 {
      background-color: #2E2E2E; }
  #contest section .btn-size-md {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 14px;
    font-weight: bold; }
  #contest section:nth-of-type(2) {
    padding: 105px 0;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_section01.png") 50% 50%/auto 100% no-repeat; }
    #contest section:nth-of-type(2) p {
      width: 720px;
      line-height: 1.78; }
      #contest section:nth-of-type(2) p.fs-title-2 {
        line-height: 1.45; }
    #contest section:nth-of-type(2) .btn {
      width: 248px;
      padding-left: 0;
      padding-right: 0; }
  #contest section:nth-of-type(3) {
    padding: 76px 0 100px;
    background: linear-gradient(180deg, #FFF 0%, #F8FFE0 100%);
    background: linear-gradient(180deg, color(display-p3 1 1 1) 0%, color(display-p3 0.9765 1 0.8902) 100%); }
    #contest section:nth-of-type(3) .d-flex:first-of-type div:first-of-type {
      width: calc(75% - 6px); }
  #contest section:nth-of-type(4) {
    padding: 125px 0 146px; }
    #contest section:nth-of-type(4) .logo {
      width: 334px; }
  #contest section:nth-of-type(5) {
    padding: 167px 0 219px;
    background: linear-gradient(180deg, #E6FFA9 22.89%, #F9F9F9 100%);
    background: linear-gradient(180deg, color(display-p3 0.9216 0.9961 0.698) 22.89%, color(display-p3 0.9765 0.9765 0.9765) 100%); }
    #contest section:nth-of-type(5) .btn {
      width: 230px; }
  #contest section:nth-of-type(6) {
    padding: 141px 0 165px;
    background-color: #1B1B1B; }
  #contest section:nth-of-type(7) {
    padding: 166px 0 114px;
    background-color: #252525; }
  #contest section:nth-of-type(8) {
    padding: 115px 0 97px;
    background: linear-gradient(180deg, #FFF 0%, #D6EAFF 111.81%); }
    #contest section:nth-of-type(8) .btn {
      width: 224px; }
  #contest .accordion_question {
    font-weight: bold; }
  #contest .accordion_item + .accordion_item {
    margin-top: 19px; }
  #contest .accordion_button {
    width: 100%;
    padding: 35px 51px;
    border-radius: 12px;
    border: none;
    color: #F0FFB9;
    font-size: 20px;
    text-align: left;
    background: #2E2E2E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M15.5498 11.8551C15.5498 11.6823 15.6225 11.5186 15.7408 11.3912C15.9955 11.1365 16.4048 11.1365 16.6595 11.3912L24.009 18.7408C24.1273 18.8591 24.2001 19.0319 24.2001 19.2047C24.2001 19.3775 24.1273 19.5413 24.009 19.6686C23.7544 19.9233 23.345 19.9233 23.0903 19.6686L15.7408 12.319C15.6225 12.1917 15.5498 12.0279 15.5498 11.8551Z' fill='%23F0FFB9' stroke='%23F0FFB9' style='fill:%23F0FFB9;fill:color(display-p3 0.9412 1.0000 0.7255);fill-opacity:1;stroke:%23F0FFB9;stroke:color(display-p3 0.9412 1.0000 0.7255);stroke-opacity:1;'/%3E%3Cpath d='M8.20019 19.2047C8.20019 19.0319 8.27304 18.8682 8.39129 18.7408L15.7408 11.3912C15.9955 11.1365 16.4049 11.1365 16.6595 11.3912C16.7778 11.5095 16.8505 11.6823 16.8505 11.8551C16.8505 12.0279 16.7778 12.1917 16.6595 12.319L9.31 19.6686C9.05531 19.9233 8.64598 19.9233 8.39129 19.6686C8.27304 19.5413 8.20019 19.3775 8.20019 19.2047Z' fill='%23F0FFB9' stroke='%23F0FFB9' style='fill:%23F0FFB9;fill:color(display-p3 0.9412 1.0000 0.7255);fill-opacity:1;stroke:%23F0FFB9;stroke:color(display-p3 0.9412 1.0000 0.7255);stroke-opacity:1;'/%3E%3C/svg%3E") calc(100% - 51px) 35px/32px 32px no-repeat; }
    #contest .accordion_button.collapsed {
      color: #fff;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3E%3Cpath d='M15.5508 20.7425C15.5508 20.9154 15.6235 21.0791 15.7418 21.2064C15.9965 21.4611 16.4058 21.4611 16.6605 21.2064L24.01 13.8568C24.1283 13.7386 24.2011 13.5658 24.2011 13.393C24.2011 13.2201 24.1283 13.0564 24.01 12.9291C23.7553 12.6744 23.346 12.6744 23.0913 12.9291L15.7418 20.2787C15.6235 20.406 15.5508 20.5697 15.5508 20.7425Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;'/%3E%3Cpath d='M8.20117 13.393C8.20117 13.5658 8.27402 13.7295 8.39226 13.8568L15.7418 21.2064C15.9965 21.4611 16.4058 21.4611 16.6605 21.2064C16.7788 21.0882 16.8515 20.9154 16.8515 20.7425C16.8515 20.5697 16.7788 20.406 16.6595 20.2786L9.31097 12.9291C9.05628 12.6744 8.64695 12.6744 8.39226 12.9291C8.27402 13.0564 8.20117 13.2201 8.20117 13.393Z' fill='white' stroke='white' style='fill:white;fill-opacity:1;stroke:white;stroke-opacity:1;'/%3E%3C/svg%3E"); }
    #contest .accordion_button:hover {
      color: #F0FFB9;
      background-color: #373737; }
  #contest .accordion_body {
    margin-top: 17px;
    color: #fff;
    line-height: 1.58;
    font-size: 16px;
    color: #ddd; }
  #contest .bg-box {
    padding: 44px 148px 44px 56px;
    background-color: #2E2E2E;
    border-radius: 15px; }
    #contest .bg-box ul {
      padding-left: 20px;
      color: #ddd;
      line-height: 1.58; }
  #contest ol {
    width: 893px;
    padding: 30px 83px 30px 101px;
    margin: 0 auto;
    background-color: #DFF59A;
    border-radius: 12px; }
    #contest ol li {
      display: flex;
      align-items: center; }
      #contest ol li + li {
        margin-top: 12px; }
  #contest img {
    width: 100%;
    height: auto; }
  #contest .nav {
    position: fixed;
    top: 140px;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(7px); }
    #contest .nav_inner {
      display: flex;
      justify-content: space-between;
      width: 1240px;
      max-width: 1240px;
      margin: 0 auto;
      padding-left: 20px;
      padding-right: 20px; }
    #contest .nav_title img {
      width: 164px; }
      #contest .nav_title img:last-of-type {
        display: none; }
    #contest .nav ul {
      display: flex; }
    #contest .nav button {
      border: none;
      background-color: transparent;
      font-weight: bold; }
      #contest .nav button:not(.nav_title) {
        padding: 19px 20px;
        font-size: 14px;
        color: #5c5c5c; }
      #contest .nav button.goSubmit, #contest .nav button.goVote {
        color: #329FFF;
        display: flex;
        align-items: center;
        gap: 10px; }
    #contest .nav.active .nav_title img {
      display: none; }
      #contest .nav.active .nav_title img:last-of-type {
        display: block; }
    #contest .nav.active button {
      color: #fff; }
    #contest .nav.active .goSubmit {
      color: #fff; }
      #contest .nav.active .goSubmit i.sd {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.55 6.67993C6.66875 6.67993 6.78125 6.62996 6.86875 6.54871C7.04375 6.37371 7.04375 6.09245 6.86875 5.91745L1.81875 0.867478C1.7375 0.786228 1.61875 0.736177 1.5 0.736177C1.38125 0.736177 1.26875 0.786228 1.18125 0.867478C1.00625 1.04248 1.00625 1.32373 1.18125 1.49873L6.23125 6.54871C6.31875 6.62996 6.43125 6.67993 6.55 6.67993Z' fill='%23FFFFFF' stroke='%23FFFFFF' style='fill:%23FFFFFF;fill;fill-opacity:1;stroke:%23FFFFFF;stroke;stroke-opacity:1;' stroke-width='0.7'/%3E%3Cpath d='M1.5 11.73C1.61875 11.73 1.73125 11.6799 1.81875 11.5987L6.86875 6.54871C7.04375 6.37371 7.04375 6.09245 6.86875 5.91745C6.7875 5.8362 6.66875 5.78622 6.55 5.78622C6.43125 5.78622 6.31875 5.8362 6.23125 5.91745L1.18125 10.9674C1.00625 11.1424 1.00625 11.4237 1.18125 11.5987C1.26875 11.6799 1.38125 11.73 1.5 11.73Z' fill='%23FFFFFF' stroke='%23FFFFFF' style='fill:%23FFFFFF;fill;fill-opacity:1;stroke:%23FFFFFF;stroke;stroke-opacity:1;' stroke-width='0.7'/%3E%3C/svg%3E%0A"); }
  #contest .fs-22px {
    line-height: 1.3;
    font-size: 22px;
    font-weight: bold; }
  #contest .fs-24px {
    line-height: 1.45;
    font-size: 24px;
    font-weight: bold; }
  #contest .floatingBtn {
    position: fixed;
    bottom: 67px;
    left: 43px;
    right: 0;
    width: 54px;
    z-index: 100; }
    #contest .floatingBtn button {
      display: block;
      width: 100%;
      height: 54px;
      border: none;
      background: #383838 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='33' viewBox='0 0 36 33' fill='none'%3E%3Cg clip-path='url(%23clip0_624_5687)'%3E%3Cpath d='M17.9995 0.875C8.35602 0.875 0.539062 7.0534 0.539062 14.6791C0.539062 19.641 3.84916 23.9896 8.82089 26.4227C8.45493 27.7843 7.49883 31.3615 7.30761 32.1264C7.07023 33.0759 7.65378 33.0627 8.03952 32.8088C8.33954 32.6077 12.8233 29.5581 14.7586 28.2426C15.8103 28.3976 16.8917 28.48 17.9995 28.48C27.6429 28.48 35.4599 22.3016 35.4599 14.6791C35.4599 7.0567 27.6429 0.875 17.9995 0.875Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3Cpath d='M5.81749 12.1374H7.6143C7.6143 12.1374 7.62419 17.0728 7.6143 18.2235C7.6143 19.0642 9.48365 19.0741 9.48035 18.2366L9.48695 12.2033C9.48695 12.2033 10.0903 12.2066 11.2739 12.2066C12.3915 12.2066 12.3915 10.4494 11.2739 10.4494C10.0145 10.4494 5.8076 10.4131 5.8076 10.4131C4.75259 10.4131 4.75589 12.1374 5.8076 12.1374' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3Cmask id='mask0_624_5687' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='5' y='10' width='8' height='9'%3E%3Cpath d='M5.81749 12.1374H7.6143C7.6143 12.1374 7.62419 17.0728 7.6143 18.2235C7.6143 19.0642 9.48365 19.0741 9.48035 18.2366L9.48695 12.2033C9.48695 12.2033 10.0903 12.2066 11.2739 12.2066C12.3915 12.2066 12.3915 10.4494 11.2739 10.4494C10.0145 10.4494 5.8076 10.4131 5.8076 10.4131C4.75259 10.4131 4.75589 12.1374 5.8076 12.1374' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_624_5687)'%3E%3Cpath d='M12.3983 10.4131H4.7627V19.0741H12.3983V10.4131Z' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3C/g%3E%3Cpath d='M14.4191 12.457L15.4181 15.5891H13.3345L14.4191 12.457ZM13.2982 10.9899C12.8564 11.9625 11.2574 16.5617 10.7299 17.7815C10.3475 18.6618 11.9992 19.3805 12.3816 18.5003L12.741 17.2441H16.028C16.028 17.2441 15.9159 17.2969 16.3511 18.4475C16.7039 19.3805 18.4117 18.7343 18.0589 17.8013C17.5545 16.4694 15.8071 11.6691 15.4873 10.9899C15.3423 10.6767 14.8148 10.4492 14.3037 10.4492C13.8817 10.4492 13.4696 10.6042 13.2949 10.9899' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3Cmask id='mask1_624_5687' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='10' y='10' width='9' height='9'%3E%3Cpath d='M14.4191 12.457L15.4181 15.5891H13.3345L14.4191 12.457ZM13.2982 10.9899C12.8564 11.9625 11.2574 16.5617 10.7299 17.7815C10.3475 18.6618 11.9992 19.3805 12.3816 18.5003L12.741 17.2441H16.028C16.028 17.2441 15.9159 17.2969 16.3511 18.4475C16.7039 19.3805 18.4117 18.7343 18.0589 17.8013C17.5545 16.4694 15.8071 11.6691 15.4873 10.9899C15.3423 10.6767 14.8148 10.4492 14.3037 10.4492C13.8817 10.4492 13.4696 10.6042 13.2949 10.9899' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_624_5687)'%3E%3Cpath d='M18.4156 10.4492H10.3447V19.3838H18.4156V10.4492Z' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3C/g%3E%3Cpath d='M18.6924 11.2767C18.6924 12.8395 18.7023 17.8771 18.7023 17.8771C18.7023 17.8771 18.5572 18.8794 19.4177 18.8794C20.2782 18.8794 22.1805 18.8695 23.0245 18.8695C23.8685 18.8695 23.8652 17.0727 23.0212 17.0727C22.1772 17.0727 20.6343 17.0628 20.6343 17.0628C20.6343 17.0628 20.6409 12.4043 20.6376 11.2701C20.6376 10.7229 20.1496 10.4492 19.665 10.4492C19.1803 10.4492 18.6891 10.7262 18.6924 11.2734' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3Cmask id='mask2_624_5687' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='18' y='10' width='6' height='9'%3E%3Cpath d='M18.6924 11.2767C18.6924 12.8395 18.7023 17.8771 18.7023 17.8771C18.7023 17.8771 18.5572 18.8794 19.4177 18.8794C20.2782 18.8794 22.1805 18.8695 23.0245 18.8695C23.8685 18.8695 23.8652 17.0727 23.0212 17.0727C22.1772 17.0727 20.6343 17.0628 20.6343 17.0628C20.6343 17.0628 20.6409 12.4043 20.6376 11.2701C20.6376 10.7229 20.1496 10.4492 19.665 10.4492C19.1803 10.4492 18.6891 10.7262 18.6924 11.2734' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_624_5687)'%3E%3Cpath d='M23.8689 10.4492H18.5576V18.8761H23.8689V10.4492Z' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3C/g%3E%3Cpath d='M24.0924 11.0263C24.1122 11.7121 24.0693 17.9102 24.0693 18.3685C24.0693 19.0938 25.9156 19.0905 25.9156 18.3685C25.9156 17.5278 25.9156 15.9288 25.9156 15.9288L26.4563 15.4936L28.8268 18.7246C29.3048 19.3576 30.8115 18.2136 30.3335 17.5838L27.8179 14.2705C27.8179 14.2705 29.5257 12.4242 30.1983 11.7549C30.5906 11.3659 29.3741 10.1394 28.9817 10.5318C28.6026 10.9076 25.9255 13.588 25.9255 13.588C25.9255 13.588 25.9486 11.9066 25.9255 10.9768C25.9156 10.6241 25.4837 10.4526 25.0386 10.4526C24.5639 10.4526 24.0792 10.6472 24.0891 11.0263' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3Cmask id='mask3_624_5687' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='24' y='10' width='7' height='9'%3E%3Cpath d='M24.0924 11.0263C24.1122 11.7121 24.0693 17.9102 24.0693 18.3685C24.0693 19.0938 25.9156 19.0905 25.9156 18.3685C25.9156 17.5278 25.9156 15.9288 25.9156 15.9288L26.4563 15.4936L28.8268 18.7246C29.3048 19.3576 30.8115 18.2136 30.3335 17.5838L27.8179 14.2705C27.8179 14.2705 29.5257 12.4242 30.1983 11.7549C30.5906 11.3659 29.3741 10.1394 28.9817 10.5318C28.6026 10.9076 25.9255 13.588 25.9255 13.588C25.9255 13.588 25.9486 11.9066 25.9255 10.9768C25.9156 10.6241 25.4837 10.4526 25.0386 10.4526C24.5639 10.4526 24.0792 10.6472 24.0891 11.0263' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_624_5687)'%3E%3Cpath d='M30.8115 10.1426H24.0693V19.3607H30.8115V10.1426Z' fill='%23383838' style='fill:%23383838;fill:color(display-p3 0.2192 0.2192 0.2192);fill-opacity:1;'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_624_5687'%3E%3Crect width='34.9208' height='32.0789' fill='white' style='fill:white;fill-opacity:1;' transform='translate(0.539062 0.875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 50% 50%/35px 32px no-repeat;
      border-radius: 12px;
      filter: drop-shadow(0px 4.728px 4.728px rgba(0, 0, 0, 0.25)); }
      #contest .floatingBtn button:last-of-type {
        margin-top: 10px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6702 11.923L18.9336 14.6597C18.8492 14.76 18.745 14.8418 18.6274 14.8997C18.5098 14.9576 18.3814 14.9904 18.2505 14.9961C18.1195 15.0018 17.9888 14.9802 17.8666 14.9327C17.7445 14.8851 17.6335 14.8127 17.5408 14.72C17.4481 14.6273 17.3757 14.5164 17.3282 14.3942C17.2807 14.2721 17.2591 14.1413 17.2647 14.0104C17.2704 13.8794 17.3032 13.7511 17.3612 13.6335C17.4191 13.5159 17.5008 13.4116 17.6012 13.3273L20.3403 10.5881C21.0263 9.88055 21.4038 8.9298 21.3898 7.94436C21.3759 6.95892 20.9717 6.01923 20.2659 5.33134C19.5781 4.62558 18.6384 4.22141 17.6529 4.20747C16.6675 4.19352 15.7167 4.57093 15.0092 5.25694L12.27 7.99609C12.0927 8.17344 11.8521 8.27308 11.6013 8.27308C11.3505 8.27308 11.11 8.17345 10.9326 7.9961C10.7553 7.81875 10.6556 7.57821 10.6556 7.3274C10.6556 7.07659 10.7553 6.83605 10.9326 6.6587L13.6718 3.91955C14.733 2.88078 16.1629 2.30527 17.6479 2.31922C19.1329 2.33316 20.5517 2.93542 21.5933 3.99394C22.6545 5.03548 23.2586 6.45574 23.2731 7.94256C23.2875 9.42938 22.711 10.8611 21.6702 11.923Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3Cpath d='M4.19949 13.4025L6.93613 10.6658C7.11731 10.5136 7.34899 10.4349 7.58541 10.4451C7.82183 10.4553 8.04582 10.5539 8.21316 10.7212C8.38049 10.8885 8.47901 11.1125 8.48925 11.3489C8.4995 11.5854 8.42073 11.817 8.26851 11.9982L5.53186 14.7349C4.84585 15.4425 4.46844 16.3932 4.48239 17.3786C4.49633 18.3641 4.9005 19.3038 5.60626 19.9917C6.29414 20.6974 7.23384 21.1016 8.21928 21.1155C9.20471 21.1295 10.1555 20.7521 10.8631 20.0661L13.5997 17.3294C13.684 17.229 13.7883 17.1473 13.9059 17.0894C14.0235 17.0315 14.1518 16.9986 14.2828 16.993C14.4138 16.9873 14.5445 17.0089 14.6666 17.0564C14.7888 17.1039 14.8997 17.1764 14.9924 17.269C15.0851 17.3617 15.1575 17.4727 15.2051 17.5949C15.2526 17.717 15.2742 17.8477 15.2685 17.9787C15.2629 18.1097 15.23 18.238 15.1721 18.3556C15.1142 18.4732 15.0324 18.5775 14.9321 18.6618L12.1954 21.3984C11.1342 22.4376 9.70421 23.0134 8.21903 22.9996C6.73385 22.9858 5.31477 22.3835 4.27304 21.3249C3.21438 20.2832 2.6121 18.8641 2.59831 17.3789C2.58453 15.8937 3.16035 14.4637 4.19949 13.4025Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3Cpath d='M18.2654 8.66477L8.93955 17.9906C8.76307 18.1671 8.52398 18.2666 8.2744 18.2676C8.02481 18.2685 7.78498 18.1708 7.60717 17.9956C7.42982 17.8183 7.33019 17.5777 7.33019 17.3269C7.33019 17.0761 7.42982 16.8356 7.60717 16.6582L16.933 7.33239C17.1103 7.15504 17.3509 7.05541 17.6017 7.05541C17.8525 7.05541 18.093 7.15504 18.2704 7.33239C18.4455 7.51019 18.5433 7.75003 18.5424 7.99962C18.5414 8.2492 18.4419 8.48829 18.2654 8.66477Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A");
        background-size: 28px 28px; }
  #contest [id^=aniEl] {
    transform: translateY(80px);
    opacity: 0; }
    #contest [id^=aniEl].animate {
      transition: all 0.5s;
      transform: translateY(0);
      opacity: 1; }
    #contest [id^=aniEl][id^=aniEl01], #contest [id^=aniEl][id^=aniEl05] {
      transition: all 0.3s; }
  #contest .parsley-errors-list.filled {
    margin-top: 4px;
    font-size: 12px; }
  #contest .list-order-wrap .form-control {
    border: none;
    padding: 0px 22px 0px 0px;
    background-position: center right;
    font-size: 0.875rem; }
    #contest .list-order-wrap .form-control:focus {
      background: transparent; }
    #contest .list-order-wrap .form-control#sorting_dropdown {
      background-size: 24px 24px, 18px 18px;
      background-repeat: no-repeat;
      background-position: left center, right center;
      background-color: transparent;
      padding-left: 28px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.04229 5.84961C5.92294 5.84961 5.80848 5.89702 5.72409 5.98141C5.6397 6.0658 5.59229 6.18026 5.59229 6.29961V13.4996C5.59229 13.5587 5.60393 13.6172 5.62654 13.6718C5.64915 13.7264 5.6823 13.776 5.72409 13.8178C5.76587 13.8596 5.81548 13.8927 5.87008 13.9154C5.92467 13.938 5.98319 13.9496 6.04229 13.9496C6.10138 13.9496 6.1599 13.938 6.2145 13.9154C6.26909 13.8927 6.3187 13.8596 6.36049 13.8178C6.40227 13.776 6.43542 13.7264 6.45803 13.6718C6.48065 13.6172 6.49229 13.5587 6.49229 13.4996V6.29961C6.49229 6.18026 6.44488 6.0658 6.36049 5.98141C6.2761 5.89702 6.16163 5.84961 6.04229 5.84961Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M12.3421 4.94971C12.2227 4.94971 12.1083 4.99712 12.0239 5.08151C11.9395 5.1659 11.8921 5.28035 11.8921 5.3997V12.5997C11.8921 12.719 11.9395 12.8335 12.0239 12.9179C12.1083 13.0023 12.2227 13.0497 12.3421 13.0497C12.4614 13.0497 12.5759 13.0023 12.6603 12.9179C12.7447 12.8335 12.7921 12.719 12.7921 12.5997V5.3997C12.7921 5.28035 12.7447 5.1659 12.6603 5.08151C12.5759 4.99712 12.4614 4.94971 12.3421 4.94971Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M6.04279 5.13606C5.95376 5.13477 5.86637 5.1602 5.79193 5.20906C5.71748 5.25792 5.65939 5.32796 5.62514 5.41016C5.59089 5.49236 5.58207 5.58294 5.59979 5.6702C5.61752 5.75747 5.66099 5.83741 5.72459 5.89973L7.63378 7.80892C7.67503 7.85113 7.72464 7.88426 7.77944 7.90618C7.83423 7.9281 7.893 7.93832 7.95198 7.9362C8.07068 7.9374 8.18505 7.89166 8.27018 7.80892C8.35457 7.72453 8.40198 7.61007 8.40198 7.49072C8.40198 7.37138 8.35457 7.25691 8.27018 7.17252L6.36099 5.26333C6.27404 5.18345 6.16085 5.13818 6.04279 5.13606Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M6.04248 5.13623C5.92378 5.13503 5.80941 5.18078 5.72428 5.26351L3.81509 7.1727C3.7307 7.25709 3.68329 7.37155 3.68329 7.4909C3.68329 7.61024 3.7307 7.7247 3.8151 7.8091C3.85634 7.85131 3.90595 7.88444 3.96075 7.90636C4.01554 7.92827 4.07431 7.9385 4.13329 7.93637C4.25199 7.93758 4.36637 7.89183 4.45149 7.8091L6.36068 5.89991C6.44507 5.81552 6.49248 5.70106 6.49248 5.58171C6.49248 5.46236 6.44507 5.3479 6.36068 5.26351C6.27373 5.18363 6.16054 5.13836 6.04248 5.13623Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M10.4333 10.931C10.3146 10.9298 10.2002 10.9755 10.1151 11.0582C10.0307 11.1426 9.98329 11.2571 9.98329 11.3764C9.98329 11.4958 10.0307 11.6102 10.1151 11.6946L12.0243 13.6038C12.0655 13.646 12.1151 13.6792 12.1699 13.7011C12.2247 13.723 12.2835 13.7332 12.3425 13.7311C12.4612 13.7323 12.5755 13.6866 12.6607 13.6038C12.7451 13.5194 12.7925 13.405 12.7925 13.2856C12.7925 13.1663 12.7451 13.0518 12.6607 12.9674L10.7515 11.0582C10.6664 10.9755 10.552 10.9298 10.4333 10.931Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M14.2515 10.9308C14.1328 10.9296 14.0184 10.9753 13.9333 11.0581L12.0241 12.9673C11.9397 13.0516 11.8923 13.1661 11.8923 13.2855C11.8923 13.4048 11.9397 13.5193 12.0241 13.6037C12.0654 13.6459 12.115 13.679 12.1698 13.7009C12.2246 13.7228 12.2833 13.7331 12.3423 13.7309C12.461 13.7321 12.5754 13.6864 12.6605 13.6037L14.5697 11.6945C14.6115 11.6527 14.6446 11.6031 14.6672 11.5485C14.6899 11.4939 14.7015 11.4354 14.7015 11.3763C14.7015 11.3172 14.6899 11.2587 14.6672 11.2041C14.6446 11.1495 14.6115 11.0999 14.5697 11.0581C14.4846 10.9753 14.3702 10.9296 14.2515 10.9308Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19238 12.5L10.1924 7.5L15.1924 12.5' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
      #contest .list-order-wrap .form-control#sorting_dropdown[aria-expanded="true"] {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.04229 5.84961C5.92294 5.84961 5.80848 5.89702 5.72409 5.98141C5.6397 6.0658 5.59229 6.18026 5.59229 6.29961V13.4996C5.59229 13.5587 5.60393 13.6172 5.62654 13.6718C5.64915 13.7264 5.6823 13.776 5.72409 13.8178C5.76587 13.8596 5.81548 13.8927 5.87008 13.9154C5.92467 13.938 5.98319 13.9496 6.04229 13.9496C6.10138 13.9496 6.1599 13.938 6.2145 13.9154C6.26909 13.8927 6.3187 13.8596 6.36049 13.8178C6.40227 13.776 6.43542 13.7264 6.45803 13.6718C6.48065 13.6172 6.49229 13.5587 6.49229 13.4996V6.29961C6.49229 6.18026 6.44488 6.0658 6.36049 5.98141C6.2761 5.89702 6.16163 5.84961 6.04229 5.84961Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M12.3421 4.94971C12.2227 4.94971 12.1083 4.99712 12.0239 5.08151C11.9395 5.1659 11.8921 5.28035 11.8921 5.3997V12.5997C11.8921 12.719 11.9395 12.8335 12.0239 12.9179C12.1083 13.0023 12.2227 13.0497 12.3421 13.0497C12.4614 13.0497 12.5759 13.0023 12.6603 12.9179C12.7447 12.8335 12.7921 12.719 12.7921 12.5997V5.3997C12.7921 5.28035 12.7447 5.1659 12.6603 5.08151C12.5759 4.99712 12.4614 4.94971 12.3421 4.94971Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M6.04279 5.13606C5.95376 5.13477 5.86637 5.1602 5.79193 5.20906C5.71748 5.25792 5.65939 5.32796 5.62514 5.41016C5.59089 5.49236 5.58207 5.58294 5.59979 5.6702C5.61752 5.75747 5.66099 5.83741 5.72459 5.89973L7.63378 7.80892C7.67503 7.85113 7.72464 7.88426 7.77944 7.90618C7.83423 7.9281 7.893 7.93832 7.95198 7.9362C8.07068 7.9374 8.18505 7.89166 8.27018 7.80892C8.35457 7.72453 8.40198 7.61007 8.40198 7.49072C8.40198 7.37138 8.35457 7.25691 8.27018 7.17252L6.36099 5.26333C6.27404 5.18345 6.16085 5.13818 6.04279 5.13606Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M6.04248 5.13623C5.92378 5.13503 5.80941 5.18078 5.72428 5.26351L3.81509 7.1727C3.7307 7.25709 3.68329 7.37155 3.68329 7.4909C3.68329 7.61024 3.7307 7.7247 3.8151 7.8091C3.85634 7.85131 3.90595 7.88444 3.96075 7.90636C4.01554 7.92827 4.07431 7.9385 4.13329 7.93637C4.25199 7.93758 4.36637 7.89183 4.45149 7.8091L6.36068 5.89991C6.44507 5.81552 6.49248 5.70106 6.49248 5.58171C6.49248 5.46236 6.44507 5.3479 6.36068 5.26351C6.27373 5.18363 6.16054 5.13836 6.04248 5.13623Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M10.4333 10.931C10.3146 10.9298 10.2002 10.9755 10.1151 11.0582C10.0307 11.1426 9.98329 11.2571 9.98329 11.3764C9.98329 11.4958 10.0307 11.6102 10.1151 11.6946L12.0243 13.6038C12.0655 13.646 12.1151 13.6792 12.1699 13.7011C12.2247 13.723 12.2835 13.7332 12.3425 13.7311C12.4612 13.7323 12.5755 13.6866 12.6607 13.6038C12.7451 13.5194 12.7925 13.405 12.7925 13.2856C12.7925 13.1663 12.7451 13.0518 12.6607 12.9674L10.7515 11.0582C10.6664 10.9755 10.552 10.9298 10.4333 10.931Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M14.2515 10.9308C14.1328 10.9296 14.0184 10.9753 13.9333 11.0581L12.0241 12.9673C11.9397 13.0516 11.8923 13.1661 11.8923 13.2855C11.8923 13.4048 11.9397 13.5193 12.0241 13.6037C12.0654 13.6459 12.115 13.679 12.1698 13.7009C12.2246 13.7228 12.2833 13.7331 12.3423 13.7309C12.461 13.7321 12.5754 13.6864 12.6605 13.6037L14.5697 11.6945C14.6115 11.6527 14.6446 11.6031 14.6672 11.5485C14.6899 11.4939 14.7015 11.4354 14.7015 11.3763C14.7015 11.3172 14.6899 11.2587 14.6672 11.2041C14.6446 11.1495 14.6115 11.0999 14.5697 11.0581C14.4846 10.9753 14.3702 10.9296 14.2515 10.9308Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%0A%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19238 12.5L10.1924 7.5L15.1924 12.5' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  #contest .list-order-wrap .dropdown-toggle::after {
    display: none; }
  #contest .list-order-wrap .dropdown-menu {
    top: 5px !important;
    right: 0;
    width: 132px;
    min-width: auto;
    height: auto;
    padding: 0;
    font-size: 0.875rem;
    color: #1c1c1c;
    line-height: 1.64;
    border-radius: 8px;
    border-color: #ddd; }
    #contest .list-order-wrap .dropdown-menu .dropdown-divider {
      margin: 4px 0; }
    #contest .list-order-wrap .dropdown-menu .dropdown-item {
      padding: 9px 8px 9px 12px !important;
      color: #1c1c1c;
      cursor: pointer; }
      #contest .list-order-wrap .dropdown-menu .dropdown-item:hover {
        background-color: transparent; }
    #contest .list-order-wrap .dropdown-menu .form-check-input:checked + .dropdown-item {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%231c1c1c'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%231c1c1c'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-position: calc(100% - 10px) center;
      font-weight: 700; }
  #contest .list-order-wrap .form-check-input {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 1px;
    opacity: 0; }
  #contest .checkbox {
    position: relative; }
    #contest .checkbox input {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      cursor: pointer; }
      #contest .checkbox input:checked + label::before {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 5'%3E%3Crect id='Rectangle 5' x='3.4668' y='3.21582' width='10.6667' height='10.6667' rx='1.9' fill='%236F95FB'/%3E%3Cpath id='Vector 1' d='M5.73584 8.31982L8.09286 10.6768L11.8641 6.90561' stroke='white' stroke-width='1.425' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A"); }
    #contest .checkbox label {
      position: relative;
      padding-left: 23px;
      font-size: 14px;
      font-variation-settings: "wght" 400; }
      #contest .checkbox label::before {
        content: "";
        position: absolute;
        left: 0;
        top: -2px;
        width: 16px;
        height: 17px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Crect x='3.38892' y='3.92603' width='9.24167' height='9.24167' rx='1.1875' stroke='%23DDDDDD' stroke-width='1.425' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }
  #contest .text-d7 {
    color: #d7d7d7; }
  #contest i.sd.btn-next-icon {
    width: 17px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2438 9.44727C11.3483 9.44727 11.4473 9.40329 11.5243 9.33179C11.6783 9.17779 11.6783 8.93028 11.5243 8.77628L7.08027 4.33231C7.00877 4.26081 6.90427 4.21676 6.79977 4.21676C6.69527 4.21676 6.59627 4.26081 6.51927 4.33231C6.36527 4.48631 6.36527 4.73381 6.51927 4.88781L10.9633 9.33179C11.0403 9.40329 11.1393 9.44727 11.2438 9.44727Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M6.79977 13.8916C6.90427 13.8916 7.00327 13.8476 7.08027 13.7761L11.5243 9.33208C11.6783 9.17808 11.6783 8.93057 11.5243 8.77657C11.4528 8.70507 11.3483 8.6611 11.2438 8.6611C11.1393 8.6611 11.0403 8.70507 10.9633 8.77657L6.51927 13.2206C6.36527 13.3746 6.36527 13.6221 6.51927 13.7761C6.59627 13.8476 6.69527 13.8916 6.79977 13.8916Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A"); }
  #contest .search {
    position: relative;
    width: 501px;
    height: 39px;
    background: #f9f9f9;
    border-radius: 40px;
    border: 1px solid #f0f0f0; }
    #contest .search input {
      width: 100%;
      height: 100%;
      padding: 0 48px;
      background-color: transparent;
      border: none;
      color: #1c1c1c;
      font-size: 14px; }
      #contest .search input::placeholder {
        color: inherit; }
      #contest .search input:-webkit-autofill, #contest .search input:-webkit-autofill:hover, #contest .search input:-webkit-autofill:focus, #contest .search input:-webkit-autofill:active {
        -webkit-text-fill-color: #6F95FB;
        -webkit-box-shadow: 0 0 0px 1000px transparent inset;
        box-shadow: 0 0 0px 1000px transparent inset;
        transition: background-color 5000s ease-in-out 0s; }
    #contest .search_trigger {
      position: absolute;
      left: 14px;
      top: 6px;
      width: 28px;
      height: 28px;
      padding: 0;
      background: transparent url("data:image/svg+xml,%0A%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.71262 16.257C7.87579 15.4181 7.35562 14.3151 7.24071 13.1357C7.12579 11.9564 7.42324 10.7737 8.08238 9.78903C8.74152 8.80436 9.72161 8.07862 10.8557 7.7354C11.9899 7.39217 13.2079 7.4527 14.3024 7.90666C15.3969 8.36062 16.3002 9.17994 16.8585 10.2251C17.4168 11.2703 17.5955 12.4766 17.3643 13.6388C17.133 14.8009 16.5061 15.847 15.5902 16.5988C14.6743 17.3506 13.5262 17.7617 12.3412 17.762C11.6669 17.764 10.9989 17.6319 10.3759 17.3736C9.75304 17.1152 9.18765 16.7357 8.71262 16.257ZM7.72125 17.2484C8.78914 18.3152 10.1939 18.9789 11.6961 19.1263C13.1984 19.2737 14.7053 18.8957 15.9602 18.0568C17.2151 17.2179 18.1403 15.9698 18.5783 14.5253C19.0164 13.0808 18.94 11.5291 18.3624 10.1345C17.7848 8.73988 16.7415 7.58868 15.4104 6.87693C14.0792 6.16519 12.5425 5.93692 11.0619 6.23103C9.58136 6.52513 8.24854 7.32341 7.29049 8.48989C6.33243 9.65637 5.80839 11.1189 5.80762 12.6284C5.80661 13.4866 5.97514 14.3365 6.30354 15.1293C6.63194 15.9221 7.11373 16.6423 7.72125 17.2484Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M16.43 15.7165L15.4072 16.7393L21.0499 22.382C21.1857 22.5179 21.3695 22.595 21.5616 22.5967C21.7537 22.595 21.9375 22.5179 22.0733 22.382C22.2082 22.2458 22.2838 22.0619 22.2838 21.8703C22.2838 21.6787 22.2082 21.4948 22.0733 21.3586L16.43 15.7165Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") no-repeat 0 0/100% 100%;
      border: none; }
    #contest .search_cancel {
      position: absolute;
      right: 14px;
      top: 8px;
      width: 20px;
      height: 20px;
      background: transparent url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='black' fill-opacity='0.1' style='fill:black;fill-opacity:0.1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.18648 6.18608C6.3399 6.03265 6.58865 6.03265 6.74207 6.18608L13.8135 13.2575C13.9669 13.4109 13.9669 13.6597 13.8135 13.8131C13.6601 13.9665 13.4113 13.9665 13.2579 13.8131L6.18648 6.74166C6.03306 6.58824 6.03306 6.3395 6.18648 6.18608Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8134 6.186C13.9669 6.33942 13.9669 6.58816 13.8134 6.74158L6.74201 13.813C6.58859 13.9664 6.33985 13.9664 6.18642 13.813C6.033 13.6596 6.033 13.4108 6.18642 13.2574L13.2579 6.186C13.4113 6.03257 13.66 6.03257 13.8134 6.186Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
      border: none; }
  #contest .cardList {
    font-size: 0; }
    #contest .cardList li {
      position: relative;
      display: inline-block;
      width: calc(25% - 15px);
      height: 283px;
      margin-left: 20px;
      margin-top: 17px;
      border-radius: 16px;
      border: 1px solid #E4E4E4;
      overflow: hidden; }
      #contest .cardList li:nth-of-type(4n+1) {
        margin-left: 0; }
      #contest .cardList li img {
        width: 100%;
        height: auto; }
    #contest .cardList_dim {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.75);
      font-size: 26px;
      font-weight: 700;
      color: #fff;
      z-index: 10; }
    #contest .cardList_trigger {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      padding: 0;
      background-color: transparent;
      border: none;
      overflow: hidden; }
      #contest .cardList_trigger:hover .cardList_dim {
        display: flex; }
  #contest .entry {
    display: flex;
    padding: 118px 100px 136px 105px;
    overflow: hidden; }
    #contest .entry_row .fw-bold {
      font-size: 36px; }
    #contest .entry_row p {
      margin-top: 10px; }
    #contest .entry_row a,
    #contest .entry_row .entry_brandName {
      margin-top: 17px;
      line-height: 1.58; }
      #contest .entry_row a a,
      #contest .entry_row .entry_brandName a {
        color: #1c1c1c; }
      #contest .entry_row a *,
      #contest .entry_row .entry_brandName * {
        vertical-align: middle; }
    #contest .entry_row + .entry_row {
      margin-top: 20px; }
    #contest .entry_trigger {
      display: block;
      width: 100%;
      padding: 0;
      text-align: left;
      border: none;
      background-color: transparent; }
    #contest .entry_left {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 486px;
      height: 486px;
      font-size: 0; }
      #contest .entry_left img {
        border-radius: 16px; }
    #contest .entry_right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: calc(100% - 486px - 50px);
      margin-left: 50px; }
      #contest .entry_right > div:last-of-type .entry_row:last-of-type {
        display: flex;
        align-items: end;
        justify-content: space-between;
        margin-top: 33px; }
    #contest .entry_scrollBox {
      height: 372px;
      padding-right: 20px;
      margin-top: 60px;
      overflow-x: auto; }
      #contest .entry_scrollBox::-webkit-scrollbar {
        width: 4px; }
        #contest .entry_scrollBox::-webkit-scrollbar-track {
          width: 7px;
          background: #fff; }
        #contest .entry_scrollBox::-webkit-scrollbar-thumb {
          height: 34%;
          background: #eaeaea;
          border-radius: 4px; }
    #contest .entry_top {
      display: block;
      font-size: 0; }
    #contest .entry_bottom {
      display: block;
      padding: 15px 17px;
      background: transparent url("data:image/svg+xml,%0A%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='39' height='39' rx='10' fill='%232E2E2E'/%3E%3Cpath d='M10.8176 18.35H26.5426V20.4H10.8176V18.35ZM19.3926 26.15L27.0676 18.575V20.125L19.3926 12.6L20.8426 11.075L29.1426 19.35L20.8426 27.675L19.3926 26.15Z' fill='white'/%3E%3C/svg%3E%0A") calc(100% - 24px) 50%/39px 39px no-repeat; }
      #contest .entry_bottom [class*=fs] {
        color: #1c1c1c; }
      #contest .entry_bottom em {
        display: block;
        line-height: 1.48; }
    #contest .entry_link {
      color: inherit;
      line-height: 1.48;
      padding-right: 33px;
      background: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='ic_href'%3E%3Cpath id='Rectangle 4 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M6.75 8.25C6.75 7.42157 7.42157 6.75 8.25 6.75H12.75C13.1642 6.75 13.5 7.08579 13.5 7.5C13.5 7.91421 13.1642 8.25 12.75 8.25L8.25 8.25V21.75H21.75V17.25C21.75 16.8358 22.0858 16.5 22.5 16.5C22.9142 16.5 23.25 16.8358 23.25 17.25V21.75C23.25 22.5784 22.5784 23.25 21.75 23.25H8.25C7.42157 23.25 6.75 22.5784 6.75 21.75V8.25Z' fill='%23777777'/%3E%3Cpath id='Vector 1 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M16.5 7.5C16.5 7.08579 16.8358 6.75 17.25 6.75H21.75C22.5784 6.75 23.25 7.42157 23.25 8.25V12.75C23.25 13.1642 22.9142 13.5 22.5 13.5C22.0858 13.5 21.75 13.1642 21.75 12.75V8.25H17.25C16.8358 8.25 16.5 7.91421 16.5 7.5Z' fill='%23777777'/%3E%3Cpath id='Vector 2 (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M22.2803 7.71967C22.5732 8.01256 22.5732 8.48744 22.2803 8.78033L16.2803 14.7803C15.9874 15.0732 15.5126 15.0732 15.2197 14.7803C14.9268 14.4874 14.9268 14.0126 15.2197 13.7197L21.2197 7.71967C21.5126 7.42678 21.9874 7.42678 22.2803 7.71967Z' fill='%23777777'/%3E%3C/g%3E%3C/svg%3E%0A") 100% calc(100% + 4px)/30px 30px no-repeat; }
    #contest .entry .likeButton {
      position: relative;
      top: auto;
      right: auto;
      padding-top: 26px;
      padding-bottom: 0;
      background-color: transparent;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.69928 1.32666C7.50417 1.30132 8.30575 1.44103 9.05475 1.73682C9.80359 2.03256 10.4844 2.47809 11.0547 3.04639L12.5684 4.56104L12.9571 4.95068L14.7872 3.12061C15.8656 2.06213 17.2989 1.44132 18.8087 1.37939C20.315 1.31769 21.791 1.81642 22.9512 2.77881C23.5525 3.31152 24.0384 3.96187 24.3799 4.68896C24.7223 5.4179 24.9122 6.20922 24.9376 7.01416C24.9629 7.81909 24.8232 8.62059 24.5274 9.36963C24.2316 10.1187 23.7854 10.7992 23.2169 11.3696L13.3038 21.3003C13.2115 21.3909 13.0874 21.4418 12.9581 21.4419C12.8286 21.4419 12.7038 21.391 12.6114 21.3003L2.80573 11.4946H2.8067C1.7477 10.4128 1.12643 8.97698 1.06451 7.46436C1.00278 5.95504 1.50101 4.4756 2.46393 3.31201C2.99652 2.71114 3.6473 2.22569 4.37408 1.88428C5.10297 1.54194 5.8944 1.35204 6.69928 1.32666Z' stroke='black' style='stroke:black;stroke-opacity:1;' stroke-width='1.1'/%3E%3C/svg%3E%0A");
      background-size: 25px 21px;
      background-position: 50% 0;
      color: #111;
      font-weight: 700;
      border-radius: 0; }
      #contest .entry .likeButton.active::after {
        left: 50%;
        top: 0;
        width: 25px;
        height: 21px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='22' viewBox='0 0 26 22' fill='%23FF0600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.69928 1.32666C7.50417 1.30132 8.30575 1.44103 9.05475 1.73682C9.80359 2.03256 10.4844 2.47809 11.0547 3.04639L12.5684 4.56104L12.9571 4.95068L14.7872 3.12061C15.8656 2.06213 17.2989 1.44132 18.8087 1.37939C20.315 1.31769 21.791 1.81642 22.9512 2.77881C23.5525 3.31152 24.0384 3.96187 24.3799 4.68896C24.7223 5.4179 24.9122 6.20922 24.9376 7.01416C24.9629 7.81909 24.8232 8.62059 24.5274 9.36963C24.2316 10.1187 23.7854 10.7992 23.2169 11.3696L13.3038 21.3003C13.2115 21.3909 13.0874 21.4418 12.9581 21.4419C12.8286 21.4419 12.7038 21.391 12.6114 21.3003L2.80573 11.4946H2.8067C1.7477 10.4128 1.12643 8.97698 1.06451 7.46436C1.00278 5.95504 1.50101 4.4756 2.46393 3.31201C2.99652 2.71114 3.6473 2.22569 4.37408 1.88428C5.10297 1.54194 5.8944 1.35204 6.69928 1.32666Z' stroke='white' style='stroke:white;stroke-opacity:0;' stroke-width='1.1'/%3E%3C/svg%3E%0A"); }
  #contest .likeButton {
    position: absolute;
    top: 17px;
    right: 19px;
    width: 40px;
    margin-left: auto;
    padding: 41px 0 16px;
    background: #1C1C1C99 url("data:image/svg+xml,%0A%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47473 2.74933C6.99501 2.74736 7.51054 2.84844 7.99155 3.04675C8.47255 3.24507 8.90952 3.53668 9.27723 3.90477L10.6547 5.28227L12.0002 6.62771L13.3456 5.28227L14.6602 3.96771C15.4499 3.20554 16.5077 2.78455 17.6052 2.79565C18.543 2.7815 19.4542 3.1076 20.1702 3.71358C20.5789 4.07014 20.9094 4.50741 21.1409 4.99788C21.3725 5.48835 21.5 6.02143 21.5156 6.56358C21.5328 7.10486 21.4392 7.64394 21.2405 8.14772C21.0418 8.6515 20.7422 9.10935 20.3602 9.49315L12.0002 17.8543L3.73517 9.58933C3.02026 8.85176 2.60288 7.87618 2.56311 6.84977C2.4985 5.84692 2.82785 4.85845 3.48104 4.09477C3.85454 3.66946 4.31496 3.32925 4.83122 3.09715C5.34747 2.86504 5.90752 2.74643 6.47354 2.74933M6.47354 0.849333C5.6418 0.849108 4.81947 1.02533 4.06085 1.36636C3.30223 1.70739 2.62459 2.20547 2.07267 2.82771C1.11339 3.97988 0.616254 5.44729 0.677692 6.94527C0.739129 8.44325 1.35476 9.86502 2.40517 10.9348L11.3352 19.8648C11.4216 19.9539 11.5249 20.025 11.6391 20.074C11.7532 20.1229 11.876 20.1487 12.0002 20.1498C12.1246 20.1501 12.2478 20.1251 12.3621 20.076C12.4765 20.027 12.5796 19.9551 12.6652 19.8648L21.6747 10.8552C22.2421 10.2887 22.6872 9.61187 22.9826 8.86652C23.278 8.12118 23.4173 7.32316 23.3921 6.52182C23.3668 5.72047 23.1774 4.93282 22.8357 4.20756C22.4939 3.4823 22.0071 2.83484 21.4052 2.30521C20.3452 1.37906 18.9805 0.87708 17.5731 0.895646C15.9762 0.883958 14.4395 1.5042 13.2981 2.62108L11.9835 3.93565L10.606 2.55815C10.0634 2.01554 9.41909 1.58522 8.71 1.29181C8.00092 0.998389 7.24094 0.848817 6.47354 0.849333Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A") 50% 15px/23px 19px no-repeat;
    border: none;
    border-radius: 18px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    z-index: 11; }
    #contest .likeButton::after {
      content: "";
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translateX(-50%);
      width: 23px;
      height: 19px;
      background: url("data:image/svg+xml,%0A%3Csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.335 19.8813L2.40496 10.9513C1.35465 9.87831 0.739346 8.45412 0.677934 6.95392C0.616523 5.45371 1.11337 3.98399 2.07246 2.82878C2.60314 2.22855 3.25097 1.74319 3.97613 1.40254C4.7013 1.06189 5.48846 0.873136 6.28925 0.847889C7.09004 0.822642 7.88753 0.961431 8.63271 1.25573C9.37789 1.55002 10.055 1.99361 10.6225 2.55921L12 3.9379L13.3145 2.62334C14.3844 1.57317 15.8061 0.957708 17.304 0.896273C18.8019 0.834839 20.2693 1.33181 21.4216 2.29084C22.0218 2.82152 22.5072 3.46936 22.8478 4.19452C23.1885 4.91968 23.3772 5.70684 23.4025 6.50763C23.4277 7.30842 23.2889 8.10592 22.9946 8.8511C22.7003 9.59628 22.2568 10.2734 21.6911 10.8408L12.6661 19.8813C12.4885 20.0557 12.2495 20.1534 12.0005 20.1534C11.7516 20.1534 11.5126 20.0557 11.335 19.8813Z' fill='%23FF0600' style='fill:%23FF0600;fill:color(display-p3 1.0000 0.0235 0.0000);fill-opacity:1;'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
      opacity: 0; }
    #contest .likeButton.active {
      background-image: none; }
      #contest .likeButton.active::after {
        opacity: 1;
        animation: heartMotion 0.5s ease-in-out; }

@keyframes heartMotion {
  0% {
    transform: translateX(-50%) scale(1.2); }
  50% {
    transform: translateX(-50%) scale(0.8); }
  100% {
    transform: translateX(-50%) scale(1); } }
  #contest .shareButton {
    width: 36px;
    height: 36px;
    margin-left: 10px;
    border: 1px solid #E4E4E4;
    background: transparent url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8879 13.8742L17.9345 15.8275C17.8743 15.8992 17.7999 15.9575 17.716 15.9988C17.632 16.0402 17.5404 16.0636 17.447 16.0677C17.3535 16.0717 17.2602 16.0563 17.173 16.0224C17.0858 15.9885 17.0066 15.9368 16.9404 15.8706C16.8743 15.8044 16.8226 15.7253 16.7887 15.6381C16.7547 15.5509 16.7393 15.4576 16.7434 15.3641C16.7474 15.2706 16.7708 15.179 16.8122 15.0951C16.8535 15.0111 16.9119 14.9367 16.9835 14.8765L18.9386 12.9214C19.4283 12.4163 19.6977 11.7377 19.6877 11.0343C19.6778 10.3309 19.3893 9.66022 18.8855 9.16923C18.3945 8.66548 17.7238 8.37699 17.0204 8.36704C16.3171 8.35709 15.6384 8.62647 15.1334 9.11613L13.1783 11.0713C13.0517 11.1978 12.88 11.269 12.701 11.269C12.5219 11.269 12.3503 11.1978 12.2237 11.0713C12.0971 10.9447 12.026 10.773 12.026 10.594C12.026 10.4149 12.0971 10.2432 12.2237 10.1167L14.1788 8.16153C14.9363 7.42009 15.9569 7.00931 17.0169 7.01926C18.0768 7.02921 19.0895 7.45909 19.833 8.21463C20.5904 8.95805 21.0216 9.9718 21.0319 11.033C21.0422 12.0943 20.6307 13.1162 19.8879 13.8742Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M7.41751 14.9299L9.37085 12.9765C9.50017 12.8679 9.66553 12.8116 9.83429 12.819C10.003 12.8263 10.1629 12.8966 10.2824 13.016C10.4018 13.1355 10.4721 13.2953 10.4794 13.4641C10.4867 13.6328 10.4305 13.7982 10.3219 13.9275L8.36852 15.8809C7.87887 16.3859 7.60948 17.0645 7.61944 17.7679C7.62939 18.4713 7.91787 19.142 8.42162 19.633C8.91262 20.1368 9.58334 20.4253 10.2867 20.4352C10.9901 20.4452 11.6687 20.1758 12.1738 19.6861L14.1271 17.7328C14.1873 17.6611 14.2617 17.6028 14.3457 17.5615C14.4296 17.5201 14.5212 17.4967 14.6147 17.4926C14.7082 17.4886 14.8015 17.504 14.8887 17.5379C14.9759 17.5719 15.0551 17.6235 15.1212 17.6897C15.1874 17.7559 15.2391 17.835 15.273 17.9222C15.3069 18.0094 15.3223 18.1027 15.3183 18.1962C15.3142 18.2897 15.2908 18.3813 15.2494 18.4652C15.2081 18.5492 15.1498 18.6236 15.0781 18.6838L13.1248 20.6371C12.3673 21.3788 11.3466 21.7898 10.2865 21.78C9.22647 21.7702 8.21357 21.3403 7.47001 20.5846C6.71437 19.8411 6.28448 18.8282 6.27464 17.7681C6.2648 16.708 6.6758 15.6873 7.41751 14.9299Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M17.4571 11.5482L10.8006 18.2047C10.6747 18.3306 10.504 18.4017 10.3259 18.4024C10.1477 18.4031 9.97652 18.3333 9.84961 18.2083C9.72302 18.0817 9.65191 17.91 9.65191 17.731C9.65191 17.5519 9.72302 17.3802 9.84961 17.2537L16.5061 10.5972C16.6327 10.4706 16.8044 10.3995 16.9834 10.3995C17.1624 10.3995 17.3341 10.4706 17.4607 10.5972C17.5857 10.7241 17.6555 10.8953 17.6548 11.0734C17.6542 11.2515 17.5831 11.4222 17.4571 11.5482Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 50% 50%/26px 26px no-repeat;
    border-radius: 30px; }
  #contest .roundText {
    display: inline-block;
    border: 1px solid #E4E4E4;
    border-radius: 16px;
    padding: 1px 18px;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px; }
  #contest .custom-modal.entryModal, #contest .custom-modal.specialModal {
    z-index: 1050 !important; }
    #contest .custom-modal.entryModal .modal-content, #contest .custom-modal.specialModal .modal-content {
      border-radius: 16px; }
      #contest .custom-modal.entryModal .modal-content .modal-body, #contest .custom-modal.specialModal .modal-content .modal-body {
        padding: 0; }
      #contest .custom-modal.entryModal .modal-content > .btn-close, #contest .custom-modal.specialModal .modal-content > .btn-close {
        z-index: 10; }
    #contest .custom-modal.entryModal .modal-dialog:not(.modal-lg), #contest .custom-modal.specialModal .modal-dialog:not(.modal-lg) {
      max-width: 1200px; }
    #contest .custom-modal.entryModal .swiper, #contest .custom-modal.specialModal .swiper {
      overflow: hidden; }
      #contest .custom-modal.entryModal .swiper-slide, #contest .custom-modal.specialModal .swiper-slide {
        opacity: 0; }
        #contest .custom-modal.entryModal .swiper-slide-duplicate-active, #contest .custom-modal.entryModal .swiper-slide-active, #contest .custom-modal.specialModal .swiper-slide-duplicate-active, #contest .custom-modal.specialModal .swiper-slide-active {
          opacity: 1; }
      #contest .custom-modal.entryModal .swiper-nav, #contest .custom-modal.specialModal .swiper-nav {
        position: absolute;
        bottom: 30px;
        right: 39px;
        display: flex;
        align-items: center;
        z-index: 1; }
      #contest .custom-modal.entryModal .swiper-button-prev, #contest .custom-modal.entryModal .swiper-button-next, #contest .custom-modal.specialModal .swiper-button-prev, #contest .custom-modal.specialModal .swiper-button-next {
        top: calc(50% - 15px);
        width: 70px;
        height: 70px;
        margin-top: 0;
        padding: 0;
        border: none;
        background-color: transparent; }
      #contest .custom-modal.entryModal .swiper-button-prev::after, #contest .custom-modal.specialModal .swiper-button-prev::after {
        content: "";
        width: 100%;
        height: 100%;
        background: url("data:image/svg+xml,%0A%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.501 35.499L20.501 25.499L30.501 15.499' stroke='%23CCCCCC' style='stroke:%23CCCCCC;stroke:color(display-p3 0.8000 0.8000 0.8000);stroke-opacity:1;' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50%/50px 50px no-repeat; }
      #contest .custom-modal.entryModal .swiper-button-next::after, #contest .custom-modal.specialModal .swiper-button-next::after {
        content: "";
        width: 100%;
        height: 100%;
        background: url("data:image/svg+xml,%0A%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5444 15.499L30.5444 25.499L20.5444 35.499' stroke='%23CCCCCC' style='stroke:%23CCCCCC;stroke:color(display-p3 0.8000 0.8000 0.8000);stroke-opacity:1;' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50%/50px 50px no-repeat; }
      #contest .custom-modal.entryModal .swiper-pagination, #contest .custom-modal.specialModal .swiper-pagination {
        position: initial;
        display: inline-block;
        width: auto;
        margin: 0 13px;
        font-size: 14px;
        font-weight: 700; }
  #contest .custom-modal .checkbox label::before {
    top: -1px;
    width: 24px;
    height: 24px; }
  #contest .noResult {
    padding: 422px 0 308px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_noResult.png") 50% 244px/200px 178px no-repeat;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
    #contest .noResult p {
      width: 100% !important;
      margin-top: 6px;
      font-weight: 400;
      font-size: 16px;
      color: #5c5c5c; }
    #contest .noResult .btn {
      margin-top: 45px; }
  #contest .loading {
    position: absolute;
    left: 0;
    top: 49px;
    width: 100%;
    text-align: center;
    padding: 454px 0 427px;
    font-size: 20px;
    font-weight: 700;
    z-index: 100; }
    #contest .loading::before {
      content: "";
      position: absolute;
      top: 298px;
      left: 50%;
      width: 156px;
      height: 156px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_loading.png") 0 0/100% 100% no-repeat;
      animation: loadingMotion 2s ease-in-out infinite; }

@keyframes loadingMotion {
  0% {
    transform: translateX(-50%) rotate(0deg); }
  50% {
    transform: translateX(-50%) rotate(45deg); }
  100% {
    transform: translateX(-50%) rotate(0deg); } }
  #contest .bg-f9f9f9 {
    border-radius: 16px; }
  #contest .shadowBox {
    font-size: 0;
    width: 898px;
    margin: 0 auto;
    padding: 31px 40px 31px 31px;
    box-shadow: 0px 4px 14px 0px rgba(28, 28, 28, 0.1);
    border-radius: 30px;
    background-color: #FFFFFF; }
    #contest .shadowBox .entry {
      padding: 0; }
      #contest .shadowBox .entry_left {
        width: 396px;
        height: 396px; }
      #contest .shadowBox .entry_right {
        width: calc(100% - 396px - 54px);
        margin-left: 54px; }
      #contest .shadowBox .entry_row .fw-bold {
        font-size: 30px;
        line-height: 1.38; }
      #contest .shadowBox .entry_row p {
        margin-top: 3px;
        word-break: keep-all; }
    #contest .shadowBox .cardList li {
      width: calc(50% - 11px);
      height: 388px;
      margin-left: 22px;
      margin-top: 0;
      border: none; }
      #contest .shadowBox .cardList li:nth-of-type(odd) {
        margin-left: 0; }
      #contest .shadowBox .cardList li:nth-of-type(n+3) {
        margin-top: 24px; }
    #contest .shadowBox.type02 {
      padding: 50px; }
  #contest .iconText {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding-top: 58px;
    line-height: 1.4;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/icon_crown01.png") 50% 0/80px 57px no-repeat; }
    #contest .iconText .fs-18px {
      line-height: 1; }
    #contest .iconText.type02 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/icon_crown02.png"); }
    #contest .iconText.type03 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/icon_crown03.png"); }
    #contest .iconText.type04 {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/icon_crown04.png"); }
  #contest.contestVote {
    margin-top: 80px !important; }
    #contest.contestVote video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -1;
      width: 100%;
      height: 959px;
      object-fit: cover; }
    #contest.contestVote section:first-of-type {
      position: relative; }
      #contest.contestVote section:first-of-type > div > div:nth-of-type(1) {
        padding: 95px 0 116px; }
      #contest.contestVote section:first-of-type > div > div:nth-of-type(2) {
        padding: 75px 0 106px;
        background: #FFFFFF;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(248, 252, 241, 0.6) 100%);
        backdrop-filter: blur(7px); }
    #contest.contestVote section:nth-of-type(2) {
      min-height: 940px;
      padding: 155px 0 115px;
      background-image: none; }
    #contest.contestVote section:nth-of-type(3) {
      background: none;
      padding: 0 0 129px; }
  #contest.contestWinners {
    margin-top: 0 !important; }
    #contest.contestWinners .keyVisual {
      height: 26.08vw;
      min-height: 497px; }
      #contest.contestWinners .keyVisual img {
        width: 365px; }
      #contest.contestWinners .keyVisual > div {
        top: 57%;
        transform: translateY(-50%); }
      #contest.contestWinners .keyVisual p {
        font-size: 16px; }
    #contest.contestWinners section {
      position: relative;
      background: none; }
      #contest.contestWinners section:nth-of-type(2) {
        background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_section02.png") 0 0/100% auto no-repeat; }
        #contest.contestWinners section:nth-of-type(2) p {
          width: auto; }
      #contest.contestWinners section:nth-of-type(3) .d-flex:first-of-type div:first-of-type {
        width: auto; }
        #contest.contestWinners section:nth-of-type(3) .d-flex:first-of-type div:first-of-type.search {
          width: 501px; }
      #contest.contestWinners section .position-relative {
        min-height: 940px; }
    #contest.contestWinners .list-order-wrap .form-control#sorting_dropdown {
      cursor: initial; }

.btn-539DFF {
  background-color: #539DFF !important;
  color: #fff !important;
  border-color: #539DFF !important; }
  .btn-539DFF:disabled {
    background-color: #ccc !important; }

.btn-outline-539DFF {
  border: 1px solid #539DFF !important;
  color: #539DFF !important;
  background: rgba(255, 255, 255, 0.5) !important; }

.text-539DFF {
  color: #539DFF; }

i.sd.btn-arrow-right {
  width: 7px;
  height: 11px;
  background: url("data:image/svg+xml,%0A%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.55 6.67993C6.66875 6.67993 6.78125 6.62996 6.86875 6.54871C7.04375 6.37371 7.04375 6.09245 6.86875 5.91745L1.81875 0.867478C1.7375 0.786228 1.61875 0.736177 1.5 0.736177C1.38125 0.736177 1.26875 0.786228 1.18125 0.867478C1.00625 1.04248 1.00625 1.32373 1.18125 1.49873L6.23125 6.54871C6.31875 6.62996 6.43125 6.67993 6.55 6.67993Z' fill='%23539DFF' stroke='%23539DFF' style='fill:%23539DFF;fill:color(display-p3 0.3271 0.6147 1.0000);fill-opacity:1;stroke:%23539DFF;stroke:color(display-p3 0.3271 0.6147 1.0000);stroke-opacity:1;' stroke-width='0.7'/%3E%3Cpath d='M1.5 11.73C1.61875 11.73 1.73125 11.6799 1.81875 11.5987L6.86875 6.54871C7.04375 6.37371 7.04375 6.09245 6.86875 5.91745C6.7875 5.8362 6.66875 5.78622 6.55 5.78622C6.43125 5.78622 6.31875 5.8362 6.23125 5.91745L1.18125 10.9674C1.00625 11.1424 1.00625 11.4237 1.18125 11.5987C1.26875 11.6799 1.38125 11.73 1.5 11.73Z' fill='%23539DFF' stroke='%23539DFF' style='fill:%23539DFF;fill:color(display-p3 0.3271 0.6147 1.0000);fill-opacity:1;stroke:%23539DFF;stroke:color(display-p3 0.3271 0.6147 1.0000);stroke-opacity:1;' stroke-width='0.7'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
  vertical-align: middle; }

.mobile #contest .form-group + .form-group {
  margin-top: 40px; }

.mobile #contest .form-group .form-control {
  font-size: 14px; }

.mobile #contest .form-group .form-check {
  align-items: flex-start; }
  .mobile #contest .form-group .form-check-input[type=checkbox]:checked {
    margin-top: -4px; }

.mobile #contest .btn-default-outline {
  padding: 14px 0; }

.mobile #contest .banner {
  padding: 75px 0 58px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_banner02_m.png"); }
  .mobile #contest .banner img {
    width: 155px; }
  .mobile #contest .banner.type02 {
    padding: 67px 0 88px;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_banner_m.png"); }

.mobile #contest .detailModal {
  background-color: #fff; }
  .mobile #contest .detailModal .modal-body {
    padding-bottom: 20px; }

.mobile #contest .nav {
  top: 0;
  backdrop-filter: none; }
  .mobile #contest .nav nav {
    position: fixed;
    top: 58px;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(9px);
    box-shadow: 0px 4px 14px 0px rgba(28, 28, 28, 0.1);
    transition: transform 0.8s ease-in-out;
    z-index: 10; }
  .mobile #contest .nav ul {
    display: block;
    height: 100%;
    padding-top: 58px;
    padding-bottom: 19px; }
  .mobile #contest .nav button {
    font-size: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
    color: #494949;
    text-align: left; }
    .mobile #contest .nav button:not(.nav_trigger):not(.nav_title) {
      width: 100%; }
    .mobile #contest .nav button.goSubmit, .mobile #contest .nav button.goVote {
      color: #329fff; }
  .mobile #contest .nav_header {
    position: fixed;
    top: 58px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: 20px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(7px);
    z-index: 1000;
    transition: all 0.5s ease-in-out; }
  .mobile #contest .nav_inner {
    display: block;
    padding: 0; }
  .mobile #contest .nav_title {
    padding: 0; }
  .mobile #contest .nav_trigger {
    position: relative;
    width: 45px;
    height: 52px;
    background: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.1499 8.8C7.1499 8.35817 7.50807 8 7.9499 8L25.5499 8C25.9917 8 26.3499 8.35817 26.3499 8.8C26.3499 9.24183 25.9917 9.6 25.5499 9.6L7.9499 9.6C7.50807 9.6 7.1499 9.24183 7.1499 8.8Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.1499 16C7.1499 15.5581 7.50807 15.2 7.9499 15.2L25.5499 15.2C25.9917 15.2 26.3499 15.5581 26.3499 16C26.3499 16.4418 25.9917 16.8 25.5499 16.8L7.9499 16.8C7.50807 16.8 7.1499 16.4418 7.1499 16Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.1499 23.1999C7.1499 22.7581 7.50807 22.3999 7.9499 22.3999L25.5499 22.3999C25.9917 22.3999 26.3499 22.7581 26.3499 23.1999C26.3499 23.6417 25.9917 23.9999 25.5499 23.9999L7.9499 23.9999C7.50807 23.9999 7.1499 23.6417 7.1499 23.1999Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A") 50% 50%/32px 32px no-repeat; }
  .mobile #contest .nav.open .nav_header {
    background: transparent;
    backdrop-filter: none; }
  .mobile #contest .nav.open .nav_trigger {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.21461 8.23436C9.52703 7.92194 10.0336 7.92194 10.346 8.23436L24.746 22.6344C25.0584 22.9468 25.0584 23.4533 24.746 23.7657C24.4336 24.0781 23.927 24.0782 23.6146 23.7657L9.21461 9.36573C8.90219 9.05331 8.90219 8.54678 9.21461 8.23436Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.7463 8.23439C25.0588 8.54681 25.0588 9.05334 24.7463 9.36576L10.3464 23.7658C10.0339 24.0782 9.5274 24.0782 9.21498 23.7658C8.90256 23.4533 8.90256 22.9468 9.21498 22.6344L23.615 8.23439C23.9274 7.92197 24.4339 7.92197 24.7463 8.23439Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A"); }
  .mobile #contest .nav.active li button {
    color: #fff; }
    .mobile #contest .nav.active li button.goSubmit, .mobile #contest .nav.active li button.goVote {
      color: #fff; }
  .mobile #contest .nav.active .nav_trigger {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6499 8.8C6.6499 8.35817 7.00807 8 7.4499 8L25.0499 8C25.4917 8 25.8499 8.35817 25.8499 8.8C25.8499 9.24183 25.4917 9.6 25.0499 9.6L7.4499 9.6C7.00807 9.6 6.6499 9.24183 6.6499 8.8Z' fill='%23FFFFFF' style='fill:%23FFFFFF;fill:;fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6499 16.0002C6.6499 15.5584 7.00807 15.2002 7.4499 15.2002L25.0499 15.2002C25.4917 15.2002 25.8499 15.5584 25.8499 16.0002C25.8499 16.442 25.4917 16.8002 25.0499 16.8002L7.4499 16.8002C7.00807 16.8002 6.6499 16.442 6.6499 16.0002Z' fill='%23FFFFFF' style='fill:%23FFFFFF;fill;fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.6499 23.1999C6.6499 22.7581 7.00807 22.3999 7.4499 22.3999L25.0499 22.3999C25.4917 22.3999 25.8499 22.7581 25.8499 23.1999C25.8499 23.6417 25.4917 23.9999 25.0499 23.9999L7.4499 23.9999C7.00807 23.9999 6.6499 23.6417 6.6499 23.1999Z' fill='%23FFFFFF' style='fill:%23FFFFFF;fill:;fill-opacity:1;'/%3E%3C/svg%3E"); }
  .mobile #contest .nav.active.open .nav_trigger {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.96461 8.23412C9.27703 7.9217 9.78356 7.9217 10.096 8.23412L24.496 22.6341C24.8084 22.9465 24.8084 23.4531 24.496 23.7655C24.1836 24.0779 23.677 24.0779 23.3646 23.7655L8.96461 9.36549C8.65219 9.05307 8.65219 8.54654 8.96461 8.23412Z' fill='%23FFFFFF' style='fill:%23FFFFFF;fill:fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.4963 8.23414C24.8088 8.54656 24.8088 9.05309 24.4963 9.36551L10.0964 23.7655C9.78393 24.0779 9.2774 24.0779 8.96498 23.7655C8.65256 23.4531 8.65256 22.9466 8.96498 22.6341L23.365 8.23414C23.6774 7.92172 24.1839 7.92172 24.4963 8.23414Z' fill='%23FFFFFF' style='fill:%23FFFFFF;fill;fill-opacity:1;'/%3E%3C/svg%3E%0A"); }

.mobile #contest .keyVisual {
  position: relative;
  padding: 0;
  background: none;
  height: calc(100vh - 133px);
  min-height: auto;
  max-height: 572px; }
  .mobile #contest .keyVisual_inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 86px 20px 22px; }
  .mobile #contest .keyVisual video {
    width: 100%;
    height: auto; }
  .mobile #contest .keyVisual .fs-txt-1 {
    margin-top: 12px; }
  .mobile #contest .keyVisual .text-5c:last-of-type {
    margin-top: 0; }

.mobile #contest section .btn-size-md {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px; }

.mobile #contest section:first-of-type img {
  width: 159px; }

.mobile #contest section:nth-of-type(2) {
  padding: 48px 0 46px;
  background: none; }
  .mobile #contest section:nth-of-type(2) p {
    width: 100%; }
    .mobile #contest section:nth-of-type(2) p.fs-title-1 {
      line-height: 1.55; }
  .mobile #contest section:nth-of-type(2) img {
    width: 375px;
    margin-left: auto; }

.mobile #contest section:nth-of-type(3) {
  padding: 38px 0 115px; }
  .mobile #contest section:nth-of-type(3) p {
    line-height: 1.78; }

.mobile #contest section:nth-of-type(4) {
  padding: 90px 0 58px; }
  .mobile #contest section:nth-of-type(4) .logo {
    width: 246px; }

.mobile #contest section:nth-of-type(5) {
  padding: 99px 0 0; }

.mobile #contest section:nth-of-type(6) {
  padding: 86px 0 103px; }

.mobile #contest section:nth-of-type(7) {
  padding: 83px 0 103px; }

.mobile #contest section:nth-of-type(8) {
  padding: 81px 0 67px; }

.mobile #contest .fs-13px {
  line-height: 1.64; }

.mobile #contest .fs-28px {
  font-size: 28px;
  font-weight: bold; }

.mobile #contest .fs-37px {
  font-size: 37px;
  font-weight: bold;
  line-height: 1.35; }

.mobile #contest .fs-38px {
  font-size: 38px;
  font-weight: bold; }

.mobile #contest .fs-30px {
  font-size: 30px;
  font-weight: bold; }

.mobile #contest ol {
  width: 100%;
  padding: 41px 18px; }
  .mobile #contest ol li {
    align-items: flex-start;
    font-size: 14px;
    line-height: 20px; }
    .mobile #contest ol li + li {
      margin-top: 20px; }

.mobile #contest .swiper {
  margin: 0 -20px;
  padding: 0 48px; }
  .mobile #contest .swiper-wrapper {
    padding-bottom: 40px; }
  .mobile #contest .swiper-pagination {
    bottom: 0; }
    .mobile #contest .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background-color: #1c1c1c;
      opacity: 0.15; }
      .mobile #contest .swiper-pagination-bullet-active {
        opacity: 0.65; }

.mobile #contest .box {
  display: block; }
  .mobile #contest .box.type01 {
    padding: 0;
    margin: 0; }
    .mobile #contest .box.type01 .box_item {
      height: 97.34vw; }
      .mobile #contest .box.type01 .box_item + .box_item {
        margin-left: 0;
        margin-top: 34px; }
      .mobile #contest .box.type01 .box_item.last {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_benefit04_m.png"); }
  .mobile #contest .box.type02 {
    width: auto; }
    .mobile #contest .box.type02 .box_item {
      flex: none; }
      .mobile #contest .box.type02 .box_item p {
        padding: 17px 22px 19px 22px;
        font-size: 14px; }
    .mobile #contest .box.type02.dark .box_item p {
      font-size: 16px;
      padding: 14px 17px 30px 30px; }
  .mobile #contest .box.type03 .box_item {
    height: 138px;
    padding-top: 25px; }
    .mobile #contest .box.type03 .box_item + .box_item {
      margin-top: 12px; }
  .mobile #contest .box.type04 {
    width: auto; }
    .mobile #contest .box.type04.swiper {
      padding: 0 38px 0 48px; }
      .mobile #contest .box.type04.swiper .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 0.19; }
        .mobile #contest .box.type04.swiper .swiper-pagination-bullet-active {
          opacity: 1; }
    .mobile #contest .box.type04 .box_item {
      height: 78.13vw;
      padding: 0 27px 37px 25px;
      justify-content: flex-end;
      flex: none;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard01_m.png"); }
      .mobile #contest .box.type04 .box_item:nth-of-type(2) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard02_m.png"); }
      .mobile #contest .box.type04 .box_item:nth-of-type(3) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard03_m.png"); }
      .mobile #contest .box.type04 .box_item:nth-of-type(4) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard04_m.png");
        margin-top: 0; }
      .mobile #contest .box.type04 .box_item:nth-of-type(5) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_standard05_m.png");
        margin-top: 0; }
    .mobile #contest .box.type04 div:first-of-type {
      font-size: 24px; }
  .mobile #contest .box.type05 {
    padding: 0 28px; }
    .mobile #contest .box.type05 .box_item {
      display: block;
      height: 116px;
      padding: 27px 0 0 27px;
      border-radius: 16px; }
      .mobile #contest .box.type05 .box_item + .box_item {
        margin-top: 14px; }
  .mobile #contest .box.type06 .box_item {
    width: 100%;
    height: 110px;
    font-size: 16px;
    background-color: #539DFF;
    border-radius: 10px;
    background-size: 81px 67px;
    background-position: calc(100% - 22px) 22px;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info01_m.png"); }
    .mobile #contest .box.type06 .box_item + .box_item {
      margin-top: 12px; }
    .mobile #contest .box.type06 .box_item a {
      padding: 19px 0 0 19px; }
    .mobile #contest .box.type06 .box_item:nth-of-type(2) {
      background-size: 89px 73px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info02_m.png"); }
    .mobile #contest .box.type06 .box_item:nth-of-type(3) {
      background-size: 79px 75px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info03_m.png"); }
    .mobile #contest .box.type06 .box_item:nth-of-type(4) {
      background-size: 112px 75px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/img_info04_m.png"); }

.mobile #contest .green-box {
  margin: 0 -20px;
  border-radius: 0;
  padding: 85px 20px 94px; }
  .mobile #contest .green-box li {
    line-height: 2.18; }

.mobile #contest .accordion_button {
  padding: 29px 15px 33px 16px;
  background-position: calc(100% - 13px) 28px;
  line-height: 1.65; }

.mobile #contest .accordion_question {
  padding-right: 36px;
  line-height: 1.48;
  font-size: 16px;
  word-break: keep-all; }

.mobile #contest .accordion_body {
  font-size: 14px;
  color: #ddd; }

.mobile #contest .floatingBtn {
  width: 45px;
  bottom: 85px;
  left: 19px; }
  .mobile #contest .floatingBtn button {
    width: 100%;
    height: 45px;
    background-size: 29px 27px; }
    .mobile #contest .floatingBtn button:last-of-type {
      background-size: 20px 20px; }

.mobile #contest .bg-box {
  padding: 46px 17px; }
  .mobile #contest .bg-box ul {
    padding-left: 13px; }

.mobile #contest .search {
  width: 100%;
  height: 60px;
  background-position-x: 15px; }
  .mobile #contest .search_trigger {
    top: 16px; }
  .mobile #contest .search_cancel {
    top: 18px;
    right: 20px; }

.mobile #contest .cardList li {
  width: calc(50% - 6px);
  height: calc(50vw - 26px);
  margin-left: 12px; }
  .mobile #contest .cardList li:nth-of-type(2n + 1) {
    margin-left: 0; }
  .mobile #contest .cardList li img {
    margin-left: 0; }

.mobile #contest .shareButton {
  width: 40px;
  height: 40px;
  margin-left: 18px;
  background-size: 28px 28px; }

.mobile #contest .custom-modal.entryModal .modal-header, .mobile #contest .custom-modal.specialModal .modal-header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  z-index: 1000;
  background-color: #fff; }
  .mobile #contest .custom-modal.entryModal .modal-header img, .mobile #contest .custom-modal.specialModal .modal-header img {
    width: 47px; }
  .mobile #contest .custom-modal.entryModal .modal-header button, .mobile #contest .custom-modal.specialModal .modal-header button {
    width: 32px;
    height: 32px;
    padding: 0;
    background: url("data:image/svg+xml,%0A%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28419 8.23412C8.59661 7.9217 9.10314 7.9217 9.41556 8.23412L23.8156 22.6341C24.128 22.9465 24.128 23.4531 23.8156 23.7655C23.5031 24.0779 22.9966 24.0779 22.6842 23.7655L8.28419 9.36549C7.97177 9.05307 7.97177 8.54654 8.28419 8.23412Z' fill='%234173FA' style='fill:%234173FA;fill:color(display-p3 0.2549 0.4510 0.9804);fill-opacity:1;'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.8154 8.23414C24.1279 8.54656 24.1279 9.05309 23.8154 9.36551L9.41544 23.7655C9.10302 24.0779 8.59649 24.0779 8.28407 23.7655C7.97165 23.4531 7.97165 22.9466 8.28407 22.6341L22.6841 8.23414C22.9965 7.92172 23.503 7.92172 23.8154 8.23414Z' fill='%234173FA' style='fill:%234173FA;fill:color(display-p3 0.2549 0.4510 0.9804);fill-opacity:1;'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat; }

.mobile #contest .custom-modal.entryModal .modal-content, .mobile #contest .custom-modal.specialModal .modal-content {
  padding: 73px 20px 0;
  border-radius: 0; }

.mobile #contest .custom-modal.entryModal .swiper, .mobile #contest .custom-modal.specialModal .swiper {
  padding: 0;
  margin: 0;
  overflow: hidden; }
  .mobile #contest .custom-modal.entryModal .swiper-button-next, .mobile #contest .custom-modal.entryModal .swiper-button-prev, .mobile #contest .custom-modal.specialModal .swiper-button-next, .mobile #contest .custom-modal.specialModal .swiper-button-prev {
    position: initial;
    width: 30px;
    height: 30px; }
    .mobile #contest .custom-modal.entryModal .swiper-button-next::after, .mobile #contest .custom-modal.entryModal .swiper-button-prev::after, .mobile #contest .custom-modal.specialModal .swiper-button-next::after, .mobile #contest .custom-modal.specialModal .swiper-button-prev::after {
      background-size: 100% 100%; }
  .mobile #contest .custom-modal.entryModal .swiper-button-wrap, .mobile #contest .custom-modal.specialModal .swiper-button-wrap {
    position: absolute;
    top: calc(100vw - 25px);
    display: flex;
    justify-content: center;
    width: 100%; }
  .mobile #contest .custom-modal.entryModal .swiper-button-prev::after, .mobile #contest .custom-modal.specialModal .swiper-button-prev::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.39453' y='1.31641' width='29' height='29' rx='14.5' fill='white' style='fill:white;fill-opacity:1;'/%3E%3Crect x='1.39453' y='1.31641' width='29' height='29' rx='14.5' stroke='%23DDDDDD' style='stroke:%23DDDDDD;stroke:color(display-p3 0.8676 0.8676 0.8676);stroke-opacity:1;'/%3E%3Cpath d='M18.8945 21.8164L12.8945 15.8164L18.8945 9.81641' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .mobile #contest .custom-modal.entryModal .swiper-button-next, .mobile #contest .custom-modal.specialModal .swiper-button-next {
    margin-left: 9px; }
    .mobile #contest .custom-modal.entryModal .swiper-button-next::after, .mobile #contest .custom-modal.specialModal .swiper-button-next::after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.39453' y='1.31641' width='29' height='29' rx='14.5' fill='white' style='fill:white;fill-opacity:1;'/%3E%3Crect x='1.39453' y='1.31641' width='29' height='29' rx='14.5' stroke='%23DDDDDD' style='stroke:%23DDDDDD;stroke:color(display-p3 0.8676 0.8676 0.8676);stroke-opacity:1;'/%3E%3Cpath d='M12.8945 9.81641L18.8945 15.8164L12.8945 21.8164' stroke='%231C1C1C' style='stroke:%231C1C1C;stroke:color(display-p3 0.1098 0.1098 0.1098);stroke-opacity:1;' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.mobile #contest .bg-f9f9f9 {
  padding: 10px 8px; }

.mobile #contest .roundText {
  padding: 1px 17px;
  font-weight: bold; }

.mobile #contest i.sd.btn-next-icon {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7935 10.0967C11.898 10.0967 11.997 10.0527 12.074 9.9812C12.228 9.8272 12.228 9.5797 12.074 9.4257L7.62995 4.98172C7.55845 4.91022 7.45395 4.86617 7.34945 4.86617C7.24495 4.86617 7.14595 4.91022 7.06895 4.98172C6.91495 5.13572 6.91495 5.38322 7.06895 5.53722L11.513 9.9812C11.59 10.0527 11.689 10.0967 11.7935 10.0967Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3Cpath d='M7.34945 14.541C7.45395 14.541 7.55295 14.497 7.62995 14.4255L12.074 9.98149C12.228 9.82749 12.228 9.57999 12.074 9.42599C12.0025 9.35449 11.898 9.31051 11.7935 9.31051C11.689 9.31051 11.59 9.35449 11.513 9.42599L7.06895 13.87C6.91495 14.024 6.91495 14.2715 7.06895 14.4255C7.14595 14.497 7.24495 14.541 7.34945 14.541Z' fill='%231C1C1C' style='fill:%231C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;'/%3E%3C/svg%3E%0A"); }

.mobile #contest .entry {
  display: block;
  padding: 0; }
  .mobile #contest .entry_row .fw-bold {
    font-size: 34px; }
  .mobile #contest .entry_row:nth-of-type(2) .fw-bold {
    font-size: 18px; }
  .mobile #contest .entry_row:last-of-type {
    margin-top: 46px; }
  .mobile #contest .entry_row + .entry_row {
    margin-top: 35px; }
  .mobile #contest .entry_left {
    width: 100%;
    height: calc(100vw - 40px); }
    .mobile #contest .entry_left img {
      width: 100%;
      height: auto; }
  .mobile #contest .entry_right {
    width: 100%;
    margin-left: 0;
    margin-top: 84px; }
  .mobile #contest .entry .likeButton {
    width: 30px;
    padding-top: 30px;
    font-size: 13px;
    text-align: center;
    background-size: 25px 21px;
    background-position-y: 0; }
    .mobile #contest .entry .likeButton::after {
      top: 1px; }

.mobile #contest .likeButton {
  width: 25px;
  padding: 25px 0 9px;
  font-size: 8px;
  background-position-y: 9px;
  background-size: 14px 12px; }
  .mobile #contest .likeButton::after {
    width: 14px;
    height: 12px;
    top: 9px; }

.mobile #contest .loading {
  top: 116px;
  padding: 290px 0 266px;
  font-size: 16px; }
  .mobile #contest .loading::before {
    top: 150px; }

.mobile #contest .noResult {
  padding: 290px 0 77px;
  background-size: 176px 157px;
  background-position-y: 111px; }
  .mobile #contest .noResult .btn {
    margin-top: 177px; }

.mobile #contest .iconText {
  font-size: 20px;
  background-size: 56px 40px;
  padding-top: 43px; }

.mobile #contest .shadowBox {
  width: 100%;
  padding: 24px 20px 55px; }
  .mobile #contest .shadowBox .entry_left {
    height: calc(100vw - 80px); }
  .mobile #contest .shadowBox .entry_right {
    margin-top: 43px; }
    .mobile #contest .shadowBox .entry_right > div:last-of-type .entry_row:last-of-type {
      margin-top: 24px; }
  .mobile #contest .shadowBox .entry_row p {
    margin-top: 7px; }
  .mobile #contest .shadowBox .entry_row + .entry_row {
    margin-top: 12px; }
  .mobile #contest .shadowBox .cardList_trigger {
    display: block; }
  .mobile #contest .shadowBox .cardList li {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 42px;
    border-radius: 0;
    padding-bottom: 32px;
    border-bottom: 1px solid #0000001A; }
    .mobile #contest .shadowBox .cardList li:first-of-type {
      margin-top: 0; }
    .mobile #contest .shadowBox .cardList li:last-of-type {
      border-bottom: none;
      padding-bottom: 0; }
  .mobile #contest .shadowBox .cardList_inner {
    display: block;
    height: calc(100vw - 80px);
    border-radius: 16px;
    overflow: hidden; }
  .mobile #contest .shadowBox .cardList_text {
    display: block;
    margin-top: 18px;
    font-size: 18px;
    font-weight: bold; }
  .mobile #contest .shadowBox.type02 {
    padding: 24px 20px 56px; }

.mobile #contest.contestVote {
  margin-top: -2px !important; }
  .mobile #contest.contestVote video {
    max-height: 1020px;
    height: auto; }
  .mobile #contest.contestVote section:first-of-type img {
    width: 100%; }
    .mobile #contest.contestVote section:first-of-type img.img_text {
      width: 245px; }
  .mobile #contest.contestVote section:nth-of-type(2) {
    min-height: 678px;
    padding-bottom: 105px; }
    .mobile #contest.contestVote section:nth-of-type(2) img {
      width: 100%; }

.mobile #contest.contestWinners {
  margin-top: 0 !important;
  padding-top: 0; }
  .mobile #contest.contestWinners .keyVisual {
    max-height: 490px; }
    .mobile #contest.contestWinners .keyVisual video {
      top: auto;
      bottom: 0;
      transform: translateX(-50%); }
    .mobile #contest.contestWinners .keyVisual img {
      width: 319px; }
    .mobile #contest.contestWinners .keyVisual_inner {
      top: 0;
      transform: none;
      display: block;
      padding: 102px 20px 92px; }
  .mobile #contest.contestWinners section:nth-of-type(2) {
    padding-top: 68px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/hangulContest/bg_section02_m.png") 0 0/100% auto no-repeat; }
    .mobile #contest.contestWinners section:nth-of-type(2) img {
      width: 100%; }

@media (max-width: 375px) {
  #contest .keyVisual video {
    top: auto;
    bottom: 0;
    transform: translateX(-50%); } }

/* 이용약관 */
#terms {
  padding-top: 75px; }
  #terms .fs-title-1 {
    color: #1c1c1c; }
  #terms ul.nav {
    padding-bottom: 12px;
    border-bottom: 1px solid #dddddd; }
    #terms ul.nav li a {
      color: #999999;
      font-size: 1.125rem;
      font-weight: bold;
      margin-right: 1.5rem; }
      #terms ul.nav li a.active {
        font-size: 1.25rem;
        color: #1c1c1c; }
  #terms .d-flex .form-control {
    width: 11.25rem;
    background-position: 95% center; }
  #terms .terms_wrap {
    background: #f9f9f9;
    padding: 40px 32px; }
    #terms .terms_wrap .menu_area li {
      line-height: 1.64;
      margin-bottom: 1.25rem; }
      #terms .terms_wrap .menu_area li:last-child {
        margin-bottom: 3.75rem; }
      #terms .terms_wrap .menu_area li a {
        color: #1c1c1c;
        font-size: 1rem;
        font-weight: bold; }
    #terms .terms_wrap .text_area h4 {
      font-size: 1.25rem;
      font-weight: bold; }
    #terms .terms_wrap .text_area h5 {
      font-size: 1rem;
      font-weight: bold; }
    #terms .terms_wrap .text_area p {
      line-height: 1.64; }
      #terms .terms_wrap .text_area p strong {
        font-weight: bold;
        margin-top: 1rem;
        margin-bottom: 0.5rem; }
    #terms .terms_wrap .text_area li {
      line-height: 1.64; }
    #terms .terms_wrap .text_area .innertable {
      margin-top: 0.75rem; }
      #terms .terms_wrap .text_area .innertable .tabletitle {
        padding: 16px 16px;
        border: 1px solid #dddddd;
        font-weight: bold;
        border-top: 1px solid #4173fa; }
      #terms .terms_wrap .text_area .innertable td {
        padding: 8px 16px;
        border: 1px solid #dddddd; }

#about {
  padding-top: 5.9375rem; }
  #about .fs-title-0,
  #about .fs-title-1,
  #about .fs-title-2,
  #about .fs-title-3,
  #about .fs-title-4 {
    color: #1c1c1c; }
  #about .section01 {
    padding-bottom: 7.5rem; }
    #about .section01 img {
      max-width: 100%;
      margin: 0 auto;
      width: 1160px; }
  #about .section02 img {
    width: 40.5%;
    margin-right: auto; }
  #about .section02 img + div {
    width: 40%; }
  #about .section03 img {
    width: 45.25%; }
  #about .section04 img {
    width: 50.5%;
    margin-right: auto; }
  #about .section04 img + div {
    width: 40%; }
  #about .section07 img {
    width: 57.7%; }
  #about .section02 {
    padding: 0 0 6.25rem; }
  #about .section03 {
    padding: 0rem 0 6.25rem; }
  #about .section04 {
    padding: 0rem 0 6.25rem; }
  #about .section05 {
    padding: 6.25rem 0 2.5rem; }
    #about .section05 .rollingImage_wrap {
      height: 23.5rem;
      width: 100%;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      transform: translate3d(0, 0, 0); }
      #about .section05 .rollingImage_wrap div {
        width: calc(2258px * 2);
        background: url("https://media.sandollcloud.com/static/images/PSP/contents/slidebg01.png");
        position: absolute;
        left: 0;
        height: 11.25rem;
        background-size: auto 180px;
        background-repeat: repeat-x;
        transform: translate3d(0, 0, 0); }
        #about .section05 .rollingImage_wrap div.mover-1 {
          top: 0;
          animation: moveSlideshow 100s linear 0s infinite; }
        #about .section05 .rollingImage_wrap div.mover-2 {
          bottom: 0;
          background: url("https://media.sandollcloud.com/static/images/PSP/contents/slidebg02.png");
          animation: moveSlideshow 100s linear 0s infinite;
          background-size: auto 180px;
          animation-direction: reverse; }
  #about .section07 {
    padding: 0rem 0 5rem; }
  #about .section06 {
    padding: 2.5rem 0 0rem; }
    #about .section06 ul {
      width: 50%;
      margin-left: 21.7%;
      display: flex;
      flex-wrap: wrap; }
      #about .section06 ul li {
        width: 50%;
        margin-bottom: 60px; }
        #about .section06 ul li label {
          margin-bottom: 1rem; }

#download_new {
  position: relative;
  text-align: center; }
  #download_new em[id^=el],
  #download_new span[id^=el] {
    display: inline-block; }
  #download_new [id^=el] {
    transform: translateY(100px);
    opacity: 0; }
    #download_new [id^=el].animate {
      transition: all 1.2s;
      transform: translateY(0);
      opacity: 1; }
  #download_new button:not(.btn) {
    background-color: transparent;
    border: none;
    padding: 0; }
  #download_new .container-862 {
    max-width: 862px;
    width: 100%;
    margin: 0 auto; }
  #download_new .container-893 {
    max-width: 893px;
    width: 100%;
    margin: 0 auto; }
  #download_new .container-668 {
    max-width: 668px;
    width: 100%;
    margin: 0 auto; }
  #download_new .btn {
    border-radius: 8px; }
    #download_new .btn-sandoll-outline {
      background-color: transparent; }
    #download_new .btn-gradient {
      width: 196px;
      background: #4173fa;
      background: linear-gradient(95deg, #4173FA 13.81%, #A398FF 89.17%);
      color: #fff;
      font-weight: 700;
      border: none;
      padding: 15px 0; }
  #download_new .text-navy {
    color: #345CC8; }
  #download_new section {
    overflow: hidden; }
    #download_new section:nth-of-type(2) {
      padding: 101px 0 222px;
      background: linear-gradient(178deg, #F5F8FF 10.75%, #DCE7FF 45.67%, #F6F8FF 62.18%); }
      #download_new section:nth-of-type(2) .title {
        padding-top: 77px;
        background: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon04.png") 50% 0/64px 62px no-repeat; }
      #download_new section:nth-of-type(2) .container-862 {
        padding-top: 138px; }
        #download_new section:nth-of-type(2) .container-862 .title {
          background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon05.png");
          background-size: 53px 62px; }
    #download_new section:nth-of-type(3) {
      padding: 132px 0 128px; }
      #download_new section:nth-of-type(3) .d-flex {
        justify-content: space-between; }
        #download_new section:nth-of-type(3) .d-flex_item {
          width: calc(100% / 3);
          height: 480px;
          padding-top: 62px;
          background: url("https://media.sandollcloud.com/static/images/PSP/contents/download_bg01.png") 0 0/100% 100% no-repeat; }
          #download_new section:nth-of-type(3) .d-flex_item.type02 {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_bg02.png"); }
          #download_new section:nth-of-type(3) .d-flex_item.type03 {
            background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_bg03.png"); }
    #download_new section:nth-of-type(4) {
      padding: 127px 0 145px;
      background: #F5F8FF; }
      #download_new section:nth-of-type(4) .btn {
        width: 278px;
        padding: 18px 0;
        border-color: #91B4FF; }
  #download_new .keyVisual {
    position: relative;
    height: 31.35vw;
    min-height: 600px;
    padding: 0;
    font-size: 0; }
    #download_new .keyVisual video {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      z-index: 1; }
    #download_new .keyVisual_inner {
      position: absolute;
      top: 26%;
      left: 50%;
      transform: translateX(-50%);
      width: 1166px;
      text-align: left;
      z-index: 2; }
    #download_new .keyVisual p {
      line-height: 1.64; }
    #download_new .keyVisual .sd {
      width: 24px;
      height: 24px; }
    #download_new .keyVisual div[data-bs-toggle=modal] {
      cursor: pointer; }
    #download_new .keyVisual.type02 {
      height: 620px;
      background: url("https://media.sandollcloud.com/static/images/PSP/contents/download_bg05.png") calc(50% + 783px/3) 50%/auto calc(100% - 75px) no-repeat, linear-gradient(107.94deg, #FFE5EC -2.09%, #F5F8FF 29.04%, #CBE2FF 66.69%, #FEE7EE 108.06%); }
      #download_new .keyVisual.type02 img {
        display: block;
        width: 124px;
        margin-top: 24px; }
      #download_new .keyVisual.type02 .fs-txt-4 {
        display: inline-block;
        padding: 7px 15px;
        margin-top: 7px;
        background-color: #fff;
        border-radius: 5px; }
      #download_new .keyVisual.type02 .keyVisual_inner {
        position: initial;
        transform: none;
        width: 860px;
        margin: 0 auto;
        padding-top: 146px; }
  #download_new .list li {
    position: relative;
    padding-left: 18px;
    line-height: 1.68; }
    #download_new .list li::before {
      content: "";
      position: absolute;
      left: 8px;
      top: 8px;
      width: 3px;
      height: 3px;
      border-radius: 4px;
      background-color: #345CC8; }
    #download_new .list li button span {
      font-size: 12px;
      color: #345CC8; }
  #download_new .select-type {
    position: relative;
    width: 194px; }
    #download_new .select-type .btn {
      width: 100%;
      padding: 14px 0; }
      #download_new .select-type .btn:hover, #download_new .select-type .btn:focus {
        background-color: #4173fa; }
      #download_new .select-type .btn span {
        position: relative; }
        #download_new .select-type .btn span::after {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          margin-left: 4px;
          background: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.30629 12.3525L4.31932 5.41238C4.28348 5.35031 4.26462 5.2799 4.26462 5.20823C4.26463 5.13656 4.2835 5.06616 4.31934 5.0041C4.35518 4.94203 4.40673 4.8905 4.4688 4.85467C4.53088 4.81885 4.60129 4.8 4.67296 4.80002L12.654 4.80002C12.7257 4.8 12.7961 4.81885 12.8582 4.85468C12.9203 4.8905 12.9718 4.94203 13.0077 5.0041C13.0435 5.06616 13.0624 5.13656 13.0624 5.20823C13.0624 5.2799 13.0435 5.35031 13.0077 5.41238L9.02071 12.3525C8.98413 12.4147 8.93192 12.4663 8.86927 12.5021C8.80661 12.538 8.73568 12.5568 8.6635 12.5568C8.59132 12.5568 8.52038 12.538 8.45773 12.5021C8.39508 12.4663 8.34287 12.4147 8.30629 12.3525Z' fill='white'/%3E%3Cpath d='M8.30629 12.3525L4.31932 5.41238C4.28348 5.35031 4.26462 5.2799 4.26462 5.20823C4.26463 5.13656 4.2835 5.06616 4.31934 5.0041C4.35518 4.94203 4.40673 4.8905 4.4688 4.85467C4.53088 4.81885 4.60129 4.8 4.67296 4.80002L12.654 4.80002C12.7257 4.8 12.7961 4.81885 12.8582 4.85468C12.9203 4.8905 12.9718 4.94203 13.0077 5.0041C13.0435 5.06616 13.0624 5.13656 13.0624 5.20823C13.0624 5.2799 13.0435 5.35031 13.0077 5.41238L9.02071 12.3525C8.98413 12.4147 8.93192 12.4663 8.86927 12.5021C8.80661 12.538 8.73568 12.5568 8.6635 12.5568C8.59132 12.5568 8.52038 12.538 8.45773 12.5021C8.39508 12.4663 8.34287 12.4147 8.30629 12.3525Z' fill='white'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
          vertical-align: sub; }
      #download_new .select-type .btn.active span::after {
        transform: rotate(-180deg); }
    #download_new .select-type .dropdown {
      position: absolute;
      top: 61px;
      left: 0;
      display: none;
      width: 100%;
      height: auto;
      padding: 0;
      overflow: hidden;
      line-height: 1.58;
      border-radius: 8px;
      background: #FFF;
      box-shadow: 0px 4px 11px 0px rgba(137, 165, 221, 0.4);
      border: none;
      z-index: 1; }
      #download_new .select-type .dropdown .dropdown-item {
        display: flex;
        justify-content: center;
        padding: 10px 0;
        color: #4173fa;
        font-size: 16px; }
        #download_new .select-type .dropdown .dropdown-item:hover {
          background-color: #EBF0FF;
          color: #345CC8; }
          #download_new .select-type .dropdown .dropdown-item:hover .ic-apple {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Apple svg'%3E%3Cg id='Group'%3E%3Cpath id='Vector' d='M18.0928 8.45882C17.0277 9.11765 16.3699 10.2471 16.3699 11.502C16.3699 12.9137 17.2157 14.2 18.5 14.7333C18.2494 15.549 17.8735 16.302 17.4036 16.9922C16.7145 17.9647 15.994 18.9686 14.9289 18.9686C13.8639 18.9686 13.5506 18.3412 12.2976 18.3412C11.0759 18.3412 10.6373 19 9.63494 19C8.63253 19 7.94337 18.0902 7.16024 16.9608C6.12651 15.3922 5.53133 13.5725 5.5 11.6588C5.5 8.55294 7.50482 6.8902 9.50964 6.8902C10.5747 6.8902 11.4518 7.58039 12.1096 7.58039C12.7361 7.58039 13.7386 6.85882 14.9289 6.85882C16.1819 6.82745 17.3723 7.42353 18.0928 8.45882ZM14.3651 5.54118C14.8976 4.91373 15.1795 4.12941 15.2108 3.31373C15.2108 3.21961 15.2108 3.09412 15.1795 3C14.2711 3.09412 13.4253 3.53333 12.8301 4.22353C12.2976 4.81961 11.9843 5.57255 11.953 6.38824C11.953 6.48235 11.953 6.57647 11.9843 6.67059C12.047 6.67059 12.141 6.70196 12.2036 6.70196C13.0494 6.63922 13.8325 6.2 14.3651 5.54118Z' fill='%23345cc8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }
          #download_new .select-type .dropdown .dropdown-item:hover .ic-window {
            background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6533 11.6522H5V5H11.6533V11.6522Z' fill='%23345cc8'/%3E%3Cpath d='M19.0001 11.6522H12.3462V5H18.9995V11.6522H19.0001Z' fill='%23345cc8'/%3E%3Cpath d='M11.6533 19H5V12.3478H11.6533V19Z' fill='%23345cc8'/%3E%3Cpath d='M19.0001 19H12.3462V12.3478H18.9995V19H19.0001Z' fill='%23345cc8'/%3E%3C/svg%3E%0A"); }
  #download_new .editorArea ol {
    padding-left: 16px; }
  #download_new .accordion {
    text-align: left; }
    #download_new .accordion_item {
      padding: 26px 0;
      border-top: 1px solid #C3D2FF; }
      #download_new .accordion_item:last-of-type {
        border-bottom: 1px solid #C3D2FF; }
    #download_new .accordion div {
      line-height: 1.64;
      font-size: 13px; }
      #download_new .accordion div[data-tab] {
        display: block;
        height: 0;
        overflow: hidden;
        opacity: 0; }
        #download_new .accordion div[data-tab].active {
          height: auto;
          opacity: 1;
          transition: opacity 0.9s;
          padding: 7px 0 12px; }
    #download_new .accordion button {
      position: relative;
      width: 100%;
      padding: 0;
      font-weight: 700;
      line-height: 1.3;
      text-align: left;
      color: #1c1c1c; }
      #download_new .accordion button::after {
        content: '';
        position: absolute;
        right: 0;
        top: -6px;
        width: 34px;
        height: 34px;
        background: url("data:image/svg+xml,%0A%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group_3228-5'%3E%3Cpath id='Path_2432-5' d='M9.77499 10.8361L9.77487 10.8363L9.78141 10.8428C10.1765 11.2379 10.813 11.2379 11.2081 10.8428L11.0313 10.666L11.2081 10.8428L19.7931 2.25781C19.978 2.07287 20.0895 1.80743 20.0895 1.53916C20.0895 1.26589 19.9745 1.01571 19.7995 0.827174L19.7996 0.827056L19.7931 0.820509C19.3979 0.425379 18.7615 0.425379 18.3664 0.82051L9.78141 9.40551L9.78129 9.40539L9.77499 9.41217C9.59985 9.60079 9.48511 9.85099 9.48511 10.1242C9.48511 10.3973 9.59985 10.6475 9.77499 10.8361Z' fill='%234173FA' stroke='%234173FA' stroke-width='0.5'/%3E%3Cpath id='Path_2433-5' d='M1.19004 2.25115L1.18991 2.25126L1.19646 2.25781L9.78141 10.8428C10.1765 11.2379 10.813 11.2379 11.2081 10.8428C11.3931 10.6578 11.5044 10.3923 11.5044 10.1242C11.5044 9.85099 11.3897 9.60079 11.2145 9.41217L11.2147 9.41206L11.2081 9.40551L2.62315 0.82051L2.44637 0.997286L2.62315 0.820509C2.22802 0.425378 1.59159 0.425378 1.19646 0.820509L1.19634 0.820388L1.19004 0.827172C1.01497 1.0157 0.900024 1.26589 0.900024 1.53916C0.900024 1.81243 1.01497 2.06261 1.19004 2.25115Z' fill='%234173FA' stroke='%234173FA' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E%0A") 50% 50%/21px 12px no-repeat;
        transform: rotate(-180deg); }
      #download_new .accordion button.active::after {
        transform: rotate(0); }
  #download_new .toggle_nav {
    display: flex;
    border-top: 4px solid #fff;
    overflow: visible; }
    #download_new .toggle_nav li {
      width: calc(100% / 3); }
      #download_new .toggle_nav li:nth-of-type(2) > button {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon02.png"); }
      #download_new .toggle_nav li:last-of-type > button {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon03.png"); }
      #download_new .toggle_nav li > button {
        width: 100%;
        padding-top: 118px;
        background: transparent url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon01.png") 50% 25px/80px 80px no-repeat;
        color: #4173fa;
        font-weight: 700;
        opacity: 0.5; }
        #download_new .toggle_nav li > button.active {
          position: relative;
          opacity: 1; }
          #download_new .toggle_nav li > button.active::before {
            content: "";
            position: absolute;
            top: -4px;
            left: 0;
            right: 0;
            height: 4px;
            background-color: #4173fa; }
  #download_new .toggle_item {
    margin-top: 75px; }
    #download_new .toggle_item .btn {
      width: 193px;
      margin-top: 20px; }
    #download_new .toggle_item img {
      width: 100%;
      margin-top: 20px; }
  #download_new .toggle .swiper {
    overflow: visible; }
    #download_new .toggle .swiper-slide p, #download_new .toggle .swiper-slide a, #download_new .toggle .swiper-slide button {
      opacity: 0; }
    #download_new .toggle .swiper-slide img {
      opacity: 0.3; }
    #download_new .toggle .swiper-slide-active p, #download_new .toggle .swiper-slide-active a, #download_new .toggle .swiper-slide-active button, #download_new .toggle .swiper-slide-active img {
      opacity: 1;
      animation: all 0.5; }
  #download_new .toggle.type02 {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    #download_new .toggle.type02 .toggle_nav {
      display: block;
      width: 370px;
      border: none; }
      #download_new .toggle.type02 .toggle_nav li {
        width: 100%; }
        #download_new .toggle.type02 .toggle_nav li:first-of-type button {
          border-top: 1px solid #C3D2FF; }
          #download_new .toggle.type02 .toggle_nav li:first-of-type button.active {
            background: linear-gradient(292deg, #4173FA 25.6%, #A4BCFF 93.79%); }
        #download_new .toggle.type02 .toggle_nav li:nth-of-type(2) button.type03 {
          border-top: 1px solid #C3D2FF; }
        #download_new .toggle.type02 .toggle_nav li:nth-of-type(2) button.active {
          background: linear-gradient(294deg, #978AFF 21.29%, #C8C2FF 70.61%); }
        #download_new .toggle.type02 .toggle_nav li:last-of-type button {
          border-bottom: 1px solid #C3D2FF; }
          #download_new .toggle.type02 .toggle_nav li:last-of-type button.active {
            background: linear-gradient(307deg, #2D5BD6 28.82%, #7698F3 86.86%); }
      #download_new .toggle.type02 .toggle_nav button {
        padding: 38px 25px;
        text-align: left;
        background-image: none;
        color: #1c1c1c;
        opacity: 1; }
        #download_new .toggle.type02 .toggle_nav button span {
          display: block; }
        #download_new .toggle.type02 .toggle_nav button [class*=fs-txt] {
          display: none; }
        #download_new .toggle.type02 .toggle_nav button.type01 {
          border-bottom: 1px solid #C3D2FF; }
        #download_new .toggle.type02 .toggle_nav button.active {
          color: #ffffff;
          border-radius: 12px;
          border: none; }
          #download_new .toggle.type02 .toggle_nav button.active::before {
            display: none; }
          #download_new .toggle.type02 .toggle_nav button.active [class*=fs-txt] {
            display: block; }
    #download_new .toggle.type02 .toggle_item {
      width: 470px;
      margin-top: 0; }
      #download_new .toggle.type02 .toggle_item video {
        width: 100%;
        border-radius: 18px; }
  #download_new .banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: linear-gradient(90deg, #A565FF 0%, #0B42D8 100%);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    transform: translateY(71px);
    transition: all 0.4s; }
    #download_new .banner.active {
      transform: translateY(0); }
    #download_new .banner_inner {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 900px;
      height: 71px;
      margin: 0 auto;
      padding: 0 20px; }
    #download_new .banner .btn {
      width: 167px;
      padding: 11px 0;
      font-size: 14px;
      border-radius: 4px; }
      #download_new .banner .btn-white {
        background-color: #fff;
        color: #4173fa;
        font-weight: 700; }
      #download_new .banner .btn-wrap {
        display: flex;
        margin-left: 50px; }
      #download_new .banner .btn + .btn {
        margin-left: 8px; }
    #download_new .banner p {
      font-size: 1.125rem;
      font-weight: 700; }
  #download_new .nav {
    position: absolute;
    top: 715px;
    left: 50%;
    transform: translateX(-50%);
    width: 136px;
    margin: 0 auto;
    padding: 5px;
    background-color: #F2F5FF;
    border-radius: 22px; }
    #download_new .nav .nav-item .nav-link {
      height: 32px;
      width: 100%;
      padding: 8px 12px;
      border: none;
      color: #345cc8;
      border-radius: 22px;
      background-color: transparent;
      font-weight: 700; }
      #download_new .nav .nav-item .nav-link.active {
        background-color: #C3D2FF;
        padding-left: 25px;
        padding-right: 25px; }
  #download_new .highlighter {
    padding: 3px 1px 4px 3px;
    background-size: 100% 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, transparent), linear-gradient(#f0ffb9, #f0ffb9); }
  #download_new .text-wrap {
    width: 23.5rem; }
  #download_new .img-wrap {
    width: 474px;
    height: 474px;
    border-radius: 40px;
    overflow: hidden;
    background: #EBF0FF; }
    #download_new .img-wrap img {
      max-width: 100%;
      max-height: 100%; }
    #download_new .img-wrap video {
      max-width: 100%;
      max-height: 100%; }
  #download_new .mt-165px {
    margin-top: 165px; }
  #download_new [data-tab] {
    display: none; }
    #download_new [data-tab].active {
      display: block; }

.font_transfer .font_transfer_wrap .d-flex > a {
  border: 1px solid #dddddd;
  display: block;
  width: calc(50% - 10px);
  background-repeat: no-repeat;
  background-position: center calc(50% - 24px);
  padding-top: 200px;
  transition: all 0.3s; }
  .font_transfer .font_transfer_wrap .d-flex > a p {
    padding: 16px;
    text-align: center;
    background-color: #999999;
    color: #ffffff;
    transition: all 0.3s; }
  .font_transfer .font_transfer_wrap .d-flex > a:hover {
    border-color: #4173fa; }
    .font_transfer .font_transfer_wrap .d-flex > a:hover p {
      background-color: #4173fa; }
  .font_transfer .font_transfer_wrap .d-flex > a.office_box {
    background-size: 200px auto;
    background-image: url("https://media.sandollcloud.com/static/images/sub/office_img_off.png"); }
    .font_transfer .font_transfer_wrap .d-flex > a.office_box:hover {
      background-image: url("https://media.sandollcloud.com/static/images/sub/office_img_on.png"); }
  .font_transfer .font_transfer_wrap .d-flex > a.indesign_box {
    background-size: 200px auto;
    background-image: url("https://media.sandollcloud.com/static/images/sub/indesign_img_off.png"); }
    .font_transfer .font_transfer_wrap .d-flex > a.indesign_box:hover {
      background-image: url("https://media.sandollcloud.com/static/images/sub/indesign_img_on.png"); }

#sitemap {
  padding-top: 75px; }
  #sitemap a {
    color: #1c1c1c; }
  #sitemap .section01 {
    padding-bottom: 135px; }
  #sitemap .sitemap_area .container-1200 h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #1c1c1c;
    margin-bottom: 27px; }
  #sitemap .sitemap_area .container-1200 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 0; }
    #sitemap .sitemap_area .container-1200 ul > li {
      width: 25%; }
      #sitemap .sitemap_area .container-1200 ul > li.w-100 {
        width: 100%;
        border-bottom: 1px solid #dddddd; }
  #sitemap .sitemap_area .container-1200 dt {
    padding-bottom: 12px; }
  #sitemap .sitemap_area .container-1200 dd {
    padding-bottom: 12px; }
    #sitemap .sitemap_area .container-1200 dd.d-flex.align-items-start {
      gap: 30px;
      width: 100%;
      border-bottom: none;
      padding-top: 0; }
      #sitemap .sitemap_area .container-1200 dd.d-flex.align-items-start .btn-rounded {
        border: 1px solid #dddddd;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 11px 20px;
        border-radius: 25px;
        width: calc(25% - (90px / 4)); }
        #sitemap .sitemap_area .container-1200 dd.d-flex.align-items-start .btn-rounded i {
          margin-left: 4px; }
        #sitemap .sitemap_area .container-1200 dd.d-flex.align-items-start .btn-rounded:hover {
          font-weight: normal;
          background-color: #f5f8ff; }
    #sitemap .sitemap_area .container-1200 dd a {
      display: block;
      margin-bottom: 12px; }
      #sitemap .sitemap_area .container-1200 dd a:hover {
        font-weight: bold; }
      #sitemap .sitemap_area .container-1200 dd a:last-child {
        margin-bottom: 0; }

#event .container-1210 {
  width: 100%;
  max-width: 1210px;
  min-width: 1210px;
  margin: 0 auto; }

#event img {
  max-width: 100%; }

#event .section02 {
  padding: 132px 0 75px;
  position: relative; }
  #event .section02:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 58.5%;
    background: #ebf0ff; }
  #event .section02:after {
    background: #c3d2ff;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41.5%; }
  #event .section02 .container-1210 {
    position: relative;
    z-index: 1;
    text-align: center; }
    #event .section02 .container-1210 > img.d-block {
      margin: 0 auto; }
      #event .section02 .container-1210 > img.d-block:nth-child(1) {
        width: 6rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(2) {
        width: 40.875rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(3) {
        width: 19.6875rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(4) {
        width: 14rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(5) {
        width: 32.75rem;
        margin-top: 1.75rem;
        margin-bottom: 0.375rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(6) {
        width: 48.875rem;
        margin-bottom: 1.25rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(7) {
        width: 64rem;
        margin-bottom: 6.25rem; }
      #event .section02 .container-1210 > img.d-block:nth-child(8) {
        width: 75.5625rem;
        margin-top: 6.25rem; }
    #event .section02 .container-1210 .d-flex img.d-block {
      margin: 0 auto; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(1) img.d-block:nth-child(1) {
      width: 15.625rem;
      margin-bottom: 1.25rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(1) img.d-block:nth-child(2) {
      width: 29.9375rem;
      margin-bottom: 2.1875rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(1) img.d-block:nth-child(3) {
      width: 24.25rem;
      margin-bottom: 1.5rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(1) img.d-block:nth-child(4) {
      width: 28.875rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(2) img.d-block:nth-child(1) {
      width: 10rem;
      margin-bottom: 1.25rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(2) img.d-block:nth-child(2) {
      width: 34.125rem;
      margin-bottom: 2.1875rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(2) img.d-block:nth-child(3) {
      width: 22.8125rem;
      margin-bottom: 1.5rem; }
    #event .section02 .container-1210 .d-flex .w-50:nth-child(2) img.d-block:nth-child(4) {
      width: 26.375rem; }
    #event .section02 .container-1210 .position-absolute.btn01 {
      width: 24.5625rem;
      bottom: 7.625rem;
      left: 12.6875rem; }
    #event .section02 .container-1210 .position-absolute.btn02 {
      width: 24.5625rem;
      bottom: 7.625rem;
      right: 12.75rem; }

#event .section03 {
  background: #a8bfff;
  padding: 68px 0 31px; }
  #event .section03 img:first-child {
    width: 9.25rem; }
  #event .section03 img:nth-of-type(2) {
    width: 62.4375rem;
    margin-left: 3.375rem; }

#event .container-1000 {
  width: 100%;
  max-width: 1000px;
  min-width: 1000px;
  margin: 0 auto; }

#event .yearend * {
  font-family: 'SandollGothicNeo1Unicode' , -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

#event .yearend .bok_heavy {
  font-family: "Sandoll Geobok" !important;
  font-weight: 800 !important; }

#event .yearend .bok_bold {
  font-family: "Sandoll Geobok" !important;
  font-weight: 700 !important; }

#event .yearend.yearend_01 {
  height: 1000px;
  padding: 280px 0 230px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2022_bg@3x.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #141414; }
  #event .yearend.yearend_01 .fs-title-2,
  #event .yearend.yearend_01 .fs-title-3,
  #event .yearend.yearend_01 .fs-txt-1,
  #event .yearend.yearend_01 .fs-txt-0,
  #event .yearend.yearend_01 h4,
  #event .yearend.yearend_01 h1 {
    color: white; }
  #event .yearend.yearend_01 h1 {
    margin: 35px 0;
    color: white;
    line-height: 1.38;
    font-size: 60px; }
    #event .yearend.yearend_01 h1 .text-blue {
      color: #4a7ac5; }
    #event .yearend.yearend_01 h1 .text-red {
      color: #f70000; }
  #event .yearend.yearend_01 h3 {
    background: #567ec5;
    padding: 11px 26px;
    display: inline-block;
    margin: 0 auto; }
  #event .yearend.yearend_01 h4 {
    margin-bottom: 6.875rem;
    font-size: 1.125rem;
    line-height: 1.58; }

#event .yearend.yearend_tab nav {
  background-color: #db0000; }
  #event .yearend.yearend_tab nav.fixed {
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    z-index: 99; }
  #event .yearend.yearend_tab nav.webview.fixed {
    top: 0; }

#event .yearend.yearend_tab .nav {
  border-bottom: none; }
  #event .yearend.yearend_tab .nav .nav-link {
    width: 50%;
    height: 80px;
    font-size: 1.25rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: #fff;
    font-weight: bold;
    border-bottom: 5px solid #db0000; }
    #event .yearend.yearend_tab .nav .nav-link.active {
      border-bottom: 5px solid white; }

#event .yearend.yearend_tab .yearend_02 {
  padding: 228px 0 308px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2022_02_bg@3x.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  #event .yearend.yearend_tab .yearend_02 > .container {
    max-width: 1050px; }
  #event .yearend.yearend_tab .yearend_02 h2 img {
    height: 44px;
    width: auto; }
  #event .yearend.yearend_tab .yearend_02 .gift {
    flex-wrap: wrap;
    display: flex; }
    #event .yearend.yearend_tab .yearend_02 .gift > div {
      position: relative; }
    #event .yearend.yearend_tab .yearend_02 .gift .gif_img {
      animation: gif_img 2s linear infinite; }
    #event .yearend.yearend_tab .yearend_02 .gift .position-absolute {
      max-width: inherit; }
    #event .yearend.yearend_tab .yearend_02 .gift .bg_span {
      display: inline-block;
      font-size: 1rem;
      padding: 6px 9px;
      color: white;
      margin-top: 1.875rem;
      margin-bottom: 1rem; }
    #event .yearend.yearend_tab .yearend_02 .gift h3 {
      line-height: 1.5;
      font-size: 1.6875rem; }
    #event .yearend.yearend_tab .yearend_02 .gift h5 {
      color: #000;
      margin-bottom: 0.625rem;
      font-size: 1.125rem; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift01 {
      margin-top: 200px;
      margin-bottom: 156px; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift01 .bg_span {
        background: #ff2200; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift01 h3 {
        color: #ff2200; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift01 .gif_img {
        width: 25.875rem;
        margin-top: 1rem;
        margin-left: -9.375rem; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift01 .bg_img {
        width: 6.875rem;
        margin-top: 4.0625rem;
        margin-left: 12.1875rem; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift01 > img {
        width: 40.75rem; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift02 {
      margin-bottom: 148px; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift02 > div {
        margin-left: -60px; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift02 .bg_span {
        background: #4178db; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift02 h3 {
        color: #4178db; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift02 .gif_img {
        width: 20.1875rem;
        margin-top: 4.6875rem;
        margin-left: 8.75rem; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift02 .bg_img {
        margin-top: 5.3125rem;
        margin-left: 6.5625rem;
        width: 6.25rem; }
      #event .yearend.yearend_tab .yearend_02 .gift.gift02 > img {
        width: 41.5rem; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift03 .bg_span {
      background: #000; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift03 h3 {
      color: #000; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift03 > img {
      width: 39.125rem; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift03 .bg_img {
      margin-top: 5.9375rem;
      margin-left: 17.5rem;
      width: 1.5rem; }
    #event .yearend.yearend_tab .yearend_02 .gift.gift03 .gif_img {
      width: 29rem;
      margin-top: 4.6875rem;
      margin-left: -6.25rem; }

#event .yearend.yearend_tab .yearend_03 {
  padding: 150px 0 80px;
  background: #f2f2f2;
  position: relative; }
  #event .yearend.yearend_tab .yearend_03:after {
    background: #e0e0e0;
    content: "";
    width: 100%;
    height: 38%;
    left: 0;
    bottom: 0;
    z-index: 0;
    position: absolute; }
  #event .yearend.yearend_tab .yearend_03 > div {
    position: relative;
    z-index: 1; }
  #event .yearend.yearend_tab .yearend_03 h2 {
    font-size: 2.1875rem;
    color: #000;
    line-height: 1.48; }
    #event .yearend.yearend_tab .yearend_03 h2 .bg_img:nth-child(1) {
      width: 5.5625rem;
      left: calc(50% - 300px);
      top: -30px; }
    #event .yearend.yearend_tab .yearend_03 h2 .bg_img:nth-child(2) {
      width: 6.8125rem;
      top: -15px;
      right: calc(50% - 310px); }
  #event .yearend.yearend_tab .yearend_03 img {
    margin: 0 auto; }
  #event .yearend.yearend_tab .yearend_03 .img01 {
    width: 62.9375rem;
    margin-bottom: 6.875rem; }
  #event .yearend.yearend_tab .yearend_03 .img02 {
    width: 7.875rem; }
  #event .yearend.yearend_tab .yearend_03 h3 {
    color: #f70000;
    font-size: 1.875rem; }
  #event .yearend.yearend_tab .yearend_03 p {
    line-height: 1.64;
    color: #1f1f1f;
    position: relative;
    z-index: 1;
    font-size: 1.125rem; }
    #event .yearend.yearend_tab .yearend_03 p.fs-txt-2 {
      color: #797979; }
  #event .yearend.yearend_tab .yearend_03 .btn-black {
    background-color: #000;
    color: white;
    font-size: 1rem;
    padding: 10px 24px;
    display: inline-block;
    margin: 0 auto; }
  #event .yearend.yearend_tab .yearend_03 .d-flex.mt-150px {
    margin-top: 150px; }
    #event .yearend.yearend_tab .yearend_03 .d-flex.mt-150px > div {
      width: calc(50% - 12px); }
      #event .yearend.yearend_tab .yearend_03 .d-flex.mt-150px > div:first-child {
        margin-right: 0.75rem; }
      #event .yearend.yearend_tab .yearend_03 .d-flex.mt-150px > div:last-child {
        margin-left: 0.75rem; }
    #event .yearend.yearend_tab .yearend_03 .d-flex.mt-150px p.mt-30px {
      color: #1f1f1f;
      font-size: 1.125rem; }
  #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper .swiper-wrapper {
    margin: 120px auto 0;
    width: 100%;
    max-width: 1010px;
    overflow: visible; }
  #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper .swiper-slide {
    margin-right: 20px;
    max-width: 628px;
    min-width: 628px;
    margin-bottom: 113px; }
    #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper .swiper-slide:last-child {
      margin-right: calc((100vw - 1010px)/2) !important; }
    #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper .swiper-slide img {
      width: 100%;
      max-height: 492px; }
  #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper.swiper-horizontal > .swiper-scrollbar {
    height: 4px !important;
    bottom: 0;
    left: 0 !important;
    background: #fff;
    width: 1010px !important;
    min-width: 1010px;
    margin: 0 auto;
    position: relative !important; }
    #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper.swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
      height: 4px;
      background-color: #1c1c1c;
      z-index: 1; }

#event .yearend.yearend_04 {
  padding: 120px 0 105px;
  background: #4a7ac5;
  position: relative;
  z-index: 0; }
  #event .yearend.yearend_04 > .container-1000 {
    position: relative;
    z-index: 1; }
  #event .yearend.yearend_04:after {
    content: "";
    opacity: 0.28;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); }
  #event .yearend.yearend_04 h2,
  #event .yearend.yearend_04 h3,
  #event .yearend.yearend_04 h6,
  #event .yearend.yearend_04 ul,
  #event .yearend.yearend_04 li,
  #event .yearend.yearend_04 p {
    color: white;
    word-break: keep-all; }
  #event .yearend.yearend_04 h2 {
    font-size: 2.1875rem; }
    #event .yearend.yearend_04 h2 .bg_img:nth-child(1) {
      width: 2.8125rem;
      left: calc(50% - 125px);
      top: 0; }
    #event .yearend.yearend_04 h2 .bg_img:nth-child(2) {
      width: 2.1875rem;
      top: -18px;
      right: calc(50% - 115px); }
  #event .yearend.yearend_04 h3 {
    font-size: 1.25rem;
    line-height: 1.5; }
  #event .yearend.yearend_04 .container-1000 > ul {
    width: 585px;
    margin: 0 auto 55px; }
    #event .yearend.yearend_04 .container-1000 > ul > li {
      line-height: 2.22;
      display: flex;
      flex-wrap: wrap;
      font-size: 1.125rem; }
      #event .yearend.yearend_04 .container-1000 > ul > li > label {
        color: #b1cfff;
        margin-right: 1.3125rem;
        position: relative;
        font-weight: bold; }
        #event .yearend.yearend_04 .container-1000 > ul > li > label:after {
          content: "";
          height: 1.125rem;
          width: 1px;
          background-color: #b1cfff;
          position: absolute;
          right: -10px;
          top: 10px; }
      #event .yearend.yearend_04 .container-1000 > ul > li > span {
        color: white;
        width: calc(100% - 107px); }
      #event .yearend.yearend_04 .container-1000 > ul > li ul {
        margin-left: 10px; }
        #event .yearend.yearend_04 .container-1000 > ul > li ul > li {
          color: white;
          padding-left: 8px; }
          #event .yearend.yearend_04 .container-1000 > ul > li ul > li:nth-child(1) {
            list-style: "➊"; }
          #event .yearend.yearend_04 .container-1000 > ul > li ul > li:nth-child(2) {
            list-style: "➋"; }
          #event .yearend.yearend_04 .container-1000 > ul > li ul > li:nth-child(3) {
            list-style: "➌"; }
          #event .yearend.yearend_04 .container-1000 > ul > li ul > li:nth-child(4) {
            list-style: "➍"; }
  #event .yearend.yearend_04 .container-1000 .notice {
    max-width: 35.9375rem;
    margin: 0 auto;
    width: 100%; }
    #event .yearend.yearend_04 .container-1000 .notice h6 img {
      height: 1.25rem; }
    #event .yearend.yearend_04 .container-1000 .notice ul {
      margin-left: 10px; }
      #event .yearend.yearend_04 .container-1000 .notice ul li {
        list-style: "-";
        padding-left: 4px;
        line-height: 1.68; }
  #event .yearend.yearend_04 .btn {
    font-size: 1.6875rem;
    padding: 32px 115px 30px;
    font-weight: bold;
    margin-top: 1.875rem;
    margin-bottom: 5.9375rem; }
  #event .yearend.yearend_04 .btn-white {
    color: #2059b2;
    background-color: white; }
  #event .yearend.yearend_04 .btn-blue {
    background-color: #2059b2;
    color: white; }
  #event .yearend.yearend_04 .text-end a {
    padding-right: 20px;
    font-size: 1.125rem;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 16px;
    margin-right: 14px;
    position: relative;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  #event .yearend.yearend_04 .bingo_area {
    max-width: 950px;
    margin: 135px auto 0px; }
    #event .yearend.yearend_04 .bingo_area .bingo {
      display: flex;
      flex-wrap: wrap;
      background: #4a7ac5;
      padding: 14px; }
      #event .yearend.yearend_04 .bingo_area .bingo > div {
        width: 25%;
        position: relative;
        overflow: hidden; }
        #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(2) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(4) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(5) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(7) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(10) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(12) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(13) label, #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(15) label {
          background: #e8f1ff; }
        #event .yearend.yearend_04 .bingo_area .bingo > div label {
          cursor: pointer;
          position: absolute;
          top: 0;
          left: 0;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          flex-direction: column;
          height: 100%;
          background: #ffffff; }
          #event .yearend.yearend_04 .bingo_area .bingo > div label p {
            color: #547abf;
            font-size: 1.125rem; }
          #event .yearend.yearend_04 .bingo_area .bingo > div label .fs-title-2 {
            margin-top: 1rem;
            font-size: 1.5rem !important;
            color: #547abf; }
        #event .yearend.yearend_04 .bingo_area .bingo > div input[type="checkbox"] {
          display: none; }
        #event .yearend.yearend_04 .bingo_area .bingo > div input:checked + label {
          background: #2059b2 !important; }
          #event .yearend.yearend_04 .bingo_area .bingo > div input:checked + label p {
            color: white; }
          #event .yearend.yearend_04 .bingo_area .bingo > div input:checked + label .fs-title-2 {
            color: white; }
        #event .yearend.yearend_04 .bingo_area .bingo > div:after {
          content: "";
          display: block;
          padding-bottom: 100%; }
  #event .yearend.yearend_04 .tip {
    padding: 50px 153px 50px 160px;
    border-radius: 100px;
    font-size: 1.125rem;
    color: white;
    line-height: 1.89;
    width: 923px;
    background: #2059b2;
    margin: 0 auto; }

#event .yearend.yearend_05 {
  background-color: #f4f4f4;
  padding: 50px 0 190px; }
  #event .yearend.yearend_05 .d-flex .textarea_wrap {
    background: #fff;
    padding: 22px 19px 13px;
    width: calc(100% - 196px); }
    #event .yearend.yearend_05 .d-flex .textarea_wrap label {
      cursor: pointer;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      #event .yearend.yearend_05 .d-flex .textarea_wrap label img {
        height: 2.1875rem; }
      #event .yearend.yearend_05 .d-flex .textarea_wrap label span {
        font-size: 1rem;
        color: #999999; }
  #event .yearend.yearend_05 .d-flex textarea {
    border: none;
    background: #fff;
    height: 135px;
    line-height: 1.64;
    font-size: 1rem; }
  #event .yearend.yearend_05 .d-flex textarea::placeholder {
    color: #999999; }
  #event .yearend.yearend_05 .d-flex .txt textarea {
    background: #dddddd;
    padding: 8px;
    width: 100%; }
  #event .yearend.yearend_05 .d-flex .txt label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -9px;
    width: 100%;
    background: #dddddd;
    padding: 0 14px 12px; }
    #event .yearend.yearend_05 .d-flex .txt label img {
      height: 36px;
      margin-right: 16px; }
    #event .yearend.yearend_05 .d-flex .txt label span {
      font-size: 0.875rem;
      color: #999999; }
  #event .yearend.yearend_05 .d-flex .btn {
    background: #1c1c1c;
    color: white;
    font-size: 1.25rem;
    display: block; }
  #event .yearend.yearend_05 .btn-wrap #morePage {
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 1.25rem;
    color: #1c1c1c;
    display: inline-flex;
    align-items: center; }
    #event .yearend.yearend_05 .btn-wrap #morePage img {
      width: 42px;
      height: 42px; }
  #event .yearend.yearend_05 .review_list li {
    border-top: 1px solid #707070;
    padding: 30px 0;
    font-size: 1.125rem;
    align-items: flex-start; }
    #event .yearend.yearend_05 .review_list li > .txt {
      width: 60%;
      cursor: pointer;
      line-height: 1.68;
      overflow: hidden;
      white-space: normal;
      -webkit-line-clamp: inherit;
      word-break: break-word; }
    #event .yearend.yearend_05 .review_list li .img_url img {
      width: 200px;
      height: auto;
      cursor: pointer; }
      #event .yearend.yearend_05 .review_list li .img_url img.wide {
        width: 600px;
        height: auto; }
    #event .yearend.yearend_05 .review_list li > p.writer {
      justify-content: right;
      width: calc(40% - 120px);
      align-items: center;
      display: inline-flex; }
      #event .yearend.yearend_05 .review_list li > p.writer img {
        width: 44px;
        margin-left: 0.25rem; }
        #event .yearend.yearend_05 .review_list li > p.writer img:first-child, #event .yearend.yearend_05 .review_list li > p.writer img:nth-child(3) {
          margin-left: 1rem; }
    #event .yearend.yearend_05 .review_list li > p.datetime {
      width: calc(120px);
      text-align: right;
      vertical-align: baseline;
      color: #1c1c1c; }
    #event .yearend.yearend_05 .review_list li:last-child {
      border-bottom: 1px solid #707070; }
    #event .yearend.yearend_05 .review_list li.show > .txt {
      white-space: normal;
      -webkit-line-clamp: inherit;
      word-break: break-word; }

#licenseCampain .highlighter {
  z-index: 1; }
  #licenseCampain .highlighter:before {
    content: "";
    background: #e1ff7d;
    height: 14px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: -1; }

#licenseCampain .section01 {
  padding-top: 75px; }
  #licenseCampain .section01 .container-1160 {
    min-height: 500px;
    padding-top: 4.875rem;
    background-color: #4173fa;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_01_pc@2x.png"); }
    #licenseCampain .section01 .container-1160 > * {
      margin-left: 3.75rem;
      color: #fff; }
    #licenseCampain .section01 .container-1160 h4 {
      margin-bottom: 0.75rem; }

#licenseCampain .section02 .container-1160 {
  min-height: 280px;
  background-color: #f9f9f9;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3.75rem;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_02_pc@2x.png"); }
  #licenseCampain .section02 .container-1160 > * {
    margin-left: 3.75rem; }

#licenseCampain .section03 .container-1160 {
  background-color: #ebf0ff;
  padding-top: 44px;
  padding-bottom: 60px; }
  #licenseCampain .section03 .container-1160 > * {
    margin-left: 3.75rem;
    margin-right: 7.9375rem; }
  #licenseCampain .section03 .container-1160 .image-wrap:nth-of-type(1) img {
    width: 25rem; }
  #licenseCampain .section03 .container-1160 .image-wrap:nth-of-type(2) img {
    width: 25.375rem; }

#licenseCampain .section04 .container-1160 {
  background-color: #f9f9f9;
  padding-top: 89px;
  padding-bottom: 65px; }
  #licenseCampain .section04 .container-1160 .square {
    width: 11.25rem;
    height: 11.25rem;
    background-color: #fff; }
    #licenseCampain .section04 .container-1160 .square > .fs-title-5 {
      margin-top: 1rem; }
  #licenseCampain .section04 .container-1160 > .d-flex.justify-content-center img {
    width: 40px; }
  #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between {
    max-width: 572px;
    width: 100%;
    margin: 0 auto; }
    #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between img {
      max-width: 100%;
      display: block; }
    #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square {
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: flex-end;
      padding-bottom: 10px; }
      #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square > * {
        width: 100%; }
        #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square > * .fs-title-5 {
          margin-bottom: 4px; }
      #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square:nth-child(1) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_05_pc@2x.png"); }
      #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square:nth-child(2) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_06_pc@2x.png"); }
      #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square:nth-child(3) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_07_pc@2x.png"); }
      #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square:nth-child(4) {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_08_pc@2x.png"); }

#licenseCampain .section05 .container-1160 {
  background-color: #4173fa;
  color: #fff;
  padding-top: 82px;
  padding-bottom: 67px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_17_pc@2x.png"); }
  #licenseCampain .section05 .container-1160 > * {
    margin-left: 3.75rem;
    color: #fff; }
  #licenseCampain .section05 .container-1160 h2 {
    margin-bottom: 1.75rem; }
  #licenseCampain .section05 .container-1160 .btn-trial {
    background-color: #1955f5;
    border: none;
    color: #fff;
    box-shadow: none; }

#availableApps .tab_navWrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#availableApps .tab_nav {
  margin-left: -18px; }
  #availableApps .tab_nav button {
    padding: 22px 18px;
    color: #999999;
    border: none;
    background-color: transparent; }
    #availableApps .tab_nav button.active {
      position: relative;
      color: #000; }
      #availableApps .tab_nav button.active::after {
        content: "";
        position: absolute;
        left: 18px;
        bottom: 0;
        width: calc(100% - 36px);
        height: 3px;
        background-color: #000; }

#availableApps .tab_contentGroup {
  margin-top: 30px; }

#availableApps .tab_content {
  display: none; }
  #availableApps .tab_content.active {
    display: block; }

.gridContent {
  font-size: 0; }
  .gridContent li {
    display: inline-block;
    width: calc(100% / 3 - 32px / 3);
    margin-left: 16px;
    vertical-align: top; }
    .gridContent li:nth-child(3n+1) {
      margin-left: 0; }
    .gridContent li:nth-child(n + 4) {
      margin-top: 2.75rem; }
  .gridContent_item {
    position: relative; }
  .gridContent_link {
    display: block; }
  .gridContent_imageArea {
    position: relative; }
    .gridContent_imageArea img {
      width: 100%;
      height: 150px; }
  .gridContent_badge {
    position: absolute;
    bottom: 8px;
    left: 12px; }
    .gridContent_badge span {
      display: inline-block;
      padding: 4px 8px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.7);
      font-size: 12px;
      color: #000; }
      .gridContent_badge span + span {
        margin-left: 8px; }
  .gridContent_text {
    margin-top: 5px;
    padding-right: 100px;
    line-height: 26px; }
  .gridContent_icon {
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden; }
    .gridContent_icon img {
      width: 100%;
      height: 100%; }

.roundButton {
  padding: 10px 20px;
  border-radius: 24px;
  border: 1px solid #dddddd;
  background-color: transparent;
  color: #000; }
  .roundButton .fs-title-5 {
    margin-left: 4px;
    vertical-align: text-top; }
  .roundButton:hover {
    background-color: #F9F9F9; }
  .roundButton:active {
    background-color: #F0F0F0; }
  .roundButton.type02 {
    padding: 17px 64px;
    border-radius: 30px; }
    .roundButton.type02 span {
      vertical-align: middle;
      font-weight: normal; }
    .roundButton.type02 i.ic-dropdown {
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8L10 13L5 8' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      vertical-align: middle; }
    .roundButton.type02:hover {
      background-color: transparent; }
  .roundButton.type03 {
    padding: 18px 57px;
    border-radius: 30px;
    background-color: #4173fa;
    color: #ffffff; }

.gray-border-box {
  padding: 16px 16px 22px;
  border: 1px solid #dddddd;
  border-radius: 10px; }
  .gray-border-box .btn-size-sm {
    padding: 4px 12px; }
  .gray-border-box ul dl dt {
    width: 100px;
    color: #999999; }
  .gray-border-box ul dl dd {
    color: #1c1c1c; }

.btn-container {
  display: flex;
  justify-content: space-between;
  position: relative; }
  .btn-container_item {
    width: calc(50% - 20px); }
    .btn-container_item:last-of-type {
      position: relative; }
      .btn-container_item:last-of-type::before {
        content: "";
        position: absolute;
        left: -20px;
        top: 35px;
        width: 1px;
        height: calc(100% - 70px);
        background-color: #dddddd; }
  .btn-container .btn-certification {
    width: 100%;
    height: 100%;
    padding: 137px 0 7px;
    background: url("https://media.sandollcloud.com/static/images/PSP/contents/ic-writeCer.png") no-repeat 50% 22px/80px 80px;
    font-size: 14px;
    font-weight: 650;
    color: #1c1c1c;
    border: none;
    border-radius: 10PX; }
    .btn-container .btn-certification.kakao {
      background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/ic-kakaoCer.png");
      background-position: 50% 17px;
      background-size: 110px 110px; }
    .btn-container .btn-certification:hover {
      background-color: #F5F8FF; }
    .btn-container .btn-certification > span {
      display: block;
      margin-top: 4px;
      font-weight: 420;
      font-size: 12px;
      color: #999999; }

.agreeToPrice .footer,
.agreeToPriceModal .footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #EAEAEA;
  background-color: #fff; }
  .agreeToPrice .footer button,
  .agreeToPriceModal .footer button {
    padding: 22px 54px;
    border: none;
    background-color: #4173fa;
    color: #fff;
    font-weight: 700; }

.agreeToPrice .bgBox,
.agreeToPriceModal .bgBox {
  background: url("https://media.sandollcloud.com/static/images/PSP/contents/bg_agreeToPrice.png") 0 0/100% 100% no-repeat;
  padding: 93px 30px 30px;
  border-radius: 12px;
  background-color: #f5f8ff; }

.agreeToPrice .bg-txt,
.agreeToPriceModal .bg-txt {
  display: inline-block;
  padding: 6px 7px;
  background-color: #f5f8ff;
  border-radius: 6px;
  color: #4173fa;
  border: 1px solid #4173fa;
  font-size: 10px; }

.agreeToPrice .bubbleTxt,
.agreeToPriceModal .bubbleTxt {
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  background-color: #4173fa;
  font-size: 12px;
  color: #fff;
  border-radius: 50px; }
  .agreeToPrice .bubbleTxt::before,
  .agreeToPriceModal .bubbleTxt::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 18px;
    width: 14px;
    height: 6px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M6.49798 0.197825L0.244953 3.96505L13.6976 7.96435L6.49798 0.197825Z' fill='%234173FA'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }

.agreeToPrice .btn-width-180,
.agreeToPrice .btn-size-sm,
.agreeToPriceModal .btn-width-180,
.agreeToPriceModal .btn-size-sm {
  font-size: 12px;
  padding: 8px 18px; }

.border-radius-10 {
  border-radius: 10px; }

.minw-fit {
  min-width: fit-content !important; }

.word-keep {
  word-break: keep-all; }

.roundedTable {
  border: 1px solid #dddddd;
  border-radius: 10px; }
  .roundedTable table {
    width: 100%; }
  .roundedTable td, .roundedTable th {
    height: 60px;
    vertical-align: middle;
    text-align: center; }
    .roundedTable td:first-of-type, .roundedTable th:first-of-type {
      padding-left: 30px; }
    .roundedTable td:last-of-type, .roundedTable th:last-of-type {
      padding-right: 20px; }
    .roundedTable td.roundedTable_title, .roundedTable th.roundedTable_title {
      text-align: left; }
      .roundedTable td.roundedTable_title span, .roundedTable th.roundedTable_title span {
        display: inline-block;
        font-size: 16px;
        line-height: 1.58;
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        word-break: break-all;
        -webkit-box-orient: vertical;
        max-height: calc(16px* 1.58* 1); }
  .roundedTable th {
    color: #999999;
    font-size: 14px;
    font-weight: 700; }
  .roundedTable thead tr .spotlight > * {
    border-radius: 8px 8px 0 0;
    border: 1px solid #4173fa;
    border-bottom: none; }
  .roundedTable tbody tr {
    border-top: 1px solid #dddddd; }
    .roundedTable tbody tr:last-of-type .spotlight > * {
      border-radius: 0 0 8px 8px;
      border: 1px solid #4173fa;
      border-top: none; }
  .roundedTable .spotlight {
    position: relative;
    vertical-align: baseline; }
    .roundedTable .spotlight > * {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 21px 0;
      background-color: #F5F8FF;
      border-left: 1px solid #4173fa;
      border-right: 1px solid #4173fa;
      color: #4173fa;
      font-weight: 700; }
  .roundedTable .btn-size-sm {
    padding: 4px 27px;
    border-radius: 4px; }
    .roundedTable .btn-size-sm.btn-sandoll:hover {
      background-color: #345CC8; }

.roundedBox {
  border-radius: 12px;
  border: 1px solid #dddddd;
  overflow: hidden; }
  .roundedBox > .d-flex {
    padding: 16px 10px 16px 0; }
    .roundedBox > .d-flex .fw-bold:first-of-type {
      width: 90px;
      text-align: center; }
    .roundedBox > .d-flex > * {
      line-height: 1.61; }

.gradientText {
  display: inline-block;
  background: linear-gradient(86deg, #C3D2FF 0.61%, #91B4FF 20.27%, #4173FA 52.18%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  font-size: 14px; }
  .gradientText::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 1.25V3.75M5.3999 1.25V3.75M2.2749 6.25H13.5249M3.5249 2.5H12.2749C12.9653 2.5 13.5249 3.05964 13.5249 3.75V12.5C13.5249 13.1904 12.9653 13.75 12.2749 13.75H3.5249C2.83455 13.75 2.2749 13.1904 2.2749 12.5V3.75C2.2749 3.05964 2.83455 2.5 3.5249 2.5Z' stroke='%2391B4FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0/100% 100% no-repeat;
    vertical-align: middle;
    margin-right: 3px; }
  .gradientText.purple {
    background: linear-gradient(85deg, #B1A7FF 4.29%, #7765FF 53.68%, #473D99 103.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    .gradientText.purple::before {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3999 1.75V4.25M5.3999 1.75V4.25M2.2749 6.75H13.5249M3.5249 3H12.2749C12.9653 3 13.5249 3.55964 13.5249 4.25V13C13.5249 13.6904 12.9653 14.25 12.2749 14.25H3.5249C2.83455 14.25 2.2749 13.6904 2.2749 13V4.25C2.2749 3.55964 2.83455 3 3.5249 3Z' stroke='%23B1A7FF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.border-radius-12 {
  border-radius: 12px; }

.bg-f5f8ff, .bg-f9f9f9 {
  background-color: #F5F8FF; }
  .bg-f5f8ff.info, .bg-f9f9f9.info {
    display: flex;
    padding: 40px;
    border-radius: 16px; }
    .bg-f5f8ff.info .fs-txt-0, .bg-f9f9f9.info .fs-txt-0 {
      font-size: 24px;
      line-height: 1.45;
      font-weight: bold; }
    .bg-f5f8ff.info > div:last-of-type, .bg-f9f9f9.info > div:last-of-type {
      width: 536px;
      margin-left: auto; }
    .bg-f5f8ff.info dt, .bg-f9f9f9.info dt {
      width: 98px; }
    .bg-f5f8ff.info dd, .bg-f9f9f9.info dd {
      width: calc(100% - 98px); }

.bg-f9f9f9.info > div:last-of-type {
  width: 634px; }

#copeditor {
  height: calc(100vh - 60px); }

.word-keep {
  word-break: keep-all; }

.text-5c5c5c {
  color: #5c5c5c; }

.w-80px {
  width: 80px !important; }

.w-190px {
  width: 190px !important; }

.w-215px {
  width: 215px !important; }

.w-90 {
  width: 90%; }

.text-normal {
  white-space: normal !important; }

.btnTypeCheck {
  position: relative;
  display: inline-block;
  margin: 8px 0 0 8px; }
  .btnTypeCheck input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0; }
    .btnTypeCheck input:checked + label {
      background-color: #539DFF;
      border-color: #539DFF;
      color: #fff; }
  .btnTypeCheck label {
    padding: 6px 12px;
    line-height: 1.61;
    font-size: 14px;
    color: #999999;
    border: 1px solid #dddddd;
    border-radius: 20px; }
  .btnTypeCheckWrap {
    font-size: 0;
    margin: -8px 0 0 -8px; }

#appleLoginAlertModal .sd {
  width: 10px;
  height: 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='21' viewBox='0 0 12 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L11 10.5L1 20.5' stroke='%23DDDDDD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

#appleLoginAlertModal .d-flex > div {
  padding: 12px 0;
  font-size: 0; }
  #appleLoginAlertModal .d-flex > div img {
    width: 40px;
    height: 40px;
    border-radius: 10px; }
.lgCnsExternalIntro {
  display: flex;
  align-items: center;
  height: calc(100vh - 140px);
  padding: 20px 0 !important;
  background: url("https://media.sandollcloud.com/static/images/PSP/contents/bg_aiStudio.png") 100% 100%/cover no-repeat; }
  .lgCnsExternalIntro .SDHoyoyo2 {
    font-family: 'Sandoll Hoyoyo2';
    font-weight: 400 !important; }
    .lgCnsExternalIntro .SDHoyoyo2.fw-500 {
      font-weight: 500 !important; }
    .lgCnsExternalIntro .SDHoyoyo2.fw-bold {
      font-weight: 600 !important; }
  .lgCnsExternalIntro .container-1200 img {
    border: none; }
  .lgCnsExternalIntro .badge {
    display: inline-block;
    padding: 3px 11px;
    font-size: 12px;
    font-weight: 700;
    color: #1c1c1c;
    background-color: #EBF0FF;
    border-radius: 16px; }
    .lgCnsExternalIntro .badge.SDHoyoyo2 {
      color: #4173fa;
      background-color: #F5F8FF;
      font-size: 14px; }
      .lgCnsExternalIntro .badge.SDHoyoyo2 + .badge {
        margin-left: 10px; }
      .lgCnsExternalIntro .badge.SDHoyoyo2.type02 {
        color: #fff;
        background-color: #4173fa; }
  .lgCnsExternalIntro .logo {
    width: 65px; }
    .lgCnsExternalIntro .logo.type02 {
      width: 94px; }
  .lgCnsExternalIntro .text-gradient {
    background: linear-gradient(90deg, #4173FA 34.13%, #FA41D5 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent; }
  .lgCnsExternalIntro .d-flex_item:first-of-type {
    position: relative;
    width: 72.5%;
    padding: 30px;
    background-color: #fff;
    border-radius: 16px; }
    .lgCnsExternalIntro .d-flex_item:first-of-type::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 2px;
      background: linear-gradient(101deg, #A6B7FD -0.96%, #C699FD 108.63%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude; }
    .lgCnsExternalIntro .d-flex_item:first-of-type .fs-title-2 {
      margin-bottom: 162px; }
  .lgCnsExternalIntro .d-flex_item:last-of-type {
    width: 27.5%; }
  .lgCnsExternalIntro .goEditorBtn {
    position: absolute;
    right: 30px;
    top: 30px;
    padding: 7px 10px 7px 16px;
    background: linear-gradient(53.59deg, #4173FA -16.56%, #B341FA 100.02%);
    color: #fff;
    font-size: 14px;
    border-radius: 12px;
    border: none; }
    .lgCnsExternalIntro .goEditorBtn .ic-out {
      display: inline-block;
      vertical-align: middle;
      width: 28px;
      height: 28px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.3741 9.18191C19.1948 9.18304 19.023 9.25406 18.8952 9.37989L8.90541 19.3697C8.77877 19.4967 8.70767 19.6687 8.70767 19.848C8.70767 20.0273 8.77878 20.1993 8.90541 20.3263C8.96777 20.3898 9.04234 20.4402 9.12463 20.4742C9.20693 20.5082 9.29525 20.5252 9.38429 20.5243C9.56361 20.5231 9.73543 20.4521 9.86319 20.3263L19.8617 10.3278C19.9883 10.2008 20.0594 10.0288 20.0594 9.84951C20.0594 9.67019 19.9883 9.4982 19.8617 9.37124C19.73 9.24743 19.5549 9.17998 19.3741 9.18191Z' fill='white'/%3E%3Cpath d='M20.351 8.19848H20.2923C20.113 8.19871 19.9411 8.27005 19.8143 8.39684C19.6875 8.52364 19.6162 8.69554 19.616 8.87485V15.9335C19.6162 16.1128 19.6875 16.2847 19.8143 16.4115C19.9411 16.5383 20.113 16.6096 20.2923 16.6099H20.351C20.5303 16.6096 20.7022 16.5383 20.829 16.4115C20.9558 16.2847 21.0271 16.1128 21.0273 15.9335V8.87485C21.0271 8.69554 20.9558 8.52364 20.829 8.39684C20.7022 8.27005 20.5303 8.19871 20.351 8.19848Z' fill='white'/%3E%3Cpath d='M20.351 8.19922H13.2923C13.113 8.19945 12.9411 8.27079 12.8143 8.39758C12.6875 8.52438 12.6162 8.69627 12.616 8.87559V8.93422C12.6162 9.11353 12.6875 9.28543 12.8143 9.41222C12.9411 9.53902 13.113 9.61035 13.2923 9.61059H20.351C20.5303 9.61035 20.7022 9.53902 20.829 9.41222C20.9558 9.28543 21.0271 9.11353 21.0273 8.93422V8.87559C21.0271 8.69627 20.9558 8.52438 20.829 8.39758C20.7022 8.27079 20.5303 8.19945 20.351 8.19922Z' fill='white'/%3E%3C/svg%3E%0A"); }
  .lgCnsExternalIntro .swiper {
    position: relative;
    border-radius: 18px;
    overflow: hidden; }
    .lgCnsExternalIntro .swiper::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 18px;
      padding: 2px;
      background: linear-gradient(101deg, #A6B7FD -0.96%, #C699FD 108.63%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: 2; }
    .lgCnsExternalIntro .swiper img {
      width: 100%;
      height: auto; }
    .lgCnsExternalIntro .swiper p {
      padding: 35px 0 27px;
      text-align: center;
      line-height: 1.58;
      font-size: 17px;
      background-color: #fff;
      border-radius: 16px 16px 0 0; }
    .lgCnsExternalIntro .swiper-slide {
      padding: 2px;
      font-size: 0; }
    .lgCnsExternalIntro .swiper-pagination {
      bottom: auto !important;
      top: 10px;
      left: 10px !important;
      display: inline-block;
      width: auto !important; }
      .lgCnsExternalIntro .swiper-pagination-bullet {
        width: 22px;
        height: 22px;
        line-height: 22px;
        background-color: #F0F0F0;
        color: #999;
        font-size: 10px;
        opacity: 1; }
        .lgCnsExternalIntro .swiper-pagination-bullet-active {
          background-color: #7180D3;
          color: #fff; }
  .lgCnsExternalIntro .fs-title-3.SDHoyoyo2 {
    color: #222A40; }
    .lgCnsExternalIntro .fs-title-3.SDHoyoyo2 span {
      color: #6c63fb; }
  .lgCnsExternalIntro .blueDot {
    position: relative;
    margin-left: 2px;
    padding-left: 4px; }
    .lgCnsExternalIntro .blueDot::before {
      content: "";
      position: absolute;
      left: -5px;
      top: 50%;
      transform: translateY(-50%);
      width: 4px;
      height: 4px;
      background-color: #91B4FF;
      border-radius: 50%; }

#lgcnsExternalPageModal h3.fs-txt-3 {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px dashed #DDDDDD; }
#lgcnsExternalPageModal .bg-f9f9f9 {
  border-radius: 16px;
  padding: 16px; }
  #lgcnsExternalPageModal .bg-f9f9f9 a {
    display: block; }
    #lgcnsExternalPageModal .bg-f9f9f9 a > span:first-of-type {
      padding: 9px 0; }
  #lgcnsExternalPageModal .bg-f9f9f9.type02 {
    padding: 14px 10px 14px 16px; }
    #lgcnsExternalPageModal .bg-f9f9f9.type02 ul {
      height: 164px;
      padding-right: 2px;
      overflow-y: auto; }
      #lgcnsExternalPageModal .bg-f9f9f9.type02 ul::-webkit-scrollbar {
        width: 4px; }
        #lgcnsExternalPageModal .bg-f9f9f9.type02 ul::-webkit-scrollbar-thumb {
          height: 10%;
          border-radius: 2px;
          background: #EAEAEA; }
    #lgcnsExternalPageModal .bg-f9f9f9.type02 a {
      padding: 14px 10px; }
      #lgcnsExternalPageModal .bg-f9f9f9.type02 a > span:first-of-type {
        padding: 0; }
    #lgcnsExternalPageModal .bg-f9f9f9.type02 li:first-of-type a {
      padding-top: 0; }
    #lgcnsExternalPageModal .bg-f9f9f9.type02 li:first-of-type:last-of-type {
      padding-bottom: 0; }
    #lgcnsExternalPageModal .bg-f9f9f9.type02 li + li {
      border-top: 1px solid #F0F0F0; }
#lgcnsExternalPageModal .rounded-2 {
  width: 67px;
  height: 67px;
  overflow: hidden; }
  #lgcnsExternalPageModal .rounded-2 img {
    width: 100%;
    height: auto; }

.mobile #sitemap {
  padding-top: 36px; }
  .mobile #sitemap .sitemap_area a:hover, .mobile #sitemap .sitemap_area a:focus, .mobile #sitemap .sitemap_area a:active {
    background: transparent;
    color: #1c1c1c; }
  .mobile #sitemap .sitemap_area .bg-f9f9f9 {
    width: 100%;
    height: 12px;
    background-color: #f9f9f9; }
  .mobile #sitemap .sitemap_area .container-1200 .dropdown-item {
    padding: 12px 20px; }
  .mobile #sitemap .sitemap_area .container-1200 .heading4 + ul.collapse:not(.show) {
    display: none; }
  .mobile #sitemap .sitemap_area .container-1200 .heading4.nav-link {
    padding: 16px 0;
    position: relative; }
    .mobile #sitemap .sitemap_area .container-1200 .heading4.nav-link:after {
      content: "";
      display: inline-block;
      right: 0;
      width: 24px;
      height: 24px;
      top: calc(50% - 12px);
      background-position: center center;
      background-size: 24px 24px;
      background-repeat: no-repeat;
      position: absolute;
      background-position: right center;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15L12 9L18 15' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      transform: rotate(90deg); }
    .mobile #sitemap .sitemap_area .container-1200 .heading4.nav-link.collapsed.nav-link:after {
      transform: rotate(180deg); }
    .mobile #sitemap .sitemap_area .container-1200 .heading4.nav-link.nav-link:after {
      transform: rotate(0deg); }
  .mobile #sitemap .sitemap_area .container-1200 h3 {
    padding-bottom: 12px;
    margin-top: 28px;
    margin-bottom: 0;
    border-bottom: none; }
  .mobile #sitemap .sitemap_area .container-1200 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding-left: 0;
    list-style: none; }
    .mobile #sitemap .sitemap_area .container-1200 ul > li {
      width: 100%; }
  .mobile #sitemap .sitemap_area .container-1200 > dl:first-of-type {
    margin-bottom: 28px; }
  .mobile #sitemap .sitemap_area .container-1200 > dl .heading4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    margin-bottom: 0; }
  .mobile #sitemap .sitemap_area .container-1200 dt {
    padding-bottom: 12px; }
    .mobile #sitemap .sitemap_area .container-1200 dt.text-999 {
      padding: 20px 0 12px; }
  .mobile #sitemap .sitemap_area .container-1200 dd {
    padding-bottom: 12px; }

.mobile #event img {
  max-width: 100%; }

.mobile #event .section02 {
  padding: 38px 0 59px;
  position: relative; }
  .mobile #event .section02:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44%;
    background: #ebf0ff; }
  .mobile #event .section02:after {
    background: #c3d2ff;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56%; }
  .mobile #event .section02 .container-1160 {
    padding: 0 8%;
    position: relative;
    z-index: 1;
    text-align: center; }
    .mobile #event .section02 .container-1160 > img.d-block {
      margin: 0 auto; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(1) {
        width: calc((35/315) * 100%); }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(2) {
        width: calc((250/315) * 100%); }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(3) {
        width: calc((107/315) * 100%); }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(4) {
        width: calc((90/315) * 100%); }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(5) {
        width: calc((206/315) * 100%);
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(6) {
        width: calc((276/315) * 100%);
        margin-bottom: 0.125rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(7) {
        width: calc((279/315) * 100%);
        margin-bottom: 1.875rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(8) {
        width: calc((107/315) * 100%);
        margin-bottom: 0.8125rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(9) {
        width: calc((155/315) * 100%);
        margin-bottom: 0.5rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(10) {
        width: calc((254/315) * 100%);
        margin-bottom: 0.875rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(11) {
        width: calc((182/315) * 100%);
        margin-bottom: 1.875rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(12) {
        width: calc((67/315) * 100%);
        margin-bottom: 1rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(13) {
        width: calc((146/315) * 100%);
        margin-bottom: 0.5rem; }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(14) {
        width: calc((232/315) * 100%); }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(15) {
        width: calc((302/315) * 100%); }
      .mobile #event .section02 .container-1160 > img.d-block:nth-child(16) {
        width: 75.5625rem;
        margin-top: 6.25rem; }
    .mobile #event .section02 .container-1160 .position-absolute.btn01 {
      width: calc((250/375) * 100%);
      bottom: 3.5%;
      left: calc(50% - (250/375) * 50%); }
    .mobile #event .section02 .container-1160 .position-absolute.btn02 {
      width: calc((250/375) * 100%);
      bottom: 2.375rem;
      left: calc(50% - (250/375) * 50%); }

.mobile #event .section03 {
  background: #a8bfff;
  padding: 25px 0 8px; }
  .mobile #event .section03 .container-1160 {
    padding: 0 8%; }
  .mobile #event .section03 .d-flex img:first-child {
    width: calc((20/315) * 100%); }
  .mobile #event .section03 .d-flex img:last-child {
    margin-left: 0.25rem;
    width: calc((52/315) * 100%); }
  .mobile #event .section03 > img:nth-child(1) {
    width: calc((315/315) * 100%); }

.mobile #event .container-1000 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto;
  padding: 0 0; }

.mobile #event .yearend.yearend_01 {
  min-height: 697px;
  height: auto;
  padding: 117px 0 216px;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2022_bg_m@3x.jpg"); }
  .mobile #event .yearend.yearend_01 h1 {
    margin: 1.5rem 0 1.25rem;
    color: white;
    line-height: 1.4;
    font-size: 37px; }
    .mobile #event .yearend.yearend_01 h1 .text-blue {
      color: #4a7ac5; }
    .mobile #event .yearend.yearend_01 h1 .text-red {
      color: #f70000; }
  .mobile #event .yearend.yearend_01 h3 {
    padding: 11px 20px; }
  .mobile #event .yearend.yearend_01 h4 {
    font-size: 1rem;
    line-height: 1.64;
    margin-bottom: 2.5rem; }
  .mobile #event .yearend.yearend_01 p {
    font-size: 1.125rem;
    color: white; }

.mobile #event .yearend.yearend_tab {
  overflow-x: hidden; }
  .mobile #event .yearend.yearend_tab nav.fixed {
    top: 58px; }
  .mobile #event .yearend.yearend_tab nav.webview.fixed {
    top: 0; }
  .mobile #event .yearend.yearend_tab .nav .nav-link {
    height: 100px;
    font-size: 1rem;
    line-height: 1.64;
    font-weight: bold;
    border-bottom: 2px solid #db0000; }
    .mobile #event .yearend.yearend_tab .nav .nav-link.active {
      border-bottom: 2px solid #fff; }
  .mobile #event .yearend.yearend_tab .yearend_02 {
    padding: 5rem 0;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/yearend2022_02_bg_m@3x.png"); }
    .mobile #event .yearend.yearend_tab .yearend_02 > .container {
      max-width: 100%;
      padding: 0; }
      .mobile #event .yearend.yearend_tab .yearend_02 > .container > img {
        max-width: calc(100% + 16px);
        width: calc(100% + 16px);
        margin-left: -8px; }
    .mobile #event .yearend.yearend_tab .yearend_02 h2 img {
      height: 1.75rem;
      width: auto; }
    .mobile #event .yearend.yearend_tab .yearend_02 .gift {
      flex-direction: column; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift > div {
        width: 100%;
        padding: 0 5.4%;
        position: relative; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift .bg_span {
        font-size: 0.875rem;
        padding: 7px 7px 6px;
        margin-top: 0;
        margin-bottom: 0.5rem; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift h3 {
        line-height: 1.5;
        font-size: 1.25rem; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift h5 {
        margin-bottom: 0.5rem;
        font-size: 1rem; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift01 {
        margin-top: 5.25rem;
        margin-bottom: 13.1875rem; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift01 .gif_img {
          width: 59.73333%;
          margin-left: auto;
          margin-top: auto;
          right: 5.4%;
          top: 265px; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift01 .bg_img {
          width: 14.4%;
          margin-top: auto;
          margin-left: auto;
          top: 350px;
          left: calc(50% - 80px); }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift01 > img {
          margin-top: 0.75rem;
          width: 88.26667%;
          margin-left: -5px; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift02 {
        margin-bottom: 10.875rem; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift02 > div {
          margin-left: 0px; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift02 .gif_img {
          width: 50.66667%;
          margin-top: 0;
          margin-left: 0;
          left: 0;
          top: 300px; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift02 .bg_img {
          margin-top: auto;
          margin-left: auto;
          width: 17.6%;
          top: 380px;
          left: calc(50% + 25px); }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift02 > img {
          margin-top: 1rem;
          width: 88.26667%;
          margin-left: auto;
          margin-right: -5px; }
      .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift03 {
        margin-bottom: 6.6875rem; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift03 > img {
          width: 88.26667%;
          margin-left: -5px;
          margin-top: 1.3125rem; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift03 .bg_img {
          margin-top: auto;
          margin-left: auto;
          width: 6.4%;
          right: 16%;
          top: 40px; }
        .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift03 .gif_img {
          margin-left: auto;
          margin-top: auto;
          top: 55px;
          right: calc(50% - 140px);
          width: 27.73333%; }
          .mobile #event .yearend.yearend_tab .yearend_02 .gift.gift03 .gif_img:last-of-type {
            top: 260px;
            right: calc(50% - 180px);
            width: 56%; }
  .mobile #event .yearend.yearend_tab .yearend_03 {
    padding: 92px 0 64px; }
    .mobile #event .yearend.yearend_tab .yearend_03:after {
      content: "";
      height: 50%; }
    .mobile #event .yearend.yearend_tab .yearend_03 h2 {
      font-size: 1.375rem;
      line-height: 1.5; }
      .mobile #event .yearend.yearend_tab .yearend_03 h2 .bg_img:nth-child(1) {
        width: 2.9375rem;
        left: calc(50% - 140px);
        top: -40px; }
      .mobile #event .yearend.yearend_tab .yearend_03 h2 .bg_img:nth-child(2) {
        width: 4.125rem;
        top: -35px;
        right: calc(50% - 145px); }
    .mobile #event .yearend.yearend_tab .yearend_03 img {
      margin: 0 auto; }
    .mobile #event .yearend.yearend_tab .yearend_03 .img01 {
      width: 100%;
      margin-bottom: 3.75rem; }
    .mobile #event .yearend.yearend_tab .yearend_03 .img02 {
      width: 24%; }
    .mobile #event .yearend.yearend_tab .yearend_03 h3 {
      color: #f70000;
      font-size: 1.25rem; }
    .mobile #event .yearend.yearend_tab .yearend_03 p {
      position: relative;
      z-index: 1;
      line-height: 1.64;
      font-size: 1rem; }
    .mobile #event .yearend.yearend_tab .yearend_03 .btn-black {
      font-size: 1.0625rem;
      padding: 24px 26px;
      font-weight: bold; }
    .mobile #event .yearend.yearend_tab .yearend_03 .d-flex.mt-65px {
      padding: 0 5.4%;
      flex-direction: column; }
      .mobile #event .yearend.yearend_tab .yearend_03 .d-flex.mt-65px > div {
        width: 100%; }
        .mobile #event .yearend.yearend_tab .yearend_03 .d-flex.mt-65px > div:first-child {
          margin-right: 0; }
        .mobile #event .yearend.yearend_tab .yearend_03 .d-flex.mt-65px > div:last-child {
          margin-left: 0; }
      .mobile #event .yearend.yearend_tab .yearend_03 .d-flex.mt-65px p.mt-20px {
        font-size: 1rem;
        line-height: 1.64; }
    .mobile #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper_m {
      position: relative;
      z-index: 1;
      width: 89.2%;
      margin: 80px 5.4% 0; }
      .mobile #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper_m .swiper-slide {
        margin-bottom: 37px; }
      .mobile #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper_m .swiper-pagination {
        bottom: 0 !important; }
        .mobile #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper_m .swiper-pagination .swiper-pagination-bullet {
          width: 9px;
          height: 9px;
          background: #fff; }
          .mobile #event .yearend.yearend_tab .yearend_03 .yearend2022_swiper_m .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #000; }

.mobile #event .yearend.yearend_04 {
  padding: 78px 0 80px;
  background: #4a7ac5;
  position: relative;
  z-index: 0; }
  .mobile #event .yearend.yearend_04 > .container-1000 {
    position: relative;
    z-index: 1; }
  .mobile #event .yearend.yearend_04 h2 {
    font-size: 1.375rem; }
    .mobile #event .yearend.yearend_04 h2 .bg_img:nth-child(1) {
      width: 2.375rem;
      left: calc(50% - 95px);
      top: -5px; }
    .mobile #event .yearend.yearend_04 h2 .bg_img:nth-child(2) {
      width: 2.4375rem;
      top: -13px;
      right: calc(50% - 90px); }
  .mobile #event .yearend.yearend_04 h3 {
    font-size: 1rem;
    line-height: 1.64; }
  .mobile #event .yearend.yearend_04 .container-1000 > ul {
    width: 100%;
    margin: 0 auto 55px; }
    .mobile #event .yearend.yearend_04 .container-1000 > ul > li {
      line-height: 1.64;
      flex-direction: column;
      font-size: 1rem;
      text-align: center;
      margin-bottom: 1.875rem; }
      .mobile #event .yearend.yearend_04 .container-1000 > ul > li > label {
        width: 100%;
        margin-right: 0; }
        .mobile #event .yearend.yearend_04 .container-1000 > ul > li > label:after {
          display: none; }
      .mobile #event .yearend.yearend_04 .container-1000 > ul > li > span {
        width: 100%; }
      .mobile #event .yearend.yearend_04 .container-1000 > ul > li ul {
        margin-left: 0px; }
        .mobile #event .yearend.yearend_04 .container-1000 > ul > li ul > li {
          color: white;
          padding-left: 0px;
          list-style: none !important; }
  .mobile #event .yearend.yearend_04 .container-1000 .notice {
    max-width: 69.86667%;
    margin: 0 auto;
    width: 100%; }
    .mobile #event .yearend.yearend_04 .container-1000 .notice h6 img {
      margin: 0 auto;
      height: 1.125rem; }
    .mobile #event .yearend.yearend_04 .container-1000 .notice ul {
      margin-left: 10px; }
      .mobile #event .yearend.yearend_04 .container-1000 .notice ul li {
        list-style: "-";
        padding-left: 4px;
        line-height: 1.68; }
  .mobile #event .yearend.yearend_04 .btn {
    font-size: 1.3125rem;
    width: 100%;
    padding: 25px 0 25px;
    font-weight: bold;
    margin-top: 3.125rem;
    margin-bottom: 3.75rem; }
  .mobile #event .yearend.yearend_04 .text-center a {
    padding-right: 20px;
    font-size: 1rem;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 16px;
    margin-right: 0px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='Path 343' d='m3410.979 1508.94 6 6-6 6' transform='translate(-3404.979 -1506.939)' style='stroke:%23fff;fill:none'/%3E%3Cpath data-name='Rectangle 170' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  .mobile #event .yearend.yearend_04 .bingo_area {
    max-width: 100%;
    padding: 0 5.4%;
    margin: 60px auto 0px; }
    .mobile #event .yearend.yearend_04 .bingo_area .bingo {
      padding: 5px; }
      .mobile #event .yearend.yearend_04 .bingo_area .bingo > div {
        width: 25%;
        position: relative;
        overflow: hidden; }
        .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(2) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(4) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(5) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(7) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(10) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(12) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(13) label, .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:nth-child(15) label {
          background: #e8f1ff; }
        .mobile #event .yearend.yearend_04 .bingo_area .bingo > div label {
          cursor: pointer;
          position: absolute;
          top: 0;
          left: 0;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          flex-direction: column;
          height: 100%;
          background: #ffffff; }
          .mobile #event .yearend.yearend_04 .bingo_area .bingo > div label p {
            color: #547abf;
            font-size: 0.625rem; }
          .mobile #event .yearend.yearend_04 .bingo_area .bingo > div label .fs-title-2 {
            margin-top: 0.5rem;
            font-size: 0.8125rem !important;
            color: #547abf; }
        .mobile #event .yearend.yearend_04 .bingo_area .bingo > div input[type="checkbox"] {
          display: none; }
        .mobile #event .yearend.yearend_04 .bingo_area .bingo > div input:checked + label {
          background: #2059b2 !important; }
          .mobile #event .yearend.yearend_04 .bingo_area .bingo > div input:checked + label p {
            color: white; }
          .mobile #event .yearend.yearend_04 .bingo_area .bingo > div input:checked + label .fs-title-2 {
            color: white; }
        .mobile #event .yearend.yearend_04 .bingo_area .bingo > div:after {
          content: "";
          display: block;
          padding-bottom: 100%; }
  .mobile #event .yearend.yearend_04 .tip {
    padding: 37px 13.6%;
    width: 100%;
    border-radius: 0px;
    font-size: 1rem;
    line-height: 1.64; }

.mobile #event .yearend.yearend_05 {
  background-color: #f4f4f4;
  padding: 20px 0 60px; }
  .mobile #event .yearend.yearend_05 .container-1000 {
    padding: 0 5.4%; }
  .mobile #event .yearend.yearend_05 .d-flex .textarea_wrap {
    padding: 13px 8px 17px;
    width: 79.5%; }
    .mobile #event .yearend.yearend_05 .d-flex .textarea_wrap label {
      cursor: pointer;
      display: block; }
      .mobile #event .yearend.yearend_05 .d-flex .textarea_wrap label img {
        height: 1.75rem;
        margin-bottom: 0.125rem; }
      .mobile #event .yearend.yearend_05 .d-flex .textarea_wrap label span {
        font-size: 0.8125rem;
        color: #999999; }
  .mobile #event .yearend.yearend_05 .d-flex textarea {
    border: none;
    line-height: 1.64;
    font-size: 0.8125rem;
    width: 100%; }
  .mobile #event .yearend.yearend_05 .d-flex .btn {
    width: 20.4%;
    font-size: 0.875rem; }
  .mobile #event .yearend.yearend_05 .txt textarea {
    margin-top: 4px;
    background: #dddddd;
    padding: 12px 14px;
    border: none;
    line-height: 1.64;
    font-size: 0.8125rem;
    width: 100%;
    height: 83px; }
  .mobile #event .yearend.yearend_05 .txt label {
    margin-top: -7px;
    width: 100%;
    background: #dddddd;
    padding: 0 14px 12px; }
    .mobile #event .yearend.yearend_05 .txt label img {
      height: 28px;
      margin-bottom: 0.125rem; }
    .mobile #event .yearend.yearend_05 .txt label span {
      font-size: 0.8125rem;
      color: #999999; }
  .mobile #event .yearend.yearend_05 .btn-wrap #morePage {
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 1.25rem;
    color: #1c1c1c;
    display: inline-flex;
    align-items: center; }
    .mobile #event .yearend.yearend_05 .btn-wrap #morePage img {
      width: 42px;
      height: 42px; }
  .mobile #event .yearend.yearend_05 .review_list li {
    border-top: 1px solid #707070;
    padding: 19px 0 17px;
    font-size: 0.875rem; }
    .mobile #event .yearend.yearend_05 .review_list li > .txt {
      width: 100%;
      cursor: pointer;
      line-height: 1.68;
      overflow: hidden;
      white-space: normal;
      -webkit-line-clamp: inherit;
      word-break: break-word; }
    .mobile #event .yearend.yearend_05 .review_list li p.writer {
      text-align: left;
      color: #9d9892;
      min-width: calc(40% - 120px); }
    .mobile #event .yearend.yearend_05 .review_list li p.datetime {
      color: #9d9892; }
      .mobile #event .yearend.yearend_05 .review_list li p.datetime img {
        width: 44px; }
    .mobile #event .yearend.yearend_05 .review_list li .img_url img {
      width: 200px;
      height: auto;
      cursor: pointer; }
      .mobile #event .yearend.yearend_05 .review_list li .img_url img.wide {
        width: 100%;
        height: auto; }
    .mobile #event .yearend.yearend_05 .review_list li:last-child {
      border-bottom: 1px solid #707070; }
    .mobile #event .yearend.yearend_05 .review_list li.show > .txt {
      white-space: normal;
      -webkit-line-clamp: inherit;
      word-break: break-word; }

.mobile #terms {
  padding-top: 30px; }
  .mobile #terms .select-wrap {
    height: 48px;
    background-position: 95% center;
    padding: 13px 14px 12px; }
  .mobile #terms .terms_wrap {
    background: white;
    padding: 0; }
    .mobile #terms .terms_wrap .menu_area li {
      line-height: 1.64;
      margin-bottom: 1rem; }
      .mobile #terms .terms_wrap .menu_area li:last-child {
        margin-bottom: 2.5rem; }
      .mobile #terms .terms_wrap .menu_area li a {
        color: #1c1c1c;
        font-size: 0.875rem;
        font-weight: bold; }
    .mobile #terms .terms_wrap .text_area h4 {
      font-size: 1rem; }
    .mobile #terms .terms_wrap .text_area h5 {
      font-size: 0.875rem; }
    .mobile #terms .terms_wrap .text_area p {
      font-size: 0.875rem; }
    .mobile #terms .terms_wrap .text_area li {
      font-size: 0.875rem; }
    .mobile #terms .terms_wrap .text_area .innertable .tabletitle {
      font-size: 0.875rem; }
    .mobile #terms .terms_wrap .text_area .innertable td {
      font-size: 0.875rem; }

.mobile #about {
  margin-top: 50px; }
  .mobile #about img {
    max-width: 100%;
    width: 100%; }
  .mobile #about p {
    line-height: 1.64; }
  .mobile #about .section01 {
    padding-bottom: 60px; }
    .mobile #about .section01 img {
      max-width: 100%;
      width: 100%; }
  .mobile #about .section02 .container-1160 > *,
  .mobile #about .section03 .container-1160 > *,
  .mobile #about .section04 .container-1160 > * {
    width: 65.6%; }
  .mobile #about .section03 .container-1160 > * {
    width: 75.8%; }
  .mobile #about .section07 .container-1160 > img {
    width: 78%; }
  .mobile #about .section07 .container-1160 > img + div {
    width: 65.6%; }
  .mobile #about .section02 {
    padding: 0 0 3.75rem; }
    .mobile #about .section02 h3,
    .mobile #about .section02 p {
      margin-left: 0; }
  .mobile #about .section03 {
    padding: 0 0 3.75rem 0; }
  .mobile #about .section04 {
    padding: 0 0 3.75rem 0; }
  .mobile #about .section07 {
    padding: 0 0 2.5rem 0; }
  .mobile #about .section05 {
    padding: 2.5rem 0 1.25rem; }
    .mobile #about .section05 .rollingImage_wrap {
      height: 10.875rem;
      width: 100%;
      position: relative;
      overflow: hidden;
      margin: 0 auto;
      transform: translate3d(0, 0, 0); }
      .mobile #about .section05 .rollingImage_wrap div {
        width: calc(400% + 16px);
        height: 5.125rem;
        background-size: auto 82px; }
        .mobile #about .section05 .rollingImage_wrap div.mover-2 {
          background-size: auto 82px; }
  .mobile #about .section06 {
    padding: 1.25rem 0 0rem; }
    .mobile #about .section06 ul {
      width: 50%;
      margin-left: auto;
      display: flex;
      flex-wrap: wrap; }
      .mobile #about .section06 ul li {
        width: 100%;
        margin-bottom: 28px; }
        .mobile #about .section06 ul li label {
          margin-bottom: 0.5rem; }

.mobile #download_new .container-862,
.mobile #download_new .container-893,
.mobile #download_new .container-668 {
  width: 100%;
  padding: 0 20px; }

.mobile #download_new .btn-white {
  background-color: #fff;
  color: #345CC8; }

.mobile #download_new .btn-gradient {
  width: 100%; }

.mobile #download_new i.sd.ic-applestore {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M16.7668 4.47949H7.23301C5.44743 4.47949 4.00177 5.92515 4.00177 7.71074V17.2465C4.00177 19.0301 5.44743 20.4757 7.23301 20.4757H16.7688C18.5524 20.4757 20 19.0301 20 17.2445V7.71074C19.998 5.92515 18.5524 4.47949 16.7668 4.47949Z' fill='%23345CC8'/%3E%3Cpath d='M11.9319 8.15452L12.2558 7.59465C12.4558 7.24474 12.9017 7.12676 13.2516 7.32672C13.6015 7.52667 13.7195 7.97257 13.5195 8.32248L10.3982 13.7252H12.6557C13.3875 13.7252 13.7974 14.585 13.4795 15.1809H6.86107C6.45716 15.1809 6.13324 14.857 6.13324 14.453C6.13324 14.0491 6.45716 13.7252 6.86107 13.7252H8.71663L11.0921 9.60818L10.3503 8.32048C10.1503 7.97057 10.2683 7.52867 10.6182 7.32472C10.9681 7.12476 11.41 7.24274 11.614 7.59265L11.9319 8.15452ZM9.12454 15.9307L8.4247 17.1444C8.22475 17.4943 7.77885 17.6123 7.42894 17.4124C7.07902 17.2124 6.96105 16.7665 7.161 16.4166L7.68088 15.5168C8.26874 15.3348 8.74663 15.4748 9.12454 15.9307ZM15.1511 13.7292H17.0447C17.4486 13.7292 17.7725 14.0531 17.7725 14.457C17.7725 14.861 17.4486 15.1849 17.0447 15.1849H15.9929L16.7028 16.4166C16.9027 16.7665 16.7847 17.2084 16.4348 17.4124C16.0849 17.6123 15.643 17.4943 15.4391 17.1444C14.2433 15.0709 13.3455 13.5193 12.7497 12.4855C12.1398 11.4338 12.5757 10.378 13.0056 10.0201C13.4835 10.8399 14.1973 12.0776 15.1511 13.7292Z' fill='%23E8EEFF'/%3E%3C/svg%3E");
  vertical-align: middle; }

.mobile #download_new section:nth-of-type(2) {
  padding: 64px 0 118px;
  background: linear-gradient(180deg, #F5F8FF -2.4%, #D6E1FF 14.45%, #F5F8FF 53.9%); }
  .mobile #download_new section:nth-of-type(2) .container-862 {
    padding-top: 81px; }

.mobile #download_new section:nth-of-type(3) {
  padding: 84px 0 87px; }
  .mobile #download_new section:nth-of-type(3) .d-flex_item {
    height: 94.4vw;
    padding-top: 45px; }

.mobile #download_new section:nth-of-type(4) {
  padding: 86px 0 95px; }
  .mobile #download_new section:nth-of-type(4) .btn {
    width: 100%;
    border-color: #91B4FF;
    color: #3659B7; }

.mobile #download_new .keyVisual {
  height: auto;
  min-height: auto; }
  .mobile #download_new .keyVisual video {
    width: 100%;
    height: auto;
    position: initial;
    transform: none; }
  .mobile #download_new .keyVisual_inner {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    height: 100%;
    padding: 133px 20px 0; }
  .mobile #download_new .keyVisual .btn {
    position: absolute;
    left: 20px;
    bottom: 35px;
    width: calc(100% - 40px);
    padding: 21px 0;
    font-size: 16px; }
  .mobile #download_new .keyVisual.type02 {
    height: auto;
    background: linear-gradient(6.18deg, #FDE8EF 2.34%, #CDE3FF 40.42%, #FDE9F0 90.81%); }
    .mobile #download_new .keyVisual.type02 img {
      width: calc(100% + 40px);
      margin: 0 -20px; }
    .mobile #download_new .keyVisual.type02 .btn {
      position: initial;
      width: 100%;
      padding: 13px 0;
      background-color: rgba(255, 255, 255, 0.6); }
      .mobile #download_new .keyVisual.type02 .btn:first-of-type {
        margin-top: -17px; }
    .mobile #download_new .keyVisual.type02 .keyVisual_inner {
      width: 100%;
      padding: 55px 20px 76px; }

.mobile #download_new .toggle {
  text-align: left; }
  .mobile #download_new .toggle ul {
    display: block;
    border: none; }
    .mobile #download_new .toggle ul li {
      width: 100%;
      margin-top: 20px;
      padding: 0 0 0 20px;
      border-left: 4px solid #4173FA4D; }
      .mobile #download_new .toggle ul li:first-of-type {
        margin-top: 0; }
      .mobile #download_new .toggle ul li.active {
        border-left-color: #4173fa; }
      .mobile #download_new .toggle ul li > button {
        padding: 0;
        background: none;
        text-align: left;
        opacity: 0.5; }
        .mobile #download_new .toggle ul li > button:not(.collapsed) {
          opacity: 1; }
        .mobile #download_new .toggle ul li > button span:not([class*=fs]) {
          position: relative;
          font-weight: 700;
          color: #4173fa; }
          .mobile #download_new .toggle ul li > button span:not([class*=fs])::before {
            content: "";
            display: inline-block;
            width: 36px;
            height: 36px;
            margin-right: 6px;
            background: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon02.png") 0 0/100% 100% no-repeat;
            vertical-align: middle; }
        .mobile #download_new .toggle ul li > button span[class*=fs] {
          display: block;
          color: #1c1c1c;
          word-break: keep-all; }
      .mobile #download_new .toggle ul li:nth-of-type(2) > button span:not([class*=fs])::before {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon01.png"); }
      .mobile #download_new .toggle ul li:last-of-type > button span:not([class*=fs])::before {
        background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/download_icon03.png"); }
  .mobile #download_new .toggle_item {
    margin-top: 22px; }
    .mobile #download_new .toggle_item img {
      margin-top: 0; }
    .mobile #download_new .toggle_item .btn {
      width: 100%; }
  .mobile #download_new .toggle.type02 {
    display: block; }
    .mobile #download_new .toggle.type02 .toggle_item {
      width: 100%;
      padding-top: 7px; }
      .mobile #download_new .toggle.type02 .toggle_item video {
        margin-top: 16px; }
    .mobile #download_new .toggle.type02 ul li {
      margin-top: 0;
      padding: 30px 0;
      border-left: none;
      border-bottom: 1px solid #C3D2FF; }
      .mobile #download_new .toggle.type02 ul li.active {
        padding-bottom: 0;
        border: none; }
      .mobile #download_new .toggle.type02 ul li > button {
        width: 100%;
        opacity: 1; }
        .mobile #download_new .toggle.type02 ul li > button:not(.collapsed) span {
          color: #4173fa; }

.mobile #download_new .swiper {
  margin: 0 -20px;
  padding: 0 60px 0 40px; }

.mobile #download_new .accordion button {
  padding-right: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* ellipsis line */
  -webkit-box-orient: vertical;
  height: calc(16px * 1.3);
  word-break: keep-all; }
  .mobile #download_new .accordion button.active {
    word-wrap: normal;
    text-overflow: unset;
    display: block;
    height: auto; }

.mobile #download_new .banner {
  bottom: auto;
  top: 58px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(7.5px);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.09);
  transform: none; }
  .mobile #download_new .banner_inner {
    justify-content: space-between;
    width: auto;
    height: auto;
    padding: 20px;
    text-align: left; }
  .mobile #download_new .banner .btn {
    width: 149px;
    padding: 13px 0;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(216deg, #9B8FFF 23.84%, #3968FF 78.99%);
    border-radius: 8px;
    border: none; }
    .mobile #download_new .banner .btn-wrap {
      margin-left: 0; }
  .mobile #download_new .banner [class*=fs-title] {
    padding: 0; }
    .mobile #download_new .banner [class*=fs-title]::before {
      display: none; }

.mobile #licenseCampain .container-1160 {
  width: calc(100% - 40px);
  margin: 0 20px; }

.mobile #licenseCampain .section01 {
  padding-top: 0px; }
  .mobile #licenseCampain .section01 .container-1160 {
    min-height: 480px;
    padding-top: 2.5rem;
    background-size: 100%;
    background-position: center bottom;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_01_m@3x.png"); }
    .mobile #licenseCampain .section01 .container-1160 > * {
      margin-left: 0rem; }
    .mobile #licenseCampain .section01 .container-1160 h4 {
      margin-bottom: 0.5rem; }

.mobile #licenseCampain .section02 .container-1160 {
  min-height: 440px;
  background-size: 100%;
  background-position: center bottom;
  padding-top: 3rem;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_02_m@3x.png"); }
  .mobile #licenseCampain .section02 .container-1160 > * {
    margin-left: 0rem; }

.mobile #licenseCampain .section03 .container-1160 {
  background-color: #ebf0ff;
  padding-top: 48px;
  padding-bottom: 75px; }
  .mobile #licenseCampain .section03 .container-1160 > * {
    margin-left: 0rem;
    margin-right: 0rem; }
  .mobile #licenseCampain .section03 .container-1160 .image-wrap:nth-of-type(1) img,
  .mobile #licenseCampain .section03 .container-1160 .image-wrap:nth-of-type(2) img {
    width: 100%; }

.mobile #licenseCampain .section04 .container-1160 {
  background-color: #f9f9f9;
  padding: 48px 10px 72px; }
  .mobile #licenseCampain .section04 .container-1160 .square {
    width: 100%;
    height: auto;
    background-color: #fff;
    display: flex;
    align-items: center; }
    .mobile #licenseCampain .section04 .container-1160 .square > .fs-title-4 {
      margin-top: 0;
      margin-left: 1rem; }
  .mobile #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between {
    max-width: 100%;
    padding: 0 10px;
    flex-wrap: wrap; }
    .mobile #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between img {
      max-width: 100px;
      height: 100px;
      display: block; }
    .mobile #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square {
      background-image: none;
      align-items: center;
      text-align: left;
      padding: 0; }
      .mobile #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square > * {
        width: 100%; }
        .mobile #licenseCampain .section04 .container-1160 > .d-flex.justify-content-between:nth-of-type(1) .square > * .fs-title-4 {
          margin-bottom: 2px; }

.mobile #licenseCampain .section05 .container-1160 {
  background-color: #4173fa;
  color: #fff;
  padding-top: 48px;
  min-height: 640px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/license/licenseCampain_17_m@3x.png"); }
  .mobile #licenseCampain .section05 .container-1160 > * {
    margin-left: 0rem; }
  .mobile #licenseCampain .section05 .container-1160 h2 {
    line-height: 1.38;
    margin-bottom: 0.5rem; }
  .mobile #licenseCampain .section05 .container-1160 .btn-trial {
    background-color: #1955f5;
    border: none;
    color: #fff;
    box-shadow: none; }

.mobile #availableApps .tab_navWrap {
  margin-left: -20px; }
  .mobile #availableApps .tab_navWrap.fixed {
    position: fixed;
    top: 57px;
    left: 20px;
    width: 100%;
    margin-top: 0 !important;
    padding-right: 20px;
    background-color: #fff;
    z-index: 1; }

.mobile #availableApps .tab_nav {
  margin-left: -14px;
  padding-left: 20px;
  white-space: nowrap;
  overflow-x: auto;
  text-align: center;
  scrollbar-width: none;
  -ms-overflow-style: none; }
  .mobile #availableApps .tab_nav::-webkit-scrollbar {
    display: none; }
  .mobile #availableApps .tab_nav button {
    padding: 16px 14px; }
    .mobile #availableApps .tab_nav button.active::after {
      left: 14px;
      width: calc(100% - 28px);
      height: 2px; }

.mobile #availableApps .tab_contentGroup {
  margin-top: 20px; }

.mobile .roundButton {
  position: fixed;
  bottom: 135px;
  left: calc(50% - 118px);
  width: 236px;
  padding: 16px 44px;
  color: #fff;
  font-size: 14px;
  border: none;
  background-color: #4173fa;
  z-index: 1; }
  .mobile .roundButton span {
    color: #fff; }
  .mobile .roundButton.type02 {
    position: inherit;
    bottom: auto;
    left: auto;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dddddd; }
    .mobile .roundButton.type02 span {
      color: #1c1c1c; }
  .mobile .roundButton.type03 {
    position: initial;
    display: block;
    width: 100%; }

.mobile .gridContent li {
  width: 100%;
  margin-left: 0;
  margin-top: 20px; }
  .mobile .gridContent li:nth-child(n + 4) {
    margin-top: 20px; }
  .mobile .gridContent li:first-child {
    margin-top: 0; }

.mobile .gridContent_imageArea img {
  height: 134px; }

.mobile .gridContent_badge span {
  font-size: 10px; }

.mobile .gridContent_text {
  margin-top: 8px;
  line-height: 23px;
  height: auto; }

.mobile .btn-container {
  display: block; }
  .mobile .btn-container_item {
    width: 100%;
    border-radius: 16px;
    border: 1px solid #dddddd; }
    .mobile .btn-container_item:last-of-type {
      margin-top: 20px; }
      .mobile .btn-container_item:last-of-type::before {
        display: none; }
  .mobile .btn-container .btn-certification {
    padding: 167px 0 47px;
    background-position-y: 62px; }
    .mobile .btn-container .btn-certification.kakao {
      background-position-y: 52px; }

.mobile .agreeToPrice .footer {
  padding: 12px 0; }
  .mobile .agreeToPrice .footer button {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: 400; }

.mobile .agreeToPrice .bgBox {
  position: relative;
  background: none;
  padding: 0; }
  .mobile .agreeToPrice .bgBox .d-flex {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: space-between;
    padding: 54px 17px 20px; }
  .mobile .agreeToPrice .bgBox .list-style-dot li {
    position: relative;
    display: inline-block !important; }
    .mobile .agreeToPrice .bgBox .list-style-dot li::before {
      content: "";
      display: inline-block;
      width: 3px;
      height: 3px;
      border-radius: 100%;
      background-color: #dddddd;
      vertical-align: middle;
      margin-right: 6px; }
  .mobile .agreeToPrice .bgBox img {
    width: 100%;
    height: auto;
    border: none; }

.mobile .gradientText {
  font-size: 12px; }

.mobile .roundedBox {
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 12px; }
  .mobile .roundedBox > .d-flex {
    padding: 16px; }
    .mobile .roundedBox > .d-flex .fw-bold:first-of-type {
      width: auto; }
  .mobile .roundedBox + .roundedBox {
    margin-top: 16px; }
  .mobile .roundedBox_top {
    display: flex; }
  .mobile .roundedBox_bottom {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #dddddd; }
  .mobile .roundedBox .btn-size-sm {
    padding-top: 7px;
    padding-bottom: 7px; }

.mobile .bg-f5f8ff.info,
.mobile .bg-f9f9f9.info {
  display: block;
  width: 100%;
  margin-left: 0;
  padding: 30px; }
  .mobile .bg-f5f8ff.info > div:last-of-type,
  .mobile .bg-f9f9f9.info > div:last-of-type {
    width: 100%; }

.mobile .bg-f5f8ff.rounded-0,
.mobile .bg-f9f9f9.rounded-0 {
  border-bottom: 1px solid #dddddd;
  padding: 30px 20px; }

.mobile .bg-f9f9f9.info dt {
  min-width: 56px;
  width: auto; }

.mobile .bg-f9f9f9.info dd {
  width: auto; }

.mobile .lgCnsExternalIntro {
  height: auto;
  padding-top: 80px !important;
  padding-bottom: calc(105.6vw + 72px) !important;
  background-image: url("https://media.sandollcloud.com/static/images/PSP/contents/bg_aiStudio_m.png"); }
  .mobile .lgCnsExternalIntro .logo.type02 {
    width: 81px; }
  .mobile .lgCnsExternalIntro .badge.SDHoyoyo2 {
    font-size: 12px;
    padding-left: 9px;
    padding-right: 9px;
    margin-top: 10px; }
    .mobile .lgCnsExternalIntro .badge.SDHoyoyo2 + .badge {
      margin-left: 0;
      margin-right: 10px; }
  .mobile .lgCnsExternalIntro .d-flex_item:first-of-type {
    width: 100%;
    padding: 20px; }
  .mobile .lgCnsExternalIntro .d-flex_item:last-of-type {
    width: 100%; }

.mobile .blueDot {
  margin-left: 7px;
  padding-left: 6px; }

.mobile .goEditorBtn {
  position: initial;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px; }

.mobile .btnWrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 20px;
  background-color: #fff;
  z-index: 2; }

/* 모바일에만있는 메뉴페이지용 */
#a-menu {
  padding-bottom: 75px !important; }
  #a-menu > * {
    padding-left: 20px;
    padding-right: 20px; }
  #a-menu .familySiteWrap {
    margin-top: 28px;
    border-top: 8px solid #f9f9f9;
    padding: 28px 20px; }
    #a-menu .familySiteWrap h4 {
      font-size: 0.75rem;
      line-height: 1.64; }
    #a-menu .familySiteWrap a.d-flex {
      color: #1c1c1c;
      font-size: 1rem;
      padding: 16px 0; }
      #a-menu .familySiteWrap a.d-flex img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 14px; }
      #a-menu .familySiteWrap a.d-flex .sd {
        width: 24px;
        height: 24px;
        opacity: 0.45; }
  #a-menu .btn-wrap.d-flex {
    justify-content: space-between; }
    #a-menu .btn-wrap.d-flex .btn {
      width: calc(50% - 6px);
      border-radius: 12px;
      white-space: nowrap;
      font-size: 0.875rem;
      padding: 11px 0; }
      #a-menu .btn-wrap.d-flex .btn i {
        width: 24px;
        height: 24px; }
  #a-menu ul.list-style-none {
    display: flex;
    flex-direction: column;
    margin-bottom: 0; }
    #a-menu ul.list-style-none li > a {
      font-weight: bold;
      position: relative;
      line-height: 1.64;
      padding: 16px 0;
      font-size: 0.875rem;
      color: #1c1c1c;
      display: flex;
      align-items: center;
      width: 100%; }
      #a-menu ul.list-style-none li > a:after {
        content: "";
        display: inline-block;
        right: 0;
        width: 24px;
        height: 24px;
        top: calc(50% - 12px);
        background-position: center center;
        background-size: 24px 24px;
        background-repeat: no-repeat;
        position: absolute;
        background-position: right center;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 15L12 9L18 15' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        transform: rotate(90deg); }
      #a-menu ul.list-style-none li > a.collapsed.nav-link:after {
        transform: rotate(180deg); }
      #a-menu ul.list-style-none li > a.nav-link:after {
        transform: rotate(0deg); }
      #a-menu ul.list-style-none li > a img {
        width: 24px;
        height: 24px;
        margin-right: 16px; }
    #a-menu ul.list-style-none li > ul a {
      font-size: 0.875rem;
      padding: 8px 0 8px 40px;
      font-weight: normal;
      background-image: none; }

#minSpecModal .modal-dialog {
  max-width: 630px; }

#minSpecModal .modal-content .modal-body {
  padding: 40px; }
  #minSpecModal .modal-content .modal-body h4 {
    line-height: 1.6; }
  #minSpecModal .modal-content .modal-body p {
    font-size: 0.875rem;
    line-height: 1.64; }
  #minSpecModal .modal-content .modal-body .table {
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.64;
    margin-top: 34px; }
    #minSpecModal .modal-content .modal-body .table tr {
      border-bottom: 1px solid #dddddd; }
      #minSpecModal .modal-content .modal-body .table tr:last-child {
        border-bottom: none; }
    #minSpecModal .modal-content .modal-body .table th {
      padding: 16px 16px 16px 0;
      color: #999999; }
    #minSpecModal .modal-content .modal-body .table td {
      padding: 15px 20px 15px 0; }
      #minSpecModal .modal-content .modal-body .table td p {
        margin-bottom: 10px; }
        #minSpecModal .modal-content .modal-body .table td p.text-999 {
          font-size: 0.8125rem; }

/* 커뮤니티 */
#community .comm_common_area,
#story .comm_common_area,
#fontInUse .comm_common_area,
#search .comm_common_area {
  background-color: #ffffff;
  padding: 12px 0;
  border-bottom: 1px solid #dddddd; }
  #community .comm_common_area > .container-1160,
  #story .comm_common_area > .container-1160,
  #fontInUse .comm_common_area > .container-1160,
  #search .comm_common_area > .container-1160 {
    overflow: visible; }
  #community .comm_common_area.webview,
  #story .comm_common_area.webview,
  #fontInUse .comm_common_area.webview,
  #search .comm_common_area.webview {
    background-color: #ffffff;
    padding: 14px 0; }
    #community .comm_common_area.webview > .container-1160,
    #story .comm_common_area.webview > .container-1160,
    #fontInUse .comm_common_area.webview > .container-1160,
    #search .comm_common_area.webview > .container-1160 {
      display: flex;
      align-items: center; }
  #community .comm_common_area a,
  #story .comm_common_area a,
  #fontInUse .comm_common_area a,
  #search .comm_common_area a {
    background-color: #f9f9f9;
    color: #1c1c1c;
    padding: 6px 12px;
    transition: color 0.3s;
    display: inline-block;
    border-radius: 18px;
    margin-right: 0.75rem;
    position: relative;
    line-height: 1.58;
    font-size: 14px; }
    #community .comm_common_area a.active,
    #story .comm_common_area a.active,
    #fontInUse .comm_common_area a.active,
    #search .comm_common_area a.active {
      background-color: #1c1c1c;
      color: #ffffff; }
    #community .comm_common_area a.webview_search,
    #story .comm_common_area a.webview_search,
    #fontInUse .comm_common_area a.webview_search,
    #search .comm_common_area a.webview_search {
      width: 280px;
      font-size: 0.875rem;
      padding: 3px 12px;
      font-weight: normal;
      border-radius: 24px;
      border: 1px solid #dddddd;
      color: #999999; }

.community-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px; }
  .community-list li {
    width: calc(25% - 15px);
    overflow: hidden;
    border: 1px solid #dddddd;
    border-radius: 12px; }
    .community-list li.search_none {
      text-align: center;
      margin: 160px 0;
      width: 100%;
      border: none !important; }
      .community-list li.search_none .emoticon {
        font-size: 5rem;
        color: #cccccc;
        font-weight: bold;
        margin-bottom: 1.75rem; }
      .community-list li.search_none p {
        line-height: 1.64; }
    .community-list li img {
      aspect-ratio: 285/160;
      object-fit: cover;
      width: 100%;
      border: none; }
    .community-list li .text-wrap {
      padding: 16px; }
      .community-list li .text-wrap h3 {
        font-size: 0.875rem;
        line-height: 1.61;
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
        color: #1c1c1c;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(14px * 1.61 * 2); }
      .community-list li .text-wrap p.text-999 {
        font-size: 0.75rem;
        line-height: 1.68; }
        .community-list li .text-wrap p.text-999 .me-10px {
          position: relative; }
          .community-list li .text-wrap p.text-999 .me-10px:after {
            position: absolute;
            top: 50%;
            width: 2px;
            height: 2px;
            background: #cccccc;
            border-radius: 50%;
            content: "";
            right: -6px; }
      .community-list li .text-wrap .profile-img {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        border: 1px solid #dddddd;
        border-radius: 50%; }

#community .comm_header h2 {
  margin-bottom: 12px; }

#community .comm_header .btn {
  border-radius: 8px;
  width: 160px;
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px; }
  #community .comm_header .btn span {
    white-space: nowrap; }
  #community .comm_header .btn i {
    width: 24px;
    height: 24px;
    margin-right: 8px; }

#community .comm_list_wrap .ms-auto.position-relative button {
  border: none;
  background: transparent;
  padding: 0;
  top: 8px;
  left: 8px; }
  #community .comm_list_wrap .ms-auto.position-relative button i {
    width: 24px;
    height: 24px; }

#community .comm_list_wrap input[type="search"] {
  padding: 12px 40px 12px 32px;
  font-size: 0.875rem;
  border: 1px solid #dddddd;
  border-radius: 8px;
  background-color: #f9f9f9;
  box-shadow: none; }
  #community .comm_list_wrap input[type="search"]::placeholder {
    color: #999999; }

#community .comm_list_wrap .form-check {
  min-width: 118px; }

#community .comm_list_wrap .form-check .form-check-label {
  text-align: right;
  min-width: calc(100% - 30px);
  width: auto; }

#community .comm_list_wrap .form-check .form-check-input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-right: 8px;
  background-color: white;
  border: none; }

#community .contents_wrap {
  padding-top: 80px; }
  #community .contents_wrap .comm_img {
    margin-top: 16px;
    max-width: 100%;
    max-height: 48rem;
    display: block; }

#community .reply_wrap .border-ddd {
  padding: 8px;
  border: 1px solid #dddddd; }
  #community .reply_wrap .border-ddd textarea {
    background: #fff;
    border: none;
    box-shadow: none;
    padding: 12px;
    width: calc(100% - 76px);
    height: 64px; }
    #community .reply_wrap .border-ddd textarea textarea::placeholder {
      color: #999999; }
    #community .reply_wrap .border-ddd textarea.focus::placeholder {
      color: #ff6e40; }
  #community .reply_wrap .border-ddd .btn-default {
    width: 68px;
    height: 64px; }

#community .reply_wrap ul li {
  justify-content: space-between;
  margin-bottom: 1rem;
  line-height: 1.61; }
  #community .reply_wrap ul li > * {
    font-size: 0.875rem; }
  #community .reply_wrap ul li > .txt {
    width: calc(80% - 80px);
    white-space: normal;
    word-break: break-word; }
    #community .reply_wrap ul li > .txt a {
      color: #4173fa; }
  #community .reply_wrap ul li > p.writer {
    text-align: left;
    width: 18.2%; }
  #community .reply_wrap ul li > p.datetime {
    width: calc(80px);
    text-align: right;
    color: #1c1c1c; }

#community .container-670,
#community .container-768 {
  padding-top: 80px;
  /*summer note editor */
  /* select2 */ }
  #community .container-670 .ask-comment a,
  #community .container-768 .ask-comment a {
    color: #4173fa; }
  #community .container-670 .note-icon-caret,
  #community .container-768 .note-icon-caret {
    display: none !important; }
  #community .container-670 .note-editor.note-airframe .note-placeholder, #community .container-670 .note-editor.note-frame .note-placeholder,
  #community .container-768 .note-editor.note-airframe .note-placeholder,
  #community .container-768 .note-editor.note-frame .note-placeholder {
    font-size: 0.875rem;
    color: #999999; }
  #community .container-670 a.note-dropdown-item, #community .container-670 a.note-dropdown-item:hover,
  #community .container-768 a.note-dropdown-item,
  #community .container-768 a.note-dropdown-item:hover {
    display: flex;
    width: 100%; }
  #community .container-670 .note-editor .note-toolbar .note-dropdown-menu.note-check a i, #community .container-670 .note-popover .popover-content .note-dropdown-menu.note-check a i,
  #community .container-768 .note-editor .note-toolbar .note-dropdown-menu.note-check a i,
  #community .container-768 .note-popover .popover-content .note-dropdown-menu.note-check a i {
    color: #4173fa !important; }
  #community .container-670 .note-editor .note-toolbar .note-dropdown-menu, #community .container-670 .note-popover .popover-content .note-dropdown-menu,
  #community .container-768 .note-editor .note-toolbar .note-dropdown-menu,
  #community .container-768 .note-popover .popover-content .note-dropdown-menu {
    min-width: 200px;
    font-size: 14px; }
  #community .container-670 .note-modal-footer,
  #community .container-768 .note-modal-footer {
    height: 60px;
    padding: 0px 20px 30px 20px; }
  #community .container-670 .note-modal .note-btn,
  #community .container-768 .note-modal .note-btn {
    padding: 0.375rem 0.75rem;
    border-radius: 0;
    min-width: 82px; }
  #community .container-670 .note-modal-title,
  #community .container-768 .note-modal-title {
    color: #1c1c1c; }
  #community .container-670 .note-form-label,
  #community .container-768 .note-form-label {
    padding: 0;
    margin-bottom: 0.5rem;
    color: #1c1c1c; }
  #community .container-670 .note-modal-body,
  #community .container-768 .note-modal-body {
    padding: 30px 20px; }
    #community .container-670 .note-modal-body .checkbox,
    #community .container-768 .note-modal-body .checkbox {
      padding-left: 0; }
      #community .container-670 .note-modal-body .checkbox label,
      #community .container-768 .note-modal-body .checkbox label {
        display: flex;
        align-items: center; }
      #community .container-670 .note-modal-body .checkbox input[type=checkbox],
      #community .container-768 .note-modal-body .checkbox input[type=checkbox] {
        border-radius: 0;
        border: none;
        margin-top: 0;
        vertical-align: baseline;
        float: inherit;
        width: 20px;
        height: 20px;
        margin-left: 0;
        margin-right: 0.5625rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg id='chkbox_empty_PC' xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none%7D %3C/style%3E%3C/defs%3E%3Cg id='Rectangle_329' data-name='Rectangle 329' style='stroke:%23ddd;stroke-width:1.5px;fill:none'%3E%3Cpath style='stroke:none' d='M0 0h18v18H0z' transform='translate(1 1)'/%3E%3Cpath class='cls-2' d='M.75.75h16.5v16.5H.75z' transform='translate(1 1)'/%3E%3C/g%3E%3Cpath id='Rectangle_331' data-name='Rectangle 331' class='cls-2' d='M0 0h20v20H0z'/%3E%3C/svg%3E%0A"); }
        #community .container-670 .note-modal-body .checkbox input[type=checkbox]:checked,
        #community .container-768 .note-modal-body .checkbox input[type=checkbox]:checked {
          border: none;
          background-color: transparent;
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath data-name='Rectangle 329' transform='translate(1 1)' style='fill:%234173fa' d='M0 0h18v18H0z'/%3E%3Cpath data-name='Path 471' d='m-4693.282 1512 4 4 6-6' transform='translate(4698.281 -1502.998)' style='stroke:%23fff;stroke-width:1.5px;fill:none'/%3E%3Cpath data-name='Rectangle 331' style='fill:none' d='M0 0h20v20H0z'/%3E%3C/svg%3E%0A"); }
        #community .container-670 .note-modal-body .checkbox input[type=checkbox].partly,
        #community .container-768 .note-modal-body .checkbox input[type=checkbox].partly {
          background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath data-name='Rectangle 329' transform='translate(1 1)' style='fill:%234173fa' d='M0 0h18v18H0z'/%3E%3Cpath data-name='Rectangle 331' style='fill:none' d='M0 0h20v20H0z'/%3E%3Cpath data-name='Line 760' transform='translate(4.5 10)' style='stroke:%23fff;stroke-width:1.5px;fill:none' d='M0 0h11'/%3E%3C/svg%3E%0A"); }
  #community .container-670 .note-btn-primary,
  #community .container-768 .note-btn-primary {
    background: #4173fa; }
  #community .container-670 .select2-container--default .select2-selection--single,
  #community .container-768 .select2-container--default .select2-selection--single {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #dddddd;
    padding: 0.375rem 0.75rem; }
    #community .container-670 .select2-container--default .select2-selection--single[aria-expanded='true'],
    #community .container-768 .select2-container--default .select2-selection--single[aria-expanded='true'] {
      border: 1px solid #4173fa;
      border-bottom: none; }
  #community .container-670 .select2-container .select2-selection--single,
  #community .container-768 .select2-container .select2-selection--single {
    height: 40px; }
  #community .container-670 .select2-container--default .select2-selection--single .select2-selection__arrow,
  #community .container-768 .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 6px;
    top: 6px; }
  #community .container-670 ul.parsley-errors-list li,
  #community .container-768 ul.parsley-errors-list li {
    margin-bottom: 0px; }
  #community .container-670 ul li,
  #community .container-768 ul li {
    margin-bottom: 20px;
    position: relative; }
    #community .container-670 ul li.border-bottom,
    #community .container-768 ul li.border-bottom {
      border-bottom: 1px solid #dddddd; }
      #community .container-670 ul li.border-bottom textarea,
      #community .container-768 ul li.border-bottom textarea {
        height: 144px; }
    #community .container-670 ul li .form-check-label,
    #community .container-768 ul li .form-check-label {
      word-break: keep-all; }
    #community .container-670 ul li input:focus + label.form-check-label,
    #community .container-768 ul li input:focus + label.form-check-label {
      opacity: 1; }
    #community .container-670 ul li label.position-absolute,
    #community .container-768 ul li label.position-absolute {
      top: 0;
      left: 0;
      z-index: -1; }
      #community .container-670 ul li label.position-absolute > span,
      #community .container-768 ul li label.position-absolute > span {
        color: #999999;
        line-height: 1.61; }
    #community .container-670 ul li input:focus + label,
    #community .container-670 ul li textarea:focus + label,
    #community .container-670 ul li input.none-placeholder + label,
    #community .container-670 ul li textarea.none-placeholder + label,
    #community .container-768 ul li input:focus + label,
    #community .container-768 ul li textarea:focus + label,
    #community .container-768 ul li input.none-placeholder + label,
    #community .container-768 ul li textarea.none-placeholder + label {
      opacity: 0; }
    #community .container-670 ul li input.focus + label > span,
    #community .container-670 ul li textarea.focus + label > span,
    #community .container-768 ul li input.focus + label > span,
    #community .container-768 ul li textarea.focus + label > span {
      color: #ff6e40 !important; }
    #community .container-670 ul li:not(.form-border) input[type="text"]:not(.note-form-control),
    #community .container-670 ul li:not(.form-border) textarea,
    #community .container-768 ul li:not(.form-border) input[type="text"]:not(.note-form-control),
    #community .container-768 ul li:not(.form-border) textarea {
      width: 100%;
      position: relative;
      z-index: 1;
      border: none;
      background-color: transparent;
      box-shadow: none; }
    #community .container-670 ul li.form-border .btn,
    #community .container-768 ul li.form-border .btn {
      min-width: 82px;
      padding: 8px 16px; }
      #community .container-670 ul li.form-border .btn:disabled,
      #community .container-768 ul li.form-border .btn:disabled {
        background: #dddddd;
        border: 1px solid #dddddd; }
    #community .container-670 ul li.form-border > div:not(.font-wrap):not(.creator-wrap),
    #community .container-670 ul li.form-border .form-control,
    #community .container-768 ul li.form-border > div:not(.font-wrap):not(.creator-wrap),
    #community .container-768 ul li.form-border .form-control {
      min-width: 180px;
      height: 40px; }
    #community .container-670 ul li .font-wrap .tag,
    #community .container-670 ul li .creator-wrap .tag,
    #community .container-768 ul li .font-wrap .tag,
    #community .container-768 ul li .creator-wrap .tag {
      margin: 12px 10px 0 0;
      align-items: center;
      display: inline-flex;
      padding: 6px 8px 6px 16px;
      font-size: 0.875rem;
      background-color: #f0f0f0; }
    #community .container-670 ul li .font-wrap i.ic-remove,
    #community .container-670 ul li .creator-wrap i.ic-remove,
    #community .container-768 ul li .font-wrap i.ic-remove,
    #community .container-768 ul li .creator-wrap i.ic-remove {
      margin-left: 0.25rem;
      width: 24px;
      height: 24px;
      cursor: pointer; }
    #community .container-670 ul li .uploadImage_wrap > label,
    #community .container-768 ul li .uploadImage_wrap > label {
      cursor: pointer;
      width: 82px;
      height: 82px;
      margin-right: 0.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #efefef; }
      #community .container-670 ul li .uploadImage_wrap > label span .ic-plus,
      #community .container-768 ul li .uploadImage_wrap > label span .ic-plus {
        width: 36px;
        height: 36px;
        display: block; }
      #community .container-670 ul li .uploadImage_wrap > label input,
      #community .container-768 ul li .uploadImage_wrap > label input {
        opacity: 0;
        display: none; }
    #community .container-670 ul li .uploadImage_wrap .previewImg_wrap,
    #community .container-768 ul li .uploadImage_wrap .previewImg_wrap {
      width: 82px;
      height: 82px;
      position: relative;
      margin-right: 0.5rem;
      text-align: center; }
      #community .container-670 ul li .uploadImage_wrap .previewImg_wrap img,
      #community .container-768 ul li .uploadImage_wrap .previewImg_wrap img {
        width: 82px;
        height: 82px;
        object-fit: cover; }
      #community .container-670 ul li .uploadImage_wrap .previewImg_wrap .ic-close-bg,
      #community .container-768 ul li .uploadImage_wrap .previewImg_wrap .ic-close-bg {
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
        width: 16px;
        height: 16px; }
    #community .container-670 ul li .tag-wrap,
    #community .container-768 ul li .tag-wrap {
      display: flex;
      flex-wrap: wrap; }
      #community .container-670 ul li .tag-wrap .form-check,
      #community .container-768 ul li .tag-wrap .form-check {
        word-break: break-all;
        line-height: 1;
        margin-bottom: 0; }
        #community .container-670 ul li .tag-wrap .form-check input[type=checkbox] + span,
        #community .container-768 ul li .tag-wrap .form-check input[type=checkbox] + span {
          border: 1px solid #efefef;
          background: #fff;
          color: #999999;
          font-size: 14px;
          padding: 7px 16px;
          margin-right: 12px;
          border-radius: 15px;
          margin-bottom: 12px;
          cursor: pointer; }
        #community .container-670 ul li .tag-wrap .form-check input[type=checkbox]:checked + span,
        #community .container-768 ul li .tag-wrap .form-check input[type=checkbox]:checked + span {
          background: #4173fa;
          color: white; }

.goto_imageSearch {
  padding: 80px 0; }
  .goto_imageSearch .btn {
    border: 1px solid #dddddd;
    color: #999999;
    background: #ffffff;
    min-width: 200px;
    padding: 7px 24px 7px 16px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
    justify-content: center; }
    .goto_imageSearch .btn .ic-camera {
      background-image: url("data:image/svg+xml,%3Csvg id='ic_cam' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2,.cls-3%7Bfill:none%7D.cls-2%7Bstroke:%23999;stroke-width:1.5px%7D.cls-4%7Bstroke:none%7D %3C/style%3E%3C/defs%3E%3Cg id='Union_1' data-name='Union 1' style='fill:none'%3E%3Cpath class='cls-4' d='M-1905 3.5v-14h4.772l.706-2.5h9.044l.706 2.5h4.772v14z' transform='translate(1911 20.75)'/%3E%3Cpath d='M-1886.5 2V-9h-4.406l-.707-2.5h-6.774l-.707 2.5h-4.406V2h17m1.5 1.5h-20v-14h4.772l.706-2.5h9.044l.706 2.5h4.772v14z' style='fill:%23999;stroke:none' transform='translate(1911 20.75)'/%3E%3C/g%3E%3Cg id='Ellipse_12' data-name='Ellipse 12' class='cls-2' transform='translate(11.5 12.25)'%3E%3Ccircle class='cls-4' cx='4.5' cy='4.5' r='4.5'/%3E%3Ccircle class='cls-3' cx='4.5' cy='4.5' r='3.75'/%3E%3C/g%3E%3Cg id='Ellipse_13' data-name='Ellipse 13' class='cls-2' transform='translate(21.5 12.75)'%3E%3Ccircle class='cls-4' cx='1' cy='1' r='1'/%3E%3Ccircle class='cls-3' cx='1' cy='1' r='.25'/%3E%3C/g%3E%3Cpath id='Rectangle_130' data-name='Rectangle 130' class='cls-3' d='M0 0h32v32H0z'/%3E%3C/svg%3E "); }
    .goto_imageSearch .btn:hover {
      background-color: #f9f9f9; }

.mobile .community-list li {
  width: 100%;
  margin-right: 0; }
  .mobile .community-list li.search_none {
    margin: 100px 0; }

.mobile #search .community-list {
  gap: 30px !important;
  margin-bottom: 0 !important; }
  .mobile #search .community-list li {
    border: none; }
    .mobile #search .community-list li img {
      aspect-ratio: 335/223;
      border-radius: 12px; }
    .mobile #search .community-list li .text-wrap {
      padding: 0;
      margin-top: 12px; }
    .mobile #search .community-list li .title {
      font-size: 16px;
      line-height: 1.5;
      font-weight: bold;
      color: #1c1c1c;
      margin-bottom: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 6px; }

.mobile #search .community-list + .btn {
  margin-bottom: 200px; }

.mobile #community .btn-wrap.position-fixed {
  bottom: 84px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  z-index: 9; }
  .mobile #community .btn-wrap.position-fixed > .btn {
    width: calc(50% - 5px); }

.mobile #community .comm_header .btn-default {
  width: 150px; }

.mobile #community .contents_wrap {
  padding-top: 35px; }
  .mobile #community .contents_wrap .fs-txt-2 {
    width: 100%;
    overflow: hidden; }

.mobile #community .reply_wrap {
  margin-top: 2rem; }
  .mobile #community .reply_wrap .border-ddd {
    padding: 7px 8px;
    border: 1px solid #dddddd; }
    .mobile #community .reply_wrap .border-ddd textarea {
      background: #fff;
      border: none;
      box-shadow: none;
      padding: 10px 8px;
      width: calc(100% - 76px);
      height: 34px; }
    .mobile #community .reply_wrap .border-ddd .btn-default {
      width: 68px;
      height: 34px; }
  .mobile #community .reply_wrap ul li {
    margin-bottom: 1.25rem;
    flex-direction: column; }
    .mobile #community .reply_wrap ul li > * {
      margin-bottom: 0.5rem; }
    .mobile #community .reply_wrap ul li > .txt {
      width: 100%; }
    .mobile #community .reply_wrap ul li > p.writer {
      width: 100%; }
    .mobile #community .reply_wrap ul li > p.datetime {
      width: 100%;
      text-align: left;
      margin-bottom: 0; }

.mobile #community .container-670,
.mobile #community .container-768 {
  padding-top: 35px; }
  .mobile #community .container-670 ul li,
  .mobile #community .container-768 ul li {
    /* select2 */ }
    .mobile #community .container-670 ul li.border-bottom textarea,
    .mobile #community .container-768 ul li.border-bottom textarea {
      height: 104px; }
    .mobile #community .container-670 ul li.form-border .btn,
    .mobile #community .container-768 ul li.form-border .btn {
      padding: 12px 30px; }
      .mobile #community .container-670 ul li.form-border .btn:disabled,
      .mobile #community .container-768 ul li.form-border .btn:disabled {
        background: #dddddd;
        border: 1px solid #dddddd; }
    .mobile #community .container-670 ul li.form-border > div:not(.font-wrap):not(.creator-wrap),
    .mobile #community .container-768 ul li.form-border > div:not(.font-wrap):not(.creator-wrap) {
      width: 100%;
      height: auto; }
    .mobile #community .container-670 ul li.form-border .form-control,
    .mobile #community .container-768 ul li.form-border .form-control {
      width: 100%;
      height: 48px; }
    .mobile #community .container-670 ul li .font-wrap,
    .mobile #community .container-670 ul li .creator-wrap,
    .mobile #community .container-768 ul li .font-wrap,
    .mobile #community .container-768 ul li .creator-wrap {
      height: 48px;
      overflow-y: hidden;
      overflow-x: visible;
      margin-right: -5%;
      display: flex; }
      .mobile #community .container-670 ul li .font-wrap .tag,
      .mobile #community .container-670 ul li .creator-wrap .tag,
      .mobile #community .container-768 ul li .font-wrap .tag,
      .mobile #community .container-768 ul li .creator-wrap .tag {
        white-space: nowrap; }
    .mobile #community .container-670 ul li .select2-container--default .select2-selection--single,
    .mobile #community .container-768 ul li .select2-container--default .select2-selection--single {
      padding: 0.5rem 0.75rem; }
    .mobile #community .container-670 ul li .select2-container .select2-selection--single,
    .mobile #community .container-768 ul li .select2-container .select2-selection--single {
      height: 48px; }

.select2-results__option.select2-results__option--selectable {
  font-size: 14px !important;
  padding: 12px 12px !important; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background-color: #f9f9f9 !important;
  color: #1c1c1c !important; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dddddd !important;
  padding: 0.375rem 0.75rem; }

.select2-dropdown {
  border: 1px solid #4173fa !important;
  border-top: none !important; }

/* 폰트인유즈, 폰트문의 댓글 영역 스타일 공통사용 */
.commentArea .border-ddd {
  padding: 13px 20px;
  border: 1px solid #dddddd;
  align-items: flex-end; }
  .commentArea .border-ddd textarea {
    background: #fff;
    border: none;
    box-shadow: none;
    padding: 0;
    width: calc(100% - 60px);
    min-height: 18px;
    height: auto;
    line-height: 1.58; }
    .commentArea .border-ddd textarea textarea::placeholder {
      color: #999999; }
    .commentArea .border-ddd textarea.focus::placeholder {
      color: #ff6e40; }
  .commentArea .border-ddd .btn {
    padding: 0;
    background: white;
    border: none;
    color: #dddddd;
    box-shadow: none; }

.commentArea .comment-list li {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.61; }
  .commentArea .comment-list li.replyMore {
    cursor: pointer; }
    .commentArea .comment-list li.replyMore.border-bottom {
      border-bottom: 1px solid #dddddd;
      padding: 28px 0; }
      .commentArea .comment-list li.replyMore.border-bottom:hover {
        background: #f9f9f9; }
  .commentArea .comment-list li .reply-wrap {
    margin-top: 16px;
    display: flex; }
  .commentArea .comment-list li > * {
    font-size: 14px; }
  .commentArea .comment-list li .text-999 {
    font-size: 14px; }
    .commentArea .comment-list li .text-999 > * {
      margin-right: 10px; }
    .commentArea .comment-list li .text-999 a {
      color: #999999; }
      .commentArea .comment-list li .text-999 a:hover {
        text-decoration: underline; }
  .commentArea .comment-list li textarea {
    background: #fff;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    min-height: 14px;
    display: block; }
    .commentArea .comment-list li textarea textarea::placeholder {
      color: #999999; }
    .commentArea .comment-list li textarea.focus::placeholder {
      color: #ff6e40; }
  .commentArea .comment-list li .comment-text-wrap {
    width: calc(80% - 84px);
    flex: 1 1 auto; }
    .commentArea .comment-list li .comment-text-wrap .txt {
      white-space: normal;
      word-break: break-word;
      margin-bottom: 4px; }
      .commentArea .comment-list li .comment-text-wrap .txt a {
        color: #4173fa; }
        .commentArea .comment-list li .comment-text-wrap .txt a:hover {
          text-decoration: underline; }
  .commentArea .comment-list li .writer {
    color: #1c1c1c;
    text-align: left;
    margin-right: 20px; }
    .commentArea .comment-list li .writer.opacity {
      opacity: 0;
      min-width: 45px; }

.mobile .commentArea {
  margin-top: 2rem; }
  .mobile .commentArea .border-ddd {
    padding: 12px 20px;
    align-items: center; }
  .mobile .commentArea form#replyForm {
    background-color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 12px 5.4%; }
  .mobile .commentArea .comment-list li {
    margin-bottom: 1.25rem; }
    .mobile .commentArea .comment-list li > * {
      margin-bottom: 0.5rem; }
    .mobile .commentArea .comment-list li .comment-text-wrap .text-999 > * {
      margin-right: 8px; }

.tab-content .tab-pane {
  display: none; }
  .tab-content .tab-pane.active {
    display: block; }

.mobile .font-search-tabs {
  margin-top: 58px;
  padding: 0 20px;
  width: 100%;
  display: flex;
  border-bottom: 1px solid #dddddd; }
  .mobile .font-search-tabs .nav-link {
    padding: 16px 15px;
    font-size: 14px;
    border: none;
    color: #999999;
    width: 33.3%; }
    .mobile .font-search-tabs .nav-link.active {
      color: #1c1c1c;
      border-bottom: 2px solid #1c1c1c; }

/* 내폰트 : psp 2.1.1  */
/* PSP 2.0 내폰트 */
.tooltip.partly {
  padding: 0; }
  .tooltip.partly.show {
    opacity: 1; }
  .tooltip.partly .tooltip-arrow {
    display: none; }
  .tooltip.partly .tooltip-inner {
    border: 1px solid #EAEAEA;
    text-align: left;
    color: #999999;
    padding: 6px 10px;
    border-radius: 4px;
    background: #F9F9F9;
    max-width: 398px;
    font-size: 10px; }

#sandollcloud_fixed {
  width: 100%;
  max-width: 766px;
  margin: 60px auto;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
  transform: translate(0, 250px);
  z-index: 99;
  border-radius: 12px; }
  #sandollcloud_fixed.position-fixed {
    transform: translate(-50%, -50%);
    bottom: 0;
    margin: 0;
    left: calc(50%); }
  #sandollcloud_fixed .btn-icon {
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 0;
    width: 20px;
    height: 20px; }
    #sandollcloud_fixed .btn-icon i {
      opacity: 0.45;
      width: 20px;
      height: 20px; }
  #sandollcloud_fixed .tip {
    font-size: 0.75rem;
    line-height: 1.64;
    font-weight: normal;
    text-transform: capitalize;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: 4px center;
    color: #4173FA;
    display: inline-block;
    background-color: rgba(65, 115, 250, 0.2);
    padding: 0 4px 0 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99862 9.59805C5.16572 9.59809 4.35879 9.30977 3.71493 8.7814C3.07107 8.25302 2.63011 7.51748 2.46762 6.70059C2.30512 5.88369 2.43093 5.03572 2.82357 4.30117C3.21621 3.56662 3.85142 2.99098 4.62094 2.67227C5.39045 2.35355 6.24676 2.31179 7.04379 2.55361C7.84081 2.79544 8.52934 3.30611 8.99203 3.99868C9.45472 4.69125 9.66261 5.52234 9.5809 6.35122C9.49918 7.18011 9.13281 7.95521 8.54379 8.54409C8.21027 8.87928 7.8139 9.14538 7.37704 9.32632C6.94018 9.50725 6.47146 9.59926 5.99862 9.59805ZM6.00082 5.12734C5.96031 5.12252 5.91909 5.12601 5.87997 5.1376C5.84085 5.14919 5.80511 5.16861 5.77377 5.19473C5.74242 5.22084 5.71679 5.25356 5.69833 5.28994C5.67987 5.32632 5.66867 5.36568 5.6661 5.4064V7.7897C5.6676 7.83024 5.67767 7.86965 5.6954 7.90615C5.71312 7.94265 5.73843 7.97512 5.76937 8.00137C5.80031 8.02762 5.83594 8.04696 5.87484 8.0585C5.91374 8.07003 5.95471 8.07315 5.99496 8.06802C6.03567 8.07323 6.07711 8.07064 6.11654 8.05923C6.15597 8.04782 6.19257 8.02825 6.22421 8.0021C6.25584 7.97595 6.28175 7.94346 6.30038 7.90688C6.319 7.87031 6.33006 7.83066 6.33261 7.7897V5.4064C6.33005 5.366 6.31932 5.32682 6.30111 5.29067C6.2829 5.25452 6.25734 5.22229 6.2264 5.19619C6.19547 5.17009 6.15963 5.15093 6.12094 5.13906C6.08224 5.1272 6.0418 5.12306 6.00155 5.12734H6.00082ZM5.99496 3.92764C5.94388 3.92651 5.89296 3.93571 5.84554 3.95474C5.79813 3.97377 5.75496 4.0021 5.71884 4.03823C5.68271 4.07436 5.65437 4.11752 5.63534 4.16494C5.61631 4.21236 5.60711 4.26327 5.60824 4.31436C5.6079 4.36468 5.61808 4.41442 5.63754 4.46084C5.657 4.50726 5.68564 4.54958 5.72177 4.58462C5.75789 4.61966 5.80075 4.64642 5.84774 4.66445C5.89473 4.68249 5.94466 4.69123 5.99496 4.68936C6.04544 4.69095 6.09575 4.68252 6.14291 4.66445C6.19007 4.64638 6.23313 4.6188 6.26962 4.58389C6.30611 4.54897 6.33519 4.50716 6.35531 4.46084C6.37544 4.41452 6.38618 4.36486 6.3868 4.31436C6.38701 4.26315 6.37715 4.21224 6.35751 4.16494C6.33787 4.11765 6.30897 4.07497 6.27255 4.03896C6.23613 4.00296 6.19262 3.97456 6.14511 3.95547C6.09759 3.93638 6.0469 3.92684 5.99569 3.92764H5.99496Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  #sandollcloud_fixed .btn-size-sm {
    padding: 4px 8px;
    margin-left: 6px;
    border-radius: 4px; }

#preset_list .d-flex.align-items-center {
  padding: 12px 4px;
  border-bottom: 1px solid #dddddd; }

.autoActiveModal {
  display: none;
  position: absolute;
  max-width: 342px;
  min-height: 180px;
  padding: 20px;
  border-radius: 12px;
  background: #ffffff;
  z-index: 99;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16); }
  .autoActiveModal h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.64; }
  .autoActiveModal p {
    font-size: 13px;
    line-height: 1.64; }
    .autoActiveModal p .text-decoration-underline {
      color: #1c1c1c;
      cursor: pointer; }
  .autoActiveModal .btn {
    font-size: 0.75rem;
    padding: 4px 8px;
    margin-left: 12px; }

#contents:has(#font_2_1) ~ footer {
  min-width: 100%;
  width: 100%; }
  #contents:has(#font_2_1) ~ footer .container-1160 {
    max-width: 1160px;
    min-width: auto;
    width: 100%; }

.custom-modal.myfont-modal-custom.mobile-full .modal-content {
  border-radius: 0 !important; }

.custom-modal.myfont-modal-custom .modal-dialog:not(.modal-lg) {
  max-width: 480px; }

.custom-modal.myfont-modal-custom#emailreceivedModal .modal-content .modal-body {
  padding: 60px 40px 40px; }

.custom-modal.myfont-modal-custom .modal-content > .btn-close {
  right: 16px;
  top: 16px; }

.custom-modal.myfont-modal-custom .modal-content .modal-body {
  padding: 40px; }
  .custom-modal.myfont-modal-custom .modal-content .modal-body h2 {
    font-weight: bold;
    font-size: 1.625rem;
    line-height: 1.5;
    margin-bottom: 1.75rem; }
  .custom-modal.myfont-modal-custom .modal-content .modal-body > p {
    font-size: 0.875rem;
    line-height: 1.64; }
    .custom-modal.myfont-modal-custom .modal-content .modal-body > p.preline {
      white-space: pre-line; }
    .custom-modal.myfont-modal-custom .modal-content .modal-body > p.text-999 {
      font-size: 0.8125rem; }
  .custom-modal.myfont-modal-custom .modal-content .modal-body a:not(.btn) {
    color: #1c1c1c; }
  .custom-modal.myfont-modal-custom .modal-content .modal-body .form-control {
    border: none;
    border-bottom: 1px solid #dddddd;
    padding: 12px 4px;
    font-size: 0.875rem; }
    .custom-modal.myfont-modal-custom .modal-content .modal-body .form-control::placeholder {
      color: #cccccc; }
  .custom-modal.myfont-modal-custom .modal-content .modal-body .btn-wrap.d-flex {
    margin-top: 1.75rem;
    justify-content: space-between; }
    .custom-modal.myfont-modal-custom .modal-content .modal-body .btn-wrap.d-flex .btn {
      width: calc(50% - 6px);
      padding: 11px 4px; }
  .custom-modal.myfont-modal-custom .modal-content .modal-body .btn-wrap .btn {
    border-radius: 8px;
    font-size: 0.875rem; }

#editBookmarkModal input[type="text"] {
  max-width: 368px; }

#addBookmarkModal .btn.d-flex {
  padding: 12px 4px;
  width: 100%;
  font-size: 0.875rem;
  border-bottom: 1px solid #dddddd; }
  #addBookmarkModal .btn.d-flex i {
    width: 20px;
    height: 20px; }

#addBookmarkModal .form-group > .mb-3.d-flex {
  width: 100%; }

#addBookmarkModal .form-check-input + label {
  width: calc(100% - 24px); }
  #addBookmarkModal .form-check-input + label input[type="text"] {
    border: none;
    background-color: #ffffff;
    padding: 0;
    width: 100%; }
    #addBookmarkModal .form-check-input + label input[type="text"]::placeholder {
      color: #cccccc; }

#addBookmarkModal .form-check-input.circle-chk[type=checkbox] {
  order: 2;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1' width='19' height='19' rx='9.5' stroke='%23CCCCCC'/%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%23CCCCCC'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
  #addBookmarkModal .form-check-input.circle-chk[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='20' height='20' rx='10' fill='%234173FA'/%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='white'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='white'/%3E%3C/svg%3E%0A"); }

#addBookmarkModal .form-check-input.circle-chk[type=checkbox] + label {
  width: calc(100% - 20px);
  cursor: pointer; }

#addBookmarkModal {
  max-height: 100vh;
  overflow: hidden; }
  #addBookmarkModal form {
    max-height: 50vh;
    overflow-y: auto; }
    #addBookmarkModal form > .d-flex {
      width: 100%; }
      #addBookmarkModal form > .d-flex label {
        width: calc(100% - 24px); }

#fontActivateModal .text-decoration-underline {
  text-underline-position: under; }

#addBookmarkModal2 #addBookmarkForm2.alert-msg .folder_result {
  margin-top: 0.5rem;
  color: #ff6e40;
  font-size: 0.875rem; }

#addBookmarkModal2 #addBookmarkForm2.alert-msg #bookmark_folder2 {
  border-color: #ff6e40; }

#editBookmarkModal #editBookmarkForm.alert-msg .folder_result2 {
  margin-top: 0.5rem;
  color: #ff6e40;
  font-size: 0.875rem; }

#editBookmarkModal #editBookmarkForm.alert-msg input[type="text"] {
  border-color: #ff6e40; }

#newFontActivateModal .bg-f9f9f9, #completeRegistModal .bg-f9f9f9 {
  border-radius: 12px; }

#newFontActivateModal img, #completeRegistModal img {
  width: 98px;
  border-radius: 6px; }

#newFontActivateModal .ic-info-ccc, #completeRegistModal .ic-info-ccc {
  width: 20px; }
  #newFontActivateModal .ic-info-ccc + p, #completeRegistModal .ic-info-ccc + p {
    width: calc(100% - 28px);
    line-height: 1.68; }

/* 곰플레이어/곰믹스 */
/* 곰플레이어 */
.gom {
  text-align: center;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }
  .gom.gomplayer .main01 {
    background: url(https://media.sandollcloud.com/static/images/sub/gom/gomplayer_bg.png); }
  .gom.gommix .main01 {
    background: url(https://media.sandollcloud.com/static/images/sub/gom/gommix_bg.png); }
  .gom p {
    line-height: 1.64; }
  .gom .main_title {
    color: #333333;
    font-size: 35px; }
  .gom .logo > img {
    width: 220px;
    margin: 40px 0 !important; }
    .gom .logo > img:nth-of-type(1), .gom .logo > img:nth-of-type(3) {
      width: 60px;
      height: 60px;
      margin: 60px 0px !important; }
    .gom .logo > img:nth-of-type(2) {
      width: 27px;
      height: 27px;
      margin: 60px 30px !important; }
  .gom #coupon_code {
    color: #1c1c1c !important; }
  .gom section {
    min-width: 1070px;
    padding-top: 110px; }
    .gom section .sub_title {
      font-size: 16px;
      color: #ffffff;
      margin: 40px 0px; }
    .gom section .main2_img {
      overflow: hidden;
      padding: 0 30px;
      width: 1070px;
      margin: 70px auto 0; }
      .gom section .main2_img h2 {
        font-size: 27px;
        margin: 40px; }
      .gom section .main2_img > div {
        border: none;
        border: solid 1px #eeeeee;
        background: #ffffff;
        box-sizing: border-box;
        float: left;
        width: 32.6%; }
        .gom section .main2_img > div > div > img {
          width: calc(100% + 2px);
          margin-left: -1px;
          margin-top: -1px; }
        .gom section .main2_img > div > div > h4 {
          padding: 24px 16px 10px;
          line-height: 1.64;
          font-size: 16px;
          color: #1c1c1c; }
        .gom section .main2_img > div > div > p {
          padding: 0 0 24px 0;
          line-height: 1.64;
          font-size: 13px;
          color: #666666; }
      .gom section .main2_img .second_img {
        margin: 0 1%; }
  .gom .gom_hero {
    max-height: 100vh;
    height: 940px;
    background: linear-gradient(180deg, #041031 76.22%, #828282 183.08%); }
    .gom .gom_hero img {
      border: none;
      display: block; }
    .gom .gom_hero .container-1200 {
      height: 100%; }
      .gom .gom_hero .container-1200 > div {
        text-align: left;
        max-width: 416px; }
        .gom .gom_hero .container-1200 > div img {
          max-width: 100%; }
        .gom .gom_hero .container-1200 > div p {
          font-size: 1.125rem;
          line-height: 1.66; }
      .gom .gom_hero .container-1200 > img {
        max-width: 673px; }
    .gom .gom_hero .ico {
      width: 111px;
      margin-bottom: 26px; }
    .gom .gom_hero .p_sub {
      width: 276px; }
    .gom .gom_hero .btn {
      border: none;
      box-shadow: none;
      background: none;
      padding: 0; }
    .gom .gom_hero h1 img {
      width: 280px; }
  .gom .main01 {
    padding-bottom: 100px; }
    .gom .main01 .main_title {
      color: #ffffff; }
    .gom .main01 > .last_title {
      display: inline-block;
      margin: 50px 0 60px 0 !important;
      padding: 17px 22px;
      border-radius: 15px;
      font-size: 14px;
      color: #d2d2d2;
      background-color: #191821; }
  .gom .main02 .sub_title {
    color: #666666; }
  .gom .main02 .license_img {
    overflow: hidden;
    max-width: 1070px; }
    .gom .main02 .license_img img {
      float: left;
      width: 50%; }
  .gom .main03 {
    background: #f8f8f8;
    padding: 70px 0 180px;
    margin-top: 160px;
    margin-bottom: 0; }
    .gom .main03 div {
      width: 1070px;
      margin: 0 auto; }
      .gom .main03 div p {
        margin-top: 14px;
        font-size: 13px;
        text-align: right;
        color: #858585; }
      .gom .main03 div iframe {
        width: 1070px;
        height: 600px;
        margin-top: 20px; }
    .gom .main03 .sub_title {
      color: #666666; }
  .gom .hr {
    width: 1070px;
    margin: 20px auto 0px auto; }
  .gom .margin_img {
    margin-top: 40px; }
  .gom .bot_btn {
    margin-top: 80px;
    width: 100%; }
  .gom .btn-default {
    color: #717171;
    background-color: #fff;
    padding: 12px 0;
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #707070;
    max-width: 270px;
    margin: 0 5px; }
    .gom .btn-default:hover, .gom .btn-default:focus, .gom .btn-default:active {
      background: #707070;
      color: white; }
  .gom div.coupon_img {
    width: 464px;
    height: 226px;
    margin: 0 auto;
    background: url(https://media.sandollcloud.com/static/images/sub/gom/gom_coupon_life_new.png);
    background-size: 100%;
    background-repeat: no-repeat; }
    .gom div.coupon_img p {
      padding-top: 135px;
      letter-spacing: 5px;
      padding-left: 100px;
      font-size: 18px;
      color: #fff; }

/* mobile size */
@media (max-width: 760px) {
  /* 곰플레이어 */
  .gom {
    background: #ffffff; }
    .gom .logo > img {
      width: 150px;
      margin: 40px 0 !important; }
      .gom .logo > img:nth-of-type(1), .gom .logo > img:nth-of-type(3) {
        width: 50px;
        height: 50px; }
      .gom .logo > img:nth-of-type(2) {
        width: 20px;
        height: 20px;
        margin: 60px 20px !important; }
    .gom.gomplayer .main01 {
      background: url(https://media.sandollcloud.com/static/images/sub/gom/gomplayer_bg.png); }
    .gom.gommix .main01 {
      background: url(https://media.sandollcloud.com/static/images/sub/gom/gommix_bg.png); }
    .gom .btn_area {
      margin-bottom: 50px; }
      .gom .btn_area .btn-default {
        display: block;
        padding: 12px 0px;
        max-width: 100%;
        margin: 10px 0; }
    .gom section {
      min-width: 100%;
      padding: 50px 3% 15px; }
      .gom section .main_title {
        font-size: 20px; }
      .gom section .sub_title {
        font-size: 14px;
        margin: 30px 0px; }
      .gom section .main2_img {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0px;
        width: 100%;
        margin: 0px auto 0; }
        .gom section .main2_img::after {
          content: '';
          display: block;
          clear: both; }
        .gom section .main2_img h2 {
          font-size: 20px;
          margin: 40px 0; }
        .gom section .main2_img > div {
          width: 100%;
          max-width: 400px;
          margin: 20px 0 0 0 !important;
          background-color: #fafafa; }
          .gom section .main2_img > div > div > img {
            width: 100%;
            margin-left: 0px;
            margin-top: 0px; }
          .gom section .main2_img > div > div > h4 {
            padding: 16px;
            font-size: 16px;
            color: #373737; }
          .gom section .main2_img > div > div > p {
            padding: 0 0 10px 0;
            font-size: 13px; }
    .gom .gom_hero {
      padding: 40px 0 33px 0;
      max-height: inherit;
      height: auto;
      background: linear-gradient(180deg, #041031 76.22%, #828282 183.08%); }
      .gom .gom_hero .container-1200 {
        height: 100%; }
        .gom .gom_hero .container-1200 > div {
          text-align: center;
          max-width: 100%; }
          .gom .gom_hero .container-1200 > div img {
            margin: 0 auto;
            max-width: 100%; }
          .gom .gom_hero .container-1200 > div p {
            font-size: 0.875rem;
            line-height: 1.68; }
            .gom .gom_hero .container-1200 > div p.text-999 {
              font-size: 0.75rem;
              margin-top: 0.875rem; }
        .gom .gom_hero .container-1200 .m_img {
          width: 93.7%;
          margin: 0 auto; }
      .gom .gom_hero .p_sub {
        width: 62.38%; }
      .gom .gom_hero .btn {
        width: 84.77%; }
      .gom .gom_hero h1 img {
        width: 77.61%; }
    .gom .main01 {
      padding-bottom: 15px; }
      .gom .main01 .last_title {
        display: inline-block;
        margin: 30px 0 20px 0 !important;
        padding: 17px 22px;
        border-radius: 15px;
        font-size: 14px; }
    .gom .main03 {
      margin-top: 0;
      background: #ffffff;
      padding: 50px 3% 70px; }
      .gom .main03 div {
        width: 100%;
        margin: 0 auto; }
        .gom .main03 div p {
          margin-top: 14px;
          font-size: 13px;
          text-align: right;
          color: #858585; }
        .gom .main03 div iframe {
          width: 100%;
          height: 50vw;
          margin-top: 10px; }
    .gom .main04 {
      margin-top: 20px;
      background-color: #f3f3f3; }
      .gom .main04 .main2_img > div {
        border: none; }
    .gom .hr {
      width: 90%;
      margin: 0px auto; }
    .gom div.coupon_img {
      width: 100%;
      max-height: 283px;
      margin: 0 auto;
      background: url(https://media.sandollcloud.com/static/images/sub/gom/gom_coupon_life_new.png) 50% 0/contain no-repeat; }
      .gom div.coupon_img p {
        font-size: 14px;
        letter-spacing: 3px;
        padding: 137px 0 19% 50px; } }

#copyCodeModal.toast-modal .modal-body p {
  line-height: 1.64; }

#copyCodeModal.toast-modal .modal-body .btn-wrap {
  margin-top: 2rem; }
  #copyCodeModal.toast-modal .modal-body .btn-wrap .btn {
    border-radius: 8px;
    padding: 12px 0;
    font-size: 0.875rem; }

@media (max-width: 490px) {
  .gom div.coupon_img p {
    padding-top: 28%; } }

/* 폰트추천*/
/*폰트 추천 관련 스타일 */
article#recommend {
  /* 폰트 추천 리스트 */
  /* 모바일 탭 네비게이션 */
  /* 탭 컨텐츠 */ }
  article#recommend h1,
  article#recommend h2,
  article#recommend h3,
  article#recommend h4,
  article#recommend h5,
  article#recommend h6,
  article#recommend p,
  article#recommend div {
    word-break: auto-phrase; }
    @supports (-webkit-hyphens: none) {
      article#recommend h1,
      article#recommend h2,
      article#recommend h3,
      article#recommend h4,
      article#recommend h5,
      article#recommend h6,
      article#recommend p,
      article#recommend div {
        word-break: break-all;
        word-wrap: break-word; } }
  article#recommend .btn-more {
    display: inline-flex;
    align-items: center;
    height: 55px;
    border-radius: 12px;
    justify-content: center;
    font-size: 14px;
    min-width: 240px; }
  article#recommend #btn_showFontList {
    padding: 15px 54px;
    border-radius: 12px; }
    article#recommend #btn_showFontList i {
      width: 20px;
      height: 20px; }
  article#recommend .recommendation-contents-area .search-list .search-curation,
  article#recommend .recommendation-contents-area .search-list .search-image {
    width: calc(33.333% - 20px);
    margin-right: 20px; }
    article#recommend .recommendation-contents-area .search-list .search-curation:last-child,
    article#recommend .recommendation-contents-area .search-list .search-image:last-child {
      margin-right: 0; }
    article#recommend .recommendation-contents-area .search-list .search-curation:nth-child(3n),
    article#recommend .recommendation-contents-area .search-list .search-image:nth-child(3n) {
      margin-right: 0; }
    article#recommend .recommendation-contents-area .search-list .search-curation:nth-child(4n),
    article#recommend .recommendation-contents-area .search-list .search-image:nth-child(4n) {
      margin-right: 20px; }
  article#recommend .recommendation-contents-area .search-list .search-image {
    margin-bottom: 20px; }
    article#recommend .recommendation-contents-area .search-list .search-image img {
      border-radius: 12px;
      overflow: hidden;
      aspect-ratio: 320 / 200;
      max-width: 100%;
      width: 100%;
      display: block;
      object-fit: cover; }
  article#recommend .recommendation-contents-area .search-list .search-font {
    width: calc(33.333% - 20px);
    margin-right: 20px; }
    article#recommend .recommendation-contents-area .search-list .search-font:last-child {
      margin-right: 0; }
    article#recommend .recommendation-contents-area .search-list .search-font:nth-child(3n) {
      margin-right: 0; }
    article#recommend .recommendation-contents-area .search-list .search-font:nth-child(4n) {
      margin-right: 20px; }
  article#recommend .recommend_common {
    padding-top: 60px; }
    article#recommend .recommend_common .series-header-area {
      width: 100%;
      border: 1px solid #dddddd;
      padding: 0 0 0 40px;
      margin-bottom: 40px;
      border-radius: 12px;
      margin-top: 30px; }
      article#recommend .recommend_common .series-header-area img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border: none; }
      article#recommend .recommend_common .series-header-area .badge-light-gray {
        border-radius: 15px; }
    article#recommend .recommend_common h1 {
      line-height: 1.38;
      word-break: auto-phrase; }
      @supports (-webkit-hyphens: none) {
        article#recommend .recommend_common h1 {
          word-break: break-all;
          word-wrap: break-word; } }
      article#recommend .recommend_common h1.w-33 {
        line-height: 1.45;
        width: 33.333%;
        margin: 6px auto 0; }
    article#recommend .recommend_common img {
      border-radius: 12px;
      aspect-ratio: 386/257;
      max-width: 386px;
      width: 100%;
      display: block;
      object-fit: cover; }
    article#recommend .recommend_common p.body3_r {
      margin-top: 0.75rem; }
    article#recommend .recommend_common a:not(.nav-link) {
      height: 32px; }
    article#recommend .recommend_common .tag-wrap {
      flex: 1;
      align-items: center;
      line-height: 1.64;
      position: relative;
      margin-left: 0; }
      article#recommend .recommend_common .tag-wrap .swiper-control-prev,
      article#recommend .recommend_common .tag-wrap .swiper-control-next {
        width: 60px;
        position: absolute;
        top: 0;
        z-index: 1; }
        article#recommend .recommend_common .tag-wrap .swiper-control-prev.swiper-button-disabled,
        article#recommend .recommend_common .tag-wrap .swiper-control-next.swiper-button-disabled {
          opacity: 0;
          display: none; }
      article#recommend .recommend_common .tag-wrap .swiper-control-prev {
        left: 0;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 51%, white); }
      article#recommend .recommend_common .tag-wrap .swiper-control-next {
        right: 0;
        text-align: right;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white); }
      article#recommend .recommend_common .tag-wrap .tag-list {
        margin-top: 0;
        width: 100%;
        margin-right: 0;
        height: 37px;
        margin-bottom: 30px; }
        article#recommend .recommend_common .tag-wrap .tag-list .swiper-slide {
          width: auto !important; }
          article#recommend .recommend_common .tag-wrap .tag-list .swiper-slide a {
            color: #999999;
            display: -webkit-inline-flex;
            display: inline-flex;
            align-items: center;
            border-radius: 12px;
            font-size: 0.875rem;
            border: 1px solid #efefef;
            background: #ffffff;
            margin-right: 0.75rem;
            word-wrap: normal;
            flex-wrap: wrap;
            white-space: nowrap;
            padding: 6px 12px;
            line-height: 1.64; }
            article#recommend .recommend_common .tag-wrap .tag-list .swiper-slide a.active {
              background-color: #333333;
              color: white; }
            article#recommend .recommend_common .tag-wrap .tag-list .swiper-slide a:hover {
              background-color: #f9f9f9; }
  article#recommend .theme-font-list-area .font-item-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px; }
    article#recommend .theme-font-list-area .font-item-wrap .font-item {
      width: calc(33.3% - (40px / 3)); }
  article#recommend .theme-font-list-area .card {
    border-radius: 16px;
    overflow: hidden; }
    article#recommend .theme-font-list-area .card.active {
      background-color: #F5F8FF; }
      article#recommend .theme-font-list-area .card.active .text-wrap h3 {
        color: #4173fa; }
    article#recommend .theme-font-list-area .card .card-body {
      padding: 0; }
      article#recommend .theme-font-list-area .card .card-body .img-wrap img {
        border: none;
        aspect-ratio: 2 / 1;
        object-fit: cover; }
      article#recommend .theme-font-list-area .card .card-body .img-wrap .position-absolute {
        display: flex;
        background-color: rgba(0, 0, 0, 0.3);
        color: #ffffff;
        font-size: 1.875rem;
        bottom: 0;
        right: 0;
        z-index: 1;
        justify-content: center;
        aspect-ratio: 2 / 1;
        align-items: center; }
      article#recommend .theme-font-list-area .card .card-body .text-wrap {
        padding: 16px 20px; }
        article#recommend .theme-font-list-area .card .card-body .text-wrap h3 {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
        article#recommend .theme-font-list-area .card .card-body .text-wrap .badge-wrap {
          margin-bottom: 12px;
          display: flex; }
          article#recommend .theme-font-list-area .card .card-body .text-wrap .badge-wrap .badge {
            padding: 2px 6px;
            font-size: 12px;
            border-radius: 8px; }
          article#recommend .theme-font-list-area .card .card-body .text-wrap .badge-wrap .badge + .badge {
            margin-left: 6px; }
  article#recommend .container-1200.d-flex.align-items-start {
    overflow: visible; }
    article#recommend .container-1200.d-flex.align-items-start > * {
      padding: 80px 0 200px; }
  article#recommend .article-area-left,
  article#recommend .article-area-right {
    position: sticky;
    padding-top: 60px !important;
    top: 120px;
    z-index: 2;
    background: transparent;
    max-height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    article#recommend .article-area-left::-webkit-scrollbar,
    article#recommend .article-area-right::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari and Opera */ }
    article#recommend .article-area-left .btn-more,
    article#recommend .article-area-right .btn-more {
      height: 44px;
      font-size: 12px; }
  article#recommend .article-area-left {
    width: 240px; }
    article#recommend .article-area-left ul li {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 30px; }
      article#recommend .article-area-left ul li img {
        aspect-ratio: 240 / 160;
        max-width: 240px;
        width: 100%;
        display: block;
        object-fit: cover;
        border: none;
        background-color: #EBF0FF; }
      article#recommend .article-area-left ul li .recommendation-list-item-info {
        border: 1px solid #dddddd;
        border-top: none;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        padding: 14px 16px; }
        article#recommend .article-area-left ul li .recommendation-list-item-info .heading6 {
          color: #1c1c1c;
          margin-bottom: 4px; }
        article#recommend .article-area-left ul li .recommendation-list-item-info .text-5c {
          overflow: hidden;
          text-overflow: ellipsis;
          word-wrap: break-word;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          /* ellipsis line */
          -webkit-box-orient: vertical;
          max-height: calc(1.58 * 16px * 2); }
        article#recommend .article-area-left ul li .recommendation-list-item-info .caption1 {
          color: #999999; }
  article#recommend .article-area-right {
    width: 232px; }
    article#recommend .article-area-right ul li {
      padding: 0;
      margin-bottom: 30px; }
    article#recommend .article-area-right ul h4 {
      margin-bottom: 4px;
      color: #1c1c1c; }
    article#recommend .article-area-right ul .rank-number {
      margin-right: 4px; }
    article#recommend .article-area-right ul .recommendation-list-item-info {
      width: calc(100% - 72px); }
      article#recommend .article-area-right ul .recommendation-list-item-info h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: calc(1.58 * 14px * 2);
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        white-space: inherit; }
    article#recommend .article-area-right ul img {
      width: 60px;
      display: block;
      height: auto;
      background-color: #dfdfdf;
      aspect-ratio: 60/40;
      border-radius: 4px;
      margin-left: 12px;
      font-size: 0.75rem; }
  article#recommend .recommendation-list-area {
    max-width: 640px;
    flex-grow: 1;
    position: relative;
    min-width: 0;
    margin: 0 30px;
    padding: 60px 30px 200px !important;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    min-height: 80vh;
    background: #fff; }
    article#recommend .recommendation-list-area .recommendation-list-item-info {
      position: relative;
      max-width: 532px;
      margin-right: auto; }
      article#recommend .recommendation-list-area .recommendation-list-item-info .text-999 {
        margin-bottom: 12px; }
      article#recommend .recommendation-list-area .recommendation-list-item-info .text-5c {
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(1.58 * 16px * 2); }
      article#recommend .recommendation-list-area .recommendation-list-item-info h4 {
        padding-right: 40px; }
    article#recommend .recommendation-list-area .tab-wrap {
      margin: 30px 0 40px; }
      article#recommend .recommendation-list-area .tab-wrap ul {
        display: flex;
        align-items: center; }
        article#recommend .recommendation-list-area .tab-wrap ul li {
          margin-right: 12px; }
          article#recommend .recommendation-list-area .tab-wrap ul li .btn-default-outline {
            color: #999999;
            border-radius: 12px;
            white-space: nowrap; }
            article#recommend .recommendation-list-area .tab-wrap ul li .btn-default-outline.active {
              background-color: #1c1c1c;
              color: white; }
              article#recommend .recommendation-list-area .tab-wrap ul li .btn-default-outline.active:hover {
                border-color: #1c1c1c;
                color: #ffffff; }
            article#recommend .recommendation-list-area .tab-wrap ul li .btn-default-outline:hover {
              border-color: #1c1c1c;
              color: #1c1c1c; }
  article#recommend .recommendation-contents-area {
    max-width: 856px;
    flex-grow: 1;
    position: relative;
    min-width: 0;
    margin: 0 30px;
    padding: 60px 30px 200px !important;
    min-height: 50vh; }
    article#recommend .recommendation-contents-area section {
      padding-top: 80px; }
    article#recommend .recommendation-contents-area iframe {
      width: 100%;
      height: 100%;
      border: none;
      aspect-ratio: 16 / 9;
      border-radius: 16px;
      overflow: hidden; }
    article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info {
      position: relative; }
      article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info .text-999 {
        margin-bottom: 12px; }
      article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info .btn_share {
        position: absolute;
        right: 0;
        top: 30px;
        width: 32px;
        height: 32px; }
        article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info .btn_share i {
          width: 32px;
          height: 32px; }
  article#recommend #recommendation-list {
    padding: 0;
    margin: 0; }
    article#recommend #recommendation-list .list-item {
      display: flex;
      align-items: center;
      padding: 40px 0 40px;
      border-bottom: 1px solid #eee !important;
      position: relative; }
      article#recommend #recommendation-list .list-item:first-of-type {
        padding-top: 0; }
        article#recommend #recommendation-list .list-item:first-of-type .btn_share {
          top: 0; }
      article#recommend #recommendation-list .list-item .btn_share {
        border-radius: 50%;
        right: 0;
        top: 66px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        width: 40px;
        height: 40px;
        padding: 0;
        position: absolute; }
        article#recommend #recommendation-list .list-item .btn_share i {
          opacity: 0.25; }
      article#recommend #recommendation-list .list-item .recommendation-list-item-image {
        display: flex;
        gap: 14px; }
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img {
          max-width: 100%;
          flex: 1;
          aspect-ratio: 580 / 386;
          border: none;
          display: block;
          height: auto;
          object-fit: cover;
          background-color: #EBF0FF;
          border-radius: 14px; }
        article#recommend #recommendation-list .list-item .recommendation-list-item-image iframe {
          width: 100%;
          height: auto;
          aspect-ratio: 16/9;
          border-radius: 14px;
          overflow: hidden; }
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img:only-child {
          width: 100%; }
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img:first-child:nth-last-child(2),
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img:last-child:nth-of-type(2) {
          width: calc(50% - 7px); }
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img:first-child:nth-last-child(3),
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img:nth-child(2):nth-last-child(2),
        article#recommend #recommendation-list .list-item .recommendation-list-item-image img:last-child:nth-of-type(3) {
          width: calc(33.333% - (28px / 3)); }
      article#recommend #recommendation-list .list-item .tag-wrap {
        margin-top: 22px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px; }
        article#recommend #recommendation-list .list-item .tag-wrap .tag {
          font-size: 14px;
          display: block;
          background-color: #F5F8FF;
          color: #4173FA;
          padding: 4px 8px;
          border-radius: 18px;
          line-height: 1.68; }
  article#recommend #loading-indicator {
    display: none;
    text-align: center;
    padding: 20px;
    color: #999999; }
  article#recommend .mobile-tab-nav {
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 0 20px; }
    article#recommend .mobile-tab-nav ul {
      display: flex;
      margin: 0;
      padding: 0;
      list-style: none;
      gap: 20px; }
      article#recommend .mobile-tab-nav ul li {
        flex: 1;
        text-align: center; }
        article#recommend .mobile-tab-nav ul li a {
          display: block;
          padding: 20px 0;
          color: #999999;
          text-decoration: none;
          font-size: 14px;
          position: relative; }
          article#recommend .mobile-tab-nav ul li a.active {
            color: #000;
            font-weight: 600; }
            article#recommend .mobile-tab-nav ul li a.active:after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              height: 2px;
              background: #000; }
  article#recommend .tab-content {
    display: none;
    width: 100%;
    padding-top: 60px;
    font-size: 14px; }
    article#recommend .tab-content.active {
      display: block; }
  article#recommend .article-list-area {
    padding: 120px 0; }
    article#recommend .article-list-area .article-list li {
      margin-bottom: 40px;
      width: calc(33.333% - 20px);
      margin-right: 30px; }
      article#recommend .article-list-area .article-list li img {
        max-width: 100%;
        border-radius: 12px;
        aspect-ratio: 3/2;
        object-fit: cover; }
      article#recommend .article-list-area .article-list li .article-list-item-title h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(1.58 * 16px * 2); }
      article#recommend .article-list-area .article-list li:nth-child(3n) {
        margin-right: 0; }

.series-list-area .series-list-item {
  margin-bottom: 40px;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #dddddd; }
  .series-list-area .series-list-item .text-999 i {
    opacity: 0.45; }
  .series-list-area .series-list-item:has(.series-list) {
    border: none; }
  .series-list-area .series-list-item:last-child:not(.mb-100px):not(.mb-200px) {
    margin-bottom: 0; }
  .series-list-area .series-list-item .series-list-item-title {
    width: 276px;
    height: 272px;
    margin-right: 30px;
    aspect-ratio: 276/272;
    background-color: #EBF0FF;
    background-size: 86%;
    background-position: 170% 100%;
    background-repeat: no-repeat;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    .series-list-area .series-list-item .series-list-item-title h4 {
      margin-bottom: 12px; }
  .series-list-area .series-list-item .swiper-container.swiper-pointer-events ~ .swiper-button-next,
  .series-list-area .series-list-item .swiper-container.swiper-pointer-events ~ .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 50%;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    top: calc(50% - 5px);
    display: inline-flex; }
    .series-list-area .series-list-item .swiper-container.swiper-pointer-events ~ .swiper-button-next:after,
    .series-list-area .series-list-item .swiper-container.swiper-pointer-events ~ .swiper-button-prev:after {
      font-size: 16px; }
  .series-list-area .series-list-item .swiper-button-next,
  .series-list-area .series-list-item .swiper-button-prev {
    display: none; }
  .series-list-area .series-list-item .swiper-button-next {
    right: 15px; }
  .series-list-area .series-list-item .swiper-button-prev {
    left: 291px; }
  .series-list-area .series-list-item .series-swiper {
    position: relative;
    padding: 0 0;
    margin: 0 30px 0 0;
    width: calc(100% - 306px);
    overflow: hidden; }
    .series-list-area .series-list-item .series-swiper .swiper-slide {
      width: calc(25% - 20px);
      margin-right: 20px; }
      .series-list-area .series-list-item .series-swiper .swiper-slide img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
        border-radius: 12px;
        aspect-ratio: 202/134; }
      .series-list-area .series-list-item .series-swiper .swiper-slide h4 {
        margin-top: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: calc(16px * 1.58 * 2);
        overflow: hidden;
        text-overflow: ellipsis; }

.series-list-area .series-list {
  display: flex;
  align-items: stretch;
  gap: 30px 20px; }
  .series-list-area .series-list li {
    overflow: hidden;
    width: calc(25% - (60px / 4)); }
    .series-list-area .series-list li img {
      aspect-ratio: 240 / 160;
      max-width: 100%;
      width: 100%;
      display: block;
      border-radius: 12px;
      object-fit: cover;
      background-color: #EBF0FF; }
    .series-list-area .series-list li .series-list-item-info {
      padding: 12px 0 0 0; }
      .series-list-area .series-list li .series-list-item-info h4 {
        color: #1c1c1c;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .series-list-area .series-list li .series-list-item-info p {
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        max-height: calc(14px * 1.61 * 2); }

.series-list-area .article-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none; }
  .series-list-area .article-list li {
    width: calc((100% - 64px) / 5);
    margin: 0; }
    .series-list-area .article-list li .article-list-item-image img {
      width: 100%;
      aspect-ratio: 202/134;
      object-fit: cover;
      border-radius: 12px; }
    .series-list-area .article-list li h6 {
      margin-top: 8px;
      font-size: 14px;
      line-height: 1.4; }

.popular-article-list-area .popular-article-list .article-item {
  border-radius: 12px;
  border: 1px solid #dddddd;
  overflow: hidden;
  margin-bottom: 18px; }
  .popular-article-list-area .popular-article-list .article-item:last-of-type {
    margin-bottom: 0; }
  .popular-article-list-area .popular-article-list .article-item .article-title {
    padding: 30px 30px;
    width: calc(100% - 300px); }
    .popular-article-list-area .popular-article-list .article-item .article-title h4 {
      margin-bottom: 12px; }
    .popular-article-list-area .popular-article-list .article-item .article-title p.body1_r {
      text-overflow: ellipsis;
      overflow: hidden;
      max-height: calc(1.58 * 16px * 2);
      word-wrap: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* ellipsis line */
      -webkit-box-orient: vertical;
      white-space: inherit; }
  .popular-article-list-area .popular-article-list .article-item .article-image {
    max-width: 300px; }
    .popular-article-list-area .popular-article-list .article-item .article-image img {
      border: none;
      display: block;
      width: 100%;
      height: auto;
      aspect-ratio: 3/2;
      object-fit: cover; }

/* 모비일 버전 */
.hr-f0 {
  background-color: #dddddd;
  opacity: 1; }

.mobile #recommend .container-1200 {
  overflow-y: hidden; }

.mobile .series-list-area {
  width: 100%; }
  .mobile .series-list-area .series-list-item {
    margin-bottom: 30px;
    width: 100%;
    flex-direction: column; }
    .mobile .series-list-area .series-list-item:last-child {
      margin-bottom: 0; }
    .mobile .series-list-area .series-list-item.scroll {
      width: calc(100% + 40px);
      margin: 0 -20px;
      overflow-y: visible; }
      .mobile .series-list-area .series-list-item.scroll .series-list {
        width: 100%;
        flex-wrap: nowrap;
        overflow-y: auto;
        gap: 16px;
        padding: 0 20px 0 20px;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */ }
        .mobile .series-list-area .series-list-item.scroll .series-list::-webkit-scrollbar {
          display: none;
          /* Chrome, Safari and Opera */ }
        .mobile .series-list-area .series-list-item.scroll .series-list li {
          margin-top: 0;
          padding: 0;
          min-width: 88%;
          margin-bottom: 0; }
    .mobile .series-list-area .series-list-item .series-list-item-title {
      width: 100%;
      height: auto;
      margin-right: 0;
      aspect-ratio: 335/180;
      background-size: 60%;
      background-position: 120% 50px;
      padding: 20px 24px; }
      .mobile .series-list-area .series-list-item .series-list-item-title > * {
        max-width: 254px; }
    .mobile .series-list-area .series-list-item .swiper-button-next,
    .mobile .series-list-area .series-list-item .swiper-button-prev {
      display: none; }
    .mobile .series-list-area .series-list-item .series-swiper {
      position: relative;
      padding: 0;
      margin: 0 0px 0 0;
      width: 100%;
      overflow: hidden; }
      .mobile .series-list-area .series-list-item .series-swiper .swiper-wrapper {
        overflow-y: auto;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */ }
        .mobile .series-list-area .series-list-item .series-swiper .swiper-wrapper::-webkit-scrollbar {
          display: none;
          /* Chrome, Safari and Opera */ }
      .mobile .series-list-area .series-list-item .series-swiper .swiper-slide {
        width: 76.4%;
        margin-right: 12px;
        padding: 15px 0 15px 16px; }
        .mobile .series-list-area .series-list-item .series-swiper .swiper-slide > a {
          display: flex;
          align-items: center;
          gap: 16px; }
          .mobile .series-list-area .series-list-item .series-swiper .swiper-slide > a .article-list-item-image {
            max-width: 90px;
            background-size: 60%;
            background-position: 120% 50px;
            width: 90px; }
          .mobile .series-list-area .series-list-item .series-swiper .swiper-slide > a .article-list-item-title {
            flex: 1;
            overflow: hidden;
            max-width: calc(100% - 106px);
            width: calc(100% - 106px); }
        .mobile .series-list-area .series-list-item .series-swiper .swiper-slide img {
          border-radius: 4px; }
        .mobile .series-list-area .series-list-item .series-swiper .swiper-slide h4 {
          text-overflow: ellipsis;
          overflow: hidden;
          max-height: calc(1.4 * 14px * 2);
          word-wrap: break-word;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          /* ellipsis line */
          -webkit-box-orient: vertical;
          white-space: inherit; }
  .mobile .series-list-area .article-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none; }
    .mobile .series-list-area .article-list li {
      width: calc((100% - 64px) / 5);
      margin: 0; }
      .mobile .series-list-area .article-list li .article-list-item-image img {
        width: 100%;
        aspect-ratio: 202/134;
        object-fit: cover;
        border-radius: 12px; }
      .mobile .series-list-area .article-list li .article-list-item-image h6 {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.4; }

.mobile article#recommend .article-area-right ul li,
.mobile .popular-article-list.mobile li {
  padding: 10px 0 16px;
  margin-bottom: 10px; }
  .mobile article#recommend .article-area-right ul li.first-item,
  .mobile .popular-article-list.mobile li.first-item {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #dddddd; }
    .mobile article#recommend .article-area-right ul li.first-item .recommendation-list-item-image,
    .mobile .popular-article-list.mobile li.first-item .recommendation-list-item-image {
      margin-right: 0;
      margin-bottom: 20px; }
    .mobile article#recommend .article-area-right ul li.first-item h4,
    .mobile .popular-article-list.mobile li.first-item h4 {
      margin-bottom: 0;
      margin-top: 4px;
      max-height: calc(1.45 * 20px * 2); }
    .mobile article#recommend .article-area-right ul li.first-item img,
    .mobile .popular-article-list.mobile li.first-item img {
      width: 100%;
      border-radius: 8px; }
    .mobile article#recommend .article-area-right ul li.first-item p.body2_r,
    .mobile .popular-article-list.mobile li.first-item p.body2_r {
      color: #1c1c1c; }
      .mobile article#recommend .article-area-right ul li.first-item p.body2_r:not(.text-999),
      .mobile .popular-article-list.mobile li.first-item p.body2_r:not(.text-999) {
        margin-top: 8px;
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: calc(1.61 * 14px * 2);
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* ellipsis line */
        -webkit-box-orient: vertical;
        white-space: inherit; }

.mobile article#recommend .article-area-right ul h4,
.mobile .popular-article-list.mobile h4 {
  margin-bottom: 4px;
  color: #1c1c1c; }

.mobile article#recommend .article-area-right ul .recommendation-list-item-image,
.mobile .popular-article-list.mobile .recommendation-list-item-image {
  order: 1;
  margin-right: 12px; }

.mobile article#recommend .article-area-right ul .rank-number,
.mobile .popular-article-list.mobile .rank-number {
  order: 2;
  margin-right: 4px; }

.mobile article#recommend .article-area-right ul .recommendation-list-item-info,
.mobile .popular-article-list.mobile .recommendation-list-item-info {
  order: 3;
  width: 100%; }

.mobile article#recommend .article-area-right ul .d-flex .recommendation-list-item-info,
.mobile .popular-article-list.mobile .d-flex .recommendation-list-item-info {
  width: calc(100% - 102px); }
  .mobile article#recommend .article-area-right ul .d-flex .recommendation-list-item-info p.text-black,
  .mobile .popular-article-list.mobile .d-flex .recommendation-list-item-info p.text-black {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* ellipsis line */
    -webkit-box-orient: vertical;
    max-height: calc(14px * 1.64 * 1); }
  .mobile article#recommend .article-area-right ul .d-flex .recommendation-list-item-info h4,
  .mobile .popular-article-list.mobile .d-flex .recommendation-list-item-info h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0; }

.mobile article#recommend .article-area-right ul .d-flex .recommendation-list-item-image,
.mobile .popular-article-list.mobile .d-flex .recommendation-list-item-image {
  width: 90px; }

.mobile article#recommend .article-area-right ul img,
.mobile .popular-article-list.mobile img {
  width: 90px;
  aspect-ratio: 90/60;
  border-radius: 4px;
  margin-left: 0px;
  font-size: 0.75rem; }

.mobile article#recommend {
  overflow-y: hidden;
  max-width: 100%;
  width: 100%;
  /* 폰트 추천 리스트 */ }
  .mobile article#recommend .recommend_common {
    padding-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd; }
    .mobile article#recommend .recommend_common .badge-wrap .badge {
      padding: 2px 6px;
      font-size: 12px;
      border-radius: 8px; }
    .mobile article#recommend .recommend_common .badge-wrap .badge + .badge {
      margin-left: 6px; }
    .mobile article#recommend .recommend_common.border-none {
      border-bottom: none;
      padding-bottom: 0; }
    .mobile article#recommend .recommend_common h1 {
      line-height: 1.38;
      margin: 12px 0 30px; }
    .mobile article#recommend .recommend_common .tag-wrap {
      flex: 1;
      align-items: center;
      line-height: 1.64;
      position: relative;
      margin-left: 0; }
      .mobile article#recommend .recommend_common .tag-wrap .swiper-control-prev,
      .mobile article#recommend .recommend_common .tag-wrap .swiper-control-next {
        width: 60px;
        position: absolute;
        top: 0;
        z-index: 1; }
        .mobile article#recommend .recommend_common .tag-wrap .swiper-control-prev.swiper-button-disabled,
        .mobile article#recommend .recommend_common .tag-wrap .swiper-control-next.swiper-button-disabled {
          opacity: 0;
          display: none; }
      .mobile article#recommend .recommend_common .tag-wrap .swiper-control-prev {
        left: 0;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 51%, white); }
      .mobile article#recommend .recommend_common .tag-wrap .swiper-control-next {
        right: 0;
        text-align: right;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 51%, white); }
      .mobile article#recommend .recommend_common .tag-wrap .tag-list {
        padding: 12px 0;
        margin-bottom: 0px; }
  .mobile article#recommend .container-1200.d-flex.align-items-start {
    overflow: visible;
    flex-wrap: wrap; }
  .mobile article#recommend .article-area-left,
  .mobile article#recommend .article-area-right {
    width: 100%;
    max-height: inherit;
    overflow: visible;
    position: relative;
    top: 0;
    padding-top: 0 !important; }
  .mobile article#recommend .article-area-left {
    margin-top: 60px; }
    .mobile article#recommend .article-area-left ul {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      .mobile article#recommend .article-area-left ul::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari and Opera */ }
      .mobile article#recommend .article-area-left ul li {
        width: 88%;
        min-width: 88%;
        border-radius: 12px;
        margin-bottom: 30px;
        margin-right: 30px; }
        .mobile article#recommend .article-area-left ul li img {
          max-width: 100%;
          aspect-ratio: 295/196;
          object-fit: cover; }
        .mobile article#recommend .article-area-left ul li .recommendation-list-item-info {
          padding: 14px 16px; }
  .mobile article#recommend .recommendation-list-area {
    max-width: 100%;
    margin: 0;
    padding: 0 !important;
    border: none; }
    .mobile article#recommend .recommendation-list-area .tab-wrap {
      margin: 00px -20px 20px;
      padding: 0 0 0 0;
      width: calc(100% + 40px); }
      .mobile article#recommend .recommendation-list-area .tab-wrap ul {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        text-wrap: nowrap; }
        .mobile article#recommend .recommendation-list-area .tab-wrap ul::-webkit-scrollbar {
          display: none;
          /* Chrome, Safari and Opera */ }
        .mobile article#recommend .recommendation-list-area .tab-wrap ul li {
          font-size: 14px;
          margin-right: 12px; }
          .mobile article#recommend .recommendation-list-area .tab-wrap ul li .btn-default-outline.active, .mobile article#recommend .recommendation-list-area .tab-wrap ul li .btn-default-outline:hover {
            color: #ffffff; }
          .mobile article#recommend .recommendation-list-area .tab-wrap ul li:first-child {
            margin-left: 20px; }
          .mobile article#recommend .recommendation-list-area .tab-wrap ul li:last-child {
            margin-right: 0; }
  .mobile article#recommend .recommendation-contents-area {
    max-width: 100%;
    padding: 0 0 0 0 !important;
    margin: 0 0; }
    .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-image,
    .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info,
    .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item hr.hr-f0 {
      order: 1; }
    .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info .btn_share {
      top: 26px;
      width: 28px;
      height: 28px; }
      .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item .recommendation-list-item-info .btn_share i {
        width: 28px;
        height: 28px; }
    .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item .editorArea,
    .mobile article#recommend .recommendation-contents-area #recommendation-list .list-item #editorArea_new {
      order: 2; }
  .mobile article#recommend #recommendation-list .list-item {
    padding: 36px 0 30px; }
    .mobile article#recommend #recommendation-list .list-item .btn_share {
      top: calc((386 / 580) * 100% + 5px); }
    .mobile article#recommend #recommendation-list .list-item:has(img:nth-child(2)) .btn_share, .mobile article#recommend #recommendation-list .list-item:has(img:nth-child(3)) .btn_share {
      top: calc((386 / 580) * 88% + 20px); }
    .mobile article#recommend #recommendation-list .list-item .recommendation-list-item {
      display: flex;
      flex-direction: column; }
    .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-info {
      order: 1; }
      .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-info h1,
      .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-info h4 {
        color: #1c1c1c; }
    .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image {
      display: flex;
      gap: 16px; }
      .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image img {
        flex: 1;
        aspect-ratio: 580 / 386;
        display: block;
        border: none;
        height: auto;
        object-fit: cover;
        background-color: #EBF0FF;
        border-radius: 14px; }
      .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image img:only-child {
        width: 100%; }
      .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image:has(img:nth-child(2)), .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image:has(img:nth-child(3)) {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image:has(img:nth-child(2))::-webkit-scrollbar, .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image:has(img:nth-child(3))::-webkit-scrollbar {
          display: none; }
        .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image:has(img:nth-child(2)) img, .mobile article#recommend #recommendation-list .list-item .recommendation-list-item-image:has(img:nth-child(3)) img {
          width: 88%;
          flex: 0 0 88%;
          min-width: 88%; }
    .mobile article#recommend #recommendation-list .list-item .tag-wrap {
      margin-top: 8px;
      order: 1; }
      .mobile article#recommend #recommendation-list .list-item .tag-wrap .tag {
        font-size: 12px;
        color: #91B4FF;
        padding: 2px 5px;
        margin-right: 5px; }
  .mobile article#recommend .article-list-area {
    padding: 10px 0 60px; }
    .mobile article#recommend .article-list-area .article-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
      border-bottom: 1px solid #dddddd; }
      .mobile article#recommend .article-list-area .article-list li {
        width: 100%;
        margin: 0;
        padding: 10px 0; }
        .mobile article#recommend .article-list-area .article-list li .article-list-item-image {
          order: 2;
          width: 90px; }
          .mobile article#recommend .article-list-area .article-list li .article-list-item-image img {
            width: 100%;
            aspect-ratio: 3/2;
            object-fit: cover;
            border-radius: 4px; }
        .mobile article#recommend .article-list-area .article-list li .rank-number {
          min-width: 14px; }
        .mobile article#recommend .article-list-area .article-list li .article-list-item-title {
          flex: 1;
          margin-right: 12px; }
  .mobile article#recommend .theme-font-list-area.list .row {
    --bs-gutter-y:20px;
    --bs-gutter-x:0px; }
  .mobile article#recommend .theme-font-list-area.list .card {
    border-radius: 16px;
    overflow: hidden;
    padding: 0; }
    .mobile article#recommend .theme-font-list-area.list .card .card-body {
      padding: 0; }
      .mobile article#recommend .theme-font-list-area.list .card .card-body .text-wrap {
        padding: 16px 20px; }
        .mobile article#recommend .theme-font-list-area.list .card .card-body .text-wrap .badge-wrap {
          margin-bottom: 12px; }
  .mobile article#recommend .theme-font-list-area:not(.list) .row {
    width: calc(100% + 40px);
    flex-wrap: nowrap;
    overflow-y: auto;
    margin: 0 -20px;
    padding: 0 20px;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .mobile article#recommend .theme-font-list-area:not(.list) .row::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari and Opera */ }
    .mobile article#recommend .theme-font-list-area:not(.list) .row > * {
      margin-top: 0;
      padding: 0;
      width: 88%;
      margin-right: 16px; }

/* 랭킹 */
/* ranking */
#a_ranking .add-myfontlist {
  background-color: transparent;
  border: none;
  padding: 0;
  display: inline-flex; }

#a_ranking .nav {
  border-bottom: 0;
  padding-bottom: 60px;
  width: 100%;
  align-items: center;
  justify-content: center; }
  #a_ranking .nav .nav-item {
    margin-right: 12px; }
    #a_ranking .nav .nav-item:last-child {
      margin-right: 0; }
    #a_ranking .nav .nav-item .nav-link {
      border: 1px solid #dddddd;
      color: #999999;
      padding: 6px 12px;
      line-height: 1.61;
      border-radius: 12px;
      font-size: 0.875rem;
      background-color: #ffffff; }
      #a_ranking .nav .nav-item .nav-link.active {
        background-color: #1c1c1c !important;
        color: #ffffff;
        border-color: #1c1c1c !important; }
      #a_ranking .nav .nav-item .nav-link:hover {
        background-color: #f9f9f9;
        border-color: #eaeaea; }

#a_ranking #rankingTheme button {
  padding-right: 46px;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%231c1c1c;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100%  center;
  width: max-content;
  border: none;
  padding: 0 46px 0 0;
  position: relative;
  margin: 0 auto; }
  #a_ranking #rankingTheme button[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  #a_ranking #rankingTheme button:after {
    content: "";
    position: absolute;
    top: 2px;
    right: -5px;
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: transparent;
    border: 1px solid #dddddd;
    border-radius: 50%; }

#a_ranking #rankingTheme .dropdown-menu {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 4px 0;
  min-width: 240px; }
  #a_ranking #rankingTheme .dropdown-menu li {
    cursor: pointer;
    height: 43px;
    padding: 10px 12px;
    color: #1c1c1c;
    cursor: pointer; }
    #a_ranking #rankingTheme .dropdown-menu li:hover {
      background: #f9f9f9; }

#a_ranking form .tab-pane > .d-flex.align-items-center {
  margin-bottom: 12px; }

#a_ranking form .form-group input[type="radio"] {
  display: none; }

#a_ranking form .form-group .ic-info {
  width: 30px;
  height: 30px; }

#a_ranking form .form-group label {
  cursor: pointer; }
  #a_ranking form .form-group label:hover {
    background-color: #f9f9f9; }

#a_ranking form .form-group.range-wrap {
  background-color: #F9F9F9;
  border-radius: 12px;
  padding: 4px;
  font-size: 12px;
  text-align: left;
  width: max-content; }
  #a_ranking form .form-group.range-wrap input[type="radio"] + label {
    line-height: 1.68;
    color: #999999;
    padding: 6px 12px;
    margin-right: 12px;
    border-radius: 12px; }
    #a_ranking form .form-group.range-wrap input[type="radio"] + label:last-child {
      margin-right: 0; }
  #a_ranking form .form-group.range-wrap input[type="radio"]:checked + label {
    color: #1c1c1c;
    background-color: #ffffff; }

#a_ranking form .form-group .dropdown-toggle {
  border: none;
  color: #999999;
  font-size: 12px;
  padding-right: 26px;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) center; }
  #a_ranking form .form-group .dropdown-toggle[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1016 5-5 5 5' transform='translate(-6206 -1006)' style='stroke:%23999;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A"); }
  #a_ranking form .form-group .dropdown-toggle:after {
    display: none; }

#a_ranking form .form-group .dropdown-menu {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 4px 0;
  min-width: 200px;
  border: none; }
  #a_ranking form .form-group .dropdown-menu li input[type="radio"] {
    display: none; }
  #a_ranking form .form-group .dropdown-menu li label {
    cursor: pointer;
    height: 43px;
    padding: 10px 0 10px 28px;
    color: #1c1c1c;
    cursor: pointer; }
    #a_ranking form .form-group .dropdown-menu li label:hover {
      background: #f9f9f9; }
  #a_ranking form .form-group .dropdown-menu li input[type="radio"]:checked + label {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22666 8.9347C5.09477 8.93336 4.96769 8.98419 4.8731 9.07611C4.77934 9.16988 4.72666 9.29706 4.72666 9.42967C4.72666 9.56227 4.77934 9.68945 4.87311 9.78322L8.7622 13.6723C8.80802 13.7192 8.86315 13.756 8.92403 13.7804C8.98491 13.8047 9.05022 13.8161 9.11575 13.8137C9.24764 13.8151 9.37472 13.7642 9.4693 13.6723C9.56307 13.5785 9.61575 13.4514 9.61575 13.3188C9.61575 13.1861 9.56307 13.059 9.4693 12.9652L5.58021 9.07611C5.4836 8.98736 5.35783 8.93706 5.22666 8.9347Z' fill='%231C1C1C'/%3E%3Cpath d='M14.7734 7.1672C14.6415 7.16587 14.5145 7.2167 14.4199 7.30863L8.76303 12.9655C8.66926 13.0593 8.61658 13.1864 8.61658 13.319C8.61658 13.4516 8.66926 13.5788 8.76302 13.6726C8.80885 13.7195 8.86398 13.7563 8.92486 13.7807C8.98575 13.805 9.05105 13.8164 9.11658 13.814C9.24847 13.8154 9.37555 13.7645 9.47013 13.6726L15.127 8.01574C15.2208 7.92197 15.2734 7.79479 15.2734 7.66218C15.2734 7.52957 15.2208 7.40239 15.127 7.30863C15.0304 7.21987 14.9046 7.16956 14.7734 7.1672Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 4px center; }

#a_ranking ul.ranking-font .ranking-item:not(.ranking-header),
#a_ranking ul.ranking-brand .ranking-item:not(.ranking-header) {
  border-bottom: 1px solid #dddddd; }
  #a_ranking ul.ranking-font .ranking-item:not(.ranking-header) .rank-number,
  #a_ranking ul.ranking-brand .ranking-item:not(.ranking-header) .rank-number {
    color: #1c1c1c;
    width: 24px;
    text-align: center;
    margin-right: 8px; }
  #a_ranking ul.ranking-font .ranking-item:not(.ranking-header):nth-of-type(1) .rank-number, #a_ranking ul.ranking-font .ranking-item:not(.ranking-header):nth-of-type(2) .rank-number, #a_ranking ul.ranking-font .ranking-item:not(.ranking-header):nth-of-type(3) .rank-number,
  #a_ranking ul.ranking-brand .ranking-item:not(.ranking-header):nth-of-type(1) .rank-number,
  #a_ranking ul.ranking-brand .ranking-item:not(.ranking-header):nth-of-type(2) .rank-number,
  #a_ranking ul.ranking-brand .ranking-item:not(.ranking-header):nth-of-type(3) .rank-number {
    font-weight: bold;
    color: #4173fa; }

#a_ranking ul.ranking-voucher .ranking-item:not(.ranking-header) .rank-number {
  background-color: #dddddd;
  color: #1c1c1c;
  border-radius: 6.77px; }

#a_ranking ul.ranking-voucher .ranking-item:not(.ranking-header):nth-of-type(1) .rank-number, #a_ranking ul.ranking-voucher .ranking-item:not(.ranking-header):nth-of-type(2) .rank-number, #a_ranking ul.ranking-voucher .ranking-item:not(.ranking-header):nth-of-type(3) .rank-number {
  background-color: #4173fa;
  color: #ffffff; }

#a_ranking .ranking-font .font-count,
#a_ranking .ranking-font .release-year {
  margin-right: 40px; }

#a_ranking .ranking-font .ranking-header {
  font-size: 14px;
  color: #999999;
  display: flex;
  width: 100%;
  line-height: 1.61;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 16px 0 15px; }
  #a_ranking .ranking-font .ranking-header > * {
    text-align: left; }
  #a_ranking .ranking-font .ranking-header .rank-number {
    width: 24px;
    text-align: center;
    margin-right: 8px; }
  #a_ranking .ranking-font .ranking-header .font-info {
    max-width: 50%;
    flex: 1;
    margin-right: auto; }
  #a_ranking .ranking-font .ranking-header .tags-wrap {
    margin-right: 40px;
    width: 25%;
    max-width: 300px; }
  #a_ranking .ranking-font .ranking-header .add-myfontlist {
    min-width: 40px; }

#a_ranking .ranking-font .ranking-item .add-myfontlist {
  min-width: 40px;
  justify-content: center;
  text-align: center; }
  #a_ranking .ranking-font .ranking-item .add-myfontlist i {
    width: 24px;
    height: 24px; }

#a_ranking .ranking-font .ranking-item > a .font-count,
#a_ranking .ranking-font .ranking-item > a .release-year {
  color: #999999;
  font-size: 14px; }

#a_ranking .ranking-font .ranking-item .font-info {
  display: flex;
  align-items: center;
  max-width: 50%;
  text-align: left;
  flex: 1;
  margin-right: auto; }

#a_ranking .ranking-font .ranking-item .img-fluid {
  aspect-ratio: 2/1;
  width: 120px;
  border-radius: 6px;
  object-fit: cover; }

#a_ranking .ranking-font .ranking-item .tags-wrap {
  width: 25%;
  max-width: 300px;
  margin-right: 40px; }

#a_ranking .ranking-font .ranking-item .tags {
  background-color: #f9f9f9;
  border-radius: 12px;
  padding: 4px 12px;
  font-size: 12px;
  text-align: left;
  width: max-content;
  display: flex;
  line-height: 1.68;
  flex-wrap: wrap;
  justify-content: flex-start;
  line-height: 1.68; }
  #a_ranking .ranking-font .ranking-item .tags span {
    margin-right: 10px; }
    #a_ranking .ranking-font .ranking-item .tags span:last-child {
      margin-right: 0; }

#a_ranking .ranking-voucher {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px; }
  #a_ranking .ranking-voucher .ranking-item {
    width: calc(25% - (60px/4));
    overflow: hidden;
    text-align: left; }
    #a_ranking .ranking-voucher .ranking-item:nth-of-type(4n) {
      margin-right: 0; }
    #a_ranking .ranking-voucher .ranking-item .img-wrap {
      aspect-ratio: 285/100;
      border-radius: 12px;
      background-color: #f9f9f9;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px; }
    #a_ranking .ranking-voucher .ranking-item img {
      border: none;
      height: 18px;
      width: auto;
      max-width: 100%; }
    #a_ranking .ranking-voucher .ranking-item .text-999 {
      margin-top: 6px; }
    #a_ranking .ranking-voucher .ranking-item .rank-number {
      top: 10px;
      left: 10px;
      width: 22px;
      height: 22px;
      font-size: 12px;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center; }

#a_ranking .ranking-brand {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; }
  #a_ranking .ranking-brand .ranking-item {
    width: calc(50% - 10px);
    position: relative;
    padding: 16px 0 16px 16px;
    border: 1px solid #dddddd;
    border-radius: 16px;
    overflow: hidden; }
    #a_ranking .ranking-brand .ranking-item .add-myfontlist {
      position: absolute;
      top: 16px;
      right: 8px; }
    #a_ranking .ranking-brand .ranking-item .img-wrap {
      padding-right: 0;
      gap: 12px;
      margin-top: 20px;
      overflow-x: auto; }
      #a_ranking .ranking-brand .ranking-item .img-wrap::-webkit-scrollbar {
        display: none; }
      #a_ranking .ranking-brand .ranking-item .img-wrap img {
        border-radius: 12px;
        max-width: 100%;
        width: 140px;
        min-width: 140px;
        min-height: 70px;
        aspect-ratio: 2/1;
        object-fit: cover;
        display: block; }

.fixed-nav {
  position: fixed;
  top: -62px;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  transition: opacity 0.3s ease, top 0.3s ease;
  z-index: 999;
  opacity: 0; }
  .fixed-nav.show {
    top: 80px;
    opacity: 1; }
  .fixed-nav .container {
    padding: 0 20px; }
  .fixed-nav .nav-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 58px;
    align-items: center; }
  .fixed-nav .nav-item {
    margin-right: 20px; }
    .fixed-nav .nav-item:last-child {
      margin-right: 0; }
  .fixed-nav .nav-link {
    background: none;
    border: none;
    padding: 20px 16px;
    font-size: 16px;
    color: #999999;
    cursor: pointer;
    transition: color 0.3s ease;
    position: relative; }
    .fixed-nav .nav-link.active {
      color: #000;
      font-weight: 600; }
      .fixed-nav .nav-link.active::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #000; }

.mobile article#a_ranking .nav {
  padding-bottom: 16px;
  justify-content: start; }

.mobile article#a_ranking .fixed-nav {
  top: 57px;
  opacity: 1; }
  .mobile article#a_ranking .fixed-nav.show {
    top: 57px; }
  .mobile article#a_ranking .fixed-nav .nav-list {
    display: flex;
    overflow-y: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    width: 100%;
    -ms-overflow-style: none;
    white-space: nowrap; }
    .mobile article#a_ranking .fixed-nav .nav-list::-webkit-scrollbar {
      display: none; }
    .mobile article#a_ranking .fixed-nav .nav-list .nav-item .nav-link {
      padding: 20px 0; }
      .mobile article#a_ranking .fixed-nav .nav-list .nav-item .nav-link.active {
        font-weight: normal; }
        .mobile article#a_ranking .fixed-nav .nav-list .nav-item .nav-link.active::after {
          bottom: -1px; }

.mobile article#a_ranking .ranking-font,
.mobile article#a_ranking .ranking-brand,
.mobile article#a_ranking .ranking-voucher {
  margin-top: 30px; }
  .mobile article#a_ranking .ranking-font .body2_r,
  .mobile article#a_ranking .ranking-brand .body2_r,
  .mobile article#a_ranking .ranking-voucher .body2_r {
    color: #1c1c1c; }

.mobile article#a_ranking .ranking-font {
  display: flex;
  gap: 20px 12px;
  flex-wrap: wrap; }
  .mobile article#a_ranking .ranking-font .ranking-item {
    width: calc(33.3% - 8px);
    border-bottom: none; }
    .mobile article#a_ranking .ranking-font .ranking-item .img-fluid {
      width: 100%;
      display: block;
      margin: 4px 0; }
    .mobile article#a_ranking .ranking-font .ranking-item a {
      text-align: left; }
      .mobile article#a_ranking .ranking-font .ranking-item a > * {
        width: 100% !important; }
      .mobile article#a_ranking .ranking-font .ranking-item a .rank-number {
        text-align: left;
        color: #1c1c1c; }
      .mobile article#a_ranking .ranking-font .ranking-item a .font-info {
        display: block;
        max-width: 100%;
        margin-right: 0; }
        .mobile article#a_ranking .ranking-font .ranking-item a .font-info .font-name {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 100%; }
    .mobile article#a_ranking .ranking-font .ranking-item:nth-child(3n) {
      margin-right: 0; }

.mobile article#a_ranking .ranking-brand .ranking-item {
  padding: 0 0 20px 0;
  border: none;
  border-radius: 0;
  width: 100%;
  border-bottom: 1px solid #dddddd; }
  .mobile article#a_ranking .ranking-brand .ranking-item .img-wrap {
    margin-top: 12px;
    width: calc(100% + 20px);
    margin-right: -20px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap;
    margin-bottom: 6px; }
    .mobile article#a_ranking .ranking-brand .ranking-item .img-wrap::-webkit-scrollbar {
      display: none; }
    .mobile article#a_ranking .ranking-brand .ranking-item .img-wrap img {
      min-width: 103px;
      min-height: inherit;
      aspect-ratio: 2/1;
      object-fit: cover; }

.mobile article#a_ranking .ranking-voucher {
  gap: 20px 12px; }
  .mobile article#a_ranking .ranking-voucher .ranking-item {
    width: calc(50% - 6px); }
    .mobile article#a_ranking .ranking-voucher .ranking-item img {
      height: 20%; }
    .mobile article#a_ranking .ranking-voucher .ranking-item .rank-number {
      top: 5px;
      left: 5px;
      width: 16px;
      height: 16px;
      font-size: 10px;
      border-radius: 4px; }

.mobile article#a_ranking form .form-group.range-wrap {
  width: 100%;
  padding: 4px;
  display: flex; }
  .mobile article#a_ranking form .form-group.range-wrap input[type="radio"] + label {
    margin-right: 0;
    width: 33.3%;
    line-height: 1.68;
    text-align: center; }

.mobile article#a_ranking form .form-group.ms-auto {
  margin-top: 12px; }
  .mobile article#a_ranking form .form-group.ms-auto button {
    font-size: 12px; }

.mobile article#a_ranking .ranking-section {
  padding-top: 73px; }

.mobile:has(#a_ranking) ~ .modal-backdrop.show {
  opacity: 0.25; }

.fontFilterModal {
  text-align: left; }
  .fontFilterModal p.body2_r {
    margin-bottom: 12px; }
  .fontFilterModal .form-group {
    gap: 10px;
    margin-bottom: 40px; }
    .fontFilterModal .form-group:last-of-type(1) {
      margin-bottom: 30px; }
    .fontFilterModal .form-group li {
      width: calc(33.3% - 8px); }
    .fontFilterModal .form-group input[type="radio"] {
      display: none; }
    .fontFilterModal .form-group input[type="radio"] + label {
      cursor: pointer;
      border: 1px solid #dddddd;
      color: #1c1c1c;
      padding: 6px 12px;
      border-radius: 8px;
      font-size: 12px;
      width: 100%;
      text-align: center;
      line-height: 1.68; }
    .fontFilterModal .form-group input[type="radio"]:checked + label {
      border-color: #4173fa;
      color: #4173fa; }
  .fontFilterModal .btn {
    height: 48px; }
    .fontFilterModal .btn.btn-default-outline {
      width: 100px; }
    .fontFilterModal .btn.btn-sandoll {
      margin-left: auto;
      width: calc(100% - 108px); }

html, body {
  color: #333333;
  scroll-behavior: smooth; }

a,
a:hover,
a:focus,
a:active,
a:visited,
a:link,
a:focus-visible {
  text-decoration: none;
  outline: none; }

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none; }

#contents:focus-visible {
  outline: none; }

.w-33 {
  width: 33.3%; }

.pe-60px {
  padding-right: 60px; }

.mb-200px {
  margin-bottom: 200px !important; }

.scrolldown {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.2s;
  animation-duration: .3s, 1.2s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-in-out, ease-in-out;
  animation-timing-function: ease-in-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite; }

.pageloading {
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;
  display: flex;
  transition: all 0.2s;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1; }
  .pageloading#fontloading {
    z-index: 9999; }

textarea,
input,
button,
section {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  outline: none; }
  textarea:focus, textarea:focus-visible, textarea:active,
  input:focus,
  input:focus-visible,
  input:active,
  button:focus,
  button:focus-visible,
  button:active,
  section:focus,
  section:focus-visible,
  section:active {
    outline: none; }

.btn:focus, .btn:focus-visible, .btn:active {
  outline: none;
  box-shadow: none; }

.form-check-input:focus,
.form-radio-input:focus {
  box-shadow: none; }

.form-control {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #dddddd;
  border-radius: 8px; }
  .form-control:focus {
    box-shadow: none; }
  .form-control.parsley-error {
    border-color: #ff6e40; }
  .form-control.is-invalid {
    background-image: none;
    border-color: #ff6e40; }
  .form-control.is-invalid + .invalid-feedback {
    color: #ff6e40;
    width: calc(100% - 200px); }
  .form-control.select-wrap {
    padding-right: 32px;
    position: relative;
    color: #1c1c1c;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath data-name='Path 433' d='m6209 1011 5 5 5-5' transform='translate(-6206 -1005)' style='stroke:%23000;fill:none'/%3E%3Cpath data-name='Rectangle 171' style='fill:none' d='M0 0h16v16H0z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center; }
  .form-control.size-default {
    padding: 9px 14px 8px;
    font-size: 0.875rem; }
    .form-control.size-default ::placeholder {
      color: #999999; }
    .form-control.size-default:hover, .form-control.size-default:focus, .form-control.size-default:active {
      border-color: #4173fa; }
  .form-control:disabled, .form-control[readonly] {
    border: 1px solid #dddddd;
    color: #999999;
    background: #f9f9f9; }

.form-control::placeholder {
  color: #999999;
  font-family: 'SandollGothicNeo1Unicode' , -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.form-check + .parsley-errors-list {
  margin-left: 1.8125rem; }

.joinForm .form-check + .parsley-errors-list {
  margin-top: 0;
  margin-bottom: 12px !important; }

.parsley-errors-list {
  color: #ff6e40;
  font-size: 0.875rem;
  width: 100%;
  order: 3;
  line-height: 1.64;
  font-weight: normal; }
  .parsley-errors-list.filled {
    margin: 0.75rem 0 0; }

.list-style {
  list-style: '·  '; }
  .list-style li {
    margin-left: 15px; }

.form-check {
  display: flex;
  align-items: center;
  padding-left: 0; }
  .form-check .form-check-label {
    width: calc(100% - 30px); }

.form-check-input[type=checkbox] {
  border-radius: 2px;
  border: none;
  margin-top: 0;
  vertical-align: baseline;
  float: inherit;
  margin-left: 0;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.75' y='0.75' width='14.5' height='14.5' rx='1.25' stroke='%23DDDDDD' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .form-check-input[type=checkbox]:checked {
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3.93414 7.12653C3.64125 6.83364 3.16637 6.83364 2.87348 7.12653C2.58059 7.41942 2.58059 7.8943 2.87348 8.18719L6.40901 11.7227C6.70191 12.0156 7.17678 12.0156 7.46967 11.7227L13.1265 6.06587C13.4194 5.77298 13.4194 5.2981 13.1265 5.00521C12.8336 4.71232 12.3588 4.71232 12.0659 5.00521L6.93934 10.1317L3.93414 7.12653Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  .form-check-input[type=checkbox].partly {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM3 7.25C2.58579 7.25 2.25 7.58579 2.25 8C2.25 8.41421 2.58579 8.75 3 8.75H13C13.4142 8.75 13.75 8.41421 13.75 8C13.75 7.58579 13.4142 7.25 13 7.25H3Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.form-check .form-check-input {
  float: inherit;
  margin-left: 0;
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  background-size: cover;
  box-shadow: none; }
  .form-check .form-check-input[type=radio] {
    width: 18px;
    height: 18px;
    margin-top: 0;
    background-color: #ffffff;
    border: none;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.25' stroke='%23DDDDDD' stroke-width='1.5'/%3E%3C/svg%3E%0A"); }
    .form-check .form-check-input[type=radio]:checked {
      background-size: 24px;
      background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='8.25' stroke='%23C3D2FF' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%234173FA'/%3E%3C/svg%3E%0A"); }

.badge-wrap > span:nth-child(3), .badge-wrap > span:nth-child(4), .badge-wrap > span:nth-child(5) {
  display: none; }

.badge {
  font-size: 0.625rem;
  line-height: 1.8;
  font-weight: 400;
  text-transform: capitalize;
  border-radius: 4px;
  padding: 0 4px;
  background-repeat: no-repeat;
  background-position: 4px center; }
  .badge + .badge {
    margin-left: 4px; }
  .badge.badge-free {
    color: #00b758;
    background-color: rgba(0, 183, 88, 0.2); }
  .badge.badge-new, .badge.badge-ai {
    color: #4173FA;
    background-color: rgba(65, 115, 250, 0.2);
    padding: 0 4px 0 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.70108 1.80194L4.39016 0.869176C4.32938 0.686837 4.07147 0.686837 4.01069 0.869176L3.69977 1.80194C3.40116 2.69776 2.69821 3.4007 1.8024 3.69931L0.869634 4.01023C0.687294 4.07101 0.687294 4.32892 0.869633 4.3897L1.8024 4.70063C2.69821 4.99923 3.40116 5.70218 3.69976 6.59799L4.01069 7.53076C4.07147 7.7131 4.32938 7.7131 4.39016 7.53076L4.70108 6.59799C4.99969 5.70218 5.70263 4.99923 6.59845 4.70062L7.53121 4.3897C7.71355 4.32892 7.71355 4.07101 7.53121 4.01023L6.59845 3.69931C5.70263 3.4007 4.99969 2.69776 4.70108 1.80194Z' fill='%234173FA'/%3E%3Cpath d='M8.3003 6.00155L8.28938 5.96879C8.2286 5.78645 7.97069 5.78645 7.90991 5.96879L7.89898 6.00155C7.60038 6.89737 6.89743 7.60031 6.00162 7.89892L5.96885 7.90984C5.78651 7.97062 5.78651 8.22853 5.96885 8.28931L6.00162 8.30023C6.89743 8.59884 7.60038 9.30179 7.89898 10.1976L7.90991 10.2304C7.97069 10.4127 8.2286 10.4127 8.28938 10.2304L8.3003 10.1976C8.59891 9.30179 9.30185 8.59884 10.1977 8.30023L10.2304 8.28931C10.4128 8.22853 10.4128 7.97062 10.2304 7.90984L10.1977 7.89892C9.30185 7.60031 8.59891 6.89737 8.3003 6.00155Z' fill='%234173FA'/%3E%3C/svg%3E%0A"); }
  .badge.badge-ai {
    padding-left: 19px;
    padding-right: 6px;
    background-position-x: 6px; }
  .badge.badge-process {
    border: 1px solid #00b758;
    color: #00b758; }
  .badge.badge-finished {
    color: #4173FA;
    border: 1px solid #4173FA; }
  .badge.badge-hot {
    color: #f54bb4;
    background-color: rgba(245, 75, 186, 0.2);
    padding: 0 4px 0 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79 8.96264L2.97 6.14264C2.63833 5.80381 2.44402 5.35406 2.42462 4.88031C2.40523 4.40656 2.56213 3.94244 2.865 3.57764C3.03258 3.38809 3.23716 3.23482 3.46616 3.12725C3.69516 3.01967 3.94374 2.96007 4.19662 2.95209C4.4495 2.94412 4.70134 2.98795 4.93666 3.08088C5.17198 3.17382 5.38581 3.3139 5.565 3.49251L6 3.92789L6.41512 3.51276C6.75298 3.18113 7.20195 2.98677 7.67497 2.96737C8.14799 2.94797 8.61137 3.10491 8.97525 3.40776C9.1648 3.57535 9.31807 3.77992 9.42564 4.00892C9.53322 4.23792 9.59282 4.4865 9.60079 4.73938C9.60877 4.99226 9.56494 5.2441 9.472 5.47942C9.37907 5.71474 9.23899 5.92857 9.06037 6.10776L6.21037 8.96264C6.15428 9.01772 6.0788 9.04858 6.00019 9.04858C5.92157 9.04858 5.84609 9.01772 5.79 8.96264Z' fill='%23F54BB4'/%3E%3C/svg%3E%0A"); }
  .badge.badge-pick {
    color: #02D1AC;
    background-color: rgba(2, 209, 172, 0.2);
    padding: 0 4px 0 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.69999 9.0001C2.62043 9.0001 2.54412 8.96849 2.48786 8.91223C2.4316 8.85597 2.39999 8.77966 2.39999 8.7001V5.4001C2.39999 5.32053 2.4316 5.24423 2.48786 5.18797C2.54412 5.1317 2.62043 5.1001 2.69999 5.1001C2.77956 5.1001 2.85587 5.1317 2.91213 5.18797C2.96839 5.24423 2.99999 5.32053 2.99999 5.4001V8.7001C2.99999 8.77966 2.96839 8.85597 2.91213 8.91223C2.85587 8.96849 2.77956 9.0001 2.69999 9.0001Z' fill='%2302D1AC'/%3E%3Cpath d='M8.7 4.5001H6.13013L6.47025 2.9401C6.49223 2.83914 6.49135 2.73455 6.46767 2.63398C6.44399 2.53341 6.39811 2.43941 6.33339 2.35887C6.26867 2.27833 6.18676 2.21329 6.09364 2.16851C6.00052 2.12374 5.89857 2.10036 5.79525 2.1001C5.67569 2.10036 5.5582 2.13129 5.45401 2.18992C5.34982 2.24855 5.2624 2.33292 5.20012 2.43497L3.78525 4.78997L3.68513 4.95497L3.66525 4.98497C3.62181 5.05742 3.59935 5.14051 3.60038 5.22497V8.7001C3.60038 8.85923 3.66359 9.01184 3.77611 9.12436C3.88863 9.23688 4.04125 9.3001 4.20038 9.3001H7.73025C7.84118 9.29967 7.94984 9.26864 8.04426 9.21041C8.13868 9.15218 8.21519 9.06903 8.26537 8.9701L9.2355 7.02497C9.2769 6.9409 9.29906 6.84867 9.30037 6.75497V5.1001C9.30037 5.02127 9.28484 4.94322 9.25467 4.8704C9.22449 4.79758 9.18026 4.73142 9.12451 4.6757C9.06875 4.61998 9.00256 4.57579 8.92973 4.54566C8.85689 4.51553 8.77882 4.50005 8.7 4.5001Z' fill='%2302D1AC'/%3E%3C/svg%3E%0A"); }
  .badge.badge-dday {
    color: #7765ff;
    background-color: rgba(119, 101, 255, 0.2);
    padding: 0 4px 0 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2.3999C5.28798 2.3999 4.59196 2.61104 3.99994 3.00661C3.40793 3.40219 2.9465 3.96443 2.67403 4.62224C2.40155 5.28006 2.33026 6.0039 2.46917 6.70223C2.60808 7.40056 2.95094 8.04202 3.45441 8.54549C3.95788 9.04896 4.59934 9.39182 5.29767 9.53073C5.996 9.66964 6.71984 9.59834 7.37766 9.32587C8.03547 9.05339 8.59771 8.59197 8.99329 7.99996C9.38886 7.40794 9.6 6.71192 9.6 5.9999C9.60029 5.52706 9.50738 5.0588 9.32656 4.62189C9.14575 4.18499 8.88059 3.78801 8.54624 3.45366C8.21189 3.11931 7.81491 2.85415 7.37801 2.67333C6.9411 2.49252 6.47284 2.39961 6 2.3999ZM6.18487 6.23503L4.68487 7.43503C4.63271 7.47757 4.5673 7.50052 4.5 7.4999C4.43791 7.49959 4.37742 7.48015 4.32679 7.44421C4.27615 7.40828 4.23783 7.3576 4.21704 7.2991C4.19626 7.24059 4.19402 7.17709 4.21063 7.11727C4.22724 7.05744 4.26189 7.00419 4.30987 6.96478L5.69475 5.85478V4.1999C5.69475 4.12034 5.72635 4.04403 5.78261 3.98777C5.83887 3.93151 5.91518 3.8999 5.99475 3.8999C6.07431 3.8999 6.15062 3.93151 6.20688 3.98777C6.26314 4.04403 6.29474 4.12034 6.29474 4.1999V5.9999C6.29682 6.04506 6.28791 6.09004 6.26877 6.131C6.24963 6.17195 6.22084 6.20765 6.18487 6.23503Z' fill='%237765FF'/%3E%3C/svg%3E%0A"); }
  .badge.badge-limited {
    color: #999999;
    background-color: rgba(153, 153, 153, 0.2); }
  .badge.badge-purple {
    color: #7765ff;
    background-color: rgba(119, 101, 255, 0.2); }
  .badge.badge-sandoll {
    background-color: #4173FA;
    color: #ffffff; }
  .badge.badge-light-sandoll {
    background-color: #f5f8ff;
    color: #4173fa; }
  .badge.badge-light-sandoll2 {
    background-color: rgba(65, 115, 250, 0.2);
    color: #4173fa; }
  .badge.badge-search-purple {
    padding: 1px 6px;
    line-height: 1.8;
    font-size: 0.6875rem;
    color: #ffffff;
    background-color: #9284ff; }
  .badge.badge-search-light-purple {
    padding: 1px 6px;
    line-height: 1.8;
    font-size: 0.6875rem;
    color: #473D99;
    background-color: #E4E0FF; }
  .badge.badge-search-sandoll {
    padding: 3px 7px;
    line-height: 1.8;
    background-color: #4173FA;
    color: #ffffff; }
  .badge.badge-recomm {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    height: 30px;
    background-image: url("https://media.sandollcloud.com/static/images/PSP/etc/badge-bg.png");
    background-size: 100% 100%;
    background-repeat: repeat-x;
    margin-left: 28px !important;
    margin-right: 10px;
    color: #4173fa;
    padding: 0 3px 0 0;
    vertical-align: text-bottom;
    border-radius: 0;
    background-position: center center; }
    .badge.badge-recomm:before {
      content: "";
      background-repeat: no-repeat;
      position: absolute;
      left: -23px;
      top: 0;
      display: inline-block;
      width: 23px;
      height: 30px;
      z-index: 1;
      background-size: 23px 30px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/etc/badge-before.png"); }
    .badge.badge-recomm:after {
      z-index: 1;
      content: "";
      position: absolute;
      background-repeat: no-repeat;
      right: -10px;
      top: 0;
      background-size: 10px 30px;
      display: inline-block;
      width: 10px;
      height: 30px;
      background-image: url("https://media.sandollcloud.com/static/images/PSP/etc/badge-after.png"); }
  .badge.badge-voucher {
    padding: 3px 10px;
    font-size: 0.6875rem;
    color: #1c1c1c;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #dddddd; }
  .badge.badge-webfont {
    padding: 3px 10px;
    font-size: 0.6875rem;
    color: #ffffff;
    border-radius: 8px;
    background-color: #222A40;
    border: 1px solid #1c1c1c; }
  .badge.badge-light-gray {
    color: #999999;
    background-color: #f9f9f9;
    padding: 4px 8px; }

.text-333 {
  color: #333333 !important; }

.text-999 {
  color: #999999 !important; }

.text-777 {
  color: #777 !important; }

.text-1b {
  color: #1b1b1b !important; }

.text-ccc {
  color: #cccccc; }

.text-sandoll {
  color: #4173fa !important; }

.text-lsandoll {
  color: #c3d2ff !important; }

.text-lsandoll2 {
  color: #91b4ff !important; }

.text-orange {
  color: #ff6e40 !important; }

.text-alert {
  color: #ff6e40; }

.text-black {
  color: #1c1c1c !important; }

.text-sale {
  color: #ff7436; }

.text-yellowgreen {
  color: #e1ff7d !important; }

.text-white {
  color: #ffffff !important; }

.text-5c {
  color: #5c5c5c !important; }

.fw-noraml {
  font-weight: 420 !important;
  font-variation-settings: "wght" 420 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-bold {
  font-weight: bold !important; }

.fw-900 {
  font-weight: 900 !important; }

.hr-ddd {
  background-color: #dddddd;
  opacity: 1; }

.container-572 {
  width: 572px;
  margin: 0 auto;
  overflow: hidden; }

.container-670 {
  width: 670px;
  margin: 0 auto;
  overflow: hidden; }

.container-auto {
  width: 100%;
  margin: 0 auto;
  padding: 0 5%;
  overflow: hidden; }
  .container-auto hr {
    border-color: #dddddd;
    opacity: 1;
    background-color: #dddddd; }
  .container-auto .nav .nav-link {
    border: none;
    background: none;
    color: #1c1c1c; }
    .container-auto .nav .nav-link.active {
      color: #4173fa; }
  .container-auto .tab-content {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 40px; }
  .container-auto #regno_error .parsley-errors-list.filled {
    margin-top: 0;
    margin-bottom: 0.75rem; }
  .container-auto .add_txt {
    padding: 20px 5%;
    background: #f9f9f9;
    text-align: center; }
  .container-auto .parsley-errors-list.filled {
    width: 100%; }

.container-1160 {
  width: 1160px;
  overflow: hidden;
  margin: 0 auto; }

.container-1200 {
  width: 1240px;
  max-width: 1240px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px; }
  .container-1200 img {
    border: 1px solid #eaeaea; }

.container-1460 {
  width: 100%;
  max-width: 1460px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto; }

.container-768 {
  width: 768px;
  overflow: hidden;
  margin: 0 auto; }

#contents > article {
  margin-top: 0;
  padding-bottom: 0; }

header.show:not(.webview-prev-wrap) ~ #contents > article {
  margin-top: calc(80px + 60px);
  min-width: 1240px;
  padding-bottom: 200px;
  outline: none; }
  header.show:not(.webview-prev-wrap) ~ #contents > article#fontDesc, header.show:not(.webview-prev-wrap) ~ #contents > article#main, header.show:not(.webview-prev-wrap) ~ #contents > article#compsans, header.show:not(.webview-prev-wrap) ~ #contents > article#compserif {
    margin-top: 0; }
  header.show:not(.webview-prev-wrap) ~ #contents > article.responsive {
    min-width: 100%; }
  header.show:not(.webview-prev-wrap) ~ #contents > article.lgCnsExternal {
    margin-top: 60px; }

header.show:not(.webview-prev-wrap) ~ #contents > article.font_2_1,
header.show.responsive ~ #contents > article {
  margin-top: calc(80px + 60px);
  min-width: 100%;
  padding-bottom: 200px; }
  header.show:not(.webview-prev-wrap) ~ #contents > article.font_2_1#search,
  header.show.responsive ~ #contents > article#search {
    margin-top: 120px; }

header.show.responsive ~ #contents > article .container-1200 {
  width: 100%; }

header.webview-prev-wrap ~ #contents > article {
  margin-top: 0;
  min-width: 1200px;
  padding-bottom: 200px; }

header.webview-prev-wrap ~ #contents.webview > article {
  margin-top: 0;
  min-width: 100%;
  padding-bottom: 80px; }

.modal-backdrop, .modal {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }

.modal-backdrop::-webkit-scrollbar,
.modal::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/ }

.modal-open > header:has(.sandollModal.show) ~ .modal-backdrop.show {
  z-index: 900; }

/*modal custom */
.sandollModal .modal-header {
  border-bottom: none; }
  .sandollModal .modal-header .btn-close {
    box-shadow: none;
    opacity: 1; }

.sandollModal .modal-footer {
  border-top: none; }

.custom-modal .modal-dialog:not(.modal-lg) {
  max-width: 572px; }

.custom-modal .modal-dialog.modal-m {
  max-width: 480px; }

.custom-modal .modal-content {
  border: none;
  border-radius: 0.75rem; }
  .custom-modal .modal-content iframe {
    width: 100%;
    height: 350px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; }
  .custom-modal .modal-content > .btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 1;
    z-index: 1;
    box-shadow: none;
    color: #1c1c1c; }
  .custom-modal .modal-content .modal-body {
    padding: 40px 40px 0;
    line-height: 1.64; }
  .custom-modal .modal-content .list-style {
    line-height: 1.64; }
  .custom-modal .modal-content .fs-title-1,
  .custom-modal .modal-content .fs-title-2,
  .custom-modal .modal-content .fs-title-3,
  .custom-modal .modal-content .fs-title-4 {
    color: #1c1c1c; }
  .custom-modal .modal-content hr {
    background-color: #dddddd;
    opacity: 1; }
  .custom-modal .modal-content textarea.fs-txt-3 {
    padding: 12px 14px;
    height: 80px; }
    .custom-modal .modal-content textarea.fs-txt-3.alert {
      border: 1px solid #ff6e40; }
  .custom-modal .modal-content .fs-txt-2 {
    white-space: pre-line; }
  .custom-modal .modal-content .modal-header {
    border-bottom: none; }
    .custom-modal .modal-content .modal-header .btn-close {
      opacity: 1; }
  .custom-modal .modal-content .modal-footer {
    border-top: none;
    padding-bottom: 40px;
    padding-top: 0; }
    .custom-modal .modal-content .modal-footer > * {
      margin: 0; }

.custom-modal.coachModal .modal-dialog {
  max-width: 338px !important; }

.custom-modal.coachModal .modal-content {
  border-radius: 8px;
  padding: 16px 20px 24px; }
  .custom-modal.coachModal .modal-content .modal-body {
    padding: 0; }
  .custom-modal.coachModal .modal-content .btn-close {
    width: 16px;
    height: 16px;
    opacity: 1; }
  .custom-modal.coachModal .modal-content h4,
  .custom-modal.coachModal .modal-content h6 {
    line-height: 1.64;
    word-break: keep-all; }
  .custom-modal.coachModal .modal-content p {
    line-height: 1.64;
    word-break: keep-all; }

.custom-modal#copyUserModal .modal-dialog {
  max-width: 630px; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .form-control {
    padding: 8px 12px;
    border: 1px solid #dddddd; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body button .badge {
    color: #4173fa;
    background-color: #F5F8FF; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body button[aria-expanded="true"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body button[aria-expanded="true"] + .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu {
    margin-top: -4px !important;
    padding: 0 0px;
    width: 100%;
    font-size: 0.875rem; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item {
      padding: 8px 12px;
      display: flex;
      align-items: center; }
      .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:hover, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:active, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item.focus {
        color: #4173fa;
        background-color: #F5F8FF; }
        .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:hover .badge, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item:active .badge, .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item.focus .badge {
          background-color: #EBF0FF; }
      .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item .badge {
        color: #4173fa;
        background-color: #F5F8FF; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .position-relative button.position-absolute {
    background: transparent;
    border: none;
    padding: 0;
    top: 6px;
    left: 8px;
    width: 24px;
    height: 24px; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .position-relative button.position-absolute i {
      width: 24px;
      height: 24px; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .position-relative input[type="text"] {
    padding-left: 32px; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .text-alert {
    font-size: 0.75rem;
    margin-bottom: 0.375rem;
    display: none; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .btn-sandoll:disabled {
    background-color: #cccccc;
    border-color: #cccccc; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row {
    display: flex;
    border-bottom: 1px solid #dddddd;
    align-items: center;
    flex-wrap: nowrap;
    padding: 12.5px 4px;
    font-size: 0.875rem; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:first-child {
      width: 24px;
      height: 24px; }
      .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:first-child .form-check-input {
        margin-right: 0;
        vertical-align: middle;
        width: 16px;
        height: 16px; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:nth-of-type(2) {
      width: 46%;
      overflow: hidden;
      padding-left: 8px;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row > div:nth-of-type(3) {
      padding-left: 8px; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row.header {
      color: #999999;
      padding: 6px 4px;
      font-size: 0.75rem; }
    .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .list-row.list-none {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      height: 100%;
      display: none; }
  .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .scrollable-area {
    height: 217px;
    overflow-y: auto;
    overflow-x: hidden; }

.custom-modal#copyListFinshedModal {
  font-size: 0.8125rem; }

/* font-size old */
.fs-title-0,
.heading1 {
  color: #1c1c1c; }
  .fs-title-0 > *,
  .heading1 > * {
    font-weight: bold; }

.fs-title-1 > *,
.heading2 > *,
.fs-title-2 > *,
.heading3 > * {
  font-weight: bold; }

.fs-title-3,
.fs-title-4,
.fs-title-5,
.heading4,
.heading5 {
  color: #1c1c1c; }
  .fs-title-3 > *,
  .fs-title-4 > *,
  .fs-title-5 > *,
  .heading4 > *,
  .heading5 > * {
    font-weight: bold; }

/* font-size new */
.heading1,
.fs-title-0 {
  font-size: 2.75rem !important;
  font-weight: bold;
  line-height: 1.38; }

.heading2,
.fs-title-1 {
  font-size: 2.125rem !important;
  font-weight: bold;
  line-height: 1.42; }

.heading3,
.fs-title-2 {
  font-size: 1.625rem !important;
  font-weight: bold;
  line-height: 1.45; }

.heading4,
.fs-title-3 {
  font-size: 1.25rem !important;
  font-weight: bold;
  line-height: 1.48; }

.heading5,
.fs-title-4 {
  font-size: 1rem !important;
  font-weight: bold;
  line-height: 1.58; }

.heading6,
.fs-title-5 {
  font-size: 0.875rem !important;
  font-weight: bold;
  line-height: 1.61; }

.heading7 {
  font-size: 0.75rem !important;
  font-weight: bold;
  line-height: 1.64; }

.body0_r,
.fs-txt-1 {
  font-size: 1.25rem !important;
  font-weight: normal;
  line-height: 1.48; }

.body1_r,
.fs-txt-2 {
  font-size: 1rem !important;
  font-weight: normal;
  line-height: 1.58; }

.body2_r,
.fs-txt-3 {
  font-size: 0.875rem !important;
  font-weight: normal;
  line-height: 1.61; }

.body3_n {
  font-size: 0.8125rem !important;
  font-weight: normal;
  line-height: 1.64; }

.body3_r {
  font-size: 0.8125rem !important;
  font-weight: normal;
  line-height: 1.64; }

.caption1,
.fs-txt-4 {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.64; }

.caption2,
.fs-txt-5 {
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1.7; }

.text-min {
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 1.8; }

.loader {
  display: flex;
  justify-content: center;
  align-items: center; }
  .loader span {
    background: #4173fa;
    border-radius: 50%;
    margin: 0 6px;
    width: 10px;
    height: 10px;
    opacity: 1;
    animation: loader 0.6s infinite alternate; }
    .loader span:nth-of-type(2) {
      animation-delay: 0.1s; }
    .loader span:nth-of-type(3) {
      animation-delay: 0.3s; }

p.line2-ellipsis,
h4.line2-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* ellipsis line */
  -webkit-box-orient: vertical;
  height: 3em; }

/* Skip Nav - 음성사용자 전용 */
#skipNav {
  position: relative;
  z-index: 999;
  display: none; }

#skipNav a {
  display: block;
  height: 1px;
  width: 1px;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 20px;
  color: #ffffff;
  font-weight: 650;
  background: #4173fa;
  white-space: nowrap;
  text-align: center; }

#skipNav a:focus, #skipNav a:active {
  height: auto;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  position: absolute;
  left: 0;
  top: 0; }

.text-decoration-underline {
  text-underline-position: under; }

/* rangeSlider */
.range-slider {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ }
  .range-slider .range-slider-value {
    margin-left: 1rem;
    font-size: 0.75rem; }
  .range-slider .range::-webkit-slider-thumb {
    -webkit-appearance: none;
    /* Override default look */
    appearance: none;
    border-radius: 50%;
    width: 12px;
    /* Set a specific slider handle width */
    height: 12px;
    /* Slider handle height */
    background: #1c1c1c;
    cursor: pointer; }
  .range-slider .range::-moz-range-thumb {
    width: 12px;
    /* Set a specific slider handle width */
    height: 12px;
    /* Slider handle height */
    background: #1c1c1c;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer; }
  .range-slider .range {
    -webkit-appearance: none;
    height: 2px;
    border-radius: 0px;
    background: linear-gradient(to right, #1c1c1c 0%, #1c1c1c 29.1667%, lightgray 29.1667%, lightgray 100%);
    outline: none;
    width: 100%;
    opacity: 1;
    box-shadow: none;
    border-radius: 2px;
    -webkit-transition: .2s;
    transition: opacity .2s; }
  .range-slider input[type="range"]:disabled::-webkit-slider-thumb {
    cursor: context-menu !important;
    background: #dddddd; }
  .range-slider input[type="range"]:disabled::-moz-range-thumb {
    cursor: context-menu !important;
    background: #dddddd; }
  .range-slider input[type="range"]:disabled::-ms-thumb {
    cursor: context-menu !important;
    background: #dddddd; }

.custom-pagination .page-item.active .page-link {
  color: #1c1c1c;
  background: transparent;
  font-weight: bold; }

.custom-pagination .page-item .page-link {
  padding-top: 4px; }
  .custom-pagination .page-item .page-link:has(.sd) {
    padding: 0; }
  .custom-pagination .page-item .page-link:has(.ic-page-prev), .custom-pagination .page-item .page-link:has(.ic-page-first) {
    margin-right: 8px; }
  .custom-pagination .page-item .page-link:has(.ic-page-next), .custom-pagination .page-item .page-link:has(.ic-page-last) {
    margin-left: 8px; }
  .custom-pagination .page-item .page-link:focus {
    box-shadow: none; }

.custom-pagination .page-link {
  border: none;
  color: #999999;
  padding: 0 6px;
  background: transparent;
  cursor: pointer; }
  .custom-pagination .page-link:hover {
    background: transparent; }

*:not(.mobile) #commonConfirmModal .btn-wrap,
*:not(.mobile) #commonConfirmModal2 .btn-wrap,
*:not(.mobile) #alertLoginModal .btn-wrap,
*:not(.mobile) .commonConfirmType .btn-wrap {
  display: flex; }
  *:not(.mobile) #commonConfirmModal .btn-wrap .btn,
  *:not(.mobile) #commonConfirmModal2 .btn-wrap .btn,
  *:not(.mobile) #alertLoginModal .btn-wrap .btn,
  *:not(.mobile) .commonConfirmType .btn-wrap .btn {
    width: auto;
    flex: 1;
    border-radius: 8px; }
    *:not(.mobile) #commonConfirmModal .btn-wrap .btn + .btn,
    *:not(.mobile) #commonConfirmModal2 .btn-wrap .btn + .btn,
    *:not(.mobile) #alertLoginModal .btn-wrap .btn + .btn,
    *:not(.mobile) .commonConfirmType .btn-wrap .btn + .btn {
      margin-left: 8px; }

*:not(.mobile) #commonConfirmModal.custom-modal .modal-dialog:not(.modal-lg) .modal-content,
*:not(.mobile) #commonConfirmModal2.custom-modal .modal-dialog:not(.modal-lg) .modal-content,
*:not(.mobile) #alertLoginModal.custom-modal .modal-dialog:not(.modal-lg) .modal-content,
*:not(.mobile) .commonConfirmType.custom-modal .modal-dialog:not(.modal-lg) .modal-content {
  max-width: 480px;
  margin: 0 auto; }

*:not(.mobile) #commonAlertModal .btn-wrap .btn,
*:not(.mobile) .commonAlertType .btn-wrap .btn {
  width: 100%;
  border-radius: 8px; }

*:not(.mobile) #commonAlertModal.custom-modal .modal-dialog:not(.modal-lg) .modal-content,
*:not(.mobile) .commonAlertType.custom-modal .modal-dialog:not(.modal-lg) .modal-content {
  max-width: 480px;
  margin: 0 auto; }

*:not(.mobile) #commonAlertModal.custom-modal .modal-content .fs-txt-2,
*:not(.mobile) .commonAlertType.custom-modal .modal-content .fs-txt-2 {
  white-space: normal; }

*:not(.mobile) #commonAlertModal.custom-modal .modal-content > .btn-close,
*:not(.mobile) .commonAlertType.custom-modal .modal-content > .btn-close {
  right: 16px;
  top: 16px; }

.mobile .carousel-control-prev,
.mobile .carousel-control-next {
  display: none !important; }

.mobile .search-list .font2 .font_image .carousel-control-prev,
.mobile .search-list .font2 .font_image .carousel-control-next {
  display: block !important; }

/* 키보드 포커싱 전용 
:focus-visible
일반 포커싱 할때랑 outline 컬러 따로 넣을건지 확인 필요함 
*/
.cls-1 {
  fill: #1c1c1c; }

.cls-3, .cls-4 {
  fill: none; }

.cls-3 {
  stroke: #1c1c1c;
  stroke-width: .65px;
  stroke-linecap: round; }

@media (max-width: 1200px) and (min-width: 760px) {
  .container-1160 {
    width: 1160px;
    padding: 0 1%; }
    .container-1160.webview {
      width: 100%;
      padding: 0 4.8%; }
  .container-768 {
    width: 768px;
    padding: 0 1%; }
    .container-768.webview {
      width: 100%;
      max-width: 768px;
      margin: 0 auto;
      padding: 0 4.8%; } }

@media (max-width: 760px) {
  .container-768,
  .container-572,
  .container-670 {
    width: 100%;
    padding: 0 5.4%; }
  .container-1200 {
    width: 100%; }
  /* text size */
  .fs-title-0,
  .heading1 {
    font-size: 2.125rem !important; }
  .fs-title-1,
  .heading2 {
    font-size: 1.625rem !important; }
  .fs-title-2,
  .heading3:not(.maintain) {
    font-size: 1.25rem !important; }
  .fs-title-3,
  .heading4:not(.maintain) {
    font-size: 1rem !important; }
  .fs-title-4,
  .heading5:not(.maintain) {
    font-size: 0.875rem !important; }
  .fs-title-5,
  .heading6:not(.maintain) {
    font-size: 0.75rem !important; }
  .fs-txt-0
.body0_r:not(.maintain) {
    font-size: 1.25rem !important; }
  .fs-txt-1,
  .body1_r:not(.maintain) {
    font-size: 1rem !important; }
  .fs-txt-2,
  .body2_r:not(.maintain) {
    font-size: 0.875rem !important; }
  .fs-txt-3,
  .body3_r:not(.maintain),
  .body3_n:not(.maintain) {
    font-size: 0.75rem !important; }
  .fs-txt-4,
  .caption1:not(.maintain) {
    font-size: 0.625rem !important; }
  .fs-txt-5,
  .caption2:not(.maintain) {
    font-size: 0.625rem; }
  .modal-backdrop.show {
    opacity: 0.8; } }

.mobile#contents:not(.webview) > article {
  min-width: 100%;
  padding-top: 58px;
  padding-bottom: 120px; }

.mobile .form-control.size-default {
  padding: 12px 14px 12px;
  height: 48px; }

.mobile .custom-modal .modal-dialog {
  max-width: 89.4%;
  margin: 0 5.3%; }

.mobile .custom-modal .modal-content > .btn-close {
  right: 5.3%; }

.mobile .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu {
  font-size: 0.75rem; }
  .mobile .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item {
    flex-wrap: nowrap;
    white-space: normal; }
    .mobile .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .dropdown-menu .dropdown-item .product-name {
      width: 70%; }

.mobile .custom-modal#copyUserModal .modal-dialog .modal-content .modal-body .userListWrap .scrollable-area {
  height: calc(100vh - 480px);
  overflow-y: auto;
  overflow-x: hidden; }

.mobile .custom-modal.toast-modal.fade .modal-dialog {
  transform: translate(0, 100%); }

.mobile .custom-modal.toast-modal.show .modal-dialog {
  transform: none; }

.mobile .custom-modal.toast-modal .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }
  .mobile .custom-modal.toast-modal .modal-dialog .modal-content {
    padding: 28px 5.4% 32px;
    border: none;
    border-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px; }
    .mobile .custom-modal.toast-modal .modal-dialog .modal-content .modal-body {
      padding: 0; }
    .mobile .custom-modal.toast-modal .modal-dialog .modal-content p.text-999 {
      margin-bottom: 12px; }
    .mobile .custom-modal.toast-modal .modal-dialog .modal-content a.d-flex {
      height: 44px;
      color: #1c1c1c; }

.mobile .custom-modal.mobile-full .modal-dialog {
  max-width: 100%;
  margin: 0 0; }
  .mobile .custom-modal.mobile-full .modal-dialog .modal-content {
    min-height: 100vh;
    /* mobile viewport bug fix */
    min-height: -webkit-fill-available;
    padding: 0 5.3%;
    word-break: keep-all;
    border-radius: 0; }
    .mobile .custom-modal.mobile-full .modal-dialog .modal-content.pe-0 .modal-body > *:not(hr) {
      padding-right: 5.3%; }
    .mobile .custom-modal.mobile-full .modal-dialog .modal-content.pe-0 .modal-body hr {
      opacity: 1 !important; }
    .mobile .custom-modal.mobile-full .modal-dialog .modal-content > .modal-header {
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999999;
      background: white;
      width: 100%;
      border-bottom: none;
      text-align: center;
      font-weight: bold;
      font-size: 1.25rem; }
      .mobile .custom-modal.mobile-full .modal-dialog .modal-content > .modal-header .ic-close {
        position: fixed;
        right: 4%;
        top: 10px;
        z-index: 999; }
    .mobile .custom-modal.mobile-full .modal-dialog .modal-content .list-style {
      line-height: 1.64;
      font-weight: normal; }
    .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body {
      padding: 30px 0;
      word-break: keep-all; }
      .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-1,
      .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-2 {
        max-width: 70%; }
        .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-1.w-100,
        .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body .fs-title-2.w-100 {
          max-width: 100%; }
      .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body textarea {
        height: 80px;
        padding: 12px 14px; }
        .mobile .custom-modal.mobile-full .modal-dialog .modal-content .modal-body textarea.alert {
          border: 1px solid #ff6e40; }

.mobile .custom-modal.mobile-full.type02 .modal-dialog .modal-content {
  min-height: 100vh; }

.mobile .custom-modal.imageExpand.show {
  display: flex !important;
  align-items: center; }

.mobile .custom-modal.imageExpand .btn-close {
  position: fixed;
  right: 20px;
  top: 16px;
  background-color: white;
  border-radius: 50%;
  z-index: 999;
  width: 34px;
  height: 34px;
  padding: 0;
  background-image: none; }

.mobile .custom-modal.imageExpand .modal-dialog {
  background: transparent;
  max-width: 960px;
  width: 100%;
  margin: 0 auto; }
  .mobile .custom-modal.imageExpand .modal-dialog .modal-content {
    padding: 0 0;
    background: transparent; }
    .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body {
      padding: 0; }
      .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-prev,
      .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-next {
        display: block !important;
        width: 24px;
        height: 24px;
        opacity: 1 !important;
        top: calc(50% - 12px); }
        .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-prev img,
        .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-next img {
          width: 24px;
          height: 24px;
          border-radius: 50%; }
      .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-prev {
        left: 20px; }
      .mobile .custom-modal.imageExpand .modal-dialog .modal-content .modal-body .carousel-control-next {
        right: 20px; }

.mobile .custom-modal.reviewImageExpand.show {
  display: flex !important;
  flex-direction: column;
  align-items: center; }

.mobile .custom-modal.reviewImageExpand .modal-dialog {
  background: #ffffff;
  max-width: 100%;
  margin: 0 0;
  width: 100%;
  height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available; }
  .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-header {
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: white;
    width: 100%;
    border-bottom: none;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    border-radius: 0; }
    .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-header .ic-close {
      position: fixed;
      right: 4%;
      z-index: 9999;
      top: 10px; }
  .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-content {
    margin-top: 60px;
    z-index: 0;
    padding: 0px 0 0; }
    .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-content .modal-body {
      z-index: 0;
      padding: 0; }
      .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-content .modal-body img {
        width: 100%;
        margin-bottom: 0.75rem; }
      .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-content .modal-body > span {
        display: none; }
    .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-content .position-absolute {
      background: rgba(255, 255, 255, 0.9);
      color: #333333;
      font-size: 0.875rem;
      width: 164px;
      height: 164px;
      z-index: 2;
      display: flex;
      line-height: 1.64;
      font-weight: normal;
      top: calc(50vh - 82px);
      align-items: center;
      left: calc(50vw - 82px);
      justify-content: center;
      text-align: center;
      flex-direction: column; }
      .mobile .custom-modal.reviewImageExpand .modal-dialog .modal-content .position-absolute .ic-expand {
        width: 32px;
        height: 32px; }

.mobile .custom-modal.mobile-none-close .btn-close {
  right: 12px;
  top: 12px; }

.mobile .custom-modal.mobile-none-close .modal-content {
  max-width: 335px;
  margin: 0 auto;
  border-radius: 0; }
  .mobile .custom-modal.mobile-none-close .modal-content .modal-body {
    padding: 40px 0 0 0; }
    .mobile .custom-modal.mobile-none-close .modal-content .modal-body.text-center .fs-txt-2 {
      white-space: pre-line;
      padding: 0 24px; }
    .mobile .custom-modal.mobile-none-close .modal-content .modal-body .btn-wrap {
      margin-top: 48px;
      width: 100%; }
      .mobile .custom-modal.mobile-none-close .modal-content .modal-body .btn-wrap .btn {
        border-radius: 0; }
      .mobile .custom-modal.mobile-none-close .modal-content .modal-body .btn-wrap .btn-size-default {
        padding: 13px 28px; }

.mobile #addCartModal form,
.mobile #changeOptionModal form {
  min-height: calc(100vh - 210px); }

.mobile .type02 .custom-modal.mobile-full .modal-dialog .modal-content {
  min-height: 100vh; }

.mobile .modal .btn-wrap.position-fixed {
  left: 0;
  bottom: 20px;
  width: 100%;
  margin-bottom: 0 !important;
  padding: 0 20px; }
  .mobile .modal .btn-wrap.position-fixed .btn {
    margin-bottom: 0; }

.mobile-none-close#commonConfirmModal, .mobile-none-close#commonConfirmModal2, .mobile-none-close#confirmModal, .mobile-none-close.commonConfirmType, .mobile-none-close#alertLoginModal, .mobile-none-close#commonAlertModal, .mobile-none-close.commonAlertType {
  z-index: 100000000; }
  .mobile-none-close#commonConfirmModal.custom-modal .modal-dialog, .mobile-none-close#commonConfirmModal2.custom-modal .modal-dialog, .mobile-none-close#confirmModal.custom-modal .modal-dialog, .mobile-none-close.commonConfirmType.custom-modal .modal-dialog, .mobile-none-close#alertLoginModal.custom-modal .modal-dialog, .mobile-none-close#commonAlertModal.custom-modal .modal-dialog, .mobile-none-close.commonAlertType.custom-modal .modal-dialog {
    position: fixed;
    bottom: 0;
    display: block;
    min-height: auto;
    max-width: 100%;
    width: 100%;
    margin: 0; }
  .mobile-none-close#commonConfirmModal.custom-modal .modal-content, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content, .mobile-none-close#confirmModal.custom-modal .modal-content, .mobile-none-close.commonConfirmType.custom-modal .modal-content, .mobile-none-close#alertLoginModal.custom-modal .modal-content, .mobile-none-close#commonAlertModal.custom-modal .modal-content, .mobile-none-close.commonAlertType.custom-modal .modal-content {
    margin: 0;
    max-width: 100%;
    border-radius: 16px 16px 0 0; }
    .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body {
      padding: 30px 20px 20px; }
      .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap {
        margin-top: 40px; }
        .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap .btn, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap .btn {
          font-size: 14px;
          border-radius: 8px !important; }
          .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap .btn.w-50 {
            width: calc(50% - 5px) !important; }
        .mobile-none-close#commonConfirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#confirmModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close.commonConfirmType.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#alertLoginModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close#commonAlertModal.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn, .mobile-none-close.commonAlertType.custom-modal .modal-content .modal-body .btn-wrap .btn + .btn {
          margin-left: 10px; }
    .mobile-none-close#commonConfirmModal.custom-modal .modal-content p.fs-txt-2, .mobile-none-close#commonConfirmModal2.custom-modal .modal-content p.fs-txt-2, .mobile-none-close#confirmModal.custom-modal .modal-content p.fs-txt-2, .mobile-none-close.commonConfirmType.custom-modal .modal-content p.fs-txt-2, .mobile-none-close#alertLoginModal.custom-modal .modal-content p.fs-txt-2, .mobile-none-close#commonAlertModal.custom-modal .modal-content p.fs-txt-2, .mobile-none-close.commonAlertType.custom-modal .modal-content p.fs-txt-2 {
      min-height: 46px; }

@media (max-width: 1240px) {
  header.responsive.show:not(.webview-prev-wrap) ~ #contents > article.responsive {
    margin-top: 58px;
    min-width: 100%; }
  header.responsive.show:not(.webview-prev-wrap) ~ #contents > article.font_2_1 {
    margin-top: 58px; }
    header.responsive.show:not(.webview-prev-wrap) ~ #contents > article.font_2_1 .container-1200 {
      padding-top: 12px; } }

@media (max-width: 1199px) {
  header.show.responsive ~ #contents > article .container-1200 {
    max-width: 600px;
    width: 100%; }
  header.show.responsive ~ #contents > article .container-1460 {
    max-width: 600px;
    width: 100%; }
  .badge.badge-recomm {
    height: 24px;
    font-size: 0.75rem; }
    .badge.badge-recomm:before {
      width: 18px;
      left: -18px;
      height: 24px;
      background-size: 18px 24px; }
    .badge.badge-recomm:after {
      height: 24px;
      width: 7px;
      right: -7px;
      background-size: 7px 24px; } }