:root {
    --imc25-d: 900ms;
    --imc25-e: cubic-bezier(0.19, 1, 0.22, 1);
    --imc25-font-sans: 'Noto Sans KR', sans-serif;
    --imc25-font-serif: 'ITCGaramondStd-BkCond', serif;
    /* [ìˆ˜ì • í¬ì¸íŠ¸] ì¹´ë"œ 간격 ë° ë ˆì´ì•„웃 */
    --imc25-gap: 20px;       /* ì¹´ë"œ ì‚¬ì´ ê°„ê²© */
    --imc25-columns: 4;      /* í•œ ì¤„ì— ë°°ì¹˜í•  ì¹´ë"œ 수 */
    /* ì¹´ë"œ ë†'ì´ (뉴발란스 ì´ë¯¸ì§€ ë¹„ìœ¨ì— ë§žì¶¤) */
}

.imc_content {
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 18%, rgba(218, 226, 224, 1) 100%);
}


section {
    display: flex;
    flex-direction: column;
    align-items: center; /* 가로 ì¤'ì•™ ì •ë ¬ */
    width: 100%;
    overflow: hidden;
}

/* 섹션 ë‚´ì˜ ëª¨ë"  ì´ë¯¸ì§€ ì¤'ì•™ ì •ë ¬ */
section img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; /* 부모 너비를 넘지 않게 ì„¤ì • */
}

.text01 {
    margin:calc(60 * var(--vw)) auto calc(160 * var(--vw));
    width: calc(823 * var(--vw))!important;
}

.section01 .img01{
    width: calc(1440 * var(--vw))!important;
    padding: 0 calc(240 * var(--vw));
    margin: 0 auto calc(40 * var(--vw));
}
.section01 .text02{
    margin-bottom: 124px;
    width: calc(484 * var(--vw))!important;
}
.section01 .img02{
    width: calc(1440 * var(--vw))!important;
    padding: 0 calc(240 * var(--vw));
    margin: 0 auto calc(40 * var(--vw));

}

.section02 {
    position: relative;
    background: url("https://ndev.image.nbkorea.com/NBRB_PC/event/imc/NEWIDEASBEGIN509/fadein_bg.png") no-repeat center;
    width: 100%;
    height: calc(1145 * var(--vw));
    margin-bottom: calc(160 * var(--vw));
    background-size: contain;
}

.img03 {
    width: calc(299 * var(--vw))!important;
    position: absolute;
    top: 0%;
    left: 51%;
}
.img04 {
    width: calc(598 * var(--vw))!important;
    position: absolute;
    left: 67%;
}
.img05 {
    width: calc(895 * var(--vw))!important;
    position: absolute;
    top: 46%;
    left: 2.8%;
}

.section03 {
    display: block;
}



.imc25-page-content {
    display: grid;
    grid-template-columns: repeat(var(--imc25-columns), 1fr);
    grid-gap: var(--imc25-gap);
    padding: 0 55px;
    margin: 0 auto;
    width: calc(1810 * var(--vw));
    margin-bottom: calc(160 * var(--vw));
}

.imc25-card {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    width: 100%;
    height: calc(588 * var(--vw));
    text-align: center;
    color: #ffffff; /* í…스트 í°ìƒ‰ ê³ ì • */
    background-color: #000; /* ì´ë¯¸ì§€ ë¡œë"œ ì „ ê²€ì€ìƒ‰ ë°°ê²½ */
}

/* ë°°ê²½ ì´ë¯¸ì§€ ë ˆì´ì–´ */
.imc25-card-img {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    /* transitionì— opacity ì• ë‹ˆë©"ì´ì…˜ ì¶"ê°€ */
    transition: transform calc(var(--imc25-d) * 1.5) var(--imc25-e), opacity calc(var(--imc25-d) * 1.5) var(--imc25-e);
    z-index: 0;
    opacity: 1; /* 기본 ìƒíƒœ 불투명 */
}

/* í…스트 ê°€ë…ì„±ì„ ìœ„í•œ ì–´ë'ìš´ ì˜¤ë²„ë ˆì´ */
.imc25-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 하단ì—ì„œ 위로 올ë¼ì˜¤ëŠ" ê²€ì€ ê·¸ë¼ë°ì´ì…˜ */
    z-index: 1;
    pointer-events: none;
}

.imc25-content {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: calc(64 * var(--vw)) calc(20 * var(--vw)) calc(30 * var(--vw));
    height: 100%;

    /* 기본 ìƒíƒœ: ì œëª©ë§Œ ì‚´ì§ ë³´ì´ê³  나머지ëŠ" 아래로 숨김 */
    transform: translateY(72%);
    transition: 0.25s ease-in-out;
    box-sizing: border-box;
}

.imc25-title {
    font-family: var(--imc25-font-serif);
    font-size: calc(36 * var(--vw));
    font-weight: bold;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5); /* í…스트 그림ìžë¡œ ê°€ë…성 확보 */
    letter-spacing: -0.05em;
}

.imc25-copy {
    font-family: "noto sans kr"; /* ë³¸ë¬¸ì€ ì½ê¸° 편하게 Sans-serif */
    font-size: calc(18 * var(--vw));
    margin-top: calc(15 * var(--vw));
    opacity: 0;
    transition: opacity var(--imc25-d) var(--imc25-e);
    font-weight: 400;
    letter-spacing: -0.05em;
}


.imc25-btn {
    font-family: "ProximaNova";
    padding: 10px 20px;
    font-size: calc(30 * var(--vw));
    font-weight: 400;
    color: #fff;
    border: none;
    opacity: 0;
    transition: opacity var(--imc25-d) var(--imc25-e);
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

/* Hover 효과 */
.imc25-card:hover .imc25-content {
    transform: translateY(0);
}


.imc25-card:hover .imc25-card-img {
    transform: scale(1.05); /* ì´ë¯¸ì§€ê°€ ì‚´ì§ ì»¤ì§€ëŠ" 효과 */
    opacity: 0.8; /* ì´ì œ ì´ ë³€í™"ê°€ transitionì— ì˜í•´ ì• ë‹ˆë©"ì´ì…˜ 처리ë©ë‹ˆë‹¤ */
}

.imc25-card:hover .imc25-copy,
.imc25-card:hover .imc25-btn {
    opacity: 1;
}

.img10 {
    width: calc(1810 * var(--vw))!important;
    padding: 0 55px;
    margin: 0 auto;
}