.wrapper-re .area-wrap {background-color:transparent;}
.wrapper-re {position: relative; margin: 0 auto;min-width: 1200px; height: 100%;}
.wrapper-re .area-wrap {display: block;overflow: hidden;box-sizing: content-box; min-height: calc(100vh - 584px);}
.wrapper-re .area {margin: 0 auto;}
.wrapper-re .area .area-inner {position: relative;width:  1200px; margin: 0 auto;}
.wrapper-re .area.cont-icons {background-color:#A50034;height: 200px;position: relative;}
.wrapper-re .area.cont-news {background-color: #ccc;height: 570px;background-size: cover;background-repeat: no-repeat;background-color: #222;
    background-position: center center;background-image: url(/brand/images/main_re/bg_main_news_cont.png);/* background-attachment: fixed; */}
.wrapper-re .area.cont-etc {background-color: #fff;}
.wrapper-re .area .area-inner.area-01 {position: relative;width: 100%; height:800px;margin: 0 auto;background-color: #222;}

#jumbotron { position: relative; height: 800px; }
#jumbotron a,
#jumbotron em { color: #fff;}
#jumbotron .slider { position: relative; min-height: 800px; line-height: 1; overflow: hidden; background-color: #000; }
#jumbotron .desc {position: relative; margin: 0 auto; padding: 262px 0 20px; width: 100%; max-width: 1200px; text-align: left; color: #fff; }
#jumbotron .name { font-weight: 800; font-size: 60px; letter-spacing: -1px; line-height: 72px;}
#jumbotron .summary {margin:40px 0 60px; font-weight: 300; font-size: 20px; line-height:30px; align-items: center;letter-spacing: -0.6px;}
#jumbotron .link span i {width:101px; height: 20px;margin-left: 2px;position: relative;font-weight:400; font-size: 16px; line-height: 19px;letter-spacing: 0;}
#jumbotron .link span i::after {content: "";position: absolute;display: inline-block;top:4px; right:0;width:10px;height:11px;background-image: url(/brand/images/main_re/btn_more_arr_white_next.png);}
#jumbotron .name span,
#jumbotron .summary span,
#jumbotron .link span { display: block; overflow: visible; }
#jumbotron .name i,
#jumbotron .summary i,
#jumbotron .link i { font-style: normal; display: block; }
#jumbotron .pic { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center top; background-repeat: no-repeat; background-size: cover; }
#jumbotron .mask-blur { position: absolute; z-index: 2; top: 0; right: 50%; bottom: 0; width: 50vw;background-color: rgba(255, 255, 255, 0.07); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(15px); }

.gradient-blur {
  position: absolute;
  z-index: 2;
  inset: 0 44% 0 0;
  height: 800px;
  pointer-events: none;
}
.gradient-blur > div,
.gradient-blur::before,
.gradient-blur::after {
  position: absolute;
  inset: 0;
}
.gradient-blur::before {
  content: "";
  z-index: 1;
  backdrop-filter: blur(0.5px);
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 0) 37.5%
  );
}
.gradient-blur > div:nth-of-type(1) {
  z-index: 2;
  backdrop-filter: blur(1px);
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 0) 50%
  );
}
.gradient-blur > div:nth-of-type(2) {
  z-index: 3;
  /* backdrop-filter: blur(2px); */
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 62.5%
  );
}
.gradient-blur > div:nth-of-type(3) {
  z-index: 4;
  backdrop-filter: blur(2px);
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 0) 75%
  );
}
.gradient-blur > div:nth-of-type(4) {
  z-index: 5;
  backdrop-filter: blur(2px);
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0) 87.5%
  );
}
.gradient-blur > div:nth-of-type(5) {
  z-index: 6;
  backdrop-filter: blur(3px);
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
}
.gradient-blur > div:nth-of-type(6) {
  z-index: 7;
  backdrop-filter: blur(5px);
  mask: linear-gradient(
    to left,
    rgba(255, 255, 255, 0) 55%,
    rgba(0, 0, 0, 1) 70.5%,
    rgba(0, 0, 0, 1) 80%
  );
}
.gradient-blur::after {
  content: "";
  z-index: 8;
  backdrop-filter: blur(64px);
  mask: linear-gradient(
    to left,
    rgba(0, 0, 0, 0) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
}

#jumbotron .slider-item { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }
#jumbotron .slider-item .module { position: relative; height: 100%; text-align: center; }
#jumbotron .pagination { position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; margin: 0 0 70px; }
#jumbotron .pagination .wrap { display: flex; margin: 0 auto; width: 100%; max-width: 1200px; justify-content: space-between; }
#jumbotron .paginate-item { width: 100%; }
#jumbotron .paginate-item button { position: relative; display: block; margin: 0 12px 0 0; padding: 0; width: 100%; width: calc(100% - 12px); border: 0; text-align: left; -webkit-appearance: none; background-color: transparent; cursor: pointer; }
#jumbotron .paginate-item button span {opacity: 0.4;transition: opacity 2000ms cubic-bezier(0.25,1,0.5,1) 0s;display: block; padding: 20px 0 0; font-weight: 800; font-size: 16px; color: #fff;line-height: 19px;}
#jumbotron .paginate-item.in button span {opacity: 1;transition: opacity 2000ms cubic-bezier(0.25,1,0.5,1) 0s} 
#jumbotron .paginate-item button::before,
#jumbotron .paginate-item button::after { content: ''; position: absolute; top: 0; left: 0; height: 3px; width: 100%; background-color: rgba(255,255,255,0.3); overflow: hidden; }
#jumbotron .paginate-item button::after { width: 0; background-color: #ffffff; }
#jumbotron .paginate-item.in.anim button::after { width: 100%; transition: width var(--duration) linear 0s; }
#jumbotron .slider-item { visibility: hidden; }
#jumbotron .slider-item.prev,
#jumbotron .slider-item.current { visibility: visible; z-index: 1; }
#jumbotron .slider-item.prev.text-slider-item,
#jumbotron .slider-item.current.text-slider-item { z-index: 3; }
#jumbotron .slider-item .pic { opacity: 0; transform: translate(0,0) scale(1.1,1.1);/* background-blend-mode: multiply;background-color: #ccc;  */}
#jumbotron .slider-item .name i {position: relative; width: 800px;opacity: 0; transform: translate(-100px,0);display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; }
#jumbotron .slider-item .summary i {width: 800px; opacity: 0; transform: translate(-100px,0); display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
#jumbotron .slider-item .link i { opacity: 0; transform: translate(-100px,0); }
#jumbotron .slider-item.prev .pic { opacity: 0; transform: translate(0,0) scale(1.1,1.1); transition: opacity 1500ms cubic-bezier(0.45,0,0.55,1) 0s, transform 1500ms cubic-bezier(0.45,0,0.55,1) 0s; }
#jumbotron .slider-item > span, #jumbotron .slider-item .summary > span {width: 800px;}
#jumbotron .slider-item.prev .name i,
#jumbotron .slider-item.prev .summary i,
#jumbotron .slider-item.prev .link i 
{opacity: 0;transform: translate(0,0); transition: opacity 400ms cubic-bezier(0.11,0,0.5,0) 0s, transform 400ms cubic-bezier(0.11,0,0.5,0) 0s; }
#jumbotron .slider-item.current { z-index: 2; }
#jumbotron .slider-item.current.text-slider-item { z-index: 4; }
#jumbotron .slider-item.current .pic { opacity: 1; transform: translate(0,0) scale(1,1); transition: opacity 2000ms cubic-bezier(0.45,0,0.55,1) 0s, transform 1000ms cubic-bezier(0.45,0,0.55,1) 0s; }
#jumbotron .slider-item.current .name i,
#jumbotron .slider-item.current .summary i{ opacity: 1; transform: translate(0,0) scale(1,1); transition: opacity 2000ms cubic-bezier(0.25,1,0.5,1) 0s, transform 800ms cubic-bezier(0.25,1,0.5,1) 0s; }
#jumbotron .slider-item.current .link i{ opacity: 1; transform: translate(0,0) scale(1,1); transition: opacity 2000ms cubic-bezier(0.25,1,0.5,1) 0s, transform 800ms cubic-bezier(0.25,1,0.5,1) 0s; }
#jumbotron .slider-item.prev .name i { transition-delay: 100ms; }
#jumbotron .slider-item.prev .name span:nth-of-type(2) i { transition-delay: 200ms; }
#jumbotron .slider-item.prev .summary i { transition-delay: 100ms; }
#jumbotron .slider-item.prev .summary span:nth-of-type(2) i { transition-delay: 400ms; }
#jumbotron .slider-item.prev .link i { transition-delay: 100ms; }
#jumbotron .slider-item.current .name i { transition-delay: 500ms; }
#jumbotron .slider-item.current .name span:nth-of-type(2) i { transition-delay: 600ms; }
#jumbotron .slider-item.current .summary i { transition-delay: 500ms; }
#jumbotron .slider-item.current .summary span:nth-of-type(2) i { transition-delay: 800ms; }
#jumbotron .slider-item.current .link i { transition-delay: 500ms; }
.bg_dimmed {position: absolute;z-index: 2;inset: 0 0 0 0;height: 800px;pointer-events: none;}
.bg_dimmed>.pic {background-image: url('/brand/images/main_re/bg_dimmed.png');opacity: 0.9;}
.icon-scroll-wrap {position: absolute;bottom:-60px;left: calc(50% - 45px);width:90px;height:90px;z-index: 2;}
.icon-scroll{
animation:speech_bubble infinite 0.5s ease-in-out alternate; 
-o-animation:speech_bubble infinite 0.5s ease-in-out alternate;
-moz-animation:speech_bubble infinite 0.5s ease-in-out alternate;
-webkit-animation:speech_bubble infinite 0.5s ease-in-out alternate;}

@keyframes speech_bubble{
from{transform:translateY(0);}
to{transform:translateY(-4px);}
}
@-o-keyframes speech_bubble{
from{-o-transform:translateY(0);}
to{-o-transform:translateY(-4px);}
}
@-moz-keyframes speech_bubble{
from{-moz-transform:translateY(0);}
to{-moz-transform:translateY(-4px);}
}
@-webkit-keyframes speech_bubble{
from{-webkit-transform:translateY(0);}
to{-webkit-transform:translateY(-4px);}
}
.icon-scroll-wrap a{display: block;height: 90px;width: 90px;}
.icon-scroll-arr {display: block;width: 90px;height: 90px;backdrop-filter: blur(10px);background-color: rgba(0, 0, 0, 0.4); border-radius: 50%;text-align: center;line-height: 90px;}
.area-inner.area-02 .cont-icons-wrap {display: flex; justify-content: space-around;text-align: center; width: 1200px;}
.area-inner.area-02 {position: relative;}
.area-inner.area-02 .cont-icons-wrap .cont-icons {position: relative;padding:0;background:none;height:200px;flex: 1 1 0;}
.area-inner.area-02 .cont-icons-wrap .cont-icons::before {content: "";position: absolute;top:45px;left: 0; width: 1px;height: 113px;background: #BB3E65;}
.area-inner.area-02 .cont-icons-wrap .cont-icons:last-child::after {content: "";position: absolute;top:45px;right: 0; width: 1px;height: 113px;background: #BB3E65;}
.area-inner.area-02 .cont-icons-wrap .cont-icons a {text-align: center;width: 100%;height:100%;display: block;}
.area-inner.area-02 .cont-icons-wrap .cont-icons a:hover {}
.area-inner.area-02 .cont-icons-wrap .cont-icons a span.img-wrap {display: block;padding:45px 64.5px 0;}
.area-inner.area-02 .cont-icons-wrap .cont-icons:hover {/* flex: 3 1 0;transform: scale(1.2, 1.2);transition-duration: 0.5s; */}
.area-inner.area-02 .cont-icons-wrap .cont-icons:hover .img-wrap img {transform: scale(1.2, 1.2); transition-duration: 0.5s;}
.area-inner.area-02 .cont-icons-wrap .cont-icons .img-wrap img {transition-duration: 0.3s;transform: scale(1, 1);width: 70px;height: 70px;}
.area-inner.area-02 .cont-icons-wrap .cont-icons a span.txt {transform: scale(1, 1); transition-duration: 0.5s;display: block;margin:16px 46.5px 0;font-style: normal;font-weight: 600;font-size: 18px;line-height: 21px;text-align: center;color: #FFFFFF;}
.area-inner.area-02 .cont-icons-wrap .cont-icons:hover a span.txt {transform: scale(1.2, 1.2); transition-duration: 0.5s;}

.area-inner.area-03 .banner-control-wrap {position: absolute;top:0;left: 0; width: 1200px;}
.area-inner.area-03 .banner-control-wrap .prev {position: absolute;top: 80px;left: -108px;width:64px;height: 80px;border: none;background-color: transparent;
    text-indent: -9999px; background-image: url(/brand/images/main_re/btn_big_arr_prev.png);}
.area-inner.area-03 .banner-control-wrap .prev:hover {background-image: url(/brand/images/main_re/btn_big_arr_white_prev.png);}
.area-inner.area-03 .banner-control-wrap .next {position: absolute;top: 80px;right: -108px;width:64px;height: 80px;border: none;background-color: transparent;
    text-indent: -9999px; background-image: url(/brand/images/main_re/btn_big_arr_next.png);}
.area-inner.area-03 .banner-control-wrap .next:hover {background-image: url(/brand/images/main_re/btn_big_arr_white_next.png);}
.area-inner.area-03 .banner-control-wrap .swiper-pagination {position: absolute;top:-50px;left:101px;color: #FFFFFF;font-weight: 500;width: 30px;}
.area-inner.area-03 .news-cont-wrap {padding-top: 152px;}
.area-inner.area-03 .news-cont-wrap h2 {font-weight: 700;font-size: 30px;line-height: 45px;letter-spacing: -0.02em;color: #FFFFFF;}
.area-inner.area-03 .news-cont-wrap .swiper {overflow: visible;}
.area-inner.area-03 .news-cont-wrap .swiper-wrapper {margin-top:20px;}
.area-inner.area-03 .news-cont-wrap .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active,
.area-inner.area-03 .news-cont-wrap .swiper-wrapper .swiper-slide.swiper-slide-active{opacity: 1;transition: all 0.5s ease-out;transition-duration: 0.3s;}
.area-inner.area-03 .news-cont-wrap .swiper-wrapper .swiper-slide {opacity:0;transition: all 0.5s ease-out;transition-duration: 0.3s;}
.area-inner.area-03 .swiper-wrapper .news-box {color: #FFFFFF;display:block;width:1200px;height: 270px;}
.area-inner.area-03 .news-box .title-box {width:455px;height: 168px;font-weight: 600;font-size: 40px;line-height: 56px;letter-spacing: -0.02em;overflow: hidden;}
.area-inner.area-03 .news-box .cont-box {width: 680px;/* height: 156px; */font-weight: 400;font-size: 18px;line-height: 27px;letter-spacing: -0.04em;margin-bottom: 30px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;word-wrap: break-word;}
.area-inner.area-03 .news-box .btn-detail span {position: relative;display: block;color: #FFF; font-style: normal;font-weight: 600;font-size: 16px;cursor: pointer;width:74px;height:18px;}
.area-inner.area-03 .news-box .btn-detail span::after {content: "";position: absolute;display: inline-block;top: 39%;right:-28px;width: 20px;height: 20px;margin-top: -10px;background-image: url(/brand/images/main_re/icon-detail-arr-white.png);transition-duration: 0.2s;}
.area-inner.area-03 .news-box:hover .btn-detail span::after {right:-34px; transition-duration: 0.2s;}
.area-inner.area-03 .news-box:hover .btn-detail span {border-bottom: 1px solid #fff;/* text-decoration: underline;*/}

.area-inner.area-04 {padding: 152px 0;}
.area-inner.area-04 h2{font-style: normal;font-weight: 700;font-size:30px;line-height: 45px;letter-spacing: -0.02em;color: #000000;margin-bottom:24px;}
.area-inner.area-04 .brand-story {width: 820px;}
.area-inner.area-04 .brand-story>div {position: relative;}
.area-inner.area-04 .brand-story .text-box {margin: 24px 0 0;width: 600px;height:134px;text-align: left;background: #fff;}
.area-inner.area-04 .brand-story .text-box .title-box{width: 600px;color:#000;font-weight: 500;font-size: 26px;line-height: 32px;letter-spacing: -0.02em;margin: 0 auto 12px;
display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;overflow: hidden;}
.area-inner.area-04 .brand-story .text-box .cont-box {width: 600px;height: 54px;color:#777;font-weight: 400;font-size: 18px;line-height: 27px;letter-spacing: -0.02em;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.area-inner.area-04 .swiper-slide .slide-box img {transform: translate3d(100%, 0, 0);width: 820px;height:374px;}
.area-inner.area-04 .swiper-slide.swiper-slide-active .slide-box img {transform: translate3d(0px, 0, 0);transition-duration: 0.3s;width: 820px;height:374px;}

.area-inner.area-04 .banner-control-wrap {position: absolute;top: 374px;height: 120px;right: 0;width:124px;background-color: #fff;z-index: 2;}
.area-inner.area-04 .banner-control-wrap .swiper-button-prev.prev {position: absolute;top:46px;left:0;width:56px;height:56px;border: none;background-color: transparent;
    text-indent: -9999px; background-image: url(/brand/images/main_re/icon-circle-grey-arr-prev.png);}
.area-inner.area-04 .banner-control-wrap .swiper-button-prev.prev:hover {background-image: url(/brand/images/main_re/icon-circle-red-arr-prev.png);}
.area-inner.area-04 .banner-control-wrap .swiper-button-next.next {position: absolute;top:46px; right:0;width:56px;height:56px;border: none;background-color: transparent;
    text-indent: -9999px; background-image: url(/brand/images/main_re/icon-circle-grey-arr-next.png);}
.area-inner.area-04 .banner-control-wrap .swiper-button-next.next:hover {background-image: url(/brand/images/main_re/icon-circle-red-arr-next.png);}
.area-inner.area-04 .banner-control-wrap .swiper-pagination-fraction {font-weight: 600;font-size: 14px;text-align: center;line-height: 24px;position: absolute;top:-40px;left: 52px;color: #FFFFFF;width: 56px;height: 24px;background: rgba(0, 0, 0, 0.4);border-radius: 14px;}
.area-inner.area-04 .news-cont-wrap {padding-top: 152px;}

.area-inner.area-04 .item-gray-box-wrap {position: relative;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box {display: block;font-style: normal;font-weight: 600;width: 360px;height:118px;padding: 44px 31px 44px 40px;background-color:rgb(0,0,0,0.04);margin-bottom: 10px;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box .float-left {font-size:20px;font-weight: 700;line-height:30px;letter-spacing: -0.02em;color: #000000;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box .float-right {position: relative;margin-top: 3px;font-size: 14px;line-height: 21px;letter-spacing: -0.02em;color: #555555;padding-right:27px;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box .float-right::after{content: "";position: absolute;display: inline-block;top: 50%;right: 0;width: 20px;height: 20px;margin-top: -10px; background-image: url(/brand/images/main_re/ico_detail_grey.png);transition-duration: 0.1s;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box:hover .float-right::after{right:-4px; transition-duration: 0.1s;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box .float-right span {width: 48px;height: 20px;display: block;}
.area-inner.area-04 .item-gray-box-wrap .item-gray-box:hover .float-right span {border-bottom: 1px solid #555;}

.thumb-logo {width:53px;height: 57px;display: inline-block;position: absolute;left: 315px;top:3px;}

/*신규서브 페이지 - 회사소개*/
.offer-wrap-re {}
.vision-cont-re {padding:130px 0 0;border-bottom: 1px solid #aaa}
.vision-cont-re.fist-child {padding:85px 0 0;}
.vision-cont-re.last-child {border-bottom: none;}
.vision-cont-re .vision-tit-re {margin: 0 72px 0 73px;}
.vision-cont-re .vision-tit-re p {color: #6b6b6b;font-weight:500;font-size:16px;line-height:36px;letter-spacing: -1px;}
.vision-cont-re .vision-tit-re .txt {margin: 0 0 0 77px;}
.vision-cont-re.last-child .vision-tit-re {margin: 0 0 0 73px;}
.vision-cont-re.last-child .vision-tit-re p{width: 769px;}
.vision-cont-re h4 {color: #000;font-weight:700;font-size:30px;line-height:45px;letter-spacing: -1px;}
.vision-cont-re h5 {margin-bottom:27px;color: #464646;font-weight:600;font-size:22px;line-height:30px;letter-spacing: -1px;}

.vision-cont-re .vision-item-wrap {position: relative;display: flex;justify-content: space-around;text-align: center;width: 1200px;}
.vision-cont-re .vision-item-wrap .vision-item {padding:180px 0 0;background: none;height:396px;flex: 1 1 0;}
.vision-cont-re .vision-item-wrap .vision-item h5 {color: #fff;font-weight:600;font-size: 16px;line-height:28px;letter-spacing: -0.3px;}
.vision-cont-re .vision-item-wrap .vision-item p {color: #6b6b6b;font-weight:400;font-size: 14px;line-height:25px;letter-spacing: -0.3px;margin-top: 32px;}
.vision-cont-re .vision-item-wrap .vision-item:nth-child(1) p {margin-top: 55px;}
.vision-cont-re .vision-item-wrap .vision-item:nth-child(2) p {margin-top: 44px;}
.vision-cont-re .vision-item-wrap.nth-1 {width: 1200px;height: 396px;background-image: url("/brand/images/sub/company/sub_vision_img_01.png");padding: 0 73px;margin:84px 0 120px;}
.vision-cont-re .vision-item-wrap.nth-2 {background-size:1200px 380px;width: 1200px;height: 380px;background-repeat: no-repeat; background-position: center center; background-image: url("/brand/images/sub/company/sub_vision_img_02.png");margin: 35px 0 100px;}
.vision-cont-re .vision-item-wrap.nth-3 {background-size:1200px 766px;width: 1200px;height: 766px;background-repeat: no-repeat; background-position: center center; background-image: url("/brand/images/sub/company/sub_vision_img_03.png");margin: 75px 0 117px;}
.vision-cont-re .vision-item-wrap.nth-3 .vision-item-graph {position: absolute;left:70px;text-align: left;color: #6b6b6b;font-weight:500;font-size:16px;line-height:30px;letter-spacing: -0.5px;}
.vision-cont-re .vision-item-wrap.nth-3 .vision-item-graph:nth-child(1) {top:37px;}
.vision-cont-re .vision-item-wrap.nth-3 .vision-item-graph:nth-child(2) {top:336px;}
.vision-cont-re .vision-item-wrap.nth-3 .vision-item-graph:nth-child(3) {top:613px;}

/*신규서브 페이지 - 사업소개*/
.wrapper .contents-wrap .contents.home,
.wrapper .contents-wrap .contents.location,
.wrapper .contents-wrap .contents.company {margin-top: 20px}
.wrapper .contents-wrap .contents.bottom0 {margin-bottom:0;}

.contents.home .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/home_img_01.png");}
.contents.home .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/home_img_02.png");}
.contents.home .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/home_img_03.png");}
.contents.home .sub-cont-wrap.nth-2 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/home_img_04.png");}
.contents.home .sub-cont-wrap.nth-2 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/home_img_05.png");}
.contents.home .sub-cont-wrap.nth-2 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/home_img_06.png");}
.contents.home .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/home_img_07.png");}
.contents.home .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/home_img_08.png");}
.contents.home .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/home_img_09.png");}

.contents.location .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/local_img_01.png");}
.contents.location .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/local_img_02.png");}
.contents.location .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/local_img_03.png");}
.contents.location .sub-cont-wrap.nth-2 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/local_img_06.png");}
.contents.location .sub-cont-wrap.nth-2 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/local_img_07.png");}

.contents.company .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/biz_img_01.png");}
.contents.company .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/biz_img_02.png");}
.contents.company .sub-cont-wrap.nth-1 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/biz_img_03.png");}
.contents.company .sub-cont-wrap.nth-2 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/biz_img_04.png");}
.contents.company .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/biz_img_05.png");}
.contents.company .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/biz_img_05.png");background-position: -180px 0;}
.contents.company .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/biz_img_05.png");background-position: -360px 0;}
.contents.company .sub-cont-wrap.nth-3 .cont-item-wrap .cont-item.nth-4 .pic-new{background-image: url("/brand/images/sub/business/biz_img_05.png");background-position: -541px 0;}
.contents.company .sub-cont-wrap.nth-4 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/biz_img_06.png");}
.contents.company .sub-cont-wrap.nth-4 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/biz_img_06.png");background-position: -220px 0;}
.contents.company .sub-cont-wrap.nth-4 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/biz_img_06.png");background-position: -440px 0;}
.contents.company .sub-cont-wrap.nth-5 .cont-item-wrap .cont-item.nth-1 .pic-new{background-image: url("/brand/images/sub/business/biz_img_07.png");}
.contents.company .sub-cont-wrap.nth-5 .cont-item-wrap .cont-item.nth-2 .pic-new{background-image: url("/brand/images/sub/business/biz_img_07.png");background-position: -180px 0;}
.contents.company .sub-cont-wrap.nth-5 .cont-item-wrap .cont-item.nth-3 .pic-new{background-image: url("/brand/images/sub/business/biz_img_07.png");background-position: -360px 0;}
.contents.company .sub-cont-wrap.nth-5 .cont-item-wrap .cont-item.nth-4 .pic-new{background-image: url("/brand/images/sub/business/biz_img_07.png");background-position: -541px 0;}

.sub-cont-wrap {background-repeat: no-repeat;background-position: center center;background-size: cover;}
.contents.home .sub-cont-wrap.nth-1 {height: 451px;background-image: url("/brand/images/sub/business/home_bg_01.png");}
.contents.home .sub-cont-wrap.nth-2 {height: 450px;background-image: none;}
.contents.home .sub-cont-wrap.nth-3 {height: 601px;background-image: url("/brand/images/sub/business/home_bg_02.png");}
.contents.location .sub-cont-wrap.nth-1 {height: 451px;background-image: url("/brand/images/sub/business/home_bg_01.png");}
.contents.location .sub-cont-wrap.nth-2 {height: 601px;background-image: none;}
/* .contents.location .sub-cont-wrap.nth-3 {height: 601px;background-image: url("/brand/images/sub/business/home_bg_02.png");} */
.contents.company .sub-cont-wrap.nth-1 {height: 450px;background-image: url("/brand/images/sub/business/home_bg_company_01.png");}
.contents.company .sub-cont-wrap.nth-2 {height: 450px;background-image: none;}
.contents.company .sub-cont-wrap.nth-3 {height: 450px;background-image: url("/brand/images/sub/business/home_bg_company_02.png");}
.contents.company .sub-cont-wrap.nth-4 {height: 450px;background-image: none;}
.contents.company .sub-cont-wrap.nth-5 {height: 600px;background-image: url("/brand/images/sub/business/home_bg_company_03.png");}

.sub-cont {padding: 93px 50px;width: 1200px;margin: 0 auto;}
.sub-cont .text-layout-wrap {position: relative;}
.sub-cont .text-layout-wrap.left-text>div:nth-child(1){float: left !important;}
.sub-cont .text-layout-wrap.left-text>div:nth-child(2){float: right !important;}
.sub-cont .text-layout-wrap.right-text>div:nth-child(1){float: right !important;text-align:right;}
.sub-cont .text-layout-wrap.right-text>div:nth-child(2){float: left !important;}
.sub-cont a.more {color: #6b6b6b;letter-spacing: -0.3px;display: inline-block;position: relative;padding: 0 21px 0 11px;margin-left: 8px;font-size: 15px;font-weight: 500;line-height: 20px;}
.sub-cont a.more:before {content: '';position:absolute;top: 3px;left: 0;width: 2px;height: 14px;background-color: #747474;}
.sub-cont a.more:after {content: '';position:absolute;top: 2px;right: 0;width: 15px;height: 15px;background-image: url("/brand/images/sub/business/ico_arrow_grey.png");}
.sub-cont a.more-pic {position: relative;display: inline-block;color: #6b6b6b;padding: 0 24px 0 0;font-weight: 500;font-size: 20px;line-height: 28px;letter-spacing: 0;text-align: left;margin:0;}
.sub-cont a.more-pic:after {content: '';position:absolute;top: 11px;right: 0;width: 19px;height: 19px;background-image: url("/brand/images/sub/business/ico_arrow_grey_19.png");}

.sub-cont h4 {color: #000;font-weight: 700;font-size:30px;line-height:44px;letter-spacing: -1.6px;margin: 4px 0 69px 0;}
.sub-cont h4.three-two {margin: 4px 0 49px 0;}
.sub-cont h4.two-two {margin: 4px 0 94px 0;}
.sub-cont h4.two-three {margin: 4px 0 64px 0;}
.sub-cont h4.three-three {margin: 4px 0 25px 0;}
.sub-cont h4 span {font-weight: 500;letter-spacing: -3px;}
.sub-cont h5 {color: #6b6b6b;font-weight:500;font-size: 16px;line-height:25px;letter-spacing: -0.2px;display: inline-block;}
.sub-cont p {color: #6b6b6b;font-weight:500;font-size:17px;line-height:25px;letter-spacing: -1px;}
.sub-cont .tit {margin-top:3px;}

.cont-item-wrap {display: flex;justify-content: space-between;text-align: center;width: 642px;margin-top: 37px;}
.cont-item-wrap .cont-item {width: 206px;position: relative;padding: 0 20px 0 0;background: none;height: 250px;flex: 1 1 0;text-align: left;}
.cont-item-wrap.wide {display: flex;justify-content: space-between;text-align:left;width: 621px;margin-top: 37px;}
.cont-item-wrap.wide .cont-item:nth-child(1) {width: 422px;flex: 2 1 0;}
.cont-item-wrap.img4 {display: flex;justify-content: space-between;text-align:left;width: 701px;margin-top: 37px;}
.cont-item-wrap .cont-item:last-child {padding: 0;}
.cont-item-wrap .cont-item .pic-new {height: 192px;background-repeat: no-repeat;}

.contents .cont-item-wrap .cont-item span {display:inline-block;color: #6b6b6b;font-weight:600;font-size:17px;line-height:28px;letter-spacing: 0;text-align:left; margin:7px 0 0 0;}

