/* Color { */
:root {
  --main-color: #DD0B0B;
  
  --black-color: #000000;
  --white-color: #FFFFFF;
}
/* } Color */

/* Header { */
.header {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; transition: .5s; opacity: 0;}
.main-header {border-bottom: 1px solid rgba(255,255,255,0.3);}
.main-header.hide {top: -100%; transition: 1s;}
.header.show {opacity: 1; transition: 1s;}
.head-cont {height: 100%; display: flex; align-items: center; justify-content: space-between; height: 90px;}
.head-logo {display: flex; align-items: flex-end; gap: 40px;}
.head-logo .black-logo {display: none;}
.head-right {display: flex; align-items: center; gap: 20px;}
.gnb {height: 100%;}
.gnb .depth1 {display: flex; align-items: center; gap: 45px; height: 100%;}
.gnb .depth1 > li {height: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
.gnb .depth1 > li > a {font-weight: 400; font-size: 18px; color: var(--white-color); transition: .3s;}
.gnb .depth1 > li:hover > a {color: var(--main-color);}

.header.black {background-color: rgba(255,255,255,0.8);}
.header.black .head-logo .white-logo {display: none;}
.header.black .head-logo .black-logo {display: block;}
.header.black .lang-menu li a {color: var(--black-color);}
.header.black .gnb .depth1 > li > a {color: var(--black-color);}
.header.black .gnb .depth1 > li:hover > a {color: var(--main-color);}

.float-menu {position: fixed; bottom: 30px; right: 30px; z-index: 5; display: none;}
.float-menu-item {position: relative;}
.float-menu-item ~ .float-menu-item {margin-top: 20px;}
.progress-ring {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-90deg); z-index: 1;}
.progress-ring__bg {fill: none; stroke-width: 3; stroke: rgba(214,49,41,0.2);}
.progress-ring__circle {fill: none; stroke: var(--main-color); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 138.2; stroke-dashoffset: 138.2; transition: stroke-dashoffset 0.2s ease-out;}
.float-menu .top-btn {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: var(--black-color); border: none; position: relative; z-index: 2;}
.float-menu .top-btn img {width: 20px;}

.lang-menu {display: flex; gap: 18px;}
.lang-menu li {}
.lang-menu li a {font-weight: 700; font-size: 12px; color: var(--white-color); display: inline-block; position: relative;}
.lang-menu li a::before {content: ''; width: 0; height: 2px; background-color: var(--main-color); left: 50%; transform: translateX(-50%); bottom: -2px; position: absolute; transition: .3s;}
.lang-menu li.on a::before {width: 100%;}
.lang-menu li a:hover::before {width: 100%;}

.menu-btn {display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 30px; height: 30px; background-color: transparent; border: none; display: none;}
.menu-btn span {display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; transition: .5s;}
.menu-btn span::after {content: ''; width: 6px; height: 6px; background-color: var(--white-color); border-radius: 50%; transition: .5s;}
.menu-btn span::before {content: ''; width: 6px; height: 6px; background-color: var(--white-color); border-radius: 50%; transition: .5s;}
.menu-btn span i {width: 6px; height: 6px; background-color: var(--white-color); border-radius: 50%; transition: .5s;}
/* } Header */

/* Footer { */
.footer {background-color: #F7F7F7; padding: 50px 0;}
.footer-wrap {display: flex; align-items: flex-end; justify-content: space-between;}
.footer-left {}
.footer-logo {}
.footer-info {padding-top: 60px;}
.footer-info-item {display: flex; align-items: flex-start; font-weight: 300; font-size: 15px; color: var(--black-color); line-height: 1.733; gap: 10px;}
.footer-info-item .a {font-weight: 700;}
.footer-info-item .b {}
.company-info {padding-top: 10px; display: flex; align-items: flex-start; gap: 35px;}
.company-info-item {display: flex; align-items: center; font-weight: 300; font-size: 15px; color: var(--black-color); line-height: 1.733; gap: 3px;}
.company-info-item .a {font-weight: 700;}
.company-info-item .b {}

.footer-right {}
.footer-menu {}
.footer-menu .depth1 {display: flex; align-items: flex-start; gap: 48px; justify-content: flex-end;}
.footer-menu .depth1 > li {}
.footer-menu .depth1 > li > a {font-weight: 700; font-size: 16px; color: var(--black-color); line-height: 1.875;}
.footer-menu .depth2 {padding-top: 3px;}
.footer-menu .depth2 > li {}
.footer-menu .depth2 > li > a {font-weight: 300; font-size: 16px; color: var(--black-color); line-height: 2.25; transition: .5s;}
.footer-menu .depth2 > li > a:hover {color: var(--main-color);}
.footer-right .etc-menu {display: flex; align-items: flex-start; gap: 15px; justify-content: flex-end; padding-top: 20px;}
.footer-right .etc-menu a {display: flex; align-items: center; justify-content: center; height: 39px; font-weight: 500; font-size: 16px; color: #555555; border-radius: 25px; background-color: #EBEBEB; padding: 0 21px; transition: .5s;}
.footer-right .etc-menu a:hover {box-shadow: 0 0 0 1px var(--main-color); color: var(--main-color); background-color: #D9D9D9;}
.footer-right .copyright {text-align: right; font-weight: 300; font-size: 16px; color: #666666; line-height: 1.625; padding-top: 16px;}
/* } Footer */

/* Common { */
.s-btn {height: 46px;}
.s-btn path {transition: .3s;}
.more-btn {display: flex; align-items: center; justify-content: space-between; width: 156px; border-radius: 23px; border: 1px solid var(--white-color); font-weight: 500; font-size: 16px; color: var(--white-color); padding: 8px; transition: .3s; background-color: transparent;}
.more-btn .t {width: calc(100% - 31px); text-align: center; display: inline-block;}
.more-btn .icon {display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; background-color: var(--white-color); border-radius: 50%; transition: .3s;}

.more-btn:hover {border-color: var(--main-color); color: var(--main-color); font-weight: 700;}
.more-btn:hover .icon {background-color: var(--main-color);}
.more-btn:hover path {stroke: var(--white-color);}
.more-btn.on {border-color: var(--main-color); color: var(--main-color); font-weight: 700;}
.more-btn.on .icon {background-color: var(--main-color);}
.more-btn.on path {stroke: var(--white-color);}
/* } Common */

/* Main { */
.main-video-section {width: 100%; height: calc(var(--vh, 1vh) * 100);}
.main-video-section .main-video {position: relative; width: 100%; height: 100%;}
.main-video-section .main-video video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center; font-size: 0;}

.main-video-section.hide {height: 0; transition: 1.5s;}

.main-btn-section {height: calc(var(--vh, 1vh) * 100); width: 100%;}
.main-btn-section.hide {height: 0; transition: 1.5s;}
.main-btn-intro {display: flex; align-items: flex-start; height: 100%; width: 100%;}
.main-btn-intro > .intro-btn {width: 50%; position: relative; overflow: hidden; height: 100%; flex: 1; transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; border: none; background-color: transparent;}
.main-btn-intro .btn-img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .3s;}
.main-btn-intro .btn-img::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.66); transition: .8s;}
.main-btn-intro .btn-img::after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: -30%; background: #FFFFFF; background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); transition: .8s; opacity: 0;}
.main-btn-intro-left {}
.main-btn-intro-left .btn-img {background: url('/source/img/main-btn-intro-left.png') no-repeat center/cover;}
.main-btn-intro-right {}
.main-btn-intro-right .btn-img {background: url('/source/img/main-btn-intro-right.png') no-repeat center/cover;}
.main-btn-intro-content {position: relative; z-index: 2; display: flex; align-items: flex-end; height: 100%; width: 100%; padding-bottom: 14vh; transition: .3s;}
.main-btn-intro-content-inner {}
.main-btn-intro-title {font-weight: 700; font-size: 80px; color: var(--white-color); margin-bottom: 30px; transition: .3s; text-align: left;}
.main-btn-intro-bottom {}
.main-btn-intro-left .main-btn-intro-content {padding-left: calc((100vw - 1400px) / 2);}
.main-btn-intro-right .main-btn-intro-content {padding-left: 100px;}

.main-btn-intro > .intro-btn:hover {flex: 1.5;}
.main-btn-intro > .intro-btn:hover .btn-img::before {opacity: 0;}
.main-btn-intro > .intro-btn:hover .btn-img::after {opacity: 1;}
.main-btn-intro > .intro-btn:hover .main-btn-intro-title {color: var(--black-color);}
.main-btn-intro > .intro-btn:hover .more-btn {border-color: var(--main-color); color: var(--main-color); font-weight: 700;}
.main-btn-intro > .intro-btn:hover .more-btn .icon {background-color: var(--main-color);}
.main-btn-intro > .intro-btn:hover .more-btn path {stroke: var(--white-color);}

.main-btn-intro > .intro-btn.hover .btn-img::before {background-color: rgba(0,0,0,0.76);}
.main-btn-intro > .intro-btn.hover .main-btn-intro-content {opacity: 0.4;}
.main-btn-intro > .intro-btn.hover.on .main-btn-intro-content {opacity: 1;}

.main-contents {}
.main-contents-tab {text-align: center; display: none;}
.main-shortform-content {}
.main-business-content {}

.main-title-box {padding-bottom: 90px;}
.main-title-box.center {text-align: center;}
.main-title-box.left {text-align: left;}
.main-title-box .a {font-weight: 800; font-size: 70px; color: var(--white-color); line-height: 1.2;}
.main-title-box .a span {color: var(--main-color);}
.main-title-box .b {font-weight: 300; font-size: 20px; color: var(--white-color); line-height: 1.7; padding-top: 40px;}
.main-title-box.black .a {color: var(--black-color);}
.main-title-box.black .b {color: var(--black-color);}
/* } Main */

/* Main - Shotform { */
.main-top-section {height: calc(var(--vh, 1vh) * 100); padding-top: 90px;}
.main-top-section::before {content: ''; height: calc(var(--vh, 1vh) * 100 - 188px); background: 000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0; left: 0; width: 100%;}
.shortform-top-section {background: url('/source/img/shortform-top-bg.png') no-repeat top/cover;}
.main-top-title-box {display: flex; align-items: center; justify-content: center; height: calc(var(--vh, 1vh) * 100 - 90px); width: 100%; position: relative;}
.main-top-title-box .title {font-weight: 700; font-size: 80px; color: var(--white-color); text-align: center; line-height: 1.2;}

.shortform-partner-section {background-color: var(--black-color); padding-bottom: 200px;}
.main-partners-slider-wrap {position: relative;}
.main-partners-slider-wrap::before {content: ''; width: 747px; height: 100%; background: url('/source/img/partners-left-shadow.png') no-repeat center/cover; position: absolute; top: 0; left: 0; z-index: 2;}
.main-partners-slider-wrap::after {content: ''; width: 747px; height: 100%; background: url('/source/img/partners-right-shadow.png') no-repeat center/cover; position: absolute; top: 0; right: 0; z-index: 2;}
.main-partners-slider {}
.main-partners-slider ~ .main-partners-slider {margin-top: 15px;}
.main-partners-slider .swiper-wrapper {transition-timing-function: linear;}
.main-partners-card {width: 214px; margin-right: 15px; flex-shrink: 0;}
.main-partners-card .partners-logo {display: flex; align-items: center; justify-content: center; width: 100%; height: 214px; background-color: #161616;}
.main-partners-card .partners-logo img {width: 50%;}
.main-partners-card .partners-logo.sm-logo img {width: 33%;}

.shortform-solution-section {background-color: var(--black-color); padding-bottom: 185px; position: relative; z-index: 2;}
.shortform-solution-section::before {content: ''; width: 100%; height: 724px; background: #FFFFFF; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); position: absolute; bottom: 0; left: 0;}
.main-solution-slider {position: relative; z-index: 2;}
/* .main-solution-slider::before {content: ''; width: 100%; height: 724px; background: #FFFFFF; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: 116px; left: 0;} */
.main-solution-slider .swiper-container {padding-top: 50px;}
.main-solution-card {padding: 40px; border-radius: 10px; width: 457px; margin-right: 30px; background: #29282D; background: linear-gradient(0deg,rgba(41, 40, 45, 1) 0%, rgba(27, 26, 26, 1) 100%); color: var(--white-color); height: 525px; transition: .5s;}
.main-solution-inner {display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.main-solution-inner .type {text-align: left; font-weight: 700; font-size: 30px; color: var(--white-color); text-transform: uppercase;}
.main-solution-inner .icon {height: 200px; display: flex; align-items: center; justify-content: center;}
.main-solution-inner .icon img {display: none; height: 100%;}
.main-solution-inner .icon img.df {display: block;}
.main-solution-inner .info {text-align: left;}
.main-solution-inner .info .a {font-weight: 400; font-size: 16px; color: #EC6767;}
.main-solution-inner .info .b {font-weight: 700; font-size: 30px; color: var(--white-color); margin: 8px 0;}
.main-solution-inner .info .c {font-weight: 400; font-size: 18px; color: #898989;}

.main-solution-card.swiper-slide-active {transform: translateY(-50px); background: #280000; background: linear-gradient(0deg,rgba(40, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);}
.main-solution-card.swiper-slide-active .main-solution-inner .icon img.df {display: none;}
.main-solution-card.swiper-slide-active .main-solution-inner .icon img.ho {display: block;}

.shortform-performance-section {padding-top: 85px; padding-bottom: 150px;}
.main-performance-slider {}
.main-performance-slider .swiper-container {overflow: visible;}
.main-performance-card {border-radius: 10px; overflow: hidden; width: calc((100% - 90px) / 4); margin-right: 30px;}
.main-performance-inner {}
.main-performance-top {}
.main-performance-img {position: relative; height: 0; overflow: hidden; padding-bottom: 59.85%;}
.main-performance-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.main-performance-bottom {margin-top: -19px; position: relative; z-index: 1; border-radius: 10px; overflow: hidden; background: #E7F2FE; background: linear-gradient(135deg,rgba(231, 242, 254, 1) 0%, rgba(248, 250, 255, 1) 100%); border: 1px solid #DDECFE; box-shadow: 0 4px 10.7px rgba(137,197,234,.22); display: flex; flex-direction: column; height: 190px; justify-content: space-between; padding: 30px;}
.main-performance-bottom .text-box {text-align: left;}
.main-performance-bottom .text-box .t {font-weight: 500; font-size: 22px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-performance-bottom .text-box .date {font-weight: 300; font-size: 16px; color: #666; margin-top: 10px;}
.main-performance-bottom .times {display: flex; align-items: center; justify-content: flex-end; font-weight: 800; font-size: 40px; color: #222; gap: 10px;}
.main-performance-bottom .times span {}
.main-performance-bottom .times b {font-weight: 500; font-size: 30px;}
.main-performance-text {font-weight: 800; font-size: 50px; color: var(--black-color); text-align: center; padding-top: 70px;}
.main-performance-text b {font-weight: 800; color: var(--main-color);}

.shortform-process-section {background-color: var(--black-color); margin-top: 260px; position: relative; padding-bottom: 310px;}
.shortform-process-section > * {z-index: 2; position: relative;}
.shortform-process-section::before {content: ''; height: 875px; width: calc(150% - 190px); background-color: var(--black-color); border-radius: 50%; position: absolute; top: -260px; left: 50%; transform: translateX(-50%); z-index: 1;}
.main-process-wrap {}
.main-process-list {display: flex; align-items: center; gap: 50px;}
.main-process-item {width: calc((100% - 150px) / 4); aspect-ratio: 1/1;}
.main-process-item .round {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; flex-direction: column; position: relative;}
.main-process-item .round::before {content: ''; width: 100%; height: 100%; background: url('/source/img/main-process-round.png') no-repeat center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); animation: rotateRound 3.5s linear infinite;}
.main-process-item:nth-child(2n) .round::before {animation: rotateRoundR 3.5s linear infinite;}
.main-process-item .round .icon {display: flex; align-items: center; justify-content: center; width: 88px; height: 88px;}
.main-process-item .round .t {font-weight: 600; font-size: 30px; color: var(--white-color); padding-top: 35px;}
@keyframes rotateRound {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes rotateRoundR {
  0% { transform: translate(-50%, -50%) rotate(360deg); }
  100% { transform: translate(-50%, -50%) rotate(0); }
}

.shortform-why-section {background-color: var(--black-color);}
.main-title-wrap .logo {font-size: 0; margin-bottom: 30px;}
.main-why-wrap {padding: 67px 0 570px; background: url('/source/img/shortform-why-bg.png') no-repeat center/cover; position: relative; z-index: 2; overflow: hidden; background-attachment: fixed;}
.main-why-wrap::before {content: ''; width: 100%; height: 767px; background: #000000; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: -180px; left: 0;}
.main-why-list {display: flex; align-items: flex-start; border-left: 1px dashed var(--white-color); border-right: 1px dashed var(--white-color); position: relative; z-index: 2;}
.main-why-item {width: 33%; height: 245px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px dashed var(--white-color);}
.main-why-item:last-child {border-right: none;}
.main-why-item .icon {width: 88px; height: 81px; display: flex; align-items: center; justify-content: center;}
.main-why-item .t {font-weight: 700; font-size: 30px; color: var(--white-color); padding-top: 30px;}
.main-why-btn-wrap {padding-top: 88px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2;}
.main-why-btn-wrap a {display: flex; align-items: center; justify-content: center; width: 230px; height: 60px; border-radius: 10px; background-color: var(--white-color); font-weight: 800; font-size: 20px; color: var(--black-color);}
/* } Main - Shotform */

/* Main - Business { */
.business-top-section {background: url('/source/img/business-top-bg.png') no-repeat top/cover;}

.business-first-section {background: url('/source/img/business-first-bg.png') no-repeat center/cover var(--black-color); position: relative; overflow: hidden;}
.business-first-section::before {content: ''; width: 100%; height: 966px; background: #000000; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 8%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 0; left: 0; z-index: 1;}
.business-first-section > * {position: relative; z-index: 2;}
.business-first-section .main-title-box .b {padding-top: 0; padding-bottom: 50px; opacity: 0.5; font-size: 40px;}
.main-business-graph-wrap {padding-top: 67px;}
.main-business-graph-box {display: flex; align-items: flex-start; justify-content: center; position: relative;}
.main-business-graph-box::before {content: ''; width: 100%; height: 773px; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0; left: 0; z-index: 2;}
.main-business-graph-box .wrapper {display: flex; align-items: flex-start; justify-content: center; position: relative; justify-content: flex-end;}
.main-business-graph01 {display: flex; flex-wrap: wrap; position: absolute; top: 0; left: 190px; z-index: 3; width: 851px; justify-content: space-between; gap: 50px 90px;}
.main-business-graph01 .round {display: flex; align-items: center; justify-content: center; background: #000000; background: radial-gradient(circle,rgba(0, 0, 0, 0) 0%, rgba(214, 49, 41, 1) 100%); border-radius: 50%; color: var(--white-color); font-weight: 800; font-size: 30px; color: var(--white-color);}
.main-business-graph01 .round p {}
.main-business-graph01 .round.size-s {width: 260px; height: 260px;}
.main-business-graph01 .round.size-m {width: 274px; height: 274px;}
.main-business-graph01 .round.size-l {width: 356px; height: 356px;}
.main-business-graph01 .round01 {font-size: 50px; margin-top: 100px; animation: roundScale02 4s ease infinite;}
.main-business-graph01 .round02 {margin-right: 226px; animation: roundScale03 2.5s ease infinite;}
.main-business-graph01 .round03 {margin-left: 133px; animation: roundScale03 3s ease infinite;}
.main-business-graph01 .round04 {font-size: 50px; margin-top: -129px; animation: roundScale01 5s ease infinite;}

@keyframes roundScale01 {
  0% {transform: scale(1);}
  50% {transform: scale(0.85);}
  100% {transform: scale(1);}
}
@keyframes roundScale02 {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}
@keyframes roundScale03 {
  0% {transform: scale(1);}
  50% {transform: scale(1.3);}
  100% {transform: scale(1);}
}
.main-business-graph02 {font-size: 0; position: relative;}
.main-business-graph02-dot {position: absolute; top: 0; right: 131px; width: 8px; height: 8px; border-radius: 50%; background-color: var(--white-color); z-index: 1;}
.main-business-graph02-dot::before {content: ''; width: 54px; height: 54px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #FFFFFF; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 65%); opacity: 0.77; animation: dotScale 1s ease infinite;}
@keyframes dotScale {
  0% {transform: translate(-50%,-50%) scale(1);}
  50% {transform: translate(-50%,-50%) scale(1.2);}
  100% {transform: translate(-50%,-50%) scale(1);}
}

.business-onestop-section {background-color: var(--black-color);}
.business-onestop-list {display: flex; align-items: flex-start; gap: 43px; position: relative;}
.business-onestop-list::before {content: ''; width: 733px; height: 733px; border-radius: 50%; background: #E11815; background: radial-gradient(circle,rgba(225, 24, 21, 1) 0%, rgba(219, 37, 31, 0.5) 41%, rgba(214, 49, 41, 0) 62%); position: absolute; top: -342px; right: -364px; opacity: 0.77;}
.business-onestop-card {width: calc((100% - 86px) / 3); border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-end; height: 536px; position: relative; padding: 55px 40px;}
.business-onestop-card::before {content: ''; width: 100%; height: 100%; border-radius: 10px; background-color: var(--black-color); opacity: 0.47; position: absolute; top: 0; left: 0; transition: .5s;}
.business-onestop-card.card01 {background: url('/source/img/business-onestop-card01.png') no-repeat center/cover;}
.business-onestop-card.card02 {background: url('/source/img/business-onestop-card02.png') no-repeat center/cover;}
.business-onestop-card.card03 {background: url('/source/img/business-onestop-card03.png') no-repeat center/cover;}
.business-onestop-card .text-box {color: var(--white-color); text-align: left; position: relative; z-index: 2;}
.business-onestop-card .text-box .a {font-weight: 800; font-size: 40px;}
.business-onestop-card .text-box .b {font-weight: 500; font-size: 20px; line-height: 1.75; margin-top: 20px;}

.business-cost-section {padding: 460px 0; background: url('/source/img/business-cost-bg.png') no-repeat bottom/cover var(--black-color);}
.business-cost-text {display: flex; align-items: center; justify-content: center; font-weight: 300; font-size: 80px; color: var(--white-color);}
.business-cost-text b {font-weight: 800;}

.business-solution-section {background-color: var(--black-color); padding-bottom: 200px;}
.business-solution-section .main-title-box {padding-bottom: 0; z-index: 2; position: relative;}
.business-solution-slider {margin-top: -50px;}
.business-solution-slider .swiper-wrapper {transition-timing-function: linear;}
.business-solution-card {height: 696px; display: flex; align-items: center; justify-content: center; width: 20%; position: relative;}
.business-solution-card::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: var(--black-color); opacity: 0.74;}
.business-solution-card.card01 {background: url('/source/img/business-solution-card01.png') no-repeat center/cover;}
.business-solution-card.card02 {background: url('/source/img/business-solution-card02.png') no-repeat center/cover;}
.business-solution-card.card03 {background: url('/source/img/business-solution-card03.png') no-repeat center/cover;}
.business-solution-card.card04 {background: url('/source/img/business-solution-card04.png') no-repeat center/cover;}
.business-solution-card.card05 {background: url('/source/img/business-solution-card05.png') no-repeat center/cover;}
.business-solution-card .text {font-weight: 500; font-size: 30px; color: var(--white-color); position: relative; z-index: 2;}
/* } Main - Business */

/* Sub { */
.contents_wrap {}
.contents_wrap.sub {padding-top: 90px;}

.sb_top {width: 100%; padding: 10px 36px; transition: .5s;}
.sb_top.scroll {padding: 0;}
.sub-top-img {display: flex; align-items: center; justify-content: center; border-radius: 15px; height: 435px; position: relative; transition: .5s;}
.sub-top-img::before {content: ''; width: 100%; height: 100%; border-radius: 15px; position: absolute; top: 0; left: 0; background-color: var(--black-color); opacity: 0.38; transition: .5s;}
.sb_top.scroll .sub-top-img {border-radius: 0;}
.sb_top.scroll .sub-top-img::before {border-radius: 0;}
.sb_top_ct {display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--white-color); position: relative; z-index: 2;}
.sb_top_ct .sb_title {font-weight: 700; font-size: 62px; line-height: 1.2258;}
.sb_top_ct .sb_text {font-weight: 400; font-size: 20px; line-height: 1.11; margin-top: 20px;}

.sub_contents {padding: 80px 0 140px;}
/* } Sub */

/* Sub - 계열사 { */
.affiliate-list {}
.affiliate-item {}
.affiliate-item ~ .affiliate-item {margin-top: 100px;}
.affiliate-top {display: flex; align-items: flex-end; justify-content: space-between;}
.affiliate-text {width: calc(100% - 250px);}
.affiliate-text .a {font-weight: 300; font-size: 16px; color: var(--black-color); line-height: 1;}
.affiliate-text .b {font-weight: 700; font-size: 50px; color: var(--black-color); line-height: 1.190; margin: 35px 0 40px;}
.affiliate-text .c {font-weight: 400; font-size: 16px; color: var(--black-color); line-height: 1.5;}
.affiliate-logo {font-size: 0;}
.affiliate-bottom {margin-top: 50px; position: relative;}
.affiliate-img {border-radius: 20px; overflow: hidden; width: 100%; position: relative; font-size: 0;}
.affiliate-img::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000000; background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(102, 102, 102, 0) 60%); opacity: 0.53;}
.affiliate-bottom .more-btn {position: absolute; left: 40px; bottom: 40px;}
/* } Sub - 계열사 */

/* Sub - 폼 { */
.ytb-video-wrap {padding-top: 40px; padding-left: 30px; padding-right: 30px;}
.video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video-container iframe {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; object-position: center;}

.write-custom-form {}
.write-custom-li {display: flex; align-items: center;}
.write-custom-li ~ .write-custom-li {margin-top: 20px;}
.write-key {width: 110px;}
.write-key p {font-weight: 700; font-size: 18px; color: var(--black-color);}
.write-key p.req {}
.write-key p.req::after {content: '*'; color: var(--main-color);}
.write-val {width: calc(100% - 110px);}
.input-text {border: 1px solid #DEE2E6; background-color: #F8F9FA; border-radius: 10px; padding: 0 20px; font-weight: 500; font-size: 16px; color: var(--black-color); height: 66px; width: 100%;}
.input-text::placeholder {font-weight: 400; color: #999999;}
select.input-text {padding-left: 20px; padding-right: 36px; background: url('/source/img/icon-select.png') no-repeat center right 24px #F8F9FA; appearance: none;}

.radio-check-wrap {display: flex; align-items: flex-start; gap: 20px;}
.write-val .sm {font-weight: 500; font-size: 12px; color: #666; padding-top: 10px;}

.file-box {display: flex; align-items: center; height: 66px; border-radius: 10px; border: 1px solid #D8D8D8; padding: 0 20px; gap: 20px; background-color: #F8F9FA;}
.file-box ~ .file-box {margin-top: 10px;}
.file-box .input-file {display: none;}
.file-box .input-file + label {display: flex; align-items: center; justify-content: center; width: 95px; height: 30px; border: 1px solid var(--black-color); border-radius: 19px; font-weight: 500; font-size: 16px; color: var(--black-color); cursor: pointer;}
.file-text {font-weight: 400; font-size: 18px; color: var(--black-color); display: flex; align-items: center; gap: 7px;}
.file-text .file-delete {display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: url('/source/img/icon-file-delete.png') no-repeat center var(--black-color); border: none;}
.file-text input[type=checkbox] {display: none;}

.write-custom-btn-wrap {display: flex; align-items: center; justify-content: center; padding-top: 60px;}
.board-btn {display: flex; align-items: center; justify-content: center; width: 175px; height: 50px; border-radius: 10px; background-color: var(--black-color); font-weight: 700; font-size: 18px; color: var(--white-color); border: none;}
.board-btn.cancel {background-color: #666666;}

.write-period-wrap {display: flex; align-items: center; gap: 0 10px;}
.write-period-wrap .input-text {width: 200px;}

.plus-input-list {}
.plus-input-item ~ .plus-input-item {padding-top: 5px;}
.plus-input-item {display: flex; align-items: flex-start; gap: 5px;}
.plus-input-item .plus-input {width: calc(100% - 142px);}
.plus-input-item .plus-btn-wrap {display: flex; align-items: flex-start; gap: 5px;}
.plus-input-item .plus-btn-wrap button {display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 10px; border: none; font-weight: 700; font-size: 20px;}
.plus-input-item .plus-btn-wrap .pls-btn {background-color: var(--main-color); color: #fff;}
.plus-input-item .plus-btn-wrap .mns-btn {background-color: #D8D8D8;}
/* } Sub - 폼 */

/* Sub - 인재채용 { */
.recruitment-list {}
.recruitment-item {border-radius: 10px; border: 1px solid #DEE2E6; background-color: #F8F9FA; position: relative; overflow: hidden; padding: 26px 30px; display: flex; align-items: center; justify-content: space-between;}
.recruitment-item ~ .recruitment-item {margin-top: 10px;}
.recruitment-item .td_chk {position: absolute; top: 10px; left: 10px;}
.recruitment-item .left {display: flex; align-items: center; width: calc(100% - 166px);}
.recruitment-item .num {font-weight: 500; font-size: 16px; color: var(--main-color); width: 60px; text-align: center;}
.recruitment-content {width: calc(100% - 60px); padding-right: 20px;}
.recruitment-content .title {transition: .3s;}
.recruitment-content .title p {font-weight: 500; font-size: 20px; color: var(--black-color); line-height: 1.416; transition: .3s;}
.recruitment-content .title .date {font-weight: 500; font-size: 16px; color: #ACB5BD; padding-top: 10px;}
.recruitment-item .right {display: flex; align-items: center; gap: 10px;}
.recruitment-item .right .cate {display: flex; align-items: center; justify-content: center; width: 73px; height: 40px; border: 1px solid var(--black-color); border-radius: 20px; font-weight: 700; font-size: 16px; color: var(--black-color);}
.recruitment-item .right .cate.career {background-color: var(--black-color); color: var(--white-color);}
.recruitment-item .right .status {display: flex; align-items: center; justify-content: center; width: 83px; height: 40px; border-radius: 20px; background-color: #DDDDDD; font-weight: 700; font-size: 16px; color: #999999; gap: 9px;}
.recruitment-item .right .status::before {content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #999999;}
.recruitment-item .right .status.ing {background-color: #087AFC; color: var(--white-color);}
.recruitment-item .right .status.ing::before {background-color: var(--white-color);}

.recruitment-content .title:hover {text-decoration: none;}
.recruitment-content .title:hover p {color: var(--main-color);}
.recruitment-content .title:hover .date {color: #ACB5BD;}
/* } Sub - 인재채용 */

/* Sub - 인재채용 상세 { */
.posting-dt {padding: 40px 30px; border-bottom: #DEE0E6;}
.posting-sec {width: 100%; max-width: 100%; margin: 0 auto;}
.posting-sec ~ .posting-sec {padding-top: 50px;}
.posting-title {font-weight: 700; font-size: 22px; color: var(--black-color); line-height: 1.1818; padding-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.posting-title .tag {display: flex; align-items: center; justify-content: center; height: 30px; font-weight: 700; font-size: 15px; color: #fff; background-color: var(--main-color); border-radius: 24px; padding: 0 16px;}

.posting-table {}
.posting-table table {border: 1px solid #DEE0E6; border-top: 1px solid #222; width: 100%;}
.posting-table table .center {text-align: center;}
.posting-table thead {}
.posting-table thead tr {border-bottom: 1px solid #DEE0E6;}
.posting-table thead th {font-weight: 700; font-size: 20px; color: var(--black-color); padding: 31.25px 35px; border-right: 1px solid #DEE0E6; background-color: #FBFBFB;}
.posting-table thead th:first-child {width: 30%;}
.posting-table thead th:last-child {border: none;}
.posting-table tbody {}
.posting-table tbody tr {border-bottom: 1px solid #DEE0E6;}
.posting-table tbody td {padding: 30px 35px; border-right: 1px solid #DEE0E6; background-color: #FBFBFB; font-weight: 500; font-size: 18px; color: var(--black-color);}
.posting-table tbody td:last-child {border-right: none;}

.td-sec {}
.td-sec ~ .td-sec {padding-top: 25px;}
.td-sec-title {font-weight: 700; font-size: 18px; color: var(--black-color); line-height: 1; padding-bottom: 10px;}
.td-text-ul {}
.td-text-li {font-weight: 300; font-size: 16px; color: var(--black-color); position: relative; padding-left: 16px;}
.td-text-li ~ .td-text-li {margin-top: 4px;}
.td-text-li::before {content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: var(--black-color); position: absolute; top: 8px; left: 0;}
.td-text-li.nodot {padding-left: 0;}
.td-text-li.nodot::before {display: none;}

.posting-procedure {padding: 0 30px;}
.procedure-ul {margin: -15px -20px;}
.procedure-li {padding: 15px 20px; position: relative;}
.procedure-li::before {content: ''; width: 12px; height: 12px; display: flex; background: url('/source/img/posting-right-icon.png') no-repeat center; position: absolute; top: 50%; right: -6px; transform: translateY(-50%);}
.procedure-li:nth-child(4)::before {display: none;}
.procedure-li:last-child::before {display: none;}
.procedure-li .box {background-color: #fff; border-radius: 10px; border: 1px solid #D8D8D8; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 150px;}
.procedure-li.on .box {border-color: transparent; box-shadow: 0 0 0 2px var(--black-color);}
.procedure-li .icon {display: flex; align-items: center; justify-content: center; height: 50px;}
.procedure-li .txt {font-weight: 600; font-size: 16px; color: var(--black-color); padding-top: 18px; text-align: center;}
/* } Sub - 인재채용 상세 */

/* Sub - 문의 폼 { */
.form-content {}
.form-content-row {display: flex; align-items: flex-start; justify-content: space-between;}
.form-content-row.btn-wrap {align-items: center; justify-content: center;}
.form-content-row.ai-end {align-items: flex-end;}
.form-content-row ~ .form-content-row {margin-top: 90px;}

.form-head {width: calc(100% - 744px); padding-right: 40px;}
.form-head .a {font-weight: 600; font-size: 20px; color: var(--main-color); line-height: 1.5; padding-bottom: 5px;}
.form-head .b {font-weight: 700; font-size: 40px; color: var(--black-color); line-height: 1.25;}
.form-body {width: 744px;}

.radio-check-wrap.jc-end {justify-content: flex-end; flex-wrap: wrap; gap: 16px;}
.custom-choice-wrap {}
.custom-choice-wrap input[type=checkbox] {display: none;}
.custom-choice-wrap input[type=checkbox] + label {display: flex; align-items: center; justify-content: center; width: 180px; height: 50px; border-radius: 10px; border: 1px solid var(--black-color); font-weight: 500; font-size: 16px; color: var(--black-color); cursor: pointer; transition: .3s;}
.custom-choice-wrap input[type=checkbox]:checked + label {border-color: var(--main-color); background-color: var(--main-color); color: var(--white-color); font-weight: 700;}
.custom-choice-wrap input[type=checkbox] + label:hover {border-color: var(--main-color); background-color: var(--main-color); color: var(--white-color); font-weight: 700;}

.custom-choice-wrap input[type=radio] {display: none;}
.custom-choice-wrap input[type=radio] + label {display: flex; align-items: center; justify-content: center; width: 180px; height: 50px; border-radius: 10px; border: 1px solid var(--black-color); font-weight: 500; font-size: 16px; color: var(--black-color); cursor: pointer; transition: .3s; text-align: center;}
.custom-choice-wrap input[type=radio]:checked + label {border-color: var(--main-color); background-color: var(--main-color); color: var(--white-color); font-weight: 700;}
.custom-choice-wrap input[type=radio] + label:hover {border-color: var(--main-color); background-color: var(--main-color); color: var(--white-color); font-weight: 700;}

.form-body textarea {min-height: 272px;}

.type02 .write-custom-li {flex-direction: column; align-items: flex-start;}
.type02 .write-key {width: 100%; padding-bottom: 15px;}
.type02 .write-val {width: 100%;}

.contact-privacy-box {margin-bottom: 23px; padding: 40px 30px; border: 1px solid #D8D8D8; background-color: #f9f9f9; border-radius: 10px; font-size: 16px;}
.contact-privacy-box ul {display: flex; flex-direction: column; gap: 30px;}
.contact-privacy-box h5 {padding-bottom: 10px; font-weight: 600; color: var(--black-color);}
.contact-privacy-box p {font-weight: 300; color: #666666;}
.contact-privacy-box p span {color: var(--main-color); font-weight: 500;}

#captcha #captcha_key {font-size: 14px!important;}

.radio-check-wrap.jc-start {gap: 10px;}
.radio-check-wrap.jc-start .custom-choice-wrap {width: calc((100% - 30px) / 4);}
.radio-check-wrap.jc-start input[type=checkbox] + label {width: 100%;}
/* } Sub - 문의 폼 */

/* ETC { */
.etc-text-wrap {font-family: 'Pretendard', sans-serif!important;}
.etc-text-wrap * {font-family: 'Pretendard', sans-serif!important;}
/* } ETC */

/* ENG { */
.eng .main-btn-intro-title {font-size: 60px;}
/* } ENG */

/* 팝업 { */
#hd_pop {width: 100%; z-index: 1001;}
.hd_pops {border-radius: 10px; border: 1px solid #fff; overflow: hidden; box-shadow: 0 4px 30px rgba(255,255,255,0.3);}
.hd_pops_footer {background-color: var(--main-color);}
.hd_pops_footer .hd_pops_reject {font-size: 12px; background-color: var(--main-color);}
.hd_pops_footer .hd_pops_close {font-size: 12px; background-color: var(--main-color);}
/* } 팝업 */