@font-face {
    font-family: 'noto-s';
    font-style: normal;
    font-weight: normal;
    src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), url(../fonts/NotoSerifCJKkr-ExtraLight-subset.woff) format('woff'),url(../fonts/NotoSerifCJKkr-ExtraLight-subset.woff2) format('woff2'), url(../fonts/NotoSerifCJKkr-ExtraLight-subset.otf) format('otf');
}

@font-face {
    font-family: noto;
    src: url("../fonts/NotoSansKR-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: noto;
    src: url("../fonts/NotoSansKR-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: noto;
    src: url("../fonts/NotoSansKR-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: noto;
    src: url("../fonts/NotoSansKR-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gs';
    src: url("../fonts/GmarketSansLight.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gs';
    src: url("../fonts/GmarketSansMedium.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;

}
@font-face {
    font-family: 'gs';
    src: url("../fonts/GmarketSansBold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dn';
    src: url('../fonts/DAEHWA_NANUM_L.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'dn';
    src: url('../fonts/DAEHWA_NANUM_R.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'dn';
    src: url('../fonts/DAEHWA_NANUM_B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'dn-main';
    src: url('../fonts/DaehwaNanum-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'dn-main';
    src: url('../fonts/DaehwaNanum-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'dn-main';
    src: url('../fonts/DaehwaNanum-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'ria';
    src: url('../fonts/RiaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'ria';
    src: url('../fonts/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


@font-face {
    font-family: 'RIDIBatang';
    src: url('../fonts/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HakgyoansimGgooreogiR';
    src: url('../fonts/HakgyoansimGgooreogiR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HakgyoansimMoheomgaR';
    src: url('../fonts/HakgyoansimMoheomgaR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UNPGothicKS';
    src: url('../fonts/UNPGothicKS.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VitroCore';
    src: url('../fonts/VitroCore.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('../fonts/NanumSquareRoundB.ttf') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: url('../fonts/NanumSquareRoundL.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquare';
    src: url('../fonts/NanumSquareL.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquare';
    src: url('../fonts/NanumSquareB.ttf') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'CookieRun';
    src: url('../fonts/CookieRun Regular.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CookieRun';
    src: url('../fonts/CookieRun Bold.ttf') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'KyoboHandwriting2019';
    src: url('../fonts/KyoboHandwriting2019.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KyoboHandwriting2023';
    src: url('../fonts/KyoboHandwriting2023wsa.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jiwoosona';
    src: url('../fonts/jiwoosona.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'UNZ';
    src: url('../fonts/UNZ.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: dn-main, noto, -apple-system, sans-serif;
    color: #252525;
    scroll-behavior: smooth;
    word-break: break-all;
	text-align: left;
	letter-spacing: -0.5px;
}

body {
    overflow-x: hidden;
	background-color: #f9f7f3;
}

.m-only {
    display: none !important;
}
.is-mobile {
    display: none !important;
}
.pc-only {
    display: block;
}
.is-pc {
    display: block;
}
button {
    padding: 0px;
    background: none;
    border: none;
    cursor: pointer;
}

a {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

p {
    margin: 0px;
}

img {
    max-width: 100%;
}

.img-full-sample {
    max-width: 1920px;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.blind {
    display: none;
}

.m-only {
    display: none !important;
}
.is-mobile {
    display: none !important;
}

.pc-only {
    display: block;
}
.is-pc {
    display: block;
}
.plus {
    vertical-align: super;
    margin-left: 2px;
}
.mt-10 {
    margin-top: 10px  !important;
}

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

.mt-30 {
    margin-top: 30px  !important;
}
.mt-40 {
    margin-top: 40px  !important;
}
.mt-60 {
    margin-top: 60px  !important;
}

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

.mt-100 {
    margin-top: 100px  !important;
}
.font25 {font-size:25px;}
.font22 {font-size:22px;}

/* 0627 */
.font-noto *, #newsletter * {
    font-family: 'noto', sans-serif !important;
}
.font-noto *, #newsletter02 * {
    font-family: 'noto', sans-serif !important;
}
.font-noto *, #messageSend * {
    font-family: 'noto', sans-serif !important;
}
/* common */
.emoji-2 {
    width: 64px;
    height: 64px;
}

.emoji-3 {
    width: 105px;
    height: 68px;
}

.emoji-4 {
    width: 40px;
    height: 52px;
}

.emoji-5 {
    width: 38px;
    height: 42px;
}

.emoji-6 {
    width: 36px;
    height: 36px;
}

.emoji-7 {
    width: 38px;
    height: 45px;
}

.emoji-8 {
    width: 41px;
    height: 43px;
}

.emoji-9 {
    width: 42px;
    height: 41px;
}

.emoji-10 {
    width: 43px;
    height: 47px;
}
@keyframes text-to-left {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes text-to-right {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes text-to-left-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes text-to-right-2 {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {

        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.n-common-title-1.type-large {
    font-size: 68px;
    line-height: 72px;
    margin-bottom: 60px;
}
.n-common-title-1.type-white {
    color: #fff;
}
.n-common-title-1 {
    font-size: 40px;
    line-height: 52px;
    font-weight: bold;
    font-family: gs, sans-serif;
    color: #252525;
    max-width: 1400px;
    margin: 0 auto 24px;
}

.n-common-title-1 img {
    vertical-align: middle;
}

.bg-point {
    background-color: #f4f1ea;
}
.bg-point-2 {
    background-color: #f9f7f3;
}

.bg-point-3 {
    background-color: #ded7ca;
}

/* 0627 */
.bg-point-4 .header {
    background: #fff;
}

/* 0627 */
.top-sns-group {
    display: flex;
    column-gap: 14px;
    margin-right: 20px;
    align-items: center;
}
.top-sns-group button img {
    vertical-align: middle;
}
.top-sns-group button {
    width: 38px;
}

/* header */
.header {
    background: #f4f1ea;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 10;
}
.header .content-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-section-1 {
    position: relative;
}

.header-section-2,
.header-section-3 {
    display: flex;
    align-items: center;
}

.header .btn-full-menu {
    display: flex;
    align-items: center;
    width: 176px;
    line-height: 26px;
    overflow: hidden;
}
.header .btn-full-menu .inner {
    white-space: nowrap;
    animation: text-to-left 10s linear infinite;
    font-size: 20px;
    line-height: 28px;
}
.header .btn-full-menu img {
    height: 24px;
    width: auto;
    vertical-align: middle;
    margin: 10px 6px 10px 14px;
}
.header .btn-full-menu,
.header .btn-language {
    color: #fff;
    background: #013d85;
    border-radius: 4px;
}

.header .btn-language {
    margin-left: 33px;
    font-size: 22px;
    font-weight: bold;
    width: 50px;
    height: 50px;
    line-height: 54px;
    text-align: center;
}
.header .menu {
    transition: .3s;
    color: #48484a;
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 1px;
    border-bottom: 1px solid #48484a;
    margin: 0 25px;
    font-weight: bold;
}

.header .menu:hover {
    color: #000;
    border-color: #000;
}
.header-logo {
    margin: 0 35px;
}
.header-logo img {
    margin-top: -16px;
    height: 36px;
    width: auto;
    vertical-align: middle;
}

.header .btn-search img {
    vertical-align: middle;
    width: 45px;
    height: 45px;
}

/* full menu */
.full-menu {
    position: absolute;
    left: 0;
    top: 80px;
    background: #fff;
    border: 1px solid #272727;
    border-radius: 20px;
    padding: 55px 70px;
    width: 1100px;
    box-sizing: border-box;
    font-size: 24px;
    color: #252525;
}

.full-menu .depth1 {
    display: block;
    font-weight: bold;
	color: #0000fe;
}
.full-menu .depth2-wrap {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}
.full-menu .depth2-wrap + .depth1 {
    margin-top: 50px;
}

.full-menu .depth2 {
    height: 44px;
    line-height: 48px;
    border-radius: 6px;
    background: #f7f7f7;
    text-align: center;
    font-family: gs, sans-serif;
    transition: .3s;
}

/* 260529 */
.full-menu .depth2:hover {
    background: #000;
    color: #fff;
}

.full-menu-close {
    position: absolute;
    right: 16px;
    top: 16px;
}

.full-menu-close img {
    width: 49px;
    height: 49px;
}

/* footer */
.footer {
    margin-top: 0;
    background: #252525;
}

.footer-container {
    width: 100%;
    border-top: 1px solid #919191;
}

.footer-info {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 60px 128px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

/* 좌측 로고 */
.footer-logo {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
}

.footer-logo img {
    display: block;
    width: auto;
    height: 35px;
}

/* 우측 영역 */
.footer-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 550px;
}

/* 개인정보처리방침 / 카피라이트 */
.footer-copy {
    color: #fff;
    text-align: left;
    font-family: gs, sans-serif;
}

.footer-copy .link {
    display: inline-block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
}

.footer-copy .copyright {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    font-weight: 300;
}

/* SNS */
.footer-info .sns {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin: 0;
}

.footer-info .sns a {
    display: block;
}

.footer-info .sns a + a {
    margin-left: 10px;
}

.footer-info .sns img {
    display: block;
    width: 54px;
    height: 54px;
    object-fit: contain;
}

/* main */
.main-section-1 {
    position: relative;
    overflow: hidden;
    min-height: 1140px;
    max-height: 100vh;
}
.main-section-1 .main-bg-text {
    padding-top: 3vw;
    transform: rotate(-5deg);
    font-size: 6vw;
    line-height: 6vw;
    color: #0000fe;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 auto;
}
.main-section-1 .main-bg-text div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2vw 0;
}

.main-section-1 .main-bg-text div p:first-child {
    margin-left: -2.5vw;
}

.main-section-1 .main-bg-text div p:last-child {
    margin-right: -2.5vw;
}


@keyframes textEffect1 {
    0% {
       opacity: 0.2;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes textEffect2 {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.8;
    }
}

.main-section-1 .main-bg-text p {
    transition: .3s;
}
.main-section-1 .main-bg-text p:not(.line) {animation: textEffect1 5s infinite;}
.main-section-1 .main-bg-text .line {animation: textEffect2 5s infinite; text-shadow: -2px 0px #0000fe, 0px 2px #0000fe, 2px 0px #0000fe, 0px -2px #0000fe; color: #f4f1ea}
.main-section-1 .main-bg-text .text-3 {font-family: dn, sans-serif}
.main-section-1 .main-bg-text .text-5 {font-family: dn, sans-serif}
.main-section-1 .main-bg-text .text-6 {font-family: dn, sans-serif}
.main-section-1 .main-bg-text .text-8 {font-family: dn, sans-serif}

.main-video {
    position: absolute;
    left: 50%;
    top: 3vw;
    transform: translate(-50%, 0);
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-align: center;
    width: 100%;
    max-width: 1600px;
    border-radius: 100vw;
    height: 100%;
    max-height: 900px;
    margin: 0 auto;
}

.main-video video {
    z-index: 1;
    width: 100%;
    height: 100%;
}

.main-video-text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
    color: rgb(255, 255, 255);
}

.main-video-text .text-1 {
    font-family: gs, sans-serif;
    font-weight: bold;
    font-size: 58px;
}

.main-video-text .text-2 {
    position: relative;
    width: 100%;
    font-family: gs, sans-serif;
    font-weight: bold;
    font-size: 120px;
    margin-top: 38px;
    height: 158px;
    white-space: nowrap;
}

.main-video-text .text-2:hover .current {
    opacity: 0;
}

.main-video-text .text-2:hover .hover {
    opacity: 1;
}

.main-video-text .text-2 span {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
}

.main-video-text .text-2 .current {
    opacity: 1;
}

.main-video-text .text-2 .hover {
    opacity: 0;
}

.main-video-text .text-3 {
    margin-top: 150px;
    font-size: 30px;
    line-height: 44px;
}

.main-section-2 {
    background: #0000fe;
    padding: 72px 0;
}

.main-section-2 div:hover {
    animation-play-state:paused !important;
}
.main-section-2 div:first-child {
    animation: text-to-left-2 60s linear infinite;
}
.main-section-2 div:last-child {
    animation: text-to-right-2 60s linear infinite;
}
.main-section-2 div {
    display: flex;
    white-space: nowrap;
}
.main-section-2 a {
    padding: 0 30px;
    height: 68px;
    line-height: 74px;
    border-radius: 40px;
    background-color: #fff;
    font-size: 30px;
    font-family: gs, sans-serif;
    font-weight: bold;
    color: #252525;
    margin: 8px 10px;
}

.main-section-2 a:before {
    content: "#"
}

.main-section-3 {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 120px;
}

.main-section-3 .list a {
    position: relative;
    transition: .3s;
    overflow: hidden;
    border: 1px solid #48484a;
}

.main-section-3 .list img {
    vertical-align: top;
    transition: .3s;
}
.main-section-3 .list .text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 36px 36px 17px;
    box-sizing: border-box;
    height: 227px;
    border-top: 0;
}
.main-section-3 .list .info {
    display: flex;
    justify-content: space-between;
    font-family: gs, sans-serif;
}

.main-section-3 .list .text-wrap.type-2 .text,
.main-section-3 .list .text-wrap.type-2 .date {
    color: #fff;
}
.main-section-3 .list .text-wrap.type-2 {
    background: #e3520f;
}
.main-section-3 .list .text-wrap.type-3 .text,
.main-section-3 .list .text-wrap.type-3 .date {
    color: #fff;
}
.main-section-3 .list .text-wrap.type-3 {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0;
    width: 100%;
    box-sizing: border-box;
}

.main-section-3 .list .text-wrap.type-4 {
    background: #0000fe;
}
.main-section-3 .list .text-wrap.type-4 .text,
.main-section-3 .list .text-wrap.type-4 .date {
    color: #fff;
}

.main-section-3 .list .date {
    font-size: 15px;
}

.main-section-3 .list .more {
    transition: .3s;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 42px;
    line-height: 46px;
    border: 1px solid #48484a;
    border-right: 0 !important;
    border-bottom: 0 !important;
    background: #f1f201;
    text-align: center;
    font-size: 15px;
}

.main-section-3 .list .more:after {
    content: "";
    height: 6px;
    width: 14px;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
    background-image: url("../images/icon-link-arrow-black.png");
    background-size: 100% 100%;

}
.main-section-3 .list .more.type-2:after {
    background-image: url("../images/icon-link-arrow-orange.png");
}
.main-section-3 .list .more.type-2 {
    color: #e3520f;
    background: #fff;
}

.main-section-3 .list .more.type-3:after {
    background-image: url("../images/icon-link-arrow-white.png");
}
.main-section-3 .list .more.type-3 {
    color: #fff;
    background: #0000fe;
}

.main-section-3 .list .more.type-4:after {
    background-image: url("../images/icon-link-arrow-white.png");
}
.main-section-3 .list .more.type-4 {
    color: #fff;
    background: #e3520f;
}

.main-section-3 .list .more.type-5:after {
    background-image: url("../images/icon-link-arrow-blue.png");
}
.main-section-3 .list .more.type-5 {
    color: #0000fe;
    background: #fff;
}

.main-section-3 .list .text {
    color: #252525;
    font-size: 30px;
    line-height: 38px;
    font-weight: bold;
}
.main-section-3 .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
    row-gap: 30px;
}

.main-section-3 .list a:after {
    transition: .3s;
    opacity: 0;
    content: "";
    width: 46px;
    height: 46px;
    position: absolute;
    right: 40px;
    bottom: 40px;
    background-image: url("../images/img-hover-arrow.png");
    background-size: 46px auto;
}
.main-section-3 .list a:hover {
    border-bottom-right-radius: 90px;
}

.main-section-3 .list a:hover:after {
    opacity: 1;
}
.main-section-3 .list a:hover .more {
    opacity: 0;
}

.main-section-3 .list a .text-wrap {
    transition: .3s;
}
.main-section-3 .list a:hover .text-wrap.type-1 {
    background: #252525;
}

.main-section-3 .list a:hover .text-wrap.type-1 .text,
.main-section-3 .list a:hover .text-wrap.type-1 .date {
    color: #fff;
}

.main-section-wrap {
    display: flex;
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 120px;
}

.main-section-4 .list {
    width: 1125px;
}

.main-section-4 .item .text-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    box-sizing: border-box;
}

.main-section-4 .item .text-wrap .text-2 {
    font-size: 18px;
    line-height: 22px;
    margin-top: 10px;
}
.main-section-4 .item .text-wrap .text-1 {
    font-size: 21px;
    line-height: 26px;
    font-family: gs, sans-serif;
    font-weight: bold;
}
.main-section-4 .item {
    position: relative;
}

.main-section-4 .item + .item {
    margin-left: 10px;
}

.main-section-4 .list img {
    height: 378px;
    width: 100%;
    vertical-align: top;
}
.main-section-4 {
    padding: 70px 40px;
    background: #252525;
}
.main-section-5 {
    padding: 70px 40px;
    width: 795px;
    background: #0000fe;
    box-sizing: border-box;
}
.main-section-5 .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 13px;
    column-gap: 28px;
}

.main-section-5 .list a {
    position: relative;
    width: 100%;
    height: 182px;
    background-size: cover;
    background-position: center center;
}

.main-section-5 .list a:after {
    content: "";
    width: 68px;
    height: 46px;
    background-image: url(../images/icon-video.png);
    background-position: 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;

}

.main-section-6 {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 120px;
}
.main-section-6 .list {
    transition: .5s;
}
.main-section-6 .list .text-2 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 16px;
}
.main-section-6 .list .text-1 {
    transition: .3s;
    font-size: 35px;
    line-height: 42px;
    font-family: gs, sans-serif;
    font-weight: bold;
}
.main-section-6 .list .text-wrap {
    color: #fff;
    text-align: center;
    margin-top: 34px;
}
.main-section-6 .list .inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1400px;
    margin: 0 auto;
    column-gap: 16px;
}

.main-section-6 .list .image:after {
    transition: .3s;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border: 4px solid #7df031;
    z-index: 2;
    box-sizing: border-box;
    border-radius: 180px;
}
.main-section-6 .list a:hover .image:after {
    opacity: 1;
}
.main-section-6 .list a:hover .text-1 {
    color: #7df031;
}
.main-section-6 .list {
    position: relative;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}

.main-section-6 .list .image {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    border-radius: 180px;
}

.main-section-6 .list .image img {
    position: relative;
    z-index: 1;
    width: 100%;
}
.main-section-6 .list:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.7);
}

.main-section-6 .list a {
    position: relative;
    z-index: 1;
}

.main-section-7 {
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 120px;
}
.main-section-7 a {
    display: block;
}
.main-section-7 a img {
    width: 100%;
}

.main-section-7 a + a {
    margin-top: 10px;
}

.main-section-7 img {
    vertical-align: top;
}

.slide-arrow button {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    text-indent: -99999px;
    overflow: hidden;
    width: 40px;
    height: 65px;
    background-image: url("../images/btn-slide-arrow.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 1;
    filter: invert(1);
}

.slide-arrow .btn-prev {
    left: -90px;
    background-image: url("../images/btn-slide-arrow.png")
}
.slide-arrow .btn-next {
    right: -90px;
    transform: rotate(180deg);
    background-image: url("../images/btn-slide-arrow.png")
}

.image-view-layer {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.image-view-layer .slick-arrow {
    z-index: 1;
    filter: invert(1);
}

.image-view-layer .slick-prev {
    left: -120px;
}

.image-view-layer .slick-next {
    right: -120px;
}

.image-view-layer .btn-group {
    text-align: right;
    margin-bottom: 20px;
}
.image-view-layer .image {
    position: relative;
    padding: 30px;
}
.image-view-layer.is-open {
    display: flex;
}

.image-view-layer .btn-close {
    width: 18px;
    height: 18px;
}

.btn-link-detail {
    display: block;
    text-align: center;
    background-color: #0000fe;
    color: #fff;
    border-radius: 8px;
    padding: 16px;
    margin-top: 20px;
    font-size: 16px;
}

.dot-list {
    text-align: center;
    margin-top: 30px;
}
.dot-list button {
    text-indent: -9999px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #e1e1e1;
    margin: 0 6px;
    outline: none;
}

.dot-list button.is-active {
    background-color: #0000fe;
}

.quick-menu {
    transition: .3s;
    opacity: 0;
    width: 78px;
    position: fixed;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.quick-menu .link {
    background: #fff;
    border-radius: 50px;
    border: 1px solid #9e9e9e;
    padding-top: 10px;
}

.quick-menu .link img {
    margin-bottom: 10px;
}
.quick-menu .link a + a {
    border-top: 1px solid #9e9e9e;
}
.quick-menu .link,
.quick-menu .action {
    box-shadow: #e2dbcb 5px 0px 0px 0px;
}
.quick-menu .link a {
    letter-spacing: -1.5px;
    display: flex;
    width: 75px;
    height: 85px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #252525;
    font-size: 12px;
    font-family: gs, sans-serif;
}

.quick-menu .action {
    background: #252525;
    border-radius: 50px;
    padding-top: 10px;
    margin-top: 5px;
}

.quick-menu .action img {
    margin-bottom: 10px;
}
.quick-menu .action button + button {
    border-top: 1px solid #fff;
}
.quick-menu .action button {
    letter-spacing: -1.5px;
    display: flex;
    width: 75px;
    height: 75px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    font-family: gs, sans-serif;
}

.quick-menu .icon-1 img {width: 29px; height: auto}
.quick-menu .icon-2 img {width: 29px; height: auto}
.quick-menu .icon-3 img {width: 26px; height: auto}
.quick-menu .icon-4 img {width: 27px; height: auto}
.quick-menu .icon-5 img {width: 15px; height: auto}
.quick-menu .icon-6 img {width: 31px; height: auto}

/* sub */
.sub-sns {
    display: flex;
    justify-content: center;
}

.sub-sns .emotion b {
    font-size: 18px;
    vertical-align: -2px;
}
.sub-sns .emotion img {
    width: 40px;
    height: 36px;
}
.sub-sns .emotion {
    border: 1px solid #b2b2b2;
    background-color: #fff;
    padding: 9px 90px;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
    font-size: 14px;
    font-family: gs, serif;
}

.sub-sns .emotion button + button {
    margin-left: 20px;
}

.sub-sns .btn-share {
    margin-right: 10px;
    width: 59px;
    height: 59px;
}

.sub-sns .btn-copy {
    width: 59px;
    height: 59px;
}

.sub-sns img {
    vertical-align: -9px;
}

.max-container-1 {
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 0 auto;
}

.sub-section-1 {
    max-width: 1585px;
    margin: 0 auto;
    padding: 100px 40px;
    box-sizing: border-box;
}

.sub-section-1 .article-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
}

.sub-section-1 .article-1 .text-wrap-1 {
    max-width: 900px;
    font-family: gs, serif;
}
.sub-section-1 .article-1 .text-wrap-1 .text-1 {
    font-size: 40px;
    line-height: 90px;
}
.sub-section-1 .article-1 .text-wrap-1 .text-2 {
    font-size: 60px;
    line-height: 75px;
    font-weight: bold;
}
.sub-section-1 .article-1 .text-wrap-1 .text-3 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 44px;
    font-family: gs, serif;
    font-weight: 300;
}
.sub-section-1 .article-1 .text-wrap-2 {
    max-width: 430px;
    font-family: noto, sans-serif;
    font-size: 22px;
    line-height: 30px;
    padding-left: 45px;
    border-left: 1px solid #000;
}

.common-badge-text-1 {
    font-size: 33px;
    color: #fff;
    padding: 0 36px;
    background-color: #e3520f;
    font-family: gs, serif;
    line-height: 62px;
    height: 55px;
    display: inline-block;
    border: 1px solid #000;
}

.common-desc {
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
    font-family: noto, sans-serif;
}
.n-image-block {
    margin-top: 90px;
}

.n-image-block img {
    margin: 0 auto;
    display: block;
    vertical-align: top;
    width: 100%;
}

.common-text-1 {
    font-size: 24px;
    line-height: 34px;
    margin-top: 80px;
    font-family: noto, sans-serif;
}

.sub-section-1 .article-2 {
    display: flex;
    margin-top: 42px;
    border: 1px solid #000;
}

.sub-section-1 .article-2 .left {
    width: 440px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    background-color: #e3520f;
    font-family: gs, serif;
    font-size: 36px;
    line-height: 42px;
    padding: 20px;
}

.sub-section-1 .article-2 img {
    margin-bottom: 12px;
    height: 66px;
    width: auto;
}

.sub-section-1 .article-2 .right {
    font-family: gs, serif;
    font-size: 30px;
    line-height: 44px;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    flex: 1;
}

.image-col-block {
    margin-top: 90px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}

.image-col-block img {
    width: 100%;
    vertical-align: top;
}
.sub-section-2 {margin-top: 130px; border-top: 1px dashed #4f4f4e}
.n-common-title-2 {margin-top: 130px; text-align: left; font-size: 40px; line-height: 50px; color: #0000fe; font-weight: bold; font-family: gs, serif;}
.n-common-title-3 {text-align: center; font-size: 40px; line-height: 50px; margin-top: 30px; font-family: gs, sans-serif}

.image-text-col {
    display: flex;
    align-items: center;
    margin-top: 130px;
    column-gap: 60px;
}

.image-text-col .left {
    width: 469px;
}

.image-text-col .right {
    flex: 1;
}

.image-text-col .text + .text {
    margin-top: 8px;
}
.image-text-col .text {
    display: flex;
    align-items: flex-start;
    font-size: 32px;
    line-height: 48px;
    font-family: gs, serif;
    column-gap: 16px;
}
.image-text-col .text span {
    flex: none;
    width: 38px;
}
.image-text-col .text img {
    width: 38px;
    height: auto;
    vertical-align: top;
    margin-top: 2px;
}
.image-text-col .common-badge-text-1 {
    margin-bottom: 40px;
    width: 360px;
    text-align: center;
    box-sizing: border-box;
    font-size: 36px;
    height: 72px;
    line-height: 76px;
}

.common-text-2 {
    position: relative;
    margin: 100px 0 100px;
    font-family: noto-s, sans-serif;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    background: #fff;
    padding: 60px 40px;
    border-radius: 100px;
    border: 1px solid #000;
}

.common-text-2 .text-1 {
    font-weight: bold;
}
.common-text-2 .text-2 {
    margin-top: 30px;
    font-size: 24px;
    line-height: 42px;
    color: #e3520f;
    font-family: gs, serif;
}

.common-text-2 .point-1 {
    left: 70px;
    top: -38px;
}
.common-text-2 .point-2 {
    right: 99px;
    bottom: -30px;
    transform: rotate(180deg);
}
.common-text-2 span {
    display: block;
    position: absolute;
}
.common-text-2 span img {
    width: 90px;
    height: auto;
    vertical-align: top;
}

.n-image-block.type-left-buffer {
    padding-left: 275px;
}

.sub-section-2 {
    padding-bottom: 130px;
}
.sub-section-3 {
    padding: 100px 0 90px;
}

.sub-section-3 .title {
    font-size: 45px;
    line-height: 48px;
    font-family: gs, serif;
    color: #e3520f;
    font-weight: bold;
    text-align: center;
}

.sub-section-3 .sub-title {
    margin-top: 40px;
    font-family: noto, sans-serif;
    font-size: 28px;
    line-height: 40px;
}

.sub-section-3 .sub-title + .image-col-block {
    margin-top: 40px;
}

.sub-section-3 .sub-title b {
    color: #e3520f;
}
.sub-section-3 .text-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 80px;
    column-gap: 30px;
    row-gap: 40px;
}

.sub-section-3 .text-list .text-1 {
    text-align: center;
    font-size: 32px;
    height: 55px;
    line-height: 60px;
    font-family: gs, sans-serif;
    font-weight: bold;
    background: #f1f201;
    border-radius: 52px;
    padding: 0 10px;
    border: 1px solid #000;
}
.sub-section-3 .text-list .text-1 img {
    vertical-align: middle;
    width: 41px;
    height: auto;
    position: relative;
    top: -2px;
}

.sub-section-3 .text-list .text-2 {
    font-size: 28px;
    line-height: 40px;
    margin-top: 30px;
    font-family: noto, sans-serif
}

.sub-section-3 .text-list .text-2 b {
    color: #e3520f;
}

.sub-bottom-group {
    padding: 70px 0 90px;
}

.sub-tags {
    text-align: center;
}
.sub-tags span {
    display: inline-block;
    height: 66px;
    line-height: 70px;
    color: #fff;
    font-family: gs, serif;
    font-weight: bold;
    padding: 0 30px;
    background-color: #252525;
    border-radius: 60px;
    font-size: 30px;
    margin: 10px 3px;
}

.sub-tags span:before {
    content: '#'
}

.sub-tags + .sub-sns {
    margin-top: 80px;
}

.n-common-title-4 {
    font-size: 40px;
    line-height: 40px;
    font-family: gs, sans-serif;
    font-weight: bold;
}

.sub-section-4,
.sub-section-5 {
    margin: 120px 0;
}

.sub-section-4 .list,
.sub-section-5 .list {
    margin-top: 28px;
    grid-gap: 30px;
}

.sub-section-4 .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.sub-section-4 .list p {
    font-size: 20px;
    line-height: 27px;
    margin-top: 5px;
    text-align: center;
    font-family: noto, sans-serif;
}
.sub-section-4 .list .text-1 {
    font-size: 20px;
    font-family: gs, serif;
    font-weight: bold;
}
.sub-section-5 .list {
    display: grid;
    grid-template-columns: 1fr 1fr
}
.sub-section-5 .list .image {
    width: 110px;
    height: 110px;
    flex: none;
}

.sub-section-5 .list .image img {
    width: 100%;
    height: 100%;
	    border-radius: 16px;
}
.sub-section-5 .list .text-wrap {
    flex: 1;
}
.sub-section-5 .list a {
    padding: 24px 32px;
    display: flex;
    align-items: center;
    background: #5aa3b0;
    color: #fff;
    border-radius: 36px;
    border: 1px solid #000;
    column-gap: 24px;
}

.sub-section-5 .list .text-1 {
    font-size: 30px;
    font-family: gs, serif;
    font-weight: bold;
}
.sub-section-5 .list .text-2 {
    font-size: 20px;
    line-height: 27px;
    margin-top: 10px;
    font-family: noto, sans-serif;
}

.emoji-11 {
    width: 55px;
    height: auto;
    vertical-align: middle;
}

.emoji-12 {
    width: 65px;
    height: auto;
    vertical-align: middle;
}

/* 20260529 */
.sub-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 90px;
    margin-bottom: 120px;
}

.sub-pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    color: #333;
    font-size: 25px;
    border: 1px solid #9f9f9f;
    margin: 0 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 20px;
    padding-top: 3px;
    box-sizing: border-box;
    background-color: #fff;
    cursor: pointer;
}

.sub-pagination .first {background-image: url('../images/img-arrow-pagination-1.png')}
.sub-pagination .prev {background-image: url('../images/img-arrow-pagination-2.png'); margin-right: 13px;}
.sub-pagination .last {transform: rotate(180deg); background-image: url('../images/img-arrow-pagination-1.png');}
.sub-pagination .next {transform: rotate(180deg); background-image: url('../images/img-arrow-pagination-2.png'); margin-left: 13px;}

.sub-pagination a.active {
    background-color: #0b4086;
    border-color: #0b4086;
    color: #fff;
}

.sub-pagination a:hover {
    background-color: #f1f1f1;
}

.sub-pagination a.active:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.common-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 50px;
    column-gap: 15px;
    margin-top: 80px;
}

.common-list-item {
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    box-shadow: 6px 0 16px rgba(0, 0, 0, 0.1);
}

.common-list-item .image {
    height: 212px;
    overflow: hidden;
}

.common-list-item img {
    vertical-align: top;
    transition: .3s;
    width: 100%;
    height: auto;
}

.common-list-item .text {
    font-family: 'noto', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    height: 130px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.common-list-item .tag {
    margin-top: 20px;
    text-align: left;
    margin-left: -1px;
    margin-right: -1px;
}
.common-list-item .tag span {
    display: inline-block;
    font-family: gs, serif;
    font-weight: 300;
    font-size: 14px;
    height: 30px;
    line-height: 32px;
    padding: 0 26px;
    text-align: center;
    border: 1px solid #e3e3e3;
    border-radius: 30px;
    margin: 0 1px 8px;
    vertical-align: top;
}

.common-list-item .inner {
    padding: 22px 22px 20px;
}

.common-list-item:hover img {
    transform: scale(1.1);
}
.title-with-desc {
    display: flex;
    align-items: flex-end;
    gap: 18px;
	padding-bottom: 0px;
}

.n-common-title-desc {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    color: #666;
    word-break: keep-all;
}

.n-common-title-3 {
    margin-top: 20px;
    display: inline-block;
    /*color: #0000fe;*/
    font-family: gs, sans-serif;
    font-size: 40px;
    line-height: 70px;
    letter-spacing: -2px;
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #000;
}

/* 0627 */
.common-tab {
   margin-top: 32px;
    display: flex;
    column-gap: 10px;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: flex-start;
}

.common-tab-item.active {
    background-color: #252525;
    color: #fff;
}

.common-tab-item {
    font-size: 25px;
    font-family: gs, serif;
    padding: 0 28px;
    height: 55px;
    line-height: 57px;
    background-color: #fff;
    border-radius: 55px;
}

.common-tab-item:hover {
    background-color: #000;
    color: #fff;
}

.corner-logo.center {
    display: flex;
    justify-content: center;
}

.corner-logo-1 {
    width: 330px;
    height: auto;
}

.corner-logo-2 {
    width: 227px;
    height: auto;
}

.sub-section-1 .article-1 .text-wrap-1 .text-3 {
    display: flex;
    align-items: center;
}
.btn-like {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 38px;
    padding: 0 10px;
    border-radius: 38px;
    margin-right: 16px;
}

.btn-like .on {
    display: none;
}

.btn-like img {
    width: 24px;
    height: auto;
    vertical-align: middle;
}

.btn-like .count {
    display: none;
    font-size: 20px;
    font-family: gs, serif;
    margin-left: 5px;
    margin-top: 2px;
    color: #777;
}

.btn-like.active {
    padding: 0 16px;
}
.btn-like.active .count {
    display: block;
    color: #ff5eb4;
}
.btn-like.active .off {
    display: none;
}
.btn-like.active .on {
    display: block;
}

.common-sub-top {
    text-align: center;
    margin-top: 80px;
}

.common-sub-top .bottom .date {
    color: #252525;
    font-size: 20px;
    font-family: gs, sans-serif;
    font-weight: 300;
}
.common-sub-top .bottom {
    display: inline-flex;
    align-items: center;
    margin-top: 40px;
}

.common-sub-top .title-1 {
    color: #3d95ed;
    font-family: ria, sans-serif;
    font-weight: 700;
    font-size: 51px;
    line-height: 60px;
    margin-top: 80px;
}

.common-sub-top .title-2 {
    font-family: ria, sans-serif;
    font-weight: 900;
    color: #399002;
    font-size: 69px;
    line-height: 79px;
    margin-top: 20px;
}

.search-layer {
    display: none;
    position: fixed;
    top: 130px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.search-layer .inside {
    position: relative;
    z-index: 2;
    background-color: #0000fe;
}
.search-layer .inner {
    max-width: 1000px;
    box-sizing: border-box;
    padding: 40px 40px 23px;
    margin: 0 auto;
}
.search-layer .dim {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.search-layer .form {
    display: flex;
    justify-content: space-between;
}

.search-layer .form .custom-select {
     margin-right: 14px;
    font-family: gs, sans-serif;
    font-size: 24px;
    color: #fff;
    background: #252525;
    border-radius: 0;
    width: 200px;
    height: 48px;
    line-height: 55px;
    padding: 0 68px 0 28px;
    transition: none;
    border: none;
}

.search-layer .form .custom-select .list {
    width: 100%;
    color: #fff;
    background: #252525;
    border-radius: 0;
    margin-top: 0;
}

.search-layer .form .custom-select .option {
    height: 50px;
    line-height: 50px;
    padding: 0 28px;
}
.search-layer .form .custom-select .option.selected {
    background-color: #000;
    font-weight: 400;
}

.search-layer .form .custom-select .option:hover, .search-layer .form .custom-select .option.focus, .search-layer .form .custom-select .option.selected.focus {
    background-color: #000;
}

.search-layer .form .custom-select:after {
    display: none;
}

.search-layer .form .custom-select:before {
    content: "";
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 23px;
    background-image: url('../images/icon-select-arrow.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: .3s;
}

.search-layer .form .custom-select.open:before {
    transform: translateY(-50%) rotate(180deg);
}

.search-layer .form .custom-select .current {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search-layer .form input {
   border: 0;
    flex: 1;
    height: 48px;
    line-height: 25px;
    border: 1px solid #252525;
    border-right: 0;
    padding: 0 38px;
    font-family: gs, sans-serif;
    font-size: 22px;
    box-sizing: border-box;
    outline: none !important;
}

.search-layer .form input::placeholder {
    color: #999;
}
.search-layer .form .btn-type-search {
     width: 136px;
    background: #fff;
    height: 48px;
    line-height: 75px;
    border: 1px solid #252525;
    border-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-layer .form .btn-type-search img {
    width: 29px;
    height: auto;
}

.search-layer .form .btn-type-close {
    flex: none;
    width: 48px;
    height: 48px;
    margin-left: 14px;
}
.search-layer .form .btn-type-close img {
    width: 108px;
    height: auto;
}

.search-layer .tag a:hover {
    background:#90ff00;
}
.search-layer .tag a {
   display: inline-block;
    font-family: gs, sans-serif;
    font-size: 20px;
    height: 44px;
    line-height: 45px;
    background: #fff;
    padding: 0 36px;
    border-radius: 36px;
    margin: 0 3px 22px;
    transition: .3s;
}
.search-layer .tag {
    text-align: center;
    margin-top: 30px;
}

/* 0627 */
.search-bar-container .custom-select .current {
    font-weight: bold;
}
/* 0627 */
.search-bar-container .custom-select {
     height: 48px;
    font-size: 24px;
    line-height: 48px;
    margin-right: 10px;
    min-width: 130px;
    max-width: 130px;
    font-family: gs, sans-serif;
}
.search-bar {
    flex: 1;
    display: flex;
    /* border-radius: 12px; */
    background: #fff;
    overflow: hidden;
    height: 48px;
}
.search-bar input {
    flex: 1;
    height: 48px;
    line-height: 48px;
    padding: 0 68px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 500;
    font-family: gs, sans-serif;
    background: transparent;
    border: 0;
}

.search-bar button img{ width: 30px;}

.btn-keyword-delete {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #7bf32f;
    margin-left: 12px;
}

.search-result-text {
    max-width: 1270px;
    margin: 0 auto;
    padding: 40px 0 40px;
    text-align: center;
    font-size: 30px;
    line-height: 56px;
    font-family: gs, sans-serif;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid #c7c7c7;
}


/* 0627 */
.search-bar-container .custom-select:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    height: 14px;
    margin-top: -12px;
    right: 21px;
    width: 14px;
}
/* 0627 */
.search-bar-container .custom-select .list {
    width: 130px;
}
/* 0627 */
.search-bar-container .custom-select .list  li {
    height: 60px;
    line-height: 60px;
    border-radius: 12px;
}
@media screen and (min-width: 781px) {
    .image-view-layer iframe {
        aspect-ratio: 9 / 16;
        width: auto;
        height: 71vh;
        object-fit: cover;
        max-width: 500px;
        min-width: 300px;
    }

    .image-view-layer.type-not-shorts iframe {
        aspect-ratio: 16 / 9;
        width: auto;
        height: 22vh;
    }
}
@media screen and (min-width: 781px) and (max-width: 1919px) {
    .emoji-2 {
        width: 3.33vw;
        height: 3.33vw;
    }

    .emoji-3 {
        width: 5.47vw;
        height: 3.54vw;
    }

    .emoji-4 {
        width: 2.08vw;
        height: 2.71vw;
    }

    .emoji-5 {
        width: 1.98vw;
        height: 2.19vw;
    }

    .emoji-6 {
        width: 1.88vw;
        height: 1.88vw;
    }

    .emoji-7 {
        width: 1.98vw;
        height: 2.34vw;
    }

    .emoji-8 {
        width: 2.14vw;
        height: 2.24vw;
    }

    .emoji-9 {
        width: 2.19vw;
        height: 2.14vw;
    }

    .emoji-10 {
        width: 2.24vw;
        height: 2.45vw;
    }

    .n-common-title-1.type-large {
        font-size: 3.54vw;
        line-height: 3.75vw;
        margin-bottom: 3.13vw;
    }
    .n-common-title-1 {
        font-size: 2.08vw;
        line-height: 2.71vw;
        max-width: 72.92vw;
        margin: 0 auto 1.25vw;
    }

    /* header */
    .header .content-container {
        max-width: 100.00vw;
        margin: 0 auto;
        padding: 2.08vw;
    }

    .header .btn-full-menu {

        align-items: center;
        width: 9.17vw;
        line-height: 1.35vw;

    }
    .header .btn-full-menu .inner {
        white-space: nowrap;
        font-size: 1.2vw;
        animation: text-to-left 10s linear infinite;
    }
    .header .btn-full-menu img {
        height: 1.25vw;
        width: auto;
        margin: 0.52vw 0.31vw 0.52vw 0.73vw;
    }
    .header .btn-full-menu,
    .header .btn-language {
        background: #013d85;
        border-radius: 0.21vw;
    }

    .header .btn-language {
        margin-left: 1.72vw;
        font-size: 1.15vw;
        width: 2.60vw;
        height: 2.60vw;
        line-height: 2.81vw;
    }
    .header .menu {
        transition: .3s;
        font-size: 1.15vw;
        line-height: 1.25vw;
        padding-bottom: 0.05vw;
        border-bottom: 0.05vw solid #48484a;
        margin: 0 1.30vw;

    }
    .header-logo {
        margin: 0 1.82vw;
    }
    .header-logo img {
        margin-top: -0.83vw;
        height: 1.88vw;
        width: auto;
    }

    .header .btn-search img {
        width: 2.34vw;
        height: 2.34vw;
    }

    /* full menu */
    .full-menu {
        left: 0;
        top: 4.17vw;
        background: #fff;
        border: 0.05vw solid #272727;
        border-radius: 1.04vw;
        padding: 2.86vw 3.65vw;
        width: 57.29vw;
        font-size: 1.25vw;

    }
    .full-menu .depth2-wrap {
        margin-top: 0.83vw;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-gap: 0.52vw;
    }
    .full-menu .depth2-wrap + .depth1 {
        margin-top: 2.60vw;
    }

    .full-menu .depth2 {
        height: 2.29vw;
        line-height: 2.50vw;
        border-radius: 0.31vw;
        background: #f7f7f7;
    }

    .full-menu-close {
        right: 0.83vw;
        top: 0.83vw;
    }

    .full-menu-close img {
        width: 2.55vw;
        height: 2.55vw;
    }


     /* footer */
       .footer-info {
        max-width: 100vw;
        padding: 3.13vw 6.67vw;
        gap: 2.6vw;
    }

    /* 좌측 로고 */
    .footer-logo {
        padding: 0;
    }

    .footer-logo img {
        width: auto;
        height: 1.82vw;
    }

    /* 우측 영역 */
    .footer-right {
        margin-left: auto;
        gap: 15.63vw;
    }

    /* 개인정보처리방침 / 카피라이트 */
    .footer-copy .link {
        margin-bottom: 0.21vw;
        font-size: 1.09vw;
        line-height: 1.67vw;
    }

    .footer-copy .copyright {
        margin: 0;
        font-size: 1.09vw;
        line-height: 1.67vw;
    }

    /* SNS */
    .footer-info .sns {
        margin: 0;
    }

    .footer-info .sns a + a {
        margin-left: 0.52vw;
    }

    .footer-info .sns img {
        width: 2.81vw;
        height: 2.81vw;
    }

    /* main */
    .main-section-1 {
        min-height: 59.38vw;
    }
    .main-section-1 .main-bg-text {
        padding-top: 3vw;
        font-size: 6vw;
        line-height: 6vw;
        letter-spacing: -0.05vw;
        margin: 0 auto;
    }
    .main-section-1 .main-bg-text div {
        margin: 2vw 0;
    }

    .main-section-1 .main-bg-text div p:first-child {
        margin-left: -2.5vw;
    }

    .main-section-1 .main-bg-text div p:last-child {
        margin-right: -2.5vw;
    }

    .main-section-1 .main-bg-text .line {text-shadow: -0.10vw 0.00vw #0000fe, 0.00vw 0.10vw #0000fe, 0.10vw 0.00vw #0000fe, 0.00vw -0.10vw #0000fe}

    .main-video {
        width: 100%;
        max-width: 83.33vw;
        border-radius: 83.33vw;
        height: 100%;
        max-height: 46.88vw;
    }
    .main-video-text .text-1 {
        font-size: 3.02vw;
    }

    .main-video-text .text-2 {
        font-size: 6.23vw;
        margin-top: 1.98vw;
        height: 8.23vw;
    }
    .main-video-text .text-3 {
        margin-top: 7.81vw;
        font-size: 1.56vw;
        line-height: 2.29vw;
    }

    .main-section-2 {
        padding: 3.75vw 0;
    }
    .main-section-2 a {
        padding: 0 1.56vw;
        height: 3.54vw;
        line-height: 3.85vw;
        border-radius: 2.08vw;

        font-size: 1.56vw;
        margin: 0.42vw 0.52vw;
    }
    .main-section-3 {
        max-width: 72.92vw;
        margin: 0 auto;
        margin-top: 6.25vw;
    }
    .main-section-3 .list a {
        border: 0.05vw solid #48484a;
    }
    .main-section-3 .list .text-wrap {
        padding: 1.88vw 1.88vw 0.89vw;
        height: 11.80vw;
        border-top: 0;
    }
    .main-section-3 .list .text-wrap.type-2 {
        background: #e3520f;
    }
    .main-section-3 .list .date {
        font-size: 0.78vw;
    }

    .main-section-3 .list .more {
        width: 8.33vw;
        height: 2.19vw;
        line-height: 2.40vw;
        border: 0.05vw solid #48484a;
        background: #f1f201;
        font-size: 0.78vw;
    }

    .main-section-3 .list .more:after {
        height: 0.31vw;
        width: 0.73vw;
        margin-left: 0.21vw;

    }
    .main-section-3 .list .text {
        font-size: 1.56vw;
        line-height: 1.98vw;

    }
    .main-section-3 .list {
        column-gap: 1.25vw;
        row-gap: 1.56vw;
    }

    .main-section-wrap {
        max-width: 100.00vw;
        margin: 0 auto;
        margin-top: 6.25vw;
    }

    .main-section-4 .list {
        width: 58.5938vw;
    }

    .main-section-4 .item .text-wrap {
        padding: 1.04vw;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .main-section-4 .item .text-wrap .text-2 {
        font-size: 0.94vw;
        line-height: 1.15vw;
        margin-top: 0.52vw;
    }
    .main-section-4 .item .text-wrap .text-1 {
        font-size: 1.09vw;
        line-height: 1.35vw;
    }
    .main-section-4 .list img {
        height: 19.69vw;
        width: 100%;
    }
    .main-section-4 {
        padding: 3.65vw 2.08vw;
    }
    .main-section-5 {
        padding: 3.65vw 2.08vw;
        width: 41.41vw;

    }
    .main-section-5 .list {
        row-gap: 0.68vw;
        column-gap: 1.46vw;
    }

    .main-section-5 .list a {
        width: 100%;
        height: 9.48vw;
    }

    .main-section-5 .list a:after {
        width: 3.54vw;
        height: 2.40vw;
    }

    .main-section-6 {
        max-width: 100.00vw;
        margin: 0 auto;
        margin-top: 6.25vw;
    }
    .main-section-6 .list {
        transition: .5s;
    }
    .main-section-6 .list .text-2 {
        font-size: 1.25vw;
        line-height: 1.67vw;
        margin-top: 0.83vw;
    }
    .main-section-6 .list .text-1 {
        transition: .3s;
        font-size: 1.82vw;
        line-height: 2.19vw;
        font-family: gs, sans-serif;

    }
    .main-section-6 .list .text-wrap {
        margin-top: 1.77vw;
    }
    .main-section-6 .list .inner {
        max-width: 72.92vw;
        margin: 0 auto;
        column-gap: 0.83vw;
    }

    .main-section-6 .list .image:after {
        border: 0.21vw solid #7df031;
        border-radius: 9.38vw;
    }
    .main-section-6 .list {
        padding: 5.21vw 0;
    }

    .main-section-6 .list .image {
        height: 14.06vw;
        border-radius: 9.38vw;
    }
    .main-section-6 .list:after {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .main-section-7 {
        max-width: 100.00vw;
        margin: 0 auto;
        margin-top: 6.25vw;
    }

    .image-view-layer .btn-group {
        margin-bottom: 1.3889vw;
    }
    .image-view-layer .image {
        padding: 2.0833vw;
    }

    .image-view-layer .btn-close {
        width: 1.2222vw;
        height: 1.2222vw;
    }

    .image-view-layer .slick-prev {
        left: -8.3333vw;
    }

    .image-view-layer .slick-next {
        right: -8.3333vw;
    }

    .dot-list {
        margin-top: 16px;
    }

    .quick-menu {
        width: 4.0625vw;
        right: 2.0833vw;
        top: 50%;
        transform: translateY(-50%);
    }

    .quick-menu .link {
        background: #fff;
        border-radius: 2.6042vw;
        border: 0.0521vw solid #9e9e9e;
        padding-top: 0.5208vw;
    }

    .quick-menu .link img {
        margin-bottom: 0.5208vw;
    }
    .quick-menu .link a + a {
        border-top: 0.0521vw solid #9e9e9e;
    }
    .quick-menu .link,
    .quick-menu .action {
        box-shadow: #e2dbcb 0.2604vw 0.0000vw 0.0000vw 0.0000vw;
    }
    .quick-menu .link a {
        letter-spacing: -0.0781vw;
        width: 3.9063vw;
        height: 4.4271vw;
        font-size: 0.6250vw;
        font-family: gs, sans-serif;
    }

    .quick-menu .action {
        background: #252525;
        border-radius: 2.6042vw;
        padding-top: 0.5208vw;
        margin-top: 0.2604vw;
    }

    .quick-menu .action img {
        margin-bottom: 0.5208vw;
    }
    .quick-menu .action button + button {
        border-top: 0.0521vw solid #fff;
    }
    .quick-menu .action button {
        letter-spacing: -0.0781vw;
        width: 3.9063vw;
        height: 3.9063vw;
        font-size: 0.6250vw;
        font-family: gs, sans-serif;
    }

    .quick-menu .icon-1 img {width: 1.5104vw; height: auto}
    .quick-menu .icon-2 img {width: 1.5104vw; height: auto}
    .quick-menu .icon-3 img {width: 1.3542vw; height: auto}
    .quick-menu .icon-4 img {width: 1.4063vw; height: auto}
    .quick-menu .icon-5 img {width: 0.7813vw; height: auto}
    .quick-menu .icon-6 img {width: 1.6146vw; height: auto}

    .main-section-3 .list a:after {
        width: 2.3958vw;
        height: 2.3958vw;
        right: 2.0833vw;
        bottom: 2.0833vw;
        background-size: 2.3958vw auto;
    }
    .main-section-3 .list a:hover {
        border-bottom-right-radius: 4.6875vw;
    }

    .sub-sns .emotion b {
        font-family: 'noto', sans-serif;
        font-size: 0.938vw;
        vertical-align: -0.104vw;
    }
    .sub-sns .emotion img {
        width: 2.083vw;
        height: 1.875vw;
    }

    .sub-sns .btn-share {
        width: 3.073vw;
        height: 3.073vw;
    }

    .sub-sns .btn-copy {
        width: 3.073vw;
        height: 3.073vw;
    }

    .sub-sns .emotion {
        padding: 0.469vw 4.688vw;
        border-radius: 2.604vw;
        margin-right: 0.521vw;
        font-size: 0.729vw;
    }

    .sub-sns .emotion button + button {
        margin-left: 1.042vw;
    }

    .sub-sns .btn-share {
        margin-right: 0.521vw;
    }

    .sub-sns img {
        vertical-align: -0.469vw;
    }

    .max-container-1 {
        max-width: 66.6667vw;

        padding: 0 2.0833vw;
        margin: 0 auto;
    }

    .sub-section-1 {
        max-width: 82.5521vw;
        margin: 0 auto;
        padding: 5.2083vw 2.0833vw;
    }

    .sub-section-1 .article-1 {
        margin-top: 4.1667vw;
    }

    .sub-section-1 .article-1 .text-wrap-1 {
        max-width: 44.2708vw;
       
    }
    .sub-section-1 .article-1 .text-wrap-1 .text-1 {
        font-size: 2.0833vw;
        line-height: 4.6875vw;
    }
    .sub-section-1 .article-1 .text-wrap-1 .text-2 {
        font-size: 3.1250vw;
        line-height: 3.9063vw;

    }
    .sub-section-1 .article-1 .text-wrap-1 .text-3 {
        margin-top: 1.5625vw;
        font-size: 1.0417vw;
        line-height: 2.2917vw;
    }
    .sub-section-1 .article-1 .text-wrap-2 {
        max-width: 22.3958vw;
        font-family: noto, sans-serif;
        font-size: 1.1458vw;
        line-height: 1.5625vw;
        padding-left: 2.3438vw;
        border-left: 0.0521vw solid #000;
    }

    .common-badge-text-1 {
        font-size: 1.7188vw;
        padding: 0 1.8750vw;
        line-height: 3.2292vw;
        height: 2.8646vw;
        border: 0.0521vw solid #000;
    }

    .common-desc {
        font-size: 1.0217vw;
        line-height: 1.3708vw;
        margin-top: 0.5208vw;
    }
    .n-image-block {
        margin-top: 4.6875vw;
    }

    .n-image-block img {
        margin: 0 auto;
    }

    .common-text-1 {
        font-size: 1.2500vw;
        line-height: 1.7708vw;
        margin-top: 4.1667vw;
    }

    .sub-section-1 .article-2 {
        margin-top: 2.1875vw;
        border: 0.0521vw solid #000;
    }

    .sub-section-1 .article-2 .left {
        width: 22.9167vw;
        font-family: gs, serif;
        font-size: 1.8750vw;
        line-height: 2.1875vw;
        padding: 1.0417vw;
    }

    .sub-section-1 .article-2 img {
        margin-bottom: 0.6250vw;
        height: 3.4375vw;
        width: auto;
    }

    .sub-section-1 .article-2 .right {
        font-size: 1.5625vw;
        line-height: 2.2917vw;
        padding: 1.0417vw 2.0833vw;
    }

    .image-col-block {
        margin-top: 4.6875vw;

        grid-template-columns: 1fr 1fr;
        column-gap: 1.5625vw;
    }
    .sub-section-2 {margin-top: 6.7708vw; border-top: 0.0521vw dashed #4f4f4e}
    .n-common-title-2 {margin-top: 6.7708vw;  font-size: 2.0833vw; line-height: 2.6042vw; font-family: gs, serif;}
    .n-common-title-3 { font-size: 2.0833vw; line-height: 2.6042vw; margin-top: 1.5625vw; font-family: gs, sans-serif}

    .image-text-col {

        align-items: center;
        margin-top: 6.7708vw;
        column-gap: 3.1250vw;
    }

    .image-text-col .left {
        width: 24.4271vw;
    }
    .image-text-col .text + .text {
        margin-top: 0.4167vw;
    }
    .image-text-col .text {

        align-items: flex-start;
        font-size: 1.6667vw;
        line-height: 2.5000vw;
        font-family: gs, serif;
        column-gap: 0.8333vw;
    }
    .image-text-col .text span {
        flex: none;
        width: 1.9792vw;
    }
    .image-text-col .text img {
        width: 1.9792vw;
        height: auto;

        margin-top: 0.1042vw;
    }
    .image-text-col .common-badge-text-1 {
        margin-bottom: 2.0833vw;
        width: 18.7500vw;
        font-size: 1.8750vw;
        height: 3.7500vw;
        line-height: 3.9583vw;
    }

    .common-text-2 {

        margin: 5.1667vw 0 5.1667vw;
        font-family: noto-s, sans-serif;
        font-size: 1.5625vw;
        line-height: 2.1875vw;
        padding: 3.1250vw 2.0833vw;
        border-radius: 5.2083vw;
        border: 0.0521vw solid #000;
    }
    .common-text-2 .text-2 {
        margin-top: 1.5625vw;
        font-size: 1.2500vw;
        line-height: 2.1875vw;
    }

    .common-text-2 .point-1 {
        left: 3.6458vw;
        top: -1.9792vw;
    }
    .common-text-2 .point-2 {
        right: 5.1563vw;
        bottom: -1.5625vw;
    }
    .common-text-2 span img {
        width: 4.6875vw;
        height: auto;
    }

    .n-image-block.type-left-buffer {
        padding-left: 14.3229vw;
    }

    .sub-section-2 {
        padding-bottom: 6.7708vw;
    }
    .sub-section-3 {
        padding: 4.1250vw 0 4.6875vw;
    }

    .sub-section-3 .sub-title + .image-col-block {
        margin-top: 2.0833vw;
    }

    .sub-section-3 .title {
        font-size: 2.3438vw;
        line-height: 2.5000vw;
    }

    .sub-section-3 .sub-title {
        margin-top: 2.0833vw;
        font-family: noto, sans-serif;
        font-size: 1.4583vw;
        line-height: 2.0833vw;
    }
    .sub-section-3 .text-list {
        grid-template-columns: 1fr 1fr;
        margin-top: 4.1667vw;
        column-gap: 1.5625vw;
        row-gap: 2.0833vw;
    }

    .sub-section-3 .text-list .text-1 {

        font-size: 1.6667vw;
        height: 2.8646vw;
        line-height: 3.1250vw;
        background: #f1f201;
        border-radius: 2.7083vw;
        padding: 0 0.5208vw;
        border: 0.0521vw solid #000;
    }
    .sub-section-3 .text-list .text-1 img {
        width: 2.1354vw;
        top: -0.1042vw;
    }

    .sub-section-3 .text-list .text-2 {
        font-size: 1.4583vw;
        line-height: 2.0833vw;
        margin-top: 1.5625vw;
    }
    .sub-bottom-group {
        padding: 3.6458vw 0 4.6875vw;
    }
    .sub-tags span {
        height: 3.4375vw;
        line-height: 3.5417vw;
        padding: 0 1.5625vw;
        border-radius: 3.1250vw;
        font-size: 1.5625vw;
        margin: 0.5208vw 0.1563vw;
    }
    .sub-tags + .sub-sns {
        margin-top: 4.1667vw;
    }

    .n-common-title-4 {
        font-size: 2.0833vw;
        line-height: 2.0833vw;
    }

    .sub-section-4,
    .sub-section-5 {
        margin: 6.2500vw 0;
    }

    .sub-section-4 .list,
    .sub-section-5 .list {
        margin-top: 1.4583vw;
        grid-gap: 1.5625vw;
    }
    .sub-section-4 .list p {
        font-size: 1.0417vw;
        line-height: 1.4063vw;
        margin-top: 1.0417vw;
    }
	   .sub-section-4 .list .text-1 {
        font-size: 1.5625vw;
        font-family: gs, serif;

    }
    .sub-section-5 .list .image {
        width: 5.7292vw;
        height: 5.7292vw;
    }
    .sub-section-5 .list a {
        padding: 1.2500vw 1.6667vw;
        border-radius: 1.8750vw;
        border: 0.0521vw solid #000;
        column-gap: 1.2500vw;
    }

    .sub-section-5 .list .text-1 {
        font-size: 1.5625vw;
        font-family: gs, serif;

    }
    .sub-section-5 .list .text-2 {
        font-size: 1.0417vw;
        line-height: 1.4063vw;
        margin-top: 0.5208vw;
    }

    .emoji-11 {
        width: 2.8646vw;
        height: auto;
    }

    .emoji-12 {
        width: 3.3854vw;
        height: auto;
    }

    /* 20260529 */
    .sub-pagination {
        margin-top: 4.6875vw;
        margin-bottom: 5.6875vw;
    }

    .sub-pagination a {
        width: 2.9688vw;
        height: 2.9688vw;
        font-size: 1.3021vw;
        border: 0.0521vw solid #9f9f9f;
        margin: 0 0.1563vw;
        background-size: auto 1.0417vw;
        padding-top: 0.1563vw;
    }

    .sub-pagination .prev {margin-right: 0.6771vw;}
    .sub-pagination .next {margin-left: 0.6771vw;}

    .common-list {
        row-gap: 2.6042vw;
        column-gap: 0.7813vw;
        margin-top: 4.1667vw;
    }

    .common-list-item {
        border-radius: 1.0417vw;
        border: 0.0521vw solid #e3e3e3;
        box-shadow: 0.3125vw 0 0.8333vw rgba(0, 0, 0, 0.1);
    }

    .common-list-item .image {
        height: 11.0417vw;

    }

    .common-list-item .text {
        font-size: 1.2500vw;
        line-height: 1.7188vw;
        height: 6.7708vw;
        -webkit-line-clamp: 4;
    }

    .common-list-item .tag {
        margin-top: 1.0417vw;
        margin-left: -0.0521vw;
        margin-right: -0.0521vw;
    }
    .common-list-item .tag span {
        font-size: 0.7292vw;
        height: 1.5625vw;
        line-height: 1.6667vw;
        padding: 0 1.3542vw;
        border: 0.0521vw solid #e3e3e3;
        border-radius: 1.5625vw;
        margin: 0 0.0521vw 0.4167vw;

    }

    .common-list-item .inner {
        padding: 1.1458vw 1.1458vw 1.0417vw;
    }
    .n-common-title-3 {
        margin-top: 0.7292vw;
        font-size: 2.1250vw;
        line-height: 3.6458vw;
        letter-spacing: -0.1042vw;
       
    }

    /* 0627 */
    .common-tab {
        margin-top: 1.6667vw;
        column-gap: 0.5208vw;
        row-gap: 0.5208vw;
    }
    .common-tab-item {
        font-size: 1.3021vw;
        font-family: gs, serif;
        padding: 0 1.4583vw;
        height: 2.8646vw;
        line-height: 2.9688vw;
        border-radius: 2.8646vw;
    }



    .btn-like {
        height: 1.9792vw;
        padding: 0 0.5208vw;
        border-radius: 1.9792vw;
        margin-right: 0.8333vw;
    }

    .btn-like img {
        width: 1.2500vw;
        height: auto;
    }

    .btn-like .count {
        font-size: 1.0417vw;
        margin-left: 0.2604vw;
        margin-top: 0.1042vw;
    }

    .btn-like.active {
        padding: 0 0.8333vw;
    }

    .common-sub-top {
        margin-top: 4.1667vw;
    }

    .common-sub-top .bottom .date {
        font-size: 1.0417vw;

    }
    .common-sub-top .bottom {
        margin-top: 2.0833vw;
    }

    .common-sub-top .title-1 {
        font-size: 2.6563vw;
        line-height: 3.1250vw;
        margin-top: 4.1667vw;
    }

    .common-sub-top .title-2 {
        font-size: 3.5938vw;
        line-height: 4.1146vw;
        margin-top: 1.0417vw;
    }
	.corner-logo-1 {
   width: 12.5521vw;
        height: auto;
}

    .corner-logo-2 {
        width: 12.5521vw;
        height: auto;
    }

    .search-layer {
        top: 6.7708vw;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .search-layer .inner {
           max-width: 62.5vw;
        box-sizing: border-box;
        padding:
            clamp(24px, 2.0833vw, 40px)
            clamp(20px, 2.0833vw, 40px)
            clamp(16px, 1.1979vw, 23px);
        margin: 0 auto;
    }

    .search-layer .form .custom-select {
          margin-right: clamp(8px, 0.7292vw, 14px);
        font-size: clamp(17px, 1.25vw, 24px);
        width: clamp(130px, 10.4167vw, 200px);
        height: clamp(40px, 2.5vw, 48px);
        line-height: clamp(40px, 2.5vw, 48px);
        padding:
            0
            clamp(38px, 3.5417vw, 68px)
            0
            clamp(16px, 1.4583vw, 28px);
        border-radius: 0;
    }

    .search-layer .form .custom-select .option {
       height: clamp(40px, 2.6042vw, 50px);
        line-height: clamp(40px, 2.6042vw, 50px);
        padding: 0 clamp(14px, 1.4583vw, 28px);
    }

    .search-layer .form .custom-select:before {
         right: clamp(14px, 1.8229vw, 35px);
        width: clamp(16px, 1.5625vw, 30px);
        height: clamp(10px, 1.0417vw, 20px);
    }

    .search-layer .form .custom-select.open:before {
        transform: translateY(-50%) rotate(180deg);
    }

    .search-layer .form input {
        min-width: 0;
        height: clamp(40px, 2.5vw, 48px);
        line-height: clamp(40px, 2.5vw, 48px);
        padding: 0 clamp(18px, 1.9792vw, 38px);
        font-size: clamp(16px, 1.1458vw, 22px);
    }
    .search-layer .form .btn-type-search {
        width: clamp(84px, 7.0833vw, 136px);
        height: clamp(40px, 2.5vw, 48px);
        line-height: clamp(40px, 2.5vw, 48px);
    }
    .search-layer .form .btn-type-search img {
        width: clamp(23px, 1.5104vw, 29px);
    }

    .search-layer .form .btn-type-close {
        width: clamp(40px, 2.5vw, 48px);
        height: clamp(40px, 2.5vw, 48px);
        margin-left: clamp(8px, 0.7292vw, 14px);
    }

    .search-layer .form .btn-type-close img {
        width: 5.6250vw;
        height: auto;
    }
    .search-layer .tag a {
        font-size: clamp(15px, 1.0417vw, 20px);
        height: clamp(34px, 2.2917vw, 44px);
        line-height: clamp(34px, 2.3438vw, 45px);
        padding: 0 clamp(18px, 1.875vw, 36px);
        border-radius: clamp(24px, 1.875vw, 36px);
        margin:
            0
            clamp(2px, 0.1563vw, 3px)
            clamp(10px, 1.1458vw, 22px);
    }
    .search-layer .tag {
        margin-top: clamp(20px, 1.5625vw, 30px);
    }

    /* 0627 */
    .top-sns-group {
        column-gap: 0.7292vw;
        margin-right: 1.0417vw;
        align-items: center;
    }
    /* 0627 */
    .top-sns-group button {
        width: 1.9792vw;
    }

    /* 0627 */
    .search-bar-container .custom-select {
         height: clamp(40px, 2.5vw, 48px);
        font-size: clamp(17px, 1.25vw, 24px);
        line-height: clamp(40px, 2.5vw, 48px);
        margin-right: clamp(6px, 0.5208vw, 10px);
        min-width: clamp(105px, 6.7708vw, 130px);
        max-width: clamp(105px, 6.7708vw, 130px);
        border-radius: 0;
    }
	 .search-bar {
        height: clamp(40px, 2.5vw, 48px);
    }

    .search-bar input {
        min-width: 0;
        height: clamp(40px, 2.5vw, 48px);
        line-height: clamp(40px, 2.5vw, 48px);
        padding: 0 clamp(20px, 3.5417vw, 68px);
        font-size: clamp(17px, 1.25vw, 24px);
    }

    .search-bar button img {
        width: clamp(23px, 1.5625vw, 30px);
    }

    .btn-keyword-delete {
        width: clamp(40px, 2.5vw, 48px);
        height: clamp(40px, 2.5vw, 48px);
        margin-left: clamp(8px, 0.625vw, 12px);
    }

    .search-result-text {
        max-width: 66.1458vw;
        padding: clamp(28px, 2.0833vw, 40px) 0;
        font-size: clamp(22px, 1.5625vw, 30px);
        line-height: clamp(36px, 2.9167vw, 56px);
    }
    /* 0627 */
    .search-bar-container .custom-select:after {
        border-bottom: 0.1042vw solid #000;
        border-right: 0.1042vw solid #000;
        height: 0.7292vw;
        margin-top: -0.6250vw;
        right: 1.0938vw;
        width: 0.7292vw;
    }
    /* 0627 */
    .search-bar-container .custom-select .list {
        width: 6.7708vw;
    }
    /* 0627 */
    .search-bar-container .custom-select .list  li {
        height: 3.1250vw;
        line-height: 3.1250vw;
        border-radius: 0.6250vw;
        padding-left: 0.9375vw;
        padding-right: 1.5625vw;
        min-height: auto;
    }
}

/* mobile */
@media screen and (max-width: 780px) {
    .pc-only {
        display: none;
    }
.is-pc {
        display: none;
    }
    .header-logo {
        margin: 0;
    }

    .m-only {
        display: block !important;
    }
	.is-mobile {
        display: block !important;
    }
    .header .menu {
        display: none;
    }

    .header .btn-language {
        width: 26px;
        height: 24px;
        line-height: 26px;
        font-size: 12px;
        margin-left: 10px;
    }

    .header .btn-search img {
        height: 22px;
        width: auto;
    }

    .header-logo img {
        height: 18px;
        margin-top: -8px;
    }

    .header .content-container {
        padding: 20px 16px;
    }

    .header .btn-full-menu {
        width: 60px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        padding: 0 10px;
    }

    .header .btn-full-menu img {
        height: 12px;
        margin: 0;
    }

    .header .btn-full-menu .inner {
        animation: none;
        font-size: 12px;
        line-height: 22px;
    }

    .main-section-1 {
        min-height: calc(100vh - 64px);
    }

    .main-video {
        height: 80vh;
        top: 8vw;
        max-height: 100vh;
        width: calc(100% - 32px);
    }

    .main-video video {
        width: auto;
    }

    .main-video-text {
        padding: 30px;
        box-sizing: border-box;
    }

    .main-video-text .text-1 {
        font-size: 18px;
    }

    .main-video-text .text-2 {
        margin-top: 10px;
        max-width: 100%;
        font-size: 28px;
        height: 48px;
    }

    .main-video-text .text-3 {
        font-size: 16px;
        margin-top: 40px;
        line-height: 22px;
        letter-spacing: -1.2px;
    }

    .main-section-1 .main-bg-text {
        font-size: 24vw;
        line-height: 24vw;
        white-space: nowrap;
        transform: rotate(-10deg);
    }

    .main-section-1 .main-bg-text div {
        margin: 12vw 0;
    }

    .main-section-1 .main-bg-text div p:first-child {
        margin-left: -70vw;
    }

    .main-section-1 .main-bg-text div p:last-child {
        margin-right: -70vw;
    }

    .main-section-2 {
        padding: 24px 0;
        overflow: hidden;
    }

    .main-section-2 a {
        font-size: 16px;
        height: 32px;
        line-height: 36px;
        padding: 0 16px;
        margin: 6px 3px;
    }

    .n-common-title-1 {
        text-align: center;
    }
    .n-common-title-1.type-large {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    .emoji-2 {
        width: 32px !important;
        height: auto;
    }

    .n-common-title-1 img {
        width: 52px;
        height: auto;
    }

    .main-section-3 {
        margin-top: 80px;
    }

    .main-section-3 .list {
        padding: 0 16px;
        display: block;
    }

    .main-section-3 .list a {
        display: block;
    }

    .main-section-3 .list a:hover {
        transform: none;
    }

    .main-section-3 .list .text {
        font-size: 22px;
        line-height: 26px;
    }

    .main-section-3 .list .text-wrap {
        padding: 16px 20px;
        height: 170px;
    }

    .main-section-3 .list a + a {
        margin-top: 40px;
    }

    .main-section-3 .list .date {
        font-size: 12px;
        position: relative;
        top: 8px;
    }

    .main-section-3 .list .more {
        font-size: 12px;
        width: 110px;
        height: 30px;
        line-height: 30px;
    }

    .main-section-3 .list .more:after {

    }

    .main-section-3 .list .text-wrap.type-3 {
        padding: 9vw 8vw 16px;
    }

    .main-section-wrap {
        display: block;
    }

    .n-common-title-1 {
        font-size: 30px;
        line-height: 35px;
    }

    .main-section-4 .list {
        display: block;
        width: 100%;
    }

    .main-section-5 {
        width: 100%;
    }

    .main-section-5 .list {
        display: block;
    }

    .main-section-6 .list .inner {
        display: block;
        z-index: 1;
    }

    .emoji-7,
    .emoji-8,
    .emoji-9,
    .emoji-10 {
        width: 30px !important;
        height: auto !important;
    }

    .emoji-6 {
        width: 30px !important;
        height: auto !important;
    }

    .emoji-5 {
        width: 35px !important;
        height: auto !important;
    }

    .emoji-4 {
        width: 30px !important;
        height: auto !important;
    }

    .main-section-3 .list img {
        width: 100%;
    }

    .main-section-4 .list img {
        width: 100%;
        height: auto;
    }

    .main-section-4 .item {
        width: 60vw;
        height: auto;
        padding-left: 16px;
    }

    .main-section-4,
    .main-section-5 {
        position: relative;
        padding: 40px 0;
    }

    .main-section-4 .slick-dots,
    .main-section-5 .slick-dots {
        margin: 0;
        display: flex;
        border-radius: 6px;
        width: calc(100% - 110px);
        padding: 0;
        margin-top: 20px;
        margin-left: 16px;
    }

    .main-section-4 .slick-dots li,
    .main-section-5 .slick-dots li {
        list-style: none;
        flex: 1;
        height: 3px;
        background: #fff;
        display: block;
        overflow: hidden;
        transition: .3s;
    }

    .main-section-4 .slick-dots li.slick-active,
    .main-section-5 .slick-dots li.slick-active {
        background: #e3520f;
    }

    .main-section-4 .slick-dots li button,
    .main-section-5 .slick-dots li button {
        text-indent: -9999px;
    }

    .main-section-5 .list a {
        display: block;
        width: 80vw;
      /*  height: 25vh;*/
        padding-left: 16px;
        background-size: 80vw 25vh;
        background-repeat: no-repeat;
        background-position: right center;
    }
    .main-section-5 .list a:after {
        width: 48px;
        height: 36px;
    }

    .common-main-more {
        position: absolute;
        right: 16px;
        bottom: 30px;
        color: #fff;
        font-size: 12px;
        font-family: gs, sans-serif;
        font-weight: 300;
        border: 1px solid #fff;
        border-radius: 20px;
        padding: 3px 6px;
    }

    .common-main-more img {
        vertical-align: middle;
        height: 10px;
        width: auto;
        margin-left: 2px;
    }

    .main-section-wrap,
    .main-section-6,
    .main-section-7 {
        margin-top: 80px;
    }

    .main-section-6 {
        position: relative;
    }
    .main-section-6 .list .image img {
        width: 100%;
        height: 100%;
    }

    .main-section-6 .list .text-wrap {
        margin-top: 16px;
        text-align: center;
    }

    .main-section-6 .list a {
        padding: 0 8px;
    }

    .main-section-6 .list {
        padding: 50px 0 80px;
    }

    .main-section-6 .list a:hover .image:after {
        opacity: 0;
    }

    /*.main-section-6 .list a:hover .text-1 {*/
    /*    color: #7df031;*/
    /*}*/

    .main-section-6 .list .image:after  {
        transition: none;

    }
    .main-section-6 .list a:hover .text-1 {
        color: #fff;
    }

    .main-section-6 .list a.slick-active .image:after {
        opacity: 1;
    }

    .main-section-6 .list a.slick-active .text-1 {
        color: #7df031;
    }

    .main-section-6 .list .text-2 {
        font-size: 14px;
        line-height: 21px;
        margin-top: 6px;
    }
    .main-section-6 .list .text-1 {
        font-size: 20px;
        line-height: 28px;
    }

    .main-section-6 .list .image {
        margin: 0 auto;
        width: 250px;
        height: 250px;
        border-radius: 100%;
    }

    .main-section-6 .slick-dots {
        position: absolute;
        left: 50%;
        bottom: -60px;
        transform: translateX(-50%);
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .main-section-6 .slick-dots li {
        list-style: none;
        width: 8px;
        height: 8px;
        background: #fff;
        border: 1px solid #474749;
        margin: 0 3px;
    }
    .main-section-6 .slick-dots li.slick-active {
        background: #79f12f;
    }
    .main-section-6 .slick-dots button {
        text-indent: -9999px;
    }
    .footer {
        margin-top: 0;
    }

    .footer-container {
        border-top: 1px solid #919191;
    }

    .footer-info {
        width: 100%;
        padding: 30px 20px;
        box-sizing: border-box;

        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
    }

    /* 좌측 로고 */
    .footer-logo {
        width: 100%;
        padding: 0;
    }

    .footer-logo img {
        width: auto;
        height: 20px;
    }

    /* 개인정보처리방침 + SNS 영역 */
    .footer-right {
        width: 100%;
        margin-left: 0;

        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px;
    }

    /* 개인정보처리방침 / 카피라이트 */
    .footer-copy {
        width: 100%;
        text-align: left;
    }

    .footer-copy .link {
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 20px;
    }

    .footer-copy .copyright {
        width: 100%;
        margin: 0;
        font-size: 12px;
        line-height: 18px;
        word-break: keep-all;
    }

    /* SNS */
    .footer-info .sns {
        width: 100%;
        margin: 0;
        justify-content: flex-start;
    }

    .footer-info .sns a + a {
        margin-left: 8px;
    }

    .footer-info .sns img {
        width: 38px;
        height: 38px;
    }
    .full-menu {
        width: calc(100vw - 32px);
        padding: 42px 28px;
        top: 32px;
        font-size: 12px;
        border-radius: 12px;
    }

    .full-menu .depth2-wrap {
        margin-top: 8px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 6px;
    }

    .full-menu-close img {
        width: 28px;
        height: 28px;
    }

    .full-menu .depth2 {
        height: 28px;
        line-height: 30px;
    }

    .full-menu .depth2-wrap + .depth1 {
        margin-top: 24px;
    }

    .main-section-4 .item {
        position: relative;
    }
    .main-section-4 .item .text-wrap {
        padding: 20px;
        left: 16px !important;
        width: calc(100% - 16px);
    }

    .slide-arrow button {
        width: 24px;
        height: 40px;
        margin-top: -40px;
    }

    .slide-arrow .btn-prev {
        left: -16px;
    }

    .slide-arrow .btn-next {
        right: -16px;
    }

    .dot-list {
        margin-top: 16px;
    }

    .image-view-layer.type-not-shorts iframe {
        height: 26vh;
    }
    .image-view-layer iframe {
        max-width: 76vw;
    }

    .image-view-layer .btn-group {
        margin-bottom: 10px;
    }

    .image-view-layer .image {
        padding: 16px;
    }

    .image-view-layer .btn-close {
        width: 18px;
        height: 18px;
    }

    .image-view-layer .slick-prev {
        left: -30px;
    }

    .image-view-layer .slick-next {
        right: -30px;
    }

    .dot-list button {
        width: 12px;
        height: 12px;
        margin: 0 4px;
    }

    .quick-menu {
        right: 10px;
        bottom: 20px;
        top: auto;
        transform: none;
        width: 52px;
    }

    .quick-menu .link {
        padding-top: 5px;
    }
    .quick-menu .link img {
        margin-bottom: 8px;
    }
    .quick-menu .link a {
        letter-spacing: -1px;
        width: 52px;
        height: 58px;
        font-size: 10px;
        word-break: keep-all;
        text-align: center;
    }

    .quick-menu .link, .quick-menu .action {
        box-shadow: #e2dbcb 3px 0px 0px 0px;
    }

    .quick-menu .icon-1 img {
        width: 19px;
    }

    .quick-menu .icon-2 img {
        width: 19px;
    }

    .quick-menu .icon-3 img {
        width: 16px;
    }

    .quick-menu .icon-4 img {
        width: 17px;
    }

    .quick-menu .icon-5 img {
        width: 8px;
    }

    .quick-menu .icon-6 img {
        width: 16px;
    }

    .quick-menu .action {
        padding-top: 5px;
    }

    .quick-menu .action button {
        width: 52px;
        height: 52px;
        font-size: 10px;
    }

    .main-section-3 .list a:hover {
        border-bottom-right-radius: 52px;
    }

    .main-section-3 .list a:after {
        width: 28px;
        height: 28px;
        background-size: 28px auto;
        right: 28px;
        bottom: 28px;
    }

    .sub-sns .emotion {
        padding: 6px 30px;
    }

    .sub-sns .emotion button {
        display: none;
        font-size: 10px;
    }

    .sub-sns .emotion button + button {
        margin-left: 0;
    }

    .sub-sns .emotion button b {
        font-size: 12px;
        vertical-align: -1px;
    }

    .sub-sns .emotion img {
        height: 20px;
        width: auto;
    }
    .sub-sns .emotion button.view-mobile {
        display: block;
    }

    .sub-sns img {
        vertical-align: -6px;
    }

    .sub-sns .btn-share,
    .sub-sns .btn-copy {
        width: 34px;
        height: 34px;
    }

    .sub-section-1 {
        padding: 30px 16px;
    }

    .sub-section-1 .article-1 {
        display: block;
        margin-top: 20px;
    }

    .sub-section-1 .article-1 .text-wrap-1 .text-1 {
        font-size: 20px;
        line-height: 30px;
    }

    .sub-section-1 .article-1 .text-wrap-1 .text-2 {
        font-size: 30px;
        line-height: 40px;
    }

    .common-badge-text-1 {
        height: 32px;
        line-height: 36px;
        font-size: 18px;
        padding: 0 18px;
    }

    .sub-section-1 .article-1 .text-wrap-1 .text-3 {
        font-size: 12px;
        line-height: 18px;
    }

    .sub-section-1 .article-1 .text-wrap-2 {
        width: 100%;
        font-size: 12px;
        line-height: 18px;
        box-sizing: border-box;
        margin-top: 30px;
        padding-left: 16px;
    }

    .n-image-block {
        margin-top: 40px;
    }

    .n-image-block:not(.m-clear) {
        margin-left: -16px;
        margin-right: -16px;
    }

    .common-desc {
        font-size: 10px;
        margin-top: 4px;
		        line-height: 14px;
    }

    .common-text-1 {
        font-size: 14px;
        line-height: 20px;
        margin-top: 40px;
    }

    .max-container-1 {
        padding: 0;
    }

    .sub-section-1 .article-2 {
        margin-top: 20px;
        display: block;
    }

    .sub-section-1 .article-2 .left p {
        margin-left: 10px;
        padding-top: 4px;
    }
    .sub-section-1 .article-2 .left {
        width: 100%;
        flex-direction: row;
        font-size: 16px;
        line-height: 21px;
        box-sizing: border-box;
        padding: 7px 16px;
    }

    .sub-section-1 .article-2 img {
        height: 33px;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .sub-section-1 .article-2 .right {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        padding: 12px 16px;
    }

    .sub-section-2 {
        padding-bottom: 60px;
        margin: 40px 16px 0;
    }

    .n-common-title-2 {
        margin-top: 60px;
        font-size: 20px;
        line-height: 25px;
    }

    .n-common-title-3 {
        margin-top: 12px;
        font-size: 17px;
        line-height: 20px;
    }

    .image-col-block {
        display: block;
        margin-top: 30px;
    }

    .image-col-block div + div {
        margin-top: 20px;
    }

    .image-text-col {
        margin-top: 40px;
        display: block;
    }

    .image-text-col .left {
        width: 100%;
        max-width: 230px;
        margin: 0 auto;
    }
    .image-text-col .right {
        margin-top: 24px;
    }

    .image-text-col .common-badge-text-1 {
        width: 160px;
        height: 36px;
        line-height: 38px;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .image-text-col .text {
        font-size: 16px;
        line-height: 22px;
        column-gap: 8px;
    }
    .image-text-col .text span {
        width: 18px;
    }

    .image-text-col .text img {
        width: 18px;
        margin-top: 0;
    }

    .common-text-2 {
        margin: 50px 0 50px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 50px;
        padding: 30px;
    }

    .common-text-2 .point-1 {
        left: 30px;
        top: -19px;
    }

    .common-text-2 .point-2 {
        right: 30px;
        bottom: -19px;
    }

    .common-text-2 span img {
        width: 45px;
    }

    .common-text-2 .text-2 {
        margin-top: 16px;
        font-size: 14px;
        line-height: 20px;
    }

    .n-image-block.type-left-buffer {
        padding-left: 0;
    }

    .sub-section-3 {
        padding: 60px 16px 60px;
    }
    .sub-section-3 .title {
        font-size: 24px;
        line-height: 36px;
    }

    .sub-section-3 .sub-title {
        margin-top: 16px;
        font-size: 14px;
        line-height: 20px;
    }

    .sub-section-3 .text-list {
        display: block;
        margin-top: 40px;
    }

    .sub-section-3 .text-list .text-1 {
        font-size: 16px;
        height: 32px;
        line-height: 36px;
    }

    .sub-section-3 .text-list .text-1 img {
        width: 22px;
        top: -1px;
    }

    .sub-section-3 .text-list .text-2 {
        font-size: 14px;
        line-height: 20px;
        margin-top: 12px;
    }

    .sub-section-3 .text-list div + div {
        margin-top: 20px;
    }

    .sub-bottom-group {
        padding: 30px 16px 45px;
    }

    .sub-tags span {
        height: 32px;
        line-height: 36px;
        padding: 0 16px;
        font-size: 16px;
        margin: 5px 2px;
    }

    .sub-tags + .sub-sns {
        margin-top: 40px;
    }

    .sub-section-4, .sub-section-5 {
        margin: 60px 0;
        padding: 0 16px;
    }

    .n-common-title-4 {
        font-size: 20px;
        line-height: 20px;
    }

    .emoji-11 {
        width: 27px;
    }

    .emoji-12 {
        width: 32px;
    }

    .sub-section-4 .list,
    .sub-section-5 .list {
        display: block;
        margin-top: 12px;
    }

    .sub-section-4 .list p {
        font-size: 15px;
        line-height: 20px;
        margin-top: 8px;
    }

    .sub-section-4 .list a {
        display: block;
    }
    .sub-section-4 .list a + a {
        margin-top: 30px;
    }

    .sub-section-4 .list img {
        width: 100%;
    }
   .sub-section-4 .list .text-1 {
        font-size: 14px;
        line-height: 20px;
    }

    .sub-section-5 .list a {
        padding: 12px 16px;
        border-radius: 16px;
        column-gap: 12px;
    }

    .sub-section-5 .list a + a {
        margin-top: 10px;
    }

    .sub-section-5 .list .text-1 {
        font-size: 14px;
        line-height: 20px;
    }

    .sub-section-5 .list .text-2 {
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }

    .sub-section-5 .list .image {
        width: 65px;
        height: 65px;
    }

    /* 20260529 */
    .sub-pagination {
        padding: 0 10px;
        flex-wrap: wrap;
        max-width: 306px;
        margin: 30px auto 60px;
    }

    .sub-pagination a {
        font-size: 14px;
        width: 34px;
        height: 34px;
        flex: none;
        background-size: auto 12px;
        margin: 3px 2px;
    }

    .sub-pagination .prev {margin-right: 2px;}
    .sub-pagination .next {margin-left: 2px;}
      .title-with-desc {
        display: block;
    }

    .n-common-title-desc {
        margin-top: 8px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.5;
    }
    .n-common-title-3 {
        margin-top: 15px;
        font-size: 20px;
        line-height: 30px;
    }

    .n-common-title-3-wrap {
        text-align: center;
		padding-bottom: 0;
    }

    .common-list {
        display: block;
        margin-top: 30px;
    }

    .common-list-item + .common-list-item {
        margin-top: 20px;
    }
    .common-list-item .image {
        height: auto;
    }

    .common-list-item .inner {
        padding: 15px;
    }

    .common-list-item {
        display: block;
    }

    .common-list-item .text {
        font-size: 18px;
        line-height: 26px;
        height: 106px;
    }

    .common-list-item .tag span {
        font-size: 12px;
        height: 26px;
        line-height: 28px;
        padding: 0 16px;
    }

    .common-sub-inner-1 {
        padding: 0 22px;
    }
    .common-tab {
        display: block;
        text-align: center;
        padding: 0 20px;
    }

    .common-tab-item {
        display: inline-block;
        margin: 0 0 10px;
        height: 28px;
        line-height: 30px;
        font-size: 14px;
        padding: 0 12px;
    }


    .btn-like {
        height: 24px;
        border-radius: 24px;
        padding: 0 6px;
        margin-right: 10px;
    }
    .btn-like .count {
        font-size: 12px;
        margin-top: 4px;
        margin-left: 4px;
    }

    .btn-like img {
       margin-top :2px;
       width: 14px;
    }

    .btn-like.active {
        padding: 0 10px;
    }

    .common-sub-top {
        margin-top: 40px;
        padding: 0 22px;
    }

    .common-sub-top .title-1 {margin-top: 40px; font-size: 20px; line-height: 26px;}
    .common-sub-top .title-2 {margin-top: 10px; font-size: 26px; line-height: 32px;}
    .common-sub-top .bottom {
        margin-top: 20px;
    }

    .common-sub-top .bottom .date {
        font-size: 12px;
        line-height: 24px;
        margin-top: 2px;
    }
	  .corner-logo-1 {
        width: 220px;
    }


    .corner-logo-2 {
        width: 150px;
    }

    .search-layer {
        top: 64px;
    }

    .search-layer .inner {
        padding: 35px 16px 20px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .search-layer .tag {
        margin-top: 32px;
    }

    .search-layer .form .custom-select {
        width: 103px;
        height: 52px;
        margin-right: 0;
        font-size: 18px;
        padding: 0 38px 0 14px;
        line-height: 54px;
        border: 0;
    }

    .search-layer .form .custom-select:before {
        width: 18px;
        height: 10px;
        right: 14px;
    }

    .search-layer .form input {
        height: 52px;
        margin-right: 0;
        font-size: 18px;
        line-height: 54px;
        padding: 0 0 0 14px;
        width: 100%;
        box-sizing: border-box;
    }

    .search-layer .form .custom-select .list {
        margin-top: 0;
    }
    .search-layer .form .custom-select .option {
        height: 52px;
        line-height: 54px;
        padding: 0 14px;
    }

    .search-layer .form .btn-type-search {
        width: 60px;
        height: 52px;
        float: none;
    }

    .search-layer .form .btn-type-search img {
        width: 25px;
        height: auto;
    }

    .search-layer .form .btn-type-close {
        margin-left: 5px;
        width: 52px;
        height: 52px;
    }

    .search-layer .tag a {
        height: 32px;
        line-height: 36px;
        padding: 0 16px;
        font-size: 16px;
        margin: 0 2px 10px;
    }


    /* 0627 */
    .top-sns-group {
        margin-right: 12px;
        column-gap: 10px;
    }
    /* 0627 */
    .top-sns-group button {
        width: 24px;
    }
    /* 0627 */
    .search-bar-container .custom-select:after {
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        height: 10px;
        margin-top: -10px;
        right: 21px;
        width: 10px;
    }
    /* 0627 */
    .search-bar-container .custom-select {
        height: 48px;
        font-size: 20px;
        line-height: 50px;
        margin-right: 10px;
        min-width: 100px;
        max-width: 100px;
        border-radius: 8px;
    }
}
@media screen and (min-width: 781px) {
    img.img-full-sample {
        display: block;
        width: 100%;
        max-width: 1200px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}
.image-col-block.caption-wide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}

.image-col-block.caption-wide > div img {
    display: block;
    width: 100%;
    height: auto;
}

/* caption-wide의 바로 아래에 있는 공통 캡션만 적용 */
.image-col-block.caption-wide > .common-desc {
    grid-column: 1 / -1;
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
}
/* 글비에 무슨일이 영상 팝업 더 크게 */
.image-view-layer.type-not-shorts .image {
    width: 92vw !important;
    max-width: 1400px !important;
    padding: 0 !important;
}

.image-view-layer.type-not-shorts .image iframe {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    max-width: none !important;
    max-height: 82vh;
}

/* 모바일 */
@media screen and (max-width: 780px) {
    .image-view-layer.type-not-shorts .image {
        width: calc(100vw - 20px) !important;
        max-width: none !important;
    }

    .image-view-layer.type-not-shorts .image iframe {
        width: 100% !important;
        height: auto !important;
        max-height: 70vh;
    }
}
/* 메인 영상 슬라이드 레이아웃 보정 */
.main-section-wrap > .main-sub-video {
    min-width: 0;
}

.main-section-4 {
    min-width: 0;
    overflow: hidden;
}

.main-section-4 .list {
    width: 100%;
    min-width: 0;
}

.main-section-4 .slick-list {
    width: 100%;
    overflow: hidden;
}

.main-section-4 .slick-track {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.main-section-4 .slick-slide {
    float: none !important;
    height: auto;
}

.main-section-4 .item img {
    display: block;
    width: 100%;
    height: auto;
}