/* 라인이 그려지는 리스트 */
.lineList {}

.lineList>ul {
  display: flex;
  position: relative;
}

.lineList>ul::before,
.lineList>ul::after,
.lineList>ul>li::before,
.lineList>ul>li::after {
  content: '';
  display: block;
  width: 0;
  height: 1px;
  background: #cdcdcd;
  position: absolute;
  left: 0;
  top: 0;
  transition: 1.5s cubic-bezier(0.87, 0, 0.13, 1);
}

.lineList>ul::after {
  top: auto;
  bottom: 0;
}

.lineList>ul.aos-animate::before,
.lineList>ul.aos-animate::after {
  width: 100%;
}

.lineList>ul+ul::before {
  display: none;
}

.lineList>ul>li {
  width: 100%;
  position: relative;
}

.lineList>ul>li::before,
.lineList>ul>li::after {
  width: 1px;
  height: 0;
  transition: 1s ease .3s;
}

.lineList>ul>li::after {
  left: auto;
  right: 0;
  transition-delay: .6s;
}

.lineList>ul.aos-animate>li::before,
.lineList>ul.aos-animate>li::after {
  height: 100%;
}

.lineList>ul>li+li::before {
  display: none;
}

.lineList>ul>li:nth-child(2)::after {
  transition-delay: .9s;
}

.lineList>ul>li:nth-child(3)::after {
  transition-delay: 1.2s;
}

.lineList>ul>li:nth-child(4)::after {
  transition-delay: 1.5s;
}

.lineList>ul>li:nth-child(5)::after {
  transition-delay: 1.8s;
}

/* i 기울이기 적용 */
em.italics {
  font-style: italic;
  margin: 0 5rem;
}

/************** ABOUT **************/
/* ETHICS */
.ethics {}

.ethics .ethics_con {
  padding: 0 170rem;
}

.ethics .ethics_con .visualBox {
  padding: 60rem 40rem;
  border-radius: 10rem;
  background: url(/images/contents/ethics.png)no-repeat center center / cover;
  color: #fff;
}

.ethics .ethics_con .visualBox span {
  display: block;
  font-size: 40rem;
  font-weight: 700;
  margin-bottom: 40rem;
}

.ethics .ethics_con .ethics_list {
  counter-reset: dep1;
}

.ethics .ethics_con .ethics_list>li {
  margin-top: 20rem;
}

.ethics .ethics_con .ethics_list>li>* {
  border-radius: 10rem;
  padding: 35rem 40rem;
}

.ethics .ethics_con .ethics_list>li .tit {
  font-size: 20rem;
  font-weight: 500;
  background-color: #EFEFEF;
  margin-bottom: 20rem;
}

.ethics .ethics_con .ethics_list>li .tit::before {
  counter-increment: dep1;
  content: "제" counter(dep1) "장 ";
}

.ethics .ethics_con .ethics_list>li .info {
  background-color: #fff;
  counter-reset: dep2;
}

.ethics .ethics_con .ethics_list>li .info li {
  position: relative;
  padding-left: 23rem;
  opacity: .7;
}

.ethics .ethics_con .ethics_list>li .info li::before {
  counter-increment: dep2;
  content: counter(dep2) ")";
  position: absolute;
  left: 0;
  top: 0;
}

.ethics .ethics_con .popBtn {
  font-size: 20rem;
  font-weight: 500;
  font-size: 20rem;
  padding: 20rem 0;
  border-radius: 10rem;
  background-color: #0a0a0a;
  margin-top: 20rem;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.ethics .ethics_con .popBtn:hover {
  background-color: #f79311;
}

.ethics .ethics_popup {
  height: 100vh;
  opacity: 0;
  touch-action: none;
  pointer-events: none;
  position: fixed;
  z-index: 99999999999999;
  transition: .5s ease;
}

.ethics .ethics_popup.on {
  opacity: 1;
  touch-action: auto;
  pointer-events: auto;
}

.ethics .ethics_popup .dim {
  background-color: rgba(0, 0, 0, .3);
  cursor: pointer;
}

.ethics .ethics_popup .popup {
  width: 670rem;
  background-color: #fff;
  padding: 40rem 50rem;
  border-radius: 10rem;
  top: 60%;
  opacity: 0;
  transition: 1s ease;
}

.ethics .ethics_popup.on .popup {
  top: 50%;
  opacity: 1;
}

.ethics .ethics_popup .popup .icon {
  width: 57rem;
  margin: 0 auto;
}

.ethics .ethics_popup .popup .title {
  margin: 30rem 0 40rem;
  font-size: 30rem;
  font-weight: 500;
  text-align: center;
}

.ethics .ethics_popup .popup .txtBox {
  background-color: #efefef;
  border-radius: 10rem;
  padding: 30rem 20rem;
  width: 100%;
  height: 592rem;
  font-weight: 500;
}

.ethics .ethics_popup .popup .txtBox .inner {
  padding-right: 10rem;
  overflow: hidden;
  overflow-y: auto;
}

.ethics .ethics_popup .popup .txtBox .inner::-webkit-scrollbar {
  display: block;
  width: 5rem;
  border-radius: 2rem;
  background-color: #e6e6e6;
}

.ethics .ethics_popup .popup .txtBox .inner::-webkit-scrollbar-thumb {
  background-color: #f79311;
  border-radius: 2rem;
}

.ethics .ethics_popup .popup .txtBox .dep1 {
  counter-reset: pop_dep1;
}

.ethics .ethics_popup .popup .txtBox .dep1>li {}

.ethics .ethics_popup .popup .txtBox .dep1>li+li {
  margin-top: 30rem;
}

.ethics .ethics_popup .popup .txtBox .dep1>li>.tit {
  font-size: 16rem;
  margin-bottom: 10rem;
}

.ethics .ethics_popup .popup .txtBox .dep1>li>.tit::before {
  counter-increment: pop_dep1;
  content: "제" counter(pop_dep1) "장 ";
}

.ethics .ethics_popup .popup .txtBox .dep2 {
  opacity: .5;
  font-size: 16rem;
  counter-reset: pop_dep2;
}

.ethics .ethics_popup .popup .txtBox .dep2>li+li {
  margin-top: 30rem;
}

.ethics .ethics_popup .popup .txtBox .dep2>li .tit {
  margin-bottom: 10rem;
}

.ethics .ethics_popup .popup .txtBox .dep2>li .tit::before {
  counter-increment: pop_dep2;
  content: counter(pop_dep2) ". ";
}

.ethics .ethics_popup .popup .txtBox .dep3 {
  counter-reset: pop_dep3;
}

.ethics .ethics_popup .popup .txtBox .dep3>li {
  padding-left: 17rem;
  position: relative;
}

.ethics .ethics_popup .popup .txtBox .dep3>li+li {
  margin-top: 5rem;
}

.ethics .ethics_popup .popup .txtBox .dep3>li::before {
  counter-increment: pop_dep3;
  content: counter(pop_dep3) ")";
  position: absolute;
  left: 0;
  top: 0;
}

.ethics .ethics_popup .popup .txtBox .dep4 {}

.ethics .ethics_popup .popup .txtBox .dep4>li {
  position: relative;
  padding-left: 10rem;
}

.ethics .ethics_popup .popup .txtBox .dep4>li::before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}

.ethics .ethics_popup .popup .txtBox .dep4_type2 {}

.ethics .ethics_popup .popup .txtBox .dep4_type2>li>i {
  font-style: normal;
}

.ethics .ethics_popup .closeBtn {
  font-size: 20rem;
  font-weight: 500;
  padding: 23rem 0;
  text-align: center;
  border-radius: 10rem;
  background-color: #0a0a0a;
  transition: .5s ease;
  cursor: pointer;
  color: #fff;
  margin-top: 20rem;
}

.ethics .ethics_popup .closeBtn:hover {
  background-color: #f79311;
}


/************** ABOUT **************/
/* ETHICS */
.ethics {}

.ethics .ethics_con {
  padding: 0 170rem;
}

.ethics .ethics_con .visualBox {
  padding: 60rem 40rem;
  border-radius: 10rem;
  background: url(/images/contents/ethics.png)no-repeat center center / cover;
  color: #fff;
}

.ethics .ethics_con .visualBox span {
  display: block;
  font-size: 40rem;
  font-weight: 700;
  margin-bottom: 40rem;
}

.ethics .ethics_con .ethics_list {}

.ethics .ethics_con .ethics_list>li {
  margin-top: 20rem;
}

.ethics .ethics_con .ethics_list>li .tit {
  padding: 35rem 40rem;
  font-size: 20rem;
  font-weight: 500;
}


/************** BUSINESS **************/

/* BUSINESS TABBAR */
.busiTab {
  width: 307rem;
  max-width: calc(100% - 40rem);
  position: absolute;
  right: 25rem;
  top: 180rem;
  color: #fff;
  font-size: 15rem;
  z-index: 15;
}

.busiTab a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.busiTab a::after {
  content: '';
  display: block;
  width: 20rem;
  height: 5rem;
  background: url(/images/common/navArrow.svg)no-repeat center center / 100% auto;
  transform: translateY(-50%) rotate(180deg);
  filter: invert(1);
}

.busiTab .slot {
  border-radius: 10rem;
  padding-left: 35rem !important;
  padding-right: 35rem !important;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.busiTab .dep2Link {
  position: relative;
  padding: 35rem;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.busiTab .dep2Link::before,
.busiTab .tabBtn .blurBg {
  content: '';
  width: 100%;
  height: 100%;
  backdrop-filter: blur(15px) contrast(.8);
  -webkit-backdrop-filter: blur(15px) contrast(.8);
  -o-backdrop-filter: blur(15px) contrast(.4);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .1);
}

.busiTab .dep2Link .tit {
  font-size: 18rem;
  margin-bottom: 31rem;
  font-weight: 500;
  position: relative;
}

.busiTab .dep2Link .linkList {}

.busiTab .dep2Link .linkList a {
  padding-bottom: 10rem;
  margin-bottom: 10rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  opacity: .5;
  transition: .3s ease;
}

.busiTab .dep2Link .linkList a>div {
  width: 100%;
}

.busiTab .dep2Link .linkList a:hover,
.busiTab .dep2Link .linkList a.on {
  padding-bottom: 10rem;
  margin-bottom: 10rem;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  opacity: 1;
  padding-left: 21rem;
}

.busiTab .dep2Link .linkList a::before {
  content: '';
  width: 0;
  height: 11rem;
  border-radius: 50rem;
  background: #f79311;
  position: absolute;
  left: 0;
  top: 6rem;
  transition: .5s ease;
}

.busiTab .dep2Link .linkList a:hover::before,
.busiTab .dep2Link .linkList a.on::before {
  width: 11rem
}

.busiTab .dep1Link {
  background-color: #0a0a0a;
  overflow: hidden;
  transition: .5s ease;
  padding: 14rem;
  max-height: 60rem;
  overflow: hidden;
  opacity: 1;
  font-size: 18rem;
}

.busiTab .dep1Link:hover {
  background-color: #f79311;
}

.busiTab.on .dep1Link {
  opacity: 0;
  max-height: 0;
  padding: 0;
}

.busiTab .dep1Link a {
  opacity: 1;
  transition: .5s ease .2s;
}

.busiTab .tabBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29rem;
  height: 29rem;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: -20rem;
  transform: translate(-50%, 100%);
  cursor: pointer;
  overflow: hidden;
}

.busiTab .tabBtn b,
.busiTab .tabBtn::before,
.busiTab .tabBtn::after {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 1.5px;
  transition: .3s ease;
  opacity: 1;
  z-index: 1;
}

.busiTab.on .tabBtn::before,
.busiTab.on .tabBtn::after {
  transform: translateX(6px);
  opacity: 0;
}

.busiTab.on .tabBtn::after {
  transform: translateX(-6px);
  opacity: 0;
}

/* BUSINESS : MAIN */
.business {}

.business .busiMain {
  width: 100%;
  height: 880rem;
  position: relative;
  color: #fff;
}

.business .busiMain .busiMainTit {
  position: absolute;
  bottom: 90rem;
  font-size: 85rem;
  font-family: 'Rubik';
}

.business .busiMain .busiMainTit span {
  display: inline-block;
  margin-left: 30rem;
  font-size: 45rem;
  padding: 9rem 40rem;
  border: 1px solid #fff;
  border-radius: 43rem;
  overflow: hidden;
  transform: translateY(11rem);
}

.business .busiMain .busiMainTit span b {
  display: inline-block;
  font-weight: inherit;
  transform: translateY(-100%);
  transition: 2s ease .5s;
  text-transform: capitalize;
}

.business .busiMain .busiMainTit.aos-animate span b {
  transform: translateY(0);
}

/* BUSINESS : TITLE */
.busiTit {
  text-align: center;
  margin-bottom: 70rem;
}

.busiTit span {
  display: block;
  font-size: 18rem;
  font-weight: 500;
  color: #838383;
  position: relative;
  padding-bottom: 25rem;
  margin-bottom: 15rem;
}

.busiTit span::after {
  content: '';
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background-color: #0a0a0a;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

.busiTit .tit {
  font-size: 35rem;
  font-weight: 500;
}

.busiTit .txt {
  margin-top: 20rem;
  color: #838383;
}


/* BUSINESS CONTENT : 1 */
.busiCon1 {
  display: flex;
  align-items: center;
  padding: 80rem;
  background-color: #F6F6F6;
}

.busiCon1>div {
  width: 50%;
  position: relative;
}

.busiCon1 .imgWrap {
  border-radius: 10rem;
  overflow: hidden;
  height: 490rem;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.busiCon1 .txtBox {
  padding-left: 130rem;
}

.busiCon1 .txtBox .dotTxt::before {
  top: 3rem;
}

.busiCon1 .txtBox .txt1 {
  font-size: 35rem;
  margin: 20rem 0 25rem;
  font-weight: 500;
}

.busiCon1 .txtBox .txt2 {
  color: #838383;
}

/* BUSINESS CONTENT : 2 */
.busiCon2 {
  padding-top: 100rem;
  text-align: center;
}

.busiCon2 .lineList {}

.busiCon2 .lineList ul li {
  padding: 50rem 0;
  min-height: 430rem;
}

.busiCon2 .lineList ul li .imgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 0;
  border-radius: 10rem;
  background-color: #FFE652;
  margin: 0 auto;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow: hidden;
}

.busiCon2 .lineList ul.aos-animate li .imgWrap {
  width: 185rem;
  height: 185rem;
  overflow: hidden;
}

.busiCon2 .lineList ul li:nth-child(2) .imgWrap {
  background-color: #B983FF;
}

.busiCon2 .lineList ul li:nth-child(3) .imgWrap {
  background-color: #71DFE7;
}

.busiCon2 .lineList ul li:nth-child(4) .imgWrap {
  background-color: #FFADAF;
}

.busiCon2 .lineList ul:nth-child(2) li:nth-child(1) .imgWrap {
  background-color: #FFADAF;
}

.busiCon2 .lineList ul:nth-child(2) li:nth-child(2) .imgWrap {
  background-color: #0ED764;
}

.busiCon2 .lineList ul:nth-child(2) li:nth-child(3) .imgWrap {
  background-color: #FF8718;
}

.busiCon2 .lineList ul li .imgWrap img {
  width: 100rem;
  transform: translateY(-200rem);
  transition: 1s ease .5s;
  height: 100rem;
}

.busiCon2 .lineList ul li:nth-child(2) .imgWrap img {
  transition-delay: .7s;
}

.busiCon2 .lineList ul li:nth-child(3) .imgWrap img {
  transition-delay: .9s;
}

.busiCon2 .lineList ul li:nth-child(4) .imgWrap img {
  transition-delay: 1.2s;
}

.busiCon2 .lineList ul.aos-animate li .imgWrap img {
  transform: translateY(0);
}

.busiCon2 .lineList ul li .txt1 {
  font-weight: 500;
  margin: 30rem 0 10rem;
}

.busiCon2 .lineList ul li .txt2 {
  font-size: 18rem;
  color: #838383;
}

.business.object-d .busiCon2 .lineList ul li:nth-child(1) .imgWrap {
  background: #71DFE7;
}

.business.object-d .busiCon2 .lineList ul li:nth-child(3) .imgWrap {
  background: #FFE652;
}



/* BUSINESS CONTENT : 3 */
.busiCon3 {
  padding: 150rem 0 200rem;
}

.busiCon3 .busiVidWrap {
  width: 1185rem;
  height: 692rem;
  margin: 0 auto;
  box-shadow: 14rem 14rem 50rem rgba(0, 0, 0, .15);
  padding: 40rem 50rem;
  border-radius: 20rem;
  position: relative;
}

.busiCon3 .busiVidWrap::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #F6F6F6;
  opacity: .5;
}

.busiCon3 .busiVidWrap p {
  font-size: 100rem;
  font-weight: 500;
  font-family: 'Rubik';
  color: #f6f6f6;
  position: absolute;
  opacity: 0;
  transition: 2s ease .3s;
}

.busiCon3 .busiVidWrap p.txt1 {
  left: -278rem;
  top: 197rem;
}

.busiCon3 .busiVidWrap p.txt2 {
  right: -710rem;
  bottom: 197rem;
}

.busiCon3 .busiVidWrap .busiVid {
  width: 100%;
  height: 0;
  z-index: 1;
  position: relative;
  transition: 1s ease;
  border-radius: 10rem;
  overflow: hidden;
  cursor: pointer;
}

.busiCon3 .busiVidWrap .busiVid video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.busiCon3 .busiVidWrap.aos-animate .busiVid {
  height: 100%;
}

.busiCon3 .busiVidWrap.aos-animate p {
  opacity: 1;
  text-transform: uppercase;
}

.busiCon3 .busiVidWrap.aos-animate p.txt1 {
  left: -378rem;
}

.busiCon3 .busiVidWrap.aos-animate p.txt2 {
  right: -810rem;
  transition-delay: .6s;
}

.busiCon3 .busiVidWrap {}

.busiCon3 .busiVidWrap .scenarioSld {
  background: #EFEFEF;
  height: 100%;
  border-radius: 20rem;
}

.busiCon3 .busiVidWrap .scenarioSld .p_center {
  width: 350rem;
  transform: translate(-50%, calc(-50% - 30rem)) scale(.5);
  transition: 1s ease;
}

.busiCon3 .busiVidWrap .scenarioSld .swiper-slide-active .p_center {
  transform: translate(-50%, calc(-50% - 30rem)) scale(1);
}

.busiCon3 .busiVidWrap .scenarioSld .info {
  font-size: 18rem;
  padding: 21rem 0;
  background-color: #f79311;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: -100rem;
  right: 0;
  text-align: center;
  transition: 1s ease;
}

.busiCon3 .busiVidWrap .scenarioSld .swiper-slide-active .info {
  bottom: 0;
}

.busiCon3.type2 .busiVidWrap .scenarioSld .pagi {
  font-size: 0;
  left: 35rem;
  bottom: auto;
  top: 40rem;
  position: absolute;
}

.busiCon3.type2 .busiVidWrap .scenarioSld .pagi span {
  margin: 0 5rem;
}

.busiCon3.type3 .pagi {
  width: 100%;
  text-align: center;
  margin-top: 55rem;
}

.busiCon3 .titleSld {
  width: 1185rem;
  font-size: 16rem;
  text-align: center;
  margin-bottom: 50rem;
}

.busiCon3 .titleSld::after {
  content: '';
  width: 100%;
  height: 50%;
  border-bottom: 1px dashed #CDCDCD;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.busiCon3 .titleSld ul {
  display: flex;
  justify-content: space-between;
  z-index: 20;
  position: relative;
}

.busiCon3 .titleSld ul li {
  width: auto;
  cursor: pointer;
}

.busiCon3 .titleSld ul li.on {
  cursor: default;
}

.busiCon3 .titleSld ul li p {
  padding: 6rem 25rem;
  background-color: #E6E6E6;
  border-radius: 22rem;
  transition: .5s ease;
}

.busiCon3 .titleSld ul li.on p {
  background-color: #f79311;
  color: #fff;
}



/* BUSINESS CONTENT : 4 */
.busiCon4 {
  background-color: #f6f6f6;
  padding: 100rem 0 150rem;
  position: relative;
}

.busiCon4 .rotate {
  width: 220rem;
  height: 220rem;
  position: absolute;
  right: 60rem;
  top: -110rem;
}

.busiCon4 .busiTit {
  margin-bottom: 100rem;
}

.busiCon4 .scenario {
  position: relative;
}

.busiCon4 .scenario .map {
  width: 1044rem;
  margin: 0 auto;
}

.busiCon4 .scenario .point {}

.busiCon4 .scenario .point li {
  position: absolute;
  height: 36rem;
  transform: translateY(30rem);
  transition: 1s ease;
  opacity: 0;
}

.busiCon4 .scenario .point li:not(.off) {
  cursor: pointer;
}

.busiCon4 .scenario.aos-animate .point li {
  transform: translateY(0);
  opacity: 1;
}

.busiCon4 .scenario .point li.on {
  z-index: 10;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(1) {
  transition-delay: .3s;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(2) {
  transition-delay: .6s;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(3) {
  transition-delay: .9s;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(4) {
  transition-delay: 1.2s;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(5) {
  transition-delay: 1.5s;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(6) {
  transition-delay: 1.8s;
}

.busiCon4 .scenario.aos-animate .point li:nth-child(7) {
  transition-delay: 2.1s;
}

.busiCon4 .scenario .point li .tit {
  width: auto;
  height: 100%;
}

.busiCon4 .scenario .point li .detail {
  width: 202rem;
  height: 202rem;
  border-radius: 50%;
  box-shadow: 4rem 4rem 20rem rgba(0, 0, 0, .15);
  position: absolute;
  left: 17rem;
  top: -88rem;
  transform: translateX(-50%) scale(.3);
  opacity: 0;
  transition: .3s ease;
}

.busiCon4 .scenario .point li.left .detail {
  left: auto;
  right: 17rem;
  transform: translateX(50%) scale(.3);
}

.busiCon4 .scenario .point li.left.bottom .detail {
  top: auto;
  bottom: -88rem;
}

.busiCon4 .scenario .point li:not(.off).on .detail {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.busiCon4 .scenario .point li.left:not(.off).on .detail {
  transform: translateX(50%) scale(1);
}

.busiCon4 .scenarioImg {
  margin-top: 100rem;
  position: relative;
}

.busiCon4 .scenarioImg .arrow {
  width: 192rem;
  height: 145rem;
  background: url(/images/contents/oneID_senario_arrow.svg)no-repeat center center / 16rem auto;
  position: absolute;
  left: 78rem;
  top: 63rem;
  animation: scenario_arrow 10s linear infinite;
}

@keyframes scenario_arrow {
  0% {
    transform: translateX(0);
  }

  12.4% {
    transform: translateX(0);
  }

  12.5% {
    transform: translateX(100%);
  }

  24.9% {
    transform: translateX(100%);
  }

  25% {
    transform: translateX(200%);
  }

  37.4% {
    transform: translateX(200%);
  }

  37.5% {
    transform: translateX(300%);
  }

  49.9% {
    transform: translateX(300%);
  }

  50% {
    transform: translateX(400%);
  }

  62.4% {
    transform: translateX(400%);
  }

  62.5% {
    transform: translateX(500%);
  }

  74.9% {
    transform: translateX(500%);
  }

  75% {
    transform: translateX(600%);
  }

  87.4% {
    transform: translateX(600%);
  }

  87.5% {
    transform: translateX(700%);
  }

  100% {
    transform: translateX(700%);
  }
}

/* BUSINESS CONTENT : 5 */
.busiCon5 {
  padding: 150rem 0 210rem;
}

.busiCon5 .pdSld {
  text-align: center;
}

.busiCon5 .pdSld .imgWrap {
  overflow: hidden;
}

.busiCon5 .pdSld .swiper-slide p {
  font-weight: 500;
  margin-top: 20rem;
}

.busiCon5 .pdSld .swiper-slide span {
  display: block;
  margin-top: 10rem;
  font-size: 16rem;
  color: #838383;
}

.busiCon5 .pdSld .pagi {
  margin-top: 30rem;
}

.busiCon5 .group4 {}

.busiCon5 p {
  text-align: center;
  font-size: 20rem;
  font-weight: 500;
  color: #0A0A0A;
}

.busiCon5 p.subtxt {
  font-size: 18rem;
  color: #838383;
  font-weight: 400;
  margin-top: 10rem;
}

.busiCon5 .imgWrap {
  margin-bottom: 30rem;
}

.busiCon5 .swiper-wrapper:nth-child(1) {
  margin-bottom: 50rem;
}

.busiCon5 .pagi {
  display: none;
}


/* BUSINESS CONTENT : 6 */
.busiCon6 {
  padding-top: 150rem;
}

.busiCon6 .process {
  width: 100%;
  height: 727rem;
}

.busiCon6 .process .slot {
  width: 727rem;
  height: 100%;
  border-radius: 20rem;
}

.busiCon6 .process .phone {
  position: relative;
  background-color: #F6F6F6;
}

.busiCon6 .process .phone .bg {
  width: 304rem;
}

.busiCon6 .process .phone .face {
  width: 242rem;
  height: 393rem;
  background: url(/images/contents/phone_face.png)no-repeat center center / cover;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: 1s ease .3s;
  border-radius: 10rem;
}

.busiCon6 .process.aos-animate .phone .face {
  opacity: 1;
}

.busiCon6 .process .phone .face p {
  display: inline-block;
  color: #fff;
  font-size: 14rem;
  font-weight: 350;
  background-color: #f79311;
  padding: 9rem 16rem;
  border-radius: 20rem;
  position: absolute;
  left: 50%;
  bottom: -50rem;
  transition: 1s ease .5s;
  white-space: nowrap;
  transform: translateX(-50%);
}

.busiCon6 .process.aos-animate .phone .face p {
  bottom: 15rem;
}

.busiCon6 .process .cardList {
  position: relative;
}

.busiCon6 .process .cardList li {
  width: 100%;
  height: calc(100% - 200rem);
  background-color: #FFE652;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20rem;
  padding: 60rem;
  cursor: pointer;
  overflow: hidden;
}

.busiCon6 .process .cardList li .inner {
  opacity: 0;
  transition: 1s ease;
  transform: translateY(-10%);
}

.busiCon6 .process .cardList li.on {
  z-index: 3;
}

.busiCon6 .process .cardList li.on .inner {
  opacity: 1;
  transform: translateY(0);
}

.busiCon6 .process .cardList li:nth-child(2) {
  background-color: #B983FF;
  top: 100rem;
  z-index: 2;
}

.busiCon6 .process .cardList li:nth-child(3) {
  background-color: #71DFE7;
  top: 200rem;
}

.busiCon6 .process .cardList li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 75rem;
  height: 75rem;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-family: 'Rubik';
  font-size: 40rem;
  position: absolute;
  right: 0;
  top: 0;
}

.busiCon6 .process .cardList li .txtBox {
  position: absolute;
  left: 0;
  bottom: 0;
}

.busiCon6 .process .cardList li .txtBox .txt1 {
  font-size: 25rem;
  font-weight: 500;
  margin-bottom: 23rem;
}

.busiCon6 .process .cardList li .txtBox .txt2 {
  opacity: .5;
}

/* BUSINESS CONTENT : 7 */
.busiCon7 {
  padding-top: 150rem;
}

.busiCon7 .performance {}

.busiCon7 .performance li {
  display: flex;
  align-items: center;
  border: 1px solid #CDCDCD;
  border-width: 1px 0;
  padding: 30rem 0;
}

.busiCon7 .performance li+li {
  border-top: none;
}

.busiCon7 .performance li .imgWrap {
  width: 460rem;
  height: 213rem;
  position: relative;
  border-radius: 10rem;
  margin-right: 130rem;
  overflow: hidden;
}

.busiCon7 .performance li .txtBox {}

.busiCon7 .performance li .txtBox .txt1 {
  font-size: 25rem;
  font-weight: 500;
  margin-bottom: 20rem;
}

.busiCon7 .performance li .txtBox .txt2 {
  color: #838383;
}

/* BUSINESS CONTENT : 8 */
.busiCon8 {
  position: relative;
  color: #fff;
  text-align: center;
  padding: 110rem;
  margin-top: 150rem;
}

.busiCon8 .txtBox {
  z-index: 1;
  position: relative;
}

.busiCon8 .txtBox span {
  font-size: 50rem;
  font-weight: 600;
}

.busiCon8 .txtBox p {
  font-size: 20rem;
  margin: 40rem 0 30rem;
}

.busiCon8 .txtBox a {
  display: inline-block;
  padding: 18rem 71rem;
  border: 1px solid #fff;
  border-radius: 33rem;
  transition: .5s ease;
}

.busiCon8 .txtBox a:hover {
  background: #fff;
  color: #0a0a0a;
}




/* BUSINESS CONTENT : LIFE */
/* SCENARIO */
.business.life .busiCon4 .scenario .point li:nth-child(1) {
  top: 140rem;
  left: 348rem;
}

.business.life .busiCon4 .scenario .point li:nth-child(2) {
  top: 23rem;
  right: 221rem;
}

.business.life .busiCon4 .scenario .point li:nth-child(3) {
  top: 202rem;
  right: 183rem;
}

.business.life .busiCon4 .scenario .point li:nth-child(4) {
  bottom: 140rem;
  right: 280rem;
}

.business.life .busiCon4 .scenario .point li:nth-child(5) {
  left: 112rem;
  top: 273rem;
}

.business.life .busiCon4 .scenario .point li:nth-child(6) {
  top: 362rem;
  right: 110rem;
}

.business.life .busiCon4 .scenario .point li:nth-child(7) {
  height: 162rem;
  left: 267rem;
  bottom: 42rem;
}



/* BUSINESS CONTENT : BUILDING */
/* SCENARIO */
.business.building .busiCon4 .scenario .point li:nth-child(1) {
  right: 264rem;
  top: 26rem;
}

.business.building .busiCon4 .scenario .point li:nth-child(2) {
  right: 124rem;
  top: 90rem;
  height: 162rem;
}

.business.building .busiCon4 .scenario .point li:nth-child(3) {
  left: 168rem;
  top: 285rem;
}

/* BUSINESS CONTENT : SUBWAY */
/* SCENARIO */
.business.subway .busiCon4 .scenario .point li:nth-child(1) {
  right: 195rem;
  bottom: 272rem;
}

/* BUSINESS CONTENT : AIRPORT */
/* SCENARIO */
.business.airport .busiCon4 .scenario .point li:nth-child(1) {
  right: 262rem;
  top: 48rem;
}

.business.airport .busiCon4 .scenario .point li:nth-child(2) {
  height: 61rem;
  right: 99rem;
  top: 220rem;
}

.business.airport .busiCon4 .scenario .point li:nth-child(3) {
  left: 97rem;
  top: 178rem;
  z-index: 1;
}

.business.airport .busiCon4 .scenario .point li:nth-child(4) {
  height: 183rem;
  left: 391px;
  top: -30rem;
}

/* BUSINESS CONTENT : FNB */
/* SCENARIO */
.business.fnb .busiCon4 .scenario .point li:nth-child(1) {
  height: 165rem;
  left: 236rem;
  top: 97rem;
}

.business.fnb .busiCon4 .scenario .point li:nth-child(2) {
  top: 250rem;
  left: 153rem;
}

.business.fnb .busiCon4 .scenario .point li:nth-child(3) {
  right: 490rem;
  top: 63rem;
}

.business.fnb .busiCon4 .scenario .point li:nth-child(4) {
  right: 156rem;
  top: 187rem;
}

.business.fnb .busiCon4 .scenario .point li:nth-child(5) {
  bottom: 162rem;
  right: 250rem;
}

/* BUSINESS CONTENT : PAY */
/* SCENARIO */
.business.pay .busiCon4 .scenario .point li:nth-child(1) {
  right: 336rem;
  bottom: 161rem;
}

.business.pay .busiCon4 .scenario .point li:nth-child(2) {
  right: 191rem;
  bottom: 223rem;
}

.business.pay .busiCon4 .scenario .point li:nth-child(3) {
  right: 153rem;
  bottom: 364rem;
}

.business.pay .busiCon4 .scenario .point li:nth-child(4) {
  height: 100rem;
  right: 230rem;
  top: 153rem;
}

.business.pay .busiCon4 .scenario .point li:nth-child(5) {
  height: 88rem;
  right: 379rem;
  top: -14rem;
}

.business.pay .busiCon4 .scenario .point li:nth-child(6) {
  left: 233rem;
  top: 111rem;
}

.business.pay .busiCon4 .scenario .point li:nth-child(7) {
  left: 167rem;
  top: 300rem;
}


/* BUSINESS CONTENT : OBJECT-DETECTION */
/* SCENARIO */
.business.object-d .busiCon4 {
  margin-top: 200rem;
}

.business.object-d .busiCon4 .scenario .point li:nth-child(1) {
  top: 140rem;
  left: 105rem;
  height: 105rem;
}

.business.object-d .busiCon4 .scenario .point li:nth-child(2) {
  top: 15rem;
  right: 290rem;
}

.business.object-d .busiCon4 .scenario .point li:nth-child(3) {
  bottom: 170rem;
  right: 210rem;
}


/* BUSINESS CONTENT : DATABASE */
.business.database .busiCon2 .lineList ul:nth-child(2) li:nth-child(1) .imgWrap {
  background-color: #0ED764;
}

.business.database .busiCon2 .lineList ul:nth-child(2) li:nth-child(2) .imgWrap {
  background-color: #FD9A71;
}

.business.database .busiCon2 .lineList ul:nth-child(2) li:nth-child(3) .imgWrap {
  background-color: #EFD0EF;
}

.business.database .busiCon2 .lineList ul:nth-child(2) li:nth-child(4) .imgWrap {
  background-color: #009DAE;
}

.business.database .busiCon3 {
  background: #F6F6F6;
  padding: 100rem 225rem;
  margin-top: 200rem;
}

.business.database .busiCon3 .busiVidWrap {
  width: 100%;
  height: auto;
  box-shadow: none;
  padding: 0;
}

.business.database .busiCon3 .busiVidWrap::before {
  display: none;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide p {
  position: relative;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld {
  padding: 0;
  background: transparent;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide {
  width: calc(100%/5);
  font-size: 16rem;
  text-align: center;
  position: relative;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide:not(:last-child)::before {
  content: '';
  position: absolute;
  right: -10rem;
  top: 84rem;
  width: 16rem;
  height: 17rem;
  background-image: url('/images/contents/database-arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld::after {
  content: '';
  position: absolute;
  left: 110rem;
  top: 350rem;
  width: 0%;
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  z-index: -1;
  transition: width 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.business.database .busiCon3 .busiVidWrap.aos-animate .scenarioSld::after {
  top: 240rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 345rem);
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide .img-wrap {
  width: 180rem;
  height: 180rem;
  box-shadow: 3.2316px 3.2316px 8.079px rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 50rem;
  transform: scale(0);
  transition: all 0.7s ease;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide span {
  color: #fff;
  border-radius: 137rem;
  background-color: #f79311;
  padding: 6rem 20rem;
  font-size: 16rem;
  font-weight: 300;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide p {
  font-size: 16rem;
  color: #838383;
  white-space: nowrap;
  width: 100%;
  margin-top: 23rem;
  font-family: 'Noto Sans CJK KR';
  font-weight: 300;
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .bottom {
  text-align: center;
  width: 100%;
  display: block;
  background-color: #f79311;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18rem;
  height: 70rem;
  line-height: 70rem;
  font-weight: 300;
  font-family: 'Noto Sans CJK KR';
}

.business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide.aos-animate .img-wrap {
  transform: scale(1);
}

.business.database .busiCon4 .img-wrap {
  width: 100%;
  padding: 0 40rem;
}

.business.fnb .busiCon2 {
  padding-bottom: 200rem;
}


/************** TECHNOLOGY **************/
.technology .tech_faceRec {
  background: #000 url(/images/contents/tech_faceRec1.png)no-repeat center center / cover;
  color: #fff;
}

.technology .tech_faceRec .faceRecscroll {
  text-transform: uppercase;
  font-size: 14rem;
  position: absolute;
  bottom: 6.5vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 110;
  transition: all .1s ease;
}

.technology .tech_faceRec .faceRecscroll::after {
  content: '';
  position: absolute;
  top: 34rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 60rem;
  background-color: #fff;
  animation: overview-scroll 2s linear infinite;
}

.technology .tech_faceRec .scene1 {
  transition: 1s ease;
}

.technology .tech_faceRec .face {
  width: 100%;
  height: 100%;
  background: #979a97;
  ;
  clip-path: circle(25%);
  transition: 2s cubic-bezier(0.87, 0, 0.13, 1);
  position: relative;
}

.technology .tech_faceRec.one .face {
  clip-path: circle(100%);
}

.technology .tech_faceRec .face .bg {
  transform: scale(.7);
  transition: 1s ease;
}

.technology .tech_faceRec.one .face .bg {
  transform: scale(1);
}

.technology .tech_faceRec .mainTxt1 {
  position: absolute;
  left: 110rem;
  top: 157rem;
}

.technology .tech_faceRec .mainTxt1 span {
  font-size: 45rem;
  font-weight: 700;
}

.technology .tech_faceRec .mainTxt1 p {
  opacity: .6;
  font-size: 25rem;
  margin-top: 35rem;
}

.technology .tech_faceRec .mainTxt2 {
  position: absolute;
  right: 110rem;
  bottom: 162rem;
}

.technology .tech_faceRec .mainTxt2 span {
  font-size: 270rem;
  font-weight: 600;
  line-height: 1.2;
  margin-left: -109rem;
}

.technology .tech_faceRec .mainTxt2 p {
  opacity: .7;
}

.technology .tech_faceRec .scene {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: url(/images/contents/tech_faceRec_scene3.png)no-repeat center center / cover;
  font-size: 45rem;
  opacity: 0;
  transform: scale(1.2);
  transition: 1s ease;
}

.technology .tech_faceRec .scene p {
  transform: translateY(30%);
  transition: 1s ease .5s;
  opacity: 0;
}

.technology .tech_faceRec .scene p b {
  text-decoration: underline;
}

.technology .tech_faceRec .scene2 {
  background-image: url(/images/contents/tech_faceRec_scene2.png);
}

.technology .tech_faceRec.two .scene1,
.technology .tech_faceRec.three .scene1 {
  opacity: 0;
}

.technology .tech_faceRec.two .scene2,
.technology .tech_faceRec.three .scene3 {
  opacity: 1;
  transform: scale(1);
}

.technology .tech_faceRec.two .scene2 p,
.technology .tech_faceRec.three .scene3 p {
  transform: translateY(0);
  opacity: 1;
}


/************** BLOG **************/
.technology-b.blog .boardList>ul>li .text .tagList {
  display: flex;
  flex-wrap: wrap;
  color: #838383;
  padding-top: 10rem;
  border-top: 1px solid #cdcdcd;
  margin-bottom: 30rem;
}

:root[theme="dark"] .technology-b.blog .boardList>ul>li .text .tagList {
  border-color: rgba(205, 205, 205, 0.2);
}

.technology-b.blog .boardList>ul>li .text .tagList li {
  margin-right: 15rem;
  font-size: 14rem;
}

.technology-b.blog .boardList>ul>li .text .tagList li::before {
  content: '#';
  display: inline-block;
}




@media screen and (max-width:767px) {
  em.italics {
    font-style: italic;
    margin: 0 3rem;
  }

  /* 라인이 그려지는 리스트 */
  .lineList>ul {
    display: block;
  }

  .lineList>ul::before,
  .lineList>ul::after {
    width: 1px;
    height: 0;
    left: 20rem;
  }

  .lineList>ul::after {
    left: auto;
    bottom: auto;
    right: 20rem;
    top: 0;
  }

  .lineList>ul.aos-animate::before,
  .lineList>ul.aos-animate::after {
    height: 100%;
    width: 1px;
  }

  .lineList>ul+ul::before {
    display: block;
  }

  .lineList>ul>li::before,
  .lineList>ul>li::after {
    width: 0;
    height: 1px;
    left: -20rem;
  }

  .lineList>ul>li::after {
    top: auto;
    right: auto;
    bottom: 0;
    left: -20rem;
  }

  .lineList>ul+ul>li:first-child::before {
    display: none;
  }

  .lineList>ul.aos-animate>li::before,
  .lineList>ul.aos-animate>li::after {
    height: 1px;
    width: calc(100% + 40rem);
  }


  /************** ABOUT **************/
  /* ETHICS */
  .ethics .ethics_con {
    padding: 0 20rem;
  }

  .ethics .ethics_con .visualBox {
    padding: 40rem 20rem;
  }

  .ethics .ethics_con .visualBox span {
    font-size: 20rem;
    margin-bottom: 15rem;
  }

  .ethics .ethics_con .ethics_list>li {
    margin-top: 25rem;
  }

  .ethics .ethics_con .ethics_list>li>* {
    border-radius: 5rem;
    padding: 20rem;
  }

  .ethics .ethics_con .ethics_list>li .tit {
    font-size: 15rem;
    margin-bottom: 10rem;
    padding: 13rem 20rem;
  }

  .ethics .ethics_con .ethics_list>li .info li {
    padding-left: 16rem;
  }

  .ethics .ethics_con .popBtn {
    font-size: 15rem;
    padding: 11rem 0;
    border-radius: 5rem;
    margin-top: 25rem;
  }

  .ethics .ethics_popup .popup {
    width: calc(100% - 40rem);
    max-height: calc(100% - 80rem);
    padding: 35rem 20rem;
    border-radius: 5rem;
    overflow: hidden;
    overflow-y: auto;
  }

  .ethics .ethics_popup .popup .icon {
    width: 47rem;
  }

  .ethics .ethics_popup .popup .title {
    margin: 20rem 0;
    font-size: 16rem;
  }

  .ethics .ethics_popup .popup .txtBox {
    border-radius: 5rem;
    padding: 20rem;
    height: 228rem;
  }

  .ethics .ethics_popup .popup .txtBox .inner {
    padding-right: 5rem;
  }

  .ethics .ethics_popup .popup .txtBox .inner::-webkit-scrollbar {
    width: 3rem;
    border-radius: 2rem;
  }

  .ethics .ethics_popup .popup .txtBox .dep1>li+li {
    margin-top: 10rem;
  }

  .ethics .ethics_popup .popup .txtBox .dep1>li>.tit {
    font-size: 14rem;
  }

  .ethics .ethics_popup .popup .txtBox .dep2 {
    font-size: 14rem;
  }

  .ethics .ethics_popup .popup .txtBox .dep2>li+li {
    margin-top: 10rem;
  }

  .ethics .ethics_popup .popup .txtBox .dep3>li {
    padding-left: 15rem;
  }

  .ethics .ethics_popup .popup .txtBox .dep3>li+li {
    margin-top: 3rem;
  }

  .ethics .ethics_popup .closeBtn {
    font-size: 15rem;
    padding: 11rem 0;
    border-radius: 5rem;
  }


  /************** BUSINESS **************/

  /* 모바일 인트로 버튼 고정 */
  .intro .busiTab {
    position: fixed;
  }

  .intro .busiTab .tabBtn {
    position: fixed;
    left: auto;
    bottom: auto;
    right: 20rem;
    top: 81rem;
    transform: none;
  }

  /* BUSINESS TABBAR */
  .busiTab {
    width: 100%;
    right: 20rem;
    top: 126rem;
  }

  .busiTab .slot {
    border-radius: 5rem;
    padding-left: 20rem !important;
    padding-right: 20rem !important;
    overflow: hidden;
    transition: .5s ease;
    max-height: 0;
    opacity: 0;
    touch-action: none;
    pointer-events: none;
  }

  .busiTab.on .slot {
    max-height: 500rem;
    opacity: 1;
    touch-action: auto;
    pointer-events: auto;
  }

  .busiTab .dep2Link {
    backdrop-filter: blur(15px) contrast(.8);
    padding: 25rem;
  }

  .busiTab .dep2Link .linkList {
    height: calc(100vh - 304rem);
    max-height: 302rem;
    overflow: hidden;
    overflow-y: auto;
  }

  .busiTab .tabBtn {
    left: auto;
    bottom: 0;
    right: 0;
    top: -16rem;
    transform: translateY(-100%);
  }

  .busiTab.on .dep1Link {
    padding: 13rem 20rem;
  }

  /* BUSINESS : MAIN */
  .business .busiMain {
    height: 111vw;
  }

  .business .busiMain .busiMainTit {
    bottom: 40rem;
    font-size: 40rem;
  }

  .business .busiMain .busiMainTit em {
    display: block;
  }

  .business .busiMain .busiMainTit span {
    margin-left: 0;
    font-size: 20rem;
    padding: 13rem 25rem;
    border-radius: 30rem;
  }

  .business.object-d .busiMain>img {
    object-position: 20% center;
  }

  /* BUSINESS : TITLE */
  .busiTit {
    margin-bottom: 31rem;
  }

  .busiTit span {
    font-size: 14rem;
    padding-bottom: 20rem;
    margin-bottom: 10rem;
  }

  .busiTit .tit {
    font-size: 20rem;
  }

  .busiTit .tit br:not(.m) {
    display: none;
  }

  .busiTit .txt {
    margin-top: 15rem;
    font-size: 14rem;
  }


  /* BUSINESS CONTENT : 1 */
  .busiCon1 {
    display: block;
    padding: 40rem;
  }

  .busiCon1>div {
    width: 100%;
  }

  .busiCon1 .imgWrap {
    border-radius: 10rem;
    height: 46vw;
  }

  .busiCon1 .txtBox {
    padding-left: 0;
    margin-top: 20rem;
  }

  .busiCon1 .txtBox .dotTxt {
    padding-left: 23rem;
  }

  .busiCon1 .txtBox .dotTxt::before {
    width: 13rem;
    height: 13rem;
    top: 4rem;
  }

  .busiCon1 .txtBox .txt1 {
    font-size: 20rem;
    margin: 10rem 0 14rem;
  }

  .busiCon1 .txtBox .txt2 br {
    display: none;
  }

  /* BUSINESS CONTENT : 2 */
  .business.fnb .busiCon2 {
    padding-bottom: 60rem;
  }

  .busiCon2 {
    padding-top: 60rem;
    text-align: left;
  }

  .busiCon2 .lineList ul li {
    padding: 20rem 20rem 20rem 117rem;
    min-height: unset;
  }

  .busiCon2 .lineList ul li .imgWrap {
    position: absolute;
    left: 20rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .busiCon2 .lineList ul.aos-animate li .imgWrap {
    width: 77rem;
    height: 77rem;
    overflow: hidden;
  }

  .busiCon2 .lineList ul li .imgWrap img {
    width: 45rem;
    height: 45rem;
  }

  .busiCon2 .lineList ul li .txt1 {
    font-size: 16rem;
    margin: 0 0 10rem;
  }

  .busiCon2 .lineList ul li .txt2 {
    font-size: 14rem;
  }

  /* BUSINESS CONTENT : 3 */
  .busiCon3 {
    padding: 60rem 20rem;
  }

  .busiCon3 .busiVidWrap {
    width: 100%;
    height: 51vw;
    padding: 10rem 13rem;
  }

  .busiCon3 .busiVidWrap p {
    font-size: 30rem;
  }

  .busiCon3 .busiVidWrap p.txt1 {
    top: 52rem;
  }

  .busiCon3 .busiVidWrap p.txt2 {
    bottom: 52rem;
  }

  .busiCon3 .busiVidWrap.aos-animate p.txt1 {
    left: -100rem;
  }

  .busiCon3 .busiVidWrap.aos-animate p.txt2 {
    right: -175rem;
  }

  .busiCon3.type2 {
    padding-bottom: 158rem;
  }

  .busiCon3.type2 .busiVidWrap .scenarioSld {
    overflow: visible;
  }

  .busiCon3 .busiVidWrap .scenarioSld .p_center {
    width: 112rem;
    transform: translate(-50%, -50%) scale(.5);
  }

  .busiCon3 .busiVidWrap .scenarioSld .swiper-slide-active .p_center {
    transform: translate(-50%, -50%) scale(1);
  }

  .busiCon3 .busiVidWrap .scenarioSld .info {
    font-size: 14rem;
    padding: 0;
    background-color: transparent;
    color: #0a0a0a;
    bottom: -65rem;
  }

  .busiCon3 .busiVidWrap .scenarioSld .swiper-slide-active .info {
    bottom: -65rem;
  }

  .busiCon3.type2 .busiVidWrap .scenarioSld .pagi {
    left: 0;
    bottom: -97rem;
    top: auto;
    text-align: center;
  }

  .busiCon3.type2 .busiVidWrap .scenarioSld .pagi span {
    margin: 0 7rem;
  }

  .busiCon3.type3 .pagi {
    margin-top: 30rem
  }

  .busiCon3 .titleSld {
    width: calc(100% + 40rem);
    font-size: 14rem;
    margin-bottom: 30rem;
    margin-left: -20rem;
    padding: 0 20rem;
  }

  .busiCon3 .titleSld::after {
    content: '';
    width: 100%;
    height: 50%;
    border-bottom: 1px dashed #CDCDCD;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }

  .busiCon3 .titleSld ul {
    justify-content: unset;
    white-space: nowrap;
    transition: .5s ease;
  }

  .busiCon3 .titleSld ul li {
    width: 100%;
    flex-shrink: 0;
  }

  .busiCon3 .titleSld ul li p {
    display: inline-block;
  }


  /* BUSINESS CONTENT : 4 */
  .busiCon4 {
    padding: 60rem 0;
  }

  .busiCon4 .busiTit {
    margin-bottom: 30rem;
  }

  .busiCon4 .busiTit .txt {
    display: none;
  }

  .busiCon4 .scenario .map {
    width: 100%;
  }

  .busiCon4 .scenario .point {
    width: calc(100% + 40rem);
    display: flex;
    flex-wrap: wrap;
    margin: 40rem 0 0 -20rem;
    border-top: 1px solid #cdcdcd;
    overflow: hidden;
  }

  .busiCon4 .scenario .point::after {
    content: '';
    width: calc(100% + 40rem);
    height: 1px;
    background-color: #cdcdcd;
    position: absolute;
    left: -20rem;
    bottom: 0;
  }

  .busiCon4 .scenario .point li {
    position: static;
    height: auto !important;
    width: 50%;
    border-bottom: 1px solid #cdcdcd;
    padding: 20rem 0;
    transform: translateY(1px);
  }

  .busiCon4 .scenario .point li span {
    display: block;
    width: calc(100% - 40rem);
    height: 30rem;
    line-height: 30rem;
    text-align: center;
    background-color: #f79311;
    color: #fff;
    margin: 0 auto;
    border-radius: 15rem;
    font-size: 14rem;
    font-weight: 300;
  }

  .busiCon4 .scenario .point li.off span {
    background-color: #838383;
  }

  .busiCon4 .scenario .point li:nth-child(odd) {
    border-right: 1px solid #cdcdcd;
  }

  .busiCon4 .scenario .point li .detail {
    width: 128rem !important;
    height: 128rem !important;
    position: static;
    transform: none !important;
    opacity: 1;
    margin: 22rem auto 0;
  }

  .busiCon4 .scenarioImg {
    max-width: 320rem;
    margin: 43rem auto 0;
  }

  .busiCon4 .scenarioImg .arrow {
    width: 111rem;
    height: 141.5rem;
    background-image: url(/images/contents/oneID_senario_arrow_m.svg);
    background-size: 13rem auto;
    position: absolute;
    left: 61rem;
    top: 62rem;
    animation: scenario_arrow 10s linear infinite;
  }

  @keyframes scenario_arrow {
    0% {
      transform: translateY(0);
    }

    12.4% {
      transform: translateY(0);
    }

    12.5% {
      transform: translateY(100%);
    }

    24.9% {
      transform: translateY(100%);
    }

    25% {
      transform: translateY(200%);
    }

    37.4% {
      transform: translateY(200%);
    }

    37.5% {
      transform: translateY(300%);
    }

    49.9% {
      transform: translateY(300%);
    }

    50% {
      transform: translateY(398%);
    }

    62.4% {
      transform: translateY(398%);
    }

    62.5% {
      transform: translateY(498%);
    }

    74.9% {
      transform: translateY(498%);
    }

    75% {
      transform: translateY(598%);
    }

    87.4% {
      transform: translateY(598%);
    }

    87.5% {
      transform: translateY(698%);
    }

    100% {
      transform: translateY(698%);
    }
  }

  /* BUSINESS CONTENT : 5 */
  .busiCon5 {
    padding: 60rem 0 100rem;
  }

  .busiCon5 .pdSld .swiper-slide p {
    margin-top: 15rem;
    font-size: 16rem;
  }

  .busiCon5 .pdSld .swiper-slide span {
    font-size: 14rem;
  }

  .busiCon5 .group4 .swiper-wrapper:nth-child(1) {
    margin-bottom: 0;
  }

  .busiCon5 .pagi {
    display: block;
    margin-top: 30rem;
    text-align: center;
  }

  .busiCon5 .pdSld .pagi {
    margin-top: 0;
    position: absolute;
  }


  /* BUSINESS CONTENT : 6 */
  .busiCon6 {
    padding-top: 60rem;
  }

  .busiCon6 .process {
    height: auto;
    display: block;
  }

  .busiCon6 .process .slot {
    width: 100%;
  }

  .busiCon6 .process .phone {
    background-color: #F6F6F6;
    height: 100vw;
  }

  .busiCon6 .process .phone .bg {
    width: auto;
    height: calc(100% - 44rem);
  }

  .busiCon6 .process .phone .face {
    width: 39%;
    height: 58%;
    transform: translate(-50%, -50.7%);
  }

  .busiCon6 .process .phone .face p {
    font-size: 10rem;
    padding: 6rem 13rem;
    width: 90%;
    white-space: unset;
    text-align: center;
  }

  .busiCon6 .process .cardList li {
    height: 210rem;
    position: static;
    padding: 20rem;
  }

  .busiCon6 .process .cardList li+li {
    margin-top: 10rem;
  }

  .busiCon6 .process .cardList li .inner {
    opacity: 1;
    transform: none;
  }

  .busiCon6 .process .cardList li span {
    width: 25rem;
    height: 25rem;
    font-size: 14rem;
  }

  .busiCon6 .process .cardList li .txtBox .txt1 {
    font-size: 16rem;
    margin-bottom: 10rem;
  }

  .busiCon6 .process .cardList li .txtBox .txt2 {
    font-size: 14rem;
    opacity: .5;
  }

  .busiCon6 .process .cardList li .txtBox .txt2 br {
    display: none;
  }

  /* BUSINESS CONTENT : 7 */
  .busiCon7 {
    padding-top: 60rem;
  }

  .busiCon7 .performance li {
    display: block;
    padding: 20rem 0;
  }

  .busiCon7 .performance li .imgWrap {
    width: 100%;
    height: 41vw;
    margin: 0 0 15rem;
  }

  .busiCon7 .performance li .txtBox .txt1 {
    font-size: 16rem;
    margin-bottom: 10rem;
  }

  .busiCon7 .performance li .txtBox .txt2 {
    font-size: 14rem;
  }

  .busiCon7 .performance li .txtBox .txt2 br {
    display: none;
  }

  /* BUSINESS CONTENT : 8 */
  .busiCon8 {
    padding: 40rem;
    margin-top: 40rem;
  }

  .busiCon8 .txtBox span {
    font-size: 25rem;
  }

  .busiCon8 .txtBox p {
    font-size: 14rem;
    margin-top: 10rem;
  }

  .busiCon8 .txtBox p br {
    display: none;
  }

  .busiCon8 .txtBox a {
    padding: 14rem 46rem;
    border-radius: 25rem
  }




  /* BUSINESS CONTENT : OBJECT-DETECTION */
  /* SCENARIO */
  .business.object-d .busiCon4 {
    margin-top: 60rem;
  }

  .business.object-d .busiCon4 .scenario .point li span {
    height: 61rem;
    border-radius: 30rem;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
  }



  /* BUSINESS CONTENT : DATABASE */
  .business.database .busiCon3 .busiVidWrap {
    width: 100%;
    height: auto;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld {
    padding-top: 20rem;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-wrapper {
    flex-direction: column;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide {
    width: 100%;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide:not(:last-child) {
    margin-bottom: 60rem;
    height: 227rem;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide .img-wrap {
    width: 100rem;
    height: 100rem;
    margin-bottom: 20rem;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide span {
    font-size: 15rem;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide p {
    font-size: 14rem;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .bottom {
    height: 49rem;
    line-height: 49rem;
    font-size: 12rem;
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide:not(:last-child)::before {
    top: 248rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide.aos-animate .img-wrap {
    transform: scale(1);
  }

  .business.database .busiCon3 .busiVidWrap .scenarioSld .swiper-slide.swiper-slide-active .img-wrap {
    transform: scale(1);
  }

  .business.database .busiCon4 .img-wrap {
    width: calc(100% + 28rem);
    padding: 0 0 0 14rem;
    margin-left: -14rem;
  }

  .business.database .busiCon4 .img-wrap img {
    max-width: 334rem;
    margin: 0 auto;
  }




  /************** TECHNOLOGY **************/
  .technology .tech_faceRec .mainTxt1 {
    left: 0;
    top: 20rem;
    padding: 0 30rem;
  }

  .technology .tech_faceRec .mainTxt1 span {
    font-size: 25rem;
  }

  .technology .tech_faceRec .mainTxt1 p {
    font-size: 18rem;
    margin-top: 20rem;
  }

  .technology .tech_faceRec .mainTxt1 p br {
    display: none;
  }

  .technology .tech_faceRec .mainTxt2 {
    right: 20rem;
    left: 20rem;
    bottom: 20rem;
  }

  .technology .tech_faceRec .mainTxt2 span {
    display: block;
    font-size: 120rem;
    margin-left: 0;
    text-align: right;
  }

  .technology .tech_faceRec .scene {
    font-size: 25rem;
    padding: 0 20rem;
  }
}