<!DOCTYPE html>
<html lang="ko">
<head>
    
    
    <head>
        <meta charset="UTF-8" />
        <title>아키에이지 워 | Kakao Games</title>

        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="인게임 내 거래 중인 아이템들의 최신 시세를 모아보세요." />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="robots" content="index,follow" />
        <meta name="author" content="Kakao Games Corp" />

        <!-- openGraph -->
        <meta property="og:type" content="website" />
        <meta property="og:title" content="아키에이지 워 | Kakao Games" />
        <meta property="og:description" content="인게임 내 거래 중인 아이템들의 최신 시세를 모아보세요." />
        <meta property="og:image" content="https://gcdn.pcpf.kakaogames.com/service/aw/public/og-image-ko.jpg" />
        <meta property="og:url" content="https://trade-aw.kakaogames.com/" />
        <!-- twitter -->
        <meta name="twitter:card" content="summary" />
        <meta name="twitter:title" content="아키에이지 워 | Kakao Games" />
        <meta name="twitter:description" content="인게임 내 거래 중인 아이템들의 최신 시세를 모아보세요." />
        <meta name="twitter:image" content="https://gcdn.pcpf.kakaogames.com/service/aw/public/og-image-ko.jpg" />
        <meta name="twitter:domain" content="https://trade-aw.kakaogames.com/" />

        <link rel="shortcut icon" type="image/x-icon" href="https://gcdn.pcpf.kakaogames.com/service/aw/public/favicon.ico" />
        <link rel="apple-touch-icon" href="https://gcdn.pcpf.kakaogames.com/service/aw/public/favicon.png" />

    </head>

    
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WCX9B3L');</script>
    <!-- End Google Tag Manager -->

    
    <!--    <link href="https://t1.kakaocdn.net/gamepub/ui-contents/portal/starter-layer/css/starter-layer-200901.css" rel="stylesheet">-->
    <link href="/res/css/lib/slick-1.8.0-19a907b8905853c0d6012d4bb5b6d568.css" rel="stylesheet">
    <link href="/res/css/service/pc/aw-service-price.bundle-4cb62a351e670c3ade3a46d32e26e979.css" rel="stylesheet">
    <script type="text/javascript" src="/res/js/lib/jquery-1.12.4.min-3aa9b9ebda33033336cce574b6f148ed.js"></script>
    <script type="text/javascript" src="/res/js/lib/slick-1.8.0-06a20fc7b08a5abe7d6614dd834624d9.js"></script>
    <script defer type="text/javascript" src="/res/js/service/pc/aw-service-price.bundle-147722bf68223a2b6ed1db76d1bc69fd.js"></script>
    <script type="text/javascript" src="https://t1.kakaocdn.net/gamepub/js/lib/requirejs/2.3.6/require.min.js"></script>
    <script type="text/javascript">
        requirejs.config({
            baseUrl: '/res/js',
            paths: {
                jquery: 'https://t1.kakaocdn.net/gamepub/js/lib/jquery/1.12.4/jquery.min'
            }
        });
    </script>
    <!--    <link th:href="@{/res/css/service/pc/aw-pc.bundle.css}" rel="stylesheet">-->
    <!--    <script type="text/javascript" th:src="@{/res/js/service/pc/aw-pc.bundle.js}"></script>-->
    <!--    <script type="text/javascript" th:src="${wcdnHost + '/js/service/kgGGB.var.js?ts=20230412'}"></script>-->

    <!--        <th:block th:replace="~{layout/pc/fragment/pixel :: pixelHeadFragment}" />-->
</head>
<body>
<!--    <th:block th:replace="~{layout/pc/fragment/gnb :: gnbFragment}" />-->
<div id="awPrice" class="aw-price">
    
        <main id="pageItem" class="page page--item">
            <div class="header">
                <h1>
                    <a href="https://aw.kakaogames.com" target="_blank">
                        <img src="https://gcdn.pcpf.kakaogames.com/service/aw/trade/pc/images/logo-aw.svg" width="200" alt="ArcheAge WAR" />
                    </a>
                    <span onclick="location.reload();" style="cursor: pointer;">거래소 조회</span>
                </h1>

                <a href="#none" class="copy-url__link" data-clipboard-text="https://trade-aw.kakaogames.com/ko" data-msg="URL이 복사되었습니다.">
                    <span class="skip">URL 복사하기</span>
                </a>
            </div>
            <div id="container" class="container">
                <div id="contents" class="contents" role="main">

                    <section id="sectionMain" class="section section--main">
                        <div class="section__wrap">
                            <div class="section__title">
                                <h3>거래소 조회 서비스</h3>
                                <p>게임에서 거래소를 통해 거래된 아이템의 시세 등을 확인할 수 있는 서비스입니다.</p>
                            </div>

                            <div class="section__content">
                                <!--                                        <div class="price-tab">-->
                                <!--                                            &lt;!&ndash; TODO - 활성화 된 항목에 class "price-tab__link&#45;&#45;on" 추가 &ndash;&gt;-->
                                <!--                                            <a class="price-tab__link price-tab__link&#45;&#45;on" href="./items.html">-->
                                <!--                                                <span class="text">아이템</span>-->
                                <!--                                            </a>-->

                                <!--                                            <a class="price-tab__link" href="./collection.html">-->
                                <!--                                                <span class="text">컬렉션</span>-->
                                <!--                                            </a>-->
                                <!--                                        </div>-->

                                <div class="search-form">
                                    <div class="search-form__wrap">
                                        <form>
                                            <fieldset>
                                                <legend>시세조회 검색</legend>
                                                <ul class="search-form__list">
                                                    <!-- MEMO - 서버명 -->
                                                    <li class="search-form__item search-form__item--server">
                                                        <strong class="item-subject">
                                                            <label for="inputServerName">서버</label>
                                                        </strong>
                                                        <div class="item-input">

                                                            <div class="kg-mld kg-mld--server">
                                                                <!-- 서버목록 -->
                                                            </div>
                                                        </div>
                                                    </li>

                                                    <!-- MEMO - 아이템 -->
                                                    <li class="search-form__item search-form__item--name">
                                                        <strong class="item-subject">
                                                            <label for="inputItemName">아이템</label>
                                                        </strong>
                                                        <div class="item-input">
                                                        <span class="kg-input kg-input--text">
                                                            <input id="inputItemName" type="text" name="itemName" placeholder="아이템명을 입력하세요." maxlength="50">
                                                            <button class="btn-search">
                                                                <span class="skip">검색하기</span>
                                                            </button>
                                                        </span>
                                                        </div>
                                                    </li>

                                                    <!-- MEMO - 강화 단계 -->
                                                    <li class="search-form__item search-form__item--enchant">
                                                        <strong class="item-subject">
                                                            <label for="inputItemName">강화단계</label>
                                                        </strong>
                                                        <div class="item-input">
                                                            <!-- MEMO - Ion.RangeSlider (http://ionden.com/a/plugins/ion.rangeSlider/index.html) -->
                                                            <div class="inp-enchant">
                                                                <input type="text" name="itemUpgrade" />
                                                            </div>
                                                        </div>
                                                    </li>

                                                    <!-- MEMO - 아이템 등급 -->
                                                    <li class="search-form__item search-form__item--grade">
                                                        <strong class="item-subject">등급</strong>
                                                        <div class="item-input">
                                                        <span class="inp-checkbox">
                                                            <span class="kg-input kg-input--checkbox">
                                                                <input id="inputItemGradeAll" type="checkbox" name="itemGrade" value="all" checked>
                                                            </span>
                                                            <label for="inputItemGradeAll">전체</label>
                                                        </span>
                                                            
                                                            <span class="inp-checkbox">
                                                                 <span class="kg-input kg-input--checkbox kg-input--on">
                                                                    <input id="inputItemGradeCommon" type="checkbox" name="itemGrade" value="Common">
                                                                </span>
                                                                <label for="inputItemGradeCommon">일반</label>
                                                            </span><span class="inp-checkbox">
                                                                 <span class="kg-input kg-input--checkbox kg-input--on">
                                                                    <input id="inputItemGradeUncommon" type="checkbox" name="itemGrade" value="Uncommon">
                                                                </span>
                                                                <label for="inputItemGradeUncommon">고급</label>
                                                            </span><span class="inp-checkbox">
                                                                 <span class="kg-input kg-input--checkbox kg-input--on">
                                                                    <input id="inputItemGradeRare" type="checkbox" name="itemGrade" value="Rare">
                                                                </span>
                                                                <label for="inputItemGradeRare">희귀</label>
                                                            </span><span class="inp-checkbox">
                                                                 <span class="kg-input kg-input--checkbox kg-input--on">
                                                                    <input id="inputItemGradeHeroic" type="checkbox" name="itemGrade" value="Heroic">
                                                                </span>
                                                                <label for="inputItemGradeHeroic">영웅</label>
                                                            </span><span class="inp-checkbox">
                                                                 <span class="kg-input kg-input--checkbox kg-input--on">
                                                                    <input id="inputItemGradeLegendary" type="checkbox" name="itemGrade" value="Legendary">
                                                                </span>
                                                                <label for="inputItemGradeLegendary">전설</label>
                                                            </span><span class="inp-checkbox">
                                                                 <span class="kg-input kg-input--checkbox kg-input--on">
                                                                    <input id="inputItemGradeArche" type="checkbox" name="itemGrade" value="Arche">
                                                                </span>
                                                                <label for="inputItemGradeArche">태초</label>
                                                            </span>
                                                            
                                                        </div>
                                                    </li>

                                                    <!-- MEMO - 카테고리 -->
                                                    <li class="search-form__item search-form__item--category">
                                                        <strong class="item-subject">카테고리</strong>
                                                        <div class="item-input">

                                                            <!-- MEMO - 카테고리 대분류 -->
                                                            <div class="category">
                                                                <div class="category__list">
                                                                <span class="inp-radio">
                                                                    <span class="kg-input kg-input--radio">
                                                                        <input id="inputItemCategoryAll" type="radio" name="category" value="all">
                                                                    </span>
                                                                    <label for="inputItemCategoryAll">전체</label>
                                                                </span>
                                                                    
                                                                        
                                                                        <span class="inp-radio">
                                                                             <span class="kg-input kg-input--radio">
                                                                                <input id="inputItemCategoryWeapon" type="radio" name="category" value="Weapon" checked="checked">
                                                                             </span>
                                                                            <label for="inputItemCategoryWeapon">무기</label>
                                                                        </span>
                                                                        
                                                                        <span class="inp-radio">
                                                                             <span class="kg-input kg-input--radio">
                                                                                <input id="inputItemCategoryArmor" type="radio" name="category" value="Armor">
                                                                             </span>
                                                                            <label for="inputItemCategoryArmor">방어구</label>
                                                                        </span>
                                                                        
                                                                        <span class="inp-radio">
                                                                             <span class="kg-input kg-input--radio">
                                                                                <input id="inputItemCategoryAccessory" type="radio" name="category" value="Accessory">
                                                                             </span>
                                                                            <label for="inputItemCategoryAccessory">장신구</label>
                                                                        </span>
                                                                        
                                                                        <span class="inp-radio">
                                                                             <span class="kg-input kg-input--radio">
                                                                                <input id="inputItemCategorySkillBook" type="radio" name="category" value="SkillBook">
                                                                             </span>
                                                                            <label for="inputItemCategorySkillBook">기술책</label>
                                                                        </span>
                                                                        
                                                                        <span class="inp-radio">
                                                                             <span class="kg-input kg-input--radio">
                                                                                <input id="inputItemCategoryConsume" type="radio" name="category" value="Consume">
                                                                             </span>
                                                                            <label for="inputItemCategoryConsume">소모품</label>
                                                                        </span>
                                                                        
                                                                        <span class="inp-radio">
                                                                             <span class="kg-input kg-input--radio">
                                                                                <input id="inputItemCategoryEtc" type="radio" name="category" value="Etc">
                                                                             </span>
                                                                            <label for="inputItemCategoryEtc">기타</label>
                                                                        </span>
                                                                        
                                                                    
                                                                </div>
                                                            </div>

                                                            <!-- MEMO - 카테고리 상세 분류 -->
                                                            <div class="detail">
                                                                <!-- MEMO - 항목 출력 시 class "category-detail--on" 추가 -->
                                                                <!-- MEMO - 무기 상세 -->
                                                                
                                                                    <div class="detail__list" data-category-type="Weapon">
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryOnehandSword" type="checkbox" name="subCategory" value="OnehandSword"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryOnehandSword">한손검</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryCannon" type="checkbox" name="subCategory" value="Cannon"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryCannon">함포</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryRam" type="checkbox" name="subCategory" value="Ram"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryRam">충각</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryTwohandSword" type="checkbox" name="subCategory" value="TwohandSword"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryTwohandSword">양손검</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryElementalStone" type="checkbox" name="subCategory" value="ElementalStone"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryElementalStone">원소석</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryScimitar" type="checkbox" name="subCategory" value="Scimitar"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryScimitar">곡도</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryTwohandMace" type="checkbox" name="subCategory" value="TwohandMace"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryTwohandMace">양손 둔기</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryTome" type="checkbox" name="subCategory" value="Tome"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryTome">마도서</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryShotgun" type="checkbox" name="subCategory" value="Shotgun"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryShotgun">총</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryDagger" type="checkbox" name="subCategory" value="Dagger"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryDagger">단검</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryBow" type="checkbox" name="subCategory" value="Bow"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryBow">활</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryStaff" type="checkbox" name="subCategory" value="Staff"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryStaff">지팡이</label>
                                                                    </span>
                                                                        
                                                                    </div>
                                                                
                                                                    <div class="detail__list" data-category-type="Armor">
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryUnderwear" type="checkbox" name="subCategory" value="Underwear"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryUnderwear">속옷</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryUpper" type="checkbox" name="subCategory" value="Upper"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryUpper">상의</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryLower" type="checkbox" name="subCategory" value="Lower"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryLower">하의</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryGloves" type="checkbox" name="subCategory" value="Gloves"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryGloves">장갑</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryShoes" type="checkbox" name="subCategory" value="Shoes"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryShoes">신발</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryCape" type="checkbox" name="subCategory" value="Cape"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryCape">망토</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryHelm" type="checkbox" name="subCategory" value="Helm"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryHelm">투구</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryBelt" type="checkbox" name="subCategory" value="Belt"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryBelt">벨트</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryArmBand" type="checkbox" name="subCategory" value="ArmBand"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryArmBand">완장</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryMast" type="checkbox" name="subCategory" value="Mast"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryMast">돛대</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryCargo" type="checkbox" name="subCategory" value="Cargo"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryCargo">적재함</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryFigureHead" type="checkbox" name="subCategory" value="FigureHead"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryFigureHead">선수상</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryRudder" type="checkbox" name="subCategory" value="Rudder"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryRudder">키</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategorySail" type="checkbox" name="subCategory" value="Sail"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategorySail">돛</label>
                                                                    </span>
                                                                        
                                                                    </div>
                                                                
                                                                    <div class="detail__list" data-category-type="Accessory">
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryRing" type="checkbox" name="subCategory" value="Ring"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryRing">반지</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryFlag" type="checkbox" name="subCategory" value="Flag"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryFlag">깃발</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryBarrel" type="checkbox" name="subCategory" value="Barrel"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryBarrel">나무통</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryLamp" type="checkbox" name="subCategory" value="Lamp"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryLamp">조명장치</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryLookOut" type="checkbox" name="subCategory" value="LookOut"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryLookOut">탐색장치</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryArtifact" type="checkbox" name="subCategory" value="Artifact"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryArtifact">보물</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryOrnament" type="checkbox" name="subCategory" value="Ornament"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryOrnament">장식</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryElixir" type="checkbox" name="subCategory" value="Elixir"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryElixir">영약</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryGemStone" type="checkbox" name="subCategory" value="GemStone"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryGemStone">원석</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryAmulet" type="checkbox" name="subCategory" value="Amulet"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryAmulet">부적</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryBracelet" type="checkbox" name="subCategory" value="Bracelet"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryBracelet">팔찌</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryNecklace" type="checkbox" name="subCategory" value="Necklace"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryNecklace">목걸이</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryEarring" type="checkbox" name="subCategory" value="Earring"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryEarring">귀걸이</label>
                                                                    </span>
                                                                        
                                                                    </div>
                                                                
                                                                    <div class="detail__list" data-category-type="SkillBook">
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryElementalStoneSkill" type="checkbox" name="subCategory" value="ElementalStoneSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryElementalStoneSkill">원소석 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryPublicSkill" type="checkbox" name="subCategory" value="PublicSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryPublicSkill">공용 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryShipSkill" type="checkbox" name="subCategory" value="ShipSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryShipSkill">함선 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryOneHandSwordSkill" type="checkbox" name="subCategory" value="OneHandSwordSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryOneHandSwordSkill">한손검 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryTwoHandSwordSkill" type="checkbox" name="subCategory" value="TwoHandSwordSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryTwoHandSwordSkill">양손검 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryDaggerSkill" type="checkbox" name="subCategory" value="DaggerSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryDaggerSkill">단검 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryBowSkill" type="checkbox" name="subCategory" value="BowSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryBowSkill">활 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryStaffSkill" type="checkbox" name="subCategory" value="StaffSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryStaffSkill">지팡이 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryShotgunSkill" type="checkbox" name="subCategory" value="ShotgunSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryShotgunSkill">총 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryTomeSkill" type="checkbox" name="subCategory" value="TomeSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryTomeSkill">마도서 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryTwoHandMaceSkill" type="checkbox" name="subCategory" value="TwoHandMaceSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryTwoHandMaceSkill">양손둔기 기술책</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryScimitarSkill" type="checkbox" name="subCategory" value="ScimitarSkill"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryScimitarSkill">곡도 기술책</label>
                                                                    </span>
                                                                        
                                                                    </div>
                                                                
                                                                    <div class="detail__list" data-category-type="Consume">
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryScroll" type="checkbox" name="subCategory" value="Scroll"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryScroll">주문서</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryPotion" type="checkbox" name="subCategory" value="Potion"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryPotion">물약</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryEpisode" type="checkbox" name="subCategory" value="Episode"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryEpisode">의뢰서</label>
                                                                    </span>
                                                                        
                                                                    </div>
                                                                
                                                                    <div class="detail__list" data-category-type="Etc">
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryDungeonChargeEntranceCount" type="checkbox" name="subCategory" value="DungeonChargeEntranceCount"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryDungeonChargeEntranceCount">횟수충전권</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryDungeonChargeTime" type="checkbox" name="subCategory" value="DungeonChargeTime"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryDungeonChargeTime">시간 충전석</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategorySealedArmBand" type="checkbox" name="subCategory" value="SealedArmBand"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategorySealedArmBand">잠식된 완장</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryLootBox" type="checkbox" name="subCategory" value="LootBox"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryLootBox">아이템 상자</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryMaterial" type="checkbox" name="subCategory" value="Material"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryMaterial">재료</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryEtcSell" type="checkbox" name="subCategory" value="EtcSell"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryEtcSell">기타</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryContribution" type="checkbox" name="subCategory" value="Contribution"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryContribution">공헌</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryCrescentMaterial" type="checkbox" name="subCategory" value="CrescentMaterial"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryCrescentMaterial">초승돌</label>
                                                                    </span>
                                                                        
                                                                    <span class="inp-checkbox">
                                                                        <span class="kg-input kg-input--checkbox">
                                                                            <input id="inputItemSubCategoryFateMaterial" type="checkbox" name="subCategory" value="FateMaterial"  checked>
                                                                        </span>
                                                                        <label for="inputItemSubCategoryFateMaterial">운명</label>
                                                                    </span>
                                                                        
                                                                    </div>
                                                                
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                                <!-- // .search-form -->
                                <div class="search-result">
                                    <div class="search-result__count">
                                         <span id="totalItemCount"></span>개
                                    </div>
                                    <div class="search-result__caution">* 인게임 데이터 출력 시간차로 실제 게임 데이터와 상이할 수 있습니다.</div>
                                    <div class="search-result__table">
                                        <table>
                                            <caption>검색 결과</caption>
                                            <thead>
                                            <tr>
                                                <th class="cell cell--item">아이템</th>
                                                <th class="cell cell--server">서버</th>
                                                <th class="cell cell--price">최저 거래 단가</th>
                                                <th class="cell cell--price">최고 거래 단가</th>
                                                <th class="cell cell--price">평균 거래 단가</th>
                                                <th class="cell cell--price">마지막 거래 단가</th>
                                            </tr>
                                            </thead>
                                            <tbody id="searchResultTable">
                                                <tr>
                                                    <td class="cell cell--loading" colspan="6">
                                                        <div class="loading-wrap">
                                                            <span class="icon"></span>
                                                            <p>정보를 가져오고 있습니다.<br>잠시만 기다려 주세요.</p>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                            <template id="itemRowEmpty">
                                                <tr>
                                                    <td class="cell cell--empty" colspan="6"><strong>검색결과가 없습니다.</strong><p>검색어를 재확인하고 검색해 보세요.</p></td>
                                                </tr>
                                            </template>
                                            <template id="itemRow">
                                                <tr>
                                                    <td class="cell cell--item">
                                                        <div>
                                                            <!-- MEMO - 이미지 영역 44 x 44 -->
                                                            <a class="link-result-item" href="#" data-item-id="">
                                                                    <span class="thumb">
                                                                        <img src="" alt="">
                                                                    </span>
                                                                <span class="name name--">
                                                                    </span>
                                                            </a>
                                                        </div>
                                                    </td>
                                                    <td class="cell cell--server"></td>
                                                    <td class="cell cell--price">
                                                            <span class="price">
                                                                <span class="icon-unit icon-unit--dia"></span>
                                                                <span class="text text-priceMin"></span>
                                                            </span>
                                                    </td>
                                                    <td class="cell cell--price">
                                                            <span class="price">
                                                                <span class="icon-unit icon-unit--dia"></span>
                                                                <span class="text text-priceMax"></span>
                                                            </span>
                                                    </td>
                                                    <td class="cell cell--price">
                                                            <span class="price">
                                                                <span class="icon-unit icon-unit--dia"></span>
                                                                <span class="text text-priceAvg"></span>
                                                            </span>
                                                    </td>
                                                    <td class="cell cell--price">
                                                            <span class="price">
                                                                <span class="icon-unit icon-unit--dia"></span>
                                                                <span class="text text-priceSoldLast"></span>
                                                            </span>
                                                    </td>
                                                </tr>
                                            </template>
                                            <template id="itemLoading">
                                                <tr>
                                                    <!-- memo - 컨텐츠 로딩 // 특정서버 테이블인 경우 colspan 값 5 설정 -->
                                                    <td class="cell cell--loading" colspan="6">
                                                        <div class="loading-wrap">
                                                            <span class="icon"></span>
                                                            <p>정보를 가져오고 있습니다.<br>잠시만 기다려 주세요.</p>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </template>
                                        </table>
                                    </div>
                                    <div class="search-result--paging">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- // #sectionMain -->

                </div>
                <!-- // #contents -->

            </div>
            <!-- // #container -->
            <!-- // .doc-social -->

        </main>
        <!-- // #pageItem.page--item -->
        
    

        
    <footer class="footer">
        <div class="footer__wrap">
            <div class="footer__menu">
                <strong class="skip">서비스 이용정보</strong>

                

                <ul>
                    <li><a href="https://web-data-game.kakaocdn.net/real/www/html/terms/index.html?service=S0001&amp;type=T001&amp;country=kr&amp;lang=ko" target="_blank" class="footer__menu-item">서비스 약관/정책</a></li>
                    <li><a href="https://web-data-cdn.kakaogames.com/real/www/html/terms/index.html?service=S0018&amp;type=T025&amp;country=kr&amp;lang=ko" target="_blank" class="footer__menu-item footer__menu-item--policy">개인정보처리방침</a></li>
                    <li><a href="https://web-data-game.kakaocdn.net/real/www/html/terms/index.html?service=S0001&amp;type=T006&amp;country=kr&amp;lang=ko" target="_blank" class="footer__menu-item">운영정책</a></li>
                    
                </ul>
            </div>
            <small class="footer__copyright">Copyright ©
                <a href="https://www.kakaogamescorp.com" target="_blank">Kakao Games Corp</a>. ©
                <a href="https://www.xlgames.com/" target="_blank">XLGAMES Inc</a>. All Rights Reserved.</small>
            <div class="footer__company">
                <a href="https://www.kakaogamescorp.com" target="_blank" class="company-logo__link company-logo__link--kg"> <img src="https://gcdn.pcpf.kakaogames.com/service/aw/trade/pc/images/logo-kg.png" width="136" height="28" alt="kakaogames"> </a>
                <a href="https://www.xlgames.com/" target="_blank" class="company-logo__link company-logo__link--xl"> <img src="https://gcdn.pcpf.kakaogames.com/service/aw/trade/pc/images/logo-xl.png" width="115" height="28" alt="XLGAMES"> </a>
            </div>
        </div>
    </footer>

        <div class="kg-modal">
            <div class="modal modal--detail-item" role="dialog">
                <div class="modal__container">
                    <!-- MEMO - loading 시 class "modal__contents--loading" 추가 -->
                    <div class="modal__contents">
                        <div class="section-detail section-detail--item">
                            <h3 class="section-detail__title">아이템 정보</h3>

                            <div class="section-detail__content">
                                <div class="loading loading--modal">
                                    <div class="loading-wrap">
                                        <span class="icon"></span>
                                        <p>정보를 가져오고 있습니다.<br>잠시만 기다려 주세요.</p>
                                    </div>
                                </div>
                                <div class="item-name">
                                    <div>
                                <span class="thumb">
                                    <img src="" alt="" id="detailImg">
                                </span>
                                        <h4 class="name name--legendary" id="detailItemName"></h4>
                                    </div>
                                </div>

                                <div class="item-info">
                                    <div class="item-state">
                                        <div class="title">
                                            <strong>아이템 상세 정보</strong>
                                        </div>

                                        <ul id="detailItemInfo">
                                            <li>
                                                <strong id="detailCategory"></strong>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="price-server">
                                        <div class="title">
                                            <strong>시세 상세 정보</strong>

                                            <!-- MEMO - 서버 선택 -->
                                            <div class="kg-mld kg-mld--server" style="display:none;">
                                            </div>
                                        </div>

                                        <ul id="detailPriceList">
                                            <li><span class="name">최저 거래 단가</span>
                                                <span class="price">
                                                    <span class="icon-unit icon-unit--dia"></span>
                                                    <span id="detailSoldMin"></span>
                                                </span>
                                            </li>
                                            <li>
                                                        <span class="name">최고 거래 단가</span>
                                                <span class="price">
                                                            <span class="icon-unit icon-unit--dia"></span>
                                                            <span id="detailSoldMax"></span>
                                                        </span>
                                            </li>
                                            <li>
                                                        <span class="name">평균 거래 단가</span>
                                                <span class="price">
                                                            <span class="icon-unit icon-unit--dia"></span>
                                                            <span id="detailSoldAvg"></span>
                                                        </span>
                                            </li>
                                            <li>
                                                        <span class="name">마지막 거래 단가</span>
                                                <span class="price">
                                                            <span class="icon-unit icon-unit--dia"></span>
                                                            <span id="detailSoldLast"></span>
                                                        </span>
                                            </li>
                                            <li>
                                                        <span class="name">현재 최저 판매 단가</span>
                                                <span class="price">
                                                            <span class="icon-unit icon-unit--dia"></span>
                                                            <span id="detailCurrentLowest"></span>
                                                        </span>
                                            </li>
                                        </ul>
                                        <div class="loading loading--modal">
                                            <div class="loading-wrap">
                                                <span class="icon"></span>
                                                <p>정보를 가져오고 있습니다.<br>잠시만 기다려 주세요.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="price-lowest">
                                        <div class="title">
                                            <strong>서버별 시세 정보(현재 최저 판매 단가)</strong>
                                        </div>
                                        <ul id="detailLowestPriceList">
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="modal__button-area">
                        <button class="modal__button-close">
                            <span class="skip"></span>
                            <span class="text">닫기</span>
                        </button>
                    </div>

                </div>
            </div>

            
    

            <!-- // .modal modal--detail-item -->
        </div>
    
<!--    <aside class="doc-social">-->
<!--        <strong class="screen_out">소셜 리스트</strong>-->
<!--        <a href="https://pf.kakao.com/_xgbWxob" class="link_social link_talkchannel" target="_blank">-->
<!--            <span class="ico_comm ico_comm_talkchannel">카카오톡 채널 추가</span>-->
<!--        </a>-->
<!--        <a href="https://cafe.daum.net/ArcheAgeWar" class="link_social" target="_blank">-->
<!--            <span class="ico_comm ico_comm_cafe_off">다음 카페 이동</span>-->
<!--        </a>-->
<!--        <a id="floating_youtube" href="https://www.youtube.com/playlist?list=PLJ6DLXkiRvovPrTVpcB3LmUCAMd79J-KG" class="link_social" target="_blank">-->
<!--            <span class="ico_comm ico_comm_youtube_off">유튜브 이동</span>-->
<!--        </a>-->
<!--        <a th:href="${couponHost}" class="link_social" target="_blank">-->
<!--            <span class="ico_comm ico_comm_coupon_off">쿠폰 등록 이동</span>-->
<!--        </a>-->
<!--        <a id="floating_rink" th:href="${awWebHost}+'/aw/pds/rink'" class="link_social">-->
<!--            <span class="ico_comm ico_comm_rink_off">RINK 이동</span>-->
<!--        </a>-->
<!--        <a href="javascript:void(0);" class="link_social link_top">-->
<!--            <span class="ico_comm ico_comm_top_off">TOP 이동</span>-->
<!--        </a>-->
<!--    </aside>-->


</div>

    <script type="text/javascript" src="/res/js/service/pc/home-tracking-0628e98ecae1ef5b67e3eefb91b9075c.js"></script>


    
    <script>
        const lang = $('html').attr('lang');
        const regionType = lang == 'ko' ? 0 : 1;

        /*<![CDATA[*/
        const category = null ;
        const grade = [{"grade":"Common","name":"\uC77C\uBC18"},{"grade":"Uncommon","name":"\uACE0\uAE09"},{"grade":"Rare","name":"\uD76C\uADC0"},{"grade":"Heroic","name":"\uC601\uC6C5"},{"grade":"Legendary","name":"\uC804\uC124"},{"grade":"Arche","name":"\uD0DC\uCD08"}] ;
        const allServerData = {"kr":[{"realmId":1,"realmName":"\uD0A4\uD504\uB85C\uC0AC","realmNameKo":"\uD0A4\uD504\uB85C\uC0AC","realmNameEn":"Kyprosa","realmNameZhHant":"\u742A\u666E\u6D1B\u838E","realmNameZhHans":"","realmNameJa":"\u30AD\u30FC\u30D7\u30ED\u30FC\u30B6","regionType":0,"worldServerType":0},{"realmId":2,"realmName":"\uC9C4","realmNameKo":"\uC9C4","realmNameEn":"Gene","realmNameZhHant":"\u91D1","realmNameZhHans":"","realmNameJa":"\u30B8\u30F3","regionType":0,"worldServerType":0},{"realmId":3,"realmName":"\uC544\uB780\uC81C\uBE44\uC544","realmNameKo":"\uC544\uB780\uC81C\uBE44\uC544","realmNameEn":"Aranzebia","realmNameZhHant":"\u5967\u862D\u8587\u96C5","realmNameZhHans":"","realmNameJa":"\u30A2\u30FC\u30E9\u30F3\u30BC\u30D3\u30A2","regionType":0,"worldServerType":0},{"realmId":4,"realmName":"\uD0C0\uC591","realmNameKo":"\uD0C0\uC591","realmNameEn":"Tahyang","realmNameZhHant":"\u5854\u967D","realmNameZhHans":"","realmNameJa":"\u30BF\u30E4\u30F3","regionType":0,"worldServerType":0},{"realmId":5,"realmName":"\uBA5C\uB9AC\uC0AC\uB77C","realmNameKo":"\uBA5C\uB9AC\uC0AC\uB77C","realmNameEn":"Melisara","realmNameZhHant":"\u6885\u91CC\u85A9\u62C9","realmNameZhHans":"","realmNameJa":"\u30E1\u30EA\u30C3\u30B5\u30FC\u30E9","regionType":0,"worldServerType":0},{"realmId":7,"realmName":"\uC774\uB179","realmNameKo":"\uC774\uB179","realmNameEn":"Inoch","realmNameZhHant":"\u4EE5\u8AFE","realmNameZhHans":"","realmNameJa":"\u30A4\u30FC\u30CE\u30C3\u30AF","regionType":0,"worldServerType":0},{"realmId":21,"realmName":"\uADF8\uB378\uB860","realmNameKo":"\uADF8\uB378\uB860","realmNameEn":"Guedelon","realmNameZhHant":"\u845B\u6234\u502B","realmNameZhHans":"","realmNameJa":"\u30B0\u30C7\u30ED\u30F3","regionType":2,"worldServerType":4}],"global":[{"realmId":11,"realmName":"\uB77C\uC2A4\uD0C4","realmNameKo":"\uB77C\uC2A4\uD0C4","realmNameEn":"Rastan","realmNameZhHant":"\u62C9\u53F8\u5766","realmNameZhHans":"","realmNameJa":"\u30E9\u30B9\u30BF\u30F3","regionType":1,"worldServerType":0},{"realmId":12,"realmName":"\uB2E4\uD558\uD2B8","realmNameKo":"\uB2E4\uD558\uD2B8","realmNameEn":"Dahat","realmNameZhHant":"\u5854\u54C8\u7279","realmNameZhHans":"","realmNameJa":"\u30C0\u30CF\u30FC\u30C8","regionType":1,"worldServerType":0},{"realmId":13,"realmName":"\uC544\uC988\uB780","realmNameKo":"\uC544\uC988\uB780","realmNameEn":"Azran","realmNameZhHant":"\u963F\u8332\u862D","realmNameZhHans":"","realmNameJa":"\u30A2\u30BA\u30E9\u30F3","regionType":1,"worldServerType":0},{"realmId":21,"realmName":"\uADF8\uB378\uB860","realmNameKo":"\uADF8\uB378\uB860","realmNameEn":"Guedelon","realmNameZhHant":"\u845B\u6234\u502B","realmNameZhHans":"","realmNameJa":"\u30B0\u30C7\u30ED\u30F3","regionType":2,"worldServerType":4}],"universe":[{"realmId":0,"realmName":"\uAE30\uC874","realmNameKo":"\uAE30\uC874","realmNameEn":"Normal","realmNameZhHant":"\u73FE\u6709","realmNameZhHans":"\u73B0\u6709","realmNameJa":"\u4E00\u822C","regionType":1,"worldServerType":0},{"realmId":0,"realmName":"\uADF8\uB378\uB860","realmNameKo":"\uADF8\uB378\uB860","realmNameEn":"Guedelon","realmNameZhHant":"\u845B\u6234\u502B","realmNameZhHans":"\u845B\u6234\u4F26","realmNameJa":"\u30B0\u30C7\u30ED\u30F3","regionType":1,"worldServerType":4}]};
        const realmList = lang == 'ko' ? allServerData["kr"] : allServerData["global"];
        const universeOptions = allServerData["universe"];
        const itemNameList = null;

        const imageCdnHost = "https:\/\/img-web-trade.kakaogames.com\/aawg";
        const serverAll = "\uC804\uCCB4";
        const priceNone = "\uC5C6\uC74C";
        const alertEnterItemName = "\uC544\uC774\uD15C \uBA85\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694.";
        const exchangeUniverse = "\uC720\uB2C8\uBC84\uC2A4";
        const exchangeRealm = "\uB810\uB984";
        /*]]>*/
    </script>
    <script>
        // 다국어 헬퍼 함수
        function getLocalizedServerName(server) {
            if (!server) return '';
            const htmlLang = (document.documentElement.lang || 'ko').toLowerCase();
            switch(htmlLang) {
                case 'ko': return server.serverNameKo || server.serverName || '';
                case 'en': return server.serverNameEn || server.serverName || '';
                case 'ja': return server.serverNameJa || server.serverName || '';
                case 'zh-hans': return server.serverNameZhHans || server.serverName || '';
                case 'zh-hant': return server.serverNameZhHant || server.serverName || '';
                default: return server.serverName || '';
            }
        }

        function getLocalizedRealmName(server) {
            if (!server) return '';
            const htmlLang = (document.documentElement.lang || 'ko').toLowerCase();
            switch(htmlLang) {
                case 'ko': return server.realmNameKo || server.realmName || '';
                case 'en': return server.realmNameEn || server.realmName || '';
                case 'ja': return server.realmNameJa || server.realmName || '';
                case 'zh-hans': return server.realmNameZhHans || server.realmName || '';
                case 'zh-hant': return server.realmNameZhHant || server.realmName || '';
                default: return server.realmName || '';
            }
        }

        console.log(allServerData)
        $(document).ready(function() {
            const _ = window.kgUI;
            let isInit = false;
            const $elements = {
                formSearch: $('.search-form form'),
                inpItemName: $('.search-form input[name="itemName"]'),
                inpGrade: $('.search-form input[name="itemGrade"]'),
                inputEnchant: $('.aw-price .search-form__item--enchant input'),
                btnSearch: $('.search-form .btn-search'),
                linkDetailItem: $('.search-result .link-result-item'),
                inpFormServerMld: $('.aw-price .kg-mld'),
                wrapModalServer: $('.modal--detail-item .price-server'),
                wrapModalPriceLowest: $('.modal--detail-item .price-lowest'),
                inpModalServerMld: $('.modal--detail-item .kg-mld'),
                inputCategoryType: $('.search-form form .category .inp-radio input[name=category]'),
                inputCategoryAll: $("#inputItemCategoryAll"),
                inputCategoryWeapon: $("#inputItemCategoryWeapon"),
                listCategoryDetail: $('.search-form form .detail .detail__list'),
                inputCategoryDetail: $('.search-form form .detail .inp-checkbox input'),
                modalDetailItem: $('.modal--detail-item'),
                //목록
                itemCount : $('#totalItemCount'),
                searchResultTable: $('#searchResultTable'),
                searchResultTableServer: $('.search-result__table'),
                searchResultTableServerHead: $('th:nth-child(2), td:nth-child(2)'),
                searchResultPaging: $('.search-result--paging'),

                //상세
                detailImg : $('#detailImg'),
                detailItemName : $('#detailItemName'),
                detailCategory : $('#detailCategory'),
                detailInfo : $('#detailItemInfo'),
                detailPriceList : $('#detailPriceList'),
                detailLowestPriceList : $('#detailLowestPriceList'),

                //서버별 상세
                detailSoldMin: $('#detailSoldMin'),
                detailSoldMax: $('#detailSoldMax'),
                detailSoldAvg: $('#detailSoldAvg'),
                detailSoldLast: $('#detailSoldLast'),
                detailCurrentLowest: $('#detailCurrentLowest'),
            };

            let serverData = {
                listServer: [
                    {
                        label: exchangeRealm,
                        items: []
                    },
                    {
                        label: exchangeUniverse,
                        items: []
                    }
                ],
            };

            // Populate universe items
            universeOptions.forEach(function(option, index) {
                console.log(option);
                serverData.listServer[1].items.push({
                    label: getLocalizedRealmName(option),
                    value: [0, 2, option.worldServerType],
                    selected: false
                });
            });

            // Populate realm items ("전체" + 개별 렐름)
            serverData.listServer[0].items.push({
                label: serverAll,
                value: [0, 1, 0],
                selected: true
            });
            realmList.forEach(function(option, index) {
                serverData.listServer[0].items.push({
                    label: getLocalizedRealmName(option),
                    value: [option.realmId, 1, option.worldServerType],
                    selected: false
                });
            });

            let detailServerData = {
                listServer: [
                    {
                        label: exchangeRealm,
                        items: []
                    },
                    {
                        label: exchangeUniverse,
                        items: []
                    }
                ],
            };

            // Populate detail universe items
            universeOptions.forEach(function(option) {
                detailServerData.listServer[1].items.push({
                    label: getLocalizedRealmName(option),
                    value: [0, 2, option.worldServerType],
                    selected: false
                });
            });

            // Populate detail realm items (개별 렐름만)
            realmList.forEach(function(server) {
                detailServerData.listServer[0].items.push({
                    label: getLocalizedRealmName(server),
                    value: [server.realmId, 1, server.worldServerType],
                    selected: false
                });
            });

            console.log(serverData)

            const modal = {
                detailItem: null
            };
            const dropdown = {
                formServer: null,
                modalServer: null
            };
            const rangeSlider = {
                item: null
            };
            // UTIL
            // form 결과 값 반환
            function getItemSearchFormData(page) {
                const formData = {};

                const selectedValue = dropdown.formServer.getSelected().value;
                formData.realmId = selectedValue[0];
                formData.worldServerType = selectedValue[2];
                formData.serverType = selectedValue[1] === 2 ? 'UNIVERSE' : 'REALM';
                formData.lang = $('html').attr('lang');

                // 아이템명 (str)
                formData.itemName = $elements.inpItemName.val().trim();

                // 강화단계 (obj[num])
                formData.upgradeStart = parseInt(rangeSlider.item.data("ionRangeSlider").result.from_value)

                formData.upgradeEnd = parseInt(rangeSlider.item.data("ionRangeSlider").result.to_value);

                // 아이템 등급 (arr[str])
                formData.grade = (function () {
                    const result = [];

                    $elements.inpGrade.filter(':checked').each(function (index, item) {
                        if ($(item).val() == 'all') {
                            result.push($(item).val());

                            return false;
                        } else {
                            result.push($(item).val());
                        }
                    });
                    return result;
                })();


                // 카테고리
                formData.category = $elements.inputCategoryType.filter(':checked').val();

                formData.subCategory = (function() {
                    let items=[];

                    if (formData.category != 'categoryAll') {
                        $elements.listCategoryDetail.filter('[data-category-type=' + formData.category + ']').find('input:checked').each(function(index, item) {
                            items.push($(item).val());
                        });
                    }
                    return items;
                })();

                formData.page = page;

                if(formData.itemName === '' && formData.category === 'all'){
                    alert(alertEnterItemName);
                    return;
                }



                $elements.searchResultTable.empty();
                $elements.searchResultTable.append($('#itemLoading').clone().html());

                sendPriceEventGA4('itemList',
                    {
                        event : 'item_price_page',
                        server_id : formData.realmId,
                        item_id : formData.itemName,
                        item_enhancement : formData.upgradeStart +' '+ formData.upgradeEnd,
                        item_level : formData.grade,
                        item_category : formData.category
                    });
                sendPriceEventDrip('itemList',                    {
                    event : 'item_price_page',
                    server_id : 0,
                    realm_id : parseInt(formData.realmId),
                    is_realm : formData.serverType === 'REALM',
                    item_id : formData.itemName,
                    item_enhancement_start : formData.upgradeStart,
                    item_enhancement_end : formData.upgradeEnd,
                    item_level : formData.grade,
                    item_category : formData.category
                });


                $.ajax({
                    url: encodeURI('/api/items/list?' +
                        'realmId=' + formData.realmId +
                        '&regionType=' + regionType +
                        '&lang=' + formData.lang +
                        '&itemName=' + encodeURIComponent(formData.itemName) +
                        '&upgradeStepStart=' + formData.upgradeStart +
                        '&upgradeStepEnd=' + formData.upgradeEnd +
                        '&grade=' + formData.grade +
                        '&category=' + formData.category +
                        '&subCategory=' + formData.subCategory +
                        '&page=' + formData.page +
                        '&serverType=' + formData.serverType +
                        '&worldServerType=' + formData.worldServerType),
                    cache: false,
                    dataType: 'json',
                    timeout: 7000,
                    success: function (result) {
                        let isServerAll = parseInt(formData.realmId) === 0 && formData.serverType !== 'UNIVERSE';


                        setListData(result, isServerAll);
                    },
                    error: function () {
                        alert('서버와의 통신에 실패했습니다.\n잠시 후 다시 시도해 주세요.');
                    }
                });
                return formData;
            }


            // INIT
            function setModal() {
                if (typeof $.fn.kgModal !== 'function') {
                    console.error('kgModal plugin is not loaded yet');
                    return false;
                }
                modal.detailItem = $elements.modalDetailItem.kgModal({
                    cssAnimation: true,
                    blankClickToClose: true,
                    afterOpen: function() {
                        // 모달 열릴 때 로딩 클래스 추가 (초기 상태 유지)
                        $elements.modalDetailItem.find('.modal__contents').addClass('modal__contents--loading');
                    },
                    afterClose: function() {
                    }
                });
                return true;
            }

            function setDropdown() {
                if (typeof $.fn.KgMLD !== 'function') {
                    console.error('KgMLD plugin is not loaded yet');
                    return false;
                }
                dropdown.formServer = $elements.inpFormServerMld.KgMLD({
                    blankClickToClose: true,              // (선택, 기본 true) 빈곳 클릭 시 닫힘 여부
                    data: serverData.listServer,           // 서버 데이터
                    onSelect: function (selectedData) {   // select event(선택 값이 기존과 다른경우에만 실행)
                        getItemSearchFormData(1);
                    }
                });

                dropdown.modalServer = $elements.inpModalServerMld.KgMLD({
                    blankClickToClose: true,              // (선택, 기본 true) 빈곳 클릭 시 닫힘 여부
                    data: detailServerData.listServer,           // 서버 데이터
                    onSelect: function (selectedData) {   // select event(선택 값이 기존과 다른경우에만 실행)

                        let cmsKey = $elements.modalDetailItem.attr('data-item-id');
                        let upgradeStep = $elements.modalDetailItem.attr('data-item-upgrade');
                        let realmId = selectedData.value[0];
                        let worldServerType = selectedData.value[2];
                        let serverType = selectedData.value[1] === 2 ? 'UNIVERSE' : 'REALM';

                        // 로딩 창 활성화
                        $elements.wrapModalServer.find('.loading.loading--modal').show();
                        $elements.inpModalServerMld.hide();
                        // Ajax 호출 카운터 초기화
                        let ajaxCompleteCount = 0;
                        const totalAjaxCalls = 2;

                        function checkAllAjaxComplete() {
                            ajaxCompleteCount++;
                            if (ajaxCompleteCount === totalAjaxCalls) {
                                // 모든 Ajax 완료 시 로딩 클래스 제거
                                $elements.wrapModalServer.find('.loading.loading--modal').hide();
                                $elements.inpModalServerMld.show();
                            }
                        }

                        sendPriceEventGA4('serverDetail',
                            {
                                event: 'change_server_page_detail',
                                server_id : parseInt(realmId),
                                item_enhancement : parseInt(upgradeStep),
                                item_id : parseInt(cmsKey)});
                        sendPriceEventDrip('serverDetail',
                            {
                            event: 'change_server_page_detail',
                            realm_id : parseInt(realmId),
                            is_realm : serverType === 'REALM',
                            server_id : 0,
                            item_enhancement : parseInt(upgradeStep),
                            item_id : parseInt(cmsKey)});

                        ajaxPriceLowest(cmsKey, upgradeStep, realmId, serverType, worldServerType, checkAllAjaxComplete);
                        ajaxPriceDetail(cmsKey, upgradeStep, realmId, serverType, worldServerType, checkAllAjaxComplete);

                    }
                });
                return true;
            }


            function setRange() {
                rangeSlider.item = $elements.inputEnchant.ionRangeSlider({
                    type: 'double',
                    skin: 'aw',
                    step: 1,
                    values: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, '10+'],
                    from: 0,
                    to: 10,
                    grid: true,
                    onFinish: function (data) {
                        getItemSearchFormData(1);
                    },
                    onChange: function (data) {
                    }
                });
            }

            // EVENT LISTENER
            // 검색 버튼 클릭
            function onClickBtnSearch(event) {
                let formData={};
                formData.itemName = $elements.inpItemName.val().trim();
                formData.category = $elements.inputCategoryType.filter(':checked').val();

                if(formData.itemName !== '' && formData.category !== 'all'){
                    formData.category = 'all';
                    $elements.inputCategoryAll.trigger('click');
                }

                const formResult = getItemSearchFormData(1);

                event.preventDefault();
            }

            function onChangeUpgrade(){
                getItemSearchFormData(1);
            }

            function onClickCategory(event){
                let formData={};
                formData.itemName = $elements.inpItemName.val().trim();
                formData.category = $elements.inputCategoryType.filter(':checked').val();
                if(formData.itemName === '' && formData.category === 'all'){
                    alert(alertEnterItemName);
                    event.preventDefault();
                }
            }
            // 아이템 등급 변경
            function onChangeGrade() {
                const currentValue = $(this).val();
                const currentChecked = $(this).is(':checked');
                const $inpGradeAll = $elements.inpGrade.filter('[value=all]');
                const $inpGradeOther = $elements.inpGrade.not('[value=all]');
                let otherChecked = true;

                if (currentValue == 'all') {
                    if (currentChecked) {
                        $inpGradeOther.prop('checked', true);
                        $inpGradeOther.parent('.kg-input').addClass('kg-input--on');
                    } else {
                        $inpGradeOther.prop('checked', false);
                        $inpGradeOther.parent('.kg-input').removeClass('kg-input--on');
                    }
                } else {
                    otherChecked = $inpGradeOther.filter(':checked').length == $inpGradeOther.length;

                    if (otherChecked) {
                        $inpGradeAll.prop('checked', true);
                        $inpGradeAll.parent('.kg-input').addClass('kg-input--on');
                    } else {
                        $inpGradeAll.prop('checked', false);
                        $inpGradeAll.parent('.kg-input').removeClass('kg-input--on');
                    }
                }

                if(isInit){
                    getItemSearchFormData(1);
                }
            }

            function onChangeCategory() {
                let categoryValue = $(this).val();

                $elements.listCategoryDetail.removeClass('detail__list--on');
                if (categoryValue != 'categoryAll') {
                    $elements.listCategoryDetail.filter('[data-category-type=' + categoryValue + ']').addClass('detail__list--on');
                }

                getItemSearchFormData(1);
            }

            function onChangeSubCategory(){
                getItemSearchFormData(1);
            }
            function onClickLinkDetailItem(cmsKey, upgradeStep, realmId, serverType, worldServerType) {
                sendPriceEventGA4('itemDetail',
                    {
                        event : 'item_price_page_detail',
                        realm_id : realmId,
                        server_type : serverType,
                        item_enhancement : upgradeStep,
                        item_id : cmsKey});
                sendPriceEventDrip('itemDetail',
                    {
                        event : 'item_price_page_detail',
                        realm_id : parseInt(realmId),
                        is_realm : serverType === 'REALM',
                        server_id : 0,
                        item_enhancement : upgradeStep,
                        item_id : cmsKey});

                // Ajax 호출 카운터 초기화
                let ajaxCompleteCount = 0;
                const totalAjaxCalls = 3;

                function checkAllAjaxComplete() {
                    ajaxCompleteCount++;
                    if (ajaxCompleteCount === totalAjaxCalls) {
                        // 모든 Ajax 완료 시 로딩 클래스 제거
                        $elements.modalDetailItem.find('.modal__contents').removeClass('modal__contents--loading');
                        $elements.inpModalServerMld.show();
                    }
                }

                $.ajax({
                    url: encodeURI('/api/items/detail?cmsKey=' + cmsKey + '&upgradeStep=' + upgradeStep + '&lang=' + lang),
                    cache: false,
                    dataType: 'json',
                    timeout: 7000,
                    success: function (result) {

                        $elements.modalDetailItem.attr('data-item-id', cmsKey);
                        $elements.modalDetailItem.attr('data-item-upgrade', upgradeStep);

                        $elements.detailImg.attr('src', imageCdnHost + result.imageLink);
                        $elements.detailImg.attr('alt', result.itemName);

                        $elements.detailItemName.text(result.itemName);
                        $elements.detailItemName.attr('class',`name name--${result.grade?.toLowerCase()}`);
                        $elements.detailCategory.text(result.category);

                        $elements.detailInfo.find('.detail__li').remove();
                        for (let i = 0; i < result.statList.length; i++){
                            $elements.detailInfo.append('<li class="detail__li">'+result.statList[i]+'</li>');
                        }
                        // 개행 문자 정규화: 이스케이프된 문자열 리터럴(\r\n, \r, \n)을 실제 개행으로 변환
                        const normalizedDescription = result.description
                            .replace(/\\r\\n/g, '\n')  // 문자열 리터럴 \r\n을 개행으로
                            .replace(/\\r/g, '\n')     // 문자열 리터럴 \r을 개행으로
                            .replace(/\\n/g, '\n')     // 문자열 리터럴 \n을 개행으로
                            .replace(/\r\n/g, '\n')    // 실제 \r\n을 개행으로
                            .replace(/\r/g, '\n');     // 실제 \r을 개행으로
                        $elements.detailInfo.append('<li class="detail__li"><pre>'+normalizedDescription+'</pre></li>');

                        checkAllAjaxComplete();
                    },
                    error: function () {
                        alert('서버와의 통신에 실패했습니다.\n잠시 후 다시 시도해 주세요.');
                        checkAllAjaxComplete();
                    }
                });


                console.log(serverType)
                console.log(worldServerType)

                ajaxPriceLowest(cmsKey, upgradeStep, realmId, serverType, worldServerType, checkAllAjaxComplete);
                ajaxPriceDetail(cmsKey, upgradeStep, realmId, serverType, worldServerType, checkAllAjaxComplete);

                modal.detailItem.open();

            }


            function ajaxPriceDetail(cmsKey, upgradeStep, realmId, serverType, worldServerType, callback){
                $elements.wrapModalServer.addClass('price-server--loading');
                $elements.wrapModalPriceLowest.addClass('price-server--loading');

                let priceUrl = '/api/items/price?cmsKey=' + cmsKey + '&upgradeStep=' + upgradeStep + '&realmId=' + realmId + '&serverType=' + serverType + '&worldServerType=' + (worldServerType ?? '');

                $.ajax({
                    url: encodeURI(priceUrl),
                    cache: false,
                    dataType: 'json',
                    timeout: 7000,
                    success: function (result) {
                        if (callback) callback();

                        $elements.wrapModalServer.removeClass('price-server--loading');
                        $elements.wrapModalPriceLowest.removeClass('price-server--loading');
                        dropdown.modalServer.setSelected([realmId, serverType === 'UNIVERSE' ? 2 : 1, worldServerType]);

                        // API 응답의 다국어 서버 이름을 사용하여 드롭다운 라벨 직접 업데이트
                        const htmlLang = (document.documentElement.lang || 'ko').toLowerCase();
                        let serverLabel = '';
                        switch(htmlLang) {
                            case 'ko': serverLabel = result.worldNameKo || result.worldName || ''; break;
                            case 'en': serverLabel = result.worldNameEn || result.worldName || ''; break;
                            case 'ja': serverLabel = result.worldNameJa || result.worldName || ''; break;
                            case 'zh-hans': serverLabel = result.worldNameZhHans || result.worldName || ''; break;
                            case 'zh-hant': serverLabel = result.worldNameZhHant || result.worldName || ''; break;
                            default: serverLabel = result.worldName || '';
                        }
                        if (serverLabel) {
                            $elements.inpModalServerMld.find('.kg-mld__selected .label').text(serverLabel);
                        }

                        $elements.detailSoldMin.text(priceFormat(result.soldMin));
                        $elements.detailSoldMax.text(priceFormat(result.soldMax));
                        $elements.detailSoldAvg.text(priceFormat(result.soldAvg));
                        $elements.detailSoldLast.text(priceFormat(result.priceSoldLast));
                        $elements.detailCurrentLowest.text(priceFormat(result.priceCurrentMin));
                    },
                    error: function () {
                        alert('서버와의 통신에 실패했습니다.\n잠시 후 다시 시도해 주세요.');
                        if (callback) callback();
                    }
                });
            }


            function ajaxPriceLowest(cmsKey, upgradeStep, realmId, serverType, worldServerType, callback){

                let lowestUrl = '/api/items/price/lowest?cmsKey=' + cmsKey + '&upgradeStep=' + upgradeStep + '&realmId=' + realmId + '&serverType=' + serverType + '&worldServerType=' + (worldServerType ?? '') + '&regionType=' + regionType;

                $.ajax({
                    url: encodeURI(lowestUrl),
                    cache: false,
                    dataType: 'json',
                    timeout: 7000,
                    success: function (result) {
                        $elements.detailLowestPriceList.empty();

                        console.log(result);
                        result.forEach(item =>
                            $elements.detailLowestPriceList.append(`<li><span class="name">${getLocalizedServerName(item)}</span><span class="price"><span class="icon-unit icon-unit--dia"></span>${priceFormat(item.soldMin)}</span></li>`)
                        )

                        if (!result.length){
                            $elements.detailLowestPriceList.append(`<li><span class="name">${priceNone}</span></li>`);
                        }

                        if (callback) callback();
                    },
                    error: function () {
                        alert('서버와의 통신에 실패했습니다.\n잠시 후 다시 시도해 주세요.');
                        if (callback) callback();
                    }
                });
            }

            function addItemRow(item, isServerAll){
                var t = document.querySelector('#itemRow');
                var tb = document.querySelector("tbody");
                var clone = document.importNode(t.content, true);

                var oid = clone.querySelector(".link-result-item");
                var name = clone.querySelector(".name")
                var img = clone.querySelector("img");
                var server = clone.querySelector(".cell--server");

                var priceSoldLast = clone.querySelector(".text-priceSoldLast");
                var priceAvg = clone.querySelector(".text-priceAvg");
                var priceMax = clone.querySelector(".text-priceMax");
                var priceMin = clone.querySelector(".text-priceMin");

                oid.setAttribute("data-item-id", item.oid);

                console.log(item.serverType)
                console.log(item.worldServerType)
                oid.addEventListener('click', () => onClickLinkDetailItem(item.oid, item.upgrade, item.realmId, item.serverType, item.worldServerType));
                img.setAttribute("src", imageCdnHost + item.imageLink);

                name.classList.add("name--" + item.grade.toLowerCase());
                name.textContent = item.itemName;
                server.textContent = item.realmName || '';


                priceSoldLast.textContent = priceFormat(item.priceSoldLast);
                priceAvg.textContent = priceFormat(item.soldAvg);
                priceMax.textContent = priceFormat(item.soldMax);
                priceMin.textContent = priceFormat(item.soldMin);

                if (!isServerAll) server.style.display = 'none';

                return clone;
            }

            function addItemRowEmpty(){
                var t = document.querySelector('#itemRowEmpty');
                var clone = document.importNode(t.content, true);

                return clone;
            }



            function setListData(result, isServerAll){
                $elements.searchResultTable.empty();
                $elements.searchResultPaging.empty();
                $elements.itemCount.text(result.itemCount);

                if(result.list.length === 0){
                    $elements.searchResultTable.append(addItemRowEmpty());
                }
                else{
                    result.list.forEach(item => $elements.searchResultTable.append(addItemRow(item, isServerAll)));
                }

                if (isServerAll){
                    $elements.searchResultTableServer.removeClass('search-result__table--item-server');
                    $elements.searchResultTableServer.addClass('search-result__table--item');
                    $elements.searchResultTableServerHead.show();

                }
                else{
                    $elements.searchResultTableServer.removeClass('search-result__table--item');
                    $elements.searchResultTableServer.addClass('search-result__table--item-server');
                    $elements.searchResultTableServerHead.hide();
                }

               setPaging(result.paging);
            }



            function setPaging(paging){
                if(paging !== undefined){
                    createPageElement('btn-paging btn-paging--prev', 'skip', paging.prevPage, '이전');
                    for(let page of paging.pageList){
                        if (paging.curPage === page){
                            createPageElement('btn-paging btn-paging--on', 'text', page, page);
                        }else{
                            createPageElement('btn-paging', 'text', page, page);
                        }
                    }
                    createPageElement('btn-paging btn-paging--next', 'skip', paging.nextPage, "다음");
                }

            }



            function createPageElement(aCss, spanCss, page, text){
                let pagingDiv = document.querySelector(".search-result--paging");
                let span= document.createElement("span");
                span.textContent = text;
                span.className = spanCss;

                let a = document.createElement("a");
                a.className = aCss;

                if(page != null){
                    a.style.cursor = 'pointer';
                    a.setAttribute("data-page", page);
                    a.addEventListener('click', () => getItemSearchFormData(page));
                }

                a.appendChild(span);
                pagingDiv.appendChild(a);
            }



            function priceFormat(value){

                if (value == null || value == 0) return `${priceNone}`;

                if (value < 1) {
                    // 1 미만: 소수점 최대 4자리 (반올림)
                    var rounded = parseFloat(value.toFixed(4));
                    return rounded.toString();
                }

                // 1 이상: 정수 표기 (반올림) + 천 단위 콤마
                return Math.round(value).toLocaleString();

            }

            function sendPriceEventGA4(event, param){
                var gaParams = {};
                switch (event){
                    case 'itemList':
                        gaParams = {
                            event : param.event,
                            server_id : param.server_id,
                            item_id : param.item_id,
                            item_enhancement : param.item_enhancement,
                            item_level : param.item_level,
                            item_category : param.item_category
                        }
                        break;
                    case 'itemDetail':
                        gaParams = {
                            event : param.event,
                            server_id : param.server_id,
                            item_id : param.item_id,
                            item_enhancement : param.item_enhancement
                        }
                        break;
                    case 'serverDetail':
                        gaParams = {
                            event : param.event,
                            server_id : param.server_id,
                            item_id : param.item_id,
                            item_enhancement : param.item_enhancement
                        }
                        break;
                }

                dataLayer.push(gaParams);
            }

            function sendPriceEventDrip(event, params){

                getMemberId()
                    .then(res => {
                        const user = JSON.parse(res);

                        if (user.userId !== 0 ){
                            if (params != null){
                                params.mid = user.userId;
                            }

                            fetch("/api/drip/send",{
                                method: "POST",
                                headers: {
                                    "Content-Type": "application/json;charset=utf-8"
                                },
                                body: JSON.stringify(params)
                            });
                        }

                    });

                async function getMemberId(){
                    var member = await fetch("https://svc-api.game.daum.net/analytics/ga/info", {credentials: "include"})
                    return await member.text()
                }
            }

            // SET EVENT
            function initializePlugins() {
                var modalReady = setModal();
                var dropdownReady = setDropdown();

                if (!modalReady || !dropdownReady) {
                    // 플러그인이 아직 로드되지 않았으면 100ms 후 재시도
                    setTimeout(initializePlugins, 100);
                    return;
                }

                // 플러그인이 모두 로드되면 나머지 초기화 진행
                setRange();
                $elements.inputCategoryType.on('change', onChangeCategory);
                $elements.inputCategoryType.on('click', onClickCategory);
                $elements.inputCategoryDetail.on('click',onChangeSubCategory);
                $elements.inpGrade.on('change', onChangeGrade);
                $elements.btnSearch.on('click', onClickBtnSearch);
                $elements.linkDetailItem.on('click', onClickLinkDetailItem);

                $elements.inpGrade.trigger('change');
                $elements.inputCategoryWeapon.trigger('change');

                isInit = true;
            }

            // 초기화 시작
            initializePlugins();
        });
    </script>
    <script src="/res/js/service/pc/trade-tracking-7b87384c20239c777084259f08074c10.js"></script>

<!--<script type="text/javascript" th:src="@{/res/js/service/pc/home-tracking.js}"></script>-->
</body>
</html>