/* GNB(header)/footer 메뉴의 외부링크 아이콘.
   - dd.outlink : 채용(Jobs) 등 RECRUIT_URL 링크 (dd에 붙는 클래스)
   - a.esgLink  : ESG data-room 링크 (a 태그에 직접 붙는 클래스, dd가 아님)
   과거 common.css 여러 곳(3300대, 35300대)에 중복/충돌 상태로 흩어져 있던 걸
   이 파일 하나로 모았습니다. */

header#header .innerWrap #gnbWrap .gnb li dl dd.outlink a,
header#header .innerWrap #gnbWrap .gnb li dl dd a.esgLink {
  position: relative;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
header#header .innerWrap #gnbWrap .gnb li dl dd.outlink a::after,
header#header .innerWrap #gnbWrap .gnb li dl dd a.esgLink::after {
  content: "";
  display: inline-block;
  position: static; /* .btn_gconfirm::after(다른 곳에서 쓰는 절대좌표 아이콘)와 같은 a에 걸릴 때 새어들어오는 position:absolute를 무효화 */
  transform: none; /* 같은 이유로 새어들어오는 translateY(-50%) 무효화 */
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin-left: 0.125rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
header#header .innerWrap #gnbWrap .gnb li dl dd.outlink a:hover::after,
header#header .innerWrap #gnbWrap .gnb li dl dd a.esgLink:hover::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a,
footer#footer .innerWrap #footerWrap .menu li dl dd a.esgLink {
  position: relative;
}
footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a::after,
footer#footer .innerWrap #footerWrap .menu li dl dd a.esgLink::after {
  content: "";
  display: inline-block;
  position: static; /* .btn_gconfirm::after(다른 곳에서 쓰는 절대좌표 아이콘)와 같은 a에 걸릴 때 새어들어오는 position:absolute를 무효화 */
  transform: none; /* 같은 이유로 새어들어오는 translateY(-50%) 무효화 */
  width: 1rem;
  height: 1rem;
  margin-left: 0.125rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
  vertical-align: middle;
}
footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a:hover::after,
footer#footer .innerWrap #footerWrap .menu li dl dd a.esgLink:hover::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
}
html.en footer#footer .innerWrap #footerWrap .menu li dl dd.outlink a::after,
html.en footer#footer .innerWrap #footerWrap .menu li dl dd a.esgLink::after {
  left: calc(50% + 1.4rem);
}