/* [폰트] */
/* 경기천년 제목 */
@font-face {
    font-family: "Gyeonggi_Title_Light";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Gyeonggi_Title_Medium";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Gyeonggi_Title_Bold";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

/* 원스토어 모바일 POP */
@font-face {
    font-family: "ONE-Mobile-POP";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* 에스코어 드림 */
@font-face {
    font-family: "S-CoreDream-4Regular";
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "S-CoreDream-5Medium";
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "S-CoreDream-6Bold";
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
.board_hongbo3_wrap {
    --f-g-lgt: "Gyeonggi_Title_Light";
    --f-g-med: "Gyeonggi_Title_Medium";
    --f-g-bld: "Gyeonggi_Title_Bold";
    --f-scd-reg: "S-CoreDream-4Regular";
    --f-scd-med: "S-CoreDream-5Medium";
    --f-scd-bld: "S-CoreDream-6Bold";
    --f-pop: "ONE-Mobile-POP";
    /*  */
    --_blue: #3c52f3;
    --_indigo: #091969;
    --_skyblue: #4ef5fb;
    /*  */
    line-height: 1;
    word-break: keep-all;
    font-family: var(--f-g-med), "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

@container wrap (width >=720px) {
    br.mobile {
        display: none;
    }
}

@container wrap (width < 720px) {
    br.pc {
        display: none;
    }
}

/* ======================================= */
.f-skyblue {
    color: var(--_skyblue);
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [키비쥬얼] */
.gdmanual2025kv {
    --_pad-hr: clamp(20px, 4.2vw, 40px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: 100%;
    aspect-ratio: 96 / 83;
    background: var(--_indigo);
}

@container wrap (width >=720px) {
    .gdmanual2025kv {
        padding-bottom: clamp(20px, 18.3vw, 180px);
    }
}

@container wrap (width < 720px) {
    .gdmanual2025kv {
        --_pad-hr: clamp(10px, 2.8vw, 20px);
        aspect-ratio: 72 / 107;
        padding-bottom: clamp(20px, 36.5vw, 280px);
    }
}

/* ======================================= */
/* 배경 이미지 */
.bgKv.gdmanual2025kv-img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    mix-blend-mode: overlay;
}

@container wrap (width >=720px) {
    .bgKv.gdmanual2025kv-img.mobile {
        display: none;
    }
}

@container wrap (width < 720px) {
    .bgKv.gdmanual2025kv-img.pc {
        display: none;
    }
}

/* ======================================= */
/* [키비쥬얼] */
.kv.gdmanual2025kv-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2 * var(--_pad-hr));
}

@container wrap (width >=720px) {
    .kv.gdmanual2025kv-img.mobile {
        display: none;
    }
}

@container wrap (width < 720px) {
    .kv.gdmanual2025kv-img.pc {
        display: none;
    }
}

/* ======================================= */
/* 텍스트 */
.gdmanual2025kv-text {
    position: relative;
    line-height: 1.5;
    text-align: center;
    font-weight: normal;
    font-size: clamp(16px, 2.9vw, 28px);
    color: #fff;
}

.gdmanual2025kv-text .highlight {
    display: inline-block;
    padding: 0 .15em;
    background: var(--_blue);
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [메뉴]:wrap */
.gdmanual2025nav-wrap {
    position: relative;
    width: 100%;
    line-height: 1;
}

/* [메뉴] */
.gdmanual2025nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    width: 100%;
    padding: 10px;
    background: var(--_blue, #3c52f3);
}

.gdmanual2025nav.fixed {
    position: fixed;
    z-index: 1000;
    box-sizing: border-box;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.gdmanual2025nav.fixed.hide {
    opacity: 0;
    pointer-events: none;
}

/* 버튼 */
.gdmanual2025nav-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative;
    width: 100%;
    padding: .3em 0;
    background: transparent;
    border: none;
    border-radius: 100px;
    line-height: 1;
    font-family: "Gyeonggi_Title_Bold";
    font-weight: normal;
    font-size: clamp(14px, 5.2vw, 40px);
    color: #cedeff;
    cursor: pointer;
}

.gdmanual2025nav-btn.on {
    background: var(--_indigo, #091969);
    color: #fff;
}

/* 텍스트 */
.gdmanual2025nav-btn-text {
    pointer-events: none;
}

/* 버튼 속 봉공이 */
.gdmanual2025nav-btn-ic {
    display: none;
    height: .7em;
    pointer-events: none;
}

.gdmanual2025nav-btn.on .gdmanual2025nav-btn-ic {
    display: inline-block;
}

@media all and (max-width:720px) {
    .gdmanual2025nav {
        padding: 6px;
    }

    .gdmanual2025nav-btn {
        gap: 5px;
        padding: .5em 0;
    }

    .gdmanual2025nav-btn-ic {
        height: 1em;
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [전체 컨텐츠 영역] */
.gdmanual2025box {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(20px, 5.8vw, 56px) clamp(10px, 9.4vw, 90px) clamp(30px, 7.3vw, 70px);
    background: var(--_bg-box);
}

@container wrap (width < 720px) {
    .gdmanual2025box {
        padding: clamp(50px, 13.9vw, 100px) clamp(10px, 4.2vw, 30px) clamp(55px, 15.3vw, 110px);
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [전체 컨텐츠 영역 배경 도형들] */
.gdmanual2025box-bg {
    position: absolute;
    width: clamp(175px, 22.9vw, 220px);
    pointer-events: none;
    user-select: none;
}

/* [개별] : 노란색 */
.yellow1.gdmanual2025box-bg {
    top: 0;
    right: 0;
    transform: translate(25%, -30%);
}

.yellow2.gdmanual2025box-bg {
    left: 0;
    top: clamp(90px, 12vw, 115px);
}

.yellow3.gdmanual2025box-bg {
    right: 0;
    bottom: 0;
    transform: translate(25%, 20%);
}

/* [개별] : 파란색 */
.blue1.gdmanual2025box-bg {
    right: 20px;
    top: clamp(40px, 10.4vw, 100px);
}

.blue2.gdmanual2025box-bg {
    left: 20px;
    top: 50%;
}

.blue3.gdmanual2025box-bg {
    right: 0;
    bottom: 0;
    transform: translate(10%, -80%);
}

/* --------------------------------------- */
@container wrap (width < 720px) {
    .gdmanual2025box-bg {
        width: clamp(110px, 30.6vw, 220px);
    }

    .yellow1.gdmanual2025box-bg {
        width: clamp(85px, 24.6vw, 177px);
    }

    .yellow2.gdmanual2025box-bg {
        left: -30px;
        width: clamp(85px, 24.6vw, 177px);
    }

    .yellow3.gdmanual2025box-bg {
        width: clamp(85px, 24.6vw, 177px);
        transform: translate(25%, -25%);
    }

    .blue1.gdmanual2025box-bg {
        right: 0;
        transform: translate(60%, 0);
    }

    .blue2.gdmanual2025box-bg {
        left: 0;
        transform: translate(-30%, 0);
    }

    .blue3.gdmanual2025box-bg {
        transform: translate(10%, -15%);
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [부모 영역 타이틀] */
.gdmanual2025boxtop {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
    font-family: var(--f-g-bld);
    font-size: clamp(16px, 3.6vw, 35px);
    font-weight: normal;
}

/* 봉공이 */
.gdmanual2025boxtop-ic {
    margin-bottom: clamp(10px, 2.5vw, 24px);
}

/* 텍스트 */
.gdmanual2025boxtop-title {
    font-size: 1em;
    color: var(--_indigo);
}

.gdmanual2025boxtop-title strong {
    box-shadow: inset 0 -.25em 0 #3c51f33c;
    color: var(--_blue);
}

@container wrap (width < 720px) {
    .gdmanual2025boxtop-ic {
        width: clamp(40px, 9vw, 65px);
    }

    .gdmanual2025boxtop {
        font-size: clamp(20px, 5.6vw, 40px);
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [내부 박스] */
.gdmanual2025bx {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    padding: clamp(20px, 4.2vw, 40px) clamp(10px, 4.2vw, 40px) clamp(25px, 5.7vw, 55px);
    background: var(--_bg);
    border-radius: clamp(10px, 3.1vw, 30px);
    box-shadow:
        inset 5px 5px 0px var(--_light),
        inset -5px -5px 3px var(--_shadow);
    container-name: inbox;
    container-type: inline-size;
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [박스 장식용 일러스트] */
.gdmanual2025bx-ill {
    position: absolute;
    pointer-events: none;
    user-select: none;
}

/* [개별] */
.heartBalloon.gdmanual2025bx-ill {
    right: 0;
    top: 0;
    transform: translate(20%, -40%);
    width: clamp(58px, 18.9vw, 181px);
}

.paperPlane.gdmanual2025bx-ill {
    left: 0;
    bottom: 0;
    transform: translate(-25%, 20%);
    width: clamp(75px, 15.1vw, 145px);
}

.dotBalloon.gdmanual2025bx-ill {
    left: 0;
    top: 0;
    transform: translate(-65%, -100%);
    width: clamp(70px, 19.1vw, 183px);
}

.bulb.gdmanual2025bx-ill {
    left: 100%;
    top: 50%;
    transform: translate(15%, 10%);
    width: clamp(60px, 12.6vw, 121px);
}

.megaphone.gdmanual2025bx-ill {
    left: 0;
    bottom: 0;
    transform: translate(-23%, 25%);
    width: clamp(72px, 18.9vw, 181px);
}

@container wrap (width < 720px) {
    .paperPlane.gdmanual2025bx-ill {
        transform: translate(-10%, 20%);
    }

    .dotBalloon.gdmanual2025bx-ill {
        width: clamp(70px, 19.4vw, 140px);
        transform: translate(-40%, -120%);
    }

    .bulb.gdmanual2025bx-ill {
        width: clamp(50px, 16vw, 121px);
        transform: translate(-50%, 10%);
    }

    .megaphone.gdmanual2025bx-ill {}
}

@container inbox (width < 500px) {
    .heartBalloon.gdmanual2025bx-ill {
        transform: translate(10%, 150%);
    }

    .paperPlane.gdmanual2025bx-ill {
        width: clamp(65px, 15.1vw, 145px);
        transform: translate(-10%, 60%);
    }

    .dotBalloon.gdmanual2025bx-ill {
        width: clamp(55px, 13.4vw, 100px);
        transform: translate(-50%, -120%);
    }
}

@container inbox (width < 300px) {
    .heartBalloon.gdmanual2025bx-ill {
        transform: translate(10%, 180%);
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [박스 내 상단 흰 말풍선] */
.gdmanual2025bx-bln {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: .35em .7em .3em;
    margin-bottom: 1.1em;
    background: #fff;
    border-radius: 100px;
    font-size: clamp(16px, 2.6vw, 25px);
    font-weight: normal;
    color: var(--_font-color, #000000);
}

/* 꼬리표 */
.gdmanual2025bx-bln::after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: clamp(10px, 2.4vw, 23px);
    aspect-ratio: 1.2/1;
    transform: translate(-50%, -3px);
    background: #fff;
    clip-path: polygon(20% 0, 0% 100%, 100% 0);
}

/* step */
.gdmanual2025bx-bln-step {
    position: relative;
    padding-right: .4em;
    margin-right: .4em;
    font-family: var(--f-g-bld);
}

.gdmanual2025bx-bln-step::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: .8em;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    background: var(--_font-color);
}
@container inbox (width < 500px){
    .gdmanual2025bx-bln-step::after{
        width:1px;
        right:-1px;
    }
}
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [박스 내 상단 공통 큰 제목 텍스트] */
.gdmanual2025bx-toptext {
    position: relative;
    width: 100%;
    margin-bottom: 1.1em;
    line-height: 1.4;
    letter-spacing: -.02em;
    text-align: center;
    font-family: var(--f-g-bld);
    font-weight: normal;
    font-size: clamp(16px, 3.1vw, 30px);
    color: #000;
}

@container wrap (width < 720px) {
    .gdmanual2025bx-toptext {
        font-size: clamp(20px, 5.6vw, 40px);
    }
}

@container wrap (width < 500px) {
    .gdmanual2025bx-toptext {
        margin-bottom: .5em;
        font-size: clamp(18px, 4.6vw, 40px);
    }
}

/* 구불구불 밑줄 */
.gdmanual2025bx-toptext .underline {
    position: relative;
    color: var(--_font-color);
}

.gdmanual2025bx-toptext .underlineImg {
    position: absolute;
    width: calc(100% + .5em);
    height: auto;
    left: -.25em;
    top: 100%;
}

.gdmanual2025bx-toptext .underlineImg.purple {
    top: 90%;
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [힌트보기 링크(텍스트)] */
.gdmanual2025-hintlink {
    position: relative;
    padding-bottom: .2em;
    margin-top: .7em;
    border-bottom: 1px solid var(--_font-color);
    text-decoration: none;
    font-family: var(--f-scd-bld);
    font-size: clamp(14px, 2.1vw, 20px);
    color: var(--_font-color);
}

.gdmanual2025-hintlink:hover,
.gdmanual2025-hintlink:active,
.gdmanual2025-hintlink:visited,
.gdmanual2025-hintlink:focus {
    color: var(--_font-color);
}

.gdmanual2025-hintlink::after {
    content: ">";
    padding-left: .25em;
}

@container wrap (width <720px) {
    .gdmanual2025-hintlink {
        margin-top:.9em;
        font-size: clamp(12px, 3.3vw, 24px);
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [검은 링크 버튼 (툴팁 달린거)] */
.gdmanual2025-linkbtn {
    display: block;
    position: relative;
    width: 100%;
    max-width: 370px;
    padding: .5em 0;
    margin-top: clamp(15px, 3.1vw, 30px);
    border-radius: 2px;
    text-decoration: none;
    background: #000;
    text-align: center;
    font-family: var(--f-g-bld);
    font-weight: normal;
    font-size: clamp(20px, 4.2vw, 40px);
    color: #fff;
    cursor:pointer;
}

.gdmanual2025-linkbtn:hover,
.gdmanual2025-linkbtn:active,
.gdmanual2025-linkbtn:focus,
.gdmanual2025-linkbtn:visited {
    color: #fff;
}

.gdmanual2025-linkbtn.off {
    background: rgba(0, 0, 0, .3);
    color: rgba(0, 0, 0, .6);
    pointer-events: none;
    user-select: none;
}

@container wrap (width < 720px) {
    .gdmanual2025-linkbtn {
        width: 80%;
        padding: .55em 0;
        font-size: clamp(20px, 5.6vw, 40px);
    }
}

/* 일반 텍스트 */
.gdmanual2025-linkbtn-txt {
    position: relative;
}

.gdmanual2025-linkbtn-txt::after {
    content: ">";
    padding-left: .25em;
}
/* ------------------------------------------------ */
/* 툴팁 */
.gdmanual2025-linkbtn-tooltip {
    position: absolute;
    top: 0;
    right: clamp(10px, 2.1vw, 20px);
    transform: translateY(-50%);
    padding: .33em .6em .2em;
    background: #fef299;
    border-radius: 100px;
    line-height:1;
    text-align:center;
    font-family: var(--f-scd-bld);
    font-size: 14px;
    color: #000;
    pointer-events: none;
    user-select: none;
    animation: moveLinkTooltip 2.5s ease-in-out infinite;
}

/* 이벤트 종료후 */
.gdmanual2025-linkbtn-tooltip.afterDate {
    right: -3em;
    animation: none;
}
.gdmanual2025-linkbtn.off .gdmanual2025-linkbtn-tooltip.beforeDate,
.gdmanual2025-linkbtn:not(.off) .gdmanual2025-linkbtn-tooltip.afterDate {
    display: none;
}

/* 꼬리표 */
.gdmanual2025-linkbtn-tooltip::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: calc(100% - 2px);
    width: 12px;
    transform: translateX(-50%);
    aspect-ratio: 1.4/1;
    background: #fef299;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}

@container wrap (width < 720px) {
    .gdmanual2025-linkbtn-tooltip {
        padding:.4em .6em .3em;
        font-family: var(--f-scd-reg);
        font-size: clamp(12px, 1.9vw, 18px);
    }
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [박스 내 최하단 노트] */
.gdmanual2025bxquiz-note {
    position: relative;
    width: 100%;
    margin-top: .5em;
    line-height: 1.3;
    font-family: var(--f-scd-reg);
    text-align: center;
    font-size: clamp(12px, 1.7vw, 16px);
    color: #000;
}

.gdmanual2025bxquiz-note::before {
    content: "※";
    margin-right: .25em;
}

/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [박스 사이 스테이플러 심] */
.gdmanual2025-stapler-wrap {
    --_gap: clamp(15px, 4.2vw, 40px);
    position: relative;
    z-index: 5;
    width: 100%;
    height: clamp(15px, 2.1vw, 20px);
}

.gdmanual2025-stapler {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(8px, 1.5vw, 14px);
    aspect-ratio: 1/3.7;

}

.gdmanual2025-stapler:first-child {
    left: var(--_gap);
}

.gdmanual2025-stapler:last-child {
    right: var(--_gap);
}

@container wrap (width < 720px) {
    .gdmanual2025-stapler {
        aspect-ratio: 1/4.3;
    }
}

/* 그림자 */
.gdmanual2025-stapler::before,
.gdmanual2025-stapler::after {
    content: "";
    display: block;
    position: absolute;
    width: 130%;
    aspect-ratio: 1/1;
    left: 50%;
    border-radius: 50%;
    filter: brightness(0.8) saturate(1.5);
}

.gdmanual2025-stapler::before {
    top: 0;
    transform: translate(-50%, -30%);
    background: var(--_top-color);

}

.gdmanual2025-stapler::after {
    bottom: 0;
    transform: translate(-50%, 30%);
    background: var(--_btm-color);
}

/* 바 */
.gdmanual2025-stapler-bar {
    position: relative;
    z-index: 11;
    width: 100%;
    height: 100%;
    background: #11217a;
    border-radius: 100px;
    box-shadow:
        inset -2px -2px 0 #06104a,
        inset 3px 3px 5px rgba(255, 255, 255, .3);
}

/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* [이벤트 정보(dl,dt,dd)] */
.gdmanual2025bxinfo-list {
    --_gap: clamp(10px, 2.1vw, 20px);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--_gap);
    position: relative;
    width: 100%;
}

@container inbox (width < 500px) {
    .gdmanual2025bxinfo-list {
        --_gap: clamp(12px, 3.5vw, 25px);
    }
}

/* [줄] */
.gdmanual2025bxinfo-list-item {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(var(--_gap) / 2) var(--_gap);
    position: relative;
    width: 100%;
}

@container inbox (width < 500px) {
    .gdmanual2025bxinfo-list-item {
        flex-flow: column nowrap;
    }
}

/* ------------------------------------------- */
/* [dt] */
.gdmanual2025bxinfo-list-item-dt {
    min-width: 6em;
    padding: .5em .7em;
    background: #f6d35b;
    border-radius: 100px;
    line-height: 1;
    font-family: var(--f-g-bld);
    text-align: center;
    font-weight: normal;
    font-size: clamp(14px, 2.6vw, 25px);
    color: #000;
}

/* ------------------------------------------- */
/* [오른쪽 영역] */
.gdmanual2025bxinfo-list-item-ctnt {
    flex: 1 0 0;
    position: relative;
    font-size: clamp(16px, 3.1vw, 30px);
    font-weight: normal;
    color: #000;
}

@container inbox (width < 500px) {
    .gdmanual2025bxinfo-list-item-ctnt {
        width: 100%;
        padding:0 .5em;
    }
}

/* ------------------------------------------- */
/* 일반 텍스트 */
.gdmanual2025bxinfo-list-item-dd,
.gdmanual2025bxinfo-list-item-step {
    position: relative;
    line-height: 1.5;
    font-family: var(--f-g-bld);
}

/* ------------------------------------------- */
/* 스텝 */
.gdmanual2025bxinfo-list-item-step .step {
    display: inline-block;
    position: relative;
    transform: skewX(-15deg);
}

/* 일반 텍스트 */
.gdmanual2025bxinfo-list-item-step .txt {
    position: relative;
    margin-left: .35em;
    padding-left: .35em;
}

.gdmanual2025bxinfo-list-item-step .txt::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2px;
    height: .9em;
    background: #000;
}

/* ------------------------------------------- */
/* 목록 내 노트 */
.gdmanual2025bxinfo-list-item-note {
    --_color: #0d30de;
    position: relative;
    margin-top: .25em;
    font-family: var(--f-scd-reg);
    font-size: clamp(12px, 1.7vw, 16px);
    color: #000;
}

@container inbox (width < 500px) {
    .gdmanual2025bxinfo-list-item-note {
        margin-top: 0;
    }
}

.gdmanual2025bxinfo-list-item-note::before {
    content: "※";
    margin-right: .25em;
}

/* 목록 내 노트 속 링크 */
.gdmanual2025bxinfo-list-item-note .link-note {
    display: inline-block;
    position: relative;
    padding: .3em;
    background: #fff;
    text-decoration: none;
    font-family: var(--f-scd-med);
    color: var(--_color);
}

.gdmanual2025bxinfo-list-item-note .link-note:hover,
.gdmanual2025bxinfo-list-item-note .link-note:active,
.gdmanual2025bxinfo-list-item-note .link-note:focus,
.gdmanual2025bxinfo-list-item-note .link-note:visited {
    color: var(--_color);
}

.gdmanual2025bxinfo-list-item-note .link-note::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - .37em);
    width: calc(100% - .8em);
    height: 1px;
    background: var(--_color);
}

/* ------------------------------------------- */
/* [상품 목록] */
.gdmanual2025-prize {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--_gap);
    position: relative;
    width: 100%;
}

@container inbox (width < 500px) {
    .gdmanual2025-prize {
        grid-template-columns: 1fr;
    }
}

/* 아이템 */
.gdmanual2025-prize-item {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: clamp(10px, 2.1vw, 20px) 0 clamp(10px, 2.1vw, 14px);
    background: #fff;
    border-radius: 10px;
    text-align: center;
}

@container inbox (width < 500px) {
    .gdmanual2025-prize-item {
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
        padding: clamp(14px, 2.1vw, 20px) clamp(8px, 2.1vw, 10px);
    }
}

/* 아이템 > 이미지 + 명수 영역 */
.gdmanual2025-prize-item-top {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

@container inbox (width >=500px) {
    .gdmanual2025-prize-item-top {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
}

@container inbox (width < 500px) {
    .gdmanual2025-prize-item-top {
        margin-bottom: 0;
        width: auto;
    }

}

/* 아이템 > 이미지 */
.gdmanual2025-prize-item:first-child .gdmanual2025-prize-item-top-img {
    height: clamp(50px, 8.5vw, 82px);
}

.gdmanual2025-prize-item:last-child .gdmanual2025-prize-item-top-img {
    height: clamp(50px, 7.9vw, 76px);
}
@container inbox (width < 500px) {
    .gdmanual2025-prize-item:first-child .gdmanual2025-prize-item-top-img,
    .gdmanual2025-prize-item:last-child .gdmanual2025-prize-item-top-img{
        width:clamp(80px, 20.1vw, 145px);
        height:auto;
    }
    .gdmanual2025-prize-item:last-child .gdmanual2025-prize-item-top-img{
        padding-left:5px;
    }
}
/* 아이템 > 명수 */
.gdmanual2025-prize-item-top-people {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
    position: relative;
    width: clamp(45px, 6.5vw, 62px);
    border-radius: 50%;
    aspect-ratio: 1/1;
    background: var(--_blue);
    font-weight: normal;
    font-family: var(--f-g-med);
    color: #fff;
    box-shadow: 2px 2px 0 #0d2185;
}

.gdmanual2025-prize-item-top-people.strlen-1 {
    padding-top: .5em;
    font-size: clamp(12px, 1.9vw, 18px);
}

.gdmanual2025-prize-item-top-people.strlen-3 {
    padding-top: .25em;
    font-size: clamp(12px, 1.9vw, 14px);
}

/*  */
.gdmanual2025-prize-item-top-people strong {
    position: relative;
    font-weight: normal;
    font-family: var(--f-g-bld);
}

.gdmanual2025-prize-item-top-people.strlen-1 strong {
    transform: translateY(-10%);
    font-size: 2em;
}

.gdmanual2025-prize-item-top-people.strlen-3 strong {
    font-size: 1.429em;
}

/* 아이템 > 상품명 */
.gdmanual2025-prize-item-title {
    line-height: 1.2;
    text-align: center;
    font-weight: normal;
    font-family: var(--f-g-bld);
    font-size: clamp(14px, 2.1vw, 18px);
}

/* 아이템 > 상품명 부가설명 */
.gdmanual2025-prize-item-note {
    display: block;
    margin-top: 3px;
    font-weight: normal;
    font-family: var(--f-g-med);
    font-size: clamp(12px, 1.5vw, 14px);
}

@container inbox (width >=500px) {
    .gdmanual2025-prize-item-top-people {
        margin-left: -25px;
    }
    .gdmanual2025-prize-item-title br.kick{display:none;}
}

@container inbox (width < 500px) {
    .gdmanual2025-prize-item-top-people {
        position: absolute;
        left: 50%;
        bottom:0;
        /* bottom: 50%; */
        transform: scale(.8) translate(45%, 0%);
        width: 39px;
    }

    .gdmanual2025-prize-item-top-people.strlen-1 {
        padding-top: .2em;
    }

    .gdmanual2025-prize-item-top-people.strlen-1 strong {
        transform: translateY(0%);
        font-size: 1.5em;
    }

    .gdmanual2025-prize-item-top-people.strlen-3 strong {
        font-size: 1em;
    }

    .gdmanual2025-prize-item-title {
        text-align: left;
        padding-left: 3px;
    }

    .gdmanual2025-prize-item-note {
        margin-top: 0;
    }
}

/* ------------------------------------------- */
/* [이미지 노트](봉공이) */
.gdmanual2025bxinfo-list-item-noteimg {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-left: 1.8em;
    margin-top: .25em;
    font-family: var(--f-pop);
    font-weight: normal;
    font-size: clamp(12px, 1.6vw, 15px);
    color: var(--_indigo);
}

/* 봉공이 */
.gdmanual2025bxinfo-list-item-noteimg-ic {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2.8em;
}

/* 텍스트 */
.gdmanual2025bxinfo-list-item-noteimg-txt {
    padding: .6em .6em .5em 1em;
    background: #fff;
}

.gdmanual2025bxinfo-list-item-noteimg .f-skyblue {
    color: #007ee9;
}

/* ================================================================ */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [초성퀴즈] */
.gdmanual2025apbh {
    position: relative;
    width: 100%;
}

/* 영역 */
.gdmanual2025apbh .pc,
.gdmanual2025apbh .mobie {
    position: relative;
    width: 100%;
}

@container inbox (width >=700px) {
    .gdmanual2025apbh .mobile {
        display: none;
    }
}

@container inbox (width < 700px) {
    .gdmanual2025apbh .pc {
        display: none;
    }
}

/* 줄 */
.gdmanual2025apbh-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    width: 100%;
}

.gdmanual2025apbh-row:nth-child(2) {
    margin-top: 10px;
}

/* 초성 */
.gdmanual2025apbh-word,
.gdmanual2025apbh-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 .13em;
    aspect-ratio: 13/17.5;
    font-family: var(--f-scd-bld);
    font-size: clamp(50px, 10.4vw, 100px);
    color: #000;
}

.gdmanual2025apbh-word {
    background: #fff;
    border-radius: 1px;
    box-shadow: 3px 3px 0 #f9afb6;
}


/* ================================================================ */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [뉴스레터 카드] */
.gdmanual2025chkcard {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(7px, 1.6vw, 15px);
    position: relative;
    width: 100%;
}

@container inbox (width < 360px) {
    .gdmanual2025chkcard {
        grid-template-columns: 1fr;
    }
}

/* 아이템 */
.gdmanual2025chkcard-item {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding: clamp(10px, 2.6vw, 25px) 5px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 3px 3px 0 #d0b5f8;
    text-align: center;
    font-size: clamp(14px, 2.5vw, 24px);
    color: var(--_font-color);
}

@container inbox (width < 360px) {
    .gdmanual2025chkcard-item {
        flex-flow: row nowrap;
    }
}

/* -------------------------- */
/* 아이템 상단 : 번호 + 체크 */
.gdmanual2025chkcard-item-top {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    margin-bottom: .5em;
}

/* 번호 */
.gdmanual2025chkcard-item-idx {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    padding: 3px 5px 0 5px;
    background: var(--_bg);
    border-radius: 50%;
}

/* 체크 */
.gdmanual2025chkcard-item-checkpurple {
    position: relative;
    margin-left: -.25em;
    height: 1.8em;
}

/* -------------------------- */
/* 하단 텍스트 */
.gdmanual2025chkcard-item-txt {
    line-height: 1.3;
}
/* -------------------------- */

@container inbox (width < 360px) {
    .gdmanual2025chkcard-item-idx {
        padding: 3px 3px 0 3px;
        font-size:.85em;
    }
    .gdmanual2025chkcard-item-txt {
        padding-left: .25em;
        min-width: 9.3em;
    }
}

/* ================================================================ */
/* ======================================= */
/* ======================================= */
/* ======================================= */
/* [FOOTER] */
.gdmanual2025ftr {
    --_clr: #202531;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 15px clamp(10px, 3.3vw, 30px);
    position: relative;
    width: 100%;
    padding: clamp(40px, 6.3vw, 40px) clamp(10px, 6vw, 30px);
    background: #8da5f2;
}

@container wrap (width < 720px) {
    .gdmanual2025ftr {
        flex-flow:column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

/* ------------------------------- */
/* 좌측 제목 */
.gdmanual2025ftr-title {
    position: relative;
    line-height: 1.2;
    letter-spacing:-.025em;
    text-align: left;
    font-weight: normal;
    font-size: clamp(20px, 3.1vw, 28px);
    color: var(--_clr);
}

/* 상단 도형 */
.shapeDots {
    width: 2em;
    margin-bottom: .5em;
}

/* ------------------------------- */
/* 우측 내용 */
.gdmanual2025ftr-list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    position: relative;
    line-height: 1.35;
    font-family: var(--f-scd-reg);
    font-size: 14px;
    color: var(--_clr);
}

/* 우측내용 아이템 */
.gdmanual2025ftr-list-item {
    position: relative;
    width: 100%;
    line-height:1.9;
    padding-left: .5em;
    color:var(--_clr);
}

.gdmanual2025ftr-list-item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    /* top: calc(.5em); */
    top:.8em;
    width: 3px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--_clr);
}

/* 링크 */
.gdmanual2025ftr-list-item a {
    text-decoration:underline;
    padding: .1em .2em;
    background: #fff;
    color: #002dd4;
}

.gdmanual2025ftr-list-item a:hover,
.gdmanual2025ftr-list-item a:active,
.gdmanual2025ftr-list-item a:visted,
.gdmanual2025ftr-list-item a:focus {
    color: #002dd4;
}
/* 굵은 글씨 */
.gdmanual2025ftr-list-item strong{
    font-weight:normal;
    font-family:var(--f-scd-bld);
}
@container wrap (width < 500px) {
    .gdmanual2025ftr-list {
        font-size: 12px;
    }
}

/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
@keyframes moveLinkTooltip {
    0% {
        transform: translateY(-50%);
    }

    50% {
        transform: translateY(calc(-50% - clamp(5px, 1vw, 10px)));
    }

    100% {
        transform: translateY(-50%);
    }
}