@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    /* 1 */
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
	 ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
    margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
    display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
    border-style: none;
}

/* Forms
	 ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
    outline: none;
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
    display: none;
}

a {
    text-decoration: none;
    color: inherit;
}

input::placeholder,
textarea::placeholder {
    color: #BDBDBD;
}

ul {
    list-style: none;
}

ul,
li,
a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i {
    padding: 0;
    margin: 0;
}

button {
    cursor: pointer;
}

i {
    font-style: normal;
}

input:-webkit-autofill {
    background-color: transparent !important;
    color: inherit !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
@font-face {
    font-family: "NotoSansKR";
    src: url("../font/NotoSansKR-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    unicode-range: U+AC00-D7AF, U+1100-11FF, U+3130-318F;
}
/* Outfit - Thin (100) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - ExtraLight (200) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - Light (300) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - Regular (400) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - Medium (500) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - SemiBold (600) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - Bold (700) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - ExtraBold (800) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    unicode-range: U+0020-007F;
}
/* Outfit - Black (900) */
@font-face {
    font-family: "Outfit";
    src: url("../font/Outfit-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    unicode-range: U+0020-007F;
}
body {
    font-family: "Outfit", "NotoSansKR", sans-serif;
    color: #222;
}

.flex-btw {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media print {
    body * {
        visibility: hidden;
    }
    .printArea {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    .printArea * {
        visibility: visible;
    }
    .video-iframe {
        display: none !important;
    }
    .frameWrap{
        display: none !important;
    }
    .video-thumbnail {
        display: block !important;
    }
}
.video-iframe {
    display: block;
}

.video-thumbnail {
    display: none;
}

.width_wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

header {
    width: 100%;
    height: 8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    transition: 0.3s all;
}
header > .width_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    position: relative;
}
header.change {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
header.change .hd_menu > li {
    color: #777;
}
header.change .hd_menu > li._on {
    color: #222;
}
header.change .hd_menu > li:hover {
    color: #222;
}
header.change .hd_menu > li._on::after {
    background: #222;
}
header.change .hd_logo {
    background: url(../img/logo_black.svg) no-repeat center/contain;
}
header.change .hd_search {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222' fill-opacity='0.1'/%3E%3Ccircle cx='16.5' cy='16.5' r='16.25' stroke='%23222222' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M21.626 22.25C21.7962 22.25 21.9473 22.1849 22.0664 22.0654C22.1874 21.944 22.25 21.7903 22.25 21.6191C22.25 21.4521 22.1922 21.299 22.0723 21.1787L22.0713 21.1797L18.5947 17.6699C19.2622 16.7989 19.5977 15.8022 19.5977 14.6875C19.5977 13.7931 19.3778 12.9648 18.9385 12.207C18.4998 11.4505 17.8997 10.8509 17.1416 10.4111C16.3824 9.97076 15.5565 9.75 14.668 9.75C13.7794 9.75 12.9548 9.97043 12.1992 10.4111C11.4451 10.851 10.8476 11.4509 10.4092 12.207C9.96983 12.9648 9.75 13.7931 9.75 14.6875C9.75 15.5819 9.96983 16.4102 10.4092 17.168C10.8476 17.9241 11.4451 18.524 12.1992 18.9639C12.955 19.4047 13.7816 19.625 14.6738 19.625C15.8166 19.625 16.8344 19.2705 17.7188 18.5654L21.1797 22.0586L21.1807 22.0596C21.3008 22.1799 21.4522 22.25 21.626 22.25ZM14.6738 18.3867C14.0007 18.3867 13.3847 18.22 12.8203 17.8877C12.2538 17.5541 11.8074 17.1051 11.4785 16.5371C11.1504 15.9703 10.9863 15.3552 10.9863 14.6875C10.9863 14.0198 11.1504 13.4047 11.4785 12.8379C11.8074 12.2699 12.2538 11.8209 12.8203 11.4873C13.3849 11.1549 13.999 10.9883 14.668 10.9883C15.3369 10.9883 15.9511 11.1549 16.5156 11.4873C17.0822 11.8209 17.5285 12.2699 17.8574 12.8379C18.1855 13.4047 18.3496 14.0198 18.3496 14.6875C18.3496 14.9728 18.3166 15.2542 18.251 15.5322C18.185 15.8115 18.0921 16.0709 17.9727 16.3105C17.8516 16.5532 17.7071 16.7835 17.5381 17.001C17.371 17.2159 17.1819 17.407 16.9717 17.5742C16.7594 17.7431 16.5324 17.8877 16.291 18.0088C16.0522 18.1285 15.7939 18.222 15.5156 18.2881C15.2386 18.3539 14.9581 18.3867 14.6738 18.3867Z' fill='%23222222' stroke='%23222222' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.hd_logo {
    cursor: pointer;
    width: 244px;
    height: 28px;
    background: url(../img/logo.svg) no-repeat center/contain;
}

.hd_menu {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 150;
}
.hd_menu > li {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    text-wrap: nowrap;
    margin-right: 4rem;
    cursor: pointer;
    position: relative;
}
.hd_menu > li._on::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: calc(100% + 2.65rem);
    right: 0;
    transition: 0.3s all;
}
.hd_menu > li:last-child {
    margin-right: 0;
}

.hd_search {
    width: 3.3rem;
    height: 3.3rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='16.5' cy='16.5' r='16.25' stroke='white' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M21.626 22.25C21.7962 22.25 21.9473 22.1849 22.0664 22.0654C22.1874 21.944 22.25 21.7903 22.25 21.6191C22.25 21.4521 22.1922 21.299 22.0723 21.1787L22.0713 21.1797L18.5947 17.6699C19.2622 16.7989 19.5977 15.8022 19.5977 14.6875C19.5977 13.7931 19.3778 12.9648 18.9385 12.207C18.4998 11.4505 17.8997 10.8509 17.1416 10.4111C16.3824 9.97076 15.5565 9.75 14.668 9.75C13.7794 9.75 12.9548 9.97043 12.1992 10.4111C11.4451 10.851 10.8476 11.4509 10.4092 12.207C9.96983 12.9648 9.75 13.7931 9.75 14.6875C9.75 15.5819 9.96983 16.4102 10.4092 17.168C10.8476 17.9241 11.4451 18.524 12.1992 18.9639C12.955 19.4047 13.7816 19.625 14.6738 19.625C15.8166 19.625 16.8344 19.2705 17.7188 18.5654L21.1797 22.0586L21.1807 22.0596C21.3008 22.1799 21.4522 22.25 21.626 22.25ZM14.6738 18.3867C14.0007 18.3867 13.3847 18.22 12.8203 17.8877C12.2538 17.5541 11.8074 17.1051 11.4785 16.5371C11.1504 15.9703 10.9863 15.3552 10.9863 14.6875C10.9863 14.0198 11.1504 13.4047 11.4785 12.8379C11.8074 12.2699 12.2538 11.8209 12.8203 11.4873C13.3849 11.1549 13.999 10.9883 14.668 10.9883C15.3369 10.9883 15.9511 11.1549 16.5156 11.4873C17.0822 11.8209 17.5285 12.2699 17.8574 12.8379C18.1855 13.4047 18.3496 14.0198 18.3496 14.6875C18.3496 14.9728 18.3166 15.2542 18.251 15.5322C18.185 15.8115 18.0921 16.0709 17.9727 16.3105C17.8516 16.5532 17.7071 16.7835 17.5381 17.001C17.371 17.2159 17.1819 17.407 16.9717 17.5742C16.7594 17.7431 16.5324 17.8877 16.291 18.0088C16.0522 18.1285 15.7939 18.222 15.5156 18.2881C15.2386 18.3539 14.9581 18.3867 14.6738 18.3867Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    transition: 0.3s all;
    cursor: pointer;
}
.hd_search._on {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='white' fill-opacity='0.1'/%3E%3Ccircle cx='16.5' cy='16.5' r='16.25' stroke='white' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M12.002 20.484L16.246 16.242M16.246 16.242L20.488 12M16.246 16.242L12 12M16.246 16.242L20.488 20.484' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.hd_search._on:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M12.002 20.484L16.246 16.242M16.246 16.242L20.488 12M16.246 16.242L12 12M16.246 16.242L20.488 20.484' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.hd_search:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M21.626 22.25C21.7962 22.25 21.9473 22.1849 22.0664 22.0654C22.1874 21.944 22.25 21.7903 22.25 21.6191C22.25 21.4521 22.1922 21.299 22.0723 21.1787L22.0713 21.1797L18.5947 17.6699C19.2622 16.7989 19.5977 15.8022 19.5977 14.6875C19.5977 13.7931 19.3778 12.9648 18.9385 12.207C18.4998 11.4505 17.8997 10.8509 17.1416 10.4111C16.3824 9.97076 15.5565 9.75 14.668 9.75C13.7794 9.75 12.9548 9.97043 12.1992 10.4111C11.4451 10.851 10.8476 11.4509 10.4092 12.207C9.96983 12.9648 9.75 13.7931 9.75 14.6875C9.75 15.5819 9.96983 16.4102 10.4092 17.168C10.8476 17.9241 11.4451 18.524 12.1992 18.9639C12.955 19.4047 13.7816 19.625 14.6738 19.625C15.8166 19.625 16.8344 19.2705 17.7188 18.5654L21.1797 22.0586L21.1807 22.0596C21.3008 22.1799 21.4522 22.25 21.626 22.25ZM14.6738 18.3867C14.0007 18.3867 13.3847 18.22 12.8203 17.8877C12.2538 17.5541 11.8074 17.1051 11.4785 16.5371C11.1504 15.9703 10.9863 15.3552 10.9863 14.6875C10.9863 14.0198 11.1504 13.4047 11.4785 12.8379C11.8074 12.2699 12.2538 11.8209 12.8203 11.4873C13.3849 11.1549 13.999 10.9883 14.668 10.9883C15.3369 10.9883 15.9511 11.1549 16.5156 11.4873C17.0822 11.8209 17.5285 12.2699 17.8574 12.8379C18.1855 13.4047 18.3496 14.0198 18.3496 14.6875C18.3496 14.9728 18.3166 15.2542 18.251 15.5322C18.185 15.8115 18.0921 16.0709 17.9727 16.3105C17.8516 16.5532 17.7071 16.7835 17.5381 17.001C17.371 17.2159 17.1819 17.407 16.9717 17.5742C16.7594 17.7431 16.5324 17.8877 16.291 18.0088C16.0522 18.1285 15.7939 18.222 15.5156 18.2881C15.2386 18.3539 14.9581 18.3867 14.6738 18.3867Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.search_pan {
    position: fixed;
    left: 0;
    top: 8rem;
    width: 100%;
    height: calc(100% - 8rem);
    box-sizing: border-box;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s all;
}
.search_pan._on {
    opacity: 1;
    pointer-events: all;
}
.search_pan._on .search_inner {
    height: 25.5rem;
}
.search_pan ._dim {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.search_pan .search_inner {
    width: 100%;
    overflow: hidden;
    height: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: 0.3s height;
}
.search_pan .search_inner > div {
    width: 100%;
    max-width: 40rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.search_pan .search_inner h4 {
    width: 100%;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 3rem;
    display: none;
}
.search_pan .search_inner label {
    width: 64.5rem;
    height: 6rem;
    box-sizing: border-box;
    border-bottom: 2px solid #222;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_pan .search_inner label input {
    height: 100%;
    font-size: 2.4rem;
    font-weight: 500;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    width: calc(100% - 3rem);
}
.search_pan .search_inner label input::placeholder {
    color: #222;
}
.search_pan .search_inner label i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.2002 25.25C24.4856 25.25 24.7362 25.1423 24.9395 24.9385C25.1447 24.7326 25.25 24.4767 25.25 24.1855C25.25 23.8989 25.1513 23.6474 24.9521 23.4473L18.9951 17.4189C20.486 15.5605 21.2344 13.4258 21.2344 11.0215C21.2344 9.15804 20.7779 7.43605 19.8643 5.86035C18.9514 4.28594 17.704 3.0394 16.126 2.12402C14.5469 1.20812 12.8297 0.75 10.9795 0.75C9.12928 0.750049 7.41577 1.20775 5.84473 2.12402C4.27516 3.03948 3.03277 4.28633 2.12012 5.86035C1.20651 7.43604 0.750011 9.15806 0.75 11.0215C0.75 12.8849 1.20654 14.6069 2.12012 16.1826C3.03276 17.7566 4.27518 19.0035 5.84473 19.9189C7.41601 20.8354 9.13379 21.293 10.9922 21.293C13.4557 21.293 15.6342 20.5021 17.5205 18.9277L23.4482 24.9248L23.4492 24.9258C23.6579 25.1351 23.9112 25.2499 24.2002 25.25ZM10.9922 19.2148C9.50361 19.2148 8.13605 18.8462 6.88477 18.1094C5.63123 17.3713 4.64186 16.3752 3.91406 15.1182C3.18705 13.8624 2.82422 12.4982 2.82422 11.0215C2.82423 9.54481 3.18706 8.18053 3.91406 6.9248C4.64186 5.66779 5.63123 4.6717 6.88477 3.93359C8.13621 3.19672 9.49958 2.82817 10.9795 2.82812C12.4594 2.82812 13.8228 3.19683 15.0742 3.93359C16.3277 4.67165 17.3171 5.6679 18.0449 6.9248C18.7719 8.18053 19.1357 9.54481 19.1357 11.0215C19.1357 11.6535 19.0634 12.2777 18.918 12.8936C18.7722 13.5105 18.5655 14.0852 18.2998 14.6182C18.0326 15.1542 17.7127 15.6619 17.3398 16.1416C16.9689 16.6187 16.5501 17.0434 16.083 17.415C15.6135 17.7885 15.1112 18.1091 14.5771 18.377C14.046 18.6433 13.4733 18.85 12.8584 18.9961C12.2445 19.1419 11.6222 19.2148 10.9922 19.2148Z' fill='%23222222' stroke='%23222222' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    cursor: pointer;
}

footer {
    width: 100%;
    padding: 7rem 0;
    background: #0A0A0A;
    color: #717171;
    box-sizing: border-box;
}
footer > div {
    display: flex;
    align-items: start;
}
footer ._left {
    width: 25%;
}
footer ._left > div {
    width: fit-content;
    text-align: center;
}
footer ._right {
    width: 75%;
}
footer .ft_sns {
    display: none;
    margin: 2rem 0 1.5rem;
}
footer .ft_sns > a {
    margin-right: 1.3rem;
    display: inline-block;
}
footer .ft_sns > a:first-child {
    width: 2.5rem;
}
footer .ft_sns > a:last-child {
    width: 3.5rem;
    margin-right: 0;
}
footer .ft_logo {
    display: block;
    margin-bottom: 1rem;
}
footer .ft_sns > a img {
    width: 100%;
}
footer .ft_num {
    font-size: 2rem;
    font-weight: 700;
}
footer .ft_menu {
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.5rem;
    font-weight: 400;
}
footer .ft_menu > li {
    padding: 0 3.5rem;
    position: relative;
    box-sizing: border-box;
}
footer .ft_menu > li::before {
    content: "";
    display: block;
    width: 1px;
    height: 1rem;
    background: #717171;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
footer .ft_menu > li:first-child {
    padding-left: 0;
}
footer .ft_menu > li:first-child::before {
    display: none;
}
footer .ft_menu > li:last-child {
    padding-right: 0;
}
footer .ft_info {
    display: flex;
    align-items: center;
    margin-top: 2.5rem;
    font-size: 1.4rem;
    font-weight: 700;
}
footer .ft_info > li {
    margin-right: 2rem;
    cursor: pointer;
}
footer .ft_txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6em;
    margin-top: 2rem;
}
footer .ft_menu._min > li:nth-child(4) {
    width: calc(50% - 0rem);
    text-align: right;
    margin-top: 1rem;
}
footer .ft_menu._min > li:nth-child(4)::before {
    display: none;
}
footer .ft_menu._min > li:nth-child(5) {
    width: calc(50% - 0rem);
    text-align: left;
    margin-top: 1rem;
}

main._index ~ .right_tap > div.up {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' transform='matrix(-1 0 0 1 45 0)' fill='black' fill-opacity='0.25'/%3E%3Ccircle cx='22.5' cy='22.5' r='22.25' transform='matrix(-1 0 0 1 45 0)' stroke='white' stroke-opacity='0.5' stroke-width='0.5'/%3E%3Cpath d='M22.5 29.2727V14.5454V29.2727ZM22.5 14.5454L15.5455 21.5L22.5 14.5454ZM22.5 14.5454L29.4546 21.5L22.5 14.5454Z' fill='black' fill-opacity='0.15'/%3E%3Cpath d='M22.5 14.5454L21.9697 14.0151C22.2626 13.7222 22.7375 13.7222 23.0304 14.0151L22.5 14.5454ZM16.0758 22.0303C15.7829 22.3232 15.3081 22.3232 15.0152 22.0303C14.7223 21.7374 14.7223 21.2625 15.0152 20.9696L15.5455 21.5L16.0758 22.0303ZM29.9849 20.9696C30.2778 21.2625 30.2778 21.7374 29.9849 22.0303C29.692 22.3232 29.2172 22.3232 28.9243 22.0303L29.4546 21.5L29.9849 20.9696ZM22.5 29.2727H21.75V14.5454H22.5H23.25V29.2727H22.5ZM22.5 14.5454L23.0304 15.0757L16.0758 22.0303L15.5455 21.5L15.0152 20.9696L21.9697 14.0151L22.5 14.5454ZM22.5 14.5454L23.0304 14.0151L29.9849 20.9696L29.4546 21.5L28.9243 22.0303L21.9697 15.0757L22.5 14.5454Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
main._index ~ .right_tap > div.down {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' transform='matrix(1 0 0 -1 0 45)' fill='black' fill-opacity='0.25'/%3E%3Ccircle cx='22.5' cy='22.5' r='22.25' transform='matrix(1 0 0 -1 0 45)' stroke='white' stroke-opacity='0.5' stroke-width='0.5'/%3E%3Cpath d='M22.5 30.4546L23.0303 30.9849C22.7374 31.2778 22.2625 31.2778 21.9696 30.9849L22.5 30.4546ZM28.9242 22.9697C29.2171 22.6768 29.6919 22.6768 29.9848 22.9697C30.2777 23.2626 30.2777 23.7375 29.9848 24.0304L29.4545 23.5L28.9242 22.9697ZM15.0151 24.0304C14.7222 23.7375 14.7222 23.2626 15.0151 22.9697C15.308 22.6768 15.7828 22.6768 16.0757 22.9697L15.5454 23.5L15.0151 24.0304ZM22.5 15.7273H23.25V30.4546H22.5H21.75V15.7273H22.5ZM22.5 30.4546L21.9696 29.9243L28.9242 22.9697L29.4545 23.5L29.9848 24.0304L23.0303 30.9849L22.5 30.4546ZM22.5 30.4546L21.9696 30.9849L15.0151 24.0304L15.5454 23.5L16.0757 22.9697L23.0303 29.9243L22.5 30.4546Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.img_section {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #222;
    overflow: hidden;
}
main > section:nth-child(1).img_section::before {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 38.88%, rgba(0, 0, 0, 0.4) 62.65%, #000000 100%);;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
.img_section > video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.section01 > .frameWrap {
    opacity: 0.78;
}

.section02 > .frameWrap {
    opacity: 0.55;
}

.section01_title {
    position: relative;
    z-index: 20;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}
.section01_title img {
    display: block;
}
.section01_title span {
    display: block;
    width: 3rem;
    height: 3rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.646447' y1='31.7591' x2='31.7591' y2='0.64642' stroke='white' stroke-opacity='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin: 1.5rem 1.2rem;
}
.section01_title h2 {
    text-transform: uppercase;
    line-height: 0.97em;
    font-size: 8rem;
    text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4);
}

.section02_title {
    position: relative;
    z-index: 20;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    color: #fff;
}
.section02_title img {
    display: block;
}
.section02_title span {
    display: block;
    width: 3rem;
    height: 3rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.646447' y1='31.7591' x2='31.7591' y2='0.64642' stroke='white' stroke-opacity='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin: 1.5rem 1.2rem;
}
.section02_title h4 {
    font-weight: 600;
    font-size: 2.7rem;
    text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4);
    margin: 3rem 0 1rem;
}
.section02_title h2 {
    text-transform: uppercase;
    line-height: 0.97em;
    font-size: 8rem;
    text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4);
}
.section02_title .lightgray_btn {
    margin-top: 3rem;
}

.lightgray_btn {
    border: 1px solid rgba(255, 255, 255, 0.25);
    height: 5rem;
    border-radius: 2.5rem;
    background: rgba(0, 0, 0, 0.25);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3rem;
    text-wrap: nowrap;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 5rem 0.6rem 0;
    transition: 0.3s all;
}
.lightgray_btn i {
    display: block;
    width: 1.4rem;
    height: 1rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4154 5.54451L13.7081 5.27726L14 5.54451L13.7081 5.81177L13.4154 5.54451ZM0.555393 5.92199C0.445743 5.92199 0.340582 5.88222 0.263047 5.81143C0.185513 5.74064 0.141953 5.64463 0.141953 5.54451C0.141953 5.4444 0.185513 5.34839 0.263047 5.2776C0.340582 5.2068 0.445743 5.16703 0.555393 5.16703V5.92199ZM8.74685 0.747498L13.7081 5.27726L13.1227 5.81177L8.16143 1.28201L8.74685 0.747498ZM13.7081 5.81177L8.74685 10.3415L8.16143 9.80702L13.1227 5.27726L13.7081 5.81177ZM13.4154 5.92199H0.555393V5.16703H13.4154V5.92199Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-left: 0.8rem;
}
.lightgray_btn:hover {
    background: #222;
    border: 1px solid transparent;
}

.artist_section {
    width: 100%;
    padding: 9rem 0 10rem;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E7E7E7;
}
.artist_section h2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 4.8rem;
    font-weight: 800;
    margin-bottom: 5rem;
}
.artist_section h2 span {
    text-transform: uppercase;
}
.artist_section h2 p {
    width: 100%;
    font-size: 2.2rem;
    font-weight: 400;
    text-align: center;
    margin-top: 2rem;
    /*display: none;*/
    word-break: keep-all;
}
.artist_section h2 img {
    height: 4.4rem;
    margin-left: 1.5rem;
}

.artistSwiper {
    height: 42rem;
}
.artistSwiper .swiper-horizontal > .swiper-pagination-bullets, .artistSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .artistSwiper .swiper-pagination-custom, .artistSwiper .swiper-pagination-fraction {
    top: auto;
    left: 0;
    width: 100%;
    bottom: 0;
}
.artistSwiper .swiper-slide {
    height: 37rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.artistSwiper .swiper-slide > div {
    width: calc((100% - 3.9rem) / 4);
    height: 100%;
    margin-right: 1.3rem;
}
.artistSwiper .swiper-slide > div:last-child {
    margin-right: 0;
}
.artistSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artistSwiper .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #222;
    background: none;
    box-sizing: border-box;
    opacity: 1;
}
.artistSwiper .swiper-pagination-bullet-active {
    background: #222;
}

.top_banner {
    width: 100%;
    height: 40rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.top_banner > img {
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.top_banner h2 {
    padding-top: 8rem;
    box-sizing: border-box;
    font-size: 3.8rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4);
}
.top_banner h2 img {
    width: 33rem;
    filter: drop-shadow(3px 0px 10px rgba(0, 0, 0, 0.4));
}
.top_banner{
    overflow: hidden;
}
.top_banner::after {
    content: "";
    display: block;
    width: 100%;
    height: 28.5rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 38.88%, rgba(0, 0, 0, 0.4) 62.65%, #000000 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.artwork_content {
    min-height: 100vh;
}

.artwork_tap {
    padding: 6.5rem 0;
    box-sizing: border-box;
    border-bottom: 1px solid #E7E7E7;
}

.artworkSwiper .swiper-slide {
    width: calc((100% - 3.4rem) / 3);
    height: 25rem;
    position: relative;
}
.artworkSwiper .swiper-slide > div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 2.6rem;
    font-weight: 600;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    transition: 0.3s all;
    text-align: center;
}
.artworkSwiper .swiper-slide > div:hover {
    background: rgba(255, 255, 255, 0.5);
}
.artworkSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}
.artworkSwiper .swiper-button-next,
.artworkSwiper .swiper-button-prev {
    width: 3.3rem;
    height: 3.3rem;
    overflow: hidden;
    margin-top: calc(5px - var(--swiper-navigation-size) / 2);
    transition: 0.3s all;
}
.artworkSwiper .swiper-button-next::after,
.artworkSwiper .swiper-button-prev::after {
    display: none;
}
.artworkSwiper .swiper-button-prev,
.artworkSwiper .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 20px);
    right: auto;
}
.artworkSwiper .swiper-button-next,
.artworkSwiper .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 20px);
    left: auto;
}
.artworkSwiper .swiper-button-next {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' transform='matrix(-1 0 0 1 33 0)' fill='white' fill-opacity='0.2'/%3E%3Ccircle cx='16.5' cy='16.5' r='16.25' transform='matrix(-1 0 0 1 33 0)' stroke='white' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M21.9999 16.4364L22.5302 15.906C22.8231 16.1989 22.8231 16.6738 22.5302 16.9667L21.9999 16.4364ZM15.9059 11.4031C15.613 11.1102 15.613 10.6353 15.9059 10.3424C16.1988 10.0495 16.6737 10.0495 16.9666 10.3424L16.4363 10.8727L15.9059 11.4031ZM16.9666 22.5303C16.6737 22.8232 16.1988 22.8232 15.9059 22.5303C15.613 22.2374 15.613 21.7626 15.9059 21.4697L16.4363 22L16.9666 22.5303ZM10.2181 16.4364V15.6864L21.9999 15.6864V16.4364V17.1864L10.2181 17.1864V16.4364ZM21.9999 16.4364L21.4696 16.9667L15.9059 11.4031L16.4363 10.8727L16.9666 10.3424L22.5302 15.906L21.9999 16.4364ZM21.9999 16.4364L22.5302 16.9667L16.9666 22.5303L16.4363 22L15.9059 21.4697L21.4696 15.906L21.9999 16.4364Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.artworkSwiper .swiper-button-next:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' transform='matrix(-1 0 0 1 33 0)' fill='%23222222'/%3E%3Cpath d='M21.9999 16.4364L22.5302 15.906C22.8231 16.1989 22.8231 16.6738 22.5302 16.9667L21.9999 16.4364ZM15.9059 11.4031C15.613 11.1102 15.613 10.6353 15.9059 10.3424C16.1988 10.0495 16.6737 10.0495 16.9666 10.3424L16.4363 10.8727L15.9059 11.4031ZM16.9666 22.5303C16.6737 22.8232 16.1988 22.8232 15.9059 22.5303C15.613 22.2374 15.613 21.7626 15.9059 21.4697L16.4363 22L16.9666 22.5303ZM10.2181 16.4364V15.6864L21.9999 15.6864V16.4364V17.1864L10.2181 17.1864V16.4364ZM21.9999 16.4364L21.4696 16.9667L15.9059 11.4031L16.4363 10.8727L16.9666 10.3424L22.5302 15.906L21.9999 16.4364ZM21.9999 16.4364L22.5302 16.9667L16.9666 22.5303L16.4363 22L15.9059 21.4697L21.4696 15.906L21.9999 16.4364Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.artworkSwiper .swiper-button-prev {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='white' fill-opacity='0.2'/%3E%3Ccircle cx='16.5' cy='16.5' r='16.25' stroke='white' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M11.0001 16.4364L10.4698 15.906C10.1769 16.1989 10.1769 16.6738 10.4698 16.9667L11.0001 16.4364ZM17.0941 11.4031C17.387 11.1102 17.387 10.6353 17.0941 10.3424C16.8012 10.0495 16.3263 10.0495 16.0334 10.3424L16.5637 10.8727L17.0941 11.4031ZM16.0334 22.5303C16.3263 22.8232 16.8012 22.8232 17.0941 22.5303C17.387 22.2374 17.387 21.7626 17.0941 21.4697L16.5637 22L16.0334 22.5303ZM22.7819 16.4364V15.6864L11.0001 15.6864V16.4364V17.1864L22.7819 17.1864V16.4364ZM11.0001 16.4364L11.5304 16.9667L17.0941 11.4031L16.5637 10.8727L16.0334 10.3424L10.4698 15.906L11.0001 16.4364ZM11.0001 16.4364L10.4698 16.9667L16.0334 22.5303L16.5637 22L17.0941 21.4697L11.5304 15.906L11.0001 16.4364Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.artworkSwiper .swiper-button-prev:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23222222'/%3E%3Cpath d='M11.0001 16.4364L10.4698 15.906C10.1769 16.1989 10.1769 16.6738 10.4698 16.9667L11.0001 16.4364ZM17.0941 11.4031C17.387 11.1102 17.387 10.6353 17.0941 10.3424C16.8012 10.0495 16.3263 10.0495 16.0334 10.3424L16.5637 10.8727L17.0941 11.4031ZM16.0334 22.5303C16.3263 22.8232 16.8012 22.8232 17.0941 22.5303C17.387 22.2374 17.387 21.7626 17.0941 21.4697L16.5637 22L16.0334 22.5303ZM22.7819 16.4364V15.6864L11.0001 15.6864V16.4364V17.1864L22.7819 17.1864V16.4364ZM11.0001 16.4364L11.5304 16.9667L17.0941 11.4031L16.5637 10.8727L16.0334 10.3424L10.4698 15.906L11.0001 16.4364ZM11.0001 16.4364L10.4698 16.9667L16.0334 22.5303L16.5637 22L17.0941 21.4697L11.5304 15.906L11.0001 16.4364Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

main.artwork .artwork_list {
    padding: 5rem 0 12rem;
    text-align: center;
}
.top_banner .frameWrap {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.top_banner h2 {
    position: relative;
    z-index: 5;
}
.artwork_list h3 {
    font-size: 3.6rem;
    font-weight: 700;
}
.artwork_list_tap {
    margin: 2rem 0 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.artwork_list_tap > label {
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}
.artwork_list_tap > label:last-child {
    margin-right: 0;
}
.artwork_list_tap > label input {
    display: none;
}
.artwork_list_tap > label input:checked ~ div {
    border: 1px solid #222;
    color: #222;
    font-weight: 800;
}
.artwork_list_tap > label > div {
    transition: 0.3s all;
    cursor: pointer;
    width: 12rem;
    height: 4rem;
    border-radius: 2rem;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #777;
    font-weight: 400;
    font-size: 1.4rem;
}
/*main.artist > section:nth-child(1).img_section::before {*/
    /*display: none;*/
/*}*/
/*main > section:nth-child(1).img_section._performance::before {*/
    /*display: none;*/
/*}*/
.artwork_list_box {
    display: flex;
    flex-wrap: wrap;
}
.artwork_list_box > li {
    width: calc((100% - 5.4rem) / 4);
    margin-right: 1.8rem;
    cursor: pointer;
    transition: 0.3s all;
}
.artwork_list_box > li:hover {
    opacity: 0.5;
}
.artwork_list_box > li:nth-child(4n) {
    margin-right: 0;
}
.artwork_list_box > li a {
    display: block;
    width: 100%;
    height: 100%;
}
.artwork_list_box > li a > p {
    padding: 1.5rem 0 4rem;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    color: #222;
}
.artwork_list_box > li a > div {
    width: 100%;
    position: relative;
}
.artwork_list_box > li a > div::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.artwork_list_box > li a > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    position: absolute;
    left: 0;
    top: 0;
}

.artwork_curation {
    padding: 13rem 0 12rem;
}
.artwork_curation .page_box {
    width: 100%;
    margin-top: 3rem;
    border-top: 1px solid #222;
    box-sizing: border-box;
}
.artwork_curation .page_box > a {
    display: flex;
    height: 5rem;
    align-items: center;
    border-bottom: 1px solid #E7E7E7;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 3rem;
    box-sizing: border-box;
    color: #777;
}
.artwork_curation .page_box > a span {
    box-sizing: border-box;
    text-transform: uppercase;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 11rem);
}
.artwork_curation .page_box > a span:nth-of-type(1) {
    margin-left: 2.5rem;
    padding-right: 1.2rem;
}
.artwork_curation .page_box > a span:nth-of-type(2) {
    padding-left: 1.2rem;
    position: relative;
}
.artwork_curation .page_box > a span:nth-of-type(2)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 1rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #999;
}
.artwork_curation .page_box > a i {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.994798 6.56364L6.55843 1L12.1221 6.56364' stroke='%23777777' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.artwork_curation .page_box > a i.page_down {
    transform: rotate(180deg);
}
.artwork_curation .page_box > div {
    text-align: center;
    margin-top: 2rem;
}
.artwork_curation .page_box > div button {
    width: 11rem;
    height: 4.3rem;
    border-radius: 0.4rem;
    border: 1px solid #222;
    color: #222;
    font-size: 1.4rem;
    font-weight: 400;
    background: #fff;
}

.curation_title {
    color: #222;
}
.curation_title > h3 {
    font-size: 3.6rem;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.curation_title > p {
    font-size: 2rem;
    font-weight: 400;
    margin: 1rem 0;
}
.curation_title > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.curation_title > div > span {
    color: #777;
    font-size: 1.7rem;
    font-weight: 400;
}
.curation_title > div > ul {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 400;
    color: #777;
}
.curation_title > div > ul > li {
    padding: 0 1.5rem;
    position: relative;
}
.curation_title > div > ul > li::before {
    content: "";
    display: block;
    width: 1px;
    height: 1rem;
    background: #777;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.curation_title > div > ul > li:first-child {
    padding-left: 0;
}
.curation_title > div > ul > li:first-child::before {
    display: none;
}
.curation_title > div > ul > li:last-child {
    padding-right: 0;
}

.curation_content {
    padding: 4rem 0;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5em;
    color: #222;
}
.clickNotice {
    font-size: 1.5rem;
    margin: 10px 0;
    color: #999;
}
.artworkTitle {
    margin-top: 5px;
    text-align: right;
}
.wd100_imgbox img,
.wd100_imgbox video,
.wd100_imgbox iframe {
    width: 100%;
    height: fit-content;
}

.two_imgbox {
    display: flex;
    justify-content: space-between;
}
.two_imgbox > div:nth-child(1) {
    width: 30%;
}
.two_imgbox > div:nth-child(2) {
    width: calc(70% - 2.5rem);
}
.two_imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.curation_bot {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.curation_bot .like_item {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.curation_bot .like_item input {
    display: none;
}
.curation_bot .like_item input:checked ~ i {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L9 2.5C7.4999 1.50001 6.77366 0.17756 5 0.500015C0.599988 1.29994 0.5 5.50001 1 7.50001L9 15L14.5 10C18.1 6.80002 17.6667 4.00001 17 3C15 -0.2 12.1667 0.333333 11 1Z' fill='%23D44848'/%3E%3Cpath d='M2.12211 7.80143C1.74752 7.43001 1.45074 6.9879 1.24906 6.50085C1.04737 6.0138 0.944818 5.49156 0.947368 4.96455C0.947368 3.89867 1.37157 2.87645 2.12665 2.12275C2.88173 1.36906 3.90584 0.945643 4.97368 0.945643C6.47053 0.945643 7.77789 1.75888 8.46947 2.96928H9.53053C9.88211 2.35373 10.3908 1.84218 11.0049 1.48671C11.619 1.13124 12.3165 0.944544 13.0263 0.945643C14.0942 0.945643 15.1183 1.36906 15.8734 2.12275C16.6284 2.87645 17.0526 3.89867 17.0526 4.96455C17.0526 6.07093 16.5789 7.09221 15.8779 7.80143L9 14.6572L2.12211 7.80143ZM16.5411 8.47282C17.4411 7.56502 18 6.33571 18 4.96455C18 3.64788 17.476 2.38513 16.5432 1.4541C15.6105 0.523064 14.3454 1.70704e-05 13.0263 1.70704e-05C11.3684 1.70704e-05 9.9 0.803799 9 2.05202C8.54062 1.41514 7.93573 0.89677 7.23551 0.539901C6.53528 0.183032 5.7599 -0.00204662 4.97368 1.70704e-05C3.65458 1.70704e-05 2.38951 0.523064 1.45676 1.4541C0.524012 2.38513 0 3.64788 0 4.96455C0 6.33571 0.558947 7.56502 1.45895 8.47282L9 16L16.5411 8.47282Z' fill='%23D44848'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.curation_bot .like_item i {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12211 7.80143C1.74752 7.43001 1.45074 6.9879 1.24906 6.50085C1.04737 6.0138 0.944818 5.49156 0.947368 4.96455C0.947368 3.89867 1.37157 2.87645 2.12665 2.12275C2.88173 1.36906 3.90584 0.945643 4.97368 0.945643C6.47053 0.945643 7.77789 1.75888 8.46947 2.96928H9.53053C9.88211 2.35373 10.3908 1.84218 11.0049 1.48671C11.619 1.13124 12.3165 0.944544 13.0263 0.945643C14.0942 0.945643 15.1183 1.36906 15.8734 2.12275C16.6284 2.87645 17.0526 3.89867 17.0526 4.96455C17.0526 6.07093 16.5789 7.09221 15.8779 7.80143L9 14.6572L2.12211 7.80143ZM16.5411 8.47282C17.4411 7.56502 18 6.33571 18 4.96455C18 3.64787 17.476 2.38513 16.5432 1.4541C15.6105 0.523064 14.3454 1.70704e-05 13.0263 1.70704e-05C11.3684 1.70704e-05 9.9 0.803799 9 2.05202C8.54062 1.41514 7.93573 0.896771 7.23551 0.539901C6.53528 0.183032 5.7599 -0.00204662 4.97368 1.70704e-05C3.65458 1.70704e-05 2.38951 0.523064 1.45676 1.4541C0.524012 2.38513 0 3.64787 0 4.96455C0 6.33571 0.558947 7.56502 1.45895 8.47282L9 16L16.5411 8.47282Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-right: 1rem;
    transition: 0.2s all;
}
.curation_bot .like_item span {
    font-size: 1.4rem;
    font-weight: 400;
}
.curation_bot > div {
    display: flex;
    align-items: center;
}
.curation_bot > div i {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    margin-left: 1.5rem;
    cursor: pointer;
}
.curation_bot .share_item {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3333 4.11111L5.66667 7.22222M10.3333 13.8889L5.66667 10.7778M5.66667 9C5.66667 9.58937 5.42083 10.1546 4.98325 10.5713C4.54566 10.9881 3.95217 11.2222 3.33333 11.2222C2.71449 11.2222 2.121 10.9881 1.68342 10.5713C1.24583 10.1546 1 9.58937 1 9C1 8.41063 1.24583 7.8454 1.68342 7.42865C2.121 7.0119 2.71449 6.77778 3.33333 6.77778C3.95217 6.77778 4.54566 7.0119 4.98325 7.42865C5.42083 7.8454 5.66667 8.41063 5.66667 9ZM15 14.7778C15 15.3671 14.7542 15.9324 14.3166 16.3491C13.879 16.7659 13.2855 17 12.6667 17C12.0478 17 11.4543 16.7659 11.0168 16.3491C10.5792 15.9324 10.3333 15.3671 10.3333 14.7778C10.3333 14.1884 10.5792 13.6232 11.0168 13.2064C11.4543 12.7897 12.0478 12.5556 12.6667 12.5556C13.2855 12.5556 13.879 12.7897 14.3166 13.2064C14.7542 13.6232 15 14.1884 15 14.7778ZM15 3.22222C15 3.81159 14.7542 4.37682 14.3166 4.79357C13.879 5.21032 13.2855 5.44444 12.6667 5.44444C12.0478 5.44444 11.4543 5.21032 11.0168 4.79357C10.5792 4.37682 10.3333 3.81159 10.3333 3.22222C10.3333 2.63285 10.5792 2.06762 11.0168 1.65087C11.4543 1.23413 12.0478 1 12.6667 1C13.2855 1 13.879 1.23413 14.3166 1.65087C14.7542 2.06762 15 2.63285 15 3.22222Z' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.curation_bot .print_item {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2222 6.25V1.875C15.2222 1.64294 15.1286 1.42038 14.9619 1.25628C14.7952 1.09219 14.5691 1 14.3333 1H3.66667C3.43092 1 3.20483 1.09219 3.03813 1.25628C2.87143 1.42038 2.77778 1.64294 2.77778 1.875V6.25M13.8889 15V12.375C13.8889 12.1429 13.7952 11.9204 13.6285 11.7563C13.4618 11.5922 13.2357 11.5 13 11.5H8.11111C7.87536 11.5 7.64927 11.5922 7.48257 11.7563C7.31587 11.9204 7.22222 12.1429 7.22222 12.375V15M3.66667 8.875H5.44444M16.1111 6.25H1.88889C1.65314 6.25 1.42705 6.34219 1.26035 6.50628C1.09365 6.67038 1 6.89294 1 7.125V14.125C1 14.3571 1.09365 14.5796 1.26035 14.7437C1.42705 14.9078 1.65314 15 1.88889 15H16.1111C16.3469 15 16.573 14.9078 16.7397 14.7437C16.9064 14.5796 17 14.3571 17 14.125V7.125C17 6.89294 16.9064 6.67038 16.7397 6.50628C16.573 6.34219 16.3469 6.25 16.1111 6.25Z' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.layer {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s all;
}
.layer._view {
    opacity: 1;
    pointer-events: all;
}
.layer_inner {
    width: 35rem;
    padding: 3.5rem 4rem 2rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 6px 7px 9.2px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    max-height: 100vh;
    overflow-y: auto;
}
.layer .icon-close {
    display: block;
    width: 1.9rem;
    height: 1.9rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L20 20M1 20L20 1' stroke='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    position: absolute;
    right: 2rem;
    top: 2rem;
    cursor: pointer;
}
.layer-sns h3 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    text-align: center;
}
.layer-sns ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.layer-sns ul > li {
    width: 33.3333333333%;
    text-align: center;
    margin-bottom: 2rem;
    cursor: pointer;
}
.layer-sns ul > li i {
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem;
}
.layer-sns ul > li i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.layer-sns ul > li p {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1rem;
}

.loadingWrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    width: 100%;
    height: 100%;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}

.artwork_list {
    padding: 13rem 0 12rem;
    box-sizing: border-box;
}

.artwork_list_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.artwork_list_top h4 {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}
#searchForm {
    display: block;
}
.artwork_list_top .search_item {
    /*width: 100%;*/
    width: 31.5rem;
    height: 4rem;
    border-radius: 2rem;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    box-sizing: border-box;
}
.artwork_list_top .search_item i {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.626 13.25C12.7962 13.25 12.9473 13.1849 13.0664 13.0654C13.1874 12.944 13.25 12.7903 13.25 12.6191C13.25 12.4521 13.1922 12.299 13.0723 12.1787L13.0713 12.1797L9.59473 8.66992C10.2622 7.79893 10.5977 6.8022 10.5977 5.6875C10.5977 4.79312 10.3778 3.96482 9.93848 3.20703C9.49982 2.4505 8.89972 1.8509 8.1416 1.41113C7.3824 0.970763 6.55649 0.750001 5.66797 0.75C4.7794 0.75 3.95484 0.970433 3.19922 1.41113C2.44511 1.85097 1.84762 2.45086 1.40918 3.20703C0.969831 3.96482 0.75 4.79311 0.75 5.6875C0.75 6.58189 0.969831 7.41018 1.40918 8.16797C1.84762 8.92414 2.44511 9.52403 3.19922 9.96387C3.95503 10.4047 4.78158 10.625 5.67383 10.625C6.8166 10.625 7.8344 10.2705 8.71875 9.56543L12.1797 13.0586L12.1807 13.0596C12.3008 13.1799 12.4522 13.25 12.626 13.25ZM5.67383 9.38672C5.00071 9.38672 4.38466 9.21999 3.82031 8.8877C3.25378 8.5541 2.80742 8.10511 2.47852 7.53711C2.15039 6.97035 1.98633 6.3552 1.98633 5.6875C1.98633 5.0198 2.15039 4.40465 2.47852 3.83789C2.80742 3.26989 3.25378 2.8209 3.82031 2.4873C4.38488 2.15488 4.99901 1.98828 5.66797 1.98828C6.33693 1.98828 6.95106 2.15488 7.51562 2.4873C8.08216 2.8209 8.52851 3.26989 8.85742 3.83789C9.18555 4.40465 9.34961 5.0198 9.34961 5.6875C9.34961 5.97279 9.31663 6.25418 9.25098 6.53223C9.18503 6.81148 9.09211 7.07093 8.97266 7.31055C8.85165 7.55322 8.70714 7.7835 8.53809 8.00098C8.37097 8.21594 8.18186 8.40704 7.97168 8.57422C7.75935 8.74308 7.53244 8.88772 7.29102 9.00879C7.0522 9.12855 6.79392 9.22198 6.51562 9.28809C6.23857 9.35389 5.95809 9.38672 5.67383 9.38672Z' fill='%23222222' stroke='%23222222' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    cursor: pointer;
}
.artwork_list_top .search_item input {
    width: calc(100% - 1.2rem);
    height: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    color: #222;
    border: none;
    background: none;
}

.artwork_list_tb {
    margin: 2rem 0 3rem;
}
.artwork_list_tb > li {
    display: flex;
    align-items: center;
    height: 5rem;
    border-bottom: 1px solid #E7E7E7;
    box-sizing: border-box;
    font-size: 1.6rem;
    font-weight: 400;
    color: #222;
}
.artwork_list_tb > li._none {
    width: 100%;
    height: fit-content;
    justify-content: center;
    border: 0;
    padding: 10rem 0;
    box-sizing: border-box;
}
.artwork_list_tb > li._none > span {
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 400;
    color: #777;
}
.artwork_list_tb > li._none > span > i {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 14.3333V22.6667M41 21C41 23.6264 40.4827 26.2272 39.4776 28.6537C38.4725 31.0802 36.9993 33.285 35.1421 35.1421C33.285 36.9993 31.0802 38.4725 28.6537 39.4776C26.2272 40.4827 23.6264 41 21 41C18.3736 41 15.7728 40.4827 13.3463 39.4776C10.9198 38.4725 8.71504 36.9993 6.85786 35.1421C5.00069 33.285 3.5275 31.0802 2.52241 28.6537C1.51732 26.2272 1 23.6264 1 21C1 15.6957 3.10714 10.6086 6.85786 6.85786C10.6086 3.10714 15.6957 1 21 1C26.3043 1 31.3914 3.10714 35.1421 6.85786C38.8929 10.6086 41 15.6957 41 21ZM21 29.3333H21.0178V29.3511H21V29.3333Z' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-bottom: 1rem;
}
.artwork_list_tb > li._top {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}
.artwork_list_tb > li > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.artwork_list_tb > li > div.like_num i {
    display: none;
}
.artwork_list_tb > li > div:nth-child(1) {
    width: 8%;
}
.artwork_list_tb > li > div:nth-child(2) {
    width: 40%;
}
.artwork_list_tb > li > div:nth-child(3) {
    width: 13%;
}
.artwork_list_tb > li > div:nth-child(4) {
    width: 13%;
}
.artwork_list_tb > li > div:nth-child(5) {
    width: 13%;
}
.artwork_list_tb > li > div:nth-child(6) {
    width: 13%;
}

.list_page {
    display: flex;
    align-items: center;
    justify-content: center;
}
.list_page i {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1L1 7.5L8 14' stroke='%23777777' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-right: 2rem;
}
.list_page i.next {
    transform: rotate(180deg);
    margin-right: 0;
    margin-left: 2rem;
}
.list_page > ul {
    display: flex;
    align-items: center;
}
.list_page > ul._moblie > li {
    width: auto;
}
.list_page > ul._moblie > li:first-child::after {
    content: "";
    display: block;
    width: 1px;
    height: 1rem;
    background-color: #777;
    margin: 0 1.5rem 0 1.5rem;
}
.list_page > ul > li {
    font-size: 1.4rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 1.5rem;
    color: #777;
    cursor: pointer;
}
.list_page > ul > li._on {
    font-weight: 700;
    color: #222;
}

.art_detail {
    padding: 13rem 0 12rem;
}

.detail_content {
    display: flex;
    justify-content: space-between;
}
.detail_content .thum {
    width: 48%;
    height: fit-content;
    position: relative;
}
.detail_content .thum::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.detail_content .thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.detail_content .content {
    width: 52%;
    padding: 0 4rem 0 7.5rem;
    box-sizing: border-box;
}
.detail_content .content_top {
    padding-bottom: 3rem;
    border-bottom: 1px solid #696969;
    box-sizing: border-box;
}
.detail_content .content_top h3 {
    font-size: 3.6rem;
    font-weight: 700;
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.detail_content .content_top p {
    font-size: 2rem;
    font-weight: 400;
    margin-top: 1rem;
}
.detail_content .content > ul {
    margin-top: 3rem;
}
.detail_content .content > ul > li {
    margin-bottom: 3rem;
}
.detail_content .content > ul > li:last-child {
    margin-bottom: 0;
}
.detail_content .content > ul > li > .title {
    padding: 0 2.5rem;
    border: 1px solid #222;
    height: 4rem;
    border-radius: 2rem;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.detail_content .content > ul > li > h4 {
    font-size: 1.7rem;
    font-weight: 700;
    margin: 2rem 0;
}
.detail_content .content > ul > li > p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6em;
}
.detail_content .content > ul > li > ul {
    margin-top: 2rem;
    padding-left: 2rem;
    box-sizing: border-box;
    list-style-type: none;
}
.detail_content .content > ul > li > ul > li {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.7em;
    position: relative;
}
.detail_content .content > ul > li > ul > li::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: #222;
    border-radius: 50%;
    position: absolute;
    left: -1.5rem;
    top: 50%;
    transform: translateY(-50%);
}
.detail_content .content .btnbox {
    margin-top: 6rem;
    display: flex;
    justify-content: space-between;
}
.detail_content .content .btnbox button {
    height: 6rem;
    width: calc((100% - 1.6rem) / 2);
    border: 0;
    border-radius: 0.8rem;
    font-size: 1.7rem;
    font-weight: 700;
}

.art_detail._artist .detail_content .thum {
    max-width: 50rem;
}
.art_detail._artist .detail_content .content > ul > li > p {
    margin-top: 2rem;
}
.art_detail._artist .detail_content .content {
    width: calc(100% - 50rem);
}
.art_detail._artist .artwork_list {
    margin-top: 6.5rem;
    padding-top: 6.5rem;
    border-top: 1px solid #E7E7E7;
    box-sizing: border-box;
}

.more_btnbox {
    margin-top: 2.5rem;
    text-align: center;
}
.more_btnbox button {
    width: 11rem;
    height: 4.3rem;
    border: 1px solid #222;
    border-radius: 0.4rem;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: none;
    font-size: 1.4rem;
    font-weight: 400;
}
.more_btnbox button i {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.45226 0.0554199V11.9521M0.503906 6.00377H12.4006' stroke='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-left: 0.7rem;
}

.btn-black {
    background: #222;
    color: #fff;
}

.btn-gray {
    background: #777;
    color: #fff;
}

.detail_content_item {
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
    padding: 8rem 0 6.5rem;
}

.wd50_imgbox {
    display: flex;
    justify-content: space-between;
}
.wd50_imgbox > div {
    width: calc((100% - 2.6rem) / 2);
}
.wd50_imgbox > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wd50_heightbox {
    display: flex;
    justify-content: space-between;
}
.wd50_heightbox > div {
    width: calc((100% - 2.6rem) / 2);
}
.wd50_heightbox > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}
.wd50_heightbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.art_detail .artwork_list {
    padding: 0 2.4rem 8rem;
}
.art_detail .artwork_list h3 {
    margin-bottom: 3rem;
}

.layer-singleSale .layer_inner {
    width: 35rem;
    padding: 3.5rem 5rem 5rem;
    text-align: center;
}
.layer-singleSale .layer_inner > h4 {
    font-size: 2.2rem;
    font-weight: 700;
}
.layer-singleSale .layer_inner > div {
    height: 4rem;
    padding: 0 2.5rem;
    border-radius: 2rem;
    box-sizing: border-box;
    border: 1px solid #222;
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0 2rem;
}
.layer-singleSale .layer_inner > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
}
.layer-singleSale .layer_inner > ul > li > div {
    width: 17rem;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.layer-singleSale .layer_inner > ul > li > div > i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #222;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    margin-right: 0.8rem;
}
.layer-singleSale .layer_inner > p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #777;
}
.layer-singleSale .layer_inner > button {
    width: 100%;
    height: 4.8rem;
    border-radius: 0.4rem;
    margin-top: 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    border: none;
}

.layer-setSale .layer_inner {
    width: 35rem;
    padding: 3.5rem 5rem 5rem;
    text-align: center;
}
.layer-setSale .layer_inner > h4 {
    font-size: 2.2rem;
    font-weight: 700;
}
.layer-setSale .layer_inner > h5 {
    font-size: 1.8rem;
    font-weight: 900;
    text-decoration: underline;
    margin-bottom: 2.5rem;
}
.layer-setSale .layer_inner > div {
    height: 4rem;
    padding: 0 2.5rem;
    border-radius: 2rem;
    box-sizing: border-box;
    border: 1px solid #222;
    font-size: 1.4rem;
    font-weight: 700;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0 2rem;
}
.layer-setSale .layer_inner > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
    box-sizing: border-box;
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
}
.layer-setSale .layer_inner > ul > li > div {
    width: 17rem;
    text-align: left;
    font-size: 1.5rem;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.layer-setSale .layer_inner > ul > li > div > i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #222;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    margin-right: 0.8rem;
}
.layer-setSale .layer_inner > p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #777;
}
.layer-setSale .layer_inner > button {
    width: 100%;
    height: 4.8rem;
    border-radius: 0.4rem;
    margin-top: 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    border: none;
}

/*.artist::before {*/
    /*content: "";*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 30%;*/
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 38.88%, rgba(0, 0, 0, 0.4) 62.65%, #000000 100%);*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 10;*/
/*}*/

.layer-emailform .layer_inner {
    padding-bottom: 4rem;
}
.layer-emailform h4 {
    font-size: 2.2rem;
    text-align: center;
    font-weight: 700;
    margin-bottom: 2rem;
}
.layer-emailform input, .layer-emailform textarea {
    width: 100%;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 1.4rem;
    padding: 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
    resize: none;
}
.layer-emailform textarea {
    height: 18rem;
}
.layer-emailform button {
    width: 100%;
    height: 5rem;
    border: 0;
    border-radius: 3px;
    font-size: 1.4rem;
    font-weight: 500;
}

.artist_list {
    padding: 6.5rem 0 12rem;
}
.artist_list > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.7rem;
}
.artist_list > ul > li {
    width: calc((100% - 3.4rem) / 3);
    position: relative;
    margin-bottom: 0rem;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
}
.artist_list > ul > li::before {
    transition: 0.3s all;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(181, 181, 181, 0.3019607843);
    z-index: 5;
    opacity: 0;
    pointer-events: none;
}
.artist_list > ul > li:hover::before {
    opacity: 1;
}
.artist_list > ul > li ._bg {
    width: 100%;
    height: 25rem;
}
.artist_list > ul > li ._bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artist_list > ul > li ._info {
    width: 100%;
    position: relative;
    border-top: 0;
    padding: 6.5rem 2rem 3rem;
    box-sizing: border-box;
    text-align: center;
}
.artist_list > ul > li ._info .profile {
    display: block;
    width: 9.5rem;
    height: 9.5rem;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: -4.75rem;
    transform: translateX(-50%);
}
.artist_list > ul > li ._info .profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artist_list > ul > li ._info h4 {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.artist_list > ul > li ._info p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.6rem;
}

.performance_txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    color: #fff;
    font-size: 8rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4);
}

.performance {
    padding: 6.5rem 0 12rem;
}
.performance_list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 3rem;
}
.performance_list > li {
    width: calc((100% - 3rem) / 3);
    margin-bottom: 1.2rem;
}
.performance_list > li .thum {
    width: 100%;
    height: 25rem;
}
.performance_list > li .thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.performance_list > li p {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1.2rem 0;
    box-sizing: border-box;
}

.artwork_curation._performance .curation_content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}
.artwork_curation._performance .curation_content h3 {
    font-size: 2.5rem;
    font-weight: 800;
}
.artwork_curation._performance .artwork_list {
    padding: 2.5rem 0 0rem;
    box-sizing: border-box;
}
.artwork_curation._performance .artwork_list h3 {
    margin-bottom: 3rem;
}


/*.request {*/
    /*padding-top: 8rem;*/
/*}*/
.request_banner {
    position: relative;
    height: calc(29.3rem + 8rem);
    display: flex;
    align-items: center;
    justify-content: center;
}
.request_banner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.request_banner > div {
    text-align: center;
    position: relative;
    z-index: 5;
    color: #fff;
    /*padding-bottom: 1.5rem;*/
    padding-top: 5rem;
}
.request_banner h3 {
    font-size: 4.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.request_banner h3 span {
    font-size: 3.6rem;
    font-weight: 700;
}
.request_banner p {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.request_main {
    padding: 5rem 0 12rem;
}

.request_tap {
    display: flex;
}
.request_tap label input {
    display: none;
}
.request_tap label input:checked ~ div {
    border: 1px solid #222;
    color: #222;
    font-weight: 800;
}
.request_tap label div {
    height: 4rem;
    border-radius: 2rem;
    border: 1px solid #E7E7E7;
    font-size: 1.4rem;
    font-weight: 400;
    box-sizing: border-box;
    color: #777;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2.5rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: 0.2s all;
}

.faq_content > ul {
    margin-top: 2.5rem;
    margin-bottom: 4rem;
    border-top: 1px solid #222;
}
.faq_content > ul > li {
    border-bottom: 1px solid #E7E7E7;
    box-sizing: border-box;
}
.faq_content > ul > li._on div._title i {
    transform: translateY(-50%) rotate(-180deg);
}
.faq_content > ul > li._on div._cont {
    border-top: 1px solid #e7e7e7;
}
.faq_content > ul > li > div {
    display: flex;
    align-items: center;
    position: relative;
}
.faq_content > ul > li > div > div {
    width: 13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
}
.faq_content > ul > li > div > p {
    font-size: 1.7rem;
    font-weight: 500;
    width: calc(100% - 13rem);
    padding-right: 13rem;
    box-sizing: border-box;
}
.faq_content > ul > li > div._title {
    height: 5rem;
    cursor: pointer;
}
.faq_content > ul > li > div._title > i {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    position: absolute;
    right: 6rem;
    top: 50%;
    transition: 0.3s all;
    transform: translateY(-50%);
    cursor: pointer;
}
.faq_content > ul > li > div._cont {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}
.faq_content > ul > li > div._cont p {
    box-sizing: border-box;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6em;
}

.request_bot {
    display: flex;
    justify-content: right;
    position: relative;
}
.request_bot .list_page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.request_bot > button {
    width: 11rem;
    height: 4.3rem;
    border-radius: 0.4rem;
    background: #222;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    border: 0;
}

.request_step {
    padding-top: 7rem;
}
.request_step > ul {
    width: 70rem;
    margin: 0 auto;
}
.request_step > ul > li {
    display: flex;
    align-items: center;
    margin-bottom: 10rem;
}
.request_step > ul > li:last-child {
    margin-bottom: 0;
}
.request_step > ul > li > i {
    width: 11.8rem;
    height: 11.8rem;
    margin-right: 4rem;
}
.request_step > ul > li > i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.request_step > ul > li > div > h3 {
    display: flex;
    align-items: flex-end;
    font-size: 3.4rem;
    font-weight: 700;
}
.request_step > ul > li > div > h3 span {
    margin-bottom: 5px;
}
.request_step > ul > li > div > h3 img {
    margin-right: 1.8rem;
}
.request_step > ul > li > div > p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 1.2rem;
}
main > section._performance:nth-child(1).img_section::before {
    opacity: 0.6;
}
section._performance.section01 > .frameWrap {
    opacity: 0.9;
}
.search_none {
    width: 100%;
    height: fit-content;
    justify-content: center;
    border: 0;
    padding: 10rem 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search_none > span {
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 400;
    color: #777;
}
.search_none > span > i {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 14.3333V22.6667M41 21C41 23.6264 40.4827 26.2272 39.4776 28.6537C38.4725 31.0802 36.9993 33.285 35.1421 35.1421C33.285 36.9993 31.0802 38.4725 28.6537 39.4776C26.2272 40.4827 23.6264 41 21 41C18.3736 41 15.7728 40.4827 13.3463 39.4776C10.9198 38.4725 8.71504 36.9993 6.85786 35.1421C5.00069 33.285 3.5275 31.0802 2.52241 28.6537C1.51732 26.2272 1 23.6264 1 21C1 15.6957 3.10714 10.6086 6.85786 6.85786C10.6086 3.10714 15.6957 1 21 1C26.3043 1 31.3914 3.10714 35.1421 6.85786C38.8929 10.6086 41 15.6957 41 21ZM21 29.3333H21.0178V29.3511H21V29.3333Z' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-bottom: 1rem;
}
.search_none > span > button {
    width: 11rem;
    height: 4.3rem;
    border-radius: 0.4rem;
    border: 1px solid #222;
    background: none;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 3rem;
}

.joinus {
    background: #222;
}

.joinus .videoWrap {
    position: relative;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 65rem;
    padding-top: 8rem;
    box-sizing: border-box;
}

.joinus .videoWrap .movBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    filter: blur(10px);
    width: 100%;
    height: 100%;
}
.joinus .videoWrap .movBox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.joinus .videoWrap .movBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.joinus .videoWrap .artistMain {
    width: 100%;
    text-align: center;
    word-break: keep-all;
    padding: 0 2.4rem;
    box-sizing: border-box;
}
.joinus .videoWrap .artistMain > svg {
    margin: 1.5rem;
}

.joinus .videoWrap .artistMain h2 {
    color: #fff;
    font-size: 6rem;
    font-weight: 800;
    text-shadow: 3px 0px 10px rgba(0, 0, 0, 0.4);
    line-height: 1.2em;
}

.joinus .videoWrap .artistMain p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 7rem;
}

.joinus_info {
    background: #fff;
    padding: 8rem 0 8.5rem;
}

.joinus_info {
    text-align: center;
}
.joinus_info > div:nth-child(1) {
    border-bottom: 1px solid #E7E7E7;
    box-sizing: border-box;
}

.joinus_info_first {
    padding-bottom: 8rem;
}
.joinus_info_first h3 {
    font-size: 3.2rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.5rem;
}
.joinus_info_first h3 img {
    height: 3rem;
    margin-right: 1rem;
}
.joinus_info_first ul {
    display: flex;
    justify-content: center;
    gap: 3rem;
}
.joinus_info_first ul > li {
    width: 22rem;
    text-align: center;
}
.joinus_info_first ul > li > i {
    width: 13rem;
    height: 13rem;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.joinus_info_first ul > li > i img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.joinus_info_first ul > li > p {
    font-size: 1.7rem;
    font-weight: 400;
    margin-top: 1.5rem;
    line-height: 1.3em;
}

.joinus_info_second {
    padding-top: 8.5rem;
}
.joinus_info_second h3 {
    font-size: 3.2rem;
    font-weight: 800;
    margin-bottom: 4rem;
}
.joinus_info_second ul {
    display: flex;
    justify-content: center;
    gap: 3.5rem;
}
.joinus_info_second ul > li {
    width: 33rem;
    height: 22.4rem;
    position: relative;
}
.joinus_info_second ul > li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.joinus_info_second ul > li div {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5em;
}

.joinus_form {
    background: #e7e7e7;
    padding: 8.5rem 0;
}
.joinus_form h3 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 800;
    margin-bottom: 6rem;
}
.joinus_form form {
    position: relative;
    width: 55rem;
    margin: 0 auto;
}
.joinus_form_item {
    font-family: "NotoSansKR";
}
.joinus_form_item > li {
    display: flex;
    align-items: center;
    margin-bottom: 1.3rem;
}
.joinus_form_item > li > p {
    width: calc(100% - 40rem);
    font-size: 1.7rem;
    font-weight: 500;
}
.joinus_form_item > li > div {
    width: 40rem;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
}
.joinus_form_item > li > div input,
.joinus_form_item > li > div textarea {
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    font-size: 1.5rem;
    font-weight: 400;
    width: 100%;
    height: 100%;
    border: 0;
    resize: none;
    line-height: 1.4em;
}
.joinus_form_item > li > div._input {
    height: 4.8rem;
}
.joinus_form_item > li > div._textarea {
    height: 10rem;
}

.privacy_consent {
    display: flex;
    width: 100%;
    padding-left: calc(100% - 40rem);
    width: fit-content;
    cursor: pointer;
    box-sizing: border-box;
}
.privacy_consent input {
    display: none;
}
.privacy_consent input ~ div {
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #222;
    box-sizing: border-box;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.privacy_consent input:checked ~ div::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 4.40492L6.39516 9.16683L13.25 0.833496' stroke='%23222222' stroke-width='2'/%3E%3C/svg%3E") no-repeat center/contain;
}
.privacy_consent span {
    font-size: 1.4rem;
    font-weight: 400;
}
.privacy_consent span a {
    font-weight: 700;
    text-decoration: underline;
    margin-left: 0.5rem;
}

.joinus_form_btn {
    padding-left: calc(100% - 40rem);
    box-sizing: border-box;
    margin-top: 2.5rem;
}
.joinus_form_btn button {
    width: 100%;
    height: 6rem;
    border-radius: 0.8rem;
    background: #222;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    border: 0;
}

.search_result {
    padding: 18rem 0 12rem;
    min-height: calc(100vh - 30rem);
    box-sizing: border-box;
}
.search_result > .width_wrap {
    position: relative;
}
.search_result_tt {
    margin: 0 auto;
    width: fit-content;
    padding-bottom: 5.3rem;
}
.search_result_tt > label {
    width: 64.5rem;
    height: 6rem;
    box-sizing: border-box;
    border-bottom: 2px solid #222;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_result_tt > label input {
    height: 100%;
    font-size: 2.4rem;
    font-weight: 500;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    width: calc(100% - 3rem);
}
.search_result_tt > label input::placeholder {
    color: #222;
}
.search_result_tt > label i {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.2002 25.25C24.4856 25.25 24.7362 25.1423 24.9395 24.9385C25.1447 24.7326 25.25 24.4767 25.25 24.1855C25.25 23.8989 25.1513 23.6474 24.9521 23.4473L18.9951 17.4189C20.486 15.5605 21.2344 13.4258 21.2344 11.0215C21.2344 9.15804 20.7779 7.43605 19.8643 5.86035C18.9514 4.28594 17.704 3.0394 16.126 2.12402C14.5469 1.20812 12.8297 0.75 10.9795 0.75C9.12928 0.750049 7.41577 1.20775 5.84473 2.12402C4.27516 3.03948 3.03277 4.28633 2.12012 5.86035C1.20651 7.43604 0.750011 9.15806 0.75 11.0215C0.75 12.8849 1.20654 14.6069 2.12012 16.1826C3.03276 17.7566 4.27518 19.0035 5.84473 19.9189C7.41601 20.8354 9.13379 21.293 10.9922 21.293C13.4557 21.293 15.6342 20.5021 17.5205 18.9277L23.4482 24.9248L23.4492 24.9258C23.6579 25.1351 23.9112 25.2499 24.2002 25.25ZM10.9922 19.2148C9.50361 19.2148 8.13605 18.8462 6.88477 18.1094C5.63123 17.3713 4.64186 16.3752 3.91406 15.1182C3.18705 13.8624 2.82422 12.4982 2.82422 11.0215C2.82423 9.54481 3.18706 8.18053 3.91406 6.9248C4.64186 5.66779 5.63123 4.6717 6.88477 3.93359C8.13621 3.19672 9.49958 2.82817 10.9795 2.82812C12.4594 2.82812 13.8228 3.19683 15.0742 3.93359C16.3277 4.67165 17.3171 5.6679 18.0449 6.9248C18.7719 8.18053 19.1357 9.54481 19.1357 11.0215C19.1357 11.6535 19.0634 12.2777 18.918 12.8936C18.7722 13.5105 18.5655 14.0852 18.2998 14.6182C18.0326 15.1542 17.7127 15.6619 17.3398 16.1416C16.9689 16.6187 16.5501 17.0434 16.083 17.415C15.6135 17.7885 15.1112 18.1091 14.5771 18.377C14.046 18.6433 13.4733 18.85 12.8584 18.9961C12.2445 19.1419 11.6222 19.2148 10.9922 19.2148Z' fill='%23222222' stroke='%23222222' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    cursor: pointer;
}

.search_result_tap {
    display: flex;
}
.search_result_tap label input {
    display: none;
}
.search_result_tap label input:checked ~ div {
    border: 1px solid #222;
    color: #222;
    font-weight: 800;
}
.search_result_tap label div {
    height: 4rem;
    border-radius: 2rem;
    border: 1px solid #E7E7E7;
    font-size: 1.4rem;
    font-weight: 400;
    box-sizing: border-box;
    color: #777;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: 0.2s all;
}

.search_result_list {
    margin-top: 3rem;
    width: 96.2rem;
}
.search_result_list_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #222;
    box-sizing: border-box;
}
.search_result_list_top > p {
    font-size: 2rem;
    font-weight: 600;
}
.search_result_list .list_page {
    margin-top: 4rem;
}
.search_result_list > ul > li {
    padding: 2.6rem;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
}
.search_result_list > ul > li .thum {
    width: 17rem;
    height: 17rem;
}
.search_result_list > ul > li .thum img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.search_result_list > ul > li .info {
    width: calc(100% - 17rem);
    padding-left: 4rem;
    box-sizing: border-box;
}
.search_result_list > ul > li .info h4 {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.search_result_list > ul > li .info p {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.select_tap {
    position: relative;
    height: 3rem;
    font-size: 1.3rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: right;
    min-width: fit-content;
    box-sizing: border-box;
}
.select_tap_tt {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1.2rem;
    cursor: pointer;
}
.select_tap_tt i {
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 1rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.select_tap_list {
    position: absolute;
    top: 100%;
    left: 0rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.4rem;
    box-sizing: border-box;
    padding: 1.2rem;
    width: max-content;
    background: #fff;
    opacity: 0;
    transition: 0.2s opacity;
    pointer-events: none;
    width: 100%;
}
.select_tap_list._on {
    opacity: 1;
    pointer-events: all;
}
.select_tap_list label {
    display: block;
    cursor: pointer;
    margin-bottom: 0.5rem;
}
.select_tap_list label:last-child {
    margin-bottom: 0;
}
.select_tap_list label input {
    display: none;
}
.select_tap_list label input:checked ~ span {
    color: #222;
}
.select_tap_list label span {
    font-size: 1.3rem;
    font-weight: 400;
    color: #777;
}

.search_banner {
    position: absolute;
    left: 103.2rem;
    width: 24.4rem;
}
.search_banner .txtbanner {
    width: 100%;
    background: #222;
    color: #fff;
    padding: 1.6rem 1.6rem 1.7rem;
    border-radius: 1rem;
    text-align: center;
    box-sizing: border-box;
}
.search_banner .txtbanner p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.35em;
}
.search_banner .txtbanner p span {
    font-size: 1.4rem;
    font-weight: 600;
}
.search_banner .txtbanner button {
    margin-top: 1.5rem;
    background: none;
    border: 1px solid #fff;
    border-radius: 0.4rem;
    height: 4rem;
    width: 10rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
}
.search_banner .imgbanner {
    width: 100%;
    height: 30rem;
    border-radius: 1rem;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 2rem;
}
.search_banner .imgbanner .swiper {
    width: 100%;
    height: 100%;
}
.search_banner .imgbanner .swiper img {
    width: 100%;
    height: 25rem;
    object-fit: cover;
}
.search_banner .imgbanner .swiper-slide {
    position: relative;
}
.search_banner .imgbanner .swiper-slide span {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    position: absolute;
    top: calc(100% - 5rem);
    width: 100%;
    left: 0;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.search_banner .imgbanner_tt {
    width: 100%;
    height: 5rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.search_banner .imgbanner_tt div {
    z-index: 10;
}
.search_banner .swiper-button-next {
    transform: rotate(180deg);
}
.search_banner .swiper-button-next,
.search_banner .swiper-button-prev {
    width: 1.3rem;
    height: 1.3rem;
    display: block;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.56364 0.999986L1 6.56362L6.56364 12.1273' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-top: -0.6rem;
}
.search_banner .swiper-button-next::after,
.search_banner .swiper-button-prev::after {
    display: none;
}

.layer-form .layer_inner {
    width: 48.6rem;
    padding: 3.5rem 4rem 5rem;
    box-sizing: border-box;
}
.layer-form .layer_inner > h3 {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
}
.layer-form ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.8rem;
}
.layer-form ul p {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}
.layer-form ul p span {
    font-size: 1.7rem;
    font-weight: 700;
    margin-left: 0.5rem;
    color: #b90000;
    height: 1.4rem;
}
.layer-form ul div {
    width: 100%;
    height: 4.8rem;
    border: 1px solid #ccc;
    border-radius: 0.8rem;
    box-sizing: border-box;
    overflow: hidden;
}
.layer-form ul div input {
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 1rem 2rem;
    box-sizing: border-box;
    border: 0;
}
.layer-form .submit_btn {
    width: 100%;
    height: 6rem;
    border-radius: 0.8rem;
    font-size: 1.7rem;
    font-weight: 700;
    background: #222;
    color: #fff;
    border: 0;
    margin-top: 2.5rem;
    font-family: "NotoSansKR", sans-serif;
}

.right_tap {
    position: fixed;
    right: 5rem;
    bottom: 10%;
    z-index: 100;
}
.right_tap.in-footer > div.up {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' transform='matrix(-1 0 0 1 45 0)' fill='black' fill-opacity='0.25'/%3E%3Ccircle cx='22.5' cy='22.5' r='22.25' transform='matrix(-1 0 0 1 45 0)' stroke='white' stroke-opacity='0.5' stroke-width='0.5'/%3E%3Cpath d='M22.5 29.2727V14.5454V29.2727ZM22.5 14.5454L15.5455 21.5L22.5 14.5454ZM22.5 14.5454L29.4546 21.5L22.5 14.5454Z' fill='black' fill-opacity='0.15'/%3E%3Cpath d='M22.5 14.5454L21.9697 14.0151C22.2626 13.7222 22.7375 13.7222 23.0304 14.0151L22.5 14.5454ZM16.0758 22.0303C15.7829 22.3232 15.3081 22.3232 15.0152 22.0303C14.7223 21.7374 14.7223 21.2625 15.0152 20.9696L15.5455 21.5L16.0758 22.0303ZM29.9849 20.9696C30.2778 21.2625 30.2778 21.7374 29.9849 22.0303C29.692 22.3232 29.2172 22.3232 28.9243 22.0303L29.4546 21.5L29.9849 20.9696ZM22.5 29.2727H21.75V14.5454H22.5H23.25V29.2727H22.5ZM22.5 14.5454L23.0304 15.0757L16.0758 22.0303L15.5455 21.5L15.0152 20.9696L21.9697 14.0151L22.5 14.5454ZM22.5 14.5454L23.0304 14.0151L29.9849 20.9696L29.4546 21.5L28.9243 22.0303L21.9697 15.0757L22.5 14.5454Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.right_tap.in-footer > div.down {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' transform='matrix(1 0 0 -1 0 45)' fill='black' fill-opacity='0.25'/%3E%3Ccircle cx='22.5' cy='22.5' r='22.25' transform='matrix(1 0 0 -1 0 45)' stroke='white' stroke-opacity='0.5' stroke-width='0.5'/%3E%3Cpath d='M22.5 30.4546L23.0303 30.9849C22.7374 31.2778 22.2625 31.2778 21.9696 30.9849L22.5 30.4546ZM28.9242 22.9697C29.2171 22.6768 29.6919 22.6768 29.9848 22.9697C30.2777 23.2626 30.2777 23.7375 29.9848 24.0304L29.4545 23.5L28.9242 22.9697ZM15.0151 24.0304C14.7222 23.7375 14.7222 23.2626 15.0151 22.9697C15.308 22.6768 15.7828 22.6768 16.0757 22.9697L15.5454 23.5L15.0151 24.0304ZM22.5 15.7273H23.25V30.4546H22.5H21.75V15.7273H22.5ZM22.5 30.4546L21.9696 29.9243L28.9242 22.9697L29.4545 23.5L29.9848 24.0304L23.0303 30.9849L22.5 30.4546ZM22.5 30.4546L21.9696 30.9849L15.0151 24.0304L15.5454 23.5L16.0757 22.9697L23.0303 29.9243L22.5 30.4546Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.right_tap > div {
    width: 4.5rem;
    height: 4.5rem;
    margin-top: 0.8rem;
    transition: 0.3s all;
    cursor: pointer;
}
.right_tap > div.up {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' transform='matrix(-1 0 0 1 45 0)' fill='black' fill-opacity='0.4'/%3E%3Cpath d='M22.5 29.2727V14.5454V29.2727ZM22.5 14.5454L15.5455 21.5L22.5 14.5454ZM22.5 14.5454L29.4546 21.5L22.5 14.5454Z' fill='black' fill-opacity='0.15'/%3E%3Cpath d='M22.5 14.5454L21.9697 14.0151C22.2626 13.7222 22.7375 13.7222 23.0304 14.0151L22.5 14.5454ZM16.0758 22.0303C15.7829 22.3232 15.3081 22.3232 15.0152 22.0303C14.7223 21.7374 14.7223 21.2625 15.0152 20.9696L15.5455 21.5L16.0758 22.0303ZM29.9849 20.9696C30.2778 21.2625 30.2778 21.7374 29.9849 22.0303C29.692 22.3232 29.2172 22.3232 28.9243 22.0303L29.4546 21.5L29.9849 20.9696ZM22.5 29.2727H21.75V14.5454H22.5H23.25V29.2727H22.5ZM22.5 14.5454L23.0304 15.0757L16.0758 22.0303L15.5455 21.5L15.0152 20.9696L21.9697 14.0151L22.5 14.5454ZM22.5 14.5454L23.0304 14.0151L29.9849 20.9696L29.4546 21.5L28.9243 22.0303L21.9697 15.0757L22.5 14.5454Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.right_tap > div.down {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.5' cy='22.5' r='22.5' transform='matrix(1 0 0 -1 0 45)' fill='black' fill-opacity='0.4'/%3E%3Cpath d='M22.5 30.4546L23.0303 30.9849C22.7374 31.2778 22.2625 31.2778 21.9696 30.9849L22.5 30.4546ZM28.9242 22.9697C29.2171 22.6768 29.6919 22.6768 29.9848 22.9697C30.2777 23.2626 30.2777 23.7375 29.9848 24.0304L29.4545 23.5L28.9242 22.9697ZM15.0151 24.0304C14.7222 23.7375 14.7222 23.2626 15.0151 22.9697C15.308 22.6768 15.7828 22.6768 16.0757 22.9697L15.5454 23.5L15.0151 24.0304ZM22.5 15.7273H23.25V30.4546H22.5H21.75V15.7273H22.5ZM22.5 30.4546L21.9696 29.9243L28.9242 22.9697L29.4545 23.5L29.9848 24.0304L23.0303 30.9849L22.5 30.4546ZM22.5 30.4546L21.9696 30.9849L15.0151 24.0304L15.5454 23.5L16.0757 22.9697L23.0303 29.9243L22.5 30.4546Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
.right_tap > div.itemTalk {
    background: url(../img/rightTalk.png) no-repeat center/contain;
    width: 5.2rem;
    height: 5.2rem;
}

.hd_menu_right {
    display: flex;
    align-items: center;
}

.hd_mobile_menu {
    cursor: pointer;
    margin-left: 1.5rem;
    display: none;
    width: 2.6rem;
    height: 2.6rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44445 18C1.03519 18 0.692375 17.856 0.416005 17.568C0.139635 17.28 0.000967943 16.924 4.98084e-06 16.5C-0.000957982 16.076 0.137709 15.72 0.416005 15.432C0.694301 15.144 1.03712 15 1.44445 15H24.5555C24.9648 15 25.3081 15.144 25.5854 15.432C25.8628 15.72 26.001 16.076 26 16.5C25.999 16.924 25.8604 17.2805 25.584 17.5695C25.3076 17.8585 24.9648 18.002 24.5555 18H1.44445ZM1.44445 10.5C1.03519 10.5 0.692375 10.356 0.416005 10.068C0.139635 9.77999 0.000967943 9.42399 4.98084e-06 8.99999C-0.000957982 8.57599 0.137709 8.21999 0.416005 7.93199C0.694301 7.64399 1.03712 7.49999 1.44445 7.49999H24.5555C24.9648 7.49999 25.3081 7.64399 25.5854 7.93199C25.8628 8.21999 26.001 8.57599 26 8.99999C25.999 9.42399 25.8604 9.78049 25.584 10.0695C25.3076 10.3585 24.9648 10.502 24.5555 10.5H1.44445ZM1.44445 3C1.03519 3 0.692375 2.856 0.416005 2.568C0.139635 2.28 0.000967943 1.924 4.98084e-06 1.5C-0.000957982 1.076 0.137709 0.719999 0.416005 0.432C0.694301 0.144 1.03712 0 1.44445 0H24.5555C24.9648 0 25.3081 0.144 25.5854 0.432C25.8628 0.719999 26.001 1.076 26 1.5C25.999 1.924 25.8604 2.2805 25.584 2.5695C25.3076 2.8585 24.9648 3.002 24.5555 3H1.44445Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.hd_mobile_menu._on {
    width: 2rem;
    height: 2rem;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3422L2.80228 21.5399C2.49556 21.8466 2.1052 22 1.63118 22C1.15716 22 0.766793 21.8466 0.460075 21.5399C0.153358 21.2332 0 20.8428 0 20.3688C0 19.8948 0.153358 19.5044 0.460075 19.1977L8.65779 11L0.460075 2.80228C0.153358 2.49556 0 2.1052 0 1.63118C0 1.15716 0.153358 0.766793 0.460075 0.460075C0.766793 0.153358 1.15716 0 1.63118 0C2.1052 0 2.49556 0.153358 2.80228 0.460075L11 8.65779L19.1977 0.460075C19.5044 0.153358 19.8948 0 20.3688 0C20.8428 0 21.2332 0.153358 21.5399 0.460075C21.8466 0.766793 22 1.15716 22 1.63118C22 2.1052 21.8466 2.49556 21.5399 2.80228L13.3422 11L21.5399 19.1977C21.8466 19.5044 22 19.8948 22 20.3688C22 20.8428 21.8466 21.2332 21.5399 21.5399C21.2332 21.8466 20.8428 22 20.3688 22C19.8948 22 19.5044 21.8466 19.1977 21.5399L11 13.3422Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.moblie_menu_pan {
    position: fixed;
    left: 0;
    top: 8rem;
    width: 100%;
    z-index: 100;
    background: #fff;
    transition: 0.1s height;
    height: 0;
    overflow: hidden;
    display: none;
}
.moblie_menu_pan._on {
    height: calc(100vh - 8rem);
}
.moblie_menu_pan ul {
    width: 100%;
    padding: 3rem;
    box-sizing: border-box;
}
.moblie_menu_pan ul > li {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 3.5rem;
}
.moblie_menu_pan > div {
    position: absolute;
    bottom: 10rem;
    left: 3rem;
}
.menu_pan_bot .ft_sns {
    display: none;
}
.menu_pan_bot .ft_sns a {
    margin-right: 1rem;
}
.menu_pan_bot h3 {
    font-size: 2rem;
    font-weight: 600;
    color: #717171;
    padding: 1rem 0;
    box-sizing: border-box;
}
.menu_pan_bot p {
    font-size: 1.2rem;
    color: #717171;
}

.fadeinToUp {
    animation: fadeinToUp 1s forwards;
}
.frameWrap{
    /*padding:56.25% 0 0 0;*/
    /*position:relative;*/
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-attachment: fixed;
}
.frameWrap iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    aspect-ratio: 16 / 9;
}
@keyframes fadeinToUp {
    0% {
        transform: translateY(-10rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}
@media (max-width: 1310px) {
    .right_tap {
        right: 3rem;
    }
    .img_section {
        height: 76.8rem;
    }
    .width_wrap {
        padding: 0 3rem;
        box-sizing: border-box;
    }
    .section01_title h2,
    .section02_title h2 {
        font-size: 6.5rem;
    }
    .section01_title .width_wrap {
        padding-left: 8rem;
    }
    .artist_section h2 {
        margin-bottom: 4rem;
        font-size: 4.2rem;
    }
    .artist_section h2 img {
        height: 4.4rem;
    }
    .artist_section h2 p {
        display: block;
    }
    .artistSwiper {
        height: 35rem;
    }
    .artistSwiper .swiper-slide {
        height: 31rem;
    }
    .search_pan._on .search_inner {
        height: 22rem;
        padding: 0 25rem;
        box-sizing: border-box;
    }
    .search_pan .search_inner label {
        width: 100%;
        height: 5rem;
    }
    .search_pan .search_inner label input {
        font-size: 2.2rem;
    }
    .search_pan .search_inner label i {
        width: 2.1rem;
        height: 2.1rem;
    }
    .top_banner h2 img {
        width: 25rem;
    }
    .top_banner h2 {
        font-size: 3.6rem;
    }
    .artworkSwiper .swiper-slide {
        height: 19.3rem;
    }
    .artworkSwiper .swiper-slide > div {
        font-size: 2.4rem;
    }
    .artwork_list_tap > label > div {
        width: 10rem;
    }
    .artwork_list_box > li {
        width: calc((100% - 3.6rem) / 4);
        margin-right: 1.2rem;
    }
    .artwork_list_box > li > p {
        padding: 1rem 0 2.5rem;
        font-size: 1.4rem;
    }
    .detail_content .thum {
        width: 41rem;
    }
    .detail_content .content {
        width: calc(100% - 41rem);
        padding: 0 0rem 0 5.5rem;
    }
    .detail_content .content_top h3 {
        font-size: 2.8rem;
    }
    .detail_content .content_top p {
        font-size: 1.8rem;
        margin-top: 0.5rem;
    }
    .request_banner {
        height: 29rem;
    }
    .joinus .videoWrap {
        height: 76.8rem;
    }
    /*.detail_content .content > ul > li > .title {*/
        /*padding: 0px 1.7rem;*/
    /*}*/
    .detail_content .content > ul > li > h4 {
        margin: 1.5rem 0;
    }
    .detail_content .content > ul > li > ul {
        margin-top: 1.5rem;
    }
    .detail_content .content > ul > li {
        margin-bottom: 2rem;
    }
    .detail_content .content .btnbox {
        margin-top: 2.5rem;
    }
    .detail_content .content > ul > li > p {
        font-size: 1.4rem;
    }
    .wd50_imgbox > div,
    .wd50_heightbox > div {
        width: calc((100% - 2rem) / 2);
    }
    .detail_content_item,
    .wd50_heightbox > div:last-child {
        gap: 2rem;
    }
    .curation_title > h3 {
        font-size: 2.8rem;
    }
    .curation_title > p {
        font-size: 1.8rem;
    }
    .curation_title > div > span {
        font-size: 1.5rem;
    }
    .curation_content {
        font-size: 1.6rem;
    }
    .artwork_curation .page_box > a {
        font-size: 1.4rem;
    }
    .artwork_list_tb {
        margin: 2rem 0 3rem;
    }
    .artwork_list_tb > li {
        font-size: 1.4rem;
    }
    .artwork_list_tb > li > div:nth-child(1) {
        width: 8%;
    }
    .artwork_list_tb > li > div:nth-child(2) {
        width: 52%;
        text-align: left;
    }
    .artwork_list_tb > li > div:nth-child(3) {
        width: 12%;
    }
    .artwork_list_tb > li > div:nth-child(4) {
        width: 12%;
    }
    .artwork_list_tb > li > div:nth-child(5) {
        width: 8%;
    }
    .artwork_list_tb > li > div:nth-child(6) {
        width: 8%;
    }
    .top_banner {
        height: 32.5rem;
    }
    .artist_list > ul > li ._bg {
        height: 19rem;
    }
    .artist_list > ul > li ._info {
        padding: 4.5rem 2rem 3rem;
    }
    .artist_list > ul > li ._info .profile {
        width: 8rem;
        height: 8rem;
    }
    .artist_list > ul > li ._info p {
        font-size: 1.3rem;
        line-height: 2rem;
    }
    .art_detail._artist .detail_content .content {
        width: calc(100% - 41rem);
    }
    .artwork_list h3 {
        font-size: 3.2rem;
    }
    .art_detail._artist .artwork_list {
        margin-top: 5rem;
        padding-top: 5rem;
    }
    .performance_txt {
        width: 100%;
        font-size: 6.5rem;
    }
    .performance_list > li .thum {
        height: 19rem;
    }
    .performance_list {
        gap: 1.2rem;
    }
    .performance_list > li {
        width: calc((100% - 2.4rem) / 3);
    }
    .performance_list > li > p {
        font-size: 1.4rem;
    }
    .artwork_curation._performance .curation_content h3 {
        font-size: 2.1rem;
    }
    .curation_title > p {
        margin: 0;
    }
    .request_banner h3 {
        font-size: 3.4rem;
        margin-bottom: 0.5rem;
        line-height: 1.2em;
    }
    .request_banner h3 span {
        font-size: 2.8rem;
    }
    .request_banner p {
        font-size: 1.8rem;
        margin-bottom: 0;
    }
    .faq_content > ul > li > div > div {
        font-size: 1.6rem;
    }
    .faq_content > ul > li > div > p {
        font-size: 1.5rem;
    }
    .faq_content > ul > li > div._cont p {
        font-size: 1.4rem;
    }
    .request_step > ul > li > i {
        width: 9.4rem;
        height: 9.4rem;
        margin-right: 3rem;
    }
    .request_step > ul > li > div > h3 {
        font-size: 2.6rem;
    }
    .request_step > ul > li > div > h3 img {
        width: 3rem;
        margin-right: 1.5rem;
    }
    .request_step > ul > li > div > p {
        font-size: 1.5rem;
    }
    .request_step > ul > li {
        margin-bottom: 8rem;
    }
    .joinus .videoWrap .artistMain h2 {
        font-size: 4.3rem;
    }
    .joinus .videoWrap .artistMain p {
        margin-bottom: 4.5rem;
    }
    .joinus .videoWrap .artistMain > svg {
        margin: 0.9rem;
    }
    .joinus .videoWrap .artistMain img {
        height: 16rem;
    }
    .joinus_info {
        padding: 5rem 0 6rem;
    }
    .joinus_info_second {
        padding-top: 5rem;
    }
    .joinus_info_first ul {
        padding-bottom: 6rem;
    }
    .joinus_info_first ul > li {
        width: 18rem;
    }
    .joinus_info_first ul > li > i {
        width: 11rem;
        height: 11rem;
    }
    .joinus_info_first ul > li > p {
        font-size: 1.5rem;
    }
    .joinus_info_second ul {
        gap: 1.2rem;
    }
    .joinus_info_second ul > li {
        height: 21rem;
    }
    .joinus_info_second ul > li div {
        font-size: 1.7rem;
    }
    .joinus_form_item > li > p {
        font-size: 1.6rem;
    }
    .search_banner {
        left: auto;
        right: 3rem;
        width: 14rem;
    }
    .search_result_list {
        width: calc(100% - 14rem - 3rem - 5rem);
    }
    .search_banner .txtbanner p,
    .search_banner .txtbanner p span {
        font-size: 1.3rem;
        font-weight: 500;
        word-break: keep-all;
    }
    .search_banner .txtbanner {
        padding: 1.6rem 1.2rem 1.7rem;
    }
    .search_banner .txtbanner button {
        height: 3.3rem;
    }
    .search_banner .imgbanner {
        width: 100%;
        height: 18rem;
    }
    .search_banner .imgbanner .swiper img {
        height: 14rem;
    }
    .search_banner .imgbanner .swiper-slide span {
        font-size: 1.3rem;
        top: auto;
        height: 4rem;
        width: calc(100% - 6rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        left: 50%;
        bottom: -1.2rem;
        transform: translateX(-50%);
    }
    .search_banner .swiper-button-next,
    .search_banner .swiper-button-prev {
        margin-top: -0.2rem;
    }
    .search_result_list > ul > li .info h4 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .search_result_list > ul > li .info {
        padding-left: 3rem;
        width: calc(100% - 13rem);
    }
    .search_result_list > ul > li .info p {
        font-size: 1.4rem;
        line-height: 1.6em;
        -webkit-line-clamp: 4;
    }
    .search_result_list > ul > li .thum {
        width: 13.4rem;
        height: 13.4rem;
    }
    .hd_menu {
        position: unset;
        transform: translate(0, 0);
        left: auto;
        top: auto;
        box-sizing: border-box;
    }
    .hd_menu > li {
        margin-right: 3.5rem;
    }
    .frameWrap{
        position: relative;
        background-size: 100% 100%;
        background-attachment: fixed;
        height: 100%;
        min-height: 215px;
        width: auto;
        padding-top: 25px;
        margin: 0;
        overflow: hidden;
    }
    .frameWrap iframe{
        top: 50%;
        left: 50%;
        height: 100vh;
        width: calc(100dvh * 16 / 9);
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 960px) {
    .hd_menu {
        display: none;
    }
    .hd_search,
    .hd_search:hover {
        width: 2rem;
        height: 2rem;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3145 23.25C22.5691 23.25 22.7929 23.1539 22.9736 22.9727C23.1564 22.7894 23.25 22.5608 23.25 22.3018C23.25 22.0468 23.1628 21.8205 22.9844 21.6416L22.9834 21.6426L16.4785 15.0771C17.7489 13.4829 18.3877 11.653 18.3877 9.59375C18.3877 7.9897 17.9937 6.50716 17.207 5.15039C16.4211 3.795 15.3477 2.72165 13.9893 1.93359C12.6296 1.14487 11.1505 0.75 9.55762 0.75C7.96486 0.750053 6.48946 1.14464 5.13672 1.93359C3.78546 2.72173 2.71539 3.79531 1.92969 5.15039C1.14312 6.50709 0.75 7.9898 0.75 9.59375C0.75 11.1977 1.14312 12.6804 1.92969 14.0371C2.71539 15.3922 3.78546 16.4658 5.13672 17.2539C6.48966 18.043 7.96866 18.4375 9.56836 18.4375C11.6787 18.4375 13.5467 17.7628 15.165 16.4209L21.6445 22.9609V22.9619C21.8296 23.1475 22.0561 23.25 22.3145 23.25ZM9.56836 16.584C8.29815 16.5839 7.1318 16.2691 6.06445 15.6406C4.99495 15.0108 4.15125 14.1613 3.53027 13.0889C2.91003 12.0175 2.59961 10.8539 2.59961 9.59375C2.59961 8.3336 2.91003 7.16995 3.53027 6.09863C4.15125 5.02617 4.99495 4.17667 6.06445 3.54688C7.13201 2.91828 8.29482 2.60357 9.55762 2.60352C10.8205 2.60352 11.9841 2.91823 13.0518 3.54688C14.1212 4.17668 14.965 5.02618 15.5859 6.09863C16.2062 7.16995 16.5166 8.3336 16.5166 9.59375C16.5166 10.1329 16.4541 10.665 16.3301 11.1904C16.2057 11.7171 16.0303 12.2076 15.8037 12.6621C15.5756 13.1197 15.3018 13.5533 14.9834 13.9629C14.667 14.3698 14.3095 14.732 13.9111 15.0488C13.5106 15.3674 13.0825 15.6407 12.627 15.8691C12.1739 16.0963 11.6851 16.2728 11.1602 16.3975C10.6364 16.5218 10.1058 16.584 9.56836 16.584Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    .search_pan._on .search_inner {
        padding: 3rem 2.5rem;
        height: 100%;
        align-items: start;
    }
    .search_pan .search_inner label {
        max-width: 40rem;
    }
    header._onsearch .hd_mobile_menu {
        display: none;
    }
    header._onmenu .hd_search {
        display: none;
    }
    header.change .hd_search,
    header.change .hd_search:hover {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3145 23.25C22.5691 23.25 22.7929 23.1539 22.9736 22.9727C23.1564 22.7894 23.25 22.5608 23.25 22.3018C23.25 22.0468 23.1628 21.8205 22.9844 21.6416L22.9834 21.6426L16.4785 15.0771C17.7489 13.4829 18.3877 11.653 18.3877 9.59375C18.3877 7.9897 17.9937 6.50716 17.207 5.15039C16.4211 3.795 15.3477 2.72165 13.9893 1.93359C12.6296 1.14487 11.1505 0.75 9.55762 0.75C7.96486 0.750053 6.48946 1.14464 5.13672 1.93359C3.78546 2.72173 2.71539 3.79531 1.92969 5.15039C1.14312 6.50709 0.75 7.9898 0.75 9.59375C0.75 11.1977 1.14312 12.6804 1.92969 14.0371C2.71539 15.3922 3.78546 16.4658 5.13672 17.2539C6.48966 18.043 7.96866 18.4375 9.56836 18.4375C11.6787 18.4375 13.5467 17.7628 15.165 16.4209L21.6445 22.9609V22.9619C21.8296 23.1475 22.0561 23.25 22.3145 23.25ZM9.56836 16.584C8.29815 16.5839 7.1318 16.2691 6.06445 15.6406C4.99495 15.0108 4.15125 14.1613 3.53027 13.0889C2.91003 12.0175 2.59961 10.8539 2.59961 9.59375C2.59961 8.3336 2.91003 7.16995 3.53027 6.09863C4.15125 5.02617 4.99495 4.17667 6.06445 3.54688C7.13201 2.91828 8.29482 2.60357 9.55762 2.60352C10.8205 2.60352 11.9841 2.91823 13.0518 3.54688C14.1212 4.17668 14.965 5.02618 15.5859 6.09863C16.2062 7.16995 16.5166 8.3336 16.5166 9.59375C16.5166 10.1329 16.4541 10.665 16.3301 11.1904C16.2057 11.7171 16.0303 12.2076 15.8037 12.6621C15.5756 13.1197 15.3018 13.5533 14.9834 13.9629C14.667 14.3698 14.3095 14.732 13.9111 15.0488C13.5106 15.3674 13.0825 15.6407 12.627 15.8691C12.1739 16.0963 11.6851 16.2728 11.1602 16.3975C10.6364 16.5218 10.1058 16.584 9.56836 16.584Z' fill='%23222222' stroke='%23222222' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    header.change .hd_search._on, header.change .hd_search._on:hover {
        width: 2rem;
        height: 2rem;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3422L2.80228 21.5399C2.49556 21.8466 2.1052 22 1.63118 22C1.15716 22 0.766793 21.8466 0.460075 21.5399C0.153358 21.2332 0 20.8428 0 20.3688C0 19.8948 0.153358 19.5044 0.460075 19.1977L8.65779 11L0.460075 2.80228C0.153358 2.49556 0 2.1052 0 1.63118C0 1.15716 0.153358 0.766793 0.460075 0.460075C0.766793 0.153358 1.15716 0 1.63118 0C2.1052 0 2.49556 0.153358 2.80228 0.460075L11 8.65779L19.1977 0.460075C19.5044 0.153358 19.8948 0 20.3688 0C20.8428 0 21.2332 0.153358 21.5399 0.460075C21.8466 0.766793 22 1.15716 22 1.63118C22 2.1052 21.8466 2.49556 21.5399 2.80228L13.3422 11L21.5399 19.1977C21.8466 19.5044 22 19.8948 22 20.3688C22 20.8428 21.8466 21.2332 21.5399 21.5399C21.2332 21.8466 20.8428 22 20.3688 22C19.8948 22 19.5044 21.8466 19.1977 21.5399L11 13.3422Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    header.change .hd_mobile_menu {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44445 18C1.03519 18 0.692375 17.856 0.416005 17.568C0.139635 17.28 0.000967943 16.924 4.98084e-06 16.5C-0.000957982 16.076 0.137709 15.72 0.416005 15.432C0.694301 15.144 1.03712 15 1.44445 15H24.5555C24.9648 15 25.3081 15.144 25.5854 15.432C25.8628 15.72 26.001 16.076 26 16.5C25.999 16.924 25.8604 17.2805 25.584 17.5695C25.3076 17.8585 24.9648 18.002 24.5555 18H1.44445ZM1.44445 10.5C1.03519 10.5 0.692375 10.356 0.416005 10.068C0.139635 9.77999 0.000967943 9.42399 4.98084e-06 8.99999C-0.000957982 8.57599 0.137709 8.21999 0.416005 7.93199C0.694301 7.64399 1.03712 7.49999 1.44445 7.49999H24.5555C24.9648 7.49999 25.3081 7.64399 25.5854 7.93199C25.8628 8.21999 26.001 8.57599 26 8.99999C25.999 9.42399 25.8604 9.78049 25.584 10.0695C25.3076 10.3585 24.9648 10.502 24.5555 10.5H1.44445ZM1.44445 3C1.03519 3 0.692375 2.856 0.416005 2.568C0.139635 2.28 0.000967943 1.924 4.98084e-06 1.5C-0.000957982 1.076 0.137709 0.719999 0.416005 0.432C0.694301 0.144 1.03712 0 1.44445 0H24.5555C24.9648 0 25.3081 0.144 25.5854 0.432C25.8628 0.719999 26.001 1.076 26 1.5C25.999 1.924 25.8604 2.2805 25.584 2.5695C25.3076 2.8585 24.9648 3.002 24.5555 3H1.44445Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    header.change .hd_mobile_menu._on {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3422L2.80228 21.5399C2.49556 21.8466 2.1052 22 1.63118 22C1.15716 22 0.766793 21.8466 0.460075 21.5399C0.153358 21.2332 0 20.8428 0 20.3688C0 19.8948 0.153358 19.5044 0.460075 19.1977L8.65779 11L0.460075 2.80228C0.153358 2.49556 0 2.1052 0 1.63118C0 1.15716 0.153358 0.766793 0.460075 0.460075C0.766793 0.153358 1.15716 0 1.63118 0C2.1052 0 2.49556 0.153358 2.80228 0.460075L11 8.65779L19.1977 0.460075C19.5044 0.153358 19.8948 0 20.3688 0C20.8428 0 21.2332 0.153358 21.5399 0.460075C21.8466 0.766793 22 1.15716 22 1.63118C22 2.1052 21.8466 2.49556 21.5399 2.80228L13.3422 11L21.5399 19.1977C21.8466 19.5044 22 19.8948 22 20.3688C22 20.8428 21.8466 21.2332 21.5399 21.5399C21.2332 21.8466 20.8428 22 20.3688 22C19.8948 22 19.5044 21.8466 19.1977 21.5399L11 13.3422Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    .hd_search._on,
    .hd_search._on:hover {
        width: 2rem;
        height: 2rem;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3422L2.80228 21.5399C2.49556 21.8466 2.1052 22 1.63118 22C1.15716 22 0.766793 21.8466 0.460075 21.5399C0.153358 21.2332 0 20.8428 0 20.3688C0 19.8948 0.153358 19.5044 0.460075 19.1977L8.65779 11L0.460075 2.80228C0.153358 2.49556 0 2.1052 0 1.63118C0 1.15716 0.153358 0.766793 0.460075 0.460075C0.766793 0.153358 1.15716 0 1.63118 0C2.1052 0 2.49556 0.153358 2.80228 0.460075L11 8.65779L19.1977 0.460075C19.5044 0.153358 19.8948 0 20.3688 0C20.8428 0 21.2332 0.153358 21.5399 0.460075C21.8466 0.766793 22 1.15716 22 1.63118C22 2.1052 21.8466 2.49556 21.5399 2.80228L13.3422 11L21.5399 19.1977C21.8466 19.5044 22 19.8948 22 20.3688C22 20.8428 21.8466 21.2332 21.5399 21.5399C21.2332 21.8466 20.8428 22 20.3688 22C19.8948 22 19.5044 21.8466 19.1977 21.5399L11 13.3422Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    .moblie_menu_pan {
        display: block;
    }
    .hd_mobile_menu {
        display: block;
    }
    footer {
        padding: 5rem 0;
    }
    footer > div {
        flex-wrap: wrap;
    }
    footer ._left,
    footer ._right {
        width: 100%;
        text-align: center;
    }
    footer ._left {
        display: flex;
        justify-content: center;
    }
    footer .ft_menu {
        justify-content: center;
        /*margin-top: 2.5rem;*/
        margin-top: 1.5rem;
        font-size: 1.4rem;
    }
    footer .ft_menu > li:last-child {
        padding-right: 1.6rem;
    }
    footer .ft_menu > li:first-child {
        padding-left: 1.6rem;
    }
    footer .ft_menu > li {
        padding: 0 1.6rem;
    }
    footer .ft_txt {
        margin-top: 1.5rem;
        font-size: 1.2rem;
        word-break: keep-all;
    }
    footer .ft_info {
        margin-top: 1.5rem;
        font-size: 1.4rem;
        justify-content: center;
    }
    .artist_section h2 p {
        font-size: 1.8rem;
        margin-top: 1rem;
    }

}
@media (max-width: 768px) {
    .hd_logo {
        /*width: 60%;*/
        height: 28px;
    }
    .joinus .videoWrap {
        height: 100vh;
    }
    footer .ft_menu {
        max-width: 33rem;
        display: inline-flex;
    }
    .section01_title h2,
    .section02_title h2 {
        font-size: 3.7rem;
    }
    .section02_title {
        text-align: left;
    }
    .section02_title h4 {
        font-size: 1.8rem;
        margin: 1.5rem 0 0;
        word-break: keep-all;
    }
    .artist_section h2 img {
        height: 2.5rem;
        margin: 7px;
    }
    .artist_section h2 p {
        font-size: 1.6rem;
        margin-top: 1.3rem;
    }
    .lightgray_btn {
        padding: 0 2rem;
        margin: 2.5rem 0.6rem 0;
    }
    .section01_title .width_wrap,
    .section02_title .width_wrap {
        padding: 0 4rem 12rem;
    }
    .artistSwiper {
        height: auto;
    }
    .artistSwiper .swiper-slide {
        height: max-content;
    }
    .artistSwiper .swiper-slide {
        flex-wrap: wrap;
        justify-content: center;
    }
    .artistSwiper .swiper-wrapper {
        padding-bottom: 3rem;
    }
    .artistSwiper .swiper-slide > div {
        width: calc((100% - 6rem) / 2);
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        max-width: 25rem;
        margin: 1.5rem;
    }
    .search_banner .txtbanner p{
        text-wrap: nowrap;
    }
    .artistSwiper .swiper-slide > div::after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    .artistSwiper .swiper-slide > div img {
        position: absolute;
        left: 0;
        top: 0;
    }
    .artistSwiper .swiper-pagination-bullet {
        width: 1.3rem;
        height: 1.3rem;
        border: 1px solid transparent;
        background: #aaa;
        box-sizing: border-box;
        opacity: 1;
        transition: 0.3s all;
    }
    .artistSwiper .swiper-pagination-bullet-active {
        background: #222;
        width: 3.25rem;
        border-radius: 0.65rem;
    }
    .artist_section h2 {
        font-size: 3.5rem;
    }
    .search_pan .search_inner label input {
        font-size: 1.6rem;
    }
    .search_pan .search_inner h4 {
        display: block;
    }
    .top_banner h2 {
        font-size: 3rem;
        padding: 5rem 3rem 0px;
        box-sizing: border-box;
        /*text-wrap: nowrap;*/
    }
    .top_banner h2 img {
        height: 1.8rem;
    }
    .artwork_list_top .search_item i {
        width: 2rem;
        height: 2rem;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.377 21.6071C20.6146 21.6071 20.8238 21.5172 20.9922 21.3484C21.1626 21.1775 21.25 20.9639 21.25 20.7224C21.25 20.485 21.1686 20.2734 21.002 20.1062L21.001 20.1071L15.1025 14.1521C16.2518 12.7026 16.8291 11.0396 16.8291 9.16965C16.8291 7.70763 16.471 6.35577 15.7539 5.11887C15.0374 3.88317 14.0578 2.90466 12.8193 2.18625C11.5799 1.46728 10.2321 1.1072 8.78027 1.10715C7.32825 1.10715 5.98242 1.4669 4.74902 2.18625C3.51726 2.90472 2.54142 3.88362 1.8252 5.11887C1.10814 6.35574 0.75 7.70767 0.75 9.16965C0.75 10.6316 1.10814 11.9836 1.8252 13.2204C2.54142 14.4557 3.51726 15.4346 4.74902 16.153C5.9826 16.8725 7.33174 17.2321 8.79004 17.2321C10.7063 17.2321 12.4037 16.6218 13.875 15.4079L19.751 21.3376L19.752 21.3386C19.924 21.5111 20.1355 21.6071 20.377 21.6071ZM8.79004 15.5017C7.63916 15.5017 6.58204 15.2165 5.61523 14.6472C4.64638 14.0766 3.88186 13.3073 3.31934 12.3357C2.75752 11.3653 2.47656 10.3113 2.47656 9.16965C2.47656 8.02799 2.75752 6.97404 3.31934 6.00363C3.88186 5.03204 4.64638 4.2627 5.61523 3.69211C6.58226 3.12271 7.63614 2.83762 8.78027 2.83762C9.92428 2.83767 10.9774 3.12276 11.9443 3.69211C12.9133 4.26268 13.6777 5.03203 14.2402 6.00363C14.8021 6.97404 15.083 8.02799 15.083 9.16965C15.083 9.65807 15.0265 10.14 14.9141 10.6159C14.8014 11.0931 14.6426 11.5375 14.4375 11.9489C14.2308 12.3636 13.9829 12.7565 13.6943 13.1277C13.4078 13.4962 13.0844 13.8241 12.7236 14.1111C12.3606 14.3998 11.9724 14.6472 11.5596 14.8542C11.1494 15.0599 10.707 15.2198 10.2314 15.3327C9.75712 15.4454 9.27676 15.5017 8.79004 15.5017Z' fill='%23222222' stroke='%23222222' stroke-width='0.5'/%3E%3C/svg%3E%0A") no-repeat center / contain;
    }
    .artwork_list_top .search_item {
        padding: 0 2.3rem;
    }
    .width_wrap {
        padding: 0 2.4rem;
    }
    .artwork_list_tap {
        margin: 2.4rem 0;
        flex-wrap: nowrap;
        justify-content: left;
        width: calc(100% + 4.8rem);
        transform: translateX(-2.4rem);
        overflow-x: scroll;
        padding: 0 2.4rem;
        box-sizing: border-box;
    }
    .artwork_list_tap::-webkit-scrollbar {
        display: none;
    }
    .artwork_list_box > li {
        width: calc((100% - 1rem) / 2);
        margin-right: 1rem;
    }
    .artwork_list_box > li:nth-child(4n) {
        margin-right: 1rem;
    }
    .artwork_list_box > li:nth-child(2n) {
        margin-right: 0rem;
    }
    .artwork_curation {
        padding: 10rem 0 12rem;
    }
    .curation_title > div {
        flex-wrap: wrap;
        margin-top: 0.5rem;
        line-height: 2em;
    }
    .curation_content {
        font-size: 1.4rem;
    }
    .two_imgbox {
        flex-wrap: wrap;
    }
    .two_imgbox > div:nth-child(1),
    .two_imgbox > div:nth-child(2) {
        width: 100%;
        height: 11rem;
        margin-bottom: 1rem;
    }
    .artwork_curation .page_box {
        margin-top: 2rem;
    }
    .layer-sns .layer_inner {
        width: calc(100% - 6rem);
        max-width: 35rem;
    }
    .curation_bot .print_item {
        display: none;
    }
    main.artwork_list {
        padding: 10.4rem 0rem 5rem;
    }
    main.artwork .artwork_list {
        padding: 3.7rem 2.4rem 5rem;
    }
    .artwork_list_box > li a > p {
        padding: 1.3rem 0 3rem;
        font-size: 1.4rem;
    }
    .more_btnbox {
        margin-top: 0;
    }
    .artist_list > ul{
        gap : 1.6rem;
    }
    .performance {
        padding-top: 3rem;
    }
    .artwork_list_top {
        flex-wrap: wrap;
        border-bottom: 8px solid #f7f7f7;
        padding: 0 2.5rem 2rem;
    }
    .artwork_list_top > h4 {
        width: 100%;
        text-align: left;
        margin-bottom: 2rem;
    }
    .artworkSwiper .swiper-slide {
        height: 10rem;
    }
    .artworkSwiper .swiper-button-next,
    .artworkSwiper .swiper-button-prev {
        width: 2.4rem;
        height: 2.4rem;
        margin-top: -1rem;
    }
    .artwork_tap {
        padding: 3rem 0;
    }
    .artworkSwiper .swiper-slide > div {
        font-size: 2rem;
        font-weight: 600;
    }
    .artwork_list h3 {
        font-size: 2.4rem;
    }
    .artworkSwiper .swiper-button-next,
    .artworkSwiper .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 7px);
    }
    .artworkSwiper .swiper-button-prev,
    .artworkSwiper .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 7px);
    }
    .artwork_list > .width_wrap {
        padding: 0;
    }
    .artwork_list_tb {
        margin: 0;
        margin-bottom: 3rem;
    }
    .artwork_list_tb > li {
        flex-wrap: wrap;
        height: fit-content;
        padding: 2rem 3rem;
        box-sizing: border-box;
    }
    .artwork_list_tb > li._top {
        display: none;
    }
    .artwork_list_tb > li > div:nth-child(1) {
        display: none;
    }
    .artwork_list_tb > li > div {
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }
    .artwork_list_tb > li > div:nth-child(2) {
        width: 100%;
        font-size: 1.7rem;
        font-weight: 500;
        margin-bottom: 0.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .artwork_list_tb > li > div:nth-child(3),
    .artwork_list_tb > li > div:nth-child(4),
    .artwork_list_tb > li > div:nth-child(5),
    .artwork_list_tb > li > div:nth-child(6) {
        width: fit-content;
        color: #777;
        display: flex;
        align-items: center;
    }
    .artwork_list_tb > li > div:nth-child(3)::after,
    .artwork_list_tb > li > div:nth-child(4)::after,
    .artwork_list_tb > li > div:nth-child(5)::after {
        content: "";
        display: block;
        width: 1px;
        height: 0.7rem;
        background: #999;
        margin: 0 0.7rem;
    }
    .artwork_list_tb > li > div:nth-child(5)::before {
        content: "조회수 ";
        display: block;
        margin-right: 3px;
    }
    .artwork_list_tb > li > div.like_num i {
        display: block;
        width: 1.4rem;
        height: 1.4rem;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.12211 7.80143C1.74752 7.43001 1.45074 6.9879 1.24906 6.50085C1.04737 6.0138 0.944818 5.49156 0.947368 4.96455C0.947368 3.89867 1.37157 2.87645 2.12665 2.12275C2.88173 1.36906 3.90584 0.945643 4.97368 0.945643C6.47053 0.945643 7.77789 1.75888 8.46947 2.96928H9.53053C9.88211 2.35373 10.3908 1.84218 11.0049 1.48671C11.619 1.13124 12.3165 0.944544 13.0263 0.945643C14.0942 0.945643 15.1183 1.36906 15.8734 2.12275C16.6284 2.87645 17.0526 3.89867 17.0526 4.96455C17.0526 6.07093 16.5789 7.09221 15.8779 7.80143L9 14.6572L2.12211 7.80143ZM16.5411 8.47282C17.4411 7.56502 18 6.33571 18 4.96455C18 3.64787 17.476 2.38513 16.5432 1.4541C15.6105 0.523064 14.3454 1.70704e-05 13.0263 1.70704e-05C11.3684 1.70704e-05 9.9 0.803799 9 2.05202C8.54062 1.41514 7.93573 0.896771 7.23551 0.539901C6.53528 0.183032 5.7599 -0.00204662 4.97368 1.70704e-05C3.65458 1.70704e-05 2.38951 0.523064 1.45676 1.4541C0.524012 2.38513 0 3.64787 0 4.96455C0 6.33571 0.558947 7.56502 1.45895 8.47282L9 16L16.5411 8.47282Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/contain;
        margin-right: 3px;
    }
    .artwork_list_tb > li > div.like_num i._on {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L9 2.5C7.4999 1.50001 6.77366 0.17756 5 0.500015C0.599988 1.29994 0.5 5.50001 1 7.50001L9 15L14.5 10C18.1 6.80002 17.6667 4.00001 17 3C15 -0.2 12.1667 0.333333 11 1Z' fill='%23D44848'/%3E%3Cpath d='M2.12211 7.80143C1.74752 7.43001 1.45074 6.9879 1.24906 6.50085C1.04737 6.0138 0.944818 5.49156 0.947368 4.96455C0.947368 3.89867 1.37157 2.87645 2.12665 2.12275C2.88173 1.36906 3.90584 0.945643 4.97368 0.945643C6.47053 0.945643 7.77789 1.75888 8.46947 2.96928H9.53053C9.88211 2.35373 10.3908 1.84218 11.0049 1.48671C11.619 1.13124 12.3165 0.944544 13.0263 0.945643C14.0942 0.945643 15.1183 1.36906 15.8734 2.12275C16.6284 2.87645 17.0526 3.89867 17.0526 4.96455C17.0526 6.07093 16.5789 7.09221 15.8779 7.80143L9 14.6572L2.12211 7.80143ZM16.5411 8.47282C17.4411 7.56502 18 6.33571 18 4.96455C18 3.64788 17.476 2.38513 16.5432 1.4541C15.6105 0.523064 14.3454 1.70704e-05 13.0263 1.70704e-05C11.3684 1.70704e-05 9.9 0.803799 9 2.05202C8.54062 1.41514 7.93573 0.89677 7.23551 0.539901C6.53528 0.183032 5.7599 -0.00204662 4.97368 1.70704e-05C3.65458 1.70704e-05 2.38951 0.523064 1.45676 1.4541C0.524012 2.38513 0 3.64788 0 4.96455C0 6.33571 0.558947 7.56502 1.45895 8.47282L9 16L16.5411 8.47282Z' fill='%23D44848'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    .list_page i {
        margin-right: 1rem;
    }
    .list_page i.next {
        margin-left: 1rem;
    }
    .artwork_list_tb > li._none {
        height: calc(100vh - 23rem);
    }
    .art_detail {
        padding: 10rem 0 0rem;
    }
    .art_detail._artist {
        padding: 10rem 0 10rem;
    }
    .detail_content {
        flex-wrap: wrap;
        justify-content: center;
    }
    .detail_content .thum {
        width: 100%;
        max-width: 50rem;
    }
    .detail_content .content {
        width: 100%;
        padding: 0 0rem 0 0rem;
    }
    .detail_content .content_top {
        padding: 3rem 0;
    }
    .detail_content .content .btnbox {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 1.5rem;
        box-sizing: border-box;
        background: #fff;
        box-shadow: 0px -6px 13.6px 0px rgba(0, 0, 0, 0.2509803922);
        z-index: 100;
    }
    .detail_content .content .btnbox button {
        height: 5rem;
        font-size: 1.7rem;
    }
    .wd50_imgbox > div,
    .wd50_heightbox > div {
        width: calc((100% - 0.7rem) / 2);
    }
    .detail_content_item,
    .wd50_heightbox > div:last-child {
        gap: 0.7rem;
    }
    .detail_content .content_top h3 {
        font-size: 2.2rem;
    }
    .detail_content .content .btnbox button {
        height: 6rem;
        width: calc((100% - 0.7rem) / 2);
    }
    .detail_content_item {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .art_detail .artwork_list h3 {
        font-size: 2.2rem;
        text-align: left;
        margin-bottom: 2rem;
    }
    .artist_list > ul > li ._bg {
        height: 10rem;
    }
    .artist_list > ul > li ._info .profile {
        width: 7rem;
        height: 7rem;
    }
    .artist_list > ul > li {
        width: calc((100% - 1.7rem) / 2);
    }
    .artist_list {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
    .art_detail._artist .detail_content .thum {
        max-width: 100%;
    }
    .art_detail._artist .detail_content .content {
        width: 100%;
    }
    .art_detail._artist .artwork_list {
        border-top: 0;
        margin-top: 3rem;
        padding: 0 2.4rem 5rem;
    }
    .performance_txt {
        font-size: 3rem;
        top: calc(50% + 3rem);
    }
    .img_section._performance {
        height: 25.5rem;
    }
    .performance_list > li {
        width: calc((100% - 1.2rem) / 2);
        margin-bottom: 0;
    }
    .artwork {
        overflow: hidden;
    }
    .hd_search {
        transition: 0s all;
    }
    .request_main {
        padding: 3rem 0 12rem;
    }
    .artwork_list_top {
        /*flex-flow: wrap-reverse;*/
        padding: 0 2.4rem;
        box-sizing: border-box;
        /*border-bottom: 0;*/
    }
    main.request .artwork_list_top {
        flex-flow: wrap-reverse;
        padding: 0rem;
        box-sizing: border-box;
        border-bottom: 0;
    }
    .faq_content > ul{
        margin-top: 3.5rem;
    }
    .artwork_list_top .search_item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .faq_content > ul > li > div._title {
        height: fit-content;
        padding: 1.5rem 0;
    }
    .faq_content > ul > li > div > div {
        width: 4rem;
    }
    .faq_content > ul > li > div > p {
        width: calc(100% - 4rem);
        padding-right: 4rem;
    }
    .faq_content > ul > li > div._title > i {
        right: 1rem;
    }
    .request {
        padding: 0;
    }
    .request_step > ul > li > i {
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .request_banner {
        height: 25.5rem;
        padding-top: 0rem;
        box-sizing: border-box;
    }
    .request_banner h3 span {
        font-size: 2.4rem;
    }
    .request_banner h3 {
        font-size: 3rem;
    }
    .request_banner p {
        font-size: 1.5rem;
    }
    .request_step > ul {
        width: 100%;
    }
    .request_step > ul > li {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 3rem;
    }
    .request_step > ul > li > div {
        width: 100%;
    }
    .request_step > ul > li > div > h3 {
        justify-content: center;
        font-size: 2.2rem;
    }
    .request_step > ul > li > div > h3 img {
        width: 2.6rem;
        margin-right: 0.5rem;
    }
    .request_step > ul > li > div > p {
        width: 100%;
        text-align: center;
    }
    .request_step > ul > li > div > p {
        font-size: 1.4rem;
        word-break: keep-all;
    }
    .request_step > ul > li > div > p br {
        display: none;
    }
    .search_none {
        min-height: 50vh;
    }
    .joinus .videoWrap .artistMain h2 {
        font-size: 2.6rem;
    }
    .joinus .videoWrap .artistMain p {
        font-size: 1.4rem;
        margin-bottom: 2.4rem;
    }
    .joinus .videoWrap .artistMain img {
        height: fit-content;
        width: 100%;
        max-width: 52rem;
        height: 9.4rem;
    }
    .joinus_info_first ul {
        flex-wrap: wrap;
        max-width: 39rem;
        display: inline-flex;
    }
    .joinus_info_first {
        text-align: center;
    }
    .joinus_info_second ul {
        flex-wrap: wrap;
    }
    .joinus_info_second ul > li {
        width: 100%;
        height: 11rem;
    }
    .joinus_info_second h3 {
        font-size: 2.2rem;
        margin-bottom: 2.5rem;
    }
    .joinus_info_second ul > li div {
        font-size: 1.4rem;
        font-weight: 600;
    }
    .joinus_form {
        padding: 5rem 0;
    }
    .joinus_form h3 {
        font-size: 2.2rem;
    }
    .joinus_form_item > li {
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }
    .joinus_form_item > li > p {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .joinus_form_item > li > p br {
        display: none;
    }
    .joinus_info_first ul > li {
        width: calc((100% - 3rem) / 2);
    }
    .joinus_form form {
        width: 100%;
        padding: 0 2.4rem;
        box-sizing: border-box;
    }
    .joinus_info_first ul > li > p {
        font-size: 1.4rem;
        word-break: keep-all;
    }
    .joinus_form_item > li > div {
        width: 100%;
    }
    .privacy_consent {
        width: 100%;
        padding: 0;
    }
    .joinus_form_btn {
        width: 100%;
        padding-left: 0;
    }
    .joinus_info_first h3 {
        font-size: 2.2rem;
    }
    .joinus_info_first h3 img {
        height: 2rem;
        margin-right: 0.5rem;
    }
    .right_tap {
        right: 1rem;
        bottom: 6%;
    }
    .search_result_tt > label {
        width: 100%;
        height: 4.6rem;
        border-radius: 2.3rem;
        border: 1px solid #e7e7e7;
        box-sizing: border-box;
        padding-right: 2rem;
        box-sizing: border-box;
    }
    .search_result_tt > label input {
        font-size: 1.4rem;
        padding: 0 2rem;
        box-sizing: border-box;
    }
    .search_result_tt > label input::placeholder {
        color: #999;
    }
    .search_result_tt {
        padding: 0 2.4rem 3rem;
        width: 100%;
        box-sizing: border-box;
    }
    .search_result {
        padding: 11rem 0 12rem;
    }
    .search_result_tt > label i {
        width: 2rem;
        height: 2rem;
    }
    .search_banner {
        width: 100%;
        position: relative;
        margin-bottom: 3rem;
        left: auto;
        right: auto;
    }
    .search_banner .txtbanner {
        height: 6.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.5rem;
        box-sizing: border-box;
        text-align: left;
    }
    .search_banner .txtbanner button {
        margin: 0;
        margin-left: 2rem;
    }
    .search_banner .imgbanner .swiper img {
        height: 100%;
    }
    .search_banner .imgbanner {
        width: 100%;
        height: 6.4rem;
        margin-top: 1rem;
    }
    .search_banner .imgbanner .swiper-slide span {
        top: 50%;
        height: 4rem;
        transform: translateY(-50%);
        color: #fff;
        font-size: 1.3rem;
        left: 0;
        bottom: auto;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .search_banner .imgbanner .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .search_banner .swiper-button-next,
    .search_banner .swiper-button-prev {
        margin-top: -1.9rem;
    }
    .search_banner .imgbanner .swiper-slide::before {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
    }
    .search_banner .swiper-button-next,
    .search_banner .swiper-button-prev {
        width: 2.4rem;
        height: 2.4rem;
        background: url("data:image/svg+xml;charset=utf8,%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='white' fill-opacity='0.2'/%3E%3Ccircle cx='12' cy='12' r='11.75' stroke='white' stroke-opacity='0.25' stroke-width='0.5'/%3E%3Cpath d='M8 11.9537L7.46967 11.4234C7.17678 11.7163 7.17678 12.1912 7.46967 12.484L8 11.9537ZM12.5766 8.43777C12.8695 8.14487 12.8695 7.67 12.5766 7.37711C12.2837 7.08422 11.8088 7.08422 11.516 7.37711L12.0463 7.90744L12.5766 8.43777ZM11.516 16.5303C11.8088 16.8232 12.2837 16.8232 12.5766 16.5303C12.8695 16.2374 12.8695 15.7626 12.5766 15.4697L12.0463 16L11.516 16.5303ZM16.5686 11.9537V11.2037L8 11.2037V11.9537V12.7037L16.5686 12.7037V11.9537ZM8 11.9537L8.53033 12.484L12.5766 8.43777L12.0463 7.90744L11.516 7.37711L7.46967 11.4234L8 11.9537ZM8 11.9537L7.46967 12.484L11.516 16.5303L12.0463 16L12.5766 15.4697L8.53033 11.4234L8 11.9537Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    }
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 15px);
    }
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 15px);
        left: auto;
    }
    .search_result_list {
        width: 100%;
    }
    .search_result_list > ul > li {
        padding: 2rem 1rem;
    }
    .search_result_list > ul > li .info {
        padding-left: 1.5rem;
    }
    .search_result_list > ul > li .info h4 {
        font-size: 1.6rem;
    }
    .search_result_list > ul > li .info p {
        font-size: 1.3rem;
    }
    .layer-form .layer_inner {
        width: calc(100% - 4rem);
        padding: 3rem 2rem 4rem;
        max-width: 46rem;
    }
    .privacy_consent input ~ div {
        border-radius: 2px;
    }
    .layer-singleSale .layer_inner {
        padding: 3.5rem 3rem 5rem;
        max-width: calc(100% - 3rem);
    }
    .layer-singleSale .layer_inner > p {
        word-break: keep-all;
    }
    #searchForm {
        width: 100%;
    }

    .performance_list > li p {
        font-size: 1.4rem;
        padding: 1rem 0 2rem;
    }
    .performance_list {
        gap: 0;
        margin-bottom: 0;
        justify-content: space-between;
    }
    .performance {
        padding-top: 3rem;
        padding-bottom: 5rem;
    }
}
@media (max-width: 480px) {
    .width_wrap {
        padding: 0 2rem;
    }
    .hd_logo {
        max-width: 200px;
    }
    .performance_list > li {
        width: 100%;
    }
    .artist_list > ul > li {
        width: 100%;
    }
    .artwork_curation .page_box > a {
        padding: 0 1.2rem;
    }
    .artwork_curation .page_box > a span:nth-of-type(1) {
        margin-left: 2rem;
    }
    .privacy_consent {
        flex-wrap: wrap;
        justify-content: right;
    }
    .privacy_consent span {
        width: calc(100% - 3rem);
    }
    .artist_list > ul {
         gap: 2.3rem;
     }
    .clickNotice {
        font-size: 1.2rem;
    }
}
