티스토리 뷰

DOM(Document Object Model)

브라우저에 대한 넓고, 얕은 지식.

문서를 렌더링 하는 가장 최초의 단계로 브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱을 진행합니다.

각 노드를 객체로 하여 문서를 더욱 편리하게 관리할 수 있으며, DOM Tree를 순회해서 특정 원소를 추가할 수 있습니다.

var imgElement = document.createElement("img"):
document.body.appendChild(imgElement):
document.getlementsByTagName("h2")

 

브라우저는 HTML을 파싱 해서 DOM을 생성하고, 이를 통해 요소를 변경하거나 찾을 수 있습니다.

(파이썬의 경우, HTML을 분석하는 HTML Parser가 필요)

 

파이썬의 HTML Parser, BeautifulSoup

  • HTML 분석기 BeautifulSoup

BeautifulSoup 라이브러리

%를 이용해서 노트북(.ipynb) 환경에서 터미널 코드를 실행할 수 있습니다.

%pip install beautifulsoup4

Requirement already satisfied: beautifulsoup4 in ./opt/anaconda3/lib/python3.9/site-packages (4.11.1)
Requirement already satisfied: soupsieve>1.2 in ./opt/anaconda3/lib/python3.9/site-packages (from beautifulsoup4) (2.3.1)
Note: you may need to restart the kernel to use updated packages.

BeautifulSoup 객체 만들기

# 모듈 불러오기
import requests

# www.example.com 사이트를 요청한 후 응답 받아보기

res = requests.get("http://www.example.com")
res.text

'<!doctype html>\n<html>\n<head>\n    <title>Example Domain</title>\n\n    <meta charset="utf-8" />\n    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1" />\n    <style type="text/css">\n    body {\n        background-color: #f0f0f2;\n        margin: 0;\n        padding: 0;\n        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;\n        \n    }\n    div {\n        width: 600px;\n        margin: 5em auto;\n        padding: 2em;\n        background-color: #fdfdff;\n        border-radius: 0.5em;\n        box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02);\n    }\n    a:link, a:visited {\n        color: #38488f;\n        text-decoration: none;\n    }\n    @media (max-width: 700px) {\n        div {\n            margin: 0 auto;\n            width: auto;\n        }\n    }\n    </style>    \n</head>\n\n<body>\n<div>\n    <h1>Example Domain</h1>\n    <p>This domain is for use in illustrative examples in documents. You may use this\n    domain in literature without prior coordination or asking for permission.</p>\n    <p><a href="https://www.iana.org/domains/example">More information...</a></p>\n</div>\n</body>\n</html>\n'

# BeautifulSoup4 - bs4를 불러옵니다.
from bs4 import BeautifulSoup

# BeautifulSoup 객체를 만들어봅니다.
# 첫번째 인자로 response의 body를 텍스트로 전달합니다.
# 두번째 인자로 "html"로 분석한다는 것을 명시해줍니다.
soup = BeautifulSoup(res.text, "html.parser")

# 객체 soup의 .prettify()를 활용하면 분석된 HTML을 보기 편하게 반환해줍니다.
print(soup.prettify())

<!DOCTYPE html>
<html>
 <head>
  <title>
   Example Domain
  </title>
  <meta charset="utf-8"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   body {
        background-color: #f0f0f2;
        margin: 0;
        padding: 0;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        
    }
    div {
        width: 600px;
        margin: 5em auto;
        padding: 2em;
        background-color: #fdfdff;
        border-radius: 0.5em;
        box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02);
    }
    a:link, a:visited {
        color: #38488f;
        text-decoration: none;
    }
    @media (max-width: 700px) {
        div {
            margin: 0 auto;
            width: auto;
        }
    }
  </style>
 </head>
 <body>
  <div>
   <h1>
    Example Domain
   </h1>
   <p>
    This domain is for use in illustrative examples in documents. You may use this
    domain in literature without prior coordination or asking for permission.
   </p>
   <p>
    <a href="https://www.iana.org/domains/example">
     More information...
    </a>
   </p>
  </div>
 </body>
</html>

soup 객체를 통해서 HTML의 특정 요소를 갖고 올 수 있습니다.

# title 가져오기
soup.title

<title>Example Domain</title>

# head 가져오기
soup.head

<head>
<title>Example Domain</title>
<meta charset="utf-8"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-type"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<style type="text/css">
    body {
        background-color: #f0f0f2;
        margin: 0;
        padding: 0;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        
    }
    div {
        width: 600px;
        margin: 5em auto;
        padding: 2em;
        background-color: #fdfdff;
        border-radius: 0.5em;
        box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02);
    }
    a:link, a:visited {
        color: #38488f;
        text-decoration: none;
    }
    @media (max-width: 700px) {
        div {
            margin: 0 auto;
            width: auto;
        }
    }
    </style>
</head>

# body 가져오기
soup.body

<body>
<div>
<h1>Example Domain</h1>
<p>This domain is for use in illustrative examples in documents. You may use this
    domain in literature without prior coordination or asking for permission.</p>
<p><a href="https://www.iana.org/domains/example">More information...</a></p>
</div>
</body>

# <h1> 태그로 감싸진 요소 하나 찾기
h1 = soup.find("h1")

# <p> 태그로 감싸진 요소들 찾기
soup.find("p")

<p>This domain is for use in illustrative examples in documents. You may use this
    domain in literature without prior coordination or asking for permission.</p>
    
# 태그 이름 가져오기
h1.name

'h1'

# 태그 내용 가져오기
h1.text

'Example Domain'

원하는 요소 가져오기 - 책 이름 모으기

Target: Mock Book Data

다음 사이트에 있는 책들의 이름 정보를 스크래핑

http://books.toscrape.com/catalogue/category/books/travel_2/index.html

 

Travel | Books to Scrape - Sandbox

£37.33 In stock

books.toscrape.com

# 스크래핑에 필요한 라이브러리를 불러옵니다.
import requests
from bs4 import BeautifulSoup

# 예시 사이트에 요청을 진행하고, 응답을 바탕으로 BeautifulSoup 객체를 만들어봅니다.
res = requests.get("http://books.toscrape.com/catalogue/category/books/travel_2/index.html")
soup = BeautifulSoup(res.text, "html.parser")

# <h3> 태그에 해당하는 요소를 하나 찾아봅니다.
book =soup.find("h3")

# <h3> 태그에 해당하는 요소를 모두 찾아봅니다.
h3_results = soup.find_all("h3")
h3_results[0]

<h3><a href="../../../its-only-the-himalayas_981/index.html" title="It's Only the Himalayas">It's Only the Himalayas</a></h3>

# book_list에서 우리가 원하는 제목(title)만 추출합니다.
for book in h3_results:
    print(book.a["title"])
    
It's Only the Himalayas
Full Moon over Noah’s Ark: An Odyssey to Mount Ararat and Beyond
See America: A Celebration of Our National Parks & Treasured Sites
Vagabonding: An Uncommon Guide to the Art of Long-Term World Travel
Under the Tuscan Sun
A Summer In Europe
The Great Railway Bazaar
A Year in Provence (Provence #1)
The Road to Little Dribbling: Adventures of an American in Britain (Notes From a Small Island #2)
Neither Here nor There: Travels in Europe
1,000 Places to See Before You Die

HTM의 Locator로 원하는 요소 찾기

  • id와 class를 활용하여 특정 요소를 지정해서 정보를 가져오는 방법을 학습

id와 class는 Locatot로서, 특정 태그를 지칭하는 데 사용됩니다.

  • tagname: 태그의 이름
  • id: 하나의 고유 태그를 가리키는 라벨
  • class: 여러 태그를 묶는 라벨This element has tagname and id

    <p>This element has only tagname </p>
    <p id="target"> This element has tagname and id </p>
    <p class="targets"> This element has tagname and class </p>

# 스크래핑에 필요한 라이브러리를 불러와봅니다.
import requests
from bs4 import BeautifulSoup

# 아래 사이트에 요청을 보내고, 이것의 응답을 BeautifulSoup 객체로 만들어봅니다.
# http://www.gsretail.com/gsretail/ko/company

res = requests.get("http://www.gsretail.com/gsretail/ko/company")
soup = BeautifulSoup(res.text, "html.parser")

id는 요소 하나를 지칭하는 특별한 별명이며, 해당하는 태그 단 하나를 쉽게 가져올 수 있습니다.

## id없이 div 태그를 찾아봅니다.
soup.find("div")

<div id="wrap">
<!-- 2022-07-04 : 지속가능경영 소개 2021 보고서 수정 건  Start-->
<!-- 2022-07-04 : 지속가능경영 소개 2021 보고서 수정 건  End-->
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function() {
		if(location.href.indexOf("ko/company") > 0){
			//IE8버젼 체크
			if(navigator.appVersion.indexOf('MSIE 8.0') >= 0 || navigator.appVersion.indexOf('Trident/4.0') >= 0){
				var html = "지금 사용하고 계신 브라우저(Internet Explorer 8)은 알려진 <strong>보안 취약점</strong>이 존재하며,";
				html += " 새로운 웹 사이트가 <strong>깨져 보일 수도</strong> 있습니다. <a href='http://windows.microsoft.com/ko-kr/windows/downloads'>\"브라우저를 어떻게 업데이트하나요?\"</a>";
				html += "<a href='#' onclick='$(\"#alertIE8\").hide();' style='display:block;float:right;padding:5px'>X</a>";
				$(".header > .topwrap").before("<div align='center' id='alertIE8'>"+html+"</div>");
				$("#alertIE8").css("background-color","yellow");
				$("#alertIE8").css("border-bottom","1px solid #dfdfdf");
				$("#alertIE8").css("padding","8px");
			}
		}
	});
	//]]>
</script>
<div id="accessibility">
<ul>
<li><a href="#contents">본문 바로가기</a></li>
<li><a href="#n_gnb_menu">주메뉴 바로가기</a></li>
</ul>
</div>
<!-- header -->
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function(){
		var gsretailGNB = new N_GNBControlle;
		gsretailGNB.init( ".n_gnb_wrap .n_gnb", ".n_gnb ul li h2 a", ".n_gnb ul .n_gnb_depth2", ".gnb_bg");
	});
	
	$.formValidation = function(formNm){
		var validYN = true;		//유효성 통과여부
		var labelText = "";		//label의 텍스트 가져오기
		var alertMsg = "";		//얼럿 메세지 세팅

		//텍스트 박스 일 경우
		$.each($("#" + formNm).find("input:text"), function(){
			labelText = $("label[for=" + $(this).attr("id") + "]").text();

			if(labelText.indexOf("*") > 0){
				labelText = labelText.replace("*","").replace(" ","");
			}

			if($(this).attr("validation")){
				if("" == labelText){
					alertMsg = $("#" + $(this).attr("id")).attr("title") + "이(가) 입력이 되지 않았거나 잘못 입력되었습니다.";
				} else {
					alertMsg = labelText + "이(가) 입력이 되지 않았거나 잘못 입력되었습니다.";
				}

				//Validation Check
				if("" == $("#" + $(this).attr("id")).val()){
					$("#" + $(this).attr("id")).parent().append("<div class='alertToolTip' onClick='$.tooltipHide();'>" + alertMsg + "</div>");
					validYN = false;
					$("#" + $(this).attr("id")).focus();
					return false;
				} else {
					$(".alertToolTip").remove();
					validYN = true;
				}
			}
		});

		//셀렉트 박스 일 경우
		$.each($("#" + formNm).find("select.valid"), function(){
			if(validYN){
				if("" == $("#" + $(this).attr("id")).val()){
					alertMsg = $("#" + $(this).attr("id")).attr("title") + "을(를) 선택해주세요";
					$("#" + $(this).attr("id")).parent().append("<div class='alertToolTip' onClick='$.tooltipHide();'>" + alertMsg + "</div>");
					validYN = false;
					return false;
				} else {
					$(".alertToolTip").remove();
					validYN = true;
				}
			}
		});

		return validYN;
	};

	//툴팁 삭제
	$.tooltipHide = function(){
		$(".alertToolTip").remove();
	};
//]]>
</script>
<div class="renew_header_wrap">
<div class="renew_header_inner">
<!-- gnb -->
<div class="n_gnb_wrap">
<h1 class="main_logo">
<a href="/gsretail/ko/company">GS리테일</a>
</h1>
<div class="n_gnb" id="n_gnb_menu">
<ul>
<li>
<h2>
<a href="#">회사소개</a>
</h2>
<ul class="n_gnb_depth2">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^경영이념 및 가치체계" data-sc-action="gnb.click" href="/gsretail/ko/intro/philosophy">경영이념 및 가치체계</a><!-- 2021-12-28 수정 -->
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^CEO인사말" data-sc-action="gnb.click" href="/gsretail/ko/intro/ceo-message">CEO인사말</a>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^이사회의장 인사말" data-sc-action="gnb.click" href="/gsretail/ko/intro/chair-message">이사회의장 인사말</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^기업연혁" data-sc-action="gnb.click" href="/gsretail/ko/intro/history">기업연혁</a>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^수상이력" data-sc-action="gnb.click" href="/gsretail/ko/intro/awards">수상이력</a>
</li>
<li>
<span class="fix_title">기업 CI/BI</span><!-- 2021-07-01 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^기업 CI/RI^심볼마크" data-sc-action="gnb.click" href="/gsretail/ko/intro/ci-bi">심볼마크</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^기업 CI/RI^색상규정" data-sc-action="gnb.click" href="/gsretail/ko/intro/ci-bi?tab=1">색상규정</a>
</li>
</ul>
</li>
<!-- 2021-07-01 수정 -->
<li>
<a href="http://www.gsretail.com/gsretail/ko/intro/location">오시는 길</a>
</li>
<!-- //2021-07-01 수정 -->
</ul>
</li>
<li>
<h2>
<a href="#">사업소개</a>
</h2>
<!-- 20210701_1 수정 -->
<ul class="n_gnb_depth2">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS25" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gs25">GS25</a>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS THE FRESH" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gsthefresh">GS THE FRESH</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS SHOP" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gsshop">GS SHOP</a><!-- 2021-07-01 추가 -->
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS Fresh Mall" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gsfresh">GS Fresh Mall</a>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^심플리쿡" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-simplycook">심플리쿡</a>
</li>
<!-- 2022-01-14 수정 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^어바웃펫" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-pet">어바웃펫</a><!-- 2021-07-23 추가 -->
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^우리동네 딜리버리" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-woodel">우리동네 딜리버리</a>
<span class="fix_title" style="display:block; margin-top:15px">개발/임대</span>
<ul class="n_gnb_depth3">
<li><a data-dimension-name="link.linkName" data-dimension-value="사업소개^지하철 임대상가" data-sc-action="gnb.click" href="/gsretail/ko/footer/rental-store-all">지하철 임대상가</a></li>
<li><a data-dimension-name="link.linkName" data-dimension-value="사업소개^쇼핑몰" data-sc-action="gnb.click" href="/gsretail/ko/footer/rental-store-all?tab=1">쇼핑몰</a></li>
<li><a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS THE FRESH 임대코너" data-sc-action="gnb.click" href="/gsretail/ko/footer/rental-store-all?tab=2">GS THE FRESH 임대코너</a></li>
</ul>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS Pay" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gspay">GS Pay</a>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^유어스" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-youus">유어스</a>
<!--<a href="/gsretail/ko/brand/about-breadique" data-sc-action="gnb.click" data-dimension-name="link.linkName" data-dimension-value="사업소개^브레디크">브레디크</a> //2022-10-19 삭제 -->
</li>
<!-- //2022-01-14 수정 -->
<!-- //2021-06-04 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^파르나스호텔" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-parnas">파르나스호텔</a>
</li>
</ul>
<!-- //20210701_1 수정 -->
</li>
<li>
<h2>
<a href="#">지속가능경영</a>
</h2>
<ul class="n_gnb_depth2 style_add"><!-- 2021-06-17 수정 -->
<!-- 2021-06-17 추가 -->
<li>
<span class="fix_title">지속가능경영 보고서</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^지속가능경영 보고서" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=3"><img alt="지속가능경영 보고서" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/continuous/gnb_report_2021.jpg"/></a><!-- 2022-06-00 수정 -->
</li>
</ul>
</li>
<!-- //2021-06-17 추가 -->
<li>
<span class="fix_title">지속가능경영 소개</span><!-- 2021-06-04 수정 -->
<!-- 2022-05-03 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^ESG 전략" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability">ESG 전략</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^ESG 거버넌스" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=1">ESG 거버넌스</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^ESG 이니셔티브" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=2">ESG 이니셔티브</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^지속가능경영보고서" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=3">지속가능경영보고서</a>
</li>
</ul>
<!-- //2022-05-03 수정 -->
<span class="fix_title pt35">환경경영</span><!-- 2021-06-04 수정 -->
<!-- 2022-06-28 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^환경경영 개요" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental">환경경영 개요</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^환경경영 활동" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental?tab=1">환경경영 활동</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^함께하는 기후변화 대응" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental?tab=2">함께하는 기후변화 대응</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^환경경영 자료" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental?tab=3">환경경영 자료</a><!-- 2022-06-27오후 수정 -->
</li>
</ul>
<!-- //2022-06-28 수정 -->
</li>
<li>
<span class="fix_title">윤리경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li class="row">
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision">정도경영</a>
<ul class="n_gnb_depth4">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 소개" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision">정도경영 소개</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 지침" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision?tab=1">정도경영 지침</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 제도" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision?tab=2">정도경영 제도</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 제보" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision?tab=3">정도경영 제보</a>
</li>
</ul>
</li>
<li class="row">
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade">공정거래</a>
<ul class="n_gnb_depth4">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^자율준수 프로그램" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade">자율준수 프로그램</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^자율준수 관리자 안내" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade?tab=1">자율준수 관리자 안내</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^공정거래 4대 가이드라인" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade?tab=2">공정거래 4대 가이드라인</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^공정거래 업무기준" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade?tab=3">공정거래 업무기준</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<span class="fix_title">상생경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영^동반성장 개요" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win">동반성장 개요</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영^파트너사 지원제도" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win?tab=1">파트너사 지원제도</a>
</li>
<!-- 2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영&amp;경영주 지원제도" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win?tab=2">경영주 지원제도</a>
</li>
<!-- //2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영^상생경영 자료" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win?tab=3">상생경영 자료</a><!-- 2022-06-24 텍스트 수정 -->
</li>
</ul>
</li>
<li>
<span class="fix_title">나눔경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^나눔경영 소개" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing">나눔경영 소개</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^함께하는 나눔" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=1">함께하는 나눔</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^교육, 자활 지원" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=2">교육, 자활 지원</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^기부" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=3">기부</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^사회" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=4">사회 안전망</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^방송 발전" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=5">방송 발전</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^숨은나눔천사 추천" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=6">숨은나눔천사 추천</a><!-- 2022-01-17 수정 -->
</li>
</ul>
</li>
<li>
<span class="fix_title">고객만족경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^고객만족경영^고객만족경영 소개" data-sc-action="gnb.click" href="/gsretail/ko/esg/customer-satisfaction">고객만족경영 소개</a>
</li>
</ul>
<span class="fix_title pt35">인재경영</span>
<!-- 2022-06-20 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재상" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent">인재상</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재육성체계" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent?tab=1">인재육성체계</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재경영 지표" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent?tab=2">인재경영 지표</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재경영 실적자료" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent?tab=3">인재경영 실적자료</a>
</li>
</ul>
<!-- //2022-06-20 수정 -->
</li>
<!-- 2022-05-03 수정 -->
<li>
<span class="fix_title">안전경영</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^안전·보건 경영방침" data-sc-action="gnb.click" href="/gsretail/ko/esg/safety-health">안전·보건 경영방침</a>
</li>
<!-- 2022-10-13 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^안전·보건 의견 청취함" data-sc-action="gnb.click" href="/gsretail/ko/esg/safety-health?tab=1">안전·보건 의견 청취함</a>
</li>
<!-- //2022-10-13 추가 -->
</ul>
<!-- 2022-06-20 추가 -->
<span class="fix_title pt35">인권경영</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인권경영방침" data-sc-action="gnb.click" href="/gsretail/ko/esg/human-rights">인권경영방침</a>
</li>
</ul>
<!-- //2022-06-20 추가 -->
</li>
<!-- //2022-05-03 수정 -->
</ul>
</li>
<li>
<h2>
<a href="#">투자정보</a>
</h2>
<ul class="n_gnb_depth2">
<!-- 2021-07-01 수정 -->
<li>
<span class="fix_title">기업지배구조</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^기업지배구조헌장" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance">기업지배구조헌장</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^이사회 및 위원회 구성" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=1">이사회 및 위원회 구성</a>
</li>
<!-- 2022-03-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^이사회 평가" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=2">이사회 평가</a>
</li>
<!-- //2022-03-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^주주현황" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=3">주주현황</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^지배구조 모범규준과의 차이" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=4" style="letter-spacing: -1.8px;">지배구조 모범규준과의 차이</a>
</li>
</ul>
</li>
<!-- //2021-07-01 수정 -->
<li>
<span class="fix_title">경영성과</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^경영성과^재무현황" data-sc-action="gnb.click" href="/gsretail/ko/ir/business-results">재무현황</a>
</li>
<!-- 2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^경영성과^배당정보" data-sc-action="gnb.click" href="/gsretail/ko/ir/business-results?tab=1">배당정보</a>
</li>
<!-- //2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^경영성과^실적자료" data-sc-action="gnb.click" href="/gsretail/ko/ir/business-results?tab=2">실적자료</a>
</li>
<!-- 20210701_2 수정 -->
<li>
<a href="https://company.gsshop.com/investment-info/library/index" target="_blank" title="새 창">IR정보(기존 GS SHOP)</a>
</li>
<li>
<a href="https://company.gsshop.com/investment-info/performance/index" target="_blank" title="새 창">경영실적(기존 GS SHOP)</a>
</li>
<!-- //20210701_2 수정 -->
</ul>
</li>
<li>
<span class="fix_title">공시정보</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^사업/감사보고서" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-information">사업/감사보고서</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^공고" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-notice">공고</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^주주총회 공시" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-generalmeeting">주주총회 공시</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^기타투자정보" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-etcinvest">기타투자정보</a>
</li>
</ul>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^정책·제도 정보" data-sc-action="gnb.click" href="/gsretail/ko/ir/investor-protect">정책·제도 정보</a>
</li>
</ul>
</li>
<li>
<h2>
<a href="#">미디어</a>
</h2>
<!-- 2022-07-25 순서변경 -->
<ul class="n_gnb_depth2">
<!-- 2022-07-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^뉴스룸" data-sc-action="gnb.click" href="/gsretail/ko/media/newsroom">뉴스룸</a>
</li>
<!-- //2022-07-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^보도자료" data-sc-action="gnb.click" href="/gsretail/ko/media/news-report">보도자료</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^사보" data-sc-action="gnb.click" href="/gsretail/ko/media/gsr-magazine">사보</a>
</li>
<!-- 2022-08-26 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^Z세대 트렌드" data-sc-action="gnb.click" href="/gsretail/ko/media/generationz">Z세대 트렌드</a>
</li>
<!-- //2022-08-26 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^칭찬합니다" data-sc-action="gnb.click" href="/gsretail/ko/media/service-news">칭찬합니다</a><!-- 2022-01-12 수정 -->
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^공지사항" data-sc-action="gnb.click" href="/gsretail/ko/media/notices">공지사항</a>
</li>
</ul>
<!-- //2022-07-25 순서변경 -->
</li>
</ul>
</div>
<div class="gnb_bg"></div>
</div>
<!-- //gnb -->
<!-- utility -->
<script type="text/javascript">
</script>
<div class="util_wrap">
<div class="util_box">
<ul>
<li><a href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="함께할 인재를 찾습니다">채용안내</a></li><!-- 2021-09-14 수정 -->
<li><a href="/gsretail/ko/etc/partnership-index">입점상담</a></li>
<li><a href="https://gs25.gsretail.com/gscvs/ko/customer-satisfaction/mantomancnsoundform?groupId=coopInqu">제휴/협력문의</a></li><!-- 2022-01-19 추가 -->
<li><a href="/gsretail/ko/etc/customer-satisfaction-index">고객센터</a></li>
<li class="tgl_menu gsr_brand"><!-- 2021-06-29 수정 -->
<a class="brd_btn" href="#;"><strong>GS리테일 브랜드</strong></a>
<!-- 2021-07-01 수정 -->
<ul>
<li><a href="http://www.gsretail.com/gsretail/ko/company">GS리테일</a></li>
<li><p>온라인 브랜드</p></li>
<li><a href="https://www.gsshop.com/index.gs" target="_blank">GS SHOP</a></li>
<li><a href="http://www.gsfresh.com" target="_blank">GS Fresh Mall</a></li>
<li><a href="http://www.popcard.co.kr/popcard/ko/main" target="_blank">팝카드</a></li>
<li><a href="http://woodel.co.kr/" target="_blank">우리동네 딜리버리</a></li>
<li><a href="https://www.gsfresh.com/dp/ssevnt_detail?ssevntId=8815&amp;mallId=20&amp;refresh=1658373470797" target="_blank">심플리쿡</a></li>
<li><p>오프라인 브랜드</p></li>
<li><a href="http://gs25.gsretail.com/gscvs/ko/main">GS25</a></li>
<li><a href="http://gsthefresh.gsretail.com/thefresh/ko/main">GS THE FRESH</a></li>
<!-- 2022-05-12 수정/추가 -->
<li><a href="https://seoul.intercontinental.com/" target="_blank">그랜드 인터컨티넨탈 <br/>서울 파르나스</a></li>
<li><a href="https://seoul.intercontinental.com/" target="_blank">인터컨티넨탈 <br/>서울 코엑스</a></li>
<li><a href="https://www.ninetreehotels.com/nth1/" target="_blank">나인트리호텔 명동</a></li>
<li><a href="https://www.ninetreehotels.com/nth2/" target="_blank">나인트리 프리미어 <br/>호텔 명동 II</a></li>
<li><a href="https://www.ninetreehotels.com/nth3/" target="_blank">나인트리 프리미어 <br/>호텔 인사동</a></li>
<li><a href="https://www.ninetreehotels.com/nth4/" target="_blank">나인트리 호텔 동대문</a></li>
<li><a href="https://www.ninetreehotels.com/nth5/" target="_blank">나인트리 프리미어 <br/>호텔 서울 판교</a></li>
<!-- //2022-05-12 수정/추가 -->
<li><a href="http://www.parnasmall.com/" target="_blank">파르나스몰</a></li>
</ul>
<!-- //2021-07-01 수정 -->
</li>
<li class="tgl_menu">
<a class="lang_btn" href="#;">LANGUAGE</a>
<ul>
<li><a href="http://www.gsretail.com/gsretail/en/global/gsretail-main">GS리테일 ENG</a></li>
<li><a href="http://gs25.gsretail.com/gscvs/en/global/gscvs-main">GS25 ENG</a></li>
<li><a href="http://gs25.gsretail.com/gscvs/zh/global/gscvs-main">GS25 中文</a></li>
<li><a href="http://www.gsretail.com/gsretail/ko/customer-satisfaction/indonesia-reports" target="_blank" title="새 창">LAPORAN MANAJEMEN ETIKA PT. GS RETAIL INDONESIA</a></li>
</ul>
</li>
</ul>
</div>
<div class="brd_list">
<ul>
<li><a href="http://gs25.gsretail.com/gscvs/ko/main"><img alt="GS25" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img03.png"/></a></li>
<li><a href="https://www.gsshop.com/index.gs"><img alt="GS SHOP" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img01.png"/></a></li><!-- 2021-07-01 추가 -->
<li><a href="http://gsthefresh.gsretail.com/thefresh/ko/main"><img alt="GS THE FRESH" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img02.png"/></a></li>
<li><a href="http://www.gsfresh.com" target="_blank"><img alt="GS Fresh Mall" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img04.png"/></a></li>
<li><a href="http://www.popcard.co.kr/popcard/ko/main" target="_blank"><img alt="POP" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img05.png"/></a></li>
</ul>
</div>
</div>
<!-- //utility -->
</div>
</div>
<!-- //header -->
<script type="text/javascript">
//<![CDATA[
var MAIN_POPUP_COUNT = 0;
//Validation Message 관리
$.globalMsg = {
	//입점상담 신규업체 등록
	newRegComNo : "사업자등록번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegComNm : "회사명이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegComGubun : "사업자구분이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizNo : "법인번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizOwner : "대표자가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizType : "업태 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizSub : "업종이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegPostNo : "우편번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpNm : "신청인이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpBirthYear : "신청인의 생년월일의 연도가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpBirthMon : "신청인의 생년월일의 월이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpBirthDate : "신청인의 생년월일의 일이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpGender : "성별이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpEmail : "이메일이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpId : "아이디가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpPw : "비밀번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpPwNotEq : "비밀번호가 일치하지 않습니다.",
	newRegEmpPhoneNo : "전화번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpHpNo : "휴대폰이 입력이 되지 않았거나 잘못 입력되었습니다."
};

function setPopupPosition(popupObj) {
	try{
		var height = (popupObj.popupPositionWidth / 2) + 70;
		var width  = (popupObj.popupPositionHeight / 2) + 50;
		
		if(popupObj.popupPosition.code == "TOPLEFT"){
			$("#popManage"+popupObj.pk).css("top",height+"px");
			$("#popManage"+popupObj.pk).css("left",width+"px");
		}else if(popupObj.popupPosition.code == "TOPMIDDLE"){
			$("#popManage"+popupObj.pk).css("top",height+"px");
		}else if(popupObj.popupPosition.code == "TOPRIGHT"){
			$("#popManage"+popupObj.pk).css("top",height+"px");
			$("#popManage"+popupObj.pk).css("left","");
			$("#popManage"+popupObj.pk).css("right",width+"px");
		}else if(popupObj.popupPosition.code == "MIDLEFT"){
			$("#popManage"+popupObj.pk).css("left",width+"px");
		}else if(popupObj.popupPosition.code == "MIDRIGHT"){
			$("#popManage"+popupObj.pk).css("left","");
			$("#popManage"+popupObj.pk).css("right",width+"px");
		}else if(popupObj.popupPosition.code == "BOTTOMLEFT"){
			$("#popManage"+popupObj.pk).css("top","");
			$("#popManage"+popupObj.pk).css("bottom",height+"px");
			$("#popManage"+popupObj.pk).css("left",width+"px");
		}else if(popupObj.popupPosition.code == "BOTTOMMIDDLE"){
			$("#popManage"+popupObj.pk).css("top","");
			$("#popManage"+popupObj.pk).css("bottom",height+"px");
		}else if(popupObj.popupPosition.code == "BOTTOMRIGHT"){
			$("#popManage"+popupObj.pk).css("top","");
			$("#popManage"+popupObj.pk).css("bottom",height+"px");
			$("#popManage"+popupObj.pk).css("left","");
			$("#popManage"+popupObj.pk).css("right",width+"px");
		}else if(popupObj.popupPosition.code == "MANUAL"){
			$("#popManage"+popupObj.pk).css("top",popupObj.manuallyTopPosition);
			$("#popManage"+popupObj.pk).css("left",popupObj.manuallyLeftPosition);
		}
	}catch(e){}
}

function popupTermCkecked(pk) {
	var term = "";

	if($("#popManage" + pk ).attr("term") == "ONE"){
		term = 1;
	}else if($("#popManage" + pk).attr("term") == "SEVEN"){
		term = 7;
	}

	$.makeExpierCookie( "gsCommonPopup" + pk + "_pop", "done" , term);
    
    $('#popManage' + pk).fadeOut();
}

function getPopupHtml(popupObj) {
	var term = ""; //그만보기 설정
	var popStyle = "";
	var popWrapStyle = "";
	var popHtml = "";

		
	try{
		if(popupObj.stopPopup.code == "ONE"){
			term = "하루동안 열지 않음";
		}else if(popupObj.stopPopup.code == "SEVEN"){
			term = "일주일간 열지 않음";
		}
	}catch(e){}

	//팝업 높이
	if(popupObj.popupPositionHeight != "" && popupObj.popupPositionHeight != null){
		popStyle = "style='height:"+popupObj.popupPositionHeight+"px'";
	}
	//팝업 넓이
	if(popupObj.popupPositionWidth != "" && popupObj.popupPositionWidth != null){
		if(popupObj.popupPositionHeight != "" && popupObj.popupPositionHeight != null){
			popStyle = "style='height:"+popupObj.popupPositionHeight+"px;width:"+popupObj.popupPositionWidth+"px'";
		}else{
			popStyle = "style='width:"+popupObj.popupPositionWidth+"px'";
		}
		popWrapStyle = "style='width:"+popupObj.popupPositionWidth+"px'";
	}

	try{
		popHtml += "<div class='' id='popManage" + popupObj.pk + "' term='"+popupObj.stopPopup.code+"' >";
	}catch(e){
		popHtml += "<div class='' id='popManage" + popupObj.pk + "' term='NONE' >";
	}
	
	popHtml += "	<div class='popwrap lypop_my2 pop-inner-layer admin_popup' id='gsCommonPopup" + popupObj.pk + "' "+popWrapStyle+">";
// 	try{
// 		popHtml += "		<div class='pop_tltwrap' term='"+popupObj.stopPopup.code+"'>";
// 	}catch(e){
// 		popHtml += "		<div class='pop_tltwrap' term='NONE'>";
// 	}
// 	popHtml += "			<h4 class='pop_tlt1'>"+popupObj.popupTitle+"</h4>";
// 	popHtml += "		</div>";
	popHtml += "		<div "+popStyle+">";
	popHtml += "			<div class='all_wrap'>";
	popHtml += popupObj.popupTemplateText;
	popHtml += "			</div>";
	try{
		if(popupObj.stopPopup.code != "NONE" && popupObj.stopPopup.code != "NEVER"){
			popHtml += "		<div class='ie_close_box' style='bottom: 0px'>";
			popHtml += "			<input type='checkbox' id='popupTermCkecked" + popupObj.pk + "' class='pop_term' value='" + popupObj.pk + "' onclick='popupTermCkecked(" + popupObj.pk + ")'><label for='popupTermCkecked" + popupObj.pk + "'>"+term+"</label>";
			popHtml += "		</div>";
		}
	}catch(e){}
	popHtml += "		</div>";
	popHtml += "		<div class='pop_cls'>";
	popHtml += "			<a href='#'>닫기</a>";
	popHtml += "		</div>";
	popHtml += "	</div>";
	popHtml += "</div>";
	
	return popHtml;
}


$(function(){
	$(document).on("keyup", "input:text[numberOnly]", function() {
		$(this).val($(this).val().replace(/[^0-9]/g,''));
		$(this).blur(function(){
			$(this).val($(this).val().replace(/[^0-9]/g,''));
		});
	});
	
	/* 팝업 관리 
	 * AUTH : CMB
	 */

	var url = "/gsretail/ko/common/popup-list";
	var ajaxType="GET";
	var isExceptionUrl = false;	
	
	try
	{
		var checkUrl = location.href.toUpperCase().replace("HTTP://", "").replace("HTTPS://", "").replace("#", "");
		
		//회원가입 및 마이페이지 메인 화면에서 Layer 팝업이 호출되게 수정함, 팝카드 제외 
		//SSL =  POST, CSRFToken
	    if ( checkUrl.indexOf("/POPCARD/KO/")==-1 && ( checkUrl.indexOf("/SIGN-UP/CERTIFICATION") > 0 || checkUrl.indexOf("/MY-PAGE") > 0 || checkUrl.indexOf("/CORPORATION/PARTNERSHIP/") > 0 || checkUrl.indexOf("/SIGN-UP/JOIN-MAIN") > 0 
	    		|| checkUrl.indexOf("/COMMUNITY-SERVICE/APPLY-TO-VOLUNTEER") > 0 ) )
	    {
	    	 isExceptionUrl=true;
	    	 ajaxType="POST";
	    	 url=url+"?"+getCSRFToken();
	    }
	}
	catch(e)
	{
	     return null;
	}	   
	
	// SSL화면에서는 사용 안함
	if("http" == "http" || isExceptionUrl){
		$.ajax({
	        url: url,
	        cache : false,
	        type: ajaxType,
	        dataType: "json",
			contentType : "application/json",
		    success: function (data) {
		    	
				try
				{
			    	var json = $.parseJSON(data);
	
			    	for(var i=0; i<json.results.length;i++){
						//위치 상세설정 : 적용페이지 URL
						//url 다중 처리 : BOS 처리가 안되서 임시로 # 으로 url 구분 하기로 함 // 20150728
						var targetUrl = "";
						
						if(json.results[i].visibleSiteUrl!=null){
							
							var arrUrl = json.results[i].visibleSiteUrl.split("#"); // 20150728
							for(var k =0; k<arrUrl.length; k++){ // start of FOR // 20150728
								targetUrl = arrUrl[k].replace(/(\s*)/g,""); // 20150728
								if(window.location.href == targetUrl){// 20150728							
									if(json.results[i].exposure){
										var popHtml = "";
										popHtml = getPopupHtml(json.results[i]);
		
										$("body").prepend(popHtml);
										
										var cookiedata = document.cookie;
		
								 		if ( cookiedata.indexOf("gsCommonPopup"+json.results[i].pk+"_pop=done") < 0 ){
								 			Clayer_open('gsCommonPopup'+json.results[i].pk, json.results[i].pk, json.results[i].popupPosition.code);
											//팝업위치
											setPopupPosition(json.results[i]);
											MAIN_POPUP_COUNT++;
								 		}
									}
								}
							} // end of FOR // 20150728
			    		}
					}
				}
				catch(e)
				{
					return null;
				}
	        },
	        error: function(jqXHR, textStatus, errorThrown) {
	       		//alert(errorThrown + " (" +textStatus +")" );
	        }
		});
	}
		

	
	function Clayer_open(el, pk, position){
		var temp = $('#' + el);
		//var bg = temp.prev().hasClass('bg');	//dimmed 레이어를 감지하기 위한 boolean 변수

		$('#popManage' + pk).css("z-index", 9999);
		$('#popManage' + pk).css("position","fixed");
		$('#popManage' + pk).css("top","50%");
		$('#popManage' + pk).css("left","50%");
		$('#popManage' + pk).fadeIn();
		temp.fadeIn();
		var margin_top_calibration = 0;
	
		if(position == "TOPLEFT" || position == "TOPMIDDLE" || position == "TOPRIGHT"){
		    margin_top_calibration = -70; 
		} else if ( position == "BOTTOMLEFT" || position == "BOTTOMMIDDLE" || position == "BOTTOMRIGHT") {
			margin_top_calibration = +30;
		}
		
		// 화면의 중앙에 레이어를 띄운다.
		if (temp.height() < $(document).height() ) temp.css('margin-top', '-'+(temp.height()/2+margin_top_calibration)+'px');
		else temp.css('top', '0px');
		if (temp.width() < $(document).width() ) temp.css('margin-left', '-'+temp.width()/2+'px');
		else temp.css('left', '0px');
		
		temp.find('.pop_cls').click(function(e){
            $('#popManage' + pk).fadeOut();
			temp.fadeOut();
			e.preventDefault();
		});
	}
});

/**
 * 쿠키 생성
 * @param name 쿠키명
 * @param value 쿠키 값
 * @param expiredays 쿠키 기간
 */
$.makeExpierCookie=function( name, value, expiredays ){
  var todayDate = new Date();
  todayDate.setDate( todayDate.getDate() + expiredays );
  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

/**
 * 쿠키 삭제
 * @param cookieName 삭제할 쿠키명
 */
$.deleteCookie = function( cookieName ){
  var expireDate = new Date();
  //어제 날짜를 쿠키 소멸 날짜로 설정한다.
  expireDate.setDate( expireDate.getDate() - 1 );
  document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
}

/**
 * 쿠키값 추출
 * @param cookieName 쿠키명
 */
$.getCookie = function( cookieName ){
	var search = cookieName + "=";
	var cookie = document.cookie;
	
	// 현재 쿠키가 존재할 경우
	if( cookie.length > 0 ){
		// 해당 쿠키명이 존재하는지 검색한 후 존재하면 위치를 리턴.
		startIndex = cookie.indexOf( cookieName );
		
		// 만약 존재한다면
		if( startIndex != -1 ){
			// 값을 얻어내기 위해 시작 인덱스 조절
			startIndex += cookieName.length;
			
			// 값을 얻어내기 위해 종료 인덱스 추출
			endIndex = cookie.indexOf( ";", startIndex );
			
			// 만약 종료 인덱스를 못찾게 되면 쿠키 전체길이로 설정
			if( endIndex == -1) endIndex = cookie.length;
			
			// 쿠키값을 추출하여 리턴
			return unescape( cookie.substring( startIndex + 1, endIndex ) );
		}else{
			// 쿠키 내에 해당 쿠키가 존재하지 않을 경우
			return false;
		}
	}else{
		// 쿠키 자체가 없을 경우
		return false;
	}
}

//]]>
</script>
<!-- contents -->
<div class="cntwrap" id="contents">
<div class="yCmsComponent span-24 section1 cms_disp-img_slot">
<!-- 202119K main -->
<!-- 환경경영 -->
<!-- 윤리경영 > 정도경영 -->
<!-- 인재경영 -->
<!-- 상생경영 -->
<!-- 나눔경영 -->
<!-- 고객만족경영	 -->
<!-- 안전경영	 -->
<!-- 입점상담 -->
<!-- 고개센터 -->
<!-- 채용안내 -->
<style media="print" type="text/css">
	@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');/* 2022-07-25 추가 */
</style>
<link href="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/newsroom/swiper-bundle.min.css" media="all" rel="stylesheet" type="text/css"/><!-- 2022-07-25 추가 -->
<script src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/newsroom/swiper-bundle.min.js" type="text/javascript"></script><!-- 2022-07-25 추가 -->
<div class="cntwrap continuous" id="contents">
<div class="cnt">
<div class="main_wrap">
<!-- 메인배너 -->
<script type="text/javascript">
				$(document).ready(function(){
					$(".main_visual .main_visual_bnr").slick({
						draggable: true,
						swipeToSlide: true,
						infinite: true,
						arrows: false,
						autoplay: true,
						autoplaySpeed: 5000,
					})
				})
			</script>
<div class="main_visual">
<!-- 2022-07-25  수정 -->
<div class="main_visual_bnr_new">
<script type="text/javascript">
						$(document).ready(function(){
							try{
								var swiper = new Swiper(".mySwiper", {
								pagination: {
									el: ".swiper-pagination",
									type: "fraction",
								},
								navigation: {
									nextEl: ".swiper-button-next",
									prevEl: ".swiper-button-prev",
								},
								});
							} catch(e) {
								return null;
							}
						});
					  </script>
<div class="newsroom">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<!-- 메인 롤링 화면 -->
<script type="text/javascript">
									$(document).ready(function(){
										$.ajax({
										    url : "/common/rolling",
										    cache : false,
										    type : "GET",
										    dataType : "json",
											contentType : "application/json",
										    success : function (data) {
												try {
											    	for (var i = 0; i < data.length; i++) {
														var content = data[i].content;	// 내용
														var youtubeUrl = data[i].youtubeURL;	//youtubeURL
														var thumbnail;	//썸네일(PC)
														
														if(data[i].thumbnailImage != null && data[i].thumbnailImage != "") {
															thumbnail = data[i].thumbnailImage.url;
														}
														
														var rollingPage = '<div class="swiper-slide">';
															rollingPage += '    <div class="slide_cont">';
															rollingPage += '        <div class="left">';
															rollingPage += '            <p class="txt01">유튜브로 만나는</p>';
															rollingPage += '            <p class="txt02">GS리테일<br />NEWS</p>';
															rollingPage += '            <p class="txt03"><img src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/newsroom/newsroom_youtube_logo.png" alt=""></p>';
															rollingPage += '            <p class="txt04">'+ content +'</p>';
															rollingPage += '            <p class="newsroom_btn_go"><a href="'+ youtubeUrl +'" target="_blank">보러가기</a></p>';
															rollingPage += '        </div>';
															rollingPage += '        <a href="'+ youtubeUrl +'" target="_blank">';
															rollingPage += '            <div class="right">';
															rollingPage += '                <img src="'+ thumbnail +'" alt="">';
															rollingPage += '            </div>';
															rollingPage += '        </a>';
															rollingPage += '    </div>';
															rollingPage += '</div>';
														
														$(".swiper-wrapper").append(rollingPage);	// 메인 롤링 페이지 넣기
											    	}
												} catch(e) {
													return null;
												}
											},
											error: function(jqXHR, textStatus, errorThrown) {
// 								 		    	alert(errorThrown + " (" +textStatus +")" );
										    }
										});
									});
								</script>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- //2022-07-25  수정 -->
<div class="main_visual_list">
<ul>
<li class="bg01">
<a href="/gsretail/ko/esg/environmental">
<span class="ico ico01"></span>
<span class="tit">환경경영</span>
<span class="txt">고객과 함께 <br/>미래의 녹색 환경을<br/>선도하고 있습니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg02">
<a href="/gsretail/ko/esg/ethics/precision">
<span class="ico ico02"></span>
<span class="tit">윤리경영</span>
<span class="txt">윤리 경영을 최우선<br/>기본 가치로 <br/>실현합니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg03">
<a href="/gsretail/ko/esg/win-win">
<span class="ico ico04"></span>
<span class="tit">상생경영</span>
<span class="txt">파트너사와 공동의<br/> 발전을 도모하는<br/> 철학을 실현합니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg01">
<a href="/gsretail/ko/esg/sharing">
<span class="ico ico05"></span>
<span class="tit">나눔경영</span>
<span class="txt">파트너사와 공동의<br>발전을 도모하는<br>철학을 실현합니다.</br></br></span>
<span class="arrow"></span>
</a>
</li>
<li class="bg02">
<a href="/gsretail/ko/esg/customer-satisfaction">
<span class="ico ico06"></span>
<span class="tit">고객만족경영</span>
<span class="txt">고객 한분 한분의 <br/>만족이 사명이자 <br/>존재 이유입니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg03">
<a href="/gsretail/ko/esg/talent">
<span class="ico ico03"></span>
<span class="tit">인재경영</span>
<span class="txt">인재 가치를 소중히 <br/>여기며 다양한 <br/>제도를 운영합니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg01">
<a href="/gsretail/ko/esg/safety-health">
<span class="ico ico07"></span>
<span class="tit">안전경영</span>
<span class="txt">모든 임직원의<br>안전하고 건강한 삶을<br>최고로 지향합니다.</br></br></span>
<span class="arrow"></span>
</a>
</li>
</ul>
</div>
</div>
<!-- //메인배너 -->
<!-- 공지사항 탭 -->
<script type="text/javascript">
				//<![CDATA[
				var NoticeReport = function(){		
					this.getList = function(){		
						var tURL = "/board/boardList";
						var tFormHTML = "";
						tFormHTML += "<input type=\"hidden\" name=\"pageNum\" id=\"pageNum\" value=\"" + this._BOARD_INFO.pageNum + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"pageSize\" id=\"pageSize\" value=\"" + this._BOARD_INFO.listCnt + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"modelName\" id=\"modelName\" value=\"" + this._BOARD_INFO.boardName + "\"/>";
				
						this.setFormInformation( tFormHTML );
						this.getData( tURL, this.setResourceList, this );
					};
					this.setResourceList = function( result, tThis ){ /////// modify
						var tData = result;
						tThis._RESOURCE = [];
						for( var i=0; i<tData.results.length; i++ ){
							tThis._RESOURCE.push( { boardCode:tData.results[i].articleCode, title:tData.results[i].subject, markerCode:tData.results[i].marker.code, operationDivision:tData.results[i].relatePlaceCode, regDate:tThis.getDateFormat( tData.results[i].regiday, "." )} ); // 첨부파일 추가 처리
						}
						tThis._BOARD_INFO.totalCnt = tData.pagination.totalNumberOfResults;
						tThis.setListHTML();
					};
					this.setListHTML = function(){
						var tInfo = this._BOARD_INFO;
						var tResource = this._RESOURCE;
						var tHTML = "";
						var beginIdx = this.getBeginIndex();
						var enumValue = "";
						
						if(tResource.length == 0){
							
						}else{
							for( var i=0; i<tResource.length; i++ ){
								//요구사항으로 인한 enumValue를 사업부로 변경
								enumValue = tResource[i].operationDivision;
								if(i%3 == 0){
									tHTML += "<li class=\"first\">";
								}else{
									tHTML += "<li>";
								}
								tHTML += "	<a href='/gsretail/ko/media/notices-view?pageNum=1&articleCode="+tResource[i].boardCode+"'>";
								tHTML += "		<span class=\"name\"><strong class=\"c_noti\">"+enumValue+"</strong><span class=\"date\">"+tResource[i].regDate+"</span></span>";
								tHTML += "		<span class=\"tit\">"+tResource[i].title +"</span>";
								tHTML += "	</a>";
								tHTML += "</li>";
							}
						}
						
						$( "#noticeListBox" ).html( tHTML );
						this.setPagingHTML();
					};	
				}
				
				var CorpNews = function(){
				    this.getMarker = function( strFlag ){
				        var tStr = strFlag;
				        var arrStrMap = {
				        	ALL             : "전체",
				        	GSRETAIL		: "GS리테일",
				        	GS25		    : "GS25",
				        	GSSHOP			: "GS SHOP",
				        	GSSM		    : "GS수퍼마켓",
				        	WATSONS		    : "lalavla", <!-- 2018-02-08 수정 -->
				        	WINWIN          : "동반성장(상생협력)",
				            event			: "이벤트",
				            newProduct		: "신상",
				            succApplicant	: "합격자발표",
				            winner			: "당첨자발표",
				            recruitNotict	: "모집공고",
				            eventGuide		: "행사안내"
				        }
				        return arrStrMap[strFlag];
				    };
					this.getList = function(){		
						
						var tURL = "/board/boardList";
						var tFormHTML = "";						
				
						tFormHTML += "<input type=\"hidden\" name=\"pageNum\" id=\"pageNum\" value=\"" + this._BOARD_INFO.pageNum + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"pageSize\" id=\"pageSize\" value=\"" + this._BOARD_INFO.listCnt + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"modelName\" id=\"modelName\" value=\"" + this._BOARD_INFO.boardName + "\"/>";
				
						tFormHTML += "<input type=\"hidden\" name=\"searchType\" id=\"searchType\" value=\"" + this._BOARD_INFO.searchType + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"searchWord\" id=\"searchWord\" value=\"" + this._BOARD_INFO.searchWord + "\"/>";
						
						var parameterList = "noticeCategory:ALL"; 
						
						tFormHTML += "<input type=\"hidden\" name=\"parameterList\" id=\"parameterList\" value=\"" + parameterList + "\"/>";
				
						this.setFormInformation( tFormHTML );
						this.getData( tURL, this.setResourceList, this );
					};
					this.setResourceList = function( result, tThis ){ /////// modify
						var tData = result;
						var tThumnailURL;
						tThis._RESOURCE = [];
						for( var i=0; i<tData.results.length; i++ ){
							tThumnailURL = "";
							if ( tData.results[i].thumbnail != undefined ){
								tThumnailURL = tData.results[i].thumbnail.url;
							}	
							//tThis._RESOURCE.push( { thumbnail:tThumnailURL, marker:tData.results[i].marker.code, boardCode:tData.results[i].articleCode, title:tData.results[i].subject, regDate:tThis.getDateFormat( tData.results[i].regiday, "." ), readCnt:tData.results[i].inquery, operationDivision:tData.results[i].relatePlace.code, memo:tData.results[i].memo } );
							tThis._RESOURCE.push( { thumbnail:tThumnailURL, marker:tData.results[i].marker.code, boardCode:tData.results[i].articleCode, title:tData.results[i].subject, regDate:tThis.getDateFormat( tData.results[i].regiday, "." ), readCnt:tData.results[i].inquery, operationDivision:tData.results[i].relatePlace, memo:tData.results[i].memo, summMemo:tData.results[i].summMemo, newsCategory : tData.results[i].newsCategory } );
						}
						tThis._BOARD_INFO.totalCnt = tData.pagination.totalNumberOfResults;
						tThis.setListHTML();				
					};	
					this.setListHTML = function(){
						var tInfo = this._BOARD_INFO;
						var tResource = this._RESOURCE;
						var tHTML = "";
						var beginIdx = this.getBeginIndex();		
						$("#corpNewsBox" ).html("");
						if(tResource.length == 0){
							tHTML += "<li class=\"first\">";
							tHTML += "	<a href=\"#\">";
							tHTML += "		<span class=\"name\"><strong class=\"c_gs\"></span></span>";
							tHTML += "		<span class=\"tit\">조회 결과가 없습니다.</span>";
							tHTML += "		<span class=\"img\"><img src=\"http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/main/news_img.jpg\" alt=\"소식 이미지\" /></span>";
							tHTML += "	</a>";
							tHTML += "</li>";
						}
						else {
							for( var i=0; i<tResource.length; i++ ){
								var linkUrl = "/gsretail/ko/media/news-report-view?pageNum=" + this._BOARD_INFO.pageNum + "&articleCode=" + tResource[i].boardCode + "&newsCategory=ALL";
								var division = this.getMarker(tResource[i].operationDivision);
								if(i==0){
									tHTML += "<li class=\"first\">";
								}else{
									tHTML += "<li>";
								}
								tHTML += "	<a href=\""+ linkUrl + "\">";
								tHTML += "		<span class=\"name\"><strong class=\"c_gs\">" + division + "</strong><span class=\"date\">" + tResource[i].regDate + "</span></span>";
								tHTML += "		<span class=\"tit\">" + tResource[i].summMemo + "</span>";
								tHTML += "		<span class=\"img\"><img src=\"" + tResource[i].thumbnail+  "\" alt=\""+ tResource[i].title + "\" style=\"width: 360px; height: 220px;\"  /></span>";
								tHTML += "	</a>";
								tHTML += "</li>";
							}
						}
						$("#corpNewsBox" ).html(tHTML);
					};	
				};
				           
				var noticeTab = new tabClickController();

				//보도자료
				CorpNews.prototype = new boardManagerController();
				var corpNews = new CorpNews();

				//공지사항
				NoticeReport.prototype = new boardManagerController();
				var noticeReport = new NoticeReport();
				
				$(document).ready(function(){ 
					noticeTab.init( ".notice_wrap > ul > li > a.tab_tit", ".noti_inner", "on" );
					noticeTab.viewControl(0); 
					
					noticeReport.setPageNum(1);
					noticeReport.setListCnt(6);
					noticeReport.setCSRFToken("e7957bc0-809a-4692-b3b1-e053e4256cae");
					noticeReport.initList( "noticeReport", "companyCnNotice", ".tblwrap", ".tblwrap .paging", "" );
					noticeReport.searchInit( "#src_field", "#us_id", "#searchBtn" );				//  select search type ::: search input control ::: seach btn control
					
					corpNews.setPageNum(1);
					corpNews.setListCnt(3);
					corpNews.setCSRFToken("e7957bc0-809a-4692-b3b1-e053e4256cae");
					corpNews.initList( "news", "corpNews", ".tblwrap", ".tblwrap .paging", "" );
					corpNews.searchInit( "#src_field", "#us_id", "#searchBtn" );				//  select search type ::: search input control ::: seach btn control
					
				});
				//]]>
			</script>
<div class="notice_wrap">
<ul>
<li>
<a class="tab_tit" href="#;"><h4>보도자료</h4></a>
<div class="noti_inner">
<ul id="corpNewsBox">
</ul>
<div class="tit_more_btn">
<a href="/gsretail/ko/media/news-report" title="보도자료 더보기">더보기</a>
</div>
</div>
</li>
<li class="line_typ">
<a class="tab_tit" href="#;"><h4>공지사항</h4></a>
<div class="noti_inner">
<ul id="noticeListBox">
</ul>
<div class="tit_more_btn">
<a href="/gsretail/ko/media/notices" title="공지사항 더보기">더보기</a>
</div>
</div>
</li>
</ul>
</div>
<!-- //공지사항 탭 -->
<!-- 인재, 입점, 고객센터 -->
<script type="text/javascript">
				$(document).ready(function(){
					$(".recruit_list_wrap .recruit_list").slick({
						draggable: true,
						swipeToSlide: true,
						infinite: true,
						arrows: false,
						variableWidth: true,
						autoplay: true,
					})
				})
			</script>
<div class="recruit_list_wrap">
<div class="m_tit_wrap">
<h4>
<span>함께할 인재를</span><br>
<span>찾습니다</span>
</br></h4>
<div class="tit_more_btn">
<a href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="함께할 인재를 찾습니다">채용정보 확인하기</a><!-- 2021-09-14 수정 -->
</div>
</div>
<div class="recruit_list_bg">
<div class="recruit_list">
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS25" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo01.png"/></a>
</div>
<!-- 2021-07-01 추가 -->
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS SHOP" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo02.png"/></a>
</div>
<!-- //2021-07-01 추가 -->
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS THE FRESH" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo03.png"/></a>
</div>
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS Fresh Mall" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo04.png"/></a>
</div>
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="pop" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo06.png"/></a>
</div>
</div>
</div>
</div>
<ul class="customer_link_list">
<li>
<div class="m_tit_wrap">
<h4>입점상담</h4>
<p class="txt">GS리테일과 파트너사의 첫 만남. <br>입점 상담을 환영합니다.</br></p>
</div>
<div class="customer_link">
<a href="/gsretail/ko/etc/partnership-index">
<span class="dim">입점상담 바로가기<span class="arrow"></span></span>
<img alt="입점상담" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/customer_link_img01.jpg"/>
</a>
</div>
</li>
<li>
<div class="m_tit_wrap">
<h4>고객센터</h4>
<p class="txt">한분 한분의 의견을 소중하게 여기며,<br>고객님의 값진 한마디로 새롭게 거듭나겠습니다.</br></p>
</div>
<div class="customer_link">
<a href="/gsretail/ko/etc/customer-satisfaction-index">
<span class="dim">고객센터 바로가기<span class="arrow"></span></span>
<img alt="고객센터" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/customer_link_img02.jpg"/>
</a>
</div>
</li>
</ul>
<!-- //인재, 입점, 고객센터 -->
</div>
</div>
</div></div></div>
<!-- //contents -->
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function(){
		$.suggestionHtml();

		var otherFamilySite = new footerFamilySiteManager();
		otherFamilySite.setResource( ".family_list", ".family_list_d2" );
		otherFamilySite.init();
	});
	
	//Footer 입지제안 Layer render
	$.suggestionHtml = function(){
		var divExist = $(".layer").length;
		
		if(divExist > 0){
			$.renderLayer(1);
		} else {
			$.renderLayer(0);
		}
	};
	
	//rendering Layer
	var layerHtml = "";

	$.renderLayer = function(yn){
		if(yn < 1){
			layerHtml += '<div class="layer">';
			layerHtml += '	<div class="bg"></div>';
		}

		layerHtml += '	<div id="layerFooter" class="pop-layer">';
		layerHtml += '		<div class="popwrap lypop_my2">';
		layerHtml += '			<div class="pop_tltwrap">';
		layerHtml += '				<h4 class="pop_tlt1">입지제안</h4>';
		layerHtml += '			</div>';
		layerHtml += '			<div class="pop_cnt">';
		layerHtml += '				<div class="all_wrap">';
		layerHtml += '					<div class="pop_tblwrap">';
		layerHtml += '						<table class="pop_tbl_ctype2" summary="입지제안의 기준 및 접수처를 확인할 수 있으며 사업부,추천기준,접수처를 제공합니다.">';
		layerHtml += '							<caption>입지제안 안내팝업</caption>';
		layerHtml += '							<colgroup>';
		layerHtml += '								<col style="width:138px"/>';
		layerHtml += '								<col style="width:285px"/>';
		layerHtml += '								<col style="width:155px"/>';
		layerHtml += '							</colgroup>';
		layerHtml += '							<thead>';
		layerHtml += '								<tr>';
		layerHtml += '									<th scope="col">사업부</th>';
		layerHtml += '									<th scope="col">추천 기준</th>';
		layerHtml += '									<th scope="col">접수처</th>';
		layerHtml += '								</tr>';
		layerHtml += '							</thead>';
		layerHtml += '							<tbody>';
		layerHtml += '								<tr>';
		layerHtml += '									<td class="ft_ct"><img alt="GS25 로고" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/ft_logo_gs25.png" /></td>';
		layerHtml += '									<td>지역 : 전국<br/>규모 : 영업면적 10평 이상 임차점포</td>';
		layerHtml += '									<td style="padding-left:15px;"><a class="btn onbtn" href="http://gs25.gsretail.com/gscvs/ko/franchise-info/one-on-ones-consult/location-offer" target="_blank" title="새 창" style="padding:10px 10px; margin:0; font-size:13px; background:#666;">입지제안 바로가기</a></td>';
		layerHtml += '								</tr>';
		layerHtml += '								<tr>';
		layerHtml += '									<td class="ft_ct"><img alt="GS수퍼마켓 로고" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/ft_logo_gssuper.png" /></td>';
		layerHtml += '									<td>지역 : 반경 500m내 5천세대 이상 거주<br/>용도지역 : 상업, 준주거, 일반주거<br/>규모 : 전용 100평 이상</td>';
		layerHtml += '									<td>SD부문 개발지원팀<br/>02)2006-2364</td>';
		layerHtml += '								</tr>';
		layerHtml += '							</tbody>';
		layerHtml += '						</table>';
		layerHtml += '					</div>';
		layerHtml += '					 <div class="btnwrap">';
		layerHtml += '						<input class="btn sty01 onbtn" type="button" value="확인" onclick="$(\'#layerFooter\').find(\'.pop_cls a\').trigger(\'click\');" />';
		layerHtml += '					</div>';
		layerHtml += '				</div>';
		layerHtml += '			</div>';
		layerHtml += '			<div class="pop_cls">';
		layerHtml += '				<a href="#">닫기</a>';
		layerHtml += '			</div>';
		layerHtml += '		</div>';
		layerHtml += '	</div>';
		
		if(yn < 1){
			layerHtml += '</div>';
		}

		if(yn < 1){
			$(".renew_footer_wrap").append(layerHtml);
		} else {
			$(".renew_footer_wrap").append(layerHtml);
		}
	};
	
	//팝업 레이어
	function layer_open_footer(el, parentId){
		var temp = $('#' + el);
		var bg = temp.prev().hasClass('bg');	//dimmed 레이어를 감지하기 위한 boolean 변수
	
		$('.layer').fadeIn();
		temp.fadeIn();
	
		/* 2015-08-14 update - focus오류 수정. */
		temp.attr("tabIndex", "-1");
		$(document)
			.off('focusin.modalLayer')
			.on('focusin.modalLayer', $.proxy(function (e) {
				if ( temp[0] !== e.target && !temp.has(e.target).length) {
					temp.trigger('focus');
				}
			}, this));
		
		// 화면의 중앙에 레이어를 띄운다.
		if (temp.height() < $(document).height() ) temp.css('margin-top', '-'+temp.height()/2+'px');
		else temp.css('top', '0px');
		if (temp.width() < $(document).width() ) temp.css('margin-left', '-'+temp.width()/2+'px');
		else temp.css('left', '0px');
	
		temp.find('.pop_cls a').click(function(e){
			$('.layer').fadeOut();
			$('.layer').find('.pop-layer').each(function(){
				$(this).fadeOut();
			});
			
			/* 2015-08-14 update - focus오류 수정. */
			$(document).off('focusin.modalLayer');
			
			if(parentId != undefined) {
				parentId.focus();	
			}
			
			e.preventDefault();
		});
	
		//배경을 클릭하면 레이어를 사라지게 하는 이벤트 핸들러
		$('.layer .bg').click(function(e){
			$('.layer').fadeOut();
			$('.layer').find('.pop-layer').each(function(){
				$(this).fadeOut();
			});
			e.preventDefault();
		});
	};
//]]>
</script>
<!-- footer -->
<div class="renew_footer_wrap">
<div class="ft_link_wrap">
<div class="ft_link_list">
<ul>
<li><a href="/gsretail/ko/footer/privacy"><strong class="ft_clr1">개인정보처리방침</strong></a></li>
<li><a href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="함께할 인재를 찾습니다">채용안내</a></li><!-- 2021-09-14 수정 -->
<li><a href="/gsretail/ko/etc/partnership-index">입점상담</a></li>
<li><a href="https://gs25.gsretail.com/gscvs/ko/customer-satisfaction/mantomancnsoundform?groupId=coopInqu">제휴/협력문의</a></li><!-- 2022-01-19 추가 -->
<li><a href="#;" onclick="layer_open_footer('layerFooter', this);">입지제안</a></li>
<li><a href="/gsretail/ko/footer/rental-store-all">임대상가 안내</a></li>
<li><a href="/gsretail/ko/esg/ethics/precision?tab=3">정도경영제보</a></li>
<li><a href="/gsretail/ko/etc/customer-satisfaction-index">고객센터</a></li>
<li><a href="/gsretail/ko/footer/about-gsshopviewers">GS SHOP 시청자 관련</a></li><!-- 2021-07-01 추가 -->
</ul>
<p class="footer_logo">
<a href="/gsretail/ko/company">GS리테일</a>
</p>
</div>
</div>
<div class="custom_list_wrap">
<p style="font-size:15px; font-weight:bold; padding-bottom:20px">※ 고객센터 대표전화 (유료)</p><!-- 2022-08-01 추가 -->
<div class="custom_list">
<ul>
<li>
<dl>
<dt>GS25</dt>
<dd>1644-5425</dd>
</dl>
</li>
<li>
<dl>
<dt>GS SHOP</dt>
<dd>1899-4455</dd><!-- 2021-07-01 수정 -->
</dl>
</li>
<li>
<dl>
<dt>GS THE FRESH(GS수퍼마켓)</dt>
<dd>1833-9779</dd>
</dl>
</li>
<li>
<dl>
<dt>GS Fresh Mall</dt>
<dd>
							1661-2562
							</dd>
</dl>
</li>
<li>
<dl>
<dt>POP카드</dt>
<dd>1544-8997</dd>
</dl>
</li>
</ul>
</div>
<dl class="family_list">
<dt>
<a href="#;">계열사</a>
</dt>
<dd>
<div class="family_list_d2">
<ul>
<li><a href="http://www.gs.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/(주)GS 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">(주)GS</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://gsnws.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS네트웍스 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS네트웍스</a></li><!-- 2020-07-15 로거삽입 -->
<li><a href="http://www.gsnpoint.com/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS&amp;Point.com 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS&amp;Point.com</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.kixx.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS칼텍스(Kixx) 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS칼텍스(Kixx)</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="https://www.gsnetvision.com" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS넷비전 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS넷비전</a></li><!-- 2021-11-10 추가 -->
<li><a href="http://www.gsmbiz.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS엠비즈 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS엠비즈</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.fcseoul.com/new_intro.jsp" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS스포츠 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS스포츠</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.gseps.com/kor/main/main.aspx" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS EPS 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS EPS</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.gsconst.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS건설 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS건설</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.elysian.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/엘리시안강촌 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">엘리시안강촌</a></li><!-- 2016-01-25 로거삽입 -->
</ul>
</div>
</dd>
</dl>
<p class="copyright_txt">
			(주)GS리테일 서울시 강남구 논현로 508(역삼동 679번지 GS타워)    대표이사 : 허연수, 김호성    사업자등록번호 : 116-81-18745<br><!-- 2021-08-24 수정 -->
			Copyright ⓒ 2021 GS Retail Co.,Ltd. All Rights Reserved.
		</br></p>
<!-- 2021-07-12 추가 -->
<div class="mark_area">
<script type="text/javascript">
				$(function() {
					$(document).delegate('.gs-open-popup', 'click', function(e) {
						e.preventDefault();
						var $this = $(this),
							url = $this.data('popup-url')||'about:blank',
							target = $this.data('popup-target')||'_blank',
							scrollbars = $this.data('popup-scrollbars'),
							menubar = $this.data('popup-menubar'),
							toolbar = $this.data('popup-toolbar'),
							location = $this.data('popup-location'),
							status = $this.data('popup-status'),
							resizable = $this.data('popup-resizable'),
							top = $this.data('popup-top'),
							left = $this.data('popup-left'),
							width = $this.data('popup-width'),
							height = $this.data('popup-height'),
							s = '';
						if (scrollbars) s += ',scrollbars='+scrollbars;
						if (menubar) s += ',menubar='+menubar;
						if (toolbar) s += ',toolbar='+toolbar;
						if (resizable) s += ',resizable='+resizable;
						if (top) s += ',top='+top;
						if (left) s += ',left='+left;
						if (width) s += ',width='+width;
						if (height) s += ',height='+height;
						var o = window.open(url, target, s.substring(1));
						try{o.focus();} catch(e) {}
					});
				});
			</script>
<ul>
<!-- 2021-03-22 수정 -->
<li>
<a class="gs-open-popup" data-popup-height="1000" data-popup-left="left" data-popup-scrollbars="no" data-popup-target="popup1" data-popup-top="top" data-popup-url="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/ismsp_certificate_gsretail2021.jpg" data-popup-width="720" href="#none" resize="none"><!-- 2021-03-24 수정 -->
<img alt="ISMS-P 인증" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark01.png"/>
</a>
</li>
<!-- //2021-03-22 수정 -->
<!-- 2018-09-04 추가 -->
<li><img alt="고객만족 경영 명예의 전당 헌액" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark03.png"/></li>
<li><img alt="한국서비스대상 종합유통부문 종합대상 5회" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark04.gif"/></li>
<li class="last"><img alt="GS25 편의점부문 1위,GS수퍼 대형슈퍼마켓 부문 1위" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark05.gif"/></li>
<!-- //2018-09-04 추가 -->
</ul>
</div>
<!-- //2021-07-12 추가 -->
</div>
</div>
<!-- //footer --></div>
# id가 wrap인 div 태그를 찾아봅니다.
soup.find("div", id="wrap")

<div id="wrap">
<!-- 2022-07-04 : 지속가능경영 소개 2021 보고서 수정 건  Start-->
<!-- 2022-07-04 : 지속가능경영 소개 2021 보고서 수정 건  End-->
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function() {
		if(location.href.indexOf("ko/company") > 0){
			//IE8버젼 체크
			if(navigator.appVersion.indexOf('MSIE 8.0') >= 0 || navigator.appVersion.indexOf('Trident/4.0') >= 0){
				var html = "지금 사용하고 계신 브라우저(Internet Explorer 8)은 알려진 <strong>보안 취약점</strong>이 존재하며,";
				html += " 새로운 웹 사이트가 <strong>깨져 보일 수도</strong> 있습니다. <a href='http://windows.microsoft.com/ko-kr/windows/downloads'>\"브라우저를 어떻게 업데이트하나요?\"</a>";
				html += "<a href='#' onclick='$(\"#alertIE8\").hide();' style='display:block;float:right;padding:5px'>X</a>";
				$(".header > .topwrap").before("<div align='center' id='alertIE8'>"+html+"</div>");
				$("#alertIE8").css("background-color","yellow");
				$("#alertIE8").css("border-bottom","1px solid #dfdfdf");
				$("#alertIE8").css("padding","8px");
			}
		}
	});
	//]]>
</script>
<div id="accessibility">
<ul>
<li><a href="#contents">본문 바로가기</a></li>
<li><a href="#n_gnb_menu">주메뉴 바로가기</a></li>
</ul>
</div>
<!-- header -->
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function(){
		var gsretailGNB = new N_GNBControlle;
		gsretailGNB.init( ".n_gnb_wrap .n_gnb", ".n_gnb ul li h2 a", ".n_gnb ul .n_gnb_depth2", ".gnb_bg");
	});
	
	$.formValidation = function(formNm){
		var validYN = true;		//유효성 통과여부
		var labelText = "";		//label의 텍스트 가져오기
		var alertMsg = "";		//얼럿 메세지 세팅

		//텍스트 박스 일 경우
		$.each($("#" + formNm).find("input:text"), function(){
			labelText = $("label[for=" + $(this).attr("id") + "]").text();

			if(labelText.indexOf("*") > 0){
				labelText = labelText.replace("*","").replace(" ","");
			}

			if($(this).attr("validation")){
				if("" == labelText){
					alertMsg = $("#" + $(this).attr("id")).attr("title") + "이(가) 입력이 되지 않았거나 잘못 입력되었습니다.";
				} else {
					alertMsg = labelText + "이(가) 입력이 되지 않았거나 잘못 입력되었습니다.";
				}

				//Validation Check
				if("" == $("#" + $(this).attr("id")).val()){
					$("#" + $(this).attr("id")).parent().append("<div class='alertToolTip' onClick='$.tooltipHide();'>" + alertMsg + "</div>");
					validYN = false;
					$("#" + $(this).attr("id")).focus();
					return false;
				} else {
					$(".alertToolTip").remove();
					validYN = true;
				}
			}
		});

		//셀렉트 박스 일 경우
		$.each($("#" + formNm).find("select.valid"), function(){
			if(validYN){
				if("" == $("#" + $(this).attr("id")).val()){
					alertMsg = $("#" + $(this).attr("id")).attr("title") + "을(를) 선택해주세요";
					$("#" + $(this).attr("id")).parent().append("<div class='alertToolTip' onClick='$.tooltipHide();'>" + alertMsg + "</div>");
					validYN = false;
					return false;
				} else {
					$(".alertToolTip").remove();
					validYN = true;
				}
			}
		});

		return validYN;
	};

	//툴팁 삭제
	$.tooltipHide = function(){
		$(".alertToolTip").remove();
	};
//]]>
</script>
<div class="renew_header_wrap">
<div class="renew_header_inner">
<!-- gnb -->
<div class="n_gnb_wrap">
<h1 class="main_logo">
<a href="/gsretail/ko/company">GS리테일</a>
</h1>
<div class="n_gnb" id="n_gnb_menu">
<ul>
<li>
<h2>
<a href="#">회사소개</a>
</h2>
<ul class="n_gnb_depth2">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^경영이념 및 가치체계" data-sc-action="gnb.click" href="/gsretail/ko/intro/philosophy">경영이념 및 가치체계</a><!-- 2021-12-28 수정 -->
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^CEO인사말" data-sc-action="gnb.click" href="/gsretail/ko/intro/ceo-message">CEO인사말</a>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^이사회의장 인사말" data-sc-action="gnb.click" href="/gsretail/ko/intro/chair-message">이사회의장 인사말</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^기업연혁" data-sc-action="gnb.click" href="/gsretail/ko/intro/history">기업연혁</a>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^수상이력" data-sc-action="gnb.click" href="/gsretail/ko/intro/awards">수상이력</a>
</li>
<li>
<span class="fix_title">기업 CI/BI</span><!-- 2021-07-01 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^기업 CI/RI^심볼마크" data-sc-action="gnb.click" href="/gsretail/ko/intro/ci-bi">심볼마크</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="회사소개^기업 CI/RI^색상규정" data-sc-action="gnb.click" href="/gsretail/ko/intro/ci-bi?tab=1">색상규정</a>
</li>
</ul>
</li>
<!-- 2021-07-01 수정 -->
<li>
<a href="http://www.gsretail.com/gsretail/ko/intro/location">오시는 길</a>
</li>
<!-- //2021-07-01 수정 -->
</ul>
</li>
<li>
<h2>
<a href="#">사업소개</a>
</h2>
<!-- 20210701_1 수정 -->
<ul class="n_gnb_depth2">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS25" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gs25">GS25</a>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS THE FRESH" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gsthefresh">GS THE FRESH</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS SHOP" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gsshop">GS SHOP</a><!-- 2021-07-01 추가 -->
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS Fresh Mall" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gsfresh">GS Fresh Mall</a>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^심플리쿡" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-simplycook">심플리쿡</a>
</li>
<!-- 2022-01-14 수정 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^어바웃펫" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-pet">어바웃펫</a><!-- 2021-07-23 추가 -->
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^우리동네 딜리버리" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-woodel">우리동네 딜리버리</a>
<span class="fix_title" style="display:block; margin-top:15px">개발/임대</span>
<ul class="n_gnb_depth3">
<li><a data-dimension-name="link.linkName" data-dimension-value="사업소개^지하철 임대상가" data-sc-action="gnb.click" href="/gsretail/ko/footer/rental-store-all">지하철 임대상가</a></li>
<li><a data-dimension-name="link.linkName" data-dimension-value="사업소개^쇼핑몰" data-sc-action="gnb.click" href="/gsretail/ko/footer/rental-store-all?tab=1">쇼핑몰</a></li>
<li><a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS THE FRESH 임대코너" data-sc-action="gnb.click" href="/gsretail/ko/footer/rental-store-all?tab=2">GS THE FRESH 임대코너</a></li>
</ul>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^GS Pay" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-gspay">GS Pay</a>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^유어스" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-youus">유어스</a>
<!--<a href="/gsretail/ko/brand/about-breadique" data-sc-action="gnb.click" data-dimension-name="link.linkName" data-dimension-value="사업소개^브레디크">브레디크</a> //2022-10-19 삭제 -->
</li>
<!-- //2022-01-14 수정 -->
<!-- //2021-06-04 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="사업소개^파르나스호텔" data-sc-action="gnb.click" href="/gsretail/ko/brand/about-parnas">파르나스호텔</a>
</li>
</ul>
<!-- //20210701_1 수정 -->
</li>
<li>
<h2>
<a href="#">지속가능경영</a>
</h2>
<ul class="n_gnb_depth2 style_add"><!-- 2021-06-17 수정 -->
<!-- 2021-06-17 추가 -->
<li>
<span class="fix_title">지속가능경영 보고서</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^지속가능경영 보고서" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=3"><img alt="지속가능경영 보고서" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/continuous/gnb_report_2021.jpg"/></a><!-- 2022-06-00 수정 -->
</li>
</ul>
</li>
<!-- //2021-06-17 추가 -->
<li>
<span class="fix_title">지속가능경영 소개</span><!-- 2021-06-04 수정 -->
<!-- 2022-05-03 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^ESG 전략" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability">ESG 전략</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^ESG 거버넌스" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=1">ESG 거버넌스</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^ESG 이니셔티브" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=2">ESG 이니셔티브</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^지속가능경영 소개^지속가능경영보고서" data-sc-action="gnb.click" href="/gsretail/ko/esg/sustainability?tab=3">지속가능경영보고서</a>
</li>
</ul>
<!-- //2022-05-03 수정 -->
<span class="fix_title pt35">환경경영</span><!-- 2021-06-04 수정 -->
<!-- 2022-06-28 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^환경경영 개요" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental">환경경영 개요</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^환경경영 활동" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental?tab=1">환경경영 활동</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^함께하는 기후변화 대응" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental?tab=2">함께하는 기후변화 대응</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^환경경영^환경경영 자료" data-sc-action="gnb.click" href="/gsretail/ko/esg/environmental?tab=3">환경경영 자료</a><!-- 2022-06-27오후 수정 -->
</li>
</ul>
<!-- //2022-06-28 수정 -->
</li>
<li>
<span class="fix_title">윤리경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li class="row">
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision">정도경영</a>
<ul class="n_gnb_depth4">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 소개" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision">정도경영 소개</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 지침" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision?tab=1">정도경영 지침</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 제도" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision?tab=2">정도경영 제도</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^정도경영^정도경영 제보" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/precision?tab=3">정도경영 제보</a>
</li>
</ul>
</li>
<li class="row">
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade">공정거래</a>
<ul class="n_gnb_depth4">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^자율준수 프로그램" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade">자율준수 프로그램</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^자율준수 관리자 안내" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade?tab=1">자율준수 관리자 안내</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^공정거래 4대 가이드라인" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade?tab=2">공정거래 4대 가이드라인</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^윤리경영^공정거래^공정거래 업무기준" data-sc-action="gnb.click" href="/gsretail/ko/esg/ethics/fair-trade?tab=3">공정거래 업무기준</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<span class="fix_title">상생경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영^동반성장 개요" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win">동반성장 개요</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영^파트너사 지원제도" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win?tab=1">파트너사 지원제도</a>
</li>
<!-- 2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영&amp;경영주 지원제도" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win?tab=2">경영주 지원제도</a>
</li>
<!-- //2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^상생경영^상생경영 자료" data-sc-action="gnb.click" href="/gsretail/ko/esg/win-win?tab=3">상생경영 자료</a><!-- 2022-06-24 텍스트 수정 -->
</li>
</ul>
</li>
<li>
<span class="fix_title">나눔경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^나눔경영 소개" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing">나눔경영 소개</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^함께하는 나눔" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=1">함께하는 나눔</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^교육, 자활 지원" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=2">교육, 자활 지원</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^기부" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=3">기부</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^사회" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=4">사회 안전망</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^방송 발전" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=5">방송 발전</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^나눔경영^숨은나눔천사 추천" data-sc-action="gnb.click" href="/gsretail/ko/esg/sharing?tab=6">숨은나눔천사 추천</a><!-- 2022-01-17 수정 -->
</li>
</ul>
</li>
<li>
<span class="fix_title">고객만족경영</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^고객만족경영^고객만족경영 소개" data-sc-action="gnb.click" href="/gsretail/ko/esg/customer-satisfaction">고객만족경영 소개</a>
</li>
</ul>
<span class="fix_title pt35">인재경영</span>
<!-- 2022-06-20 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재상" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent">인재상</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재육성체계" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent?tab=1">인재육성체계</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재경영 지표" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent?tab=2">인재경영 지표</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인재경영 실적자료" data-sc-action="gnb.click" href="/gsretail/ko/esg/talent?tab=3">인재경영 실적자료</a>
</li>
</ul>
<!-- //2022-06-20 수정 -->
</li>
<!-- 2022-05-03 수정 -->
<li>
<span class="fix_title">안전경영</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^안전·보건 경영방침" data-sc-action="gnb.click" href="/gsretail/ko/esg/safety-health">안전·보건 경영방침</a>
</li>
<!-- 2022-10-13 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^안전·보건 의견 청취함" data-sc-action="gnb.click" href="/gsretail/ko/esg/safety-health?tab=1">안전·보건 의견 청취함</a>
</li>
<!-- //2022-10-13 추가 -->
</ul>
<!-- 2022-06-20 추가 -->
<span class="fix_title pt35">인권경영</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="지속가능경영^인재경영^인권경영방침" data-sc-action="gnb.click" href="/gsretail/ko/esg/human-rights">인권경영방침</a>
</li>
</ul>
<!-- //2022-06-20 추가 -->
</li>
<!-- //2022-05-03 수정 -->
</ul>
</li>
<li>
<h2>
<a href="#">투자정보</a>
</h2>
<ul class="n_gnb_depth2">
<!-- 2021-07-01 수정 -->
<li>
<span class="fix_title">기업지배구조</span>
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^기업지배구조헌장" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance">기업지배구조헌장</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^이사회 및 위원회 구성" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=1">이사회 및 위원회 구성</a>
</li>
<!-- 2022-03-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^이사회 평가" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=2">이사회 평가</a>
</li>
<!-- //2022-03-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^주주현황" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=3">주주현황</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^지배구조 모범규준과의 차이" data-sc-action="gnb.click" href="/gsretail/ko/ir/corporate-governance?tab=4" style="letter-spacing: -1.8px;">지배구조 모범규준과의 차이</a>
</li>
</ul>
</li>
<!-- //2021-07-01 수정 -->
<li>
<span class="fix_title">경영성과</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^경영성과^재무현황" data-sc-action="gnb.click" href="/gsretail/ko/ir/business-results">재무현황</a>
</li>
<!-- 2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^경영성과^배당정보" data-sc-action="gnb.click" href="/gsretail/ko/ir/business-results?tab=1">배당정보</a>
</li>
<!-- //2021-07-01 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^경영성과^실적자료" data-sc-action="gnb.click" href="/gsretail/ko/ir/business-results?tab=2">실적자료</a>
</li>
<!-- 20210701_2 수정 -->
<li>
<a href="https://company.gsshop.com/investment-info/library/index" target="_blank" title="새 창">IR정보(기존 GS SHOP)</a>
</li>
<li>
<a href="https://company.gsshop.com/investment-info/performance/index" target="_blank" title="새 창">경영실적(기존 GS SHOP)</a>
</li>
<!-- //20210701_2 수정 -->
</ul>
</li>
<li>
<span class="fix_title">공시정보</span><!-- 2021-06-04 수정 -->
<ul class="n_gnb_depth3">
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^사업/감사보고서" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-information">사업/감사보고서</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^공고" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-notice">공고</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^주주총회 공시" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-generalmeeting">주주총회 공시</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^공시정보^기타투자정보" data-sc-action="gnb.click" href="/gsretail/ko/ir/disclosure-etcinvest">기타투자정보</a>
</li>
</ul>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="투자정보^정책·제도 정보" data-sc-action="gnb.click" href="/gsretail/ko/ir/investor-protect">정책·제도 정보</a>
</li>
</ul>
</li>
<li>
<h2>
<a href="#">미디어</a>
</h2>
<!-- 2022-07-25 순서변경 -->
<ul class="n_gnb_depth2">
<!-- 2022-07-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^뉴스룸" data-sc-action="gnb.click" href="/gsretail/ko/media/newsroom">뉴스룸</a>
</li>
<!-- //2022-07-25 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^보도자료" data-sc-action="gnb.click" href="/gsretail/ko/media/news-report">보도자료</a>
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^사보" data-sc-action="gnb.click" href="/gsretail/ko/media/gsr-magazine">사보</a>
</li>
<!-- 2022-08-26 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^Z세대 트렌드" data-sc-action="gnb.click" href="/gsretail/ko/media/generationz">Z세대 트렌드</a>
</li>
<!-- //2022-08-26 추가 -->
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^칭찬합니다" data-sc-action="gnb.click" href="/gsretail/ko/media/service-news">칭찬합니다</a><!-- 2022-01-12 수정 -->
</li>
<li>
<a data-dimension-name="link.linkName" data-dimension-value="미디어^공지사항" data-sc-action="gnb.click" href="/gsretail/ko/media/notices">공지사항</a>
</li>
</ul>
<!-- //2022-07-25 순서변경 -->
</li>
</ul>
</div>
<div class="gnb_bg"></div>
</div>
<!-- //gnb -->
<!-- utility -->
<script type="text/javascript">
</script>
<div class="util_wrap">
<div class="util_box">
<ul>
<li><a href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="함께할 인재를 찾습니다">채용안내</a></li><!-- 2021-09-14 수정 -->
<li><a href="/gsretail/ko/etc/partnership-index">입점상담</a></li>
<li><a href="https://gs25.gsretail.com/gscvs/ko/customer-satisfaction/mantomancnsoundform?groupId=coopInqu">제휴/협력문의</a></li><!-- 2022-01-19 추가 -->
<li><a href="/gsretail/ko/etc/customer-satisfaction-index">고객센터</a></li>
<li class="tgl_menu gsr_brand"><!-- 2021-06-29 수정 -->
<a class="brd_btn" href="#;"><strong>GS리테일 브랜드</strong></a>
<!-- 2021-07-01 수정 -->
<ul>
<li><a href="http://www.gsretail.com/gsretail/ko/company">GS리테일</a></li>
<li><p>온라인 브랜드</p></li>
<li><a href="https://www.gsshop.com/index.gs" target="_blank">GS SHOP</a></li>
<li><a href="http://www.gsfresh.com" target="_blank">GS Fresh Mall</a></li>
<li><a href="http://www.popcard.co.kr/popcard/ko/main" target="_blank">팝카드</a></li>
<li><a href="http://woodel.co.kr/" target="_blank">우리동네 딜리버리</a></li>
<li><a href="https://www.gsfresh.com/dp/ssevnt_detail?ssevntId=8815&amp;mallId=20&amp;refresh=1658373470797" target="_blank">심플리쿡</a></li>
<li><p>오프라인 브랜드</p></li>
<li><a href="http://gs25.gsretail.com/gscvs/ko/main">GS25</a></li>
<li><a href="http://gsthefresh.gsretail.com/thefresh/ko/main">GS THE FRESH</a></li>
<!-- 2022-05-12 수정/추가 -->
<li><a href="https://seoul.intercontinental.com/" target="_blank">그랜드 인터컨티넨탈 <br/>서울 파르나스</a></li>
<li><a href="https://seoul.intercontinental.com/" target="_blank">인터컨티넨탈 <br/>서울 코엑스</a></li>
<li><a href="https://www.ninetreehotels.com/nth1/" target="_blank">나인트리호텔 명동</a></li>
<li><a href="https://www.ninetreehotels.com/nth2/" target="_blank">나인트리 프리미어 <br/>호텔 명동 II</a></li>
<li><a href="https://www.ninetreehotels.com/nth3/" target="_blank">나인트리 프리미어 <br/>호텔 인사동</a></li>
<li><a href="https://www.ninetreehotels.com/nth4/" target="_blank">나인트리 호텔 동대문</a></li>
<li><a href="https://www.ninetreehotels.com/nth5/" target="_blank">나인트리 프리미어 <br/>호텔 서울 판교</a></li>
<!-- //2022-05-12 수정/추가 -->
<li><a href="http://www.parnasmall.com/" target="_blank">파르나스몰</a></li>
</ul>
<!-- //2021-07-01 수정 -->
</li>
<li class="tgl_menu">
<a class="lang_btn" href="#;">LANGUAGE</a>
<ul>
<li><a href="http://www.gsretail.com/gsretail/en/global/gsretail-main">GS리테일 ENG</a></li>
<li><a href="http://gs25.gsretail.com/gscvs/en/global/gscvs-main">GS25 ENG</a></li>
<li><a href="http://gs25.gsretail.com/gscvs/zh/global/gscvs-main">GS25 中文</a></li>
<li><a href="http://www.gsretail.com/gsretail/ko/customer-satisfaction/indonesia-reports" target="_blank" title="새 창">LAPORAN MANAJEMEN ETIKA PT. GS RETAIL INDONESIA</a></li>
</ul>
</li>
</ul>
</div>
<div class="brd_list">
<ul>
<li><a href="http://gs25.gsretail.com/gscvs/ko/main"><img alt="GS25" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img03.png"/></a></li>
<li><a href="https://www.gsshop.com/index.gs"><img alt="GS SHOP" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img01.png"/></a></li><!-- 2021-07-01 추가 -->
<li><a href="http://gsthefresh.gsretail.com/thefresh/ko/main"><img alt="GS THE FRESH" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img02.png"/></a></li>
<li><a href="http://www.gsfresh.com" target="_blank"><img alt="GS Fresh Mall" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img04.png"/></a></li>
<li><a href="http://www.popcard.co.kr/popcard/ko/main" target="_blank"><img alt="POP" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/top_brd_img05.png"/></a></li>
</ul>
</div>
</div>
<!-- //utility -->
</div>
</div>
<!-- //header -->
<script type="text/javascript">
//<![CDATA[
var MAIN_POPUP_COUNT = 0;
//Validation Message 관리
$.globalMsg = {
	//입점상담 신규업체 등록
	newRegComNo : "사업자등록번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegComNm : "회사명이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegComGubun : "사업자구분이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizNo : "법인번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizOwner : "대표자가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizType : "업태 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegBizSub : "업종이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegPostNo : "우편번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpNm : "신청인이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpBirthYear : "신청인의 생년월일의 연도가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpBirthMon : "신청인의 생년월일의 월이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpBirthDate : "신청인의 생년월일의 일이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpGender : "성별이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpEmail : "이메일이 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpId : "아이디가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpPw : "비밀번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpPwNotEq : "비밀번호가 일치하지 않습니다.",
	newRegEmpPhoneNo : "전화번호가 입력이 되지 않았거나 잘못 입력되었습니다.",
	newRegEmpHpNo : "휴대폰이 입력이 되지 않았거나 잘못 입력되었습니다."
};

function setPopupPosition(popupObj) {
	try{
		var height = (popupObj.popupPositionWidth / 2) + 70;
		var width  = (popupObj.popupPositionHeight / 2) + 50;
		
		if(popupObj.popupPosition.code == "TOPLEFT"){
			$("#popManage"+popupObj.pk).css("top",height+"px");
			$("#popManage"+popupObj.pk).css("left",width+"px");
		}else if(popupObj.popupPosition.code == "TOPMIDDLE"){
			$("#popManage"+popupObj.pk).css("top",height+"px");
		}else if(popupObj.popupPosition.code == "TOPRIGHT"){
			$("#popManage"+popupObj.pk).css("top",height+"px");
			$("#popManage"+popupObj.pk).css("left","");
			$("#popManage"+popupObj.pk).css("right",width+"px");
		}else if(popupObj.popupPosition.code == "MIDLEFT"){
			$("#popManage"+popupObj.pk).css("left",width+"px");
		}else if(popupObj.popupPosition.code == "MIDRIGHT"){
			$("#popManage"+popupObj.pk).css("left","");
			$("#popManage"+popupObj.pk).css("right",width+"px");
		}else if(popupObj.popupPosition.code == "BOTTOMLEFT"){
			$("#popManage"+popupObj.pk).css("top","");
			$("#popManage"+popupObj.pk).css("bottom",height+"px");
			$("#popManage"+popupObj.pk).css("left",width+"px");
		}else if(popupObj.popupPosition.code == "BOTTOMMIDDLE"){
			$("#popManage"+popupObj.pk).css("top","");
			$("#popManage"+popupObj.pk).css("bottom",height+"px");
		}else if(popupObj.popupPosition.code == "BOTTOMRIGHT"){
			$("#popManage"+popupObj.pk).css("top","");
			$("#popManage"+popupObj.pk).css("bottom",height+"px");
			$("#popManage"+popupObj.pk).css("left","");
			$("#popManage"+popupObj.pk).css("right",width+"px");
		}else if(popupObj.popupPosition.code == "MANUAL"){
			$("#popManage"+popupObj.pk).css("top",popupObj.manuallyTopPosition);
			$("#popManage"+popupObj.pk).css("left",popupObj.manuallyLeftPosition);
		}
	}catch(e){}
}

function popupTermCkecked(pk) {
	var term = "";

	if($("#popManage" + pk ).attr("term") == "ONE"){
		term = 1;
	}else if($("#popManage" + pk).attr("term") == "SEVEN"){
		term = 7;
	}

	$.makeExpierCookie( "gsCommonPopup" + pk + "_pop", "done" , term);
    
    $('#popManage' + pk).fadeOut();
}

function getPopupHtml(popupObj) {
	var term = ""; //그만보기 설정
	var popStyle = "";
	var popWrapStyle = "";
	var popHtml = "";

		
	try{
		if(popupObj.stopPopup.code == "ONE"){
			term = "하루동안 열지 않음";
		}else if(popupObj.stopPopup.code == "SEVEN"){
			term = "일주일간 열지 않음";
		}
	}catch(e){}

	//팝업 높이
	if(popupObj.popupPositionHeight != "" && popupObj.popupPositionHeight != null){
		popStyle = "style='height:"+popupObj.popupPositionHeight+"px'";
	}
	//팝업 넓이
	if(popupObj.popupPositionWidth != "" && popupObj.popupPositionWidth != null){
		if(popupObj.popupPositionHeight != "" && popupObj.popupPositionHeight != null){
			popStyle = "style='height:"+popupObj.popupPositionHeight+"px;width:"+popupObj.popupPositionWidth+"px'";
		}else{
			popStyle = "style='width:"+popupObj.popupPositionWidth+"px'";
		}
		popWrapStyle = "style='width:"+popupObj.popupPositionWidth+"px'";
	}

	try{
		popHtml += "<div class='' id='popManage" + popupObj.pk + "' term='"+popupObj.stopPopup.code+"' >";
	}catch(e){
		popHtml += "<div class='' id='popManage" + popupObj.pk + "' term='NONE' >";
	}
	
	popHtml += "	<div class='popwrap lypop_my2 pop-inner-layer admin_popup' id='gsCommonPopup" + popupObj.pk + "' "+popWrapStyle+">";
// 	try{
// 		popHtml += "		<div class='pop_tltwrap' term='"+popupObj.stopPopup.code+"'>";
// 	}catch(e){
// 		popHtml += "		<div class='pop_tltwrap' term='NONE'>";
// 	}
// 	popHtml += "			<h4 class='pop_tlt1'>"+popupObj.popupTitle+"</h4>";
// 	popHtml += "		</div>";
	popHtml += "		<div "+popStyle+">";
	popHtml += "			<div class='all_wrap'>";
	popHtml += popupObj.popupTemplateText;
	popHtml += "			</div>";
	try{
		if(popupObj.stopPopup.code != "NONE" && popupObj.stopPopup.code != "NEVER"){
			popHtml += "		<div class='ie_close_box' style='bottom: 0px'>";
			popHtml += "			<input type='checkbox' id='popupTermCkecked" + popupObj.pk + "' class='pop_term' value='" + popupObj.pk + "' onclick='popupTermCkecked(" + popupObj.pk + ")'><label for='popupTermCkecked" + popupObj.pk + "'>"+term+"</label>";
			popHtml += "		</div>";
		}
	}catch(e){}
	popHtml += "		</div>";
	popHtml += "		<div class='pop_cls'>";
	popHtml += "			<a href='#'>닫기</a>";
	popHtml += "		</div>";
	popHtml += "	</div>";
	popHtml += "</div>";
	
	return popHtml;
}


$(function(){
	$(document).on("keyup", "input:text[numberOnly]", function() {
		$(this).val($(this).val().replace(/[^0-9]/g,''));
		$(this).blur(function(){
			$(this).val($(this).val().replace(/[^0-9]/g,''));
		});
	});
	
	/* 팝업 관리 
	 * AUTH : CMB
	 */

	var url = "/gsretail/ko/common/popup-list";
	var ajaxType="GET";
	var isExceptionUrl = false;	
	
	try
	{
		var checkUrl = location.href.toUpperCase().replace("HTTP://", "").replace("HTTPS://", "").replace("#", "");
		
		//회원가입 및 마이페이지 메인 화면에서 Layer 팝업이 호출되게 수정함, 팝카드 제외 
		//SSL =  POST, CSRFToken
	    if ( checkUrl.indexOf("/POPCARD/KO/")==-1 && ( checkUrl.indexOf("/SIGN-UP/CERTIFICATION") > 0 || checkUrl.indexOf("/MY-PAGE") > 0 || checkUrl.indexOf("/CORPORATION/PARTNERSHIP/") > 0 || checkUrl.indexOf("/SIGN-UP/JOIN-MAIN") > 0 
	    		|| checkUrl.indexOf("/COMMUNITY-SERVICE/APPLY-TO-VOLUNTEER") > 0 ) )
	    {
	    	 isExceptionUrl=true;
	    	 ajaxType="POST";
	    	 url=url+"?"+getCSRFToken();
	    }
	}
	catch(e)
	{
	     return null;
	}	   
	
	// SSL화면에서는 사용 안함
	if("http" == "http" || isExceptionUrl){
		$.ajax({
	        url: url,
	        cache : false,
	        type: ajaxType,
	        dataType: "json",
			contentType : "application/json",
		    success: function (data) {
		    	
				try
				{
			    	var json = $.parseJSON(data);
	
			    	for(var i=0; i<json.results.length;i++){
						//위치 상세설정 : 적용페이지 URL
						//url 다중 처리 : BOS 처리가 안되서 임시로 # 으로 url 구분 하기로 함 // 20150728
						var targetUrl = "";
						
						if(json.results[i].visibleSiteUrl!=null){
							
							var arrUrl = json.results[i].visibleSiteUrl.split("#"); // 20150728
							for(var k =0; k<arrUrl.length; k++){ // start of FOR // 20150728
								targetUrl = arrUrl[k].replace(/(\s*)/g,""); // 20150728
								if(window.location.href == targetUrl){// 20150728							
									if(json.results[i].exposure){
										var popHtml = "";
										popHtml = getPopupHtml(json.results[i]);
		
										$("body").prepend(popHtml);
										
										var cookiedata = document.cookie;
		
								 		if ( cookiedata.indexOf("gsCommonPopup"+json.results[i].pk+"_pop=done") < 0 ){
								 			Clayer_open('gsCommonPopup'+json.results[i].pk, json.results[i].pk, json.results[i].popupPosition.code);
											//팝업위치
											setPopupPosition(json.results[i]);
											MAIN_POPUP_COUNT++;
								 		}
									}
								}
							} // end of FOR // 20150728
			    		}
					}
				}
				catch(e)
				{
					return null;
				}
	        },
	        error: function(jqXHR, textStatus, errorThrown) {
	       		//alert(errorThrown + " (" +textStatus +")" );
	        }
		});
	}
		

	
	function Clayer_open(el, pk, position){
		var temp = $('#' + el);
		//var bg = temp.prev().hasClass('bg');	//dimmed 레이어를 감지하기 위한 boolean 변수

		$('#popManage' + pk).css("z-index", 9999);
		$('#popManage' + pk).css("position","fixed");
		$('#popManage' + pk).css("top","50%");
		$('#popManage' + pk).css("left","50%");
		$('#popManage' + pk).fadeIn();
		temp.fadeIn();
		var margin_top_calibration = 0;
	
		if(position == "TOPLEFT" || position == "TOPMIDDLE" || position == "TOPRIGHT"){
		    margin_top_calibration = -70; 
		} else if ( position == "BOTTOMLEFT" || position == "BOTTOMMIDDLE" || position == "BOTTOMRIGHT") {
			margin_top_calibration = +30;
		}
		
		// 화면의 중앙에 레이어를 띄운다.
		if (temp.height() < $(document).height() ) temp.css('margin-top', '-'+(temp.height()/2+margin_top_calibration)+'px');
		else temp.css('top', '0px');
		if (temp.width() < $(document).width() ) temp.css('margin-left', '-'+temp.width()/2+'px');
		else temp.css('left', '0px');
		
		temp.find('.pop_cls').click(function(e){
            $('#popManage' + pk).fadeOut();
			temp.fadeOut();
			e.preventDefault();
		});
	}
});

/**
 * 쿠키 생성
 * @param name 쿠키명
 * @param value 쿠키 값
 * @param expiredays 쿠키 기간
 */
$.makeExpierCookie=function( name, value, expiredays ){
  var todayDate = new Date();
  todayDate.setDate( todayDate.getDate() + expiredays );
  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

/**
 * 쿠키 삭제
 * @param cookieName 삭제할 쿠키명
 */
$.deleteCookie = function( cookieName ){
  var expireDate = new Date();
  //어제 날짜를 쿠키 소멸 날짜로 설정한다.
  expireDate.setDate( expireDate.getDate() - 1 );
  document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
}

/**
 * 쿠키값 추출
 * @param cookieName 쿠키명
 */
$.getCookie = function( cookieName ){
	var search = cookieName + "=";
	var cookie = document.cookie;
	
	// 현재 쿠키가 존재할 경우
	if( cookie.length > 0 ){
		// 해당 쿠키명이 존재하는지 검색한 후 존재하면 위치를 리턴.
		startIndex = cookie.indexOf( cookieName );
		
		// 만약 존재한다면
		if( startIndex != -1 ){
			// 값을 얻어내기 위해 시작 인덱스 조절
			startIndex += cookieName.length;
			
			// 값을 얻어내기 위해 종료 인덱스 추출
			endIndex = cookie.indexOf( ";", startIndex );
			
			// 만약 종료 인덱스를 못찾게 되면 쿠키 전체길이로 설정
			if( endIndex == -1) endIndex = cookie.length;
			
			// 쿠키값을 추출하여 리턴
			return unescape( cookie.substring( startIndex + 1, endIndex ) );
		}else{
			// 쿠키 내에 해당 쿠키가 존재하지 않을 경우
			return false;
		}
	}else{
		// 쿠키 자체가 없을 경우
		return false;
	}
}

//]]>
</script>
<!-- contents -->
<div class="cntwrap" id="contents">
<div class="yCmsComponent span-24 section1 cms_disp-img_slot">
<!-- 202119K main -->
<!-- 환경경영 -->
<!-- 윤리경영 > 정도경영 -->
<!-- 인재경영 -->
<!-- 상생경영 -->
<!-- 나눔경영 -->
<!-- 고객만족경영	 -->
<!-- 안전경영	 -->
<!-- 입점상담 -->
<!-- 고개센터 -->
<!-- 채용안내 -->
<style media="print" type="text/css">
	@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');/* 2022-07-25 추가 */
</style>
<link href="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/newsroom/swiper-bundle.min.css" media="all" rel="stylesheet" type="text/css"/><!-- 2022-07-25 추가 -->
<script src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/newsroom/swiper-bundle.min.js" type="text/javascript"></script><!-- 2022-07-25 추가 -->
<div class="cntwrap continuous" id="contents">
<div class="cnt">
<div class="main_wrap">
<!-- 메인배너 -->
<script type="text/javascript">
				$(document).ready(function(){
					$(".main_visual .main_visual_bnr").slick({
						draggable: true,
						swipeToSlide: true,
						infinite: true,
						arrows: false,
						autoplay: true,
						autoplaySpeed: 5000,
					})
				})
			</script>
<div class="main_visual">
<!-- 2022-07-25  수정 -->
<div class="main_visual_bnr_new">
<script type="text/javascript">
						$(document).ready(function(){
							try{
								var swiper = new Swiper(".mySwiper", {
								pagination: {
									el: ".swiper-pagination",
									type: "fraction",
								},
								navigation: {
									nextEl: ".swiper-button-next",
									prevEl: ".swiper-button-prev",
								},
								});
							} catch(e) {
								return null;
							}
						});
					  </script>
<div class="newsroom">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<!-- 메인 롤링 화면 -->
<script type="text/javascript">
									$(document).ready(function(){
										$.ajax({
										    url : "/common/rolling",
										    cache : false,
										    type : "GET",
										    dataType : "json",
											contentType : "application/json",
										    success : function (data) {
												try {
											    	for (var i = 0; i < data.length; i++) {
														var content = data[i].content;	// 내용
														var youtubeUrl = data[i].youtubeURL;	//youtubeURL
														var thumbnail;	//썸네일(PC)
														
														if(data[i].thumbnailImage != null && data[i].thumbnailImage != "") {
															thumbnail = data[i].thumbnailImage.url;
														}
														
														var rollingPage = '<div class="swiper-slide">';
															rollingPage += '    <div class="slide_cont">';
															rollingPage += '        <div class="left">';
															rollingPage += '            <p class="txt01">유튜브로 만나는</p>';
															rollingPage += '            <p class="txt02">GS리테일<br />NEWS</p>';
															rollingPage += '            <p class="txt03"><img src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/newsroom/newsroom_youtube_logo.png" alt=""></p>';
															rollingPage += '            <p class="txt04">'+ content +'</p>';
															rollingPage += '            <p class="newsroom_btn_go"><a href="'+ youtubeUrl +'" target="_blank">보러가기</a></p>';
															rollingPage += '        </div>';
															rollingPage += '        <a href="'+ youtubeUrl +'" target="_blank">';
															rollingPage += '            <div class="right">';
															rollingPage += '                <img src="'+ thumbnail +'" alt="">';
															rollingPage += '            </div>';
															rollingPage += '        </a>';
															rollingPage += '    </div>';
															rollingPage += '</div>';
														
														$(".swiper-wrapper").append(rollingPage);	// 메인 롤링 페이지 넣기
											    	}
												} catch(e) {
													return null;
												}
											},
											error: function(jqXHR, textStatus, errorThrown) {
// 								 		    	alert(errorThrown + " (" +textStatus +")" );
										    }
										});
									});
								</script>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- //2022-07-25  수정 -->
<div class="main_visual_list">
<ul>
<li class="bg01">
<a href="/gsretail/ko/esg/environmental">
<span class="ico ico01"></span>
<span class="tit">환경경영</span>
<span class="txt">고객과 함께 <br/>미래의 녹색 환경을<br/>선도하고 있습니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg02">
<a href="/gsretail/ko/esg/ethics/precision">
<span class="ico ico02"></span>
<span class="tit">윤리경영</span>
<span class="txt">윤리 경영을 최우선<br/>기본 가치로 <br/>실현합니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg03">
<a href="/gsretail/ko/esg/win-win">
<span class="ico ico04"></span>
<span class="tit">상생경영</span>
<span class="txt">파트너사와 공동의<br/> 발전을 도모하는<br/> 철학을 실현합니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg01">
<a href="/gsretail/ko/esg/sharing">
<span class="ico ico05"></span>
<span class="tit">나눔경영</span>
<span class="txt">파트너사와 공동의<br>발전을 도모하는<br>철학을 실현합니다.</br></br></span>
<span class="arrow"></span>
</a>
</li>
<li class="bg02">
<a href="/gsretail/ko/esg/customer-satisfaction">
<span class="ico ico06"></span>
<span class="tit">고객만족경영</span>
<span class="txt">고객 한분 한분의 <br/>만족이 사명이자 <br/>존재 이유입니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg03">
<a href="/gsretail/ko/esg/talent">
<span class="ico ico03"></span>
<span class="tit">인재경영</span>
<span class="txt">인재 가치를 소중히 <br/>여기며 다양한 <br/>제도를 운영합니다.</span>
<span class="arrow"></span>
</a>
</li>
<li class="bg01">
<a href="/gsretail/ko/esg/safety-health">
<span class="ico ico07"></span>
<span class="tit">안전경영</span>
<span class="txt">모든 임직원의<br>안전하고 건강한 삶을<br>최고로 지향합니다.</br></br></span>
<span class="arrow"></span>
</a>
</li>
</ul>
</div>
</div>
<!-- //메인배너 -->
<!-- 공지사항 탭 -->
<script type="text/javascript">
				//<![CDATA[
				var NoticeReport = function(){		
					this.getList = function(){		
						var tURL = "/board/boardList";
						var tFormHTML = "";
						tFormHTML += "<input type=\"hidden\" name=\"pageNum\" id=\"pageNum\" value=\"" + this._BOARD_INFO.pageNum + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"pageSize\" id=\"pageSize\" value=\"" + this._BOARD_INFO.listCnt + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"modelName\" id=\"modelName\" value=\"" + this._BOARD_INFO.boardName + "\"/>";
				
						this.setFormInformation( tFormHTML );
						this.getData( tURL, this.setResourceList, this );
					};
					this.setResourceList = function( result, tThis ){ /////// modify
						var tData = result;
						tThis._RESOURCE = [];
						for( var i=0; i<tData.results.length; i++ ){
							tThis._RESOURCE.push( { boardCode:tData.results[i].articleCode, title:tData.results[i].subject, markerCode:tData.results[i].marker.code, operationDivision:tData.results[i].relatePlaceCode, regDate:tThis.getDateFormat( tData.results[i].regiday, "." )} ); // 첨부파일 추가 처리
						}
						tThis._BOARD_INFO.totalCnt = tData.pagination.totalNumberOfResults;
						tThis.setListHTML();
					};
					this.setListHTML = function(){
						var tInfo = this._BOARD_INFO;
						var tResource = this._RESOURCE;
						var tHTML = "";
						var beginIdx = this.getBeginIndex();
						var enumValue = "";
						
						if(tResource.length == 0){
							
						}else{
							for( var i=0; i<tResource.length; i++ ){
								//요구사항으로 인한 enumValue를 사업부로 변경
								enumValue = tResource[i].operationDivision;
								if(i%3 == 0){
									tHTML += "<li class=\"first\">";
								}else{
									tHTML += "<li>";
								}
								tHTML += "	<a href='/gsretail/ko/media/notices-view?pageNum=1&articleCode="+tResource[i].boardCode+"'>";
								tHTML += "		<span class=\"name\"><strong class=\"c_noti\">"+enumValue+"</strong><span class=\"date\">"+tResource[i].regDate+"</span></span>";
								tHTML += "		<span class=\"tit\">"+tResource[i].title +"</span>";
								tHTML += "	</a>";
								tHTML += "</li>";
							}
						}
						
						$( "#noticeListBox" ).html( tHTML );
						this.setPagingHTML();
					};	
				}
				
				var CorpNews = function(){
				    this.getMarker = function( strFlag ){
				        var tStr = strFlag;
				        var arrStrMap = {
				        	ALL             : "전체",
				        	GSRETAIL		: "GS리테일",
				        	GS25		    : "GS25",
				        	GSSHOP			: "GS SHOP",
				        	GSSM		    : "GS수퍼마켓",
				        	WATSONS		    : "lalavla", <!-- 2018-02-08 수정 -->
				        	WINWIN          : "동반성장(상생협력)",
				            event			: "이벤트",
				            newProduct		: "신상",
				            succApplicant	: "합격자발표",
				            winner			: "당첨자발표",
				            recruitNotict	: "모집공고",
				            eventGuide		: "행사안내"
				        }
				        return arrStrMap[strFlag];
				    };
					this.getList = function(){		
						
						var tURL = "/board/boardList";
						var tFormHTML = "";						
				
						tFormHTML += "<input type=\"hidden\" name=\"pageNum\" id=\"pageNum\" value=\"" + this._BOARD_INFO.pageNum + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"pageSize\" id=\"pageSize\" value=\"" + this._BOARD_INFO.listCnt + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"modelName\" id=\"modelName\" value=\"" + this._BOARD_INFO.boardName + "\"/>";
				
						tFormHTML += "<input type=\"hidden\" name=\"searchType\" id=\"searchType\" value=\"" + this._BOARD_INFO.searchType + "\"/>";
						tFormHTML += "<input type=\"hidden\" name=\"searchWord\" id=\"searchWord\" value=\"" + this._BOARD_INFO.searchWord + "\"/>";
						
						var parameterList = "noticeCategory:ALL"; 
						
						tFormHTML += "<input type=\"hidden\" name=\"parameterList\" id=\"parameterList\" value=\"" + parameterList + "\"/>";
				
						this.setFormInformation( tFormHTML );
						this.getData( tURL, this.setResourceList, this );
					};
					this.setResourceList = function( result, tThis ){ /////// modify
						var tData = result;
						var tThumnailURL;
						tThis._RESOURCE = [];
						for( var i=0; i<tData.results.length; i++ ){
							tThumnailURL = "";
							if ( tData.results[i].thumbnail != undefined ){
								tThumnailURL = tData.results[i].thumbnail.url;
							}	
							//tThis._RESOURCE.push( { thumbnail:tThumnailURL, marker:tData.results[i].marker.code, boardCode:tData.results[i].articleCode, title:tData.results[i].subject, regDate:tThis.getDateFormat( tData.results[i].regiday, "." ), readCnt:tData.results[i].inquery, operationDivision:tData.results[i].relatePlace.code, memo:tData.results[i].memo } );
							tThis._RESOURCE.push( { thumbnail:tThumnailURL, marker:tData.results[i].marker.code, boardCode:tData.results[i].articleCode, title:tData.results[i].subject, regDate:tThis.getDateFormat( tData.results[i].regiday, "." ), readCnt:tData.results[i].inquery, operationDivision:tData.results[i].relatePlace, memo:tData.results[i].memo, summMemo:tData.results[i].summMemo, newsCategory : tData.results[i].newsCategory } );
						}
						tThis._BOARD_INFO.totalCnt = tData.pagination.totalNumberOfResults;
						tThis.setListHTML();				
					};	
					this.setListHTML = function(){
						var tInfo = this._BOARD_INFO;
						var tResource = this._RESOURCE;
						var tHTML = "";
						var beginIdx = this.getBeginIndex();		
						$("#corpNewsBox" ).html("");
						if(tResource.length == 0){
							tHTML += "<li class=\"first\">";
							tHTML += "	<a href=\"#\">";
							tHTML += "		<span class=\"name\"><strong class=\"c_gs\"></span></span>";
							tHTML += "		<span class=\"tit\">조회 결과가 없습니다.</span>";
							tHTML += "		<span class=\"img\"><img src=\"http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/main/news_img.jpg\" alt=\"소식 이미지\" /></span>";
							tHTML += "	</a>";
							tHTML += "</li>";
						}
						else {
							for( var i=0; i<tResource.length; i++ ){
								var linkUrl = "/gsretail/ko/media/news-report-view?pageNum=" + this._BOARD_INFO.pageNum + "&articleCode=" + tResource[i].boardCode + "&newsCategory=ALL";
								var division = this.getMarker(tResource[i].operationDivision);
								if(i==0){
									tHTML += "<li class=\"first\">";
								}else{
									tHTML += "<li>";
								}
								tHTML += "	<a href=\""+ linkUrl + "\">";
								tHTML += "		<span class=\"name\"><strong class=\"c_gs\">" + division + "</strong><span class=\"date\">" + tResource[i].regDate + "</span></span>";
								tHTML += "		<span class=\"tit\">" + tResource[i].summMemo + "</span>";
								tHTML += "		<span class=\"img\"><img src=\"" + tResource[i].thumbnail+  "\" alt=\""+ tResource[i].title + "\" style=\"width: 360px; height: 220px;\"  /></span>";
								tHTML += "	</a>";
								tHTML += "</li>";
							}
						}
						$("#corpNewsBox" ).html(tHTML);
					};	
				};
				           
				var noticeTab = new tabClickController();

				//보도자료
				CorpNews.prototype = new boardManagerController();
				var corpNews = new CorpNews();

				//공지사항
				NoticeReport.prototype = new boardManagerController();
				var noticeReport = new NoticeReport();
				
				$(document).ready(function(){ 
					noticeTab.init( ".notice_wrap > ul > li > a.tab_tit", ".noti_inner", "on" );
					noticeTab.viewControl(0); 
					
					noticeReport.setPageNum(1);
					noticeReport.setListCnt(6);
					noticeReport.setCSRFToken("e7957bc0-809a-4692-b3b1-e053e4256cae");
					noticeReport.initList( "noticeReport", "companyCnNotice", ".tblwrap", ".tblwrap .paging", "" );
					noticeReport.searchInit( "#src_field", "#us_id", "#searchBtn" );				//  select search type ::: search input control ::: seach btn control
					
					corpNews.setPageNum(1);
					corpNews.setListCnt(3);
					corpNews.setCSRFToken("e7957bc0-809a-4692-b3b1-e053e4256cae");
					corpNews.initList( "news", "corpNews", ".tblwrap", ".tblwrap .paging", "" );
					corpNews.searchInit( "#src_field", "#us_id", "#searchBtn" );				//  select search type ::: search input control ::: seach btn control
					
				});
				//]]>
			</script>
<div class="notice_wrap">
<ul>
<li>
<a class="tab_tit" href="#;"><h4>보도자료</h4></a>
<div class="noti_inner">
<ul id="corpNewsBox">
</ul>
<div class="tit_more_btn">
<a href="/gsretail/ko/media/news-report" title="보도자료 더보기">더보기</a>
</div>
</div>
</li>
<li class="line_typ">
<a class="tab_tit" href="#;"><h4>공지사항</h4></a>
<div class="noti_inner">
<ul id="noticeListBox">
</ul>
<div class="tit_more_btn">
<a href="/gsretail/ko/media/notices" title="공지사항 더보기">더보기</a>
</div>
</div>
</li>
</ul>
</div>
<!-- //공지사항 탭 -->
<!-- 인재, 입점, 고객센터 -->
<script type="text/javascript">
				$(document).ready(function(){
					$(".recruit_list_wrap .recruit_list").slick({
						draggable: true,
						swipeToSlide: true,
						infinite: true,
						arrows: false,
						variableWidth: true,
						autoplay: true,
					})
				})
			</script>
<div class="recruit_list_wrap">
<div class="m_tit_wrap">
<h4>
<span>함께할 인재를</span><br>
<span>찾습니다</span>
</br></h4>
<div class="tit_more_btn">
<a href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="함께할 인재를 찾습니다">채용정보 확인하기</a><!-- 2021-09-14 수정 -->
</div>
</div>
<div class="recruit_list_bg">
<div class="recruit_list">
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS25" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo01.png"/></a>
</div>
<!-- 2021-07-01 추가 -->
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS SHOP" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo02.png"/></a>
</div>
<!-- //2021-07-01 추가 -->
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS THE FRESH" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo03.png"/></a>
</div>
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="GS Fresh Mall" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo04.png"/></a>
</div>
<div class="item">
<a class="img" href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="새 창"><img alt="pop" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/recruit_logo06.png"/></a>
</div>
</div>
</div>
</div>
<ul class="customer_link_list">
<li>
<div class="m_tit_wrap">
<h4>입점상담</h4>
<p class="txt">GS리테일과 파트너사의 첫 만남. <br>입점 상담을 환영합니다.</br></p>
</div>
<div class="customer_link">
<a href="/gsretail/ko/etc/partnership-index">
<span class="dim">입점상담 바로가기<span class="arrow"></span></span>
<img alt="입점상담" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/customer_link_img01.jpg"/>
</a>
</div>
</li>
<li>
<div class="m_tit_wrap">
<h4>고객센터</h4>
<p class="txt">한분 한분의 의견을 소중하게 여기며,<br>고객님의 값진 한마디로 새롭게 거듭나겠습니다.</br></p>
</div>
<div class="customer_link">
<a href="/gsretail/ko/etc/customer-satisfaction-index">
<span class="dim">고객센터 바로가기<span class="arrow"></span></span>
<img alt="고객센터" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/renew_common/customer_link_img02.jpg"/>
</a>
</div>
</li>
</ul>
<!-- //인재, 입점, 고객센터 -->
</div>
</div>
</div></div></div>
<!-- //contents -->
<script type="text/javascript">
//<![CDATA[
	$(document).ready(function(){
		$.suggestionHtml();

		var otherFamilySite = new footerFamilySiteManager();
		otherFamilySite.setResource( ".family_list", ".family_list_d2" );
		otherFamilySite.init();
	});
	
	//Footer 입지제안 Layer render
	$.suggestionHtml = function(){
		var divExist = $(".layer").length;
		
		if(divExist > 0){
			$.renderLayer(1);
		} else {
			$.renderLayer(0);
		}
	};
	
	//rendering Layer
	var layerHtml = "";

	$.renderLayer = function(yn){
		if(yn < 1){
			layerHtml += '<div class="layer">';
			layerHtml += '	<div class="bg"></div>';
		}

		layerHtml += '	<div id="layerFooter" class="pop-layer">';
		layerHtml += '		<div class="popwrap lypop_my2">';
		layerHtml += '			<div class="pop_tltwrap">';
		layerHtml += '				<h4 class="pop_tlt1">입지제안</h4>';
		layerHtml += '			</div>';
		layerHtml += '			<div class="pop_cnt">';
		layerHtml += '				<div class="all_wrap">';
		layerHtml += '					<div class="pop_tblwrap">';
		layerHtml += '						<table class="pop_tbl_ctype2" summary="입지제안의 기준 및 접수처를 확인할 수 있으며 사업부,추천기준,접수처를 제공합니다.">';
		layerHtml += '							<caption>입지제안 안내팝업</caption>';
		layerHtml += '							<colgroup>';
		layerHtml += '								<col style="width:138px"/>';
		layerHtml += '								<col style="width:285px"/>';
		layerHtml += '								<col style="width:155px"/>';
		layerHtml += '							</colgroup>';
		layerHtml += '							<thead>';
		layerHtml += '								<tr>';
		layerHtml += '									<th scope="col">사업부</th>';
		layerHtml += '									<th scope="col">추천 기준</th>';
		layerHtml += '									<th scope="col">접수처</th>';
		layerHtml += '								</tr>';
		layerHtml += '							</thead>';
		layerHtml += '							<tbody>';
		layerHtml += '								<tr>';
		layerHtml += '									<td class="ft_ct"><img alt="GS25 로고" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/ft_logo_gs25.png" /></td>';
		layerHtml += '									<td>지역 : 전국<br/>규모 : 영업면적 10평 이상 임차점포</td>';
		layerHtml += '									<td style="padding-left:15px;"><a class="btn onbtn" href="http://gs25.gsretail.com/gscvs/ko/franchise-info/one-on-ones-consult/location-offer" target="_blank" title="새 창" style="padding:10px 10px; margin:0; font-size:13px; background:#666;">입지제안 바로가기</a></td>';
		layerHtml += '								</tr>';
		layerHtml += '								<tr>';
		layerHtml += '									<td class="ft_ct"><img alt="GS수퍼마켓 로고" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/ft_logo_gssuper.png" /></td>';
		layerHtml += '									<td>지역 : 반경 500m내 5천세대 이상 거주<br/>용도지역 : 상업, 준주거, 일반주거<br/>규모 : 전용 100평 이상</td>';
		layerHtml += '									<td>SD부문 개발지원팀<br/>02)2006-2364</td>';
		layerHtml += '								</tr>';
		layerHtml += '							</tbody>';
		layerHtml += '						</table>';
		layerHtml += '					</div>';
		layerHtml += '					 <div class="btnwrap">';
		layerHtml += '						<input class="btn sty01 onbtn" type="button" value="확인" onclick="$(\'#layerFooter\').find(\'.pop_cls a\').trigger(\'click\');" />';
		layerHtml += '					</div>';
		layerHtml += '				</div>';
		layerHtml += '			</div>';
		layerHtml += '			<div class="pop_cls">';
		layerHtml += '				<a href="#">닫기</a>';
		layerHtml += '			</div>';
		layerHtml += '		</div>';
		layerHtml += '	</div>';
		
		if(yn < 1){
			layerHtml += '</div>';
		}

		if(yn < 1){
			$(".renew_footer_wrap").append(layerHtml);
		} else {
			$(".renew_footer_wrap").append(layerHtml);
		}
	};
	
	//팝업 레이어
	function layer_open_footer(el, parentId){
		var temp = $('#' + el);
		var bg = temp.prev().hasClass('bg');	//dimmed 레이어를 감지하기 위한 boolean 변수
	
		$('.layer').fadeIn();
		temp.fadeIn();
	
		/* 2015-08-14 update - focus오류 수정. */
		temp.attr("tabIndex", "-1");
		$(document)
			.off('focusin.modalLayer')
			.on('focusin.modalLayer', $.proxy(function (e) {
				if ( temp[0] !== e.target && !temp.has(e.target).length) {
					temp.trigger('focus');
				}
			}, this));
		
		// 화면의 중앙에 레이어를 띄운다.
		if (temp.height() < $(document).height() ) temp.css('margin-top', '-'+temp.height()/2+'px');
		else temp.css('top', '0px');
		if (temp.width() < $(document).width() ) temp.css('margin-left', '-'+temp.width()/2+'px');
		else temp.css('left', '0px');
	
		temp.find('.pop_cls a').click(function(e){
			$('.layer').fadeOut();
			$('.layer').find('.pop-layer').each(function(){
				$(this).fadeOut();
			});
			
			/* 2015-08-14 update - focus오류 수정. */
			$(document).off('focusin.modalLayer');
			
			if(parentId != undefined) {
				parentId.focus();	
			}
			
			e.preventDefault();
		});
	
		//배경을 클릭하면 레이어를 사라지게 하는 이벤트 핸들러
		$('.layer .bg').click(function(e){
			$('.layer').fadeOut();
			$('.layer').find('.pop-layer').each(function(){
				$(this).fadeOut();
			});
			e.preventDefault();
		});
	};
//]]>
</script>
<!-- footer -->
<div class="renew_footer_wrap">
<div class="ft_link_wrap">
<div class="ft_link_list">
<ul>
<li><a href="/gsretail/ko/footer/privacy"><strong class="ft_clr1">개인정보처리방침</strong></a></li>
<li><a href="https://gsretail.recruiter.co.kr/appsite/company/index" target="_blank" title="함께할 인재를 찾습니다">채용안내</a></li><!-- 2021-09-14 수정 -->
<li><a href="/gsretail/ko/etc/partnership-index">입점상담</a></li>
<li><a href="https://gs25.gsretail.com/gscvs/ko/customer-satisfaction/mantomancnsoundform?groupId=coopInqu">제휴/협력문의</a></li><!-- 2022-01-19 추가 -->
<li><a href="#;" onclick="layer_open_footer('layerFooter', this);">입지제안</a></li>
<li><a href="/gsretail/ko/footer/rental-store-all">임대상가 안내</a></li>
<li><a href="/gsretail/ko/esg/ethics/precision?tab=3">정도경영제보</a></li>
<li><a href="/gsretail/ko/etc/customer-satisfaction-index">고객센터</a></li>
<li><a href="/gsretail/ko/footer/about-gsshopviewers">GS SHOP 시청자 관련</a></li><!-- 2021-07-01 추가 -->
</ul>
<p class="footer_logo">
<a href="/gsretail/ko/company">GS리테일</a>
</p>
</div>
</div>
<div class="custom_list_wrap">
<p style="font-size:15px; font-weight:bold; padding-bottom:20px">※ 고객센터 대표전화 (유료)</p><!-- 2022-08-01 추가 -->
<div class="custom_list">
<ul>
<li>
<dl>
<dt>GS25</dt>
<dd>1644-5425</dd>
</dl>
</li>
<li>
<dl>
<dt>GS SHOP</dt>
<dd>1899-4455</dd><!-- 2021-07-01 수정 -->
</dl>
</li>
<li>
<dl>
<dt>GS THE FRESH(GS수퍼마켓)</dt>
<dd>1833-9779</dd>
</dl>
</li>
<li>
<dl>
<dt>GS Fresh Mall</dt>
<dd>
							1661-2562
							</dd>
</dl>
</li>
<li>
<dl>
<dt>POP카드</dt>
<dd>1544-8997</dd>
</dl>
</li>
</ul>
</div>
<dl class="family_list">
<dt>
<a href="#;">계열사</a>
</dt>
<dd>
<div class="family_list_d2">
<ul>
<li><a href="http://www.gs.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/(주)GS 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">(주)GS</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://gsnws.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS네트웍스 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS네트웍스</a></li><!-- 2020-07-15 로거삽입 -->
<li><a href="http://www.gsnpoint.com/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS&amp;Point.com 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS&amp;Point.com</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.kixx.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS칼텍스(Kixx) 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS칼텍스(Kixx)</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="https://www.gsnetvision.com" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS넷비전 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS넷비전</a></li><!-- 2021-11-10 추가 -->
<li><a href="http://www.gsmbiz.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS엠비즈 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS엠비즈</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.fcseoul.com/new_intro.jsp" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS스포츠 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS스포츠</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.gseps.com/kor/main/main.aspx" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS EPS 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS EPS</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.gsconst.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/GS건설 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS건설</a></li><!-- 2016-01-25 로거삽입 -->
<li><a href="http://www.elysian.co.kr/" onmousedown="eval('try{ _trk_clickTrace( \'EVT\', \'PC웹/GS리테일/메인페이지/푸터 계열사/엘리시안강촌 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">엘리시안강촌</a></li><!-- 2016-01-25 로거삽입 -->
</ul>
</div>
</dd>
</dl>
<p class="copyright_txt">
			(주)GS리테일 서울시 강남구 논현로 508(역삼동 679번지 GS타워)    대표이사 : 허연수, 김호성    사업자등록번호 : 116-81-18745<br><!-- 2021-08-24 수정 -->
			Copyright ⓒ 2021 GS Retail Co.,Ltd. All Rights Reserved.
		</br></p>
<!-- 2021-07-12 추가 -->
<div class="mark_area">
<script type="text/javascript">
				$(function() {
					$(document).delegate('.gs-open-popup', 'click', function(e) {
						e.preventDefault();
						var $this = $(this),
							url = $this.data('popup-url')||'about:blank',
							target = $this.data('popup-target')||'_blank',
							scrollbars = $this.data('popup-scrollbars'),
							menubar = $this.data('popup-menubar'),
							toolbar = $this.data('popup-toolbar'),
							location = $this.data('popup-location'),
							status = $this.data('popup-status'),
							resizable = $this.data('popup-resizable'),
							top = $this.data('popup-top'),
							left = $this.data('popup-left'),
							width = $this.data('popup-width'),
							height = $this.data('popup-height'),
							s = '';
						if (scrollbars) s += ',scrollbars='+scrollbars;
						if (menubar) s += ',menubar='+menubar;
						if (toolbar) s += ',toolbar='+toolbar;
						if (resizable) s += ',resizable='+resizable;
						if (top) s += ',top='+top;
						if (left) s += ',left='+left;
						if (width) s += ',width='+width;
						if (height) s += ',height='+height;
						var o = window.open(url, target, s.substring(1));
						try{o.focus();} catch(e) {}
					});
				});
			</script>
<ul>
<!-- 2021-03-22 수정 -->
<li>
<a class="gs-open-popup" data-popup-height="1000" data-popup-left="left" data-popup-scrollbars="no" data-popup-target="popup1" data-popup-top="top" data-popup-url="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/ismsp_certificate_gsretail2021.jpg" data-popup-width="720" href="#none" resize="none"><!-- 2021-03-24 수정 -->
<img alt="ISMS-P 인증" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark01.png"/>
</a>
</li>
<!-- //2021-03-22 수정 -->
<!-- 2018-09-04 추가 -->
<li><img alt="고객만족 경영 명예의 전당 헌액" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark03.png"/></li>
<li><img alt="한국서비스대상 종합유통부문 종합대상 5회" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark04.gif"/></li>
<li class="last"><img alt="GS25 편의점부문 1위,GS수퍼 대형슈퍼마켓 부문 1위" src="http://hpimg.gsretail.com/_ui/desktop/common/images/gsretail/common/mark05.gif"/></li>
<!-- //2018-09-04 추가 -->
</ul>
</div>
<!-- //2021-07-12 추가 -->
</div>
</div>
<!-- //footer --></div>
# class가 "page-header"인 div 태그를 찾아봅니다.
find_result = soup.find("div", "skip")

find_result

<div class="skip" id="ariaStatusMsg" style="role: status; aria-relevant: text; aria-live: polite;"></div>
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함