@charset "utf-8";

.sub-visual {position: relative; height: 513px; background-repeat: no-repeat; background-position: center center; background-size: cover; /* border-bottom: 1px solid #eee; */ margin-bottom: 120px;}
.sub-visual01 {background-image: url('../img/sub/sub-visual01.jpg');}
.sub-visual02 {background-image: url('../img/sub/sub-visual02.jpg');}
.sub-visual03 {background-image: url('../img/sub/sub-visual03.jpg');}
.sub-visual04 {background-image: url('../img/sub/sub-visual04.jpg');}
.sub-visual05 {background-image: url('../img/sub/sub-visual05.jpg');}
.page-header {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.page-header p {font-size: 50px; font-weight: 700; line-height: 1.2em; color: #fff; text-align: center; margin-bottom: 24px;}
.breadcrumb {display: flex; margin: 0 -24px;}
.breadcrumb li {position: relative; padding: 0 24px; font-size: 20px; line-height: 1.6em; color: #fff;}
.breadcrumb li:last-child {font-weight: 700;}
.breadcrumb li:after {position: absolute; top: 50%; right: -12px; transform: translateY(-50%); content: ''; width: 24px; height: 24px; background: url('../img/sub/icon-breadcrumb-arrow.png') no-repeat center center;}
.breadcrumb li:last-child:after {display: none;}
.lnb {position: absolute; bottom: -1px; left: 0; width: 100%; padding: 0 15px;}
.lnb ul {display: flex; width: 100%; background: #fff;}
.lnb ul li {flex: 1; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.lnb ul li:last-child {border-right: none;}
.lnb ul li a {display: flex; justify-content: center; align-items: center; min-height: 76px; font-size: 20px; line-height: 1.4em; color: #444; text-align: center; transition: all 0.5s;} 
.lnb ul li a:hover {background: #1F2E5F; color: #fff;}
.lnb ul li.active a {background: #1F2E5F; font-weight: 700; color: #fff;}

.sub-cont {padding-bottom: 200px;}
.sub-cont.pb-0 {padding-bottom: 0;}

/* S101 */
.company-info .intro {margin-bottom: 180px;}
.company-info .intro-cont:not(:last-child) {margin-bottom: 120px;}
.company-info .intro-cont-main .img-box {position: relative; padding-bottom: 82px; margin-bottom: 15px;}
.company-info .intro-cont-main .backdrop {height: 398px; background: url('../img/sub/introduce-intro-img01.jpg') no-repeat center center/cover;}
.company-info .intro-cont-main .text {position: absolute; bottom: 0; right: 40px; max-width: 562px; width: 100%; padding: 40px 50px; background: url('../img/sub/introduce-intro-bg.jpg') no-repeat center center/cover;}
.company-info .intro-cont-main .text .eng {font-size: 48px; font-weight: 700; line-height: 1.2em; color: #fff; text-align: right; margin-bottom: 16px;}
.company-info .intro-cont-main .text .kor {font-size: 24px; font-weight: 600; line-height: 1.6em; color: rgba(255, 255, 255, 0.70); text-align: right;}
.company-info .intro-cont-main .text-box {padding: 0 40px;}
.company-info .intro-cont-main .text-box .title {font-size: 48px; font-weight: 200; line-height: 1.3em; color: #070707; margin-bottom: 28px;}
.company-info .intro-cont-main .text-box .title b {font-weight: 700;}
.company-info .intro-cont-main .text-box .desc {font-size: 24px; line-height: 1.6em; color: #444;}
.company-info .intro-cont-main .text-box .desc b {font-weight: 600; color: #1F2E5F;}
.company-info .intro-cont-sub {display: flex; align-items: center; gap: 70px;}
.company-info .intro-cont-sub:nth-of-type(2) {flex-direction: row-reverse;}
.company-info .intro-cont-sub > div {flex: 1;}
.company-info .intro-cont-sub .text-box p {font-size: 24px; line-height: 1.8em; color: #444;}
.company-info .intro-cont-sub .text-box p:not(:last-child) {margin-bottom: 20px;}
.company-info .intro-cont-sub .text-box .highlight {font-weight: 600; color: #1F2E5F; text-decoration-line: underline; text-underline-offset: 4px;}
.company-info .org {background: url('../img/sub/introduce-org-bg.jpg') no-repeat center center/cover; padding: 100px 0 137px;}
.company-info .org .org-title {margin-bottom: 70px;}
.company-info .org .org-cont {text-align: center; padding-left: 3.2%;}
.company-info .value {position: relative; padding: 160px 0 200px; background: #EFF4F8;}
.company-info .value:before {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 830px; height: 764px; background: url('../img/sub/introduce-value-bg.jpg') no-repeat center bottom;}
#sub .company-info .value .container {max-width: 1390px;}
.company-info .value-title {margin-bottom: 83px;}
.company-info .value-list {position: relative; }
.company-info .value-list:before {position: absolute; top: 50%; left: 0; content: ''; width: 100%; height: 1px; background: #ccc;}
.company-info .value-items {display: flex; margin: 0 -13px;}
.company-info .value-item {position: relative; flex: 1; padding: 0 13px;}
.company-info .value-item:before {position: absolute; top: 50%; right: 7px; transform: translateY(-50%); content: ''; width: 14px; height: 14px; border: 4px solid #359FF4; border-radius: 50%; background: #fff; z-index: 5;}
.company-info .value-item .inner {position: relative; height: 100%; border: 1px solid #ccc; background: #fff; padding: 42px 10px; text-align: center;}
.company-info .value-item .inner:before {position: absolute; left: 0; content: ''; width: 100%; height: 2px; background: linear-gradient(90deg, #CCC 0%, #359FF4 100%); }
.company-info .value-item:nth-child(odd) .inner:before {top: -1px;}
.company-info .value-item:nth-child(even) .inner:before {bottom: -1px;}
.company-info .value-item .inner:after {position: absolute; right: -1px; content: ''; width: 2px; height: 50%; background: #359FF4; }
.company-info .value-item:nth-child(odd) .inner:after {top: -1px;}
.company-info .value-item:nth-child(even) .inner:after {bottom: -1px;}
.company-info .value-item p {font-size: 30px; font-weight: 600; line-height: 1.6em; color: #1F2E5F; margin-top: 14px;}

.section-title-small {position: relative; font-size: 44px; font-weight: 700; line-height: 1.6em; color: #222; text-align: center; padding-bottom: 18px;}
.section-title-small:after {position: absolute;	bottom: 0; left: 50%; transform: translateX(-50%); content: ''; width: 46px; height: 1px; background: #002AB2;}
.section-desc-small {font-size: 24px; font-weight: 600; line-height: 1.6em; color: #666; text-align: center; margin-top: 20px;}
.section-title-wh .section-title-small {color: #fff;}
.section-title-wh .section-title-small:after {background: #eee;}

/* S102 */
.page-title {margin-bottom: 70px;}
.page-title h2 {font-size: 50px; font-weight: 700; line-height: 1.2em; color: #070707; text-align: center;}
.depth03 {margin-bottom: 60px;}
.depth03 ul {display: flex; justify-content: center;} 
.depth03 ul li a {min-width: 450px; font-size: 20px; font-weight: 700; line-height: 1.6em; color: #666; text-align: center; padding: 15px 24px; border: 1px solid #999; background: #FFF; transition: all 0.4s;}
.depth03 ul li a:hover {border: 1px solid #359FF4; color: #359FF4;}
.depth03 ul li.active a {font-weight: 700; border: 1px solid #359FF4; background: #359FF4; color: #fff;}
.history .wrap {display: flex;}
.history .wrap > div {width: 50%;}
.history-title {padding-right: 60px;}
.history-title figure {margin-bottom: 40px;}
.history-title .title {font-size: 44px; font-weight: 200; line-height: 1.3em; color: #070707;}
.history-title .title b {font-weight: 700; color: #070707;}
.history-details .year-wrap {position: relative; padding-left: 130px;}
.history-details .year-wrap:not(:last-child) {margin-bottom: 46px;}
.history-details .year-wrap:before {position: absolute; top: 24px; left: 0; content: ''; width: 22px; height: 22px; background: #fff; border: 6px solid #359FF4; border-radius: 50%; z-index: 2;}
.history-details .year-wrap:after {position: absolute; top: 34px; left: 0; content: ''; width: 104px; height: 1px; background: #ddd;}
.history-details .year-wrap .year {font-size: 40px; font-weight: 700; line-height: 1.6em; color: #1F2E5F; margin-bottom: 4px;}
.history-details .month-wrap {display: flex; gap: 20px;}
.history-details .month-wrap .month {max-width: 50px; width: 100%; font-size: 24px; font-weight: 600; line-height: 1.6em; color: #242547;}
.history-details .month-wrap li {font-size: 24px; line-height: 1.6em; color: #444;}

/* S103 */
.location .tab-menu {display: flex; justify-content: center; margin-bottom: 60px;}
.location .tab-menu li {max-width: 300px; width: 100%; margin-left: -1px;}
.location .tab-menu li a {display: flex; justify-content: center; align-items: center; width: 100%; min-height: 64px; font-size: 22px; line-height: 1.6em; color: #666; border: 1px solid #999; background: #FFF; text-align: center; padding: 10px; transition: all 0.5s;} 
.location .tab-menu li a:hover {color: #359FF4; border: 1px solid #359FF4;}
.location .tab-menu li.active a {font-weight: 700; color: #fff; background: #359FF4; border: 1px solid #359FF4;}
.location .map-row {display: flex; gap: 70px;}
.location .map-row:not(:last-child) {margin-bottom: 60px;}
.location .map-row .map {max-width: 690px; width: 100%;}
.location .root_daum_roughmap {width:100% !important; height:420px !important;}
.location .root_daum_roughmap .wrap_map {height:420px !important;}
.location .root_daum_roughmap .border1,
.location .root_daum_roughmap .border2 {border: none;}
.location .root_daum_roughmap .border3, 
.location .root_daum_roughmap .border4 {background-color: transparent;}
.location .map-row .text {width: 1%; flex: 1 1 auto; padding: 60px 30px; border-top: 1px solid #666;}
.location .map-row .text .title {position: relative; font-size: 28px; font-weight: 700; line-height: 1.6em; color: #1F2E5F; padding-left: 38px; margin-bottom: 10px;}
.location .map-row .text .title:before {position: absolute; top: 6px; left: 0; content: ''; width: 28px; height: 28px; background: url('../img/sub/icon-location.png') no-repeat center center;}
.location .map-row .text .address {font-size: 24px; line-height: 1.6em; color: #666;}
.tab-content {display: none;}
.tab-content:first-child {display: block;}
.tab-menu li.active a {font-weight: 700;}

/* S104 */
.competitive {padding-bottom: 180px;}
.competitive-item {display: flex; gap: 70px; padding: 80px 0 60px;}
.competitive-item:nth-child(1) {padding-top: 0;}
.competitive-item:not(:last-child) {border-bottom: 1px solid #eee;}
.competitive-item:nth-child(even) {flex-direction: row-reverse;}
.competitive-item > div {width: 50%;}
.competitive-item .img-box {position: relative;}
.competitive-item .img-box span {position: absolute; bottom: 10px; right: 10px; font-size: 80px; font-weight: 700; line-height: 1em; color: #fff; opacity: 0.4;}
.competitive-item:nth-child(even) .img-box span {left: 10px;}
.competitive-item .text-box .title {font-size: 36px; font-weight: 700; line-height: 1.6em; color: #222; margin-bottom: 20px;}
.competitive-item .text-box ul {display: flex; flex-direction: column; gap: 16px;}
.competitive-item .text-box ul li {position: relative; font-size: 24px; line-height: 1.6em; color: #444; padding-left: 34px;}
.competitive-item .text-box ul li:before {position: absolute; top: 15px; left: 14px; content: ''; width: 7px; height: 7px; background: #1F2E5F; border-radius: 50%;}
.competitive-item .text-box ul li b {font-weight: 600; color: #1F2E5F;}

.academy {position: relative; background: #F9F9F9; padding: 180px 0 200px;}
.academy:before {position: absolute; top: 214px; left: 0; content: ''; width: 1522px; height: 531px; background: url('../img/sub/academy-bg.png') no-repeat center center;}
.academy .info-row {display: flex; gap: 100px;}
.academy .info-title {max-width: 495px; width: 100%;}
.academy .info-title p {font-size: 44px; font-weight: 200; line-height: 1.2em; color: #070707;}
.academy .info-title b {display: block; font-size: 44px; font-weight: 700; line-height: 1.2em; color: #1F2E5F; margin-top: 12px;}
.academy .info-items {display: flex; flex-direction: column; gap: 50px;}
.academy .info-item .inner {padding: 50px; background: #fff; border-radius: 20px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);}
.academy .info-item .title {display: flex; gap: 16px; margin-bottom: 8px;}
.academy .info-item .title span {display: inline-block;}	
.academy .info-item .title .num {max-width: 36px; width: 100%; height: 36px; background: #002AB2; font-size: 22px; font-weight: 600; line-height: 1.6em; color: #fff; text-align: center; border-radius: 50%; margin-top: 5px;}
.academy .info-item .title .text {font-size: 32px; font-weight: 700; line-height: 1.6em; color: #002AB2;}
.academy .info-item .desc {font-size: 24px; line-height: 1.6em; color: #444; padding-left: 52px;}

/* S201 */
.biz-title {text-align: center; margin-bottom: 220px;}
.biz-title .eng {font-family: "Poppins", sans-serif; font-size: 28px; font-weight: 600; line-height: normal; letter-spacing: 0.56px; color: #359FF4; margin-bottom: 16px;}
.biz-title .title {font-size: 50px; font-weight: 700; line-height: 1.2em; color: #070707; margin-bottom: 30px;}
.biz-title .title .blue {color: #359FF4;}
.biz-title .desc {font-size: 32px; font-weight: 200; line-height: 1.6em; color: #070707;}
.biz-intro {margin-bottom: 167px;}
.biz-intro-desc {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.biz-intro-desc ul {display: flex;}
.biz-intro-desc ul li {position: relative; flex: 1; border-right: 1px solid #ccc;}
.biz-intro-desc ul li:nth-child(1) {border-left: 1px solid #ccc;}
.biz-intro-desc ul li:before {position: absolute; top: -100px; right: 40px; content: ''; width: 180px; height: 180px; background-repeat: no-repeat; background-position: right bottom;}
.biz-intro-desc ul li:nth-child(1):before {background-image: url('../img/sub/biz-intro-character01.png');}
.biz-intro-desc ul li:nth-child(2):before {background-image: url('../img/sub/biz-intro-character02.png');}
.biz-intro-desc ul li:nth-child(3):before {width: 225px; height: 201px; right: -5px; background-image: url('../img/sub/biz-intro-character03.png');}
.biz-intro-desc ul li:after {position: absolute; top: 80px; left: -1px; content: ''; width: 2px; height: 44px; background: #359FF4;}
.biz-intro-desc .inner {position: relative; height: 100%; padding: 80px 40px 60px;}
.biz-intro-desc .inner:before {position: absolute; bottom: -9px; left: -9px; content: ''; width: 18px; height: 18px; border: 4px solid #359FF4; border-radius: 50%; background: #fff;}
.biz-intro-desc li:last-child .inner:after {position: absolute; bottom: -9px; right: -9px; content: ''; width: 18px; height: 18px; border: 4px solid #359FF4; border-radius: 50%; background: #fff;}
.biz-intro-desc .title {font-size: 28px; font-weight: 700; line-height: 1.6em; color: #222; margin-bottom: 10px;}
.biz-intro-desc .title .num {color: #359FF4; margin-right: 12px;}
.biz-intro-desc .desc {font-size: 24px; line-height: 1.6em; color: #444;}

.biz-work-cont01 {margin-bottom: 120px;}
.biz-work-cont01 .wrap {display: flex; align-items: center; gap: 100px;}
.biz-work-cont01 .wrap > div {flex: 1;}
.biz-work .biz-work-title {font-size: 36px; font-weight: 700; line-height: 1.6em; color: #222;}
.biz-work-cont01 .biz-work-title {margin-bottom: 28px;}
.biz-work-cont01 .text-box p {font-size: 24px; line-height: 1.6em; color: #444;}
.biz-work-cont01 .text-box p:not(:last-child) {margin-bottom: 16px;}
.biz-work-cont02 {margin-bottom: 160px;}
.biz-work-cont02 .biz-work-title {text-align: center; margin-bottom: 40px;}
.biz-work-cont02 .items {display: flex; margin: 0 -35px;}
.biz-work-cont02 .item {width: 25%; padding: 0 35px;}
.biz-work-cont02 .item .inner {position: relative; height: 100%; padding: 45px 10px; background: #fff; border: 1px solid #ccc; text-align: center;}
.biz-work-cont02 .item .inner:before {position: absolute; top: 50%; right: -80px; content: ''; width: 80px; height: 1px; background: #ccc; z-index: -1;}
.biz-work-cont02 .item .inner:after {position: absolute; top: 50%; right: -7px; transform: translateY(-50%); content: ''; width: 14px; height: 14px; background: #fff; border: 4px solid #359FF4; border-radius: 50%;}
.biz-work-cont02 .item:last-child .inner:before,
.biz-work-cont02 .item:last-child .inner:after {display: none;}
.biz-work-cont02 .item .icon {margin-bottom: 24px;}
.biz-work-cont02 .item p {font-size: 26px; font-weight: 600; line-height: 1.5em; color: #1F2E5F;}
.biz-work-cont03 {background: url('../img/sub/biz-work-cont03-bg.jpg') no-repeat left 40% center/cover;}
.biz-work-cont03 .text-box {max-width: 985px; text-align: center; padding: 140px 157px; margin: 0 0 0 auto;}
.biz-work-cont03 .biz-work-title {margin-bottom: 24px;}
.biz-work-cont03 p {font-size: 24px; line-height: 1.6em; color: #444;}

.biz-overview {position: relative; height: 100vh; background: #000; overflow: hidden;}
.biz-overview-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0;}
.biz-overview-wrap:first-child {opacity: 1;}
.biz-overview .video-box {position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.biz-overview .video-box::before {position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.biz-overview .video-box video {width: 100%; height: 100%; object-fit: cover;}
.biz-overview .text-box {position: relative; z-index: 5;}
.biz-overview .wrap {display: flex; gap: 50px;}
.biz-overview-title {max-width: 700px; width: 100%;}
.biz-overview-title p {font-size: 40px; font-weight: 700; line-height: 1.65em; color: #A9DEFF;}
.biz-overview-title p b {font-size: 50px;}
.biz-overview-desc {position: relative; height: 100vh; display: flex; flex-direction: column; gap: 80px; width: 1%; flex: 1 1 auto; overflow: hidden;}
.biz-overview-desc p {/* position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; will-change: transform, opacity; */ font-size: 36px; font-weight: 600; line-height: 1.6em; color: #fff;}

.biz-service {padding: 160px 0 120px;}
.biz-service .biz-title {margin-bottom: 120px;}
.biz-service .biz-title .title {margin-bottom: 0;}
.biz-service .biz-title .desc {margin-bottom: 10px;}
.biz-service-item {display: flex; align-items: center; gap: 100px;}
.biz-service-item:nth-child(even) {flex-direction: row-reverse;}
.biz-service-item:not(:last-child) {margin-bottom: 120px;}
.biz-service-item > div {width: 50%;}
.biz-service-item .img-box {position: relative;}
.biz-service-item:nth-child(1) .img-box:after {position: absolute; bottom: -10px; right: -40px; content: ''; width: 200px; height: 200px; background-repeat: no-repeat; background-position: right bottom;}
.biz01 .biz-service-item .img-box:after {background-image: url('../img/sub/biz-service01-character.png');}
.biz02 .biz-service-item .img-box:after {background-image: url('../img/sub/biz-service02-character.png');}
.biz03 .biz-service-item .img-box:after {background-image: url('../img/sub/biz-service03-character.png');}
.biz04 .biz-service-item .img-box:after {background-image: url('../img/sub/biz-service04-character.png');}
.biz05 .biz-service-item .img-box:after {bottom: -27px; width: 273px; background-image: url('../img/sub/biz-service05-character.png');}
.biz06 .biz-service-item .img-box:after {bottom: -27px; width: 273px; background-image: url('../img/sub/biz-service06-character.png');}
.biz-service-item .text-box .title-eng {font-size: 26px; font-weight: 600; line-height: 1.6em; color: #359FF4;}
.biz-service-item .text-box .title-kor {font-size: 36px; font-weight: 700; line-height: 1.6em; color: #222; margin-bottom: 28px;}
.biz-service-item .text-box .desc {font-size: 24px; line-height: 1.6em; color: #444;}
.biz-service-item .text-box .desc:not(:last-child) {margin-bottom: 16px;}
.biz-service-item .text-box .desc b {font-weight: 600; color: #222;}

.biz-sub-title.center {text-align: center;}
.biz-sub-title.left {text-align: left;}
.biz-sub-title .eng {font-size: 26px; font-weight: 600; line-height: 1.6em; color: #359FF4;}
.biz-sub-title .title {font-size: 36px; font-weight: 700; line-height: 1.6em; color: #222;}

.biz-process {background: #F9F9F9; padding: 100px 0 120px;}
.biz-process .biz-sub-title {margin-bottom: 40px;}
.icon-text-items {display: flex; flex-wrap: wrap; margin: -20px;}
.icon-text-item {width: 33.3333%; padding: 20px;}
.icon-text-item .inner {position: relative; min-height: 286px; height: 100%; padding: 80px 40px 40px; border-radius: 20px; border: 1px solid #CCC; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}
.icon-text-item .inner:before {position: absolute; top: 50%; right: -41px; content: ''; width: 40px; height: 1px; background: #359FF4;}
.icon-text-item:nth-child(3n) .inner:before,
.icon-text-item:last-child .inner:before {display: none;}
.icon-text-item .inner:after {position: absolute; top: 50%; left: -7px; transform: translateY(-50%); content: ''; width: 14px; height: 14px; background: #fff; border-radius: 50%; border: 4px solid #359FF4;}
.icon-text-item:first-child .inner:after,
.icon-text-item:nth-child(4n) .inner:after {display: none;}
.icon-text-item .num {font-size: 26px; font-weight: 600; line-height: 1.6em; color: #359FF4;}
.icon-text-item .title {font-size: 26px; font-weight: 700; line-height: 1.6em; color: #222; margin-bottom: 12px;}
.icon-text-item .desc {font-size: 22px; line-height: 1.6em; color: #444;}
.icon-text-item .icon {position: absolute; top: 40px; right: 40px; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center center;}
.biz01 .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/biz-process01-icon01.png');}
.biz01 .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/biz-process01-icon02.png');}
.biz01 .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/biz-process01-icon03.png');}
.biz01 .icon-text-item:nth-child(4) .icon {background-image: url('../img/sub/biz-process01-icon04.png');}
.biz01 .icon-text-item:nth-child(5) .icon {background-image: url('../img/sub/biz-process01-icon05.png');}
.biz02 .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/biz-process02-icon01.png');}
.biz02 .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/biz-process02-icon02.png');}
.biz02 .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/biz-process02-icon03.png');}
.biz03 .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/biz-process03-icon01.png');}
.biz03 .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/biz-process03-icon02.png');}
.biz03 .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/biz-process03-icon03.png');}
.biz04 .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/biz-process04-icon01.png');}
.biz04 .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/biz-process04-icon02.png');}
.biz04 .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/biz-process04-icon03.png');}
.biz04 .icon-text-item:nth-child(4) .icon {background-image: url('../img/sub/biz-process04-icon04.png');}
.biz04 .icon-text-item:nth-child(5) .icon {background-image: url('../img/sub/biz-process04-icon05.png');}
.biz05 .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/biz-process05-icon01.png');}
.biz05 .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/biz-process05-icon02.png');}
.biz05 .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/biz-process05-icon03.png');}
.biz05 .icon-text-item:nth-child(4) .icon {background-image: url('../img/sub/biz-process05-icon04.png');}
.biz05 .icon-text-item:nth-child(5) .icon {background-image: url('../img/sub/biz-process05-icon05.png');}
.biz06 .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/biz-process06-icon01.png');}
.biz06 .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/biz-process06-icon02.png');}
.biz06 .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/biz-process06-icon03.png');}
.biz06 .icon-text-item:nth-child(4) .icon {background-image: url('../img/sub/biz-process06-icon04.png');}
.biz06 .icon-text-item:nth-child(5) .icon {background-image: url('../img/sub/biz-process06-icon05.png');}

.biz-guide {background: #F9F9F9; border-top: 1px solid #ccc; padding: 120px 0 138px;}
.biz-guide .wrap {display: flex;}
.biz-guide .biz-sub-title {position: relative; max-width: 410px; width: 100%;}
.biz-guide .biz-sub-title:after {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #ccc;}
.biz-guide .biz-guide-cont {width: 1%; flex: 1 1 auto; padding: 0 80px 0 60px;}
.biz-guide .biz-guide-cont ul {display: flex; flex-direction: column; gap: 10px;}
.biz-guide .biz-guide-cont li {position: relative; padding-left: 35px; font-size: 24px; line-height: 1.6em; color: #444;}
.biz-guide .biz-guide-cont li:before {position: absolute; top: 13px; left: 14px; content: ''; width: 7px; height: 7px; background: #444; border-radius: 50%;}

/* S301 */
.case-list {margin-bottom: 40px;}
.case-items {display: flex; flex-wrap: wrap; margin: -30px;}
.case-item {width: 33.3333%; padding: 30px;}
.case-item .img-box {position: relative; padding: 0 40px; z-index: 5;}
.case-item .img-box .before-img,
.case-item .img-box .after-img {position: relative;}
.case-item .img-box .pic {position:relative; height:0; padding-bottom:57.89%; overflow:hidden; transition:all 0.6s;}
.case-item .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition: all 0.6s;}
.case-item a:hover .img-box .pic img {transform: scale(1.1) translateY(-50%);}
.case-item .img-box span {position: absolute; bottom: 0; left: 0; width: 100%; display: block; font-family: "Tektur", sans-serif; font-size: 20px; font-weight: 600; line-height: normal; letter-spacing: 0.4px; color: #fff; text-align: center; padding: 2px 10px; background: rgba(0, 0, 0, 0.30);}
.case-item .text-box {margin-top: -66px; padding: 97px 40px 40px; background: #fff; transition: all 0.5s;}
.case-item a:hover .text-box {background: #F3F7FA;}
.case-item .text-box .cate {font-size: 20px; font-weight: 600; line-height: 1.6em; color: #1F2E5F;}
.case-item .text-box .address {font-size: 24px; font-weight: 600; line-height: 1.8em; color: #222; margin-bottom: 12px;}
.case-item .text-box .arrow {width: 40px; height: 40px; background: #fff url('../img/main/icon-premium-arrow-gray.png') no-repeat center center; border: 1px solid #eee; transition: all 0.5s;}
.case-item a:hover .text-box .arrow {background: #1F2E5F url('../img/main/icon-premium-arrow-white.png') no-repeat center center; border: 1px solid #1F2E5F;}

/* S401 */
.recruit .intro {margin-bottom: 160px;}
.recruit .intro-cont:not(:last-child) {margin-bottom: 120px;}
.recruit .intro-cont-main .img-box {position: relative; padding-bottom: 82px; margin-bottom: 15px;}
.recruit .intro-cont-main .backdrop {height: 398px; background: url('../img/sub/recruit-intro-img01.jpg') no-repeat center center/cover;}
.recruit .intro-cont-main .text {position: absolute; bottom: 0; right: 40px; max-width: 562px; width: 100%; padding: 100px 50px 40px; background: url('../img/sub/introduce-intro-bg.jpg') no-repeat center center/cover;}
.recruit .intro-cont-main .text .eng {font-size: 48px; font-weight: 700; line-height: 1.2em; color: #fff; text-align: right; margin-bottom: 16px;}
.recruit .intro-cont-main .text .kor {font-size: 24px; font-weight: 600; line-height: 1.6em; color: rgba(255, 255, 255, 0.70); text-align: right;}
.recruit .intro-cont-main .text-box {padding: 0 40px;}
.recruit .intro-cont-main .text-box .title {font-size: 48px; font-weight: 200; line-height: 1.3em; color: #070707; margin-bottom: 28px;}
.recruit .intro-cont-main .text-box .title b {font-weight: 700;}
.recruit .intro-cont-main .text-box .desc {font-size: 24px; line-height: 1.6em; color: #444;}
.recruit .intro-cont-main .text-box .desc b {font-weight: 600; color: #1F2E5F;}

.recruit .talent {padding-bottom: 160px;}
.recruit .talent-title {margin-bottom: 60px;}
.recruit .talent-cont {text-align: center;}

.reward {padding: 120px 0 160px; background: #F9F9F9;}
.reward-title {margin-bottom: 60px;}
.reward-list .icon-text-item .inner:before,
.reward-list .icon-text-item .inner:after {display: none;}
.reward-list .icon-text-item .title {font-size: 28px;}
.reward-list .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/recruit-reward-icon01.png');}
.reward-list .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/recruit-reward-icon02.png');}
.reward-list .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/recruit-reward-icon03.png');}
.reward-list .icon-text-item:nth-child(4) .icon {background-image: url('../img/sub/recruit-reward-icon04.png');}
.reward-list .icon-text-item:nth-child(5) .icon {background-image: url('../img/sub/recruit-reward-icon05.png');}
.reward-list .icon-text-item:nth-child(6) .icon {background-image: url('../img/sub/recruit-reward-icon05.png');}

.wlb {padding: 160px 0 190px;}
.wlb-title {margin-bottom: 60px;}
.icon-text-items02 .icon-text-item {width: 50%;}
.icon-text-items02 .icon-text-item .inner {display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: auto; height: 100%; padding: 55px 50px 55px 60px; background: #FCFCFC; box-shadow: none;}
.icon-text-items02 .icon-text-item .inner:before,
.icon-text-items02 .icon-text-item .inner:after {display: none;}
.icon-text-items02 .icon-text-item .title {font-size: 32px;}
.icon-text-items02 .icon-text-item .icon {position: relative; top: auto; right: auto; width: 120px; height: 120px;}
.wlb-list .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/recruit-wlb-icon01.png');}
.wlb-list .icon-text-item:nth-child(2) .icon {background-image: url('../img/sub/recruit-wlb-icon02.png');}
.wlb-list .icon-text-item:nth-child(3) .icon {background-image: url('../img/sub/recruit-wlb-icon03.png');}
.wlb-list .icon-text-item:nth-child(4) .icon {background-image: url('../img/sub/recruit-wlb-icon04.png');}

.office {margin-bottom: 200px;}
.office-title {margin-bottom: 60px;}
.icon-text-items01 .icon-text-item {width: 100%;}
.icon-text-items01 .icon-text-item .inner {display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: auto; height: 100%; padding: 65px 50px 65px 60px; background: #FCFCFC; box-shadow: none;}
.icon-text-items01 .icon-text-item .inner:before,
.icon-text-items01 .icon-text-item .inner:after {display: none;}
.icon-text-items01 .icon-text-item .title {font-size: 32px;}
.icon-text-items01 .icon-text-item .icon {position: relative; top: auto; right: auto; width: 120px; height: 120px;}
.office-list .icon-text-item:nth-child(1) .icon {background-image: url('../img/sub/recruit-office-icon01.png');}

.recruit .partner {padding-top: 160px; margin-bottom: 0;}
.recruit .partner .intro-cont-main .backdrop {background: url('../img/sub/recruit-intro-img02.jpg') no-repeat center center/cover;}
.recruit .partner .intro-cont-main .text-box .desc {margin-bottom: 40px;}
.recruit .partner .intro-cont-main .text-box .btn-inquiry {display: flex; justify-content: space-between; align-items: center; width: 295px; height: 66px; background: #359FF4; padding: 0 43px; font-size: 22px; font-weight: 700; line-height: 1.6em; color: #fff; transition: all 0.4s;}
.recruit .partner .intro-cont-main .text-box .btn-inquiry:hover {padding-right: 38px;}