html {
  font-size: 36px;
  scroll-behavior: smooth;
}

/*body { user-select:none; }*/
body.body-fix {
  overflow: hidden;
}

.nt {
  font-family: "Noto Sans KR", sans-serif;
}

.spoqa {
  font-family: "Spoqa Han Sans Neo", "sans-serif";
}

.inter {
  font-family: "Inter", sans-serif;
}

.cg {
  font-family: "Century Gothic", sans-serif;
}

.of {
  font-family: "Outfit", sans-serif;
}

.renewal22 {
  font-size: 0rem;
}

.renewal22 .btn {
  display: inline-block;
  cursor: pointer;
}

.renewal22 .btn.more {
  font-size: 0.44444444rem;
  line-height: 0.63888889rem;
  color: #009fe3;
  padding-bottom: 0.16666667rem;
  box-sizing: border-box;
  border-bottom: 1px solid #009fe3;
  position: relative;
}

.renewal22 .btn.more img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.33333333rem;
}

.renewal22 img {
  pointer-events: none;
}

header {
  height: 2.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

header:after {
  display: none;
}

header.renewal22 {
  font-size: 0rem;
}

header.renewal22:after {
  top: 2.5rem;
}

header.renewal22 .h-inner {
  display: flex;
  justify-content: space-between;
  max-width: 53.33333333rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0rem;
  padding-right: 2.77777778rem;
  padding-bottom: 0rem;
  padding-left: 2.77777778rem;
  box-sizing: border-box;
}

header.renewal22 .h-inner h1._logo {
  position: relative;
  top: auto;
  left: auto;
  width: 4.33333333rem;
  height: 2.5rem;
  background: none;
}

header.renewal22 .h-inner h1._logo a {
  width: 4.33333333rem;
  height: 2.5rem;
  background: none;
  position: relative;
}

header.renewal22 .h-inner h1._logo a:after {
  content: "";
  display: block;
  width: 4.33333333rem;
  height: 1.05555556rem;
  background-image: url("../../images/renewal2022/header/logo_w.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0rem;
  top: 0.72222222rem;
  right: auto;
  bottom: auto;
  pointer-events: none;
}

header.renewal22 .h-inner h1._logo a:hover:after {
  background-image: url("../../images/renewal2022/header/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
}

header.renewal22 #gnb {
  height: 2.5rem;
}

header.renewal22 #gnb .main {
  display: flex;
  justify-content: center;
}

header.renewal22 #gnb .main > li {
  margin: 0rem;
  padding-top: 0rem;
  padding-right: 1.38888889rem;
  padding-bottom: 0rem;
  padding-left: 1.38888889rem;
  box-sizing: border-box;
}

header.renewal22 #gnb .main > li > a {
  font-size: 0.5rem;
  line-height: 2.5rem;
  height: 2.5rem;
  color: #fff;
  font-weight: 500;
  /* font-family: "Noto Sans KR", sans-serif; */
  padding: 0rem;
  position: relative;
}

header.renewal22 #gnb .main > li > a:hover {
  color: #009fe3 !important;
  font-weight: 700;
}

header.renewal22 #gnb .main.Company li:nth-child(1) > a:after,
header.renewal22 #gnb .main.Product li:nth-child(2) > a:after,
header.renewal22 #gnb .main.Society li:nth-child(3) > a:after,
header.renewal22 #gnb .main.Newsroom li:nth-child(4) > a:after,
header.renewal22 #gnb .main.Customer li:nth-child(5) > a:after,
header.renewal22 #gnb .main.Talent li:nth-child(6) > a:after {
  content: "";
  display: block;
  width: 180%;
  height: 0.08333333rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0.02777778rem;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}

header.renewal22 #gnb .main .depth1 .sub {
  top: 2.5rem;
  height: 10.5rem;
  padding-top: 1.11111111rem;
  padding-right: 2.77777778rem;
  padding-bottom: 0rem;
  padding-left: 2.77777778rem;
  box-sizing: border-box;
}

header.renewal22 #gnb .main .depth1 .sub .depth2 li {
  width: auto;
}

header.renewal22 #gnb .main .depth1 .sub .depth2 li .depth2-btn {
  font-size: 0.5rem;
  line-height: 0.72222222rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 0rem;
}

header.renewal22 #gnb .main .depth1 .sub .depth2 li .depth3 {
  margin-top: 0.55555556rem;
}

header.renewal22 #gnb .main .depth1 .sub .depth2 li .depth3 li a {
  color: #666;
  font-weight: 500;
}

header.renewal22 #gnb .main .depth1 .sub .msg {
  font-size: 0.61111111rem;
  line-height: 0.75rem;
  font-weight: 700;
  color: #333;
  position: absolute;
  left: 2.77777778rem;
  top: 1.11111111rem;
  right: auto;
  bottom: auto;
}

header.renewal22 #gnb .main .depth1 .sub.type1 .depth2 {
  width: 19.44444444rem;
  position: absolute;
  left: 50%;
  top: 1.11111111rem;
  right: auto;
  bottom: auto;
  margin-left: -10.55555556rem;
  display: flex;
  justify-content: space-between;
}

header.renewal22 #gnb .main .depth1 .sub .dir-list {
  position: absolute;
  left: 50%;
  top: 1.11111111rem;
  right: auto;
  bottom: auto;
  margin-left: 30vw;
  width: 6.94444444rem;
  height: 1.94444444rem;
  display: inline-block;
  vertical-align: top;
}

header.renewal22 #gnb .main .depth1 .sub .dir-list li {
  min-width: 5rem;
  width: 13vw;
  height: 1.94444444rem;
  background-color: #f5f5f5;
  text-align: left;
  margin-bottom: 0.27777778rem;
  position: relative;
}

header.renewal22 #gnb .main .depth1 .sub .dir-list li:last-child {
  margin-bottom: 0rem;
}

header.renewal22 #gnb .main .depth1 .sub .dir-list li a {
  display: block;
  font-size: 0.44444444rem;
  line-height: 0.556rem;
  width: 100%;
  color: #333;
  font-weight: 500;
  padding-left: 1.5vw;
  box-sizing: border-box;
  position: absolute;
  left: 0rem;
  top: 50%;
  right: auto;
  bottom: auto;
  transform: translateY(-50%);
}

header.renewal22 #gnb .main .depth1 .sub .dir-list li a i {
  width: 0.41666667rem;
  height: 0.41666667rem;
  background-image: url("../../images/renewal2022/header/ico-brand-nav-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 1.5vw;
  top: 50%;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}

header.renewal22 #gnb .main .depth1 .sub .dir-list li a:after {
  display: none;
}

header.renewal22 #gnb .main .depth1 .sub.product .inner {
  max-width: 38.88888889rem;
  padding: 0rem;
  padding-left: 10vw;
  box-sizing: border-box;
}

header.renewal22 #gnb .main .depth1 .sub.product .inner .brand-logos {
  display: inline-block;
  vertical-align: top;
  width: 1000px;
  min-width: 21.38888889rem;
  text-align: left;
}

header.renewal22 #gnb .main .depth1 .sub.product .inner .brand-logos .btn {
  font-size: 0.44444444rem;
  line-height: 1.94444444rem;
  text-align: center;
  color: #333;
  font-weight: 500;
  /*
  max-width: 3.33333333rem;
  min-width: 3.33333333rem;
  */
  width: 157px;
  height: 1.94444444rem;
  position: relative;
  border-radius: 0.16666667rem;
  border: 1px solid #ddd;
  box-sizing: border-box;
  margin-top: 0rem;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0rem;
}

header.renewal22
  #gnb
  .main
  .depth1
  .sub.product
  .inner
  .brand-logos
  .btn:nth-child(6n) {
  margin-right: 0rem;
}

header.renewal22
  #gnb
  .main
  .depth1
  .sub.product
  .inner
  .brand-logos
  .btn:hover {
  border: 1px solid #009fe3;
}

header.renewal22
  #gnb
  .main
  .depth1
  .sub.product
  .inner
  .brand-logos
  .btn:after {
  content: "";
  display: block;
  width: 3.27777778rem;
  height: 1.11111111rem;
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  background: transparent;
}

header.renewal22 #gnb .main .depth1 .sub.society .depth2 {
  max-width: 27.77777778rem;
  padding: 0rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

header.renewal22 #gnb .main .depth1 .sub.society .depth2 li {
  width: 11.5vw;
  min-width: 4.66666667rem;
}

header.renewal22 #gnb .main .depth1 .sub.society .depth2 li.wpp {
  position: relative;
}

header.renewal22 #gnb .main .depth1 .sub.society .depth2 li.wpp:after {
  content: "";
  display: block;
  width: 0.02777778rem;
  height: 7.19444444rem;
  background-color: #aaa;
  position: absolute;
  left: -1.11111111rem;
  top: -0.08333333rem;
  right: auto;
  bottom: auto;
}

header.renewal22 #gnb .main .depth1 .sub.society .depth2 li.wpp .depth2-btn {
  color: #00883A;
  padding-right: 0.97222222rem;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
}
/*
header.renewal22
  #gnb
  .main
  .depth1
  .sub.society
  .depth2
  li.wpp
  .depth2-btn:after {
  content: "";
  display: block;
  width: 0.944rem;
  height: 0.778rem;
  background-image: url("../../images/renewal2022/header/wpp.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -0.139rem;
  top: 0rem;
  left: auto;
  bottom: auto;
}
*/
header.renewal22 #gnb .main .depth1 .sub.news .depth2 {
  max-width: 22.22222222rem;
  margin-left: auto;
  margin-right: auto;
}

header.renewal22 #gnb .main .depth1 .sub.news .depth2 li {
  width: 5.55555556rem;
  text-align: center;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list {
  position: absolute;
  left: 50%;
  top: 95px;
  margin-left: -160px;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li {
  display: flex;
  position: relative;
  margin-top: 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li:first-child {
  margin-top: 0;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li i {
  display: block;
  width: 24px;
  height: 27px;
  margin-right: 12px;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.fb i {
  background: url("../../images/renewal2022/header/ico_fb.png") center no-repeat;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.ins i {
  background: url("../../images/renewal2022/header/ico_ins.png") center
    no-repeat;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.yt i {
  background: url("../../images/renewal2022/header/ico_yt.png") center no-repeat;
}

header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.bl i {
  background: url("../../images/renewal2022/header/ico_bl.png") center no-repeat;
}

/*
header.renewal22 #gnb .main .depth1 .sub.news .sns-list {
  width: 35.94444444rem;
  margin-top: 0.83333333rem;
  display:li alex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li {
  width: 8.77777778rem;
  height: 5.27777778rem;
  border: 1px solid #ddd;
  text-align: center;
  padding-top: 1.36111111rem;
  box-sizing: border-box;
  position: relative;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li span {
  font-size: 0.5rem;
  line-height: 0.61111111rem;
  color: #333;
  font-family: 'Century Gothic', sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding-right: 0.33333333rem;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li span:after {
  content: '';
  display: block;
  width: 0.16666667rem;
  height: 0.25rem;
  background-image: url('../../images/renewal2022/header/ico-arrow-bl.png');
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0rem;
  top: 0.19444444rem;
  left: auto;
  bottom: auto;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li i {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 50%;
  top: 2.47222222rem;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.fb i {
  background-image: url('../../images/renewal2022/header/fb.png');
  background-repeat: no-repeat;
  background-size: contain;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.ins i {
  background-image: url('../../images/renewal2022/header/ins.png');
  background-repeat: no-repeat;
  background-size: contain;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.yt i {
  background-image: url('../../images/renewal2022/header/yt.png');
  background-repeat: no-repeat;
  background-size: contain;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li.bl i {
  background-image: url('../../images/renewal2022/header/bl.png');
  background-repeat: no-repeat;
  background-size: contain;
}
header.renewal22 #gnb .main .depth1 .sub.news .sns-list li .btn {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: auto;
  bottom: auto;
  cursor: pointer;
  z-index: 1;
}
*/
header.renewal22 #gnb .main .depth1 .sub.customer .depth2 {
  max-width: 36.11111111rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  padding-left: 5.2vw;
  box-sizing: border-box;
}

header.renewal22 #gnb .main .depth1 .sub.customer .depth2 li {
  padding-top: 0rem;
  padding-right: 3.5vw;
  padding-bottom: 0rem;
  padding-left: 3.5vw;
  box-sizing: border-box;
  text-align: center;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner {
  max-width: 36.11111111rem;
  padding: 0rem;
  margin-top: 0.80555556rem;
  width: 100%;
  text-align: center;
}

/* 230518 패딩수정 */
header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide {
  max-width: 36.11111111rem;
  padding: 20px 0;
  background-color: #f5f5f5;
  display: inline-block;
  text-align: left;
  white-space: nowrap;
}

/* 230518 패딩수정 */
header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li {
  display: inline-block;
  vertical-align: top;
  padding-top: 0rem;
  padding-bottom: 0rem;
  box-sizing: border-box;
  position: relative;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li:nth-of-type(1) {
	padding: 0 20px 0 40px;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li:nth-of-type(2) {
	width: 485px;
	padding: 0 15px;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li:nth-of-type(3) {
	padding: 0 55px 0 15px;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li:after {
  content: "";
  display: block;
  width: 0.02777778rem;
  height: 184px;
  background-color: #dddddd;
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: auto;
  bottom: auto;
}

header.renewal22
  #gnb
  .main
  .depth1
  .sub.customer
  .inner
  .guide
  li:first-child:after {
  display: none;
}


header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div .tit {
  font-size: 0.5rem;
  line-height: 0.72222222rem;
  color: #333;
  font-weight: 500;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div .tit a {
  font-size: 0.66666667rem;
  line-height: 0.72222222rem;
  font-weight: 700;
  margin-left: 0.36111111rem;
  color: #009fe3;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div.depend {
	width: calc(100% + 29px);
  padding: 0 15px;
  margin-left: -14px;
  background: url("../../images/renewal2022/header/customer_depend.png") 385px 6px no-repeat #EDEDED;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div.depend a {
  display: inline-block;
  margin-top: 5px;
  color: #2D602A;
  font-size: 24px;
  font-weight: 700;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div.depend .txt {
  margin-top: 0;
  margin-bottom: 0;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div .txt {
  font-size: 14px;
  line-height: 160%;
  color: #666;
  margin-top: 5px;
  margin-right: 0rem;
  margin-bottom: 30px;
  margin-left: 0rem;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div .ai {
  font-size: 0.44444444rem;
  line-height: 0.63888889rem;
  color: #009fe3;
  font-weight: 500;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .guide li div .ai i {
  width: 0.41666667rem;
  height: 0.41666667rem;
  background-image: url("../../images/renewal2022/header/ico-brand-nav-arrow.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.13888889rem;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .noti {
  font-size: 0.5rem;
  line-height: 0.72222222rem;
  text-align: center;
  color: #333;
  font-weight: 500;
  margin-top: 17px;
}

header.renewal22 #gnb .main .depth1 .sub.customer .inner .noti span {
  color: #009fe3;
  font-weight: 700;
}

header.renewal22 .quick-gnb {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  /* padding-right: 60px; */ /*20230518 주석처리*/
}

header.renewal22 .quick-gnb a {
  display: inline-block;
  height: 2.5rem;
  position: relative;
}

header.renewal22 .quick-gnb a:after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
  left: 0rem;
}

header.renewal22 .quick-gnb a.uff {
  width: 3.25rem;
}

header.renewal22 .quick-gnb a.uff:after {
  content: "";
  display: block;
  width: 3.25rem;
  height: 0.889rem;
  top: 0.77777778rem;
  background-image: url("../../images/renewal2022/header/uff.png");
}

header.renewal22 .quick-gnb a.uff.on:after {
  background-image: url("../../images/renewal2022/header/uff-c.png");
}

header.renewal22 .quick-gnb .dm-mall-box {
  position: relative;
  padding-left: 20px;
  margin-left: 20px;
}

header.renewal22 .quick-gnb .dm-mall-box > div {
  position: relative;
}

header.renewal22 .quick-gnb .dm-mall-box > div:after {
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #fff;
  content: "";
}

header.renewal22 .quick-gnb .dm-mall-box .layer {
  display: none;
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translateX(-50%);
  width: 120px;
  padding: 10px 20px;
  background: #fff;
  box-sizing: border-box;
}

header.renewal22 .quick-gnb .dm-mall-box .layer.on {
  display: block;
}

header.renewal22 .quick-gnb .dm-mall-box .layer .list li a {
  height: auto;
  padding: 10px 0;
}

header.renewal22 .quick-gnb .dm-mall-box .dm-mall {
  display: block;
  position: relative;
  padding-right: 20px;
  height: 90px;
  background: url("../../images/renewal2022/header/ico-dm-mall.png") right 39px
    no-repeat;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}

header.renewal22 .quick-gnb .dm-mall-box .dm-mall.on {
  background-image: url("../../images/renewal2022/header/ico-dm-mall-r.png");
  color: #d8282e;
}

/*
header.renewal22 .quick-gnb a.momq {
  width: 1.66666667rem;
  margin-left: 1.11111111rem;
}
header.renewal22 .quick-gnb a.momq:before {
  content: '';
  display: block;
  width: 0.02777778rem;
  height: 0.33333333rem;
  background-color: #fff;
  position: absolute;
  left: -0.55555556rem;
  top: 1.05555556rem;
  right: auto;
  bottom: auto;
}
header.renewal22 .quick-gnb a.momq:after {
  content: '';
  display: block;
  width: 1.66666667rem;
  height: 0.5rem;
  top: 0.97222222rem;
  background-image: url('../../images/renewal2022/header/momq.png');
}
header.renewal22 .quick-gnb a.momq.on:after {
  background-image: url('../../images/renewal2022/header/momq-c.png');
}
*/
header.renewal22.scroll .main.Company li.depth1:nth-child(1) > a,
header.renewal22.scroll .main.Product li.depth1:nth-child(2) > a,
header.renewal22.scroll .main.Society li.depth1:nth-child(3) > a,
header.renewal22.scroll .main.Newsroom li.depth1:nth-child(4) > a,
header.renewal22.scroll .main.Customer li.depth1:nth-child(5) > a,
header.renewal22.scroll .main.Talent li.depth1:nth-child(6) > a {
  color: #009fe3 !important;
  font-weight: 700 !important;
}

header.on.renewal22,
header.sub_open.renewal22,
header.scroll.renewal22 {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

header.on.renewal22:after,
header.sub_open.renewal22:after,
header.scroll.renewal22:after {
  background-color: #ddd;
  opacity: 0.5;
}

header.on.renewal22 .h-inner h1._logo a:after,
header.sub_open.renewal22 .h-inner h1._logo a:after,
header.scroll.renewal22 .h-inner h1._logo a:after {
  background-image: url("../../images/renewal2022/header/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
}

header.on.renewal22 #gnb .main li > a,
header.sub_open.renewal22 #gnb .main li > a,
header.scroll.renewal22 #gnb .main li > a {
  color: #333;
}

header.on.renewal22 .quick-gnb a.uff:after,
header.sub_open.renewal22 .quick-gnb a.uff:after,
header.scroll.renewal22 .quick-gnb a.uff:after {
  background-image: url("../../images/renewal2022/header/uff-c.svg");
}

header.on.renewal22 .quick-gnb a.momq:before,
header.sub_open.renewal22 .quick-gnb a.momq:before,
header.scroll.renewal22 .quick-gnb a.momq:before {
  background-color: #ddd;
}

header.on.renewal22 .quick-gnb a.momq:after,
header.sub_open.renewal22 .quick-gnb a.momq:after,
header.scroll.renewal22 .quick-gnb a.momq:after {
  background-image: url("../../images/renewal2022/header/momq-c.png");
}

header.on.renewal22 .quick-gnb .dm-mall,
header.sub_open.renewal22 .quick-gnb .dm-mall,
header.scroll.renewal22 .quick-gnb .dm-mall {
  color: #d8282e;
  background-image: url("../../images/renewal2022/header/ico-dm-mall-r.png") !important;
}

header.scroll.renewal22 #gnb .main li.depth1 > a:after {
  display: none;
}

header.scroll.renewal22 #gnb .main.Company li.depth:nth-child(1) > a:after,
header.scroll.renewal22 #gnb .main.Product li.depth:nth-child(2) > a:after,
header.scroll.renewal22 #gnb .main.Society li.depth:nth-child(3) > a:after,
header.scroll.renewal22 #gnb .main.Newsroom li.depth:nth-child(4) > a:after,
header.scroll.renewal22 #gnb .main.Customer li.depth:nth-child(5) > a:after,
header.scroll.renewal22 #gnb .main.Talent li.depth:nth-child(6) > a:after {
  content: "";
  display: block;
  width: 180%;
  height: 0.08333333rem;
  background-color: #009fe3;
  position: absolute;
  left: 50%;
  bottom: 0.02777778rem;
  right: auto;
  top: auto;
  transform: translateX(-50%);
}

header .btn_srch2022 {
  top: 29px;
  right: 0;
  width: 26px;
  height: 26px;
}

header .btn_srch2022:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background: url(../../Images/main2020/common/btn_search.png) no-repeat 0 0;
}

header.on .btn_srch2022:after,
header.scroll .btn_srch2022:after,
header.sub_open .btn_srch2022:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background: url(../../Images/main2020/common/btn_searchon.png) no-repeat 0 0;
}

header .search_box {
  height: 4.166667rem;
  background-color: #165ac0;
}

header .search_box .input_box {
  margin-top: 52px;
}

header .search_box input {
  border-radius: 5px;
}

header .search_box .btn_search:after {
  top: 9px;
  left: 9px;
  height: 29px;
  background: url(../../Images/main2020/common/btn_search2.png) no-repeat 0 0;
}

header .search_box .btn_close {
  top: 60px;
  right: 99px;
  width: 28px;
  height: 28px;
}

header .search_box .btn_close:after {
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  background: url(../../Images/main2020/common/btn_close.png) no-repeat 0 0;
}

#contents {
  overflow: hidden;
}

#contents.renewal22 sup {
	font-size: 0.6em;
	vertical-align: super;
}

#contents.renewal22 .top_banner {
  height: 16.38888889rem;
  position: relative;
}

#contents.renewal22 .top_banner .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, 0);
  height: auto;
  width: 100%;
  margin-top: -0.41666667rem;
}

#contents.renewal22 .top_banner .inner:before {
  display: none;
}

#contents.renewal22 .top_banner .inner .page_title {
  font-size: 0.44444444rem;
  line-height: 0.63888889rem;
  color: #fff;
  margin-bottom: 0.27777778rem;
  text-shadow: none;
  /* font-family: "Noto Sans KR", sans-serif; */
  display: none;
}

#contents.renewal22 .top_banner .inner .sub {
  font-size: 0.88888889rem;
  line-height: 1.27777778rem;
  color: #fff;
  font-weight: 700;
}

#contents.renewal22 .top_banner.top-company {
  background-image: url("../../images/renewal2022/company/vis-company.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .top_banner.top-product {
  background-image: url("../../images/renewal2022/product/vis-product.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .top_banner.top-society {
  background-image: url("../../images/renewal2022/society/vis-society.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .top_banner.top-news {
  background-image: url("../../images/renewal2022/news/vis-news.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .top_banner.top-event {
  background-image: url("../../images/renewal2022/event/vis-event.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .top_banner.top-customer {
  background-image: url("../../images/renewal2022/customer/vis-customer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .top_banner.top-talent {
  background-image: url("../../images/renewal2022/talent/vis-talent.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#contents.renewal22 .navigation {
  height: 2.22222222rem;
  margin-top: -2.22222222rem;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
}

#contents.renewal22 .navigation .inner {
  font-size: 0rem;
  background: none;
  padding: 0rem;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0rem;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
}

#contents.renewal22 .navigation .inner:after {
  display: none;
}

#contents.renewal22 .navigation .inner ul {
  text-align: center;
}

#contents.renewal22 .navigation .inner ul li {
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 2.22222222rem;
  line-height: 2.22222222rem;
}

#contents.renewal22 .navigation .inner ul li.forest40 .btn {
  padding-left: 33px;
  background: url('../../Images/renewal2022/society/ico_forest40.png') left 31px no-repeat;
}

#contents.renewal22 .navigation .inner ul li.forest40.current .btn {
  background: url('../../Images/renewal2022/society/ico_forest40_on.png') left 31px no-repeat;
}

#contents.renewal22 .navigation .inner ul li.current {
  background-color: #fff;
  position: relative;
}

#contents.renewal22 .navigation .inner ul li.current .btn {
  width: 100%;
  height: 100%;
  color: #009fe3;
  font-weight: 700;
  z-index: 1;
}

#contents.renewal22 .navigation .inner ul li.current .btn:after {
  content: "";
  display: block;
  width: 0.08333333rem;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: -0.05555556rem;
  top: 0rem;
  right: auto;
  bottom: auto;
  z-index: 1;
}

#contents.renewal22 .navigation .inner ul li.current .btn:before {
  content: "";
  display: block;
  width: 0.08333333rem;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: -0.05555556rem;
  top: 0rem;
  left: auto;
  bottom: auto;
  z-index: 1;
}

#contents.renewal22 .navigation .inner .main-tab {
  max-width: 38.88888889rem;
  min-width: 35.55555556rem;
  width: 73vw;
  margin-left: auto;
  margin-right: auto;
}

#contents.renewal22 .navigation .inner .main-tab li {
  color: #fff;
  position: relative;
}

#contents.renewal22 .navigation .inner .main-tab li .btn {
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 400;
}

#contents.renewal22 .navigation .inner .main-tab li:after {
  content: "";
  display: block;
  width: 0.02777778rem;
  height: 0.27777778rem;
  background-color: #d9d9d9;
  position: absolute;
  right: 0rem;
  top: 0.97222222rem;
  left: auto;
  bottom: auto;
}

#contents.renewal22 .navigation .inner .main-tab li:last-child:after {
  display: none;
}

#contents.renewal22 .navigation .inner .main-tab.col2 li {
  width: 50%;
}

#contents.renewal22 .navigation .inner .main-tab.col3 li {
  width: 33.3%;
}

#contents.renewal22 .navigation .inner .main-tab.col4 li {
  width: 25%;
}

#contents.renewal22 .navigation .inner .main-tab.col5 li {
  width: 20%;
}

#contents.renewal22 .navigation .inner .sub-tab {
  border-bottom: 1px solid #dddddd;
  width: 100vw;
}

#contents.renewal22 .navigation .inner .sub-tab li {
  padding-top: 0rem;
  padding-right: 0.83333333rem;
  padding-bottom: 0rem;
  padding-left: 0.83333333rem;
  box-sizing: border-box;
}

#contents.renewal22 .navigation .inner .sub-tab li .btn {
  color: #333;
}

#contents.renewal22 .navigation .inner .sub-tab li.current {
  border-bottom: 0.08333333rem solid #009fe3;
}

#contents.renewal22 .company_workplace,
#contents.renewal22 .enviroInfo,
#contents.renewal22 .enviroClim {
  margin-top: 2.22222222rem;
}

#contents.renewal22 section {
  padding-top: 5rem;
  box-sizing: border-box;
  min-height: calc(100vh - 590px - 272px);
}

#contents.renewal22 section.about-us article.value .system_details {
  margin-bottom: 0rem;
}

#contents.renewal22 .popup {
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: 100;
}

#contents.renewal22 .popup .dim {
  position: fixed;
  left: 0rem;
  top: 0rem;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#contents.renewal22 .popup .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 10;
}

#contents.renewal22 .popup .inner .close {
  width: 0.72222222rem;
  height: 0.72222222rem;
  background-image: url("../../images/renewal2022/product/ico-close.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 1.11111111rem;
  top: 1.11111111rem;
  left: auto;
  bottom: auto;
}

#contents.renewal22 .popup.open {
  display: inline-block;
}

#footer_bg {
  background-color: #fff;
}

#footer_bg #footer {
  max-width: none;
  padding: 0rem;
}

#footer_bg #footer .top {
  height: 1.94444444rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0rem;
}

#footer_bg #footer .top .foot_fam_side {
  position: relative;
  top: auto;
  right: auto;
  max-width: 38.88888889rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

#footer_bg #footer .top .foot_fam_side p {
  margin-right: auto;
  font-size: 0.38888889rem;
  line-height: 1.94444444rem;
  font-family: "Century Gothic", sans-serif;
  font-weight: 700;
  /* margin-right: 3.19444444rem; */
}

#footer_bg #footer .top .foot_fam_side .sns_link {
  left: auto;
  right: 0rem;
}

#footer_bg #footer .top .foot_fam_side .sns_link a {
  height: 1.94444444rem;
  margin: 0rem;
  padding-top: 0rem;
  padding-right: 0.41666667rem;
  padding-bottom: 0rem;
  padding-left: 0.41666667rem;
  position: relative;
  cursor: pointer;
  background: none;
  opacity: 1;
}

#footer_bg #footer .top .foot_fam_side .sns_link a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#footer_bg #footer .top .foot_fam_side .sns_link a.fb {
  width: 0.25rem;
}

#footer_bg #footer .top .foot_fam_side .sns_link a.fb:after {
  width: 0.25rem;
  height: 0.52777778rem;
  background-image: url("../../images/renewal2022/footer/sns-f.png");
  background-repeat: no-repeat;
  background-size: contain;
}
/*
    #footer_bg #footer .top .foot_fam_side .sns_link a.ig {
        width: 0.52777778rem;
        background: url(../../Images/renewal2022/footer/sns-i.png) no-repeat 0 0
    }
*/
#footer_bg #footer .top .foot_fam_side .sns_link a.ig:after {
  width: 0.52777778rem;
  height: 0.52777778rem;
  background-image: url("../../images/renewal2022/footer/sns-i.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#footer_bg #footer .top .foot_fam_side .sns_link a.yt {
  width: 0.66666667rem;
}

#footer_bg #footer .top .foot_fam_side .sns_link a.yt:after {
  width: 0.66666667rem;
  height: 0.5rem;
  background-image: url("../../images/renewal2022/footer/sns-y.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#footer_bg #footer .top .foot_fam_side .sns_link a.bl {
  width: 0.63888889rem;
}

#footer_bg #footer .top .foot_fam_side .sns_link a.bl:after {
  width: 0.63888889rem;
  height: 0.52777778rem;
  background-image: url("../../images/renewal2022/footer/sns-b.png");
  background-repeat: no-repeat;
  background-size: contain;
}

#footer_bg #footer .foot_lnb {
  padding-top: 1.11111111rem;
}

#footer_bg #footer .foot_lnb ul {
  max-width: 38.88888889rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#footer_bg #footer .foot_lnb ul li {
  margin-right: 1.11111111rem;
}

#footer_bg #footer .foot_lnb ul li.foot_logo {
  margin-right: 1.66666667rem;
}

#footer_bg #footer .foot_lnb ul li.foot_logo a {
  font-size: 0rem;
}

#footer_bg #footer .foot_lnb ul li a {
  font-size: 0.38888889rem;
  line-height: 0.38888889rem;
  color: #000;
}

#footer_bg #footer .foot_lnb ul li:nth-child(3) a,
#footer_bg #footer .foot_lnb ul li:nth-child(4) a {
  color: #009fe3;
}

#footer_bg #footer .bottom {
  padding-top: 0.83333333rem;
  padding-right: 0rem;
  padding-bottom: 1.11111111rem;
  padding-left: 0rem;
  box-sizing: border-box;
}

#footer_bg #footer .bottom .foot_infobox {
  max-width: 38.88888889rem;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#footer_bg #footer .bottom .foot_infobox .info ul {
  margin-bottom: 0rem;
}

#footer_bg #footer .bottom .foot_infobox .info ul li {
  font-size: 0.38888889rem;
  line-height: 0.55555556rem;
  color: #666;
}

#footer_bg #footer .bottom .foot_infobox .info ul li:after {
  width: 0.02777778rem;
  height: 0.25rem;
  background-color: #d9d9d9;
  margin-top: -0.11111111rem;
}

#footer_bg #footer .bottom .foot_infobox .info ul li.icon_mail:after {
  display: none;
}

#footer_bg #footer .bottom .foot_infobox .info ul li.icon_mail a {
  color: #666;
}

#footer_bg #footer .bottom .foot_infobox .info ul li.icon_mail a .ico_mail {
  width: 0.16666667rem;
  height: 0.27777778rem;
  background-image: url("../../images/renewal2022/footer/ico-ft-mail.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 0.08333333rem;
}

#footer_bg #footer .bottom .foot_infobox .info ul li a {
	color: #666;
}

#footer_bg #footer .bottom .foot_infobox .footer_comment {
  margin-top: 0.38888889rem;
  color: #666;
  line-height: 0.55555556rem;
}

#footer_bg #footer .bottom .foot_infobox .footer_font {
  margin-top: 0.38888889rem;
	color: #999;
	font-size: 0.389rem;
	font-weight: 500;
}

@media screen and (min-width: 1921px) {
  header.renewal22 #gnb .main .depth1 .sub .msg {
    left: 50%;
    margin-left: -23.88888889rem;
  }
}

@media screen and (max-width: 1280px) {
  html {
    font-size: 32px !important;
  }
}

/*# sourceMappingURL=common-2022.css.map */