<div class="event-pc">
    <div class="wing"><span><a href="https://www.dukomall.com/boards/events/1131897" target="_blank"><img src="https://www.theduko.com/promotion/dukomall/260325/wing.png"></a></span></div>
    <div class="tops">
        <h1><span><img src="https://www.theduko.com/promotion/dukomall/260325/h1-title3.png"></span></h1>
        
        <div class="tab-container">
            <ul>
                <li><a href="#benefit-01"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-01.png"></a></li>
                <li><a href="#benefit-02"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-02.png"></a></li>
                <li><a href="#benefit-03"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-03.png"></a></li>
                <li><a href="#benefit-04"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-04.png"></a></li>
            </ul>
        </div>
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_01.jpg"></div>
    </div>

    
    <div id="benefit-01">
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec01-main.png"></h2>
            <div class="coupon-container">
                <ul>
                    <li><img src="https://www.theduko.com/promotion/dukomall/260325/cp-01.png"></li>
                    <li><img src="https://www.theduko.com/promotion/dukomall/260325/cp-02.png"></li>
                    <li><img src="https://www.theduko.com/promotion/dukomall/260325/cp-plus.png"></li>
                </ul>
            </div>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_02.jpg"></div>
        </div>
        
        <div class="btn-container">
            <span><a href="https://www.dukomall.com/member/register-method" target="_blank">회원가입 바로가기</a></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_03.jpg"></div>
        </div>
    </div>
    
    <div><img src="https://www.theduko.com/promotion/dukomall/260325/pc-ex.jpg"></div>
    
    <div id="benefit-02">
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec02-main.png"></h2>
            <div class="dooong"><img src="https://www.theduko.com/promotion/dukomall/260325/dooooong.png"></div>
            <span><img src="https://www.theduko.com/promotion/dukomall/260325/cp-03.png"></span>            
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_04.jpg"></div>
        </div>
        
        <div class="btn-container">
            <span><a href="https://pf.kakao.com/_JBxmxfxb" target="_blank">채널추가 바로가기</a></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_05.jpg"></div>
        </div>
    </div>

    
    <div class="how-container">
        <ul id="how-group">
            <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-01.png"></li>
            <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-02.png"></li>
            <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-03.png"></li>
            <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-04.png"></li>
        </ul>
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_06.jpg"></div>
    </div>
    
    <div style="background-color: #f2f8e2;">
        <details>
            <summary style="cursor: pointer;"><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_07.jpg"></summary>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_08.jpg"></div>
        </details>
    </div>

    
    <div id="benefit-03">
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec03-main.png"></h2>
            <span><img src="https://www.theduko.com/promotion/dukomall/260325/gift.png"></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_09.jpg"></div>
        </div>
    </div>
    
    <div style="background-color: #f1fde3;">
        <details>
            <summary style="cursor: pointer;"><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_10.jpg"></summary>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_11.jpg"></div>
        </details>
    </div>
    
    
    <div id="benefit-04">
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec04-main.png"></h2>
            <span><img src="https://www.theduko.com/promotion/dukomall/260325/chance.png"></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_12.jpg"></div>
        </div>
    </div>
    
    <div style="background-color: #ddebeb;">
        <details>
            <summary style="cursor: pointer;"><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_13.jpg"></summary>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_pc_14.jpg"></div>
        </details>
    </div>
</div>

<style>
    .event-pc {width:1510px; text-align: center; font-size: 0; line-height: 0; margin: 0 auto; position: relative;}
    
    .event-pc .wing {position: absolute; top: 52px; right: 65px; margin: 0 auto; display: flex;}
    .event-pc .wing span {
        animation: wing-rote 10s linear infinite; z-index: 2;
    }
    @keyframes wing-rote {
        0% {
            transform: rotate(0deg);
        } 100% {
            transform: rotate(360deg);
        }
    }
    
    /* 상단 */
    .event-pc .tops{position: relative;}
    .event-pc h1 {width: 550px; position: absolute; left: 485px; top: 140px; display: flex; justify-content: center;}
    .event-pc span {flex: 1;}
    .event-pc h1 img {width: 100%;}
    
    .event-pc .tab-container {
        position: absolute; left: 0; right: 0; top: 555px;
    }
    .event-pc .tab-container ul {
        padding: 0; margin: 0 auto; display: flex; justify-content: center;
    }
    .event-pc .tab-container li {margin: 0 -25px;}
    
    /* 베네핏1 */
    .event-pc .h2-container {position: relative;}
    .event-pc #benefit-01 h2 {
        position: absolute; left: 0; right: 0; top: 104px;
    }
    .event-pc #benefit-01 .coupon-container {
        position: absolute; left: 0; right: 0; top: 441px;
    }
    .event-pc #benefit-01 .coupon-container ul {
        padding: 0; position: relative;
        display: flex; flex-wrap: wrap; width: 634px; margin: 0 auto; justify-content: center;
    }
    .event-pc #benefit-01 .coupon-container li {
        margin-bottom: -40px;
    }
    .event-pc #benefit-01 .coupon-container li:last-child{
        position: absolute; left: 0; right: 0; top: 184px; margin: 0 auto;
    }
    
    /* 버튼 */
    .event-pc .btn-container {position: relative;}
    .event-pc .btn-container span {position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; display: flex; justify-content: center;}
    .event-pc .btn-container a {width: 580px; height: 75px;}
    
    /* 베네핏2 */
    .event-pc #benefit-02 h2 {
        position: absolute; left: 0; right: 0; top: 104px; margin: 0 auto;
    }
    .event-pc #benefit-02 .dooong{
        position: absolute; left: 148px; top: 146px; animation: wing-rote 10s linear infinite;
    }
    .event-pc #benefit-02 .h2-container span{
        position: absolute; left: 0; right: 0; top: 355px; margin: 0 auto;
    }
    
    /* 하우투 */
    .event-pc .how-container {position: relative;}
    .event-pc .how-container ul {
        padding: 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 50px;
        width: 1210px; position: absolute; left: 0; right: 0; top: 313px;
    }
    
    /* 베네핏3 */
    .event-pc #benefit-03 h2 {
        position: absolute; left: 0; right: 0; top: 104px; margin: 0 auto;
    }
    .event-pc #benefit-03 .h2-container span{
        position: absolute; left: 0px; right: 0; top: 406px; margin: 0 auto;
    }
    
    /* 베네핏4 */
    .event-pc #benefit-04 h2 {
        position: absolute; left: 0; right: 0; top: 104px; margin: 0 auto;
    }
    .event-pc #benefit-04 .h2-container span{
        position: absolute; left: 0px; right: 0; top: 332px; margin: 0 auto;
    }
    </style>

<div class="event-mo">
    <div class="wing"><span><a href="https://www.dukomall.com/boards/events/1131897" target="_blank"><img src="https://www.theduko.com/promotion/dukomall/260325/wing.png"></a></span></div>
    <div class="tops">
        <h1><span><img src="https://www.theduko.com/promotion/dukomall/260325/h1-title3.png"></span></h1>
        
        <div class="tab-container">
            <ul>
                <li><a href="#benefit-01"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-01.png"></a></li>
                <li><a href="#benefit-02"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-02.png"></a></li>
                <li><a href="#benefit-03"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-03.png"></a></li>
                <li><a href="#benefit-04"><img src="https://www.theduko.com/promotion/dukomall/260325/tab-04.png"></a></li>
            </ul>
        </div>
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_01.jpg"></div>
    </div>

    
    <div id="benefit-01">
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_02.jpg"></div>
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec01-main.png"></h2>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_03.jpg"></div>
        </div>
        <div class="coupon-container">
            <div class="coupon-wrap">
                <ul>
                    <li><img src="https://www.theduko.com/promotion/dukomall/260325/cp-01.png"></li>
                    <li><img src="https://www.theduko.com/promotion/dukomall/260325/cp-02.png"></li>
                    <li><img src="https://www.theduko.com/promotion/dukomall/260325/cp-plus.png"></li>
                </ul>
            </div>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_04.jpg"></div>
        </div>
        
        <div class="btn-container">
            <span><a href="https://www.dukomall.com/member/register-method" target="_blank">회원가입 바로가기</a></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_05.jpg"></div>
        </div>
    </div>
    
    <div><img src="https://www.theduko.com/promotion/dukomall/260325/mo-ex.jpg"></div>

    
    <div id="benefit-02">
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_06.jpg"></div>
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec02-main.png"></h2>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_07.jpg"></div>
        </div>
        <div class="coupon-container">
            <span><img src="https://www.theduko.com/promotion/dukomall/260325/cp-03.png"></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_08.jpg"></div>
        </div>
        
        <div class="btn-container">
            <span><a href="https://pf.kakao.com/_JBxmxfxb" target="_blank">채널추가 바로가기</a></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_09.jpg"></div>
        </div>
    </div>

    
    <div class="how-container">
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_10.jpg"></div>
        <div class="how-container">
            <ul id="how-wrap">
                <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-01.png"></li>
                <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-02.png"></li>
                <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-03.png"></li>
                <li><img src="https://www.theduko.com/promotion/dukomall/260325/how-04.png"></li>
            </ul>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_11.jpg"></div>
        </div>
    </div>
    
    <div style="background-color: #f2f8e2;">
        <details>
            <summary style="cursor: pointer;"><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_12.jpg"></summary>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_13.jpg"></div>
        </details>
    </div>

    
    <div id="benefit-03">
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_14.jpg"></div>
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec03-main.png"></h2>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_15.jpg"></div>
        </div>
        <div class="gift-container">
            <span><img src="https://www.theduko.com/promotion/dukomall/260325/gift.png"></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_16.jpg"></div>
        </div>
    </div>
    
    <div style="background-color: #f1fde3;">
        <details>
            <summary style="cursor: pointer;"><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_17.jpg"></summary>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_18.jpg"></div>
        </details>
    </div>
    
    
    <div id="benefit-04">
        <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_19.jpg"></div>
        <div class="h2-container">
            <h2><img src="https://www.theduko.com/promotion/dukomall/260325/H2-sec04-main.png"></h2>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_20.jpg"></div>
        </div>
        <div class="chance-container">
            <span><img src="https://www.theduko.com/promotion/dukomall/260325/chance-mo.png"></span>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_21.jpg"></div>
        </div>
    </div>
    
    <div style="background-color: #ddebeb;">
        <details>
            <summary style="cursor: pointer;"><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_22.jpg"></summary>
            <div><img src="https://www.theduko.com/promotion/dukomall/260325/promotion_mo_23.jpg"></div>
        </details>
    </div>
</div>
<style>
    .event-mo {width:100%; max-width: 640px; text-align: center; font-size: 0; line-height: 0; margin: 0 auto; position: relative;}
    .event-mo img {width: 100%;}
    
    .event-mo .wing {
        position: absolute; top: 0; right: 0; margin: calc(37 / 640 * 100%) calc(20 / 640 * 100%) 0 auto; display: flex;
        width: calc(150 / 640 * 100%); 
    }
    .event-mo .wing span {
        animation: wing-rote 10s linear infinite; z-index: 2;
    }
    @keyframes wing-rote {
        0% {
            transform: rotate(0deg);
        } 100% {
            transform: rotate(360deg);
        }
    }
    
    /* 상단 */
    .event-mo .tops{position: relative;}
    .event-mo h1 {width: calc(510 / 640 * 100%); position: absolute; left: 0; right: 0; top: 0; display: flex; justify-content: center; margin: calc(203 / 640 * 100%) auto 0;}
    .event-mo span {flex: 1;}
    
    .event-mo .tab-container {
        position: absolute; left: 0; right: 0; top: 0; margin: calc(590 / 640 * 100%) auto 0; 
    }
    .event-mo .tab-container ul {
        padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;
        width: 100%;
    }
    .event-mo .tab-container li {margin: -3%; width: 54%;}
    
    /* 베네핏1 */
    .event-mo .h2-container {position: relative;}
    .event-mo #benefit-01 h2 {
        position: absolute; left: 0; right: 0; top: 0;
        width: calc(473 / 640 * 100%); margin: 0 auto;
    }
    .event-mo .coupon-container {position: relative;}
    .event-mo #benefit-01 .coupon-wrap {
        position: absolute; left: 0; right: 0; top: 0;
    }
    .event-mo #benefit-01 .coupon-container ul {
        padding: 0; position: relative; width: calc(634 / 640 * 100%);
        display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center;
    }
    .event-mo #benefit-01 .coupon-container li:first-child {
        margin-bottom: calc(-40 / 640 * 100%);
    }
    .event-mo #benefit-01 .coupon-container li:last-child{
        position: absolute; left: 0; right: 0; top: 0; z-index: 2;
        width: calc(62 / 640 * 100%); margin: calc(191 / 640 * 100%) auto;
    }
    
    /* 버튼 */
    .event-mo .btn-container {position: relative;}
    .event-mo .btn-container span {position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; display: flex; justify-content: center;}
    .event-mo .btn-container a {width: 580px; height: 75px;}
    
    /* 베네핏2 */
    .event-mo #benefit-02 h2 {
        position: absolute; left: 0; right: 0; top: 0;
        width: calc(504 / 640 * 100%); margin: 0 auto;
    }
    
    .event-mo #benefit-02 .coupon-container span{
        position: absolute; left: 0; right: 0; top: 0;
        width: calc(634 / 640 * 100%); margin: 0 auto;
    }
    
    /* 하우투 */
    .event-mo .how-container {position: relative;}
    .event-mo .how-container ul {
        padding: 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;
        position: absolute; left: 0; right: 0; top: 0;
        width: calc(580 / 640 * 100%); margin: 0 auto;
    }
    .event-mo .how-container li:not(:first-child) {
        margin-top: 2%;
    }
    
    /* 베네핏3 */
    .event-mo #benefit-03 h2 {
        position: absolute; left: 0; right: 0; top: 0;
        width: calc(260 / 640 * 100%); margin: 0 auto;
    }
    .event-mo #benefit-03 .gift-container {position: relative;}
    .event-mo #benefit-03 .gift-container span{
        position: absolute; left: 0px; right: 0; top: 0;
        width: calc(604 / 640 * 100%); margin: 0 auto;
    }
    
    /* 베네핏4 */
    .event-mo #benefit-04 h2 {
        position: absolute; left: 0; right: 0; top: 0;
        width: calc(280 / 640 * 100%); margin: 0 auto;
    }
    .event-mo #benefit-04 .chance-container {position: relative;}
    .event-mo #benefit-04 .chance-container span{
        position: absolute; left: 0px; right: 0; top: 0;
        width: calc(580 / 640 * 100%); margin: 0 auto;
    }
    </style>



<div class="event-date" style="display: none;">2026.04.06 ~ 2026.04.19 </div>

이벤트

이벤트