[2주차 - Day2] 똑똑한 HTML 분석기 - BeautifulSoup4
2023. 3. 21. 20:45ㆍBOOTCAMP/프로그래머스 인공지능 데브코스
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 DieHTM의 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="지속가능경영^상생경영&경영주 지원제도" 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&mallId=20&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&Point.com 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS&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="지속가능경영^상생경영&경영주 지원제도" 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&mallId=20&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&Point.com 바로가기\' ); }catch(_e){ }');" target="_blank" title="새창">GS&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>'BOOTCAMP > 프로그래머스 인공지능 데브코스' 카테고리의 다른 글
| [2주차 - Day4] 시각화로 결과 요약하기 - Seaborn (0) | 2023.03.24 |
|---|---|
| [2주차 - Day3] 웹 브라우저 자동화 - Selenium (0) | 2023.03.23 |
| [2주차 - Day1] HTTP 요청 주고받기 - Requests (0) | 2023.03.20 |
| [1주차 - Day5] AWS를 활용한 인공지능 모델 배포 (0) | 2023.03.20 |
| [1주차 - Day4] 파이썬을 무기로 코딩테스트 광탈을 면하자! (2) (0) | 2023.03.16 |