<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="_csrf" content="96b74c73-3be1-4c8e-95ed-10285dd52759"/>
		<meta name="_csrf_header" content="X-CSRF-TOKEN"/>
		<meta name="_csrf_parameterName" content="_csrf"/>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!--  기획전 og:image 별도처리  (type:20 url 직접입력) -->
		<meta property="og:type"          content="website" />
		<meta property="og:site_name"     content="OLIVE YOUNG" />
		<meta property="og:locale"        content="en_US" />
		<meta property="og:title"         content="COSRX Acne Pimple Master Patch 24 Count | OLIVE YOUNG Global" />
		<meta property="og:url"           content="https://global.oliveyoung.com/product/detail?prdtNo=GA210000525" />
		<meta property="og:image"         content="https://cdn-image.oliveyoung.com/prdtImg/1022/00c61b3d-21f2-4e7c-baa4-13ff954acaf5.jpg" />
		<meta property="og:description"	  content="COSRX Acne Pimple Master Patch 24 Count | Discover all things K-Beauty at OLIVE YOUNG Global. Shop skincare, makeup, beauty tools, supplements & more at great prices. Free shipping on orders over US$60." />
		<meta property="fb:app_id" content="581565842633204" />
		
		<meta name="google-site-verification" content="yFzpS2dLcJWFfHTJzGmfXbGjVQTnn0_GQMohtVictO8"/>
		<meta name="facebook-domain-verification" content="licfajy2v1rb5c58ki9zgcg33s8usy" />
		<meta name="description" content="Discover all things K-Beauty at OLIVE YOUNG Global. Shop skincare, makeup, beauty tools, supplements & more at great prices. Free shipping on orders over USD 60.">
		<title>OLIVE YOUNG Global | Korea's No. 1 Health & Beauty Store</title>
		
		<!--  기획전 meta태그 추가 -->
		<link rel="dns-prefetch" href="https://dist.oliveyoung.com/fo/5cb27dbb58">
		<link rel="dns-prefetch" href="https://cdn-image.oliveyoung.com/">
        <link rel="dns-prefetch" href="https://c.amazon-adsystem.com">
		<link rel="dns-prefetch" href="https://connect.facebook.net">
		<link rel="dns-prefetch" href="https://www.googletagmanager.com/">
		
		<!-- Chrome, Safari, IE -->
		<link rel="shortcut icon" href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/favicon/OY_favicon_32.ico">
		<!-- Firefox, Opera (Chrome and Safari say thanks but no thanks) -->
		<link rel="icon" href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/favicon/OY_favicon_144.png">
		<link rel="apple-touch-icon" href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/favicon/OY_favicon_144.png">

		<link rel="manifest" href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/manifest.json">

        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/bootstrap.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/bootstrap-datepicker.min.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/swiper.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/animate.min.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/font.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/ui.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/contents.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/style.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/search.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/speedycat/s-style_v2.min.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/jp.css" rel="stylesheet">	   	      
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/renewal.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/video-js.css" rel="stylesheet">
        <link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/exchange.css" rel="stylesheet">
		<link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/home.css" rel="stylesheet">
		<link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/product-detail.css" rel="stylesheet">
		<link href="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/css/system-popup.css" rel="stylesheet">

		</head><!-- body 메인: class="lead-on main-page"(category button, logo, cart button), sub page : class="lead-on sub-page"(back button, page title, search button), detail page : class="lead-on detail-page"(back button, page title, search button, home button, cart button), 결제 : class="lead-on payment-page"(back button) 해당 class에 따라 상단 header의 레이아웃이 바뀜 -->
  <link rel="preload" href="https://cdn-image.oliveyoung.com/prdtImg/1022/00c61b3d-21f2-4e7c-baa4-13ff954acaf5.jpg?RS=1500x1500&AR=0&QT=80" as="image">
  <body class="lead-on detail-page">
	
	<!-- META TITLE -->
    <input type="hidden" id="titleContents" value=""> 
    <!-- META Description -->
    <input type="hidden" id="descContents" value="">
    <input type ="hidden" id="sha256LoginId" value="" /><!-- GA DATA 암호화된 로그인id -->
    
    <header class="navbar type03 promo-typeA" id="navbar">
<!-- 리드 배너 시작 -->
  <script type="text/javascript">
      var leadBannerFileUrl = "https://static.globaloliveyoungshop.com/fo/resources/html/common/leadbanner-10.html";
      var isLeadBannerClientRenderGateOn = true;
    </script>
  <div class="wrap-top-banner-lead on" style="display:none;">
  <div class="top-banner-lead-img"></div>
  <div class="top-banner-lead on">
    <button class="btn btn-banner-lead on" type="button" aria-expanded="true" data-attr="CM_leadBannerClose_click">
      <svg class="close-lead-banner" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M5.44043 4.10001L28.4404 27.1" stroke="#131518" stroke-width="2"/>
        <path d="M28.4404 4.10001L5.44043 27.1" stroke="#131518" stroke-width="2"/>
      </svg>
      <span class="sr-only">lead banner</span>
    </button>
  </div>
</div><!-- 리드 배너 끝 -->
  
  <!-- [S] 인앱메세지 -->
  <div class="wrap-inapp-msg type-multiple mo-only">
      <div id="inAppMsg1"></div>
      <div id="inAppMsg2"></div>
  </div>
  <!-- [E] 인앱메세지 -->
  
  <div class="container">
        <div class="pc-only">
        <!-- navbar-top -->
        <div class="navbar-top home-navigation-phase2">
          <div class="group">
            <h1 class="logo">
              <a href="/" class="home-logo">
                <span class="page-tit">OLIVE YOUNG</span> <!-- 텍스트는 항상 고정 -->
              </a>
            </h1>
            <div class="input-group nav-search" data-testid="header-search-box">
              <input type="text" class="form-control" id="searchIptPc" data-testid="header-search-box-input" maxlength="165" placeholder="Search for a product or brand..." data-attr="PCsearch_bar_click">
              <span class="input-group-btn">
                <button class="btn btn-search type2" id="searchBtnPc" data-testid="header-search-box-input-button" type="button" data-attr="PCsearch_result_click"><span class="sr-only">Search</span></button>
              </span>

            </div><!-- /input-group -->
          </div>
          
 
          <div class="group">
            <!-- nav-util -->
            
 	      <div class="btn-group nav-util">
            
              <!-- [S] join -->
              <div class="btn-group nav-join dropdown dropdown-hover" role="group">
                <button class="btn btn-user" type="button" data-toggle="dropdown" aria-expanded="false" data-testid="header-sign-in-button">
                  <span class="txt">
 		          	Sign in</span>
                </button>
                
                <ul class="list-btn-sign dropdown-menu" role="menu" data-testid="header-sign-in-dropdown-menu">
                  <!-- [S] 로그인후 목록 -->
                  <!-- [E] 로그인후 목록 -->
                  
 	          	<li class="list-btn-sign-item" role="presentation" data-testid="header-sign-in-up-button"><a role="menuitem" tabindex="-1" href="javascript:void(0)" id="goLoginBtn" data-attr="PCutility_signIn_signIn_click">Sign In / Sign Up</a></li><!-- Sign In -->
 	        	    <li class="list-btn-sign-item" role="presentation" data-testid="header-track-order-button"><a role="menuitem" tabindex="-1" href="/member/trackorder" data-attr="PCutility_signIn_trackOrders_click">Track Orders</a></li><!-- Track Orders -->
 	                <li class="list-btn-sign-item" role="presentation" data-testid="header-my-wishlist-button"><a role="menuitem" tabindex="-1" href="/myaccount/wish" data-attr="PCutility_signIn_myWishlist_click">My Wishlist</a></li><!-- My Wishlist -->
 	          		</ul>
              </div>
              <!-- [E] join -->
              <a class="btn btn-cart" role="alert" data-attr="PCutility_bag_click" data-testid="header-cart-button"><span class="txt">Cart</span><span class="badge red empty">0</span></a><!-- cart -->
              <!-- 엔화 표시 영역  -->
              <a class="btn btn-lang popup-layer-trigger" type="button" data-target="deliveryCountrySelectPopup" data-attr="PCutility_shippingPreference_click" data-testid="header-country-currency-setting-button">
				  <span class="txt">
					 Eng
						(US$)
				  </span>
              </a>
              <!-- //엔화 표시 영역 -->
              <a href="/board/faq" class="btn btn-help" role="alert" data-attr="PCutility_Help_click" data-testid="header-help-button"><span class="txt">Help</span></a><!-- Help -->
            </div>
          </div>
        </div>
        <!-- navbar-top -->

        <!-- [S] gnb menu -->
        <div class="wrap-global-nav">
          <div class="gnb">
            <div class="group-gnb">
              <!-- 카테고리 정의 // -->
              <div class="all-cate">
		     	<a href="javascript:void(0);" class="nav">
				                  <i class="icon-bar"></i>
				                  <span>Categories</span>
				                </a>
				                
				                <div class="wrap-gnb-panel">
				                  <div class="gnb-panel">
				                  <div class="sub-list all">
				                      							<p class="sub-title">All Categories</p>
				                      							<div class="columns">
										                        <ul>
										                        	<li><a href="/display/category?ctgrNo=1000000008">Skincare</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000031">Makeup</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000052">Bath & Body</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000070">Hair</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000003">Face Masks</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000011">Suncare</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000162">K-Pop</a></li>
										                        		</ul>
										                        <ul>
										                        	<li><a href="/display/category?ctgrNo=1000000087">Makeup Brush & Tools</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000083">Accessories</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000095">Wellness</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000119">Men`s Care</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000134">Supplements</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000137">Food & Drink</a></li>
										                        		<li><a href="/display/category?ctgrNo=1000000151">✔Special Value Sets</a></li>
										                        		</ul>
				                      							</div>
							                    			</div>
				                      					<div class="sub-list">
									                        	<p class="sub-title">Trend Keyword</p>
																			<ul>
																				<li><a href="https://global.oliveyoung.com/display/search?query=oy%20exclusive">OY EXCLUSIVE</a></li>
																				<li><a href="https://global.oliveyoung.com/display/category?query=vegan&attrValNo=AT001125&attrNo=&ctgrNo=1000000001">Vegan</a></li>
																				<li><a href="https://global.oliveyoung.com/display/category?query=cleanbeauty&attrValNo=AT001126&attrNo=&ctgrNo=1000000001">Clean Beauty</a></li>
																				</ul>
																		</div>
				                      					<div class="sub-list promotion">
									                        	<div class="banner">
												                            <!-- <a href="#none" data-attr="MAIN^DRAW^✨OY FALL SALE ~77% OFF"> -->
												                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1674" data-bannerIdx="1">
												                              <img src="https://cdn-image.oliveyoung.com/display/1732/eea1b868-d95b-4bee-9616-542e46568764.jpg" alt="" loading="lazy">
												                              <p class="desc">✨OY FALL SALE ~77% OFF</p>
												                            </a>
												                          </div>
											                        	</div>
				                      					</div>
				                </div>
		 	   				</div>
             <!-- // 카테고리 정의 -->
             <!-- 일반 GNB // -->
             <!-- excKrGnbYn: 배송국가 한국일 때 미노출 GNB여부 / krOnlyGnbYn: 한국전용GNB여부  --> 
             <ul class="list-nav">
		     	<li><a href="https://global.oliveyoung.com/display/category?ctgrNo=1000000183" class="nav d-day" data-attr="GNB_PC_OY EXCLUSIVE_click" data-viewtext="OY EXCLUSIVE" data-clickSourceIdx="1" ><span>OY EXCLUSIVE</span></a></li>
								<li><a href="/display/page/best-seller" class="nav " data-attr="GNB_PC_Best_click" data-viewtext="Best" data-clickSourceIdx="2" ><span>Best</span></a></li>
								<li><a href="/display/page/new-arrivals" class="nav new" data-attr="GNB_PC_New_click" data-viewtext="New" data-clickSourceIdx="3" ><span>New</span></a></li>
								<li><a href="/display/page/flash-deal" class="nav " data-attr="GNB_PC_Sale_click" data-viewtext="Sale" data-clickSourceIdx="4" ><span>Sale</span></a></li>
								<li><a href="/display/page/brand" class="nav " data-attr="GNB_PC_Brands_click" data-viewtext="Brands" data-clickSourceIdx="5" ><span>Brands</span></a></li>
								</ul>
              <!-- // 일반 GNB -->
              <!-- GNB 레이어 정의 // -->
              <ul class="list-nav">
		     	<li>
					                	<a href="javascript:;" class="nav" data-attr="GNB_PC_Skincare_click" data-viewtext="Skincare" data-clickSourceIdx="6" ><span>Skincare</span></a>
										<div class="wrap-gnb-panel">
					                    <div class="gnb-panel">
					                    <div class="sub-list all">
						                      			
							                        	<p class="sub-title">Skincare Product</p>
													                        <ul>
												                        		<li><a href="/display/category?ctgrNo=1000000008">All&nbsp;Skincare</a></li><!-- ALL -->
													                        	<li><a href="/display/category?ctgrNo=1000000009" data-viewtext="Moisturizers" >Moisturizers</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000010" data-viewtext="Cleansers" >Cleansers</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000012" data-viewtext="Gift Set" >Gift Set</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000261" data-viewtext="Acne & Blemish Treatments" >Acne & Blemish Treatments</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Skin Type</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000037&attrNo=&ctgrNo=1000000008" data-viewtext="Combination&Normal" >Combination&Normal</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000038&attrNo=&ctgrNo=1000000008" data-viewtext="Dry" >Dry</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000039&attrNo=&ctgrNo=1000000008" data-viewtext="Oily" >Oily</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000040&attrNo=&ctgrNo=1000000008" data-viewtext="Sensitive" >Sensitive</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Skin Concern</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000014&attrNo=&ctgrNo=1000000008" data-viewtext="Acne" >Acne</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000016&attrNo=&ctgrNo=1000000008" data-viewtext="Brightening" >Brightening</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000019&attrNo=&ctgrNo=1000000008" data-viewtext="Dullness" >Dullness</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000023&attrNo=&ctgrNo=1000000008" data-viewtext="Moisturising" >Moisturising</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000028&attrNo=&ctgrNo=1000000008" data-viewtext="Soothing" >Soothing</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000034&attrNo=&ctgrNo=1000000008" data-viewtext="Fine Dust Removal" >Fine Dust Removal</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000032&attrNo=&ctgrNo=1000000008" data-viewtext="Visible Pores" >Visible Pores</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000033&attrNo=&ctgrNo=1000000008" data-viewtext="Well-aging" >Well-aging</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Featured Ingredients</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT001122&attrNo=&ctgrNo=1000000008" data-viewtext="Hyaluronic acid" >Hyaluronic acid</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000994&attrNo=&ctgrNo=1000000008" data-viewtext="Panthenol" >Panthenol</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000468&attrNo=&ctgrNo=1000000008" data-viewtext="Centella Asiatica Extract (Cica Care)" >Centella Asiatica Extract (Cica Care)</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000592&attrNo=&ctgrNo=1000000008" data-viewtext="Ceramide" >Ceramide</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000217&attrNo=&ctgrNo=1000000008" data-viewtext="Niacinamide" >Niacinamide</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000936&attrNo=&ctgrNo=1000000008" data-viewtext="Collagen" >Collagen</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^Skincare Picks"> -->
										                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1716" data-attr="MAIN^DRAW^Skincare Picks" data-bannerIdx="1">
										                              <img src="https://cdn-image.oliveyoung.com/display/1995/6f8e0f7c-58a8-46f4-845a-4d9b6e25ece3.jpg" alt="" loading="lazy">
										                              <p class="desc">Skincare Picks</p>
										                            </a>
										                          </div>
									                        	</div>
												</div>
					                  </div>
									
					                </li>
					                <li>
					                	<a href="javascript:;" class="nav" data-attr="GNB_PC_Makeup_click" data-viewtext="Makeup" data-clickSourceIdx="7" ><span>Makeup</span></a>
										<div class="wrap-gnb-panel">
					                    <div class="gnb-panel">
					                    <div class="sub-list all">
						                      			
							                        	<p class="sub-title">Makeup Product</p>
													                        <ul>
												                        		<li><a href="/display/category?ctgrNo=1000000031">All&nbsp;Makeup</a></li><!-- ALL -->
													                        	<li><a href="/display/category?ctgrNo=1000000032" data-viewtext="Face" >Face</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000040" data-viewtext="Eye" >Eye</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000045" data-viewtext="Lip" >Lip</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000049" data-viewtext="Nail" >Nail</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Face</p>
													                        <ul>
													                        	<li><a href="/display/category?ctgrNo=1000000033" data-viewtext="BB & CC Cream" >BB & CC Cream</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000034" data-viewtext="Foundation" >Foundation</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000179" data-viewtext="Makeup Cushion" >Makeup Cushion</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000035" data-viewtext="Face Primer" >Face Primer</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000036" data-viewtext="Powder & Pact" >Powder & Pact</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000037" data-viewtext="Concealer" >Concealer</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000038" data-viewtext="Blush" >Blush</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000039" data-viewtext="Contour" >Contour</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Eye</p>
													                        <ul>
													                        	<li><a href="/display/category?ctgrNo=1000000041" data-viewtext="Eyebrow" >Eyebrow</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000042" data-viewtext="Eyeshadow" >Eyeshadow</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000043" data-viewtext="Eyeliner" >Eyeliner</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000044" data-viewtext="Eyelashes" >Eyelashes</a></li>
													                        		</ul>
				                        								<p class="sub-title">Lip</p>
													                        <ul>
													                        	<li><a href="/display/category?ctgrNo=1000000046" data-viewtext="Lip Stick" >Lip Stick</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000047" data-viewtext="Lip Gloss & Lip Tint" >Lip Gloss & Lip Tint</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000048" data-viewtext="Lip Balm & Treatment" >Lip Balm & Treatment</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^HYPE Color Beauty! <br>Get the SALE chance!"> -->
										                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1725" data-attr="MAIN^DRAW^HYPE Color Beauty! <br>Get the SALE chance!" data-bannerIdx="1">
										                              <img src="https://cdn-image.oliveyoung.com/display/1559/ec0824c2-fc38-42f9-85ca-e4e6e6c9d5a4.jpg" alt="" loading="lazy">
										                              <p class="desc">HYPE Color Beauty! <br>Get the SALE chance!</p>
										                            </a>
										                          </div>
									                        	</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^Meet New Muse, Felix"> -->
										                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1722" data-attr="MAIN^DRAW^Meet New Muse, Felix" data-bannerIdx="2">
										                              <img src="https://cdn-image.oliveyoung.com/display/1395/b19cde1f-6514-455e-abf8-edef633e10da.jpg" alt="" loading="lazy">
										                              <p class="desc">Meet New Muse, Felix</p>
										                            </a>
										                          </div>
									                        	</div>
												</div>
					                  </div>
									
					                </li>
					                <li>
					                	<a href="javascript:;" class="nav" data-attr="GNB_PC_Hair_click" data-viewtext="Hair" data-clickSourceIdx="8" ><span>Hair</span></a>
										<div class="wrap-gnb-panel">
					                    <div class="gnb-panel">
					                    <div class="sub-list all">
						                      			
							                        	<p class="sub-title">Hair Product</p>
													                        <ul>
												                        		<li><a href="/display/category?ctgrNo=1000000070">All&nbsp;Hair</a></li><!-- ALL -->
													                        	<li><a href="/display/category?ctgrNo=1000000071" data-viewtext="Hair Wash" >Hair Wash</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000074" data-viewtext="Treatments" >Treatments</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000079" data-viewtext="Hair Color & Perms" >Hair Color & Perms</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000081" data-viewtext="Hair Styling" >Hair Styling</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000149" data-viewtext="Hair Styling Devices" >Hair Styling Devices</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000208" data-viewtext="Hair Perfume" >Hair Perfume</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Hair Type</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000126&attrNo=&ctgrNo=1000000070" data-viewtext="Coloured" >Coloured</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000127&attrNo=&ctgrNo=1000000070" data-viewtext="Curly & Wavy" >Curly & Wavy</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000128&attrNo=&ctgrNo=1000000070" data-viewtext="Dry" >Dry</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000129&attrNo=&ctgrNo=1000000070" data-viewtext="Fine" >Fine</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000131&attrNo=&ctgrNo=1000000070" data-viewtext="Greying" >Greying</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000132&attrNo=&ctgrNo=1000000070" data-viewtext="Hair loss" >Hair loss</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000134&attrNo=&ctgrNo=1000000070" data-viewtext="Weakened" >Weakened</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Hair Care Benefit</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000135&attrNo=&ctgrNo=1000000070" data-viewtext="Anti-Dandruff" >Anti-Dandruff</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000136&attrNo=&ctgrNo=1000000070" data-viewtext="Anti-Frizz" >Anti-Frizz</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000137&attrNo=&ctgrNo=1000000070" data-viewtext="Balancing" >Balancing</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000138&attrNo=&ctgrNo=1000000070" data-viewtext="Colour Protection" >Colour Protection</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000139&attrNo=&ctgrNo=1000000070" data-viewtext="Damage Repair" >Damage Repair</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000140&attrNo=&ctgrNo=1000000070" data-viewtext="Hair Growth" >Hair Growth</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000141&attrNo=&ctgrNo=1000000070" data-viewtext="Heat Protection" >Heat Protection</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000142&attrNo=&ctgrNo=1000000070" data-viewtext="Hydrating" >Hydrating</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000144&attrNo=&ctgrNo=1000000070" data-viewtext="Scalp Treatment" >Scalp Treatment</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000145&attrNo=&ctgrNo=1000000070" data-viewtext="Shine" >Shine</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000146&attrNo=&ctgrNo=1000000070" data-viewtext="Thickening" >Thickening</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000147&attrNo=&ctgrNo=1000000070" data-viewtext="Volumising" >Volumising</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^Hair&Body Care BestSeller with BIGBANG SALE"> -->
										                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1723" data-attr="MAIN^DRAW^Hair&Body Care BestSeller with BIGBANG SALE" data-bannerIdx="1">
										                              <img src="https://cdn-image.oliveyoung.com/display/1987/b7951c45-a3c2-4673-8031-d72503541fea.jpg" alt="" loading="lazy">
										                              <p class="desc">Hair&Body Care BestSeller with BIGBANG SALE</p>
										                            </a>
										                          </div>
									                        	</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^VT PDRN REEDLE SHOT <br>Hair ampoule"> -->
										                            <a href="https://global.oliveyoung.com/product/detail?prdtNo=GA250530893&dataSource=search_result" data-attr="MAIN^DRAW^VT PDRN REEDLE SHOT <br>Hair ampoule" data-bannerIdx="2">
										                              <img src="https://cdn-image.oliveyoung.com/display/1317/d0529df4-6856-4cbe-abca-9b2fe52d05eb.jpg" alt="" loading="lazy">
										                              <p class="desc">VT PDRN REEDLE SHOT <br>Hair ampoule</p>
										                            </a>
										                          </div>
									                        	</div>
												</div>
					                  </div>
									
					                </li>
					                <li>
					                	<a href="javascript:;" class="nav" data-attr="GNB_PC_Face Masks_click" data-viewtext="Face Masks" data-clickSourceIdx="9" ><span>Face Masks</span></a>
										<div class="wrap-gnb-panel">
					                    <div class="gnb-panel">
					                    <div class="sub-list all">
						                      			
							                        	<p class="sub-title">Mask Product</p>
													                        <ul>
												                        		<li><a href="/display/category?ctgrNo=1000000003">All&nbsp;Face Masks</a></li><!-- ALL -->
													                        	<li><a href="/display/category?ctgrNo=1000000004" data-viewtext="Sheet Masks" >Sheet Masks</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000005" data-viewtext="Facial Masks" >Facial Masks</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000006" data-viewtext="Nose Pack" >Nose Pack</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000007" data-viewtext="Patches" >Patches</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000148" data-viewtext="Pads" >Pads</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Skin Concern</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000023&attrNo=&ctgrNo=1000000003" data-viewtext="Moisturising" >Moisturising</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000028&attrNo=&ctgrNo=1000000003" data-viewtext="Soothing" >Soothing</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000033&attrNo=&ctgrNo=1000000003" data-viewtext="Well-aging" >Well-aging</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000016&attrNo=&ctgrNo=1000000003" data-viewtext="Brightening" >Brightening</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000015&attrNo=&ctgrNo=1000000003" data-viewtext="Blackheads" >Blackheads</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000032&attrNo=&ctgrNo=1000000003" data-viewtext="Visible Pores" >Visible Pores</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000018&attrNo=&ctgrNo=1000000003" data-viewtext="Deep Cleansing" >Deep Cleansing</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Featured Ingredients</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000468&attrNo=&ctgrNo=1000000003" data-viewtext="Centella Asiatica Extract (Cica Care)" >Centella Asiatica Extract (Cica Care)</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT001122&attrNo=&ctgrNo=1000000003" data-viewtext="Hyaluronic acid" >Hyaluronic acid</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000994&attrNo=&ctgrNo=1000000003" data-viewtext="Panthenol" >Panthenol</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000217&attrNo=&ctgrNo=1000000003" data-viewtext="Niacinamide" >Niacinamide</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000715&attrNo=&ctgrNo=1000000003" data-viewtext="Houttuynia Cordata Extract" >Houttuynia Cordata Extract</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000592&attrNo=&ctgrNo=1000000003" data-viewtext="Ceramide" >Ceramide</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000704&attrNo=&ctgrNo=1000000003" data-viewtext="Allantoin" >Allantoin</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000982&attrNo=&ctgrNo=1000000003" data-viewtext="Tea Tree" >Tea Tree</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000936&attrNo=&ctgrNo=1000000003" data-viewtext="Collagen" >Collagen</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000348&attrNo=&ctgrNo=1000000003" data-viewtext="Madecassoside" >Madecassoside</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^K-Beauty Routine For YOU"> -->
										                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1715" data-attr="MAIN^DRAW^K-Beauty Routine For YOU" data-bannerIdx="1">
										                              <img src="https://cdn-image.oliveyoung.com/display/1984/64422fce-e4e2-4ff3-88e0-71b05171522e.jpg" alt="" loading="lazy">
										                              <p class="desc">K-Beauty Routine For YOU</p>
										                            </a>
										                          </div>
									                        	</div>
												</div>
					                  </div>
									
					                </li>
					                <li>
					                	<a href="javascript:;" class="nav" data-attr="GNB_PC_Suncare_click" data-viewtext="Suncare" data-clickSourceIdx="10" ><span>Suncare</span></a>
										<div class="wrap-gnb-panel">
					                    <div class="gnb-panel">
					                    <div class="sub-list all">
						                      			
							                        	<p class="sub-title">Suncare Product</p>
													                        <ul>
												                        		<li><a href="/display/category?ctgrNo=1000000011">All&nbsp;Suncare</a></li><!-- ALL -->
													                        	<li><a href="/display/category?ctgrNo=1000000028" data-viewtext="Sunscreen" >Sunscreen</a></li>
													                        		<li><a href="/display/category?ctgrNo=1000000029" data-viewtext="After Sun Care" >After Sun Care</a></li>
													                        		</ul>
				                        								</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">UVA Star Rating</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000043&attrNo=&ctgrNo=1000000011" data-viewtext="3-Star" >3-Star</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000044&attrNo=&ctgrNo=1000000011" data-viewtext="4-Star" >4-Star</a></li>
											                        	</ul>
									                        	<p class="sub-title">Sun Protection Formulation</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000078&attrNo=&ctgrNo=1000000011" data-viewtext="Mineral" >Mineral</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000076&attrNo=&ctgrNo=1000000011" data-viewtext="Synthetic" >Synthetic</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000077&attrNo=&ctgrNo=1000000011" data-viewtext="No White Cast" >No White Cast</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list">
						                      			
							                        	<p class="sub-title">Fomulation</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000079&attrNo=&ctgrNo=1000000011" data-viewtext="Ampoules" >Ampoules</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000082&attrNo=&ctgrNo=1000000011" data-viewtext="Cream" >Cream</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000084&attrNo=&ctgrNo=1000000011" data-viewtext="Gel" >Gel</a></li>
											                        	</ul>
									                        	<p class="sub-title">Format</p>
						                      						
											                        <ul>
											                        	<li><a href="/display/category?query=&attrValNo=AT000105&attrNo=&ctgrNo=1000000011" data-viewtext="Stick" >Stick</a></li>
											                        	<li><a href="/display/category?query=&attrValNo=AT000091&attrNo=&ctgrNo=1000000011" data-viewtext="Cushion" >Cushion</a></li>
											                        	</ul>
									                        	</div>
												<div class="sub-list promotion">
						                      			
							                        	<div class="banner">
										                            <!-- <a href="#none" data-attr="MAIN^DRAW^Meet Our Bestselling Suncare"> -->
										                            <a href="https://global.oliveyoung.com/event/planning?plndpNo=1714" data-attr="MAIN^DRAW^Meet Our Bestselling Suncare" data-bannerIdx="1">
										                              <img src="https://cdn-image.oliveyoung.com/display/1713/d8a00ee6-d113-49f6-9507-4b7de7637d2a.jpg" alt="" loading="lazy">
										                              <p class="desc">Meet Our Bestselling Suncare</p>
										                            </a>
										                          </div>
									                        	</div>
												</div>
					                  </div>
									
					                </li>
					                <li>
					                  <a href="/display/category?ctgrNo=1000000162" class="nav" data-attr="GNB_PC_K-Pop_click" data-viewtext="K-Pop" data-clickSourceIdx="11" ><span>K-Pop</span></a>
					                </li>
					            </ul>
              <!-- // GNB 레이어 정의 -->
            </div>
            <!-- Events, Membership // -->
            <div class="group-gnb">
              <ul class="list-nav">
		     	<li>
					                  <a href="/event/main" class="nav" data-attr="GNB_PC_Events_click" data-viewtext="Events" data-clickSourceIdx="12" ><span>Events</span></a>
					                </li>
		 	   					<li>
					                  <a href="/display/page/membership" class="nav" data-attr="GNB_PC_Membership_click" data-viewtext="Membership" data-clickSourceIdx="13" ><span>Membership</span></a>
					                </li>
		 	   					</ul>
            </div>
            <!-- // Events, Membership -->
          </div>
        </div>
        <!-- [E] gnb menu -->
 
      </div>


        <div class="mo-only">
          <!-- [S] navbar-top -->
          <div class="navbar-top home-navigation-phase2">
            <h1 class="logo referer-empty"><a href="/" class="home-logo"><span class="page-tit"></span></a></h1>
            <button class="btn btn-nav-category referer-empty" data-attr="Header_category_click"><span class="sr-only">category open</span></button>

            <div class="input-group nav-search">
              <input type="text" class="form-control" id="searchIptMoView" maxlength="165" placeholder="Search for a product or brand..." aria-label="search keywords"><!--Search-->
              <span class="input-group-btn">
                <button class="btn btn-search pc-only" id="searchBtnMoView" type="button"><span class="sr-only">search</span></button>
                <button class="btn btn-search mo-only" type="button"><span class="sr-only">search</span></button>
              </span>
            </div>
            
            <div class="pull-right btn-group nav-util">
            	<!-- 2021-11-30 수정 [S] - 검색 아이콘 추가(모바일용) -->
              <a href="#none" class="btn btn-search btn-txt-keyword search-header" data-attr="Header_search_click"><span class="sr-only">search</span></a>
              <!-- //2021-11-30 수정 [E] - 검색 아이콘 추가(모바일용) -->

              <a class="btn btn-cart" role="alert" data-attr="Header_cart_click"><span class="sr-only">cart</span><span class="badge red empty">0</span></a><!-- 2021-04-20 tag a로 변경 role="alert" 추가 --> <!-- PC웹 접근성 진단 보고서 31페이지 수정 -->
            </div>
          </div>
          <!-- [E] navbar-top -->

          <!-- [S] wrap-fixed-top -->
          <div class="wrap-fixed-navi">
            <ul class="navi-list">
			  <li class="navi-item "><a href="https://global.oliveyoung.com/display/category?ctgrNo=1000000183" data-attr="GNB_MO_OY EXCLUSIVE_click" data-viewtext="OY EXCLUSIVE" data-ClickSourceIdx="1" class="navi-name d-day">OY EXCLUSIVE</a></li>
						<li class="navi-item "><a href="/display/page/best-seller" data-attr="GNB_MO_Best_click" data-viewtext="Best" data-ClickSourceIdx="2" class="navi-name ">Best</a></li>
						<li class="navi-item "><a href="/display/page/new-arrivals" data-attr="GNB_MO_New_click" data-viewtext="New" data-ClickSourceIdx="3" class="navi-name ">New</a></li>
						<li class="navi-item "><a href="/display/page/flash-deal" data-attr="GNB_MO_Sale_click" data-viewtext="Sale" data-ClickSourceIdx="4" class="navi-name ">Sale</a></li>
						<li class="navi-item "><a href="/display/category?ctgrNo=1000000162" data-attr="GNB_MO_K-Pop_click" data-viewtext="K-Pop" data-ClickSourceIdx="5" class="navi-name ">K-Pop</a></li>
						<li class="navi-item "><a href="/event/main" data-attr="GNB_MO_Events_click" data-viewtext="Events" data-ClickSourceIdx="6" class="navi-name ">Events</a></li>
						<li class="navi-item "><a href="/display/page/membership" data-attr="GNB_MO_Membership_click" data-viewtext="Membership" data-ClickSourceIdx="7" class="navi-name ">Membership</a></li>
						</ul>
          </div>
          <!-- [E] wrap-fixed-top -->

          <!-- [S] wrap-sidemenu-layer -->
          <div class="wrap-layer-sidemenu " aria-hidden="true"> <!-- [D] 로그인 후 : login-end / 전체메뉴 활성화시 : allmenu-->
            <div class="layer-head">
              <div class="left-btn-area">
                <a href="javascript:void(0)" class="btn btn-signin-signup" id="goLoginBtnMo">Sign In / Sign Up</a><!-- Sign in / Sign up -->
                <button type="button" class="btn btn-back">Back</button>
              </div>
              <div class="right-btn-area">
              	<button type="button" class="btn btn-layer-close"><span class="sr-only">close</span></button>
              </div>              
            </div>
		    <div class="layer-body">
              <div class="basic-menu-wrap">
                <div class="menu-area">
                  <ul class="basic-navi-list">
	                  <li class="navi-item"><a href="/display/page/brand" data-attr="SideBar_MainMenu_Brands_click" data-clicksourceidx="1" data-viewText="Brands" class="navi-name">Brands</a></li>
			 	   			<li class="navi-item"><a href="/display/page/best-seller" data-attr="SideBar_MainMenu_Best_click" data-clicksourceidx="2" data-viewText="Best" class="navi-name">Best</a></li>
			 	   			<li class="navi-item"><a href="/display/page/new-arrivals" data-attr="SideBar_MainMenu_New_click" data-clicksourceidx="3" data-viewText="New" class="navi-name">New</a></li>
			 	   			<li class="navi-item"><a href="/display/page/flash-deal" data-attr="SideBar_MainMenu_Sale_click" data-clicksourceidx="4" data-viewText="Sale" class="navi-name">Sale</a></li>
			 	   			<li class="navi-item"><a href="/event/main" data-attr="SideBar_MainMenu_Events_click" data-clicksourceidx="5" data-viewText="Events" class="navi-name">Events</a></li>
			 	   			<li class="navi-item"><a href="/display/page/membership" data-attr="SideBar_MainMenu_Membership_click" data-clicksourceidx="6" data-viewText="Membership" class="navi-name">Membership</a></li>
			 	   			</ul>
                </div>  
                
                <div class="menu-area">
                  <ul class="suggestion-navi-list">
                  
                  <li class="navi-item"><a href="/influencer/main" data-attr="SideBar_SubMenu_Affiliate Program_click" data-clicksourceidx="7" data-viewText="Affiliate Program" class="navi-name red">Affiliate Program</a></li>
			  		<li class="navi-item"><a href="https://global.oliveyoung.com/display/search?query=oy%20exclusive" class="navi-name" data-attr="SideBar_SubMenu_OY EXCLUSIVE_click" data-clicksourceidx="8" data-viewText="OY EXCLUSIVE" >OY EXCLUSIVE</a></li>
									                        	<li class="navi-item"><a href="https://global.oliveyoung.com/display/category?query=vegan&attrValNo=AT001125&attrNo=&ctgrNo=1000000001" class="navi-name" data-attr="SideBar_SubMenu_Vegan_click" data-clicksourceidx="9" data-viewText="Vegan" >Vegan</a></li>
									                        	<li class="navi-item"><a href="https://global.oliveyoung.com/display/category?query=cleanbeauty&attrValNo=AT001126&attrNo=&ctgrNo=1000000001" class="navi-name" data-attr="SideBar_SubMenu_Clean Beauty_click" data-clicksourceidx="10" data-viewText="Clean Beauty" >Clean Beauty</a></li>
									                        	</ul>
                </div>

                <div class="promotion-area">
                  <ul class="promotion-list">
                  <li class="promotion-item">
								                              <!-- <a href="#none" class="promotion-box"> -->
								                              <a href="https://global.oliveyoung.com/event/planning?plndpNo=1674" class="promotion-box" data-attr="SideBar_Event_click" data-bannerIdx="1">
										                        <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1732/eea1b868-d95b-4bee-9616-542e46568764.jpg" alt="" loading="lazy" /></span>
										                        <span class="promotion-name">✨OY FALL SALE ~77% OFF</span>
										                      </a>
										                    </li>
						                        		</ul>
                </div>

                <div class="util-area">
                  <ul class="util-navi-list">                   
					<li class="navi-item lang"><a id="btnDropdownModal" href="javascript:;" class="navi-box"><span class="navi-name">
					Eng<br />(US$)
               		</span></a></li><!-- English (USD) -->
                    <li class="navi-item cs"><a href="/board/faq" class="navi-box"><span class="navi-name">Customer Service</span></a></li><!-- Customer Serivce -->
                    <li class="navi-item order"><a href="/member/trackorder" class="navi-box"><span class="navi-name">Track Orders</span></a></li><!-- Track Orders -->
                    <li class="navi-item app"><a href=""class="navi-box" id="appDownload" target="_blank"><span class="navi-name">Download App</span></a></li><!-- Download App -->
	                </ul>
                </div>


          		</div>

              <div class="all-menu-wrap">
                <div class="all-menu">
                  <ul class="icon-navi-list">
					<li class="navi-item">
				                		<button type="button" class="navi-box" name="cateViewBtn"  data-clicksourceidx="11" data-viewText="Skincare"><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1287/90019c1a-4b95-4e30-91ab-2bac6dab4a00.png" alt="" loading="lazy"></span><span class="navi-name">Skincare</span></button>
				                		</li>
									<li class="navi-item">
				                		<button type="button" class="navi-box" name="cateViewBtn"  data-clicksourceidx="12" data-viewText="Makeup"><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1498/fcf7b0a2-37e5-4ea7-a877-d2509ed70b78.png" alt="" loading="lazy"></span><span class="navi-name">Makeup</span></button>
				                		</li>
									<li class="navi-item">
				                		<button type="button" class="navi-box" name="cateViewBtn"  data-clicksourceidx="13" data-viewText="Bath & Body"><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1373/efbbc1cf-fd84-4983-aa9a-fae8a9685d89.png" alt="" loading="lazy"></span><span class="navi-name">Bath & Body</span></button>
				                		</li>
									<li class="navi-item">
				                		<button type="button" class="navi-box" name="cateViewBtn"  data-clicksourceidx="14" data-viewText="Hair"><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1507/ed3f523f-e751-40c1-9bfa-820f7384d037.png" alt="" loading="lazy"></span><span class="navi-name">Hair</span></button>
				                		</li>
									<li class="navi-item">
				                		<button type="button" class="navi-box" name="cateViewBtn"  data-clicksourceidx="15" data-viewText="Face Masks"><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1453/1368eb26-77e1-49a3-a08d-2036072aa197.png" alt="" loading="lazy"></span><span class="navi-name">Face Masks</span></button>
				                		</li>
									<li class="navi-item">
				                		<button type="button" class="navi-box" name="cateViewBtn"  data-clicksourceidx="16" data-viewText="Suncare"><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1982/a5bc6042-decc-4e8c-ba8f-f15573c6dae5.png" alt="" loading="lazy"></span><span class="navi-name">Suncare</span></button>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000162" class="navi-box" data-clicksourceidx="17" data-viewText="K-Pop" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1889/7930e817-e3d2-4068-9744-9d335db20174.png" alt="" loading="lazy"></span><span class="navi-name">K-Pop</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000087" class="navi-box" data-clicksourceidx="18" data-viewText="Makeup Brush & Tools" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1536/248b264b-6058-4e17-b7d8-615f8a641100.png" alt="" loading="lazy"></span><span class="navi-name">Makeup Brush & Tools</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000083" class="navi-box" data-clicksourceidx="19" data-viewText="Accessories" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1301/53cd8c06-e921-4164-8ddc-94036311c5e7.png" alt="" loading="lazy"></span><span class="navi-name">Accessories</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000095" class="navi-box" data-clicksourceidx="20" data-viewText="Wellness" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1918/3f276999-afc4-4116-b84e-0e73260ba4e7.png" alt="" loading="lazy"></span><span class="navi-name">Wellness</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000119" class="navi-box" data-clicksourceidx="21" data-viewText="Men`s Care" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1403/4426c9f4-a7a5-409f-8aa1-9adaf04809a6.png" alt="" loading="lazy"></span><span class="navi-name">Men`s Care</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000134" class="navi-box" data-clicksourceidx="22" data-viewText="Supplements" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1906/99b23e28-c875-4891-9661-968c74dbc458.png" alt="" loading="lazy"></span><span class="navi-name">Supplements</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000137" class="navi-box" data-clicksourceidx="23" data-viewText="Food & Drink" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1391/98bb0632-02a6-4681-88cc-ec0b2434a7dd.png" alt="" loading="lazy"></span><span class="navi-name">Food & Drink</span></a>
				                		</li>
									<li class="navi-item">
				                		<a href="/display/category?ctgrNo=1000000151" class="navi-box" data-clicksourceidx="24" data-viewText="✔Special Value Sets" ><span class="navi-icon"><img src="https://cdn-image.oliveyoung.com/brandImg/1054/95234526-f11c-4615-84fe-5ee85bea406d.png" alt="" loading="lazy"></span><span class="navi-name">✔Special Value Sets</span></a>
				                		</li>
									</ul>
                </div>

                <div class="all-menu-detail">
                  
					<div class="all-menu-cont" aria-hidden="true">
									<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Skincare Product</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="thum-option-list">
										                        	<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000009" data-viewtext="Moisturizers" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1988/d784c176-8933-40c1-b5b9-89693c25175b.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Moisturizers</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000010" data-viewtext="Cleansers" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1500/1ad9e5d9-18d2-433a-89d8-56d84d77b7ce.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Cleansers</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000012" data-viewtext="Gift Set" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1709/37d7e8ea-f039-42d4-94f1-dcc722fd7200.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Gift Set</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000261" data-viewtext="Acne & Blemish Treatments" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1002/00f35e74-53e9-49f3-8cfe-3d53452e4ac9.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Acne & Blemish Treatments</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000008" data-viewtext="All Skincare" class="option-box">
											                              <span class="option-thum"><span class="thum-text"><img data-src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/product_1000000008_all.png" alt="" loading="lazy" /></span></span>
											                              <span class="option-name">All Skincare</span>
											                            </a>
											                          </li>
											                        </ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Skin Type</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000037&attrNo=&ctgrNo=1000000008" data-viewtext="Combination&Normal" class="option-box"><span class="option-name">Combination&Normal</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000038&attrNo=&ctgrNo=1000000008" data-viewtext="Dry" class="option-box"><span class="option-name">Dry</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000039&attrNo=&ctgrNo=1000000008" data-viewtext="Oily" class="option-box"><span class="option-name">Oily</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000040&attrNo=&ctgrNo=1000000008" data-viewtext="Sensitive" class="option-box"><span class="option-name">Sensitive</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Skin Concern</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000014&attrNo=&ctgrNo=1000000008" data-viewtext="Acne" class="option-box"><span class="option-name">Acne</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000016&attrNo=&ctgrNo=1000000008" data-viewtext="Brightening" class="option-box"><span class="option-name">Brightening</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000019&attrNo=&ctgrNo=1000000008" data-viewtext="Dullness" class="option-box"><span class="option-name">Dullness</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000023&attrNo=&ctgrNo=1000000008" data-viewtext="Moisturising" class="option-box"><span class="option-name">Moisturising</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000028&attrNo=&ctgrNo=1000000008" data-viewtext="Soothing" class="option-box"><span class="option-name">Soothing</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000034&attrNo=&ctgrNo=1000000008" data-viewtext="Fine Dust Removal" class="option-box"><span class="option-name">Fine Dust Removal</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000032&attrNo=&ctgrNo=1000000008" data-viewtext="Visible Pores" class="option-box"><span class="option-name">Visible Pores</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000033&attrNo=&ctgrNo=1000000008" data-viewtext="Well-aging" class="option-box"><span class="option-name">Well-aging</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Featured Ingredients</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT001122&attrNo=&ctgrNo=1000000008" data-viewtext="Hyaluronic acid" class="option-box"><span class="option-name">Hyaluronic acid</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000994&attrNo=&ctgrNo=1000000008" data-viewtext="Panthenol" class="option-box"><span class="option-name">Panthenol</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000468&attrNo=&ctgrNo=1000000008" data-viewtext="Centella Asiatica Extract (Cica Care)" class="option-box"><span class="option-name">Centella Asiatica Extract (Cica Care)</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000592&attrNo=&ctgrNo=1000000008" data-viewtext="Ceramide" class="option-box"><span class="option-name">Ceramide</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000217&attrNo=&ctgrNo=1000000008" data-viewtext="Niacinamide" class="option-box"><span class="option-name">Niacinamide</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000936&attrNo=&ctgrNo=1000000008" data-viewtext="Collagen" class="option-box"><span class="option-name">Collagen</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="promotion-area">
										                      <ul class="promotion-list">
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/event/planning?plndpNo=1716" class="promotion-box" data-bannerIdx="1">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1995/d4258824-9b95-468e-ae8f-274b8eb220a7.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">Skincare Picks</span>
									                          </a>
									                        </li>
														</ul>
										                    </div>
														</div>
									<div class="all-menu-cont" aria-hidden="true">
									<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Makeup Product</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="thum-option-list">
										                        	<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000032" data-viewtext="Face" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1329/d98d7ca4-8367-47b8-a126-dc354587f81f.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Face</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000040" data-viewtext="Eye" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1645/fc45432d-8942-4cc0-9ddc-925e106ec760.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Eye</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000045" data-viewtext="Lip" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1431/9fcc9150-6c66-46c3-8e92-2b79844c3c67.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Lip</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000049" data-viewtext="Nail" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1984/ba2f1e48-476d-4019-90ed-7e367d6153f1.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Nail</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000031" data-viewtext="All Makeup" class="option-box">
											                              <span class="option-thum"><span class="thum-text"><img data-src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/product_1000000031_all.png" alt="" loading="lazy" /></span></span>
											                              <span class="option-name">All Makeup</span>
											                            </a>
											                          </li>
											                        </ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Face</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="basic-option-list">
											                        	<li class="option-item"><a href="/display/category?ctgrNo=1000000033" data-viewtext="BB & CC Cream" class="option-box"><span class="option-name">BB & CC Cream</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000034" data-viewtext="Foundation" class="option-box"><span class="option-name">Foundation</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000179" data-viewtext="Makeup Cushion" class="option-box"><span class="option-name">Makeup Cushion</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000035" data-viewtext="Face Primer" class="option-box"><span class="option-name">Face Primer</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000036" data-viewtext="Powder & Pact" class="option-box"><span class="option-name">Powder & Pact</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000037" data-viewtext="Concealer" class="option-box"><span class="option-name">Concealer</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000038" data-viewtext="Blush" class="option-box"><span class="option-name">Blush</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000039" data-viewtext="Contour" class="option-box"><span class="option-name">Contour</span></a></li>
																			</ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Eye</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="basic-option-list">
											                        	<li class="option-item"><a href="/display/category?ctgrNo=1000000041" data-viewtext="Eyebrow" class="option-box"><span class="option-name">Eyebrow</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000042" data-viewtext="Eyeshadow" class="option-box"><span class="option-name">Eyeshadow</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000043" data-viewtext="Eyeliner" class="option-box"><span class="option-name">Eyeliner</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000044" data-viewtext="Eyelashes" class="option-box"><span class="option-name">Eyelashes</span></a></li>
																			</ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Lip</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="basic-option-list">
											                        	<li class="option-item"><a href="/display/category?ctgrNo=1000000046" data-viewtext="Lip Stick" class="option-box"><span class="option-name">Lip Stick</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000047" data-viewtext="Lip Gloss & Lip Tint" class="option-box"><span class="option-name">Lip Gloss & Lip Tint</span></a></li>
																			<li class="option-item"><a href="/display/category?ctgrNo=1000000048" data-viewtext="Lip Balm & Treatment" class="option-box"><span class="option-name">Lip Balm & Treatment</span></a></li>
																			</ul>
											                      </div>
											                    </div>
															<div class="promotion-area">
										                      <ul class="promotion-list">
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/event/planning?plndpNo=1725" class="promotion-box" data-bannerIdx="1">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1559/3e939055-9bd2-492e-9215-c76fd39dc9df.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">HYPE Color Beauty! <br>Get the SALE chance!</span>
									                          </a>
									                        </li>
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/event/planning?plndpNo=1722" class="promotion-box" data-bannerIdx="2">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1395/7c400246-ebe4-4997-9049-fafa162dd37f.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">Meet New Muse, Felix</span>
									                          </a>
									                        </li>
														</ul>
										                    </div>
														</div>
									<div class="all-menu-cont" aria-hidden="true">
									<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Body Product</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="thum-option-list">
										                        	<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000053" data-viewtext="Bath & Shower" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1067/f52d7b99-1586-4e11-8858-0ba6a646f600.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Bath & Shower</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000058" data-viewtext="Body Moisturizers" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1305/d76a2cb6-e74e-4153-b095-a194a814977b.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Body Moisturizers</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000063" data-viewtext="Hands Care" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1801/8b8e2c92-8adb-4dfc-90af-471b015913cf.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hands Care</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000066" data-viewtext="Deodorant" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1324/9c81ca89-59f1-470f-b970-3182e6dea569.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Deodorant</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000069" data-viewtext="Hair Removal" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1214/cb1b59c9-09f7-44d7-94eb-6625948728b2.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hair Removal</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000205" data-viewtext="Fragrance" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1652/e3196acd-ed94-4e64-921c-fa5ed3224087.jpg" alt="" loading="lazy" /></span>
											                              <span class="option-name">Fragrance</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000052" data-viewtext="All Bath & Body" class="option-box">
											                              <span class="option-thum"><span class="thum-text"><img data-src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/product_1000000052_all.png" alt="" loading="lazy" /></span></span>
											                              <span class="option-name">All Bath & Body</span>
											                            </a>
											                          </li>
											                        </ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Skin Type</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000037&attrNo=&ctgrNo=1000000052" data-viewtext="Combination&Normal" class="option-box"><span class="option-name">Combination&Normal</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000038&attrNo=&ctgrNo=1000000052" data-viewtext="Dry" class="option-box"><span class="option-name">Dry</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000039&attrNo=&ctgrNo=1000000052" data-viewtext="Oily" class="option-box"><span class="option-name">Oily</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000040&attrNo=&ctgrNo=1000000052" data-viewtext="Sensitive" class="option-box"><span class="option-name">Sensitive</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Skin Concern</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000033&attrNo=&ctgrNo=1000000052" data-viewtext="Well-aging" class="option-box"><span class="option-name">Well-aging</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000022&attrNo=&ctgrNo=1000000052" data-viewtext="Hand Care" class="option-box"><span class="option-name">Hand Care</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000026&attrNo=&ctgrNo=1000000052" data-viewtext="Sculpting" class="option-box"><span class="option-name">Sculpting</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000023&attrNo=&ctgrNo=1000000052" data-viewtext="Moisturising" class="option-box"><span class="option-name">Moisturising</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000017&attrNo=&ctgrNo=1000000052" data-viewtext="Cellulite" class="option-box"><span class="option-name">Cellulite</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Scent</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000048&attrNo=&ctgrNo=1000000052" data-viewtext="Citrus" class="option-box"><span class="option-name">Citrus</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000049&attrNo=&ctgrNo=1000000052" data-viewtext="Floral" class="option-box"><span class="option-name">Floral</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000050&attrNo=&ctgrNo=1000000052" data-viewtext="Fresh" class="option-box"><span class="option-name">Fresh</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000051&attrNo=&ctgrNo=1000000052" data-viewtext="Fruity" class="option-box"><span class="option-name">Fruity</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000056&attrNo=&ctgrNo=1000000052" data-viewtext="Woody" class="option-box"><span class="option-name">Woody</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000052&attrNo=&ctgrNo=1000000052" data-viewtext="Green" class="option-box"><span class="option-name">Green</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000053&attrNo=&ctgrNo=1000000052" data-viewtext="Musk" class="option-box"><span class="option-name">Musk</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000055&attrNo=&ctgrNo=1000000052" data-viewtext="Sweet" class="option-box"><span class="option-name">Sweet</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000058&attrNo=&ctgrNo=1000000052" data-viewtext="Fragrance-free" class="option-box"><span class="option-name">Fragrance-free</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="promotion-area">
										                      <ul class="promotion-list">
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/display/page/brand-page?brandNo=B01681" class="promotion-box" data-bannerIdx="1">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1597/e1306c68-e69f-49a2-8414-1a43aa07f4c7.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">Brighten Up! with BnD✨</span>
									                          </a>
									                        </li>
														</ul>
										                    </div>
														</div>
									<div class="all-menu-cont" aria-hidden="true">
									<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Hair Product</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="thum-option-list">
										                        	<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000071" data-viewtext="Hair Wash" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1807/f99cd31b-1dd5-414d-89f9-cf3b87d3098a.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hair Wash</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000074" data-viewtext="Treatments" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1990/d0d5a48d-9ae1-4760-bec6-5d9630646afb.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Treatments</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000079" data-viewtext="Hair Color & Perms" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1719/4405b078-a367-4227-a53a-2baf61506edb.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hair Color & Perms</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000081" data-viewtext="Hair Styling" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1068/3480903e-ba60-4902-aed9-ed60b577d841.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hair Styling</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000149" data-viewtext="Hair Styling Devices" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1894/ead0d54a-e99b-4a59-b2f4-c2d935dba5de.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hair Styling Devices</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000208" data-viewtext="Hair Perfume" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1173/a7ef6a51-919e-433e-9203-e4ca527e6121.jpg" alt="" loading="lazy" /></span>
											                              <span class="option-name">Hair Perfume</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000070" data-viewtext="All Hair" class="option-box">
											                              <span class="option-thum"><span class="thum-text"><img data-src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/product_1000000070_all.png" alt="" loading="lazy" /></span></span>
											                              <span class="option-name">All Hair</span>
											                            </a>
											                          </li>
											                        </ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Hair Type</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000126&attrNo=&ctgrNo=1000000070" data-viewtext="Coloured" class="option-box"><span class="option-name">Coloured</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000127&attrNo=&ctgrNo=1000000070" data-viewtext="Curly & Wavy" class="option-box"><span class="option-name">Curly & Wavy</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000128&attrNo=&ctgrNo=1000000070" data-viewtext="Dry" class="option-box"><span class="option-name">Dry</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000129&attrNo=&ctgrNo=1000000070" data-viewtext="Fine" class="option-box"><span class="option-name">Fine</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000131&attrNo=&ctgrNo=1000000070" data-viewtext="Greying" class="option-box"><span class="option-name">Greying</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000132&attrNo=&ctgrNo=1000000070" data-viewtext="Hair loss" class="option-box"><span class="option-name">Hair loss</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000134&attrNo=&ctgrNo=1000000070" data-viewtext="Weakened" class="option-box"><span class="option-name">Weakened</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Hair Care Benefit</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000135&attrNo=&ctgrNo=1000000070" data-viewtext="Anti-Dandruff" class="option-box"><span class="option-name">Anti-Dandruff</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000136&attrNo=&ctgrNo=1000000070" data-viewtext="Anti-Frizz" class="option-box"><span class="option-name">Anti-Frizz</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000137&attrNo=&ctgrNo=1000000070" data-viewtext="Balancing" class="option-box"><span class="option-name">Balancing</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000138&attrNo=&ctgrNo=1000000070" data-viewtext="Colour Protection" class="option-box"><span class="option-name">Colour Protection</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000139&attrNo=&ctgrNo=1000000070" data-viewtext="Damage Repair" class="option-box"><span class="option-name">Damage Repair</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000140&attrNo=&ctgrNo=1000000070" data-viewtext="Hair Growth" class="option-box"><span class="option-name">Hair Growth</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000141&attrNo=&ctgrNo=1000000070" data-viewtext="Heat Protection" class="option-box"><span class="option-name">Heat Protection</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000142&attrNo=&ctgrNo=1000000070" data-viewtext="Hydrating" class="option-box"><span class="option-name">Hydrating</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000144&attrNo=&ctgrNo=1000000070" data-viewtext="Scalp Treatment" class="option-box"><span class="option-name">Scalp Treatment</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000145&attrNo=&ctgrNo=1000000070" data-viewtext="Shine" class="option-box"><span class="option-name">Shine</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000146&attrNo=&ctgrNo=1000000070" data-viewtext="Thickening" class="option-box"><span class="option-name">Thickening</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000147&attrNo=&ctgrNo=1000000070" data-viewtext="Volumising" class="option-box"><span class="option-name">Volumising</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="promotion-area">
										                      <ul class="promotion-list">
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/event/planning?plndpNo=1723" class="promotion-box" data-bannerIdx="1">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1987/f525ddfa-2443-4d85-8ba5-ce8080b3e13b.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">Hair&Body Care BestSeller with BIGBANG SALE</span>
									                          </a>
									                        </li>
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/product/detail?prdtNo=GA250530893&dataSource=search_result" class="promotion-box" data-bannerIdx="2">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1317/56ce9141-c450-4811-b6e6-e6e7534cd655.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">VT PDRN REEDLE SHOT <br>Hair ampoule</span>
									                          </a>
									                        </li>
														</ul>
										                    </div>
														</div>
									<div class="all-menu-cont" aria-hidden="true">
									<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Mask Product</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="thum-option-list">
										                        	<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000004" data-viewtext="Sheet Masks" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1756/b31b2aee-4a0d-4eb8-af28-654a04d3011e.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Sheet Masks</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000005" data-viewtext="Facial Masks" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1233/83f2d3c1-fed4-4106-898f-8bf97e71f709.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Facial Masks</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000006" data-viewtext="Nose Pack" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1554/859ff336-6d23-4797-8369-65769ceb9eda.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Nose Pack</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000007" data-viewtext="Patches" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1502/bec63747-e0e7-47f4-abc3-1791edfe9b73.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Patches</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000148" data-viewtext="Pads" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1573/6594a9cb-4b91-4a1a-bdb3-ee2d13307b96.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Pads</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000003" data-viewtext="All Masks" class="option-box">
											                              <span class="option-thum"><span class="thum-text"><img data-src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/product_1000000003_all.png" alt="" loading="lazy" /></span></span>
											                              <span class="option-name">All Masks</span>
											                            </a>
											                          </li>
											                        </ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Skin Concern</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000023&attrNo=&ctgrNo=1000000003" data-viewtext="Moisturising" class="option-box"><span class="option-name">Moisturising</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000028&attrNo=&ctgrNo=1000000003" data-viewtext="Soothing" class="option-box"><span class="option-name">Soothing</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000033&attrNo=&ctgrNo=1000000003" data-viewtext="Well-aging" class="option-box"><span class="option-name">Well-aging</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000016&attrNo=&ctgrNo=1000000003" data-viewtext="Brightening" class="option-box"><span class="option-name">Brightening</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000015&attrNo=&ctgrNo=1000000003" data-viewtext="Blackheads" class="option-box"><span class="option-name">Blackheads</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000032&attrNo=&ctgrNo=1000000003" data-viewtext="Visible Pores" class="option-box"><span class="option-name">Visible Pores</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000018&attrNo=&ctgrNo=1000000003" data-viewtext="Deep Cleansing" class="option-box"><span class="option-name">Deep Cleansing</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Featured Ingredients</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000468&attrNo=&ctgrNo=1000000003" data-viewtext="Centella Asiatica Extract (Cica Care)" class="option-box"><span class="option-name">Centella Asiatica Extract (Cica Care)</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT001122&attrNo=&ctgrNo=1000000003" data-viewtext="Hyaluronic acid" class="option-box"><span class="option-name">Hyaluronic acid</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000994&attrNo=&ctgrNo=1000000003" data-viewtext="Panthenol" class="option-box"><span class="option-name">Panthenol</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000217&attrNo=&ctgrNo=1000000003" data-viewtext="Niacinamide" class="option-box"><span class="option-name">Niacinamide</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000715&attrNo=&ctgrNo=1000000003" data-viewtext="Houttuynia Cordata Extract" class="option-box"><span class="option-name">Houttuynia Cordata Extract</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000592&attrNo=&ctgrNo=1000000003" data-viewtext="Ceramide" class="option-box"><span class="option-name">Ceramide</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000704&attrNo=&ctgrNo=1000000003" data-viewtext="Allantoin" class="option-box"><span class="option-name">Allantoin</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000982&attrNo=&ctgrNo=1000000003" data-viewtext="Tea Tree" class="option-box"><span class="option-name">Tea Tree</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000936&attrNo=&ctgrNo=1000000003" data-viewtext="Collagen" class="option-box"><span class="option-name">Collagen</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000348&attrNo=&ctgrNo=1000000003" data-viewtext="Madecassoside" class="option-box"><span class="option-name">Madecassoside</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="promotion-area">
										                      <ul class="promotion-list">
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/event/planning?plndpNo=1715" class="promotion-box" data-bannerIdx="1">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1984/80a3b22b-6929-4a20-b686-80459300cd89.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">K-Beauty Routine For YOU</span>
									                          </a>
									                        </li>
														</ul>
										                    </div>
														</div>
									<div class="all-menu-cont" aria-hidden="true">
									<div class="menu-detail-box">
											                      <div class="menu-detail-head"><span class="menu-detail-name">Suncare Product</span></div>
											                      <div class="menu-detail-body">
											                        <ul class="thum-option-list">
										                        	<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000028" data-viewtext="Sunscreen" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1501/dfd76987-7121-4335-a0a7-438e7d2cbc82.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">Sunscreen</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000029" data-viewtext="After Sun Care" class="option-box">
											                              <span class="option-thum"><img data-src="https://cdn-image.oliveyoung.com/brandImg/1237/fd7ec70f-7916-4ac2-a1b9-7fc014f63294.png" alt="" loading="lazy" /></span>
											                              <span class="option-name">After Sun Care</span>
											                            </a>
											                          </li>
																		<li class="option-item">
											                            <a href="/display/category?ctgrNo=1000000011" data-viewtext="All Sun Care" class="option-box">
											                              <span class="option-thum"><span class="thum-text"><img data-src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/product_1000000011_all.png" alt="" loading="lazy" /></span></span>
											                              <span class="option-name">All Sun Care</span>
											                            </a>
											                          </li>
											                        </ul>
											                      </div>
											                    </div>
															<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">UVA Star Rating</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000043&attrNo=&ctgrNo=1000000011" data-viewtext="3-Star" class="option-box"><span class="option-name">3-Star</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000044&attrNo=&ctgrNo=1000000011" data-viewtext="4-Star" class="option-box"><span class="option-name">4-Star</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Sun Protection Formulation</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000078&attrNo=&ctgrNo=1000000011" data-viewtext="Mineral" class="option-box"><span class="option-name">Mineral</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000076&attrNo=&ctgrNo=1000000011" data-viewtext="Synthetic" class="option-box"><span class="option-name">Synthetic</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000077&attrNo=&ctgrNo=1000000011" data-viewtext="No White Cast" class="option-box"><span class="option-name">No White Cast</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Fomulation</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000079&attrNo=&ctgrNo=1000000011" data-viewtext="Ampoules" class="option-box"><span class="option-name">Ampoules</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000082&attrNo=&ctgrNo=1000000011" data-viewtext="Cream" class="option-box"><span class="option-name">Cream</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000084&attrNo=&ctgrNo=1000000011" data-viewtext="Gel" class="option-box"><span class="option-name">Gel</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="menu-detail-box">
									                      <div class="menu-detail-head"><span class="menu-detail-name">Format</span></div>
									                      <div class="menu-detail-body">
									                        <ul class="basic-option-list">
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000105&attrNo=&ctgrNo=1000000011" data-viewtext="Stick" class="option-box"><span class="option-name">Stick</span></a></li>
									                        	<li class="option-item"><a href="/display/category?query=&attrValNo=AT000091&attrNo=&ctgrNo=1000000011" data-viewtext="Cushion" class="option-box"><span class="option-name">Cushion</span></a></li>
									                        	</ul>
									                      </div>
									                    </div>
						                        	<div class="promotion-area">
										                      <ul class="promotion-list">
														<li class="promotion-item">
									                          <!-- <a href="#" class="promotion-box"> -->
									                          <a href="https://global.oliveyoung.com/event/planning?plndpNo=1714" class="promotion-box" data-bannerIdx="1">
									                            <span class="promotion-thum"><img data-src="https://cdn-image.oliveyoung.com/display/1713/cc602752-ef88-4163-a5a5-bfdd28216d98.jpg" alt="" loading="lazy" /></span>
									                            <span class="promotion-name">Meet Our Bestselling Suncare</span>
									                          </a>
									                        </li>
														</ul>
										                    </div>
														</div>
									</div>
                
              </div>
            </div>
          </div>
          <!-- [E] wrap-sidemenu-layer -->
          
        </div>


      <!-- [S] search layer 검색 레이어 팝업 -->
      <div class="search-layer type02"><!-- 2021-11-24 type02 클래스 추가 -->
        <!-- [S] 모바일용 검색창 -->
        <div class="sch-all-mo type02 mo-only">
          <button class="btn btn-search-mo-back"><span class="sr-only">close</span></button>
          <div class="input-group search-mo">
            <input type="text" class="form-control" id="searchIptMo" autocomplete="off" maxlength="165" placeholder="Search for a product or brand...">
            <span class="input-group-btn">
              <button class="btn btn-txt-del" type="button"><span class="sr-only">search text delete</span></button><!-- keyup 제어 필요 -->
              <button class="btn btn-search" type="button" id="searchBtnMo"><span class="sr-only">search</span></button>
            </span>
          </div>
        </div>
        <!-- [E] 모바일용 검색창 -->

        <div class="tab-search-layer" data-testid="header-search-box-layer">
          <div class="wrap-tab-swiper">
            <div class="swiper-container tab-menu" data-swiper="Type_Rander">
              <div class="swiper-wrapper tab-list" role="tablist">
                <div class="swiper-slide tab on" role="presentation">
                  <div class="sch-inner">
                    <h3 class="tab-swiper-title">
                      <button type="button" class="btn" role="tab" data-testid="header-search-box-layer-recent-button" aria-selected="true" data-attr="PCsearch_resentSearches_click">Recent searches</button>
                    </h3>
                    <div class="tab-pannel on" role="tabpanel">
                      <!-- [S] Recent searches -->
                      <div class="sch-list" id="recentSearch" data-testid="header-search-box-layer-recent">

                      </div>
                      <!-- [E] Recent searches -->
                      <!-- [S] no recent search 검색 결과 없음 -->
                      <!-- <div class="no-recent-search">There are no recent searches.</div> -->
                      <!-- [E] no recent search 검색 결과 없음 -->
                      <button type="button" class="btn-remove-all-searchs" id="removeAll" data-testid="header-search-box-layer-recent-remove-all-button" data-attr="PCsearch_resentSearches_remove_click">Remove all searches</button>
                    </div>
                    <!-- <button type="button" class="btn-remove-all-searchs" >Remove all searches</button> -->
                  </div>
                </div>
                <div class="swiper-slide tab" role="presentation">
                  <div class="sch-inner">
                    <h3 class="tab-swiper-title">
                      <button type="button" class="btn" role="tab" id="popularSearchBtn" data-testid="header-search-box-layer-popular-button" aria-selected="false" data-attr="PCsearch_popularSearches_click">Popular searches</button>
                    </h3>
                    <div class="tab-pannel" role="tabpanel">
                      <!-- [S] Popular searches -->

                      <!-- 2021-11-24 추천검색어 추가 [S] -->
                      <div class="recom-sch-list" id="recomSearch">
                      </div>
                      <!-- //2021-11-24 추천검색어 추가 [E] -->
                      <div class="sch-list">
                        <div class="sch-list" id="popularSearch" data-testid="header-search-box-layer-popular">

                        </div>
                      </div>
                      <!-- [E] Popular searches -->
                    </div>
                  </div>
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
              <!-- Add Arrows -->
            </div>
          </div>
        </div>

        <div class="auto-search-layer" data-testid="header-auto-search-layer">
          <!-- [S] Recent searches -->
          <div class="sch-list" id="suggestSearch" data-testid="header-auto-search-layer-suggest">
          
          </div>
          <!-- [E] Recent searches -->
        </div>
        <div class="wrap-btn">
          <button type="button" class="search-close-btn" data-testid="header-search-box-close-button" data-attr="PCsearch_close_click">Close</button>
        </div>
      </div>
      <!-- [E] search layer 검색 레이어 팝업 -->
        
	  <div id="deliveryCountrySelectPopup" class="popup-layer" role="dialog" aria-modal="true" aria-hidden="true" data-testid="header-country-currency-setting-modal">
		  <div class="popup-layer-body" tabindex="-1">
			<div class="popup-layer-header">
				<h4 class="title">Country/Currency Settings</h4>
				<button type="button" class="popup-layer-close-button svg-icon-Close" data-attr="GEN_cntryChange_cancel_click" data-testid="delivery-country-select-popup-close-button"><span class="sr-only">close popup</span></button>
			</div>
			<div class="popup-layer-content">
				<h3 class="section-title">Country/Region</h3> <!-- 국가 선택 -->
				<div id="deliveryCountrySelectbox" class="selectbox md isFloating" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="selectbox-options" tabindex="0">
				  <div class="selectbox-trigger" id="sel_headDlvCntry" data-attr="GEN_cntryChange_selectCntry_click">
						<div class="inner">
									<img src="https://cdn-image.oliveyoung.com/system/1923/2bf54870-396e-477d-b56f-5959d0a4667c.png?QT=80" alt="U.S.A" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
									<span data-code-dtl-no="10" data-nation-flag-image-path="system/1923/2bf54870-396e-477d-b56f-5959d0a4667c.png" data-option="dlvCntryList">U.S.A</span>
								</div>
							<div class="svg-icon-ChevronDown"></div>
				  </div>
				  <ul class="selectbox-options" id="headDlvCntry" role="listbox">
				  	<li class="selectbox-option inner" data-code-dtl-no="10" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1923/2bf54870-396e-477d-b56f-5959d0a4667c.png?QT=80" alt="U.S.A" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="10" data-nation-flag-image-path="system/1923/2bf54870-396e-477d-b56f-5959d0a4667c.png" data-option="dlvCntryList">U.S.A</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="110" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1447/156afeab-aa6a-4962-9cc3-6350b4c5a0bd.png?QT=80" alt="JAPAN" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="110" data-nation-flag-image-path="system/1447/156afeab-aa6a-4962-9cc3-6350b4c5a0bd.png" data-option="dlvCntryList">JAPAN</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="170" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1351/4b61a29e-14c6-4cfd-a6fd-4aba242c0e67.png?QT=80" alt="UNITED KINGDOM" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="170" data-nation-flag-image-path="system/1351/4b61a29e-14c6-4cfd-a6fd-4aba242c0e67.png" data-option="dlvCntryList">UNITED KINGDOM</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="340" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1599/9cb4215a-1ab3-47b1-862b-a59443644e25.jpg?QT=80" alt="AMERICAN SAMOA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="340" data-nation-flag-image-path="system/1599/9cb4215a-1ab3-47b1-862b-a59443644e25.jpg" data-option="dlvCntryList">AMERICAN SAMOA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="30" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1805/6eaa1f10-c860-43bf-ae9b-ca5b05234170.png?QT=80" alt="AUSTRALIA (Oceania)" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="30" data-nation-flag-image-path="system/1805/6eaa1f10-c860-43bf-ae9b-ca5b05234170.png" data-option="dlvCntryList">AUSTRALIA (Oceania)</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="350" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1072/26526433-41ed-492d-9efd-345a262805c4.png?QT=80" alt="AUSTRIA (Europe)" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="350" data-nation-flag-image-path="system/1072/26526433-41ed-492d-9efd-345a262805c4.png" data-option="dlvCntryList">AUSTRIA (Europe)</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="440" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1537/a6c86e55-5967-42c8-8033-15e740d9b4e3.png?QT=80" alt="BAHRAIN" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="440" data-nation-flag-image-path="system/1537/a6c86e55-5967-42c8-8033-15e740d9b4e3.png" data-option="dlvCntryList">BAHRAIN</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="410" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1798/f1e76f8b-f2bf-4960-bb2a-12d4ff7cbf51.png?QT=80" alt="BELGIUM" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="410" data-nation-flag-image-path="system/1798/f1e76f8b-f2bf-4960-bb2a-12d4ff7cbf51.png" data-option="dlvCntryList">BELGIUM</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="490" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1319/aa9d9f59-de1e-40eb-ac5a-388a559046e1.png?QT=80" alt="BOLIVIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="490" data-nation-flag-image-path="system/1319/aa9d9f59-de1e-40eb-ac5a-388a559046e1.png" data-option="dlvCntryList">BOLIVIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="430" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1458/9db3a42b-312f-4189-b6f6-d38646b7a87e.png?QT=80" alt="BULGARIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="430" data-nation-flag-image-path="system/1458/9db3a42b-312f-4189-b6f6-d38646b7a87e.png" data-option="dlvCntryList">BULGARIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1180" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1821/be5db5bb-98c2-418a-b4ce-0dfcc0a1f10b.png?QT=80" alt="CAMBODIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1180" data-nation-flag-image-path="system/1821/be5db5bb-98c2-418a-b4ce-0dfcc0a1f10b.png" data-option="dlvCntryList">CAMBODIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="20" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1249/a72188b4-47bd-485f-9737-f474170cceb4.png?QT=80" alt="CANADA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="20" data-nation-flag-image-path="system/1249/a72188b4-47bd-485f-9737-f474170cceb4.png" data-option="dlvCntryList">CANADA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="610" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1840/fab12b18-3c6f-49e9-9e60-fe816bf4aeab.png?QT=80" alt="CHILE" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="610" data-nation-flag-image-path="system/1840/fab12b18-3c6f-49e9-9e60-fe816bf4aeab.png" data-option="dlvCntryList">CHILE</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="60" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1622/313f94d2-78ce-446f-9060-a861eeb9934a.png?QT=80" alt="MAINLAND, CHINA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="60" data-nation-flag-image-path="system/1622/313f94d2-78ce-446f-9060-a861eeb9934a.png" data-option="dlvCntryList">MAINLAND, CHINA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="630" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1455/f43b8b5a-185b-428a-8263-9125f8c94c85.png?QT=80" alt="COLOMBIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="630" data-nation-flag-image-path="system/1455/f43b8b5a-185b-428a-8263-9125f8c94c85.png" data-option="dlvCntryList">COLOMBIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="670" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1105/a2a380a4-513b-41d9-96ea-c07b379ef897.png?QT=80" alt="CYPRUS" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="670" data-nation-flag-image-path="system/1105/a2a380a4-513b-41d9-96ea-c07b379ef897.png" data-option="dlvCntryList">CYPRUS</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="680" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1894/01ac7d3b-db8e-4f64-ae28-6c3cb429e7a1.png?QT=80" alt="CZECH REPUBLIC" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="680" data-nation-flag-image-path="system/1894/01ac7d3b-db8e-4f64-ae28-6c3cb429e7a1.png" data-option="dlvCntryList">CZECH REPUBLIC</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="700" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1517/ef1c76b6-0d9c-4dd5-abf8-38241f1322a2.png?QT=80" alt="DENMARK" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="700" data-nation-flag-image-path="system/1517/ef1c76b6-0d9c-4dd5-abf8-38241f1322a2.png" data-option="dlvCntryList">DENMARK</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="790" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1511/80d4e8b2-d1d3-4218-8f1a-ad3d00df30ef.png?QT=80" alt="FINLAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="790" data-nation-flag-image-path="system/1511/80d4e8b2-d1d3-4218-8f1a-ad3d00df30ef.png" data-option="dlvCntryList">FINLAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="80" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1254/f6b33df5-864b-486a-b421-1cfa48aaebd2.png?QT=80" alt="FRANCE" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="80" data-nation-flag-image-path="system/1254/f6b33df5-864b-486a-b421-1cfa48aaebd2.png" data-option="dlvCntryList">FRANCE</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="90" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1617/b629b559-2998-47d3-943c-a74551630556.png?QT=80" alt="GERMANY" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="90" data-nation-flag-image-path="system/1617/b629b559-2998-47d3-943c-a74551630556.png" data-option="dlvCntryList">GERMANY</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="960" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1040/44b3eebc-d6d0-4603-8a76-d99587f2bb7c.png?QT=80" alt="GREECE" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="960" data-nation-flag-image-path="system/1040/44b3eebc-d6d0-4603-8a76-d99587f2bb7c.png" data-option="dlvCntryList">GREECE</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="980" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1683/3944dd90-a05d-48fe-92b7-0773ad7c4fe2.png?QT=80" alt="GUAM" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="980" data-nation-flag-image-path="system/1683/3944dd90-a05d-48fe-92b7-0773ad7c4fe2.png" data-option="dlvCntryList">GUAM</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="880" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1754/66f6de0d-9138-42f0-a0cb-210ada28d6fe.png?QT=80" alt="GUERNSEY" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="880" data-nation-flag-image-path="system/1754/66f6de0d-9138-42f0-a0cb-210ada28d6fe.png" data-option="dlvCntryList">GUERNSEY</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="70" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1314/5281cfa4-6595-49cd-b0f7-ed86b32ece34.png?QT=80" alt="HONG KONG SAR, CHINA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="70" data-nation-flag-image-path="system/1314/5281cfa4-6595-49cd-b0f7-ed86b32ece34.png" data-option="dlvCntryList">HONG KONG SAR, CHINA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1040" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1765/c5b84430-83c5-48a3-8015-d929bfd7f55a.png?QT=80" alt="HUNGARY" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1040" data-nation-flag-image-path="system/1765/c5b84430-83c5-48a3-8015-d929bfd7f55a.png" data-option="dlvCntryList">HUNGARY</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1110" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1279/2e74e247-3d5e-4f36-8fef-555254f83d08.png?QT=80" alt="ICELAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1110" data-nation-flag-image-path="system/1279/2e74e247-3d5e-4f36-8fef-555254f83d08.png" data-option="dlvCntryList">ICELAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="100" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1015/ddb63274-90fe-44bb-98ec-e09911a1ce21.png?QT=80" alt="INDONESIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="100" data-nation-flag-image-path="system/1015/ddb63274-90fe-44bb-98ec-e09911a1ce21.png" data-option="dlvCntryList">INDONESIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1060" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1558/b3e8e39f-5903-41fa-b848-7f0ab6bc4fc7.png?QT=80" alt="IRELAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1060" data-nation-flag-image-path="system/1558/b3e8e39f-5903-41fa-b848-7f0ab6bc4fc7.png" data-option="dlvCntryList">IRELAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1070" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1117/4a8fb35a-94de-42d2-998d-162aafd3a1e1.png?QT=80" alt="ISRAEL" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1070" data-nation-flag-image-path="system/1117/4a8fb35a-94de-42d2-998d-162aafd3a1e1.png" data-option="dlvCntryList">ISRAEL</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1120" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1633/622d86e2-731d-42f9-8d32-99f32b38f810.png?QT=80" alt="ITALY" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1120" data-nation-flag-image-path="system/1633/622d86e2-731d-42f9-8d32-99f32b38f810.png" data-option="dlvCntryList">ITALY</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="230" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1041/bd99e3b3-595c-4a51-9f84-c53e112233d9.png?QT=80" alt="KAZAKHSTAN" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="230" data-nation-flag-image-path="system/1041/bd99e3b3-595c-4a51-9f84-c53e112233d9.png" data-option="dlvCntryList">KAZAKHSTAN</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1230" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1493/d8df1ed8-58bf-46d7-b3f0-bb7af911828b.png?QT=80" alt="KOREA, REPUBLIC OF (SOUTH K.)" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1230" data-nation-flag-image-path="system/1493/d8df1ed8-58bf-46d7-b3f0-bb7af911828b.png" data-option="dlvCntryList">KOREA, REPUBLIC OF (SOUTH K.)</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="120" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1458/77e38c09-efd3-4fb0-879e-30bff1d2b31a.png?QT=80" alt="LUXEMBOURG" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="120" data-nation-flag-image-path="system/1458/77e38c09-efd3-4fb0-879e-30bff1d2b31a.png" data-option="dlvCntryList">LUXEMBOURG</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1470" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1858/422270d0-a33e-4acf-8494-2a5d17c8f2d5.png?QT=80" alt="MACAU SAR, CHINA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1470" data-nation-flag-image-path="system/1858/422270d0-a33e-4acf-8494-2a5d17c8f2d5.png" data-option="dlvCntryList">MACAU SAR, CHINA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="150" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1902/4b694e19-b0d1-4f8b-b48f-bbe7566f22b2.png?QT=80" alt="MALAYSIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="150" data-nation-flag-image-path="system/1902/4b694e19-b0d1-4f8b-b48f-bbe7566f22b2.png" data-option="dlvCntryList">MALAYSIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="190" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1456/8fcbf5ed-f39a-4d27-8255-27fde7d12433.png?QT=80" alt="MEXICO" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="190" data-nation-flag-image-path="system/1456/8fcbf5ed-f39a-4d27-8255-27fde7d12433.png" data-option="dlvCntryList">MEXICO</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1460" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1115/2222948f-e76d-46fa-b978-8bda1e424376.png?QT=80" alt="MONGOLIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1460" data-nation-flag-image-path="system/1115/2222948f-e76d-46fa-b978-8bda1e424376.png" data-option="dlvCntryList">MONGOLIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="180" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1685/42ecfed0-d1eb-4b96-838c-87e380727c1f.png?QT=80" alt="NETHERLANDS" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="180" data-nation-flag-image-path="system/1685/42ecfed0-d1eb-4b96-838c-87e380727c1f.png" data-option="dlvCntryList">NETHERLANDS</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="40" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1924/0bc0e2ed-e9fc-4b22-8c80-f37c91db5446.png?QT=80" alt="NEW ZEALAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="40" data-nation-flag-image-path="system/1924/0bc0e2ed-e9fc-4b22-8c80-f37c91db5446.png" data-option="dlvCntryList">NEW ZEALAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1620" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1415/239bb9c9-fb33-476e-b54a-4660143c0970.png?QT=80" alt="NORWAY" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1620" data-nation-flag-image-path="system/1415/239bb9c9-fb33-476e-b54a-4660143c0970.png" data-option="dlvCntryList">NORWAY</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1660" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1774/13e81d3e-fc95-4c31-a8e0-c9de63152839.png?QT=80" alt="OMAN" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1660" data-nation-flag-image-path="system/1774/13e81d3e-fc95-4c31-a8e0-c9de63152839.png" data-option="dlvCntryList">OMAN</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1710" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1483/4871ce70-4bdd-4484-8ea5-73a1bc576f49.png?QT=80" alt="PHILIPPINES" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1710" data-nation-flag-image-path="system/1483/4871ce70-4bdd-4484-8ea5-73a1bc576f49.png" data-option="dlvCntryList">PHILIPPINES</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1730" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1323/bb500bf8-13e3-454b-bc9e-952421a52447.png?QT=80" alt="POLAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1730" data-nation-flag-image-path="system/1323/bb500bf8-13e3-454b-bc9e-952421a52447.png" data-option="dlvCntryList">POLAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1750" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1473/7916d1a4-97e7-4008-a3d6-11917ff5eadb.png?QT=80" alt="PORTUGAL" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1750" data-nation-flag-image-path="system/1473/7916d1a4-97e7-4008-a3d6-11917ff5eadb.png" data-option="dlvCntryList">PORTUGAL</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1740" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1640/f4406095-e653-4c2a-be64-05cb48a03b0d.png?QT=80" alt="PUERTO RICO" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1740" data-nation-flag-image-path="system/1640/f4406095-e653-4c2a-be64-05cb48a03b0d.png" data-option="dlvCntryList">PUERTO RICO</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="240" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1008/9a99d8eb-8234-4e30-80b6-ff0aec520588.png?QT=80" alt="QATAR" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="240" data-nation-flag-image-path="system/1008/9a99d8eb-8234-4e30-80b6-ff0aec520588.png" data-option="dlvCntryList">QATAR</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1790" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1536/6a5faf16-09f0-4694-a239-6ff752fef543.png?QT=80" alt="ROMANIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1790" data-nation-flag-image-path="system/1536/6a5faf16-09f0-4694-a239-6ff752fef543.png" data-option="dlvCntryList">ROMANIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1820" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1473/ef75bc5f-2568-4618-880c-9ee3f9dd7c16.png?QT=80" alt="SAUDI ARABIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1820" data-nation-flag-image-path="system/1473/ef75bc5f-2568-4618-880c-9ee3f9dd7c16.png" data-option="dlvCntryList">SAUDI ARABIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="50" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1257/f63edba1-d9da-406c-9fd8-d11c21179612.png?QT=80" alt="SINGAPORE" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="50" data-nation-flag-image-path="system/1257/f63edba1-d9da-406c-9fd8-d11c21179612.png" data-option="dlvCntryList">SINGAPORE</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1880" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1636/3a4c8ce3-fcff-4250-ac75-b6f73466119d.png?QT=80" alt="SLOVENIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1880" data-nation-flag-image-path="system/1636/3a4c8ce3-fcff-4250-ac75-b6f73466119d.png" data-option="dlvCntryList">SLOVENIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1310" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1832/bf1bdf6f-9cdd-4f0d-8118-a4d3784d22a4.png?QT=80" alt="SRI LANKA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1310" data-nation-flag-image-path="system/1832/bf1bdf6f-9cdd-4f0d-8118-a4d3784d22a4.png" data-option="dlvCntryList">SRI LANKA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="1860" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1783/83a61607-8192-4709-af3d-b8e0c07f21c7.png?QT=80" alt="SWEDEN" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="1860" data-nation-flag-image-path="system/1783/83a61607-8192-4709-af3d-b8e0c07f21c7.png" data-option="dlvCntryList">SWEDEN</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="200" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1880/b7922fe0-f473-4102-8dd3-9e62eebdd1c4.png?QT=80" alt="SWITZERLAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="200" data-nation-flag-image-path="system/1880/b7922fe0-f473-4102-8dd3-9e62eebdd1c4.png" data-option="dlvCntryList">SWITZERLAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="160" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1301/d8dd6e1a-fc57-4d7d-b8a5-f5f226152264.png?QT=80" alt="TAIWAN Region" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="160" data-nation-flag-image-path="system/1301/d8dd6e1a-fc57-4d7d-b8a5-f5f226152264.png" data-option="dlvCntryList">TAIWAN Region</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="2100" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1049/66b6debd-3ef8-4d2b-bb10-a7c749cb4397.png?QT=80" alt="TANZANIA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="2100" data-nation-flag-image-path="system/1049/66b6debd-3ef8-4d2b-bb10-a7c749cb4397.png" data-option="dlvCntryList">TANZANIA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="140" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1950/b81c5540-95cc-4d40-ac79-0525304b5fdc.png?QT=80" alt="THAILAND" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="140" data-nation-flag-image-path="system/1950/b81c5540-95cc-4d40-ac79-0525304b5fdc.png" data-option="dlvCntryList">THAILAND</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="220" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1924/ef98abae-09ef-45d9-993e-315f96d68fe1.png?QT=80" alt="UNITED ARAB EMIRATES" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="220" data-nation-flag-image-path="system/1924/ef98abae-09ef-45d9-993e-315f96d68fe1.png" data-option="dlvCntryList">UNITED ARAB EMIRATES</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="2130" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1609/87926e81-726d-4fb2-8a0a-ed19b99c9168.png?QT=80" alt="URUGUAY" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="2130" data-nation-flag-image-path="system/1609/87926e81-726d-4fb2-8a0a-ed19b99c9168.png" data-option="dlvCntryList">URUGUAY</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="2170" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1412/567ae125-01b3-456a-80b1-3cd6db053bc2.png?QT=80" alt="VENEZUELA" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="2170" data-nation-flag-image-path="system/1412/567ae125-01b3-456a-80b1-3cd6db053bc2.png" data-option="dlvCntryList">VENEZUELA</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="2200" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1469/bf4af286-a695-4759-8436-40977f7a78fa.png?QT=80" alt="VIETNAM" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="2200" data-nation-flag-image-path="system/1469/bf4af286-a695-4759-8436-40977f7a78fa.png" data-option="dlvCntryList">VIETNAM</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="2190" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1791/e7dc02f2-4fad-4bf8-a0a4-5f22c647da5c.png?QT=80" alt="VIRGIN ISLANDS (US)" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="2190" data-nation-flag-image-path="system/1791/e7dc02f2-4fad-4bf8-a0a4-5f22c647da5c.png" data-option="dlvCntryList">VIRGIN ISLANDS (US)</span>
							</li>
					<li class="selectbox-option inner" data-code-dtl-no="2350" aria-selected="false">
								<img src="https://cdn-image.oliveyoung.com/system/1519/b8ee7f19-1127-43f7-9f02-cc0ad8340854.png?QT=80" alt="NORTHERN MARIANA ISLANDS(SAIPAN)" onerror="this.src='https://dist.oliveyoung.com/fo/5cb27dbb58/resources/images/search/icon_nav_global.png'" loading="lazy">
								<span data-code-dtl-no="2350" data-nation-flag-image-path="system/1519/b8ee7f19-1127-43f7-9f02-cc0ad8340854.png" data-option="dlvCntryList">NORTHERN MARIANA ISLANDS(SAIPAN)</span>
							</li>
					</ul>
				</div>
				<h3 class="section-title">Currency</h3> <!-- 통화 선택 -->
				<div id="currencySelectbox" class="selectbox md isFloating" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="selectbox-options" tabindex="0">
				  <div class="selectbox-trigger" id="selected-option">
				  		<div class="selected-option" id="sel_headCurrency" data-attr="GEN_cntryChange_selectCurrency_click">
							<div class="inner">
										<span data-code-dtl-no="USD" data-option="currencyCodeList">US$&nbsp;USD</span>
									</div>
								</div>
					  <div class="svg-icon-ChevronDown"></div>
				  </div>
				  <ul class="selectbox-options" id="headCurrency" role="listbox">
				  	<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="USD" data-option="currencyCodeList">US$&nbsp;USD</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="AUD" data-option="currencyCodeList">AU$&nbsp;AUD</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="CAD" data-option="currencyCodeList">CA$&nbsp;CAD</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="JPY" data-option="currencyCodeList">¥&nbsp;JPY</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="CNY" data-option="currencyCodeList">¥&nbsp;CNY</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="HKD" data-option="currencyCodeList">HK$&nbsp;HKD</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="GBP" data-option="currencyCodeList">£&nbsp;GBP</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="EUR" data-option="currencyCodeList">€&nbsp;EUR</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="SGD" data-option="currencyCodeList">S$&nbsp;SGD</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="IDR" data-option="currencyCodeList">Rp&nbsp;IDR</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="INR" data-option="currencyCodeList">₹&nbsp;INR</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="MYR" data-option="currencyCodeList">RM&nbsp;MYR</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="BRL" data-option="currencyCodeList">R$&nbsp;BRL</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="CHF" data-option="currencyCodeList">Fr&nbsp;CHF</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="PHP" data-option="currencyCodeList">₱&nbsp;PHP</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="THB" data-option="currencyCodeList">฿&nbsp;THB</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="TRY" data-option="currencyCodeList">₺,&nbsp;TRY</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="TWD" data-option="currencyCodeList">NT$&nbsp;TWD</span>
						</li>
					<li class="selectbox-option inner" aria-selected="false">
							<span data-code-dtl-no="VND" data-option="currencyCodeList">₫&nbsp;VND</span>
						</li>
					</ul>
				</div>
				<div class="notice-final-price hidden">
					<span class="icon-notice-info"></span>
					<span>The final payment is based on US$ or ¥ and the charge amount may vary with the exchange rate at the time of transaction.</span>
				</div>

				<h3 class="section-title">Language</h3> <!-- 언어 선택 -->
				<div class="language-select-wrapper">
					<div class="language-select-button">
						  <input name="sel_language" disabled="disabled" id="sel_language0" type="radio" value="en"  checked>
						  <label for="sel_language0" style="cursor:default">English</label>
						</div>
					<div class="language-select-button">
						  <input name="sel_language" disabled="disabled" id="sel_language1" type="radio" value="jp" >
						  <label for="sel_language1" style="cursor:default">日本語</label>
						</div>
					</div>
				<div class="save-button">
					<a href="javascript:;" role="button" class="btn btn-pink btn-xs" id="curSave" data-attr="GEN_cntryChange_save_click">Save</a><!-- SAVE -->
				</div>
			</div>
		  </div>
		</div>
	   <!-- 바이오 인증 2022-06-13 -->
	   <!-- //바이오 인증 2022-06-13 -->
  </div>
</header>

<!-- top-banner -->
<div class="top-banner-shipping type02">
    <ul>
		<li><a class="top-banner" href="/foot-info/footer-contents?foterMenuSeq=10" data-bannerIdx="0" data-attr="HOME_FreeShippingGuide_click"><span class="box-icon"><img src="https://cdn-image.oliveyoung.com/display/1657/bd06ea5d-8071-4f0d-be57-cd7f1ff7fcc7.png" alt=""></span><span class="txt">Free shipping over US$60</span></a></li>
		   			<li><a class="top-banner" href="/event/detail?eventNo=EV230100113" data-bannerIdx="1" data-attr="HOME_AppDownload_click"><span class="box-icon"><img src="https://cdn-image.oliveyoung.com/display/1053/b22a4313-1bf4-4afa-937d-d9c1a0a1ac05.png" alt=""></span><span class="txt">SAVE US$20 with OLIVE YOUNG APP !</span></a></li>
		   			</ul>
</div><!-- //top-banner -->
<!-- 앱설치유도 팝업  --> 
    <div class="wrap-float-banner appdown-float-banner" style="display: none">
<div class="appdown-float-text"><a class="appdown-float-text-link" href="javascript:void(0);"><span>SAVE US$20</span> </a> <a class="appdown-float-close" href="javascript:void(0);"> <span class="sr-only">close</span> </a></div>

<div class="appdown-float-qr">
<div class="appdown-float-qr-content">
<p>SAVE US$20 NOW with OLIVE YOUNG APP</p>

<div class="appdown-float-qr-qrimg pc-only"><img alt="qr code" src="https://static.oliveyoung.com/fo/resources/images/renewal/float_banner_qr.png" /></div>

<div class="appdown-float-qr-applink mo-only"><a class="btn-appdown -ios" href="javascript:void(0);" onclick="appDown();"><span class="btn-appdown-text"><span>Download on the</span> <strong>APP Store</strong> </span> </a> <a class="btn-appdown -aos" href="javascript:void(0);" onclick="appDown();"> <span class="btn-appdown-text"> <span>Get it on</span> <strong>Google Play</strong> </span> </a></div>
</div>
<a class="appdown-float-close" href="javascript:void(0);"><span class="sr-only">close</span> </a></div>
</div>
<!-- // 앱설치유도 팝업 -->

<!-- [S] vue -->
	<div style="width: 100%; height: 100vh;" id="skeleton">
			<div class="container contents-body renewal type-en type-new" role="main">
				<div class="main">
					<div class="location-bar pc-only">
						<ul class="loc_wrap">
							<li><a href="/" data-attr="PD_PC_category_bar_click"><span class="sr-only">home</span></a></li>
						</ul>
					  </div>
					<div class="contents-sub">
						<div class="prd-detail-wrap">
							<div class="prd-visual-content">
								<div class="prd-image-wrap">
									<div class="prd-image">
										<div class="swiper-container swiper-ui device-mo-only prd-thumb-top" data-swiper="Type_thumbs_top">
											<div class="swiper-wrapper">
												<div class="swiper-slide">
													<div class="prd-unit-img">
														<img src="https://cdn-image.oliveyoung.com/prdtImg/1022/00c61b3d-21f2-4e7c-baa4-13ff954acaf5.jpg?RS=1500x1500&AR=0&QT=80" as="image" type="image/webp" alt="COSRX Acne Pimple Master Patch 24 Count | OLIVE YOUNG Global">
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div id="prdtDetailApp" v-cloak class="container contents-body renewal type-en type-new" role="main">
      <div class="main">
        <div class="location-bar pc-only">
          <ul class="loc_wrap">
              <li><a href="/" data-attr="PD_PC_category_bar_click"><span class="sr-only">home</span></a></li>
              <li v-if="product.allPathCtgrNo && pathCtgrNo(1)"><a :href="'/display/category?ctgrNo=' + pathCtgrNo(1)" :data-testid="'product-display-category-' + pathCtgrNo(1)" data-attr="PD_PC_category_bar_click"><span class="loc_cat">{{ pathCtgrName(1) }}</span></a></li>
              <li v-if="product.allPathCtgrNo && pathCtgrNo(2)"><a :href="'/display/category?ctgrNo=' + pathCtgrNo(2)" :data-testid="'product-display-category-' + pathCtgrNo(2)" data-attr="PD_PC_category_bar_click"><span class="loc_cat">{{ pathCtgrName(2) }}</span></a></li>
              <li v-if="product.allPathCtgrNo && pathCtgrNo(3)"><a :href="'/display/category?ctgrNo=' + pathCtgrNo(3)" :data-testid="'product-display-category-' + pathCtgrNo(3)" data-attr="PD_PC_category_bar_click"><span class="loc_cat">{{ pathCtgrName(3) }}</span></a></li>
          </ul>
        </div>
        <!-- [S] product detail wrap -->
		<template v-if="!section1Loaded && preloadImage">
				<div style="width: 100%; height: 100vh;">
					<div class="contents-sub">
						<div class="prd-detail-wrap">
							<div class="prd-visual-content">
								<!-- 제품 이미지 -->
								<div class="prd-image-wrap">
									<div class="prd-image">
										<div class="swiper-container swiper-ui device-mo-only prd-thumb-top">
											<div class="swiper-wrapper">
												<div class="swiper-slide">
													<div class="prd-unit-img">
														<img src="https://cdn-image.oliveyoung.com/prdtImg/1022/00c61b3d-21f2-4e7c-baa4-13ff954acaf5.jpg?RS=1500x1500&AR=0&QT=80" alt="preloadImage">
													</div>
												</div>
											</div>
										</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</template>
		<div class="contents-sub">
        	<div v-if="section1Loaded" class="prd-detail-wrap">
				<!-- [S] product image, banner -->
				<div class="prd-visual-content">
    <!-- 제품 이미지 -->
    <div class="prd-image-wrap">
        <div class="prd-image">
            <div class="swiper-container swiper-ui device-mo-only prd-thumb-top" data-swiper="Type_thumbs_top">
                <!-- [S] 2020-02-25 상품 큰 이미지 리스트 마크업 수정 -->
                <div class="swiper-wrapper" data-testid="product-image" @touchend="sendGa4Data('PD_thumbnail_swipe')">
                    <div v-for="(zoom, i) in thumb.zoomList" :key="'zoom_'+zoom.type+'_'+zoom.idx" class="swiper-slide">
                        <div :class="{'prd-unit-img': true, 'mov': thumb.imgSet[zoom.type][zoom.idx].isVideo && thumb.imgSet[zoom.type][zoom.idx].acntId && thumb.imgSet[zoom.type][zoom.idx].movId}">
                            <div v-if="thumb.imgSet[zoom.type][zoom.idx].isVideo && thumb.imgSet[zoom.type][zoom.idx].acntId && thumb.imgSet[zoom.type][zoom.idx].movId" class="prd-unit-movie" :data-account="thumb.imgSet[zoom.type][zoom.idx].acntId" :data-video-id="thumb.imgSet[zoom.type][zoom.idx].movId" :data-mov-url="thumb.imgSet[zoom.type][zoom.idx].movUrl">
                            	<video controls :data-mov-url="thumb.imgSet[zoom.type][zoom.idx].movUrl" playsinline>
									<source :src="img.cdnUrl + thumb.imgSet[zoom.type][zoom.idx].movUrl" type="video/mp4">
								</video>
                            </div>
                            <img v-else :id="i==0 ? 'zoom_01' : ''" :src="loadImg(thumb.imgSet[zoom.type][zoom.idx].src, img.rs.zoom)" :alt="product.prdtName" @error="loadNoImg">
</div>
                    </div>
                </div>
                <template v-if="thumb.zoomList.length > 1">
	                <div class="swiper-pagination mo-only"></div>
					<div class="swiper-pagination-progress mo-only"><span></span></div>
                </template>
            </div>
            <div class="prd-thumb-list-wrap" data-testid="product-thumbnail-list">
                <div class="prd-thumb-list swiper-container swiper-ui device-pc-only" data-swiper="Type_thumbs">
                    <div class="swiper-wrapper">
                        <div v-for="(side, i) in thumb.sideList" :key="'side_'+side.type+'_'+side.idx" :class="['swiper-slide', 'list-img', side.type == thumb.type && side.idx == thumb.idx ? 'sel':'']">
                            <button @click="pickSide(i)" type="button" :class="['btn', thumb.imgSet[side.type][side.idx].isVideo ? 'btn-play-dimmed':'']" data-attr="PD_PC_thumbnail_click" data-testid="product-thumbnail">
                                <img :src="loadImg(thumb.imgSet[side.type][side.idx].src, img.rs.thumb)" :alt="product.prdtName" @error="loadNoImg">
                            </button>
                        </div>
                    </div>
                </div>

                <!-- Add Arrows -->
                <template v-if="thumb.sideList && thumb.sideList.length > 7">
                    <div @click="sendGa4Data('PD_PC_thumbnail_more_click')" class="swiper-button-next thumb-list-button pc-only"></div>
                    <div @click="sendGa4Data('PD_PC_thumbnail_more_click')" class="swiper-button-prev thumb-list-button pc-only"></div>
                </template>
            </div>
        </div>
        <template v-if="product.colorchipYn == 'Y' && thumb.imgSet[1].length > 0">
            <div class="prd-colorchip">
                <div class="swiper-container swiper-ui device-mo-only" data-swiper="Type_colorchip">
                    <div class="swiper-wrapper">
                        <div v-for="(optImg, i) in thumb.imgSet[1]" :class="['swiper-slide', thumb.type == 2 && thumb.imgSet[2][thumb.idx].optIdx == i ? 'sel' : '', product.optionList[i].tempOutOfStockYn == 'Y' ? 'soldout-chip' : '']">
                            <button @click="pickOpt(i)" type="button" class="btn" data-attr="PD_colorChip_click" data-testid="product-colorchip">
                                <img :src="loadImg(optImg.src, img.rs.cc)" :alt="product.optionList[i].snglOptnName" @error="loadNoImg($event, true)">
                            </button>
                        </div>
                    </div>
                </div>
                <div class="prd-txt-badge" :style="{display: colorchipThumbShowYn == 'Y' ? 'inline-block':'none'}">
                    <span class="prd-txt-badge-box">
               		    <div>
                            <span class="txt">{{ product.optionList[selectedColorchipIdx].snglOptnName }}</span>
                        </div>
                        <button @click="resetSide()" :style="{display: thumb.type == 2 ? 'inline-block':'none'}" type="button" class="btn btn-more-toggle-prdimg" title="product thumnail" data-attr="PD_thumbnail_reset" data-testid="product-image-reset">
                            Product Image<span class="badge"></span>
                        </button>
                     </span>
                </div>
            </div>
        </template>
    </div>
</div><!-- [E] product image, banner -->
				<!-- [S] info/price/promotion -->
				<!-- 제품 정보 -->
<div class="prd-detail-content">
<!-- 제품 타이틀 pc -->
    <div class="prd-detail-title">
        <div class="prd-bedge" v-if="product.earlyAccess.erlyPrdtYn == 'Y' || product.flashYn == 'Y' || product.bestYn == 'Y' || product.newYn == 'Y'">
        	<template v-if="product.earlyAccess.erlyPrdtYn == 'Y'">
        		<span class="early-access">EARLY ACCESS</span>
        	</template>
        	<template v-else-if="product.flashYn == 'Y'">
        		<span class="hot-deal">HOT DEAL</span>
        	</template>
        	<template v-else>
	            <span v-if="product.bestYn == 'Y'">BEST</span>
	            <span v-if="product.newYn == 'Y'">NEW</span>
        	</template>
        </div>

        <div class="prd-brand-info">
            <h3><a :href="'/display/page/brand-page?brandNo=' + product.brandNo" title="move to brand page" data-attr="PD_brandPage_click" data-testid="product-brand-name">{{product.brandName}}</a></h3>
            <dl>
                <dt data-testid="product-name">{{product.prdtName}}</dt>
	                <dd v-if="product.prdtSbttlName">{{product.prdtSbttlName}}</dd>
            </dl>
			<button type="button" class="btn btn-share" @click="setShareModal('prdtDetail')" data-attr="PD_share" data-testid="product-share-button"><span>SNS Share</span></button>
        </div>

        <dl class="prd-rating-info" v-if="review.global.summary && review.korea.summary">
            <dt v-if="review.global.summary.totalReviewCount > 0"><em class="star-rating"><span :style="{width: review.global.summary.totalStarRate * 20+'%'}"></span></em><span>{{ Number(review.global.summary.totalStarRate).toFixed(1) }}</span></dt>
            <dd><a href="#prd-detail-review" data-attr="PD_title_review_click" data-testid="product-review-link" >{{ formatNumber(review.global.summary.totalReviewCount + review.korea.summary.totalReviewCount) }} {{ getMsgValue(getMsgValue('lb_pd_msg_00010'), { count: review.global.summary.totalReviewCount + review.korea.summary.totalReviewCount }) }}</a></dd>
        </dl>
    </div>

	<!-- 가격 정보 -->
    <div class="prd-price-info">
    	<dl>
			<dt class="price" v-if="hasOfferPromo">
				<span v-if="product.currency">{{ formatCur(product.currency.calcNrmlAmtFmt) }} ({{ formatUSD(product.nrmlAmt) }})</span>
				<span v-else>{{ formatUSD(product.nrmlAmt) }}</span>
				<button class="benefit-info-popup-trigger" data-testid="product-benefit-info-icon"></button>
				<div class="benefit-info-popup hidden">
					<div class="benefit-info-popup-content">
						<span class="description-text">The final payment is based on US$ or ¥ and the charge amount may vary with the exchange rate at the time of transaction.</span>
						<ul class="benefit-list">
							<li>
								<span>Price</span>
								<span v-if="product.currency">{{ formatCur(product.currency.calcNrmlAmtFmt) }} ({{ formatUSD(product.nrmlAmt) }})</span>
								<span v-else>{{ formatUSD(product.nrmlAmt) }}</span>
							</li>
							<template v-if="product.promotion.saleDscntStart">
								<li>
									<span>
										SALE<span class="date">{{ toMMdd(product.promotion.saleDscntStart) }} ~ {{ toMMdd(product.promotion.saleDscntEnd) }} (UTC+9)</span>
									</span>
									<span v-if="product.currency" class="color-coral">(-) {{ formatCur(product.currency.calcSaleDscntAmtFmt) }} ({{ formatUSD(product.promotion.saleDscntAmt) }})</span>
									<span v-else class="color-coral">(-) {{ formatUSD(product.promotion.saleDscntAmt) }}</span>
								</li>
							</template>
							<template v-if="product.promotion.immedCpnStart">
								<li>
									<span>
										Extra SALE<span class="date">{{ product.promotion.validStartDtm }} ~ {{ product.promotion.validEndDtm }} (UTC+9)</span>
									</span>
									<span v-if="product.currency" class="color-coral">(-) {{ formatCur(product.currency.calcImmedCpnDscntAmtFmt) }} ({{ formatUSD(product.promotion.immedCpnDscntAmt) }})</span>
									<span v-else class="color-coral">(-) {{ formatUSD(product.promotion.immedCpnDscntAmt) }}</span>
								</li>
							</template>
							<li>
								<span>
									Best Deal</span>
								<span v-if="product.currency">{{ formatCur(product.currency.calcSaleAmtFmt) }} ({{ formatUSD(product.saleAmt)}})</span>
								<span v-else>{{ formatUSD(product.saleAmt) }}</span>
							</li>
						</ul>
					</div>
				</div>
			</dt>

			<dd class="sale-price" data-testid="product-price">
				<template v-if="product.discountRate">
					<span class="discount-rate">{{product.discountRate}}%</span>
				</template>

				<template v-if="product.currency">
					<template v-if="product.nrmlAmt != product.saleAmt">
						{{ formatCur(product.currency.calcSaleAmtFmt) }} ({{ formatUSD(product.saleAmt) }})
					</template>
					<template v-else>
						{{ formatCur(product.currency.calcNrmlAmtFmt) }} ({{ formatUSD(product.nrmlAmt) }})
					</template>
				</template>
				<template v-else>
					<template v-if="product.nrmlAmt != product.saleAmt">
						{{ formatUSD(product.saleAmt) }}
					</template>
					<template v-else>
						{{ formatUSD(product.nrmlAmt) }}
					</template>
				</template>
			</dd>

			<dd class="set-value" v-if="isSetProductDiscounted">
				<span v-if="product.currency">Value: {{ formatCur(product.currency.calcSetCmpntNrmlAmtFmt) }} ({{ formatUSD(product.setCmpntNrmlAmt) }})</span>
				<span v-else>Value: {{ formatUSD(product.setCmpntNrmlAmt) }}</span>
			</dd>

			</dl>
    </div>

	<!-- 배송 정보 -->
	<div class="prd-delivery-info">
		<template v-if="isEmpty(dlvyCntry.cntryCode)">
			<div class="delivery-contry">
				<button type="button" class="btn-arrow" data-toggle="modal" data-target="#languageOption01">Select your Shipping Country / Region.</button>
			</div>
		</template>
		<template v-else>
			<div class="delivery-contry">
				<template v-if="!dlvyCntry.isRstrc && dlvyCntry.cntryCode != '1230'">
					<button type="button" class="btn-arrow" @click="setModalShipInfo" data-attr="PD_deliveryInfo_click" data-testid="product-delivery-country-button">
						<span class="txt">{{getMsgValue("pd_msg_00043") + dlvyCntryName}}</span>
						<span class="guide-txt">
							<template v-if="dlvyCntry.cntryCode == '10'">
								<span class="usa-delivery-guide">Estimated to arrive in <strong>5 days</strong> via FedEx.</span>
							</template>
							<!-- Australia / New Zealand / Guam -->
							<template v-if="dlvyCntry.cntryCode == '30' || dlvyCntry.cntryCode == '40' || dlvyCntry.cntryCode == '980'">
								<span>Estimated to arrive in <strong>7 days</strong> via DHL.</span>
							</template>
							<!-- Philippines / Puerto Rico -->
							<template v-if="dlvyCntry.cntryCode == '1710' || dlvyCntry.cntryCode == '1740'">
								<span>Estimated to arrive in <strong>6 days</strong> via DHL.</span>
							</template>
							<!-- EMS & Qxpress 배송 국가의 경우, 배송 예정일 문구 미노출 -->

							<!-- Japan -->
							<template v-if="dlvyCntry.cntryCode == '110'">
								<span v-html="getMsgValue('pd_msg_00089')">
								</span>
							</template>
							<!-- Japan 외 국가 -->
							<template v-if="dlvyCntry.cntryCode != '110'">
								<span><strong>Free shipping</strong> is available from <strong>US$60</strong></span>
							</template>

						</span>
					</button>
				</template>
				<template v-else>
					<!-- South Korea / 판매제한국가 -->
					<button type="button" class="btn-arrow hide-btn">
						<span class="txt">{{getMsgValue("pd_msg_00043") + dlvyCntryName}}</span>
						<span class="guide-txt"><span>Your selected delivery location is beyond seller&#39;s delivery coverage for this item. Please choose a different delivery location.</span></span>
					</button>
				</template>
			</div>
		</template>
	</div>

    <div v-if="product.mbrGradeCpnMap || product.downCpn" class="prd-members-price-wrap">
		<!-- 2023-10-23 2024 1월 멤버십 개편 -->
		<template v-if="product.mbrGradeCpnMap">
			<button type="button" @click="toggleModal('membersPrice')" data-attr="PD_oliveMembers_click">
				OY MEMBERS&nbsp;Price<!-- OLIVE MEMBERS Price -->
				<span>{{ calcAndFormatCur(product.minCpnApplyAmt) }}<template v-if="currency != 'USD'"> ({{ formatUSD(product.minCpnApplyAmt) }})</template>~</span>
			</button>
		</template>

		<!-- 다운로드 쿠폰 -->
		<div v-if="product.downCpn" class="coupon-wrap">
			<button type="button" :class="downCpn.downLimitExceedYn == 'Y' ? 'disabled' : ''" @click="toggleModal('applyCoupon')" data-attr="PD_coupon_click" data-testid="product-coupon-button">
				<span>
					<strong>{{ product.downCpn.cpnName }}</strong>
					<span v-if="product.downCpn.minStdrTypeValue == '1'">
	                 	{{ Number(product.downCpn.minStdrAmt) + ' '  + getMsgValue('pd_00028') + ' ' + getMsgValue('pd_msg_00044', {'amt': formatUSD(product.downCpn.maxDscntAmt)}) }}
	                 </span>
					<span v-else-if="product.downCpn.minStdrTypeValue == '2'">
	                 	{{ Number(product.downCpn.minStdrAmt) + ' ' + getMsgValue('pd_msg_00044', {'amt': formatUSD(product.downCpn.maxDscntAmt)}) }}
	                 </span>
				</span>
			</button>
		</div>
    </div>
    
    <div v-if="product.prdtGbnCode == '10' && ((product.promotion && product.promotion.promoKindCode && product.getPrdtTempOutOfStockYn != 'Y') || hasFreeGift)" class="prd-popup-wrap">
    	<template v-if="product.promotion.promoKindCode">
			<!-- N+1 교차 -->
			<div v-if="product.promotion.promoKindCode == '40' && product.getPrdtTempOutOfStockYn != 'Y'" class="prd-buy-info">
				<button type="button" @click="viewGiftInfo('o')" data-attr="PD_buy1get1_click">
					<p>
						<strong>Buy {{ product.promotion.additionStdrQty }} Get 1 Free</strong>
						<template v-if="isNotEmpty(promotion)">
							<em v-if="promotion.additionStdrQty - 1 == promotion.qty">If you buy one more, you can get {{ promotion.additionStdrQty + '+1' }} benefits.</em>
							<em v-else-if="promotion.qty >= promotion.additionStdrQty">Now, you can get {{ promotion.additionStdrQty + '+1' }} benefits!</em>
							<span>Gift can be selected and checked in the shopping bag.</span>
						</template>
					</p>
				</button>
			</div>

			<!-- N+1 단일 -->
			<div v-else-if="product.promotion.promoKindCode == '30'" class="prd-buy-info">
				<button type="button" class="hide-btn" data-attr="PD_buy1get1_click">
					<p>
						<strong>Buy {{ product.promotion.additionStdrQty }} Get 1 Free</strong>
						<template v-if="isNotEmpty(promotion)">
							<em v-if="promotion.qty >= promotion.additionStdrQty">Free Item</em>
						</template>

						<template v-if="isNotEmpty(promotion)">
							<em v-if="promotion.additionStdrQty - 1 == promotion.qty">If you buy one more, you can get {{ promotion.additionStdrQty + '+1' }} benefits.</em>
							<template v-if="isNotEmpty(promotion.giftList)">
								<template v-for="gift in promotion.giftList">
									<template v-if="gift.optnYn == 'Y'">
										<span>{{ gift.optnName }}</span>
									</template>
									<template v-else>
										<span>{{ gift.prdtName }}</span>
									</template>
								</template>
							</template>
							<template v-else>
								<span>{{ select[0].optnName }}</span>
							</template>
						</template>
					</p>
				</button>
			</div>
    	</template>
	
		<!-- Gift with purchase -->
		<div v-if="hasFreeGift && (product.promotion.promoKindCode && product.promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y')" class="prd-gift-info">
			<button type="button" @click="viewGiftInfo('m')" data-attr="PD_giftInfo_click" data-testid="product-freegift-section">
				<p>
					<strong>Gift with Purchase<span>2 Offers</span></strong>
				</p>
			</button>
		</div>
		<div v-else-if="hasFreeGift || (product.promotion.promoKindCode && product.promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y')" class="prd-gift-info">
			<button type="button" @click="viewGiftInfo('n')" data-attr="PD_giftInfo_click" data-testid="product-freegift-section">
				<p>
					<strong>Gift with Purchase</strong>
					<span v-if="product.freeGiftName">{{product.freeGiftName}}</span>
				</p>
			</button>
		</div>
		<!-- Gift with purchase -->
	</div>

	<div v-if="product.prdtGbnCode == '20' && hasFreeGift" class="prd-popup-wrap">
			<div class="prd-gift-info">
				<button type="button" @click="toggleModal('freeGiftInfo')" data-attr="PD_giftInfo_click" data-testid="product-freegift-section">
					<p>
						<strong>Gift with Purchase</strong>
						<span>{{product.freeGiftList[0][0][0].giftPrmtnNm}}</span>
					</p>
				</button>
			</div>
		</div>
	<div v-if="product.prdtGbnCode =='20'" class="prd-popup-wrap">
		<div class="prd-gift-info">
			<button type="button" @click="toggleModal('setOption')" data-attr="PD_giftInfo_click">
				<p>
					<strong>What’s inside the bundle?<!-- What’s inside the bundle --></strong>
				</p>
			</button>
		</div>
	</div>
	
	<!-- 디자인 셀렉트 -->
	<div class="prd-info-wrap common-form-content" v-if="product.tempOutOfStockYn != 'Y' && product.prdtGbnCode == '10' && product.optnYn == 'Y'">
		<!-- [S] Type select option -->
		<div class="info-list type-option">
			<div class="tit">Type</div>
			<div class="cont">
				<!-- [S] select prouct option select -->
				<!-- [S] 2020-02-25 상품 셀렉트 옵션 마크업 수정 -->
				<div class="prd-option-select">
					<!-- [S] 2021-03-22 sel-option tag 변경 -->
					<button type="button" class="sel-option item" role="button" aria-expanded="false" title="select product" data-testid="product-option-button">
						<p class="txt placeholder">Select a Type</p>
					</button>
					<!-- [E] 2021-03-22 sel-option tag 변경 -->
					<ul class="sel-option-list scroll-bar" data-testid="product-option-list">
						<li v-for="(option, optIdx) in product.optionList" @click="addToSelect(optIdx)" :class="['has-price', option.tempOutOfStockYn == 'N' ? '' : 'sold-out']">
							<a href="javascript:void(0);" class="item" role="button" :data-attr="[option.tempOutOfStockYn == 'N' ? 'PD_selectOption' : '']">
								<div v-if="option.optnImagePath" class="opt">
                                	<span class="prd-unit-img disabled"><img :src="loadImg(option.optnImagePath, img.rs.opt)" :alt="option.snglOptnName" @error="loadNoImg($event, true)"></span>
                                </div>
								<div class="txt">
									<p class="list-thumb-info line-ellipsis2">{{option.snglOptnName}}</p>
									<!-- <p class="prd-flag-group">
                                    	<span v-if="option.promotion.promoKindCode == '30' || (option.promotion.promoKindCode == '40' && option.getStockQty > 0)" class="badge sm pink">{{option.promotion.additionStdrQty}}+1</span>
                                     	<span v-if="option.promotion.promoKindCode == '50' && option.getStockQty > 0" class="badge sm green">GIFT</span>
                                     </p> -->
								</div>
								<template v-if="option.sellStatCode == '10' && option.tempOutOfStockYn == 'N'">
                                    <div class="num">
                                      <p><em :class="[option.nrmlAmt != option.saleAmt ? 'lineThrough': '']">{{ calcAndFormatCur(option.nrmlAmt) }}</em></p>
                                      <p v-if="option.nrmlAmt != option.saleAmt"><em>{{ calcAndFormatCur(option.saleAmt) }}</em></p>
                                    </div>
                                </template>
                                <template v-else>
                                    <div :class="['num', option.restockYn == 'Y' ? 'on' : '' ]">
								  		<button @click="reqOptionRestockAlarm(option.prdtNo, option.gdsCd, $event)" class="btn" name="restockOptionBtn" data-attr="PD_optionRestockNoti">
											<span class="txt-alarm">Temporarily Out of Stock</span>
											<span class="ico-alarm"></span>
										</button>
							  		</div>
                                </template>
							</a>
						</li>
					</ul>
				</div>
				<!-- [E] 2020-02-25 상품 셀렉트 옵션 마크업 수정 -->
				<!-- [E] select prouct option select -->
			</div>
		</div>
		<!-- [E] Type select option -->    
		<!-- [S] 옵션 선택 상품 -->
		<div class="prd-opt-select-wrap" v-if="product.tempOutOfStockYn != 'Y' && product.prdtGbnCode == '10' && (product.promotion.promoKindCode && product.promotion.promoKindCode == '40' && product.promotion.additionStdrQty > 1 && product.optnYn == 'Y') && isNotEmpty(select)">
			<div class="selected-prd" v-for="(option, i) in select">
				<p>{{select[i].optnName}}</p>
				<div class="quantity-btn">
					<button type="button" class="btn-minus" @click="calculate(i, select[i].qty - product.ordQty)" :disabled="select[i].qty == product.ordQty || select[i].tempOutOfStockYn == 'Y'" data-attr="PD_qtt_click" data-testid="product-quantity-minus">minus</button>
					<span class="quantity-value" data-testid="product-quantity-value">{{select[i].qty}}</span>
					<button type="button" class="btn-plus" @click="calculate(i, select[i].qty + product.ordQty)" :disabled="select[i].qty == product.maxBuyPsbltQty || select[i].tempOutOfStockYn == 'Y'" data-attr="PD_qtt_click" data-testid="product-quantity-plus">plus</button>
				</div>
				<button @click="removeSelect(i)" type="button">close</button>
			</div>
		</div>
		<!-- [E] 옵션 선택 상품 -->
	</div>
	
	<!-- N+1 교차이면서 조건 충족 개수가 2 이상인 옵션 상품이라면 다중 옵션 선택이 가능하므로 선택한 옵션이 밑에 노출되기 때문에(선택한 옵션 박스 안에 수량 선택 영역 있음) 이 경우를 제외한 모든 경우는 수량 선택 박스 바로 노출   -->
	<div class="prd-quantity-info" v-if="product.tempOutOfStockYn != 'Y' || tooltipYn == 'Y'">
		<template v-if="product.tempOutOfStockYn != 'Y' && !(product.prdtGbnCode == '10' && product.promotion.promoKindCode && product.promotion.promoKindCode == '40' && product.promotion.additionStdrQty > 1 && product.optnYn == 'Y')">
			<template v-if="isNotEmpty(select)">
				<div class="quantity-btn">
					<button type="button" class="btn-minus" @click="calculate(0, select[0].qty - product.ordQty)" :disabled="select[0].qty == product.ordQty || select[0].tempOutOfStockYn == 'Y'" data-attr="PD_qtt_click" data-testid="product-quantity-minus">minus</button>
					<span class="quantity-value" data-testid="product-quantity-value">{{select[0].qty}}</span>
					<button type="button" class="btn-plus" @click="calculate(0, select[0].qty + product.ordQty)" :disabled="select[0].qty == product.maxBuyPsbltQty || select[0].tempOutOfStockYn == 'Y'" data-attr="PD_qtt_click" data-testid="product-quantity-plus">plus</button>
				</div>					
			</template>
			<template v-else>
				<div class="quantity-btn">
					<button type="button" class="btn-minus" data-attr="PD_qtt_click" disabled>minus</button>
					<span class="quantity-value">{{product.ordQty}}</span>
					<button type="button" class="btn-plus" data-attr="PD_qtt_click" disabled>plus</button>
				</div>					
			</template>
		</template>

		<div v-if="tooltipYn == 'Y'" class="prd-tooltip-wrap">
			<template v-if="product.earlyAccess.erlyPrdtYn == 'Y'">
				<div class="prd-early-access">
					<div class="ds-tooltip-trigger" data-has-close-button="true">
						<button class="info-button">
							<span v-if="product.earlyAccess.mbrGradeCdCnt == 1">{{ product.earlyAccess.minMbrGradeNm }} ONLY</span>
							<span v-else-if="product.earlyAccess.mbrGradeCdCnt == 2">For {{ product.earlyAccess.maxMbrGradeNm }}, {{ product.earlyAccess.minMbrGradeNm }}</span>
							<span v-else>For {{ product.earlyAccess.maxMbrGradeNm }} ~ {{ product.earlyAccess.minMbrGradeNm }}</span>
						</button>
						<div class="ds-tooltip top" id="early-access-tooltip">
							<div class="content">
								<ul>
									<li><span>These are products that only the highest tier of <strong>OLIVE MEMBERS</strong> are granted early access to purchase.</span></li>
									<li><span>At the end of the Early Access period, all tiers may be granted rights to purchase these.</span></li>
									<li><span><strong>OLIVE MEMBERS</strong> comprise BABY, PINK, GREEN, BLACK, and GOLD OLIVE tiers.</span></li>
									<li><span>The specific tiers available for purchase are indicated on the product details page.</span></li>
								</ul>
							</div>
							<div class='ds-tooltip-arrow'></div>
						</div>
					</div>
				</div>
			</template>
			<template v-else>
				<div v-if="product.sellingFastYn == 'Y'">
					<div class="ds-tooltip-trigger" data-has-close-button="true">
						<button class="info-button">Selling Fast</button>
						<div class="ds-tooltip top" id="selling-fast-tooltip">
							<div class="content">
								<ul>
									<li><span><strong>Selling fast</strong> appears only for products that have been sold above average within the last month.</span></li>
									<li><span>Check out other customer-trendy choices under <strong>Selling Fast!</strong></span></li>
								</ul>
							</div>
							<div class='ds-tooltip-arrow'></div>
						</div>
					</div>
				</div>
				<div v-else-if="product.trendingYn == 'Y'">
					<div class="ds-tooltip-trigger" data-has-close-button="true">
						<button class="info-button">Trending!</button>
						<div class="ds-tooltip top" id="trending-tooltip">
							<div class="content">
								<ul>
									<li><span><strong>Trending</strong> appears only for products customers have frequently viewed within the past week.</span></li>
									<li><span>Check out products that have gained customers’ interest at a glance through <strong>Trending!</strong></span></li>
								</ul>
							</div>
							<div class='ds-tooltip-arrow'></div>
						</div>
					</div>
				</div>
			</template>
		</div>
	</div>
	<!-- 모바일 : 플로팅, 피씨 : 고정 -->
	<div :class="['prd-info-btn-wrap', (product.earlyAccess.erlyPrdtYn == 'Y' && product.earlyAccess.prchsAvailYn == 'N') ? 'early-access' : '']">
		<div class="inner">
			<!-- 일반상품 -->
			<template v-if="product.prdtGbnCode == '10'">
				<template v-if="product.sellStatCode == '10' && product.tempOutOfStockYn == 'N'">
					<button type="button" class="add-to-bag" :disabled="dlvyCntry.isRstrc" @click="addToBag" data-testid="product-addtocart-button">
						<span>{{ getMsgValue("od_00567") }}<template v-if="!dlvyCntry.isRstrc && !(product.earlyAccess.erlyPrdtYn == 'Y' && product.earlyAccess.prchsAvailYn == 'N') && total.amt != 0.00"> - {{ calcAndFormatCur(total.amt) }}</template></span>
					</button>
				</template>
				<template v-else>
					<button @click="reqRestockAlarm($event, true)" type="button" class="add-to-bag state-stock" data-testid="product-addtocart-button">
						<span>Temporarily Out of Stock</span>
				  	</button>
				  	<!-- <button @click="reqRestockAlarm($event, false)" type="button" :class="['btn btn-alarm', product.restockYn == 'Y' ? 'on' : '']"><span class="sr-only">alarm</span></button> -->
				</template>
			</template>

			<!-- 세트상품 -->
			<template v-if="product.prdtGbnCode == '20'">
				<template v-if="product.sellStatCode == '10' && product.tempOutOfStockYn == 'N'">
					<template v-if="isNotEmpty(select)">
						<template v-if="isAllSnglOpt"> <!-- 세트상품 단일상품일 때 -->
							<button type="button" class="add-to-bag" :disabled="dlvyCntry.isRstrc" @click="addToBag" data-testid="product-addtocart-button">
								<span>{{ getMsgValue("od_00567") }}<template v-if="!dlvyCntry.isRstrc && !(product.earlyAccess.erlyPrdtYn == 'Y' && product.earlyAccess.prchsAvailYn == 'N') && total.amt != 0.00"> - {{ calcAndFormatCur(total.amt) }}</template></span>
							</button>
						</template>
						<template v-else> <!-- 세트상품 옵션선택 상품일 때 -->
							<button type="button" class="add-to-bag active" :disabled="dlvyCntry.isRstrc" @click="toggleModal('setOption')" data-testid="product-addtocart-button">
								<span>{{ getMsgValue("od_00567") }}<template v-if="!dlvyCntry.isRstrc && !(product.earlyAccess.erlyPrdtYn == 'Y' && product.earlyAccess.prchsAvailYn == 'N') && total.amt != 0.00"> - {{ calcAndFormatCur(total.amt) }}</template></span>
							</button>
						</template>
					</template>
					<template v-else>
						<button type="button" class="add-to-bag" @click="toggleModal('setOption')" :disabled="dlvyCntry.isRstrc" data-testid="product-addtocart-button"><span>{{ getMsgValue("od_00567") }}</span></button>
					</template>
				</template>
				<template v-else>
					<button @click="reqRestockAlarm($event, true)" type="button" class="add-to-bag state-stock" data-testid="product-addtocart-button">
						<span>Temporarily Out of Stock</span>
				  	</button>
				  	<!-- <button @click="reqRestockAlarm($event, false)" type="button" :class="['btn btn-alarm', product.restockYn == 'Y' ? 'active' : '']"><span class="sr-only">alarm</span></button> -->
				</template>
			</template>
			<div>
				<button type="button" :class="['add-to-wish', product.wishYn == 'Y' ? 'active' : '']" @click="addWish" data-testid="product-addtowish-icon">
					<span>
						wishlist
						<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
							<g id="Line/Like">
								<path id="Line/Like_2" d="M14.0498 7.21338C14.4518 7.56858 14.8385 8 15.2087 8.51298L15.2677 8.59643L15.9866 9.61262L16.7263 8.61155L16.9317 8.33358C17.2312 7.94219 17.5449 7.59666 17.8766 7.29189L18.0701 7.12114C19.1441 6.33374 20.4479 5.9 21.8205 5.9C25.3016 5.9 28.1 8.67557 28.1 12.0705C28.1 13.2791 27.7461 14.4308 27.1307 15.3616L27.1108 15.3917L27.0933 15.4233C26.5286 16.4474 25.6868 17.6171 24.5489 18.9373L24.1044 19.4436C23.955 19.611 23.8012 19.7804 23.643 19.9519C23.6422 19.9528 23.6414 19.9537 23.6406 19.9545L23.1474 20.4813L22.6276 21.0208L22.081 21.573C22.0804 21.5737 22.0797 21.5743 22.0791 21.575C21.987 21.6668 21.8938 21.7592 21.7996 21.8521C21.799 21.8527 21.7983 21.8534 21.7977 21.854L21.2108 22.4256L20.5974 23.0097C20.5969 23.0102 20.5964 23.0107 20.5958 23.0111C20.4924 23.1086 20.3879 23.2066 20.2822 23.305C20.2817 23.3055 20.2812 23.306 20.2807 23.3065L19.6271 23.9097L18.9468 24.5257L18.2401 25.1541L17.5064 25.7954L17.5038 25.7976L16.7489 26.4469L16.7438 26.4513L16 27.0812L15.2562 26.4513L15.2511 26.4469L14.4934 25.7952L14.4908 25.7929L13.76 25.1542C13.7596 25.1538 13.7592 25.1535 13.7588 25.1532C13.6397 25.0482 13.5216 24.9437 13.4047 24.8397C13.4042 24.8393 13.4037 24.8389 13.4032 24.8384L12.7099 24.2165L12.0432 23.6073L11.4033 23.0109L10.7902 22.4274C10.7896 22.4269 10.7891 22.4263 10.7885 22.4258C10.6898 22.3308 10.5921 22.2363 10.4955 22.1423C10.4949 22.1417 10.4943 22.1411 10.4937 22.1405L9.9209 21.5764C9.9203 21.5758 9.91969 21.5752 9.91908 21.5746C9.82716 21.483 9.73634 21.3919 9.6466 21.3013C9.64593 21.3006 9.64526 21.2999 9.6446 21.2993L9.1122 20.7548C9.11149 20.7541 9.11079 20.7533 9.11009 20.7526C8.93865 20.5749 8.77164 20.3993 8.60905 20.2259L8.126 19.7028C8.05019 19.6194 7.97546 19.5366 7.90181 19.4542L7.45896 18.9505C7.39008 18.8707 7.32228 18.7915 7.25556 18.7128L6.85296 18.2287C6.02145 17.2079 5.38747 16.2915 4.9395 15.4779L4.92236 15.4467L4.90282 15.4171C4.25156 14.4278 3.9 13.2747 3.9 12.0705C3.9 8.67557 6.69839 5.9 10.1795 5.9C11.5828 5.9 12.9175 6.35361 14.0498 7.21338Z" stroke="#131518" stroke-width="1.8"/>
							</g>
						</svg>
					</span>
				</button>
				<button type="button" v-if="product.tempOutOfStockYn == 'Y'" :class="[product.tempOutOfStockYn == 'Y' ? 'out-of-stock' : '', product.restockYn == 'Y' ? 'active' : '']" @click="reqRestockAlarm($event, false)" data-attr="PD_restock_notification_click">
					<span>
						out of stock
						<svg xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="0 0 22 24" fill="none">
							<g id="Group 421">
								<path id="Vector" d="M7.60352 19.3125C7.60352 21.1074 9.05862 22.5625 10.8535 22.5625C12.6485 22.5625 14.1035 21.1074 14.1035 19.3125" stroke="#131518" stroke-width="1.8"/>
								<path id="Vector_2" d="M17.8979 13.9907V8.34378C17.8979 6.5121 17.1703 4.75547 15.8751 3.46029C14.58 2.16512 12.8233 1.4375 10.9916 1.4375C9.16001 1.4375 7.40338 2.16512 6.10819 3.46029C4.81302 4.75547 4.08539 6.5121 4.08539 8.34378V14.0313L1.10352 19.1825H20.896L17.8979 13.9907Z" stroke="#131518" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
							</g>
						</svg>
					</span>
				</button>
			</div>
		</div>
	</div>

	<div class="prd-banner-wrap pc-only">
		<ul class="prd-info-banner">
			<template v-if="product.mfgDispYn == 'Y'">
				<li><a href="javascript:void(0);" title="Specific Item Info popup Open" @click="initDescription" data-attr="PD_specificItemPopup_click" data-testid="product-specificiteminfo">Specific Item Info / Country of Manufacture</a></li>
			</template>
			<template v-else>
				<li><a href="javascript:void(0);" title="Specific Item Info popup Open" @click="initDescription" data-attr="PD_specificItemPopup_click" data-testid="product-specificiteminfo">Specific Item Info</a></li>
			</template>
			<li><a href="javascript:void(0);" title="Refunds & Exchanges popup Open" @click="setModalRfndExchInfo" data-attr="PD_Refunds&exchangesPopup_click" data-testid="product-refundsexchanges" >Refunds & Exchanges</a></li>
			<li v-if="langCode == 'en'"><a href="javascript:void(0);" title="Before You Shop popup Open" @click="setModalNoticeInfo" data-attr="PD_beforeYouShopPopup_click" data-testid="product-beforeyoushop" >Before you shop</a></li>
		</ul>
	</div>

	<!-- pc 배너 -->
	<div class="detail-top-ban pc-only" data-testid="product-top-banner" v-html="banner1Html">
	</div>
	
</div><!-- [E] info/price/promotion -->
        	</div>
			<template v-if="section1Loaded">
				<!-- [S] product detail page -->
				<div class="prd-detail-ext">
	 <!-- mo 배너 -->
	 <div class="detail-top-ban mo-only" v-html="banner1Html">
	 </div>
	 <!-- 하이라이트 -->
	 <div class="prd-delivery-info" v-if="product.prdtGbnCode == '10' && (emblem.beautyEmblmList.length > 0 || emblem.kpopEmblmList.length > 0)">
		 <div class="delivery-highlights" >
			 <p>Highlights</p>
			 <ul v-if="emblem.beautyEmblmList.length > 0" class="list-emblem">
				 <template v-for="beautyEmblm in emblem.beautyEmblmList">
					 <template v-if="beautyEmblm.codeDtlNo == '10'">
						 <li class="emblem-highlights-01" v-html="beautyEmblm.codeDtlName"></li>
					 </template>
					 <template v-else-if="beautyEmblm.codeDtlNo == '20'">
						 <li class="emblem-highlights-02" v-html="beautyEmblm.codeDtlName"></li>
					 </template>
					 <template v-else-if="beautyEmblm.codeDtlNo == '30'">
						 <li class="emblem-highlights-03" v-html="beautyEmblm.codeDtlName"></li>
					 </template>
					 <template v-else-if="beautyEmblm.codeDtlNo == '40'">
						 <li class="emblem-highlights-04" v-html="beautyEmblm.codeDtlName"></li>
					 </template>
					 <template v-else-if="beautyEmblm.codeDtlNo == '50'">
						 <li class="emblem-highlights-05" v-html="beautyEmblm.codeDtlName"></li>
					 </template>
					 <template v-else-if="beautyEmblm.codeDtlNo == '80'">
						 <li class="emblem-highlights-vegan" v-html="beautyEmblm.codeDtlName"></li>
					 </template>
				 </template>
			 </ul>
			 <ul v-if="emblem.kpopEmblmList.length > 0" class="list-emblem">
				 <template v-for="kpopEmblm in emblem.kpopEmblmList">
					 <template v-if="kpopEmblm.codeDtlNo == '60'">
						 <li class="emblem-highlights-06 emblem-kPop" v-html="kpopEmblm.codeDtlName"></li>
					 </template>
					 <template v-else-if="kpopEmblm.codeDtlNo == '70'">
						 <li class="emblem-highlights-07 emblem-kPop" v-html="kpopEmblm.codeDtlName"></li>
					 </template>
				 </template>
				 <li class="emblem-highlights-kPop">100% Original Brand New Item. Sales volume is reflected in the HANTEO and GAON Charts.</li>
			 </ul>
		 </div>
	 </div>
 </div>

 <div class="prd-detail-page" id="prd-detail-page">
	<div v-show="section2Loaded" class="detail-page-cont">
		<div class="detail_desc_area">
			<h3 class="list-title"><span class="weight-medium">Product Info</span></h3>
			<!-- 세트 구성품 -->
			<template v-if="product.prdtGbnCode == '20'">
				<div class="prd-option-wrap">
					<div class="swiper-container swiper-ui device-mo-only" data-swiper="Type_setPrdOpt">
						<ul class="swiper-wrapper">
							<li class="swiper-slide" v-if="product.prdtGbnCode == '20' && product.dtlYn == 'Y'">
								<button type="button" :class="-1 == prdtDetail.set.idx ? 'selected' : ''" @click="setClickPrdtDetail(-1)">
									<span class="opt">
										<span class="prd-unit-img"><img class="img" :src="loadImg(product.imagePath, img.rs.opt)" :alt="product.prdtName" @error="loadNoImg"></span>
										<span class="txt">{{product.prdtName}}</span>
									</span>
								</button>
							</li>
							<template v-for="(cmpntPrdt, i) in product.cmpntPrdtList">
								<li class="swiper-slide" v-if="cmpntPrdt.orgPrdtGbnCode != '30'">
									<button type="button" :class="i == prdtDetail.set.idx ? 'selected' : ''" @click="setClickPrdtDetail(i)">
									<span class="opt">
										<span class="prd-unit-img"><img class="img" :src="loadImg(cmpntPrdt.imagePath, img.rs.opt)" :alt="cmpntPrdt.prdtName" @error="loadNoImg"></span>
										<span class="txt">{{cmpntPrdt.prdtName}}</span>
									</span>
									</button>
								</li>
							</template>
						</ul>
					</div>
				</div>
			</template>

			<!-- 공지사항 -->
			<div v-if="notice.notiCont" class="prd-notice">
				<p v-html="notice.notiCont"/>
			</div>
			<!-- 셀링포인트  -->
			<p v-if="details.sellingPointText" class="desc" v-html="unescapeHTML(sellingPoint)"></p>
			<!-- 키포, 사용법 -->
			<ul class="detail_desc_list" v-if="details.whyWeLoveItText || details.ftrdIngrdText || details.howToUseText">
				<template v-if="details.whyWeLoveItText">
				<li>
					<div class="detail_desc_tit">
						<a href="#agreeList1" class="collapsed" data-toggle="collapse" role="button" aria-expanded="false" @click="setDetailEvent('agreeList1', 'PD_WhyWeLoveIt_click')" data-testid="product-whyweloveit-link" >Why We Love It</a>
					</div>
					<div class="detail_desc_con collapse" id="agreeList1" aria-expanded="false">
						<div v-html="unescapeHTML(whyWeLoveIt)"  data-testid="product-whyweloveit-content">
						</div>
					</div>
				</li>
				</template>
				<template v-if="details.ftrdIngrdText">
					<li>
						<div class="detail_desc_tit">
							<a href="#agreeList2" class="collapsed" data-toggle="collapse" role="button" aria-expanded="false" @click="setDetailEvent('agreeList2', 'PD_FeaturedIngredients_click')" data-testid="product-featuredingredients-link">Featured Ingredients</a>
						</div>
						<div class="detail_desc_con collapse" id="agreeList2" aria-expanded="false">
							<div v-html="unescapeHTML(ftrdIngrd)" data-testid="product-featuredingredients-content">
							</div>
						</div>
					</li>
				</template>
				<template v-if="details.howToUseText || allergyWarningCategories.includes(product.allPathCtgrNo.split('^')[1])">
					<li>
						<div class="detail_desc_tit">
							<a href="#agreeList3" class="collapsed" data-toggle="collapse" role="button" aria-expanded="false" @click="setDetailEvent('agreeList3', 'PD_HowToUse_click')" data-testid="product-howtouse-link">How to Use</a>
						</div>
						<div class="detail_desc_con collapse" id="agreeList3" aria-expanded="false">
							<div>
								<div v-html="unescapeHTML(howToUse)" data-testid="product-howtouse-content"></div>
								<div v-if="allergyWarningCategories.includes(product.allPathCtgrNo.split('^')[1])" class="detail_desc_notice">
										<div v-html="icons['circleAlert']" class="circle-alert"></div>
										<div>Individual allergic reactions may occur. Do not use this product if you are allergic to any of its ingredients. If irritation occurs, stop use immediately and consult a healthcare professional.</div>
								</div>
							</div>

						</div>
					</li>
				</template>
			</ul>
		</div>
		<div>
			<template v-if="details.dtlAddDesc">
				<div v-html="prdtDetail.additionalDesc" class="additional_desc"></div>
			</template>
			<template v-if="details.prdtDtlGeneratedType == '1003' && (isAiGenerateCa || !shop.global.encMbrNo)">
				<div class="notice-ai-generated-pdp">
					<div>
						<div class="ds-tooltip-trigger" data-tooltip-id="ai-generated-pdp" data-has-close-button="true">
							<button class="svg-icon-CircleInfo"></button>
							<div class="ds-tooltip top">
								<div class="content">This product information has been automatically translated using AI. Some expressions may differ from the original and should be used for reference only.</div>
								<div class='ds-tooltip-arrow'></div>
							</div>
						</div>
						<span>AI-translated Product Info</span>
					</div>
				</div>
			</template>
			<!-- [D]더보기 펼칠 경우 cont det에 cont_spread 클래스 추가 -->
			<div :class="{'cont det': true, 'cont_spread': !prdtDetail.isImgLoaded}" ref="cont_det" data-testid="product-detail-info">
				<div class="detail-page-img-area-wrapper"><div ref="detail_img_area" v-html="prdtDetail.detailHtml" class="detail-page-img-area"></div></div>
				<template v-if="details.prdtDtlGeneratedType == '1003' && (isAiGenerateCa || !shop.global.encMbrNo)">
				<div class="notice-ai-generated-pdp">
					<div>
						<div class="ds-tooltip-trigger" data-tooltip-id="ai-generated-pdp" data-has-close-button="true">
							<button class="svg-icon-CircleInfo"></button>
							<div class="ds-tooltip top">
								<div class="content">This product information has been automatically translated using AI. Some expressions may differ from the original and should be used for reference only.</div>
								<div class='ds-tooltip-arrow'></div>
							</div>
						</div>
						<span>AI-translated Product Info</span>
					</div>
				</div>
			</template>
				<div class="btn_read_more">
					<template v-if="dvceVal == 'pc' && prdtDetail.height >= 1795">
						<button type="button" class="btn btn-txt-gray lg" data-attr="PD_ReadMore_click" data-testid="product-readmore-button">Read more</button>
					</template>
					<template v-if="dvceVal != 'pc' && prdtDetail.height >= 874">
						<button type="button" class="btn btn-txt-gray lg" data-attr="PD_ReadMore_click" data-testid="product-readmore-button">Read more</button>
					</template>
				</div>
			</div>
		</div>
	</div>

	 <div class="prd-banner-wrap mo-only">
		 <ul class="prd-info-banner">
			 <template v-if="product.mfgDispYn == 'Y'">
				 <li><a href="javascript:void(0);" title="Specific Item Info popup Open" @click="initDescription" data-attr="PD_specificItemPopup_click">Specific Item Info / Country of Manufacture</a></li>
			 </template>
			 <template v-else>
				 <li><a href="javascript:void(0);" title="Specific Item Info popup Open" @click="initDescription" data-attr="PD_specificItemPopup_click">Specific Item Info</a></li>
			 </template>
			 <li><a href="javascript:void(0);" title="Refunds & Exchanges popup Open" @click="setModalRfndExchInfo" data-attr="PD_Refunds&exchangesPopup_click">Refunds & Exchanges</a></li>
			 <li v-if="langCode == 'en'"><a href="javascript:void(0);" title="Before You Shop popup Open" @click="setModalNoticeInfo" data-attr="PD_beforeYouShopPopup_click">Before you shop</a></li>
		 </ul>
	 </div>

	<!-- [S] 리뷰 -->
	<div v-if="section4Loaded" class="product-detail-review-section" id="prd-detail-review" data-testid="product-review-section">
	<div class="review-tab" ref="reviewTab">
		<div class="review-section-title" :class="{'active': review.tab === 'global'}" @click="clickReviewTab('global')" data-testid="product-review-global-tab">
			<h3>Global Reviews ({{review.global.summary.totalReviewCount < 1000 ? review.global.summary.totalReviewCount : "999+"}})</h3>
		</div>
		<div class="review-section-title" :class="{'active': review.tab === 'korea'}" @click="clickReviewTab('korea')" data-testid="product-review-korea-tab">
			<h3>Korean Reviews ({{review.korea.summary.totalReviewCount < 1000 ? review.korea.summary.totalReviewCount : "999+"}})</h3>
		</div>
	</div>
	<div class="review-section-container">
		<!-- [S] 리뷰가 없을 경우 -->
		<div v-if="review[review.tab].summary.totalReviewCount == 0 && !review[review.tab].isLoading" class="customer-review-noneData">
			<div v-if="review.tab === 'global'" class="wrap-line-banner" data-testid="product-bottom-banner" v-html="banner2Html">
			</div>
			<div class="customer-review-noneData-text">
				<p>No reviews submitted yet.</p>
				<p v-if="review.tab === 'global'">Be the first to write a review!</p>
			</div>
			<a v-if="review.tab === 'global'" href="javascript:void(0);" id="detailWriteBtn" class="write-review-btn" :data-prdt-no="product.prdtNo" :data-prdt-gbn-code="product.prdtGbnCode" data-attr="PD_writeReview_click" data-testid="product-writeareview-button">Write a Review</a>
			<button v-if="review.tab === 'global' && review.korea.summary.totalReviewCount > 0" class="more-reviews-from-korea-btn" @click="showKoreaReview()">More Reviews from Korea</button>
		</div>
		<!-- [E] 리뷰가 없을 경우 -->

		<!-- [S] 리뷰 종합 정보 -->
		<div v-else class="review-summary">
			<!-- [S] 별점 정보 -->
			<div class="review-average-wrap">
				<div class="review-average">
					<span class="review-average-left">{{ Number(review[review.tab].summary.totalStarRate).toFixed(1) }}</span>
					<div class="review-average-right">
						<div class='review-star-rating'>
							<template v-for="(star, index) in 5">
								<div class="wrap-icon-star" :key="index">
									<div :class="['icon-star', 'left', { filled: review[review.tab].summary.totalStarRate -0.5 >= index }]"></div>
									<div :class="['icon-star', 'right', { filled: review[review.tab].summary.totalStarRate -1 >= index }]"></div>
								</div>
							</template>
						</div>
						<p class="review-average-right-reviews">
							<strong>{{ formatNumber(review[review.tab].summary.totalReviewCount) }}</strong> {{ getMsgValue(getMsgValue('lb_pd_msg_00010'), { count: review[review.tab].summary.totalReviewCount }) }}
						</p>
					</div>
				</div>

				<div class="review-average-detail">
					<div class="review-detail-percent">
						<a href="javascript:void(0);" @click="filterStar(star.star)" v-for="star in review[review.tab].summary.scores" class="star-percent" data-attr="PD_reviewRate_click">
							<span class="star-percent-num">{{star.star}}</span>
							<div class="star-percent-bar">
								<div class="star-percent-bar-active" :style="{width: star.rate+'%'}"></div>
							</div>
							<span class="star-percent-value">{{star.rate}}%</span>
						</a>
					</div>
				</div>
			</div>
			<!-- [E] 별점 정보 -->

			<!-- [S] 성분별 별점 -->
			<div v-if="review.tab === 'global' && review[review.tab].summary.evltScores?.length > 0" class="feature-star-section list-feature type-more">
				<ul class="">
					<li v-for="(evltScore, idx) in review[review.tab].summary.evltScores" :class="{'flex': idx < 3}">
						<span class="list-feature-text">{{evltScore.evltItemNm}}</span>
						<div class='review-star-rating'>
							<template v-for="(star, index) in 5">
								<div class="wrap-icon-star sm" :key="index">
									<div :class="['icon-star', 'gray-50', 'left', { filled: evltScore.rate -0.5 >= index }]"></div>
									<div :class="['icon-star', 'gray-50', 'right', { filled: evltScore.rate -1 >= index }]"></div>
								</div>
							</template>
						</div>
					</li>
				</ul>
				<li v-if="review[review.tab].summary.evltScores?.length > 3" class="list-feature-btn-more">
					<button type="button">More</button>
				</li>
			</div>
			<!-- [E] 성분별 별점 -->

			<a v-if="review.tab === 'global'" href="javascript:void(0);" id="detailWriteBtn" class="write-review-btn" :data-prdt-no="product.prdtNo" :data-prdt-gbn-code="product.prdtGbnCode" data-attr="PD_writeReview_click" data-testid="product-writeareview-button">Write a Review</a>
		</div>
		<!-- [E] 리뷰 종합 정보 -->

		<div v-if="review.reviewExpYn == 'Y' && (review[review.tab].summary.totalReviewCount > 0 || review[review.tab].isLoading)" class="wrap-review-list" data-testid="product-review-list" >
			<!-- [S] 사진 모아보기 -->
			<div v-if="review[review.tab].summary.totalMediaReviewCount > 5" class="photo-section">
				<div class="wrap-photo-section-title">
					<h5 class="photo-section-title">{{review.tab === 'korea' ? 'Photo' : 'Photo & Video'}} ({{ review[review.tab].summary.totalMediaReviewCount <= 999 ? formatNumber(review[review.tab].summary.totalMediaReviewCount) : "999+" }})</h5>
					<a @click="showMediaAll" href="javascript:void(0);" v-if="review[review.tab].summary.totalMediaReviewCount > 6" class="pc-only" data-attr="PD_imageReviewMore_click">
						View more<div class="icon-chevron-right"></div>
					</a>
				</div>
				<div class="photo-section-content">
					<div id="review-photo-section-swiper" class="swiper-container">
						<ul class="swiper-wrapper">
							<template v-for="(revThumb, idx) in review[review.tab].summary.reviewThumbList">
								<li class="swiper-slide" v-if="idx < 6">
									<button type="button" @click="showReviewDetail(revThumb, 0)" class="thumb-img-btn" data-attr="PD_imageReviewPreview_click">
										<img :src="loadImg(revThumb.imagePath, 'RS=0x240&AO=1')" :alt="revThumb.prdtName" @error="loadReviewNoImg($event, 0, revThumb.videoYn)">
									</button>
									<span class="play-button" v-if="revThumb.videoYn == 'Y'">
										<div class="icon-play"></div>
									</span>
									<a v-if="idx===5 && review[review.tab].summary.totalMediaReviewCount > 6" @click="showMediaAll" href="javascript:void(0);" class="photo-view-more-btn mo-only" data-attr="PD_imageReviewMore_click">
										<span>View more</span>
									</a>
								</li>
							</template>
						</ul>
					</div>
				</div>
			</div>
			<!-- [E] 사진 모아보기 -->
			<!-- [S] 리뷰 목록 -->
			<div v-if="review[review.tab].summary.totalReviewCount > 0 || review[review.tab].isLoading" class="review-list">
				<!-- 리뷰 목록 헤더 -->
				<div class="review-list-header">
					<div class="review-list-title">
						<p class="review-list-count"><span>{{ formatNumber(review[review.tab].totalCount) }}</span> {{ getMsgValue(getMsgValue('lb_pd_msg_00010'), { count: review[review.tab].totalCount }) }}</p>
						<div class="review-list-sort">
							<div class="wrap-sortbox2">
								<div class="sortbox">
									<button class="selected" data-attr="PD_reviewSort_click" v-text="reviewSort === '10' ? 'Most Helpful' : reviewSort === '20' ? 'Highest Rating' : reviewSort === '30' ? 'Lowest Rating' : reviewSort === '40' ? 'Newest' : 'Oldest'"></button>
									<ul v-if="review.tab === 'global'" class="sort-list">
										<li @click="setSort('10'); sendGa4Data('PD_reviewSortMostHelpful_click');">Most Helpful</li>
										<li @click="setSort('20'); sendGa4Data('PD_reviewSortHighestRating_click');">Highest Rating</li>
										<li @click="setSort('30'); sendGa4Data('PD_reviewSortLowestRating_click');">Lowest Rating</li>
										<li @click="setSort('40'); sendGa4Data('PD_reviewSortNewest_click');">Newest</li>
										<li @click="setSort('50'); sendGa4Data('PD_reviewSortOldest_click');">Oldest</li>
									</ul>
									<ul v-if="review.tab === 'korea'" class="sort-list">
										<li @click="setSort('40'); sendGa4Data('PD_reviewSortNewest_click');">Newest</li>
										<li @click="setSort('50'); sendGa4Data('PD_reviewSortOldest_click');">Oldest</li>
										<li @click="setSort('20'); sendGa4Data('PD_reviewSortHighestRating_click');">Highest Rating</li>
										<li @click="setSort('30'); sendGa4Data('PD_reviewSortLowestRating_click');">Lowest Rating</li>
									</ul>
								</div>
							</div>

							<button type="button" class="btn btn-icon-filter" @click="showFilter()" data-attr="PD_reviewFilter_click">
								<span class="sr-only">filter</span>
							</button>

						</div>
					</div>

					<div v-if="filterYn == 'Y'" class="customer-review-list-sortgroup">
						<div class="wrap-keyword-sort">
							<span v-if="review[review.tab].filter.idx > -1" class="keyword-sort">
								<span class="keyword-sort-text">{{ review[review.tab].summary.reviewProductList[review[review.tab].filter.idx].snglOptnName }}</span>
								<button @click="removeFromFilter('idx')" class="btn btn-x-sm" type="button"><span class="sr-only">Close</span></button>
							</span>
							<template v-if="review[review.tab].filter.scores.length > 0">
							<span v-for="(scr,idx) in review[review.tab].filter.scores" class="keyword-sort">
								<span class="keyword-sort-text">★{{scr}}</span>
								<button @click="removeFromFilter('scores', idx)" class="btn btn-x-sm" type="button"><span class="sr-only">Close</span></button>
							</span>
							</template>
							<span v-if="review[review.tab].filter.photoReviewYn == 'Y'" class="keyword-sort">
								<span class="keyword-sort-text">Photo</span>
								<button @click="removeFromFilter('photoReviewYn', 'N')" class="btn btn-x-sm" type="button"><span class="sr-only">Close</span></button>
							</span>
							<span v-if="review[review.tab].filter.movReviewYn == 'Y'" class="keyword-sort">
								<span class="keyword-sort-text">Video</span>
								<button @click="removeFromFilter('movReviewYn', 'N')" class="btn btn-x-sm" type="button"><span class="sr-only">Close</span></button>
							</span>
							<template v-if="review[review.tab].filter.prflItemNos.length > 0">
							<span v-for="(prflItemNo, idx) in review[review.tab].filter.prflItemNos" class="keyword-sort">
								<span class="keyword-sort-text">{{ review[review.tab].summary.prflMap[prflItemNo] }}</span>
								<button @click="removeFromFilter('prflItemNos', idx)" class="btn btn-x-sm" type="button"><span class="sr-only">Close</span></button>
							</span>
							</template>
							<button @click="clearFilter" type="button" class="btn btn-txt-gray">Clear all</button>
						</div>
					</div>
					<div v-if="review.tab === 'korea'" class="korea-review-info">
						<span class="bold">Reviews from Korean Olive Young customers</span>
						<span>All reviews are written by actual purchasers</span>
					</div>
</div>
				<!-- //리뷰 목록 헤더 -->

				<div v-if="review[review.tab].totalCount > 0 || review[review.tab].isLoading" class="list-product-review-unit">
					<!-- 리뷰 유닛 -->
					<div v-for="(unit, idx) in review[review.tab].reviewList" class="product-review-unit" :id="'list-review-'+unit.prdtReviewNo" :key="'lv_unit_'+unit.prdtReviewNo">
						<div class="product-review-unit-main">
							<div class="product-review-unit-header">
								<div class="wrap-review-star-rating">
									<div class='review-star-rating'>
										<template v-for="(star, index) in 5">
											<div class="wrap-icon-star" :key="index">
												<div :class="['icon-star', 'coral-50', 'left', { filled: unit.previewScore > index }]"></div>
												<div :class="['icon-star', 'coral-50', 'right', { filled: unit.previewScore > index }]"></div>
											</div>
										</template>
									</div>
									<div v-if="review.tab === 'global'" class="review-unit-header-sticker">
										<span v-if="unit.beautyReviewYn == 'Y'" class="sticker-text color-green">Beauty tester</span>
										<span v-if="unit.bestYn == 'Y'" class="sticker-text color-pink">Best</span>
									</div>
								</div>
								<div class="wrap-btn-dot">
									<button type="button" class="btn btn-dot" @click="showOneBalloon(idx)"><span class="sr-only">more</span></button>
									<div class="wrap-btn-balloon" ref="btnBalloonList">
										<button type="button" class="btn btn-report2" @click="[setReportModal(unit.prdtReviewNo, unit.mbrNo, 'list'), hideReportBalloon($event)]" data-attr="PD_reviewReport_click">Report</button>
								  	</div>
								</div>
							</div>

							<div v-if="review.tab === 'global' && unit.reviewPrflList" class="user-skin-data mo-only">
								<dl v-for="prfl in unit.reviewPrflList">
									<dt>{{prfl.prflClassNm}}</dt>
									<div>
										<dd v-for="itm in prfl.prflItemList" >{{itm}}</dd>
									</div>
								</dl>
							</div>

							<div class="review-unit-option">
								<span>{{unit.snglOptnName}}</span>
								<div class="wrap-notice-button" v-if="unit.assocReviewYn == 'Y'">
									<button class="notice-button" @click="toggleNoticeTooltip(unit.prdtReviewNo)">
										<div class="notice-icon"></div>
										<span>Notice</span>
									</button>
									<div v-if="unit.showNoticeTooltip">
										<div class="notice-tooltip-arrow"></div>
										<div :id="'review-notice-tooltip-' + unit.prdtReviewNo"  class="notice-tooltip">
											Product sets or gifts may vary depending on when the purchase was made. (e.g. Buy 1 get 1 Free)<button class="tooltip-close-btn" @click="toggleNoticeTooltip(unit.prdtReviewNo)"></button>
										</div>
									</div>
								</div>
							</div>

							<ul v-if="review.tab === 'global' && unit.reviewEvltList" class="list-review-evlt">
								<li v-for="evlt in unit.reviewEvltList">
									<span>{{evlt.evltItemNm}}</span>
									<div class='review-star-rating'>
										<template v-for="(star, index) in 5">
											<div class="wrap-icon-star sm" :key="index">
												<div :class="['icon-star', 'gray-50', 'left', { filled: evlt.previewScore > index }]"></div>
												<div :class="['icon-star', 'gray-50', 'right', { filled: evlt.previewScore > index }]"></div>
											</div>
										</template>
									</div>
								</li>
							</ul>

							<div class="review-unit-cont">
								<div class="review-unit-cont-onoff">
									<div class="review-unit-cont-comment -flip" v-text="review.translateData[unit.prdtReviewNo].text ? unescapeHTML(review.translateData[unit.prdtReviewNo].text) : unescapeHTML(unit.conText)">
									</div>
								</div>
								<div class="review-unit-cont-button">
									<div class="wrap-btn-translate" v-if="reviewTranslateOn">
										<button type="button" class="btn-translate" @click="clickTranslateBtn(unit.prdtReviewNo)" v-text="review.translateData[unit.prdtReviewNo].isLoading ? 'Translating..' : review.translateData[unit.prdtReviewNo].isTranslated ? review.languages[review.translateData[unit.prdtReviewNo].lang] : 'Translate'">
										</button>
										<div v-if="review.translateData[unit.prdtReviewNo]?.showLanguageList" class="language-list">
											<li v-for="(label, code, langIndex) in review.languages" :key="code" @click="selectLanguage(code, unit.prdtReviewNo)">{{ label }}</li>
										</div>
									</div>
									<button type="button" class="btn-text-read" :class="{'btn-divider': reviewTranslateOn}" style="display:none;" @click="sendGa4Data('PD_reviewReadmore_click', {tab_title: review.tab})">Read more</button>
								</div>
							</div>

							<!-- 리뷰 이미지 및 영상 -->
							<div v-if="unit.mediaReviewYn == 'Y'" class="review-unit-media swiper-container">
								<ul class="list-review-medias type-inline swiper-wrapper">
									<li v-for="(mda, mdx) in unit.reviewMediaList" class="swiper-slide">
										<button @click="showReviewDetail(mda, mdx);sendGa4Data('PD_reviewImage_click', {tab_title: review.tab})" type="button" class="btn btn-review-media size-sm" data-testid="product-review-image">
											<span class="item"><img :src="loadImg(mda.imagePath, 'RS=0x240&AO=1')" alt="reviewImage" @error="loadReviewNoImg($event, 0, mda.videoYn)"></span>
										</button>
										<span class="play-button sm" v-if="mda.videoYn == 'Y'">
											<div class="icon-play"></div>
										</span>
									</li>
								</ul>
							</div>
							<!-- //리뷰 이미지 및 영상 -->

							<!-- 좋아요, 싫어요, 공유하기 -->
							<div class="review-unit-footer">
								<div v-if="review.tab === 'global'" :class="{'btn-like-wrap':true, 'likey':unit.apvlGbn=='G', 'dislikey':unit.apvlGbn=='B' }">
									<button @click="voteReview(idx, 'G')" type="button" class="btn btn-likey" data-attr="PD_reviewLike_click">
										<span class="sr-only">Likes</span>
										<span class="btn-likey-count">{{unit.goodCnt}}</span>
									</button>
</div>
<div class="mo-only">
									<span class="review-write-info-date">{{ makeSlashYmd(unit.reviewRgstYmd) }}</span>
									<span class="review-write-info-writer">by. {{review.tab === 'korea' ? 'Korean Customer' : `${unit.loginId.slice(0,2)}*****`}}</span>
								</div>
							</div>
							<!-- //좋아요, 싫어요, 공유하기 -->
						</div>
						<div class="vertical-divider"></div>
						<div class="product-review-unit-user-info pc-only">
							<div class="review-write-info">
								<span class="review-write-info-writer">{{review.tab === 'korea' ? 'Korean Customer' : `${unit.loginId.slice(0,2)}*****`}}</span>
								<span class="review-write-info-date">{{ makeSlashYmd(unit.reviewRgstYmd) }}</span>
							</div>
							<div v-if="unit.reviewPrflList" class="user-skin-data">
								<dl v-for="prfl in unit.reviewPrflList">
									<dt>{{prfl.prflClassNm}}</dt>
									<div>
										<dd v-for="itm in prfl.prflItemList" >{{itm}}</dd>
									</div>
								</dl>
							</div>
						</div>
					</div>
					<!-- //리뷰 유닛 -->
					<div class="wrap-skeleton-unit" v-if="review[review.tab].isLoading">
						<template v-for="(skeleton, index) in 5">
							<div class="skeleton-unit" :key="index">
								<div class="skeleton skeleton-title"></div>
								<div class="wrap-skeleton-content">
									<div class="skeleton skeleton-content"></div>
									<div class="skeleton skeleton-content"></div>
								</div>
								<div class="wrap-skeleton-thumb">
									<div class="skeleton skeleton-thumb"></div>
									<div class="skeleton skeleton-thumb"></div>
									<div class="skeleton skeleton-thumb"></div>
								</div>
							</div>
						</template>
					</div>
				</div>

				<div v-if="review[review.tab].totalCount == 0 && !review[review.tab].isLoading" class="customer-review-list-none">
					<div>
						<div class="empty-msg">
							<p class="customer-review-list-none-text">
								<span>Sorry<br/>There is no review matching the applied filter.</span>
								<span>Try again.</span>
							</p>
						</div>
					</div>
				</div>

				<div v-if="reviewMore || (review.tab === 'global' && review.korea.summary.totalReviewCount > 0)" @click="reviewMore ? readMoreReview() : showKoreaReview()" class="wrap-review-list-more-btn">
					<button class="review-list-more-btn" :class="{'show-korea-review': !reviewMore}">
						{{reviewMore ? `More (${review[review.tab].pageNum}/${review[review.tab].totalPages})` : 'More Reviews from Korea'}}
					</button>
				</div>
			</div>
			<!-- [E] 리뷰 목록 -->
		</div>

		<div v-if="review[review.tab].summary.reviewExpYn == 'N' || review.reviewExpYn == 'N'" class="customer-review-list-disclose">
			<span>In accordance with the relevant law or company policy, only the star ratings are disclosed.</span>
		</div>
	</div>
</div><!-- [E] 리뷰 -->

	<!-- [S] 연관, 추천 상품 -->
	<div class="product-unit-wrap prd-detail prd-siwper-type">
		<!-- [S] Other Customers Bought -->
		<div class="inner" v-show="section3Loaded && brandRelationList.length > 3">
			<h3 class="list-title"><span class="weight-medium">Other Customers Bought</span></h3>

			<div class="unit-list-wrap swiper-container swiper-ui device-mo-only" data-swiper="Type_Free" data-amount-tb="auto" data-amount-mo="auto">
				<ul class="unit-list swiper-wrapper">
					<li class="swiper-slide" v-for="(prdt, idx) in brandRelationList">
						<div class="unit-thumb">
							<input type="hidden" name="prdtNo" :value="prdt.prdtNo">
							<input type="hidden" name="korPrdtName" :value="prdt.korPrdtName">
							<a @click="prdtUnitClicked" :href="'/product/detail?' + getUrlSearchParams({ prdtNo: prdt.prdtNo, dataSource: 'other_customers_bought'})" data-attr="PD_Recommendation1_click"
							   data-source="other_customers_bought" :data-index="idx">
								<div class="unit-badge">
									<template v-if="prdt.erlyYn == 'Y'">
										<span class="early-access">EARLY ACCESS</span>
									</template>
									<template v-else-if="prdt.flashYn == 'Y'">
										<span class="hot-deal">HOT DEAL</span>
									</template>
									<template v-else>
										<span v-if="prdt.bestYn == 'Y'">BEST</span>
										<span v-if="prdt.newYn == 'Y'">NEW</span>
									</template>
								</div>
								<img :src="loadImg(prdt.imagePath, img.rs.unit)" :alt="prdt.prdtName" @error="loadNoImg" />
							</a>
						</div>

						<div class="unit-desc">
							<a @click="prdtUnitClicked" :href="'/product/detail?' + getUrlSearchParams({ prdtNo: prdt.prdtNo, dataSource: 'other_customers_bought'})" data-attr="PD_Recommendation1_click"
							   data-source="other_customers_bought" :data-index="idx" data-testid="product-othercustomersbought-link">
								<dl class="brand-info">
									<dt>{{ prdt.brandName ? prdt.brandName.split('|')[0] : ''}}</dt>
									<dd>{{ unescapeHTML(prdt.prdtName) }}</dd>
								</dl>

								<div v-if="prdt.avgScore >= 4" class="rating-info">
									<span>{{ calcScore(prdt.avgScore) }}</span>
								</div>

								<div class="price-info">
									<template v-if="prdt.maxDscntAmt > 0">
										<strong class="point">{{ calcAndFormatCur(prdt.maxDscntAmt) }}</strong>
										<span>{{ calcAndFormatCur(prdt.nrmlAmt) }}</span>
									</template>
									<template v-else>
										<template v-if="prdt.nrmlAmt != prdt.saleAmt">
											<strong class="point">{{ calcAndFormatCur(prdt.saleAmt) }}</strong>
											<span>{{ calcAndFormatCur(prdt.nrmlAmt) }}</span>
										</template>
										<template v-else>
											<strong>{{ calcAndFormatCur(prdt.nrmlAmt) }}</strong>
											<template v-if="shop.global.isShowSetProductValueGateOn && shop.checkSetValueVisibility(prdt.nrmlAmt, prdt.setCmpntNrmlAmt)">
												<span class="set-value">(Value: {{ calcAndFormatCur(prdt.setCmpntNrmlAmt) }})</span>
											</template>
										</template>
									</template>
								</div>
								<div class="benefits-info">
									<p v-if="prdt.offrSpNm && prdt.offrSpNm != 'A+B'" class="txt-buy">
										<span>Buy {{ subStrOffrSpNm(prdt.offrSpNm) }} Get 1 Free</span>
									</p>

									<p v-if="prdt.maxDscntAmt > 0" class="txt-save">
										<span>Save More {{ currency }} {{ formatNumber(getDiscount(prdt.nrmlAmt, prdt.maxDscntAmt)) }}</span>
									</p>

									<p v-else-if="prdt.cpnYn == 'Y'" class="txt-save">
										<span>Save More with Coupon</span>
									</p>

									<p v-if="(!prdt.maxDscntAmt > 0 || prdt.offrSpNm == 'A+B' || prdt.cpnYn != 'Y')
										  && ((prdt.offrSpNm && prdt.offrSpNm == 'A+B') || prdt.giftYn == 'Y')"
										class="txt-gift"><span>Gift with Purchase</span>
									</p>
								</div>
							</a>

							<div class="unit-btn">
								<button v-if="prdt.sellStatCode == '10' && prdt.stockQty > 0" type="button" class="add-cart" :data-prdt-no="prdt.prdtNo" data-corner-name="other_customers_bought" data-attr="MAIN^UNIT^ADDTOBAG" data-testid="product-othercustomersbought-addtocart-icon">bag</button>
								<button v-else type="button" class="restock-noti" :data-prdt-no="prdt.prdtNo" data-toggle="modal" data-target="#restockNotification" data-attr="MAIN^UNIT^RESTOCK_NOTI">Restock</button>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- [E] Other Customers Bought -->

		<!-- [S] You Might also Like -->
		<div class="inner" v-show="section3Loaded && ctgrRelationList.length > 3">
			<h3 class="list-title"><span class="weight-medium">You Might Also Like</span></h3>

			<div class="unit-list-wrap swiper-container swiper-ui device-mo-only" data-swiper="Type_Free" data-amount-tb="auto" data-amount-mo="auto">
				<ul class="unit-list swiper-wrapper">
					<li class="swiper-slide" v-for="(prdt, idx) in ctgrRelationList">
						<div class="unit-thumb">
							<input type="hidden" name="prdtNo" :value="prdt.prdtNo">
							<input type="hidden" name="korPrdtName" :value="prdt.korPrdtName">
							<a @click="prdtUnitClicked" :href="'/product/detail?' + getUrlSearchParams({ prdtNo: prdt.prdtNo, dataSource: 'you_might_also_like'})" data-attr="PD_Recommendation2_click"
							   data-source="you_might_also_like" :data-index="idx">
								<div class="unit-badge">
									<template v-if="prdt.erlyYn == 'Y'">
										<span class="early-access">EARLY ACCESS</span>
									</template>
									<template v-else-if="prdt.flashYn == 'Y'">
										<span class="hot-deal">HOT DEAL</span>
									</template>
									<template v-else>
										<span v-if="prdt.bestYn == 'Y'">BEST</span>
										<span v-if="prdt.newYn == 'Y'">NEW</span>
									</template>
								</div>
								<img :src="loadImg(prdt.imagePath, img.rs.unit)" :alt="prdt.prdtName" @error="loadNoImg" />
							</a>
						</div>

						<div class="unit-desc">
							<a @click="prdtUnitClicked" :href="'/product/detail?'+ getUrlSearchParams({ prdtNo: prdt.prdtNo, dataSource: 'you_might_also_like'})" data-attr="PD_Recommendation2_click"
							   data-source="you_might_also_like" :data-index="idx" data-testid="product-youmightalsolike-link">
								<dl class="brand-info">
									<dt>{{ prdt.brandName ? prdt.brandName.split('|')[0] : ''}}</dt>
									<dd>{{ unescapeHTML(prdt.prdtName) }}</dd>
								</dl>

								<div v-if="prdt.avgScore >= 4" class="rating-info">
									<span>{{ calcScore(prdt.avgScore) }}</span>
								</div>

								<div class="price-info">
									<template v-if="prdt.maxDscntAmt > 0">
										<strong class="point">{{ calcAndFormatCur(prdt.maxDscntAmt) }}</strong>
										<span>{{ calcAndFormatCur(prdt.nrmlAmt) }}</span>
									</template>
									<template v-else>
										<template v-if="prdt.nrmlAmt != prdt.saleAmt">
											<strong class="point">{{ calcAndFormatCur(prdt.saleAmt) }}</strong>
											<span>{{ calcAndFormatCur(prdt.nrmlAmt) }}</span>
										</template>
										<template v-else>
											<strong>{{ calcAndFormatCur(prdt.nrmlAmt) }}</strong>
											<template v-if="shop.global.isShowSetProductValueGateOn && shop.checkSetValueVisibility(prdt.nrmlAmt, prdt.setCmpntNrmlAmt)">
												<span class="set-value">(Value: {{ calcAndFormatCur(prdt.setCmpntNrmlAmt) }})</span>
											</template>
										</template>
									</template>
								</div>
								<div class="benefits-info">
									<p v-if="prdt.offrSpNm && prdt.offrSpNm != 'A+B'" class="txt-buy">
										<span>Buy {{ subStrOffrSpNm(prdt.offrSpNm) }} Get 1 Free</span>
									</p>

									<p v-if="prdt.maxDscntAmt > 0" class="txt-save">
										<span>Save More {{ currency }} {{ formatNumber(getDiscount(prdt.nrmlAmt, prdt.maxDscntAmt)) }}</span>
									</p>

									<p v-else-if="prdt.cpnYn == 'Y'" class="txt-save">
										<span>Save More with Coupon</span>
									</p>

									<p v-if="(!prdt.maxDscntAmt > 0 || prdt.offrSpNm == 'A+B' || prdt.cpnYn != 'Y')
										  && ((prdt.offrSpNm && prdt.offrSpNm == 'A+B') || prdt.giftYn == 'Y')"
									   class="txt-gift"><span>Gift with Purchase</span>
									</p>
								</div>
							</a>

							<div class="unit-btn">
								<button v-if="prdt.sellStatCode == '10' && prdt.stockQty > 0" type="button" class="add-cart" :data-prdt-no="prdt.prdtNo" data-corner-name="you_might_also_like" data-attr="MAIN^UNIT^ADDTOBAG" data-testid="product-youmightalsolike-addtocart-icon">bag</button>
								<button v-else type="button" class="restock-noti" :data-prdt-no="prdt.prdtNo" data-toggle="modal" data-target="#restockNotification" data-attr="MAIN^UNIT^RESTOCK_NOTI">Restock</button>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- [E] You Might also Like -->
	</div>
	<!-- [E] 연관, 추천 상품 -->
</div>
<!-- [E] product detail page -->
			</template>
      	</div>
        <!-- [E] product detail wrap -->
	  </div>
	  <template v-if="product.prdtGbnCode == '10'">
	  <!-- 다운로드 쿠폰 상세 레이어 -->
	  

	<div v-if="product.downCpn" :class="modalClassNew('applyCoupon') + ' hide-footer'" :style="modalStyle('applyCoupon')" id="applyCoupon" tabindex="-1" aria-hidden="true">
		<div v-if="modal.activeModal == 'applyCoupon'" @click="toggleModal('applyCoupon')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- modal-header -->
				<div class="modal-header">
					<button type="button" class="close" @click="toggleModal('applyCoupon')"><span class="sr-only">close popup</span></button>
					<h4 class="modal-title">Apply Coupon</h4>
				</div>
				<!-- modal-body -->
				<div class="modal-body">
					<div class="modal-contents">
						<div class="coupon-wrap">
							<button type="button" @click="downCoupon" :class="downCpn.downLimitExceedYn == 'Y' ? 'disabled' : ''" data-testid="download-coupon-button">
								<span>
									<strong>{{ product.downCpn.cpnName }}</strong>
								  	<span v-if="product.downCpn.minStdrTypeValue == '1'">
										{{ Number(product.downCpn.minStdrAmt) + ' '  + getMsgValue('pd_00028') + ' ' + getMsgValue('pd_msg_00044', {'amt': formatUSD(product.downCpn.maxDscntAmt)}) }}
										<br>
										Event Period<!-- Event Period --> : {{ product.downCpn.validStartDtm }} ~ {{ product.downCpn.validEndDtm }} (UTC+9)
								  	</span>
									<span v-else>
										{{ Number(product.downCpn.minStdrAmt) + ' ' + getMsgValue('pd_msg_00044', {'amt': formatUSD(product.downCpn.maxDscntAmt)}) }}
										<br>
										Event Period<!-- Event Period --> : {{ product.downCpn.validStartDtm }} ~ {{ product.downCpn.validEndDtm }} (UTC+9)
									</span>
								</span>
							</button>
						</div>
						<div class="notice-wrap">
							<strong>Notice</strong>
							<ul>
								<li>Check the expiration date, minimum purchase amount, and maximum discount amount.</li>
								<li>The event may end early if the product runs out of stock. </li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!-- 증정상품 and 프로모션 코드가 50(A+B) 일 때 뜨는 행사 안내 레이어(Get with Purchase offer 행사가 2개) -->
	  <div v-if="hasFreeGift && (product.promotion && product.promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y' && isNotEmpty(modal.eventView.getGiftList))" :class="modalClassNew('freeGiftMultiInfo') + ' hide-footer-border'" :style="modalStyle('freeGiftMultiInfo')" id="freeGiftMultiInfo" tabindex="-1" aria-hidden="true">
		<div v-if="modal.activeModal == 'freeGiftMultiInfo'" @click="toggleModal('freeGiftMultiInfo')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<div class="modal-content" v-if="!modal.eventView.movePageBtn">
				<!-- modal-header -->
				<div class="modal-header">
					<h4 class="modal-title">This item is eligible for 2 offers</h4>
					<button type="button" class="close" @click="toggleModal('freeGiftMultiInfo')"><span class="sr-only">close popup</span></button>
				</div>
				<!-- modal-body -->
				<div class="modal-body">
					<div class="modal-contents">
						<div class="free-gift">
							<div class="gift-title-wrap">
								<dl>
									<dt>Free Gift Details</dt>
									<dd v-if="!isFgAllTempOutOfStock">Gift will be automatically applied in your shopping bag.</dd>
								</dl>
								<div class="gift-pagination">
									<em>1</em> / <span>2</span>
								</div>
							</div>

							<ul class="free-gift-list">
								<template v-for="(sprmtn, i) in product.freeGiftList">
								<li v-if="isNotEmpty(fgThumbnail[sprmtn[0][0].giftPrdtNo])" :class="[isNotEmpty(fgTempOutOfStockBySprmtnCd[sprmtn[0][0].sprmtnCd]) && fgTempOutOfStockBySprmtnCd[sprmtn[0][0].sprmtnCd] ? 'out-of-stock' : '' ]"> <!-- sprmtn : 소행사   -->
									<strong class="gift-promo-name">{{ sprmtn[0][0].giftPrmtnNm }}</strong>
									<template v-for="(freeGift, j) in sprmtn">
										<div v-if="isNotEmpty(fgThumbnail)" :class="['inner', freeGift[0].curStockQty < 1 ? 'out-of-stock' : '' ]"> <!-- freeGif : 소행사의 증정 상품 -->
											<div class="thumb">
												<a href="javascript:void(0);">
													<img :src="loadImg(fgThumbnail[freeGift[0].giftPrdtNo].imagePath, img.rs.lthumb)" :alt="fgThumbnail[freeGift[0].giftPrdtNo].prdtName" @error="loadNoImg"/>
													<p v-if="freeGift[0].curStockQty < 1">Temporarily Out of Stock</p>
												</a>
											</div>
											<div class="desc">
												<strong>{{ fgThumbnail[freeGift[0].giftPrdtNo].prdtName }}</strong>
												<div>
												<template v-for="(freeGiftInfo, k) in freeGift"> <!-- freeGiftInfo : 증정 상품 허들 별 상세 정보 -->
													<div v-if="freeGiftInfo.minStdrTypeValue == '1'"> <!-- 수량 -->
														<span v-if="freeGiftInfo.applyEndQtyAmt < 999999">Gift Condition: {{ Number(freeGiftInfo.applyStrtQtyAmt) }} ~ {{ Number(freeGiftInfo.applyEndQtyAmt) }}Qty<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
														<span v-else>Gift Condition: {{ Number(freeGiftInfo.applyStrtQtyAmt) }}Qty<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
														<span v-if="langCode == 'jp'">Receive: <template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}Qty</span>
														<span v-else>Receive: Qty&nbsp;<template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}</span>
													</div>
													<div v-if="freeGiftInfo.minStdrTypeValue == '2'"> <!-- 금액 -->
														<span v-if="freeGiftInfo.applyEndQtyAmt < 999999">Gift Condition: {{ usdCurrencySign }}{{ Number(freeGiftInfo.applyStrtQtyAmt).toFixed(2) }} ~ {{ usdCurrencySign }}{{ Number(freeGiftInfo.applyEndQtyAmt).toFixed(2) }}<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
														<span v-else>Gift Condition: {{ usdCurrencySign }}{{ Number(freeGiftInfo.applyStrtQtyAmt).toFixed(2) }}<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
														<span v-if="langCode == 'jp'">Receive: <template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}Qty</span>
														<span v-else>Receive: Qty&nbsp;<template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}</span>
													</div>
												</template>
												</div>
											</div>
										</div>
									</template>
									<p>Event Period : {{ toMMdd(sprmtn[0][0].prmtnStrtYmd) }} ~ {{ toMMdd(sprmtn[0][0].prmtnEndYmd) }} (UTC+9)</p>
									
									<div class="info-txt">
										<p v-if="sprmtn[0][0].cntryNm">(Applicable country : {{ sprmtn[0][0].cntryNm }})</p>
										<p v-if="sprmtn[0][0].exclCntryNm">(Excepted Country : {{ sprmtn[0][0].exclCntryNm }})</p>
										<p v-if="sprmtn[0][0].affCdNm">(Applicable Condition : OLIVE MEMBERS who signed up via {{ sprmtn[0][0].affCdNm  }} ONLY)</p>
									</div>
								</li>
								</template>
							</ul>
						</div>
						<div class="notice-wrap">
							<strong>Notice</strong>
							<ul>
								<li>The free gift will be offered based on the actual total payment (excluded shipping fee, Tax).</li>
								<li>Basically, one gift per order number is given. In some cases, several items are given per each items purchased. (Please refer to the details before purchasing.)</li>
								<li>Gifts are limited to sales products and may be used up early.</li>
								<li>When returning, you must also return the gift.</li>
								<li>Gifts will be provided to members only eligible for the gift.</li>
								<li>If the gifts are Temporarily out of stock, the event may be terminated without notice.</li>
								<li>You can check the exact gift details in &#39;Order Details&#39; after ordering.</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- modal-footer -->
				<div class="modal-footer">
					<!-- flex-btn 가변 버튼일 경우 -->
					<button type="button" class="btn btn-black btn-xs flex-btn" @click="modal.eventView.movePageBtn = true"><span>Check Another Offers</span></button>
				</div>
			</div>
			
			<div class="modal-content" v-if="modal.eventView.movePageBtn">
				<!-- modal-header -->
				<div class="modal-header">
					<h4 class="modal-title">This item is eligible for 2 offers</h4>
					<button type="button" class="close" @click="toggleModal('freeGiftMultiInfo')"><span class="sr-only">close popup</span></button>
				</div>
				<!-- modal-body -->
				<div class="modal-body">
					<div class="modal-contents">
						<div class="free-gift">
							<div class="gift-title-wrap">
								<dl>
									<dt>Get Free Gift with {{ product.prdtName }} Purchase</dt>
									<dd>When purchasing {{ product.prdtName }} product, you can select gift in the shopping bag.</dd>
								</dl>
								<div class="gift-pagination">
									<em>2</em> / <span>2</span>
								</div>
							</div>
	
							<ul class="free-gift-list">
								<!-- 프리 기프트 제품 상세에서 품절일 경우 class 두개 사용해서 스타일 표현 : out-of-stock prd-name -->
								<li v-for="get in modal.eventView.getGiftList" :class="[get.tempOutOfStockYn == 'Y' ? 'out-of-stock prd-name' : '']">
									<div class="inner">
										<div class="thumb">
											<a :href="'/product/detail?prdtNo=' + get.prdtNo">
												<img :src="loadImg(get.imagePath, img.rs.lthumb)" :alt="get.prdtName" @error="loadNoImg" />
												<p v-if="get.tempOutOfStockYn == 'Y'">Temporarily Out of Stock</p>
											</a>
										</div>
										<div class="desc">
											<strong>{{ get.prdtName }}</strong>
											<div>
												<div>
												    <span>{{ get.optnName == null ? get.prdtName : get.optnName }}</span>
													<template v-if="get.tempOutOfStockYn != 'Y'">
														<template v-if="get.nrmlAmt != get.saleAmt">
															<strong>{{ calcAndFormatCur(get.saleAmt) }}</strong>
															<span>{{ calcAndFormatCur(get.nrmlAmt) }}</span>
														</template>
														<template v-else>
															<span>{{ calcAndFormatCur(get.nrmlAmt) }}</span>
														</template>
													</template>
													<template v-else>
														<p>Temporarily Out of Stock</p>
													</template>
												</div>
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="notice-wrap">
							<strong>Notice</strong>
							<ul>
								<li>Gift can be selected and checked in the shopping bag.</li>
                  				<li>When returning, you must also return the gift.</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- modal-footer -->
				<div class="modal-footer asymmetry-btn full-size-btn">
					<button type="button" class="btn btn-xs btn-black" @click="modal.eventView.movePageBtn = false"><span>Previous</span></button>
				</div>
			</div>
		</div>
	</div><!-- 프로모션 코드가 30(N+1 단일) or 프로모션 코드가 40(N+1 교차) 일 때 트는 행사 안내 레이어 -->
	  <div v-if="isNotEmpty(modal.eventView.buyGiftList) && isNotEmpty(modal.eventView.getGiftList)" :class="modalClassNew('promoOfferGiftInfo') + ' hide-footer'" :style="modalStyle('promoOfferGiftInfo')" id="promoOfferGiftInfo" tabindex="-1" aria-hidden="true">
		<div v-if="modal.activeModal == 'promoOfferGiftInfo'" @click="toggleModal('promoOfferGiftInfo')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- modal-header -->
				<div class="modal-header">
					<h4 class="modal-title">{{ product.promotion.additionStdrQty + '+1' }} Event Item View</h4>
					<button type="button" class="close" @click="toggleModal('promoOfferGiftInfo')"><span class="sr-only">close popup</span></button>
				</div>
				<!-- modal-body -->
				<div class="modal-body">
					<div class="modal-contents">
						<div class="free-gift">
							<div class="gift-title-wrap">
								<dl>
									<dt>Product Information</dt>
									<template v-if="isNotEmpty(promotion)">
										<dd v-if="promotion.additionStdrQty - 1 == promotion.qty">If you buy one more, you can get {{ product.promotion.additionStdrQty + '+1' }} benefits.</dd>
										<dd v-else-if="promotion.qty >= promotion.additionStdrQty">Now, you can get {{ product.promotion.additionStdrQty + '+1' }} benefits!</dd>
									</template>
								</dl>
							</div>

							<ul class="free-gift-list">
								<template v-for="buy in modal.eventView.buyGiftList">
								<li :class="[buy.tempOutOfStockYn == 'Y' ? 'out-of-stock prd-name' : '']">
									<div class="inner">
										<div class="thumb">
											<a href="#">
												<img :src="loadImg(buy.imagePath, img.rs.lthumb)" :alt="buy.prdtName" @error="loadNoImg"/>
												<p v-if="buy.tempOutOfStockYn == 'Y'">Temporarily Out of Stock</p>
											</a>
										</div>
										<div class="desc">
											<strong>{{ buy.prdtName }}</strong>
											<div>
												<div>
												    <span>{{ buy.optnName == null ? buy.prdtName : buy.optnName }}</span>
													<template v-if="buy.tempOutOfStockYn != 'Y'">
														<template v-if="buy.nrmlAmt != buy.saleAmt">
															<strong>{{ calcAndFormatCur(buy.saleAmt) }}</strong>
															<span>{{ calcAndFormatCur(buy.nrmlAmt) }}</span>
														</template>
														<template v-else>
															<span>{{ calcAndFormatCur(buy.nrmlAmt) }}</span>
														</template>
													</template>
													<template v-else>
														<p>Temporarily Out of Stock</p>
													</template>
												</div>
											</div>
										</div>
									</div>
								</li>	
								</template>
							</ul>
						</div>
						<div class="free-gift">
							<div class="gift-title-wrap">
								<dl>
									<dt>Gift Information</dt>
									<dd>When purchasing {{ product.promotion.additionStdrQty + '+1' }} product, you can select gift in the shopping bag.</dl>
							</div>

							<ul class="free-gift-list">
								<template v-for="get in modal.eventView.getGiftList">
								<li :class="[get.tempOutOfStockYn == 'Y' ? 'out-of-stock prd-name' : '']">
									<div class="inner">
										<div class="thumb">
											<a href="#">
												<img :src="loadImg(get.imagePath, img.rs.lthumb)" :alt="get.prdtName" @error="loadNoImg"/>
												<p v-if="get.tempOutOfStockYn == 'Y'">Temporarily Out of Stock</p>
											</a>
										</div>
										<div class="desc">
											<strong>{{ get.prdtName }}</strong>
											<div>
												<div>
													<span>{{ get.optnName == null ? get.prdtName : get.optnName }}</span>
													<template v-if="get.tempOutOfStockYn != 'Y'">
														<template v-if="get.nrmlAmt != get.saleAmt">
															<strong>{{ calcAndFormatCur(get.saleAmt) }}</strong>
															<span>{{ calcAndFormatCur(get.nrmlAmt) }}</span>
														</template>
														<template v-else>
															<span>{{ calcAndFormatCur(get.nrmlAmt) }}</span>
														</template>
													</template>
													<template v-else>
														<p>Temporarily Out of Stock</p>
													</template>
												</div>
											</div>
										</div>
									</div>
								</li>
								</template>
							</ul>
						</div>
						<div class="notice-wrap">
							<strong>Notice</strong>
							<ul>
								<li>Gift can be selected and checked in the shopping bag.</li>
                  				<li>When returning, you must also return the gift.</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div></template>
	  <template v-if="product.prdtGbnCode == '20'">
	  <!-- 세트 상품 옵션 선택 레이어 -->
	  <div v-if="product.prdtGbnCode == '20'" :class="modalClassNew('setOption')" :style="modalStyle('setOption')" id="setOption" tabindex="-1" aria-hidden="true">
		<div v-if="modal.activeModal == 'setOption'" @click="toggleModal('setOption')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- modal-header -->
				<div class="modal-header">
					<h4 class="modal-title">Select Options of Set Items</h4>
					<button type="button" class="close" v-if="modal.activeModal == 'setOption'" @click="toggleModal('setOption')"><span class="sr-only">close popup</span></button>
				</div>
				<div class="notice-set-price">The price listed for each item reflects its individual purchase price.</div>
				<!-- modal-body -->
				<div class="modal-body">
					<div class="modal-contents">
						<div class="free-gift">
							<ul class="free-gift-list common-form-content">
								<li v-for="(cmpnt, idx) in product.cmpntPrdtList">
									<div class="inner" ref="setOptName">
										<div class="thumb"><a href="javascript:void(0);"><img :src="loadImg(cmpnt.imagePath, img.rs.cmpnt)" :alt="cmpnt.prdtName" @error="loadNoImg" /></a></div>
										<div class="desc">
											<strong>{{cmpnt.prdtName}}</strong>
											<div>
												<div>
													<template v-if="cmpnt.orgPrdtGbnCode == '30'">
														<span v-if="cmpnt.cmpntQty && cmpnt.cmpntQty > 1"> x {{cmpnt.cmpntQty}}<template v-if="langCode == 'en'">&nbsp;</template>{{getMsgValue("pd_00028")}}</span>
													</template>
													<template v-else>
														<span>{{ formatUSD(cmpnt.saleAmt) }}<template v-if="cmpnt.cmpntQty && cmpnt.cmpntQty > 1"> x {{cmpnt.cmpntQty}}<template v-if="langCode == 'en'">&nbsp;</template>{{getMsgValue("pd_00028")}}</template></span>
													</template>
												</div>
												<!-- [S] Type select option -->
												<div class="info-list" v-if="cmpnt.optnYn == 'Y'">
													<div class="tit">Type</div>
													<div class="cont">
														<!-- [S] select prouct option select -->
														<!-- [S] 2020-02-25 상품 셀렉트 옵션 마크업 수정 -->
														<div v-if="product.tempOutOfStockYn != 'Y'" class="prd-option-select">
															<!-- [S] 2021-03-22 sel-option tag 변경 -->
															<template v-if="dvceVal == 'pc'">
																<button type="button" class="sel-option item" role="button" aria-expanded="false" title="select product">
																		<p class="txt placeholder">Please select options</p>
																</button>
															</template>
															<template v-else>
																<button type="button" class="sel-option item readonly" role="button" aria-expanded="false" title="select product" @click="setOptionModal('selectOptionSetItem', idx, cmpnt.optionList)">
																	<p class="txt placeholder">Please select options</p>
																</button>
															</template>
															<!-- [E] 2021-03-22 sel-option tag 변경 -->
															<ul class="sel-option-list scroll-bar" v-if="dvceVal == 'pc'">
																<template v-for="(option,optIdx) in cmpnt.optionList">
																<li :class="[option.tempOutOfStockYn == 'Y' ? 'sold-out' : '', 'has-price']" @click="addToSelect(idx, optIdx)">
																	<a href="#none" class="item" role="button">
																		<div v-if="option.optnImagePath" class="opt">
																			<span class="prd-unit-img"><img :src="loadImg(option.optnImagePath, img.rs.opt)" :alt="option.snglOptnName" @error="loadNoImg($event, true)"></span>
																		</div>
																		<div class="txt">
																			<p class="list-thumb-info line-ellipsis2">{{option.snglOptnName}}</p>
																			<!-- <p class="prd-flag-group"><span class="badge sm pink">2+1</span><span class="badge sm light-pink">COUPON</span></p> -->
																		</div>
																		<div v-if="option.sellStatCode == '10' && option.tempOutOfStockYn == 'N'" class="num">
							                                            	<p v-if="option.nrmlAmt != option.saleAmt"><em class="lineThrough">{{ formatUSD(option.nrmlAmt) }}</em></p>
							                                            	<p><em>{{ formatUSD(option.saleAmt) }}</em></p>
							                                          </div>
							                                          
							                                          <div v-else :class="{'num': true, 'on': option.restockYn == 'Y'}">
								                                        <button @click="reqOptionRestockAlarm(option.prdtNo, option.gdsCd, $event)" class="btn" name="restockOptionBtn" :data-cmpnt-no="cmpnt.prdtNo">
								                                          <span class="txt-alarm">Temporarily Out of Stock</span>
								                                          <span class="ico-alarm"></span>
								                                        </button>
								                                      </div>
																	</a>
																</li>
																</template>
															</ul>
														</div>
														<!-- [E] 2020-02-25 상품 셀렉트 옵션 마크업 수정 -->
														<!-- [E] select prouct option select -->
													</div>
												</div>
												<!-- [E] Type select option -->   
											</div>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<div class="modal-footer full-size-btn">
					<div :class="{'prd-info-btn-wrap': true, 'early-access': product.earlyAccess.erlyPrdtYn == 'Y' && product.earlyAccess.prchsAvailYn == 'N'}">
						<div class="inner">
							<!-- 품절 시 state-stock 추가 -->
							<template v-if="product.sellStatCode == '10' && product.tempOutOfStockYn == 'N'">
								<button type="button" class="add-to-bag" :disabled="dlvyCntry.isRstrc" @click="addToBag">
									<span>{{ getMsgValue("od_00567") }}<template v-if="!dlvyCntry.isRstrc && total.amt != 0.00"> - {{ calcAndFormatCur(total.amt) }}</template></span>
								</button>
							</template>
							<template v-else>
								<button type="button" class="add-to-bag state-stock" @click="reqRestockAlarm($event, true)"><span>Temporarily Out of Stock</span></button>
							</template>
							<div>
								<button type="button" :class="['add-to-wish', product.wishYn == 'Y' ? 'active' : '']" @click="addWish">
									<span>
										wishlist
										<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
											<g id="Line/Like"><path id="Line/Like_2" d="M14.0498 7.21338C14.4518 7.56858 14.8385 8 15.2087 8.51298L15.2677 8.59643L15.9866 9.61262L16.7263 8.61155L16.9317 8.33358C17.2312 7.94219 17.5449 7.59666 17.8766 7.29189L18.0701 7.12114C19.1441 6.33374 20.4479 5.9 21.8205 5.9C25.3016 5.9 28.1 8.67557 28.1 12.0705C28.1 13.2791 27.7461 14.4308 27.1307 15.3616L27.1108 15.3917L27.0933 15.4233C26.5286 16.4474 25.6868 17.6171 24.5489 18.9373L24.1044 19.4436C23.955 19.611 23.8012 19.7804 23.643 19.9519C23.6422 19.9528 23.6414 19.9537 23.6406 19.9545L23.1474 20.4813L22.6276 21.0208L22.081 21.573C22.0804 21.5737 22.0797 21.5743 22.0791 21.575C21.987 21.6668 21.8938 21.7592 21.7996 21.8521C21.799 21.8527 21.7983 21.8534 21.7977 21.854L21.2108 22.4256L20.5974 23.0097C20.5969 23.0102 20.5964 23.0107 20.5958 23.0111C20.4924 23.1086 20.3879 23.2066 20.2822 23.305C20.2817 23.3055 20.2812 23.306 20.2807 23.3065L19.6271 23.9097L18.9468 24.5257L18.2401 25.1541L17.5064 25.7954L17.5038 25.7976L16.7489 26.4469L16.7438 26.4513L16 27.0812L15.2562 26.4513L15.2511 26.4469L14.4934 25.7952L14.4908 25.7929L13.76 25.1542C13.7596 25.1538 13.7592 25.1535 13.7588 25.1532C13.6397 25.0482 13.5216 24.9437 13.4047 24.8397C13.4042 24.8393 13.4037 24.8389 13.4032 24.8384L12.7099 24.2165L12.0432 23.6073L11.4033 23.0109L10.7902 22.4274C10.7896 22.4269 10.7891 22.4263 10.7885 22.4258C10.6898 22.3308 10.5921 22.2363 10.4955 22.1423C10.4949 22.1417 10.4943 22.1411 10.4937 22.1405L9.9209 21.5764C9.9203 21.5758 9.91969 21.5752 9.91908 21.5746C9.82716 21.483 9.73634 21.3919 9.6466 21.3013C9.64593 21.3006 9.64526 21.2999 9.6446 21.2993L9.1122 20.7548C9.11149 20.7541 9.11079 20.7533 9.11009 20.7526C8.93865 20.5749 8.77164 20.3993 8.60905 20.2259L8.126 19.7028C8.05019 19.6194 7.97546 19.5366 7.90181 19.4542L7.45896 18.9505C7.39008 18.8707 7.32228 18.7915 7.25556 18.7128L6.85296 18.2287C6.02145 17.2079 5.38747 16.2915 4.9395 15.4779L4.92236 15.4467L4.90282 15.4171C4.25156 14.4278 3.9 13.2747 3.9 12.0705C3.9 8.67557 6.69839 5.9 10.1795 5.9C11.5828 5.9 12.9175 6.35361 14.0498 7.21338Z" stroke="#131518" stroke-width="1.8"/></g>
										</svg>
									</span>
								</button>
								<button type="button" v-if="product.tempOutOfStockYn == 'Y'" :class="[product.tempOutOfStockYn == 'Y' ? 'out-of-stock' : '', product.restockYn == 'Y' ? 'active' : '']" @click="reqRestockAlarm($event, false)">
									<span>
										out of stock
										<svg xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="0 0 22 24" fill="none">
											<g id="Group 421">
												<path id="Vector" d="M7.60352 19.3125C7.60352 21.1074 9.05862 22.5625 10.8535 22.5625C12.6485 22.5625 14.1035 21.1074 14.1035 19.3125" stroke="#131518" stroke-width="1.8"/>
												<path id="Vector_2" d="M17.8979 13.9907V8.34378C17.8979 6.5121 17.1703 4.75547 15.8751 3.46029C14.58 2.16512 12.8233 1.4375 10.9916 1.4375C9.16001 1.4375 7.40338 2.16512 6.10819 3.46029C4.81302 4.75547 4.08539 6.5121 4.08539 8.34378V14.0313L1.10352 19.1825H20.896L17.8979 13.9907Z" stroke="#131518" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
											</g>
										</svg>
									</span>
								</button>
</div>
						</div>
					</div>
				</div>
				<!-- modal-footer -->
				<!-- <div class="modal-footer asymmetry-btn full-size-btn">
					<button type="button" class="btn btn-line-pink btn-xs" data-dismiss="modal"><span>Previous</span></button>
					<button type="button" class="btn btn-pink btn-xs"><span>Go back to detail page</span></button>
				</div> -->
			</div>
		</div>
	</div>


	<!-- MO일 때 옵션 선택 multi modal -->
	<div id="selectOptionSetItem" :class="multiModalClass('selectOptionSetItem')" :style="multiModalStyle('selectOptionSetItem')" tabindex="-1" aria-hidden="true" >
		<div v-if="modal.activeModal == 'selectOptionSetItem'" @click="toggleModal('selectOptionSetItem')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div v-if="modal.activeModal && modal.activeMultiModal == 'selectOptionSetItem'" @click="toggleMultiModal('selectOptionSetItem')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Select Options of Set Items</h4>
					<button type="button" class="close" v-if="modal.activeModal == 'selectOptionSetItem'" @click="toggleModal('selectOptionSetItem')"><span class="sr-only">close popup</span></button>
					<button type="button" class="close" v-if="modal.activeModal && modal.activeMultiModal == 'selectOptionSetItem'" @click="toggleMultiModal('selectOptionSetItem')"><span class="sr-only">close popup</span></button>
				</div>
				<!-- //modal-header -->
				<div class="modal-body">
					<div class="modal-contents">
						<div class="select-wrap">
							<button type="button" v-if="modal.activeModal && modal.activeMultiModal == 'selectOptionSetItem'" @click="toggleMultiModal('selectOptionSetItem')"><span>Please select options</span></button>
						</div>
						<div class="option-list-wrap">
							<ul class="sel-option-list">
								<template v-for="(option,optIdx) in tempOptionList">
								<li :class="[option.tempOutOfStockYn == 'Y' ? 'sold-out' : '', 'has-price']" @click="addToSelect(tempPrdtIdx, optIdx)" ref="optName">
									<a href="#none" class="item" role="button">
										<div v-if="option.optnImagePath" class="opt">
											<span class="prd-unit-img disabled"><img :src="loadImg(option.optnImagePath, img.rs.opt)" :alt="option.snglOptnName" @error="loadNoImg($event, true)"></span>
										</div>
										<div class="txt">
											<p class="list-thumb-info line-ellipsis2">{{ option.snglOptnName }}</p>
										</div>
										<div v-if="option.sellStatCode == '10' && option.tempOutOfStockYn == 'N'" class="num">
											<p v-if="option.nrmlAmt != option.saleAmt"><em class="lineThrough">{{ formatUSD(option.nrmlAmt) }}</em></p>
											<p><em>{{ formatUSD(option.saleAmt) }}</em></p>
										</div>

										<div v-else :class="{'num': true, 'on': option.restockYn == 'Y'}">
											<button @click="reqOptionRestockAlarm(option.prdtNo, option.gdsCd, $event)" class="btn" name="restockOptionBtn" :data-cmpnt-no="option.prdtNo">
												<span class="txt-alarm">Temporarily Out of Stock</span>
												<span class="ico-alarm"></span>
											</button>
										</div>
									</a>
								</li>
								</template>
							</ul>
						</div>
					</div>
				</div>
				<!-- //modal-body -->
			</div>
		</div>
	</div></template>
	  <!-- 증정상품 or 프로모션 코드가 50(A+B) 일 때 뜨는 행사 안내 레이어(Get with Purchase offer 행사가 1개) -->
	  <div v-if="hasFreeGift || (product.promotion && product.promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y') && isNotEmpty(modal.eventView.getGiftList)" :class="modalClassNew('freeGiftInfo') + ' hide-footer'" :style="modalStyle('freeGiftInfo')" id="freeGiftInfo" tabindex="-1" aria-hidden="true">
		<div v-if="modal.activeModal == 'freeGiftInfo'" @click="toggleModal('freeGiftInfo')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<template v-if="hasFreeGift">
				<div class="modal-content">
					<!-- modal-header -->
					<div class="modal-header">
						<h4 class="modal-title">Free Gift Details</h4>
						<button type="button" class="close" @click="toggleModal('freeGiftInfo')"><span class="sr-only">close popup</span></button>
					</div>
					<!-- modal-body -->
					<div class="modal-body">
						<div class="modal-contents">
							<div class="free-gift">
								<div class="gift-title-wrap" v-if="!isFgAllTempOutOfStock">
									<p class="point-color">Gift will be automatically applied in your shopping bag.</p>
								</div>
								<ul class="free-gift-list">
									<template v-for="(sprmtn, i) in product.freeGiftList">
									<li v-if="isNotEmpty(fgThumbnail[sprmtn[0][0].giftPrdtNo])" :class="[isNotEmpty(fgTempOutOfStockBySprmtnCd[sprmtn[0][0].sprmtnCd]) && fgTempOutOfStockBySprmtnCd[sprmtn[0][0].sprmtnCd] ? 'out-of-stock' : '' ]"> <!-- sprmtn : 소행사   -->
										<strong class="gift-promo-name">{{ sprmtn[0][0].giftPrmtnNm }}</strong>
										<template v-for="(freeGift, j) in sprmtn">
											<div v-if="isNotEmpty(fgThumbnail)" :class="['inner', freeGift[0].curStockQty < 1 ? 'out-of-stock' : '' ]" > <!-- freeGif : 소행사의 증정 상품 -->
												<div class="thumb">
													<a href="javascript:void(0);">
														<img :src="loadImg(fgThumbnail[freeGift[0].giftPrdtNo].imagePath, img.rs.lthumb)" :alt="fgThumbnail[freeGift[0].giftPrdtNo].prdtName" @error="loadNoImg"/>
														<p v-if="freeGift[0].curStockQty < 1">Temporarily Out of Stock</p>
													</a>
												</div>
												<div class="desc">
													<strong>{{ fgThumbnail[freeGift[0].giftPrdtNo].prdtName }}</strong>
													<div>
													<template v-for="(freeGiftInfo, k) in freeGift"> <!-- freeGiftInfo : 증정 상품 허들 별 상세 정보 -->
														<div v-if="freeGiftInfo.minStdrTypeValue == '1'"> <!-- 수량 -->
															<span v-if="freeGiftInfo.applyEndQtyAmt < 999999">Gift Condition: {{ Number(freeGiftInfo.applyStrtQtyAmt) }} ~ {{ Number(freeGiftInfo.applyEndQtyAmt) }}Qty<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
															<span v-else>Gift Condition: {{ Number(freeGiftInfo.applyStrtQtyAmt) }}Qty<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
															<span v-if="langCode == 'jp'">Receive: <template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}Qty</span>
															<span v-else>Receive: Qty&nbsp;<template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}</span>
														</div>
														<div v-if="freeGiftInfo.minStdrTypeValue == '2'"> <!-- 금액 -->
															<span v-if="freeGiftInfo.applyEndQtyAmt < 999999">Gift Condition: {{ usdCurrencySign }}{{ Number(freeGiftInfo.applyStrtQtyAmt).toFixed(2) }} ~ {{ usdCurrencySign }}{{ Number(freeGiftInfo.applyEndQtyAmt).toFixed(2) }}<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
															<span v-else>Gift Condition: {{ usdCurrencySign }}{{ Number(freeGiftInfo.applyStrtQtyAmt).toFixed(2) }}<template v-if="langCode == 'en'">&nbsp;</template>or over</span>
															<span v-if="langCode == 'jp'">Receive: <template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}Qty</span>
															<span v-else>Receive: Qty&nbsp;<template v-if="freeGiftInfo.multplGiftYn == 'Y'">x</template>{{ freeGiftInfo.giftQty }}</span>
														</div>
													</template>
													</div>
												</div>
											</div>
										</template>
										<p>Event Period : {{ toMMdd(sprmtn[0][0].prmtnStrtYmd) }} ~ {{ toMMdd(sprmtn[0][0].prmtnEndYmd) }} (UTC+9)</p>
										
										<div class="info-txt">
											<p v-if="sprmtn[0][0].cntryNm">(Applicable country : {{ sprmtn[0][0].cntryNm }})</p>
											<p v-if="sprmtn[0][0].exclCntryNm">(Excepted Country : {{ sprmtn[0][0].exclCntryNm }})</p>
											<p v-if="sprmtn[0][0].affCdNm">(Applicable Condition : OLIVE MEMBERS who signed up via {{ sprmtn[0][0].affCdNm  }} ONLY)</p>
										</div>
									</li>
									</template>
								</ul>
							</div>
							<div class="notice-wrap">
								<strong>Notice</strong>
								<ul>
									<li>The free gift will be offered based on the actual total payment (excluded shipping fee, Tax).</li>
									<li>Basically, one gift per order number is given. In some cases, several items are given per each items purchased. (Please refer to the details before purchasing.)</li>
									<li>Gifts are limited to sales products and may be used up early.</li>
									<li>When returning, you must also return the gift.</li>
									<li>Gifts will be provided to members only eligible for the gift.</li>
									<li>If the gifts are Temporarily out of stock, the event may be terminated without notice.</li>
									<li>You can check the exact gift details in &#39;Order Details&#39; after ordering.</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</template>
			<template v-else-if="product.promotion.promoKindCode && product.promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y'">
				<div class="modal-content">
					<!-- modal-header -->
					<div class="modal-header">
						<h4 class="modal-title">Event Item View</h4>
						<button type="button" class="close" @click="toggleModal('freeGiftInfo')"><span class="sr-only">close popup</span></button>
					</div>
					<!-- modal-body -->
					<div class="modal-body">
						<div class="modal-contents">
							<div class="free-gift">
								<div class="gift-title-wrap">
									<dl>
										<dt>Gift Information</dt>
										<dd>When purchasing {{ product.prdtName }} product, you can select gift in the shopping bag.</dd> 
									</dl>
								</div>

								<ul class="free-gift-list">
									<!-- 프리 기프트 제품 상세에서 품절일 경우 class 두개 사용해서 스타일 표현 : out-of-stock prd-name -->
									<li v-for="get in modal.eventView.getGiftList" :class="[get.tempOutOfStockYn == 'Y' ? 'out-of-stock prd-name' : '']">
										<div class="inner">
											<div class="thumb">
												<a :href="'/product/detail?prdtNo=' + get.prdtNo">
													<img :src="loadImg(get.imagePath, img.rs.lthumb)" :alt="get.prdtName" @error="loadNoImg" />
													<p v-if="get.tempOutOfStockYn == 'Y'">Temporarily Out of Stock</p>
												</a>
											</div>
											<div class="desc">
												<strong>{{ get.prdtName }}</strong>
												<div>
													<div>
													    <span>{{ get.optnName == null ? get.prdtName : get.optnName }}</span>
														<template v-if="get.tempOutOfStockYn != 'Y'">
															<template v-if="get.nrmlAmt != get.saleAmt">
																<strong>{{ calcAndFormatCur(get.saleAmt) }}</strong>
																<span>{{ calcAndFormatCur(get.nrmlAmt) }}</span>
															</template>
															<template v-else>
																<span>{{ calcAndFormatCur(get.nrmlAmt) }}</span>
															</template>
														</template>
														<template v-else>
															<p>Temporarily Out of Stock</p>
														</template>
													</div>
												</div>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="notice-wrap">
								<p>Notice</p>
								<ul>
									<li>Gift can be selected and checked in the shopping bag.</li>
                  					<li>When returning, you must also return the gift.</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</template>
		</div>
	</div><!-- 재입고알림 -->
	  <!-- Notification Modal -->
    <div id="restockNotification" :class="multiModalClassNew('restockNotification') + ' hide-footer-border'" :style="multiModalStyle('restockNotification')" tabindex="-1" aria-hidden="true">
      <div v-if="(modal.activeModal == 'restockNotification') || (modal.activeModal && modal.activeMultiModal == 'restockNotification')" @click="toggleMultiModal('restockNotification')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
           	<button type="button" class="close" v-if="(modal.activeModal == 'restockNotification') || (modal.activeModal && modal.activeMultiModal == 'restockNotification')" @click="toggleMultiModal('restockNotification')"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Restock Notification</h4>
          </div>
          <div class="modal-body">
            <div class="modal-contents">
              <!-- [S] 2024-09-20 재입고알림 옵션영역 추가 디자인 -->
              <div class="wrap-restock">
		        <div class="wrap-table verticalTop thumbList">
                    <div class="table-row">
                      <div class="table-cell"><a href="javascript:void(0);" class="prdImg"><img v-if="product.thumbnailList" :src="loadImg(product.thumbnailList[0].imagePath)" alt="thumbnailImage" @error="loadNoImg"></a></div>
                      <div class="table-cell">
                        <h3 class="prd-list-name" id="restockBrandName">{{ restock.brandName }}</h3>
                        <p class="prd-list-name-detail" id="restockPrdtName">{{ restock.prdtName }}</p>
                        <p class="prd-list-name-opt" v-if="restock.gdsCd">{{ restock.gdsName }}</p>
                      </div>
                    </div>
                  </div>
                  
                  <div class="form-inline check-group">
                    <div class="wrap-ipt-check checkbox black-type">
                      <input type="checkbox" id="appPushChk0" checked="checked" v-model="restock.isMailChecked">
                      <label for="appPushChk0">
                        <span class="ico"></span>
                        <span class="ipt-label">Email</span>
                      </label>
                    </div>

                    <div class="wrap-ipt-check checkbox black-type">
                      <input type="checkbox" id="appPushChk1" v-model="restock.isPushChecked">
                      <label for="appPushChk1">
                        <span class="ico"></span>
                        <span class="ipt-label">Mobile app push</span>
                      </label>
                    </div>
                  </div>
                  
                  <div class="form-group"><!-- 클래스 'has-error' 추가, input 적색라인으로 변경. -->
                    <input type="text" class="form-control" title="input email" v-model="restock.mail">
                  </div>
                  
                  <div class="notice-wrap">
                    <strong>Notice</strong>
                    <ul>
                      <li>The item that you have requested for an email restock notification will be added to your wish list.</li>
                      <li>Items may be restocked at a different price or with different options.</li>
                      <li>You can request notifications for up to 10 products.Manage restock notification application history on My Page.</li>
                      <li>Restocking notification will remain for 30 days.</li>
                      <li>Members who do not agree to push the app will also receive a restock notification message only once.</li>
                    </ul>
                  </div>
                  
              </div>
              <!-- [E] 2024-09-20 재입고알림 옵션영역 추가 디자인 -->
            </div>
          </div>
          <div class="modal-footer wrap-page-btn">
            <a href="javascript:void(0);" @click="toggleMultiModal('restockNotification')" role="button" class="btn btn-xs btn-black-line">Cancel</a>
            <a href="javascript:void(0);" @click.prevent="submitRestock" role="button" class="btn btn-xs btn-black">Submit</a>
          </div>
        </div>
      </div>
    </div>
    <!-- //Notification Modal --><!-- Shipping Information, Specific Item Info, Refunds & Exchanges, Before you shop -->
      <!-- [S] Modal Shipping Information -->
    <div id="modalShippingInformation" :class="modalClassNew('modalShippingInformation') + ' hide-footer'" :style="modalStyle('modalShippingInformation')" tabindex="-1" aria-hidden="true" data-testid="product-shipping-popup" >
    <div v-if="modal.activeModal == 'modalShippingInformation'" @click="toggleModal('modalShippingInformation')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" @click="toggleModal('modalShippingInformation')"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Shipping Information</h4>
          </div>
          <!-- modal-body -->
          <div class="modal-body" v-html="modal.terms.shipInfoHtml"></div>
          <!-- modal-body -->
        </div>
      </div>
    </div>
    <!-- [E] Modal Shipping Information -->
    
    <!-- [S] Modal Specific Item Info -->
    <div id="modalSpecItemInformation" :class="modalClassNew('modalSpecItemInformation') + ' hide-footer'" :style="modalStyle('modalSpecItemInformation')" tabindex="-1" aria-hidden="true" data-testid="product-specificiteminfo-popup" >
    <div v-if="modal.activeModal == 'modalSpecItemInformation'" @click="toggleModal('modalSpecItemInformation')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div class="modal-dialog modal-melg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" @click="toggleModal('modalSpecItemInformation')"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Specific Item Info</h4>
          </div>
          <!-- modal-body -->
          <div class="modal-body type-inner-scroll">
            <div class="modal-contents">
              <!-- [S] 2020-03-04 셀렉트옵션 라지 타입 수정 -->
              <!-- [S] select prouct option select -->
             <template v-if="product.prdtGbnCode == '20'">
              <div class="prd-option-select lg">
                <a href="javascript:void(0);" class="sel-option item" role="button" aria-expanded="false" title="select product">
		        	<span class="opt">
		            	<span class="prd-unit-img"><img class="img" :src="'https://cdn-image.oliveyoung.com/'+ modal.specificInfo.imagePath" :alt="modal.specificInfo.prdtName"></span>
		            </span>
		           	<p class="txt">{{ modal.specificInfo.prdtName }}</p>
		        </a>
                <ul class="sel-option-list scroll-bar">
                  <template v-for="(cmpntPrdt, i) in product.cmpntPrdtList">
                  <li v-if="cmpntPrdt.orgPrdtGbnCode != '30'" :class="i == modal.specificInfo.idx ? 'sel-checked' : ''" @click="setClickPrdtDesc(i)"> 
                    <a href="javascript:void(0);" class="item" role="button">
                        <span class="opt">
	                          <span class="prd-unit-img">
	                        	<img class="img" :src="'https://cdn-image.oliveyoung.com/' + cmpntPrdt.imagePath" :alt="cmpntPrdt.prdtName">
	                          </span>
                          </span>
                        <span class="txt">{{ cmpntPrdt.prdtName }}</span>
                    </a>
                  </li>
                  </template>
                </ul>
              </div>
              </template>
              <!-- [E] select prouct option select -->
              <!-- [E] 2020-03-04 셀렉트옵션 라지 타입 수정 -->
              <div class="modal-cont-box type02">
                <!-- [S] Product Description -->
                <div class="prd-description">
                  <table class="table prd-desc-tbl">
                    <colgroup>
                      <col class="col01">
                      <col class="col02">
                    </colgroup>
                    <template v-if="modal.specificInfo.description">
                    <tbody id="descTbody">
						<tr v-for="desc in modal.specificInfo.description">
							<th scope="row" v-html="desc.codeDtlName"></th>
							<td v-html="replaceNewLine(desc.itemCont)"></td>
						</tr>	
			 		 </tbody>
					</template>
                  </table>
                </div>
                <!-- [E] Product Description -->
                
                
                </div>
            </div>
          </div>
          <!-- modal-body -->
        </div>
      </div>
    </div>
    <!-- [E] Modal Specific Item Info -->

    <!-- [S] Modal Refunds & Exchanges -->
    <div id="modalRefundsExchanges" :class="modalClassNew('modalRefundsExchanges') + ' hide-footer'" :style="modalStyle('modalRefundsExchanges')" tabindex="-1" aria-hidden="true" data-testid="product-refundsexchanges-popup">
        <div v-if="modal.activeModal == 'modalRefundsExchanges'" @click="toggleModal('modalRefundsExchanges')" class="modal-backdrop fade in" style="height:100%;"></div>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" @click="toggleModal('modalRefundsExchanges')"><span class="sr-only">close popup</span></button>
                    <h4 class="modal-title">Refunds & Exchanges</h4>
                </div>
                <!-- modal-body -->
                <div class="modal-body" v-html="modal.terms.rfndExchInfoHtml"></div>
                <!-- modal-body -->
            </div>
        </div>
    </div>
    <!-- [E] Modal Refunds & Exchanges -->
    
    <!-- [S] Modal Before you shop -->
    <div v-if="langCode != 'jp'" id="modalNotice" :class="modalClassNew('modalNotice') + ' hide-footer'" :style="modalStyle('modalNotice')" tabindex="-1" aria-hidden="true" data-testid="product-beforeyoushop-popup" >
    <div v-if="modal.activeModal == 'modalNotice'" @click="toggleModal('modalNotice')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" @click="toggleModal('modalNotice')"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Before you shop</h4>
          </div>
          <!-- modal-body -->
          <div class="modal-body">
            <div class="modal-contents">
              <div class="modal-cont-box type04">
                <p class="desc" v-html="modal.terms.noticeInfoHtml">

                </p>
              </div>
            </div>
          </div>
          <!-- modal-body -->
        </div>
      </div>
    </div>
    <!-- [E] Modal Before you shop --><!-- 리뷰쓰기 -->
	  <video id="videoCheck" style="display: none;"></video><!-- 비디오 체크용  -->
      <div class="modal fade modal-full in" id="prdtListSelect" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close sel-optn-close" data-dismiss="modal" id="selLayerClose"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Write a Review</h4>
          </div>
          <div class="modal-body scroll-bar">
            <div class="modal-contents">
            </div>
          </div>
          <div class="modal-footer wrap-page-btn">
            <a href="javascript:void(0);" role="button" class="btn btn-pink btn-xs" id="selSetPrdtOptn2">Done</a>
          </div>
        </div>
      </div>
    </div>
  
  
  
  
 	<!-- product review option popup1 -->
    <div class="modal fade modal-full in" id="productReviewSelOption1" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close sel-optn-close" data-dismiss="modal"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Write a Review</h4>
          </div>
          <div class="modal-body">
            <div class="modal-contents">
              <!-- [S] prd list -->
              <div class="wrap-table verticalTop thumbList">
                <div class="table-row">
                  <div class="table-cell"><a href="javascript:void(0);" class="prdImg"><img src="" alt="" id="prdtImage"></a></div>
                  <div class="table-cell">
                    <h3 class="prd-list-name"></h3>
                    <p class="prd-list-name-detail"></p>
                  </div>
                </div>
              </div>
              <!-- [E] prd list -->
              <!-- [S] select option -->
              <div class="wrap-table verticalMiddle vertical">
                <div class="table-row">
                  <div class="table-cell w1"><em class="table-th">Type</em></div>
                  <div class="table-cell w4">
                    <div class="modal-edit-option-select">
                      <!-- [S] select prouct option select -->
                      <div class="wrap-select">
                        <div class="form-group">
                          <select class="form-control" title="select options" id="snglOptnSelector">

                          </select>
                        </div>
                      </div>
                      <!-- [E] select prouct option select -->
                    </div>
                  </div>
                </div>
              </div>
              <!-- [E] select option -->
            </div>
          </div>
          <div class="modal-footer wrap-page-btn">
            <a href="javascript:void(0);" role="button" class="btn btn-pink btn-xs" id="selPrdtOptn">Done</a>
          </div>
        </div>
      </div>
    </div>
    <!-- //product review option popup1 -->


    <!-- product review option popup2 -->
    <div class="modal fade modal-full in" id="productReviewSelOption2" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close sel-optn-close" data-dismiss="modal" id="selLayerClose"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Write a Review</h4>
          </div>
          <div class="modal-body scroll-bar">
            <div class="modal-contents">
             
            </div>
          </div>
          <div class="modal-footer wrap-page-btn">
            <a href="javascript:void(0);" role="button" class="btn btn-pink btn-xs" id="selSetPrdtOptn">Done</a>
          </div>
        </div>
      </div>
    </div>
  <!-- //product review option popup2 -->  
  
  
  
  <!-- product review write -->
    <div class="modal modal-full fade" id="productReviewWrite" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
        </div>
      </div>
    </div>
    <!-- //product review write -->
    
    
  <!-- product after review write -->
    <div class="modal fade" id="modalReviewComplete" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-md">
        <div class="modal-content">
        </div>
      </div>
    </div>
    <!-- //product after review write -->
    
    
                      
      <!-- review 개선: review guide Modal -->
      <div class="modal fade" id="modalReviewGuide" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span class="sr-only">close popup</span></button>
                    <h4 class="modal-title">Review Guideline</h4>
                </div>
                <!-- modal-body -->
                <div class="modal-body scroll-bar">
                    <div class="modal-contents">
                    </div>
                </div>
                <!-- modal-body -->
                <div class="modal-footer wrap-page-btn">
                    <a href="#none" class="btn btn-pink btn-xs" data-dismiss="modal">CLOSE</a>
                </div>
            </div>
            <!-- <div class="modal-content -double" style="width:100%; height:100%;">
                ㅁㄴㅇㄴㅁㅇㅁㄴㅇㄴㅁㅇㄴ
            </div> -->
        </div>
      </div>
      <!-- // review 개선: review guide Modal -->

      <!-- review 개선: review policy Modal -->
      <div class="modal fade" id="modalReviewPolicy" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" class="close"><span class="sr-only">close popup</span></button>
                    <h4 class="modal-title">Review Policy</h4>
                </div>
                <!-- modal-body -->
                <div class="modal-body">
                    <div class="modal-contents">
                    </div>
                </div>
                <!-- modal-body -->
                <div class="modal-footer wrap-page-btn">
                    <a href="#none" data-dismiss="modal" class="btn btn-pink btn-xs">CLOSE</a>
                </div>
            </div>
            <!-- <div class="modal-content -double" style="width:100%; height:100%;">
                ㅁㄴㅇㄴㅁㅇㅁㄴㅇㄴㅁㅇㄴ
            </div> -->
        </div>
      </div>
      <!-- // review 개선: review policy Modal -->
   
    <!-- 리뷰필터 -->
	  <!-- Modal review filter -->
 <div v-if="section4Loaded" :class="{'modal fade modal-full': true, 'in': modal.activeModal == 'modalReviewFilter'}" id="modalReviewFilter" tabindex="-1" aria-hidden="true" :style="modalStyle('modalReviewFilter')">
      <div @click="toggleModal('modalReviewFilter')" class="modal-backdrop fade in" style="height: 100%;"></div>
      <div class="modal-dialog modal-md">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" @click="toggleModal('modalReviewFilter')"><span class="sr-only">close popup</span></button>
                  <h4 class="modal-title">Filter</h4>
                  <button @click="clearFilter" type="button" class="btn btn-txt-gray">Clear all</button>
              </div>
              <!-- modal-body -->
              <div class="modal-body scroll-bar">
                  <div class="modal-contents">
                  
                      <div v-if="(product.prdtGbnCode == '20') || (product.prdtGbnCode == '10' && product.optnYn == 'Y')" class="review-filter-section">
                          <h5>Products</h5>
                          <div class="prd-option-select">
                              <a href="javascript:void(0);" class="sel-option item" role="button" aria-expanded="false" title="select product">
                                  <span class="opt">
                                  	<span class="prd-unit-img">
                                  		<img :src="loadImg(product.thumbnailList[0].imagePath, img.rs.opt)" :alt="product.prdtName" @error="loadNoImg($event, true)">
                                  	</span>
                                  </span>
                                  <span ref="filterTxt" class="txt">All reviews</span>
                              </a>
                              <ul class="sel-option-list scroll-bar">
                                  <li ref="filterLi" :class="{'sel-disabled': review[review.tab].summary.totalReviewCount == 0, 'sel-noimg': isEmpty(product.thumbnailList[0].imagePath)}">
                                      <a @click="setPrdtToTempFilter(-1)" href="javascript:void(0);" class="item" role="button" data-attr="PD_reviewFilter_option_click">
                                          <span class="opt">
                                              <span class="prd-unit-img">
                                              	  <img :src="loadImg(product.thumbnailList[0].imagePath, img.rs.opt)" :alt="product.prdtName" @error="loadNoImg($event, true)">
                                              </span>
                                          </span>
                                          <span class="txt">All reviews</span>
                                          <span class="num"><em>{{ formatNumber(review[review.tab].summary.totalReviewCount) }}</em></span>
                                      </a>
                                  </li>
                                  <li v-for="(revPrdt, idx) in review[review.tab].summary.reviewProductList" v-if="revPrdt.snglOptnName" :class="{'sel-disabled': review.tab === 'global' && revPrdt.reviewCount === 0, 'sel-noimg': isEmpty(revPrdt.optnImagePath)}">
                                      <a @click="setPrdtToTempFilter(idx)" href="javascript:void(0);" class="item" role="button" data-attr="PD_reviewFilter_option_click">
                                          <span class="opt">
                                              <span class="prd-unit-img">
                                              	<img :src="loadImg(revPrdt.optnImagePath, img.rs.opt)" :alt="revPrdt.snglOptnName" @error="loadNoImg($event, true)"/>
                                              </span>
                                          </span>
                                          <span class="txt">{{ revPrdt.snglOptnName }}</span>
                                          <span v-if="review.tab === 'global'" class="num"><em>{{ formatNumber(revPrdt.reviewCount) }}</em></span>
                                      </a>
                                  </li>
                              </ul>
                          </div>
                      </div>
                      
                      <!-- 별점 선택 -->
                      <div class="review-filter-section">
                          <h5>Rating</h5>
                          <div class="review-filter-rating">
                              <div class="list-check-round">
                                  <label class="form-check-round">
                                      <input type="checkbox" name="reviewFilterRating" value="5" v-model="review.tempFilter.scores" @click="sendGa4Data('PD_reviewFilter')"/>
                                      <span class="form-check-round-shape"><span>★5</span></span>
                                  </label>
                                  <label class="form-check-round">
                                      <input type="checkbox" name="reviewFilterRating" value="4" v-model="review.tempFilter.scores" @click="sendGa4Data('PD_reviewFilter')"/>
                                      <span class="form-check-round-shape"><span>★4</span></span>
                                  </label>
                                  <label class="form-check-round">
                                      <input type="checkbox" name="reviewFilterRating" value="3" v-model="review.tempFilter.scores" @click="sendGa4Data('PD_reviewFilter')"/>
                                      <span class="form-check-round-shape"><span>★3</span></span>
                                  </label>
                                  <label class="form-check-round">
                                      <input type="checkbox" name="reviewFilterRating" value="2" v-model="review.tempFilter.scores" @click="sendGa4Data('PD_reviewFilter')"/>
                                      <span class="form-check-round-shape"><span>★2</span></span>
                                  </label>
                                  <label class="form-check-round">
                                      <input type="checkbox" name="reviewFilterRating" value="1" v-model="review.tempFilter.scores" @click="sendGa4Data('PD_reviewFilter')"/>
                                      <span class="form-check-round-shape"><span>★1</span></span>
                                  </label>
                              </div>
                          </div>
                      </div>
                      <!-- // 별점 선택 -->
                      
                      <!-- Photo / Video 선택 -->
                      <div class="review-filter-section">
                          <h5>Contents</h5>
                          <div class="review-filter-contents">
                              <div class="form-inline check-group">
                                  <div class="wrap-ipt-check checkbox">
                                      <input type="checkbox" id="chk0" true-value="Y" false-value="N" v-model="review.tempFilter.photoReviewYn" @click="sendGa4Data('PD_reviewFilter')">
                                      <label for="chk0">
                                          <span class="ico"></span>
                                          <span class="ipt-label">Photo</span>
                                      </label>
                                  </div>
                                  <div v-if="review.tab === 'global'" class="wrap-ipt-check checkbox">
                                      <input type="checkbox" id="chk1" true-value="Y" false-value="N" v-model="review.tempFilter.movReviewYn" @click="sendGa4Data('PD_reviewFilter')">
                                      <label for="chk1">
                                          <span class="ico"></span>
                                          <span class="ipt-label">Video</span>
                                      </label>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <!-- // Photo / Video 선택 -->
                      
                      <!-- 고객정보 선택 -->
                      <template v-if="review.tab === 'global' && product.filterUseYn == 'Y' && review[review.tab].summary.reviewPrflList && review[review.tab].summary.reviewPrflList.length > 0">
                      <div v-for="prflInfo in review[review.tab].summary.reviewPrflList" class="review-filter-section">
                          <h5>{{prflInfo.prflClassName}}</h5>
                      	  <div>
                      	      <div class="list-check-round">
                      	      	<template v-for="prflItem in prflInfo.prflItemList">
                      	           <label class="form-check-round">
                      	               <input type="checkbox" :value="prflItem.prflItemNo" v-model="review.tempFilter.prflItemNos" @click="sendGa4Data('PD_reviewFilter')"/>
                      	               <span class="form-check-round-shape"><span>{{prflItem.prflItemName}}</span></span>
                      	           </label>
                      	      	</template>
                      	      </div>
                      	  </div>
                      </div>
                      </template>
                      <!-- //고객정보 선택  -->
                      
                      <!-- 번역 및 뷰티프로필 선택 -->
                      <div v-if="review.tab === 'global'" class="review-filter-check-toggle">
                          <div v-if="product.filterUseYn == 'Y' && review[review.tab].summary.reviewPrflList && review[review.tab].summary.reviewPrflList.length > 0" class="review-check-beauty-profile">
                              <p>See the reviews based on my Beauty Profile.</p>
                              <label class="check-toggle-switch">
                                  <input type="checkbox" true-value="Y" false-value="N" @change="setMbrPrflFilter" :value="review.tempFilter.mbrPrflUseYn" :checked="review.tempFilter.mbrPrflUseYn=='Y'">
                                  <i class="check-toggle-switch-ico"></i>
                              </label>
                          </div>
                      </div>
                      <!-- //번역 및 뷰티프로필 선택 -->
                  </div>
              </div>
              <!-- modal-body -->
              <div class="modal-footer wrap-page-btn">
                  <a @click="toggleModal('modalReviewFilter')" href="javascript:void(0);" role="button" class="btn btn-line-pink btn-xs btn-xs-short pc-only">CANCEL</a>
                  <a @click="setFilter" href="javascript:void(0);" class="btn btn-pink btn-md btn-md-short">DONE</a>
              </div>
          </div>
      </div>
  </div>
  <!-- // Modal review filter --><!-- 모아보기 및 리뷰 상세 -->
	  <div v-if="modal.activeModal == 'modalReviewMedia'" :class="mediaModalClass" class="layer-review-media" id="modalReviewMedia" :style="modalStyle('modalReviewMedia')" tabindex="-1" aria-hidden="true">
	<div v-if="modal.activeModal == 'modalReviewMedia'" @click="toggleMediaModal()" class="modal-backdrop fade in" style="height: 100%;"></div>
	<div v-if="modal.activeModal == 'modalReviewMedia' && modal.activeLayer.length > 1" @click="closeMediaLayer()" style="height: 100%;" class="modal-backdrop-openLayer"></div>
	<div class="modal-dialog modal-elg type-wide">
		<!-- 모아보기 -->
		<div :class="{'modal-content':true, 'hide': !isActiveLayer('reviewMediaAll'), 'openLayerPop': isActiveLayer('reviewMediaAll')}" data-type="reviewMediaAll">
			<div class="review-modal-header">
				<div class="wrap-review-modal-title">
					<h4 class="review-modal-title">{{review.tab === 'korea' ? 'Photo' : 'Photo & Video'}}</h4>
				</div>
				<button v-if="isActiveLayer('reviewMediaAll')"
						@click="modal.activeLayer.length === 1 ? toggleMediaModal() : closeMediaLayer()"
						type="button"
						class="review-modal-close">
					<span class="sr-only">close popup</span>
				</button>
			</div>
            <!-- modal-body -->
            <div class="modal-body">
            	<div class="modal-contents">
            		<div :class="{'modal-contents-review-media': true, 'type-more': mediaMore}">
            			<!-- 상품정보 -->
            			<div v-if="section1Loaded" class="wrap-review-prd size-md">
            				<a :href="'/product/detail?prdtNo=' + product.prdtNo" class="prdImg">
            					<img :src="loadImg(product.thumbnailList[0].imagePath, 'RS=68x68&AR=0&AO=1')" :alt="product.prdtName" @error="loadNoImg">
            				</a>
            				<div class="wrap-review-prd-info">
            					<a :href="'/product/detail?prdtNo=' + product.prdtNo" class="block-link">
            						<div class="prd-list-name ellipsis">{{product.prdtName}}</div>
            						<p v-if="(product.prdtGbnCode == '10') && (product.downCpn || product.promotion.promoKindCode == '30' || product.promotion.promoKindCode == '40')" class="prd-flag-group">
            							<span v-if="product.downCpn" class="badge sm light-pink">COUPON</span>
            							<span v-if="product.promotion.promoKindCode == '30' || product.promotion.promoKindCode == '40'" class="badge sm pink">{{product.promotion.additionStdrQty}}+1</span>
            						</p>
            					</a>
            				</div>
            			</div>
                   		<!-- // 상품정보 -->
                   		<!-- 모아보기 본문 -->
                   		<div class="wrap-review-media scroll-bar">
						    <div class="wrap-review-media-head">
						        <p class="wrap-review-media-count"><span>{{ formatNumber(review[review.tab].media.totalCount) }}</span> {{ getMsgValue(getMsgValue('lb_pd_msg_00010'), { count: review[review.tab].media.totalCount }) }}</p>
						        <div v-if="review.tab === 'global'" class="form-inline check-group">
						            <div class="wrap-ipt-check checkbox">
						                <input true-value="Y" false-value="N" @change="getReviewMediaList(true, $event)" type="checkbox" id="mediaPhotoChk" :disabled="review[review.tab].media.movReviewYn == 'Y'" :value="review[review.tab].media.photoReviewYn">
						                <label for="mediaPhotoChk">
						                    <span class="ico"></span>
						                    <span class="ipt-label">Photo</span>
						                </label>
						            </div>
						            <div class="wrap-ipt-check checkbox">
						                <input true-value="Y" false-value="N" @change="getReviewMediaList(true, $event)" type="checkbox" id="mediaMovChk" :disabled="review[review.tab].media.photoReviewYn == 'Y'" :value="review[review.tab].media.movReviewYn">
						                <label for="mediaMovChk">
						                    <span class="ico"></span>
						                    <span class="ipt-label">Video</span>
						                </label>
						            </div>
						        </div>
						    </div>

						    <!-- 리스트 -->
						    <ul class="wrap-review-media-list">
						    	<template v-for="(mda, idx) in review[review.tab].media.mediaList">
							        <li :key="'media-unit-'+mda.prdtReviewNo">
							            <button @click="showReviewDetail(mda, 0, idx)" type="button" :class="{'btn btn-review-media size-lg': true}" :data-offset="idx">
							                <span class="item"><img :src="loadImg(mda.imagePath, 'RS=0x240&AO=1')" alt="review media image"  @error="loadReviewNoImg($event, 0, mda.videoYn)"></span>
							                <span v-if="mda.bestYn == 'Y'" class="sticker-text color-bgwhite-pink">Best</span>
											<span class="play-button" v-if="mda.videoYn == 'Y'">
												<div class="icon-play"></div>
											</span>
							            </button>
							        </li>
						    	</template>
						    </ul>
						    <!-- // 리스트 -->
						</div>
                   	</div>
                </div>
            </div>
            <!-- //modal-body -->
            <!-- 페이징 -->
            <div class="modal-footer type-block">
			    <div :class="{'wrap-pagination':true, 'show': mediaMore}" v-if="mediaMore">
			        <p>
			            <button @click="readMoreMedia" class="btn btn-page-more">More ({{review[review.tab].media.pageNum}}/{{review[review.tab].media.totalPages}})</button>
			        </p>
			    </div>
		    </div>
		</div>
		<!-- //모아보기 -->

		<!-- 상세보기 -->
		<div :class="{'modal-content':true, 'hide': !isActiveLayer('reviewMediaDetail'), 'openLayerPop': isActiveLayer('reviewMediaDetail')}" data-type="reviewMediaDetail" data-testid="product-review-detail-modal">
			<div class="wrap-btn-arrow pc-only">
				<button v-if="prevPrdtReviewNo" @click="[followArrow(prevPrdtReviewNo, 'P'), hideReportBalloon()]" type="button" class="btn-review-detail-arrow prev"></button>
				<button v-if="nextPrdtReviewNo" @click="[followArrow(nextPrdtReviewNo, 'N'), hideReportBalloon()]" type="button" class="btn-review-detail-arrow next"></button>
			</div>
			<div class="review-modal-header">
				<div class="wrap-review-modal-title">
					<h4 class="review-modal-title">Review Detail</h4>
					<template v-if="modal.activeLayer.length > 1">
						<div class="title-divider"></div>
						<button @click="openMediaLayer('reviewMediaAll')" type="button" class="review-modal-see-all"><span class="sr-only">see all</span></button>
						<div class="title-divider"></div>
						<div class="review-detail-pagination">
							<strong>{{ formatNumber(String(review.detailIdx)) }}</strong> / {{ formatNumber(review[review.tab].media.totalCount) }}
						</div>
					</template>
				</div>
				<button v-if="isActiveLayer('reviewMediaDetail')"
						@click="modal.activeLayer.length === 1 ? toggleMediaModal() : closeMediaLayer()"
						type="button"
						class="review-modal-close">
					<span class="sr-only">close popup</span>
				</button>
			</div>
			<div class="swiper-container" id="reviewDetailSwiper">
				<div class="swiper-wrapper">
					<template v-for="(pos, index) in ['prev', 'self', 'next']">
						<div v-if="review[pos].prdtReviewNo" class="swiper-slide" :class="`swiper-slide-${pos === 'self' ? 'active' : pos}`" :data-type="pos" :data-prdt-review-no="review[pos].prdtReviewNo" :key="index">
							<div class="modal-body">
								<div class="modal-contents">
									<div class="modal-contents-review-detail">
										<div class="wrap-review-detail">
											<!-- //이미지 비디오 영역 -->
											<div class="review-detail-media" :id="'detail-review-'+review[pos].prdtReviewNo">
												<!-- zoom! -->
												<div class="review-detail-media-one">
													<span class="item">
														<div class="prd-unit-movie" v-bind="pos === 'self' ? { ref: 'selfVideoPlayer' } : {}" v-if="review[pos].reviewMediaList[review[pos].thumbIdx].videoYn == 'Y' && !isEmpty(review[pos].reviewMediaList[review[pos].thumbIdx].imagePath)" :data-account="review[pos].reviewMediaList[review[pos].thumbIdx].acntId" :data-video-id="review[pos].reviewMediaList[review[pos].thumbIdx].movId" :data-mov-url="review[pos].reviewMediaList[review[pos].thumbIdx].movUrl">
														</div>
														<div v-else>
															<img :src="loadImg(review[pos].reviewMediaList[review[pos].thumbIdx].imagePath, 'RS=0x490&AO=1')" @error="loadReviewNoImg($event, 1, review[pos].reviewMediaList[review[pos].thumbIdx].videoYn)" alt="">
															<div class="img-dim"></div>
														</div>
													</span>
													<div class="wrap-btn-arrow mo-only">
														<button v-if="prevPrdtReviewNo" @click="[followArrow(prevPrdtReviewNo, 'P'), hideReportBalloon()]" type="button" class="btn-review-detail-arrow prev"></button>
														<button v-if="nextPrdtReviewNo" @click="[followArrow(nextPrdtReviewNo, 'N'), , hideReportBalloon()]" type="button" class="btn-review-detail-arrow next"></button>
													</div>
												</div>

												<!-- thumbs -->
												<div class="review-detail-media-list swiper-container">
													<ul class="list-review-medias type-inline swiper-wrapper">
														   <li v-for="(rvth, rvthIdx) in review[pos].reviewMediaList" class="swiper-slide">
															<button @click="pickReviewThumb(rvthIdx)" type="button" :class="{'btn btn-review-media size-md':true, 'selected':rvthIdx == review[pos].thumbIdx}">
																<span class="item">
																	<img :src="loadImg(rvth.imagePath, 'RS=0x240&AO=1')" @error="loadReviewNoImg($event, 0, rvth.videoYn)" alt="">
																</span>
																<span class="play-button" v-if="rvth.videoYn == 'Y'">
																	<div class="icon-play"></div>
																</span>
															</button>
														</li>
													</ul>
												</div>
											</div>
											<!-- //이미지 비디오 영역 -->

											<!-- 리뷰 데이터 영역 -->
											<div class="review-detail-info">
												<!-- 상품 정보 -->
												<div class="wrap-review-prd size-md">
													<a :href="'/product/detail?prdtNo=' + product.prdtNo" class="prdImg">
														<img :src="loadImg(product.thumbnailList[0].imagePath, 'RS=68x68&AR=0&AO=1')" :alt="product.prdtName" @error="loadNoImg">
													</a>
													<div class="wrap-review-prd-info">
														<a href="javascript:void(0);" class="block-link">
															<div class="prd-list-name ellipsis">{{product.prdtName}}</div>
															<p v-if="(product.prdtGbnCode == '10') && (product.downCpn || product.promotion.promoKindCode == '30' || product.promotion.promoKindCode == '40')" class="prd-flag-group pc-only">
																<span v-if="product.downCpn" class="badge sm light-pink">COUPON</span>
																<span v-if="product.promotion.promoKindCode == '30' || product.promotion.promoKindCode == '40'" class="badge sm pink">{{product.promotion.additionStdrQty}}+1</span>
															</p>
														</a>
													</div>
												</div>
												<!-- //상품 정보 -->

												<div class="product-review-unit">
													<div class="review-unit-scroll">
														<!-- review-unit 상단 (별점,스티커,신고하기) -->
														<div class="product-review-unit-header">
															<div class="wrap-review-star-rating">
																<div class='review-star-rating'>
																	<template v-for="(star, index) in 5">
																		<div class="wrap-icon-star md" :key="index">
																			<div :class="['icon-star', 'coral-50', 'left', { filled: review[pos].previewScore > index }]"></div>
																			<div :class="['icon-star', 'coral-50', 'right', { filled: review[pos].previewScore > index }]"></div>
																		</div>
																	</template>
																</div>
																<div v-if="review.tab === 'global'" class="review-unit-header-sticker">
																	<span v-if="review[pos].beautyReviewYn == 'Y'" class="sticker-text color-green">Beauty tester</span>
																	<span v-if="review[pos].bestYn == 'Y'" class="sticker-text color-pink">Best</span>
																</div>
															</div>
															<div class="wrap-btn-dot">
																<button type="button" class="btn btn-dot"><span class="sr-only">more</span></button>
																<div class="wrap-btn-balloon" v-bind="pos === 'self' ? { ref: 'btnBalloon' } : {}">
																	<button type="button" class="btn btn-report2" @click="[setReportModal(review[pos].prdtReviewNo, review[pos].mbrNo), hideReportBalloon($event)]" data-attr="PD_reviewReport_click">Report</button>
																</div>
															</div>
														</div>
														<!-- // review-unit 상단 (별점,스티커,신고하기) -->
														<div v-if="review.tab === 'global' && review[pos].reviewPrflList" class="user-skin-data">
															<dl v-for="prfl in review[pos].reviewPrflList">
																<dt v-text="prfl.prflClassNm"></dt>
																<dd v-for="itm in prfl.prflItemList" v-text="itm"></dd>
															</dl>
														</div>

														<div class="review-unit-option" v-text="review[pos].snglOptnName"></div>

														<ul v-if="review.tab === 'global' && review[pos].reviewEvltList" class="list-review-evlt">
															<li v-for="evlt in review[pos].reviewEvltList">
																<span v-text="evlt.evltItemNm"></span>
																<div class='review-star-rating'>
																	<template v-for="(star, index) in 5">
																		<div class="wrap-icon-star sm" :key="index">
																			<div :class="['icon-star', 'gray-50', 'left', { filled: evlt.previewScore > index }]"></div>
																			<div :class="['icon-star', 'gray-50', 'right', { filled: evlt.previewScore > index }]"></div>
																		</div>
																	</template>
																</div>
															</li>
														</ul>

														<!-- Read More/Less 영역 -->
														<div class="review-unit-cont">
															<div class="review-unit-cont-onoff">
																<div class="review-unit-cont-comment" v-text="unescapeHTML(review[pos].conText)"></div>
															</div>
														</div>
													</div>
													<!-- 좋아요.or싫어요, 공유하기 -->
													<div class="review-unit-footer">
														<div v-if="review.tab === 'global'" :class="{'btn-like-wrap':true, 'likey':review[pos].apvlGbn=='G', 'dislikey':review[pos].apvlGbn=='B' }">
															<button @click="voteReview(pos, 'G', true)" type="button" class="btn btn-likey">
																<span class="sr-only">Likes</span>
																<span class="btn-likey-count" v-text="review[pos].goodCnt"></span>
															</button>
	</div>
	<div>
															<span class="review-write-info-date" v-text="makeSlashYmd(review[pos].reviewRgstYmd)"></span>
															<span class="review-write-info-writer" v-text="'by. ' + (review.tab === 'korea' ? 'Korean Customer' : `${review[pos].loginId?.slice(0,2)}*****`)"></span>
														</div>
													</div>
													<!-- // 좋아요.or싫어요, 공유하기 -->
												</div>
											</div>
											<!-- //리뷰 데이터 영역 -->
										</div>
									</div>
								</div>
							</div>
						</div>
					</template>
				</div>
			</div>
		</div>
		<!-- //상세보기 -->

	</div>
	
</div><!-- 리뷰 신고하기 -->
	  <!-- review 개선: review report Modal -->
      <div id="modalReviewReport" :class="multiModalClass('modalReviewReport')" :style="multiModalStyle('modalReviewReport')" tabindex="-1" aria-hidden="true">
      <div v-if="modal.activeModal == 'modalReviewReport'" @click="toggleModal('modalReviewReport')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div v-if="modal.activeModal && modal.activeMultiModal == 'modalReviewReport'" @click="toggleMultiModal('modalReviewReport')" class="modal-backdrop fade in" style="height:100%;"></div>
        <div class="modal-dialog modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" v-if="modal.activeModal == 'modalReviewReport'" @click="toggleModal('modalReviewReport')"><span class="sr-only">close popup</span></button>
                    <button type="button" class="close" v-else-if="modal.activeModal && modal.activeMultiModal == 'modalReviewReport'" @click="toggleMultiModal('modalReviewReport')"><span class="sr-only">close popup</span></button>
                    <h4 class="modal-title">Describe the issue with this review</h4>
                </div>
                <!-- modal-body -->
                <div class="modal-body">
                    <div class="modal-contents">

                      <div class="modal-contents-review-report">
                        <div class="form-group check-group">
                    	  <template v-for="(reportRsnCode, idx) in review.report.reportRsnCodeList">
	                          <div class="wrap-ipt-check radio">
	                          	<input type="radio" :id="'radio'+idx" name="reportRsnCode" :value="reportRsnCode.codeDtlNo" v-model="review.report.reportRsnCode" @change="review.report.editYn = 'Y'">
	                          	<label :for="'radio'+idx"><span class="ico"></span><span class="ipt-label">{{reportRsnCode.codeDtlName}}</span></label>	                          
                              	<input v-if="reportRsnCode.codeDtlNo == '70'" type="text" class="form-control" name="otherCont" v-model="review.report.otherCont" :disabled="review.report.reportRsnCode != '70'" placeholder="" maxlength="50">
	                          </div>                	  
                    	  </template>
                        </div>
                      </div>
                    </div>
                </div>
                <!-- modal-body -->
                <div class="modal-footer wrap-page-btn type-block">
                    <a @click="closeReportModal" href="javascript:void(0);" role="button" class="btn btn-line-pink btn-xs btn-xs-short">CANCEL</a>
                    <a @click="submitReport" href="javascript:void(0);" class="btn btn-pink btn-md btn-md-short">SUBMIT</a>
                </div>
            </div>
        </div>
      </div>
      <!-- // review 개선: review report Modal --><!-- shareSNS  레이어 -->
	  <!-- SNS share Modal -->
    <div id="shareSNS" data-testid="product-share-modal" :class="multiModalClass('shareSNS')" :style="multiModalStyle('shareSNS')" tabindex="-1" aria-hidden="true">
      <div v-if="modal.activeModal == 'shareSNS'" @click="toggleModal('shareSNS')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div v-if="modal.activeModal && modal.activeMultiModal == 'shareSNS'" @click="toggleMultiModal('shareSNS')" class="modal-backdrop fade in" style="height:100%;"></div>
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
           <button type="button" class="close" v-if="modal.activeModal == 'shareSNS'" @click="toggleModal('shareSNS')"><span class="sr-only">close popup</span></button>
           <button type="button" class="close" v-if="modal.activeModal && modal.activeMultiModal == 'shareSNS'" @click="toggleMultiModal('shareSNS')"><span class="sr-only">close popup</span></button>
            <h3 class="modal-title">Share</h3>
          </div>
          <!-- modal-body -->
          <div class="modal-body">
            <div class="modal-contents">
              <div class="alert-msg">
                <div class="btn-area btn-sns-share">
                  <a href="javascript:void(0);" class="btn btn-round-facebook type2" role="button" @click="shareFacebook">facebook</a>
                  <a href="javascript:void(0);" class="btn btn-round-tweeter type2" role="button" @click="shareTweeter">tweeter</a>
                  <template v-if="langCode == 'jp'">
                  	<a href="javascript:void(0);" class="btn btn-round-line" role="button" @click="shareLine">line</a>
                  </template>
                </div>
                <p>Copy and Share</p>
				<input type="text" class="form-control" ref="shareInput" :value="modal.sns.url">
                <button type="button" class="btn btn-round4-green btn-exs btn-txt-copy" data-testid="product-share-modal-copy-button" @click="shareClipboard">Copy</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- //SNS share Modal -->
    <!-- 장바구니 담기 완료 모달 -->
	  

	<div v-if="isNotEmpty(select)" :class="{'modal fade full-size-popup': true, 'hide-footer-border': product.prdtGbnCode == '10' && ((isNotEmpty(promotion) && promotion.qty >= promotion.additionStdrQty) || isNotEmpty(gettableFreeGiftList)), 'in': modal.activeModal == 'addToBagModal'}"
		 :style="modalStyle('addToBagModal')" id="addToBagModal" tabindex="-1" aria-hidden="true" data-testid="product-addtocart-modal">
		<div v-if="modal.activeModal == 'addToBagModal'" @click="toggleModal('addToBagModal')" class="modal-backdrop fade in" style="height:100%;"></div>
		<div class="modal-dialog">
			<div class="modal-content">
				<!-- modal-header -->
				<div class="modal-header">
					<h4 class="modal-title">Added to Your Cart</h4>
					<button type="button" class="close" @click="toggleModal('addToBagModal')" data-testid="close-addtocart-modal" ><span class="sr-only">close popup</span></button>
				</div>
				<!-- modal-body -->
				<div class="modal-body">
					<div class="modal-contents">
						<ul class="shopping-prd-list interval-padding">
							<!-- 1 -->
							<li>
								<div class="inner">
									<div class="item-title">
										<!-- 썸네일 -->
										<div class="item-thumb">
											<a href="javascript:void(0);"><img :src="loadImg(product.imagePath, img.rs.lthumb)" :alt="product.prdtName" @error="loadNoImg" /></a>
										</div>
										<!-- 설명 -->
										<div class="item-desc" v-if="product.prdtGbnCode == '10'"> <!-- 일반 상품일 때  -->
											<div class="title">
												<h3>{{ product.brandName }}</h3>
												<dl>
													<dt>{{ product.prdtName }}</dt>
													<template v-for="(option, i) in select">
														<dd>{{ option.optnName }}</dd>
														<dd v-if="langCode == 'en'">Qty {{ option.qty }}</dd>		
														<dd v-else>{{ option.qty }}Qty</dd>													
													</template>
												</dl>
											</div>
											<div class="price">
												<strong v-if="currency != 'USD'">{{ formatCur(total.calcAmt) }} ({{ formatUSD(total.amt) }})</strong>
												<strong v-else>{{ formatUSD(total.amt) }}</strong>
											</div>
										</div>
										<div class="item-desc" v-else> <!-- 세트 상품일 때 -->
											<div class="title">
												<h3>{{ product.brandName }}</h3>
												<dl>
													<dt>{{ product.prdtName }}</dt>
													<dd v-if="langCode == 'en'">Qty {{ select[0].qty }}</dd>
													<dd v-else>{{ select[0].qty }}Qty </dd>
												</dl>
											</div>
											<div class="price">
												<strong v-if="currency != 'USD'">{{ formatCur(total.calcAmt) }} ({{ formatUSD(total.amt) }})</strong>
												<strong v-else>{{ formatUSD(total.amt) }}</strong>
											</div>

											<ul class="set-prd-list">
												<li v-for="cmpntPrdt in select[0].cmpntList">
													<p>{{ cmpntPrdt.prdtName }}<template v-if="cmpntPrdt.optnYn == 'Y'"> / {{ cmpntPrdt.optnName }}</template></p>
													<span v-if="langCode == 'en'">Qty {{ cmpntPrdt.cmpntQty }}</span>
													<span v-else>{{ cmpntPrdt.cmpntQty }}Qty</span>
												</li>
											</ul>

										</div>	
									</div>
									<template v-if="(false ? (product.prdtGbnCode == '10') : true) && ((isNotEmpty(promotion) && promotion.qty >= promotion.additionStdrQty) || isNotEmpty(gettableFreeGiftList))"> <!-- 무료증정이 있거나 / N+1, a+b가 있거나  -->
										<div class="item-more-noti-wrap"> 
											<p>More Includes</p>
											<dl>
												<template v-if="isNotEmpty(promotion) && (promotion.promoKindCode == '30' || promotion.promoKindCode == '40') && promotion.qty >= promotion.additionStdrQty">
													<dt class="buy-get-free">Buy {{ promotion.additionStdrQty }} Get 1 Free!</dt>
													<dd>
														Now, you can get {{ promotion.additionStdrQty + '+1' }} benefits!<br/>
														Gift can selected and checked in the shopping bag.
													</dd>											
												</template>
												<template v-if="(isNotEmpty(promotion) && promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y') || isNotEmpty(gettableFreeGiftList)">
													<dt>{{getMsgValue('pd_msg_00085')}}</dt>
													<dd v-if="isNotEmpty(gettableFreeGiftList)" v-for="(freeGift, i) in gettableFreeGiftList">
														<template v-if="langCode == 'en'">
																{{ fgThumbnail[freeGift.giftPrdtNo].prdtName }} | Qty {{ freeGift.multplGiftYn == 'Y' ? (total.qty * freeGift.giftQty) : freeGift.giftQty }}
														</template>
														<template v-else>
															{{ fgThumbnail[freeGift.giftPrdtNo].prdtName }} | {{ freeGift.multplGiftYn == 'Y' ? (total.qty * freeGift.giftQty) : freeGift.giftQty }}Qty
														</template>
													</dd>
													<dd v-if="isNotEmpty(promotion) && promotion.promoKindCode == '50' && product.getPrdtTempOutOfStockYn != 'Y'">
														Another gift can be selected and checked in the shopping bag
													</dd>											
												</template>
											</dl>
										</div>									
									</template>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<!-- modal-footer -->
				<!-- asymmetry-btn 왼쪽이 짧은 비대칭 버튼 -->
				<div class="modal-footer asymmetry-btn">
					<button type="button" class="btn btn-xs btn-black-line" @click="viewBag" data-testid="view-cart-button">View Cart</button>
					<button type="button" class="btn btn-xs btn-black" @click="toggleModal('addToBagModal')" data-testid="continue-shopping-button" >Continue Shopping</button>
				</div>
			</div>
		</div>
	</div><template v-if="product.mbrGradeCpnMap">
	  <!-- Olive Members -->
	  <!-- [S] Modal Olive Members -->
    <div id="membersPrice" :class="{'modal fade full-size-popup': true, 'hide-footer': loginYn == 'true', 'in': modal.activeModal == 'membersPrice'}" :style="modalStyle('membersPrice')" tabindex="-1" aria-hidden="true">
    <div v-if="modal.activeModal == 'membersPrice'" @click="toggleModal('membersPrice')" class="modal-backdrop fade in" style="height: 100%;"></div>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" @click="toggleModal('membersPrice')"><span class="sr-only">close popup</span></button>
                    <h4 class="modal-title">OY MEMBERS&nbsp;Price<!-- OLIVE MEMBERS Price --></h4>
                </div>
                <!-- modal-body -->
                <div class="modal-body">
                    <div class="modal-contents">
                        <div class="omp-wrap">
                            <div class="omp-hd">
                                <em>Maximum Coupon Discount Applied<!-- Maximum Discount Applied --></em>
                                <strong>{{ calcAndFormatCur(product.minCpnApplyAmt) }}<template v-if="currency != 'USD'"> ({{ formatUSD(product.minCpnApplyAmt) }})</template></strong>
                                <p>OLIVE MEMBERS can download coupons to purchase products at a discounted price. The higher the tier, the bigger the discount.</p>
                            </div>
                            <div class="omp-tbl-wrap">
                                <ul>
                                    <li v-for="(cpn, index) in product.mbrGradeCpnMap">
                                        <div>
                                            <strong :class="makeMbrGradeClass(cpn.mbrGradeName)">
                                                {{ cpn.mbrGradeName }}
                                                <span v-if="user.mbrGradeCode == cpn.mbrGradeCd" class="member-grade">You&#39;re here<!-- You’re here --></span>
                                            </strong>
                                        </div>

                                        <template v-if="product.earlyAccess.erlyPrdtYn == 'Y'">
                                            <div v-if="cpn.erlyApplyYn == 'Y'">
<span>{{ calcAndFormatCur(cpn.cpnApplyAmt) }}</span>
                                            </div>
                                            <div v-else>
                                                <span>Not available<!-- Not available --></span>
                                            </div>
                                        </template>
                                        <template v-else>
                                            <div>
<span>{{ calcAndFormatCur(cpn.cpnApplyAmt) }}</span>
                                            </div>
                                        </template>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="notice-wrap">
                            <strong>Notice</strong>
                            <ul>
                                <li>The price is applied after the coupon is downloaded.</li>
                                <li>You can download the coupons by clicking the coupon label on the product page.</li>
                                <li>Depending on the terms of the offer, there may be restrictions on applicable products.</li>
                                <li>For more details, including the number of coupons available per ID, go to My Account > Coupons.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- modal-body -->
                <div class="modal-footer wrap-page-btn" v-if="loginYn == 'false'">
                    <a href="/member/login" role="button" class="btn btn-md btn-black" data-attr="PD_joinNow_click">Join Now</a>
                </div>
            </div>
        </div>
    </div>
<!-- [E] Modal OLIVE MEMBERS Price --></template>
    </div>
<!-- [E] vue -->
	<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/i18next/22.0.7/i18next.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/i18next/jquery-i18next.min.js" type="text/javascript"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/i18next/msg/en.js" type="text/javascript"></script>

<script type="module" src="https://d2g788fr0ydh4u.cloudfront.net/host-legacy/main.js?v=1756739648909"></script>

<!-- i18n IE 미지원으로 최신 버전이 아닌 예전 버전으로 적용..-->

<script>
    const registerServiceWorker = async () => {
        if (!('serviceWorker' in navigator)) {
            return;
        }

        await navigator.serviceWorker.register('/service-worker.js');
    }
    registerServiceWorker();
</script>

<script src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/analytics/bundle_v6.min.js"></script>
<script>
    const analytics = Analytics.analytics;
    const enableLogging = "false" === 'true';

    analytics.initialize({
        braze: {
            apiKey: "6ec5aad2-ce7e-415f-808c-d6ae870076fd",
            options: {
                baseUrl: "sdk.iad-05.braze.com",
                enableInAppMessages: true,
                safariWebsitePushId: "web.com.oliveyoung.global.web-push",
                allowUserSuppliedJavascript: true,
            }
        },
        amplitude: {
            apiKey: "ab4732f3fb827c15eaf24abb4e746920",
            options: {
                autocapture: {
                    attribution: false,
                    fileDownloads: false,
                    formInteractions: false,
                    sessions: true,
                },
                trackingOptions: {
                    ipAddress: false,
                    language: true,
                    platform: true,
                }
            },
        },
    }, { enableLogging });

    const cpaPopValue = () => {
        const matches = document.cookie.match(/cpa_pop=([^;]+)/);
        return matches ? decodeURIComponent(matches[1]) : null;
    };

    if (cpaPopValue() === 'N') {
        analytics.optOut(['amplitude', 'braze']);
    } else {
        analytics.optIn(['amplitude', 'braze']);
    }
</script>
<script src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/urlmapping.js"></script>
<script>
    const currentUtm = getUtmParameters();

    if (Object.keys(currentUtm).length > 0) {
        saveUtmDataToSessionStorage(currentUtm);
    }
    var isAddAmplitudePropertyMemberType = "true";
    isAddAmplitudePropertyMemberType = Boolean(isAddAmplitudePropertyMemberType) && (isAddAmplitudePropertyMemberType === "true" || isAddAmplitudePropertyMemberType === true);
    if (isAddAmplitudePropertyMemberType)
        (() => {
            var mbrTypeCode = '';
            const member_type = (() => {
                if (mbrTypeCode === '30') return 'b2b';
                if (mbrTypeCode === '10') return 'member';
                return 'guest'
            })();
            analytics.setCustomUserAttribute(['amplitude'], { member_type });
        })();

    const storedUtm = getStoredUtmDataFromSessionStorage();

    if (storedUtm) {
        analytics.setCustomUserAttribute(['amplitude'], storedUtm);
        analytics.setCustomUserAttributeOnce(['amplitude'], createInitialUtmData(storedUtm));
    } else {
        analytics.setCustomUserAttributeOnce(['amplitude'], createInitialUtmData());
    }
</script>

<script src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/optimize/bundle_v1.js"></script>
<script>
    const mbrNoForStat = '';
    const mbrTypeForStat = '';
    const mbrGradeCodeForStat = '';
    const mbrGradeCodeText = '';
    const ageGroupForStat = '';
    const langCodeForStat = '';
    const cntryCodeForStat = '';

    const windowPathname = window.location.pathname;

    const optimizeConfig = {
        sdkKey: "client-9hO8epUN2TCxWJD366qU8hcx93dJ9kSDxLNZ0eYjdCq",
        tier: "production",
        user: {
            ...(mbrNoForStat ? {userId: mbrNoForStat} : {userId: "d5045538-7e91-48b4-9838-d4789aae5871"}),
            custom: {pathname: windowPathname, memberType: mbrTypeForStat, memberGradeCode: mbrGradeCodeForStat, ageGroup: ageGroupForStat, languageCode: langCodeForStat}
            },
    };

    const optimize = OptimizeService.optimize;
    optimize.setConfig(optimizeConfig);

    window.statsig = optimize;
</script>

<script>
    (async () => {
        const isGateOn = await optimize.checkGate("use_session_delivery_code");

        if (isGateOn) {
            window.addEventListener('pageshow', (event) => {
                if (event.persisted && navigator.userAgent.includes('Safari; APP_IOS') && document.cookie.includes("appVersion=1.3.8")) {
                    window.location.reload();
                }
            });
        }
    })();
</script>

<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery-3.5.1.slim.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery.form-4.3.0.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery.elevatezoom.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery.dot.param.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery.cookie-1.4.1.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/format/format.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery.serialize-object.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/video.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/lottie-player.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/lottie-interactivity.min.js"></script>

<!-- 히어로배너 이미지 미리 가져오기 -->

<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/TweenMax.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/swiper.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/bootstrap.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/bootstrap-datepicker.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/speedycat/slazy_v2.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/jquery.lazy.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/appsflyer/onelink-smart-script-2.9.2.min.js"></script>

<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/lodash.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/util.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/util_2.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/common.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/renewal.js"></script><!-- 2022.05 상품 상세 리뉴얼 추가 -->

<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/jp.js"></script>

<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/base/shop.init.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.const.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.util.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.common.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.native.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.paging.js"></script>


        <!-- Google Tag Manager [GTM_MARKETING_CAFE24_ID] -->
<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-PZ95XC9');</script>
<!-- End Google Tag Manager [GTM_MARKETING_CAFE24_ID] -->

<!-- Google Tag Manager [GTM_CLICK_ANALYSIS_ID] -->
<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','clickAnalysisDataLayer','GTM-KLPJ3N8');</script>
<!-- End Google Tag Manager [GTM_CLICK_ANALYSIS_ID] -->

<!-- Google Tag Manager [GTM_GA4_ID] -->
<script id="oy-global-front-ga4-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','ga4DataLayer','GTM-N7GHQ4W');</script>
<!-- End Google Tag Manager [GTM_GA4_ID] -->

<!-- Google Tag Manager [GTM_GA4_CAFE24_ID] -->
<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','ga4DataLayer','GTM-T2J84NJ');</script>
<!-- End Google Tag Manager [GTM_GA4_CAFE24_ID] -->

<!-- 아마존 광고채널 스크립트 -->
<script> !function(w,d,s,t,a){if(w.amzn)return;w.amzn=a=function(){w.amzn.q.push([arguments,(new Date).getTime()])};a.q=[];a.version="0.0";s=d.createElement("script");s.src="https://c.amazon-adsystem.com/aat/amzn.js";s.id="amzn-pixel";s.async=true;t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t)}(window,document); amzn("setRegion", "NA"); amzn("addTag", "ad64caa0-6210-4ccd-a347-332c30d7a645"); amzn("trackEvent", "PageView"); </script> <noscript> <img src="https://s.amazon-adsystem.com/iu3?pid=ad64caa0-6210-4ccd-a347-332c30d7a645&event=PageView" width="1" height="1" border="0"> </noscript>




<div id="htmlTest"></div>

<script>
    var curLang = 'en';
    var dlvCntry = '10';
    var acesCntry = '00';
    var currency = 'USD';
    var currencySign = 'US$';
    var curAmt = '100.00';
    var curRate = '100';
    var curPoint = '2';
    var acc = '';
    var mrgnCntryCode = '10';
    //var nationFlagImageName = '';
    var nationFlagImagePath = 'system/1923/2bf54870-396e-477d-b56f-5959d0a4667c.png';
    var lang = 'en';
    var mbrTypeCode = '';
    
    /*
        isApp : native app(webview) 여부
        isAOS : native app(webview) android 여부
        isIOS : native app(webview) ios 여부
    */
    var app = false;
    var vWebType = "";
    var supportLang = [];
    
                supportLang.push('en');
            
                supportLang.push('jp');
            

    var supportCntry = [];
    
            supportCntry.push('00');
        

    if(app) {
        vWebType = "30";	//APP
    } else {
        if (navigator.userAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null
                || navigator.userAgent.match(/LG|SAMSUNG|Samsung/) != null) {
            vWebType = "20";    //MOBILE
        }else{
            vWebType = "10";    //PC
        }
    }
/*
    if (curLang != shop.cookie.get('curLang') || dlvCntry != shop.cookie.get('dlvCntry') || currency != shop.cookie.get('currency') || lang != shop.cookie.get('lang')) {
        let optionInfo = {
            currency : currency, 
            curLang : curLang, 
        };
        shop.setCookies(optionInfo);
    }

*/
    let deliveryCountryName = null;
    let deliveryCountryIsoCode = null;
    
            deliveryCountryName = 'U.S.A';
            deliveryCountryIsoCode = 'US';
        

    window.shop = window.shop || {};
    shop.global = {
        scheme : "http",
        host : "global.oliveyoung.com",
        urlCdnHttps: '',
        urlCdnImage: 'https://cdn-image.oliveyoung.com/',
        microWebImage: 'https://cdn-image.oliveyoung.com/',
        urlCdnStatic: 'https://dist.oliveyoung.com/fo/5cb27dbb58',
        domain : 'https://global.oliveyoung.com',
        lang : "en" ,
        dispGbnCode : "DIRECT" ,				
        dispGbnField : "DIRECT" ,			
        dvceCode : vWebType ,
        dvceVal : getDvceVal(vWebType) ,
        isApp : false ,			// app여부
        isIOS : false, 		// app이면서 ios
        isAOS : false, 	// app이면서 android
        loginYn : 'false',
        loginId: '',
        encMbrNo: '',
        externalMemberId: '',
        curLang : curLang,
        dlvCntry : dlvCntry,
        acesCntry : acesCntry,
        currency : currency,
        currencySign : currencySign,
        curAmt : curAmt,
        curRate : curRate,
        curPoint : curPoint,
        acc : acc,
        clientId:'1235092823914392',
        googleClientId:'691676859125-ks479jai58d26v01kfs0sj5t3if0u202.apps.googleusercontent.com',
        googleRedirectUri:'https://global.oliveyoung.com/member/login/oauth2/code/google',
        appleClientId:'com.oliveyoung.global.service-id',
        appleRedirectUri:'https://global.oliveyoung.com/member/login/oauth2/code/apple',
        lineJapanClientId:'2007111024',
        lineTaiwanClientId:'2007205494',
        lineThailandClientId:'2007214456',
        lineIndonesiaClientId:'2007214498',
        lineRedirectUri:'https://global.oliveyoung.com/member/login/oauth2/code/line',
        encLoginId : '',
        mrgnCntryCode : mrgnCntryCode,
        mbrTypeCode : mbrTypeCode,
        mbrGradeCodeText : mbrGradeCodeText,
        cntryCode: cntryCodeForStat,
        ageGroup: ageGroupForStat,
        isFirstEntry: false,
        paCkYn : '',
        isRecommendationSectionFeatureOn: true,
        recommendationApiEndPoint: 'https://product-recommendation-service.oliveyoung.com',
        mbrJoinDtm: '',
        deliveryCountryName,
        deliveryCountryIsoCode,
        isSystemPopupRenewalFeatureOn: false,
        isTabbarFeatureOn: true,
        isHomeNavigationPhase2On: true,
        isBestSellerSoldoutFeatureOn: true,
        isAddAmplitudePropertyMemberType: true,
        isShowSetProductValueGateOn: true,
        isGa4QuantityNumberTypeGateOn: true,
        isAiGenerateCa: false,
        isExperimentProduct: false
};

    document.addEventListener('DOMContentLoaded', function(){
        i18next.changeLanguage(shop.global.lang, function(){});
    });
    // 디바이스 값 추출
    function getDvceVal(dvceCode) {
        let retDvceVal = null;
        switch (dvceCode) {
            case '10':
                retDvceVal = 'pc';
                break;
            case '20':
                retDvceVal = 'mo';
                break;
            case '30':
                retDvceVal = 'app';
                break;
        }

        return retDvceVal;
    }

    <!-- GA 측정항목 -->
    window.clickAnalysisDataLayer.push({
        'dimension3': shop.global.dvceVal.toUpperCase(),
        'dimension4': shop.global.lang.toUpperCase(),
        'dimension10': shop.global.loginYn
    });

    //기존 cafe24 GA 디멘션 추가
    window.dataLayer.push({
        'dimension3': shop.global.dvceVal.toUpperCase(),
        'dimension4': shop.global.lang.toUpperCase(),
        'dimension10': shop.global.loginYn
    });

    window.ga4DataLayer.push({
        'dimension3': shop.global.dvceVal.toUpperCase(),
        'dimension4': shop.global.lang.toUpperCase(),
        'dimension10': shop.global.loginYn
    });

    window.orgFetch = window.fetch;

    if(shop.global.loginYn == 'true') {
        window.clickAnalysisDataLayer.push({
            'dimension2': '' ,
            'dimension5': '',
            'dimension6': '',
            'dimension7': '',
            'dimension8': '',
            'dimension9': ''
        });

        //기존 cafe24 GA 디멘션 추가
        window.dataLayer.push({
            'dimension2': '' ,
            'dimension5': '',
            'dimension6': '',
            'dimension7': '',
            'dimension8': '',
            'dimension9': ''
        });

        window.ga4DataLayer.push({
            'dimension2': '' ,
            'dimension5': '',
            'dimension6': '',
            'dimension7': '',
            'dimension8': '',
            'dimension9': ''
        });
    }
    

    document.addEventListener('DOMContentLoaded', function(){
        console.log('DOMContentLoaded')
        //이전 앱 agent확인
        if(navigator.userAgent.toLowerCase().indexOf('cafe24plus') > -1 && window.location.pathname.indexOf('/app/download') < 0){
            alert('App needs to be updated');
            location.href="/app/download";
        }
        
        //meta title
        if(!shop.util.isEmpty($('#titleContents').val())){
            shop.setBrowserTitle($("#titleContents").val());				
        }
        //meta description  
        if(!shop.util.isEmpty($("#descContents").val())){
            shop.setMetaDescription($("#descContents").val(), $("#titleContents").val());
        }

        //페이지 타이틀 처리(탭 타이틀)
        if(!shop.util.isEmpty($("#_mbPageTitleName").val())){
            //모바일 페이지 타이틀
            //$(".navbar .container .page-tit").html($("#_mbPageTitleName").val());
            $(".mo-only .navbar-top .logo a span").html($("#_mbPageTitleName").val()); 
            //PC 페이지 타이틀(모바일 타이틀과 동일하게 설정)
            //if(shop.util.isEmpty($("#titleContents").val())){ // 전시페이지에서 설정한 metaTitle이 있는 경우  타이틀 별도 처리
            //	shop.setBrowserTitle(($("#_mbPageTitleName").val()) + " | OLIVE YOUNG Global");					
            //} else {
            
                //#5965 전시페이지에서 설정한 metaTitle, 직접 정한 title이 없는 경우 기본 타이틀 적용
                window.clickAnalysisDataLayer.push({
                    'dimension18': localStorage.getItem('prevTitle')
                });

                //기존 cafe24 GA 디멘션 추가
                window.dataLayer.push({
                    'dimension18': localStorage.getItem('prevTitle')
                });

                window.ga4DataLayer.push({
                    'dimension18': localStorage.getItem('prevTitle')
                });
                localStorage.setItem('prevTitle', $("#titleContents").val());
            //}
        }
        
        //meta description  
        if(!shop.util.isEmpty($("#descContents").val())){
            shop.setMetaDescription($("#descContents").val(), $("#titleContents").val());
        }

        // 언어, 결제통화, 배송지 선택 (국가별 통화선택추가) - jdseong
        $("#curSave").off().on('click',function(){
            console.log("curSave");
            let currency = $("#sel_headCurrency span").data("codeDtlNo");
            let dlvCntry = $("#sel_headDlvCntry span").data("codeDtlNo");
            let nationFlagImagePath = $("#sel_headDlvCntry span").data("nationFlagImagePath");

            //let acesCntry = $('input[name=sel_cntry]:checked').val();
            //let lang = acesCntry == '110' ? 'jp' : 'en';
            let curLang = currency == 'JPY' ? 'jp' : 'en';
            let acesCntry = '00';
            let lang = $('input[name=sel_language]:checked').val();
            let optionInfo = {
                currency : currency, <!-- 통화구분코드 추가 - jdseong -->
                curLang : curLang, <!-- 기존 curLang -> lang으로 수정 - jdseong -->
                lang : lang,
                dlvCntry : dlvCntry,
                acesCntry : acesCntry,
                //flagPath : nationFlagImagePath,
                mrgnCntry : null,
                isConfirmed : true <!-- 알림창 띄움 여부 (true : 띄움, false : 띄우지 않음) - hjkwon0814 -->
            };

            const changedDlvCntryName = [
                
                    {
                        codeDtlNo: '10',
                        codeDtlName: 'U.S.A'
                    },
                    {
                        codeDtlNo: '110',
                        codeDtlName: 'JAPAN'
                    },
                    {
                        codeDtlNo: '170',
                        codeDtlName: 'UNITED KINGDOM'
                    },
                    {
                        codeDtlNo: '340',
                        codeDtlName: 'AMERICAN SAMOA'
                    },
                    {
                        codeDtlNo: '30',
                        codeDtlName: 'AUSTRALIA (Oceania)'
                    },
                    {
                        codeDtlNo: '350',
                        codeDtlName: 'AUSTRIA (Europe)'
                    },
                    {
                        codeDtlNo: '440',
                        codeDtlName: 'BAHRAIN'
                    },
                    {
                        codeDtlNo: '410',
                        codeDtlName: 'BELGIUM'
                    },
                    {
                        codeDtlNo: '490',
                        codeDtlName: 'BOLIVIA'
                    },
                    {
                        codeDtlNo: '430',
                        codeDtlName: 'BULGARIA'
                    },
                    {
                        codeDtlNo: '1180',
                        codeDtlName: 'CAMBODIA'
                    },
                    {
                        codeDtlNo: '20',
                        codeDtlName: 'CANADA'
                    },
                    {
                        codeDtlNo: '610',
                        codeDtlName: 'CHILE'
                    },
                    {
                        codeDtlNo: '60',
                        codeDtlName: 'MAINLAND, CHINA'
                    },
                    {
                        codeDtlNo: '630',
                        codeDtlName: 'COLOMBIA'
                    },
                    {
                        codeDtlNo: '670',
                        codeDtlName: 'CYPRUS'
                    },
                    {
                        codeDtlNo: '680',
                        codeDtlName: 'CZECH REPUBLIC'
                    },
                    {
                        codeDtlNo: '700',
                        codeDtlName: 'DENMARK'
                    },
                    {
                        codeDtlNo: '790',
                        codeDtlName: 'FINLAND'
                    },
                    {
                        codeDtlNo: '80',
                        codeDtlName: 'FRANCE'
                    },
                    {
                        codeDtlNo: '90',
                        codeDtlName: 'GERMANY'
                    },
                    {
                        codeDtlNo: '960',
                        codeDtlName: 'GREECE'
                    },
                    {
                        codeDtlNo: '980',
                        codeDtlName: 'GUAM'
                    },
                    {
                        codeDtlNo: '880',
                        codeDtlName: 'GUERNSEY'
                    },
                    {
                        codeDtlNo: '70',
                        codeDtlName: 'HONG KONG SAR, CHINA'
                    },
                    {
                        codeDtlNo: '1040',
                        codeDtlName: 'HUNGARY'
                    },
                    {
                        codeDtlNo: '1110',
                        codeDtlName: 'ICELAND'
                    },
                    {
                        codeDtlNo: '100',
                        codeDtlName: 'INDONESIA'
                    },
                    {
                        codeDtlNo: '1060',
                        codeDtlName: 'IRELAND'
                    },
                    {
                        codeDtlNo: '1070',
                        codeDtlName: 'ISRAEL'
                    },
                    {
                        codeDtlNo: '1120',
                        codeDtlName: 'ITALY'
                    },
                    {
                        codeDtlNo: '230',
                        codeDtlName: 'KAZAKHSTAN'
                    },
                    {
                        codeDtlNo: '1230',
                        codeDtlName: 'KOREA, REPUBLIC OF (SOUTH K.)'
                    },
                    {
                        codeDtlNo: '120',
                        codeDtlName: 'LUXEMBOURG'
                    },
                    {
                        codeDtlNo: '1470',
                        codeDtlName: 'MACAU SAR, CHINA'
                    },
                    {
                        codeDtlNo: '150',
                        codeDtlName: 'MALAYSIA'
                    },
                    {
                        codeDtlNo: '190',
                        codeDtlName: 'MEXICO'
                    },
                    {
                        codeDtlNo: '1460',
                        codeDtlName: 'MONGOLIA'
                    },
                    {
                        codeDtlNo: '180',
                        codeDtlName: 'NETHERLANDS'
                    },
                    {
                        codeDtlNo: '40',
                        codeDtlName: 'NEW ZEALAND'
                    },
                    {
                        codeDtlNo: '1620',
                        codeDtlName: 'NORWAY'
                    },
                    {
                        codeDtlNo: '1660',
                        codeDtlName: 'OMAN'
                    },
                    {
                        codeDtlNo: '1710',
                        codeDtlName: 'PHILIPPINES'
                    },
                    {
                        codeDtlNo: '1730',
                        codeDtlName: 'POLAND'
                    },
                    {
                        codeDtlNo: '1750',
                        codeDtlName: 'PORTUGAL'
                    },
                    {
                        codeDtlNo: '1740',
                        codeDtlName: 'PUERTO RICO'
                    },
                    {
                        codeDtlNo: '240',
                        codeDtlName: 'QATAR'
                    },
                    {
                        codeDtlNo: '1790',
                        codeDtlName: 'ROMANIA'
                    },
                    {
                        codeDtlNo: '1820',
                        codeDtlName: 'SAUDI ARABIA'
                    },
                    {
                        codeDtlNo: '50',
                        codeDtlName: 'SINGAPORE'
                    },
                    {
                        codeDtlNo: '1880',
                        codeDtlName: 'SLOVENIA'
                    },
                    {
                        codeDtlNo: '1310',
                        codeDtlName: 'SRI LANKA'
                    },
                    {
                        codeDtlNo: '1860',
                        codeDtlName: 'SWEDEN'
                    },
                    {
                        codeDtlNo: '200',
                        codeDtlName: 'SWITZERLAND'
                    },
                    {
                        codeDtlNo: '160',
                        codeDtlName: 'TAIWAN Region'
                    },
                    {
                        codeDtlNo: '2100',
                        codeDtlName: 'TANZANIA'
                    },
                    {
                        codeDtlNo: '140',
                        codeDtlName: 'THAILAND'
                    },
                    {
                        codeDtlNo: '220',
                        codeDtlName: 'UNITED ARAB EMIRATES'
                    },
                    {
                        codeDtlNo: '2130',
                        codeDtlName: 'URUGUAY'
                    },
                    {
                        codeDtlNo: '2170',
                        codeDtlName: 'VENEZUELA'
                    },
                    {
                        codeDtlNo: '2200',
                        codeDtlName: 'VIETNAM'
                    },
                    {
                        codeDtlNo: '2190',
                        codeDtlName: 'VIRGIN ISLANDS (US)'
                    },
                    {
                        codeDtlNo: '2350',
                        codeDtlName: 'NORTHERN MARIANA ISLANDS(SAIPAN)'
                    }
            ].find(item => item.codeDtlNo === dlvCntry.toString()).codeDtlName;

            shop.setInfoSelect(optionInfo, changedDlvCntryName);
        });

        // 언어선택창 open시 저장되어있는 언어선택
        $('.btn.btn-language.arrow-none, .btn.btn-lang').off().on('click',function(){

            var dlvCntry = shop.cookie.get('dlvCntry');
                
            if(shop.util.isEmpty(dlvCntry)){
                dlvCntry = "10";
            }
                                
            /*$('input:radio[name ="sel_language"]:input[value='+shop.global.lang+']').prop("checked",true);*/
            $('input:radio[name ="sel_cntry"]:input[value='+shop.global.acesCntry+']').prop("checked",true);
            /*$('input:radio[name ="sel_currency"]:input[value='+shop.global.curLang+']').prop("checked",true); - jdseong 주석 */
            $("#headDlvCntry").val(dlvCntry);
                            
        });
/*
        // 2022-08-02 : 2023-08-02 제거...그전에 하길..
        if('' == shop.cookie.get('checkCookie2') || null == shop.cookie.get('checkCookie2')) {
            var cookieInfo = document.cookie.split(';');
            for (var i=0; i < cookieInfo.length; i++) {
                //window.shop.cookie.remove(cookieInfo[i].substr(cookieInfo[i], cookieInfo[i].indexOf('=')).trim(),-1);
                document.cookie = cookieInfo[i].trim()+';'+' expires=Thu, 01 Jan 1999 00:00:10 GMT; domain='+location.host+'; path=/'; // 쿠키 삭제
            }
            var option2 = {
                key : 'checkCookie2',
                value: 'global',
                expireType : 'D',
                expire : 1
            }
            shop.cookie.add(option2);

            if(shop.cookie.get('checkCookie')) { // 기존 checkcookie가 있으면 1D로 변경
                // 기존 체크 쿠키 1D로 변경하기 위해 남겨둠. 추후 제거 필요..
                var option1 = {
                    key : 'checkCookie',
                    value: 'global',
                    expireType : 'D',
                    expire : 1
                }
                shop.cookie.add(option1);
            }
        }

        // acesCntry 쿠키가 없고 lang Code만 존재할 때
        if((('' == shop.cookie.get('acesCntry') || null == shop.cookie.get('acesCntry')))) {
            //var bLang = navigator.language == "ja" ? "jp" : shop.global.lang;
            //var bLang = acesCntry == "110" ? "jp" : 'en';
            //var bLang = 'en';
            var bLang = shop.global.lang;
            var option1 = {
                key : 'lang',
                value: bLang,
                expireType : 'D',
                expire : 1
            }
            shop.cookie.add(option1);
            var option2 = {
                key : 'acesCntry',
                value: acesCntry,
                expireType : 'D',
                expire : 1
            }
            shop.cookie.add(option2);
//   					if (acesCntry != "00") {
//						location.href="/";
//					}
        }

        // 메인에서 언어 쿠키 없을시 쿠키생성 후 메인 리다이렉트 - bo 미리보기시 제외
        if(shop.util.getParameterByName("previewDate") == "" && (null == shop.cookie.get('lang') || window.location.href.indexOf('lang') > -1)){
            //var bLang = acesCntry == "110" ? "jp" : 'en';
            //var bLang = 'en';
            var bLang = shop.global.lang;
            var option1 = {
                    key : 'lang',
                    value: bLang,
                    expireType : 'D',
                    expire : 1
            }
            shop.cookie.add(option1);
            var option2 = {
                key : 'acesCntry',
                value: acesCntry,
                expireType : 'D',
                expire : 1
            }
            shop.cookie.add(option2);
            if (window.location.href.indexOf('accParam') < 0) {
                // lang parameter 포함 접근 시 curLang 이 변경되는 버그 회피
                var option3 = {
                    key : 'curLang',
                    value: shop.global.curLang,
                    expireType : 'D',
                    expire : 1
                }
                shop.cookie.add(option3);
            }
            //location.href="/";
        }
        // 메인에서 언어 expire 쿠키 없으면 언어 쿠키 하루로 재셋팅 후 언어 expire 쿠키 추가
        if((null == shop.cookie.get('lang_exp') || window.location.href.indexOf('lang_exp') > -1)) {
            document.cookie = "lang=; expires=Thu, 01 Jan 1999 00:00:10 GMT;";
            //var bLang = navigator.language == "ja" ? "jp" : shop.global.lang;
            //var bLang = acesCntry == "110" ? "jp" : 'en';
            //var bLang = 'en';
            var bLang = shop.global.lang;
            var option1 = {
                    key : 'lang',
                    value: bLang,
                    expireType : 'D',
                    expire : 1
            }
            shop.cookie.add(option1);
            var option2 = {
                    key : 'lang_exp',
                    value: '',
                    expireType : 'D',
                    expire : 365
            }
            shop.cookie.add(option2);
            var option3 = {
                    key : 'curLang',
                    value: shop.global.curLang,
                    expireType : 'D',
                    expire : 365
            }
            shop.cookie.add(option3);
            var option4 = {
                key : 'acesCntry',
                value: acesCntry,
                expireType : 'D',
                expire : 1
            }
            shop.cookie.add(option4);

            //location.href="/";
        }
        // 메인에서 언어 expire 쿠키 없으면 언어 쿠키 하루로 재셋팅 후 언어 expire 쿠키 추가
        if((null == shop.cookie.get('lang_exp') || window.location.href.indexOf('lang_exp') > -1)) {
            document.cookie = "lang=; expires=Thu, 01 Jan 1999 00:00:10 GMT;";
            //var bLang = navigator.language == "ja" ? "jp" : shop.global.lang;
            var bLang = shop.global.lang;
            var option1 = {
                    key : 'lang',
                    value: bLang,
                    expireType : 'D',
                    expire : 1
            }
            shop.cookie.add(option1);
            var option2 = {
                    key : 'lang_exp',
                    value: '',
                    expireType : 'D',
                    expire : 365
            }
            shop.cookie.add(option2);
            var option3 = {
                    key : 'curLang',
                    value: shop.global.curLang,
                    expireType : 'D',
                    expire : 365
            }
            shop.cookie.add(option3);

            //location.href="/";
        }
*/
        //앱 설정 버튼
        /*
        $('.wrap-nav .btn-setup').off().on('click',function(){
            shop.appConfigCall();
        });
        */
        $('.wrap-layer-sidemenu .btn-setting').off().on('click',function(){
            shop.appConfigCall();
        });

        /*
        $(".navbar .logo a").off().on('click',function(){
            if("none" != $(this).css("background-image")){
                location.href="/";
            }
        });
        */

        $(".mo-only .logo a").off().on('click', function(e){
            if("none" == $(this).css("background-image")){
                e.preventDefault();
            }
        });
        

        //페이지 타이틀 없을시 기본타이틀 넣어줌(접근성)
        //미리넣어두면 페이지 이동할때마다 OLIVE YOUNG 타이틀이 먼저 노출되서 후 처리로 바꿈.
        if($('.navbar .logo a span').html() ==""){
            $('.navbar .logo a span').html('OLIVE YOUNG');
        }

        //$("html").attr('lang', shop.global.lang);

        // 모달 쿠키여부
        var cookieYn = shop.cookie.get("bioLoginModal");
        // 앱버전 쿠키
        var appVersion = shop.cookie.get("appVersion");
        // 바이오 지원여부(안드로이드만)
        var biometricAuth = shop.cookie.get("biometricAuth");

        if(shop.global.loginYn == 'true' && shop.global.isApp && cookieYn == 'Y' && !shop.util.isEmpty(appVersion) && biometricAuth != '0') {
            if(window.location.href.indexOf('change-routine-password') == -1){
                $('#modalBioPopup01').modal('show');
            }
        }
        
        $(".bioModalN").off().on('click',function(){

            shop.cookie.remove("bioLoginModal");
            var option = {
                    key : "bioLoginModal",
                    value: 'N',
                    expireType : 'D',
                    expire : 90
                }
            shop.cookie.add(option);
        });
        
        $("#bioModalY").off().on('click',function(){
            //바이오인증 쿠키값저장
            shop.cookie.remove("bioLoginModal");
            var cookieYn = shop.cookie.get("appFirstLogin");
            if (shop.util.isEmpty(cookieYn)) {
                var option = {
                        key : "appFirstLogin",
                        value: 'Y',
                        expireType : 'D',
                        expire : 365
                    }
                    shop.cookie.add(option);
            }
            shop.appBioUseSave();
        });

        //바이오 인증 모달 E
    
        // 국기 이미지 설정
        //var nationFlagImagePath = $("#sel_headDlvCntry .inner span").data().nationFlagImagePath;
        if (nationFlagImagePath != '') {
            $(".navbar.type03 .btn-lang, .navbar.type-aff .btn-lang").addClass('nationFlagPc');
            $(".navi-item.lang").addClass('nationFlagMo');
            $('<style>.navbar .container .pc-only .navbar-top .group .btn-group.nav-util .btn.btn-lang.nationFlagPc:before{ background: url(\''+'https://cdn-image.oliveyoung.com/'+ nationFlagImagePath + '?SF=webp&QT=80' + '\') no-repeat; background-size: 28px;}</style>').appendTo('head');
            $('<style>.wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item.lang.nationFlagMo .navi-box:before{ background-image: url(\''+'https://cdn-image.oliveyoung.com/'+ nationFlagImagePath + '?SF=webp&QT=80' + '\');}</style>').appendTo('head');
            $('<style>@media (max-width: 1199px) { .wrap-layer-sidemenu .basic-menu-wrap .util-area .util-navi-list .navi-item.lang .navi-box::before { background-image: url(\''+'https://cdn-image.oliveyoung.com/'+ nationFlagImagePath + '?SF=webp&QT=80' + '\') } } </style>').appendTo('head');
        } else {
            $(".navbar.type03 .btn-lang, .navbar.type-aff .btn-lang").removeClass('nationFlagPc');
            $(".navi-item.lang .navi-box").removeClass('nationFlagMo');
        }
    });
// 			window.shop.getPopup(); // 작성되지 않은 스크립트 에러.. 주석처리 합니다.

</script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/search.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/display/shop.search.js"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
	// 작성 가능 리뷰 수 가져오기
	if(shop.global.loginYn == 'true'){
		if(sessionStorage.getItem('reviewWritableCount') == undefined || sessionStorage.getItem("review_rw") == 'Y'){
			shop.getReviewWritableCount();
			sessionStorage.removeItem('review_rw');
		}
	}else{
		sessionStorage.removeItem('reviewWritableCount');	
	}
	
	if(sessionStorage.getItem('reviewWritableCount') > 0){
		$('.icon-new-renew').removeClass("hidden");
	}else{
		$('.icon-new-renew').addClass("hidden");
	}
	
	if(shop.global.dvceCode == '20'){
		var userAgent = navigator.userAgent.toLowerCase();
		if(userAgent.match(/android/)){
			$("#appDownload").attr('href' ,'https://play.google.com/store/apps/details?id=com.cafe24.ec.pluseoliveyoung')
			
		}else if(userAgent.match(/iphone|ipad|ipod/)){
			$("#appDownload").attr('href' ,'https://apps.apple.com/app/id1466755724')
		}
	}


	$("#goJoin").off('click').on('click', function () {
		location.href = '/member/join';
	});

	//회원가입, 비밀번호 찾기 등에서 로그인 시 메인으로 이동
	$("#goLoginBtn, #goLoginBtnMo").off('click').on('click', function () {
		var url = "/member/login?prePage=";
		if(window.location.pathname.indexOf("/member") > -1) {
			location.href = url;
		} else if (window.location.pathname.indexOf("/order") > -1) {
			location.href = url + "/cart/cart-list";
		} else {
			location.href = url + window.location.pathname + window.location.search;
		}
	});

	//회원가입, 비밀번호 찾기 등에서 로그인 시 메인으로 이동
	$("#goLoginMoBtn").off('click').on('click', function () {
		var url = "/member/login?prePage=";
		if(window.location.pathname.indexOf("/member") > -1) {
			location.href = url;
		} else if (window.location.pathname.indexOf("/order") > -1) {
			location.href = url + "/cart/cart-list";
		} else {
			location.href = url + window.location.pathname + window.location.search;
		}
	});

	function btnDropdownModal() {

		var dlvCntry = shop.cookie.get('dlvCntry');
		if(shop.util.isEmpty(dlvCntry)){
			dlvCntry = "10";
		}
		$('input:radio[name ="sel_cntry"]:input[value='+shop.global.acesCntry+']').prop("checked",true);
		$('input:radio[name ="sel_currency"]:input[value='+shop.global.curLang+']').prop("checked",true);
		$("#headDlvCntry").val(dlvCntry);
		
        //$('.nav-toggle').dropdown('toggle');
        $('.wrap-layer-sidemenu .btn-layer-close').trigger("click");
        setTimeout(function () {
          $('#languageOption01').modal("show");
          shop.openPopupLayer('deliveryCountrySelectPopup');
        }, 500);
        
     };

	document.querySelector('#btnDropdownModal').addEventListener('click', btnDropdownModal);

     $(function(){

		 // GA4 맞춤형 이벤트(공통)
		 $(document).on('click', 'div, input', function() {
			 if($(this).attr('data-attr') != undefined) {
				 var dataAttrStr = $(this).attr('data-attr');
				 var splArray = dataAttrStr.split('^');
				 var parameterVal = "";

				 for(var i = 2; i < splArray.length; i++) {
					 if(i != splArray.length - 1) {
						 parameterVal += splArray[i] + '^';
					 } else {
						 parameterVal += splArray[i];
					 }
				 }

				 if(splArray[1] == undefined){
					 window.ga4DataLayer = window.ga4DataLayer || [];
					 ga4DataLayer.push({
						 event : dataAttrStr
					 });
				 } else if(splArray[1] == 'productID') {
					 window.ga4DataLayer = window.ga4DataLayer || [];
					 ga4DataLayer.push({
						 event: splArray[0],
						 productID: parameterVal
					 });
				 }
			 }
		 });

     });
});
</script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.headerEvent.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.brandCornerEvent.js"></script><!-- [S] footer -->
    <!-- Datadog Real User Monitoring Scroipt -->
<script>
 (function(h,o,u,n,d) {
   h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}
   d=o.createElement(u);d.async=1;d.src=n
   n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n)
})(window,document,'script','https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js','DD_RUM')
  window.DD_RUM.onReady(function() {
    window.DD_RUM.init({
      clientToken: 'pub0c2b7f974369a6471d9fd80fc98391a1',
      applicationId: 'fd9cf6cb-6f2e-4131-a8f5-a8a00a2f0243',
      site: 'datadoghq.com',
      env:'prd',
      sessionSampleRate: Number('5') ?? 5,
      sessionReplaySampleRate: Number('1') ?? 5,
      service: 'oyglobal-prd',
      trackResources: true,
      trackLongTasks: true,
      trackUserInteractions: true,
      enablePrivacyForActionName: true,
      allowedTracingUrls:[/http:\/\/.*\.globaloliveyoungshop\.com/, /https:\/\/.*\.globaloliveyoungshop\.com/, /https:\/\/.*\.oliveyoung\.com/],
    })
    if('legacy'.indexOf('prod') > -1){
      window.console.error = function(){};
      window.console.warn = function(){};
      window.console.log = function(){};
    }
  })
</script>
<!-- End Datadog Real User Monitoring Scroipt -->

<!-- Google Tag Manager (noscript) [GTM_MARKETING_CAFE24_ID] -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PZ95XC9"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) [GTM_MARKETING_CAFE24_ID] -->
<!-- Google Tag Manager (noscript) [GTM_CLICK_ANALYSIS_ID] -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KLPJ3N8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) [GTM_CLICK_ANALYSIS_ID] -->
<!-- Google Tag Manager (noscript) [GTM_GA4_ID] -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7GHQ4W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Google Tag Manager (noscript) [GTM_GA4_CAFE24_ID] -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2J84NJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) [GTM_GA4_CAFE24_ID] -->
<footer class="footer" data-testid="footer">
	<div class="container" data-testid="footer-container">
	   	<!-- footer-list -->
	    <div class="footer-list clearfix panel-group" role="tablist" aria-multiselectable="true" id="accordionFooter">
		<div id="footer-root" data-cdn="https://static.globaloliveyoungshop.com/fo" data-lang="en" data-v="202509020014"></div>
			</div>
	    <!-- footer-list -->
	    <!-- //btn-group -->
	    <div id="footer-bottom-list">
	    	<div id="footer-bottom-list-left">
				<p class="list-footer-corporation-item bold">CJ OLIVE YOUNG Corporation<!-- CJ Olive Young Corporation --></p>
				<ul class="list-footer-corporation">
				  <li class="list-footer-corporation-item">CEO: SUN JUNG LEE  Business Registration No.: 809-81-01574<!-- CEO: Chang-gun Koo   Business Registration No.: 809-81-01574 --></li>
				  <li class="list-footer-corporation-item">Address: 24th Floor, 372, Hangang-daero, Yongsan-gu, Seoul, 04323, Republic of Korea<!-- Address: 6th Floor, 366, Hangang-daero, Yongsan-gu, Seoul, 04323, Republic of Korea --></li>
				  <li class="list-footer-corporation-item">E-commerce Permit: 2019-Seoul-Yongsan-1428<!-- E-commerce Permit: 2017-Seoul-Yongsan-0451 --></li>
				  <li class="list-footer-corporation-item"><a href="http://www.ftc.go.kr/bizCommPop.do?wrkr_no=8098101574" class="underline" target="_blank">Click here for business information<!-- Click here for business information --></a>&nbsp;&nbsp;&nbsp;</li>
				</ul>
			</div>
			<!-- btn-group -->

			<div id="footer-bottom-list-right">
				<div class="footer-sns-group" role="group">
				   <a href="https://www.facebook.com/Olive-Young-Global-423639434879237 " data-testid="footer-facebook-button" class="btn btn-facebook" role="button" target="_blank"><span class="sr-only">facebook</span></a>
				   <a href="https://www.instagram.com/oliveyoung_global/" data-testid="footer-instagram-button" class="btn btn-instagram" role="button" target="_blank"><span class="sr-only">instagram</span></a>
				  </div>

				<div class="footer-payment-delivery">
				  <ul>
					<li>
					  <strong class="title-area">Payment Method</strong>
					  <div class="logo-area payment-images" data-testid="footer-card-company-list">
						<ul class="card-company-list">
						  <li class="paypal">PayPal</li>
						  <li class="visa">VISA</li>
						  <li class="master">MASTER CARD</li>
						  <li class="american">AMERICAN EXPRESS</li>
						  <li class="dci">Diners Club International</li>
						  <li class="discover">DISCOVER</li>
						  <li class="jcb">JCB</li>
						  <li class="union">UNION PAY</li>
						  <li class="applepay">APPLE PAY</li>
						  <li class="alipay">ALIPAY</li>
						</ul>
					  </div>
					</li>
					<li>
					  <strong class="title-area">Delivery Method</strong>
					  <div class="logo-area delivery-images" data-testid="footer-delivery-company-list">
						<ul class="card-company-list">
						  <li class="dhl">DHL</li>
						  <li class="ems">EMS</li>
						  <li class="lx-pantos">LX Pantos</li>
						  <li class="fedex" style="display:none">Fedex</li>
						</ul>
					  </div>
					</li>
				  </ul>
				</div>
			</div>
        </div>
	</div>
</footer>
<div class="dim"></div>

<!-- [S] Add to wish list -->
<!-- ADD TO WISH LIST -->
    <!-- zzim on -->
    <div class="layer-alim zzim-on" style="display: none;">
      <span class="icon"></span>
	  <p class="one"><strong> Add to <br> Wish List</strong></p>
    </div>
    <!-- //zzim on -->
    <!-- zzim off -->
    <div class="layer-alim zzim-off" style="display: none;">
      <span class="icon"></span>
      <p class="one"><strong> Add to <br> Wish List</strong></p>
    </div>
    <!-- //zzim off -->
    <!-- //ADD TO WISH LIST -->
<!-- [E] Add to wish list -->
<!-- [S] Add to bag -->
<!-- add to bag on -->
    <div class="layer-alim addToBag-on" style="display: none;">
    <span class="icon"></span>
    <p class="one"><strong>Add to Cart</strong></p>
    </div>
    <!-- //add to bag on -->
<!-- [E] Add to bag -->

<!-- [S] 최근본상품 레이어 -->
<!-- recentlyViewed Modal -->
    <div class="modal fade full-size-popup hide-footer" id="recentlyViewed" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-elg type-viewed">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span class="sr-only">Close</span></button>
            <h4 class="modal-title">Recently Viewed</h4>
          </div>
          <!-- modal-body -->
          <div class="modal-body">
            <div class="modal-contents">
              <!-- [S] recently viewed -->
              <div class="wrap-recently-viewed">
                <!-- [S] help recently viewed -->
                <div class="help-recently">
                  <span class="pull-left">Recently viewed products will be kept for up to 30 days. </span>
                  <span class="pull-right"><button class="btn btn-txt-gray trash" type="button">Remove all item(s)</button></span>
                </div>
                <!-- [E] help recently viewed -->
                <!-- [S] pc 4열, mobile 2열 plan section -->
                <div class="plan-section">
	                <div class="product-unit-wrap">
	                  <!-- [S] prd unit list -->
	                  <ul class="unit-list" id="recentlyViewedProduct">
	                 	
	                  </ul>
	                  <!-- [E] prd unit list -->
	                </div>
                </div>
                <!-- wrap-empty -->
                <div class="wrap-empty hidden">
                	<p class="empty-msg">No product you have seen recently.</p>
                </div>
			    <!-- //wrap-empty -->
                <!-- [E] pc 4열, mobile 2열 plan section -->
              </div>
              <!-- [E] recently viewed -->
              <!-- wrap-pagination -->
              <div class="wrap-pagination" id="recent-view-pagination">
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- //recentlyViewed Modal --><!-- [E] 최근본상품 레이어 -->

<!-- [S] HOTLINE 이동팝업  -->
<div class="modal fade" id="hotlineNotice" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-lg popup-sm">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span class="sr-only">close popup</span></button>
            <h4 class="modal-title">Hotline</h4>
          </div>
          <div class="modal-body">
            <div class="modal-contents">
              <div class="item-more-noti-wrap first-child">
                <p>Notice</p>
                <ul>
                  <li>Our hotline system is designed to help both our employees and outside stakeholders report any wrongdoing in the most trustworthy manner.</li>
                  <li>If you want to talk to customer service center, please click the button below.</li>
                </ul>
              </div>
              <a class="btn-more02" href="https://ethics.cj.net/whistles/information" target="_blank">HOT LINE (For employees and outside stakeholders)</a>
            </div>
          </div>
          <div class="modal-footer wrap-page-btn">
            <a href="/board/faq" class="btn btn-pink btn-xs">Customer Service</a>
          </div>
        </div>
      </div>
    </div><!-- [E] HOTLINE 이동팝업  -->

<!-- [S] 처음랜딩 팝업 -->
<!--  팝업 layer  -->
<div class="dim"></div>
<div class="modal layer-popup-basicwrap" id="firstLenderPop" tabindex="-1" aria-hidden="true">
  <div class="layer-popup-basic type-newmember">

  </div>
</div><!-- [E] 처음랜딩 팝업 -->

<script type="text/javascript">
</script><!-- [S] 쿠키수집동의 레이어 -->
<div class="modal fade" id="useCookieModal" tabindex="-1" aria-hidden="true" style="display: none;">
  <div class="modal-dialog jp-cookie">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" id="cookiePopupClose" class="close" data-dismiss="modal"><span class="sr-only">close popup</span></button>
        <h4 class="modal-title">We use cookies to deliver the best experience. By using our site, you agree to our cookie policy.</h4>
      </div>
      <!-- modal-body -->
      <div class="modal-body">
        <div class="modal-contents">
          <div class="modal-cont-box">
            Terms and Conditions
          </div>
        </div>
      </div>
      <!-- modal-body -->
      <div class="modal-footer wrap-page-btn">
        <a href="/foot-info/footer-contents?foterMenuSeq=16#part8" class="btn btn-line-pink btn-line-black btn-xs">Find out more here</a>
        <a href="javascript:void(0)" id="ucmDayClose" class="jp-alink">Don’t open this window</a>
      </div>
    </div>
  </div>
</div>

<div class="modal fade cookie-popup in" id="useEuCookieModal" tabindex="-1" aria-hidden="false" style="display: none; padding-right: 17px;">
	<div class="modal-backdrop fade in" style="height: 754px;">
	</div>
    <div class="modal-dialog">
        <div class="modal-content">
					<!-- modal-header -->
            <div class="modal-header">
                <button type="button" id="cookiePopupClose" class="close" data-dismiss="modal"><span>close popup</span></button>
                <h4 class="modal-title">But First, Cookies!</h4><!-- 2023-07-14 대소문자 수정 -->
            </div>
             <!-- modal-body -->
            <div class="modal-body">
                <div class="modal-contents">
                     <p>We use cookies to deliver the best experience. By using our site, you agree to our cookie policy.</p>
                </div>
            </div>
            <!-- modal-body -->
            <div class="modal-footer">
			    <div>
		            <a href="/foot-info/footer-contents?foterMenuSeq=16#part8" id="linkToPolicy">Find Out More Here</a><!-- 2023-07-14 대소문자 수정 -->
				    <button id="ucmDayClose" type="button">Don’t Open This Window Today</button><!-- 2023-07-14 대소문자 수정 -->
			    </div>
			</div>
        </div>
    </div>
</div><!-- [E] 쿠키수집동의 레이어 -->

<!-- [S] 메인 시스템 팝업 -->
<div id="systemPopup" class="popup" role="dialog" aria-modal="true" aria-labelledby="popupTitle" aria-describedby="popupDescription" hidden>
    <div class="popup-content">
        <div class="swiper-container">
            <div class="swiper-wrapper">
               </div>
        </div>
        <div class="swiper-pagination" aria-label="system-popup-pagination"></div>
    </div>
</div>

<!-- [E] 메인 시스템 팝업 -->

<!-- [S] 공통 공유 팝업 레이어 -->
<!-- //SNS share Modal -->
	<div class="modal fade" id="cmmShareSNS" tabindex="-1" aria-hidden="false">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span class="sr-only">close popup</span></button>
            <h3 class="modal-title">Share</h3>
          </div>
          <!-- modal-body -->
          <div class="modal-body">
            <div class="modal-contents">
              <div class="alert-msg">
                <div class="btn-area btn-sns-share">
                  <a href="javascript:void(0);" class="btn btn-round-facebook type2" data-fnc="fb" data-fid="581565842633204" role="button">facebook</a>
                  <a href="javascript:void(0);" class="btn btn-round-tweeter type2" data-fnc="tw" role="button">tweeter</a>
                  </div>
                <div class="copy-url-area">
                  <input type="text" class="form-control" data-fnc="url" value="" readonly>
                  <button type="button" class="btn btn-black btn-exs btn-txt-copy" data-fnc="cp" >Copy</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
	<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.common.share.js"></script>
	<script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
		let param = {
				
		};
		shop.share.init(param);
	});
	</script>
<!-- [E] 공통 공유 팝업 레이어 -->

<!-- direct top -->
<div class="direct-top type02" data-attr="PD_directButton_click">
    <button class="btn btn-direct" type="button"><span class="pc-only">TOP</span></button>
</div>
<!-- //direct top -->

<!-- [S] dock bar-->
<!--Dock Bar -->
    <div class="dock-bar add-banner-type disabled">
      <div class="text-rolling-banner">
        <div class="rolling-banner">
          <div class="swiper-wrapper">
			<a href="/foot-info/footer-contents?foterMenuSeq=10" data-attr="HOME_FreeShippingGuide_click" class="banner-item swiper-slide"><span class="banner-icon"><img src="https://cdn-image.oliveyoung.com/display/1657/1cf44f5e-ad9e-4445-9437-7abb5518ad4d.png" alt="" /></span><span class="banner-text">Free shipping over US$60</span></a>
			   			<a href="/event/detail?eventNo=EV230100113" data-attr="HOME_AppDownload_click" class="banner-item swiper-slide"><span class="banner-icon"><img src="https://cdn-image.oliveyoung.com/display/1053/5050406c-0fdb-4518-9943-d1332a7fd25f.png" alt="" /></span><span class="banner-text">SAVE US$20 with OLIVE YOUNG APP !</span></a>
			   			</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
      	<ul class="bottom-navigation">
			<li><button type="button" class="btn dock-home-new "  data-attr="APP_Tabbar_Home" data-clicksource="home" data-idx="1" ><span class="txt-area">Home<!-- Home --></span></button></li>
				<li><button type="button" class="btn dock-category-new" data-attr="APP_Tabbar_Categories" data-clicksource="categories" data-idx="2"><span class="txt-area">Categories<!-- Category --></span></button></li>
				<li><button type="button" class="btn dock-brand-new  " data-attr="APP_Tabbar_Brand" data-clicksource="brands" data-idx="3"><span class="txt-area">Brands<!-- Brand --></span></button></li>
				<li><button type="button" class="btn dock-wishlist-new  " data-attr="APP_Tabbar_Wishlist" data-clicksource="wishlist" data-idx="4"><span class="txt-area">Wishlist<!-- Wishlist --></span></button></li>
				<li><button type="button" class="btn dock-my-new "  data-attr="APP_Tabbar_My" data-clicksource="my" data-idx="5"><span class="txt-area">Account<!-- My --></span></button></li>
			</ul>
    </div>
    <!-- //Dock Bar -->
	<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.dockbar.js"></script>    <!-- [E] dock bar-->
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/footerClientRender.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/common/shop.footer.js"></script>
<script>
    (async () => {
      const FEATURE_GATE_NAME = "fedex_shipment";
      const isFeatureOn = await optimize.checkGate(FEATURE_GATE_NAME);
  
      if (isFeatureOn) {
          document.querySelector("ul.card-company-list>li.fedex").style.display = 'block';
      }
    })();
</script><!-- [E] footer -->
	 <!-- [S] 상품상세 팝업 -->
	<!--  팝업 layer  -->
<div class="dim"></div>
<div class="modal layer-popup-basicwrap" id="notiPop" tabindex="-1" aria-hidden="true">
  <div class="layer-popup-basic type-newmember">

  </div>
</div>
<div id="please-write-review"></div><!-- [E] 상품상세 팝업  -->
	
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/vue.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/axios.min.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/lib/heic2any.min.js"></script>

<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/product/shop.product.detail.mixins.common.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/product/shop.product.detail.mixins.calculate.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/product/shop.product.detail.mixins.promotion.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/product/shop.product.detail.mixins.details.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/product/shop.product.detail.mixins.review.js"></script>
<script defer src="https://dist.oliveyoung.com/fo/5cb27dbb58/resources/js/biz/myaccount/shop.myaccount.review.write.js"></script>

<script type="text/javascript">
				function appDown(){
					var userAgent = navigator.userAgent;
			
					var iosDownUrl = "http://apps.apple.com/app/id1466755724";
					var aosDownUrl = "https://play.google.com/store/apps/details?id=com.cafe24.ec.pluseoliveyoung";
					var aosUrl = "intent://global.oliveyoung.com#Intent;scheme=oliveyoungl;package=com.cafe24.ec.pluseoliveyoung;end";
			
					if(userAgent.match(/iPhone|iPad|iPod/)){
			
						setTimeout(function(){
								location.href = iosDownUrl;
						},1500);
						
						location.href = "pluseoliveyoung://";    
						
					}else if(userAgent.match(/Windows/)){
						location.href = iosDownUrl;
					}
					
					if (userAgent.match(/Android/)) {
						location.href = aosUrl;
						
					}else if(userAgent.match(/Windows/)){
						location.href = aosDownUrl;
					}
				}
				function checkWebPSupport() {
				// WebP 이미지의 데이터 URI
				const img = new Image();
				img.src = "data:image/webp;base64,UklGRjwAAABXRUJQVlA4IDAAAADQAQCdASoBAAEAAUAmJaACdLoB+AADsAD+8ut//NgVzXPv9//S4P0uD9Lg/9KQAAA="; // 예제 WebP 이미지
			
					return new Promise((resolve) => {
						img.onload = () => resolve(true); // WebP 지원
						img.onerror = () => resolve(false); // WebP 미지원
					});
				}
			
				document.addEventListener('DOMContentLoaded', function(){
					var isVisible = false;
					var isApp = shop.global.isApp;
					
					var date = new Date();
					var year = date.getFullYear();
					var month = date.getMonth()+1
					var date = date.getDate()
					var dateString = year + "/" + month + "/" + date;
					var cookieVal = "";
			
					if(isApp){
						$(window).scroll(function(){
							if (checkVisible($('.footer'))&&!isVisible) {	
								if(isVisible == false){
									//데일리미션 쿠키 저장  
									var cookieNm = "dailyMissionCnt" + dateString;
									if(shop.global.loginYn == "true"){
					
										if(!shop.cookie.get(cookieNm)){
										
											var cookieParam = {
													key : cookieNm,
													value : 1,
													expireType : 'D',
													expire : 1
											}
											shop.cookie.add(cookieParam);
										}else{
											cookieVal = shop.cookie.get(cookieNm);
											
											var cookieParam = {
													key : cookieNm,
													value : Number(cookieVal)+1,
													expireType : 'D',
													expire : 1
											}
											
											shop.cookie.add(cookieParam);
					
											if(cookieVal == 2){
												param = {
													msnGroupNo : "D2" ,
													msnSeq : "2"
												};
												
												$.ajax({
													method : "post"
													, url : "/benefitDaily/add"
													, data : param
												}).done(function(data) {
					
													
													var msnStep = data.msnStep;
													var msnGrpTwo = data.msnGrpTwoInfo;
													var login = shop.global.loginYn;
													var msnThrPoint = data.msnList[2].issuPoint;
			
													var cookieStepNm = "inAppStep2Msg" + dateString;
														if(!shop.cookie.get(cookieStepNm)){
															if(msnStep && login == "true"){
																setTimeout(function(){
																	appDownActiveFn.inAppMsg("#inAppMsg1",{
																		msg:shop.getMsgValue("ev_msg_00007"),
																	});
																}, 500)
			
																var coocieParam = {
																		key : cookieStepNm,
																		value : 1,
																		expireType : 'D',
																		expire : 1
																}
																
																shop.cookie.add(coocieParam);
															}
														}
													
													var cookieStepAllNm = "inAppStepAllMsg" + dateString;
													if(!shop.cookie.get(cookieStepAllNm)){
														if(msnGrpTwo && login == "true"){
															setTimeout(function(){
																appDownActiveFn.inAppMsg("#inAppMsg2",{
																	msg:shop.getMsgValue("ev_msg_00004", {point : msnThrPoint}),
																});
															}, 500)
			
															var cookieParam = {
																	key : cookieStepAllNm,
																	value : 1,
																	expireType : 'D',
																	expire : 1
															}
															
															shop.cookie.add(cookieParam);
			
														}
			
													}
					
												}).fail(function(e) {
													console.log("fail:"+e);
												});
											}
											
										}
					
										isVisible = true;
										
									}
									
								}
									
							}
						});
			
					}
			
					var cookieName = "pageMoveCnt" + dateString;
			
					if(shop.global.loginYn === "true") {
						if(!shop.cookie.get(cookieName)) {
							$.cookie(cookieName, 0, {expires:1, path:"/"});
						} else {
							var cookieCnt = $.cookie(cookieName);
							$.cookie(cookieName, Number(cookieCnt)+1, {expires:1, path:"/"});
			
							if(Number(cookieCnt)+1 >= 5 && !shop.cookie.get('appDownBannerFlag')){
								$(".wrap-float-banner.appdown-float-banner").attr('id', 'appDownBanner');
								$(".appdown-float-close").attr('data-attr', 'PD_appDownloadBanner_close');
								$(".appdown-float-text-link").attr('data-attr', 'PD_appDownloadBanner_click');
							}
						}
					} 
					
			
			
					var reviewDetailSwiper;
					var prdtDetailApp = new Vue({
						el: '#prdtDetailApp',
						mixins: [commonMixin, calcMixin, promoMixin, detailsMixin, reviewMixins],
						data(){
							return {
								isWebPSupported: false,
								isCalled: false,
								section1Loaded: false,
								section2Loaded: false,
								section3Loaded: false,
								section4Loaded: false,
								preloadImage: 'prdtImg/1022/00c61b3d-21f2-4e7c-baa4-13ff954acaf5.jpg',
								paramReviewNo: '',
								product: {prdtNo: 'GA210000525'},
								sns: {facebookAppId: '581565842633204'},
								user: {
									mbrNo : "",
									loginId : '',
									iflcWinCode : "",
									rwardCode : "",
									iflcGradeCode : "",
									sha256LoginId : "",
									mbrGradeCode : "",
								},
								img: {
									cdnUrl: 'https://cdn-image.oliveyoung.com/',
									noImg: 'noImage/img_none_550.gif',
									ccNoImg: 'noImage/img_none_70.gif',
									rs: {
										zoom: 'RS=1500x1500&AR=0',
										thumb: 'RS=70x70',
										cc: 'RS=80x80',
										opt: 'RS=80x80',
										lthumb: 'RS=96x96&AR=0',
										cmpnt: 'RS=100x100&AR=0',
										unit: 'RS=810x810&AR=0',
										},
								},
								reviewApiEndpoint: "",
								reviewTranslateOn: false,
								isAmplitudePhase2GateOn: false,
								isShowSetProductSaleAmtGateOn: true
							};
						},
						computed: {
							langCode: function(){
								return shop.global.lang;
							},
							curLang: function(){
								return shop.global.curLang;
							},
							acesCntry: function(){
								return shop.global.acesCntry;
							},
							dvceVal: function(){
								return shop.global.dvceVal;
							},
							currency: function() {
								return shop.global.currency;
							},
							loginYn: function() {
								return shop.global.loginYn; // "true"/"false"
							},
							currencySign: function() {
								return shop.global.currencySign;
							},
							usdCurrencySign: function() {
								return shop.consts.CURRENCY_USD_SYMBOL;
							},
						},
						updated: function(){
							if(!this.isCalled && this.section4Loaded){
								initCommon(); // common.js
								prdReviewDetailMore();
								productDetailUI.init(); // renewal.js
								this.setRecentViewProduct(); // 최근 본 상품 저장
								this.initFacebook(); // 페이스북 api setting
								appDownActiveFn.showFadeUp(); // fade up
								exchangeFunc.progressBar(); // // renewal.js 썸네일 프로그래스 바 (환율 PJT 추가 )
								accordionFunc(); // 등급별 쿠폰 적용가 영역 아코디언 메서드 (search.js)
								
								this.isCalled = this.section4Loaded;
			
								// this.videoReset();
							}
						},
						created: async function(){
							await this.initSection1(); // 상품정보
							this.isAmplitudePhase2GateOn = await optimize.checkGate('amplitude_phase2');
			
							if (shop.global.isRecommendationSectionFeatureOn) {
								window.shop.util.trackRecommendationEvent({
									type: 'View',
									item_ids: [this.product.prdtNo],
								});
							}
			
							const [, korDispCateLgNm, korDispCateMdNm, korDispCateSmNm] = (this.product.korAllPathCtgrName || '').split('>').map(category => category.trim());
							const [, dispCateLgNm, dispCateMdNm, dispCateSmNm] = (this.product.allPathCtgrNameEn || '').split('>').map(category => category.trim());
							const [, dispCateLgNo, dispCateMdNo, dispCateSmNo] = (this.product.allPathCtgrNo || '').split('^').map(category => category.trim());
							 const withoutTimezone = (new Date().toISOString()).split('.')[0] + 'Z';
			
							const pageDepthInfo = findPageDepthInfo(document.referrer);
							const params = new URLSearchParams(window.location.search);
							const clickSource = this.formatClickSource(params.get("dataSource"));
			
							const amplitudeViewProductProp = {
							   url: window.location.href,
							   ...(pageDepthInfo?.depth1 ? { entry_source: pageDepthInfo?.depth1 } : {}),
							   ...(pageDepthInfo?.depth2 ? { entry_source2: pageDepthInfo?.depth2 } : {}),
							   ...(this.isAmplitudePhase2GateOn && clickSource ? {click_source: clickSource} : {}),
							   device_platform: shop.global.dvceCode === '10' ? 'PC Web' : shop.global.dvceCode === '20' ? 'Mobile Web' : shop.global.isIOS ? 'iOS' : 'AOS',
							   display_country: shop.global.deliveryCountryName,
							   product_no: this.product.prdtNo,
							   product_name: this.product.korPrdtName,
							   brand_no: this.product.brandNo,
							   brand_name: this.product.korBrandName,
							   category_lg: this.product.gdsLclsNm,
							   category_md: this.product.gdsMclsNm,
							   category_sm: this.product.gdsSclsNm,
							   disp_category_lg: korDispCateLgNm,
							   disp_category_md: korDispCateMdNm,
							   disp_category_sm: korDispCateSmNm,
							   value: shop.util.isMakeComma(Number(this.product.saleAmt).toFixed(2)),
							}
			
							analytics.trackEvent(['amplitude'], 'view_product', amplitudeViewProductProp);
			
							analytics.setCustomUserAttribute(['braze'], {
								view_product: {
									brandname: this.product.brandNameEn,
									brandno: this.product.brandNo,
									larcatname: dispCateLgNm,
									larcatno: dispCateLgNo,
									midcatname: dispCateMdNm,
									midcatno: dispCateMdNo,
									smallcatname: dispCateSmNm,
									smallcatno: dispCateSmNo,
									productname: this.product.prdtNameEn,
									productno: this.product.prdtNo,
								}
							});
			
							 analytics.trackEvent(['braze'], "view_product", {
								 lang: shop.global.curLang,
								 cateSm: this.product.gdsSclsNm,
								 cateMd: this.product.gdsMclsNm,
								 cateLg: this.product.gdsLclsNm,
								 dispCateLg: dispCateLgNm,
								 dispCateMd: dispCateMdNm,
								 dispCateSm: dispCateSmNm,
								 brandNo: this.product.brandNo,
								 brandNm: this.product.brandNameEn,
								 prdNo: this.product.prdtNo,
								 prdNm: this.product.prdtNameEn,
								 currency: 'USD',
								 value: shop.util.isMakeComma(Number(this.product.saleAmt).toFixed(2)),
								 soldout: this.product.tempOutOfStockYn === 'Y',
								 gdsNo: this.product.gdsCd,
								 login: shop.global.loginYn === 'true',
								 date: withoutTimezone,
								 platform: shop.global.dvceCode === '10' ? 'PC Web' : shop.global.dvceCode === '20' ? 'Mobile Web' : 'App',
							});
			
							try{
								this.initSection2(); // 상세정보
							}catch(e){
								console.error('section2 : ', e);
							}
							try{
								this.initSection3(); // 연관상품
							}catch(e){
								console.error('section3 : ', e);
							}
							try{
								this.initSection4(); // 리뷰
							}catch(e){
								console.error('section4 : ', e);
							}
			
							//공지팝업
							//shop.getPopupData('20');
							//브라우저 타이틀
							if(shop.util.isEmpty($('#titleContents').val())){
								shop.setBrowserTitle(this.product.prdtName + ' | OLIVE YOUNG Global');				
							}
			
							// 캐노니컬 태그 적용
							shop.addCanonicalTag('/product/detail?prdtNo='+this.product.prdtNo);
			
							// Google Analytics
							this.googleAnalyticsImpressions();
							this.initGa4Prdt();	// ga
			
							// Appsflyer
							let isMo = shop.global.dvceCode != '10' ? true : false;
							if(isMo){
								var ctgrArr = this.product.allPathCtgrName.split(' > ');
								
								var eventParams = '{';
								eventParams += '\"af_content_id\":\"' + this.product.prdtNo + '\"';			// 상품코드
								eventParams += ', \"af_category_nm\":\"' + ctgrArr[1] + '\"';				// 대카테고리
								eventParams += ', \"af_price\":\"' + Number(this.product.saleAmt).format("#,###,###,##0.00") + '\"';	// 상품금액
								eventParams += ', \"af_content_nm\":\"' + this.product.prdtName + '\"';		// 상품명
								eventParams += ', \"af_content_type\":\"' + ctgrArr[ctgrArr.length-1] + '\"';	// 카테고리
								eventParams += ', \"af_currency\":\"USD\"';		// 결제통화
								eventParams += '}';
			
								shop.native.callAppsflyer("af_content_view", eventParams);
							}
							shop.initTooltip();
						},
						mounted: async function(){
							document.querySelector('#skeleton').style.display = 'none';
							this.isWebPSupported = await checkWebPSupport();
			
							$(document).on('click', '.benefit-info-popup-trigger', function() {
								const html = shop.getPopupHtml({
									title: shop.getMsgValue('pd_00085'),
									content: $('.benefit-info-popup').html(),
									showCloseBtn: true,
								});
								shop.initDynamicSystemPopup(html);
							});
							
							// activeModal 있으면 해제
							window.addEventListener("popstate", function(e){
								if(e.state && e.state.activeModal){
									if(this.modal.activeModal == e.state.activeModal){
			
										if(e.state.activeLayer){
											this.modal.activeLayer.pop();					
										}
						
										if(this.modal.activeLayer.length == 0) {
											document.body.classList.remove('modal-open');
											this.modal.activeModal = '';
											history.replaceState({}, 'product-detail');
										} else if(this.modal.activeLayer.length == 1) { // 모아보기 > 상세에서 상세 닫으면 report balloon 숨기기
											this.hideReportBalloon();
										}
										//$('#'+this.modal.activeModal).modal('hide');
									}
								}
			
								if(e.state && e.state.activeMultiModal){
									if(this.modal.activeMultiModal == e.state.activeMultiModal){
										this.modal.activeMultiModal = '';
									}
								}
							}.bind(this));
						},
						methods: {
							initSection1: async function(){
								var resp;
								try{
									resp = await axios.post('detail-data',{prdtNo : this.product.prdtNo});
								}catch(e){
									location.href="not-found";
									throw 'Not found';
								}finally {
									if(!resp || resp.data == ''){
										location.href="not-found";
										throw 'Not found';
									}
								}
								
								var data = JSON.parse(this.unescapeHTML(JSON.stringify(resp.data)));
			
								this.$set(this, 'product', data.product);
								this.setThumbnail(); // 썸네일
								// 비동기 세팅들
								if(this.product.freeGiftList){
									this.getFreeGiftInfo();
									this.setFgTempOutOfStock();
								}
								this.setInitStockInfo(); // 재고 정보
								this.setInitInfo(); // 상품 정보란 초기화
								if(this.product.prdtGbnCode == '10') this.setEmblm(); // 엠블럼 setting
							/*  this.initFacebook(); // 페이스북 api setting */
								if(this.product.downCpn && this.product.downCpn.downLimitExceedYn) { // 상품 다운로드 쿠폰 다운로드 제한 횟수 초과 여부 셋팅
									this.downCpn.downLimitExceedYn = this.product.downCpn.downLimitExceedYn;
								}
							
								// 올리브멤버스 GOLD ~ BABY 순으로 재정렬
								if(this.product.mbrGradeCpnMap) {
									this.product.mbrGradeCpnMap = Object.values(data.product.mbrGradeCpnMap).reverse();
								}
			
								this.section1Loaded = true;
								window.sessionStorage.setItem('/product/detail_product_name', this.product.korPrdtName);
							},
							getSnsInfo: function(){
								var sns = {};
								sns.title = document.querySelector('meta[property="og:title"]').content;
								sns.image = document.querySelector('meta[property="og:image"]').content;
								sns.url = document.querySelector('meta[property="og:url"]').content;
							},
							initSection2: async function(){
								var prdtNo = this.product.prdtNo;
			
								if(this.product.prdtGbnCode == '20') {
									if(this.product.dtlYn == 'Y'){
										this.prdtDetail.set.idx = -1;
										this.prdtDetail.set.imagePath = this.product.imagePath;
									}else{
										prdtNo = this.product.cmpntPrdtList[0].prdtNo;
										this.prdtDetail.set.idx = 0;
										this.prdtDetail.set.imagePath = this.product.cmpntPrdtList[0].imagePath;
									}
								}
			
								try {
									await this.postDetails(prdtNo); // 상품 상세 데이터 가져오기 & setting
									this.setDetails(); // 상품 상세 데이터  setting
									this.calcHeight(); // 상품 기술서 크기 계산
									
									this.setBanner(); // 기존 배너 setting
									this.section2Loaded = true;
			
									shop.loadSvgIcon('.ds-tooltip-trigger .svg-icon-CircleInfo');
									shop.initTooltip('ai-generated-pdp');
								}catch(e) {
									console.log(e);
								}
							},
							initSection3: async function(){
								// 관련 상품 목록
								try{
									var response = await axios.post('/product/relation-list',{prdtNo : this.product.prdtNo});
									this.$set(this, 'brandRelationList', response.data.brandRelation);
									this.$set(this, 'ctgrRelationList', response.data.ctgrRelation);
			
									this.section3Loaded = true;
								}catch(e){
									console.error(e);
								}
			
								// googleViewItemList
								var relationList = [this.brandRelationList, this.ctgrRelationList];
								if(relationList) {
									try{
										var ga4PrdtList = [];
										for(var i in relationList) {
											for(var j in relationList[i]){
												var item = relationList[i][j];
												var prdtGa4 = {};
												prdtGa4.item_name = item.korPrdtName;
												prdtGa4.item_id = item.prdtNo;
												prdtGa4.price = Number(item.saleAmt);
												prdtGa4.quantity = 1;
												if(item.prmtnNm != undefined) {
													prdtGa4.coupon= item.prmtnNm;
												}
												if(!shop.util.isEmpty(item.gdsName)) {
													prdtGa4.item_variant = item.gdsName;
												}
												ga4PrdtList.push(prdtGa4);
											}
										}
										
										window.ga4DataLayer = window.ga4DataLayer || [];
										ga4DataLayer.push({
											event: 'view_item_list',		    		
											ecommerce: {
												user_id : shop.global.encLoginId,
												item_list_name: "productDetail",
												items : ga4PrdtList }
										});
										
										//ga4DataLayer 초기화
										ga4DataLayer.push(function() {
											this.reset();
										});
									}catch(e){
										console.error(e);
									}
								}
							},
							getGlobalReviewSummaryAndKoreaReviewCount: async function() {
								const promises = [
									this.fetchReviewSummaryAndReturnPromise(),
									this.fetchKoreaReviewV2(true),
								]
			
								const [globalReviewSummary, koreaReviews] = await Promise.allSettled(promises);
			
								if (globalReviewSummary && globalReviewSummary.status === 'fulfilled') {
									this.$set(this.review[this.review.tab], 'summary', globalReviewSummary.value.data);
								}
			
								if (koreaReviews && koreaReviews.status === 'fulfilled') {
									await this.setKoreaReviewListV2(koreaReviews.value.data, true);
								}
							},
							initSection4: async function(){
								this.reviewApiEndpoint = `https://product-review-service.oliveyoung.com`;
								this.reviewTranslateOn = true;

								//리뷰 통계
								await this.getGlobalReviewSummaryAndKoreaReviewCount();
								//리뷰 목록
								await this.getReviewList();
								
								this.section4Loaded = true;
			
								// 미디어 포함된 리뷰가 3개 이상 있다면
								if(this.review.global.summary.totalMediaReviewCount > 2){
									await this.getReviewMediaList(true); //미리 모아보기 데이터 요청
								}
								
								// 최초 section4Loaded에 의해 렌더링 된 이후
								await this.$nextTick();
			
								// prdtReviewNo 파라미터가 있으면 
								if(this.isNotEmpty(this.paramReviewNo)){
									var mda = {};
									mda.prdtReviewNo = this.paramReviewNo;
									
									this.showReviewDetail(mda, 0);
								}
			
								reviewRenewalFn.readMoreToggle(); // 리뷰 내용 세 줄 이상이면 더보기
								for(var i=0; i<this.review.global.reviewList.length; i++){
									reviewRenewalFn.reviewUnitMediaSwiper('#list-review-'+this.review.global.reviewList[i].prdtReviewNo); //리뷰 썸네일 스와이퍼
								}
								this.initReviewPhotoSectionSwiper();
			
								if(this.review.global.summary.totalReviewCount === 0 && this.review.korea.summary.totalReviewCount > 0){
									this.setReviewTab('korea');
								}

								this.getKoreaReviewMediaListV2(true).then(()=>{
									if(this.review.tab === 'korea'){
										this.initReviewPhotoSectionSwiper();
									}
								});
								this.getKoreaRatingData();
							},
							initGa4Prdt: function(){
								try{
									var ga4PrdtList = [];
									var ga4Prdt = {
											item_name : this.product.korPrdtName,
											item_id : this.product.prdtNo,
											price : Number(parseFloat(this.product.saleAmt).toFixed(2)),
											item_brand: this.product.brandName,
											item_category: this.product.allPathCtgrName.split(' > ')[1],
											quantity : 1
									};
						
									if(this.product.downCpn){
										var maxDscntAmt = this.formatUSD(this.product.downCpn.maxDscntAmt);
										if(this.product.downCpn.minStdrTypeValue == '1'){
											ga4Prdt.coupon = Number(this.product.downCpn.minStdrAmt) + ' ' + shop.getMsgValue('pd_00028') + ' ' +shop.getMsgValue('pd_msg_00043', {'amt': maxDscntAmt});
										}else{
											ga4Prdt.coupon = Number(this.product.downCpn.minStdrAmt) + ' ' + shop.getMsgValue('pd_msg_00043', {'amt': maxDscntAmt});
										}
									}
									
									ga4PrdtList.push(ga4Prdt);
									
									var dimension = {
										'dimension13': ga4Prdt.item_id ,
										'dimension14': this.product.korPrdtName
									};
									window.clickAnalysisDataLayer.push(dimension);
									//기존 cafe24 GA 디멘션 추가
									window.dataLayer.push(dimension);
									window.ga4DataLayer.push(dimension);
									
									ga4DataLayer.push({
										event: 'view_item',
										ecommerce: { 
											user_id : shop.global.encLoginId,
											items : ga4PrdtList 
										}
									});
			
			
									var capiParam = { 
											hashedEmail : $("#sha256LoginId").val(),
											eventType : 'VIEW_CONTENT',
											prdtList : ga4PrdtList,
									}
									// CAPI SendEvent 
									shop.capiSendEvent(capiParam);
									
								}catch (e){
									console.error(e);
								}
							},
							setRecentViewProduct: function(){
								// 최근본상품 이미지 저장 - 모바일 헤더노출을 위해 이미지 경로, 상품명 추가
								const localStorageKey = 'RECENT_VIEW_PRODUCT';
								const maxSize = 20;
			
								let recentlyViewedProducts = [];
								try {
									const storedRecentlyViewedProducts = JSON.parse(localStorage.getItem(localStorageKey)) ?? [];
			
									if (Array.isArray(storedRecentlyViewedProducts)) {
										recentlyViewedProducts = storedRecentlyViewedProducts;
									}
								} catch {}
			
								recentlyViewedProducts = [
									{
										prdtNo: this.product.prdtNo,
										imagePath: this.loadImg(this.product.thumbnailList[0].imagePath),
										imageName: this.product.prdtName,
										expiryDate: (new Date()).getTime() + 30 * 24 * 60 * 60 * 1000
									},
									...recentlyViewedProducts.filter(product => product.prdtNo !== this.product.prdtNo)
								];
			
								if (recentlyViewedProducts.length > maxSize) {
									recentlyViewedProducts = recentlyViewedProducts.slice(0, maxSize);
								}
			
								localStorage.setItem(localStorageKey, JSON.stringify(recentlyViewedProducts));
							},
							googleAnalyticsImpressions: function () {
								try{
									dataLayer.push({
										'event': 'productDetail',
										'emailId': this.user.sha256LoginId,
										'ecommerce': {
											'detail': {
												'actionField': { 'id': this.product.prdtNo },    // 'detail' actions have an optional list property.
												'products': [{
													'name': this.product.korPrdtName,      // 상품명
													'id': this.product.prdtNo,                            // 상품번호
													'price': this.product.saleAmt,                        // 판매가(할인가)
													'brand': this.product.brandNo,                        // 브랜드
													'category': this.product.ctgrNo,              		 // 카테고리
													// 'variant': 'Gray'                     // 옵션명
												}]
											}
										}
									});
			
									ga4DataLayer.push({
										'event': 'productDetail',
										'emailId': this.user.sha256LoginId,
										'ecommerce': {
											'detail': {
												'actionField': { 'id': this.product.prdtNo },    // 'detail' actions have an optional list property.
												'products': [{
													'name': this.product.korPrdtName,      // 상품명
													'id': this.product.prdtNo,                            // 상품번호
													'price': this.product.saleAmt,                        // 판매가(할인가)
													'brand': this.product.brandNo,                        // 브랜드
													'category': this.product.ctgrNo,              		 // 카테고리
													// 'variant': 'Gray'                     // 옵션명
												}]
											}
										}
									});
								}catch(e){
									console.error(e);
								}
							},
							googleViewItemList: function(result) {
								/* GoogleTagManager Start */
								try{
										var gaPrdtInfo = result;
										var ga4PrdtList = [];
										gaPrdtInfo.forEach(function(item) {			
											var prdtGa4 = {};
											prdtGa4.item_name = item.korPrdtName;
											prdtGa4.item_id = item.prdtNo;
											prdtGa4.price = Number(item.saleAmt);
											prdtGa4.quantity = 1;
											if(item.prmtnNm != undefined) {
												prdtGa4.coupon= item.prmtnNm;					
											}
											if(!shop.util.isEmpty(item.gdsName)) {
												prdtGa4.item_variant = item.gdsName;					
											}
											ga4PrdtList.push(prdtGa4);
											
										});
										
										window.ga4DataLayer = window.ga4DataLayer || [];
										ga4DataLayer.push({
											event: 'view_item_list',		    		
											ecommerce: {
												user_id : shop.global.encLoginId,
												item_list_name: "productDetail",
												items : ga4PrdtList }
										});
										
										//ga4DataLayer 초기화 왜?
										ga4DataLayer.push(function() {
											this.reset();
										});
								}catch(e){
									coonsole.error(e);
								}
							},
							formatClickSource: function(clickSource) {
								// 띄어쓰기 제거
								return clickSource?.replace(/\s/g, "_");
							},
							videoReset: function() {
								var $videoSlide = $('.prd-unit-movie');
								if ($videoSlide.length > 0) {
									$videoSlide.each(function(idx, value){
										var filePath = $(this).data("movUrl");
										var vdoJsElm = document.createElement("video-js");
					//                    vdoJsElm.dataset.account=$videoSlide.dataset.account;
					//                    vdoJsElm.dataset.videoId=$videoSlide.dataset.videoId;
										vdoJsElm.dataset.movUrl = shop.global.urlCdnImage + filePath;
										//vdoJsElm.dataset.movUrl = "https://cdn-image.oliveyoung.com/" + filePath; // 퍼블 확인 용
										
										//console.log($(this).data("videoId"));
										$(this).data("videoId", $(this).data("videoId")+"_"+idx);
										//console.log($(this).data("videoId"));
										const vid = "video_"+$(this).data("videoId");
										
										vdoJsElm.setAttribute('id', vid);
										vdoJsElm.setAttribute('class', "bc-player-default_default video-js vjs-big-play-centered ");
										vdoJsElm.setAttribute('data-setup', "{}");
										
										try {
											if (eval(vPlayer) && idx == 0) {
												vPlayer.dispose(); // 플레이어 초기화 (2회 이상 레이어 활성화 시 초기화 필요)
											}
										} catch (e) {}
										
										$(this).html("").append(vdoJsElm);
			
										// 초기화를 위해 vPlayer를 선언하지 않고 묵시적 글로벌 변수로 사용
										var ext = filePath.substring(filePath.lastIndexOf('.') + 1);
										var videoType = "video/"+ext;
										vPlayer = videojs(vid, {
											sources : [
												{ src : shop.global.urlCdnImage + filePath,
												//퍼블 확인 용
												//src : "https://cdn-image.oliveyoung.com/" + filePath,
												type : videoType	}
											],
											controls : true,
											playsinline : true,
											preload : "metadata",
											autoplay : false,
										});
									});
								}
							},
							getUrlSearchParams: function (params) {
								if (!this.isAmplitudePhase2GateOn) {
									return `prdtNo=${params.prdtNo}`;
								}
								return new URLSearchParams(params).toString();
							},
						}
					});
			
					function checkVisible( elm, eval ) {
						eval = eval || "object visible";
						var viewportHeight = $(window).height(), // Viewport Height
							scrolltop = $(window).scrollTop(), // Scroll Top
							y = $(elm).offset().top,
							elementHeight = $(elm).height();   
						
						if (eval == "object visible") return ((y < (viewportHeight + scrolltop)) && (y > (scrolltop - elementHeight)));
						if (eval == "above") return ((y < (viewportHeight + scrolltop)));
					}
				});
			
			</script>
		</html>