@charset "UTF-8";

/*=========================================================
Tempate Type
=========================================================*/

.Bg-black {
    background-color: #000;
}

.Bg-black .Breadcrumb-link {
    color: #fff;
}

.Bg-black .PageHeaderTitle-text {
    color: #fff;
}

.Bg-black .Breadcrumb-item:after {
    background-image: url(../img/icon/ico-breadcrumb-arrow-white.png);
}

.Bg-black .PageHeaderTitle-sub {
    color: #fff;
}


/*=========================================================
PageHeader
=========================================================*/

.PageHeader {
    margin-bottom: 85px;
    width: 100%;
}

.PageHeader:after {
    content: "";
    display: table;
    clear: both;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .PageHeader {
        margin-bottom: 6.538vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PageHeader {
        margin-bottom: 6.538vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PageHeader {
        margin-bottom: 8.538vw;
    }
}


/* PageHeader:Title
=========================================================*/

.PageHeaderTitle {
    padding-right: 50px;
    overflow: hidden;
}

.PageHeaderTitle-text {
    font-size: 70px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}

html[lang="en-US"] .PageHeaderTitle-text {
    white-space: normal;
}

html[lang="zh-CN"] .PageHeaderTitle-text {
    white-space: normal;
}

.PageHeaderTitle-text.Text-lage {
    font-size: 140px;
    font-family: 'KRAFTON';
    line-height: 1em;
    margin-left: -5px;
}

.PageHeaderTitle-sub {
    font-size: 40px;
    line-height: 1.1em;
    color: #000;
    font-weight: bold;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .PageHeaderTitle {
        padding-right: 3.846vw;
    }
    .PageHeaderTitle-text {
        font-size: 5.384vw;
    }
    .PageHeaderTitle-text.Text-lage {
        font-size: 10.769vw;
        margin-left: -0.4vw;
    }
    .PageHeaderTitle-sub {
        font-size: 3.0769vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PageHeaderTitle {
        padding-right: 3.846vw;
    }
    .PageHeaderTitle-text {
        font-size: 5.084vw;
    }
    .PageHeaderTitle-text.Text-lage {
        font-size: 10.769vw;
        margin-left: -0.4vw;
    }
    .PageHeaderTitle-sub {
        font-size: 3.0769vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PageHeaderTitle {
        padding-right: 0;
    }
    .PageHeaderTitle-text {
        font-size: 10.384vw;
        white-space: normal;
    }
    .PageHeaderTitle-text.Text-lage {
        font-size: 16.769vw;
        margin-left: -0.4vw;
    }
    .PageHeaderTitle-sub {
        font-size: 4.0769vw;
        margin-top: 1vw;
    }
}


/* BreadcrumbBox
=========================================================*/

.BreadcrumbBox {
    text-align: right;
    padding-top: 14px;
    float: right;
}

.Breadcrumb-item-list {
    font-size: 0;
    line-height: 0;
}

.Breadcrumb-item {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    margin-right: 17px;
    position: relative;
}

.Breadcrumb-item:after {
    content: "";
    width: 4px;
    height: 8px;
    background-image: url(../img/icon/ico-breadcrumb-arrow.png);
    background-size: 4px 8px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.Breadcrumb-item:last-child {
    padding-right: 0;
    margin-right: 0;
}

.Breadcrumb-item:last-child:after {
    display: none;
}

.Breadcrumb-item:nth-child(3)~.Breadcrumb-item {
    display: none;
}

.Breadcrumb-item.parent-item~.Breadcrumb-item.parent-item {
    padding-right: 0;
    margin-right: 0;
}

.Breadcrumb-item.parent-item~.Breadcrumb-item.parent-item .Breadcrumb-link {
    font-weight: bold;
}

.Breadcrumb-item.parent-item~.Breadcrumb-item.parent-item:after {
    display: none;
}

.Breadcrumb-link {
    font-size: 14px;
    line-height: 1.3em;
    color: #000;
    font-family: 'Poppins', "Noto Sans", "Noto Sans KR", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", sans-serif;
    display: block;
    text-transform: capitalize;
}

span.Breadcrumb-link {
    font-weight: bold;
}

.Breadcrumb-item:last-child .Breadcrumb-link {
    font-weight: bold;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .BreadcrumbBox {
        padding-top: 1.0769vw;
    }
    .Breadcrumb-item {
        padding-right: 1.538vw;
        margin-right: 1.3076vw;
    }
    .Breadcrumb-item:after {
        width: 0.307vw;
        height: 0.6153vw;
        background-size: 0.307vw 0.6153vw;
    }
    .Breadcrumb-link {
        font-size: 1.0769vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .BreadcrumbBox {
        padding-top: 1.0769vw;
    }
    .Breadcrumb-item {
        padding-right: 1.538vw;
        margin-right: 1.3076vw;
    }
    .Breadcrumb-item:after {
        width: 0.307vw;
        height: 0.6153vw;
        background-size: 0.307vw 0.6153vw;
    }
    .Breadcrumb-link {
        font-size: 1.4769vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .BreadcrumbBox {
        padding-top: 0;
        float: none;
        text-align: left;
        margin-bottom: 5vw;
    }
    .Breadcrumb-item {
        padding-right: 1.68vw;
        margin-right: 1.6076vw;
    }
    .Breadcrumb-item:after {
        width: 0.607vw;
        height: 0.9153vw;
        background-size: 0.607vw 0.9153vw;
    }
    .Breadcrumb-link {
        font-size: 4.0769vw;
    }
}


/*=========================================================
animation
=========================================================*/

body.home {
    background-color: #fff;
    transition-property: background-color;
    transition-duration: 0.3s;
}

body.home.Bg-black {
    background-color: #000;
}


/*=========================================================
Single Post
=========================================================*/

.SingleContent {
    font-size: 16px;
    line-height: 1.9;
}

.SingleContent .size-full {
    height: auto !important;
}

.SingleContent .alignleft {
    float: left;
}

.SingleContent .alignright {
    float: right;
}

.SingleContent .aligncenter {
    display: block;
    margin: 0 auto;
}

.SingleContent figure.wp-caption {
    width: 100% !important;
}

.SingleContent iframe {
    width: 100% !important;
}

.SingleContent p {
    margin-bottom: 20px;
    color: #222222;
}

.SingleContent p img {
    height: auto !important;
}

.SingleContent a {
    color: #222222;
}

.SingleContent a:hover {
    text-decoration: underline;
}

.SingleContent h1 {
    font-size: 1.30em;
}

.SingleContent h2 {
    font-size: 1.24em;
}

.SingleContent h3 {
    font-size: 1.18em;
}

.SingleContent h4 {
    font-size: 1.12em;
}

.SingleContent h5 {
    font-size: 1.06em;
}

.SingleContent h6 {
    font-size: 1em;
}

.SingleContent h1,
.SingleContent h2,
.SingleContent h3,
.SingleContent h4,
.SingleContent h5,
.SingleContent h6 {
    margin-bottom: 15px;
    color: #222;
}

.SingleContent figure {
    margin-bottom: 20px;
}

.SingleContent ul {
    margin-bottom: 20px;
    color: #222;
    text-align: left;
}

.SingleContent ol {
    margin-bottom: 20px;
    color: #222;
}

.SingleContent li {
    margin-top: 5px;
}

.SingleContent li:first-child {
    margin-top: 0;
}

.SingleContent img {
    max-width: 100%;
}

.SingleContent figcaption.wp-caption-text {
    color: #555555;
    font-weight: normal;
    text-align: center;
    font-size: .75rem;
}

.SingleContent ul li {
    padding-left: 1.1em;
    position: relative;
}

.SingleContent ul li:before {
    content: "∙";
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}

.SingleContent ol li {
    padding-left: 1.1em;
    position: relative;
}

.SingleContent ol li:nth-child(1):before {
    content: "1.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(2):before {
    content: "2.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(3):before {
    content: "3.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(4):before {
    content: "4.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(5):before {
    content: "5.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(6):before {
    content: "6.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(7):before {
    content: "7.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(8):before {
    content: "8.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(9):before {
    content: "9.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent blockquote {
    color: #1c1c1c;
    padding-left: 16px;
    position: relative;
}

.SingleContent blockquote:before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
}

.SingleContent table {
    width: 100%;
    margin-bottom: 20px;
    border-top: solid 2px #2e3235;
    border-collapse: collapse;
}

.SingleContent table thead th {
    text-align: center;
}

.SingleContent table tbody th {
    text-align: center;
}

.SingleContent table caption {
    display: none;
}

.SingleContent table * {
    margin: 0;
}

.SingleContent table thead th {
    color: #2e3235;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
}

.SingleContent table th,
.SingleContent table td {
    vertical-align: middle;
    border: solid 1px #ccd0d7;
    padding: 12px 5px;
    text-align: center;
}

.SingleContent iframe {
    max-width: 100% !important;
}

.SingleContent span[id*="more-"] {
    border-bottom: dashed 2px #ccd0d7;
    display: block;
}

.SingleContent figcaption {
    color: #555555;
    font-weight: normal;
    font-size: .75rem;
}

.SingleContent iframe[src*="youtube"] {
    height: 647px;
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .SingleContent {
        font-size: 1.23076vw;
    }
    .SingleContent h1,
    .SingleContent h2,
    .SingleContent h3,
    .SingleContent h4,
    .SingleContent h5,
    .SingleContent h6 {
        margin-bottom: 1.154vw;
    }
    .SingleContent p {
        margin-bottom: 1.538vw;
    }
    .SingleContent blockquote {
        padding-left: 1.231vw;
    }
    .SingleContent iframe[src*="youtube"] {
        height: 51.7692vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .SingleContent {
        font-size: 1.82291vw;
    }
    .SingleContent h1,
    .SingleContent h2,
    .SingleContent h3,
    .SingleContent h4,
    .SingleContent h5,
    .SingleContent h6 {
        margin-bottom: 1.465vw;
    }
    .SingleContent p {
        margin-bottom: 1.953vw;
    }
    .SingleContent blockquote {
        padding-left: 1.5625vw;
    }
    .SingleContent iframe[src*="youtube"] {
        height: 51.7692vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .SingleContent {
        font-size: 3.7333vw;
    }
    .SingleContent .size-full {
        display: block;
        max-width: none;
        width: auto;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    .SingleContent .size-large .size-full {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .SingleContent .size-large .size-large {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .SingleContent .size-full .size-full {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .SingleContent .size-full .size-large {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .SingleContent .size-full figcaption {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }
    .SingleContent .size-large {
        display: block;
        max-width: none;
        width: auto;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    .SingleContent .size-large figcaption {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }
    .SingleContent h1,
    .SingleContent h2,
    .SingleContent h3,
    .SingleContent h4,
    .SingleContent h5,
    .SingleContent h6 {
        margin-bottom: 3.96vw;
    }
    .SingleContent p {
        margin-bottom: 4.607vw;
    }
    .SingleContent blockquote {
        padding-left: 2.086vw;
    }
    .SingleContent iframe[src*="youtube"] {
        height: 51.7692vw;
    }
}


/*=========================================================
	SingleTagBoxCont
=========================================================*/

.SingleTagBoxCont {
    display: block;
    margin-top: 37px;
    padding: 13px 26px;
}

.SingleTagBoxCont-list {
    line-height: 0;
    font-size: 0;
}

.SingleTagBoxCont-item {
    display: inline-block;
    padding-right: 18px;
}

.SingleTagBoxCont-item:last-child {
    padding-right: 0;
}

.SingleTagBoxCont-link {
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 1.6em;
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .SingleTagBoxCont {
        margin-top: 2.846vw;
        padding: 1vw 2vw;
    }
    .SingleTagBoxCont-item {
        padding-right: 1.384vw;
    }
    .SingleTagBoxCont-link {
        font-size: 1.384vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .SingleTagBoxCont {
        margin-top: 3.613vw;
        padding: 1.27vw 2.54vw;
    }
    .SingleTagBoxCont-item {
        padding-right: 1.757vw;
    }
    .SingleTagBoxCont-link {
        font-size: 1.757vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .SingleTagBoxCont {
        margin-top: 10.8239vw;
        padding: 1.6vw 3.2vw;
    }
    .SingleTagBoxCont:before {
        display: none;
    }
    .SingleTagBoxCont-item {
        padding: 0.5vw 2.346vw 0.5vw 0;
    }
    .SingleTagBoxCont-link {
        font-size: 3.78vw;
    }
}


/*=========================================================
ScrollTab
=========================================================*/

.ScrollTab {
    position: relative;
    overflow: hidden;
}

.ScrollTab:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #E9E9EA;
}

body .ScrollTab-container {
    overflow: visible;
    height: auto;
}

body .ScrollTab-wrapper {
    height: auto;
}

body .ScrollTab-item {
    width: auto;
    height: auto;
    margin-right: 25px;
}

body .ScrollTab-item:last-child {
    margin-right: 0px;
}

.ScrollTabItem-link {
    font-size: 18px;
    line-height: 1.2em;
    color: #777777;
    white-space: nowrap;
    display: block;
    padding: 0 10px 20px;
    position: relative;
    transition-property: color;
    transition-duration: 0.2s;
}

.ScrollTabItem-link:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    transition-property: transform;
    transition-duration: 0.2s;
    transform: scaleX(0);
    transform-origin: left;
}

body .ScrollTab-item.is-Current .ScrollTabItem-link {
    font-weight: 500;
    color: #000;
}

body .ScrollTab-item.is-Current .ScrollTabItem-link:after {
    transform: scaleX(1);
}

@media screen and (min-width: 1025px) {
    body .ScrollTab-item .ScrollTabItem-link:hover {
        color: #000;
    }
    body .ScrollTab-item .ScrollTabItem-link:hover:after {
        transform: scaleX(1);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    body .ScrollTab-item {
        margin-right: 1.923vw;
    }
    .ScrollTabItem-link {
        font-size: 1.3846vw;
        padding: 0 0.769vw 1.53846vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    body .ScrollTab-item {
        margin-right: 1.923vw;
    }
    .ScrollTabItem-link {
        font-size: 1.8846vw;
        padding: 0 0.79vw 1.83846vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ScrollTab {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        padding-left: 4.481vw;
        padding-right: 6.25vw;
    }
    body .ScrollTab-item {
        margin-right: 2.923vw;
    }
    .ScrollTabItem-link {
        font-size: 4.2846vw;
        padding: 0 1.769vw 4.83846vw;
    }
}


/*=========================================================
	CategoryPost
=========================================================*/

.CategoryPost-item {
    position: relative;
}

.CategoryPost-item:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition-property: transform;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
}

.CategoryPost-item:first-child:after {
    display: none;
}

.CategoryPost-item:last-child:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 1px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition-property: transform;
    transition-delay: 0.4s;
    transition-duration: 0.8s;
    transition-timing-function: ease-out;
}


/*Action*/

.CategoryPost-item.is-None {
    display: none;
}


/*Responsive*/

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CategoryPost {
        margin-top: 10vw;
    }
    .CategoryPost-item {
        margin: 0 -6.25vw;
    }
    .CategoryPost-item:after {
        display: none !important;
    }
    .CategoryPost-item:before {
        display: none !important;
    }
}


/* CategoryPost:Animation
=========================================================*/

.CategoryPost-item.is-Opacity:after {
    transform: scaleX(1);
}

.CategoryPost-item.is-Opacity:before {
    transform: scaleX(1);
}


/*=========================================================
	Main:KeyVisual
=========================================================*/

body.home .site-footer {
    margin-top: 0;
}

body.home .site-content {
    padding-top: 0;
}

.KeyVisual {
    overflow: hidden;
}

.KeyVisual-container {
    height: 100vh;
    padding: 0 4.11458vw;
    margin: 0 auto;
    position: relative;
    min-height: 43.6893vw;
}


/* Main:KeyVisual:Arrow
=========================================================*/

.KeyVisualScroll {
    position: absolute;
    bottom: 1.04166vw;
    right: 4.11458vw;
    z-index: 10;
}

.KeyVisualScroll-link {
    display: block;
    width: 2.7083vw;
    height: 3.6979vw;
    position: relative;
}

.KeyVisualScroll-text {
    display: block;
    width: 0.8854vw;
    height: 2.2916vw;
    position: absolute;
    bottom: 0.2vw;
    left: 0;
    background-image: url(../img/icon/ico-scroll-text.png);
    background-size: 0.8854vw 2.2916vw;
}

.KeyVisualScroll-arrow {
    display: block;
    width: 1.302vw;
    height: 3.6979vw;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/icon/ico-scroll-arrow.png);
    background-size: 1.302vw 3.6979vw;
    animation-duration: 1.8s;
    animation-name: ScrollArrow;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transform: translateY(-50px);
    opacity: 0;
}

@keyframes ScrollArrow {
    0% {
        transform: translateY(-30%);
        opacity: 0;
    }
    5% {
        transform: translateY(-30%);
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
    .KeyVisualScroll {
        bottom: 2.04166vw;
    }
    .KeyVisualScroll-link {
        width: 5.2083vw;
        height: 7.6979vw;
    }
    .KeyVisualScroll-text {
        width: 1.8854vw;
        height: 4.2916vw;
        background-size: 1.8854vw 4.2916vw;
    }
    .KeyVisualScroll-arrow {
        width: 2.302vw;
        height: 7.6979vw;
        background-size: 2.302vw 7.6979vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .KeyVisualScroll {
        bottom: 6.04166vw;
    }
    .KeyVisualScroll-link {
        width: 8.2083vw;
        height: 11.6979vw;
    }
    .KeyVisualScroll-text {
        width: 2.8854vw;
        height: 8.2916vw;
        background-size: 2.8854vw 8.2916vw;
    }
    .KeyVisualScroll-arrow {
        width: 3.302vw;
        height: 11.6979vw;
        background-size: 3.302vw 11.6979vw;
    }
}


/*	Main:KeyVisual:BG
=========================================================*/

.KeyVisualBox {
    position: absolute;
    left: 4.11458vw;
    right: 4.11458vw;
    top: 50%;
    transform: translateY(-50%);
    height: 30.677vw;
    overflow: hidden;
}

.KeyVisualBoxBG {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    isolation: isolate;
    opacity: 0;
    animation-duration: 2.37s;
    animation-name: KeyVisualBoxBG;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.92, .03, .39, .67);
}

@keyframes KeyVisualBoxBG {
    0% {
        opacity: 0;
    }
    84% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.KeyVisualBoxBGSecond {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.KeyVisualBoxBG-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url(../img/main/KeyVisual.png);
    mix-blend-mode: normal;
    background-size: 100% 100%;
}

.KeyVisualBoxBGSecond-item {
    position: absolute;
    clip: rect(0, auto, auto, 0);
    overflow: hidden;
}

.KeyVisualBoxBGSecond-item:nth-child(1) {
    width: 100%;
    height: 45%;
    top: 2%;
    left: 0.6%;
}

.KeyVisualBoxBGSecond-item:nth-child(2) {
    width: 100%;
    height: 45%;
    bottom: 2%;
    right: 0.6%;
}

.KeyVisualBoxBGSecond-item video {
    position: absolute;
    bottom: -9%;
    left: 0;
    width: 100%;
    height: 294%;
    object-fit: cover;
    transition-property: transform;
    transition-duration: 0s;
    will-change: transform;
}

.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video {
    bottom: -30%;
    height: 226%;
}

body.Safari .KeyVisualBoxBGSecond-item video {
    transition-duration: 0s;
}

.KeyVisualBoxBGFirst {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item {
    width: 98.8%;
    height: 96.5%;
    top: 1.5%;
    left: 0.6%;
}

.KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item .video {
    bottom: -25%;
    height: 150%;
}


/*	Main:KeyVisual:Text
=========================================================*/

.KeyVisualBoxText {
    position: absolute;
    top: 2.3%;
    left: 0.6%;
    width: 98.8%;
    height: 95%;
    z-index: 10;
}

.KeyVisualBoxText-img {
    height: 5.73749vw;
}

.KeyVisualBoxText-item {
    display: block;
    position: absolute;
    overflow: hidden;
}

.is-Play .KeyVisualBoxText-item {
    opacity: 1;
}

.KeyVisualBoxText-item:nth-child(1) {
    left: 0;
    top: 0;
}

.KeyVisualBoxText-item:nth-child(2) {
    right: 0;
    top: 0;
}

.KeyVisualBoxText-item:nth-child(3) {
    right: 0%;
    top: 27%;
}

.KeyVisualBoxText-item:nth-child(4) {
    left: 0;
    bottom: 25.3%;
}

.KeyVisualBoxText-item:nth-child(5) {
    right: 48%;
    bottom: -1.8%;
}

.KeyVisualBoxText-item:nth-child(6) {
    right: 19%;
    bottom: -1.8%;
}

.KeyVisualBoxText-item:nth-child(7) {
    right: 0;
    bottom: -1.8%;
    max-width: 17%;
}

.KeyVisualBoxText-item:nth-child(1) .KeyVisualBoxText-img {
    width: 25.6645vw;
    animation-delay: 0.2s;
}

.KeyVisualBoxText-item:nth-child(2) .KeyVisualBoxText-img {
    width: 12.306vw;
    animation-delay: 0.4s;
}

.KeyVisualBoxText-item:nth-child(3) .KeyVisualBoxText-img {
    width: 31.0208vw;
    animation-delay: 0.6s;
}

.KeyVisualBoxText-item:nth-child(4) .KeyVisualBoxText-img {
    width: 30.2229vw;
    animation-delay: 0.8s;
}

.KeyVisualBoxText-item:nth-child(5) .KeyVisualBoxText-img {
    width: 12.306vw;
    animation-delay: 1s;
}

.KeyVisualBoxText-item:nth-child(6) .KeyVisualBoxText-img {
    width: 23.406vw;
    animation-delay: 1.2s;
}

.KeyVisualBoxText-sub {
    font-size: 0.94166vw;
    line-height: 1.82em;
    color: #000;
    text-align: left;
}

html[lang="ko-KR"] .KeyVisualBoxText-item:nth-child(7) {
    max-width: 17%;
}

html[lang="en-US"] .KeyVisualBoxText-sub {
    font-size: 0.74166vw;
}

html[lang="zh-CN"] .KeyVisualBoxText-sub {
    font-size: 0.74166vw;
}

html[lang="ja"] .KeyVisualBoxText-sub {
    font-size: 0.74166vw;
}

html[lang="ko-KR"] .KeyVisualBoxText-sub {
    font-size: 0.74166vw;
}


/*Responsive*/

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .KeyVisual-container {
        padding: 0 2.607vw;
        min-height: 123.6979vw;
    }
    .KeyVisualBox {
        left: 50%;
        height: 95.077vw;
        width: 86.7877vw;
        transform: translate(-50%, -50%);
    }
    .KeyVisualBoxBG-img {
        background-image: url(../img/main/KeyVisual-mobile.png);
    }
    .KeyVisualBoxText-img {
        height: 10.66749vw;
        animation-duration: 0.6s;
        animation-delay: 0.2s !important;
    }
    .KeyVisualBoxText {
        top: 1.1%;
        height: 100%;
        left: 1%;
        width: calc(100% - 2%);
    }
    .KeyVisualBoxText-item:nth-child(1) {
        left: 1%;
    }
    .KeyVisualBoxText-item:nth-child(2) {
        top: 18%;
        left: 1%;
    }
    .KeyVisualBoxText-item:nth-child(3) {
        left: auto;
        right: 0;
        top: 18%;
    }
    .KeyVisualBoxText-item:nth-child(4) {
        bottom: 35.5%;
        right: 1%;
    }
    .KeyVisualBoxText-item:nth-child(5) {
        right: 55%;
        bottom: 1%;
    }
    .KeyVisualBoxText-item:nth-child(6) {
        right: 0;
        bottom: 1%;
    }
    .KeyVisualBoxBGSecond-item:nth-child(1) {
        width: 99%;
        top: 1.1%;
        height: 65.5%;
    }
    .KeyVisualBoxBGSecond-item:nth-child(2) {
        width: 99%;
        height: 35%;
        bottom: 0%;
        right: 1%;
    }
    .KeyVisualBoxText-item:nth-child(1) .KeyVisualBoxText-img {
        width: 47.8437vw;
    }
    .KeyVisualBoxText-item:nth-child(2) .KeyVisualBoxText-img {
        width: 23.0104vw;
    }
    .KeyVisualBoxText-item:nth-child(3) .KeyVisualBoxText-img {
        width: 57.908vw;
    }
    .KeyVisualBoxText-item:nth-child(4) .KeyVisualBoxText-img {
        width: 55.7656vw;
    }
    .KeyVisualBoxText-item:nth-child(5) .KeyVisualBoxText-img {
        width: 23.1656vw;
    }
    .KeyVisualBoxText-item:nth-child(6) .KeyVisualBoxText-img {
        width: 43.7656vw;
    }
    .KeyVisualBoxBGSecond-item video {
        bottom: -20%;
        height: 160%;
    }
    .KeyVisualBoxBGSecond-item:nth-child(2) video {
        bottom: 0%;
        height: 214%;
    }
    .KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item {
        top: 1.1%;
        height: 98.9%;
    }
    .KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video {
        bottom: -20%;
        height: 153%;
    }
    .KeyVisualBoxText-item:nth-child(7) {
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .KeyVisual-container {
        padding: 0 3.805vw;
        min-height: 153.125vw;
    }
    .KeyVisualBox {
        left: 50%;
        height: 95.077vw;
        width: 86.7877vw;
        transform: translate(-50%, -50%);
    }
    .KeyVisualBoxBG-img {
        background-image: url(../img/main/KeyVisual-mobile.png);
    }
    .KeyVisualBoxText-img {
        height: 10.66749vw;
        animation-duration: 0.6s;
        animation-delay: 0.2s !important;
    }
    .KeyVisualBoxText {
        top: 1.1%;
        height: 100%;
        left: 1%;
        width: calc(100% - 2%);
    }
    .KeyVisualBoxText-item:nth-child(1) {
        left: 1%;
    }
    .KeyVisualBoxText-item:nth-child(2) {
        top: 18%;
        left: 1%;
    }
    .KeyVisualBoxText-item:nth-child(3) {
        left: auto;
        right: 0;
        top: 18%;
    }
    .KeyVisualBoxText-item:nth-child(4) {
        bottom: 35.1%;
        right: 1%;
    }
    .KeyVisualBoxText-item:nth-child(5) {
        right: 55%;
        bottom: 0%;
    }
    .KeyVisualBoxText-item:nth-child(6) {
        right: 0;
        bottom: 0%;
    }
    .KeyVisualBoxBGSecond-item:nth-child(1) {
        width: 99%;
        top: 1.1%;
        height: 65.5%;
    }
    .KeyVisualBoxBGSecond-item:nth-child(2) {
        width: 99%;
        height: 35%;
        bottom: 0%;
        right: 1%;
    }
    .KeyVisualBoxText-item:nth-child(1) .KeyVisualBoxText-img {
        width: 47.8437vw;
    }
    .KeyVisualBoxText-item:nth-child(2) .KeyVisualBoxText-img {
        width: 23.0104vw;
    }
    .KeyVisualBoxText-item:nth-child(3) .KeyVisualBoxText-img {
        width: 57.908vw;
    }
    .KeyVisualBoxText-item:nth-child(4) .KeyVisualBoxText-img {
        width: 55.7656vw;
    }
    .KeyVisualBoxText-item:nth-child(5) .KeyVisualBoxText-img {
        width: 23.1656vw;
    }
    .KeyVisualBoxText-item:nth-child(6) .KeyVisualBoxText-img {
        width: 43.7656vw;
    }
    .KeyVisualBoxBGSecond-item video {
        bottom: -22%;
        height: 200%;
    }
    .KeyVisualBoxBGSecond-item:nth-child(2) video {
        bottom: 0%;
        height: 245%;
    }
    .KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item {
        top: 1.1%;
        height: 98.9%;
    }
    .KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video {
        bottom: -20%;
        height: 153%;
    }
    .KeyVisualBoxText-item:nth-child(7) {
        display: none;
    }
}


/*=========================================================
	Main:KeyVisual:IE
=========================================================*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item {
        width: 125.8%;
        height: 96.5%;
    }
    .KeyVisualBoxBGFirst .KeyVisualBoxBGSecond-item video {
        height: 217%;
    }
    .KeyVisualBoxBGSecond .KeyVisualBoxBGSecond-item video {
        bottom: -58%;
        height: 373%;
    }
}

@media all and (max-width: 1024px) and (min-width: 1px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .KeyVisualBoxBGSecond .KeyVisualBoxBGSecond-item:nth-child(1) video {
        bottom: -30%;
        height: 250%;
        width: 320%;
    }
    .KeyVisualBoxBGSecond .KeyVisualBoxBGSecond-item:nth-child(2) video {
        width: 222%;
        height: 420%;
        bottom: -47%;
    }
}


/*=========================================================
	MainNews
=========================================================*/

.MainNews {
    margin-bottom: 88px;
    padding-top: 46px;
    overflow: hidden;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainNews {
        margin-bottom: 6.7692vw;
        padding-top: 3.5384vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainNews {
        margin-bottom: 10.7692vw;
        padding-top: 5.5384vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainNews {
        margin-bottom: 15.7692vw;
        padding-top: 10.5384vw;
    }
}


/*	MainNews:Header
=========================================================*/

.MainNewsHeader {
    margin-bottom: 38px;
}

.MainInteractionTitle {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.MainInteractionTitle-text {
    font-size: 36px;
    line-height: 1.2em;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins', "Noto Sans";
    position: relative;
    transform: translateY(101%);
    display: inline-block;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}

.is-Opacity .MainInteractionTitle-text {
    transform: translateY(0%);
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainNewsHeader {
        margin-bottom: 2.923vw;
    }
    .MainInteractionTitle-text {
        font-size: 2.7692vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainNewsHeader {
        margin-bottom: 2.923vw;
    }
    .MainInteractionTitle-text {
        font-size: 4.5692vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainNewsHeader {
        margin-bottom: 4.223vw;
    }
    .MainInteractionTitle-text {
        font-size: 8.7692vw;
    }
}


/*	MainNews:Post
=========================================================*/

.MainNewsSlide {
    margin: 0 -14px;
}

.MainNewsSlide-container {
    overflow: visible;
}

.MainNewsSlide-item {
    padding: 0 14px;
    width: 33.333%;
}

.DefaultPost {
    width: 100%;
}

.DefaultPost-link {
    display: block;
}

.DefaultPostThumnail {
    font-size: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
    background-color: #000;
}

.DefaultPostThumnail:after {
    content: "";
    display: block;
    padding-bottom: 63.8%;
}

.DefaultPostThumnail-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transform: scale(1);
}

.DefaultPostThumnail-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(100%);
}

.is-Opacity .DefaultPostThumnail-img {
    transform: translateY(0%);
}

.DefaultPostCont-title {
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 1.3em;
    max-height: calc(2.6em + 2px);
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 2px;
}

.DefaultPostCont-text {
    font-size: 24px;
    line-height: 1.3em;
    color: #000;
    font-weight: 500;
    background-image: linear-gradient(#000, #000);
    background-position: left bottom;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: 0.3s;
}

.DefaultPostCont-date {
    font-size: 14px;
    line-height: 1.2em;
    color: #999999;
    font-family: 'Poppins', "Noto Sans";
}

.MainNewsSlide-item:nth-child(1) .DefaultPostThumnail-img {
    transition-delay: 0s;
}

.MainNewsSlide-item:nth-child(2) .DefaultPostThumnail-img {
    transition-delay: 0.2s;
}

.MainNewsSlide-item:nth-child(3) .DefaultPostThumnail-img {
    transition-delay: 0.4s;
}

@media screen and (min-width: 1025px) {
    .DefaultPost-link:hover .DefaultPostCont-text {
        background-size: 100% 2px;
    }
    .DefaultPost-link:hover .DefaultPostThumnail-inner {
        transform: scale(1.1);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainNewsSlide {
        margin: 0 -1.0769vw;
    }
    .MainNewsSlide-item {
        padding: 0 1.0769vw;
    }
    .DefaultPostThumnail {
        margin-bottom: 2.4615vw;
    }
    .DefaultPostCont-title {
        margin-bottom: 1.3846vw;
        font-size: 1.8461vw;
    }
    .DefaultPostCont-text {
        font-size: 1.8461vw;
    }
    .DefaultPostCont-date {
        font-size: 1.0769vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainNewsSlide {
        margin: 0 -1.0769vw;
    }
    .MainNewsSlide-item {
        padding: 0 1.0769vw;
    }
    .DefaultPostThumnail {
        margin-bottom: 2.4615vw;
    }
    .DefaultPostCont-title {
        margin-bottom: 1.3846vw;
        font-size: 2.0461vw;
    }
    .DefaultPostCont-text {
        font-size: 2.0461vw;
    }
    .DefaultPostCont-date {
        font-size: 1.4769vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainNewsSlide {
        margin: 0 -8.3269vw;
        padding: 0 6.25vw;
    }
    .MainNewsSlide-item {
        padding: 0 2.0769vw;
        width: 70%;
    }
    .DefaultPostThumnail {
        margin-bottom: 4.4615vw;
    }
    .DefaultPostCont-title {
        margin-bottom: 3.846vw;
        font-size: 4.0461vw;
    }
    .DefaultPostCont-text {
        font-size: 4.0461vw;
    }
    .DefaultPostCont-date {
        font-size: 3.0769vw;
    }
}


/*=========================================================
	MainIR
=========================================================*/

.MainIR {
    margin-bottom: 91px;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainIR {
        margin-bottom: 7vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainIR {
        margin-bottom: 10.7692vw;
        ;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainIR {
        margin-bottom: 15.7692vw;
        ;
    }
}


/*	MainIR:Header
=========================================================*/

.MainIRHeader {
    margin-bottom: 38px;
}

.MainIRTitle {
    margin-bottom: 32px;
    position: relative;
    padding-right: 45px;
}

.MainIRTitle-text {
    display: block;
    font-size: 20px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
}

.MainIRTitle-link {
    display: block;
    width: 27px;
    height: 10px;
    background-image: url(../img/icon/ico-more-arrow.png);
    background-size: 27px 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    transition-property: transform;
    transition-duration: 0.3s;
}

.MainIRCont-inner {
    margin: 0 -19px;
}

.MainIRCont-inner:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (min-width: 1025px) {
    .MainIRTitle-link:hover {
        transform: translate(5px, -50%);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainIRHeader {
        margin-bottom: 2.92307vw;
    }
    .MainIRTitle {
        margin-bottom: 2.4615vw;
        padding-right: 3.4615vw;
    }
    .MainIRTitle-text {
        font-size: 1.5384vw;
    }
    .MainIRTitle-link {
        width: 2.0769vw;
        height: 0.76923vw;
        background-size: 2.0769vw 0.76923vw;
    }
    .MainIRCont-inner {
        margin: 0 -1.4615vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainIRHeader {
        margin-bottom: 2.92307vw;
    }
    .MainIRTitle {
        margin-bottom: 2.4615vw;
        padding-right: 3.4615vw;
    }
    .MainIRTitle-text {
        font-size: 2.5384vw;
    }
    .MainIRTitle-link {
        width: 3.0769vw;
        height: 1.26923vw;
        background-size: 3.0769vw 1.26923vw;
    }
    .MainIRCont-inner {
        margin: 0 -2.4615vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainIRHeader {
        margin-bottom: 4.223vw;
    }
    .MainIRTitle {
        margin-bottom: 3.4615vw;
        padding-right: 10.4615vw;
    }
    .MainIRTitle-text {
        font-size: 4.5384vw;
    }
    .MainIRTitle-link {
        width: 7.0769vw;
        height: 2.56923vw;
        background-size: 7.0769vw 2.56923vw;
    }
    .MainIRCont-inner {
        margin: 0 -2.4615vw;
    }
}


/*	MainIR:MainIRInfo
=========================================================*/

.MainIRInfo {
    padding: 0 19px;
    float: left;
    width: 50%;
}

.MainIRInfoCount {
    display: table;
    width: 100%;
}

.MainIRInfoCountTitle {
    display: table-cell;
    vertical-align: middle;
    width: 1px;
    white-space: nowrap;
}

.MainIRInfoCountInfo {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.MainIRInfoCountTitle-text {
    font-size: 63px;
    line-height: 1em;
    color: #000;
    font-family: 'Lato';
    font-weight: 300;
    display: block;
    margin-left: -2px;
}

.MainIRInfoCountTitle-sub {
    display: block;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.2em;
    color: #999999;
}

.MainIRInfoCountInfo-updown {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2em;
    color: #000;
    margin-right: 18px;
    padding-left: 25px;
    position: relative;
}

.MainIRInfoCountInfo-updown:before {
    content: '';
    display: block;
    width: 15px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    background-size: 15px 10px;
    transform: translateY(-50%);
    margin-top: 1px;
}

.MainIRInfoCountInfo-updown.is-Up {
    color: #ED2929;
}

.MainIRInfoCountInfo-updown.is-Up:before {
    background-image: url(../img/icon/ico-stockup.png);
}

.MainIRInfoCountInfo-updown.is-Down {
    color: #3D7FD9;
}

.MainIRInfoCountInfo-updown.is-Down:before {
    background-image: url(../img/icon/ico-stockdown.png);
}

.MainIRInfoCountInfo-increase {
    display: inline-block;
    font-size: 20px;
    line-height: 1.2em;
    color: #000;
}

.MainIRInfoCountInfo-increase.is-Up {
    color: #ED2929;
}

.MainIRInfoCountInfo-increase.is-Down {
    color: #3D7FD9;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainIRInfo {
        padding: 0 1.4615vw;
    }
    .MainIRInfoCountTitle-text {
        font-size: 4.84615vw;
        margin-left: -0.1538vw;
    }
    .MainIRInfoCountTitle-sub {
        margin-top: 1.8461vw;
        font-size: 1.0769vw;
    }
    .MainIRInfoCountInfo-updown {
        font-size: 1.5384vw;
        margin-right: 1.3846vw;
        padding-left: 1.923vw;
    }
    .MainIRInfoCountInfo-updown:before {
        width: 1.1538vw;
        height: 0.7692vw;
        margin-top: 0.0769vw;
        background-size: 1.1538vw 0.7692vw;
    }
    .MainIRInfoCountInfo-increase {
        font-size: 1.5384vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainIRInfo {
        padding: 0 2.4615vw;
    }
    .MainIRInfoCountTitle-text {
        font-size: 4.84615vw;
        margin-left: -0.1538vw;
    }
    .MainIRInfoCountTitle-sub {
        margin-top: 1.8461vw;
        font-size: 1.0769vw;
    }
    .MainIRInfoCountInfo-updown {
        font-size: 1.8384vw;
        margin-right: 1.3846vw;
        padding-left: 1.923vw;
    }
    .MainIRInfoCountInfo-updown:before {
        width: 1.1538vw;
        height: 0.7692vw;
        margin-top: 0;
        background-size: 1.1538vw 0.7692vw;
    }
    .MainIRInfoCountInfo-increase {
        font-size: 1.8384vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainIRInfo {
        padding: 0 2.4615vw;
        width: 100%;
        margin-bottom: 8vw;
        float: none;
        transition-property: opacity;
        transition-duration: 1.6s;
        transition-timing-function: ease-out;
        opacity: 0;
    }
    .is-Opacity .MainIRInfo {
        opacity: 1;
    }
    .MainIRInfoCountTitle-text {
        font-size: 7.84615vw;
        margin-left: -0.1538vw;
    }
    .MainIRInfoCountTitle-sub {
        margin-top: 3.4461vw;
        font-size: 3.4769vw;
    }
    .MainIRInfoCountInfo-updown {
        font-size: 3.8384vw;
        margin-right: 3.3846vw;
        padding-left: 3.923vw;
    }
    .MainIRInfoCountInfo-updown:before {
        width: 2.6538vw;
        height: 1.7692vw;
        margin-top: 0;
        background-size: 2.6538vw 1.7692vw;
    }
    .MainIRInfoCountInfo-increase {
        font-size: 3.8384vw;
    }
}


/*	MainIR:MainIRInNotice
=========================================================*/

.MainIRInNotice {
    padding: 0 17px;
    float: left;
    width: 50%;
}

.MainIRPostItem-link {
    display: block;
    padding: 7px 0;
    padding-right: 86px;
    position: relative;
}

.MainIRPostItem-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 17px;
    line-height: 1.2em;
    padding: 2px 0;
}

.MainIRPostItem-text {
    font-size: 17px;
    line-height: 1.2em;
    color: #000;
    background-image: linear-gradient(#000, #000);
    background-position: left bottom;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: 0.3s;
}

.MainIRPostItem-date {
    font-size: 14px;
    line-height: 1.2em;
    color: #999999;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media screen and (min-width: 1025px) {
    .MainIRPostItem-link:hover .MainIRPostItem-text {
        background-size: 100% 2px;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainIRInNotice {
        padding: 0 2.30769vw;
    }
    .MainIRPostItem-link {
        padding: 0.5384vw 0;
        padding-right: 6.6153vw;
    }
    .MainIRPostItem-title {
        font-size: 1.30769vw;
        padding: 0.1538vw 0;
    }
    .MainIRPostItem-text {
        font-size: 1.30769vw;
    }
    .MainIRPostItem-date {
        font-size: 1.0769vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainIRInNotice {
        padding: 0 2.30769vw;
    }
    .MainIRPostItem-link {
        padding: 0.5384vw 0;
        padding-right: 8.6153vw;
    }
    .MainIRPostItem-title {
        font-size: 1.80769vw;
        padding: 0.1538vw 0;
    }
    .MainIRPostItem-text {
        font-size: 1.80769vw;
    }
    .MainIRPostItem-date {
        font-size: 1.4769vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainIRInNotice {
        padding: 0 2.30769vw;
        width: 100%;
        float: none;
        transition-property: opacity;
        transition-duration: 1.6s;
        transition-timing-function: ease-out;
        opacity: 0;
    }
    .is-Opacity .MainIRInNotice {
        opacity: 1;
    }
    .MainIRPostItem-link {
        padding: 1.5384vw 0;
        padding-right: 21.6153vw;
    }
    .MainIRPostItem-title {
        font-size: 1.80769vw;
        padding: 0.1538vw 0;
    }
    .MainIRPostItem-text {
        font-size: 4.00769vw;
    }
    .MainIRPostItem-date {
        font-size: 3.4769vw;
    }
}


/*=========================================================
	MainCareesrs
=========================================================*/

.MainCareesrs {
    margin-bottom: 94px;
    overlfow: hidden;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainCareesrs {
        margin-bottom: 7.23076vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainCareesrs {
        margin-bottom: 10.7692vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainCareesrs {
        margin-bottom: 15.7692vw;
    }
}


/*	MainCareesrs:Slide
=========================================================*/

.MainCareesrsSlide {
    margin: 0 -20px;
}

.MainCareesrsSlide-container {
    overflow: visible;
}

.MainCareesrsSlide-item {
    width: 50%;
    padding: 0 20px;
}

.ArrowPost {
    width: 100%;
}

.ArrowPost-link {
    line-height: 0;
    display: block;
}

.ArrowPostThumnail {
    font-size: 0;
    line-height: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 17px;
    background-color: #000;
}

.ArrowPostThumnail:after {
    content: "";
    display: block;
    padding-bottom: 37.7%;
}

.ArrowPostThumnail-inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transform: scale(1);
}

.ArrowPostThumnail-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(100%);
}

.is-Opacity .ArrowPostThumnail-img {
    transform: translateY(0%);
}

.ArrowPostCont-title {
    font-size: 24px;
    line-height: 1.2em;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Bg-black .ArrowPostCont-title {
    color: #fff;
}

.Bg-black .ArrowPostCont-text {
    color: #fff;
    background-image: linear-gradient(#fff, #fff);
}

.Bg-black .ArrowPostCont-sub {
    color: #fff;
}

.ArrowPostCont-text {
    font-size: 24px;
    line-height: 1.2em;
    color: #000;
    font-weight: 600;
    background-image: linear-gradient(#000, #000);
    background-position: left bottom;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: 0.3s;
}

.ArrowPostCont-sub {
    font-size: 16px;
    line-height: 1.4em;
    color: #000;
    min-height: 2.8em;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ArrowPostCont-arrow {
    margin-top: 10px;
    display: block;
    width: 27px;
    height: 10px;
    background-image: url(../img/icon/ico-more-arrow.png);
    background-size: 27px 10px;
    transition-property: transform;
    transition-duration: 0.3s;
}

.MainCareesrsSlide-item:nth-child(1) .ArrowPostThumnail-img {
    transition-delay: 0s;
}

.MainCareesrsSlide-item:nth-child(2) .ArrowPostThumnail-img {
    transition-delay: 0.2s;
}

@media screen and (min-width: 1025px) {
    .ArrowPost-link:hover .ArrowPostCont-text {
        background-size: 100% 2px;
    }
    .ArrowPost-link:hover .ArrowPostThumnail-inner {
        transform: scale(1.1);
    }
    .ArrowPost-link:hover .ArrowPostCont-arrow {
        transform: translateX(5px);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainCareesrsSlide {
        margin: 0 -1.5384vw;
    }
    .MainCareesrsSlide-item {
        padding: 0 1.5384vw;
    }
    .ArrowPostThumnail {
        margin-bottom: 1.30769vw;
    }
    .ArrowPostCont-title {
        font-size: 1.8461vw;
        margin-bottom: 0.38461vw;
        padding: 0.30769vw 0;
    }
    .ArrowPostCont-text {
        font-size: 1.84615vw;
    }
    .ArrowPostCont-sub {
        font-size: 1.2307vw;
    }
    .ArrowPostCont-arrow {
        margin-top: 0.7692vw;
        width: 2.0769vw;
        height: 0.76923vw;
        background-size: 2.0769vw 0.76923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainCareesrsSlide {
        margin: 0 -1.5384vw;
    }
    .MainCareesrsSlide-item {
        padding: 0 1.5384vw;
    }
    .ArrowPostThumnail {
        margin-bottom: 2.4615vw;
    }
    .ArrowPostCont-title {
        font-size: 2.0461vw;
        margin-bottom: 0.68461vw;
        padding: 0.30769vw 0;
    }
    .ArrowPostCont-text {
        font-size: 2.0461vw;
    }
    .ArrowPostCont-sub {
        font-size: 1.5307vw;
    }
    .ArrowPostCont-arrow {
        margin-top: 1.3692vw;
        width: 2.6769vw;
        height: 1.06923vw;
        background-size: 2.6769vw 1.06923vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainCareesrsSlide {
        margin: 0 -2.0769vw;
    }
    .MainCareesrsSlide-item {
        padding: 0 2.0769vw;
        width: 90%;
    }
    .ArrowPostThumnail {
        margin-bottom: 4.4615vw;
    }
    .ArrowPostCont-title {
        font-size: 4.0461vw;
        margin-bottom: 1.68461vw;
        padding: 0.30769vw 0;
    }
    .ArrowPostCont-text {
        font-size: 4.0461vw;
    }
    .ArrowPostCont-sub {
        font-size: 3.2307vw;
    }
    .ArrowPostCont-arrow {
        margin-top: 3.3692vw;
        width: 4.6769vw;
        height: 1.46923vw;
        background-size: 4.6769vw 1.46923vw;
    }
}


/*=========================================================
	MainGame 
=========================================================*/

.MainGame {
    padding: 113px 0 113px;
    position: relative;
    z-index: 5;
}

.MainGameInner {
    position: relative;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainGame {
        padding: 8.6923vw 0 8.6923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainGame {
        padding: 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainGame {
        padding: 0;
    }
}


/*	MainGame :Header
=========================================================*/

.MainGameHeader {
    padding-bottom: 28px;
}

.MainGameHeader-title {
    font-size: 60px;
}

.MainGameHeader-link {
    line-height: 1.2em;
    color: #000;
    font-family: 'KRAFTON';
    transition-property: color;
    transition-duration: 0.3s;
    display: block;
}

.Bg-black .MainGameHeader-link {
    color: #fff;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainGameHeader {
        padding-bottom: 2.1538vw;
    }
    .MainGameHeader-title {
        font-size: 4.6153vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainGameHeader {
        padding-bottom: 2.4538vw;
    }
    .MainGameHeader-title {
        font-size: 7.0153vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainGameHeader {
        padding-bottom: 5.1538vw;
    }
    .MainGameHeader-title {
        font-size: 8.6153vw;
    }
}


/*	MainGame :Slide
=========================================================*/

.MainGameSlide {
    transition-property: transform, opacity;
    transition-duration: 1.2s;
    transform: translateX(50%);
    opacity: 0;
}

.MainGameSlide .site-container {
    overflow: visible;
}

.MainGameSlide-container {
    overflow: visible;
}

.MainGameSlide-item {
    padding-right: 40px;
    width: calc(50% + 20px);
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainGameSlide-item {
        padding-right: 3.0769vw;
        width: calc(50% + 1.5384vw);
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainGameSlide-item {
        padding-right: 3.4769vw;
        width: calc(55% + 1.7384vw);
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainGameSlide-item {
        padding-right: 4.2769vw;
        width: calc(94% + 2.1384vw);
    }
}


/*	MainGame :Slide Post
=========================================================*/

.MainGameSlidePost {
    width: 100%;
}

.MainGameSlidePost-link {
    display: block;
    position: relative;
}

.MainGameSlidePostThumbnail-inner {
    line-height: 0;
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

.MainGameSlidePostThumbnail-inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.MainGameSlidePostThumbnail-inner:after {
    content: "";
    display: block;
    padding-bottom: 67.2%;
}

.MainGameSlidePostThumbnail-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
    transform: scale(1);
}

.MainGameSlidePostThumbnail-tag {
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 5;
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-delay: 0.6s;
    transition-timing-function: ease-out;
    transform: translateX(-100%);
    will-change: transform;
}

.MainGameSlidePostThumbnail-tag:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -30px;
    width: calc(100% + 20px);
    height: 100%;
    background-color: #000;
    transform: skewX(20deg);
    z-index: -1;
}

.MainGameSlidePostThumbnail-tagbar {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 500;
    padding: 6px 22px 6px 11px;
}

.is-Opacity.MainGameSlide {
    transform: translateX(0);
    opacity: 1;
}

.is-Opacity .MainGameSlidePostThumbnail-tag {
    transform: translateX(0%);
}

.MainGameSlideArrow {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    overflow: hidden;
}

.MainGameSlidePostThumbnail-title {
    font-size: 29px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 500;
    position: absolute;
    z-index: 5;
    left: 29px;
    right: 29px;
    bottom: 25px;
    will-change: transform;
}

.MainGameSlide-prev {
    width: 50px;
    height: 18px;
    background-image: url(../img/icon/ico-main-slide-left.png);
    background-size: 50px 18px;
    display: block;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}

.MainGameSlide-next {
    width: 50px;
    height: 18px;
    background-image: url(../img/icon/ico-main-slide-right.png);
    background-size: 50px 18px;
    display: block;
    float: left;
    cursor: pointer;
}

@media screen and (min-width: 1025px) {
    .MainGameSlidePost-link:hover .MainGameSlidePostThumbnail-img {
        transform: scale(1.1);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainGameSlidePostThumbnail-tag {
        top: 1.3846vw;
    }
    .MainGameSlidePostThumbnail-tag:before {
        left: -2.3076vw;
        width: calc(100% + 1.53846vw);
    }
    .MainGameSlidePostThumbnail-tagbar {
        font-size: 1.0769vw;
        padding: 0.4615vw 1.6923vw 0.46153vw 0.84615vw;
    }
    .MainGameSlidePostThumbnail-title {
        font-size: 2.2307vw;
        left: 2.2307vw;
        right: 2.2307vw;
        bottom: 1.92307vw;
    }
    .MainGameSlideArrow {
        right: 3.0769vw;
    }
    .MainGameSlide-prev {
        width: 3.8461vw;
        height: 1.3846vw;
        background-size: 3.8461vw 1.3846vw;
        margin-right: 1.53846vw;
    }
    .MainGameSlide-next {
        width: 3.8461vw;
        height: 1.3846vw;
        background-size: 3.8461vw 1.3846vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainGameSlidePostThumbnail-tag {
        top: 1.3846vw;
    }
    .MainGameSlidePostThumbnail-tag:before {
        left: -2.3076vw;
        width: calc(100% + 1.5384vw);
    }
    .MainGameSlidePostThumbnail-tagbar {
        font-size: 1.4769vw;
        padding: 0.6615vw 1.6923vw 0.6615vw 0.8461vw;
    }
    .MainGameSlidePostThumbnail-title {
        font-size: 2.6307vw;
        left: 2.4307vw;
        right: 2.4307vw;
        bottom: 2.22307vw;
    }
    .MainGameSlideArrow {
        right: 2.607vw;
    }
    .MainGameSlide-prev {
        width: 6.8461vw;
        height: 2.3846vw;
        background-size: 6.8461vw 2.3846vw;
        margin-right: 2.53846vw;
    }
    .MainGameSlide-next {
        width: 6.8461vw;
        height: 2.3846vw;
        background-size: 6.8461vw 2.3846vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainGameSlidePostThumbnail-tag {
        top: 3.3846vw;
    }
    .MainGameSlidePostThumbnail-tag:before {
        left: -2.3076vw;
        width: calc(100% + 0.5384vw);
    }
    .MainGameSlidePostThumbnail-tagbar {
        font-size: 3.5769vw;
        padding: 1.8615vw 4.6923vw 1.6615vw 2.8461vw;
    }
    .MainGameSlidePostThumbnail-title {
        font-size: 4.6307vw;
        left: 3.4307vw;
        right: 3.4307vw;
        bottom: 3.22307vw;
    }
    .MainGameSlideArrow {
        right: 2.607vw;
    }
    .MainGameSlide-prev {
        width: 6.8461vw;
        height: 2.3846vw;
        background-size: 6.8461vw 2.3846vw;
        margin-right: 2.53846vw;
    }
    .MainGameSlide-next {
        width: 6.8461vw;
        height: 2.3846vw;
        background-size: 6.8461vw 2.3846vw;
    }
}


/*=========================================================
	MainStudios 
=========================================================*/

.MainStudios {
    padding-top: 110px;
    margin-bottom: 160px;
}

.MainStudios>.site-container {
    overflow: visible;
}

.Bg-black .MainStudios .MainIRTitle-link {
    background-image: url(../img/icon/ico-main-slide-right.png);
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainStudios {
        padding-top: 8.4615vw;
        margin-bottom: 12.3076vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainStudios {
        padding-top: 10.7692vw;
        margin-bottom: 12.3076vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainStudios {
        padding-top: 15.7692vw;
        margin-bottom: 12.3076vw;
    }
}


/*	MainStudios : Header
=========================================================*/

.MainStudiosHeader {
    margin-bottom: 36px;
}

.Bg-black .MainInteractionTitle-text {
    color: #fff;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainStudiosHeader {
        margin-bottom: 2.7692vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainStudiosHeader {
        margin-bottom: 2.7692vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainStudiosHeader {
        margin-bottom: 2.7692vw;
    }
}


/*	MainStudios : Card
=========================================================*/

.MainStudiosCard {
    transition-delay: 0.4s;
}

.MainStudiosCard-list:after {
    conent: "";
    display: table;
    clear: both;
}

.MainStudiosCard-item {
    width: 25%;
    float: left;
}

.MainStudiosCardItem-link {
    display: block;
    padding: 49px 30px 34px;
    min-height: 355px;
    position: relative;
    transition-property: background-color;
    transition-duration: 0.2s;
}

.MainStudiosCardItem-link:after {
    content: "";
    width: 27px;
    height: 10px;
    background-image: url(../img/icon/ico-main-slide-right.png);
    background-size: 27px 10px;
    display: block;
    position: absolute;
    bottom: 34px;
    right: 30px;
    opacity: 0;
    transition-property: transform;
    transition-duration: 0.3s;
    transform: translateX(-20px);
}

.MainStudiosCardItemCont {
    padding-top: 24px;
    border-top: solid 1px #000;
}

.MainStudiosCardItemCont-title {
    font-size: 24px;
    line-height: 1.2em;
    color: #000;
    font-weight: 600;
    font-family: 'Poppins';
    margin-bottom: 8px;
}

.MainStudiosCardItemCont-text {
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
}

.Bg-black .MainStudiosCardItemCont {
    border-top: solid 1px #fff;
}

.Bg-black .MainStudiosCardItemCont-title {
    color: #fff;
}

.Bg-black .MainStudiosCardItemCont-text {
    color: #fff;
}

.MainStudiosCardItemLogo {
    margin-bottom: 62px;
}

.MainStudiosCardItemLogo-img {
    position: relative;
    height: 60px;
    display: block;
}

.MainStudiosCardItemLogo-img:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
}

.MainStudiosCardItemLogo-img:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    opacity: 0;
}

.Bg-black .MainStudiosCardItemLogo-img:before {
    opacity: 0;
}

.Bg-black .MainStudiosCardItemLogo-img:after {
    opacity: 1;
}


/*pubg*/

.Studios-pubg .MainStudiosCardItemLogo-img {
    width: 83px;
}

.Studios-pubg .MainStudiosCardItemLogo-img:before {
    content: "";
    width: 83px;
    background-image: url(../img/logo/logo-pubg.png);
    background-size: 83px 60px;
}

.Studios-pubg .MainStudiosCardItemLogo-img:after {
    content: "";
    width: 83px;
    background-image: url(../img/logo/logo-pubg-w.png);
    background-size: 83px 60px;
}


/*bluehole*/

.Studios-bluehole .MainStudiosCardItemLogo-img {
    width: 60px;
}

.Studios-bluehole .MainStudiosCardItemLogo-img:before {
    content: "";
    width: 60px;
    background-image: url(../img/logo/logo-bluehole.png);
    background-size: 60px 60px;
}

.Studios-bluehole .MainStudiosCardItemLogo-img:after {
    content: "";
    width: 60px;
    background-image: url(../img/logo/logo-bluehole-w.png);
    background-size: 60px 60px;
}


/*risingwings*/

.Studios-rising .MainStudiosCardItemLogo-img {
    width: 78px;
}

.Studios-rising .MainStudiosCardItemLogo-img:before {
    content: "";
    width: 78px;
    background-image: url(../img/logo/logo-rising.png);
    background-size: 78px 60px;
}

.Studios-rising .MainStudiosCardItemLogo-img:after {
    content: "";
    width: 78px;
    background-image: url(../img/logo/logo-rising-w.png);
    background-size: 78px 60px;
}


/*striking distance studios*/

.Studios-striking .MainStudiosCardItemLogo-img {
    width: 182px;
}

.Studios-striking .MainStudiosCardItemLogo-img:before {
    content: "";
    width: 182px;
    background-image: url(../img/logo/logo-striking.png);
    background-size: 182px 60px;
}

.Studios-striking .MainStudiosCardItemLogo-img:after {
    content: "";
    width: 182px;
    background-image: url(../img/logo/logo-striking-w.png);
    background-size: 182px 60px;
}


/*is-Active*/

@media screen and (min-width: 1025px) {
    .is-Active .Studios-pubg .MainStudiosCardItem-link {
        background-color: #F2A900;
    }
    .is-Active .Studios-bluehole .MainStudiosCardItem-link {
        background-color: #1E82FF;
    }
    .is-Active .Studios-rising .MainStudiosCardItem-link {
        background-color: #FF5C39;
    }
    .is-Active .Studios-striking .MainStudiosCardItem-link {
        background-color: #3dcfa8;
    }
    .Bg-black .is-Active .MainStudiosCardItem-link {
        background-color: #fff;
    }
    .is-Active .MainStudiosCardItemLogo-img:before {
        opacity: 0;
    }
    .is-Active .MainStudiosCardItemLogo-img:after {
        opacity: 1;
    }
    .is-Active .MainStudiosCardItemCont {
        border-top: solid 1px #fff;
    }
    .is-Active .MainStudiosCardItemCont-title {
        color: #fff;
    }
    .is-Active .MainStudiosCardItemCont-text {
        color: #fff;
    }
    .is-Active .MainStudiosCardItem-link:after {
        opacity: 1;
        transform: translateX(0);
    }
    .Bg-black .is-Active .MainStudiosCardItemLogo-img:before {
        opacity: 1;
    }
    .Bg-black .is-Active .MainStudiosCardItemLogo-img:after {
        opacity: 0;
    }
    .Bg-black .is-Active .MainStudiosCardItemCont {
        border-top: solid 1px #000;
    }
    .Bg-black .is-Active .MainStudiosCardItemCont-title {
        color: #000;
    }
    .Bg-black .is-Active .MainStudiosCardItemCont-text {
        color: #000;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .MainStudiosCardItem-link {
        padding: 3.7692vw 2.3076vw 2.61538vw;
        min-height: 27.307vw;
    }
    .MainStudiosCardItem-link:after {
        width: 2.0769vw;
        height: 0.76923vw;
        background-size: 2.0769vw 0.76923vw;
        bottom: 2.6153vw;
        right: 2.30769vw;
    }
    .MainStudiosCardItemCont {
        padding-top: 1.84615vw;
    }
    .MainStudiosCardItemCont-title {
        font-size: 1.84615vw;
        margin-bottom: 0.61538vw;
    }
    .MainStudiosCardItemCont-text {
        font-size: 1.0769vw;
    }
    .MainStudiosCardItemLogo {
        margin-bottom: 4.7692vw;
    }
    .MainStudiosCardItemLogo-img {
        height: 4.61538vw;
    }
    .MainStudiosCardItemLogo-img:before {
        height: 4.61538vw;
    }
    .MainStudiosCardItemLogo-img:after {
        height: 4.61538vw;
    }
    /*pubg*/
    .Studios-pubg .MainStudiosCardItemLogo-img {
        width: 6.3846vw;
    }
    .Studios-pubg .MainStudiosCardItemLogo-img:before {
        width: 6.3846vw;
        background-size: 6.3846vw 4.6153vw;
    }
    .Studios-pubg .MainStudiosCardItemLogo-img:after {
        width: 6.3846vw;
        background-size: 6.3846vw 4.6153vw;
    }
    /*bluehole*/
    .Studios-bluehole .MainStudiosCardItemLogo-img {
        width: 4.6153vw;
    }
    .Studios-bluehole .MainStudiosCardItemLogo-img:before {
        width: 4.6153vw;
        background-size: 4.6153vw 4.6153vw;
    }
    .Studios-bluehole .MainStudiosCardItemLogo-img:after {
        width: 4.6153vw;
        background-size: 4.6153vw 4.6153vw;
    }
    /*risingwings*/
    .Studios-rising .MainStudiosCardItemLogo-img {
        width: 6vw;
    }
    .Studios-rising .MainStudiosCardItemLogo-img:before {
        width: 6vw;
        background-size: 6vw 4.6153vw;
    }
    .Studios-rising .MainStudiosCardItemLogo-img:after {
        width: 6vw;
        background-size: 6vw 4.6153vw;
    }
    /*striking distance studios*/
    .Studios-striking .MainStudiosCardItemLogo-img {
        width: 14vw;
    }
    .Studios-striking .MainStudiosCardItemLogo-img:before {
        width: 14vw;
        background-size: 14vw 4.6153vw;
    }
    .Studios-striking .MainStudiosCardItemLogo-img:after {
        width: 14vw;
        background-size: 14vw 4.6153vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainStudiosCard-list {
        margin: 0 -2.3076vw;
    }
    .MainStudiosCardItem-link {
        padding: 3.7692vw 2.3076vw 2.61538vw;
        min-height: 28.645vw;
    }
    .MainStudiosCardItem-link:after {
        display: none;
    }
    .MainStudiosCardItemCont {
        padding-top: 1.84615vw;
    }
    .MainStudiosCardItemCont-title {
        font-size: 1.84615vw;
        margin-bottom: 0.61538vw;
    }
    .MainStudiosCardItemCont-text {
        font-size: 1.4769vw;
    }
    .MainStudiosCardItemLogo {
        margin-bottom: 4.7692vw;
    }
    .MainStudiosCardItemLogo-img {
        height: 4.61538vw;
    }
    .MainStudiosCardItemLogo-img:before {
        height: 4.61538vw;
    }
    .MainStudiosCardItemLogo-img:after {
        height: 4.61538vw;
    }
    /*pubg*/
    .Studios-pubg .MainStudiosCardItemLogo-img {
        width: 6.3846vw;
    }
    .Studios-pubg .MainStudiosCardItemLogo-img:before {
        width: 6.3846vw;
        background-size: 6.3846vw 4.6153vw;
    }
    .Studios-pubg .MainStudiosCardItemLogo-img:after {
        width: 6.3846vw;
        background-size: 6.3846vw 4.6153vw;
    }
    /*bluehole*/
    .Studios-bluehole .MainStudiosCardItemLogo-img {
        width: 4.6153vw;
    }
    .Studios-bluehole .MainStudiosCardItemLogo-img:before {
        width: 4.6153vw;
        background-size: 4.6153vw 4.6153vw;
    }
    .Studios-bluehole .MainStudiosCardItemLogo-img:after {
        width: 4.6153vw;
        background-size: 4.6153vw 4.6153vw;
    }
    /*risingwings*/
    .Studios-rising .MainStudiosCardItemLogo-img {
        width: 6vw;
    }
    .Studios-rising .MainStudiosCardItemLogo-img:before {
        width: 6vw;
        background-size: 6vw 4.6153vw;
    }
    .Studios-rising .MainStudiosCardItemLogo-img:after {
        width: 6vw;
        background-size: 6vw 4.6153vw;
    }
    /*striking distance studios*/
    .Studios-striking .MainStudiosCardItemLogo-img {
        width: 14vw;
    }
    .Studios-striking .MainStudiosCardItemLogo-img:before {
        width: 14vw;
        background-size: 14vw 4.6153vw;
    }
    .Studios-striking .MainStudiosCardItemLogo-img:after {
        width: 14vw;
        background-size: 14vw 4.6153vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainStudiosCard-item {
        width: 50%;
    }
    .MainStudiosCard-item:nth-child(odd) {
        clear: both;
    }
    .MainStudiosCard-list {
        margin: 0 -2.6076vw;
    }
    .MainStudiosCardItem-link {
        padding: 5.7692vw 2.6076vw 7.61538vw;
        min-height: 27.307vw;
    }
    .MainStudiosCardItem-link:after {
        display: none;
    }
    .MainStudiosCardItemCont {
        padding-top: 3.84615vw;
    }
    .MainStudiosCardItemCont-title {
        font-size: 4.44615vw;
        margin-bottom: 2.61538vw;
        min-height: 2.4em;
    }
    .MainStudiosCardItemCont-text {
        font-size: 3.2769vw;
    }
    .MainStudiosCardItemLogo {
        margin-bottom: 4.7692vw;
    }
    .MainStudiosCardItemLogo-img {
        height: 8.61538vw;
    }
    .MainStudiosCardItemLogo-img:before {
        height: 8.61538vw;
    }
    .MainStudiosCardItemLogo-img:after {
        height: 8.61538vw;
    }
    /*pubg*/
    .Studios-pubg .MainStudiosCardItemLogo-img {
        width: 12.3846vw;
    }
    .Studios-pubg .MainStudiosCardItemLogo-img:before {
        width: 12.3846vw;
        background-size: 12.3846vw 8.6153vw;
    }
    .Studios-pubg .MainStudiosCardItemLogo-img:after {
        width: 12.3846vw;
        background-size: 12.3846vw 8.6153vw;
    }
    /*bluehole*/
    .Studios-bluehole .MainStudiosCardItemLogo-img {
        width: 8.6153vw;
    }
    .Studios-bluehole .MainStudiosCardItemLogo-img:before {
        width: 8.6153vw;
        background-size: 8.6153vw 8.6153vw;
    }
    .Studios-bluehole .MainStudiosCardItemLogo-img:after {
        width: 8.6153vw;
        background-size: 8.6153vw 8.6153vw;
    }
    /*risingwings*/
    .Studios-rising .MainStudiosCardItemLogo-img {
        width: 12vw;
    }
    .Studios-rising .MainStudiosCardItemLogo-img:before {
        width: 12vw;
        background-size: 12vw 8.6153vw;
    }
    .Studios-rising .MainStudiosCardItemLogo-img:after {
        width: 12vw;
        background-size: 12vw 8.6153vw;
    }
    /*striking distance studios*/
    .Studios-striking .MainStudiosCardItemLogo-img {
        width: 28vw;
    }
    .Studios-striking .MainStudiosCardItemLogo-img:before {
        width: 28vw;
        background-size: 28vw 8.6153vw;
    }
    .Studios-striking .MainStudiosCardItemLogo-img:after {
        width: 28vw;
        background-size: 28vw 8.6153vw;
    }
}

.KeyVisualBoxText-item>.KeyVisualBoxText-img {
    fill: #fff;
}

.KeyVisualBoxTextClip {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    width: 0%;
    overflow: hidden;
    animation-name: Fill;
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.19, .05, .85, .21);
}

.delay-0 {
    animation-duration: 1.6s;
}

.delay-1 {
    animation-delay: 0.4s;
}

.delay-2 {
    animation-delay: 0.6s;
    animation-duration: 1.6s;
}

.delay-3 {
    animation-delay: 0.8s;
    animation-duration: 1.6s;
}

.delay-4 {
    animation-delay: 1s;
}

.delay-5 {
    animation-delay: 1.1s;
    animation-duration: 1.3s;
}

@keyframes Fill {
    0% {
        width: 0%;
    }
    30% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}


/*=========================================================
	FinancialStatements
=========================================================*/

.FinancialStatements-title {
    margin-top: 37px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}

.FinancialStatements-text {
    margin-bottom: 22px;
    color: #777;
    font-size: 15px;
    line-height: normal;
    text-align: right;
}

.FinancialStatements .BasicTable-table thead th:first-child {
    border-left: 1px solid #ddd;
}

.FinancialStatements .BasicTable-table tr:first-child th:first-child {
    border-left: none;
}

.FinancialStatements .BasicTable-table td {
    text-align: right;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .FinancialStatements-title {
        margin-top: 2.846vw;
        font-size: 1.846vw;
    }
    .FinancialStatements-text {
        margin-bottom: 1.692vw;
        font-size: 1.153vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .FinancialStatements-title {
        margin-top: 3.613vw;
        font-size: 2.34vw;
    }
    .FinancialStatements-text {
        margin-bottom: 2.148vw;
        font-size: 1.464vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .FinancialStatements-title {
        margin-top: 4.823vw;
        font-size: 5vw;
    }
    .FinancialStatements-text {
        margin-bottom: 2.868vw;
        font-size: 3.5vw;
        margin-top: 3vw;
    }
}


/*=========================================================
	TradingInquiry
=========================================================*/

.StockInfoTitle {
    margin-bottom: 25px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}

.TradingInquiry-text {
    margin-top: 19px;
    color: #777;
    font-size: 15px;
    line-height: normal;
    text-align: right;
}

.TradingInquiry .BasicTable-table td {
    text-align: center;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StockInfoTitle {
        margin-bottom: 1.923vw;
        font-size: 1.846vw;
    }
    .TradingInquiry-text {
        margin-top: 1.461vw;
        font-size: 1.153vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StockInfoTitle {
        margin-bottom: 2.441vw;
        font-size: 2.34vw;
    }
    .TradingInquiry-text {
        margin-top: 1.855vw;
        font-size: 1.464vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StockInfoTitle {
        margin-bottom: 3.259vw;
        font-size: 5vw;
    }
    .TradingInquiry-text {
        margin-top: 2.477vw;
        font-size: 3.5vw;
    }
}


/*=========================================================
	DisclosureInfo
=========================================================*/

.DisclosureInfoLink {
    margin-top: 25px;
    margin-bottom: 19px;
}

.DisclosureInfoLink:after {
    content: '';
    display: block;
    clear: both;
}

.DisclosureInfoLink-item {
    padding-right: 25px;
    float: left;
}

.DisclosureInfoLink-item:last-child {
    padding-right: 0;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .DisclosureInfoLink {
        margin-top: 1.923vw;
        margin-bottom: 1.461vw;
    }
    .DisclosureInfoLink-item {
        padding-right: 1.923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .DisclosureInfoLink {
        margin-top: 2.441vw;
        margin-bottom: 1.55vw;
    }
    .DisclosureInfoLink-item {
        padding-right: 2.441vw;
    }
    .DisclosureInfoTable .BasicPostList td {
        padding: 1.85vw 1.307vw;
        font-size: 1.85vw;
    }
    .DisclosureInfoTable .BasicPostList-link {
        font-size: 1.85vw;
    }
    .DisclosureInfoLink .TextLink-link {
        font-size: 1.85vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    /*DisclosureInfo
	=========================================================*/
    .DisclosureInfoLink {
        margin-top: 7.1599vw;
        margin-bottom: 2.5vw;
    }
    .DisclosureInfoLink-item {
        padding-right: 3.259vw;
    }
    /*DisclosureInfoTable
	=========================================================*/
    .DisclosureInfoTable .BasicPostList-list td {
        padding: 0 1.5vw;
    }
    .DisclosureInfoTable .BasicPostList-list td.date {
        padding: 2.85vw 1.5vw;
        float: none;
        border-bottom: none;
    }
    .DisclosureInfoTable .BasicPostList-list td.writer {
        padding: 2.85vw 1.5vw;
    }
}


/*=========================================================
	ConsolidatedSheet
=========================================================*/

.border-top {
    border-top: 1px solid #ddd;
}

.ConsolidatedSheetTop {
    margin-bottom: 20px;
    line-height: 0;
    font-size: 0;
}

.ConsolidatedSheet-title {
    padding-right: 15px;
    color: #000;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}

.ConsolidatedSheet-date {
    color: #000;
    font-size: 15px;
    vertical-align: 2px;
}

.ConsolidatedSheet-description {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.ConsolidatedSheet-text {
    display: table-cell;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 500;
    text-align: left;
}

.ConsolidatedSheet-unit {
    display: table-cell;
    color: #777;
    font-size: 15px;
    line-height: 1.4em;
    text-align: right;
}

table.Spacing-normal td {
    white-space: normal;
}

.ConsolidatedSheetTable-table {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
}

.ConsolidatedSheetTable thead th {
    padding: 10px;
    color: #222;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2em;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    white-space: nowrap;
}

.ConsolidatedSheetTable tbody th {
    padding: 10px;
    color: #222;
    font-size: 16px;
    line-height: 1.2em;
    vertical-align: middle;
    white-space: nowrap;
}

.ConsolidatedSheetTable th:first-child {
    border-left: none;
}

.ConsolidatedSheetTable td {
    padding: 10px 26px;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4em;
    vertical-align: middle;
    white-space: nowrap;
    border-left: 1px solid #ddd;
}

.ConsolidatedSheetTable td:first-child {
    border-left: none;
}

.ConsolidatedSheetTable .text-large {
    padding: 10px 20px;
    font-size: 17px;
    font-weight: bold;
}

.ConsolidatedSheetTable .text-medium {
    padding-top: 6px;
    font-weight: 500;
}

.ConsolidatedSheetTable .total {
    padding-top: 19px;
    padding-bottom: 19px;
}

.ConsolidatedNotice {
    margin-top: 15px;
}

.ConsolidatedNotice:after {
    content: '';
    display: block;
    clear: both;
}

.ConsolidatedNotice-notice {
    float: left;
}

.ConsolidatedNoticeSign {
    overflow: hidden;
    text-align: right;
}

.ConsolidatedNotice-notice {
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
}

.ConsolidatedNoticeSign-date {
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
}

.ConsolidatedNoticeSign-sign {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;
}

.ConsolidatedNoticeText {
    margin-top: 37px;
    padding: 27px 20px;
    background-color: #F7F7F7;
    text-align: center;
}

.ConsolidatedNoticeText-text {
    color: #000;
    font-size: 14px;
    line-height: 1.9em;
}

.ConsolidatedNoticeText-sign {
    display: block;
    margin-top: 14px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.ConsolidatedNoticeText>.ConsolidatedNoticeText-sign:first-child {
    margin-top: 0 !important;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .ConsolidatedSheet-title {
        font-size: 1.846vw;
    }
    .ConsolidatedSheet-date {
        font-size: 1.153vw;
    }
    .ConsolidatedSheet-description {
        margin-bottom: 1.538vw;
    }
    .ConsolidatedSheet-text {
        font-size: 1.230vw;
    }
    .ConsolidatedSheet-unit {
        font-size: 1.153vw;
    }
    .ConsolidatedSheetTable thead th {
        padding: 0.769vw;
        font-size: 1.307vw;
    }
    .ConsolidatedSheetTable td {
        padding: 0.769vw 2vw;
        font-size: 1.230vw;
    }
    .ConsolidatedSheetTable .text-large {
        padding: 0.769vw 1.538vw;
    }
    .ConsolidatedSheetTable .text-medium {
        padding-top: 0.461vw;
    }
    .ConsolidatedSheetTable .total {
        padding-top: 1.462vw;
        padding-bottom: 1.462vw;
    }
    .ConsolidatedNoticeSign-date {
        margin-bottom: 0.769vw;
        font-size: 1.230vw;
    }
    .ConsolidatedNoticeSign-sign {
        font-size: 1.384vw;
    }
    .ConsolidatedNoticeText {
        padding: 2.076vw 1.538vw;
    }
    .ConsolidatedNoticeText-text {
        font-size: 1.076vw;
    }
    .ConsolidatedNoticeText-sign {
        margin-top: 1.076vw;
        font-size: 1.2vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .ConsolidatedSheet-title {
        font-size: 2.34vw;
    }
    .ConsolidatedSheet-date {
        font-size: 1.464vw;
    }
    .ConsolidatedSheet-description {
        margin-bottom: 1.953vw;
    }
    .ConsolidatedSheet-text {
        font-size: 1.5625vw;
    }
    .ConsolidatedSheet-unit {
        font-size: 1.464vw;
    }
    .ConsolidatedSheetTable thead th {
        padding: 0.976vw;
        font-size: 1.75vw;
    }
    .ConsolidatedSheetTable td {
        padding: 0.976vw 1.5625vw;
        font-size: 1.64vw;
    }
    .ConsolidatedSheetTable .text-large {
        padding: 0.976vw 1.953vw;
        font-size: 1.660vw;
    }
    .ConsolidatedSheetTable .text-medium {
        padding-top: 0.586vw;
    }
    .ConsolidatedNoticeSign-date {
        margin-bottom: 0.976vw;
        font-size: 1.64vw;
    }
    .ConsolidatedNotice {
        margin-top: 1.464vw;
    }
    .ConsolidatedNotice-notice {
        font-size: 1.64vw;
    }
    .ConsolidatedNoticeSign-sign {
        font-size: 1.758vw;
    }
    .ConsolidatedNoticeText {
        margin-top: 3.613vw;
        padding: 2.636vw 1.953vw;
    }
    .ConsolidatedNoticeText-text {
        font-size: 1.54vw;
    }
    .ConsolidatedNoticeText-sign {
        margin-top: 1.367vw;
        font-size: 1.75vw;
    }
    .ConsolidatedSheetTable .total {
        padding-top: 1.855vw;
        padding-bottom: 1.855vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ConsolidatedSheetTop {
        margin-bottom: 3.607vw;
    }
    .ConsolidatedSheet-title {
        padding-right: 1.955vw;
        font-size: 5vw;
    }
    .ConsolidatedSheet-date {
        font-size: 3.57vw;
    }
    .ConsolidatedSheet-description {
        display: block;
        margin-bottom: 3.5vw;
    }
    .ConsolidatedSheet-text {
        display: block;
        margin-bottom: 1.75vw;
        font-size: 3.78vw;
    }
    .ConsolidatedSheet-unit {
        display: block;
        font-size: 3.5vw;
    }
    .ConsolidatedSheetTable thead th {
        padding: 3.5vw 1.303vw;
        font-size: 3.78vw;
    }
    .ConsolidatedSheetTable td {
        padding: 1.303vw 3.390vw;
        font-size: 3.78vw;
    }
    .ConsolidatedSheetTable .text-large {
        padding: 1.303vw 2.607vw;
        font-size: 3.78vw;
    }
    .ConsolidatedSheetTable .text-medium {
        padding-top: 0.782vw;
    }
    .ConsolidatedSheetTable .total {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .ConsolidatedNotice {
        margin-top: 1.955vw;
    }
    .ConsolidatedNotice-notice {
        float: none;
        font-size: 3.78vw;
    }
    .ConsolidatedNoticeSign-date {
        margin-bottom: 1.303vw;
        font-size: 3.78vw;
    }
    .ConsolidatedNoticeSign-sign {
        font-size: 3.8vw;
    }
    .ConsolidatedNoticeText {
        padding: 3.520vw 2.607vw;
    }
    .ConsolidatedNoticeText-text {
        font-size: 3.5vw;
    }
    .ConsolidatedNoticeText-sign {
        margin-top: 4.824vw;
        font-size: 3.5vw;
    }
    table.mo-Spacing {
        min-width: 500px;
    }
}


/*=========================================================
	Contact
=========================================================*/

.ContactBanner {
    position: relative;
    clear: both;
    margin-bottom: 82px;
}

.ContactBanner:after {
    content: '';
    display: block;
    padding-bottom: 31.6%;
}

.ContactBanner-inner {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.ContactBanner-center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-width: 100%;
}

.ContactBanner-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: none;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
    .ContactBanner-img {
        max-height: calc(100% + 22vh);
    }
}

@media screen and (min-width:1301px) {
    .ContactBanner-img {
        max-height: 260%;
    }
}

body.Safari .ContactBanner-img {
    transition-duration: 0s;
}

.ContactList {
    margin-bottom: 83px;
}

.ContactList-list {
    margin-left: -63px;
}

.ContactList-list:after {
    content: '';
    display: block;
    clear: both;
}

.ContactList-item {
    width: 50%;
    padding-left: 63px;
    float: left;
}

.ContactList-link {
    display: block;
    padding: 28px 0 10px;
    position: relative;
    border-top: 2px solid #000;
}

.ContactList-link:after {
    content: '';
    display: block;
    margin-top: 38px;
    width: 40px;
    height: 14px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../img/icon/ico-post-arrow-b.png);
    background-size: 40px 14px;
    transform: translateX(0);
    transition: transform 0.3s;
}

.ContactEmail-title {
    margin-bottom: 6px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
}

.ContactEmail-email {
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
}

.ContactNotice {
    padding: 29px 34px;
}

.ContactNotice .BasicBullet-bullet {
    color: #000;
    font-size: 15px;
    line-height: 1.7em;
}

.ContactNotice .BasicBullet-text {
    color: #000;
    font-size: 15px;
    line-height: 1.7em;
}

.ContactNotice-text {
    color: #000;
    font-size: 15px;
    line-height: 1.7em;
}

@media screen and (min-width:1025px) {
    .ContactList-link:hover:after {
        transform: translateX(5px);
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .ContactBanner-img {
        transition-duration: 0s;
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .ContactBanner {
        margin-bottom: 6.308vw;
    }
    .ContactList {
        margin-bottom: 6.385vw;
    }
    .ContactList-list {
        margin-left: -4.846vw;
    }
    .ContactList-item {
        padding-left: 4.846vw;
    }
    .ContactList-link {
        padding: 2.154vw 0 0.769vw;
    }
    .ContactList-link:after {
        margin-top: 2.923vw;
        width: 3.077vw;
        height: 1.076vw;
        background-size: 3.077vw 1.076vw;
    }
    .ContactEmail-title {
        margin-bottom: 0.461vw;
        font-size: 1.846vw;
    }
    .ContactEmail-email {
        font-size: 1.385vw;
    }
    .ContactNotice {
        padding: 2.230vw 2.615vw;
    }
    .ContactNotice .BasicBullet-bullet {
        font-size: 1.154vw;
    }
    .ContactNotice .BasicBullet-text {
        font-size: 1.154vw;
    }
    .ContactNotice-text {
        font-size: 1.154vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .ContactBanner {
        margin-bottom: 8vw;
    }
    .ContactBanner-img {
        transition-duration: 0.1s;
    }
    .ContactList {
        margin-bottom: 8.10vw;
    }
    .ContactList-list {
        margin-left: -4.152vw;
    }
    .ContactList-item {
        padding-left: 4.152vw;
    }
    .ContactList-link {
        padding: 2.734vw 0 0.977vw;
    }
    .ContactList-link:after {
        margin-top: 3.71vw;
        width: 3.906vw;
        height: 1.367vw;
        background-size: 3.906vw 1.367vw;
    }
    .ContactEmail-title {
        margin-bottom: 0.586vw;
        font-size: 2.34vw;
    }
    .ContactEmail-email {
        font-size: 1.75vw;
    }
    .ContactNotice {
        padding: 2.832vw 3.320vw;
    }
    .ContactNotice .BasicBullet-bullet {
        font-size: 1.465vw;
    }
    .ContactNotice .BasicBullet-text {
        font-size: 1.465vw;
    }
    .ContactNotice-text {
        font-size: 1.465vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .ContactBanner {
        margin-bottom: 10.7vw;
    }
    .ContactBanner-inner {
        width: 190vw;
    }
    .ContactBanner:after {
        padding-bottom: 57.6%;
    }
    .ContactBanner-img {
        transition-duration: 0.1s;
    }
    .ContactList {
        margin-bottom: 10.82vw;
    }
    .ContactList-list {
        margin-left: 0;
    }
    .ContactList-item:first-child {
        padding-top: 0;
    }
    .ContactList-item {
        width: 100%;
        padding-left: 0;
        margin-top: 8vw;
        float: none;
    }
    .ContactList-link {
        padding: 3.650vw 0 1.304vw;
    }
    .ContactList-link:after {
        margin-top: 3.65vw;
        width: 5.215vw;
        height: 1.825vw;
        background-size: 5.215vw 1.825vw;
    }
    .ContactEmail-title {
        margin-bottom: 2.5vw;
        font-size: 5vw;
    }
    .ContactEmail-email {
        font-size: 3.5vw;
    }
    .ContactNotice {
        padding: 3.781vw 4.433vw;
    }
    .ContactNotice .BasicBullet-bullet {
        font-size: 3.5vw;
    }
    .ContactNotice .BasicBullet-text {
        font-size: 3.5vw;
    }
    .ContactNotice-text {
        font-size: 3.5vw;
    }
}


/*=========================================================
	Location
=========================================================*/

.LocationMap {
    position: relative;
    clear: both;
    margin-bottom: 81px;
    height: 486px;
}

.LocationMap:after {
    content: '';
    display: block;
    padding-bottom: 40.5%;
}

.LocationMap-inner {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.LocationMap-map {
    width: 100%;
    height: 486px;
}

.LocationAddress {
    display: table;
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid #ddd;
}

.LocationAddressInfo {
    display: table-cell;
    padding-left: 63px;
    position: relative;
}

.LocationAddressInfo:before {
    content: '';
    display: block;
    width: 40px;
    height: 58px;
    position: absolute;
    background-image: url('../img/icon/ico-pin.png');
    background-size: 40px 58px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.LocationAddressInfo-title {
    margin-bottom: 5px;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6em;
}

.LocationAddressInfo-text {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
}

.LocationAddressNumber {
    display: table-cell;
    width: 30%;
    white-space: nowrap;
    vertical-align: bottom;
    line-height: 0;
    font-size: 0;
    text-align: right;
}

.LocationAddressNumber-list {
    overflow: hidden;
    display: inline-block;
    margin-right: 27px;
    padding-right: 27px;
    position: relative;
}

.LocationAddressNumber-list:before {
    content: '';
    display: block;
    width: 1px;
    height: 17px;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #ddd;
    transform: translateY(-50%);
}

.LocationAddressNumber-list:after {
    content: '';
    display: block;
    clear: both;
}

.LocationAddressNumber-list:last-child {
    margin-right: 0;
    padding-right: 0;
}

.LocationAddressNumber-list:last-child:before {
    right: -1px;
}

.LocationAddressNumber-title {
    margin-right: 10px;
    float: left;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;
}

.LocationAddressNumber-text {
    overflow: hidden;
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
}

@media screen and (max-width:1300px) and ( min-width:1025px) {
    .LocationMap {
        height: 37.3846vw;
        margin-bottom: 6.230vw;
    }
    .LocationMap-map {
        height: 37.3846vw;
    }
    .LocationAddress {
        padding-bottom: 4.615vw;
    }
    .LocationAddressInfo {
        padding-left: 4.846vw;
    }
    .LocationAddressInfo:before {
        width: 3.077vw;
        height: 4.461vw;
        background-size: 3.077vw 4.461vw;
    }
    .LocationAddressInfo-title {
        margin-bottom: 0.385vw;
        font-size: 1.846vw;
    }
    .LocationAddressInfo-text {
        font-size: 1.384vw;
    }
    .LocationAddressNumber-list {
        margin-right: 2.077vw;
        padding-right: 2.077vw;
    }
    .LocationAddressNumber-title {
        margin-right: 0.976vw;
        font-size: 1.384vw;
    }
    .LocationAddressNumber-text {
        font-size: 1.384vw;
    }
}

@media screen and (max-width:1024px) and ( min-width:768px) {
    .LocationMap {
        height: 47.507vw;
        margin-bottom: 7.910vw;
    }
    .LocationMap-map {
        height: 47.507vw;
    }
    .LocationAddress {
        padding-bottom: 5.86vw;
    }
    .LocationAddressInfo {
        padding-left: 6.152vw;
    }
    .LocationAddressInfo:before {
        width: 3.906vw;
        height: 5.664vw;
        background-size: 3.906vw 5.664vw;
    }
    .LocationAddressInfo-title {
        margin-bottom: 0.488vw;
        font-size: 2.343vw;
    }
    .LocationAddressInfo-text {
        font-size: 1.757vw;
    }
    .LocationAddressNumber {
        width: 35%;
    }
    .LocationAddressNumber-list {
        margin-right: 1.636vw;
        padding-right: 1.95vw;
    }
    .LocationAddressNumber-title {
        margin-right: 0.976vw;
        font-size: 1.757vw;
    }
    .LocationAddressNumber-text {
        font-size: 1.64vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .LocationMap {
        height: 75vw;
        margin-bottom: 10.56vw;
    }
    .LocationMap-map {
        height: 75vw;
    }
    .LocationMap:after {
        padding-bottom: 40.5%;
    }
    .LocationAddress {
        padding-bottom: 7.822vw;
    }
    .LocationAddressInfo {
        display: block;
        margin-bottom: 5vw;
        padding-left: 8.523vw;
    }
    .LocationAddressInfo:before {
        width: 5.215vw;
        height: 7.562vw;
        background-size: 5.215vw 7.562vw;
        top: 5%;
        transform: none;
    }
    .LocationAddressInfo-title {
        margin-bottom: 2vw;
        font-size: 4.78vw;
    }
    .LocationAddressInfo-text {
        font-size: 3.78vw;
    }
    .LocationAddressNumber {
        display: block;
        width: 100%;
        padding-left: 8.523vw;
        text-align: left;
    }
    .LocationAddressNumber-list {
        display: block;
        margin-right: 0;
        padding-right: 0;
    }
    .LocationAddressNumber-list {
        margin-bottom: 2vw;
    }
    .LocationAddressNumber-list:last-child {
        margin-bottom: 0;
    }
    .LocationAddressNumber-list:before {
        display: none;
    }
    .LocationAddressNumber-title {
        margin-right: 3.607vw;
        padding-right: 3.725vw;
        font-size: 4vw;
        position: relative;
    }
    .LocationAddressNumber-title:after {
        content: '';
        display: block;
        width: 1px;
        height: 50%;
        position: absolute;
        top: 50%;
        right: 0;
        background-color: #ddd;
        transform: translateY(-50%);
    }
    .LocationAddressNumber-text {
        font-size: 4vw;
    }
}


/* LocationHowto
=========================================================*/

.LocationHowto-list {
    padding: 51px 0 56px;
    border-bottom: 1px solid #ddd;
}

.LocationHowto-inner:after {
    content: '';
    display: block;
    clear: both;
}

@media screen and (max-width:1300px) and ( min-width:1025px) {
    .LocationHowto-list {
        padding: 3.923vw 0 4.307vw;
    }
}

@media screen and (max-width:1024px) and ( min-width:768px) {
    .LocationHowto-list {
        padding: 4.980vw 0 5.468vw 0;
    }
}

@media screen and (max-width:767px) and ( min-width:1px) {
    .LocationHowto-list {
        padding: 5.649vw 0 7.301vw;
    }
}


/* MetroInfo */

.MetroInfo-title {
    width: 18%;
    padding: 0 20px;
    float: left;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.MetroInfoText {
    overflow: hidden;
}

.MetroInfoText-text {
    padding-left: 25px;
    display: block;
    margin-bottom: 11px;
    position: relative;
    color: #000;
    font-size: 15px;
    line-height: 1.6em;
}

.MetroInfoText-text:last-child {
    margin-bottom: 0;
}

.MetroInfoText-text:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url('../img/icon/ico-no2.png');
    background-size: 20px 20px;
    transform: translateY(-50%);
}

@media screen and (max-width:1300px) and ( min-width:1025px) {
    .MetroInfo-title {
        padding: 0 1.538vw;
        font-size: 1.538vw;
    }
    .MetroInfoText-text {
        padding-left: 1.923vw;
        margin-bottom: 0.846vw;
        font-size: 1.153vw;
    }
    .MetroInfoText-text:before {
        width: 1.538vw;
        height: 1.538vw;
        background-size: 1.538vw 1.538vw;
    }
}

@media screen and (max-width:1024px) and ( min-width:768px) {
    .MetroInfo-title {
        padding: 0 2.15vw;
        font-size: 2.15vw;
    }
    .MetroInfoText-text {
        margin-bottom: 1.074vw;
        padding-left: 2.441vw;
        font-size: 1.64vw;
    }
    .MetroInfoText-text:before {
        width: 1.953vw;
        height: 1.953vw;
        background-size: 1.953vw 1.953vw;
    }
}

@media screen and (max-width:767px) and ( min-width:1px) {
    .MetroInfo-title {
        width: 100%;
        padding: 0;
        float: none;
        font-size: 4.75vw;
    }
    .MetroInfoText {
        padding-top: 2vw;
    }
    .MetroInfoText-text {
        margin-bottom: 1.434vw;
        padding-left: 5.260vw;
        font-size: 4vw;
    }
    .MetroInfoText-text:before {
        width: 4vw;
        height: 4vw;
        background-size: 4vw 4vw;
    }
}


/* BustInfo */

.BusInfo-title {
    width: 18%;
    padding: 0 20px;
    float: left;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.BusInfoCont {
    overflow: hidden;
}

.BusInfoTitle {
    margin-bottom: 7px;
    line-height: 0;
    font-size: 0;
}

.BusInfoTitle:after {
    content: '';
    display: block;
    clear: both;
}

.BusInfoTitle-title {
    float: left;
    /* display:inline-block; */
    margin-right: 5px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2em;
}

.BusInfoTitle-sub {
    overflow: hidden;
    /* display:inline-block; */
    color: #000;
    font-size: 14px;
    line-height: 1.4em;
    vertical-align: bottom;
}

.BusNumberList {
    margin: 14px 0 32px;
}

.BusNumberList-item {
    margin-bottom: 13px;
}

.BusNumberList-item:last-child {
    margin-bottom: 0;
}

.BusInfo .BasicBullet-bullet {
    font-size: 15px;
}

.BusInfo .BasicBullet-bullet {
    padding: 4px 5px;
    color: #fff;
    font-size: 11px;
    line-height: 1.4em;
    font-weight: 500;
    background-color: #000;
}

.BusInfo .BasicBullet-text {
    font-size: 15px;
    line-height: 1.4em;
}

@media screen and (max-width:1300px) and ( min-width:1025px) {
    .BusInfo-title {
        padding: 0 1.538vw;
        font-size: 1.538vw;
    }
    .BusInfoTitle {
        margin-bottom: 0.769vw;
    }
    .BusInfoTitle-title {
        margin-right: 0.385vw;
        font-size: 1.230vw;
    }
    .BusInfoTitle-sub {
        font-size: 1.076vw;
    }
    .BusInfo .BasicBullet-text {
        font-size: 1.153vw;
    }
    .BusInfo .BasicBullet-bullet {
        padding: 0.307vw 0.384vw;
        font-size: 0.846vw;
    }
}

@media screen and (max-width:1024px) and ( min-width:768px) {
    .BusInfo-title {
        padding: 0 2.15vw;
        font-size: 2.15vw;
    }
    .BusInfoTitle {
        margin-bottom: 0.976vw;
    }
    .BusInfoTitle-title {
        margin-right: 0.488vw;
        font-size: 1.85vw;
    }
    .BusInfoTitle-sub {
        font-size: 1.5vw;
    }
    .BusNumberList {
        margin: 1.367vw 0 3.125vw;
    }
    .BusInfo .BasicBullet-text {
        font-size: 1.64vw;
    }
    .BusInfo .BasicBullet-bullet {
        padding: 0.3906vw .488vw;
        font-size: 1.074vw
    }
}

@media screen and (max-width:767px) and ( min-width:1px) {
    .BusInfo-title {
        width: 100%;
        padding: 0;
        float: none;
        font-size: 4.75vw;
    }
    .BusInfoCont {
        padding-top: 2vw;
    }
    .BusInfoTitle {
        margin-bottom: 2.35vw;
    }
    .BusInfoTitle-title {
        margin-right: 1vw;
        font-size: 4vw;
    }
    .BusInfoTitle-sub {
        font-size: 3.78vw;
    }
    .BusInfo .BasicBullet-text {
        font-size: 4vw;
    }
    .BusInfo .BasicBullet-bullet {
        margin-right: 1.5vw;
        padding: 0.6vw 1vw;
        font-size: 3.45vw;
    }
}


/* CarInfo */

.CarInfo-title {
    width: 18%;
    padding: 0 20px;
    float: left;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.CarInfoText {
    overflow: hidden;
}

.CarInfoText-title {
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
}

.CarInfoText-text {
    display: block;
    margin-bottom: 11px;
    color: #000;
    font-size: 15px;
    line-height: 1.6em;
}

.CarInfoText-text:last-child {
    margin-bottom: 0;
}

@media screen and (max-width:1300px) and ( min-width:1025px) {
    .CarInfo-title {
        padding: 0 1.538vw;
        font-size: 1.538vw;
    }
    .CarInfoText-title {
        margin-bottom: 0.769vw;
        font-size: 1.230vw;
    }
    .CarInfoText-text {
        margin-bottom: 0.846vw;
        font-size: 1.153vw;
    }
}

@media screen and (max-width:1024px) and ( min-width:768px) {
    .CarInfo-title {
        padding: 0 2.15vw;
        font-size: 2.15vw;
    }
    .CarInfoText-title {
        margin-bottom: 0.976vw;
        font-size: 1.85vw;
    }
    .CarInfoText-text {
        font-size: 1.64vw;
    }
}

@media screen and (max-width:767px) and ( min-width:1px) {
    .CarInfo-title {
        width: 100%;
        padding: 0;
        float: none;
    }
    .CarInfoText {
        padding-top: 2vw;
    }
}


/*=========================================================
	BrandCenterBanner
=========================================================*/


/*	BrandCenterBanner:Banner
=========================================================*/

.page-id-31 .Breadcrumb-item:nth-child(2)~.Breadcrumb-item {
    display: none;
}

.page-id-31 .Breadcrumb-item.parent-item {
    padding-right: 0;
    margin-right: 0;
}

.page-id-31 .Breadcrumb-item.parent-item .Breadcrumb-link {
    font-weight: bold;
}

.page-id-31 .Breadcrumb-item.parent-item:after {
    display: none;
}

.BrandCenterBanner {
    position: relative;
    clear: both;
    margin-bottom: 90px;
}

.BrandCenterBanner:after {
    content: "";
    display: block;
    padding-bottom: 46.7%;
}

.BrandCenterBanner-inner {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.BrandCenterBanner-center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-width: 100%;
}

.BrandCenterBanner-img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: none;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
    .BrandCenterBanner-img {
        max-height: calc(100% + 33vh);
    }
}

@media screen and (min-width:1301px) {
    .BrandCenterBanner-img {
        max-height: 260%;
    }
}

body.Safari .BrandCenterBanner-img {
    transition-duration: 0s;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .BrandCenterBanner-img {
        transition-duration: 0s;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .BrandCenterBanner {
        margin-bottom: 6.923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .BrandCenterBanner {
        margin-bottom: 8.7890vw;
    }
    .BrandCenterBanner-img {
        transition-duration: 0.1s;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .BrandCenterBanner {
        margin-bottom: 13.6923vw;
        margin-left: -20vw;
        margin-right: -20vw;
    }
    .BrandCenterBanner-inner {
        width: 190vw;
    }
    .BrandCenterBanner:after {
        padding-bottom: 40%;
    }
    .BrandCenterBanner-img {
        transition-duration: 0.1s;
    }
}


/* BrandCenterSub
=========================================================*/

.BrandCenterSub {
    overflow: hidden;
    margin-bottom: 126px;
}

.BrandCenterSub p {
    margin-bottom: 6px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
}

.BrandCenterSub p:last-child {
    margin-bottom: 0;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .BrandCenterSub {
        margin-bottom: 9.6923vw;
    }
    .BrandCenterSub p {
        margin-bottom: 0.4615vw;
        font-size: 1.5384vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .BrandCenterSub {
        margin-bottom: 10.30vw;
    }
    .BrandCenterSub p {
        margin-bottom: 0.5859vw;
        font-size: 1.9531vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .BrandCenterSub {
        margin-bottom: 16.4276vw;
    }
    .BrandCenterSub p {
        margin-bottom: 3.5vw;
        font-size: 4.6075vw;
    }
}


/* BrandCenterCont
=========================================================*/

.BrandCenterCont {
    margin-bottom: 72px;
}

.BrandCenterCont:last-child {
    margin-bottom: 0;
}

.BrandCenterContTitle {
    overflow: hidden;
    margin-bottom: 42px;
}

.BrandCenterCont-title {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: 1.2em;
    transform: translateY(101%);
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}

.is-Opacity .BrandCenterCont-title {
    transform: translateY(0%);
}

.BrandCenterCont-content p {
    color: #000;
    font-size: 18px;
    line-height: 1.7em;
}

.BrandCenterCont-logo {
    margin-top: 28px;
}

.BrandCenterCont-img {
    position: relative;
    background-color: #f7f7f7;
}

.BrandCenterCont-img:after {
    content: '';
    display: block;
    padding-bottom: 27.083%;
}

.BrandCenterCont-img img {
    max-width: 390px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.BrandCenterCont-logo {
    position: relative;
    font-size: 0;
    line-height: 0;
}

.BrandCenterCont-Typeface {
    position: relative;
}

.BrandCenterCont-Typeface:after {
    content: '';
    display: block;
    padding-bottom: 27.70%;
}

.BrandCenterCont-Typeface img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.BrandCenterBtm {
    margin-top: 72px;
    padding: 35px 30px 25px;
    border: 1px solid #ddd;
}

.BrandCenterBtm-text {
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
    line-height: 1.8em;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .BrandCenterCont {
        margin-bottom: 5.538vw;
    }
    .BrandCenterContTitle {
        margin-bottom: 3.230vw;
    }
    .BrandCenterCont-title {
        font-size: 3.538vw;
    }
    .BrandCenterCont-content p {
        font-size: 1.384vw;
    }
    .BrandCenterCont-img img {
        max-width: 30vw;
    }
    .BrandCenterCont-logo {
        margin-top: 2.153vw;
    }
    .BrandCenterBtm {
        margin-top: 5.538vw;
        padding: 2.692vw 2.307vw 1.923vw;
    }
    .BrandCenterBtm-text {
        margin-bottom: 0.3846vw;
        font-size: 1.0769vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .BrandCenterCont {
        margin-bottom: 7.031vw;
    }
    .BrandCenterContTitle {
        margin-bottom: 4.1015vw;
    }
    .BrandCenterCont-title {
        font-size: 4.492vw;
    }
    .BrandCenterCont-content p {
        font-size: 1.757vw;
    }
    .BrandCenterCont-img img {
        max-width: 38.08vw;
    }
    .BrandCenterCont-logo {
        margin-top: 2.734vw;
    }
    .BrandCenterBtm {
        margin-top: 8.031vw;
        padding: 3.417vw 2.929vw 2.441vw;
    }
    .BrandCenterBtm-text {
        margin-bottom: 0.88vw;
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .BrandCenterCont {
        margin-bottom: 18.387vw;
    }
    .BrandCenterContTitle {
        margin-bottom: 5.475vw;
    }
    .BrandCenterCont-title {
        font-size: 6.908vw;
    }
    .BrandCenterCont-content p {
        font-size: 4vw;
    }
    .BrandCenterCont-img img {
        max-width: 40.84vw;
    }
    .BrandCenterCont-logo {
        margin-top: 3.650vw;
    }
    .BrandCenter .DownloadBtn {
        width: auto;
        height: auto;
        padding-right: 6vw;
        font-size: 3.5vw;
        text-indent: unset;
    }
    .BrandCenter .DownloadBtn:after {
        width: 3.5vw;
        height: 3.5vw;
        background-size: 3.5vw 3.5vw;
    }
    .BrandCenterBtm {
        margin-top: 18vw;
        padding: 4.5632vw 3.9113vw 3.259vw;
    }
    .BrandCenterBtm-text {
        margin-bottom: 2vw;
        font-size: 3.5vw;
    }
}


/* Studio
=========================================================*/

.BrandCenterStudio-item {
    padding-bottom: 58px;
}

.BrandCenterStudio-item:last-child {
    padding-bottom: 0;
}

.BrandCenterResourceItem {
    overflow: hidden;
    margin-top: 20px;
}

.BrandCenterResourceItem-list {
    font-size: 0;
    line-height: 0;
    text-align: right;
}

.BrandCenterResourceItem-item {
    overflow: hidden;
    display: inline-block;
    margin-right: 32px;
    padding-right: 32px;
    position: relative;
}

.BrandCenterResourceItem-item:after {
    content: '';
    display: block;
    width: 1px;
    height: 65%;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #ddd;
    transform: translateY(-50%);
}

.BrandCenterResourceItem-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.BrandCenterResourceItem-item:last-child:after {
    right: -1px;
}

.BrandCenterStudioItem-img {
    overflow: hidden;
    position: relative;
    background-color: #F7F7F7;
}

.BrandCenterStudioItem-img:after {
    content: '';
    display: block;
    padding-bottom: 16.666%;
}

.BrandCenterStudioItem-img img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.BrandCenterStudioItem-img.Default img {
    max-width: 175px;
}

.BrandCenterStudioItem-img.Pubg img {
    max-width: 109px;
}

.BrandCenterStudioItem-img.Bluehole img {
    max-width: 228px;
}

.BrandCenterStudioItem-img.Risingwings img {
    max-width: 115px;
}

.BrandCenterStudioItem-img.Striking img {
    max-width: 173px;
}

.BrandCenterStudioItem-img.Dreammotion img {
    max-width: 211px;
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .BrandCenterStudio-item {
        padding-bottom: 4.461vw;
    }
    .BrandCenterResourceItem {
        margin-top: 1.538vw;
    }
    .BrandCenterResourceItem-item {
        margin-right: 2.461vw;
        padding-right: 2.461vw;
    }
    .BrandCenterStudioItem-img.Default img {
        max-width: 13.4615vw;
    }
    .BrandCenterStudioItem-img.Pubg img {
        max-width: 8.384vw;
    }
    .BrandCenterStudioItem-img.Bluehole img {
        max-width: 17.538vw;
    }
    .BrandCenterStudioItem-img.Risingwings img {
        max-width: 8.846vw;
    }
    .BrandCenterStudioItem-img.Striking img {
        max-width: 13.307vw;
    }
    .BrandCenterStudioItem-img.Dreammotion img {
        max-width: 17vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .BrandCenterStudio-item {
        padding-bottom: 5.664vw;
    }
    .BrandCenterResourceItem {
        margin-top: 1.953vw;
    }
    .BrandCenterResourceItem-item {
        margin-right: 3.125vw;
        padding-right: 3.125vw;
    }
    .BrandCenterStudioItem-img.Default img {
        max-width: 17vw;
    }
    .BrandCenterStudioItem-img.Pubg img {
        max-width: 10.64vw;
    }
    .BrandCenterStudioItem-img.Bluehole img {
        max-width: 22.26vw;
    }
    .BrandCenterStudioItem-img.Risingwings img {
        max-width: 11.23vw;
    }
    .BrandCenterStudioItem-img.Striking img {
        max-width: 16.89vw;
    }
    .BrandCenterStudioItem-img.Dreammotion img {
        max-width: 21.58vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .BrandCenterCont-img {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    .BrandCenterCont-img:after {
        padding-bottom: 30%;
    }
    .BrandCenterCont-Typeface {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    .BrandCenterStudio-item {
        padding-bottom: 7.561vw;
    }
    .BrandCenterResourceItem {
        margin-top: 2.607vw;
    }
    .BrandCenterResourceItem-item {
        margin-right: 4.172vw;
        padding-right: 4.172vw;
    }
    .BrandCenterStudioItem-img {
        margin-right: -6.25vw;
        margin-left: -6.25vw;
    }
    .BrandCenterStudioItem-img:after {
        padding-bottom: 32%;
    }
    .BrandCenterStudioItem-img.Default img {
        max-width: 29vw;
    }
    .BrandCenterStudioItem-img.Pubg img {
        max-width: 14.21vw;
    }
    .BrandCenterStudioItem-img.Bluehole img {
        max-width: 29.72vw;
    }
    .BrandCenterStudioItem-img.Risingwings img {
        max-width: 14.99vw;
    }
    .BrandCenterStudioItem-img.Striking img {
        max-width: 28vw;
    }
    .BrandCenterStudioItem-img.Dreammotion img {
        max-width: 28.81vw;
    }
}


/* =========================================================
	Studios
=========================================================*/

.StudiosList-item {
    margin-bottom: 10px;
}

.StudiosList-item:last-child {
    margin-bottom: 0;
}

.StudiosList-link {
    overflow: hidden;
    display: block;
    position: relative;
}

.StudiosListItem {
    display: table;
    width: 100%;
    padding: 3.4% 0;
    position: relative;
    background-color: #F7F7F7;
}

.StudiosListItem:after {
    content: '';
    display: block;
    width: 40px;
    height: 14px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 5;
    background-image: url(../img/icon/ico-post-arrow-b.png);
    background-size: 40px 14px;
    transform: translateX(0);
    transition-property: background-image, transform;
    transition-duration: 0.2s;
    transition-delay: 0.2s;
}

.StudiosListItemBg {
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition-property: width, background-color;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
}

.StudiosListItemLogo {
    width: 31.66%;
    display: table-cell;
    position: relative;
}

.StudiosListItemLogo:after {
    content: '';
    display: block;
    padding-bottom: 40%;
}

.StudiosListItemLogo-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-duration: 0.05s;
    transition-delay: 0s;
}

.StudiosListItem .StudiosListItemLogo-img {
    width: 155px;
}

.StudiosListItem.Pubg .StudiosListItemLogo-img {
    width: 100px;
}

.StudiosListItem.Bluehole .StudiosListItemLogo-img {
    width: 205px;
}

.StudiosListItem.RisingWings .StudiosListItemLogo-img {
    width: 104px;
}

.StudiosListItem.Striking .StudiosListItemLogo-img {
    width: 155px;
}

.StudiosListItem.Dreammotion .StudiosListItemLogo-img {
    width: 190px;
}

.StudiosListItemCont {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.StudiosListItemCont-list {
    margin-bottom: 5px;
}

.StudiosListItemCont-list:after {
    content: '';
    display: block;
    clear: both;
}

.StudiosListItemCont-item {
    overflow: hidden;
    margin-right: 12px;
    padding-right: 12px;
    float: left;
    position: relative;
    color: #000;
    font-size: 12px;
    line-height: 1.2em;
    transition-property: color;
    transition-duration: 0.1s;
    transition-delay: 0.05s;
}

.StudiosListItemCont-item:after {
    content: '';
    display: block;
    width: 1px;
    height: 70%;
    background-color: #959595;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition-property: background-color;
    transition-duration: 0.1s;
    transition-delay: 0.05s;
}

.StudiosListItemCont-item:last-child:after {
    right: -1px;
}

.StudiosListItemCont-title {
    color: #000;
    font-family: 'Poppins';
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2em;
    transition-property: color;
    transition-duration: 0.1s;
    transition-delay: 0.05s;
}

.StudiosListItemCont-text {
    margin-top: 10px;
    color: #000;
    font-size: 16px;
    line-height: 1.6em;
    transition-property: color;
    transition-duration: 0.1s;
    transition-delay: 0.05s;
}

@media screen and (min-width:1025px) {
    .StudiosList-link:hover .StudiosListItemBg {
        width: 100%;
    }
    .StudiosList-link:hover .StudiosListItemBg {
        background-color: #fff;
    }
    .StudiosList-link .StudiosListItemLogo-img.white {
        opacity: 0;
    }
    .StudiosList-link:hover .StudiosListItemLogo-img.black {
        opacity: 0;
    }
    .StudiosList-link:hover .StudiosListItemLogo-img.white {
        opacity: 100;
    }
    .StudiosList-link:hover .StudiosListItemCont-item {
        color: #fff;
    }
    .StudiosList-link:hover .StudiosListItemCont-title {
        color: #fff;
    }
    .StudiosList-link:hover .StudiosListItemCont-text {
        color: #fff;
    }
    .StudiosList-link:hover .StudiosListItem:after {
        background-image: url('../img/icon/ico-post-arrow.png');
        transform: translateX(5px);
    }
    .StudiosList-link:hover .StudiosListItemCont-item:after {
        background-color: #fff;
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .StudiosList-item {
        margin-bottom: 0.769vw;
    }
    .StudiosListItem {
        padding: 3.0769vw 0;
    }
    .StudiosListItem:after {
        width: 3.0769vw;
        height: 1.0769vw;
        bottom: 3.076vw;
        right: 3.076vw;
        background-size: 3.0769vw 1.0769vw;
    }
    .StudiosListItem .StudiosListItemLogo-img {
        width: 11.923vw;
    }
    .StudiosListItem.Pubg .StudiosListItemLogo-img {
        width: 7.6923vw;
    }
    .StudiosListItem.Bluehole .StudiosListItemLogo-img {
        width: 15.7692vw;
    }
    .StudiosListItem.RisingWings .StudiosListItemLogo-img {
        width: 10.156vw;
    }
    .StudiosListItem.Striking .StudiosListItemLogo-img {
        width: 11.923vw;
    }
    .StudiosListItem.Dreammotion .StudiosListItemLogo-img {
        width: 14.6153vw;
    }
    .StudiosListItemCont-list {
        margin-bottom: 0.384vw;
    }
    .StudiosListItemCont-item {
        margin-right: 0.923vw;
        padding-right: 0.923vw;
        font-size: 0.923vw;
    }
    .StudiosListItemCont-item:last-child:after {
        right: -1px;
    }
    .StudiosListItemCont-title {
        font-size: 2.769vw;
    }
    .StudiosListItemCont-text {
        margin-top: 0.7692vw;
        font-size: 1.230vw;
    }
}

@media screen and (max-width:1024px) and (min-width:1px) {
    .StudiosListItemLogo-img.white {
        display: none;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .StudiosList-item {
        margin-bottom: 0.976vw;
    }
    .StudiosListItem {
        padding: 3.906vw 0;
    }
    .StudiosListItem:after {
        width: 3.906vw;
        height: 1.3671vw;
        bottom: 3.906vw;
        right: 3.906vw;
        background-size: 3.906vw 1.3671vw;
    }
    .StudiosListItem .StudiosListItemLogo-img {
        width: 15.1367vw;
    }
    .StudiosListItem.Pubg .StudiosListItemLogo-img {
        width: 9.775vw;
    }
    .StudiosListItem.Bluehole .StudiosListItemLogo-img {
        width: 20.01vw;
    }
    .StudiosListItem.RisingWings .StudiosListItemLogo-img {
        width: 10.156vw;
    }
    .StudiosListItem.Striking .StudiosListItemLogo-img {
        width: 15.1367vw;
    }
    .StudiosListItem.Dreammotion .StudiosListItemLogo-img {
        width: 18.5546vw;
    }
    .StudiosListItemCont-list {
        margin-bottom: 0.488vw;
    }
    .StudiosListItemCont-item {
        margin-right: 1.1718vw;
        padding-right: 1.1718vw;
        font-size: 1.1718vw;
    }
    .StudiosListItem.Bluehole .StudiosListItemLogo-img {
        max-width: 80%;
    }
    .StudiosListItemCont-title {
        font-size: 3.516vw;
    }
    .StudiosListItemCont-text {
        margin-top: 1.302vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .StudiosList-item {
        margin-bottom: 5vw;
    }
    .StudiosListItem {
        display: block;
        padding: 3vw 4vw 15vw;
    }
    .StudiosListItemLogo {
        display: block;
        width: 100%;
    }
    .StudiosListItemCont {
        display: block;
        margin-top: 2vw;
    }
    .StudiosListItem:after {
        width: 9.523vw;
        height: 3.333vw;
        bottom: 6.215vw;
        right: 5.215vw;
        background-size: 9.523vw 3.333vw;
    }
    .StudiosListItemLogo-img {
        left: 0;
        transform: translate(0, -50%);
    }
    .StudiosListItem .StudiosListItemLogo-img {
        width: 32vw;
    }
    .StudiosListItem.Pubg .StudiosListItemLogo-img {
        width: 22vw;
    }
    .StudiosListItem.Bluehole .StudiosListItemLogo-img {
        width: 42vw;
    }
    .StudiosListItem.RisingWings .StudiosListItemLogo-img {
        width: 21vw;
    }
    .StudiosListItem.Striking .StudiosListItemLogo-img {
        width: 32vw;
    }
    .StudiosListItem.Dreammotion .StudiosListItemLogo-img {
        width: 40vw;
    }
    .StudiosListItemCont-list {
        margin-bottom: 2.190vw;
    }
    .StudiosListItemCont-item {
        margin-right: 2.8571vw;
        padding-right: 2.8571vw;
        font-size: 3.15vw;
    }
    .StudiosListItemCont-item:last-child:after {
        right: -1px;
    }
    /* .StudiosListItemLogo-img{ */
    /* width:28%; */
    /* } */
    .StudiosListItemCont-title {
        font-size: 6.571vw;
    }
    .StudiosListItemCont-text {
        margin-top: 2.380vw;
        font-size: 4vw;
    }
}


/*=========================================================
	PageError 
=========================================================*/

body.error404 .site-footer {
    display: none;
}

.PageError {
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.PageError-ico {
    width: 63px;
    line-height: 0;
    margin: 0 auto;
}

.PageError-title {
    color: #000;
    font-size: 44px;
    font-weight: bold;
    line-height: 1.4em;
}

.PageError-text {
    margin-top: 15px;
    color: #000;
    font-size: 17px;
    line-height: 1.4em;
}

.PageErrorBtn {
    margin-top: 90px;
    font-size: 0;
    line-height: 0;
}

.PageErrorBtn-link {
    display: inline-block;
    padding: 16px 44px;
    line-height: 1.2em;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: #000;
    border: 2px solid #000;
    transition: background-color 0.2s, color 0.2s;
}

@media screen and (min-width:1025px) {
    .PageErrorBtn-link:hover {
        color: #000;
        background-color: #fff;
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .PageError-title {
        font-size: 3.384vw;
    }
    .PageError-text {
        margin-top: 1.153vw;
        font-size: 1.307vw;
    }
    .PageErrorBtn {
        margin-top: 6.923vw;
    }
    .PageErrorBtn-link {
        padding: 1.230vw 3.384vw;
        font-size: 1.230vw;
    }
    .PageError-ico {
        width: 4.846vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .PageError-title {
        font-size: 4.296vw;
    }
    .PageError-text {
        margin-top: 1.464vw;
        font-size: 1.78vw;
    }
    .PageErrorBtn {
        margin-top: 8.789vw;
    }
    .PageErrorBtn-link {
        padding: 1.5625vw 4.296vw;
        font-size: 1.5625vw;
    }
    .PageError-ico {
        width: 4.846vw;
        margin-bottom: 2vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .PageError {}
    .PageError-title {
        font-size: 5.736vw;
    }
    .PageError-text {
        margin-top: 1.153vw;
        font-size: 3.78vw;
    }
    .PageErrorBtn {
        margin-top: 12vw;
    }
    .PageErrorBtn-link {
        padding: 3.2vw 16vw;
        font-size: 3.85vw;
    }
    .PageError-ico {
        width: 9.846vw;
        margin-bottom: 2vw;
    }
}


/*=========================================================
	Recruit
=========================================================*/

.RecruitSearch:after {
    content: '';
    display: block;
    clear: both;
}

.RecruitSearch-search {
    width: 22.08%;
    margin-right: 5.66%;
    float: left;
}

@media screen and (min-width:768px) {
    .RecruitSearch-search {
        display: block !important;
    }
}

.RecruitResult {
    overflow: hidden;
    min-height: 430px;
}

.RecruitSearchTitle {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.RecruitSearchTitle.mobile {
    display: none;
}

.RecruitSearchTitle-text {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4em;
}

.RecruitSearchTitle-button {
    padding-right: 23px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
}

.RecruitSearchTitle-button:after {
    content: '';
    display: block;
    width: 17px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url('../img/icon/ico-clear.png');
    background-size: 17px 13px;
    transform: translateY(-50%);
}

.RecruitSearchItem {
    width: 100%;
    margin-bottom: 5px;
    position: relative;
}

.RecruitSearchItem:last-child {
    margin-bottom: 0;
}

.RecruitSearchItem-link {
    overflow: hidden;
    height: 50px;
    padding: 11px 31px 10px 0px;
    display: block;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 2px solid #000;
}

.RecruitSearchItem-link:after {
    width: 11px;
    height: 7px;
    content: '';
    display: block;
    background-image: url('../img/icon/ico-select-arrow_b.png');
    background-position: center;
    background-size: 11px 7px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    transition: transform 0.2s;
}

.RecruitSearchItem.is-Active .RecruitSearchItem-link:after {
    transform: rotate(-180deg) translateY(50%);
}

.RecruitSearchItem-content {
    overflow: hidden;
    display: none;
    padding: 26px 0;
    width: 100%;
    background-color: #fff;
    top: 100%;
    z-index: 50;
}

.RecruitSearchItem-item {
    padding-bottom: 17px;
}

.RecruitSearchItem-item:last-child {
    padding-bottom: 0;
}

.RecruitSearchMoBtn {
    display: none;
    padding: 5vw 6.25vw;
    text-align: center;
    display: none;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    font-size: 4.2846vw;
    color: #fff;
    font-weight: 500;
    line-height: 1.6em;
}

.RecruitSearchSearch-close {
    display: none;
    width: 5.216vw;
    height: 5.216vw;
    position: absolute;
    top: 4.346vw;
    right: 4.346vw;
    background-size: 5.216vw 5.216vw;
    background-image: url(../img/icon/ico-closed-1.png);
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .RecruitSearchTitle {
        margin-bottom: 3.8461vw;
    }
    .RecruitSearchTitle-text {
        font-size: 1.538vw;
    }
    .RecruitSearchTitle-button {
        padding-right: 1.769vw;
        font-size: 1.076vw;
    }
    .RecruitSearchTitle-button:after {
        width: 1.307vw;
        height: 1.307vw;
        background-size: 1.307vw 1.307vw;
    }
    .RecruitSearchItem-link {
        height: calc(3.6923vw + 2px);
        padding: 0.846vw 2.384vw 0.7692vw 0;
        font-size: 1.3846vw;
    }
    .RecruitSearchItem-link:after {
        width: 0.846vw;
        height: 0.5384vw;
        background-size: 0.8461vw 0.53846vw;
        right: 0.769vw;
    }
    .RecruitSearchItem-content {
        padding: 2vw 0;
    }
    .RecruitSearchItem-item {
        padding-bottom: 1.307vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .RecruitSearch-search {
        margin-right: 3.636%;
    }
    .RecruitSearchTitle {
        margin-bottom: 4.882vw;
    }
    .RecruitSearchTitle-text {
        font-size: 1.953vw;
    }
    .RecruitSearchTitle-button {
        padding-right: 2.2460vw;
        font-size: 1.367vw;
    }
    .RecruitSearchTitle-button:after {
        width: 1.660vw;
        height: 1.269vw;
        background-size: 1.660vw 1.269vw;
    }
    .RecruitSearchItem-link {
        height: calc(4.8675vw + 2px);
        padding: 1.074vw 3.027vw 0.976vw 0;
        font-size: 1.7578vw;
    }
    .RecruitSearchItem-link:after {
        width: 1.074vw;
        height: 0.683vw;
        background-size: 1.074vw 0.683vw;
        right: 0.976vw;
    }
    .RecruitSearchItem-content {
        padding: 2.539vw 0;
    }
    .RecruitSearchItem-item {
        padding-bottom: 1.660vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .RecruitResult {
        min-height: 460px;
    }
    .RecruitSearchTitle {
        margin-bottom: 0;
    }
    .RecruitSearchTitle-text {
        padding: 5vw 0;
        position: relative;
        color: #fff;
        font-size: 4.2846vw;
        text-align: left;
        background-color: #000;
    }
    .RecruitSearchTitle-text:after {
        content: '';
        display: block;
        width: 2.868vw;
        height: 1.825vw;
        position: absolute;
        top: 50%;
        right: 5.736vw;
        background-image: url('../img/icon/ico-select-arrow_w.png');
        background-size: 2.868vw 1.825vw;
        transform: translateY(-50%);
    }
    .RecruitSearchTitle.is-Active .RecruitSearchTitle-text:after {
        transform: rotate(-180deg) translateY(50%);
    }
    .RecruitSearchTitle-button {
        padding-right: 6vw;
        font-size: 3.5vw;
    }
    .RecruitSearchTitle-button:after {
        width: 4.656vw;
        height: 3.531vw;
        background-size: 4.656vw 3.531vw;
    }
    .RecruitSearchTitle.pc {
        overflow: hidden;
        padding: 0 6.25vw;
    }
    .RecruitSearchTitle.pc .RecruitSearchTitle-text {
        background-color: transparent;
        color: #000;
        font-size: 6vw;
    }
    .RecruitSearchTitle.pc .RecruitSearchTitle-text:after {
        display: none;
    }
    .RecruitSearchTitle.pc .RecruitSearchTitle-button {
        float: right;
        margin-right: 6.25vw;
    }
    .RecruitSearchTitle.mobile {
        display: block;
        text-align: right;
        margin-left: -6.25vw;
        width: auto;
    }
    .RecruitSearchTitle.mobile .RecruitSearchTitle-text {
        padding-left: 6.25vw;
    }
    .RecruitSearch-search {
        transition-property: opacity, visibility;
        transition-duration: 0.14s;
        transition-timing-function: ease-out;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        background-color: #fff;
        z-index: 2000;
        margin: 0;
        float: none;
        padding: 11.25vw 0 17.25vw;
    }
    .RecruitSearchMoBtn {
        display: block;
        transition-property: transform;
        transition-duration: 0.2s;
        transition-delay: 0.26s;
        transition-timing-function: ease-out;
        transform: translateY(110%);
    }
    .RecruitSearch-search.is-Active .RecruitSearchMoBtn {
        transform: translateY(0%);
    }
    .admin-bar .RecruitSearch-search {
        top: 46px;
    }
    .RecruitSearch-search.is-Active {
        opacity: 1;
        visibility: visible;
    }
    .RecruitSearchCont {
        padding-bottom: 36vw;
        overflow: hidden;
        overflow-y: auto;
        max-height: calc(100vh - 46vw);
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }
    .admin-bar .RecruitSearchCont {
        max-height: calc(100vh - 46vw - 46px);
    }
    .RecruitSearchItem {
        margin-bottom: 0;
    }
    .RecruitSearchItem-link {
        height: calc(12.615vw + 2px);
        padding: 2.868vw 13.55vw 2.607vw 0;
        font-size: 4.2846vw;
    }
    .RecruitSearchItem-link:after {
        width: 2.868vw;
        height: 2.025vw;
        background-size: 2.868vw 2.025vw;
        right: 5.736vw;
    }
    .RecruitSearchItem-content {
        padding: 4.190vw 0;
    }
    .RecruitSearchItem-item {
        padding-bottom: 4.047vw;
    }
    .RecruitSearchTitle.mobile .RecruitSearchTitle-text:after {
        width: 2px;
        height: 14px;
        background-color: #fff;
        right: 6.28vw;
        transform: translateY(-50%);
        background-image: none;
    }
    .RecruitSearchTitle.mobile .RecruitSearchTitle-text:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 14px;
        height: 2px;
        background-color: #fff;
        right: calc(6.25vw - 6px);
        transform: translateY(-50%);
        background-image: none;
    }
    .RecruitSearchSearch-close {
        display: block;
    }
    .RecruitSearchMoBtn {
        display: block;
    }
}


/* RecruitListTopFilter
=========================================================*/

.RecruitListTopFilter:after {
    content: "";
    display: table;
    clear: both;
}

.RecruitListTopFilter .BasicSelect {
    width: 165px;
}


/* .RecruitListTopFilter .SearchInput{ */


/* float:right; */


/* width:238px; */


/* } */

@media screen and (max-width:1300px) and (min-width:1025px) {
    .RecruitListTopFilter .SearchInput {
        width: 19.7vw;
    }
    .RecruitListTopFilter .BasicSelect {
        width: 12.6923vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .RecruitListTopFilter .SearchInput {
        width: 31.02vw;
    }
    .RecruitListTopFilter .BasicSelect {
        width: 17.1132vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .RecruitListTopFilter.mb30 {
        margin-top: 10vw;
        margin-bottom: 0 !important;
    }
    .RecruitListTopFilter .BasicSelect {
        width: 30vw;
    }
    /* .RecruitListTopFilter .SearchInput{ */
    /* width: 100%; */
    /* float:none; */
    /* } */
}


/* RecruitList
=========================================================*/

.RecruitResultHeader {
    display: table;
    width: 100%;
    margin-bottom: 50px;
}

.RecruitResultHeaderTitle {
    display: table-cell;
}

.RecruitResultHeaderSaved {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.RecruitResultHeaderTitle-number {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4em;
}

.RecruitResultHeaderTitle-text {
    color: #000;
    font-size: 22px;
    line-height: 1.4em;
}

.RecruitList-item {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.RecruitList-item:first-child {
    padding-top: 0;
}

.RecruitItem {
    position: relative;
}

.RecruitItemTitle-link {
    display: block;
    padding-right: 72px;
}

.RecruitItemTitle-title {
    overflow: hidden;
    display: block;
    max-height: 3em;
    padding-bottom: 2px;
    color: #000;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5em;
    text-overflow: ellipsis;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.RecruitItemMeta-studio {
    display: block;
    padding: 5px 13px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2em;
    background-color: #000;
}

.RecruitItemMeta-studio.Pubg {
    background-color: #F2A900;
}

.RecruitItemMeta-studio.Bluehole {
    background-color: #2E82FE;
}

.RecruitItemMeta-studio.SDS {
    background-color: #6DCCAA;
}

.RecruitItemMeta-studio.Risingwings {
    background-color: #FF5C39;
}

.RecruitItemMeta-studio.Dreammotion {}

.RecruitItemMeta {
    margin-top: 16px;
}

.RecruitItemMeta-list {
    display: table;
}

.RecruitItemMeta-item {
    display: table-cell;
    padding-right: 20px;
    position: relative;
    vertical-align: middle;
}

.RecruitItemMeta-item:last-child {
    padding-right: 0;
    /* padding-left:20px; */
}


/* .RecruitItemMeta-item:last-child:after{ */


/* content:''; */


/* display:block; */


/* width:1px; */


/* height:50%; */


/* position:absolute; */


/* top:50%; */


/* left:0; */


/* background-color:#ddd; */


/* transform:translateY(-50%); */


/* } */

.RecruitItemMetaCategorygory-list:after {
    content: '';
    display: block;
    clear: both;
}

.RecruitItemMetaCategory-item {
    overflow: hidden;
    margin-right: 12px;
    padding-right: 13px;
    float: left;
    position: relative;
}

.RecruitItemMetaCategory-item:after {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #000;
    border-radius: 100%;
    transform: translateY(-50%);
}

.RecruitItemMetaCategory-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.RecruitItemMetaCategory-item:last-child:after {
    right: -2px;
}

.RecruitItemMetaCategory-text {
    display: block;
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
}

.RecruitItemMeta-date {
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
}

.RecruitItem-link {
    display: block;
    margin-top: 55px;
    width: 40px;
    height: 14px;
    background-image: url('../img/icon/ico-post-arrow-b.png');
    background-size: 40px 14px;
    transition-property: transform;
    transition-duration: 0.3s;
}

.RecruitItem-mark {
    display: block;
    width: 24px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 0;
    background-image: url('../img/icon/ico-bookmark01.png');
    background-size: 24px 30px;
    transition-property: background-image;
    transition-duration: 0.2s;
}

.RecruitItem-mark.is-Active {
    background-image: url('../img/icon/ico-bookmark02.png');
}

@media screen and (min-width:1025px) {
    .RecruitItem-mark:hover {
        background-image: url('../img/icon/ico-bookmark02.png');
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .RecruitResultHeader {
        margin-bottom: 3.8461vw;
    }
    .RecruitResultHeaderTitle-number {
        font-size: 1.692vw;
    }
    .RecruitResultHeaderTitle-text {
        font-size: 1.692vw;
    }
    .RecruitResultHeaderSaved-text {
        font-size: 1.692vw;
    }
    .RecruitList-item {
        padding-top: 3.846vw;
        padding-bottom: 3.846vw;
    }
    .RecruitItemTitle-link {
        padding-right: 8.692vw;
    }
    .RecruitItemTitle-title {
        padding-bottom: 0;
        font-size: 2vw;
    }
    .RecruitItemMeta-studio {
        padding: 0.384vw 1vw;
        font-size: 1vw;
    }
    .RecruitItemMeta {
        margin-top: 1.230vw;
    }
    .RecruitItemMeta-item {
        padding-right: 1.538vw;
    }
    /* .RecruitItemMeta-item:last-child{ */
    /* padding-left:1.538vw; */
    /* } */
    .RecruitItemMetaCategory-item {
        margin-right: 0.923vw;
        padding-right: 1vw;
    }
    .RecruitItemMetaCategory-item:after {
        width: 0.1538vw;
        height: 0.1538vw;
    }
    .RecruitItemMetaCategory-item:last-child:after {
        right: -0.1538vw;
    }
    .RecruitItemMetaCategory-text {
        font-size: 1.1538vw;
    }
    .RecruitItemMeta-date {
        font-size: 1.1538vw;
    }
    .RecruitItem-link {
        margin-top: 4.2307vw;
        width: 3.076vw;
        height: 1.0769vw;
        background-size: 3.076vw 1.0769vw;
    }
    .RecruitItem-mark {
        width: 1.846vw;
        height: 2.307vw;
        top: 1.1538vw;
        background-size: 1.846vw 2.307vw;
    }
}

@media screen and (max-width:1024px) and (min-width:1px) {
    .RecruitItemMeta-list {
        display: block;
    }
    .RecruitItemMeta-item {
        display: block;
        padding-right: 0;
        line-height: 0;
        font-size: 0;
    }
    .RecruitItemMeta-item:last-child {
        padding-left: 0;
        padding-bottom: 0;
    }
    .RecruitItemMeta-item:last-child:after {
        display: none;
    }
    .RecruitItemMeta-studio {
        display: inline-block;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .RecruitResultHeader {
        margin-bottom: 4.882vw;
    }
    .RecruitResultHeaderTitle-number {
        font-size: 2.148vw;
    }
    .RecruitResultHeaderTitle-text {
        font-size: 2.148vw;
    }
    .RecruitResultHeaderSaved-text {
        font-size: 2.148vw;
    }
    .RecruitList-item {
        padding-top: 4.882vw;
        padding-bottom: 4.882vw;
    }
    .RecruitItemTitle-link {
        padding-right: 8.538vw;
    }
    .RecruitItemTitle-title {
        padding-bottom: 0;
        font-size: 2.539vw;
    }
    .RecruitItemMeta-studio {
        padding: 0.4882vw 1.269vw;
        font-size: 1.42vw;
    }
    .RecruitItemMeta {
        margin-top: 1.4vw;
    }
    .RecruitItemMeta-item {
        padding-bottom: 0.9vw;
    }
    .RecruitItemMeta-studio {
        display: inline-block;
    }
    .RecruitItemMetaCategory-item:last-child:after {
        right: -0.1953vw;
    }
    .RecruitItemMetaCategory-text {
        font-size: 1.42vw;
    }
    .RecruitItemMeta-date {
        font-size: 1.42vw;
    }
    .RecruitItem-link {
        margin-top: 5.371vw;
        width: 3.906vw;
        height: 1.367vw;
        background-size: 3.906vw 1.367vw;
    }
    .RecruitItem-mark {
        width: 2.343vw;
        height: 2.929vw;
        top: 1.464vw;
        background-size: 2.343vw 2.929vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .RecruitResultHeader {
        padding-top: 8vw;
    }
    .RecruitResultHeader {
        margin-bottom: 8vw;
    }
    .RecruitResultHeaderTitle {
        display: block;
        padding-bottom: 3vw;
        border-bottom: 1px solid #222;
    }
    .RecruitResultHeaderTitle-number {
        font-size: 5.85vw;
    }
    .RecruitResultHeaderTitle-text {
        font-size: 5vw;
    }
    .RecruitResultHeaderSaved {
        display: block;
        margin-top: 5vw;
    }
    .RecruitResultHeaderSaved-text {
        font-size: 5vw;
    }
    .RecruitList-item {
        padding-top: 7.812vw;
        padding-bottom: 8.687vw;
    }
    .RecruitItemTitle-link {
        padding-right: 0;
    }
    .RecruitItemTitle-title {
        padding-bottom: 0;
        font-size: 4.95vw;
    }
    .RecruitItemMeta {
        margin-top: 4vw;
        padding-right: 6vw;
    }
    .RecruitItemMeta-studio {
        display: inline-block;
        padding: 0.7812vw 2.031vw;
        font-size: 3.5vw;
    }
    .RecruitItemMeta-item {
        padding-bottom: 2.5vw;
    }
    .RecruitItemMetaCategory-item {
        margin-right: 1.875vw;
        padding-right: 2.031vw;
    }
    .RecruitItemMetaCategory-item:after {
        width: 0.3125vw;
        height: 0.3125vw;
    }
    .RecruitItemMetaCategory-item:last-child:after {
        right: -0.3125vw;
    }
    .RecruitItemMetaCategory-text {
        font-size: 3.78vw;
    }
    .RecruitItemMeta-date {
        font-size: 3.78vw;
    }
    .RecruitItem-link {
        margin-top: 8.593vw;
        width: 6.25vw;
        height: 2.187vw;
        background-size: 6.25vw 2.187vw;
    }
    .RecruitItem-mark {
        width: 3.75vw;
        height: 4.687vw;
        top: auto;
        bottom: 0;
        background-size: 3.75vw 4.687vw;
    }
}


/* =========================================================
	RelevantJobs
=========================================================*/

.RelevantJobs {
    padding-top: 72px;
    border-top: 1px solid #ddd;
}

.RelevantJobsHeader {
    margin-bottom: 40px;
    position: relative;
}

.RelevantJobsHeader-title {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2em;
}

.RelevantJobsSlideArrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    overflow: hidden;
}

.RelevantJobsSlide-Arrow:after {
    content: '';
    display: block;
    clear: both;
}

.RelevantJobsSlide-prev {
    display: block;
    width: 38px;
    height: 14px;
    margin-bottom: 8px;
    float: left;
    background-image: url('../img/icon/ico-post-arrow-b.png');
    background-size: 38px 14px;
    -moz-transform: translateX(-50%) scaleX(-1);
    -o-transform: translateX(-50%) scaleX(-1);
    -webkit-transform: translateX(-50%) scaleX(-1);
    transform: rotate(0deg) scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    cursor: pointer;
}

.RelevantJobsSlide-next {
    display: block;
    width: 38px;
    height: 14px;
    margin-left: 20px;
    float: left;
    background-image: url('../img/icon/ico-post-arrow-b.png');
    background-size: 38px 14px;
    cursor: pointer;
}

.RelevantJobsSlide {
    margin-left: -48px;
}

.RelevantJobsSlide-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 65px 42px 40px;
    background-color: #F7F7F7;
}

.RelevantJobsSlide-item {
    width: 33.33%;
    height: 365px;
    padding-left: 48px;
    position: relative;
}

.RelevantJobsItem {
    font-size: 0;
    line-height: 0;
}

.RelevantJobsItem-category {
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 15px;
    background-color: #000;
    color: #fff;
    font-family: 'Poppins';
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4em;
}

.RelevantJobsItem-title {
    overflow: hidden;
    max-height: 3em;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5em;
    word-break: keep-all;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-bottom: 2px;
}

.RelevantJobsItem .RecruitItemMeta-list {
    display: block;
}

.RelevantJobsItem .RecruitItemMeta-item {
    display: block;
    position: static;
}

.RelevantJobsItem .RecruitItemMeta-item:last-child {
    padding-left: 0;
}

.RelevantJobsItem .RecruitItemMeta-item:last-child:after {
    display: none;
}

.RelevantJobsItem .RecruitItemMetaCategory-text {
    padding: 3px 0;
    font-size: 16px;
}

.RelevantJobsItem-period {
    position: absolute;
    bottom: 40px;
    color: #000;
    font-size: 16px;
    font-family: 'Lato';
    line-height: 1.4em;
}

.RecruitBottom {
    margin-top: 90px;
    margin-top: 70px;
}

.RecruitBottom .ViewLIstButton {
    margin-top: 0;
    margin-bottom: 70px;
}

.RecruitBottom .ViewLIstButton-link {
    margin-left: 12px;
}

.RecruitBottom .ViewLIstButton-link:first-child {
    margin-left: 0;
}

@media screen and (min-width:1025px) {
    .RelevantJobsSlide-link:hover .TextHoverLine {
        background-image: linear-gradient(#fff, #fff);
    }
    .RelevantJobsSlide-link:hover {
        background-color: #000;
    }
    .RelevantJobsSlide-link:hover .RelevantJobsItem-category {
        background-color: #fff;
        color: #000;
    }
    .RelevantJobsSlide-link:hover .RelevantJobsItem-title {
        color: #fff;
    }
    .RelevantJobsSlide-link:hover .RecruitItemMetaCategory-text {
        color: #fff;
    }
    .RelevantJobsSlide-link:hover .RecruitItemMetaCategory-item:after {
        background-color: #fff;
    }
    .RelevantJobsSlide-link:hover .RelevantJobsItem-period {
        color: #fff;
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .RelevantJobs {
        padding-top: 5.538vw;
    }
    .RelevantJobsHeader {
        margin-bottom: 3.076vw;
    }
    .RelevantJobsHeader-title {
        font-size: 2.769vw;
    }
    .RelevantJobsSlide-prev {
        width: 2.923vw;
        height: 1.076vw;
        background-size: 2.923vw 1.076vw;
    }
    .RelevantJobsSlide-next {
        width: 2.923vw;
        height: 1.076vw;
        margin-right: 1.53846vw;
        background-size: 2.923vw 1.076vw;
    }
    .RelevantJobsSlide {
        margin-left: -3.692vw;
    }
    .RelevantJobsSlide-item {
        height: 28.076vw;
        padding-left: 3.692vw;
    }
    .RelevantJobsSlide-link {
        padding: 5vw 3.230vw 3.076vw;
    }
    .RelevantJobsItem-category {
        margin-bottom: 0.769vw;
        padding: 0.2307vw 1.1538vw;
        font-size: 1vw;
    }
    .RelevantJobsItem-title {
        font-size: 2.1538vw;
    }
    .RelevantJobsItem .RecruitItemMetaCategory-text {
        padding: 0.230vw 0;
        font-size: 1.230vw;
    }
    .RelevantJobsItem-period {
        bottom: 3.076vw;
        font-size: 1.230vw;
    }
    .RecruitBottom {
        margin-top: 6.923vw;
        margin-top: 5.384vw;
    }
    .RecruitBottom .ViewLIstButton {
        margin-bottom: 5.384vw;
    }
    .RecruitBottom .ViewLIstButton-link {
        margin-left: 0.923vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .RelevantJobs {
        padding-top: 7.031vw;
    }
    .RelevantJobsHeader {
        margin-bottom: 3.906vw;
    }
    .RelevantJobsHeader-title {
        font-size: 3.515vw;
    }
    .RelevantJobsSlide-prev {
        width: 3.71vw;
        height: 1.367vw;
        background-size: 3.71vw 1.367vw;
    }
    .RelevantJobsSlide-next {
        width: 3.71vw;
        height: 1.367vw;
        margin-right: 2.53846vw;
        background-size: 3.71vw 1.367vw;
    }
    .RelevantJobsSlide {
        margin-left: -2.687vw;
    }
    .RelevantJobsSlide-item {
        height: 32.64vw;
        padding-left: 2.687vw;
    }
    .RelevantJobsSlide-link {
        padding: 4.347vw 2.101vw 2.906vw;
    }
    .RelevantJobsItem-category {
        margin-bottom: 0.976vw;
        padding: 0.292vw 1.464vw;
        font-size: 1.269vw;
    }
    .RelevantJobsItem-title {
        font-size: 2.734vw;
        padding-bottom: 0;
    }
    .RelevantJobsItem .RecruitItemMetaCategory-text {
        padding: 0.292vw 0;
        font-size: 1.5625vw;
    }
    .RelevantJobsItem-period {
        bottom: 2.906vw;
        font-size: 1.5625vw;
    }
    .RecruitBottom {
        margin-top: 8.789vw;
        margin-top: 6.835vw;
    }
    .RecruitBottom .ViewLIstButton {
        margin-bottom: 6.835vw;
    }
    .RecruitBottom .ViewLIstButton-link {
        margin-left: 1.171vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .RelevantJobs {
        padding-top: 9.3872vw;
    }
    .RelevantJobsHeader {
        margin-bottom: 4.215vw;
    }
    .RelevantJobsHeader-title {
        font-size: 5.75vw;
    }
    .RelevantJobsSlide-prev {
        display: inline-block;
        margin-bottom: 0;
        width: 7.5vw;
        height: 2.733vw;
        position: static;
        background-size: 7.5vw 2.733vw;
    }
    .RelevantJobsSlide-next {
        display: inline-block;
        margin-left: 2.53846vw;
        margin-bottom: 0;
        width: 7.5vw;
        height: 2.733vw;
        position: static;
        background-size: 7.5vw 2.733vw;
        transform: translateX(0);
    }
    .RelevantJobsSlide {
        margin-left: -3.258vw;
    }
    .RelevantJobsSlide-item {
        width: 100%;
        height: 56.58vw;
        padding-left: 3.258vw;
    }
    .RelevantJobsSlide-link {
        padding: 5.474vw 5.475vw 5.215vw;
    }
    .RelevantJobsItem-category {
        margin-bottom: 1.303vw;
        padding: 0.3911vw 1.9556vw;
        font-size: 3.5vw;
    }
    .RelevantJobsItem-title {
        font-size: 5vw;
        padding-bottom: 0;
    }
    .RelevantJobsItem .RecruitItemMetaCategory-text {
        padding: 0.3911vw 0;
        font-size: 3.78vw;
    }
    .RelevantJobsItem-period {
        bottom: 5.215vw;
        font-size: 3.78vw;
    }
    .RecruitBottom {
        margin-top: 11.73vw;
        margin-top: 9.126vw;
    }
    .RecruitBottom .ViewLIstButton {
        margin-bottom: 9.126vw;
    }
    .RecruitBottom .ViewLIstButton-link {
        margin-left: 3.564vw;
        padding: 3.2vw 13vw;
    }
}


/* 채용공고 BookMark 팝업
=========================================================*/

.ClosedButton {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 18px;
    right: 18px;
    background-image: url(../img/icon/ico-closed-1.png);
    background-size: 17px 17px;
}

.Bookmark {
    position: relative;
    line-height: 0;
    font-size: 0;
}

.Bookmark-link {
    display: inline-block;
    padding-right: 35px;
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}

.Bookmark-link:after {
    content: '';
    display: block;
    width: 15px;
    height: 18px;
    position: absolute;
    top: calc(50% + 1px);
    right: 0;
    background-image: url(../img/icon/ico-bookmark02.png);
    background-size: 15px 18px;
    transform: translateY(-50%);
}

.BookmarkList {
    overflow-y: auto;
    width: 280px;
    position: absolute;
    top: 30px;
    right: 0;
    background-color: #fff;
    text-align: left;
    border: 2px solid #000;
    z-index: 110;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.2s;
}

.BookmarkList.is-View {
    opacity: 1;
    visibility: visible;
}

.Bookmark-inner {
    overflow-y: auto;
    min-height: 150px;
    max-height: 300px;
    padding: 10px 26px;
    background-color: #fff;
}

.BookmarkList-item {
    padding: 20px 0;
    padding-right: 10px;
    border-bottom: 1px solid #ddd;
}

.BookmarkList-item:last-child {
    border-bottom: 0;
}

.BookmarkList-link {
    display: block;
}

.BookmarkListItemTitle {
    max-height: 3.2em;
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
    word-break: keep-all;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.BookmarkListItemMeta {
    margin-top: 3px;
}

.BookmarkListItemMeta-list:after {
    content: '';
    display: block;
    clear: both;
}

.BookmarkListItemMeta-item {
    overflow: hidden;
    float: left;
    margin-right: 9px;
    padding-right: 9px;
    position: relative;
}

.BookmarkListItemMeta-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.BookmarkListItemMeta-item:after {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 100%;
}

.BookmarkListItemMeta-item:last-child:after {
    right: -2px;
}

.BookmarkListItemMeta-text {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 1.6em;
}

@media screen and (min-width:1025px) {
    .Bookmark-inner {
        scrollbar-face-color: #000;
        scrollbar-track-color: #fff;
        scrollbar-arrow-color: #fff;
    }
    .Bookmark-inner::-webkit-scrollbar {
        width: 2px;
    }
    .Bookmark-inner::-webkit-scrollbar-thumb {
        background-color: #000;
        border: 2px solid transparent;
    }
    .Bookmark-inner::-webkit-scrollbar-track {
        background-color: #fff;
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .ClosedButton {
        width: 1.307vw;
        height: 1.307vw;
        top: 1.3846vw;
        right: 1.3846vw;
        background-size: 1.307vw 1.307vw;
    }
    .Bookmark-link {
        padding-right: 2.692vw;
        font-size: 1.3846vw;
    }
    .Bookmark-link:after {
        width: 1.1538vw;
        height: 1.384vw;
        top: calc(50% + 0.1538vw);
        background-size: 1.1538vw 1.384vw;
    }
    .BookmarkList {
        width: 23.1vw;
        top: calc(100% + 1vw);
    }
    .Bookmark-inner {
        min-height: 11.5384vw;
        max-height: 23.07vw;
        padding: 0.769vw 2vw;
    }
    .BookmarkList-item {
        padding: 1.538vw 0;
        padding-right: 0.769vw;
    }
    .BookmarkListItemTitle {
        font-size: 1.230vw;
    }
    .BookmarkListItemMeta {
        margin-top: 0.2307vw;
    }
    .BookmarkListItemMeta-item {
        margin-right: 0.692vw;
        padding-right: 0.692vw;
    }
    .BookmarkListItemMeta-text {
        font-size: 0.9230vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .ClosedButton {
        width: 1.660vw;
        height: 1.660vw;
        top: 1.7578vw;
        right: 1.7578vw;
        background-size: 1.660vw 1.660vw;
    }
    .Bookmark-link {
        padding-right: 3.417vw;
        font-size: 1.7578vw;
    }
    .Bookmark-link:after {
        width: 1.4648vw;
        height: 1.7578vw;
        top: calc(50% + 0.1953vw);
        background-size: 1.4648vw 1.7578vw;
    }
    .BookmarkList {
        width: 36.46vw;
        top: calc(100% + 1.2695vw);
    }
    .Bookmark-inner {
        min-height: 14.6627vw;
        max-height: 29.29vw;
        padding: 0.9765vw 2.539vw;
    }
    .BookmarkList-item {
        padding: 1.9531vw 0;
        padding-right: 0.9765vw;
    }
    .BookmarkListItemTitle {
        font-size: 1.5625vw;
    }
    .BookmarkListItemMeta {
        margin-top: 0.2929vw;
    }
    .BookmarkListItemMeta-item {
        margin-right: 0.8789vw;
        padding-right: 0.8789vw;
    }
    .BookmarkListItemMeta-text {
        font-size: 1.42vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .ClosedButton {
        width: 5.216vw;
        height: 5.216vw;
        top: 2.346vw;
        right: 2.346vw;
        background-size: 5.216vw 5.216vw;
    }
    .Bookmark-link {
        padding-right: 7.5vw;
        font-size: 4.5vw;
    }
    .Bookmark-link:after {
        width: 3.55vw;
        height: 4.346vw;
        top: calc(50% + 0.5607vw);
        background-size: 3.55vw 4.346vw;
    }
    .BookmarkList {
        width: calc(100vw - 12.5vw);
        top: calc(100% + 1.6949vw);
    }
    .Bookmark-inner {
        min-height: 35.7142vw;
        max-height: 65vw;
        padding: 1.5625vw 5.0625vw;
    }
    .BookmarkList-item {
        padding: 5.125vw 0;
        padding-right: 4.5625vw;
    }
    .BookmarkListItemTitle {
        font-size: 4vw;
    }
    .BookmarkListItemMeta {
        margin-top: 1.42vw;
    }
    .BookmarkListItemMeta-item {
        margin-right: 9px;
        padding-right: 9px;
    }
    .BookmarkListItemMeta-item:last-child:after {
        right: -1.406vw;
    }
    .BookmarkListItemMeta-text {
        font-size: 3.5vw;
    }
}


/* =========================================================
	RecruitBanner
=========================================================*/

.RecruitBanner {
    margin-top: 210px;
    border: 2px solid #000;
}

.RecruitBannerBox-link {
    padding: 60px 70px 50px;
    display: block;
    position: relative;
    overflow: hidden;
}

.RecruitBannerBox-title {
    color: #000;
    font-size: 40px;
    font-family: 'Poppins';
    font-weight: 600;
    line-height: 1.2em;
}

.RecruitBannerBox-text {
    margin-top: 18px;
    color: #000;
    font-size: 18px;
    line-height: 1.8em;
}

.RecruitBannerBox-arrow {
    display: block;
    margin-top: 20px;
    float: right;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2em;
}

.RecruitBannerBox-arrow:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 10px;
    margin-left: 8px;
    background-image: url('../img/icon/ico-post-arrow-b.png');
    background-size: 30px 10px;
    transform: translateX(0);
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (min-width: 1025px) {
    .RecruitBannerBox-link:hover .RecruitBannerBox-arrow:after {
        transform: translateX(5px);
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .RecruitBanner {
        margin-top: 16.1538vw;
    }
    .RecruitBannerBox-link {
        padding: 4.6153vw 5.384vw 3.846vw;
    }
    .RecruitBannerBox-title {
        font-size: 3.0769vw;
    }
    .RecruitBannerBox-text {
        margin-top: 1.3846vw;
        font-size: 1.3846vw;
    }
    .RecruitBannerBox-arrow {
        font-size: 1.3076vw;
        bottom: 3.75vw;
        right: 5.45vw;
    }
    .RecruitBannerBox-arrow:after {
        width: 2.3076vw;
        height: 0.7692vw;
        margin-left: 0.6153vw;
        background-size: 2.3076vw 0.7692vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .RecruitBanner {
        margin-top: 20.50vw;
    }
    .RecruitBannerBox-link {
        padding: 4.859vw 6.835vw 4.882vw;
    }
    .RecruitBannerBox-title {
        font-size: 3.62vw;
    }
    .RecruitBannerBox-text {
        margin-top: 1.7578vw;
        font-size: 1.7578vw;
    }
    .RecruitBannerBox-arrow {
        font-size: 1.660vw;
        bottom: 4.7vw;
        right: 7vw;
    }
    .RecruitBannerBox-arrow:after {
        width: 2.929vw;
        height: 0.9765vw;
        margin-left: 0.7812vw;
        background-size: 2.929vw 0.9765vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .RecruitBanner {
        margin-top: 22vw;
    }
    .RecruitBannerBox-link {
        padding: 6.518vw 5.126vw 6.518vw;
    }
    .RecruitBannerBox-title {
        font-size: 7.523vw;
    }
    .RecruitBannerBox-text {
        margin-top: 4.2857vw;
        font-size: 3.78vw;
    }
    .RecruitBannerBox-arrow {
        position: static;
        margin-top: 7vw;
        font-size: 4.0476vw;
    }
    .RecruitBannerBox-arrow:after {
        width: 7.1428vw;
        height: 2.3809vw;
        margin-left: 1.043vw;
        background-size: 7.1428vw 2.3809vw;
    }
}


/*=========================================================
	Talent
=========================================================*/

.TalentHeader {
    padding-bottom: 91px;
}

.TalentHeaderTitle {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.TalentHeaderTitle-text {
    display: block;
    color: #000;
    font-size: 46px;
    font-weight: bold;
    line-height: 1.4em;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}

.TalentHeaderTitle.is-textTop .TalentHeaderTitle-text {
    transform: translateY(0%);
}

.TalentHeader-text {
    margin-top: 45px;
    color: #000;
    font-size: 20px;
    line-height: 1.8em;
}

.TalentBanner {
    position: relative;
    clear: both;
    margin-bottom: 82px;
}

.TalentBanner:after {
    content: '';
    display: block;
    padding-bottom: 46.6666%;
}

.TalentBanner-inner {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.TalentBanner-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: none;
    min-height: 150%;
    max-height: 150%;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (min-width:1301px) {
    .TalentBanner-img {
        max-height: 260%;
    }
}

body.Safari .TalentBanner-img {
    transition-duration: 0s;
}

.TalentCont {
    margin-top: -21px;
}

.TalentCont-inner {
    margin-left: -60px;
    padding: 21px 0;
}

.TalentCont-inner:nth-child(even) .TalentTextBox {
    float: right;
}

.Right .TalentCont-inner:nth-child(odd) .TalentTextBox {
    float: right;
}

.Right .TalentCont-inner:nth-child(even) .TalentTextBox {
    float: left;
}

.TalentCont-inner:after {
    content: '';
    display: block;
    clear: both;
}

.TalentTextBox {
    width: 50%;
    padding-left: 60px;
}

.TalentTextBoxTitle {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.TalentTextBoxTitle-text {
    display: block;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4em;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}

.TalentTextBoxTitle.is-textTop .TalentTextBoxTitle-text {
    transform: translateY(0%);
}

.TalentTextBox-text {
    margin-top: 18px;
    color: #000;
    font-size: 20px;
    line-height: 1.8em;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .TalentBanner-img {
        transition-duration: 0s;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .TalentBanner {
        margin-bottom: 6.923vw;
    }
    .TalentHeader {
        padding-bottom: 7vw;
    }
    .TalentHeaderTitle-text {
        font-size: 3.5384vw;
    }
    .TalentHeader-text {
        margin-top: 3.4615vw;
        font-size: 1.5384vw;
    }
    .TalentBanner {
        margin-bottom: 6.30769vw;
    }
    .TalentCont {
        margin-top: -1.61538vw;
    }
    .TalentCont-inner {
        margin-left: -4.61538vw;
        padding: 1.61538vw 0;
    }
    .TalentTextBox {
        padding-left: 4.61538vw;
    }
    .TalentTextBoxTitle-text {
        font-size: 3.5384vw;
    }
    .TalentTextBox-text {
        margin-top: 1.3846vw;
        font-size: 1.53846vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TalentBanner {
        margin-bottom: 6.923vw;
    }
    .TalentBanner-img {
        transition-duration: 0.1s;
    }
    .TalentHeader {
        padding-bottom: 8.8867vw;
    }
    .TalentHeaderTitle-text {
        font-size: 4.1921vw;
    }
    .TalentHeader-text {
        margin-top: 4.0945vw;
        font-size: 1.95312vw;
    }
    .TalentBanner {
        margin-bottom: 8.007vw;
    }
    .TalentCont {
        margin-top: -2.050vw;
    }
    .TalentCont-inner {
        margin-left: -5.8593vw;
        padding: 2.050vw 0;
    }
    .TalentTextBox {
        padding-left: 5.8593vw;
    }
    .TalentTextBoxTitle-text {
        font-size: 3.5156vw;
    }
    .TalentTextBox-text {
        margin-top: 1.757vw;
        font-size: 1.9531vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TalentBanner {
        margin-bottom: 13.6923vw;
        margin-left: -20vw;
        margin-right: -20vw;
    }
    .TalentBanner-inner {
        width: 190vw;
    }
    .TalentBanner:after {
        padding-bottom: 40%;
    }
    .TalentBanner-img {
        transition-duration: 0.1s;
    }
    .TalentHeader {
        padding-bottom: 11.66vw;
    }
    .TalentHeaderTitle-text {
        font-size: 5.94vw;
    }
    .TalentHeader-text {
        margin-top: 5.7142vw;
        font-size: 4.0769vw;
    }
    .TalentBanner {
        margin-bottom: 11.523vw;
    }
    .TalentCont {
        margin-top: -5vw;
    }
    .TalentCont-inner {
        margin-left: 0;
        padding: 5vw 0;
    }
    .TalentTextBox {
        width: 100%;
        padding-left: 0;
    }
    .TalentCont-inner:nth-child(even) .TalentTextBox {
        float: none;
    }
    .TalentTextBoxTitle-text {
        font-size: 5.6384vw;
    }
    .TalentTextBox-text {
        margin-top: 2.285vw;
        font-size: 3.73846vw;
    }
    .TalentHeader-text br {
        display: none;
    }
}


/*=========================================================
Story
=========================================================*/


/*	Story:Banner
=========================================================*/

.StoryBanner {
    position: relative;
    clear: both;
    margin-bottom: 90px;
}

.StoryBanner:after {
    content: "";
    display: block;
    padding-bottom: 33.6%;
}

.StoryBanner-inner {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.StoryBanner-center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-width: 100%;
}

.StoryBanner-img {
    display: block;
    position: relative;
    top: 20%;
    left: 0;
    min-width: 100%;
    max-width: none;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
    .StoryBanner-img {
        max-height: calc(100% + 20vh);
    }
}

@media screen and (min-width:1301px) {
    .StoryBanner-img {
        max-height: 260%;
    }
}

body.Safari .StoryBanner-img {
    transition-duration: 0s;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .StoryBanner-img {
        transition-duration: 0s;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StoryBanner {
        margin-bottom: 6.923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryBanner {
        margin-bottom: 6.923vw;
    }
    .StoryBanner-img {
        transition-duration: 0.1s;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryBanner {
        margin-bottom: 13.6923vw;
        margin-left: -20vw;
        margin-right: -20vw;
    }
    .StoryBanner-inner {
        width: 190vw;
    }
    .StoryBanner:after {
        padding-bottom: 40%;
    }
    .StoryBanner-img {
        transition-duration: 0.1s;
    }
}


/*	Story:StoryTempTitle
=========================================================*/

.StoryTempTitle {
    font-size: 0;
    line-height: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

.StoryTempTitle-text {
    font-size: 50px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
    display: block;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}

.StoryTempTitle.is-textTop .StoryTempTitle-text {
    transform: translateY(0%);
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StoryTempTitle {
        margin-bottom: 3.84615vw;
    }
    .StoryTempTitle-text {
        font-size: 3.84615vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryTempTitle {
        margin-bottom: 4.54615vw;
    }
    .StoryTempTitle-text {
        font-size: 4.0384vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryTempTitle {
        margin-bottom: 5.6923vw;
    }
    .StoryTempTitle-text {
        font-size: 9.8384vw;
    }
}


/*	Story:StoryTempList 
=========================================================*/

.StoryTempList-item {
    margin-top: 48px;
}

.StoryTempList-item:first-child {
    margin-top: 0;
}

.StoryTempList-inner:after {
    content: "";
    display: table;
    clear: both;
}

.StoryTempList-title {
    float: left;
    min-width: 400px;
    margin-right: 20px;
    font-size: 40px;
    line-height: 1.2em;
    font-family: 'KRAFTON';
    color: #000;
}

.StoryTempList-cont {
    overflow: hidden;
}

.StoryTempList-text {
    font-size: 24px;
    line-height: 1.6em;
    color: #000;
    margin-top: 35px;
}

.StoryTempList-text:first-child {
    margin-top: 0;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StoryTempList-item {
        margin-top: 3.6923vw;
    }
    .StoryTempList-title {
        min-width: 30.769vw;
        margin-right: 1.53846vw;
        font-size: 3.0769vw;
    }
    .StoryTempList-text {
        font-size: 1.84615vw;
        margin-top: 2.6923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryTempList-item {
        margin-top: 3.6923vw;
    }
    .StoryTempList-title {
        min-width: 30.769vw;
        margin-right: 1.53846vw;
        font-size: 3.0769vw;
    }
    .StoryTempList-text {
        font-size: 1.84615vw;
        margin-top: 2.6923vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryTempList-item {
        margin-top: 3.6923vw;
    }
    .StoryTempList-title {
        min-width: 30.769vw;
        margin-right: 1.53846vw;
        font-size: 6.0769vw;
    }
    .StoryTempList-text {
        font-size: 3.44615vw;
        margin-top: 2.6923vw;
    }
}


/*	Story:StoryTempImgText  
=========================================================*/

.StoryTempImgText-img {
    padding: 72px 72px 72px 72px;
    line-height: 0;
    text-align: center;
    background-color: #F7F7F7;
}

html[lang="en-US"] .StoryTempImgText-img {
    padding-right: 72px;
}

html[lang="zh-CN"] .StoryTempImgText-img {
    padding-right: 72px;
}

.StoryTempImgText-text {
    font-size: 20px;
    line-height: 1.8em;
    color: #000000;
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StoryTempImgText-img {
        padding: 5.5384vw 5.5384vw 5.5384vw 5.5384vw;
    }
    html[lang="en-US"] .StoryTempImgText-img {
        padding-right: 5.5384vw;
    }
    html[lang="zh-CN"] .StoryTempImgText-img {
        padding-right: 5.5384vw;
    }
    .StoryTempImgText-text {
        font-size: 1.53846vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryTempImgText-img {
        padding: 5.5384vw 5.5384vw 5.5384vw 5.5384vw;
    }
    html[lang="en-US"] .StoryTempImgText-img {
        padding-right: 5.5384vw;
    }
    html[lang="zh-CN"] .StoryTempImgText-img {
        padding-right: 5.5384vw;
    }
    .StoryTempImgText-text {
        font-size: 1.73846vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryTempImgText-img {
        padding: 5.5384vw 5.5384vw 5.5384vw 5.5384vw;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    html[lang="en-US"] .StoryTempImgText-img {
        padding-right: 5.5384vw;
    }
    html[lang="zh-CN"] .StoryTempImgText-img {
        padding-right: 5.5384vw;
    }
    .StoryTempImgText-text {
        font-size: 3.73846vw;
    }
}


/*	Story:StoryTempPost  
=========================================================*/

.StoryTempPost-list {
    margin: -41px -41px;
    overflow: hidden;
}

.StoryTempPost-list:after {
    content: "";
    display: table;
    clear: both;
}

.StoryTempPost-item {
    padding: 41px 41px;
    width: 33.3333%;
    float: left;
}

.StoryTempPost-item:nth-child(3n+1) {
    clear: both;
}

.StoryTempPostItem {
    border-top: solid 3px #000000;
    padding: 26px 5px 0px;
    cursor: default;
}

.StoryTempPostItem-sub {
    font-size: 20px;
    line-height: 1.2em;
    color: #DDDDDD;
    font-family: 'KRAFTON';
    margin-bottom: 50px;
}

.StoryTempPostItem-title {
    font-size: 40px;
    line-height: 1.2em;
    color: #000;
    font-family: 'KRAFTON';
    margin-bottom: 34px;
}

.StoryTempPostItemToggleBasic-title {
    font-size: 30px;
    line-height: 1.3em;
    color: #000;
    font-weight: 500;
}

.StoryTempPostItemToggleBasic-arrow {
    margin-top: 45px;
    display: block;
    width: 40px;
    height: 13px;
    background-image: url(../img/icon/ico-more-arrow.png);
    background-size: 40px 13px;
    transition-property: transform;
    transition-duration: 0.3s;
}

.StoryTempPostItemToggle:after {
    content: "";
    display: table;
    clear: both;
}

.StoryTempPostItemToggleBasic {
    float: left;
    margin-right: -100%;
}

.StoryTempPostItemToggleHover {
    float: left;
    background-color: #fff;
    transition-property: opacity;
    transition-duration: 0.1s;
    opacity: 0;
}

.StoryTempPostItemToggleHover-title {
    font-size: 24px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
    margin-bottom: 18px;
}

.StoryTempPostItemToggleHover-text {
    font-size: 16px;
    line-height: 1.7em;
    color: #000;
}

@media screen and (min-width: 1025px) {
    .StoryTempPostItem:hover .StoryTempPostItemToggleHover {
        opacity: 1;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StoryTempPost-list {
        margin: -3.1538vw -3.1538vw;
    }
    .StoryTempPost-item {
        padding: 3.1538vw 3.1538vw;
    }
    .StoryTempPostItem {
        border-top: solid 2px #000000;
        padding: 2vw 0.3846vw 0px;
    }
    .StoryTempPostItem-sub {
        font-size: 2vw;
        margin-bottom: 3.8461vw;
    }
    .StoryTempPostItem-title {
        font-size: 3.0769vw;
        margin-bottom: 2.61538vw;
    }
    .StoryTempPostItemToggleBasic-title {
        font-size: 2.30769vw;
    }
    .StoryTempPostItemToggleBasic-arrow {
        margin-top: 3.4615vw;
        width: 3.0769vw;
        height: 1vw;
        background-size: 3.0769vw 1vw;
    }
    .StoryTempPostItemToggleHover-title {
        font-size: 1.8461vw;
        margin-bottom: 1.38461vw;
    }
    .StoryTempPostItemToggleHover-text {
        font-size: 1.2307vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryTempPost-list {
        margin: -2.1538vw -2.1538vw;
    }
    .StoryTempPost-item {
        padding: 2.1538vw 2.1538vw;
    }
    .StoryTempPostItem {
        border-top: solid 2px #000000;
        padding: 3vw 0.3846vw 0px;
    }
    .StoryTempPostItem-sub {
        font-size: 2vw;
        margin-bottom: 3.8461vw;
    }
    .StoryTempPostItem-title {
        font-size: 3.0769vw;
        margin-bottom: 2.61538vw;
    }
    .StoryTempPostItemToggleBasic-title {
        font-size: 2.30769vw;
    }
    .StoryTempPostItemToggleBasic-arrow {
        margin-top: 3.4615vw;
        width: 3.0769vw;
        height: 1vw;
        background-size: 3.0769vw 1vw;
    }
    .StoryTempPostItemToggleHover-title {
        font-size: 1.8461vw;
        margin-bottom: 1.38461vw;
    }
    .StoryTempPostItemToggleHover-text {
        font-size: 1.4307vw;
    }
    .StoryTempPostItem.Is-View .StoryTempPostItemToggleHover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryTempPost-list {
        margin: 0 -2.1538vw;
    }
    .StoryTempPost-item {
        padding: 0 2.1538vw;
    }
    .StoryTempPostItem {
        border-top: solid 2px #000000;
        padding: 6vw 0.3846vw 10vw;
    }
    .StoryTempPost-item {
        width: 100%;
        float: none;
    }
    .StoryTempPostItem-sub {
        font-size: 4vw;
        margin-bottom: 4.8461vw;
    }
    .StoryTempPostItem-title {
        font-size: 7.6769vw;
        margin-bottom: 2.61538vw;
    }
    .StoryTempPostItemToggleBasic-title {
        font-size: 5.30769vw;
    }
    .StoryTempPostItemToggleBasic-title br {
        display: none;
    }
    .StoryTempPostItemToggleBasic-arrow {
        margin-top: 8.4615vw;
        width: 9.0769vw;
        height: 2.5769vw;
        background-size: 9.0769vw 2.5769vw;
    }
    .StoryTempPostItemToggleHover-title {
        font-size: 5.30769vw;
        margin-bottom: 4.38461vw;
    }
    .StoryTempPostItemToggleHover-text {
        font-size: 3.5307vw;
    }
    .StoryTempPostItemToggleBasic {
        float: none;
        margin-right: 0;
    }
    .StoryTempPostItemToggleHover {
        float: none;
    }
    .Is-View .StoryTempPostItemToggleBasic {
        display: none;
    }
    .StoryTempPostItemToggleHover {
        opacity: 1;
        display: none;
    }
    .Is-View .StoryTempPostItemToggleHover {
        display: block;
    }
}


/*=========================================================
StoryQuick
=========================================================*/

.StoryQuick {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 200;
    width: 254px;
}

.StoryQuick-link {
    display: block;
    background-color: #000;
    padding: 26px 26px;
    border: solid 4px #000;
}

.StoryQuickTitle {
    font-size: 26px;
    line-height: 1.56em;
    color: #fff;
    font-weight: bold;
}

.StoryQuickMore {
    margin-top: 50px;
    font-size: 0;
    line-height: 0;
}

.StoryQuickMore-text {
    display: inline-block;
    padding-right: 34px;
    position: relative;
    font-size: 16px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 500;
}

.StoryQuickMore-text:after {
    content: "";
    width: 27px;
    height: 10px;
    background-image: url(../img/icon/ico-post-arrow.png);
    background-size: 27px 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media screen and (min-width: 1025px) {
    .StoryQuick-link:hover {
        background-color: #fff;
    }
    .StoryQuick-link:hover .StoryQuickTitle {
        color: #000;
    }
    .StoryQuick-link:hover .StoryQuickMore-text {
        color: #000;
    }
    .StoryQuick-link:hover .StoryQuickMore-text:after {
        background-image: url(../img/icon/ico-more-arrow.png);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StoryQuick {
        width: 15.538vw;
        top: 33%;
        transform: translateY(0%);
    }
    .StoryQuick-link {
        padding: 2vw 2vw;
        border: solid 0.30769vw #000;
    }
    .StoryQuickTitle {
        font-size: 1.6vw;
        line-height: 1.45em;
    }
    .StoryQuickMore {
        margin-top: 1.4461vw;
    }
    .StoryQuickMore-text {
        padding-right: 2.6153vw;
        font-size: 1.03076vw;
        line-height: 1.4em;
    }
    .StoryQuickMore-text:after {
        width: 2.07692vw;
        height: 0.7692vw;
        background-size: 2.07692vw 0.7692vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryQuick {
        width: 17.538vw;
        top: 27%;
        transform: translateY(0%);
    }
    .StoryQuick-link {
        padding: 2vw 2vw;
        border: solid 0.30769vw #000;
    }
    .StoryQuickTitle {
        font-size: 1.7vw;
    }
    .StoryQuickMore {
        margin-top: 1.4461vw;
    }
    .StoryQuickMore-text {
        padding-right: 2.6153vw;
        font-size: 1.3076vw;
        line-height: 1.4em;
    }
    .StoryQuickMore-text:after {
        width: 2.07692vw;
        height: 0.7692vw;
        background-size: 2.07692vw 0.7692vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryQuick {
        position: static;
        width: auto;
        transform: translateY(0%);
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        margin-top: 15vw;
    }
    .StoryQuick-link {
        padding: 6.25vw 6.25vw;
        border: solid 0.30769vw #000;
    }
    .StoryQuickTitle {
        font-size: 6.6vw;
        line-height: 1.45em;
    }
    .StoryQuickTitle br {
        display: none;
    }
    .StoryQuickMore {
        margin-top: 5.4461vw;
    }
    .StoryQuickMore-text {
        padding-right: 13.6153vw;
        font-size: 3.93076vw;
        line-height: 1.4em;
    }
    .StoryQuickMore-text:after {
        width: 9.0769vw;
        height: 2.5769vw;
        background-size: 9.0769vw 2.5769vw;
    }
    .page-id-18 .site-footer {
        margin-top: 0;
    }
    html[lang="en-US"] .page-id-5956 .site-footer {
        margin-top: 0;
    }
}


/*=========================================================
	PageNoResult
=========================================================*/

@media screen and (min-width:1025px) {
    .PageNoResult {
        max-width: 29.166%;
    }
}

.PageNoResult {
    margin: 0 auto;
    text-align: center;
}

.PageNoResult-title {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4em;
}

.PageNoResult-title:before {
    content: '';
    display: block;
    width: 61px;
    height: 61px;
    margin: 0 auto 20px;
    background-image: url('../img/icon/ico-attention.png');
    background-size: 61px 61px;
}

.PageNoResult-text {
    margin-top: 15px;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
}


/*Page MarginTop*/

.NewsPostList .PageNoResult {
    margin-top: 140px;
}

.EarningsAnnounceFile .PageNoResult {
    margin-top: 90px;
}

td .PageNoResult {
    padding: 20px 0;
}

.AnnualReportList .PageNoResult {
    margin-top: 140px;
}

.QnAList .PageNoResult {
    margin-top: 90px;
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .PageNoResult-title {
        font-size: 2.769vw;
    }
    .PageNoResult-title:before {
        width: 4.692vw;
        height: 4.692vw;
        margin-bottom: 1.5384vw;
        background-size: 4.692vw 4.692vw;
    }
    .PageNoResult-text {
        margin-top: 1.154vw;
        font-size: 1.230vw;
    }
    .NewsPostList .PageNoResult {
        margin-top: 10.7692vw;
    }
    .EarningsAnnounceFile .PageNoResult {
        margin-top: 6.92307vw;
    }
    td .PageNoResult {
        padding: 1.538461vw 0;
    }
    .AnnualReportList .PageNoResult {
        margin-top: 6.92307vw;
    }
    .QnAList .PageNoResult {
        margin-top: 6.92307vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .PageNoResult-title {
        font-size: 3.5156vw;
    }
    .PageNoResult-title:before {
        width: 5.957vw;
        height: 5.957vw;
        margin-bottom: 1.953vw;
        background-size: 5.957vw 5.957vw;
    }
    .PageNoResult-text {
        margin-top: 1.465vw;
        font-size: 2vw;
    }
    .NewsPostList .PageNoResult {
        margin-top: 10.7692vw;
    }
    .EarningsAnnounceFile .PageNoResult {
        margin-top: 6.92307vw;
    }
    td .PageNoResult {
        padding: 1.538461vw 0;
    }
    .AnnualReportList .PageNoResult {
        margin-top: 6.92307vw;
    }
    .QnAList .PageNoResult {
        margin-top: 6.92307vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .PageNoResult-title {
        font-size: 4.693vw;
    }
    .PageNoResult-title:before {
        width: 9vw;
        height: 9vw;
        margin-bottom: 2.607vw;
        background-size: 9vw 9vw;
    }
    .PageNoResult-text {
        margin-top: 1.5vw;
        font-size: 3.78vw;
    }
    .NewsPostList .PageNoResult {
        margin-top: 14.7692vw;
    }
    .EarningsAnnounceFile .PageNoResult {
        margin-top: 10.92307vw;
    }
    td .PageNoResult {
        padding: 1.538461vw 0;
    }
    .AnnualReportList .PageNoResult {
        margin-top: 10.92307vw;
    }
    .QnAList .PageNoResult {
        margin-top: 10.92307vw;
    }
}


/*=========================================================
	life(피플 앤 라이프)
=========================================================*/


/*	History:Banner
=========================================================*/

.LifeBanner {
    position: relative;
    clear: both;
    margin-bottom: 100px;
}

.LifeBanner:after {
    content: '';
    display: block;
    padding-bottom: 34.7%;
}

.LifeBanner-inner {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.LifeBanner-center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-width: 100%;
}

.LifeBanner-img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: none;
    transition-property: transform;
    transition-duration: 0.2s;
}

@media screen and (max-width: 1024px) and (min-width: 1px) {
    .LifeBanner-img {
        max-height: calc(100% + 20vh);
    }
}

body.Safari .LifeBanner-img {
    transition-duration: 0s;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .LifeBanner-img {
        transition-duration: 0s;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .LifeBanner {
        margin-bottom: 7.6923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .LifeBanner {
        margin-bottom: 7.6923vw;
    }
    .LifeBanner-img {
        transition-duration: 0.1s;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .LifeBanner {
        margin-bottom: 13.6923vw;
        margin-left: -20vw;
        margin-right: -20vw;
    }
    .LifeBanner-inner {
        width: 190vw;
    }
    .LifeBanner:after {
        padding-bottom: 40%;
    }
    .LifeBanner-img {
        transition-duration: 0.1s;
    }
}


/* LifeTitle
=========================================================*/

.LifeTitle {
    overflow: hidden;
    margin-bottom: 60px;
}

.LifeTitle-title {
    overflow: hidden;
}

.LifeTitle-text {
    display: block;
    color: #000;
    font-size: 46px;
    font-weight: bold;
    line-height: 1.2em;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
    transform: translateY(110%);
}

.LifeTitle-sub {
    display: block;
    margin-top: 10px;
    color: #000;
    font-size: 20px;
    line-height: 1.6em;
}

.LifeTitle-title.is-textTop .LifeTitle-text {
    transform: translateY(0%);
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .LifeTitle {
        margin-bottom: 4.615vw;
    }
    .LifeTitle-text {
        font-size: 3.538vw;
    }
    .LifeTitle-sub {
        margin-top: 0.923vw;
        font-size: 1.538vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .LifeTitle {
        margin-bottom: 5.859vw;
    }
    .LifeTitle-text {
        font-size: 3.892vw;
    }
    .LifeTitle-sub {
        margin-top: 1.1718vw;
        font-size: 1.953vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .LifeTitle {
        margin-bottom: 7.822vw;
    }
    .LifeTitle-text {
        font-size: 6.6vw;
    }
    .LifeTitle-sub {
        margin-top: 2.25vw;
        font-size: 4vw;
    }
}


/* 크래프톤 피플 KraftonPeople
=========================================================*/

.KraftonPeople {
    margin-bottom: 170px;
}

.KraftonPeopleCont-list {
    margin-left: -20px;
    margin-right: -20px;
}

.KraftonPeopleCont-list:after {
    content: '';
    display: block;
    clear: both;
}

.KraftonPeopleCont-item {
    width: 25%;
    padding: 0 20px 20px;
    float: left;
}

.KraftonPeopleItem {
    display: block;
}

.KraftonPeopleItem-thumb {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 260px;
    height: 260px;
    border-radius: 100%;
}

.KraftonPeopleItem-thumb:after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.KraftonPeopleItem-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition-property: transform;
    transition-duration: 0.2s;
}

.KraftonPeopleItem-content {
    margin-top: 24px;
    text-align: center;
}

.KraftonPeopleItem-title {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4em;
}

.KraftonPeopleItem-info {
    font-size: 0;
    line-height: 0;
    margin-top: 5px;
}

.KraftonPeopleItem-work {
    display: inline-block;
    padding-right: 16px;
    margin-right: 16px;
    position: relative;
    color: #000;
    font-size: 16px;
    line-height: 1.6em;
}

.KraftonPeopleItem-work:after {
    content: '';
    display: block;
    width: 1px;
    height: 70%;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #ddd;
    transform: translateY(-50%);
}

.KraftonPeopleItem-national {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 300;
    line-height: 1.6em;
}

@media screen and (min-width:1025px) {
    .KraftonPeopleItem:hover .KraftonPeopleItem-img {
        transform: scale(1.1);
    }
}

@media screen and (max-width:1024px) and (min-width:1px) {
    .KraftonPeopleItem-work:after {
        display: none;
    }
    .KraftonPeopleItem-work {
        display: block;
        padding-right: 0;
        margin-right: 0;
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .KraftonPeople {
        margin-bottom: 13.076vw;
    }
    .KraftonPeopleCont-list {
        margin-left: -1.538vw;
        margin-right: -1.538vw;
    }
    .KraftonPeopleCont-item {
        padding: 0 1.538vw 1.538vw;
    }
    .KraftonPeopleItem-thumb {
        width: 20vw;
        height: 20vw;
    }
    .KraftonPeopleItem-content {
        margin-top: 1.846vw;
    }
    .KraftonPeopleItem-title {
        font-size: 1.692vw;
    }
    .KraftonPeopleItem-work {
        padding-right: 1.230vw;
        margin-right: 1.230vw;
        font-size: 1.230vw;
    }
    .KraftonPeopleItem-national {
        font-size: 1.230vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .KraftonPeople {
        margin-bottom: 13.601vw;
    }
    .KraftonPeopleCont-list {
        margin-left: -1.953vw;
        margin-right: -1.953vw;
    }
    .KraftonPeopleCont-item {
        padding: 0 1.953vw 1.953vw;
    }
    .KraftonPeopleItem-thumb {
        width: 20vw;
        height: 20vw;
    }
    .KraftonPeopleItem-content {
        margin-top: 1.343vw;
    }
    .KraftonPeopleItem-title {
        font-size: 2.148vw;
    }
    .KraftonPeopleItem-work {
        font-size: 1.5625vw;
    }
    .KraftonPeopleItem-national {
        display: block;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .KraftonPeople {
        margin-bottom: 20.56vw;
    }
    .KraftonPeopleCont-list {
        margin-left: -3.125vw;
        margin-right: -3.125vw;
    }
    .KraftonPeopleCont-item {
        width: 50%;
        padding: 0 3.125vw 3.125vw;
        padding-bottom: 3vw;
    }
    .KraftonPeopleCont-item:nth-child(2n+1) {
        clear: both;
    }
    .KraftonPeopleItem-thumb {
        width: 40.625vw;
        height: 40.625vw;
    }
    .KraftonPeopleItem-content {
        margin-top: 3.75vw;
    }
    .KraftonPeopleItem-title {
        font-size: 4vw;
    }
    .KraftonPeopleItem-work {
        min-height: 2.8em;
        font-size: 3.78vw;
    }
    .KraftonPeopleItem-national {
        font-size: 3.78vw;
    }
}


/* 크래프톤 라이프  KraftonLife
=========================================================*/

.KraftonLife {
    margin-bottom: 170px
}

.KraftonLifeCont-list {
    margin-top: -40px;
    margin-left: -40px;
}

.KraftonLifeCont-list:after {
    content: '';
    display: block;
    clear: both;
}

.KraftonLifeCont-item {
    width: 50%;
    padding-top: 40px;
    padding-left: 40px;
    float: left;
    cursor: default;
}

.KraftonLifeCont-item:nth-child(2n+1) {
    clear: both;
}

.KraftonLifeCont-inner {
    padding: 56px 50px 65px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.KraftonLifeCont-inner:before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, 0.36);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.KraftonLifeItem {
    position: relative;
}

.KraftonLifeItem:after {
    content: '';
    display: block;
    padding-bottom: 108.17%;
}

html[lang="en-US"] .KraftonLifeItem:after {
    padding-bottom: 135.17%;
}

html[lang="zh-CN"] .KraftonLifeItem:after {
    padding-bottom: 135.17%;
}

html[lang="ja"] .KraftonLifeItem:after {
    padding-bottom: 135.17%;
}

.KraftonLifeItem-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

html[lang="zh-CN"] .KraftonLifeItemCont {
    word-break: break-all
}

.KraftonLifeItemTitle-title {
    display: block;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2em;
}

.KraftonLifeItemTitle-sub {
    display: block;
    color: #fff;
    font-size: 22px;
    line-height: 1.4em;
}

.KraftonLifeItemCont {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
}

.KraftonLifeItemCont-title {
    display: block;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6em;
}

.KraftonLifeItemCont-text {
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 1.8em;
}

.KraftonLifeCont-inner:hover {
    background-color: #000;
    background-image: none !important;
}

.KraftonLifeCont-inner:hover .KraftonLifeItemCont {
    display: block;
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .KraftonLife {
        margin-bottom: 13.076vw;
    }
    .KraftonLifeCont-list {
        margin-top: -3.076vw;
        margin-left: -3.076vw;
    }
    .KraftonLifeCont-item {
        padding-top: 3.076vw;
        padding-left: 3.076vw;
    }
    .KraftonLifeCont-inner {
        padding: 4.307vw 3.8461vw 5vw;
    }
    .KraftonLifeItemTitle-title {
        font-size: 2.769vw;
    }
    .KraftonLifeItemTitle-sub {
        font-size: 1.692vw;
    }
    .KraftonLifeItemCont-title {
        font-size: 2vw;
    }
    .KraftonLifeItemCont-text {
        margin-top: 1.5384vw;
        font-size: 1.384vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .KraftonLife {
        margin-bottom: 13.601vw;
    }
    .KraftonLifeCont-list {
        margin-top: -1.7578vw;
        margin-left: -1.7578vw;
    }
    .KraftonLifeCont-item {
        padding-top: 1.7578vw;
        padding-left: 1.7578vw;
    }
    .KraftonLifeCont-inner {
        padding: 3.4687vw 2.882vw;
    }
    .KraftonLifeItem:after {
        padding-bottom: 115%;
    }
    .KraftonLifeItemTitle-title {
        font-size: 2.78vw;
    }
    .KraftonLifeItemTitle-sub {
        font-size: 2vw;
    }
    .KraftonLifeItemCont-title {
        font-size: 2vw;
    }
    .KraftonLifeItemCont-text {
        margin-top: 1.953vw;
        font-size: 1.7578vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .KraftonLife {
        margin-bottom: 20.56vw;
    }
    .KraftonLifeCont-list {
        margin-top: -5.215vw;
        margin-left: 0;
    }
    .KraftonLifeCont-item {
        width: 100%;
        float: none;
        padding-top: 5.215vw;
        padding-left: 0;
    }
    .KraftonLifeCont-inner {
        padding: 5vw;
    }
    .KraftonLifeItemTitle-title {
        font-size: 5vw;
    }
    .KraftonLifeItemTitle-sub {
        font-size: 4vw;
    }
    .KraftonLifeItem:after {
        padding-bottom: 130%;
    }
    .KraftonLifeItemCont-title {
        font-size: 4vw;
    }
    .KraftonLifeItemCont-text {
        margin-top: 2.607vw;
        font-size: 3.78vw;
    }
    html[lang="en-US"] .KraftonLifeItem:after {
        padding-bottom: 166.17%;
    }
    html[lang="zh-CN"] .KraftonLifeItem:after {
        padding-bottom: 166.17%;
    }
    html[lang="ja"] .KraftonLifeItem:after {
        padding-bottom: 166.17%;
    }
}


/* 복리후생 WelfareSideTab
=========================================================*/

.Welfare:after {
    content: '';
    display: block;
    clear: both;
}

.WelfareSideTab {
    width: 22.66%;
    margin-right: 8.75%;
    float: left;
}

.WelfareSideTab-item {
    border-bottom: 1px solid #ddd;
}

.WelfareSideTab-item:last-child {
    border-bottom: none;
}

.WelfareSideTab-link {
    display: block;
    padding: 35px 25px 27px 27px;
    background-color: #fff;
}

.WelfareSideTabItem {
    padding-bottom: 58px;
    position: relative;
}

.WelfareSideTabItem-number {
    display: block;
    color: #000;
    font-size: 24px;
    font-family: 'Poppins';
    line-height: 1.4em;
}

.WelfareSideTabItem-title {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
}

.WelfareSideTabItem-arrow {
    overflow: hidden;
    display: block;
    width: 30px;
    height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url('../img/icon/ico-post-arrow-b.png');
    background-size: 30px 10px;
    transform: translateX(0);
    transition-property: transform;
    transition-duration: 0.2s;
    text-indent: 200%;
}

.WelfareSideTab-item.is-Current .WelfareSideTab-link {
    background-color: #000;
}

.WelfareSideTab-item.is-Current .WelfareSideTabItem-number {
    color: #fff;
}

.WelfareSideTab-item.is-Current .WelfareSideTabItem-title {
    color: #fff;
    font-weight: bold;
}

.WelfareSideTab-item.is-Current .WelfareSideTabItem-arrow {
    background-image: url(../img/icon/ico-post-arrow.png);
}

@media screen and (min-width:1025px) {
    .WelfareSideTab-link:hover {
        background-color: #000;
    }
    .WelfareSideTab-link:hover .WelfareSideTabItem-number {
        color: #fff;
    }
    .WelfareSideTab-link:hover .WelfareSideTabItem-title {
        color: #fff;
    }
    .WelfareSideTab-link:hover .WelfareSideTabItem-arrow {
        transform: translateX(5px);
        background-image: url(../img/icon/ico-post-arrow.png);
    }
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .WelfareSideTab-link {
        padding: 2.4615vw 1.923vw 2.538vw 2.077vw;
    }
    .WelfareSideTabItem {
        padding-bottom: 2.307vw;
    }
    .WelfareSideTabItem-number {
        font-size: 1.846vw;
    }
    .WelfareSideTabItem-title {
        font-size: 1.538vw;
    }
    .WelfareSideTabItem-arrow {
        width: 2.307vw;
        height: 0.769vw;
        background-size: 2.307vw 0.769vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .WelfareSideTab {
        margin-right: 4%;
    }
    .WelfareSideTab-link {
        padding: 3.125vw 2.441vw 3.222vw 2.636vw;
    }
    .WelfareSideTabItem {
        padding-bottom: 2.9296vw;
    }
    .WelfareSideTabItem-number {
        font-size: 2.3437vw;
    }
    .WelfareSideTabItem-title {
        font-size: 1.953vw;
    }
    .WelfareSideTabItem-arrow {
        width: 2.929vw;
        height: 0.9765vw;
        background-size: 2.929vw 0.9765vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .WelfareSideTab {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .WelfareSideTab-nav {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
    .WelfareSideTab-nav:after {
        content: '';
        display: block;
        clear: both;
    }
    .WelfareSideTab-item {
        width: 50%;
        float: left;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }
    .WelfareSideTab-item:last-child {
        border-bottom: 1px solid #ddd;
    }
    .WelfareSideTab-item:nth-child(odd) {
        border-left: none;
    }
    .WelfareSideTab-item:nth-child(n+3) {
        border-top: none;
    }
    .WelfareSideTab-item.is-Current {
        border-color: #000;
    }
    .WelfareSideTab-link {
        padding: 4vw 6.25vw;
    }
    .WelfareSideTabItem {
        padding-bottom: 0;
    }
    .WelfareSideTabItem-number {
        font-size: 4vw;
    }
    .WelfareSideTabItem-title {
        font-size: 4vw;
    }
    .WelfareSideTabItem-arrow {
        display: none
    }
}


/* WelfareList
=========================================================*/

.WelfareList {
    overflow: hidden;
}

.WelfareList-item {
    display: none;
    padding-top: 28px;
}

.WelfareList-item.is-Current {
    display: block;
}

.WelfareListItemTitle {
    overflow: hidden;
    display: block;
    margin-bottom: 90px;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4em;
}

.WelfareListItemCont {
    padding-right: 45px;
}

.WelfareListItemCont-list {
    margin: -51px -22px;
    overflow: hidden;
}

.WelfareListItemCont-item {
    width: 33.33%;
    padding: 51px 22px;
    float: left;
}

.WelfareListItemCont-item:nth-child(3n+1) {
    clear: both;
}

.WelfareBenefit-icon {
    display: block;
    margin-bottom: 26px;
    line-height: 0;
    text-align: right;
}

.WelfareBenefit-img {
    height: 52px;
}

.WelfareBenefit-title {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4em;
}

.WelfareBenefit-text {
    margin-top: 18px;
    color: #000;
    font-size: 16px;
    line-height: 1.6em;
}

.WelfareListItemCont.Health {
    padding-right: 33.3333%;
}

.WelfareListItemCont.Health .WelfareListItemCont-item {
    width: 50%;
}

.WelfareListItemCont.Health .WelfareListItemCont-item:nth-child(3n+1) {
    clear: none;
}

.WelfareListItemCont.Health .WelfareListItemCont-item:nth-child(odd) {
    clear: both !important;
}

@media screen and (max-width:1300px) and (min-width:1025px) {
    .WelfareList-item {
        padding-top: 2.1538vw;
    }
    .WelfareListItemTitle {
        margin-bottom: 6.923vw;
        font-size: 2.769vw;
    }
    .WelfareListItemCont {
        padding-right: 3.461vw;
    }
    .WelfareListItemCont-list {
        margin: -3.923vw -1.6923vw;
    }
    .WelfareListItemCont-item {
        padding: 3.923vw 1.6923vw;
    }
    .WelfareBenefit-icon {
        margin-bottom: 2vw;
    }
    .WelfareBenefit-img {
        height: 4vw;
    }
    .WelfareBenefit-title {
        font-size: 1.5384vw;
    }
    .WelfareBenefit-text {
        margin-top: 1.3846vw;
        font-size: 1.2307vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .WelfareList-item {
        padding-top: 2.734vw;
    }
    .WelfareListItemTitle {
        margin-bottom: 7.089vw;
        font-size: 3.156vw;
    }
    .WelfareListItemCont {
        padding-right: 4.394vw;
    }
    .WelfareListItemCont-list {
        margin: -4.980vw -2.148vw;
    }
    .WelfareListItemCont-item {
        padding: 4.980vw 2.148vw;
    }
    .WelfareBenefit-icon {
        margin-bottom: 2.539vw;
    }
    .WelfareBenefit-img {
        height: 5.078vw;
    }
    .WelfareBenefit-title {
        font-size: 1.9531vw;
    }
    .WelfareBenefit-text {
        margin-top: 1.7578vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .WelfareList-item {
        padding-top: 8vw;
    }
    .WelfareListItemTitle {
        margin-bottom: 8vw;
        font-size: 5vw;
    }
    .WelfareListItemTitle br {
        display: none;
    }
    .WelfareListItemCont {
        padding-right: 0;
    }
    .WelfareListItemCont-list {
        margin: -6.649vw -2.868vw;
    }
    .WelfareListItemCont-item {
        width: 50%;
        padding: 6.649vw 2.868vw;
    }
    .WelfareBenefit-icon {
        margin-bottom: 3.389vw;
    }
    .WelfareListItemCont-item:nth-child(3n+1) {
        clear: none;
    }
    .WelfareListItemCont-item:nth-child(odd) {
        clear: both !important;
    }
    .WelfareBenefit-img {
        height: 8.779vw;
    }
    .WelfareBenefit-title {
        font-size: 4vw;
    }
    .WelfareBenefit-text {
        margin-top: 2.346vw;
        font-size: 3.78vw;
    }
    .WelfareListItemCont.Health {
        padding-right: 0;
    }
    .WelfareListItemCont.Health .WelfareListItemCont-item {
        width: 50%;
    }
    .WelfareListItemCont.Health .WelfareListItemCont-item:nth-child(3n+1) {
        clear: none;
    }
}


/*=========================================================
	IR 활동
=========================================================*/

@media screen and (max-width:767px) and (min-width:1px) {
    .BasicPostList .download {
        padding: 2vw 1.5vw 2.85vw;
    }
    .BasicPostList .LargeFileDownBtn {
        padding: 0;
    }
}


/*=========================================================
	주주총회
=========================================================*/

.BasicPostList-list.nofixed {
    table-layout: auto;
}

.BasicPostList-list.nofixed .normal {
    white-space: normal;
}


/*=========================================================
 공고
=========================================================*/

.AnnounceTableBtm {
    font-size: 0;
    line-height: 0;
    text-align: right;
}

.AnnounceTableBtm-list {
    display: table;
    width: 100%;
}

.AnnounceTableBtm-item {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.AnnounceTableBtm-item:last-child {
    text-align: right;
}

.AnnounceTableBtm-text {
    display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
}

.AnnounceTableBtm-link {
    color: #000;
    font-size: 15px;
    line-height: 1.4em;
    text-decoration: underline;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .AnnounceTableBtm-text {
        font-size: 1.153vw;
    }
    .AnnounceTableBtm {
        font-size: 1.153vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .AnnounceTableBtm-text {
        font-size: 1.464vw;
    }
    .AnnounceTableBtm-link {
        font-size: 1.464vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .AnnounceTableBtm-list {
        display: block;
    }
    .AnnounceTableBtm-item {
        display: block;
    }
    .AnnounceTableBtm-item:last-child {
        margin-top: 8px;
        text-align: left;
    }
    .AnnounceTableBtm-text {
        display: block;
        font-size: 3.5vw;
    }
    .AnnounceTableBtm-link {
        font-size: 3.5vw;
    }
}


/*=========================================================
	Stock
=========================================================*/


/* StockHeader
=========================================================*/

.StockHeader {
    margin-bottom: 30px;
}

.StockHeader:after {
    content: '';
    display: block;
    clear: both;
}

.StockHeader-title {
    float: left;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
}

.StockHeader-text {
    overflow: hidden;
    display: block;
    padding-top: 9px;
    color: #777;
    font-size: 14px;
    font-family: 'Lato';
    line-height: 1.4em;
    text-align: right;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StockHeader {
        margin-bottom: 2.307vw;
    }
    .StockHeader-title {
        font-size: 1.846vw;
    }
    .StockHeader-text {
        padding-top: 0.6923vw;
        font-size: 1.076vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StockHeader {
        margin-bottom: 2.9296vw;
    }
    .StockHeader-title {
        font-size: 2.343vw;
    }
    .StockHeader-text {
        padding-top: 0.8789vw;
        font-size: 1.42vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StockHeader {
        margin-bottom: 3.9113vw;
    }
    .StockHeader-title {
        font-size: 5vw;
    }
    .StockHeader-text {
        padding-top: 1.1734vw;
        font-size: 3.5vw;
    }
}


/* StockContLive
=========================================================*/

.StockContLive {
    width: 32%;
    float: left;
    margin-right: 58px;
    padding: 37px 11px 55px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
}

.StockContLiveTop {
    display: table;
    width: 100%;
}

.StockContLiveTop-title {
    display: table-cell;
    color: #000;
    font-size: 46px;
    font-family: 'Lato';
    font-weight: bold;
    line-height: 1.2em;
    vertical-align: middle;
}

.StockContLiveTop-info {
    display: table-cell;
    width: 1px;
    white-space: nowrap;
    vertical-align: middle;
}

.StockContLiveTop-item:after {
    content: '';
    display: block;
    clear: both;
}

.StockContLiveTop-item {
    margin-bottom: 12px;
    font-size: 0;
}

.StockContLiveTop-item:last-child {
    margin-bottom: 0;
}

.StockContLiveTop-text {
    min-width: 67px;
    margin-right: 16px;
    display: inline-block;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    vertical-align: middle;
}

.StockContLiveTop-number {
    display: inline-block;
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
    vertical-align: middle;
}

.StockContLiveBtm {
    margin-top: 78px;
}

.StockContLiveBtm-item {
    margin-bottom: 14px;
}

.StockContLiveBtm-item:last-child {
    margin-bottom: 0;
}

.StockContLiveBtmItem-title {
    display: inline-block;
    min-width: 100px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;
    white-space: nowrap;
    vertical-align: middle;
}

.StockContLiveBtmItem-content {
    display: inline-block;
    vertical-align: middle;
}

.StockContLiveBtmItem-value {
    display: inline-block;
    padding-right: 16px;
    color: #000;
    font-size: 18px;
    white-space: nowrap;
    line-height: 1.4em;
    vertical-align: middle;
}

.StockContLiveBtmItem-number {
    display: inline-block;
    color: #000;
    font-size: 15px;
    white-space: nowrap;
    line-height: 1.4em;
    vertical-align: middle;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .StockContLive {
        margin-right: 4.4615vw;
        padding: 2.846vw 0.8461vw 4.2307vw;
    }
    .StockContLiveTop-title {
        font-size: 3.538vw;
    }
    .StockContLiveTop-item {
        margin-bottom: 0.9230vw;
    }
    .StockContLiveTop-text {
        min-width: 5.1538vw;
        margin-right: 1.230vw;
        font-size: 1.3846vw;
    }
    .StockContLiveTop-number {
        font-size: 1.3846vw;
    }
    .StockContLiveBtm {
        margin-top: 7.056vw;
    }
    .StockContLiveBtm-item {
        margin-bottom: 1.0769vw;
    }
    .StockContLiveBtmItem-title {
        min-width: 7.6923vw;
        font-size: 1.3846vw;
    }
    .StockContLiveBtmItem-value {
        padding-right: 1.2307vw;
        font-size: 1.3846vw;
    }
    .StockContLiveBtmItem-number {
        font-size: 1.1538vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StockContLive {
        width: 30%;
        margin-right: 2.664vw;
        padding: 3vw 1vw 3vw;
    }
    .StockContLiveTop {
        display: block;
    }
    .StockContLiveTop-title {
        display: block;
    }
    .StockContLiveTop-info {
        display: block;
        width: 100%;
        margin-top: 1.5vw;
    }
    .StockContLiveTop-title {
        font-size: 4.492vw;
    }
    .StockContLiveTop-item {
        margin-bottom: 0.9vw;
    }
    .StockContLiveTop-text {
        min-width: 6.5429vw;
        margin-right: 1.5625vw;
        font-size: 1.7578vw;
    }
    .StockContLiveTop-number {
        font-size: 1.7578vw;
    }
    .StockContLiveBtm {
        margin-top: 2.6172vw;
    }
    .StockContLiveBtm-item {
        margin-bottom: 1.1718vw;
    }
    .StockContLiveBtmItem {
        font-size: 0;
        line-height: 0;
    }
    .StockContLiveBtmItem-title {
        min-width: 9.7656vw;
        margin-bottom: 0.5vw;
        font-size: 1.7578vw;
    }
    .StockContLiveBtmItem-value {
        padding-right: 1.5625vw;
        font-size: 1.7578vw;
    }
    .StockContLiveBtmItem-number {
        font-size: 1.64vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StockContLive {
        width: 100%;
        margin-right: 0;
        padding: 4.8239vw 1.4341vw 4.8239vw;
        margin-bottom: 5vw;
        float: none;
    }
    .StockContLiveTop {
        display: block;
    }
    .StockContLiveTop-title {
        display: block;
    }
    .StockContLiveTop-info {
        display: block;
        width: 100%;
        margin-top: 1.5vw;
    }
    .StockContLiveTop-title {
        font-size: 10.9973vw;
    }
    .StockContLiveTop-item {
        margin-bottom: 3vw;
    }
    .StockContLiveTop-text {
        min-width: 8.7353vw;
        margin-right: 3.78vw;
        font-size: 3.78vw;
    }
    .StockContLiveTop-number {
        font-size: 4vw;
    }
    .StockContLiveBtm {
        margin-top: 10.169vw;
    }
    .StockContLiveBtm-item {
        margin-bottom: 3.5vw;
    }
    .StockContLiveBtmItem-title {
        min-width: 0;
        display: block;
        width: 100%;
        font-size: 3.78vw;
    }
    .StockContLiveBtmItem-value {
        padding-right: 3.5vw;
        font-size: 3.78vw;
    }
    .StockContLiveBtmItem-number {
        font-size: 3.5vw;
    }
    .StockHeader-title {
        float: none;
        margin-bottom: 2vw;
    }
}


/* StockInfoTable
=========================================================*/

.StockInfoTable {
    overflow: hidden;
}


/* IrContact
=========================================================*/

.IrContact {
    padding: 26px 38px;
}

.IrContact:after {
    content: '';
    display: block;
    clear: both;
}

.IrContact-title {
    margin-right: 45px;
    float: left;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4em;
}

.IrContact-content {
    overflow: hidden;
    padding-top: 4px;
    font-size: 0;
    line-height: 0;
}

.IrContact-text {
    margin-right: 12px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4em;
}

.IrContact-email {
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
}

.IrContact-link {
    color: #000;
    font-size: 16px;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .IrContact {
        padding: 2vw 2.923vw;
    }
    .IrContact-title {
        margin-right: 3.4615vw;
        font-size: 1.538vw;
    }
    .IrContact-content {
        padding-top: 0.3076vw;
    }
    .IrContact-text {
        margin-right: 0.923vw;
        font-size: 1.230vw;
    }
    .IrContact-email {
        font-size: 1.230vw;
    }
    .IrContact-link {
        font-size: 1.230vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .IrContact {
        padding: 2.539vw 3.710vw;
    }
    .IrContact-title {
        margin-right: 4.394vw;
        font-size: 1.953vw;
    }
    .IrContact-content {
        padding-top: 0.4vw;
    }
    .IrContact-text {
        margin-right: 1.1718vw;
        font-size: 1.64vw;
    }
    .IrContact-email {
        font-size: 1.64vw;
    }
    .IrContact-link {
        font-size: 1.64vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .IrContact {
        padding: 5.3898vw 6.954vw;
    }
    .IrContact-title {
        margin-bottom: 2vw;
        margin-right: 0;
        float: none;
        font-size: 5vw;
    }
    .IrContact-content {
        padding-top: 0;
    }
    .IrContact-text {
        font-size: 3.78vw;
    }
    .IrContact-email {
        font-size: 3.78vw;
    }
    .IrContact-link {
        font-size: 3.78vw;
    }
}


/*=========================================================
	People
=========================================================*/


/*	People:Layout
=========================================================*/

.KraftonTalent {
    margin-bottom: 170px;
}

.Kraftonpeople {
    margin-bottom: 170px;
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .KraftonTalent {
        margin-bottom: 13.076vw;
    }
    .Kraftonpeople {
        margin-bottom: 13.076vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .KraftonTalent {
        margin-bottom: 13.601vw;
    }
    .Kraftonpeople {
        margin-bottom: 13.601vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .KraftonTalent {
        margin-bottom: 20.56vw;
    }
    .Kraftonpeople {
        margin-bottom: 20.56vw;
    }
}


/*	People:WorkVideoListLeft
=========================================================*/

.WorkVideoListSection {
    margin-bottom: 110px;
}

.WorkVideoListSection:last-child {
    margin-bottom: 0;
}

.WorkVideoListLeft {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.WorkVideoListLeftFrame {
    order: 1;
    flex: 0 0 44%;
    max-width: 44%;
    position: relative;
    overflow: hidden;
}

.WorkVideoListLeftFrame:after {
    content: "";
    display: block;
    padding-bottom: 56.3%;
    overflow: hidden;
}

.WorkVideoListLeftCont {
    order: 2;
    flex: 0 0 56%;
    max-width: 56%;
    padding-left: 70px;
}

.WorkVideoListLeftCont-title {
    font-size: 36px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
}

.WorkVideoListLeftCont-sub {
    font-size: 20px;
    line-height: 1.7em;
    color: #000;
    margin-top: 16px;
}

.WorkVideoListLeftFrame-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    overflow: hidden;
}

.WorkVideoListLeftFrame-link:before {
    content: "";
    width: 100%;
    display: block;
    padding-bottom: 56.3%;
}

.WorkVideoListLeftFrame-link:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.WorkVideoListLeftFrame-img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.WorkVideoListLeftFrame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.WorkVideoListLeftFrame-icon {
    width: 68px;
    height: 41px;
    background-image: url(../img/icon/ico-youtube-play.png);
    background-size: 68px 41px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-duration: 0.2s;
    z-index: 5;
    opacity: 0.5;
}

@media screen and (min-width: 1025px) {
    .WorkVideoListLeftFrame-link:hover .WorkVideoListLeftFrame-icon {
        opacity: 1;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .WorkVideoListSection {
        margin-bottom: 8.4615vw;
    }
    .WorkVideoListLeftCont {
        padding-left: 5.3846vw;
    }
    .WorkVideoListLeftCont-title {
        font-size: 2.7692vw;
    }
    .WorkVideoListLeftCont-sub {
        font-size: 1.5384vw;
        margin-top: 1.2307vw;
    }
    .WorkVideoListLeftFrame-icon {
        width: 5.23076vw;
        height: 3.1538vw;
        background-size: 5.23076vw 3.1538vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .WorkVideoListSection {
        margin-bottom: 8.0615vw;
    }
    .WorkVideoListLeftCont {
        padding-left: 5.3846vw;
    }
    .WorkVideoListLeftCont-title {
        font-size: 2.7692vw;
    }
    .WorkVideoListLeftCont-sub {
        font-size: 1.7384vw;
        margin-top: 1.6307vw;
    }
    .WorkVideoListLeftFrame iframe {
        display: block;
    }
    .WorkVideoListLeftFrame-link {
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .WorkVideoListSection {
        margin-bottom: 13vw;
    }
    .WorkVideoListLeft {
        display: block;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        width: auto;
    }
    .WorkVideoListLeftFrame {
        flex: none;
        max-width: 100%;
        margin-bottom: 5.7692vw;
    }
    .WorkVideoListLeftCont {
        padding: 0 6.25vw;
        flex: none;
        max-width: 100%;
    }
    .WorkVideoListLeftCont-title {
        font-size: 5.3692vw;
    }
    .WorkVideoListLeftCont-sub {
        font-size: 3.4307vw;
        margin-top: 4.3076vw;
    }
    .WorkVideoListLeftFrame iframe {
        display: block;
    }
    .WorkVideoListLeftFrame-link {
        display: none;
    }
}


/*	People:WorkVideoListRight
=========================================================*/

.WorkVideoListRight {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.WorkVideoListRightFrame {
    order: 2;
    flex: 0 0 44%;
    max-width: 44%;
    position: relative;
    overflow: hidden;
}

.WorkVideoListRightFrame:after {
    content: "";
    display: block;
    padding-bottom: 56.3%;
    overflow: hidden;
}

.WorkVideoListRightCont {
    order: 1;
    flex: 0 0 56%;
    max-width: 56%;
    padding-right: 70px;
}

.WorkVideoListRightCont-title {
    font-size: 36px;
    line-height: 1.3em;
    color: #000;
    font-weight: bold;
}

.WorkVideoListRightCont-sub {
    font-size: 20px;
    line-height: 1.7em;
    color: #000;
    margin-top: 16px;
}

.WorkVideoListRightFrame-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.WorkVideoListRightFrame-link:before {
    content: "";
    width: 100%;
    display: block;
    padding-bottom: 56.3%;
}

.WorkVideoListRightFrame-link:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

.WorkVideoListRightFrame-img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.WorkVideoListRightFrame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.WorkVideoListRightFrame-icon {
    width: 68px;
    height: 41px;
    background-image: url(../img/icon/ico-youtube-play.png);
    background-size: 68px 41px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity;
    transition-duration: 0.2s;
    z-index: 5;
    opacity: 0.5;
}

@media screen and (min-width: 1025px) {
    .WorkVideoListRightFrame-link:hover .WorkVideoListRightFrame-icon {
        opacity: 1;
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .WorkVideoListRightCont {
        padding-left: 5.3846vw;
    }
    .WorkVideoListRightCont-title {
        font-size: 2.7692vw;
    }
    .WorkVideoListRightCont-sub {
        font-size: 1.5384vw;
        margin-top: 1.2307vw;
    }
    .WorkVideoListRightFrame-icon {
        width: 5.23076vw;
        height: 3.1538vw;
        background-size: 5.23076vw 3.1538vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .WorkVideoListRightCont {
        padding-left: 5.3846vw;
    }
    .WorkVideoListRightCont-title {
        font-size: 2.7692vw;
    }
    .WorkVideoListRightCont-sub {
        font-size: 1.7384vw;
        margin-top: 1.6307vw;
    }
    .WorkVideoListRightFrame iframe {
        display: block;
    }
    .WorkVideoListRightFrame-link {
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .WorkVideoListRight {
        display: block;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        width: auto;
    }
    .WorkVideoListRightFrame {
        flex: none;
        max-width: 100%;
        margin-bottom: 5.7692vw;
    }
    .WorkVideoListRightCont {
        padding: 0 6.25vw;
        flex: none;
        max-width: 100%;
    }
    .WorkVideoListRightCont-title {
        font-size: 5.3692vw;
    }
    .WorkVideoListRightCont-sub {
        font-size: 3.4307vw;
        margin-top: 3.3076vw;
    }
    .WorkVideoListRightFrame iframe {
        display: block;
    }
    .WorkVideoListRightFrame-link {
        display: none;
    }
}


/*	TopTextBgVideo
=========================================================*/

.TopTextBgVideo {
    position: relative;
    clear: both;
    margin-bottom: 90px;
}

.TopTextBgVideo:after {
    content: "";
    display: block;
    padding-bottom: 48.4%;
}

.TopTextBgVideo-inner {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.TopTextBgVideo-video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
}


/*Responsive*/

@media screen and (max-width: 1920px) and (min-width: 1301px) {
    .TopTextBgVideo:after {
        padding-bottom: 29vw;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .TopTextBgVideo {
        margin-bottom: 6.923vw;
    }
    .TopTextBgVideo:after {
        padding-bottom: 31.4%;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TopTextBgVideo {
        margin-bottom: 6.923vw;
    }
    .TopTextBgVideo:after {
        padding-bottom: 30.4%;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TopTextBgVideo {
        margin-bottom: 13.6923vw;
        margin-left: -20vw;
        margin-right: -20vw;
    }
    .TopTextBgVideo:after {
        padding-bottom: 23%;
    }
}


/*=========================================================
CookiePop
=========================================================*/

.CookiePop {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    padding: 20px 0;
    z-index: 2000;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    transition-property: transform, visibility, opacity;
    transition-duration: 1.2s;
    transform: translateY(110%);
    visibility: hidden;
    opacity: 0;
}

.CookiePop.is-View {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.CookiePop.is-Hidden {
    transform: translateY(110%);
}

.CookiePop.is-None {
    display: none !important;
}

.CookiePop-inner {
    display: table;
    width: 100%;
}

.CookiePopCont {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    font-size: 0;
    line-height: 0;
}

.CookiePopBtn {
    display: table-cell;
    vertical-align: middle;
    width: 1%;
}

.CookiePopBtn-button {
    white-space: nowrap;
    border: solid 2px #fff;
    font-size: 15px;
    line-height: 1.3em;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 13px 45px;
    transition-property: background-color, color;
    transition-duration: 0.1s;
}

.CookiePopCont-text {
    font-size: 16px;
    line-height: 1.4em;
    color: #fff;
}

.CookiePopContBtn-link {
    font-size: 15px;
    line-height: 1.3em;
    color: #fff;
    font-weight: bold;
    margin-top: 12px;
    display: inline-block;
    text-decoration: underline;
}

@media screen and (min-width: 1025px) {
    .CookiePopBtn-button .TextHoverLine {
        background-image: linear-gradient(#fff, #fff);
    }
}


/*Responsive*/

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .CookiePop {
        padding: 1.53846vw 0;
    }
    .CookiePopCont {
        padding-right: 1.53846vw;
    }
    .CookiePopBtn-button {
        font-size: 1.1538vw;
        padding: 1vw 3.4615vw;
    }
    .CookiePopCont-text {
        font-size: 1.23076vw;
    }
    .CookiePopContBtn-link {
        font-size: 1.1538vw;
        margin-top: 0.923vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .CookiePop {
        padding: 1.93846vw 0;
    }
    .CookiePopCont {
        padding-right: 1.53846vw;
    }
    .CookiePopBtn-button {
        font-size: 1.4538vw;
        padding: 1vw 3.4615vw;
    }
    .CookiePopCont-text {
        font-size: 1.43076vw;
    }
    .CookiePopContBtn-link {
        font-size: 1.4538vw;
        margin-top: 0.923vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CookiePop {
        padding: 4.6923vw 0;
    }
    .CookiePopCont {
        padding-right: 1.53846vw;
    }
    .CookiePopBtn-button {
        font-size: 3.125vw;
        padding: 2vw 3.4615vw;
    }
    .CookiePopCont-text {
        font-size: 3.125vw;
        line-height: 1.6em;
    }
    .CookiePopContBtn-link {
        font-size: 3.125vw;
        margin-top: 1.923vw;
    }
}


/*=========================================================
	location:EN, ZH
=========================================================*/

html[lang="en-US"] .lang-none {
    display: none;
}

html[lang="zh-CN"] .lang-none {
    display: none;
}

html[lang="ja"] .lang-none {
    display: none;
}

html[lang="en-US"] .LocationAddressNumber {
    vertical-align: middle;
}

html[lang="zh-CN"] .LocationAddressNumber {
    vertical-align: middle;
}

html[lang="ja"] .LocationAddressNumber {
    vertical-align: middle;
}

html[lang="en-US"] .LocationAddress {
    border-bottom: none;
}

html[lang="zh-CN"] .LocationAddress {
    border-bottom: none;
}

html[lang="ja"] .LocationAddress {
    border-bottom: none;
}

html[lang="zh-CN"] .StoryTempPostItemToggleHover-text {
    word-break: break-all;
}

html[lang="zh-CN"] .StoryTempPostItemToggleBasic-title {
    word-break: break-all;
}

html[lang="zh-CN"] .StoryTempPostItemToggleBasic {
    max-width: 100%;
}

html[lang="ja"] .StoryTempPostItemToggleHover-text {
    word-break: break-all;
}

html[lang="ja"] .StoryTempPostItemToggleBasic-title {
    word-break: break-all;
}

html[lang="ja"] .StoryTempPostItemToggleBasic {
    max-width: 100%;
}


/*=========================================================
	Static Jobs
=========================================================*/

.JobsLinkList {
    border-top: solid 2px #000000;
    border-bottom: solid 1px #DDDDDD;
}

.JobsLinkList-item {
    border-top: solid 1px #DDDDDD;
    padding: 33px 0;
}

.JobsLinkList-item:first-child {
    border-top: none;
}

.JobsLinkItem-inner {
    display: table;
    width: 100%;
}

.JobsLinkItem-title {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.4em;
    color: #000;
    font-weight: bold;
    padding-right: 20px;
}

.JobsLinkItem-cont {
    display: table-cell;
    vertical-align: middle;
    width: 1px;
    white-space: nowrap;
}

.JobsLinkItem-link {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1.4em;
    color: #000;
    padding-right: 24px;
}

.JobsLinkItem-link:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../img/icon/ico-jobs-windows.png);
    background-size: 14px 14px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}


/*responsive*/

@media screen and (max-width:1300px) and (min-width:1025px) {
    .JobsLinkList-item {
        padding: 2.5384vw 0;
    }
    .JobsLinkItem-title {
        font-size: 1.5384vw;
    }
    .JobsLinkItem-link {
        font-size: 1.15384vw;
        padding-right: 1.84615vw;
    }
    .JobsLinkItem-link:before {
        width: 1.0769vw;
        height: 1.0769vw;
        background-size: 1.0769vw 1.0769vw;
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .JobsLinkList-item {
        padding: 2.5384vw 0;
    }
    .JobsLinkItem-title {
        font-size: 2.3384vw;
    }
    .JobsLinkItem-link {
        font-size: 1.51384vw;
        padding-right: 2.54615vw;
    }
    .JobsLinkItem-link:before {
        width: 1.5769vw;
        height: 1.5769vw;
        background-size: 1.5769vw 1.5769vw;
    }
}

@media screen and (max-width:767px) and (min-width:1px) {
    .JobsLinkList-item {
        padding: 5.5384vw 0;
    }
    .JobsLinkItem-title {
        font-size: 4.3384vw;
    }
    .JobsLinkItem-link {
        font-size: 3.01384vw;
        padding-right: 4.24615vw;
    }
    .JobsLinkItem-link:before {
        width: 2.8769vw;
        height: 2.8769vw;
        background-size: 2.8769vw 2.8769vw;
    }
}


/*=========================================================
	Main Intro
=========================================================*/

html.is-Intro {
    overflow: hidden;
}

.MainIntro {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
    transition-property: transform;
    transition-duration: 0.3s;
    transform: translateY(110%);
}

.MainIntro.is-View {
    transform: translateY(0);
}

.is-cookiePop .MainIntro {
    opacity: 0;
    visibility: hidden;
}

.is-firstIntro .MainIntro {
    transform: translateY(0);
}

.admin-bar .MainIntro {
    top: 32px;
}

.MainIntroBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#MainIntroVideo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.MainIntroBg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.6);
}

.MainIntroText {
    position: absolute;
    top: 50%;
    left: 40px;
    right: 40px;
    transform: translateY(-50%);
    z-index: 10;
    text-align: center;
}

.MainIntroText-title {
    line-height: 0;
    width: 512px;
    margin: 0 auto 85px;
}

.MainIntroText-titleimg {
    display: block;
    margin-top: 10px;
}

.MainIntroTextBtn-item {
    margin-top: 12px;
}

.MainIntroTextBtn-item:first-child {
    margin-top: 0;
}

.MainIntroTextBtn {
    max-width: 380px;
    margin: 0 auto;
}

.MainIntroTextBtn-btn {
    border: solid 1px #fff;
    padding: 21px 20px;
    text-align: center;
    display: block;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.MainIntroTextBtn-btntext {
    display: inline-block;
    font-size: 22px;
    line-height: 1.2em;
    font-weight: bold;
    color: #fff;
    font-family: 'Noto Sans';
}

.MainIntroTextBtn-btn.new-Window {
    border-color: #32b7e9;
    background-color: #32b7e9;
}

.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext {
    color: #000000;
    padding-right: 32px;
    position: relative;
}

.MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext:after {
    content: "";
    width: 21px;
    height: 21px;
    background-image: url(/install/ico-new-state-newwindow.png);
    background-size: 21px 21px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-top: 1px;
}

@media screen and (min-width: 1025px) {
    .MainIntroTextBtn-btn:hover {
        background-color: #fff;
    }
    .MainIntroTextBtn-btn:hover .MainIntroTextBtn-btntext {
        color: #000000;
    }
    .MainIntroTextBtn-btn.new-Window:hover {
        background-color: #000;
        border-color: #000;
    }
    .MainIntroTextBtn-btn.new-Window:hover .MainIntroTextBtn-btntext {
        color: #fff;
    }
    .MainIntroTextBtn-btn.new-Window:hover .MainIntroTextBtn-btntext:after {
        background-image: url(/install/ico-new-state-newwindow-h.png);
    }
}

@media screen and (max-width: 782px) {
    .admin-bar .MainIntro {
        top: 46px;
    }
}


/*Responsive*/

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainIntroText-title {
        width: 26.6666vw;
        margin: 0 auto 4.427083vw;
    }
    .MainIntroTextBtn-item {
        margin-top: 0.625vw;
    }
    .MainIntroTextBtn {
        max-width: 19.79166vw;
    }
    .MainIntroTextBtn-btn {
        padding: 1.09375vw 1.04166vw;
    }
    .MainIntroTextBtn-btntext {
        font-size: 1.14583vw;
    }
    .MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext {
        padding-right: 1.66666vw;
    }
    .MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext:after {
        width: 1.09375vw;
        height: 1.09375vw;
        background-size: 1.09375vw 1.09375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainIntroText-title {
        width: 50.6666vw;
        margin: 0 auto 8.427083vw;
    }
    .MainIntroTextBtn-item {
        margin-top: 1.625vw;
    }
    .MainIntroTextBtn {
        max-width: 38.79166vw;
    }
    .MainIntroTextBtn-btn {
        padding: 2.09375vw 2.04166vw;
    }
    .MainIntroTextBtn-btntext {
        font-size: 2.14583vw;
    }
    .MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext {
        padding-right: 3.66666vw;
    }
    .MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext:after {
        width: 2.09375vw;
        height: 2.09375vw;
        background-size: 2.09375vw 2.09375vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainIntroText-title {
        width: 60.6666vw;
        margin: 0 auto 12.427083vw;
    }
    .MainIntroTextBtn-item {
        margin-top: 2.625vw;
    }
    .MainIntroTextBtn {
        max-width: 58.79166vw;
    }
    .MainIntroTextBtn-btn {
        padding: 4.09375vw 2.04166vw;
    }
    .MainIntroTextBtn-btntext {
        font-size: 3.414583vw;
    }
    .MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext {
        padding-right: 4.86666vw;
    }
    .MainIntroTextBtn-btn.new-Window .MainIntroTextBtn-btntext:after {
        width: 3.09375vw;
        height: 3.09375vw;
        background-size: 3.09375vw 3.09375vw;
    }
}


/*=========================================================
	IntroPopup
=========================================================*/

.MainIntroPop {
    position: fixed;
    bottom: 30px;
    left: 0;
    z-index: 2000;
    background-color: #000;
    width: 186px;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-delay: 0.2s;
    transform: translateY(140%);
}

.site.is-ViewPop .MainIntroPop {
    transform: translateY(0);
}

.MainIntroPop-close {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 14px;
    right: 14px;
    background-image: url(../img/icon/ico-new-state-close.png);
    background-size: 18px 18px;
    z-index: 10;
}

.MainIntroPopThumb-link {
    display: block;
    line-height: 0;
    position: relative;
}

.MainIntroPopThumb-link img {
    width: 100%;
}

.MainIntroPopThumb {
    position: relative;
    z-index: 1;
}

.MainIntroPopThumb-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}

.MainIntroPopThumb-hover:after {
    content: "";
    width: 96px;
    height: 102px;
    background-image: url(../img/icon/ico-new-state-poptext.png);
    background-size: 96px 102px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    .MainIntroPopThumb-link:hover .MainIntroPopThumb-hover {
        opacity: 1;
        visibility: visible;
    }
}


/*Responsive*/

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainIntroPop {
        bottom: 1.5625vw;
        width: 9.66666vw;
    }
    .MainIntroPopThumb-hover:after {
        width: 5vw;
        height: 5.3125vw;
        background-size: 5vw 5.3125vw;
    }
    .MainIntroPop-close {
        top: 0.7291vw;
        right: 0.7291vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainIntroPop {
        bottom: 3.0625vw;
        width: 25.66666vw;
    }
    .MainIntroPopThumb-hover:after {
        width: 5vw;
        height: 5.3125vw;
        background-size: 5vw 5.3125vw;
    }
    .MainIntroPop-close {
        top: 1.7291vw;
        right: 1.7291vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainIntroPop {
        bottom: 3.0625vw;
        width: 50.66666vw;
    }
    .MainIntroPopThumb-hover:after {
        width: 5vw;
        height: 5.3125vw;
        background-size: 5vw 5.3125vw;
    }
    .MainIntroPop-close {
        top: 2.7291vw;
        right: 2.7291vw;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #MainIntroVideo {
        width: 130% !important;
        height: 130% !important;
    }
    .MainIntro {
        transform: translateY(140%);
    }
}