/**********************************************************************************
	FONTS
**********************************************************************************/

.wf-loading body {
    visibility: hidden;
}

.wf-inactive body {
    visibility: visible;
}
.wf-active body {
    visibility: visible;
}

html,
body {
    font-family: rixsingose-pro, sans-serif;
    color: #111;
    overflow-x: hidden;
    visibility: hidden;
}

/*
	normalize / reset
*/
html {
    font-size: 112.5%;
    word-break: keep-all;
} /* 18px */
html.hidden,
body.hidden {
    display: block;
    overflow: auto;
}
body {
    margin: 0;
    padding: 0;
    line-height: 1;
    position: relative;
}
body * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
p,
ul,
.artists_slide_txtli,
ol,
dl,
dt,
dd,
figure {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
    color: inherit;
    outline: none;
}
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    color: inherit;
    margin: 0;
}
button,
textarea,
input,
select {
    font-family: inherit;
    color: inherit;
    padding: 0;
}
button {
    border: 0;
}
html section {
    word-break: break-word;
}
@media (max-width: 767px) {
    html {
        font-size: 87.5%;
    } /* 16px */
    html.fix,
    body.fix {
        overflow: hidden;
    }
}

input:-ms-input-placeholder {
    color: #a9a8a8;
}
input::-webkit-input-placeholder {
    color: #a9a8a8;
}

input::-moz-input-placeholder {
    color: #a9a8a8;
}
input::-o-input-placeholder {
    color: #a9a8a8;
}

:lang(en) {
    font-family: "klavika-web", sans-serif;
}
.font_Klavika {
    font-family: "klavika-web", sans-serif;
    font-style: normal;
}
.font_rix {
    font-family: "rixsingose-pro";
    font-style: normal;
}
.container {
    width: 100%;
    max-width: 1598px;
    margin: 0 auto;
    position: relative;
}
@media (max-width: 1598px) {
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Header */
header {    
    position: relative;
    width: 100%;
    height: 100px;
    transition: 0.2s linear;
    z-index: 10;
}
header .container {
    max-width: 100%;
    height: 100%;
    padding: 0 40px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
/* 추가 header */
header .logo { width: 58px; }
.header1 .gnb.color>li.off>a { color: #111; }
.header1 .gnb>li.on>a { color: #111; }
.header1 .gnb>li.off>a { color: rgba(17,17,17,.6);}
.header1 .gnb>li.off:hover>a { opacity: 1; }

.over .header1 .gnb>li.on>a { color: rgba(255,255,255,1); }
.over .header1 .gnb>li.off>a { opacity: 1; color: rgba(255,255,255,.6); }
.over .header1 .gnb>li.on:hover>a { color: rgba(255,255,255,1); }
.over .header1 .gnb>li.off:hover>a { color: rgba(255,255,255,1); }
.over .header1 .gnb>li .sub_menu li.on a { color: rgba(255,255,255,1); }

.down .header1 .gnb>li.on>a { color: rgba(255,255,255,1); }
.down .header1 .gnb>li.off>a { opacity: 1; color: rgba(255,255,255,.6); }

.white .header1 .gnb>li.on>a { color: rgba(255,255,255,1); }
.white .header1 .gnb>li.off>a { color: rgba(255,255,255,.6); }
.white .over .header1 .gnb>li.off>a { color: rgba(255,255,255,.6); }
.white .over .header1 .gnb>li.off:hover>a { color: rgba(255,255,255,1); }

header::after { content:""; width: 100%; height: 0; background-color: rgba(17,17,17,0.95); position: absolute; top: 0; left: 0; z-index: -1; transition: height .3s; }
header.down:hover .language > li > a::after { filter: invert(0); }  
.header1 .gnb { position: relative; display: flex; flex-wrap: nowrap; align-items: center; }
.header1 .gnb>li { position: relative; font-size: 1.05rem; font-weight: 600; padding: 0 30px; height: 100px; display: flex; flex-wrap: nowrap; align-items: center; }

.over .header1 .gnb>li:nth-child(2), .over .header1 .gnb>li:nth-child(3) { height: 500px; }
.header1 .gnb>li a { position: relative; z-index: 1; font-family: 'klavika-web'!important; }
.header1 .gnb>li a.kr { font-family: "rixsingose-pro"!important; }
.header1 .gnb>li .sub_menu { display: none; position: absolute; top: 0; left: 30px; padding-top: 110px; font-size: 1rem; }
.header1 .gnb>li .sub_menu a { display: block; padding-bottom: 16px; text-transform: uppercase; }
.header1 .gnb>li .sub_menu a.kr { font-size: 0.83rem; padding-bottom: 21px; }
.down .logo img { filter: invert(1); }
.language > li > a::after { filter: invert(1); }
@media (min-width: 1201px) {
    header.over::after { height: 392px; }
    .language > li > a::after { filter: invert(1); }    
    .down .header1 .gnb>li { color: #fff; }
    .down .language { color: #fff; }
    .down .language > li > a::after { filter: invert(0); }  
    header.over .header1 .gnb>li .sub_menu { display: block; width: 100%; white-space: nowrap; min-height: 300px; }
    header.over .logo img { filter:invert(1) }
    header.down.over .gnb>li { color: rgba(255,255,255,.6); }
    header.over .gnb>li { color: rgba(255,255,255,.6); }
    header.over .gnb>li:hover { color: rgba(255,255,255,1); }
    header.over .gnb>li li a { color: rgba(255,255,255,.6); }
    header.over .gnb>li li:hover a { color: rgba(255,255,255,1); }
    header.over .language { color: #fff; }
    header.over .language > li > a::after { filter: invert(0); }
}
@media (max-width: 1200px) {
    .header1 { display: none; }
    header .container>.language { display: none; }
    .header1 .gnb>li { padding-right: 3vw; }
    header.down .language > li > a::after { filter: invert(0); } 
}
.white header { position: absolute; }
.white header .logo img { filter: invert(1); }
.white header .header1 .gnb>li { color: #fff; }
.white header .language { color: #fff; }
.white header .language > li > a::after { filter: invert(0); }
.white header .header2 .nav .nav-icon:after, 
.white header .header2 .nav .nav-icon:before, 
.white header .header2 .nav .nav-icon div { background-color: #fff; }
/* 추가 header 끝*/
.header2 { display: none; }
.header2 .nav {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    top: calc(50% + 6px);
    transform: translateY(-50%);
    right: 40px;
    color: #fff;
}
.header2 .nav .nav-icon {
    position: relative;
    z-index: 10;
    width: 29px;
    height: 29px;
    cursor: pointer;
    padding-top: 14px;
}
.header2 .nav .nav-icon:after,
.header2 .nav .nav-icon:before,
.header2 .nav .nav-icon div {
    background-color: #111;
    content: "";
    display: block;
    width: 29px;
    height: 2px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header2 .nav .nav-icon.active:after,
.header2 .nav .nav-icon.active:before,
.header2 .nav .nav-icon.active div { background: #fff; }
.header2 .nav .nav-icon:after,
.header2 .nav .nav-icon:before {
    position: absolute;
}
.header2 .nav .nav-icon:before {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    -o-transition-property: margin, transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.header2 .nav .nav-icon:after {
    -webkit-transition-property: margin, -webkit-transform;
    transition-property: margin, -webkit-transform;
    -o-transition-property: margin, transform;
    transition-property: margin, transform;
    transition-property: margin, transform, -webkit-transform;
    transition-property: margin, transform;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s, 0s;
    -o-transition-delay: 0.2s, 0s;
    transition-delay: 0.2s, 0s;
}
.header2 .nav .nav-icon:before {
    margin-top: -8px;
}
.header2 .nav .nav-icon:after {
    margin-top: 6px;
}
.header2 .nav .nav-icon.active:before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0s, 0.2s;
    -o-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}
.header2 .nav .nav-icon.active:after {
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0s, 0.2s;
    -o-transition-delay: 0s, 0.2s;
    transition-delay: 0s, 0.2s;
}
.header2 .nav .nav-icon.active div {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.header2 .navbar {
    position: absolute;
    padding: 40px 60px;
    transform: translate(540px, -22px);
    top: -12px;
    width: 540px;
    height: calc(100vh + 12px);
    z-index: 1;
}
.header2 .navbar .gnb.on a {
    color: #777;
}
.header2 .navbar .gnb a:hover {
    color: #fff;
}
.header2 .navbar.active {
    position: fixed;
    transform: translate(-395px, -22px);
    background: rgba(17, 17, 17, 0.9);
}
.header2 .navbar .nav_language {
    margin-bottom: 76px;
}
.header2 .navbar .nav_language ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.header2 .navbar .nav_language ul li {
    margin-right: 20px;
    text-transform: uppercase;
    font-size: 0.89rem;
    font-weight: 600;
    color: #777777;
    font-family: "klavika-web", sans-serif;
}
.header2 .navbar .nav_language ul li.on {
    color: #fff;
}
.header2 .navbar .nav_language .logo img { filter: invert(1); }
.header2 .navbar .gnb li {
    max-width: 260px;
    font-size: 1.89rem;
    line-height: 1.2;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
:lang(zh) .header2 .navbar .gnb li a {
    font-family: "klavika-web" !important;
}
:lang(ja) .header2 .navbar .gnb li a {
    font-family: "klavika-web" !important;
}
.header2 .navbar .gnb li.color {
    color: #777777;
}
.header2 .navbar .gnb > ul > li > a {
    min-width: 246px;
    display: inline-block;
    padding-bottom: 14px;
    white-space: nowrap;
}

.header2 .navbar > li:last-child {
    position: absolute;
    bottom: 60px;
}
.header2 .navbar > li:last-child div {
    display: flex;
    flex-wrap: nowrap;
}
.header2 .navbar > li:last-child a {
    display: block;
    margin-right: 12px;
}
.header2 .navbar > li.on > a {
    color: #fff;
}
.header2 .navbar > li.on ul li:hover {
    color: #fff;
}
.header2 .navbar > li:nth-child(6) .sub_menu {
    font-family: rixsingose-pro;
}
.header2 .navbar .sub_menu {
    display: none;
    padding: 0 0 12px 14px;
    text-transform: capitalize;
}
.header2 .navbar .sub_menu li {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.18;
    margin-bottom: 11px;
    padding-bottom: 0;
    color: #777;
    text-transform: uppercase;
}
.kr { font-family: "rixsingose-pro"; }
.header2 .navbar .sub_menu li .kr {
    font-size: 1rem;
    font-family: "rixsingose-pro";
}

.language {
    position: relative;
    width: 40px;
    margin: 0 0 -20px 0;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* transition: all 0.3s; */
    color: #111;
    z-index: 1;
}
.language > li {
    position: relative;
}
.language > li > a {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 600;
}
.language > li > a::after {
    content: "";
    background: url(/home/assets/images/language.svg) no-repeat;
    width: 10px;
    height: 7px;
    margin-left: 9px;
}
.language > li ul {
    height: 0;
    overflow: hidden;
    position: absolute;
    background: #292929;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
    font-size: 0.89rem;
    line-height: 0.875;
    transition: all ease 0.2s;
}
.language:hover > li ul {
    height: 90px;
    padding: 16px 20px;
}
.language > li ul li a {
    display: block;
    padding-bottom: 8px;
    color: #666;
    white-space: nowrap;
}
.language > li ul li a:hover {
    color: #fff;
}
.language > li ul li:last-child a {
    padding-bottom: 0;
}
body div .header2 {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 10;
}
body div .header2.fix {
    position: fixed;
}

header.down {
    top: 0;
    position: fixed;
    background-color: rgba(17,17,17,0.95);
}
header.down.over { background-color: transparent; } 
header.down .container {
    border-bottom: 0;
}
.sub_wrap header.down .container .logo img {
    opacity: 1;
}
header.down .logo::after {
    display: none;
}
.sub_wrap header.down .language > li > a {
    color: #fff;
}
.sub_wrap header.down .language a::after {
    filter: invert(0);
}
header.down .header2 .nav .nav-icon:after,
header.down .header2 .nav .nav-icon:before,
header.down .header2 .nav .nav-icon div {
    background-color: #fff;
}
@media (min-width: 768px) {
    header.down {
        height: 72px;
    }
    .down .header2 .nav .nav-icon {
        padding-top: 0;
    }
}
header.up {
    top: -100px;
    position: fixed;
}
@media (max-width: 1598px) {
    header .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 1199px) {
    header .logo a {
        display: flex;
        align-items: center;
    }
}
@media (max-width: 1200px) {  
    body .header2 { display: block; }  
    header .active .logo.mo img { filter: invert(1); }
    .language { margin-right: 25px; }
    .down .language { margin-top: -25px; color: #fff; }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .header2 .navbar .sub_menu {
        padding-bottom: 12px;
    }
}

@media (max-width: 767px) {
    
    header {
        height: 52px;
    }
    header .logo { width: 40px; }
    header .logo img { width: 100%; }
    .main header .container {
        border-bottom: 0;
    }
    header .container {
        justify-content: flex-start;
    }
    .sub_wrap header .container {
        border-bottom: 1px solid #eaeaea;
    }
    .sub_wrap.on header .container {
        border-bottom: 0;
    }
    .header2 .navbar > li > a {
        font-size: 1.14rem;
        display: inline-block;
    }
    .header2 .navbar .nav_language {
        margin-bottom: 40px;
    }
    .language:hover > li ul {
        height: auto;
    }
    body div .header2 {
        top: 0;
        height: 52px;
    }
    .header2 .nav {
        right: 20px;
        top: 50%;
    }
    .header2 .nav .nav-icon {
        padding-top: 7px;
        width: 19px;
        height: 16px;
    }
    .header2 .nav .nav-icon:before {
        margin-top: -6px;
    }
    .header2 .nav .nav-icon:after {
        margin-top: 4px;
    }
    .header2 .nav .nav-icon:after,
    .header2 .nav .nav-icon:before,
    .header2 .nav .nav-icon div {
        width: 100%;
    }
    .language > li > a::after { filter: invert(1); }
    .down .language > li > a::after { filter: invert(0); }
    .down .language { color: #fff; margin-top: 0; }
    .header2 .navbar { width: 100vw; padding: 16px 20px; z-index: 0; }
    .header2 .navbar > li:nth-child(2) { overflow-x: scroll; height: calc(100% - 106px); }
    .header2 .navbar.active {
        width: 100vh;
        top: 0;
        left: 0;
        right: auto;
        transform: translate(calc(-100vw + 104px), -18px);
        background: rgba(17, 17, 17, 1);
    }
    .header2 .navbar > li:last-child {
        width: 100%;
        position: absolute;
        padding: 0 0 20px;
        bottom: 0;
        background: rgba(17, 17, 17, 1);
    }
    .header2 .navbar .gnb > ul > li > a {
        min-width: 192px;
        padding-bottom: 18px;
    }
    .header2 .navbar .sub_menu {
        padding-bottom: 14px;
    }
    .header2 .navbar .sub_menu li a {
        padding-bottom: 5px;
        display: block;
    }
}

/* Pagination */
.pagination .nav-links {
    text-align: center;
    margin-top: 48px;
}
.pagination .screen-reader-text {
    display: none;
}
.pagination .page-numbers {
    font-family: "klavika-web", sans-serif;
    display: inline-block;
    width: 44px;
    height: 44px;
    font-size: 0.89rem;
    font-weight: 600;
    vertical-align: top;
    line-height: 42px;
    text-align: center;
    margin: 0 3px;
    color: #111;
    cursor: pointer;
}
.pagination .page-numbers.current,
.pagination .page-numbers.current:hover {
    background: #111;
    color: #fff;
}
.pagination .page-numbers:hover {
    color: #ef4023;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    background: url(/home/assets/images/pagination.svg) no-repeat center;
}
.pagination .page-numbers.prev {
    transform: rotate(180deg);
}
.pagination .page-numbers.prev.disabled,
.pagination .page-numbers.next.disabled {
    opacity: 0.2;
    cursor: auto;
    pointer-events: none;
}
@media (max-width: 767px) {
    .pagination .nav-links {
        margin-top: 30px;
    }
    .pagination .page-numbers {
        width: 35px;
        height: 35px;
        line-height: 32px;
    }
}
/* 서브헤더 */
.sub_wrap { overflow: hidden; }
.sub_wrap section:last-of-type { padding-bottom: 200px; }
.sub_wrap section.mo:last-of-type { display: block; }
.sub_wrap section.mo:last-of-type .sns_fix { display: none; }
.sub_wrap header .container .logo { position: relative; }
.sub_wrap .header2 .nav .nav-icon div { background: #111; }
.sub_wrap .header2 .nav .nav-icon:after,
.sub_wrap .header2 .nav .nav-icon:before,
.header2 .nav .nav-icon div { background-color: #111; }
.sub_wrap .header2 .nav .nav-icon.active div { background: #111;}
.sub_wrap .header2 .nav .nav-icon.active:after,
.sub_wrap .header2 .nav .nav-icon.active:before,
.header2 .nav .nav-icon.active div { background-color: #fff; }
.sub_wrap section .container { max-width: 1280px; }

@media (max-width: 767px) {
    .sub_wrap section.mo:last-of-type .sns_fix { display: block; }
    .sub_wrap section:last-of-type { padding-bottom: 100px; }
    .sub_wrap header .container .logo::after {
        background: url(/home/assets/images/logo_black_m.svg) no-repeat;
        width: 100%;
        height: 100%;
        background-size: contain;
    }
}

/* 공통 */
.mo {
    display: none;
}
.ly_flex {
    display: flex;
    flex-wrap: wrap;
}
.ttl {
    text-transform: uppercase;
}
.sub {
    width: 100%;
    text-align: center;
}
.center {
    text-align: center;
}
.bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cate {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    width: 70px;
    height: 26px;
    border: 1px solid #111111;
    font-size: 0.83rem;
    font-weight: 700;
    font-family: "klavika-web", sans-serif;
}
.date {
    color: #999999;
    font-size: 0.83rem;
    font-family: "klavika-web", sans-serif;
}

.orange {
    color: #ef4023;
}
.gray {
    color: #999999;
}

.btn_prev {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}
.btn_prev::before {
    content: "";
    margin-right: 4px;
    position: relative;
    top: 1px;
    background: url(/home/assets/images/btn_prev.svg);
    width: 14px;
    height: 16px;
}

.btn_prev:hover::after {
    content: "";
}
.btn_more {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 0.89rem;
    opacity: 0.4 !important;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 1;
    line-height: 24px;
    transition-duration: 0s !important;
}
.btn_more::after {
    content: "";
    background: url(/home/assets/images/btn_more.svg) no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 4px;
}
.btn_more:hover::after {
    background: url(/home/assets/images/btn_more_color.svg) no-repeat;
}
.btn_more:hover {
    opacity: 1 !important;
    color: #ef4023;
}
.on .btn_more:hover {
    opacity: 1 !important;
}

.btn_more_color::after {
    filter: invert(1);
    position: relative;
}
.btn_more_color:hover::after {
    filter: invert(0);
}

.btn_more.invert:hover {
    color: #fff;
}
.btn_more.invert:hover::after {
    background: url(/home/assets/images/btn_more.svg) no-repeat;
}
/* .btn_more.invert:hover::after {
    filter: invert(1);
    stroke: white;
} */

@media (max-width: 1180px) {
    .btn_more.invert:hover {
        color: #ef4023;
    }
    .btn_more.invert::after {
        background: url(/home/assets/images/btn_more.svg) no-repeat;
        filter: invert(1);
    }
    .btn_more.invert:hover::after {
        background: url(/home/assets/images/btn_more_color.svg) no-repeat;
        filter: invert(0);
    }
}

/* .top_btn ul li a.btn_more_color_invert:hover::after {
    filter: invert(0);
} */

.btn_more_plus {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 40px;
    font-size: 1.1rem;
    background: transparent;
    color: #bbbbbb;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "klavika-web", sans-serif;
    cursor: pointer;
}
.btn_more_plus::before {
    content: "More";
}
.btn_more_plus span {
    display: block;
    position: relative;
    margin-left: 4px;
    width: 12px;
}
.btn_more_plus span::before {
    content: "";
    width: 2px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #b8b8b8;
    transition: all 0.2s ease;
}
.btn_more_plus span::after {
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #b8b8b8;
}
.btn_more_plus.close::before {
    content: "CLOSE";
}
.btn_more_plus.close span:before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.btn_down:after {
    content: "";
    background: url(/home/assets/images/btn_down.svg) no-repeat;
    margin-left: 4px;
    width: 10px;
    height: 14px;
    margin-left: 10px;
}

.btn_website::before {
    content: "";
    background: url(/home/assets/images/btn_website.svg);
}
.btn_website:hover::before {
    content: "";
    background: url(/home/assets/images/btn_website_on.svg);
}
.btn_dvd::before {
    content: "";
    background: url(/home/assets/images/btn_dvd.svg);
}
.btn_dvd:hover::before {
    content: "";
    background: url(/home/assets/images/btn_dvd_on.svg);
}
.btn_md::before {
    content: "";
    background: url(/home/assets/images/btn_md.svg);
}
.btn_md:hover::before {
    content: "";
    background: url(/home/assets/images/btn_md_on.svg);
}
.btn_album::before {
    content: "";
    background: url(/home/assets/images/btn_album.svg);
}
.btn_album:hover::before {
    background: url(/home/assets/images/btn_album_on.svg);
}
.btn_card {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 30px;
    color: #383838;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
}
.btn_card::before {
    content: "";
    background: url(/home/assets/images/btn_card.svg);
}
.btn_card:hover::before {
    content: "";
    background: url(/home/assets/images/btn_card_on.svg);
}
section .btn_more_color.btn_more:hover::before {
    top: calc(50% - 1px);
}

.search_box {
    width: 489px;
    margin: 0 auto;
    outline: 0;
}
.search_box .search .inner {
    position: relative;
}

/* input::placeholder {
    font-family: Arial;
} */

.search_box .search .inner input {
    font-family: "Noto Sans", sans-serif;
    /* font-family: rixsingose-pro, sans-serif; */
    width: 100%;
    height: 54px;
    padding: 0 21px;
    font-size: 0.94rem;
    line-height: 1.76;
    letter-spacing: -0.02em;
    font-weight: 500;
    background: #f7f7f7;
    border: 0;
    outline: 0;
}
.search_box .search .inner button {
    background: url(/home/assets/images/search_ic.svg);
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
}

.cursor {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background-color: #ef4023;
    border-radius: 50%;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.cursor p {
    font-family: "klavika-web";
    font-weight: 600;
    font-size: 0.89rem;
    line-height: 2.1;
    text-transform: uppercase;
    color: #ffffff;
}

.ly_tit {
    width: 510px;
    padding-right: 40px;
    line-height: 1.18;
    text-transform: capitalize;
}
.ly_cont {
    width: calc(100% - 510px);
}
.big_ttl,
.sub_header h1 {
    position: relative;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
}
.s_ttl {
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.xs_ttl {
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.f104 {
    font-size: 5.78rem;
}
.f96 {
    font-size: 5.3rem;
    word-break: break-all;
}
.big_ttl,
.f82 {
    font-size: 4.56rem;
    word-break: break-all;
}
.f68 {
    font-size: 3.78rem;
}
.f66 {
    font-size: 3.67rem;
}
.f64 {
    font-size: 3.56rem;
}
.f60 {
    font-size: 3.3rem;
}
.f58 {
    font-size: 3.2rem;
}
.s_ttl,
.f54 {
    font-size: 3rem;
}
.f52 {
    font-size: 2.89rem;
    line-height: 1.34;
}
.f48 {
    font-size: 2.67rem;
}
.f44 {
    font-size: 2.4rem;
}
.f40 {
    font-size: 2.2rem;
    line-height: 1.2;
}
.xs_ttl,
.f38 {
    font-size: 2.1rem;
}
.f36 {
    font-size: 2rem;
}
.f34 {
    font-size: 1.89rem;
    line-height: 1.47;
}
.f30 {
    font-size: 1.67rem;
}
.f28 {
    font-size: 1.56rem;
}
.f24 {
    font-size: 1.33rem;
}
.f22 {
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: -0.03em;
}
.f20 {
    font-size: 1.1rem;
    letter-spacing: -0.02em;
}
.f18 {
    font-size: 1rem;
    line-height: 1.3;
}
.f17 {
    font-size: 0.94rem;
    line-height: 1.88;
    letter-spacing: -0.02em;
    font-weight: 500;
}
.f16 {
    font-size: 0.89rem;
}
.f15 {
    font-size: 0.83rem;
}
.f14 {
    font-size: 0.78rem;
}

@media (max-width: 1280px) {
    /* .ly_tit {
        width: 40%;
    } */
    .ly_cont {
        width: 60%;
    }
    .search_box {
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .cursor {
        display: none;
    }
    .pc {
        display: none;
    }
    .mo {
        display: block;
    }

    .ly_tit {
        width: 100%;
        padding-right: 0;
    }
    .ly_cont {
        width: 100%;
    }
    .search_box .search .inner input {
        height: 42px;
    }
    .big_ttl::before,
    .sub_header h1::before {
        top: -1px;
    }

    .btn_more {
        font-size: 11px;
    }
    .f104 {
        font-size: 5.78rem;
    }
    .big_ttl,
    .f96 {
        font-size: 3.43rem;
        line-height: 0.93;
    }
    .f68 {
        font-size: 3.78rem;
    }
    .f66 {
        font-size: 3.67rem;
    }
    .f64 {
        font-size: 2.5rem;
    }
    .f60 {
        font-size: 3.3rem;
    }
    .f58 {
        font-size: 3.2rem;
    }
    .s_ttl,
    .f54 {
        font-size: 3rem;
    }
    .f52 {
        font-size: 2.89rem;
        line-height: 1.34;
    }
    .f48 {
        font-size: 2.67rem;
    }
    .f44 {
        font-size: 2.4rem;
    }
    .f40 {
        font-size: 2.2rem;
        line-height: 1.2;
    }
    .xs_ttl,
    .f38 {
        font-size: 1.92rem;
        line-height: 1.25;
    }
    .f34 {
        font-size: 1.89rem;
        line-height: 1.47;
    }
    .f30 {
        font-size: 1.67rem;
    }
    .f28 {
        font-size: 1.56rem;
    }
    .f24 {
        font-size: 1.4rem;
    }
    .f22 {
        font-size: 1rem;
        line-height: 1.7;
        letter-spacing: -0.03em;
    }
    .f20 {
        font-size: 0.85rem;
    }
    .f18 {
        font-size: 1rem;
        line-height: 1.3;
    }
    .f17 {
        font-size: 0.94rem;
        line-height: 1.88;
    }
    .f16 {
        font-size: 0.89rem;
    }
    .f15 {
        font-size: 0.83rem;
    }
    .f14 {
        font-size: 0.78rem;
    }

    .btn_more_plus {
        margin-top: 30px;
        font-size: 1.07rem;
    }
    .btn_more_plus::after {
        width: 8.5px;
        height: 9px;
        background-size: contain;
    }
    .search_box {
        width: 100%;
    }
}
/* 추가메인 */
.visual-grid { margin-bottom: 128px; }
.visual-grid ul { display: flex; flex-wrap: wrap; align-items: flex-start; margin-right: -16px; }
.visual-grid ul ul { align-items: center; }
.visual-grid .artist-list li { position: relative; }
.visual-grid .artist-list li a::before { content: ""; width: 100%; height: 100%; background-color: #000; position: absolute; top:0; left: 0; opacity: 0; }
.visual-grid .artist-list>li:not(:last-child):hover a::before { opacity: 0.3; }
.visual-grid .artist-list li img { width: 100%; height: 100%; object-fit: cover; }
.visual-grid .artist-list li { width: calc(50% - 16px); margin: 0 16px 16px 0; }
.visual-grid .artist-list .hover { opacity: 0; position: absolute; width: 100%; height: 100%; transition: opacity .5s; }
.visual-grid .artist-list ul .hover { transition: opacity 1s; }
.visual-grid .artist-list .hover-box { position: relative; }
.visual-grid .artist-list .hover-box::before { content: ""; width: 0; height: 100%; position: absolute; top:0; left: 0; background-color: #fff; transition: width .5s; z-index: 1; }
.visual-grid .artist-list .hover-box::after { content: ""; width: 0; height: 100%; position: absolute; top:0; right: 0; background-color: #fff; transition: width .5s; z-index: 1;}
.visual-grid .artist-list .hover a { position: relative; height: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.visual-grid .artist-list>li:not(:last-child)::before { content: ""; width: 100%; height: 0; position: absolute; top:0; left: 0; background-color: #fff; transition: height .5s; z-index: 1; }
.visual-grid .artist-list>li:not(:last-child)::after { content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background-color: #fff; transition: height .5s; z-index: 1; }
.visual-grid .artist-list li li::before { content: ""; width: 100%; height: 0; position: absolute; top:0; left: 0; background-color: #fff; transition: height .5s; z-index: 1; }
.visual-grid .artist-list li li::after { content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background-color: #fff; transition: height .5s; z-index: 1; }

.visual-grid .artist-list .hover a p { position: relative; font-size: 1.43rem; color: #fff; font-family: 'klavika-web'!important; text-transform: uppercase; font-weight: 600; z-index: 1; }

.visual-grid .artist-list .none { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.visual-grid .artist-list .none:hover::before { display: none; }
.visual-grid .artist-list .none::before { display: none; }
.visual-grid .artist-list .none::after { display: none; }
:lang(ja) .btn-grid-more { font-family: 'klavika-web'!important; }
:lang(zh) .btn-grid-more { font-family: 'klavika-web'!important; }
.btn-grid-more { display: block; position: relative; text-align: right; font-family: 'klavika-web'!important; font-size: 1.05rem; font-weight: 600; text-transform: uppercase; padding-right: 61px; }
.btn-grid-more::after { content: ""; background: url(/home/assets/images/btn-grid-more.svg)no-repeat; width: 50px; height: 50px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-size: contain; }
.btn-grid-more:hover { color: #EF4023; }
.btn-grid-more:hover::after { background: url(/home/assets/images/btn-grid-more-on.svg)no-repeat; background-size: contain; }

/* brain 250915 */
.banner_section {
    width: 100%;
    height: 100%;
    position: relative;
    /* margin-top: 128px; */
    margin-bottom: 128px;
}
.banner_section .banner_img {
    width: 100%;
    height: 100%;
}


@media (max-width: 1180px) {
    .visual-grid ul { margin-right: -12px; }
    .visual-grid .artist-list li { width: calc(50% - 12px); margin: 0 12px 12px 0; }
    .visual-grid { margin-bottom: 116px; }
    .banner_section { margin-bottom: 116px; }
}
@media (min-width: 768px) {
    .visual-grid .artist-list>li:not(:last-child):hover .hover { opacity: 1; transition: opacity .5s; }
    .visual-grid .artist-list>li:not(:last-child):hover .hover-box::before { width: 20px; }
    .visual-grid .artist-list>li:not(:last-child):hover .hover-box::after { width: 20px; }
    .visual-grid .artist-list>li:not(:last-child):hover::before { height: 20px; }
    .visual-grid .artist-list>li:not(:last-child):hover::after { height: 20px; }
    
    .visual-grid .artist-list ul li:hover a::before { opacity: .3; } 
    .visual-grid .artist-list ul li.none:hover a::before { opacity: 0; } 
    .visual-grid .artist-list ul li:hover .hover { opacity: 1; }
    .visual-grid .artist-list ul li:hover .hover-box::before { width: 20px; }
    .visual-grid .artist-list ul li:hover .hover-box::after { width: 20px; }
    .visual-grid .artist-list ul li:hover::before { height: 20px; }
    .visual-grid .artist-list ul li:hover::after { height: 20px; }
}
@media (max-width: 767px) {
    .visual-grid { margin-bottom: 40px; }
    .visual-grid .scroll { margin: 0 -20px; }
    .visual-grid ul { display: block; }
    .visual-grid li { display: inline-block; }
    .visual-grid ul ul { width: 100%; display: inline-flex; flex-wrap: nowrap; }
    .visual-grid .artist-list .hover { width: 100%; height: 100%; opacity: 1; left: 0; bottom: 0; }
    .visual-grid .artist-list .hover a { align-items: flex-end; justify-content: flex-start; padding: 15px 20px; }
    .visual-grid .artist-list .none { display: none; }
    .visual-grid .artist-list>li:not(:last-child) { width: 300px; }
    .visual-grid .artist-list>li:last-child { width: 624px; }

    .btn-grid-more {font-size: 12.5px; padding-right: 35px; }  
    .btn-grid-more::after { width: 28px; height: 28px; background-size: contain; }

    .banner_section { margin-bottom: 55px; }
}
/* 메인 */
.main .ly_flex {
    align-items: center;
    justify-content: space-between;
}
.visual-bg-slider {
    width: 100%;
    height: 880px;
    display: flex;
    position: relative;
    z-index: 0;
    transition: all 0.4s ease;
}
.visual-bg-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}
.visual-bg-slider .swiper-container {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.visual-bg-slider .slide-inner {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.visual-bg-slider .slide-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.visual_slide_box {
    width: 100%;
    height: 880px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    overflow: hidden;
    transition: all 0.4s ease;
}
.visual_slide {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.visual_slide .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.visual_section { position: relative; }
.visual_section .ttl { margin-bottom: 60px; }
.visual_section .swiper-slide-active {
    z-index: 2;
}
.visual_section .swiper-slide-prev {
    z-index: 1;
}
.visual_section .swiper-slide-next {
    z-index: 0;
}
.visual_section .swiper-slide {
    overflow: hidden;
}
.visual_section .swiper-slide a {
    display: block;
    height: 100%;
}
.visual_section .swiper-slide .bg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-sizing: border-box;
    z-index: -1;
}
.visual_section .swiper-slide .bg::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.05);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
/* .visual_section .swiper-slide .bg .bg_cover {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}
.visual_section .swiper-slide .bg .bg_cover img {  
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 100;
    cursor: pointer;
    object-position: center;
    object-fit: cover;
} */
.visual_section .swiper-slide .txt_box {
    width: 100%;
    position: absolute;
    bottom: 136px;
    left: 90px;
    z-index: 1;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "klavika-web";
}
.visual_section .swiper-slide .txt_box.white { filter:invert(0); }
.visual_section .swiper-slide .txt_box.black { filter:invert(1); }
.visual_section .swiper-slide .txt_box span {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    display: block;
    font-size: 1.78rem;
    margin: 0 0 6px 5px;
    font-weight: 400;
}
.visual_section .swiper-slide .txt_box h2 {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    font-size: 3.5rem;
    text-transform: initial;
}
.visual_section .swiper-slide.swiper-slide-active .txt_box span {
    animation: fadeInUp 1s ease alternate both;
}
.visual_section .swiper-slide.swiper-slide-active .txt_box h2 {
    animation: fadeInUp 1s 0.2s ease alternate both;
}
.visual_section .swiper-slide.swiper-slide-duplicate-active .txt_box span {
    animation: fadeInUp 1s ease alternate both;
}
.visual_section .swiper-slide.swiper-slide-duplicate-active .txt_box h2 {
    animation: fadeInUp 1s 0.2s ease alternate both;
}
.visual_section .btn_wrap {
    position: relative;
    bottom: 90px;
    left: 90px;
    z-index: 1;
}
.visual_section .btn_wrap.white { filter: invert(0); }
.visual_section .btn_wrap.black { filter: invert(1); }
.btn_wrap .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.btn_wrap .swiper-pagination-progressbar {
    left: 4px;
    position: relative;
    max-width: 166px;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
}
.btn_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.btn_wrap .main-visual-conuter {
    display: none;
    position: relative;
    padding: 0 34px 0 14px;
    font-family: "klavika-web";
}
.btn_wrap .main-visual-conuter span::before {
    content: "0";
}
.btn_wrap .main-visual-conuter span:last-child {
    margin-left: 5px;
    opacity: 0.4;
}
.visual_section .btn_box {
    position: absolute;
    left: 193px;
}
.btn_box {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.visual_section .btn_box div:hover::before {
    opacity: 0.2;
}
.visual_section .btn_box div::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
}
.visual_section .btn_box div::after {
    content: "";
    background: url(/home/assets/images/prev.svg) no-repeat;
    background-size: contain;
    /* width: 12px;
    height: 12px; */
    width: 20px;
    height: 20px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_box .swiper-button-next,
.btn_box .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-image: none;
}
.btn_wrap .btn_box .swiper-button-next {
    transform: rotate(180deg);
    left: 0;
}
.btn_box .swiper-button-prev,
.btn_box .swiper-container-rtl .swiper-button-next,
.btn_box .swiper-button-next,
.btn_box .swiper-container-rtl .swiper-button-prev {
    position: relative;
    left: auto;
    margin-top: 0;
    outline: none;
}
.drag_section {
    position: relative;
    height: 100vh;
    color: #fff;
    overflow: hidden;
    z-index: 1;
}
.drag_section::after {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
.drag_section > .container {
    z-index: 2;
}
/* .drag_section .marquee_list a {
    cursor: url(/home/assets/images/cursor.png) 54 54, auto;
} */
.drag_section .marquee_list ul {
    cursor: url(/home/assets/images/cursor_drag_type1.svg) 54 54, auto;
}
.drag_section .bg {
    transition: background 0.5s;
    transform: translateZ(0) scale(1.05) rotate(0.0001deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* background-image: url(/home/assets/images/visual0.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.drag_section .bg.on {
    animation: visualScale 4s linear alternate both;
}
.drag_section .tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1;
}
.drag_section .tab .container {
    height: 100%;
}
.drag_section .tab .container a {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 1;
}
@media (max-width: 1180px) {
    .visual-bg-slider {
        height: calc(100vw * (880 / 1180));
    }
    .visual_slide_box {
        height: calc(100vw * (880 / 1180));
    }
    .visual_section {
        height: calc(100vw * (880 / 1180));
    }
    .visual_section .swiper-slide .txt_box {
        left: 70px;
        bottom: 80px;
    }
    .visual_section .swiper-slide .txt_box span {
        font-size: 1.4rem;
    }
    .visual_section .swiper-slide .txt_box h2 {
        font-size: 4.1rem;
    }
    .visual_section .btn_wrap {
        left: 70px;
        bottom: 50px;
    }
    .visual_section .btn_box { left: 213px; }
    .visual_section .ttl { margin-bottom: 40px; }  
}
@media (max-width: 767px) {
    .visual_section .container { padding-right: 0; }
    .visual_section { height: 100%; }
    .visual_slide_box { height: 100%; }
    .visual_section .ttl { margin-bottom: 20px; }   
    .visual-bg-slider { height: calc(100vw * (608 / 750)); }
    .visual-bg-slider .slide-inner { position: relative; }
    .visual_section .swiper-slide .txt_box h2 { font-size: 2.14rem; }
    .visual_section .swiper-slide .txt_box span { font-size: 0.92rem; }
    .visual_section .swiper-slide .txt_box { bottom: 50px; top: auto; left: 20px; }
    .visual_section .btn_wrap { left: 20px; bottom: 28px; }
    .visual_section .btn_box div::before { display: none; }
    .btn_box .swiper-button-next, .btn_box .swiper-button-prev { width: 20px; }
    .btn_wrap .swiper-pagination-progressbar { max-width: 100px; }
    .visual_section .btn_box div::after { width: 15px; height: 15px; }
    .btn_wrap .btn_box .swiper-button-next { left: 0; }
    .visual_section .btn_box { left: 132px; }
}
@keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1.05) rotate(0.0001deg);
    }
    100% {
        transform: translateZ(0) scale(1) rotate(0deg);
    }
}
@-webkit-keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1.05) rotate(0.0001deg);
    }
    100% {
        transform: translateZ(0) scale(1) rotate(0deg);
    }
}
@-ms-keyframes visualScale {
    0% {
        transform: translateZ(0) scale(1.05) rotate(0.0001deg);
    }
    100% {
        transform: translateZ(0) scale(1) rotate(0deg);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@-ms-keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

/* main new */
.drag_list {
    position: absolute;
    bottom: 65px;
    cursor: grab;
    user-select: none;
    width: 100%;
    cursor: url(/home/assets/images/cursor_drag_type1.svg), auto;
}

.drag_list ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 6.7rem;
    font-weight: 700;
    text-transform: uppercase;
    /* overflow-x: scroll;
    overflow-y: hidden; */
}
/* .drag_list ul::-webkit-scrollbar { display: none; } */
.drag_list ul li {
    /* margin-right: 110px; */
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    transition: all 0.5s;
    padding: 200px 0 10px;
    display: block;
    font-family: "klavika-web", sans-serif;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
}

:lang(ja) .drag_list ul li p {
    font-family: "klavika-web", sans-serif !important;
}
:lang(zh) .drag_list ul li p {
    font-family: "klavika-web", sans-serif !important;
}
:lang(ja) .drag_slide_m ul li a {
    font-family: "klavika-web", sans-serif !important;
}
:lang(zh) .drag_slide_m ul li a {
    font-family: "klavika-web", sans-serif !important;
}
.drag_list ul li:hover {
    color: #fff;
}

.drag_list .swiper-slide {
    width: auto;
    height: auto;
    padding: 0 20px;
}

.pc .swiper-button-prev {
    width: 60px;
    height: 60px;
    left: 50px;
    background: url(/home/assets/images/bt_main_arrow.svg) no-repeat;
    background-size: contain;
    right: auto;
}

.pc .swiper-button-next {
    width: 60px;
    height: 60px;
    right: 50px;
    background: url(/home/assets/images/bt_main_arrow.svg) no-repeat;
    background-size: contain;
    left: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/* main new 끝 */

.drag_slide {
    position: absolute;
    bottom: 65px;
}
.drag_slide .swiper-wrapper {
    transition-timing-function: linear !important;
}
.drag_slide .swiper-wrapper .swiper-slide {
    width: auto;
}
.drag_slide .swiper-wrapper .swiper-slide a {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    font-size: 6.7rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: color 0.5s;
}
.drag_slide .swiper-wrapper .swiper-slide a:hover {
    color: #fff;
}

.top_btn {
    position: relative;
    padding-top: 100px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
}
.top_btn ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.top_btn ul li {
    margin-right: 28px;
    opacity: 0.4;
}
.top_btn ul li.on {
    opacity: 1;
}
.top_btn ul li a:last-child {
    display: none;
    position: absolute;
    top: 100px;
    right: 0;
}
.top_btn ul li.on a:last-child {
    display: inline-flex;
}
/* .top_btn ul li.on a:last-child::before { transform: translateY(-50%); } */

.marquee_list {
    position: absolute;
    bottom: 65px;
    /* overflow: hidden; */
    cursor: grab;
    user-select: none;
    width: 100%;
}
.marquee_list .artist {
    /* brain 추가 */
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.marquee_list .artist::-webkit-scrollbar {
    display: none;
}
.marquee_list .actors {
    /* brain 추가 */
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.marquee_list .actors::-webkit-scrollbar {
    display: none;
}

.js-marquee {
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.js-marquee::-webkit-scrollbar {
    display: none;
}
.marquee_list ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 6.7rem;
    font-weight: 700;
    text-transform: uppercase;
}
.marquee_list ul li {
    margin-right: 110px;
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    transition: all 0.5s;
    padding: 200px 0 10px;
    display: block;
    overflow: hidden;
}
.marquee_list ul li:hover {
    color: #fff;
}
/* .marquee_list ul li a {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    transition: all 0.5s;
    padding: 200px 0 10px;
    display: block;
} */
/* .marquee_list ul li a:hover {
    color: #fff;
} */
.marquee_list1 {
    position: absolute;
    bottom: 65px;
    overflow: hidden;
    cursor: grab;
    user-select: none;
}
.marquee_list1 ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 6.7rem;
    font-weight: 700;
    text-transform: uppercase;
}
.marquee_list1 ul li {
    margin-right: 110px;
}
.marquee_list1 ul li a {
    -webkit-text-stroke: 1px #fff;
    color: transparent;
    transition: all 0.5s;
    padding-top: 200px;
    display: block;
}
.marquee_list1 ul li a:hover {
    color: #fff;
}

.news_section {
    padding: 150px 0;
}
.news_section .news_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 94px -28px 0 0;
}
.news_section .news_box li {
    width: calc(25% - 28px);
    margin-right: 28px;
}
.news_section .news_box span {
    display: block;
    font-weight: 700;
    font-size: 0.78rem;
}
.news_section .news_box span.cate {
    display: none;
    text-transform: uppercase;
    color: #ef4023;
    font-weight: 700;
    border: 0;
}
.news_section .news_box span.date {
    color: #888888;
    font-weight: 500;
}
.news_section .news_box h3 {
    margin: 12px 0 20px;
    height: 60px;
    overflow: hidden;
    font-size: 1.1rem;
    line-height: 1.5;
}
.news_section .news_box .img {
    margin-top: 40px;
}

.vibe_section {
    padding-bottom: 90px;
}
.vibe_section .ttl_box {
    position: relative;
    z-index: 1;
}
.vibe_section .ttl_box h2 {
    font-size: 5.3rem;
    line-height: 0.9;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #111111;
    font-weight: 700;
}
.vibe_section .ttl_box h2 span {
    display: block;
}
.vibe_section .ttl_box p {
    margin: 36px 0 89px;
    font-size: 1.7rem;
    font-weight: 400;
}
.vibe_section .bg_slide {
    position: relative;
    margin: 0 0 0 auto;
    top: -47px;
    width: 793px;
    text-align: right;
    background: #000;
    z-index: -1;
}
.vibe_section .bg_slide::before {
    content: "";
    background: url(/home/assets/images/vibe_cover.svg) no-repeat;
    width: calc(100% + 2px);
    height: calc(100% + 4px);
    position: absolute;
    top: -1px;
    right: -2px;
    left: -2px;
    bottom: -1px;
    z-index: 2;
    background-size: cover;
}

.bottom_section {
    position: relative;
    color: #fff;
    overflow: hidden;
}
.bottom_section::after {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
}
.bottom_section .bg {
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/home/assets/images/bottom_bg1.jpg);
    background-position: center;
    z-index: -1;
}
.bottom_section .bg.on {
    transition: all 0.5s;
}
.bottom_section .ly_flex {
    height: 935px;
}
.bottom_section .ly_flex.on .txt_box h3 {
    opacity: 0.4;
}
.bottom_section .ly_flex > li {
    width: 50%;
    height: 100%;
    text-align: center;
}
.bottom_section .ly_flex > li:last-child {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.bottom_section .ly_flex h3 {
    font-size: 2.7rem;
    margin-bottom: 60px;
    text-transform: uppercase;
    transition: all 0.2s;
}
.bottom_section .ly_flex ul {
    display: flex;
    flex-flow: wrap;
    height: 100%;
}
.bottom_section .ly_flex ul li {
    width: 100%;
    height: 50%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.bottom_section .ly_flex .hover_on h3 {
    opacity: 1;
}
.bottom_section .ly_flex .hover_on a {
    opacity: 1;
}
.bottom_section .ly_flex .hover_on a::after {
    border-radius: 50%;
    background: url(/home/assets/images/btn_more.svg) #ef4023;
}
.bottom_section .ly_flex ul li:last-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bottom_section .ly_flex .txt_box {
    cursor: pointer;
}
.bottom_section .ly_flex .txt_box:hover h3 {
    opacity: 1;
}
.bottom_section .ly_flex .txt_box:hover a {
    opacity: 1 !important;
}
.bottom_section .ly_flex .txt_box:hover .btn_more {
    color: #fff;
    opacity: 1 !important;
}
.bottom_section .ly_flex .txt_box:hover .btn_more::after {
    background: url(/home/assets/images/btn_more.svg) no-repeat;
}
@media (max-width: 1180px) {
    .vibe_section .bg_slide {
        width: 60%;
    }
    .drag_section {
        height: auto;
    }
    .drag_section > .container {
        z-index: 1;
        background: #fff;
    }
    .drag_section .bg {
        position: relative;
    }
    .drag_section .tab > .container {
        z-index: 2;
        height: auto;
    }
    .drag_section .tab {
        position: relative;
    }
    .drag_section::after {
        left: 20px;
        top: auto;
        bottom: 21px;
    }
    .drag_section .tab .pc {
        display: none;
    }
    .drag_section .tab .mo {
        display: block;
        width: calc(100% - 20px);
        overflow: hidden;
        margin-left: 20px;
    }
    .drag_slide_m {
        height: 66vh;
        position: relative;
        top: 0;
        z-index: 0;
    }
    .drag_slide_m > div {
        height: 100%;
        padding-bottom: 21px;
    }
    .drag_slide_m .swiper-slide {
        position: relative;
        overflow: hidden;
    }
    .drag_slide_m a {
        font-size: 2.7rem;
        white-space: nowrap;
        line-height: 1;
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
        font-weight: 700;
        text-transform: uppercase;
        font-family: "klavika-web", sans-serif;
        -webkit-text-stroke: 1px #fff;
        color: transparent;
    }
    .drag_slide_m .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 3px;
    }
    .drag_slide_m .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #111;
    }
    .drag_slide_m .swiper-pagination-bullet-active {
        background: #111;
    }
    .drag_slide_m.swiper-container-horizontal > .swiper-pagination-bullets,
    .drag_slide_m .swiper-pagination-custom,
    .drag_slide_m .swiper-pagination-fraction {
        bottom: 20px;
    }
    .drag_section .drag_slide_m .swiper-pagination {
        bottom: 0;
    }
    .drag_slide_m .swiper-slide a {
        opacity: 0;
    }
    .drag_slide_m .swiper-slide.swiper-slide-active a {
        animation: fadeInUp2 1s 0.2s ease alternate both;
    }
    @keyframes fadeInUp2 {
        from {
            opacity: 0;
            transform: translate3d(-50%, 50px, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(-50%, 0, 0);
        }
    }
    @-webkit-keyframes fadeInUp2 {
        from {
            opacity: 0;
            transform: translate3d(-50%, 50px, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(-50%, 0, 0);
        }
    }
    @-ms-keyframes fadeInUp2 {
        from {
            opacity: 0;
            transform: translate3d(-50%, 50px, 0);
        }
        to {
            opacity: 1;
            transform: translate3d(-50%, 0, 0);
        }
    }

    .top_btn {
        width: 100%;
        padding: 60px 0 16px;
    }
    .top_btn ul li {
        margin-right: 12px;
    }
    .top_btn ul li > a:nth-child(1) {
        font-size: 1.42rem;
    }
    .top_btn ul li a {
        color: #111;
    }
    .top_btn ul li a:last-child {
        top: 60px;
        right: 0;
    }
    /* .top_btn ul li a.btn_more::after {
        filter: invert(1);
    } */
}
@media (max-width: 767px) {
    .drag_section .tab .mo {
        margin-left: 0;
        width: 100%;
    }
    .drag_slide_m {
        left: 20px;
        width: calc(100% - 20px);
        overflow: hidden;
        height: 300px;
    }
    .news_section {
        padding: 70px 0 99px;
    }
    .news_section .news_box {
        margin-top: 50px;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        margin-right: -20px;
        margin-left: -20px;
        padding: 0 20px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .news_section .news_box::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .news_section .news_box li {
        width: 100%;
        min-width: 254px;
        margin-right: 28px;
    }
    .news_section .news_box li:last-child {
        margin-right: 0;
    }
    .news_section .news_box span {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
        font-size: 1rem;
    }
    .news_section .news_box h3 {
        font-size: 1.4rem;
        line-height: 1.4;
        height: 55px;
    }
    .vibe_section {
        padding-bottom: 70px;
    }
    .vibe_section .ttl_box h2 {
        font-size: 4.1rem;
        line-height: 0.93;
    }
    .vibe_section .ttl_box p {
        margin: 19px 0 45px;
        font-size: 1.28rem;
    }
    .vibe_section .bg_slide::before {
        width: calc(100% + 3px);
        height: calc(100% + 3px);
        /* width: calc(100% + 1px);
        height: calc(100% + 2px); */
    }
    .vibe_section .ttl_box a::after {
        top: 1px;
    }
    .bottom_section .bg {
        background-image: url(/home/assets/images/bottom_bg3_m.jpg) !important;
    }
    .bottom_section .ly_flex {
        height: 100vh;
    }
    .bottom_section .ly_flex > li {
        width: 100%;
        height: 50%;
    }
    .bottom_section .ly_flex > li:last-child {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
    .bottom_section .ly_flex h3 {
        margin-bottom: 30px;
        font-size: 2.2rem;
    }
    .bottom_section .ly_flex ul li {
        width: 50%;
        height: 100%;
    }
    .bottom_section .ly_flex ul li:last-child {
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }
}

/* footer */
footer {
    position: relative;
    overflow: hidden;
    padding: 69px 40px 60px;
    background: #111111;
}
footer .ly_flex {
    justify-content: space-between;
}
footer .ly_flex:last-child {
    margin-top: 252px;
    align-items: flex-end;
}
footer .sns_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
footer .sns_box li {
    margin-right: 12px;
}
footer .f_gnb {
    color: #fff;
}
footer .f_gnb span {
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.2;
    color: #888888;
}
footer .f_gnb ul {
    font-size: 2.3rem;
    line-height: 1.2;
    text-transform: uppercase;
}
footer .f_gnb ul li a {
    font-weight: 600;
}
footer .info_box {
    color: #888;
    text-align: right;
}
footer .info_box ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 32px;
    font-weight: 700;
}
footer .info_box ul li {
    margin-left: 24px;
    font-size: 0.89rem;
}
footer .info_box ul li a:hover {
    color: #fff;
}
footer .info_box p {
    font-weight: 600;
    font-size: 0.78rem;
}
footer .info_box p:last-child {
    font-family: "klavika-web", sans-serif;
    margin-top: 14px;
    font-weight: 600;
}
.fix_btn {
    position: fixed;
    right: 25px;
    bottom: 48px;
    z-index: 1;
    transition: all 0.4s ease-in-out;
}
.fix_btn.lock {
    position: absolute;
    bottom: auto;
    top: 450px;
}
.fix_btn .to_top {
    opacity: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #111;
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.fix_btn.on .to_top {
    opacity: 1;
    transition: all 0.4s ease-in-out;
}
.fix_btn .to_top p {
    position: relative;
    padding-top: 14px;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.fix_btn .to_top p::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url(/home/assets/images/to_top.svg) no-repeat;
    width: 14px;
    height: 8px;
}

@media (max-width: 980px) {
    .vibe_section .bg_slide {
        margin-top: 65px;
        top: 0;
    }
}
@media (max-width: 1280px) {
    .fix_btn {
        right: 20px;
        bottom: 20px;
    }
    .fix_btn .to_top {
        width: 60px;
        height: 60px;
    }
    .fix_btn.lock {
        top: 58vh;
    }
}
@media (max-width: 767px) {
    footer {
        padding: 55px 20px 50px;
    }
    footer .sns_box li {
        width: 30px;
        margin-right: 6px;
    }
    footer .logo {
        width: 78px;
    }
    footer .ly_flex:last-child {
        margin-top: 65px;
    }
    footer .f_gnb span {
        font-size: 10px;
        margin-bottom: 4px;
    }
    footer .f_gnb ul {
        font-size: 1.5rem;
    }
    footer .f_gnb ul li {
        margin-bottom: 4px;
    }
    footer .info_box {
        text-align: left;
    }
    footer .info_box ul {
        justify-content: flex-start;
        margin: 40px 0 20px;
    }
    footer .info_box ul li {
        margin: 0 20px 0 0;
        font-size: 12px;
    }
    footer .info_box p {
        font-size: 10px;
        margin-bottom: 9px;
    }
    footer .info_box p:last-child {
        margin: 0;
    }

    .fix_btn.lock {
        top: 260px;
    }
}

/* 모바일 */
.mobile {
    background: #000;
    text-align: center;
}

/* 아티스트 메인 */
.artists section.artists_main_view .container {
    max-width: 100%;
    padding: 0;
}

/* 아티스트 프로필 */
.sns_fix {
    position: fixed;
    top: 225px;
    right: 35px;
    z-index: 1;
}
.sns_fix li {
    margin-bottom: 12px;
}
.sns_fix .sns_more {
    display: none;
}
.sns_fix .sns_more span {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    background: #ef4023;
    border-radius: 50%;
}
.sns_fix .sns_more span::before {
    content: "";
    width: 16px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}
.sns_fix .sns_more span::after {
    content: "";
    width: 3px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}
.sns_fix .sns_more.on span {
    background: #ffffff;
    border: 2px solid #ef4023;
}
.sns_fix .sns_more.on span::before {
    background: #ef4023;
    transform: translate(-50%, -50%) rotate(45deg);
}
.sns_fix .sns_more.on span::after {
    background: #ef4023;
    transform: translate(-50%, -50%) rotate(45deg);
}

.artists section .container {
    max-width: 1280px;
}
.artists section .container iframe {
    overflow-x: hidden;
    overflow: auto;
    /* width: 100%!important; */
}
.artists #page {
    position: relative;
}
.artists .notice_list .search_box { margin-bottom: 80px; }
.sub_header {
    position: relative;
    padding: 48px  0 0;
    z-index: 1;
}
.sub_header p.f20 {
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
:lang(ja) .sub_header p.f20 {
    font-family: "klavika-web", sans-serif !important;
}
:lang(ja) .sub_header h1 {
    font-family: "klavika-web", sans-serif !important;
}
:lang(zh) .sub_header p.f20 {
    font-family: "klavika-web", sans-serif !important;
}
:lang(zh) .sub_header h1 {
    font-family: "klavika-web", sans-serif !important;
}
.sub_header .btn_prev {
    font-size: 0.83rem;
    opacity: 0.3;
}
.sub_header .btn_prev:hover {
    color: #111;
    opacity: 1;
}
.sub_header ul {
    margin: 0 -30px 108px 0;
    font-size: 1.2rem;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.sub_header ul li {
    margin-right: 30px;
    font-weight: 600;
    opacity: 0.3;
}
.sub_header ul li.on {
    position: relative;
    opacity: 1;
    color: #ef4023;
}
.sub_header ul li.on::after {
    content: "";
    background-color: #ef4023;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -9px;
}
.sub_header .big_ttl {
    padding: 28px 0 52px;
    text-align: center;
}
.artists_debut {
    text-align: center;
}
.artists_debut .container {
    text-align: center;
    display: inline-block;
    width: auto;
}
.artists_debut .container .img {
    display: inline-block;
    height: 740px;
    overflow: hidden;
    text-align: center;
}
.artists_debut .container .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.artists_debut .debut_txt {
    margin-top: 20px;
    display: flex;
    flex-wrap: nowrap;
}
.artists_debut .debut_txt p {
    color: #666666;
    font-family: "klavika-web", sans-serif;
    margin-right: 14px;
}
.artists_debut .debut_txt p.title:first-child {
    margin-left: 0px;
}
.artists_debut .debut_txt p.title {
    margin: 0 14px 0 16px;
    white-space: nowrap;
}
.artists_debut .debut_txt p.title b {
    font-family: "klavika-web", sans-serif;
    color: #111111;
}

.artists_debut .debut_txt p b {
    font-weight: 700;
    font-family: "rixsingose-pro";
}

.artists_member {
    margin: 160px 0 0;
}
.artists_member .container {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 100px;
}
.artists_member .ly_flex {
    align-items: flex-start;
    justify-content: space-between;
}
.artists_member .ly_cont {
    display: inline-flex;
    flex-wrap: wrap;
    margin-right: -24px;
    width: calc(100% - 486px);
}
.artists_member .ly_cont li {
    width: calc(25% - 24px);
    margin: 0 24px 40px 0;
}
.artists_member .ly_cont li:nth-child(4n) {
    margin-right: 0;
}

.artists_member .ly_cont li .img {
    width: 174px;
    height: 174px;
}
.artists_member .ly_cont li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.artists_member .member_name {
    margin-top: 18px;
}
.artists_member .member_name p {
    font-weight: 700;
}
.artists_member .member_name p span {
    margin-top: 6px;
    font-weight: 600;
    color: #999999;
    display: block;
}

/************ 240111 프로필 업데이트 시작 *************/
/************ 프로필은 기존 스타일변경없이 추가만 되었습니다. *************/
.artists_member .member_name p a.has_icon { 
    position: relative;
    display: inline-block;
    padding-right: 25px;
}
.artists_member .member_name p a.has_icon::after { 
    content: "";
    width: 19px;
    height: 19px;
    background: url(../images/profile_ic.svg)no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
/************ 240111 프로필 업데이트 끝 *************/

.artists_history {
    padding-top: 100px;
}
.tab {
    display: none;
    overflow: hidden;
}
.artists_history .ly_yflex {
    align-items: flex-start;
    justify-content: space-between;
}
.history_tit {
    margin: 12px 0 37px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.history_tit h2 {
    opacity: 0.3;
    margin-right: 30px;
}
.history_tit h2.on {
    position: relative;
    opacity: 1;
}
.history_tit h2.on::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #111;
    position: absolute;
    left: 0;
    bottom: -9px;
}
.hidden {
    display: none;
}
.history.hidden {
    margin-top: 40px;
}
.artists_history .history_tit {
    margin-bottom: 50px;
}
.artists_history .history .txt {
    width: calc(100% - 100px);
    padding-left: 28px;
    letter-spacing: -0.02em;
    color: #383838;
    font-weight: 500;
    font-size: 0.94rem;
    line-height: 1.88;
    word-break: keep-all;
}
:lang(zh) .artists_history .history .txt {
    word-break: break-all;
}
:lang(ja) .artists_history .history .txt {
    word-break: break-all;
}
.artists_history .history > li {
    display: none;
}
.artists_history .history > li.on {
    display: block;
}
.artists_history .history > li div {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 40px;
    font-size: 1.1rem;
}
.artists_history .history > li:last-child div {
    margin-bottom: 0;
}
.artists_history .history > li h3 {
    font-size: 1.1rem;
    line-height: 1.5;
    width: 70px;
    font-family: "klavika-web", sans-serif;
}
.artists_history .history .month {
    width: 30px;
    font-size: 1.1rem;
    line-height: 1.5;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
    color: #111111;
}
.artists_history .history .dot_list li {
    font-size: 0.94rem;
    letter-spacing: -0.02em;
    line-height: 1.88;
    letter-spacing: -0.03em;
    color: #383838;
    word-break: keep-all;
}
.scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/* brain */
@media (max-width: 1598px) {
    .artists_debut .container .img {
        height: auto;
        object-fit: cover;
    }

    .artists_member .ly_cont li .img {
        width: 100%;
        height: auto;
        max-height: 100%;
    }

    .artists_member .ly_cont li .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* position: absolute; */
        /* top: 0;
        left: 0; */
    }
}
/* braind - end */

@media (max-width: 1280px) {
    .sns_fix.lock {
        bottom: -56vh;
        top: auto;
        position: absolute;
    }
    .sns_fix {
        top: auto;
        right: 28px;
        bottom: 96px;
    }
    .sns_fix ul {
        display: none;
    }
    .sns_fix ul.on {
        display: block;
    }
    .sns_fix .sns_more {
        display: block;
    }
    .artists_member .ly_cont {
        width: 60%;
    }
    .artists_member .ly_cont li .img {
        position: relative;
        width: 100%;
        height: auto;
    }
    .artists_member .ly_cont li .img::after {
        display: block;
        content: "";
        padding-bottom: 100%;
    }
    .artists_member .ly_cont li .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }
    .artists_debut .container .img {
        height: auto;
    }
}
@media (max-width: 1280px) {
    .artists_member .ly_tit {
        max-width: 440px;
    }
    .artists_member .ly_cont {
        width: calc(100% - 440px);
    }
    .artists_member .ly_flex {
        justify-content: flex-start;
        margin-right: -24px;
    }
    .artists_history .ly_tit {
        max-width: 440px;
    }
    .artists_history .ly_cont {
        width: calc(100% - 440px);
    }
}
@media (max-width: 1023px) {
    .artists_member .ly_tit {
        max-width: 300px;
    }
    .artists_member .ly_cont {
        width: calc(100% - 300px);
    }
    .artists_member .ly_flex {
        justify-content: flex-start;
        margin-right: -24px;
    }
    .artists_history .ly_tit {
        max-width: 300px;
    }
    .artists_history .ly_cont {
        width: calc(100% - 300px);
    }
}
@media (max-width: 767px) {
    .artists_member .ly_flex {
        margin-right: 0;
    }
    .artists .history_tit.scroll {
        overflow-x: inherit;
        overflow-y: hidden;
        padding-left: 0;
    }
    .artists .notice_list .search_box { margin-bottom: 40px; }
    .sns_fix {
        right: 30.5px;
        display: none;
    }
    .mo .sns_fix {
        display: block;
        margin-top: 50px;
        position: relative;
        right: 20px;
        left: 20px;
        bottom: 0;
        width: calc(100% - 40px);
    }
    .mo .sns_fix ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-right: -12px;
    }
    .mo .sns_fix ul li {
        width: calc(16.66% - 12px);
        margin-right: 12px;
    }
    .mo .sns_fix .sns_more {
        display: none;
    }
    /* .sns_fix.lock {
        bottom: -245px;
    } */
    .sub_header {
        padding-top: 45px;
    }
    .scroll {
        overflow-x: scroll;
        padding-left: 20px;
        white-space: nowrap;
    }
    .sub_header ul {
        margin: 15px -22px 37px 0;
        font-size: 1.07rem;
        justify-content: center;
        display: inline-flex;
        flex-wrap: nowrap;
    }
    .sub_header ul li {
        margin-right: 22px;
        font-size: inherit;
    }
    .sub_header ul li.on::after {
        bottom: -7px;
    }
    .sub_header .big_ttl {
        padding: 15px 0;
    }
    .artists .sub_header .big_ttl,
    .actors .sub_header .big_ttl {
        font-size: 2.85rem;
    }
    .sub_wrap section.artists_debut:last-of-type {
        padding-bottom: 0;
    }
    .artists_debut .img {
        margin: 0 -20px;
    }
    .artists_debut .debut_txt {
        justify-content: flex-start;
        margin-top: 14px;
    }
    .artists_debut .debut_txt p:first-child {
        margin-right: 7px;
    }
    .artists_debut .debut_txt p {
        margin: 0 6px 0 0;
    }
    .artists_debut .debut_txt p.title {
        margin: 0 7px 0 8px;
    }
    .artists_member {
        margin: 50px 0 0;
    }
    .artists_member .member_name {
        margin-top: 10px;
    }
    .artists_member .member_name p {
        /* display: flex; */
        flex-wrap: nowrap;
        align-items: center;
        font-size: 1.1rem;
    }
    .artists_member .member_name p span {
        font-size: 0.86rem;
        font-weight: 400;
        margin: 0 0 0 0;
    }
    .artists_member .ly_tit {
        width: 100%;
        padding: 0 0 25px 0;
    }
    .artists_member .ly_cont {
        width: 100%;
        margin-right: 0;
        justify-content: space-between;
    }
    .artists_member .ly_cont li {
        width: calc(50% - 7px);
        margin: 0 0 25px 0;
    }
    .artists_member .container {
        position: relative;
        padding-bottom: 25px;
        border-bottom: 0;
    }
    .artists_member .container::after {
        content: "";
        width: calc(100% - 40px);
        height: 1px;
        background-color: #eaeaea;
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
    }
    .artists_history {
        padding-top: 50px;
    }
    .artists_history .ly_tit {
        padding-bottom: 25px;
        width: 100%;
    }
    .history_tit {
        margin-bottom: 30px;
    }
    .history_tit h2 {
        margin-right: 22px;
    }
    .history_tit h2.on::after {
        height: 2px;
    }
    .artists_history .history > li h3 {
        font-size: 1.07rem;
    }
    .artists_history .history .month {
        padding-right: 9px;
        font-size: 1.07rem;
    }
    .artists_history .history > li > ul {
        padding-left: 0;
        width: calc(100% - 55px);
    }
    .artists_history .history .dot_list li {
        margin-bottom: 10px;
        font-size: 1rem;
    }
    .artists_history .history .dot_list li:last-child {
        margin-bottom: 0;
    }
    .artists_history .ly_cont {
        width: 100%;
    }
}

/* 아티스트 리스트 */
section.artists_list ::selection {
    background: transparent;
    background-color: transparent;
}
.artists_list {
    margin-bottom: -60px;
    min-height: 100vh;
}
.artists_list .ly_flex:nth-of-type(1) {
    align-items: flex-start;
    margin: 50px 0 90px;
    font-family: "klavika-web", sans-serif;
    position: relative;
    z-index: 1;
}
.artists_list .ly_flex:nth-of-type(2) {
    height: 100vh;
    position: relative;
    top: -270px;
}
.artists_list .ly_flex > h2 {
    width: 100%;
    text-align: center;
}
.artists_list .ly_cont {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: absolute;
    top: -8px;
    right: 0;
}
.tab_tit {
    color: #666666;
}
.tab_tit h2 {
    margin-left: 13px;
    width: 30px;
    height: 30px;
}
.tab_tit h2 a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
}
.tab_tit h2:nth-child(2) {
    background-image: url(/home/assets/images/tab_ic1_off.svg);
}
.tab_tit h2:nth-child(1) {
    background-image: url(/home/assets/images/tab_ic2_off.svg);
}
.tab_tit h2.on:nth-child(2) {
    background-image: url(/home/assets/images/tab_ic1_on.svg);
}
.tab_tit h2.on:nth-child(1) {
    background-image: url(/home/assets/images/tab_ic2_on.svg);
}
.artists_list_cont {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
}
.artists_list_cont li {
    width: calc(25% - 20px);
    margin: 0 20px 60px 0;
}
.artists_list_cont li p {
    margin-top: 14px;
    font-weight: 600;
}
@media (max-width: 1280px) {
    .artists_list .ly_cont {
        right: 20px;
    }
}
@media (max-width: 1180px) {
    .artists_list_cont li {
        width: calc(33.3% - 20px);
    }
}
@media (max-width: 767px) {
    .artists_list .ly_flex:nth-of-type(1) {
        margin: 45px 0 30px;
    }
    .tab_tit h2 {
        margin-left: 10px;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .tab_tit h2:nth-child(1) {
        display: none;
    }
    .tab_tit h2.on::after {
        bottom: -6px;
    }
    .artists_list {
        height: auto;
        margin-bottom: -40px;
    }
    .artists_list .ly_flex {
        align-items: center;
        margin: 97px 0 30px;
    }
    .artists_list .ly_tit {
        width: 50%;
    }
    .artists_list .ly_cont {
        display: none;
    }
    .artists_list_cont li {
        width: calc(50% - 20px);
        margin: 0 20px 40px 0;
    }
    .artists_list_cont li p {
        margin-top: 10px;
        line-height: 1.2;
    }
    .artists_list .ly_flex > h2 {
        /* font-size: 0.94rem; */
        font-size: 1.1rem;
    }
}
.txt_slide {
    width: calc(100% - 538px);
    padding: 0 40px 0 0;
    font-family: "klavika-web", sans-serif;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 100px;
    z-index: 1;
    /* cursor: url(/home/assets/images/cursor.png) 54 54, auto; */
}
.txt_slide ul {
    cursor: url(/home/assets/images/cursor_drag_type2.svg) 54 54, auto;
}
.txt_slide li a {
    position: relative;
    display: block;
}
.txt_slide li.swiper-slide-active a {
    height: 100%;
}
.artists_list .txt_slide li a span {
    display: none;
}
.txt_slide li p {
    font-size: 1.56rem;
    font-weight: 600;
    line-height: 1.2;
    color: rgba(0, 0, 0, 0.3);
}
.txt_slide li span {
    display: none;
    margin: 140px 0 50px;
    position: relative;
}
.txt_slide li span.btn_more_color.btn_more::before {
    top: 50%;
}
.txt_slide li span.btn_more_color.btn_more::after {
    position: absolute;
    top: 1px;
    right: -24px;
    background-repeat: no-repeat;
}
.txt_slide li.swiper-slide {
    padding: 0 0 20px 30px;
}
/* .txt_slide li.swiper-slide {
    padding-left: 30px;
    cursor: pointer;
} */
.txt_slide li.swiper-slide-active {
    padding-left: 0;
    height: 135px !important;
}
.txt_slide li.swiper-slide-active p {
    width: 100vw;
    /* width: 55vw; */
    position: absolute;
    top: 0;
    left: 0;
    font-size: 5.3rem;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
}
.txt_slide li.swiper-slide-active span {
    display: inline-block;
    padding-left: 6px;
}

.img_slide {
    text-align: right;
    width: 100%;
    height: 538px;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    top: calc(50% + 124px);
    left: 0;
    transform: translateY(-50%);
}
.img_slide .swiper-wrapper {
    display: flex;
    align-items: flex-end;
}
.img_slide .swiper-wrapper::after {
    content: "";
    background-color: #000;
    width: 100%;
    max-width: 538px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.img_slide .swiper-slide {
    max-width: 538px;
}
.img_slide .swiper-slide .img {
    width: 100%;
    height: 100%;
}
.img_slide .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1280px) {
    .txt_slide {
        left: 20px;
    }
    .txt_slide li.swiper-slide-active p {
        width: 100vw;
    }
}
@media (max-width: 1023px) {
    .txt_slide {
        width: 60%;
    }
    .img_slide .swiper-slide {
        width: 40%;
        height: 100%;
    }
}
@media (max-width: 1023px) {
    .img_slide {
        width: 50%;
        left: auto;
        right: 0;
    }
    .img_slide .swiper-slide {
        width: 100%;
        height: 100%;
    }
}
/* brain */
.list_img_slide {
    cursor: url(/home/assets/images/cursor_drag_type2.svg) 54 54, auto;
}

/* 아티스트 discography */
.discography_slide.album_box {
    margin-top: 0;
    padding: 0;
    height: 100%;
    background: transparent;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.discography_slide.album_box li .txt {
    color: #111;
}
.album_box.discography_slide .album_slide .swiper-slide h3 {
    -webkit-line-clamp: 1;
}
.album_box.discography_slide .album_slide .swiper-slide.swiper-slide-active a {
    cursor: url(/home/assets/images/cursor_drag_type1.svg) 54 54, auto;
}
.album_box.discography_slide .album_slide .swiper-slide.swiper-slide-active h3 {
    -webkit-line-clamp: 4;
}
.discography_slide.album_box .album_slide .swiper-slide.swiper-slide-active h3.ko {
    font-size: 2rem;
}
.discography_slide.album_box .album_slide .swiper-slide h3.ko {
    font-family: "rixsingose-pro" !important;
    font-size: 1.1rem;
    font-weight: 700;
}
.discography_slide.album_box .album_slide .swiper-slide h3.en {
    font-family: "klavika-web", sans-serif !important;
}
.discography_slide.album_box li span {
    color: #111;
}
@media (max-width: 767px) {
    .discography_slide.album_box li .txt {
        margin-top: 0;
    }
    .discography_slide.album_box li .txt h2 {
        font-size: 1.7rem;
        line-height: 1.2;
        margin-top: 15px;
    }
    .discography_slide.album_box li .txt h2.ko {
        font-size: 1.3rem;
        font-family: "rixsingose-pro";
        position: relative;
        top: 2px;
    }
    .discography_slide.album_box li .txt h2.en {
        font-size: 1.35rem;
    }
    .discography_slide.album_box li .txt p {
        margin: 10px 0 2px;
        line-height: 1.2;
    }
}
/* 아티스트 discography slide */
.list_txt_slide .swiper-slide {
    opacity: 0;
}
.ly_flex .list_txt_slide .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.sub_header {
    max-width: 748px;
    margin: 0 auto;
}
.sub_wrap section:last-of-type.discography_wrap {
    padding-bottom: 0;
}
.discography_wrap .ly_flex {
    justify-content: center;
    height: 690px;
    max-width: 1020px;
    margin: 0 auto;
}
.list_img_slide {
    position: relative;
}
.list_img_slide .swiper-slide {
    opacity: 0.3;
    width: 280px;
    transition: all 0.2s ease;
}
.list_img_slide .swiper-slide-prev {
    transform: translateX(-160px) !important;
}
.list_img_slide .swiper-slide-next {
    transform: translateX(-110px) !important;
}
.list_img_slide .swiper-slide-active {
    opacity: 1;
    width: 420px;
    height: 420px !important;
}
.list_txt_slide {
    overflow: hidden;
    width: 600px;
}
.list_txt_slide .swiper-slide a {
    display: flex;
    align-items: center;
    height: 100%;
}
.list_txt_slide .txt {
    display: block;
    padding-left: 100px;
    font-family: "klavika-web", sans-serif;
}
.list_txt_slide .txt p {
    margin: 12px 0 8px;
    line-height: 1.18;
}
.list_txt_slide .txt span {
    color: #999999;
    font-weight: 400;
}

@media (max-width: 1700px) {
    .discography_wrap .pc {
        display: none;
    }
    .discography_wrap .mo {
        display: block;
    }
    .discography_wrap .txt h2 {
        font-size: 1.7rem;
        line-height: 1;
        margin-top: 15px;
    }
    .discography_wrap .txt h2.ko {
        font-size: 1.7rem;
    }
    .discography_wrap .txt h2.en {
        font-size: 1.7rem;
    }
    .discography_wrap .txt {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .sub_wrap section:last-of-type.discography_wrap {
        padding-bottom: 100px;
    }
    .discography_wrap {
        margin-bottom: -40px;
    }
}

/* 삭제예정 */
.discography_back li {
    margin-bottom: 80px;
}
.discography_back .txt {
    width: 440px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.discography_back .discography_list > li > a {
    justify-content: center;
}
.discography_back .discography_list > li > a .img {
    width: 440px;
}
.discography_back .discography_list > li > a .img img {
    width: 100%;
}
@media (max-width: 767px) {
    .discography_back .discography_list > li > a .img {
        width: 100%;
    }
    .discography_back .discography_list {
        padding: 0;
    }
    .discography_back .discography_list li .img {
        width: 100%;
    }
    .discography_back .discography_list li .txt {
        margin-top: 20px;
        padding-left: 0;
        width: 100%;
    }
}

/* 아티스트 discography 상세 */
.artists_video h1 {
    text-align: center;
}
.artists_video .video_container {
    margin-top: 77px;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.artists_video .video_container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.discography_box {
    margin-top: 110px;
}
.discography_box .ly_flex > .img {
    width: 440px;
    height: 440px;
}
.discography_box .ly_flex > .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.discography_cont {
    width: calc(100% - 440px);
    padding-left: 69px;
}
.discography_cont .head_box {
    margin-bottom: 44px;
    padding-bottom: 19px;
    border-bottom: 1px solid #eee;
    font-family: "klavika-web", sans-serif;
}
.discography_cont .head_box h2 {
    font-weight: 600;
}
.discography_cont .head_box h2.ko {
    font-family: "rixsingose-pro" !important;
}
.discography_cont .head_box .f22 {
    margin: 12px 0 8px;
    font-weight: 600;
}
.discography_cont .head_box .f15 {
    display: block;
    margin-bottom: 19px;
    color: #999999;
}
.discography_cont .head_box .album_btn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}
.discography_cont .head_box .album_btn button {
    cursor: pointer;
}
.discography_cont .head_box .album_btn a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 30px;
    color: #383838;
    font-weight: 600;
}
.discography_cont .head_box .album_btn a::before {
    width: 22px;
    height: 22px;
    margin-right: 4px;
}
.discography_cont .head_box .album_btn button::before {
    width: 22px;
    height: 22px;
    margin-right: 4px;
}
.discography_cont .head_box .album_btn a:hover {
    color: #ef4023;
}
.discography_cont .head_box .album_btn button:hover {
    color: #ef4023;
}
.discography_cont .body_box p {
    white-space: normal;
    display: -webkit-box;
    /* -webkit-line-clamp: 4; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
}
:lang(zh) .discography_cont .body_box p {
    word-break: break-all;
}
:lang(ja) .discography_cont .body_box p {
    word-break: break-all;
}
.discography_cont .body_box p.on {
    display: block;
}
.ly_disc {
    margin-top: 116px;
}
.ly_disc h2 {
    width: 440px;
    font-family: "klavika-web", sans-serif;
}
.ly_disc .disc_box {
    width: calc(100% - 440px);
    padding-left: 69px;
}
.discography_box .track_box > li {
    display: none;
}
.discography_box .track_box > li.on {
    display: block;
}
.discography_box .track_box > li:not(:first-child) {
    margin-top: 40px;
}
.discography_box .disc_box p {
    margin-bottom: 16px;
    font-weight: 700;
    font-family: "klavika-web", sans-serif;
}
.discography_box .disc_list {
    border-top: 1px solid #111111;
    font-family: "klavika-web", sans-serif;
}
.discography_box .disc_list li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 62px;
    border-bottom: 1px solid #eeeeee;
}
.discography_box .disc_list li {
    font-family: "rixsingose-pro";
}
.discography_box .disc.hidden {
    margin-top: 44px;
}

.album_box {
    background: #111111;
    height: 1045px;
    margin-top: 200px;
    padding-top: 140px;
    cursor: url(/home/assets/images/cursor_drag_type1.svg) 54 54, auto;
}
.album_box .f38 {
    color: #fff;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.album_box .album_slide {
    position: relative;
    width: 480px;
    margin: 60px auto 0;
    margin: 160px auto 0;
    user-select: none;
}
.album_box .album_slide .swiper-wrapper {
    align-items: center;
    height: 100%;
}
.album_box .album_slide .swiper-slide {
    opacity: 0.3;
    width: 320px !important;
    height: 575px !important;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-align: center;
    transition: all ease 0.5s;
}
.album_box .album_slide .swiper-slide img {
    width: 100%;
    height: 100%;
}
.album_box .album_slide .swiper-slide h3 {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* transition: all ease 0.5s; */
}
.album_box .album_slide .swiper-slide p {
    opacity: 0;
    font-weight: 600;
    line-height: 1.2;
}
.album_box .album_slide .swiper-slide span {
    opacity: 0;
    font-weight: 400;
}
.album_box .album_slide .swiper-slide a {
    cursor: url(/home/assets/images/cursor_drag_type1.svg) 54 54, auto;
}
.album_box .album_slide .swiper-slide.swiper-slide-active a {
    cursor: pointer;
}
.album_box .album_slide .swiper-slide.swiper-slide-active {
    width: 480px !important;
    opacity: 1;
    transition: all ease 0.5s;
}
.album_box .album_slide .swiper-slide.swiper-slide-active h3 {
    font-size: 2.4rem;
    line-height: 1.2;
}
.album_box .album_slide .swiper-slide.swiper-slide-active p {
    opacity: 1;
}
.album_box .album_slide .swiper-slide.swiper-slide-active span {
    opacity: 0.4;
}
.album_box li .txt {
    margin-top: 30px;
    color: #fff;
    font-family: "klavika-web", sans-serif;
}

.album_box .album_slide li .txt {
    /* 슬라이드 높이 */
    height: 170px;
}
.album_box li .txt h3 {
    font-weight: 600;
    font-size: 1.2rem;
}
.album_box li .txt span {
    opacity: 0.4;
    font-weight: 400;
}
.album_box li p {
    margin: 8px 0 7px;
}
.album_box li span {
    color: #ffffff;
    opacity: 0.4;
}
.album_box .album_slide .swiper-button-prev {
    margin-top: -130px;
    width: 50px;
    height: 50px;
    left: -50px;
    /* margin-top: -13px; */
    background: url(/home/assets/images/bt_disco_arrow.svg) no-repeat;
    background-size: contain;
    right: auto;
}

.album_box .album_slide .swiper-button-next {
    margin-top: -130px;
    width: 50px;
    height: 50px;
    right: -50px;
    /* margin-top: -13px; */
    background: url(/home/assets/images/bt_disco_arrow.svg) no-repeat;
    background-size: contain;
    left: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.album_box .album_slide.view .swiper-button-prev,
.album_box .album_slide.view .swiper-button-next {
    background: url(/home/assets/images/bt_disco_detail_arrow.svg) no-repeat;
}

@media (max-width: 1180px) and (min-width: 768px) {
    .discography_cont .body_box p {
        font-size: 0.89rem;
    }
}
@media (max-width: 1023px) {
    .discography_box .ly_flex > .img {
        width: 100%;
        height: auto;
    }
    .discography_box .ly_flex > .img img {
        object-fit: contain;
    }
    .discography_cont .head_box {
        margin: 25px 0;
        padding-bottom: 25px;
    }
    .discography_cont {
        width: 100%;
        padding-left: 0;
    }
    .ly_disc h2 {
        width: 100%;
    }
    .ly_disc .disc_box {
        width: 100%;
        padding-left: 0;
        margin-top: 14px;
    }
}
@media (max-width: 767px) {
    .album_box .album_slide .swiper-slide.swiper-slide-active h3 {
        font-size: 2.2rem;
        font-size: 30px;
    }
    .artists_video .video_container {
        margin-top: 0;
    }
    .discography_box {
        margin-top: 70px;
    }
    .discography_box .ly_flex > .img {
        width: calc(100% + 40px);
        height: auto;
        margin: 0 -20px;
    }
    .discography_cont .head_box .f22 {
        margin: 6px 0 4px;
    }
    .ly_disc {
        margin-top: 70px;
    }
    .discography_box .disc_box p {
        margin: 16px 0 8px;
    }
    .discography_box .disc_list li {
        height: 42px;
    }
    .discography_box .disc.hidden {
        margin-top: 30px;
    }
    .album_box {
        margin-top: 70px;
        padding-top: 50px;
        height: 100%;
    }
    .album_box .album_slide {
        left: 0;
        width: 250px;
        /* margin: 55px auto 0; */
        margin: 100px auto 0;
    }
    .album_box .album_slide .swiper-slide {
        width: 160px !important;
        height: 360px !important;
    }

    .album_box .album_slide .swiper-slide.swiper-slide-active {
        width: 250px !important;
        height: 250px !important;
    }
}

/* discography 팝업 */
.discography_content h3 {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 0.94rem;
    line-height: 1.76;
    color: #222;
    font-family: "klavika-web";
}
.discography_content .ly_flex {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-right: -12px;
}
.discography_content .ly_flex input {
    width: calc(50% - 12px);
    margin-right: 12px;
    padding: 0 20px;
    height: 50px;
}
.discography_content .alert_txt {
    text-align: left;
}
.discography_faq {
    position: relative;
    margin-top: 38px;
    padding-top: 38px;
    z-index: 1;
}
.discography_faq::before {
    content: "";
    background: #f5f5f5;
    position: absolute;
    top: 0;
    left: -77px;
    width: calc(100% + 154px);
    height: calc(100% + 66px);
    z-index: -1;
}
.discography_faq h3 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.3;
    font-family: "klavika-web";
    margin-bottom: 23px;
}
.discography_faq ul {
    margin-bottom: 22px;
}
.discography_faq ul:last-child {
    margin-bottom: 0;
}
.discography_faq ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.discography_faq ul li span {
    display: block;
    width: 16px;
    margin-right: 8px;
    font-weight: 600;
    font-family: "klavika-web";
}
.discography_faq ul li p {
    font-size: 0.78rem;
    line-height: 1.4;
}
.discography_faq ul li:nth-child(1) span {
    color: #b19d60;
}
.discography_faq ul li:nth-child(1) p {
    font-weight: 700;
    color: #000000;
}
.discography_faq ul li:nth-child(2) span {
    color: #666666;
}
.discography_faq ul li:nth-child(2) p {
    font-weight: 500;
    color: #666666;
}
.discography_faq .faq_mail {
    margin: 32px auto 0;
    max-width: 340px;
    color: #b19d60;
    font-weight: 700;
    font-size: 0.78rem;
    line-height: 1;
    padding: 16px;
    background: #fff;
    text-align: center;
}
@media (max-width: 767px) {
    .pop_wrap.discography_pop {
        width: 100%;
        margin: 0;
        padding: 8vw 4vw;
    }
    .pop_wrap.discography_pop .pop {
        width: 100%;
        margin: 0;
    }
    .discography_content h3 {
        text-align: left;
    }
    .discography_content .ly_flex input {
        height: 42px;
    }
    .pop_wrap.discography_pop .pop .pop_btn .btn {
        width: 50%;
    }
    .discography_faq h3 {
        margin-bottom: 12px;
    }
    .discography_faq ul {
        margin-bottom: 11px;
    }
}

/* 아티스트 콘서트 */
.concert_box .container {
    max-width: 100%;
}
.concert_btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 30px 0 60px -20px;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.concert_btn a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 20px;
}
.concert_btn a::before {
    width: 22px;
    height: 22px;
    margin-right: 6px;
}
.concert_btn a:hover {
    color: #ef4023;
}
.concert_box,
.slide_box {
    /* margin-top: 150px; */
    /* margin-top: 100px; */
    margin-bottom: 100px;
}
.slide_box.slide_cont,
.slide_box.slide_poster {
    display: none; /* 콘서트 아이프레임 로딩 후 렌더링 하기 위해 */
}

.slide_box .ly_flex {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.slide_cont .swiper {
    display: flex;
    flex-wrap: nowrap;
    margin-right: -40px;
}
.slide_cont .swiper > li {
    width: calc(25% - 40px);
    margin-right: 40px;
}
.slide_contents {
    position: relative;
    overflow: hidden;
}
.slide_contents .swiper-wrapper {
    height: auto !important;
}
.slide_contents .swiper-wrapper iframe {
    width: 100%;
}
.slide_box .swiper-button-next,
.slide_box .swiper-button-prev {
    width: 60px;
    height: 60px;
    margin-top: 0;
    transform: translateY(-50%);
}
.slide_box .swiper-button-prev,
.slide_box .swiper-container-rtl .swiper-button-next,
.slide_box .swiper-button-next,
.slide_box .swiper-container-rtl .swiper-button-prev {
    background: url(/home/assets/images/btn_slide.svg) no-repeat;
}
.slide_box .swiper-button-next,
.slide_box .swiper-container-rtl .swiper-button-prev {
    transform: rotate(180deg);
}
.slide_box .swiper-button-prev {
    top: calc(50% + 30px);
    left: -80px;
    right: auto;
    top: calc(50% - 20px);
}
.slide_box .swiper-button-next {
    right: -80px;
    left: auto;
    top: calc(50% - 50px);
}
.slide_poster h2 {
    padding-bottom: 30px;
}
.slide_poster li p {
    margin: 20px 0 10px;
    text-align: center;
    font-size: 0.89rem;
    font-weight: 700;
    font-family: "klavika-web", sans-serif;
}
.slide_poster li span {
    display: block;
    color: #383838;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.18;
    font-family: "klavika-web", sans-serif;
}
.slide_box.slide_cont .swiper-button-prev {
    display: none !important;
}
.slide_box.slide_cont .swiper-button-next {
    display: none !important;
}
.slide_box .scroll li button {
    background: transparent;
    cursor: pointer;
}
@media (max-width: 1598px) {
    .slide_box .swiper-button-prev {
        left: -60px;
    }
    .slide_box .swiper-button-next {
        right: -60px;
    }
}
@media (max-width: 1180px) {
    .slide_poster .slide_contents {
        padding-right: 200px;
    }
    .slide_box.slide_poster .container {
        padding-right: 0;
    }
    .slide_box {
        position: relative;
        /* margin-top: 0; */
        /* padding-top: 50px; */
    }
    .slide_box .ly_flex {
        margin-bottom: 25px;
    }
    .slide_box .scroll {
        margin: 0 -20px;
        padding: 0 20px;
        overflow-x: scroll;
    }
    .slide_box .scroll li {
        width: 265px !important;
        display: block;
        white-space: initial;
        margin-right: 40px;
    }
    .slide_cont .scroll .swiper > li:last-child {
        width: 285px !important;
        padding-right: 20px;
    }
    .slide_box .scroll li:last-child {
        width: 305px !important;
        padding-right: 40px;
    }
}
@media (max-width: 767px) {
    .concert_btn {
        margin: 20px 0 45px -10px;
    }
    .concert_btn a {
        margin-left: 10px;
    }
    .concert_btn a::before {
        margin-right: 3px;
    }

    .slide_poster li p {
        margin-top: 15px;
    }
    .slide_poster h2 {
        padding-bottom: 25px;
    }
    .slide_cont {
        position: relative;
        padding-bottom: 50px;
    }
    .slide_cont::before {
        content: "";
        background: #eaeaea;
        height: 1px;
        width: calc(100% - 40px);
        position: absolute;
        bottom: 0;
        left: 20px;
    }
}

/* 아티스트 팬미팅 privatestage */
.artists section.privatestage_box .container {
    max-width: 100%;
}
.artists section.privatestage_box .container h1 {
    max-width: 1280px;
    margin: 0 auto;
}
.privatestage_view {
    margin-top: 60px;
}

/* 아티스트 스케줄 */
.schedule_box .schedule_year {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.schedule_box .schedule_year h2 {
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.schedule_box .schedule_year button {
    font-size: 0;
    background: url(/home/assets/images/schedule_prev.svg);
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.schedule_box .schedule_year button.prev {
    margin-right: 16px;
}
.schedule_box .schedule_year button.next {
    transform: rotate(180deg);
    margin-left: 16px;
}
.schedule_box .schedule_ic {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    margin: 30px 0 22px;
}
.schedule_box .schedule_ic li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 20px;
    color: #999999;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "klavika-web", sans-serif;
}
.schedule_box .schedule_ic li::before {
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 4px;
}
.schedule_box .schedule_ic li:nth-child(1)::before {
    background: url(/home/assets/images/schedule_gric1.svg) no-repeat;
}
.schedule_box .schedule_ic li:nth-child(2)::before {
    background: url(/home/assets/images/schedule_gric2.svg) no-repeat;
}
.schedule_box .schedule_ic li:nth-child(3)::before {
    background: url(/home/assets/images/schedule_gric3.svg) no-repeat;
}
.schedule_box .schedule_list {
    margin-top: 22px;
    border-top: 1px solid #222;
}
.schedule_box .schedule_list li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    min-height: 118px;
    padding: 40px 0;
    border-bottom: 1px solid #eaeaea;
}
.schedule_box .schedule_list li .date {
    width: 12%;
    padding-left: 16px;
    text-align: center;
    font-weight: 600;
    color: #111;
    font-family: "rixsingose-pro";
}
.schedule_box .schedule_list li .date span:nth-child(1) {
    margin-right: 6px;
    font-weight: 700;
    font-family: "klavika-web";
}
.schedule_box .schedule_list li .date span:nth-child(2) {
    position: relative;
    top: -1px;
}
.schedule_box .schedule_list li .time {
    min-width: 50px;
    width: 5.5%;
    font-weight: 400;
    color: #666666;
    position: relative;
    top: 1px;
    font-family: "klavika-web", sans-serif;
}
.schedule_box .schedule_list li div {
    width: 82%;
    padding-left: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.schedule_box .schedule_list li div .ic {
    display: block;
    width: 35px;
    margin-right: 14px;
}
.schedule_box .schedule_list li div h3 {
    width: calc(100% - 35px);
    font-weight: 500;
    position: relative;
    top: 2px;
}
.schedule_box .schedule_list li div h3 b { 
    display: block;
    margin: 8px 0;
    font-weight: 500;
}
.schedule_box .schedule_list li div h3 em {
    display: block;
    color: #666;
    font-family: 'klavika-web'!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.none_schedule {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #222;
    height: 400px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.none_schedule p {
    margin-top: 20px;
    font-size: 1.05rem;
    line-height: 1.16;
    font-weight: 500;
    color: #999999;
}
@media (max-width: 1180px) and (min-width: 768px) {
    .schedule_box .schedule_list li div h3 {
        font-size: 1.2rem;
    }
    .schedule_box .schedule_list li .time {
        top: 0;
    }
}
@media (max-width: 767px) {
    .schedule_box .schedule_ic {
        margin: 30px 0 11px;
    }
    .schedule_box .schedule_ic li {
        font-size: 12px;
        margin-left: 15px;
    }
    .schedule_box .schedule_list {
        margin-top: 11px;
    }
    .schedule_box .schedule_list li {
        flex-wrap: wrap;
        height: auto;
        padding: 15px;
    }
    .schedule_box .schedule_list li .date {
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: 50px;
    }
    .schedule_box .schedule_list li .time {
        top: 0;
        width: calc(100% - 50px);
        padding-left: 6px;
        font-size: 1.07rem;
        line-height: 1.88;
    }
    .schedule_box .schedule_list li .date span:nth-child(1) {
        font-size: 1.07rem;
    }
    .schedule_box .schedule_list li .date span:nth-child(2) {
        font-size: 12px;
        top: 1px;
    }
    .schedule_box .schedule_list li .ic img {
        width: 100%;
    }
    .schedule_box .schedule_list li div {
        margin-top: 6px;
        align-items: flex-start;
        width: 100%;
        padding-left: 0;
    }
    .schedule_box .schedule_list li div .ic {
        width: 20px;
        margin-right: 7px;
    }
    .schedule_box .schedule_list li div h3 {
        top: -2px;
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .schedule_box .schedule_list li div h3 b { margin: 1px 0; }
    .schedule_box .schedule_list li div h3 em { font-size: 1.07rem; }
}

/* 배우 프로필 */
.actors .search_box {
    margin: -28px auto 80px;
}
.actors section .container {
    max-width: 1280px;
}

.actors_txt .img {
    width: 618px;
}
.actors_txt .img img {
    width: 100%;
    height: auto;
}
.actors_txt .txt {
    width: calc(100% - 618px);
    padding-left: 90px;
}
.actors_txt .txt p {
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.88;
    letter-spacing: -0.02em;
}
:lang(zh) .actors_txt .txt p {
    word-break: break-all;
}
:lang(ja) .actors_txt .txt p {
    word-break: break-all;
}

.actors_filmography .container {
    padding: 110px 20px 100px;
    margin-bottom: 100px;
    border-bottom: 1px solid #eaeaea;
}
.actors h2.ly_tit {
    width: 440px;
    padding-right: 70px;
    font-family: "klavika-web", sans-serif;
}
.actors .ly_cont {
    width: calc(100% - 440px);
}
.actors .actors_history {
    margin-top: 24px;
}
.actors .actors_history li {
    display: none;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 24px;
}
.actors .actors_history li.on {
    display: flex;
}
.actors .actors_history li:last-child {
    margin-bottom: 0;
}
.actors .actors_history li h3 {
    width: 70px;
    font-size: 1.1rem;
    line-height: 1.8;
    font-family: "klavika-web", sans-serif;
}
.actors .actors_history li .txt {
    width: calc(100% - 70px);
}
.actors .actors_history li .txt p {
    margin: 2px 0 12px;
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.88;
    letter-spacing: -0.02em;
}
:lang(zh) .actors .actors_history li .txt p {
    word-break: break-all;
}
:lang(ja) .actors .actors_history li .txt p {
    word-break: break-all;
}
.actors .actors_history li .txt p:last-child {
    margin-bottom: 0;
}
.actors .history_tit h2 {
    margin-right: 30px;
    font-weight: 700;
}
.actors_discography .actors_history {
    margin-top: 6px;
}
/* .actors_discography .actors_history li {
    display: flex;
} */
.actors_discography .container {
    padding-bottom: 95px;
    margin-bottom: 100px;
    border-bottom: 1px solid #eaeaea;
}
.actors .actors_discography .history {
    margin-top: 0;
}
@media (min-width: 1599px) {
    .actors_filmography .ly_cont {
        margin-left: -20px;
    }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .actors_txt .txt p {
        font-size: 0.89rem;
    }
    .actors .history_tit h2 {
        font-size: 0.8rem;
    }
}
@media (max-width: 1023px) {
    .actors h2.ly_tit {
        width: 300px;
    }
    .actors .ly_cont {
        width: calc(100% - 300px);
        /* overflow: hidden; */
    }
    .actors_txt .img {
        width: 50%;
    }
    .actors_txt .txt {
        width: 50%;
        padding-left: 40px;
    }
    .actors .history_tit {
        flex-wrap: wrap;
        padding-left: 0;
    }
    .actors .history_tit h2 {
        margin-bottom: 28px;
        white-space: nowrap;
    }
}
@media (max-width: 767px) {
    .actors h2.ly_tit {
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .actors .ly_cont {
        width: 100%;
    }
    .actors .search_box {
        margin: 0 auto 40px;
    }
    .actors_txt .img {
        width: calc(100% + 40px);
        margin: 0 -20px 30px;
    }
    .actors_txt .txt {
        width: 100%;
        padding-left: 0;
    }
    .actors_filmography .container {
        padding: 50px 20px;
    }
    .actors_filmography .scroll {
        margin: 0 -20px;
    }
    .actors_filmography .history_tit {
        display: inline-flex;
        margin-top: 0;
        flex-wrap: nowrap;
    }
    .actors_filmography .history_tit.scroll {
        /* padding-left: 20px; */
        padding: 20px;
    }
    .history_tit.scroll {
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex !important;
        margin-bottom: 0 !important;
        padding-left: 0;
        padding-bottom: 30px;
    }
    .actors .history_tit {
        margin-top: 0;
    }
    .actors .history_tit h2,
    .artists .history_tit h2 {
        font-size: 1.07rem;
        margin-right: 22px;
        margin-bottom: 0;
    }
    /* .actors .history_tit h2:last-child {
        padding-right: 20px;
    } */
    .actors .actors_history {
        margin-top: 10px;
    }
    .actors .actors_history li h3 {
        width: 55px;
    }
    .actors .actors_history li .txt {
        width: calc(100% - 55px);
    }
    .actors_filmography .container {
        border-bottom: 0;
        margin-bottom: 50px;
        position: relative;
    }
    .actors_filmography .container::after {
        content: "";
        width: calc(100% - 40px);
        margin: 0 20px;
        height: 1px;
        background: #eaeaea;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .actors_discography .container {
        border-bottom: 0;
        padding-bottom: 50px;
        margin-bottom: 50px;
        position: relative;
    }
    .actors_discography .container:after {
        content: "";
        width: calc(100% - 40px);
        margin: 0 20px;
        height: 1px;
        background: #eaeaea;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

/* 배우 NOTICE */
.notice_list ul {
    margin-right: -20px;
}
.notice_list ul li {
    width: calc(33.3% - 20px);
    margin: 0 20px 20px 0;
}
.notice_list ul li a {
    display: block;
    height: 300px;
    position: relative;
    padding: 36px 36px 65px;
    border: 1px solid #eaeaea;
}
.notice_list ul li a:hover {
    border-color: #ef4023;
}
.notice_list ul li a:hover p {
    color: #ef4023;
}
.notice_list ul li a:hover .date {
    color: #ef4023;
}
.notice_list ul li p {
    font-size: 1.1rem;
    line-height: 1.5;
    font-weight: 500;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.notice_list ul li .date {
    position: absolute;
    bottom: 36px;
    left: 36px;
    font-weight: 400;
}
@media (max-width: 767px) {
    .notice_list ul {
        margin-right: 0;
    }
    .notice_list ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .notice_list ul li a {
        height: 182px;
        padding: 20px 20px 38px;
    }
    .notice_list ul li .date {
        bottom: 20px;
        left: 20px;
    }
}

/* 뉴스 NOTICE */
.news .sub_header {
    padding-top: 48px ;
}
.news h1 {
    font-weight: 700;
    margin: 28px 0 50px;
    text-transform: uppercase;
}
.no_search_results .container {
    padding: 100px 0 100px;
    /* padding: 114px 0 186px; */
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}
.no_search_results p {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.36;
}

:lang(zh) .no_search_results p {
    font-family: "klavika-web" !important;
}
:lang(en) .no_search_results p {
    font-family: "klavika-web" !important;
}
:lang(ja) .no_search_results p {
    font-family: "klavika-web" !important;
}

.no_search_results p span {
    font-weight: 700;
}
.news section .container {
    max-width: 1280px;
}
.news .search_box {
    margin-bottom: 80px;
}
.news .view_header h1 {
    margin: 28px 0 80px;
}
.notice_list ul li a:hover .cate {
    border-color: #ef4023;
    color: #ef4023;
}
@media (max-width: 767px) {
    .news .sub_header {
        padding-top: 45px;
    }
    .news .view_header h1,
    .news h1 {
        margin: 20px 0 45px;
        font-size: 3.43rem;
    }
    .news .view_header h1 {
        margin-top: 14px;
    }
    .news .search_box {
        margin-bottom: 40px;
    }
    .notice_list ul li a {
        height: 225px;
    }
    .report.notice_list ul li a {
        height: 160px;
    }
}

/* 뉴스 NOTICE view*/
.view_header {
    position: relative;
    padding: 48px  0 56px;
}
.view_header p.f20 {
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.view_header::before {
    content: "";
    background: #eeeeee;
    width: 100%;
    height: 100vh;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.view_header .view_tit h2 {
    margin: 22px 0;
    line-height: 1.57;
    word-break: keep-all;
    font-family: "rixsingose-pro";
    font-weight: 700;
}
.view_header .view_tit .date {
    font-weight: 400;
}
.view_header .view_tit .cate {
    margin: 0 auto;
}
div section.view_body .container {
    max-width: 980px;
    padding: 80px 0 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
    font-size: 0.94rem;
    letter-spacing: -0.02em;
    font-weight: 300;
    line-height: 1.88;
    color: #383838;
    font-family: "rixsingose-pro";
}

div section.view_body .container .ql-editor * {
    font-family: "rixsingose-pro" !important;
    /* brain 240523 */
    /* font-size: 0.94rem !important; */
    line-height: 1.88 !important;
}

div section.view_body .container .ql-editor [style*="font-size: 16px;"] {
    font-size: 1.18rem !important;
}

.view_body .btn_down {
    margin: 100px 0 -60px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 0.89rem;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.view_body .btn_down::after {
    content: "";
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #111111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(/home/assets/images/btn_down2.svg);
}
.view_body .btn_down:hover::after {
    background-color: #ef4023;
}

.view_body .btn_view {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.view_body .btn_view a {
    position: relative;
    display: block;
    font-size: 0;
    width: 80px;
    height: 80px;
    background-color: #111;
}
.view_body .btn_view a::after {
    content: "";
    background: url(/home/assets/images/list.svg) no-repeat;
    width: 22px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.view_body .btn_view button {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-family: "klavika-web", sans-serif;
    background: transparent;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}
.view_body .btn_view button.none {
    opacity: 0.3;
}
.view_body .btn_view .prev::before {
    content: "";
    background: url(/home/assets/images/view_prev.svg);
    width: 6px;
    height: 12px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.view_body .btn_view .next::after {
    content: "";
    background: url(/home/assets/images/view_prev.svg);
    width: 6px;
    height: 12px;
    margin-left: 8px;
    transform: rotate(180deg);
}
.view_file { margin-top: 90px; }
.view_file li a { position: relative; display: inline-block; margin-bottom: 10px; padding-left: 40px; font-size: 0.89rem; text-transform: capitalize; font-weight: 600; font-family: 'klavika-web'!important; }
.view_file li a::before { content: ""; background: url(/home/assets/images/view_file.svg)no-repeat; width: 30px; height: 30px; position: absolute; top:0; left: 0; }

@media (max-width: 1180px) and (min-width: 768px) {
    div section.view_body .container {
        font-size: 0.89rem;
    }
}
@media (max-width: 980px) {
    div section.view_body .container {
        position: relative;
        width: 100%;
        padding: 56px 20px 40px;
        border-bottom: 0;
    }
    div section.view_body .container::after {
        content: "";
        background: #eeeeee;
        margin: 0 20px;
        width: calc(100% - 40px);
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .view_body .btn_view {
        padding: 0 20px;
    }
    .view_body .btn_view a {
        width: 60px;
        height: 60px;
    }
    .view_file { margin-top: 60px; }
    .view_file li a { padding-left: 34px; margin-bottom: 6px; }
    .view_file li a::before { width: 24px; height: 24px; background-size: contain; }
}

/* about Introduction */
.about section .container {
    max-width: 1280px;
}
.about_header {
    margin: 48px  0 0;
}
:lang(zh) .about_header span {
    font-family: "klavika-web" !important;
}
:lang(zh) .about_header h1 {
    font-family: "klavika-web" !important;
}
:lang(ja) .about_header span {
    font-family: "klavika-web" !important;
}
:lang(ja) .about_header h1 {
    font-family: "klavika-web" !important;
}

.about_header span {
    display: block;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.about_header h1 {
    margin: 28px 0 112px;
}
.intro_scroll {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.intro_scroll .bg {
    position: relative;
    top: 100px;
    width: 1488px;
    height: 100%;
    margin: 0 auto;
    z-index: -1;
}
.intro_scroll .bg .tab {
    display: none;
}
.intro_scroll h2 {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "klavika-web", sans-serif;
}
.intro_scroll h2.f64 {
    letter-spacing: 0.3em;
    line-height: 1.25;
}
.intro_scroll h2.f96 {
    opacity: 0;
    word-break: keep-all;
}
/* .intro_scroll.global h2.f96 {
    opacity: 1;
    word-break: keep-all;
} */
.intro_cont {
    padding: 200px 0 220px;
    background-color: #111;
    margin-top: -1px;
}

.intro_cont ul li {
    max-width: 1170px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.intro_cont ul li:last-child {
    margin-bottom: 0;
}
.intro_cont ul li:nth-child(2n-1) {
    margin: 0 auto 180px 0;
}
.intro_cont ul li:nth-child(2n-1):last-child {
    margin-bottom: 0;
}
.intro_cont ul li:nth-child(2n) {
    flex-direction: row-reverse;
    padding-left: 15px;
    margin: 0 0 180px auto;
}
.intro_cont ul li .img {
    width: 661px;
}
.intro_cont ul li .txt {
    width: calc(100% - 661px);
    color: #fff;
}
.intro_cont ul li:nth-child(2n-1) .txt {
    padding-left: 110px;
}
.intro_cont ul li:nth-child(2n) .txt {
    padding-right: 100px;
}
.intro_cont ul li .txt span {
    display: block;
    color: #ef4023;
}
.intro_cont ul li .txt h3 {
    margin: 10px 0 28px;
}
:lang(ja) .intro_cont ul li .txt h3 {
    font-size: 2rem;
}
.intro_cont ul li .txt p {
    color: #999999;
    line-height: 1.78;
    font-size: 1rem;
}
:lang(ko) .intro_cont ul li .txt p {
    word-break: keep-all;
}
.sub_wrap section.intro_location {
    padding-bottom: 0;
}
.intro_location .ly_flex li {
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.intro_location .ly_flex li div {
    padding: 0 20px;
}
.intro_location .ly_flex .txt {
    text-align: center;
}
.intro_location .ly_flex li h3 {
    margin-bottom: 18px;
    font-family: "klavika-web", sans-serif;
}
.intro_location .ly_flex li p {
    line-height: 1.5;
    color: #666666;
}
@media (max-width: 1488px) {
    .intro_scroll .bg {
        width: 90%;
    }
}
@media (max-width: 1199px) {
    .intro_cont .img_box {
        width: 40%;
    }
    .intro_cont ul li .txt {
        width: 60%;
    }
}
@media (max-width: 1180px) {
    .intro_location .ly_flex li h3 {
        font-size: 2rem;
    }
    .intro_cont ul li:nth-child(2n-1) .txt {
        padding-left: 55px;
    }
    .intro_cont ul li:nth-child(2n) .txt {
        padding-right: 50px;
    }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .intro_cont ul li .txt p {
        font-size: 0.89rem;
    }
    .intro_scroll .bg .pc {
        display: none;
    }
    .intro_scroll .bg .tab {
        display: block;
    }
}
@media (max-width: 767px) {
    .about_header {
        margin-top: 45px;
    }
    .about_header h1 {
        margin: 20px 0 60px;
    }
    .intro_scroll .bg {
        width: 90%;
        top: 0;
    }
    .intro_scroll .bg .tab {
        display: none;
    }
    .intro_scroll h2.f64 {
        font-size: 2.2rem;
        font-weight: 700;
        line-height: 1.3;
    }
    .intro_scroll h2.f96 {
        font-size: 3.07rem;
        font-weight: 700;
        line-height: 0.95;
    }
    .intro_cont {
        padding: 70px 0;
    }
    .intro_cont .img_box {
        width: 100%;
        margin-bottom: 30px;
    }
    .intro_cont ul li .txt {
        width: 100%;
    }
    .intro_cont ul li:nth-child(2n-1) {
        margin-bottom: 60px;
    }
    .intro_cont ul li:nth-child(2n-1) .txt {
        padding-left: 0;
    }
    .intro_cont ul li:nth-child(2n) {
        padding-left: 0;
        margin-bottom: 60px;
    }
    .intro_cont ul li:nth-child(2n) .txt {
        padding-right: 0;
    }
    .intro_location .ly_flex li {
        width: 100%;
    }
    .intro_location .ly_flex li:first-child {
        padding: 60px 20px;
    }
    :lang(ja) .intro_cont ul li .txt h3 {
        font-size: 2rem;
    }
}

/* about brand*/
.brand_vision {
    margin-top: -65px;
}
.brand_vision .ly_flex {
    position: relative;
    justify-content: space-between;
}
.brand_vision .ly_flex .img {
    position: relative;
}
.brand_vision .ly_flex .img::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
}
.brand_vision .ly_flex .img:nth-child(1) {
    width: calc(100% - 390px);
    padding-top: 82px;
}
.brand_vision .ly_flex .img:nth-child(1)::before {
    animation: cover-left 1s linear forwards;
}
.brand_vision .ly_flex .img:nth-child(2) {
    top: 274px;
    width: 390px;
    padding-top: 82px;
}
.brand_vision .ly_flex .img:nth-child(2)::before {
    left: auto;
    right: 0;
}
.brand_vision .ly_flex .img:nth-child(2)::before {
    animation: cover-right 1s linear forwards;
}
.brand_txt {
    width: 650px;
    margin: 165px 0 150px auto;
}
.brand_txt span {
    display: block;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
}
.brand_txt h2 {
    margin: 10px 0 60px;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.brand_txt p {
    line-height: 1.6;
    color: #383838;
}

:lang(zh) .brand_txt p {
    word-break: break-all;
}
:lang(ja) .brand_txt p {
    word-break: break-all;
}
.brand_scroll {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.brand_scroll .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 168px 20px 260px;
}
.brand_scroll .bg {
    position: relative;
    top: 100px;
    width: 1488px;
    height: 100%;
    margin: 0 auto;
    z-index: -1;
}
.brand_scroll .txt1 {
    color: #fff;
    font-family: "klavika-web", sans-serif;
}
.brand_scroll .txt1 h2 {
    line-height: 0.91;
}
.brand_scroll .txt1 h2:nth-child(1) {
    opacity: 1;
}
.brand_scroll .txt1 h2:nth-child(2) {
    opacity: 0.3;
}
.brand_scroll .txt2 {
    display: inline-block;
    opacity: 0;
    position: relative;
    left: 646px;
    bottom: -252px;
    color: #fff;
    line-height: 1.3;
    font-weight: 700;
}
.brand_cont {
    padding: 50px 0 250px;
    background-color: #111;
    color: #fff;
    margin-top: -1px;
}
.brand_cont .brand_txt p {
    color: #999;
    word-break: keep-all;
}
:lang(zh) .brand_cont .brand_txt p {
    word-break: break-all;
}
:lang(ja) .brand_cont .brand_txt p {
    word-break: break-all;
}
.brand_cont .container {
    max-width: 1280px;
}
.brand_cont ul {
    max-width: 1140px;
    margin: 0 auto;
    justify-content: space-between;
}
.brand_cont ul li:nth-child(1) {
    max-width: 510px;
}
.brand_cont ul li:nth-child(2) {
    max-width: 400px;
}
.brand_cont ul li:last-child .txt {
    margin: 62px 0 36px;
}
.brand_cont .txt h3 {
    padding: 40px 0 10px;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.brand_cont .txt p {
    line-height: 1.78;
    color: #999999;
    word-break: keep-all;
}
:lang(zh) .brand_cont .txt p {
    word-break: break-all;
}
:lang(ja) .brand_cont .txt p {
    word-break: break-all;
}
.brand_cont div.ly_flex {
    align-items: flex-end;
    padding: 60px 0 0 180px;
}
.brand_cont div.ly_flex .img {
    width: 354px;
}
.brand_cont div.ly_flex .txt {
    width: calc(100% - 354px);
    padding: 0 0 30px 40px;
}

@keyframes cover-left {
    from {
        left: 0;
    }
    to {
        left: -100%;
    }
}
@-webkit-keyframes cover-left {
    from {
        left: 0;
    }
    to {
        left: -100%;
    }
}
@-ms-keyframes cover-left {
    from {
        left: 0;
    }
    to {
        left: -100%;
    }
}

@keyframes cover-right {
    from {
        right: 0;
    }
    to {
        right: -100%;
    }
}
@-webkit-keyframes cover-right {
    from {
        right: 0;
    }
    to {
        right: -100%;
    }
}
@-ms-keyframes cover-right {
    from {
        right: 0;
    }
    to {
        right: -100%;
    }
}

.brand_spirit {
    padding: 200px 0;
}
.brand_spirit ul li {
    width: 50%;
    word-break: keep-all;
}
.brand_spirit ul li.f20 {
    line-height: 1.6;
}
:lang(zh) .brand_spirit ul li.f20 {
    word-break: break-all;
}
:lang(ja) .brand_spirit ul li.f20 {
    word-break: break-all;
}

.brand_spirit .brand_txt {
    width: 50%;
    margin: 0;
}
:lang(zh) .brand_spirit .ly_flex {
    align-items: center;
}
.brand_creative {
    position: relative;
}
.brand_creative .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 180px 20px 260px;
    color: #fff;
}
.brand_creative .txt1 {
    font-family: "klavika-web", sans-serif;
}
.brand_creative .txt2 {
    opacity: 0;
    position: relative;
    left: 642px;
    bottom: -500px;
    color: #fff;
    line-height: 1.3;
    font-weight: 700;
}
.brand_creative .bg {
    height: 100vh;
}

.brand_statement {
    background-color: #111;
    color: #fff;
    padding: 200px 0;
    margin-top: -1px;
}
.brand_statement .ly_flex .brand_txt {
    margin: 0;
}
.brand_statement .ly_flex li {
    width: 50%;
}
.brand_statement .ly_flex .f20 {
    color: #999999;
    line-height: 1.6;
}

:lang(zh) .brand_statement .ly_flex .f20 {
    word-break: break-all;
}
:lang(ja) .brand_statement .ly_flex .f20 {
    word-break: break-all;
}

.brand_box {
    position: relative;
    height: 100vh;
    margin-top: -1px;
}
.brand_box .bg {
    height: 100%;
}
.brand_box .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.brand_box .txt h2 {
    margin-bottom: 50px;
    font-family: "klavika-web", sans-serif;
    line-height: 0.91;
}
.brand_box .txt h2 span {
    opacity: 0;
    display: block;
    white-space: nowrap;
    transform: translateY(20px);
}
.brand_box .txt p {
    opacity: 0;
    font-weight: 700;
    transform: translateY(20px);
}

.brand_identity {
    padding-top: 200px;
    margin-top: -1px;
}
.brand_identity .ly_flex .img {
    width: calc(100% - 640px);
}
.brand_identity .ly_flex .txt {
    width: 640px;
}
.brand_identity .ly_flex .txt h2 {
    line-height: 1.2;
    font-family: "klavika-web", sans-serif;
}
.brand_identity .ly_flex .txt span {
    display: block;
    margin-top: 10px;
    color: #999999;
    font-family: "klavika-web", sans-serif;
}
.brand_identity .ly_flex .txt p {
    margin: 40px 0 63px;
    color: #666;
    line-height: 1.78;
    word-break: keep-all;
}

:lang(zh) .brand_identity .ly_flex .txt p {
    word-break: break-all;
}
:lang(ja) .brand_identity .ly_flex .txt p {
    word-break: break-all;
}
.brand_identity .ly_flex .txt a {
    font-size: 0.89rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 197px;
    height: 43px;
    background: #111111;
    color: #fff;
    font-family: "klavika-web", sans-serif;
}
.brand_creative .bg .tab {
    display: none;
}
@media (max-width: 1680px) {
    .brand_vision .ly_flex .img:nth-child(1) {
        padding-right: 60px;
    }
}
@media (max-width: 1488px) {
    .brand_scroll .bg {
        width: 90%;
    }
    .brand_scroll .container {
        width: 90%;
        height: calc(100% - 100px);
        top: 100px;
        padding: 0 20px;
        overflow: hidden;
    }
    .brand_creative .container {
        width: 90%;
        height: calc(100% - 100px);
        top: 100px;
        padding: 0 20px;
        overflow: hidden;
    }
    .brand_creative .txt2 {
        bottom: -300px;
    }
    .brand_identity .ly_flex .txt {
        padding-left: 30px;
    }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .brand_txt p {
        font-size: 1rem;
    }
    .brand_cont .txt p {
        font-size: 0.89rem;
    }
    .brand_cont ul li:nth-child(2) .txt {
        margin-top: 450px;
    }
    .brand_cont ul li:nth-child(2) .txt p br {
        display: none;
    }
    .brand_spirit ul li.f20 {
        font-size: 1rem;
    }
    .brand_statement .ly_flex .f20 {
        font-size: 1rem;
    }
    .brand_statement .ly_flex .f20 br.pc {
        display: none;
    }
    .brand_identity .ly_flex .txt p {
        font-size: 0.89rem;
    }
    .brand_creative .txt2 {
        bottom: -60vh;
    }
    .brand_creative .bg .pc {
        display: none;
    }
    .brand_creative .bg .tab {
        display: block;
    }
}
@media (max-width: 1023px) {
    .brand_vision .ly_flex .img:nth-child(2) {
        display: none;
    }
    .brand_vision .ly_flex .img:nth-child(1) {
        width: 100%;
        padding-right: 27px;
    }
    .brand_identity .ly_flex .img {
        width: 100%;
        margin-bottom: 75px;
        text-align: center;
    }
    .brand_identity .ly_flex .txt {
        width: 100%;
        padding-left: 0;
    }
    .brand_txt {
        width: 100%;
        margin: 45px 0 70px;
    }
    .brand_txt h2 {
        margin-bottom: 25px;
    }
    .brand_scroll .bg {
        width: 100%;
        top: 0;
    }
    .brand_scroll .txt2 {
        float: right;
        left: auto;
    }
    .brand_scroll .container {
        top: 50px;
        width: 100%;
        height: calc(100% - 50px);
    }
    .brand_creative .txt2 {
        float: right;
        left: auto;
    }
    .brand_cont ul li:nth-child(1) {
        width: 60%;
    }
    .brand_cont ul li:nth-child(2) {
        width: 35%;
    }
    .brand_cont div.ly_flex {
        padding-left: 60px;
    }
    .brand_identity .ly_flex .txt a {
        margin: 0 auto;
    }
}
@media (max-width: 767px) {
    .brand_scroll .txt1 h2 {
        line-height: 1.05;
        font-size: 3.07rem;
    }
    .brand_scroll .txt2 {
        max-width: 200px;
        position: absolute;
        float: none;
        left: auto;
        right: 20px;
        bottom: 20%;
    }
    .brand_cont {
        padding: 70px 0;
    }
    .brand_cont .brand_txt {
        margin-top: 0;
    }
    .brand_txt {
        margin: 45px 0 70px;
    }
    .brand_txt h2 {
        margin: 5px 0 25px;
    }
    .brand_txt p {
        line-height: 1.7;
    }
    .brand_cont .brand_txt {
        margin-bottom: 55px;
    }
    .brand_cont .txt h3 {
        padding: 0 0 9px;
    }
    .brand_cont ul li {
        padding-left: 0;
        margin: 0;
    }
    .brand_cont ul li:nth-child(2n) {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .brand_cont ul li .txt {
        margin: 20px 0 45px;
    }
    .brand_cont ul li:last-child .txt {
        margin: 20px 0 45px;
    }
    .brand_cont div.ly_flex {
        padding: 0;
        margin-right: 0;
    }
    .brand_cont div.ly_flex .txt {
        padding: 20px 0 0 0;
        width: 100%;
    }
    .brand_cont ul li:nth-child(1) {
        width: 100%;
        max-width: 100%;
    }
    .brand_cont ul li:nth-child(1) .img {
        margin-right: 0;
    }
    .brand_cont ul li:nth-child(2) {
        width: 100%;
         max-width: 100%;
    }
    .brand_cont div.ly_flex .img { width: 100%; }
    .brand_cont ul li:nth-child(2) .img {
        margin-right: 0;
    }
    .brand_spirit {
        padding: 70px 0;
    }
    .brand_spirit .brand_txt {
        width: 100%;
    }
    .brand_spirit ul li {
        width: 100%;
    }
    .brand_creative {
        height: 100vh;
    }
    .brand_creative .container {
        position: relative;
        width: 100%;
        height: calc(100% - 50px);
        top: 50px;
    }
    .brand_creative .txt1 {
        padding-left: 20px;
    }
    .brand_creative .txt2 {
        bottom: 20%;
        right: 40px;
        position: absolute;
    }
    .brand_creative .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }
    .brand_statement {
        padding: 70px 0;
    }
    .brand_statement .ly_flex li {
        width: 100%;
    }
    .brand_box {
        height: 100vh;
    }
    .brand_box .bg {
        height: 100%;
    }
    .brand_box .txt {
        top: 129px;
        transform: translate(-50%, 0);
    }
    .brand_box .txt h2 {
        font-size: 3.07rem;
        line-height: 0.95;
        margin-bottom: 14px;
    }
    .brand_box .txt p {
        font-size: 1.14rem;
    }
    .brand_identity {
        padding-top: 90px;
    }
    .brand_identity .ly_flex .img {
        width: 210px;
        margin: 0 auto 75px;
    }
    .brand_identity .ly_flex .txt p {
        margin: 20px 0 45px;
    }
    .brand_identity .ly_flex .txt a {
        height: 39px;
        width: 160px;
        margin: 0 auto;
        font-weight: 700;
        font-size: 1.07rem;
        line-height: 1.2;
    }
    .brand_identity .ly_flex .txt span {
        margin-top: 5px;
    }
}

/* about 신사옥 */
.offfice_visual {
    position: relative;
    height: 100vh;
}
.offfice_visual .bg {
    height: 100%;
}
.offfice_visual .bg .tab {
    display: none;
}
.offfice_visual .tit {
    max-width: 601px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.offfice_visual p {
    opacity: 0;
    margin: 11px 0;
    color: #fff;
    font-size: 3.2rem;
    line-height: 1.2;
    letter-spacing: 0.16em;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
    white-space: nowrap;
}
.offfice_visual p:nth-of-type(1) {
    animation: fadeInUp 1s 0.5s ease alternate both;
}
.offfice_visual p:nth-of-type(2) {
    animation: fadeInUp 1s 0.8s ease alternate both;
}
.offfice_visual p:nth-of-type(3) {
    animation: fadeInUp 1s 1.1s ease alternate both;
}
.offfice_visual p:nth-of-type(4) {
    animation: fadeInUp 1s 1.4s ease alternate both;
}
.offfice_visual span {
    animation: width 0.5s linear forwards;
    height: 2px;
    display: block;
    width: 0;
    background-color: #fff;
}
.offfice_visual span:nth-of-type(2) {
    animation-delay: 0.2s;
}
.offfice_visual span:nth-of-type(3) {
    animation-delay: 0.4s;
}
.offfice_visual span:nth-of-type(4) {
    animation-delay: 0.6s;
}
.offfice_visual span:nth-of-type(5) {
    animation-delay: 0.8s;
}
@keyframes width {
    to {
        width: 100%;
    }
}
@-webkit-keyframes width {
    to {
        width: 100%;
    }
}
@-ms-keyframes width {
    to {
        width: 100%;
    }
}

.offfice_cont {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.offfice_cont .bg {
    height: 100%;
}
.offfice_cont .box {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.offfice_cont .box p span {
    display: block;
    opacity: 0;
    font-weight: 700;
    white-space: nowrap;
}

:lang(en) .offfice_cont .box p span {
    word-break: break-word !important;
}
:lang(ja) .offfice_cont .box p span {
    font-family: "klavika-web" !important;
    word-break: break-word !important;
}
:lang(zh) .offfice_cont .box p span {
    font-family: "klavika-web" !important;
    word-break: break-word !important;
}
.offfice_cont .box1 {
    z-index: 2;
    position: relative;
}
.offfice_cont .box::before {
    max-height: 100vh;
    z-index: -2;
    background-size: inherit;
    background-position: center;
}
.offfice_cont .box .bg {
    opacity: 0;
    background: rgba(17, 17, 17, 1);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.offfice_cont .box1::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/home/assets/images/offfice_bg1.jpg) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: inherit;
    background-position: center center;
}
.offfice_cont .box2::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/home/assets/images/offfice_bg2.jpg) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: inherit;
    background-position: center center;
}
.offfice_cont .box2 .box_inner {
    position: relative;
    height: 100%;
    z-index: 1;
}
.offfice_cont .box2 .box_inner p {
    opacity: 0;
}
.offfice_cont .box .box_inner p {
    font-weight: 700;
    line-height: 1.65;
    letter-spacing: -0.02em;
    word-break: keep-all;
}
:lang(zh) .offfice_cont .box .box_inner p {
    word-break: break-all;
}
:lang(ja) .offfice_cont .box .box_inner p {
    word-break: break-all;
}
.offfice_cont .box3::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/home/assets/images/offfice_bg3.jpg) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: inherit;
    background-position: center center;
}
.offfice_cont .box3 .box_inner {
    position: relative;
    height: 100%;
}
.offfice_cont .box3 .box_inner p {
    opacity: 0;
}
.offfice_cont .box .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    width: 720px;
}

.offfice_scroll {
    position: relative;
    padding-bottom: 200px;
}
.offfice_scroll .txt_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.offfice_scroll h2 {
    width: 410px;
    font-family: "klavika-web", sans-serif;
}
.offfice_scroll p {
    width: calc(100% - 410px);
    padding-left: 25px;
    word-break: keep-all;
}
:lang(zh) .offfice_scroll p {
    word-break: break-all;
}
:lang(ja) .offfice_scroll p {
    word-break: break-all;
}
.offfice_scroll .sub_contmenu.fix {
    position: fixed;
    top: 160px;
}
.offfice_scroll .sub_contmenu {
    width: 252px;
    position: absolute;
    top: 11vw;
    left: 40px;
}
.offfice_scroll .sub_contmenu a {
    display: block;
    padding-bottom: 18px;
    opacity: 0.3;
    color: #111;
    font-size: 0.94rem;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}
.offfice_scroll .sub_contmenu .on {
    opacity: 1;
}
.offfice_scroll .page_section {
    padding-top: 180px;
}
.offfice_scroll .img_box {
    display: flex;
    flex-wrap: wrap;
    padding-top: 80px;
    margin-right: -25px;
}
.offfice_scroll .img_box li {
    margin-right: 25px;
}
.offfice_scroll .img_box li ul {
    margin-right: -25px;
}
.img_box li div {
    margin-bottom: 25px;
}
@media (min-width: 2000px) {
    .offfice_cont .box1::before {
        background-size: cover;
    }
    .offfice_cont .box2::before {
        background-size: cover;
    }
    .offfice_cont .box3::before {
        background-size: cover;
    }
}
@media (max-width: 1880px) {
    :lang(ja) .offfice_scroll .sub_contmenu {
        display: none;
    }
}
@media (max-width: 1720px) {
    .offfice_scroll .sub_contmenu {
        display: none;
    }
}
@media (max-width: 1180px) {
    .offfice_visual .bg .pc {
        display: none;
    }
    .offfice_visual .bg .tab {
        display: block;
    }
    .offfice_cont .box1::before {
        background-size: cover !important;
        background: url(/home/assets/images/offfice_bg1_tab.jpg) no-repeat;
        background-position: center center;
    }
    .offfice_cont .box2::before {
        background-size: cover !important;
        background: url(/home/assets/images/offfice_bg2_tab.jpg) no-repeat;
        background-position: center center;
    }
    .offfice_cont .box3::before {
        background-size: cover !important;
        background: url(/home/assets/images/offfice_bg3_tab.jpg) no-repeat;
        background-position: center center;
    }
}
@media (max-width: 1180px) and (min-width: 767px) {
    .offfice_scroll p {
        font-size: 0.89rem;
    }
    .offfice_cont .box .box_inner p br.pc {
        display: none;
    }
    #me3 .img_box > li:nth-child(5) img {
        min-width: 226px;
    }
}
@media (min-width: 767px) {
    #me1 .img_box li:nth-child(1) {
        width: calc(66.66% - 25px);
    }
    #me1 .img_box li:nth-child(2) {
        width: calc(33.33% - 25px);
    }

    /* #me2 .img_box {
        align-items: flex-end;
    }
    #me2 .img_box > li:nth-child(1) {
        width: calc(66.66% - 25px);
    }
    #me2 .img_box > li:nth-child(2) {
        width: calc(33.33% - 25px);
    }
    #me2 .img_box > li:nth-child(3) {
        text-align: right;
        width: 100%;
    }
    #me2 .img_box > li ul {
        margin-bottom: 25px;
    }
    #me2 .img_box > li ul li {
        width: calc(50% - 25px);
    } */

    #me3 .img_box {
        align-items: flex-end;
    }
    #me3 .img_box > li:nth-child(1) {
        width: calc(66.66% - 25px);
    }
    #me3 .img_box > li:nth-child(2) {
        width: calc(33.33% - 25px);
    }
    #me3 .img_box > li:nth-child(3) {
        width: calc(33.33% - 25px);
    }
    #me3 .img_box > li:nth-child(4) {
        width: calc(66.66% - 25px);
    }
    #me3 .img_box > li:nth-child(5) {
        width: calc(66.66% - 435px);
        text-align: left;
        margin-left: 33.33%;
    }
    #me3 .img_box > li ul li {
        margin-bottom: 25px;
    }

    #me4 .img_box > li:nth-child(1) {
        width: calc(100% - 25px);
    }
    #me4 .img_box > li ul li {
        width: calc(33.3% - 25px);
    }

    #me5 .img_box > li:nth-child(1) {
        width: calc(66.66% - 25px);
    }
    #me5 .img_box > li:nth-child(2) {
        width: calc(33.33% - 25px);
    }
    #me5 .img_box > li:nth-child(3) {
        width: calc(66.66% - 25px);
    }

    #me6 .img_box > li:nth-child(1) {
        width: calc(66.66% - 25px);
    }
    #me6 .img_box > li:nth-child(2) {
        width: calc(33.33% - 25px);
    }
    #me6 .img_box ul li {
        margin-bottom: 25px;
    }

    #me7 .img_box > li {
        width: calc(50% - 25px);
    }

    #me8 .img_box {
        align-items: flex-end;
    }
    #me8 .img_box > li:nth-child(1) {
        width: calc(33.33% - 25px);
    }
    #me8 .img_box > li:nth-child(2) {
        width: calc(66.66% - 25px);
    }
    #me8 .img_box > li:nth-child(3) {
        width: calc(66.66% - 25px);
    }
    #me8 .img_box > li:nth-child(4) {
        width: calc(33.33% - 25px);
    }
    #me8 .img_box > li:nth-child(5) {
        width: calc(66.66% - 25px);
        text-align: right;
    }
    #me8 .img_box ul li {
        margin-bottom: 25px;
    }
}
@media (max-width: 767px) {
    .offfice_cont .box1::before {
        background-size: cover !important;
        background: url(/home/assets/images/offfice_bg1_m.jpg) no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .offfice_cont .box2::before {
        background-size: cover !important;
        background: url(/home/assets/images/offfice_bg2_m.jpg) no-repeat;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .offfice_cont .box2 .txt {
        padding: 0 60px;
    }
    .offfice_cont .box3::before {
        background-size: cover !important;
        background: url(/home/assets/images/offfice_bg3_m.jpg) no-repeat;
        background-position: center center;
    }
    .offfice_visual .tit {
        max-width: 100%;
        padding: 0 20px;
    }
    .offfice_visual p {
        margin: 8px 0;
        font-size: 2.4rem;
        letter-spacing: 0.1em;
    }
    .offfice_cont .box .txt {
        width: 100%;
        padding: 0 20px;
    }
    .offfice_cont .box .txt p {
        width: 100%;
    }
    .offfice_cont .box .txt p.f52 {
        font-size: 2.1rem;
        word-break: keep-all;
    }

    :lang(en) .offfice_cont .box p span {
        font-size: 1.8rem;
    }
    :lang(zh) .offfice_cont .box p span {
        font-size: 1.8rem;
    }
    :lang(ja) .offfice_cont .box p span {
        font-size: 1.8rem;
    }

    .offfice_cont .box3 .txt {
        padding: 0 60px;
    }
    .offfice_scroll {
        padding-bottom: 100px;
    }
    .offfice_scroll .page_section {
        padding-top: 70px;
    }
    .offfice_scroll h2 {
        width: 100%;
        margin-bottom: 25px;
    }
    .offfice_scroll p {
        width: 100%;
        padding-left: 0;
    }
    .offfice_scroll .img_box {
        padding-top: 55px;
        margin-right: 0;
        display: inline-flex;
        flex-wrap: nowrap;
    }
    .offfice_scroll .scroll {
        margin: 55px -20px 0;
    }
    .offfice_scroll .scroll ul {
        display: inline-flex;
        flex-wrap: nowrap;
        height: 183px;
        width: auto;
    }
    .offfice_scroll .scroll ul li {
        height: 100%;
        width: max-content;
        margin-right: 15px;
    }
    .offfice_scroll .scroll ul li img {
        height: 100%;
    }
}
@media (max-width: 350px) {
    .offfice_visual p { font-size: calc(100vw * (29 / 350)); margin: 3px 0; }
}

/* 2024 신사옥 css 추가 */
.page_section.recording span { 
    display: block;
    position: absolute; 
    top: 0; 
    left: 0; 
    color: #000;
    font-family: "klavika-web", sans-serif!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.page_section.recording img { width: 100%; height: 100%; object-fit: cover; }
.page_section.recording ul { display: block; }
.page_section.recording ul li { width: 100%; }
.page_section.recording .col-2 { 
    position: relative; 
    padding-top: 28px; 
    margin-bottom: 72px;
    display: flex; 
    flex-wrap: wrap; 
    align-items: flex-start; 
    gap: 25px; 
}
.page_section.recording .col-2>div { width: calc(50% - 25px); margin-bottom: 0; }
.page_section.recording .col-3 {  
    position: relative;     
    display: flex; 
    flex-wrap: wrap; 
    align-items: flex-start; 
    gap: 25px;
    margin-right: 0;
}
.page_section.recording .col-3>li { 
    position: relative; 
    padding-top: 28px;  
    margin: 0;
    width: calc(100%/3 - 25px); 
}
.page_section.recording .col-3>li>div { margin-bottom: 72px; }
@media (max-width: 1180px) {
    .page_section.recording span { font-size: 20px; }
    .page_section.recording .col-2 { 
        padding-top: 28px; 
        margin-bottom: 72px;
        gap: 25px; 
    }
    .page_section.recording .col-2>div { width: calc(50% - 25px); margin-bottom: 0; }
    .page_section.recording .col-3 { gap: 25px; }
    .page_section.recording .col-3>li { 
        padding-top: 28px;  
        width: calc(100%/3 - 25px); 
    }
    .page_section.recording .col-3>li>div { margin-bottom: 72px; }
}
@media (max-width: 767px) {
    .offfice_scroll .page_section.recording .img_box { padding-top: 0; display: inline-flex; height: 211px; }
    .offfice_scroll .page_section.recording .img_box>li:last-child { display: inline-flex; margin-right: -15px; }    
    .page_section.recording .scroll { overflow-y: hidden; }
    .page_section.recording span { font-size: 16px; }
    .page_section.recording .col-2 { 
        padding-top: 28px;
        display: inline-flex;
        flex-wrap: nowrap;
        gap: 15px;
        margin-bottom: 0;
    }
    .page_section.recording .col-2>div {
        width: max-content;
        max-width: 287px;
        height: 100%;
    }
    .page_section.recording .col-3 {
        gap: 15px;
        flex-wrap: nowrap;
        margin-right: 15px;
        height: 100%;
    }
    .page_section.recording .col-3>li { 
        padding-top: 28px;
        width: max-content;
        height: 100%;
    }
    .page_section.recording .col-3>li>div {
        margin-bottom: 0;
        max-width: 287px;
        height: 100%;
        width: max-content; 
    }
}

/* about history */
.history_header {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.history_header .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.history_header h1 {
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 1.15;
    word-break: keep-all;
    font-family: "rixsingose-pro";
}
:lang(zh) .history_header h1 {
    font-family: "klavika-web", sans-serif !important;
    font-weight: 600;
}
:lang(zh) .history_header p {
    font-family: "klavika-web", sans-serif !important;
}
:lang(en) .history_header h1 {
    font-family: "klavika-web", sans-serif !important;
    font-weight: 600;
}
:lang(en) .history_header p {
    font-family: "klavika-web", sans-serif !important;
}
:lang(ja) .history_header h1 {
    font-family: "klavika-web", sans-serif !important;
    font-weight: 600;
}
:lang(ja) .history_header p {
    font-family: "klavika-web", sans-serif !important;
}

.history_header p {
    font-weight: 700;
    font-family: "klavika-web", sans-serif;
}
.history_header .bg {
    height: 100%;
    position: relative;
    z-index: -1;
}
.history_header .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .history_header .bg .pc {
        display: none;
    }

    .history_header .bg .mo {
        display: block;
    }
}

.about .history {
    padding: 160px 0 200px;
    position: relative;
}
.about .history::after {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 158px;
    left: calc(50% + 3px);
    width: 1px;
    height: 100%;
    background: #dadada;
    z-index: -1;
}
.history h2 {
    text-align: center;
    font-weight: 700;
}

/************ 240111 연혁 원복 시작 *************/
/* .history_wrap {
    position: relative;
    padding-left: 50%;
}
.history_wrap:before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 158px;
    left: calc(50% + 3px);
    width: 1px;
    background: #dadada;
}
.history_inner {
    position: relative;
}
.history_list li {
    position: relative;
    padding-bottom: 100px;
}
.history_list li:last-child {
    padding-bottom: 0;
}
.history_list li:nth-child(2n-1) {
    padding-left: 100px;
}
.history_list li:nth-child(2n) {
    display: inline-block;
    text-align: right;
}
.history_list li:nth-child(2n) .txt_box {
    position: relative;
    right: 596px;
    width: 500px;
}
.history_list li .txt_box {
    margin-bottom: 28px;
    padding-top: 20px;
}
.history_list li .txt_box:last-child {
    margin-bottom: 0;
}
.history_list li .txt_box .history_cate {
    font-family: "klavika-web", sans-serif;
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.03em;
}
.history_list li .txt_box .txt {
    margin-bottom: 8px;
    font-size: 1.3rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #666666;
    font-weight: 300;
}
.history_list li .txt_box .txt:last-child {
    margin-bottom: 0;
}
.history_year {
    position: absolute;
    top: 0;
    left: 3px;
    transform: translateX(-50%);
    padding: 10px;
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.3s ease-out;
    color: #111111;
    background: #fff;
    font-size: 2.89rem;
    font-family: "klavika-web", sans-serif;
    z-index: 1;
    white-space: nowrap;
}
.active .history_year {
    color: #ef4023;
}
.history_line {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(50% + 3px);
    width: 1px;
    max-height: calc(100% - 74px);
    height: 0;
    background: #ef4023;
}
@media (max-width: 1180px) and (min-width: 1024px) {
    .history_list li:nth-child(2n) .txt_box {
        width: 100%;
        padding-left: 95px;
    }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .history_list li:nth-child(2n) {
        width: 100%;
    }
    .history_list li:nth-child(2n-1) .txt_box {
        padding-right: 20px;
    }
    .history_list li:nth-child(2n) .txt_box {
        width: 100%;
        padding-left: 20px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .history_list li:nth-child(2n) .txt_box {
        right: calc(50% + 100px);
        transform: translateX(-50%);
        padding-left: 120px;
    }
}
@media (max-width: 767px) {
    .about .history {
        padding: 80px 0 100px;
    }
    .about .history::after {
        top: 0;
    }

    .history_header h1 {
        font-size: 2.1rem;
        line-height: 1;
        margin-bottom: 10px;
    }
    :lang(ko) .history_header h1 {
        line-height: 1.3;
    }
    .history_header p {
        font-size: 1.28rem;
    }
    .history_list li {
        padding-bottom: 50px;
    }
    .history_list li .txt_box .txt {
        font-size: 1.1rem;
        word-break: break-word;
    }
    .history_list li:nth-child(2n) .txt_box {
        padding: 20px 5px;
    }
    .history_list li .txt_box {
        margin-bottom: 0;
        padding: 20px 8px;
    }
    .history_list li:nth-child(2n-1) {
        padding-left: 50px;
    }
    .history_list li:nth-child(2n) .txt_box {
        right: calc(50% + 50px);
        transform: translateX(-50%);
        width: 100%;
        padding-left: 70px;
    }
    .history_wrap:before {
        bottom: 138px;
    }
} */
/************ 240111 연혁 원복 끝 *************/

/************ 240111 연혁 업데이트 시작 *************/
.history_wrap {
    position: relative;
}
.history_wrap:before {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 158px;
    left: calc(50% + 3px);
    width: 1px;
    background: #dadada;
}
.history_inner {
    position: relative;
}
.history_list>li {
    position: relative;
    padding-bottom: 100px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 34px;
}
.history_list>li .company { text-align: right; }
.history_list>li>div { width: 540px; }

.history_list>li:last-child {
    padding-bottom: 0;
}

.history_list>li .txt_box {
    margin-bottom: 28px;
    padding-top: 20px;
}
.history_list>li .txt_box:last-child {
    margin-bottom: 0;
}
.history_list>li .txt_box .history_cate {
    font-family: "klavika-web", sans-serif;
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.03em;
}
.history_list>li .txt_box .txt {
    font-size: 1.3rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #666666;
    font-weight: 300;
    word-break: keep-all;
}
.history_list>li .txt_box .txt:last-child {
    margin-bottom: 0;
}
.history_year {   
    padding: 10px;
    font-weight: 600;
    font-size: 1.2rem;
    transition: all 0.3s ease-out;
    color: #111111;
    background: #fff;
    font-size: 2.89rem;
    font-family: "klavika-web", sans-serif;
    z-index: 1;
    white-space: nowrap;
}
.active .history_year {
    color: #ef4023;
}
.history_line {
    content: "";
    position: absolute;
    top: 16px;
    left: calc(50% + 3px);
    width: 1px;
    max-height: calc(100% - 74px);
    height: 0;
    background: #ef4023;
}
@media (max-width: 1180px) {
    .history_list>li { gap: calc(100vw * (34 / 1180)); }
    .history_list>li>div { width: calc(100vw * (400 / 1180)); }
}

@media (max-width: 767px) {
    .about .history {
        padding: 80px 0 100px;
    }
    .about .history::after {
        top: 0;
    }
    .history_header h1 {
        font-size: 2.1rem;
        line-height: 1;
        margin-bottom: 10px;
    }
    :lang(ko) .history_header h1 {
        line-height: 1.3;
    }
    .history_header p {
        font-size: 1.28rem;
    }
    .history_list>li {
        padding-bottom: 50px;
        gap: calc(100vw * (20 / 767));
    }
    .history_list>li>div { width: calc(100vw * (280 / 767)); }
    .history_list>li .txt_box .txt {
        font-size: 0.9rem;
    }
    .history_list>li .txt_box {
        margin-bottom: 0;
        padding: 20px 8px;
    }
    .history_wrap:before {
        bottom: 138px;
    }
}

/************ 240111 연혁 업데이트 끝 *************/

/* artists contect */
.contact_header {
    margin: 153px 0 107px;
}
.contact_header p {
    margin-bottom: 40px;
    font-weight: 600;
    font-family: "klavika-web", sans-serif!important;
}
.contact_header h1 {
    line-height: 1.3;
    font-weight: 700;
}
.contact_box .txt span {
    display: block;
    padding-bottom: 11px;
}
.contact_box .form_wrap {
    width: 720px;
    margin: 0 auto;
}
.contact_box .btn_wrap {
    padding-top: 34px;
    margin: 0;
}
.alert_txt {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: #ef4023;
}
@media (max-width: 980px) {
    .contact_box .tit {
        width: 100%;
    }
    .contact_box .txt {
        padding-left: 0;
        width: 100%;
    }
    .contact_box .form_wrap {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contact_header {
        margin: 45px 0 65px;
    }
    .contact_header p {
        margin-bottom: 25px;
    }
    .contact_box .form_wrap {
        width: 100%;
        padding-left: 0;
        margin: 60px 0 0 auto;
    }
    .contact_box .btn_wrap {
        padding-top: 25px;
    }
    .alert_txt {
        font-size: 12px;
        margin-top: 12px;
    }
}

/* 파일첨부 */
.file {
    position: relative;
}
.form .file label {
    font-size: 0;
    cursor: pointer;
    background: url(/home/assets/images/attach_file.svg) no-repeat;
    background-position: center;
    width: 39px;
    height: 39px;
    position: absolute;
    bottom: 9px;
    right: 0;
    z-index: 1;
}
.file button {
    font-size: 0;
    cursor: pointer;
    background: url(/home/assets/images/delete_file.svg) no-repeat;
    background-position: center;
    width: 39px;
    height: 39px;
    position: absolute;
    bottom: 9px;
    right: 0;
    z-index: 1;
}
.file input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    top: 50%;
    right: 10px;
}
.form_wrap .file .basic {
    padding-left: 0;
}
@media (max-width: 1180px) {
    .form_wrap .email_form .input:first-child {
        width: calc(75% - 46px);
    }
    .form_wrap .email_form .input:last-child {
        width: calc(25% - 46px);
    }
}
@media (max-width: 1023px) {
    .form_wrap .input {
        width: calc(100% - 46px);
    }
    .form_wrap .basic {
        padding-left: 105px;
    }
}
@media (max-width: 767px) {
    .form_wrap .basic {
        padding-left: 70px;
        height: 50px;
        line-height: 50px;
    }
    .form_wrap .label {
        font-size: 0.86rem;
    }
    .form_wrap .email_form .input:first-child,
    .form_wrap .form .email_form .input:last-child {
        width: calc(100% - 46px);
    }
    .form_wrap .email_form .email1 {
        width: calc(60% - 7px);
    }
    .form_wrap .email_form .email2 {
        width: calc(40% + 7px);
    }
    .form_wrap .email_form .mark {
        left: calc(60% - 7px);
        line-height: 55px;
    }
    .form_wrap .ck-box {
        min-height: 24px;
    }
    .form_wrap .privacy {
        padding: 20px 15px;
    }
    .form_wrap .msg textarea {
        height: 200px;
        padding: 15px;
    }
    .file .upload_name {
        height: 40px;
        line-height: 38px;
        padding: 0 15px;
    }
    .form .file {
        padding-bottom: 6.4vw;
    }
    .file label {
        background-position: center right 15px;
        margin-left: 6px;
        font-size: 0.86rem;
    }
    .file button {
        margin-left: 6px;
    }
    .form .file label {
        bottom: 22px;
    }
    .file button {
        bottom: 22px;
    }
}

/* Form */
input:-ms-input-placeholder {
    color: #969696;
}
input::-webkit-input-placeholder {
    color: #969696;
}
input::-moz-placeholder {
    color: #969696;
}
input::-o-placeholder {
    color: #969696;
}
input:disabled {
    background: transparent;
    color: #666;
    opacity: 1;
}
.form > li {
    margin: 0 0 19px 0;
}
.form > li:last-child {
    position: relative;
    margin-bottom: 0;
    margin-right: 0;
}
.form > li.textarea_tit {
    margin-bottom: 24px;
}
.form .input_type {
    width: 100%;
    margin-top: 0;
    height: 57px;
    font-size: 1rem;
    color: #111;
    line-height: 1.16;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    font-family: "Noto Sans", sans-serif;
    /* letter-spacing: -0.1rem; */
}
.form .input_type:focus {
    border-bottom: 2px solid;
}
.form .radio {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
/* brain 240825 */
.form .radio label {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 12px;
    margin-bottom: 12px;
    width: calc(50% - 12px);
}
/* .form .radio label {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 12px;
} */


:lang(en) .form .radio label {
    margin-bottom: 12px;
    width: calc(50% - 12px);
}
:lang(zh) .form .radio label {
    margin-bottom: 12px;
    width: calc(50% - 12px);
}
:lang(ja) .form .radio label {
    margin-bottom: 12px;
    width: calc(50% - 12px);
}
.form .radio label:last-of-type {
    margin-right: 0;
}
.form .radio input {
    display: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    visibility: hidden;
    cursor: pointer;
}
.form .radio input:checked + span {
    color: #111;
    border-color: #ef4023;
}
.form .radio input:checked + span:after {
    content: "";
    border: 2px solid #111;
}
.form .radio span {
    width: 100%;
    position: relative;
    /* padding: 19px 31px; */
    padding: 19px 10px;
    font-weight: 700;
    font-size: 0.89rem;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.form .radio span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
}
.form textarea.input_type {
    height: 160px;
}
.form textarea::placeholder {
    color: #969696;
}
.form label {
    position: relative;
    height: 100%;
    display: block;
}
.form li:nth-child(1) .label {
    position: relative;
    margin-bottom: 20px;
    top: 0;
    font-weight: 700;
    font-size: 0.83rem;
    line-height: 1;
    color: #666;
}
.form li .label {
    /* position: absolute;
    top: 38px; 
    font-size: 1rem;
    */
    left: 0;
    width: 100%;
    z-index: 1;
    letter-spacing: -0.03em;
    color: #666;
    font-weight: 700;
    transition: all 0.2s;
}
.form li label .label {
    position: relative;
    top: 0;
    font-size: 0.83rem;
    line-height: 1;
    color: #666;
    padding-top: 30px;
}
.form li label .label.textarea {
    margin-bottom: 20px;
}
.ck label {
    display: inline-block;
    padding-left: 33px;
    position: relative;
}
.ck input,
.ck input + span:before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}
.ck input {
    visibility: visible;
    opacity: 0;
}
.ck input + span:before {
    background: url(/home/assets/images/ck_box_off.svg) no-repeat;
    box-sizing: border-box;
    content: "";
}
.ck span {
    line-height: 24px;
    letter-spacing: -0.05em;
}
.ck input:checked + span:before {
    background-image: url(/home/assets/images/check_box.svg);
}
.btn_submit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: #111;
    color: #fff;
    width: 280px;
    height: 54px;
    transition: 0.2s linear;
    font-weight: 700;
    font-size: 0.89rem;
    cursor: pointer;
}
.form .privacy {
    padding-top: 28px;
}
.form .privacy h3 {
    margin-bottom: 24px;
}
.form .privacy .ck-input {
    position: relative;
}
.form .privacy .ck-input label {
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.form .privacy .ck-input label a {
    display: block;
    margin-left: 8px;
    color: #383838;
    border: 1px solid #383838;
    padding: 3px 3px 2px;
    border-radius: 2px;
    font-size: 13px;
}
.form .privacy .ck-input input {
    display: none;
}
.form .privacy .ck-input span {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    word-break: keep-all;
    font-size: 0.83rem;
    font-weight: 500;
}
.form .privacy .ck-input span::before {
    content: "";
    background-image: url(/home/assets/images/ck_box_off.svg);
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 9px;
}
.form .privacy .ck-input input:checked + span:before {
    background-image: url(/home/assets/images/ck_box.svg);
}

@media (min-width: 768px) {
    .form .col {
        width: calc(50% - 22px);
    }
}
@media (max-width: 1199px) {
    .form .radio span {
        /* padding: 11px 27px; */
        padding: 11px 8px;
    }
    /* brain 240825 */
    /* .form .radio label {
        margin-right: 16px;
    } */
}
@media (max-width: 1023px) {
    .form .radio label {
        flex-wrap: nowrap;
    }
}
@media (max-width: 767px) {
    .form > li,
    .form .col {
        margin-bottom: 6.4vw;
    }
    .form .input_type {
        height: 40px;
        padding: 0;
        margin-top: 0;
        font-size: 1rem;
    }
    .form .radio {
        margin-right: -5px;
    }
    .form .radio label {
        margin: 0 5px 5px 0;
        width: calc(50% - 5px);
    }
    .form .radio input {
        width: 0;
        height: 100%;
    }
    .form .radio span:before {
        width: 100%;
        height: 100%;
    }
    .form .radio span {
        padding: 0 13px;
        width: 100%;
        min-width: 51px;
        height: 35px;
    }
    :lang(en) .form .radio span {
        white-space: break-spaces;
    }
    :lang(zh) .form .radio {
        justify-content: space-between;
        margin-right: -5px;
    }
    :lang(zh) .form .radio label {
        margin: 0 5px 5px 0;
        width: calc(50% - 5px);
    }
    .form li .label {
        top: 15px;
    }
    .form textarea.input_type {
        height: 100px;
    }
    .btn_submit {
        height: 48px;
        max-width: 100%;
        font-size: 0.92rem;
    }
    .ck label {
        padding-left: 25px;
    }
    .ck input,
    .ck input + span:before {
        width: 18px;
        height: 19px;
    }
    .ck span {
        font-size: 1rem;
        line-height: 19px;
    }
    .form .privacy {
        word-break: keep-all;
    }
    .form .privacy .ck-input {
        margin-top: 0;
    }
    .form .privacy .ck-input span {
        padding-left: 30px;
    }
    .form .privacy .ck-input span::before {
        padding-right: 0;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .form .privacy .ck-input label a {
        font-size: 12px;
        padding: 4px 4px 3px;
    }
}

/* sustainability esg */
.sustainability section .container {
    max-width: 1280px;
}
.sustainability .xs_ttl {
    text-align: center;
    margin-bottom: 30px;
    font-family: "rixsingose-pro";
}
.sustainability .ttl_box {
    margin-bottom: 80px;
    text-align: center;
}
.sustainability .ttl_box p {
    line-height: 1.88;
}
.sustainability .btn_down {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-transform: capitalize;
    float: right;
}

.sustainability .btn_down::after {
    content: "";
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #111111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.sustainability .btn_down:hover::after {
    background-color: #ef4023;
}
.btn_down1::after {
    background-image: url(/home/assets/images/btn_down1.svg);
}
.btn_down2::after {
    background-image: url(/home/assets/images/btn_down2.svg);
}

.esg_box {
    position: relative;
    margin: 78px 0 120px;
    min-height: 601px;
}
.esg_box .txt_box {
    max-width: 680px;
    width: 51%;
    padding-right: 60px;
}
.esg_box .xs_ttl {
    text-align: left;
    margin-bottom: 0;
    line-height: 1.52;
    font-family: rixsingose-pro, sans-serif;
}
.esg_box span {
    display: block;
    font-weight: 700;
    color: #c8b46f;
    line-height: 1.52;
    font-family: "klavika-web", sans-serif;
}
.esg_box span.gray {
    color: #999999;
    font-family: "rixsingose-pro";
}
.esg_box p {
    margin-top: 50px;
    line-height: 1.88;
    word-break: keep-all;
}

:lang(zh) .esg_box p {
    word-break: break-all;
}
:lang(ja) .esg_box p {
    word-break: break-all;
}
.esg_box .right_img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 830px;
    width: 50%;
}
.esg_target {
    padding: 180px 0;
    background: #1a1a1a;
    color: #fff;
}
.esg_target .round_box {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding-bottom: 105px;
    margin: 100px 0 70px;
}
.esg_target .round_box::after {
    content: "";
    background: url(/home/assets/images/round_down.svg);
    width: 26px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.esg_target .round_box li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
}
.esg_target .round_box li.round1 {
    right: 20px;
    position: relative;
    z-index: 0;
    background: #fff;
    color: #1a1a1a;
}
.esg_target .round_box li.round2 {
    left: 20px;
    position: relative;
    z-index: 1;
    background: rgba(177, 157, 96, 0.9);
}
.esg_target .round_box.aos-animate li.round1 {
    animation: round-right 0.5s 1s linear forwards;
}
.esg_target .round_box.aos-animate li.round2 {
    animation: round-left 0.5s 1s linear forwards;
}
@media (min-width: 2000px) {
    .esg_box .right_img {
        right: auto;
        left: calc(50% + 500px);
        transform: translateX(-50%);
    }
}
@media (min-width: 768px) {
    .sustainability .ttl_box {
        padding-top: 40px;
    }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .esg_box p,
    .sustainability .ttl_box p {
        font-size: 0.89rem;
    }
    .esg_box .right_img {
        width: 39%;
    }
    .esg_box .txt_box {
        width: 61%;
    }
}
@keyframes round-right {
    to {
        right: -20px;
    }
}
@-webkit-keyframes round-right {
    to {
        right: -20px;
    }
}
@-ms-keyframes round-right {
    to {
        right: -20px;
    }
}

@keyframes round-left {
    to {
        left: -20px;
    }
}
@-webkit-keyframes round-left {
    to {
        left: -20px;
    }
}
@-ms-keyframes round-left {
    to {
        left: -20px;
    }
}

.esg_target_cont {
    display: flex;
    flex-wrap: wrap;
    margin-right: -190px;
}
.esg_target_cont > li {
    position: relative;
    width: calc(33.3% - 95px);
    margin-right: 95px;
    padding-right: 95px;
}
.esg_target_cont > li:last-child::after {
    display: none;
}
.esg_target_cont > li::after {
    content: "";
    background: #d9d9d9;
    opacity: 0.1;
    width: 1px;
    height: 376px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.esg_target_cont > li .tit {
    text-align: center;
}
.esg_target_cont > li .tit span {
    display: block;
}
.esg_target_cont > li .tit h3 {
    margin: 20px 0 8px;
    line-height: 1.14;
    word-break: keep-all;
}
.esg_target_cont > li .tit span.f15 {
    font-family: "klavika-web", sans-serif;
    font-weight: 400;
    color: #999999;
}
.esg_target_cont > li p.f17 {
    text-align: center;
    color: #c8b46f;
    margin: 40px 0 52px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.02em;
    word-break: break-word;
}
.esg_target_cont > li ul {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.esg_target_cont > li ul li:not(:first-child) {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 4px;
    letter-spacing: -0.02em;
    color: #999999;
    font-weight: 500;
    line-height: 1.37;
    position: relative;
    padding-left: 8px;
}
.esg_target_cont > li ul li:not(:first-child)::before {
    content: "";
    width: 2px;
    height: 2px;
    background: #999999;
    position: absolute;
    top: 10px;
    left: 0;
}
.esg_target_cont > li ul li:first-child {
    text-align: center;
    margin-bottom: 14px;
}
.esg_target_cont > li ul li:first-child b {
    font-weight: 700;
}

/* 2023.05.25 ESG 추진체계 수정*/
.esg_target.renewal h3.tit {
    margin-top: 90px;
    text-align: center;
    color: #c8b46f;
    line-height: 84.21px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 70px;
    font-family: "klavika-web", sans-serif !important;
}

.esg_target.renewal .txt_list {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin: 24px 0 70px;
    padding-bottom: 105px;
}
.esg_target.renewal .txt_list li {
    width: 280px;
    height: 74px;
    text-align: center;
    line-height: 1.2;
    color: #c8b46f;
    font-weight: 700;
    border: 1px solid rgba(200, 180, 111, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.esg_target.renewal .txt_list::after {
    content: "";
    background: url(/home/assets/images/round_down.svg);
    width: 26px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.esg_target.renewal .tit .ic img {
    width: 100px;
}
.esg_target.renewal .tit .ic img:last-child {
    margin-left: 6px;
}
.esg_target.renewal .esg_target_cont > li::after {
    top: 50%;
    height: 303px;
    margin-top: 6px;
}
.esg_target.renewal .esg_target_cont li h3 {
    margin-top: 26px;
}
.esg_target.renewal .tit .txt {
    color: #999;
    line-height: 20.45px;
    font-family: "klavika-web", sans-serif !important;
}
.esg_target.renewal .desc {
    margin-top: 40px;
    text-align: center;
    line-height: 26px;
    color: #ccc;
}
@media (max-width: 1280px) and (min-width: 768px) {
    .esg_target .esg_target_cont > li .desc br.pc {
        display: none;
    }
}
@media (max-width: 925px) and (min-width: 768px) {
    .esg_target.renewal h3.tit {
        line-height: 69px;
    }
    .esg_target.renewal .tit .ic img {
        width: 80px;
    }
    .esg_target.renewal .esg_target_cont li h3 {
        font-size: 1.2rem;
    }
    .esg_target.renewal .esg_target_cont li .txt {
        font-size: 0.85rem;
    }
    .esg_target.renewal .esg_target_cont li .desc {
        margin-top: 25px;
        font-size: 0.9rem;
    }
}
@media (max-width: 767px) {
    .esg_target.renewal h3.tit {
        margin-top: 50px;
        line-height: 45px;
        font-size: 45px;
    }
    .esg_target.renewal .txt_list li {
        width: 50%;
        height: 60px;
        line-height: 1.4;
        font-size: 17px;
    }
    .esg_target.renewal .esg_target_cont > li::after {
        top: auto;
        margin: 0;
        height: 1px;
    }
    .esg_target.renewal .txt_list {
        margin: 30px 0 50px;
        padding-bottom: 85px;
    }
    .esg_target.renewal .esg_target_cont li h3 {
        margin: 20px 0 9px;
    }
    .esg_target.renewal .desc {
        margin-top: 20px;
    }
    .esg_target.renewal .tit .ic img {
        width: calc(136px / 2);
    }
}

.esg_committee {
    padding: 160px 0;
    background: #f5f5f5;
}
.esg_committee .btn_down {
    justify-content: flex-end;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.esg_committee ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    clear: both;
}
.esg_committee ul li {
    margin-right: 20px;
    padding: 50px;
    width: calc(33.3% - 20px);
    background: #ffffff;
    border: 1px solid #eeeeee;
}
.esg_committee ul li h3 {
    margin-bottom: 8px;
}
.esg_committee ul li span.f14 {
    color: #666666;
    font-weight: 500;
}
.esg_committee .committee_box {
    margin-top: 48px;
    font-size: 0.89rem;
    letter-spacing: -0.03em;
}
.esg_committee .committee_box span {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 12px 8px;
    margin-bottom: 16px;
    background: #111111;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}
.esg_committee .committee_box p {
    line-height: 1.8;
    color: #111111;
    font-weight: 300;
}
.esg_organization {
    padding: 160px 0;
    text-align: center;
}

.esg_certification {
    padding: 160px 0;
    background: #f5f5f5;
}
.esg_certification ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-right: -40px;
}
/* brain 240614 */
/* .esg_certification ul li {
    text-align: left;
    max-width: 297px;
    width: calc(33.3% - 60px);
    margin-right: 60px;
} */
.esg_certification ul li {
    text-align: left;
    max-width: 445px;
    width: calc(50% - 60px);
    margin-right: 60px;
    margin-bottom: 40px;
}
.esg_certification ul li .img img {
    box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.08);
}
.esg_certification ul li h3 {
    margin-top: 48px;
    font-weight: 700;
    font-family: "rixsingose-pro";
    line-height: 1.4;
}
.esg_certification ul li span {
    display: block;
    margin: 14px 0 17px;
    font-weight: 700;
    color: #afa06b;
    font-family: "klavika-web", sans-serif;
}
.esg_certification ul li p {
    font-weight: 300;
    line-height: 2;
    letter-spacing: -0.02em;
    word-break: keep-all;
}

:lang(zh) .esg_certification ul li p {
    word-break: break-all;
}
:lang(ja) .esg_certification ul li p {
    word-break: break-all;
}

.esg_guide {
    padding: 160px 0;
}
.guide_list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
}
.guide_list li {
    position: relative;
    padding: 32px;
    width: calc(33.3% - 20px);
    height: 325px;
    margin: 0 20px 20px 0;
    background: #f5f5f5;
}
.guide_list li h3 {
    font-weight: 700;
    line-height: 1.1;
}
.guide_list li>p {
    margin-top: 18px;
    height: 128px;
    line-height: 1.88;
    letter-spacing: -0.02em;
    font-weight: 300;
    word-break: keep-all;
    overflow: hidden;
}
:lang(zh) .guide_list li>p {
    word-break: break-all;
}
:lang(ja) .guide_list li>p {
    word-break: break-all;
}
.guide_list li a {
    position: absolute;
    bottom: 32px;
    right: 40px;
    font-weight: 600;
    font-size: 0.89rem;
    font-family: "klavika-web", sans-serif;
}
.esg_report .guide_list li h3 {
    -webkit-line-clamp: 4;
    line-height: 1.3;
}
.esg_report .guide_list {
    justify-content: center;
}
@media (max-width: 1180px) {
    .guide_list li {
        width: calc(50% - 20px);
        height: 300px;
    }
}
@media (max-width: 1180px) and (min-width: 768px) {
    .guide_list li>p {
        font-size: 0.89rem;
    }
    .esg_target_cont {
        margin-right: 0;
    }
    .esg_target_cont > li {
        width: 33.3%;
        padding: 0 48px;
        margin: 0;
    }
    .esg_target_cont > li p.f17 br.pc {
        display: none;
    }
    .esg_target_cont > li p.f17,
    .esg_target_cont > li ul li:not(:first-child) {
        font-size: 0.89rem;
    }
}
@media (max-width: 1023px) {
    .esg_box {
        height: auto;
        margin-top: 30px;
        padding-bottom: 100px;
    }
    .esg_target_cont > li {
        width: 33.3%;
        padding: 0 30px;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .esg_target_cont > li ul li:not(:first-child)::before {
        top: 7px;
    }
    .sustainability .xs_ttl {
        margin-bottom: 25px;
    }
    .esg_box {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .esg_box .txt_box {
        max-width: 100%;
        width: 100%;
        padding: 30px 0 70px 0;
    }
    .esg_box .right_img {
        position: relative;
        width: 100%;
    }
    .esg_box p {
        margin-top: 25px;
    }
    .esg_target {
        padding: 70px 0;
    }
    .sustainability .esg_box .xs_ttl {
        margin-bottom: 0;
    }
    .esg_target .round_box {
        padding-bottom: 70px;
        margin: 0 0 35px;
        font-size: 1.3rem;
    }
    .esg_target .round_box li {
        width: 160px;
        height: 160px;
    }
    .esg_target .round_box li.round1 {
        right: 10px;
    }
    .esg_target .round_box li.round2 {
        left: 10px;
    }
    .esg_committee .btn_down {
        justify-content: center;
    }

    @keyframes round-right {
        to {
            right: -10px;
        }
    }
    @-webkit-keyframes round-right {
        to {
            right: -10px;
        }
    }
    @-ms-keyframes round-right {
        to {
            right: -10px;
        }
    }

    @keyframes round-left {
        to {
            left: -10px;
        }
    }
    @-webkit-keyframes round-left {
        to {
            left: -10px;
        }
    }
    @-ms-keyframes round-left {
        to {
            left: -10px;
        }
    }

    .esg_target_cont {
        margin-right: 0;
    }
    .esg_target_cont > li {
        width: 100%;
        margin: 0 0 50px 0;
        padding: 0 0 50px 0;
    }
    .esg_target_cont > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .esg_target_cont > li::after {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        transform: translateY(0);
    }
    .esg_target_cont > li .tit h3 {
        margin: 10px 0 8px;
    }
    .esg_target_cont > li p.f17 {
        margin: 35px 0;
    }
    .esg_target_cont > li ul li:first-child {
        margin-bottom: 8px;
    }
    .esg_committee {
        padding: 70px 0;
    }
    .sustainability .ttl_box {
        margin-bottom: 40px;
    }
    .esg_committee ul {
        margin-right: 0;
    }
    .esg_committee ul li {
        padding: 20px;
        margin: 0 0 20px 0;
        width: 100%;
    }
    .esg_committee .committee_box {
        margin-top: 30px;
    }
    .esg_committee .committee_box span {
        padding: 8px 12px 6px;
        margin-bottom: 10px;
    }
    .esg_organization {
        padding: 70px 0;
    }
    .esg_certification {
        padding: 70px 0;
    }
    .esg_certification .scroll {
        margin: 0 -20px;
    }
    .esg_certification ul {
        margin-right: 0;
        display: inline-flex;
        flex-wrap: nowrap;
        /* eft: 50%;
        position: relative;
        transform: translateX(-50%); */
    }
    .esg_certification ul li {
        width: 200px;
        margin-right: 20px;
        white-space: initial;
    }
    .esg_certification ul li h3 {
        margin-top: 20px;
    }
    .esg_certification ul li p {
        margin-top: 12px;
    }
    .esg_guide {
        padding: 70px 0;
    }
    .guide_list {
        margin-right: 0;
    }
    .guide_list li {
        padding: 20px;
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }
    .guide_list li a {
        position: relative;
        bottom: 0;
        right: 0;
        float: right;
        margin-top: 40px;
    }
    /* .esg_report .guide_list li a {
        margin-top: 20px;
    } */
}


/* brain 250501 지속가능경엉보고서 */

.esg_report.mt {
    margin-top: 160px;
    margin-bottom: 100px;
}  
.esg_report .report_list {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.esg_report .report_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 50px;
    border-top: 1px solid #EAEAEA;
    position: relative;
}
.esg_report .report_list li.rating_info {
    border-top: none;

}
.esg_report .report_list li:last-child {
    border-bottom: 1px solid #EAEAEA;
}
.esg_report .report_list li.rating_info {
    /* width: 100%;
    box-sizing: border-box; */
    padding: 0;
}
.esg_report .report_list li.open {
    border-top: none;
}

.esg_report .report_list li h3 {
    -webkit-line-clamp: 4;
    line-height: 1.3;
    font-weight: 500;
}
.esg_report .report_list li .button_box.column {
    display: flex;
    flex-direction: row;
    gap: 40px;
    position: relative;
    width: auto;
    margin-top: 0;
    flex-wrap: nowrap;
    bottom: 0;
    right: 0;

} 
.esg_report .report_list li .button_box.column a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #111111;
    width: auto;
    height: auto;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 0.89rem;
    font-family: "klavika-web", sans-serif;
}
.esg_report .report_list li .button_box.column a.arrow {
    cursor: pointer;
    background: url(../images/arrow_icon.svg)no-repeat center/contain;
    width: 44px;
    height: 44px;
    /* transition: transform 0.2s; */
}
.esg_report .report_list li .button_box.column a.arrow.open {
    transform: rotate(180deg);
    /* transition: transform 0.2s; */
}
.esg_report .rating_info_txt {
    display: none;
    /* display: block; */
    white-space: pre-line;
    color: #383838;
    background-color: #F8F8F8;
    line-height: 1.88;
    letter-spacing: -0.02em;
    font-weight: 300;
    word-break: keep-all;
    overflow: hidden;
    padding: 50px 50px;
    width:100%;
    /* border-bottom: 1px solid #EAEAEA; */
}
.esg_report .rating_info_txt.active {
    display: block;
}
@media (max-width: 767px) {
    .esg_report .report_list li {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 30px 0;
        justify-content: flex-start;
    }
    .esg_report .report_list li.rating {
        flex-direction: row;
        gap: 10px;
        align-items: center;
        
    }
    .esg_report .report_list li .button_box.column a.arrow {
        width: 34px;
        height: 34px;
    }
    .esg_report .report_list li h3 {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    .esg_report .rating_info_txt {
        font-size: 13px;
        padding: 20px 20px;
    }
    .esg_report.mt {
        margin-top: 70px;
        margin-bottom: 0px;
    } 

}



/* SUSTAINABILITY with */
.with_box {
    position: relative;
    padding: 72px 0 253px;
}
.with_box .img_box {
    position: absolute;
    left: 0;
    bottom: 10px;
}
.with_box .img_box li:last-child {
    top: -90px;
    left: 385px;
    position: relative;
}
.with_box .xs_ttl {
    width: 475px;
    letter-spacing: -0.03em;
    line-height: 1.52;
    text-align: left;
    font-weight: 700;
}
.with_box .xs_ttl span {
    display: block;
}
.with_box .with_cont {
    width: calc(100% - 475px);
    padding-left: 174px;
}
.with_box .with_cont p {
    line-height: 1.88;
    word-break: keep-all;
}

:lang(zh) .with_box .with_cont p {
    word-break: break-all;
}

:lang(ja) .with_box .with_cont p {
    word-break: break-all;
}

.with_box .with_cont ul {
    display: flex;
    margin-top: 150px;
}
/* brain 240813 */
.with_box .with_cont ul li {
    display: flex;
    flex-wrap: nowrap;
}
/* .with_box .with_cont ul li:last-child {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 24px;
}
.with_box .with_cont ul li:last-child::before {
    content: "";
    width: 4px;
    height: 40px;
    background: #111111;
    margin-right: 21px;
} */
@media (min-width: 2000px) {
    .with_box .img_box {
        left: calc(50% - 740px);
        transform: translateX(-50%);
    }
}
.with_major_achievements {
    background: #1a1a1a;
    color: #fff;
    padding: 170px 0 180px;
    text-align: center;
}
.with_major_achievements span.f20 {
    display: block;
    margin-top: 12px;
    color: #999999;
    font-weight: 400;
    font-family: "klavika-web", sans-serif;
}
.with_major_achievements ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: -132px;
    padding-top: 80px;
}
.with_major_achievements ul li:nth-child(1) { display:none; }
.with_major_achievements ul li {
    position: relative;
    max-width: 346px;
    width: calc(33.3% - 66px);
    margin-right: 66px;
    padding-right: 66px;
}
.with_major_achievements ul li::after {
    content: "";
    width: 2px;
    height: 190px;
    background: #eeeeee;
    opacity: 0.1;
    position: absolute;
    top: 0;
    right: 0;
}
.with_major_achievements ul li:last-child::after {
    display: none;
}
.with_major_achievements ul li h3 {
    margin: 20px 0 16px;
    font-family: "klavika-web", sans-serif;
    font-weight: 700;
    white-space: nowrap;
}
.with_major_achievements ul li h3 .f18 {
    padding-left: 2px;
    font-family: "rixsingose-pro";
}

:lang(en) .with_major_achievements ul li h3 .f18 {
    padding: 0 4px;
}

.with_major_achievements ul li p {
    color: #999999;
    font-weight: 700;
    display: block;
}

.social_contribution {
    /* brain 250302 */
    padding: 200px 0;
    /* padding: 170px 0; */
}
.social_contribution h2 {
    text-align: center;
    margin-bottom: 80px;
}
.social_contribution ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 100px;
}
.social_contribution ul li:last-child {
    margin-bottom: 0;
}
.social_contribution ul li .img {
    width: 640px;
}
.social_contribution ul li .txt {
    width: calc(100% - 640px);
}
.social_contribution ul li .txt h3 {
    margin-bottom: 22px;
}
.social_contribution ul li .txt p {
    word-break: keep-all;
}
:lang(zh) .social_contribution ul li .txt p {
    word-break: break-all;
}
:lang(ja) .social_contribution ul li .txt p {
    word-break: break-all;
}

.social_contribution ul li:nth-child(2n-1) .txt {
    padding-left: 75px;
}
.social_contribution ul li:nth-child(2n) {
    flex-direction: row-reverse;
}
.social_contribution ul li:nth-child(2n) .txt {
    padding-right: 75px;
}

.yg_instagram {
    text-align: center;
}
.yg_instagram img {
    width: 166px;
    height: 166px;
    object-fit: cover;
    margin-bottom: 40px;
}
.yg_instagram h2 {
    margin-bottom: 30px;
    font-family: "klavika-web", sans-serif;
    margin-bottom: 10px;
}
.yg_instagram p {
    text-align: center;
    color: #999999;
    margin-bottom: 40px;
}
.yg_instagram .instagram_btn {  
    /* margin-bottom: 80px; */
    display: inline-flex;
    height: 55px;
    padding: 2px 27px 0px 27px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: "klavika-web", sans-serif!important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25; 
    text-transform: uppercase;
    /* border-radius: 50px; */
    background: #111;
}
.yg_instagram .instagram_btn::after {  
    content:"";
    background: url(../images/instagram_btn.svg)no-repeat center/contain;
    width: 12px;
    height: 12px;
}
.yg_instagram ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
}
.yg_instagram ul li {
    width: calc(33% - 20px);
    height: 100%;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
}
.yg_instagram ul li:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.yg_instagram ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.yg_instagram ul li img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1180px) and (min-width: 768px) {
    .with_box {
        padding-bottom: 410px;
    }
    .with_box .with_cont p,
    .social_contribution ul li .txt p {
        font-size: 0.89rem;
    }
    .with_box .img_box {
    }
    .with_box .xs_ttl {
        width: 100%;
        padding-bottom: 60px;
    }
    .with_box .xs_ttl > br.pc {
        display: none;
    }
    .with_box .with_cont {
        width: 100%;
        padding-left: 0;
        overflow: hidden;
    }
    .with_box .with_cont p {
        padding-bottom: 60px;
    }
    .with_box .with_cont ul {
        width: 50%;
        float: right;
        justify-content: flex-end;
        margin-top: 80px;
    }
}
@media (max-width: 1023px) {
    .with_box {
        padding-top: 30px;
    }
    .with_box .img_box li:first-child {
        width: 400px;
    }
    .with_box .img_box {
        bottom: 28px;
    }
    .with_major_achievements ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .social_contribution ul li .img {
        width: 50%;
    }
    .social_contribution ul li .txt {
        width: 50%;
    }
    .social_contribution ul li:nth-child(2n-1) .txt {
        padding-left: 40px;
    }
    .social_contribution ul li:nth-child(2n) .txt {
        padding-right: 40px;
    }
    .with_box .xs_ttl span {
        display: inline;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .with_major_achievements ul li h3 {
        font-size: 2.25rem;
    }
}
@media (max-width: 767px) {
    .with_major_achievements ul {
        margin-right: 0;
    }
    .with_major_achievements ul li {
        max-width:100%;
        width: 100%;
        margin: 0 0 50px 0;
        padding: 0 0 50px 0;
    }
    .with_major_achievements ul li::after {
        width: 100%;
        height: 1px;
        top: auto;
        right: 0;
        bottom: 0;
    }
    .with_box {
        padding: 35px 0 70px;
    }
    .with_box .xs_ttl {
        width: 100%;
    }
    .with_box .with_cont {
        width: 100%;
        padding-left: 0;
    }
    .with_box .img_box {
        margin: 0 0 100px -20px;
        position: relative;
        left: 0;
        bottom: 0;
    }
    .with_box .with_cont ul {
        margin-top: 40px;
    }
    .with_box .with_cont ul li:nth-child(1) {
        width: 175px;
    }
    /* .with_box .with_cont ul li:nth-child(1) {
        width: 45px;
    }
    .with_box .with_cont ul li:nth-child(2) {
        margin-left: 12px;
    }
    .with_box .with_cont ul li:nth-child(2) img {
        width: 120px;
    }
    .with_box .with_cont ul li:last-child::before {
        width: 2px;
        height: 100%;
        margin-right: 9px;
    } */
    .with_box .img_box li:first-child {
        width: 70%;
    }
    .with_box .img_box li:last-child {
        width: 40%;
        left: auto;
        top: 100px;
        right: 0;
        position: absolute;
    }
    .with_major_achievements {
        padding: 70px 0;
    }
    .with_major_achievements ul {
        padding-top: 45px;
    }
    .with_major_achievements ul li h3 {
        margin: 10px 0 8px;
    }
    .with_major_achievements span.f20 {
        margin-top: 8px;
    }
    .social_contribution {
        padding: 70px 0;
    }
    .social_contribution h2 {
        margin-bottom: 45px;
    }
    .social_contribution ul li {
        margin-bottom: 50px;
    }
    .social_contribution ul li .img {
        width: 100%;
    }
    .social_contribution ul li .txt {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .social_contribution ul li:nth-child(2n-1) .txt {
        padding-left: 0;
    }
    .social_contribution ul li .txt h3 {
        margin-bottom: 10px;
    }
    .yg_instagram img {
        width: 118px;
        height: 118px;
        object-fit: cover;
    }
    .yg_instagram h2 {
        margin-bottom: 7px;
        font-size: 2.3rem;
    }
    .yg_instagram .scroll {
        margin: 0;
        padding: 0;
    }
    .yg_instagram ul {
        margin: 0 -6px -6px 0;
    }
    .yg_instagram ul li {
        width: calc(100% / 3 - 6px);
        height: 100%;
        position: relative;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .yg_instagram .instagram_btn {
        /* margin-bottom: 42.5px; */
        width: auto;
        height: 40px;
        padding: 0 21px;
        justify-content: center;
        align-items: center;
        gap: 3px;
        font-size: 12px;
    }
    .yg_instagram .instagram_btn::after {
        width: 9.5px;
        height: 9.5px;
    }
}

/* SUSTAINABILITY compliance_box */
.compliance_utilize {
    padding-bottom: 200px;
}
.compliance_utilize ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -40px;
}
.compliance_utilize ul li {
    width: calc(50% - 40px);
    margin-right: 40px;
    margin-bottom: 40px;
    border: 1px solid #eaeaea;
    padding: 40px;
}
.compliance_utilize ul li h3 {
    margin: 30px 0 16px;
}
.compliance_utilize ul li p {
    letter-spacing: -0.02em;
    word-break: keep-all;
}

:lang(ja) .compliance_utilize ul li p {
    word-break: break-all;
}
:lang(zh) .compliance_utilize ul li p {
    word-break: break-all;
}

.compliance_policy {
    background: #a5924e;
    color: #fff;
    padding: 160px 0;
}
.sub_wrap section.compliance_policy:last-of-type {
    padding-bottom: 160px;
}
.sub_wrap section.compliance_policy .container {
    max-width: 1128px;
    z-index: 1;
}
.compliance_policy .container::after {
    content: "";
    background: url(/home/assets/images/compliance_policy_bg.svg) no-repeat;
    width: 588px;
    height: 588px;
    position: absolute;
    top: -56px;
    right: 0;
    z-index: -1;
}
.compliance_policy .ttl_box {
    text-align: left;
}
.compliance_policy .ttl_box p {
    margin-top: 30px;
}
.compliance_policy .txt_box {
    margin-bottom: 40px;
}
.compliance_policy .txt_box:last-child {
    margin-bottom: 0;
}
.compliance_policy .txt_box p {
    margin-bottom: 16px;
    font-weight: 700;
}
.num_list {
    padding-left: 20px;
}
.num_list li {
    font-weight: 500;
    font-size: 0.89rem;
    line-height: 1.75;
    letter-spacing: -0.02em;
    list-style: decimal;
}
@media (max-width: 1180px) and (min-width: 768px) {
    .compliance_utilize ul li p {
        font-size: 0.89rem;
    }
    .compliance_policy .ttl_box p {
        font-size: 0.89rem;
    }
}
@media (min-width: 767px) {
    .compliance_box.esg_box .txt_box {
        padding-right: 40px;
    }
}
@media (max-width: 767px) {
    .compliance_utilize {
        padding-bottom: 70px;
    }
    .compliance_utilize .scroll {
        margin: 0 -20px;
    }
    .compliance_utilize ul {
        display: inline-flex;
        flex-wrap: nowrap;
        margin-right: 0;
    }
    .compliance_utilize ul li {
        padding: 20px;
        width: 250px;
        margin: 0 20px 0 0;
        white-space: initial;
    }
    .compliance_utilize ul li h3 {
        margin: 15px 0 8px;
    }
    .compliance_policy .container::after {
        display: none;
    }
    .sub_wrap section.compliance_policy:last-of-type {
        padding-bottom: 100px;
    }
    .compliance_policy {
        padding: 70px 0;
    }
    .compliance_policy .ttl_box p {
        margin-top: 15px;
    }
}

/* ir directors_box */
.ir .sub_header {
    padding-top: 48px;
}
.ir #page .container {
    max-width: 1280px;
}
.ql-editor-left {
    text-align: left;
}
.ql-align-center {
    text-align: center;
}
.ql-align-right {
    text-align: right;
}
.ir h1 {
    margin: 40px 0 66px;
    font-weight: 700;
}
.directors_box {
    margin-bottom: 100px;
}
.directors_box:last-child {
    margin-bottom: 0;
}
.directors_box h2 {
    margin-bottom: 30px;
}
table {
    position: relative;
}
table::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #383838;
}
table tr {
    border-bottom: 1px solid #d9d9d9;
}
table tr.bg {
    background: #f8f8f8;
}
table th {
    border-right: 1px solid #d9d9d9;
}
table th:last-child {
    border-right: 0;
}
table td {
    border-right: 1px solid #d9d9d9;
}
table td:last-child {
    border-right: 0;
}
.directors_box table {
    font-size: 0.89rem;
    color: #383838;
    font-weight: 700;
}
.directors_box thead th {
    padding-top: 4px;
    /* width: 25%; */
    background: #eeeeee;
    height: 46px;
}
.directors_box table tbody tr {
    height: 134px;
}
.directors_box table tbody tr td {
    /* width: 14%; */
    padding-top: 44px;
    padding-bottom: 44px;
    /* padding-top: 22px;
    padding-bottom: 22px; */
    border-right: 1px solid #d9d9d9;
    text-align: center;
}
.directors_box table tbody tr td:first-child {
    width: 14%;
}
.directors_box table tbody tr td:nth-child(2) {
    width: 27%;
    text-align: left;
    padding-left: 30px;
}
.directors_box table tbody tr td:nth-child(3) {
    width: 11%;
}
.directors_box table tbody tr td:nth-child(4) {
    width: 8%;
}
.directors_box table tr td:last-child {
    width: 40%;
    border-right: 0;
    text-align: left;
    padding-left: 30px;
    font-weight: 500;
}
.directors_box table tr p {
    position: relative;
    line-height: 1.8;
}
.directors_box table tr p::before {
    content: "· ";
}
.directors_box table tr td:nth-child(2) p::before {
    content: "";
}
.directors_box table tr p:last-child {
    margin-bottom: 0;
}
@media (max-width: 1180px) and (min-width: 767px) {
    .directors_box table tr td {
        width: 20%;
    }
    .directors_box table tr td:last-child {
        width: 60%;
    }
}
@media (max-width: 767px) {
    .ir .sub_header {
        padding-top: 45px;
    }
    .ir h1 {
        margin: 20px 0 45px;
    }
    .directors_box h2 {
        margin-bottom: 25px;
    }
    .directors_box {
        margin-bottom: 50px;
    }
    .directors_box table tr td {
        padding: 20px 10px;
    }
    .directors_box table tr td:first-child {
        width: 18%;
    }
    .directors_box table tr td:last-child {
        width: 54%;
        padding: 16px 0 16px 16px;
        line-height: 1.3;
    }
    .directors_box table tr p {
        margin-bottom: 5px;
    }
}

/* ir composition */
.total {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    font-size: 1rem;
    color: #999999;
    font-family: "klavika-web", sans-serif;
}
.total span {
    padding-left: 6px;
    color: #383838;
    font-weight: 500;
}
.composition_box {
    margin-bottom: 100px;
}
.composition_box .ly_flex {
    align-items: flex-start;
}
.composition_box h2 {
    margin-bottom: 30px;
}
.composition_box:last-child {
    margin-bottom: 0;
}
.composition_box:nth-child(2) table th {
    width: 50%;
}
.composition_box:nth-child(2) table td {
    font-weight: 600;
}
.composition_box table {
    font-size: 0.94rem;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.composition_box table th {
    padding-top: 4px;
    border-right: 1px solid #d9d9d9;
    background: #eeeeee;
    height: 46px;
    font-size: 0.83rem;
}
.composition_box table th:last-child {
    border-right: 0;
}
.composition_box table td {
    height: 62px;
    text-align: center;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.composition_box:nth-child(3) table td:nth-child(1) {
    width: 40%;
    font-weight: 500;
    font-family: "rixsingose-pro";
    font-size: 0.83rem;
    letter-spacing: -0.02em;
}
.composition_box:nth-child(3) table td:nth-child(2) {
    width: 30%;
}
.composition_box:nth-child(3) table td:nth-child(3) {
    width: 30%;
    border-right: 0;
}
.composition_box .ly_flex table {
    width: calc(100% - 502px - 86px);
}
.composition_box .ly_flex .img {
    width: calc(502px + 86px);
    padding-left: 86px;
}
.legend {
    margin: 20px 0 0 55px;
    letter-spacing: -0.02em;
    font-weight: 600;
    line-height: 1.3;
    color: #999;
    font-size: 0.78rem;
}
.legend li {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    margin-bottom: 10px;
}
.legend li span {
    display: block;
    margin-right: 6px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
}
.legend li:last-child {
    margin-bottom: 0;
}

/* 그래프 */
.ct-label {
    text-align: center;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
    fill: #111;
    color: #111;
    font-size: 0.83rem;
    line-height: 1;
    opacity: 0.9;
    display: none;
    /* 초기에는 안보이게 */
}
.legend {
    display: none;
}

@media (max-width: 1023px) and (min-width: 768px) {
    .ct-chart svg {
        width: 400px !important;
    }
}

@media (max-width: 767px) {
    .ct-chart svg {
        height: 300px !important;
    }

    .ct-label {
        font-size: 0.94rem;
    }
}

@media (max-width: 1023px) {
    .composition_box .ly_flex {
        flex-direction: column-reverse;
    }
    .composition_box .ly_flex table {
        width: 100%;
    }
    .legend {
        margin: 180px 0 0 48px;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .composition_box .ly_flex .img {
        /* width: 554px; */
        margin: 0 auto 40px;
        padding-left: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        width: auto;
    }
}
@media (max-width: 767px) {
    .total {
        margin-bottom: 10px;
    }
    .composition_box {
        margin-bottom: 70px;
    }
    .composition_box h2 {
        margin-bottom: 25px;
    }
    .composition_box table td {
        height: 50px;
    }
    .composition_box table td:nth-child(1) {
        line-height: 1.3;
        padding: 10px;
    }
    .composition_box .ly_flex .img {
        width: 100%;
        padding-left: 0;
    }
    .legend {
        display: flex;
        flex-wrap: wrap;
        margin: 30px 0 30px 40px;
    }
    .legend li {
        display: inline-flex;
        width: 50%;
        font-size: 12px;
        padding-left: 19px;
    }
    .legend li span {
        position: absolute;
        left: 0;
        width: 14px;
        height: 14px;
    }
}

/* ir announcement */
.ir_list ul {
    border-top: 1px solid #383838;
}
.ir_list ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 76px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.15);
}
.ir_list ul li .num {
    width: 5.5%;
    text-align: center;
    font-weight: 400;
    font-size: 0.89rem;
    font-family: "klavika-web", sans-serif;
    color: #666666;
}
.ir_list ul li h2 {
    width: 79.5%;
    padding-left: 44px;
    font-weight: 500;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ir_list ul li span {
    width: 29px;
}
.ir_list ul li .ic {
    width: 29px;
    display: block;
}
.ir_list ul li p {
    width: calc(15% - 29px);
    padding-left: 22px;
    font-size: 0.89rem;
    font-family: "klavika-web", sans-serif;
    color: #666666;
    text-align: center;
}
@media (max-width: 1180px) and (min-width: 768px) {
    .ir_list ul li h2 {
        width: 76.5%;
    }
    .ir_list ul li p {
        width: calc(18% - 29px);
    }
}
@media (max-width: 767px) {
    .ir .ir_list ul li { flex-wrap: wrap; }
    .ir .ir_list ul li h2 { width: 100%; }
    .ir_list ul li {
        height: 76px;
        padding: 10px 0;
    }
    .ir_list.ir_disclosure ul li {
        height: auto;
    }
    .ir_list ul li h2 {
        padding-left: 10px;
        width: 64.5%;
    }
    .ir_list ul li .ic {
        width: 25px;
    }
    .ir_list ul li p {
        padding-left: 10px;
        width: 100%;
        text-align: left;
    }
}

/* ir view */
.ir .btn_down {
    margin: 100px 0 -60px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 0.89rem;
    font-family: "klavika-web", sans-serif;
    font-weight: 600;
}
.ir .btn_down::after {
    content: "";
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #111111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(/home/assets/images/btn_down2.svg);
}
.ir .btn_down:hover::after {
    background-color: #ef4023;
}

/* ir disclosure */
.ir_disclosure.ir_list ul li > a {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 76px;
}
.ir_disclosure.ir_list ul li > a.disabled {
    color: #777;
}
.ir_disclosure.ir_list ul li h2 {
    width: 69.5%;
}
.ir_disclosure.ir_list ul li .ent {
    width: 14%;
    text-align: center;
    font-size: 0.89rem;
    color: #666666;
}
.ir_disclosure.ir_list ul li p {
    width: 11%;
    padding-left: 0;
}
@media (max-width: 1180px) {
    .ir_disclosure.ir_list ul li h2 {
        width: 63.5%;
    }
    .ir_disclosure.ir_list ul li .ent {
        width: 20%;
    }
}
@media (max-width: 767px) {
    .ir_disclosure.ir_list ul li > a {
        flex-wrap: wrap;
    }
    .ir_disclosure.ir_list ul li .num {
        display: none;
    }
    .ir_disclosure.ir_list ul li h2 {
        width: 100%;
        padding-left: 0;
    }
    .ir_disclosure.ir_list ul li .ent {
        width: calc(100% - 65px);
        text-align: left;
        padding: 0 20px 0 0;
        padding: 0 5px 0 0;
        word-break: break-word;
    }
    .ir_disclosure.ir_list ul li p {
        width: 65px;
    }
}

/* ir finance */
.ir .finance_header h1 {
    margin-bottom: 50px;
}
.graph_list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -40px;
}
.graph_list > li {
    width: calc(33.3% - 40px);
    margin-right: 40px;
}
.graph_list .f22 {
    font-weight: 700;
    margin-bottom: 40px;
}
.graph_box {
    position: relative;
    padding-bottom: 21px;
}
.graph_box .bg li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 30px;
}
.graph_box .bg li:last-child {
    margin-bottom: 0;
}
.graph_box .bg li:last-child .line {
    background-color: #111;
    height: 2px;
}
.graph_box .bg li p {
    width: 68px;
    font-size: 0.89rem;
    font-weight: 400;
    font-family: "klavika-web", sans-serif;
    text-align: right;
    white-space: nowrap;
}
.graph_box .bg li .line {
    width: calc(100% - 68px);
    margin-left: 2px;
    height: 1px;
    background-color: #eaeaea;
}
.graph_bar {
    position: absolute;
    bottom: 0;
    left: 97px;
    width: calc(100% - 97px);
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    margin-right: -41px;
}
.graph_bar > div {
    width: calc(33.3% - 41px);
    margin-right: 41px;
    text-align: center;
}
.graph_bar > div .bar_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: absolute;
    bottom: 30px;
    width: calc(33.3% - 41px);
    height: calc(100% - 39px);
}
.graph_bar > div p {
    margin-bottom: 2px;
    font-size: 0.89rem;
    font-weight: 400;
    white-space: nowrap;
    font-family: "klavika-web", sans-serif;
}
.graph_bar > div h2 {
    margin-top: 12px;
    font-weight: 600;
    font-size: 1rem;
    white-space: nowrap;
    font-family: "klavika-web", sans-serif;
}
.graph_bar > div .bar {
    position: relative;
    display: block;
    width: 60px;
    margin: 0 auto;
    background: #bbbbbb;
}
.graph_bar > div .bar span {
    position: absolute;
    left: 50%;
    top: -18px;
    transform: translateX(-50%);
    font-family: "klavika-web", sans-serif !important;
}
.graph_bar > div:last-child .bar {
    background: #ef4023;
}
.finance_box .unit {
    margin: 80px 0 20px;
    text-align: right;
    font-size: 0.79rem;
    letter-spacing: -0.02em;
    color: #999999;
}
.finance_box .unit b {
    font-weight: 700;
}
.finance_box thead th {
    width: 25%;
    background: #eeeeee;
    height: 46px;
}
.finance_box thead th:first-child {
    color: #666666;
    font-size: 0.83rem;
    letter-spacing: -0.02em;
}
.finance_box thead th:not(:first-child) {
    font-size: 1rem;
    font-family: "klavika-web", sans-serif;
}
.finance_box tbody td {
    height: 61px;
    text-align: center;
}
.finance_box tbody td:first-child {
    color: #666666;
    font-size: 0.83rem;
    letter-spacing: -0.02em;
}
.finance_box tbody td:not(:first-child) {
    font-weight: 400;
    font-size: 1rem;
    font-family: "klavika-web", sans-serif;
}
@media (max-width: 1180px) and (min-width: 768px) {
    .graph_bar > div p,
    .graph_box .bg li p {
        font-size: 0.7rem;
    }
    .graph_bar > div .bar_box {
        bottom: 29px;
        width: 33.3%;
        height: calc(100% - 35px);
    }
    :lang(en) .graph_bar > div .bar_box {
        bottom: 28px;
    }
    :lang(ja) .graph_bar > div .bar_box {
        bottom: 28px;
    }
    :lang(zh) .graph_bar > div .bar_box {
        bottom: 28px;
    }
}
@media (max-width: 1023px) {
    .graph_bar {
        left: 68px;
        width: calc(100% - 68px);
    }
    .graph_bar > div .bar {
        width: 40px;
    }
}
@media (max-width: 767px) {
    .ir .finance_header h1 {
        margin-bottom: 20px;
    }
    .graph_list {
        margin-right: 0;
    }
    .graph_list .f22 {
        margin-bottom: 20px;
    }
    .graph_list > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .graph_box {
        padding-bottom: 19px;
    }
    .graph_bar {
        left: 80px;
        width: calc(100% - 80px + 18px);
    }
    .graph_bar > div .bar {
        width: 100%;
    }
    .finance_box .unit {
        margin: 0;
    }
    .finance_box .mo .ly_flex {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .finance_box .mo p.f22 {
        font-weight: 700;
    }
    .finance_box .mo .table {
        margin-bottom: 60px;
    }
    .finance_box .mo .table:last-child {
        margin-bottom: 0;
    }
    .finance_box tbody td {
        width: 50%;
        height: 45px;
    }
    .graph_box .bg li p {
        width: 55px;
    }
    .graph_box .bg li .line {
        width: calc(100% - 55px);
    }
    .graph_bar > div .bar_box {
        bottom: 26px;
        height: calc(100% - 32px);
    }
}

/* 개인정보처리방침 */
.mt30 {
    margin-top: 30px;
}
.mb30 {
    margin-bottom: 30px;
}
.privacy_header {
    font-family: "rixsingose-pro";
}
.privacy_header h1 {
    padding: 212px 0 80px;
    line-height: 1.15;
}
.privacy_header p {
    color: #383838;
    text-align: left;
    font-weight: 300;
}
.privacy_box {
    color: #383838;
}
.privacy_box .first_num {
    margin: 60px 0 110px;
}
.privacy_box .first_num li {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 16px;
}
.privacy_box .first_num li:last-child {
    margin-bottom: 0;
}
.privacy_cont {
    margin-bottom: 110px;
}
.privacy_cont:nth-child(4) .table1 table th {
    text-align: center;
}
.privacy_cont:last-child {
    margin-bottom: 0;
}
.privacy_cont:last-child p {
    margin-bottom: 0;
}
.privacy_cont:last-child a {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.privacy_cont:last-child a:after {
    content: "";
    background: url(/home/assets/images/privacy_more.svg) no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
    margin-left: 10px;
}
.privacy_cont:last-child a span {
    position: relative;
    display: block;
}
.privacy_cont:last-child a span::after {
    content: "";
    background-color: #111;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.privacy_cont h2 {
    margin-bottom: 50px;
}
.privacy_cont .f17 {
    margin-bottom: 30px;
    font-weight: 300;
    line-height: 1.76;
    letter-spacing: -0.03em;
    color: #383838;
}
.privacy_cont .f16 {
    letter-spacing: -0.02em;
    font-weight: 300;
    line-height: 1.87;
}
.dot_list li {
    position: relative;
    padding-left: 10px;
    text-align: left;
    font-size: 0.94rem;
    font-weight: 300;
    line-height: 1.76;
    letter-spacing: -0.02em;
    color: #383838;
    list-style: none;
}
.dot_list li::before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #383838;
    border-radius: 50%;
    position: relative;
    top: 13px;
    left: 0;
    position: absolute;
}
.num_list .table1 {
    margin-left: -20px;
}
.table1 table th {
    width: 22%;
    padding: 50px;
    background: #eeeeee;
    font-size: 1.3rem;
    font-weight: 700;
    font-family: "klavika-web", sans-serif;
    line-height: 1.08;
    word-break: keep-all;
}
.table1 table td {
    width: 78%;
    padding: 50px;
}
.table1 table td h3 {
    margin-bottom: 10px;
}
.table1 table td p {
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    font-weight: 300;
    line-height: 1.87;
}
.table1 table td p:last-child {
    margin-bottom: 0;
}
.table2 table th {
    padding: 15px 0 13px;
    text-align: center;
    background: #eeeeee;
    font-size: 0.83rem;
    font-weight: 700;
    line-height: 1.13;
}
.table2 table th:nth-child(1) {
    width: 16%;
}
.table2 table th:nth-child(2) {
    width: 21%;
}
.table2 table th:nth-child(3) {
    width: 44%;
}
.table2 table th:nth-child(4) {
    width: 19%;
}
.table2 table td {
    padding: 22px 20px 20px;
    font-size: 0.89rem;
    line-height: 1.75;
    text-align: center;
}
.privacy_cont li .txt_box {
    margin-left: -20px;
}
.privacy_cont .txt_box .f18 {
    font-weight: 700;
    letter-spacing: -0.02em;
}
.privacy_cont .txt_box p {
    font-weight: 300;
    font-size: 0.89rem;
    line-height: 1.87;
    letter-spacing: -0.02em;
    color: #383838;
}
.privacy_cont .txt_box span {
    display: block;
    font-weight: 300;
    line-height: 1.87;
    margin-top: 10px;
    font-size: 0.89rem;
}
@media (max-width: 767px) {
    .privacy_header h1 {
        padding: 107px 0 40px;
    }
    .privacy_box .first_num {
        margin: 30px 0 60px;
    }
    .privacy_cont h2 {
        margin-bottom: 25px;
        line-height: 1.4;
    }
    .table1 table th {
        padding: 20px;
    }
    .table1 table td {
        padding: 20px;
    }
    .dot_list li {
        padding-left: 8px;
    }
    .dot_list li::before {
        top: 10px;
    }
    .privacy_cont {
        margin-bottom: 70px;
    }
    .privacy_cont .scroll {
        margin: 0 -20px;
    }
    .table2 {
        width: 635px;
        padding-right: 20px;
    }
    .table2 table {
        width: 100%;
    }
    .table2 table td {
        text-overflow: ellipsis;
        white-space: initial;
    }
}

/* 404 */
.sub_wrap section.error_box:last-of-type {
    padding-bottom: 0;
}
.error_box {
    height: 100vh;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.error_box .inner {
    margin-top: -100px;
    width: 100%;
}
.error_box h1 {
    text-align: center;
    font-family: "klavika-web", sans-serif;
}
.error_box p {
    margin: 16px 0 68px;
    text-align: center;
}
.error_box .btn_box {
    justify-content: center;
    margin-right: -10px;
}
.error_box a {
    width: 190px;
    height: 52px;
    margin-right: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.89rem;
    line-height: 1.25;
}
.error_box a.btn_w {
    border: 1px solid #999999;
}
.error_box a.btn_b {
    border: 1px solid #111;
    background: #111111;
    color: #fff;
}
@media (max-width: 767px) {
    .error_box {
        height: calc(100vh - 52px);
    }
    .error_box .inner {
        margin-top: -52px;
        padding: 0 20px;
    }
    .error_box p {
        margin: 8px 0 40px;
    }
    .error_box a {
        height: 42px;
    }
}

/* ir 주가정보 */
.stock_box h2 {
    margin-bottom: 30px;
    font-family: "klavika-web";
}
.stock_box h2.ko {
    font-family: rixsingose-pro, sans-serif;
}
.stock_box h2 span {
    padding-left: 10px;
    font-family: "klavika-web", sans-serif;
}
.stock_box ul {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #111;
    border-bottom: 1px solid #d9d9d9;
}
.stock_box ul li {
    border-right: 1px solid #d9d9d9;
}
.stock_box ul li:last-child {
    border-right: 0;
}
.stock_view table th {
    width: 25%;
}
.stock_box table th {
    padding: 15px 0 13px;
    background: #eeeeee;
    font-weight: 700;
    font-size: 0.83rem;
    text-align: center;
    letter-spacing: -0.02em;
}
.stock_box table td {
    padding: 20px 0 18px;
    text-align: center;
    font-family: "klavika-web", sans-serif;
}

.stock_view ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 50%;
    padding: 60px 70px 66px;
}
.stock_view ul li div {
    font-weight: 700;
    width: 35%;
}
.stock_view ul li div p {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 0.83rem;
    font-weight: 500;
}
:lang(en) .stock_view ul li div p {
    justify-content: space-between;
}
:lang(en) .stock_view ul li div p span {
    width: 50px;
    text-align: left;
    margin-left: 0;
}
:lang(ja) .stock_view ul li div p {
    justify-content: space-between;
}
:lang(ja) .stock_view ul li div p span {
    width: 50px;
    text-align: left;
    margin-left: 0;
}
:lang(zh) .stock_view ul li div p {
    justify-content: space-between;
}
:lang(zh) .stock_view ul li div p span {
    width: 50px;
    text-align: left;
    margin-left: 0;
}
.stock_view ul li div p span {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: -4px 0 0 45px;
    font-weight: 700;
    font-size: 1.1rem;
    font-family: "klavika-web", sans-serif;
}
.stock_view ul li div p:nth-child(2) span {
    margin-left: 42px;
}
.stock_view ul li div p span::before {
    content: "";
    width: 12px;
    height: 10px;
    margin-right: 4px;
    position: absolute;
    left: -15px;
}
.stock_view ul li div p span.up {
    color: #ef4023;
}
.stock_view ul li div p span.up::before {
    background: url(/home/assets/images/stock_up.svg);
}
.stock_view ul li div p span.down::before {
    background: url(/home/assets/images/stock_down.svg);
}
.stock_view ul li div p span.down {
    color: #2f5dff;
}
.stock_view ul li div p:last-child {
    margin-top: 20px;
}
.stock_view ul li h3 {
    font-size: 3.88rem;
    width: 65%;
    padding-left: 0;
    text-align: right;
    font-family: "klavika-web", sans-serif;
}

.stock_view ul li h3.up {
    color: #ef4023;
}
.stock_view ul li h3.down {
    color: #2f5dff;
}
.stock_view ul li:last-child {
    justify-content: space-between;
}
.stock_view ul li:last-child p {
    text-align: center;
    font-size: 0.83rem;
    font-weight: 500;
}
.stock_view ul li:last-child p:last-child {
    margin-right: 0;
}
.stock_view ul li:last-child p span {
    display: block;
    margin-top: 20px;
    font-weight: 700;
    font-size: 1.1rem;
    font-family: "klavika-web", sans-serif;
}
.stock_view p.f16 {
    margin-top: 12px;
    color: #666666;
    font-weight: 400;
    text-align: right;
}
.stock_view p.f16 span {
    padding-right: 4px;
    font-family: "klavika-web", sans-serif;
}
.stock_view .table {
    margin-top: 30px;
}

.stock_list {
    margin-top: 70px;
}
.stock_list table td {
    font-weight: 400;
    letter-spacing: -0.02em;
    font-family: "klavika-web", sans-serif;
}
.stock_list table td:nth-last-child(1),
.stock_list table td:nth-last-child(2) {
    text-align: right;
    padding-right: 10px;
}
.stock_list table tr td span {
    position: relative;
    padding-left: 16px;
}
.stock_list table tr td span::before {
    content: "";
    width: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.stock_list table tr.up td:nth-child(3) {
    color: #ef4023;
}
.stock_list table tr.up td:nth-child(4) {
    color: #ef4023;
}
.stock_list table tr.up td:nth-child(4) span::before {
    background: url(/home/assets/images/stock_up.svg);
}

.stock_list table tr.down td:nth-child(3) {
    color: #2f5dff;
}
.stock_list table tr.down td:nth-child(4) {
    color: #2f5dff;
}
.stock_list table tr.down td:nth-child(4) span::before {
    background: url(/home/assets/images/stock_down.svg);
}

.stock_major {
    margin-top: 100px;
}
.stock_major ul .up div {
    color: #ef4023;
}
.stock_major ul .up div p span::before {
    background: url(/home/assets/images/stock_up.svg);
}
.stock_major ul .down div {
    color: #2f5dff;
}
.stock_major ul .down div p span::before {
    background: url(/home/assets/images/stock_down.svg);
}
.stock_major ul li {
    width: 33.3%;
    padding: 31px 39px;
}
.stock_major ul li p {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-right: 12px;
    font-weight: 700;
    font-family: "rixsingose-pro";
}
.stock_major ul li p span {
    position: relative;
    padding-right: 2px;
    top: -2px;
    font-size: 1rem;
    font-family: "klavika-web", sans-serif;
}

@media (max-width: 767px) {
    .stock_major ul li p span {
        position: relative;
        top: -1px;
    }
}
.stock_major ul li div p span {
    position: relative;
    display: block;
    padding: 0 2px 0 16px;
    font-weight: 600;
    font-family: "klavika-web", sans-serif;
}

.stock_major ul li div p span::before {
    content: "";
    width: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.stock_major ul li div {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end;
    font-family: "klavika-web", sans-serif;
}
.stock_major ul li div h3 {
    margin-bottom: -4px;
}
@media (min-width: 768px) {
    :lang(ja) .stock_view ul li h3 {
        padding-left: 80px;
    }
    :lang(zh) .stock_view ul li h3 {
        padding-left: 80px;
    }
}
@media (max-width: 1280px) {
    .stock_view ul li h3 {
        padding-left: 30px;
    }
}
@media (max-width: 1180px) {
    .stock_major ul li {
        width: 100%;
        border-right: 0;
        padding: 30px 0;
        border-bottom: 1px solid #d9d9d9;
    }
    .stock_box ul li:last-child {
        border-bottom: 0;
    }
    .stock_major ul li div h3 {
        width: 100%s;
        line-height: 1;
        padding-bottom: 10px;
        text-align: right;
    }
    .stock_major ul li div p {
        width: 100%;
        justify-content: flex-end;
        margin-right: 0;
    }
    .stock_major ul li div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: flex-end;
        margin-top: -24px;
    }
}
@media (max-width: 1023px) {
    .stock_view ul li {
        width: 100%;
        justify-content: center;
    }
    .stock_view ul li:first-child {
        border-bottom: 1px solid #d9d9d9;
        border-right: 0;
    }
    .stock_major ul li:nth-child(2) {
        border-right: 0;
    }
    .stock_major ul li:last-child {
        border-bottom: 0;
    }
}
@media (max-width: 767px) {
    .stock_view ul li h3 {
        padding-left: 30px;
        white-space: nowrap;
    }
    :lang(en) .stock_view ul li h3 {
        padding-left: 0;
    }
    :lang(ja) .stock_view ul li h3 {
        padding-left: 0;
    }
    :lang(zh) .stock_view ul li h3 {
        padding-left: 0;
    }
    .stock_view ul li {
        padding: 30px 0;
    }
    .stock_view ul li:last-child p {
        width: 25%;
        margin-right: 0;
    }
    .stock_box table th {
        padding: 15px 5px 13px;
        white-space: nowrap;
    }
    .stock_box table td {
        padding: 20px 5px 18px;
        white-space: nowrap;
    }
    .stock_list .table {
        overflow-x: scroll;
        margin: 0 -20px;
        padding: 0 20px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .stock_list .table::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .stock_list .table table {
        width: 100%;
        min-width: 520px;
    }
    /* .stock_major ul li {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .stock_major ul li p {
        flex: 1;
    } */
    /* .stock_major ul li p span {
    
    } */

    .stock_major ul li div {
        margin-top: -18px;
    }
    .stock_major {
        margin-top: 70px;
    }
    :lang(en) .stock_view ul li div p:nth-child(1) span {
        margin-left: 22px;
    }
    :lang(ja) .stock_view ul li div p:nth-child(1) span {
        margin-left: 22px;
    }
    :lang(zh) .stock_view ul li div p:nth-child(1) span {
        margin-left: 22px;
    }
}

/* 팝업 */
.pop_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.pop {
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 650px;
    margin: 0 auto;
    padding: 66px 77px;
    background: #fff;
    max-height: 100%;
}
.pop .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(/home/assets/images/ic_x.svg) no-repeat;
    cursor: pointer;
}
.pop .pop_head {
    margin: 0 0 34px 0;
    text-align: center;
}
.pop .pop_head h2 {
    font-size: 1.78rem;
    letter-spacing: -0.02em;
    font-weight: 700;
}
.pop .pop_content {
    text-align: center;
    word-break: break-all;
    font-size: 0.94rem;
    line-height: 1.88;
    letter-spacing: -0.02em;
    font-weight: 500;
}
.pop .pop_container {
    margin: 30px 0 0 0;
}
.pop .pop_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px -10px 0 0;
}
.pop .pop_btn .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 54px;
    line-height: 54px;
    margin: 0 10px 0 0;
    font-size: 0.89rem;
    font-weight: 500;
    cursor: pointer;
}
.pop .pop_btn .btn_dark {
    background: #000;
    color: #fff;
}
.pop .pop_btn .btn_light {
    background: #ddd;
}
.pop .s_txt {
    color: #999;
}
.s_tit_pop {
    margin: 30px 0 12px 0;
    color: #151515;
    line-height: 1.2;
}
/* concert 팝업 */
.pop_concert .pop {
    max-width: 580px;
    width: 100%;
    background: transparent;
    padding: 0;
    overflow-y: scroll;
}
.pop_concert .pop::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}
.pop_concert .pop .close {
    filter: invert(1);
    /* left: 50%; */
    left: 100%;
    /* transform: translateX(-50%); */
    transform: translateX(-100%);
    position: relative;
    top: 0;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .s_tit_pop {
        font-size: 0.937rem;
    }
}
@media (max-width: 1023px) {
    .pop {
        overflow-y: scroll;
    }
}
@media (max-width: 767px) {
    .pop {
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 8vw 4vw;
    }
    .pop_concert .pop {
        width: calc(100% - 30px);
    }
    .pop .pop_btn .btn {
        width: calc(50% - 10px);
        height: 44px;
        line-height: 44px;
    }
    .pop .close {
        width: 15px;
        height: 15px;
        background-size: contain;
    }
    .pop .pop_head {
        margin-bottom: 15px;
    }
}

/* 다국어 */
:lang(en) {
    font-family: "klavika-web", sans-serif !important;
    /* word-break: break-all !important; */
}
:lang(ja) {
    font-family: "Noto Sans", sans-serif !important;
    /* word-break: break-all !important; */
}
:lang(zh) {
    font-family: "Noto Sans", sans-serif !important;
    /* word-break: break-all !important; */
}

/* 다국어 일본어페이지 영문폰트 수정 */
:lang(ja) .language > li ul li a,
:lang(ja) .language > li > a,
:lang(ja) .fix_btn .to_top p,
:lang(ja) .header2 .navbar .nav_language ul li a,
:lang(ja) footer .f_gnb span,
:lang(ja) footer .f_gnb ul li a,
:lang(ja) footer .info_box ul li a,
:lang(ja) footer .info_box p,
:lang(ja) .sub_header .btn_prev,
:lang(ja) .intro_scroll h2.f96,
:lang(ja) .intro_location .ly_flex li h3,
:lang(ja) .intro_location .ly_flex li p,
:lang(ja) .brand_txt span,
:lang(ja) .brand_txt h2,
:lang(ja) .brand_scroll .txt1 h2,
:lang(ja) .brand_cont .txt h3,
:lang(ja) .brand_creative .txt1 h2,
:lang(ja) .brand_box .txt h2 span,
:lang(ja) .brand_identity .ly_flex .txt h2,
:lang(ja) .brand_identity .ly_flex .txt span,
:lang(ja) .brand_identity .ly_flex .txt a,
:lang(ja) .offfice_visual p,
:lang(ja) .history_year,
:lang(ja) .history_list>li .txt_box .history_cate,
:lang(ja) .sub_header ul li a,
/* :lang(ja) .artists_debut .debut_txt p:first-child b, */
:lang(ja) .artists_debut .debut_txt p  b,
:lang(ja) .artists_debut .debut_txt p span,
:lang(ja) .artists_member .member_name p,
:lang(ja) .artists_member .member_name p a,
:lang(ja) .artists_member .member_name span,
:lang(ja) .artists_member .ly_flex h2,
:lang(ja) .artists_history .ly_flex h2,
:lang(ja) .artists_history .ly_flex h2 a,
:lang(ja) .artists_history .ly_flex .history .year,
:lang(ja) .artists_history .ly_flex .history .month,
:lang(ja) .discography_back .txt h2,
:lang(ja) .discography_back .txt p,
:lang(ja) .discography_wrap .txt span,
:lang(ja) .discography_cont .head_box h2,
:lang(ja) .discography_cont .head_box .f22,
:lang(ja) .discography_cont .head_box .f15,
:lang(ja) .discography_cont .head_box .album_btn a,
:lang(ja) .ly_disc h2,
:lang(ja) .ly_disc p,
:lang(ja) .discography_box .disc_list li,
:lang(ja) .album_box .f38,
:lang(ja) .album_box .album_slide .swiper-slide h3,
:lang(ja) .album_box .album_slide .swiper-slide p,
:lang(ja) .album_box .album_slide .swiper-slide span,
:lang(ja) .album_box li .txt h2,
:lang(ja) .album_box li .txt span,


:lang(ja) .s_ttl,
:lang(ja) .concert_btn a,
:lang(ja) .slide_box h2,
:lang(ja) .slide_poster li p,
:lang(ja) .slide_poster li span,
:lang(ja) .schedule_box .schedule_year h2,
:lang(ja) .schedule_box .schedule_ic li,
:lang(ja) .schedule_box .schedule_list li .date span,
:lang(ja) .schedule_box .schedule_list li .time,
:lang(ja) .schedule_box .schedule_list li div h3,
:lang(ja) .artists_list .ly_flex h2,
:lang(ja) .artists_list_cont li p,
:lang(ja) .txt_slide li.swiper-slide p,
:lang(ja) .txt_slide li span,
:lang(ja) .actors h2.ly_tit,
:lang(ja) .actors .history_tit h2 a,
:lang(ja) .actors .actors_history li h3,
:lang(ja) .actors .actors_history li .txt,
:lang(ja) .btn_more_plus,
:lang(ja) .notice_list ul li p,
:lang(ja) .notice_list ul li .date,
:lang(ja) .pagination .page-numbers,
:lang(ja) .graph_list .f22,
:lang(ja) .graph_box .bg li p,
:lang(ja) .graph_bar > div h2,
:lang(ja) .graph_bar > div p,
:lang(ja) .finance_box .unit,
:lang(ja) .finance_box thead th,
:lang(ja) .finance_box tbody td,
:lang(ja) .directors_box h2,
:lang(ja) .directors_box table tr th,
:lang(ja) .directors_box table tr td,
:lang(ja) .directors_box table tr p,
:lang(ja) .composition_box h2,
:lang(ja) .composition_box table th,
:lang(ja) .composition_box table td,
:lang(ja) .ir_list ul li .num,
:lang(ja) .ir_list ul li h2,
:lang(ja) .ir_list ul li span,
:lang(ja) .ir_list ul li h2 a,
:lang(ja) .ir_list ul li p,
:lang(ja) .total,
:lang(ja) .total span,
:lang(ja) .view_header p.f20,
:lang(ja) .ir h1,
:lang(ja) .view_header .view_tit h2,
:lang(ja) .view_header .view_tit .date,
:lang(ja) .ir .btn_down,
:lang(ja) .view_body .btn_view button,
:lang(ja) .stock_box h2,
:lang(ja) .stock_box h2 span,
:lang(ja) .stock_view ul li h3,
:lang(ja) .stock_view ul li div p,
:lang(ja) .stock_view ul li div p span,
:lang(ja) .stock_view ul li p,
:lang(ja) .stock_view ul li p span,
:lang(ja) .stock_box table th,
:lang(ja) .stock_box table td,
:lang(ja) .stock_box table td span,
:lang(ja) .stock_view p.f16 span,
:lang(ja) .stock_major ul li p span,
:lang(ja) .stock_major ul li p,
:lang(ja) .stock_major ul li p span,
:lang(ja) .stock_major ul li div h3,
:lang(ja) .esg_box span,
:lang(ja) .esg_committee .committee_box span,
:lang(ja) .esg_target_cont > li .tit span.f15,
:lang(ja) .esg_certification ul li span,
:lang(ja) .sustainability .btn_down,
/* :lang(ja) .sustainability .xs_ttl, */
:lang(ja) .esg_report .guide_list li h3,
:lang(ja) .with_major_achievements span.f20,
:lang(ja) .with_major_achievements ul li h3 span,
:lang(ja) .social_contribution ul li:nth-child(1) .txt h3,
:lang(ja) .yg_instagram h2,
:lang(ja) .privacy_header h1,
:lang(ja) .privacy_header p,
:lang(ja) .privacy_box .first_num li,
:lang(ja) .privacy_cont h2,
:lang(ja) .privacy_cont .f17,
:lang(ja) .privacy_cont .f17 span,
:lang(ja) .table1 table th,
:lang(ja) .table1 table td h3,
:lang(ja) .privacy_cont .f16,
:lang(ja) .dot_list li,
:lang(ja) .table2 table th,
:lang(ja) .table2 table td,
:lang(ja) .privacy_cont .txt_box p {
    font-family: "klavika-web", sans-serif !important;
}

:lang(ja) .visual_section .swiper-slide .txt_box span,
:lang(ja) .visual_section .swiper-slide .txt_box h2,
:lang(ja) .top_btn ul li a,
:lang(ja) .main .ly_flex h2,
:lang(ja) .btn_more,
:lang(ja) .news_section .news_box span.cate,
/* :lang(ja) .news_section .news_box h3, */
:lang(ja) .news_section .news_box span.date,
:lang(ja) .vibe_section .ttl_box h2 span,
:lang(ja) .vibe_section .ttl_box p,
:lang(ja) .bottom_section .ly_flex h3 {
    font-family: "klavika-web", sans-serif !important;
}

:lang(ja) .esg_committee ul li h3,
:lang(ja) .esg_committee ul li span.f14,
:lang(ja) .esg_committee .committee_box p {
    font-family: "klavika-web", sans-serif !important;
}

/* 다국어 중국어페이지 영문폰트 수정 */
:lang(zh) .language > li > a,
:lang(zh) .fix_btn .to_top p,
:lang(zh) .header2 .navbar .nav_language ul li a,
:lang(zh) footer .f_gnb span,
:lang(zh) footer .f_gnb ul li a,
:lang(zh) footer .info_box ul li a,
:lang(zh) footer .info_box p,
:lang(zh) .sub_header .btn_prev,
:lang(zh) .intro_scroll h2.f96,
:lang(zh) .intro_location .ly_flex li h3,
:lang(zh) .intro_location .ly_flex li p,
:lang(zh) .brand_txt span,
:lang(zh) .brand_txt h2,
:lang(zh) .brand_scroll .txt1 h2,
:lang(zh) .brand_cont .txt h3,
:lang(zh) .brand_creative .txt1 h2,
:lang(zh) .brand_box .txt h2 span,
:lang(zh) .brand_identity .ly_flex .txt h2,
:lang(zh) .brand_identity .ly_flex .txt span,
:lang(zh) .brand_identity .ly_flex .txt a,
:lang(zh) .offfice_visual p,
:lang(zh) .history_year,
:lang(zh) .history_list>li .txt_box .history_cate,
:lang(zh) .sub_header ul li a,
/* :lang(zh) .artists_debut .debut_txt p:first-child b, */
:lang(zh) .artists_debut .debut_txt p b,
:lang(zh) .artists_debut .debut_txt p span,
:lang(zh) .artists_member .member_name p,
:lang(zh) .artists_member .member_name p a,
:lang(zh) .artists_member .member_name span,
:lang(zh) .artists_member .ly_flex h2,
:lang(zh) .artists_history .ly_flex h2,
:lang(zh) .artists_history .ly_flex h2 a,
:lang(zh) .artists_history .ly_flex .history .year,
:lang(zh) .artists_history .ly_flex .history .month,

:lang(zh) .discography_back .txt h2,
:lang(zh) .discography_back .txt p,
:lang(zh) .discography_wrap .txt span,
:lang(zh) .discography_cont .head_box h2,
:lang(zh) .discography_cont .head_box .f22,
:lang(zh) .discography_cont .head_box .f15,
:lang(zh) .discography_cont .head_box .album_btn a,
:lang(zh) .ly_disc h2,
:lang(zh) .ly_disc p,
:lang(zh) .discography_box .disc_list li,
:lang(zh) .album_box .f38,
:lang(zh) .album_box .album_slide .swiper-slide h3,
:lang(zh) .album_box .album_slide .swiper-slide p,
:lang(zh) .album_box .album_slide .swiper-slide span,
:lang(zh) .album_box li .txt h2,
:lang(zh) .album_box li .txt span,
:lang(zh) .s_ttl,
:lang(zh) .concert_btn a,
:lang(zh) .slide_box h2,
:lang(zh) .slide_poster li p,
:lang(zh) .slide_poster li span,
:lang(zh) .schedule_box .schedule_year h2,
:lang(zh) .schedule_box .schedule_ic li,
:lang(zh) .schedule_box .schedule_list li .date span,
:lang(zh) .schedule_box .schedule_list li .time,
:lang(zh) .schedule_box .schedule_list li div h3,
:lang(zh) .artists_list .ly_flex h2,
:lang(zh) .artists_list_cont li p,
:lang(zh) .txt_slide li.swiper-slide p,
:lang(zh) .txt_slide li span,
:lang(zh) .actors h2.ly_tit,
:lang(zh) .actors .history_tit h2 a,
:lang(zh) .actors .actors_history li h3,
:lang(zh) .actors .actors_history li .txt,
:lang(zh) .btn_more_plus,
:lang(zh) .notice_list ul li p,
:lang(zh) .notice_list ul li .date,
:lang(zh) .pagination .page-numbers,
:lang(zh) .graph_list .f22,
:lang(zh) .graph_box .bg li p,
:lang(zh) .graph_bar > div h2,
:lang(zh) .graph_bar > div p,
:lang(zh) .finance_box .unit,
:lang(zh) .finance_box thead th,
:lang(zh) .finance_box tbody td,
:lang(zh) .directors_box h2,
:lang(zh) .directors_box table tr th,
:lang(zh) .directors_box table tr td,
:lang(zh) .directors_box table tr p,
:lang(zh) .composition_box h2,
:lang(zh) .composition_box table th,
:lang(zh) .composition_box table td,
:lang(zh) .ir_list ul li .num,
:lang(zh) .ir_list ul li h2,
:lang(zh) .ir_list ul li span,
:lang(zh) .ir_list ul li h2 a,
:lang(zh) .ir_list ul li p,
:lang(zh) .total,
:lang(zh) .total span,
:lang(zh) .view_header p.f20,
:lang(zh) .ir h1,
:lang(zh) .view_header .view_tit h2,
:lang(zh) .view_header .view_tit .date,
:lang(zh) .ir .btn_down,
:lang(zh) .view_body .btn_view button,
:lang(zh) .stock_box h2,
:lang(zh) .stock_box h2 span,
:lang(zh) .stock_view ul li h3,
:lang(zh) .stock_view ul li div p,
:lang(zh) .stock_view ul li div p span,
:lang(zh) .stock_view ul li p,
:lang(zh) .stock_view ul li p span,
:lang(zh) .stock_box table th,
:lang(zh) .stock_box table td,
:lang(zh) .stock_box table td span,
:lang(zh) .stock_view p.f16 span,
:lang(zh) .stock_major ul li p span,
:lang(zh) .stock_major ul li p,
:lang(zh) .stock_major ul li p span,
:lang(zh) .stock_major ul li div h3,
:lang(zh) .esg_box span,
:lang(zh) .esg_committee .committee_box span,
:lang(zh) .esg_target_cont > li .tit span.f15,
:lang(zh) .esg_certification ul li span,
:lang(zh) .sustainability .btn_down,
/* :lang(zh) .sustainability .xs_ttl, */
:lang(zh) .esg_report .guide_list li h3,
:lang(zh) .with_major_achievements span.f20,
:lang(zh) .with_major_achievements ul li h3 span,
:lang(zh) .social_contribution ul li:nth-child(1) .txt h3,
:lang(zh) .yg_instagram h2,
:lang(zh) .privacy_header h1,
:lang(zh) .privacy_header p,
:lang(zh) .privacy_box .first_num li,
:lang(zh) .privacy_cont h2,
:lang(zh) .privacy_cont .f17,
:lang(zh) .privacy_cont .f17 span,
:lang(zh) .table1 table th,
:lang(zh) .table1 table td h3,
:lang(zh) .privacy_cont .f16,
:lang(zh) .dot_list li,
:lang(zh) .table2 table th,
:lang(zh) .table2 table td,
:lang(zh) .privacy_cont .txt_box p,
:lang(zh) .num_list li,
:lang(zh) .privacy_box * {
    font-family: "klavika-web", sans-serif !important;
}

:lang(zh) .visual_section .swiper-slide .txt_box span,
:lang(zh) .visual_section .swiper-slide .txt_box h2,
:lang(zh) .top_btn ul li a,
:lang(zh) .main .ly_flex h2,
:lang(zh) .btn_more,
:lang(zh) .news_section .news_box span.cate,
/* :lang(zh) .news_section .news_box h3, */
:lang(zh) .news_section .news_box span.date,
:lang(zh) .vibe_section .ttl_box h2 span,
:lang(zh) .vibe_section .ttl_box p,
:lang(zh) .bottom_section .ly_flex h3,
:lang(zh) .language > li ul li a {
    font-family: "klavika-web", sans-serif !important;
}

:lang(zh) .esg_committee ul li h3,
:lang(zh) .esg_committee ul li span.f14,
:lang(zh) .esg_committee .committee_box p {
    font-family: "klavika-web", sans-serif !important;
}

@media (min-width: 1201px) {
    :lang(en) header.over .header1 .gnb>li:last-child .sub_menu,
    :lang(ja) header.over .header1 .gnb>li:last-child .sub_menu,
    :lang(zh) header.over .header1 .gnb>li:last-child .sub_menu { min-width: 205px; }
}

/************ 240111 푸터 업데이트 시작 *************/
:lang(en) footer .info_box ul li,
:lang(ja) footer .info_box ul li,
:lang(zh) footer .info_box ul li { text-transform: uppercase; }
/************ 푸터는 기존 스타일변경없이 추가만 되었습니다. *************/
/************ 240111 푸터 업데이트 끝 *************/

/* 240118 스타일 추가 */
:lang(zh) .privacy_cont .txt_box p.zh,
:lang(ja) .privacy_cont .txt_box p.ja { font-family: "Noto Sans", sans-serif!important; }

.ir .sub_header em { 
    display: block; 
    margin: -16px 0 80px;
    color: #999;
    text-align: center;
    font-family: "klavika-web", sans-serif!important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
@media (max-width: 767px) {
    .ir .sub_header em { margin: -20px 0 45px; }
}

/* ******** 240312 페이지 추가 ************ */
.executives .about_header h1 { margin-bottom: 144px; }
.executives .big_text span {  
    display: block; 
    font-family: 'klavika-web';
    font-size: 6.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.78; 
    letter-spacing: 1.12px;
    text-transform: uppercase;
}
.executives .big_text strong {  
    display: block; 
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -1.28px;
    word-break: keep-all;
}
.executives .flex {  
    margin-top: 150px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.executives .flex>p {
    font-family: 'klavika-web';
}
.executives .flex>p span {  
    display: block;
    margin-bottom: 42px;    
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.24px;
    text-transform: capitalize;
}
.executives .flex>p strong {  
    font-size: 6.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.78; 
    letter-spacing: 1.12px;
    text-transform: uppercase;
    font-family: 'klavika-web' !important;
}
.executives .flex .text_box {  
    max-width: 644px;
    color: #DDD;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.7; 
    letter-spacing: -0.4px;
}
.executives .flex .text_box span {  
    display: block;
    margin: 14px 0 45px;
    width: 32px;
    height: 1px;
    background: #DDD;
}
.executives .flex .text_box p { word-break: keep-all; }
.executives .flex .text_box p:last-child { margin-top: 72px; }
.executives .black { padding: 188px 0 187px; color: #fff; background-color: #111111; }
.executives .white { padding: 188px 0 187px; color: #111111; }
.executives .white .flex { flex-direction: row-reverse; }
.executives .white .flex .text_box span { background-color: #111111; }
.executives .white .flex .text_box p { color: #111111; }

@media (max-width: 1180px) {
    .executives .about_header h1 { margin-bottom: calc(100vw * (144 / 1180)); }
    .executives .big_text span {  
        font-size: calc(100vw * (112 / 1180));
        letter-spacing: calc(100vw * (1.12 / 1180));
    }
    .executives .big_text strong {  
        font-size: calc(100vw * (64 / 1180));
        letter-spacing: calc(100vw * (-1.3 / 1180));
    }
    .executives .flex {  
        margin-top: calc(100vw * (150 / 1180));
        gap: calc(100vw * (20 / 1180));
    }
    .executives .flex>p span {  
        margin-bottom: calc(100vw * (42 / 1180));    
        font-size: calc(100vw * (24 / 1180));
        letter-spacing: calc(100vw * (0.24 / 1180));
    }
    .executives .flex>p strong {  
        font-size: calc(100vw * (112 / 1180));
        letter-spacing: calc(100vw * (1.12 / 1180));
    }
    .executives .flex .text_box {  
        max-width: calc(100vw * (644 / 1180));     
        font-size: calc(100vw * (20 / 1180));
        letter-spacing: calc(100vw * (-0.4 / 1180));
    }
    .executives .flex .text_box span {  
        margin: calc(100vw * (14 / 1180)) 0 calc(100vw * (45 / 1180));
        width: calc(100vw * (32 / 1180));
        height: 1px;
    }
    .executives .flex .text_box p:last-child { margin-top: calc(100vw * (72 / 1180)); }
    .executives .black { padding: calc(100vw * (188 / 1180)) 0 calc(100vw * (187 / 1180)); }
    .executives .white { padding: calc(100vw * (188 / 1180)) 0 calc(100vw * (187 / 1180)); }
}

@media (max-width: 767px) {
    .executives .about_header h1 { margin-bottom: 2.85rem; }
    .executives .big_text span {  
        font-size: 4rem;
        letter-spacing: calc(100vw * (1.12 / 767));
    }
    .executives .big_text strong {  
        font-size: 1.7rem;
        letter-spacing: calc(100vw * (-1 / 767));
    }
    .executives .flex {  
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 5.7rem;
        gap: 2.8rem;
    }
    .executives .flex>p span {  
        margin-bottom: 0.85rem;    
        font-size: 1.1rem;
        letter-spacing: calc(100vw * (0.32 / 767));
    }
    .executives .flex>p strong {  
        font-size: 2.7rem;
        letter-spacing: calc(100vw * (0.76 / 767));
    }
    .executives .flex>p strong br { display: none; }
    .executives .flex .text_box {  
        max-width: 100%;     
        font-size: 1rem;
        letter-spacing: calc(100vw * (-0.84 / 767));
    }
    .executives .flex .text_box span {  
        margin: 0 0 1.7rem;
        width: 1.1rem;
        height: 1px;
    }

    .executives .flex .text_box p:last-child { margin-top: 1.7rem; }
    .executives .black { padding: 6rem 0; }
    .executives .white { padding: 6rem 0; }
    .executives .white .flex { flex-direction: column; }
}

.producer { position: relative; }
.producer .visual { position: relative; }
.producer .visual .container { 
    position: absolute;
    bottom: 160px;
    left: 50%;
    width: 100%;
    height: fit-content;
    transform: translateX(-50%);
}
.producer .visual strong {  
    display: block;   
    color: #FFF;
    font-family: 'klavika-web';
    font-size: 96px;
    font-weight: 700;
    line-height: 0.9; 
    /* animation: fadeInUp 1s .2s ease alternate both; */
}
/* .producer .visual strong:last-child { animation-delay: 0.7s; } */
.producer .visual .bg { width: 100%; height: 960px; }
.producer .visual .bg img { width: 100%; height: 100%; object-fit: cover; }
.producer .black { position: relative; padding: 80px 0 204px; margin: -1px 0; background-color: #111; overflow:hidden; }
.producer .black::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: #EAEAEA;
    opacity: 0.4;
}
.producer .black .container>div { background-color: #111; }
.producer .black .img { width: 100%; }
.producer .black .img img { width: 100%; height: 100%; object-fit: cover; }
.producer .black_visual { 
    background-color: #111; 
    padding: 148px 0 195px; 
    margin-bottom: -1px;
    text-align: center; 
    position: relative;
    z-index: 1;
}
.producer .black_visual .img { margin: 0 auto; width: 427px; height: 600px; }
.producer .black_visual .title_box { text-align: center; color: #fff; font-family: 'klavika-web'; } 
.producer .black_visual .title_box span {  
    display: block;       
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    font-family: rixsingose-pro, sans-serif;
}
.producer .black_visual .title_box strong {  
    display: block;
    margin: 28px 0 60px;
    font-size: 82px;
    font-weight: 700;
    line-height: 1; 
    text-transform: uppercase;
}
.producer_deco_txt {  
    position: absolute;
    bottom: 90px;
    overflow: hidden;
    height: 330px;
    z-index: -1;
}
.producer_deco_txt * { overflow: hidden; }
.producer_deco_txt p {  
    color: #000;
    font-size: 330px;
    font-weight: 700;
    line-height: 1; 
    font-family: 'klavika-web';
}

.producer .black .flex { color: #fff; display: flex; flex-wrap: wrap; gap: 26px; }
.producer .black .flex li { width: 100%; }
.producer .black .flex li:nth-child(1) p { max-width: 510px; }
.producer .black .flex li:nth-child(2) { display: flex; flex-wrap: nowrap; justify-content: flex-end; }
.producer .black .flex li:nth-child(2) p { max-width: 557px; }
.producer .black .flex li p {  
    color: #FFF;    
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7; 
    letter-spacing: -0.4px;
    word-break: keep-all;
}

.producer .awards ,
.producer .deco_text, 
.producer .history { background-color: #111; color: #fff; margin: -1px 0; }
.producer .awards h2, .producer .history h2 { font-family: 'klavika-web'!important; }
.producer h2 {  
    color: #FFF;
    padding: 7px;
    background-color: #111;
    text-align: center;
    font-family: 'klavika-web';
    font-size: 64px;
    font-weight: 700;
    line-height: 1; 
    text-transform: uppercase;
}
.producer .history_wrap { padding-top: 92px; }
.producer .history_inner { padding-top: 92px; margin-top: -92px; }
.producer .history_line { top: 0; left: 50%; max-height: 100%; }
.producer .history_wrap:before { top: 0; left: 50%; bottom:0; background-color: #EAEAEA; opacity: 0.4; }
.producer .history_year { padding: 4px; background-color: #111; color: #fff; }
.producer .active .history_year { color: #ef4023; }
.producer .history_list>li { padding-bottom: 83px; }
.producer .history_list>li:last-child { background-color: #111; padding-bottom: 0; }
.producer .history_list>li .txt_box .txt {  
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    font-weight: 500;    
    letter-spacing: -0.48px;
}
.producer .history_list>li .txt_box .txt:last-child { margin-bottom: 0; }
.producer .history_list>li .txt_box { padding-top: 11px; }
.producer .deco_text p { 
    padding: 134px 0;
    color: #FFF;
    text-align: center;
    font-family: 'klavika-web';
    font-size: 140px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; 
    text-transform: uppercase;
    opacity: 0.07;    
}
.about .producer .history { padding-top: 270px; }
@media (max-width: 1180px) {
    .producer .visual .container { bottom: calc(100vw * (160 / 1180)); }
    .producer .visual strong { font-size: calc(100vw * (96 / 1180)); }
    .producer .visual .bg { height: calc(100vw * (1280 / 1180)); }
    .producer .black { padding: calc(100vw * (80 / 1180)) 0 calc(100vw * (204 / 1180)); }
    .producer .black_visual { padding: calc(100vw * (148 / 1180)) 0 calc(100vw * (195 / 1180)); }
    .producer .black_visual .title_box span { font-size: calc(100vw * (24 / 1180)); }
    .producer .black_visual .title_box strong { margin: calc(100vw * (28 / 1180)) 0 calc(100vw * (60 / 1180)); font-size: calc(100vw * (82 / 1180)); }
    .producer_deco_txt { bottom: calc(100vw * (90 / 1180)); height: calc(100vw * (330 / 1180)); }
    .producer_deco_txt p { font-size: calc(100vw * (330 / 1180)); }
    .producer .black .flex { gap: calc(100vw * (26 / 1180)); }
    .producer .black .flex li:nth-child(1) p { max-width: 50%; padding-right: calc(100vw * (60 / 1180)); }
    .producer .black .flex li:nth-child(2) p { max-width: 50%; padding-left: calc(100vw * (60 / 1180)); }
    .producer .black .flex li p { font-size: calc(100vw * (20 / 1180)); letter-spacing: calc(100vw * (-0.4 / 1180)); }
    .producer h2 { padding: calc(100vw * (7 / 1180)); font-size: calc(100vw * (64 / 1180)); }
    .about .producer .history { padding-top: calc(100vw * (270 / 1180)); }
    .producer .history_wrap { padding-top: calc(100vw * (92 / 1180)); }
    .producer .history_inner { padding-top: calc(100vw * (92 / 1180)); margin-top: calc(100vw * (-92 / 1180)); }
    .producer .history_list>li { padding-bottom: calc(100vw * (83 / 1180)); }
    .producer .history_year { padding: calc(100vw * (4 / 1180)); }
    .producer .history_list>li .txt_box .txt { margin-bottom: calc(100vw * (28 / 1180)); font-size: calc(100vw * (24 / 1180)); letter-spacing: calc(100vw * (-0.48 / 1180)); }
    .producer .history_list>li .txt_box { padding-top: calc(100vw * (11 / 1180)); }
    .producer .deco_text p { padding: calc(100vw * (134 / 1180)) 0; font-size: calc(100vw * (140 / 1180)); }
}
@media (max-width: 767px) {
    .producer .visual .container { bottom: calc(100vw * (150 / 767)); }
    .producer .visual strong { font-size: calc(100vw * (86 / 767)); }
    .producer .visual .bg { height: calc(100vw * (1280 / 767)); }
    .producer .black { padding: 2.85rem 0 11.1rem; }
    .producer .black::before { display: none; }
    .producer .black_visual { padding: 6.7rem 0 4.9rem; }
    .producer .black_visual .title_box span { font-size: calc(100vw * (26 / 767)); }
    .producer .black_visual .title_box strong { margin: calc(100vw * (28 / 767)) 0 calc(100vw * (42 / 767)); font-size: calc(100vw * (76 / 767)); }
    .producer .black_visual .img { width: calc(100vw * (540 / 767)); height: calc(100vw * (760 / 767)); }
    .producer_deco_txt { display: none; }
    .producer .black .flex { gap: calc(100vw * (50 / 767)); }
    .producer .black .flex li:nth-child(1) p { max-width: 100%; padding-right: 0; }
    .producer .black .flex li:nth-child(2) p { max-width: 100%; padding-left: 0; }
    .producer .black .flex li p { font-size: 1rem; letter-spacing: calc(100vw * (-0.8 / 767)); }
    .producer h2 { padding: calc(100vw * (7 / 767)) 0 0; font-size: 3.07rem; }
    .producer .history_wrap { margin-top: 3.57rem; padding-top: 0; }
    .producer .history_inner { padding-top: 0; margin-top: 0; }
    .producer .history_list>li { justify-content: flex-end; padding-bottom: 5.7rem; }
    .producer .awards .history_list>li:nth-child(2n) { flex-direction: row-reverse; }
    .producer .awards .history_list>li:nth-child(2n)>div:last-child { display: none; }
    .producer .awards .history_list>li:nth-child(2n-1) { justify-content: flex-start; }
    .producer .awards .history_list>li:nth-child(2n-1)>div:first-child { display: none; }
    .about .producer .history { padding-top: 11rem; }
    .producer .history_list>li .company { text-align: left; }
    .producer .history_wrap:before { left: 44px; }
    .producer .history_line { left: 44px; }
    .producer .history_year { width: 85px; padding: calc(100vw * (4 / 767)); }
    .producer .history_list>li>div { width: calc(100% - 85px); }
    .producer .history_list>li .txt_box .txt { margin-bottom: 8px; font-size: 1.1rem; letter-spacing: calc(100vw * (-0.8 / 767)); }
    .producer .history_list>li .txt_box { padding-top: 8px; }
    .producer .deco_text p { padding: 5.2rem 0 6.6rem; font-size: 3.07; }
    .producer .history .history_list>li:nth-child(2n-1) { flex-direction: row-reverse; }
    .producer .history .history_list>li:nth-child(2n-1) { flex-direction: row-reverse; }
    .producer .history .history_list>li:nth-child(2n-1)>div:last-child { display: none; }
    .producer .history .history_list>li:nth-child(2n) { justify-content: flex-start; }
    .producer .history .history_list>li:nth-child(2n)>div:first-child { display: none; } 
}

/* about-executives,producer 다국어 */
:lang(en) .producer .black_visual .title_box span,
:lang(ja) .producer .black_visual .title_box span,
:lang(zh) .producer .black_visual .title_box span { display: none; }
:lang(ja) .executives * { word-break: break-all!important; font-family: "Noto Sans", sans-serif !important; }
:lang(ja) .producer * { word-break: break-all!important; font-family: "Noto Sans", sans-serif !important; }
:lang(zh) .executives * { word-break: break-all!important; font-family: "Noto Sans", sans-serif !important; }
:lang(zh) .producer * { word-break: break-all!important; font-family: "Noto Sans", sans-serif !important; }
:lang(ja) .producer .visual strong, :lang(zh) .producer .visual strong { font-family: 'klavika-web'!important; }
/* :lang(ja) .executives .about_header h1,
:lang(zh) .executives .about_header h1
 { font-family: "Noto Sans", sans-serif !important; } */
 :lang(ja) .producer .black_visual .title_box strong,
:lang(zh) .producer .black_visual .title_box strong ,
:lang(ja) .producer .history_year,
:lang(zh) .producer .history_year { font-family: 'klavika-web'!important; }

:lang(zh) .producer .history_list>li .txt_box .txt ,
:lang(en) .producer .history_list>li .txt_box .txt ,
:lang(ja) .producer .history_list>li .txt_box .txt { word-break: break-word !important; }

/* 240417 esg수정추가 */
.esg_organization { display: none; }
:lang(ko) .esg_certification { margin-top: 160px; }
:lang(ko) .esg_certification ul li .img { displaY:none; }
:lang(ko) .esg_certification ul li h3 { margin-top: 0; }

:lang(en) .esg_committee { display:none; }
:lang(en) .esg_organization { display:none; }
:lang(en) .esg_certification { display:none; }

:lang(zh) .esg_box * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(zh) .esg_target * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(zh) .esg_guide * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(zh) .esg_report * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(zh) .esg_committee { display:none; }
:lang(zh) .esg_organization { display:none; }
:lang(zh) .esg_certification { display:none; }

:lang(ja) .esg_box * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(ja) .esg_target * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(ja) .esg_guide * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(ja) .esg_report * { font-family: 'klavika-web'!important; word-break: keep-all !important; }
:lang(ja) .esg_committee { display:none; }
:lang(ja) .esg_organization { display:none; }
:lang(ja) .esg_certification { display:none; }
@media (max-width: 767px) {
    :lang(ko) .esg_certification { margin-top: 70px; }
}

/* 240424 이사회 모바일추가 */
.new_table { display: none; }
.new_table .table { font-size: 0.89rem; border-top: 1px solid #222; }
.new_table .table * { font-family: "klavika-web", sans-serif !important; }
.new_table .table li { padding: 20px 1px; border-bottom: 1px solid #EAEAEA; }
.new_table .table li .title { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
.new_table .table li .title .name { font-weight: 700; }
.new_table .table li .title .position { font-weight: 500; }
.new_table .table li .position_history { margin-top: 14px; }
.new_table .table li .position_history p { position: relative; margin-bottom: 8px; line-height: normal; }
.new_table .table li .position_history p::before { content: "· "; }
.new_table .table li .position_history p:last-child { margin-bottom: 0; }
.new_table .table li .detail { margin-top: 14px; }
.new_table .table li .detail p { position: relative; margin-bottom: 4px; line-height: normal; }
@media (max-width: 767px) { 
    .directors_box { display: none; }
    .new_table { display: block; }
    .new_table .directors_box { display: block; }
}

/* 240502 width 중문,일문 페이지 영문으로 변경 */
:lang(zh) .with_box * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(zh) .with_major_achievements * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(zh) .social_contribution * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(zh) .yg_instagram * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(ja) .with_box * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(ja) .with_major_achievements * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(ja) .social_contribution * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }
:lang(ja) .yg_instagram * { font-family: "klavika-web", sans-serif !important; word-break: keep-all !important; }

/* 240508 ir 폰트 변경 */
:lang(ja) .finance_box .unit *,
:lang(ja) .finance_box .mo p.f22,
:lang(zh) .finance_box .unit *,
:lang(zh) .finance_box .mo p.f22 { font-family: "klavika-web", sans-serif!important; }

/* 240528 esg 버튼추가 */
.sustainability .esg_guide .btn_down::after { display: none; }
.sustainability .esg_report .btn_down::after { display: none; }
.sustainability .esg_guide .btn_down>p,
.sustainability .esg_report .btn_down>p {     
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative; 
    padding-left: 32px; 
}
.sustainability .esg_guide .btn_down>p::after ,
.sustainability .esg_report .btn_down>p::after { 
    content: "";
    background-image: url(/home/assets/images/btn_down_new.svg);
    width:22px; 
    height: 22px; 
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #111111;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.sustainability .esg_guide .btn_down:hover>p::after { background-color: #ef4023; }
.sustainability .esg_report .btn_down:hover>p::after { background-color: #ef4023; }
.esg_guide .button_box,
.esg_report .button_box {      
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;   
    width: calc(100% - 64px);
    position: absolute;
    bottom: 32px;
}
.esg_guide .button_box a ,
.esg_report .button_box a {
    width: 100%;  
    height: 22px;
    position: relative;
    bottom: 0;
    right: 0;    
    margin-bottom: 10px; 
}
.esg_guide .button_box a p span ,
.esg_report .button_box a p span {  
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* overflow: hidden; */
}
.esg_guide .button_box a:last-child { margin-bottom: 0; }
.esg_report .button_box a:last-child { margin-bottom: 0; }

:lang(en) .esg_guide .button_box a p span.kr { font-family: "klavika-web", sans-serif!important; }
:lang(en) .esg_report .button_box a p span.kr { font-family: "klavika-web", sans-serif!important; }
:lang(zh) .esg_guide .button_box a p span.kr { font-family: "klavika-web", sans-serif!important; }
:lang(zh) .esg_report .button_box a p span.kr { font-family: "klavika-web", sans-serif!important; }
:lang(ja) .esg_guide .button_box a p span.kr { font-family: "klavika-web", sans-serif!important; }
:lang(ja) .esg_report .button_box a p span.kr { font-family: "klavika-web", sans-serif!important; }
@media (max-width: 1180px) { 
    .guide_list li>p { font-size: 17px; height: auto; }
}
@media (max-width: 767px) {
    .guide_list li>p { height: auto; font-size: 13px;} 
    .esg_guide .button_box { margin-top: 35px; }
    .esg_report .button_box { margin-top: 35px; }
    .esg_guide .button_box a { margin: 0 0 10px 0; }
    .esg_report .button_box a { margin: 0 0 10px 0; }
    .esg_guide .button_box { position: relative; bottom: 0; }
    .esg_report .button_box { position: relative; bottom: 0; }
}