@charset "utf-8"; 

/**
서브페이지 공통
**/

.contents.sub {width: 100%;overflow: hidden;}
.contents.sub .sub_title {position: relative;width: 100%;height: 680px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.contents.sub .sub_title .breadcrumb-box {display: flex;align-items: center;position: absolute;bottom: -80px;left: 0;width: 640px;min-height: 560px;background-color: #007DC5;z-index: 1;}
.contents.sub .sub_title .breadcrumb-box .breadcrumb-content {color: white;padding: 110px 82px 110px;word-break: keep-all;}
.contents.sub .sub_title .breadcrumb-box .breadcrumb-content p {font-size: 22px;font-weight: 800;line-height: 34px;letter-spacing: -0.22px;}
.contents.sub .sub_title .breadcrumb-box .breadcrumb-content h3 {margin-top: 16px;font-size: 60px;line-height: 80px;letter-spacing: -0.6px;}
.contents.sub .sub_title .breadcrumb-box .breadcrumb-content span {display: block;margin-top: 10px;font-size: 18px;opacity: 0.5;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub .sub_title .breadcrumb-box .breadcrumb-content span + p {margin-top: 36px;font-size: 20px;font-weight: 400;line-height: 34px;letter-spacing: -0.2px;}
.contents.sub .sub_container {position: relative;max-width: 1600px;margin: 0 auto;box-sizing: border-box;padding: 0 60px;}
.contents.sub .sub_container .content-01 {padding-top: 200px;}
.contents.sub .sub_container .content-01 .iframe-wrap {margin-top: 50px; width: 100%; height: 580px;}
.contents.sub .sub_container .content-01 .iframe-wrap iframe {width: 100%; height: 100%;}
.contents.sub .sub_container .content-01 .iframe-wrap video {width: 100%; height: auto;}
.contents.sub .sub_container .content-02, .contents.sub .sub_container .content-03, .contents.sub .sub_container .content-04, .contents.sub .sub_container .content-05, .contents.sub .sub_container .content-06 {padding-top: 80px;margin-top: 80px;border-top: 1px solid #E9E9E9;}
.contents.sub .sub_container .data_Con {padding-top: 80px;}
.contents.sub .sub_container .data_Con.first {padding-top: 80px;margin-top: 80px;border-top: 1px solid #E9E9E9;}
.contents.sub .sub_container .data_Con h4 {color: #171717;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.mo_br {display: none;}

/* --- Smartfactory content box intro --- */
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro {display: flex;flex-wrap: wrap;align-items: center;gap: 100px;width: 100%;box-sizing: border-box;overflow: visible;}
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > h4,
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type,
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-02 > h4:first-of-type,
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-03 > h4:first-of-type,
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .data_Con > h4:first-of-type {margin: 0;padding: 0.08em 0 0.14em;font-family: 'Pretendard', '맑은고딕', sans-serif;font-size: 54px;font-weight: 800;line-height: 1.22;letter-spacing: -0.6px;flex: 0 1 auto;width: fit-content;max-width: min(100%, 400px);min-width: 0;box-sizing: border-box;overflow: visible;font-feature-settings: "kern" 1;background-image: linear-gradient(90deg, #00A651 0%, #0a9a7e 28%, #0496a8 58%, #007DC5 100%);background-size: 100% 100%;background-position: 50% 50%;background-repeat: no-repeat;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;}
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > h4 span[lang="en"],
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type span[lang="en"],
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-02 > h4:first-of-type span[lang="en"],
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-03 > h4:first-of-type span[lang="en"],
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .data_Con > h4:first-of-type span[lang="en"] {font-size: 80px;line-height: 1.15;letter-spacing: -0.8px;vertical-align: baseline;}
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > h4:only-child,
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .data_Con > h4:first-of-type {flex: 0 1 auto;max-width: 100%;}
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > p,
.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;flex: 1 1 320px;min-width: min(100%, 280px);box-sizing: border-box;}
@supports not (background-clip: text) {
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > h4,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-02 > h4:first-of-type,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-03 > h4:first-of-type,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .data_Con > h4:first-of-type {background: none;color: #00A651;-webkit-text-fill-color: currentColor;}
}

/* 서브메뉴 */
.contents.sub .sub_container .sub_menu {position: absolute;top: 0;left: 60px;height: 100%;}
.contents.sub .sub_container .sub_menu.fixed {position: fixed;left: 50%;max-width: 1480px;width: calc(100% - 120px);transform: translateX(-50%);}
.contents.sub .sub_container .sub_menu .sub_menu_wrap {width: 260px;height: 100%;padding-top: 200px;border-left: 1px solid #E9E9E9;box-sizing: border-box;}
.contents.sub .sub_container .sub_menu .select-active {display: none;}
.contents.sub .sub_container .sub_menu ul {display: none;position: sticky;top: 200px;}
.contents.sub .sub_container .sub_menu.open ul {display: block;}
.contents.sub .sub_container .sub_menu ul li {position: relative;margin-bottom: 10px;}
.contents.sub .sub_container .sub_menu ul li a {display: block;padding: 10px 19px;font-size: 16px;color: #646464;line-height: 28px;letter-spacing: -0.16px;position: relative;padding-left: 23px;}
.contents.sub .sub_container .sub_menu ul li.active a {color: #017dc5;}
.contents.sub .sub_container .sub_menu ul li.active::after {content: '';display: block;position: absolute;top: 0;left: 0;width: 4px;height: 100%;background-color: #007DC5;}
.contents.sub .sub_container .contentBox {width: calc(100% - 260px);margin-left: 260px;margin-bottom: 120px;position: relative;}
.contents.sub .sub_container .contentBox.wide {width: 100%;margin-left: 0;}

/* 슬라이드 */
.contents.sub .sub_container .boardSlide {margin-top: 32px;position: relative;}
.contents.sub .sub_container .boardSlide .slide_wrap {padding-bottom: 78px;overflow: hidden;}
.contents.sub .sub_container .boardSlide .list_wrap {width: 401px;}
.contents.sub .sub_container .boardSlide .slick-arrow {position: absolute;bottom: -78px;left: 0;width: 48px;height: 48px;border: 1px solid #e9e9e9;background: transparent;border-radius: 4px;overflow: hidden;text-indent: -9999px;}
.contents.sub .sub_container .boardSlide .slick-arrow:before {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 2px;background: #979797;}
.contents.sub .sub_container .boardSlide .slick-arrow:after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 2px;background: #979797;}
.contents.sub .sub_container .boardSlide .slick-arrow.slick-prev:before {transform: rotate(135deg);margin-top: -3px;margin-left: -5px;}
.contents.sub .sub_container .boardSlide .slick-arrow.slick-prev:after {transform: rotate(45deg);margin-top: 3px;margin-left: -5px;}
.contents.sub .sub_container .boardSlide .slick-arrow.slick-next {left: 50px;}
.contents.sub .sub_container .boardSlide .slick-arrow.slick-next:before {transform: rotate(-135deg);margin-top: -3px;margin-left: -5px;}
.contents.sub .sub_container .boardSlide .slick-arrow.slick-next:after {transform: rotate(-45deg);margin-top: 3px;margin-left: -5px;}
.contents.sub .sub_container .boardSlide .slick-arrow {position: absolute;bottom: -78px;left: 0;width: 48px;height: 48px;border: 1px solid #e9e9e9;background: transparent;border-radius: 4px;overflow: hidden;text-indent: -9999px;}
.contents.sub .sub_container .boardSlide .slick-arrow:hover {background: #f9f9f9;}
.contents.sub .sub_container .boardSlide .slick-arrow:hover:before {background: #171717;}
.contents.sub .sub_container .boardSlide .slick-arrow:hover:after {background: #171717;}
.contents.sub .sub_container .boardSlide .slick-list {overflow: visible;}
.contents.sub .sub_container .boardSlide .item {margin-right: 8px;}
.contents.sub .sub_container .boardSlide .item .board_thumb {width: 100%;padding-top: 90%;border-radius: 4px 4px 0 0;}
.contents.sub .sub_container .boardSlide .item .board_thumb img {width: 100%;}
.contents.sub .sub_container .boardSlide .item .board_info {display: flex;height: 100%;flex-direction: column;padding: 24px 32px 30px;background: #f9f9f9;border-radius: 0 0 4px 4px;}
.contents.sub .sub_container .boardSlide .item .board_date {font-size: 13px;line-height: 22px;letter-spacing: -0.13px;}
.contents.sub .sub_container .boardSlide .item .board_subj {margin-top: 10px;flex: 1;font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
.contents.sub .sub_container .boardSlide .item .btn {margin-top: 24px;}
.contents.sub .sub_container .boardSlide .item .btn:after {background-image: url(../images/common/arrow_blue.png);}
.contents.sub .sub_container .boardSlide .moreBtn {position: absolute;top: -100px;right: 0;border: 1px solid #e9e9e9;background: #ffffff;color: #646464;font-size: 16px;font-weight: 400;letter-spacing: -0.16px;}
.contents.sub .sub_container .boardSlide .moreBtn:before {background: #f9f9f9;}
.contents.sub .sub_container .boardSlide .moreBtn:after {background-image: url(../images/common/arrow_black.png);}
.contents.sub .sub_container .boardSlide .slideGraph {position: absolute;bottom: 23px;left: 0;height: 2px;width: calc(100% - 128px);margin-left: 128px;background: #E9E9E9;}
.contents.sub .sub_container .boardSlide .slideGraph span {position: absolute;top: 0;left: 0;width: 20%;height: 3px;background: #171717;transition: 0.3s;}
.contents.sub .sub_container .boardSlide .slideGraph span:after {content: '';}

/* 브로슈어 */
.contents.sub .sub_container .brochure_wrap {margin-top: 32px;}
.contents.sub .sub_container .brochure_wrap .list_wrap {margin-top: 0;}
.contents.sub .sub_container .brochure_wrap .list_wrap ul {margin-top: 0;}
.contents.sub .sub_container .brochure_wrap + .paging {margin-top: 30px;}
.contents.sub .sub_container .brochureBanner {margin-top: 60px;background: url(../images/contents/brochureBanner.jpg) no-repeat right top / 1220px auto;display: flex;align-items: center;justify-content: space-between;padding: 0 60px;flex-direction: row;}
.contents.sub .sub_container .brochureBanner p {padding: 51px 0;max-width: 600px;}
.contents.sub .sub_container .brochureBanner p strong {display: block;color: #FFF;font-size: 28px;font-weight: 800;line-height: 38px;letter-spacing: -0.28px;}
.contents.sub .sub_container .brochureBanner p span {display: block;color: #FFF;font-size: 20px;font-style: normal;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;opacity: 0.8;margin-top: 8px;}
.contents.sub .sub_container .brochureBanner .btn span {font-size: 14px;letter-spacing: -0.14px;}

/* 하단 */
.contents.sub .sub_footer {position: relative;background: #171717;}
.contents.sub .sub_footer .ftbox {max-width: 1600px;padding: 0 60px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;border-left: 1px solid #2E2E2E;border-right: 1px solid #2E2E2E;border-bottom: 1px solid #2E2E2E;box-sizing: border-box;}
.contents.sub .sub_footer .ftTtl {width: 580px;padding: 93px 0 80px;box-sizing: border-box;color: #FFF;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.sub .sub_footer .ftCtt {width: calc(100% - 580px);padding: 93px 40px 80px;box-sizing: border-box;}
.contents.sub .sub_footer .ftCtt p {color: #D9D9D9;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
.contents.sub .sub_footer .ftCtt dl {margin-top: 30px;}
.contents.sub .sub_footer .ftCtt dt {margin-top: 12px;color: #747474;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
.contents.sub .sub_footer .ftCtt dd {color: #fff;font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
.contents.sub .sub_footer .ftCtt dd span {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub .sub_footer .btn {margin-top: 48px;background: linear-gradient(86deg, #00A651 0%, #007DC5 100%), rgba(255, 255, 255, 0.20);}
.contents.sub .sub_footer .btn:before {background: rgba(255,255,255,0.2);}

/* 도입효과 */
.contents.sub .effect-wrap {margin-top: 50px;}
.contents.sub .effect-wrap ul {display: flex;flex-wrap: wrap;gap: 8px;}
.contents.sub .effect-wrap ul li {flex: 0 0 calc(50% - 4px);display: flex;padding: 60px 53px;background-color: #F5F5F5;box-sizing: border-box;}
.contents.sub .effect-wrap ul li .effect-txt {color: var(--point-02-green-00-a-651, #00A651);font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub .effect-wrap ul li .effect-txt h5 {font-weight: 800;font-size: 18px;}
.contents.sub .effect-wrap ul li .effect-txt h5+p {margin-top: 20px;word-break: keep-all;}

/* 주요기능 */
.contents.sub .key-feature-wrap {margin-top: 50px;}
.contents.sub .key-feature-wrap > ul {display: flex;flex-wrap: wrap;gap: 8px;}
.contents.sub .key-feature-wrap > ul > li {flex: 0 0 calc(50% - 4px);display: flex;padding: 60px 33px 60px 53px;background-color: #F5F5F5;box-sizing: border-box;word-break: keep-all;}
.contents.sub .key-feature-wrap ul li .key-feature-txt {color: var(--font-01-black-171717, #171717);}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title h5 {color: var(--font-01-black-171717, #171717);font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;display: inline;}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title p {color: var(--font-03-gray-979797, #979797);font-size: 18px;line-height: 30px;letter-spacing: -0.18px;display: inline;}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+p {margin-top: 8px;color: var(--font-02-gray-646464, #646464);font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul {margin-top: 8px;padding-left: 20px;box-sizing: border-box;}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul li {list-style: square;color: var(--font-02-gray-646464, #646464);font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul li::marker {margin-right: 10px;}
.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul li+li {margin-top: 20px;}

/* 텍스트작업 */
.contents.sub .detailStyle01 {background: #F5F5F5;padding: 80px 80px;margin-top: 60px;display: flex;justify-content: center;text-align: center;}
.contents.sub .detailStyle01 + .detailStyle01 {margin-top: 30px;}
.contents.sub .detailStyle01 .cttBox {max-width: 897px;}
.contents.sub .detailStyle01 .ttl {border-radius: 110px;background: var(--base-gradient-blue-green, linear-gradient(268deg, #007DC5 0%, #00A651 100%));color: #FFF;font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;padding: 17px 40px;width: auto;display: inline-block;}
.contents.sub .detailStyle01 ul {text-align: left;}
.contents.sub .detailStyle01 ul li {display: flex;align-items: flex-start;justify-content: flex-start;margin-top: 50px;}
.contents.sub .detailStyle01 ul li+li {margin-top: 42px;}
.contents.sub .detailStyle01 .subttl {width: 112px;padding: 13px 10px;border-radius: 110px;background: #E9E9E9;color: #646464;font-size: 16px;font-weight: 700;line-height: 26px;letter-spacing: -0.16px;text-align: center;}
.contents.sub .detailStyle01 .subcmt {width: calc(100% - 102px);margin-left: 30px;color: #646464;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub .detailStyle01 .imgBox {width: calc(100% - 102px);margin-left: 30px;}
.contents.sub .detailStyle01 .imgBox img {width: 100%;}

@media screen and (max-width: 1280px) {
	.pc_br{display: none;}
    .mo_br{display: block;}
	.contents.sub .sub_title {height: 100vh;}
	.contents.sub .sub_title .breadcrumb-box {width: calc(100% - 24px);min-height: 312px;height: auto;bottom: 0;}
	.contents.sub .sub_title .breadcrumb-box .breadcrumb-content {padding: 50px 24px;}
	.contents.sub .sub_title .breadcrumb-box .breadcrumb-content p {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.sub .sub_title .breadcrumb-box .breadcrumb-content h3 {margin-top: 6px;font-size: 40px;line-height: 64px;letter-spacing: -0.4px;}
	.contents.sub .sub_title .breadcrumb-box .breadcrumb-content span {margin-top: 2px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub .sub_title .breadcrumb-box .breadcrumb-content span + p {margin-top: 25px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub .sub_container {width: 100%;padding: 0 24px;}
	.contents.sub .sub_container .content-01 {padding-top: 60px;}
	.contents.sub .sub_container .content-01 .iframe-wrap {position: relative; margin-top: 30px; height: auto;}
	.contents.sub .sub_container .content-01 .iframe-wrap:before {content: ''; display: block; padding-top: 56%;}
	.contents.sub .sub_container .content-01 .iframe-wrap iframe {position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
	.contents.sub .sub_container .content-02, .contents.sub .sub_container .content-03, .contents.sub .sub_container .content-04, .contents.sub .sub_container .content-05, .contents.sub .sub_container .content-06 {padding-top: 60px;margin-top: 60px;border-top: 1px solid #E9E9E9;}
	.contents.sub .sub_container .data_Con {padding-top: 60px;}
	.contents.sub .sub_container .data_Con.first {padding: 60px 0 0;margin-top: 60px;border-top: 1px solid #E9E9E9;}
	.contents.sub .sub_container .data_Con h4 {font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro {flex-direction: column;align-items: center;gap: 30px;}
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > h4,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-02 > h4:first-of-type,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-03 > h4:first-of-type,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .data_Con > h4:first-of-type {font-size: 36px;line-height: 1.22;letter-spacing: -0.4px;flex: none;min-width: 0;width: fit-content;max-width: 100%;background-size: 100% 100%;background-position: 50% 50%;}
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > h4 span[lang="en"],
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type span[lang="en"],
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-02 > h4:first-of-type span[lang="en"],
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-03 > h4:first-of-type span[lang="en"],
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .data_Con > h4:first-of-type span[lang="en"] {font-size: 53px;line-height: 1.15;letter-spacing: -0.53px;}
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .contentBoxIntro > p,
	.contents.sub:is(.mes, .pam, .qms, .wms, .esh, .ai, .cloud-msp, .data-platform) .sub_container .contentBox .content-01 > h4:first-of-type + p {flex: none;width: 100%;min-width: 0;}

	/* 서브메뉴 */
	.contents.sub .sub_container .sub_menu {left: 0;height: auto;width: 100%;background-color: #fff;z-index: 1;}
	.contents.sub .sub_container .sub_menu.fixed {left: 0;max-width: none;width: 100%;transform: translateX(0);z-index: 8001;}
	.contents.sub .sub_container .sub_menu .sub_menu_wrap {width: 100%;height: auto;padding-top: 0;border-left: 0;}
	.contents.sub .sub_container .sub_menu .select-active {display: block;position: relative;font-size: 16px;font-weight: 800;line-height: 28px;letter-spacing: -0.16px;padding: 18px 10px 18px 24px;border-bottom: 1px solid #E9E9E9;box-sizing: border-box;}
	.contents.sub .sub_container .sub_menu .select-active::after {position: absolute;top: 50%;right: 29px;transform: translateY(-50%);content: url('../images/contents/arrow-closed.svg');}
	.contents.sub .sub_container .sub_menu .select-active.opened::after {content: url('../images/contents/arrow-open.svg');display: block;}
	.contents.sub .sub_container .sub_menu ul {position: relative;top: 0;padding: 16px 0;border-bottom: 1px solid #dbdbdb;box-shadow: 0px 0px 3px 0px #dbdbdb;}
	.contents.sub .sub_container .sub_menu ul li {margin-bottom: 0;}
	.contents.sub .sub_container .sub_menu ul li a {padding: 14px 24px;}
	.contents.sub .sub_container .sub_menu ul li.active a {color: #646464;}
	.contents.sub .sub_container .sub_menu ul li.active::after {display: none;}
	.contents.sub .sub_container .contentBox {width: 100%;margin-left: 0;margin-bottom: 80px;padding-top: 65px;}
		.contents.sub .sub_container .contentBox.wide{padding-top: 0;}

	/* 슬라이드 */
	.contents.sub .sub_container .boardSlide {margin-top: 26px;}
	.contents.sub .sub_container .boardSlide .slide_wrap {margin-right: -24px !important;padding-bottom: 60px;}
	.contents.sub .sub_container .boardSlide .list_wrap {width: 327px;}
	.contents.sub .sub_container .boardSlide .slick-arrow {bottom: -60px;width: 40px;height: 40px;}
	.contents.sub .sub_container .boardSlide .slick-arrow.slick-prev:before {margin-top: -4px;margin-left: -5px;}
	.contents.sub .sub_container .boardSlide .slick-arrow.slick-prev:after {margin-top: 2px;margin-left: -5px;}
	.contents.sub .sub_container .boardSlide .slick-arrow.slick-next {left: 42px;}
	.contents.sub .sub_container .boardSlide .slick-arrow.slick-next:before {margin-top: -4px;margin-left: -5px;}
	.contents.sub .sub_container .boardSlide .slick-arrow.slick-next:after {margin-top: 2px;margin-left: -5px;}
	.contents.sub .sub_container .boardSlide .item {max-width: 100%;width: 100%;box-sizing: border-box;}
	.contents.sub .sub_container .boardSlide .item .board_info {display: flex;height: 100%;flex-direction: column;padding: 24px 32px 30px;background: #f9f9f9;}
	.contents.sub .sub_container .boardSlide .item .board_date {font-size: 12px;line-height: 22px;letter-spacing: -0.12px;}
	.contents.sub .sub_container .boardSlide .item .board_subj {margin-top: 8px;flex: 1;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.sub .sub_container .boardSlide .item .btn {margin-top: 35px;font-size: 12px;letter-spacing: -0.12px;}
	.contents.sub .sub_container .boardSlide .moreBtn {top: -74px;width: 50px;height: 50px;border: none;padding: 0;font-size: 0;overflow: hidden;text-indent: -9999px;}
	.contents.sub .sub_container .boardSlide .moreBtn:before {width: 50px;height: 50px;left: 0;}
	.contents.sub .sub_container .boardSlide .moreBtn:after {left: 18px;}
	.contents.sub .sub_container .boardSlide .slideGraph {height: 1px;width: calc(100% - 99px);margin: 38px 0 0 99px;}
	.contents.sub .sub_container .boardSlide .slideGraph span:after {content: '';}

	/* 브로슈어 */
	.contents.sub .sub_container .brochure_wrap {margin-top: 24px;}
	.contents.sub .sub_container .brochure_wrap + .paging {margin-top: 24px;}
	.contents.sub .sub_container .brochureBanner {margin-top: 40px;background: url(../images/contents/brochureBanner_mo.jpg) no-repeat right -5px / cover;justify-content: center;align-items: flex-start;flex-direction: column;padding: 0 24px 40px;}
	.contents.sub .sub_container .brochureBanner p {padding: 40px 0 0 0;max-width: none;}
	.contents.sub .sub_container .brochureBanner p strong {font-size: 24px;line-height: 36px;letter-spacing: -0.24px;word-break: keep-all;}
	.contents.sub .sub_container .brochureBanner p span {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 10px;}
	.contents.sub .sub_container .brochureBanner .btn {margin-top: 24px;}

	/* 하단 */
	.contents.sub .sub_footer .ftbox {max-width: none;padding: 60px 24px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;border-left: none;border-right: none;border-bottom: none;}
	.contents.sub .sub_footer .ftTtl {width: 100%;padding: 0;font-size: 32px;line-height: 48px;letter-spacing: -0.32px;word-break: keep-all;}
	.contents.sub .sub_footer .ftCtt {width: 100%;padding: 24px 0 0;text-align: center;}
	.contents.sub .sub_footer .ftCtt p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;text-align: left;}
	.contents.sub .sub_footer .ftCtt dl {margin-top: 40px;text-align: left;}
	.contents.sub .sub_footer .ftCtt dt {margin-top: 24px;font-size: 13px;line-height: 24px;letter-spacing: -0.13px;}
	.contents.sub .sub_footer .ftCtt dd {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.sub .sub_footer .ftCtt dd span {font-size: 16px;line-height: 28px;letter-spacing: -0.16px; word-break: keep-all;}
	.contents.sub .sub_footer .btn {margin-top: 48px;}

	/* 도입효과 */
	.contents.sub .effect-wrap {margin-top: 30px;}
	.contents.sub .effect-wrap ul li {flex: 0 0 100%;flex-direction: column;padding: 40px 24px;}
	.contents.sub .effect-wrap ul li div:nth-of-type(1) {line-height: 0;}
	.contents.sub .effect-wrap ul li .effect-txt h5 {margin-top: 29px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.sub .effect-wrap ul li .effect-txt h5+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}

	/* 주요기능 */
	.contents.sub .key-feature-wrap {margin-top: 30px;}
	.contents.sub .key-feature-wrap > ul > li {flex: 0 0 100%;flex-direction: column;padding: 40px 24px;}
	.contents.sub .key-feature-wrap ul li div:nth-of-type(1) {line-height: 0;}
	.contents.sub .key-feature-wrap ul li:nth-of-type(1) svg {margin-top: 10px;margin-left: 7px;}
	.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title {margin-top: 30px;flex-direction: column;align-items: baseline;gap: 0;}
	.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title h5 {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title h5+p {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.sub .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul li {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;}

	/* 텍스트작업 */
	.contents.sub .detailStyle01 {padding: 50px 28px;}
	.contents.sub .detailStyle01 .ttl {padding: 14px 47px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.sub .detailStyle01 ul li {flex-direction: column;align-items: center;justify-content: flex-start;margin-top: 41px;}
	.contents.sub .detailStyle01 ul li+li {margin-top: 30px;}
	.contents.sub .detailStyle01 .subttl {width: 106px;padding: 5px 10px;line-height: 32px;}
	.contents.sub .detailStyle01 .subcmt {width: 100%;margin-left: 0;margin-top: 20px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;text-align: center;}
	.contents.sub .detailStyle01 .imgBox {width: auto;margin: 20px -14px 0;}
}


/**
smart factory
**/

/* mes */
.contents.mes .sub_title {background-image: url("../images/contents/smart_factory/top_01.jpg");}
.contents.mes .sub_container .contentBox .content-01 .contentBoxIntro > p,
.contents.mes .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: #646464;font-size: 20px;font-weight: 400;line-height: 40px;letter-spacing: -0.24px;word-break: keep-all;}
.contents.mes .sub_container .contentBox .content-01 .mes_pc {width: 100%;margin-top: 60px;}
.contents.mes .sub_container .contentBox .content-01 .mes_mo {display: none;}
.contents.mes .sub_container .contentBox .content-01 .content-box-wrap {display: flex;flex-wrap: wrap;margin-top: 30px;gap: 8px;padding-bottom: 80px;border-bottom: 1px solid #E9E9E9;}
.contents.mes .sub_container .contentBox .content-01 .content-box {background-color: #F5F5F5;flex: 0 0 calc(33.333% - 5.333px);padding: 40px 36px 50px;border-radius: 4px;box-sizing: border-box;}
.contents.mes .sub_container .contentBox .content-01 .content-box svg {display: block;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-01 svg {padding-left: 3px;width: 54.667px;height: 60px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-02 svg {padding-top: 3px;padding-left: 2px;width: 56px;height: 53.5px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-03 svg {width: 52.5px;height: 56px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-04 svg {width: 60px;height: 53.333px;margin-top: 3px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-05 svg {width: 56px;height: 56px;margin-top: 2px;}
.contents.mes .sub_container .contentBox .content-01 .content-box p {margin-top: 52px;color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-02 p:nth-of-type(1) {margin-top: 55.5px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-03 p:nth-of-type(1) {margin-top: 53px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-04 p:nth-of-type(1) {margin-top: 55.67px;}
.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-05 p:nth-of-type(1) {margin-top: 54px;}
.contents.mes .sub_container .contentBox .content-01 .content-box p+p {margin-top: 8px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up {padding-top: 60px;padding-bottom: 100px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up h4 {color: #171717;font-size: 36px;font-weight: 800;line-height: 54px;letter-spacing: -0.36px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap {margin-top: 30px;display: flex;gap: 8px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box {position: relative;width: 401px;height: 460px;background-size: cover;border-radius: 4px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box::before {content: '';display: block;width: 100%;height: 100%;opacity: 0.25;background: #000;border-radius: 4px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box .layer {position: absolute;bottom: 0;left: 0;width: 100%;height: 170px;border-radius: 4px;opacity: 0.25;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 77.67%);}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(1) {background-image: url("../images/contents/smart_factory/solution-line-up-01.jpg");}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(2) {background-image: url("../images/contents/smart_factory/solution-line-up-02.jpg");}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(3) {background-image: url("../images/contents/smart_factory/solution-line-up-03.jpg");}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box img {width: 100%;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box h5 {position: absolute;left: 36px;bottom: 76px;color: #FFF;font-size: 32px;font-weight: 800;line-height: 48px;letter-spacing: -0.32px;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box p {position: absolute;left: 36px;bottom: 40px;color: #FFF;font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;opacity: 0.8;}
.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box span {display: block;position: absolute;padding: 1px 12px;top: 29px;left: 36px;border-radius: 4px;background: #00A651;color: #FFF;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
.contents.mes .sub_container .contentBox .content-02 .feature-box {display: flex;border-radius: 4px 0 0 4px;background: #F5F5F5;}
.contents.mes .sub_container .contentBox .content-02 .feature-box:nth-of-type(2n) {flex-direction: row-reverse;}
.contents.mes .sub_container .contentBox .content-02 .feature-box+.feature-box {margin-top: 60px;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt {flex: 0 0 50%;box-sizing: border-box;padding-left: 62px;padding-right: 60px;display: flex;flex-direction: column;justify-content: center;}
.contents.mes .sub_container .contentBox .content-02 .feature-box {flex: 0 0 50%;}
.contents.mes .sub_container .contentBox .content-02 .feature-box img {border-radius: 0 4px 4px 0;width: 100%;}
.contents.mes .sub_container .contentBox .content-02 .feature-box:nth-of-type(2n) img {border-radius: 4px 0 0 4px;}
.contents.mes .sub_container .contentBox .content-02 .contentBoxIntro + .feature-box {margin-top: 50px;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt h5 {color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;display: flex;align-items: center;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt h5 br.br-mo {display: none;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt h5 span {color: #979797;font-size: 14px;font-weight: 400;line-height: 26px;letter-spacing: -0.14px;padding-left: 16px;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul {margin-top: 30px;padding-left: 19px;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li {color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;list-style: square;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li+li {margin-top: 18px;}
.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li::marker {color: rgba(100, 100, 100, 0.5);}
.contents.mes .sub_container .contentBox .content-04 .pcContent {display: block;}
.contents.mes .sub_container .contentBox .content-04 .moContent {display: none;}
.contents.mes .sub_container .contentBox .content-04 .js-tab-type02 {position: relative;}
.contents.mes .sub_container .contentBox .content-04 .js-tab-type02 li.js-tab-list a {position: relative;float: left;width: 200px;border-bottom: 1px solid #E9E9E9;padding: 14px 2px;color: #979797;font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;cursor: pointer;}
.contents.mes .sub_container .contentBox .content-04 .js-tab-type02 li.js-tab-list .js-tab-target {position: absolute;top: 57px;left: 0;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-menu {display: flex;margin-top: 44px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-menu li {width: 200px;border-bottom: 1px solid #E9E9E9;padding: 14px 8px;color: #979797;font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;cursor: pointer;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-menu li.active {border-bottom: 3px solid #007DC5;color: #171717;font-weight: 800;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content {margin-top: 30px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-title {display: none;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-title::after {content: url("../images/contents/arrow-closed.svg");margin-right: 11px;margin-bottom: 1px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-title.active::after {content: url("../images/contents/arrow-open.svg");}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-item {display: none;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-item.active {display: block;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-img {position: relative;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-img img {border-radius: 4px 4px 0 0;width: 100%;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-box {position: absolute;bottom: 0;right: 0;width: 610px;height: 360px;border-radius: 0 0 4px 4px;background: linear-gradient(90deg, #00A651 0%, #0a9a7e 28%, #0496a8 58%, #007DC5 100%);box-sizing: border-box;padding-top: 72px;padding-left: 60px;padding-right: 60px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-box h5 {color: #FFF;font-size: 32px;font-weight: 700;line-height: 48px;letter-spacing: -0.32px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-box h5+p {margin-top: 24px;color: #FFF;opacity: 0.8;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6 {margin-top: 40px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li ul.task-list {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 30px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li ul.task-list li {text-align: center;padding: 24px 0;flex: 0 0 calc(50% - 4px);border-radius: 4px;background: #F5F5F5;color: #171717;font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;display: flex;align-items: center;justify-content: center;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li ul.task-list li svg {margin-right: 16px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box {margin-top: 20px;margin-bottom: 40px;border-radius: 4px;background: #F5F5F5;padding: 48px 78px;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box ul li {padding-left: 3px;color: #00A651;font-size: 18px;font-weight: 400;line-height: 32px;letter-spacing: -0.18px;list-style: square;}
.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box ul li+li {margin-top: 18px;}
@media screen and (max-width: 1400px) {
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul {margin-top: 20px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li {font-size: 17px;line-height: 27px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li+li {margin-top: 10px;}
}

@media screen and (max-width: 1280px) {
	.contents.mes .sub_title {background-image: url("../images/contents/smart_factory/top_01_mo.jpg");}
	.contents.mes .sub_container img {width: 100%;}
	.contents.mes .sub_container .contentBox>div {box-sizing: border-box;}
	.contents.mes .sub_container .contentBox .content-01 .contentBoxIntro > p,
	.contents.mes .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: var(--font-02-gray-646464, #646464);font-size: 20px;line-height: 28px;letter-spacing: -0.16px;word-break: break-all;}
	.contents.mes .sub_container .contentBox .content-01 .mes_pc {display: none;}
	.contents.mes .sub_container .contentBox .content-01 .mes_mo {display: block;margin-top: 32px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px;flex-direction: column;padding-bottom: 60px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box {flex: 1;padding: 40px 30px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-01 svg {padding-top: 0.5px;padding-left: 0;width: 51.933px;height: 57px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-02 svg {padding-top: 1px;padding-left: 0;width: 53.2px;height: 50.825px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-03 svg {width: 49.88px;height: 53.2px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-04 svg {width: 57px;height: 50.666px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-05 svg {width: 53.2px;height: 53.2px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-02 p:nth-of-type(1) {margin-top: 44px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-03 p:nth-of-type(1) {margin-top: 42.8px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-04 p:nth-of-type(1) {margin-top: 45.33px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box.content-box-05 p:nth-of-type(1) {margin-top: 42.8px;}
	.contents.mes .sub_container .contentBox .content-01 .content-box p+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: keep-all;}
	.contents.mes .sub_container .contentBox .content-01 .content-box:nth-of-type(4) p+p {word-break: break-all;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up {padding-top: 40px;padding-bottom: 80px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up h4 {font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap {flex-direction: column;margin-top: 19px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box {width: 100%;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(1) {height: 377px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(2) {height: 375px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(3) {height: 376px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box h5 {left: 24px;font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box p {left: 25px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(1) h5 {left: 25px;bottom: 75px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(1) p {bottom: 41px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box .green-square {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;top: 20px;left: 25px;padding: 1px 10px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(1) .green-square {top: 21px;left: 25px;}
	.contents.mes .sub_container .contentBox .content-01 .sol-line-up .sol-wrap .sol-box:nth-of-type(2) .green-square {top: 20px;left: 24px;}
	.contents.mes .sub_container .contentBox .content-02 .contentBoxIntro + .feature-box {margin-top: 30px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box+.feature-box {margin-top: 30px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box, .contents.mes .sub_container .contentBox .content-02 .feature-box:nth-of-type(2n) {flex-direction: column-reverse;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt h5 {padding-top: 40px;flex-direction: column;align-items: baseline;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt h5 span {padding: 0;font-size: 13px;line-height: 24px;letter-spacing: -0.13px;margin-top: 5px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt {padding-left: 24px;padding-right: 23px;padding-bottom: 40px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul {margin-top: 20px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li+li {margin-top: 6px;}
	.contents.mes .sub_container .contentBox .content-02 .feature-box .feature-txt ul li::marker {font-size: 18px;}
	.contents.mes .sub_container .contentBox .content-04 .pcContent {display: none;}
	.contents.mes .sub_container .contentBox .content-04 .moContent {display: block;}
	.contents.mes .sub_container .contentBox .content-04 .js-tab-type02 li.js-tab-list a {float: none;}
	.contents.mes .sub_container .contentBox .content-04 .contents.mes .sub_container .contentBox .content-04 .js-tab-type02 li.js-tab-list .js-tab-target {position: relative;top: 0;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-menu {display: none;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li:nth-of-type(1) .industry-title {border-color: #171717;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li .industry-title {display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #E9E9E9;cursor: pointer;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li .industry-title a {padding: 18px 0;color: #171717;font-size: 16px;font-weight: 800;line-height: 28px;letter-spacing: -0.16px;flex: 1;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-box {position: relative;width: initial;height: initial;padding: 40px 24px 40px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-box h5 {font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content .industry-box h5+p {margin-top: 16px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6 {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li ul.task-list {margin-top: 16px;flex-direction: column;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li ul.task-list li {flex: 1;padding: 24px 21px 24px 20px;display: flex;text-align: left;align-items: baseline;justify-content: flex-start;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li ul.task-list li svg {margin-right: 7px;margin-top: 6px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box {margin-top: 16px;padding: 24px 20px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box ul {padding-left: 18px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box ul li {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box ul li+li {margin-top: 5px;}
	.contents.mes .sub_container .contentBox .content-04 ul.industry-content li h6+.sol-box ul li::marker {font-size: 18px;}
}

/* pam */
.contents.pam {position: relative;}
.contents.pam .sub_title {background-image: url("../images/contents/smart_factory/top_02.jpg");}
.contents.pam .sub_container img {width: 100%;}
.contents.pam .sub_container .contentBox .key-feature-wrap {padding-bottom: 80px;border-bottom: 1px solid var(--Base-line_eeeeee, #EEE);}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(1) svg {width: 48px;height: 48px;margin-left: -3px;margin-right: 29px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(2) svg {width: 51px;height: 40.969px;margin-right: 26px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(3) svg {width: 45px;height: 42px;margin-left: 3px;margin-right: 29px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(4) svg {width: 50px;height: 42.308px;margin-right: 27px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(5) svg {width: 46.35px;height: 46.597px;margin-top: 0.09px;margin-left: 1.58px;margin-right: 26.08px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(6) svg {width: 48.427px;height: 47.512px;margin-left: -2.66px;margin-right: 27.23px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(7) svg {width: 44px;height: 53px;margin-left: -1px;margin-right: 31px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(8) svg {width: 45px;height: 49.286px;margin-left: -1px;margin-right: 30px;}
.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(9) svg {width: 48.492px;height: 46.127px;margin-left: -4px;margin-right: 28.51px;}
.contents.pam .sub_container .contentBox .content-01 .contentBoxIntro > p,
.contents.pam .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: #646464;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.pam .sub_container .contentBox .content-01>h5 {margin-top: 80px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.pam .sub_container .contentBox .content-01>h5:nth-of-type(2), .contents.pam .sub_container .contentBox .content-01>h5:nth-of-type(3), .contents.pam .sub_container .contentBox .content-01>h5:nth-of-type(4) {margin-top: 60px;}
.contents.pam .sub_container .contentBox .content-01 .con-img-pc {width: 100%;margin-top: 60px;}
.contents.pam .sub_container .contentBox .content-01 .con-img-mo {display: none;}
.contents.pam .sub_container .contentBox .content-01 .content-box-wrap {display: flex;flex-wrap: wrap;margin-top: 30px;gap: 8px;padding-bottom: 80px;}
.contents.pam .sub_container .contentBox .content-01 .content-box {background-color: #F5F5F5;flex: 0 0 calc(33.333% - 5.333px);padding: 40px 36px 50px;border-radius: 4px;box-sizing: border-box;}
.contents.pam .sub_container .contentBox .content-01 .content-box svg {display: block;}
.contents.pam .sub_container .contentBox .content-01 .content-box p {margin-top: 52px;color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.pam .sub_container .contentBox .content-01 .content-box p + p {margin-top: 8px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.pam .sub_container .contentBox .content-01 .pam-img-wrap {padding-bottom: 80px;border-bottom: 1px solid var(--Base-line_eeeeee, #EEE);}
.contents.pam .sub_container .contentBox .content-01 .pam_pc {width: 100%;margin-top: 60px;}
.contents.pam .sub_container .contentBox .content-01 .pam_mo {display: none;}
.contents.pam .sub_container .contentBox .content-01 .system-img-wrap {margin-top: 30px;padding-bottom: 80px;border-bottom: 1px solid var(--Base-line_eeeeee, #EEE);}
.contents.pam .sub_container .contentBox .content-01 .system-img-wrap img {width: 100%;}
.contents.pam .sub_container .contentBox .content-01 .system-img-wrap .system-img-mo {display: none;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap {margin-top: 30px;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li {display: flex;padding: 60px;border-radius: 4px;background: #F5F5F5;display: flex;flex-direction: row;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li+li {margin-top: 8px;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li .sucess-case-txt h5 {display: flex;align-items: center;color: #007DC5;font-size: 24px;line-height: 40px;letter-spacing: -0.24px;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li .sucess-case-txt h5 span {padding: 8px 22px;border-radius: 110px;background: #E9E9E9;color: #007DC5;font-size: 16px;font-weight: 700;line-height: normal;letter-spacing: -0.16px;margin-left: 10px;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li p {margin-top: 16px;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li div svg {display: block;width: 60px;height: 52.801px;margin-top: 8px;margin-left: 2px;margin-right: 28px;}
.contents.mes .sub_container .contentBox .trial-btn-wrap,
.contents.pam .sub_container .contentBox .trial-btn-wrap,
.contents.esh .sub_container .contentBox .trial-btn-wrap {margin-top: 60px;text-align: center;}
.contents.pam .sub_container .contentBox .content-02>h5 {margin-top: 60px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.pam .sub_container .contentBox .content-02>h5+p {margin-top: 30px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}
.contents.pam .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(1) svg {width: 48px;height: 47px;margin-right: 26px;margin-top: 7px;}
.contents.pam .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(2) svg {width: 46.001px;height: 50px;margin-top: 2px;margin-right: 21px;margin-left: 11px;}
.contents.pam .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(3) svg {width: 48px;height: 48px;margin-top: 2px;margin-right: 26px;}
.contents.pam .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(4) svg {width: 53.002px;height: 58px;margin-left: 7px;margin-right: 18px;}
.contents.pam .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(5) svg {width: 42px;height: 49px;margin-left: 3px;margin-right: 29px;}
.contents.pam .sub_container .contentBox .content-02 .effect-img-wrap {margin-top: 30px;}
.contents.pam .sub_container .contentBox .content-02 .effect-img-wrap .effect-img-mo {display: none;}
.contents.mes .sub_container .contentBox .img-wrap img {width: 100%;max-width: 90%;}

@media screen and (max-width: 1280px) {
	.contents.pam .sub_title {background-image: url("../images/contents/smart_factory/top_02_mo.jpg");}
	.contents.pam .sub_container .contentBox > div {box-sizing: border-box;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(1) svg {width: 56.771px;height: 56.771px;margin-top: 0;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(2) svg {width: 61.199px;height: 49.162px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(3) svg {width: 51.3px;height: 47.88px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(4) svg {width: 52px;height: 44px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(5) svg {width: 49.4px;height: 49.664px;margin-top: 0;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(6) svg {width: 55.208px;height: 54.164px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(7) svg {width: 48.4px;height: 58.3px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(8) svg {width: 51.3px;height: 56.186px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap>ul>li:nth-of-type(9) svg {width: 55.099px;height: 52.25px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(1) .key-feature-txt .key-feature-title {margin-top: 23.23px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) .key-feature-txt .key-feature-title {margin-top: 30.84px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) .key-feature-txt .key-feature-title {margin-top: 32.12px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) .key-feature-txt .key-feature-title {margin-top: 36px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) .key-feature-txt .key-feature-title {margin-top: 30.34px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) .key-feature-txt .key-feature-title {margin-top: 25.84px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) .key-feature-txt .key-feature-title {margin-top: 21.7px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(8) .key-feature-txt .key-feature-title {margin-top: 23.82px;}
	.contents.pam .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(9) .key-feature-txt .key-feature-title {margin-top: 27.75px;}
	.contents.pam .sub_container .contentBox .content-01 .contentBoxIntro > p,
	.contents.pam .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: break-all;}
	.contents.pam .sub_container .contentBox .content-01>h5 {margin-top: 50px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.pam .sub_container .contentBox .content-01>h5:nth-of-type(2), .contents.pam .sub_container .contentBox .content-01>h5:nth-of-type(3), .contents.pam .sub_container .contentBox .content-01>h5:nth-of-type(4) {margin-top: 40px;}
	.contents.pam .sub_container .contentBox .content-01 .con-img-pc {display: none;}
	.contents.pam .sub_container .contentBox .content-01 .con-img-mo {display: block;margin-top: 34px;}
	.contents.pam .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px;flex-direction: column;padding-bottom: 0;}
	.contents.pam .sub_container .contentBox .content-01 .content-box {flex: 1;padding: 40px 30px;}
	.contents.pam .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.pam .sub_container .contentBox .content-01 .content-box p+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.pam .sub_container .contentBox .content-01 .pam-img-wrap {padding-bottom: 60px;}
	.contents.pam .sub_container .contentBox .content-01 .system-img-wrap .system-img-pc {display: none;}
	.contents.pam .sub_container .contentBox .content-01 .system-img-wrap .system-img-mo {display: block;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li {padding: 40px 24px;flex-direction: column;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li:nth-of-type(1) div svg {width: 53.408px;height: 47px;margin-top: 2px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li:nth-of-type(2) div svg {width: 48.377px;height: 50.477px;margin-top: 2px;margin-left: 0;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li:nth-of-type(3) div svg {width: 58.169px;height: 52px;margin-top: 2px;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li:nth-of-type(1) .sucess-case-txt {margin-top: 31px;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li:nth-of-type(2) .sucess-case-txt {margin-top: 27.52px;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li:nth-of-type(3) .sucess-case-txt {margin-top: 26px;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li .sucess-case-txt h5 {display: block;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li .sucess-case-txt h5 span {padding: 5px 15px;margin-left: 8px;font-size: 14px;line-height: normal;letter-spacing: -0.14px;}
	.contents.pam .sub_container .contentBox .content-01 .sucess-case-wrap ul li .sucess-case-txt h5+p {margin-top: 12px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.pam .sub_container .contentBox .content-01 .key-feature-wrap {padding-bottom: 60px;}
	.contents.pam .sub_container .contentBox .content-02>h5 {margin-top: 20px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.pam .sub_container .contentBox .content-02>h5+p {margin-top: 12px;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: keep-all;}
	.contents.pam .sub_container .contentBox .content-02 .effect-img-wrap {margin-top: 20px;}
	.contents.pam .sub_container .contentBox .content-02 .effect-img-wrap .effect-img-pc {display: none;}
	.contents.pam .sub_container .contentBox .content-02 .effect-img-wrap .effect-img-mo {display: block;}
}

/* esh */
.contents.esh .sub_title {background-image: url("../images/contents/smart_factory/top_03.jpg");}
.contents.esh .sub_container img {width: 100%;}
.contents.esh .sub_container .contentBox .content-01 .contentBoxIntro > p,
.contents.esh .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: #646464;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.esh .sub_container .contentBox .content-01>h5 {margin-top: 80px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.esh .sub_container .contentBox .content-01 .con-img-pc {width: 100%;margin-top: 60px;}
.contents.esh .sub_container .contentBox .content-01 .con-img-mo {display: none;}
.contents.esh .sub_container .contentBox .content-01 .content-box-wrap {display: flex;flex-wrap: wrap;margin-top: 30px;gap: 8px;}
.contents.esh .sub_container .contentBox .content-01 .content-box {background-color: #F5F5F5;flex: 0 0 calc(33.333% - 5.333px);padding: 40px 36px 50px 31px;border-radius: 4px;box-sizing: border-box;}
.contents.esh .sub_container .contentBox .content-01 .content-box svg {display: block;}
.contents.esh .sub_container .contentBox .content-01 .content-box p {margin-top: 52px;color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.esh .sub_container .contentBox .content-01 .content-box p+p {margin-top: 8px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-01 svg {width: 52px;height: 54px;margin-top: 4px;margin-left: 5px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-02 svg {width: 54.708px;height: 55px;margin-top: -1.5px;margin-left: 2.5px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-03 svg {width: 66px;height: 52px;margin-top: 6.5px;margin-left: .5px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-04 svg {width: 56px;height: 53.5px;margin-top: 1px;margin-left: 2px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-05 svg {width: 42px;height: 68px;margin-top: -5px;margin-left: 2px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-06 svg {width: 65px;height: 48px;margin-top: 2px;margin-left: 2px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-01 p:nth-of-type(1) {margin-top: 54px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-02 p:nth-of-type(1) {margin-top: 58.5px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-03 p:nth-of-type(1) {margin-top: 57.5px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-04 p:nth-of-type(1) {margin-top: 57.5px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-05 p:nth-of-type(1) {margin-top: 49px;}
.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-06 p:nth-of-type(1) {margin-top: 62px;}
.contents.esh .sub_container .contentBox .content-02>h5 {margin-top: 60px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.esh .sub_container .contentBox .content-02>h5+p {margin-top: 30px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}
.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(1) div:nth-of-type(1) {width: 54.999px;height: 48.79px;margin-right: 16px;margin-left: 2px;}
.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(2) svg {width: 50px;height: 52.5px;margin-left: 6.5px;margin-top: .5px;margin-right: 16.5px;}
.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(3) svg {width: 35px;height: 49px;margin-left: 16.5px;margin-top: .5px;margin-right: 21.5px;}

@media screen and (max-width: 1280px) {
	.contents.esh .sub_title {background-image: url("../images/contents/smart_factory/top_03_mo.jpg");}
	.contents.esh .sub_container .contentBox > div {box-sizing: border-box;}
	.contents.esh .sub_container .contentBox .content-01 .contentBoxIntro > p,
	.contents.esh .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: break-all;}
	.contents.esh .sub_container .contentBox .content-01>h5 {margin-top: 50px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.esh .sub_container .contentBox .content-01 .con-img-pc {display: none;}
	.contents.esh .sub_container .contentBox .content-01 .con-img-mo {display: block;margin-top: 32px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px;flex-direction: column;padding-bottom: 0;}
	.contents.esh .sub_container .contentBox .content-01 .content-box {flex: 1;padding: 40px 30px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box p+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-02 {padding-right: 27px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-01 svg {width: 50px;height: 52px;margin-top: -1.5px;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-02 svg {width: 51.5px;height: 52px;margin-top: -.5px;margin-left: .5px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-03 svg {width: 61px;height: 48px;margin-top: 0;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-04 svg {width: 53.2px;height: 50.825px;margin-top: 1px;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-05 svg {width: 38px;height: 62px;margin-top: -10px;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-06 svg {width: 60px;height: 44px;margin-top: 0;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-01 p:nth-of-type(1) {margin-top: 45.5px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-02 p:nth-of-type(1) {margin-top: 44.5px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-03 p:nth-of-type(1) {margin-top: 48px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-04 p:nth-of-type(1) {margin-top: 44.17px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-05 p:nth-of-type(1) {margin-top: 44px;}
	.contents.esh .sub_container .contentBox .content-01 .content-box.content-box-06 p:nth-of-type(1) {margin-top: 52px;}
	.contents.esh .sub_container .contentBox .content-02>h5 {margin-top: 20px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.esh .sub_container .contentBox .content-02>h5+p {margin-top: 12px;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: keep-all;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(1) div:nth-of-type(1) {margin-top: -3px;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(2) svg {margin-top: 0;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(3) svg {margin-top: 0;margin-left: 0;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li .effect-txt h5 {line-height: 32px;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(1) .effect-txt h5 {margin-top: 31.21px;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(2) .effect-txt h5 {margin-top: 24.5px;}
	.contents.esh .sub_container .contentBox .content-02 .effect-wrap ul li:nth-of-type(3) .effect-txt h5 {margin-top: 28px;}
}

/* qms */
.contents.qms .sub_title {background-image: url("../images/contents/smart_factory/top_04.jpg");}
.contents.qms .sub_container img {width: 100%;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(1) svg {width: 50px;height: 35.999px;margin-top: 4px;margin-right: 24px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) svg {width: 52px;height: 52px;margin-top: -2px;margin-left: -1px;margin-right: 27px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) svg {width: 42px;height: 49px;margin-right: 29px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) svg {width: 54px;height: 52px;margin-top: -6px;margin-left: 4px;margin-right: 20px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) svg {width: 65.05px;height: 65.05px;margin-top: -3.04px;margin-left: -8px;margin-right: 16.95px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) svg {width: 54.999px;height: 48.477px;margin-left: 7px;margin-right: 16px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) svg {width: 50.001px;height: 50px;margin-right: 24px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(8) svg {width: 44px;height: 40px;margin-top: 3px;margin-left: 13px;margin-right: 21px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(9) svg {width: 46px;height: 42px;margin-top: 2px;margin-top: 1px;margin-right: 27px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(10) svg {width: 50px;height: 44.001px;margin-top: -2px;margin-left: 8px;margin-right: 20px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(11) svg {width: 44px;height: 37px;margin-top: 2px;margin-left: 1px;margin-right: 29px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(12) svg {width: 44px;height: 43.999px;margin-top: 5px;margin-left: 11px;margin-right: 23px;}
.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(13) svg {width: 56px;height: 52px;margin-left: -1px;margin-right: 19px;}
.contents.qms .sub_container .contentBox .content-01 .contentBoxIntro > p,
.contents.qms .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: #646464;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.qms .sub_container .contentBox .content-01>h5 {margin-top: 80px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.qms .sub_container .contentBox .content-01 img+div {margin-top: 60px;text-align: center;}
.contents.qms .sub_container .contentBox .content-01 .con-img-pc {width: 100%;margin-top: 60px;}
.contents.qms .sub_container .contentBox .content-01 .con-img-mo {display: none;}
.contents.qms .sub_container .contentBox .content-01 .content-box-wrap {display: flex;flex-wrap: wrap;margin-top: 30px;gap: 8px;padding-bottom: 80px;}
.contents.qms .sub_container .contentBox .content-01 .content-box {background-color: #F5F5F5;flex: 0 0 calc(33.333% - 5.333px);padding: 40px 36px 50px;border-radius: 4px;box-sizing: border-box;}
.contents.qms .sub_container .contentBox .content-01 .content-box svg {display: block;}
.contents.qms .sub_container .contentBox .content-01 .content-box p {margin-top: 52px;color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.qms .sub_container .contentBox .content-01 .content-box p + p {margin-top: 8px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.qms .sub_container .contentBox .content-02>h5 {margin-top: 60px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.qms .sub_container .contentBox .content-02>h5+p {margin-top: 30px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}

@media screen and (max-width: 1280px) {
	.contents.qms .sub_title {background-image: url("../images/contents/smart_factory/top_04_mo.jpg");}
	.contents.qms .sub_container .contentBox > div {box-sizing: border-box;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(1) svg {width: 56px;height: 40px;margin-left: 7px;margin-top: 10px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) svg {width: 58px;height: 57.999px;margin-top: -2px;margin-left: 2px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) svg {width: 44px;height: 52px;margin-top: 4px;margin-left: 12px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) svg {width: 62.001px;height: 60px;margin-top: -2px;margin-left: 2px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) svg {width: 69.3px;height: 69.3px;margin-top: -4.46px;margin-left: -4px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) svg {width: 64px;height: 57px;margin-left: 2px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) svg {width: 58px;height: 57.999px;margin-left: 2px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(8) svg {width: 52px;height: 48px;margin-top: 5px;margin-left: 6px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(9) svg {width: 53.2px;height: 50.825px;margin-top: 4px;margin-left: 8px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(10) svg {width: 56px;height: 50.634px;margin-top: 4px;margin-left: 6px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(11) svg {width: 50px;height: 42px;margin-top: 8px;margin-left: 10px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(12) svg {width: 58.347px;height: 54.007px;margin-top: 1px;margin-left: 6px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(13) svg {width: 65px;height: 61px;margin-top: 2px;margin-left: 6px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) .key-feature-txt .key-feature-title {margin-top: 24px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) .key-feature-txt .key-feature-title {margin-top: 26px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) .key-feature-txt .key-feature-title {margin-top: 22px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) .key-feature-txt .key-feature-title {margin-top: 15.16px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) .key-feature-txt .key-feature-title {margin-top: 23px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) .key-feature-txt .key-feature-title {margin-top: 22px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(8) .key-feature-txt .key-feature-title {margin-top: 27px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(9) .key-feature-txt .key-feature-title {margin-top: 25.17px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(10) .key-feature-txt .key-feature-title {margin-top: 25.37px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(11) .key-feature-txt .key-feature-title {margin-top: 30px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(12) .key-feature-txt .key-feature-title {margin-top: 24.99px;}
	.contents.qms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(13) .key-feature-txt .key-feature-title {margin-top: 17px;}
	.contents.qms .sub_container .contentBox .content-01 .contentBoxIntro > p,
	.contents.qms .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: break-all;}
	.contents.qms .sub_container .contentBox .content-01>h5 {margin-top: 50px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.qms .sub_container .contentBox .content-01 img+button {margin-top: 40px;width: 100%;justify-content: center;}
	.contents.qms .sub_container .contentBox .content-01 img+button p {margin-left: 0;margin-right: 0;}
	.contents.qms .sub_container .contentBox .content-01 .con-img-pc {display: none;}
	.contents.qms .sub_container .contentBox .content-01 .con-img-mo {display: block;margin-top: 32px;}
	.contents.qms .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px;flex-direction: column;padding-bottom: 0;}
	.contents.qms .sub_container .contentBox .content-01 .content-box {flex: 1;padding: 40px 30px;}
	.contents.qms .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.qms .sub_container .contentBox .content-01 .content-box p+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.qms .sub_container .contentBox .content-02>h5 {margin-top: 20px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.qms .sub_container .contentBox .content-02>h5+p {margin-top: 12px;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: keep-all;}
}

/* wms */
.contents.wms .sub_title {background-image: url("../images/contents/smart_factory/top_05.jpg");}
.contents.wms .sub_container img {width: 100%;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li {padding-right: 55px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(1) svg {width: 38px;height: 44px;margin-left: 6px;margin-right: 30px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) svg {width: 52px;height: 44px;margin-left: -3px;margin-right: 29px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) svg {width: 52px;height: 40px;margin-top: 2px;margin-left: 1px;margin-right: 21px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) svg {width: 50px;height: 50px;margin-left: -1px;margin-right: 29px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) svg {width: 46px;height: 46px;margin-top: 6px;margin-left: -1px;margin-right: 29px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) svg {width: 44px;height: 39.999px;margin-top: 3px;margin-left: 6px;margin-right: 28px;}
.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) svg {width: 38px;height: 44px;margin-left: 6px;margin-right: 30px;}
.contents.wms .sub_container .contentBox .content-01 .contentBoxIntro > p,
.contents.wms .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: #646464;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.wms .sub_container .contentBox .content-01>h5 {margin-top: 80px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.wms .sub_container .contentBox .content-01 .con-img-pc {width: 100%;margin-top: 60px;}
.contents.wms .sub_container .contentBox .content-01 .con-img-mo {display: none;}
.contents.wms .sub_container .contentBox .content-01 .content-box-wrap {display: flex;flex-wrap: wrap;margin-top: 30px;gap: 8px;padding-bottom: 80px;}
.contents.wms .sub_container .contentBox .content-01 .content-box {background-color: #F5F5F5;flex: 0 0 calc(33.333% - 5.333px);padding: 40px 36px 50px;border-radius: 4px;box-sizing: border-box;}
.contents.wms .sub_container .contentBox .content-01 .content-box svg {display: block;}
.contents.wms .sub_container .contentBox .content-01 .content-box p {margin-top: 52px;color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.wms .sub_container .contentBox .content-01 .content-box p + p {margin-top: 8px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.wms .sub_container .contentBox .content-02>h5 {margin-top: 60px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.wms .sub_container .contentBox .content-02>h5+p {margin-top: 30px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}

@media screen and (max-width: 1280px) {
	.contents.wms .sub_title {background-image: url("../images/contents/smart_factory/top_05_mo.jpg");}
	.contents.wms .sub_container .contentBox > div {box-sizing: border-box;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(1) svg {width: 44px;height: 50px;margin-top: -2px;margin-left: 6px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) svg {width: 52px;height: 44px;margin-top: 2px;margin-left: 6px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) svg {width: 60px;height: 44px;margin-top: 2px;margin-left: 6px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) svg {width: 52px;height: 51px;margin-left: 5px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) svg {width: 52px;height: 52px;margin-left: 4px;margin-top: 0;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) svg {width: 52px;height: 47.999px;margin-top: 2px;margin-left: 6px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) svg {width: 44px;height: 50px;margin-top: -2px;margin-left: 6px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(1) .key-feature-txt .key-feature-title {margin-top: 32px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(2) .key-feature-txt .key-feature-title {margin-top: 34px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(3) .key-feature-txt .key-feature-title {margin-top: 34px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(4) .key-feature-txt .key-feature-title {margin-top: 29px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(5) .key-feature-txt .key-feature-title {margin-top: 28px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(6) .key-feature-txt .key-feature-title {margin-top: 30px;}
	.contents.wms .sub_container .contentBox .key-feature-wrap ul li:nth-of-type(7) .key-feature-txt .key-feature-title {margin-top: 32px;}
	.contents.wms .sub_container .contentBox .content-01 .contentBoxIntro > p,
	.contents.wms .sub_container .contentBox .content-01 > h4:first-of-type + p {margin-top: 0;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: break-all;}
	.contents.wms .sub_container .contentBox .content-01>h5 {margin-top: 50px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.wms .sub_container .contentBox .content-01 .con-img-pc {display: none;}
	.contents.wms .sub_container .contentBox .content-01 .con-img-mo {display: block;margin-top: 32px;}
	.contents.wms .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px;flex-direction: column;padding-bottom: 0;}
	.contents.wms .sub_container .contentBox .content-01 .content-box {flex: 1;padding: 40px 30px;}
	.contents.wms .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.wms .sub_container .contentBox .content-01 .content-box p+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.wms .sub_container .contentBox .content-02>h5 {margin-top: 20px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.wms .sub_container .contentBox .content-02>h5+p {margin-top: 12px;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: keep-all;}
}

/* ai */
.contents.ai .sub_title {background-image: url("../images/contents/smart_factory/top_06.jpg");}
.contents.ai .sub_container img {width: 100%;}
.contents.ai .sub_container .contentBox .key-feature-wrap {margin-top: 30px;}
.contents.ai .sub_container .contentBox .key-feature-wrap>ul>li {padding-right: 35px;}
.contents.ai .sub_container .contentBox .key-feature-wrap ul li .key-feature-txt .key-feature-title h5 {line-height: 40px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(1) svg {width: 65.05px;height: 65.05px;margin-top: -7.02px;margin-left: -8px;margin-right: 16.65px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(2) svg {width: 52px;height: 52px;margin-top: -1px;margin-left: -2px;margin-right: 24px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(2) span {color: var(--font-01-black-171717, #171717);font-size: 18px;font-weight: 700;line-height: 30px;letter-spacing: -0.18px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(3) svg {width: 70px;height: 70px;margin-top: -10px;margin-left: -13px;margin-right: 17px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(2)>ul>li:nth-of-type(1) svg {width: 62px;height: 50.375px;margin-top: -11px;margin-left: -8px;margin-right: 20px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(2)>ul>li:nth-of-type(2) svg {width: 57px;height: 50.24px;margin-top: -2px;margin-left: 1px;margin-right: 16px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3)>ul>li:nth-of-type(1) svg {width: 44px;height: 50px;margin-top: 6px;margin-left: -1px;margin-right: 25px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3)>ul>li:nth-of-type(2) svg {width: 58px;height: 45.998px;margin-left: -4px;margin-right: 20px;}
.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3)>ul>li:nth-of-type(3)>div:nth-of-type(1) {width: 52.868px;height: 52.66px;margin-top: -2px;margin-left: -1px;margin-right: 22.13px;}
.contents.ai .sub_container .contentBox .content-01 .contentBoxIntro > p,
.contents.ai .sub_container .contentBox .content-01 > h4:first-of-type + p,
.contents.ai .sub_container .contentBox .content-03 .contentBoxIntro > p,
.contents.ai .sub_container .contentBox .content-05 .contentBoxIntro > p {margin-top: 0;color: #646464;font-size: 20px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.ai .sub_container .contentBox .content-01>h5 {margin-top: 80px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;}
.contents.ai .sub_container .contentBox .content-01 .con-img-pc {width: 100%;margin-top: 60px;}
.contents.ai .sub_container .contentBox .content-01 .con-img-mo {display: none;}
.contents.ai .sub_container .contentBox .content-01 .content-box-wrap {display: flex;flex-wrap: wrap;margin-top: 30px;gap: 8px;padding-bottom: 80px;}
.contents.ai .sub_container .contentBox .content-01 .content-box {background-color: #F5F5F5;flex: 0 0 calc(33.333% - 5.333px);padding: 40px 36px 50px;border-radius: 4px;box-sizing: border-box;}
.contents.ai .sub_container .contentBox .content-01 .content-box svg {display: block;}
.contents.ai .sub_container .contentBox .content-01 .content-box p {margin-top: 52px;color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.ai .sub_container .contentBox .content-01 .content-box p + p {margin-top: 8px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;word-break: keep-all;}
.contents.ai .sub_container .contentBox .content-01 video,
.contents.mes .sub_container .contentBox .content-01 video {width: 100%;max-width: 1200px;height: auto;margin: 50px auto 80px;display: block;}
.contents.ai .sub_container .contentBox .content-02>h5 {margin-top: 60px;color: #171717;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;display: flex;}
.contents.ai .sub_container .contentBox .content-02>h5+p {margin-top: 30px;color: #646464;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}
.contents.ai .sub_container .contentBox .content-02>h5 span:nth-of-type(1) {color: #979797;font-size: 24px;font-weight: 800;line-height: 40px;letter-spacing: -0.24px;margin-right: 10px;}
.contents.ai .sub_container .contentBox .content-02>h5:nth-of-type(2) span {float: left;}
.contents.ai .sub_container .contentBox .content-02>h5:nth-of-type(2) span+span {float: left;}
.contents.ai .sub_container .contentBox .content-02>h5:after {content: '';display: block;clear: both;}
.contents.ai .sub_container .contentBox .img-wrap,
.contents.mes .sub_container .contentBox .img-wrap,
.contents.pam .sub_container .contentBox .img-wrap,
.contents.qms .sub_container .contentBox .img-wrap,
.contents.wms .sub_container .contentBox .img-wrap,
.contents.esh .sub_container .contentBox .img-wrap {margin-top: 30px;display: flex;justify-content: center;}
.contents.ai .sub_container .contentBox .img-wrap img,
.contents.mes .sub_container .contentBox .img-wrap img,
.contents.pam .sub_container .contentBox .img-wrap img,
.contents.qms .sub_container .contentBox .img-wrap img,
.contents.wms .sub_container .contentBox .img-wrap img,
.contents.esh .sub_container .contentBox .img-wrap img {width: auto;max-width: 80%;}
.contents.ai .sub_container .contentBox .contentBoxIntro.vertical,
.contents.mes .sub_container .contentBox .contentBoxIntro.vertical {flex-direction: column;align-items: flex-start;gap: 20px;}
.contents.ai .sub_container .contentBox .contentBoxIntro.vertical > h4,
.contents.mes .sub_container .contentBox .contentBoxIntro.vertical > h4 {max-width: 100%;width: fit-content;}
.contents.ai .sub_container .contentBox .contentBoxIntro.vertical > h4 span[lang="en"],
.contents.mes .sub_container .contentBox .contentBoxIntro.vertical > h4 span[lang="en"] {font-size: inherit;line-height: inherit;letter-spacing: inherit;}
.contents.ai .sub_container .contentBox .contentBoxIntro.vertical > p,
.contents.mes .sub_container .contentBox .contentBoxIntro.vertical > p {flex: none;}

@media screen and (max-width: 1280px) {
	.contents.ai .sub_title {background-image: url("../images/contents/smart_factory/top_06_mo.jpg");}
	.contents.ai .sub_container .contentBox > div {box-sizing: border-box;}
	.contents.ai .sub_container .contentBox .key-feature-wrap {margin-top: 20px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(1) svg {width: 69.297px;height: 69.297px;margin-top: -4.99px;margin-left: -4px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(2) svg {width: 58px;height: 57.998px;margin-top: -2px;margin-left: 0;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(2) span {color: #171717;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1)>ul>li:nth-of-type(3) svg {width: 76px;height: 76px;margin-top: -10px;margin-left: -6px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(2)>ul>li:nth-of-type(1) svg {width: 66.462px;height: 54.001px;margin-top: 2px;margin-left: 1px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(2)>ul>li:nth-of-type(2) svg {width: 64px;height: 56.999px;margin-top: 0;margin-left: 0;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3)>ul>li:nth-of-type(1) svg {width: 54px;height: 47.997px;margin-top: 6px;margin-left: 5px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3)>ul>li:nth-of-type(2) svg {width: 62px;height: 49.17px;margin-top: 4px;margin-left: 0;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3)>ul>li:nth-of-type(3)>div:nth-of-type(1) {width: 58.87px;height: 58.636px;margin-top: 0;margin-left: 2px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1) ul li:nth-of-type(1) .key-feature-txt .key-feature-title {margin-top: 17.69px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1) ul li:nth-of-type(2) .key-feature-txt .key-feature-title {margin-top: 26px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(1) ul li:nth-of-type(3) .key-feature-txt .key-feature-title {margin-top: 16px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(2) ul li:nth-of-type(1) .key-feature-txt .key-feature-title {margin-top: 26px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(2) ul li:nth-of-type(2) .key-feature-txt .key-feature-title {margin-top: 25px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3) ul li:nth-of-type(1) .key-feature-txt .key-feature-title {margin-top: 28px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3) ul li:nth-of-type(2) .key-feature-txt .key-feature-title {margin-top: 28.83px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap:nth-of-type(3) ul li:nth-of-type(3) .key-feature-txt .key-feature-title {margin-top: 23.36px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul {margin-top: 20px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap ul li .key-feature-txt .key-feature-title h5 {line-height: 32px;}
	.contents.ai .sub_container .contentBox .key-feature-wrap ul li .key-feature-txt .key-feature-title+ul li+li {margin-top: 12px;}
	.contents.ai .sub_container .contentBox .content-01 .contentBoxIntro > p,
	.contents.ai .sub_container .contentBox .content-01 > h4:first-of-type + p,
	.contents.ai .sub_container .contentBox .content-03 .contentBoxIntro > p,
	.contents.ai .sub_container .contentBox .content-05 .contentBoxIntro > p {margin-top: 0;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: break-all;}
	.contents.ai .sub_container .contentBox .content-01>h5 {margin-top: 50px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.ai .sub_container .contentBox .content-01 .con-img-pc {display: none;}
	.contents.ai .sub_container .contentBox .content-01 .con-img-mo {display: block;margin-top: 32px;}
	.contents.ai .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px;flex-direction: column;padding-bottom: 0;}
	.contents.ai .sub_container .contentBox .content-01 .content-box {flex: 1;padding: 40px 30px;}
	.contents.ai .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ai .sub_container .contentBox .content-01 .content-box p+p {margin-top: 10px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ai .sub_container .contentBox .content-02>h5 {margin-top: 20px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.ai .sub_container .contentBox .content-02>h5+p {margin-top: 12px;color: var(--font-02-gray-646464, #646464);font-size: 16px;line-height: 28px;letter-spacing: -0.16px;word-break: keep-all;}
	.contents.ai .sub_container .contentBox .img-wrap img,
	.contents.mes .sub_container .contentBox .img-wrap img,
    .contents.pam .sub_container .contentBox .img-wrap img,
    .contents.qms .sub_container .contentBox .img-wrap img,
    .contents.wms .sub_container .contentBox .img-wrap img,
    .contents.esh .sub_container .contentBox .img-wrap img {width: 100%;max-width: 90%;}
}


/** 
Cloud Service
**/
.contents.cloud .sub_title {background-image: url(../images/contents/cloud/top_01.jpg);}
.contents.cloud-msp .sub_title {background-image: url("../images/contents/cloud/top_01.jpg");}
.contents.data-platform .sub_title {background-image: url("../images/contents/cloud/top_01.jpg");}
.contents.cloud .sub_container .content-02, .contents.cloud .sub_container .content-03, .contents.cloud .sub_container .content-04, .contents.cloud .sub_container .content-05 {padding-top: 110px; margin-top: 90px;} 
.contents.cloud .sub_container .contentBox .content h4 {color: #171717;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.cloud .sub_container .contentBox .content h4+p {margin-top: 30px;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.cloud .sub_container .contentBox .line_up h5 {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.cloud .sub_container .contentBox h4 {color: #171717; font-size: 48px; font-weight: 800; line-height: 72px; letter-spacing: -0.48px;}
.contents.cloud .sub_container .contentBox h5 {color: #171717; font-size: 36px; font-weight: 800; line-height: 54px; letter-spacing: -0.36px;}
.contents.cloud .sub_container .contentBox h6 {margin-top: 60px; color: #171717; font-size: 24px; font-weight: 800; line-height: 40px; letter-spacing: -0.24px;}

.contents.cloud .sub_container .contentBox div[class^='content-'] p {margin-top: 30px; color: #646464; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.18px; word-break: keep-all;}
.contents.cloud .sub_container .contentBox .content-01 .content-box-wrap {display: flex; flex-wrap: wrap; margin-top: 30px; gap: 8px;}
.contents.cloud .sub_container .contentBox .content-01 .content-box {position: relative; background-color: #F5F5F5; flex: 0 0 calc((100% - 8px) / 2); padding: 60px 50px 60px 127px; min-height: 248px; border-radius: 4px; box-sizing: border-box;}
.contents.cloud .sub_container .contentBox .content-01 .content-box svg {position: absolute; left: 40px; top: 60px;}
.contents.cloud .sub_container .contentBox .content-01 .content-box p {margin-top: 0; color: #171717; font-size: 18px; font-weight: 800; line-height: 30px; letter-spacing: -0.18px;}
.contents.cloud .sub_container .contentBox .content-01 .content-box p span {margin-left: 5px; font-size: 16px; font-weight: 400; color: #979797;}
.contents.cloud .sub_container .contentBox .content-01 .content-box p + p {margin-top: 8px; font-weight: normal; color: #646464; word-break: keep-all;}
.contents.cloud .sub_container .contentBox .content-02 .cloud-img-wrap {margin-top: 30px;}
.contents.cloud .sub_container .contentBox .content-02 .cloud-img-wrap .cloud-mo {display: none;}
.contents.cloud .sub_container .contentBox .content-02 .content-box-wrap {display: flex; flex-wrap: wrap; margin-top: 30px; gap: 8px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box {position: relative; background-color: #F5F5F5; flex: 0 0 calc((100% - 8px) / 2); padding: 60px 50px 60px 127px; border-radius: 4px; box-sizing: border-box;}
.contents.cloud .sub_container .contentBox .content-02 .content-box svg {position: absolute; left: 40px; top: 60px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box:nth-of-type(1) svg {left: 54px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box:nth-of-type(2) svg {left: 54px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box:nth-of-type(3) svg {top: 59px; left: 52px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box:nth-of-type(4) svg {top: 58px; left: 55px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box p {margin-top: 0; color: #007DC5; font-size: 18px; font-weight: 800; line-height: 30px; letter-spacing: -0.18px;}
.contents.cloud .sub_container .contentBox .content-02 .content-box p + p {margin-top: 8px; font-weight: normal; color: #007DC5; word-break: keep-all;}
.contents.cloud .sub_container .contentBox .content-03 .content-box-wrap {display: flex; flex-wrap: wrap; margin-top: 30px; gap: 8px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box {position: relative; background-color: #F5F5F5; flex: 0 0 calc((100% - 8px) / 2); padding: 60px 50px 60px 127px; border-radius: 4px; box-sizing: border-box;}
.contents.cloud .sub_container .contentBox .content-03 .content-box svg {position: absolute; left: 40px; top: 60px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box:nth-of-type(1) svg {left: 54px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box:nth-of-type(2) svg {left: 60px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box:nth-of-type(3) svg {top: 59px; left: 52px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box:nth-of-type(4) svg {left: 52px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box p {margin-top: 0; color: #00A651; font-size: 18px; font-weight: 800; line-height: 30px; letter-spacing: -0.18px;}
.contents.cloud .sub_container .contentBox .content-03 .content-box p + p {margin-top: 8px; font-weight: normal; color: #00A651; word-break: keep-all;}
.contents.cloud .sub_container .contentBox .content-03 .cloud-img-wrap {margin-top: 30px;}
.contents.cloud .sub_container .contentBox .content-03 .cloud-img-wrap .cloud-mo {display: none;}
.contents.cloud .sub_container .contentBox .content-04 h5 + h6 {margin-top: 30px;}
.contents.cloud .sub_container .contentBox .content-04 .cloud-img-wrap {display: flex; align-items: center; justify-content: center; gap: 20px; padding: 100px 110px; margin-top: 30px; background-color: #f5f5f5; text-align: center;}
.contents.cloud .sub_container .contentBox .content-04 .cloud-img-wrap .migration-image {position: relative;}
.contents.cloud .sub_container .contentBox .content-04 .cloud-img-wrap .migration-image:after {content: ''; position: absolute; top: 50%; right: -47px; margin-top: -21px; width: 75px; height: 70px; background: url(../images/contents/cloud/icon-arr.svg) no-repeat; z-index: 10;}
.contents.cloud .sub_container .contentBox .content-04 .cloud-img-wrap .migration-image:last-child:after {display: none;}
.contents.cloud .sub_container .contentBox .content-04 .content-box-wrap {display: flex; flex-wrap: wrap; margin-top: 30px; gap: 8px;}
.contents.cloud .sub_container .contentBox .content-04 .content-box {position: relative; background-color: #F5F5F5; flex: 0 0 calc((100% - 16px) / 3); padding: 50px 35px 50px; border-radius: 4px; box-sizing: border-box;}
.contents.cloud .sub_container .contentBox .content-04 .content-box svg {margin-bottom: 14px;}
.contents.cloud .sub_container .contentBox .content-04 .content-box:nth-of-type(1) svg {margin-left: 4px;}
.contents.cloud .sub_container .contentBox .content-04 .content-box p {margin-top: 0; color: #171717; font-size: 18px; font-weight: 800; line-height: 30px; letter-spacing: -0.18px;}
.contents.cloud .sub_container .contentBox .content-04 .content-box p + p {margin-top: 8px; font-weight: normal; color: #646464; word-break: keep-all;}
.contents.cloud .sub_container .contentBox .content-05 .feature-box {display: flex; margin-top: 30px;}
.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt {flex: 0 0 50%; padding: 60px 70px 50px 60px; border-radius: 4px 0 0 4px; background-color: #F5F5F5; box-sizing: border-box;}
.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt h6 {margin-top: 50px; color: #171717; font-size: 24px; font-weight: 800; line-height: 40px; letter-spacing: -0.24px;}
.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt h6:nth-child(1) {margin-top: 0;}
.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt p {margin-top: 20px; font-size: 18px; color: #646464; word-break: keep-all;}
.contents.cloud .sub_container .contentBox .content-05 .feature-box img {border-radius: 0 4px 4px 0; height: 100%;}

@media screen and (max-width: 1280px) {

	.contents.cloud .sub_container .content-02, .contents.cloud .sub_container .content-03, .contents.cloud .sub_container .content-04, .contents.cloud .sub_container .content-05 {padding-top: 70px; margin-top: 70px;}
	.contents.cloud .sub_container .contentBox h4 {font-size: 32px; line-height: 48px; letter-spacing: -0.32px;}
	.contents.cloud .sub_container .contentBox h5 {font-size: 24px; line-height: 36px; letter-spacing: -0.24px;}
	.contents.cloud .sub_container .contentBox h6 {margin-top: 40px; font-size: 20px; line-height: 32px; letter-spacing: -0.2px;}
	.contents.cloud .sub_container .contentBox div[class^='content-'] p {margin-top: 12px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px; word-break: break-all;}

	.contents.cloud .sub_container .contentBox .content-01 .content-box-wrap {margin-top: 20px; flex-direction: column;}
	.contents.cloud .sub_container .contentBox .content-01 .content-box {flex: 1; padding: 40px 30px;}
	.contents.cloud .sub_container .contentBox .content-01 .content-box svg {position: relative; left: auto; top: auto; padding-top: 0.5px;}
	.contents.cloud .sub_container .contentBox .content-01 .content-box p {margin-top: 38.5px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px;}
	.contents.cloud .sub_container .contentBox .content-01 .content-box p + p {margin-top: 10px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px; word-break: keep-all;}
	.contents.cloud .sub_container .contentBox .content-02 .content-box-wrap {margin-top: 20px; flex-direction: column;}
	.contents.cloud .sub_container .contentBox .content-02 .content-box {flex: 1; padding: 40px 30px;}
	.contents.cloud .sub_container .contentBox .content-02 .content-box svg {position: relative; left: auto !important; top: auto !important; padding-top: 0.5px;}
	.contents.cloud .sub_container .contentBox .content-02 .content-box p {margin-top: 38.5px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px;}
	.contents.cloud .sub_container .contentBox .content-02 .content-box p + p {margin-top: 10px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px; word-break: keep-all;}
	.contents.cloud .sub_container .contentBox .content-02 .cloud-img-wrap .cloud-pc {display: none;}
	.contents.cloud .sub_container .contentBox .content-02 .cloud-img-wrap .cloud-mo {display: block; margin: 0 auto;}
	.contents.cloud .sub_container .contentBox .content-03 .content-box-wrap {margin-top: 20px; flex-direction: column;}
	.contents.cloud .sub_container .contentBox .content-03 .content-box {flex: 1; padding: 40px 30px;}
	.contents.cloud .sub_container .contentBox .content-03 .content-box svg {position: relative; left: auto !important; top: auto !important; padding-top: 0.5px;}
	.contents.cloud .sub_container .contentBox .content-03 .content-box p {margin-top: 38.5px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px;}
	.contents.cloud .sub_container .contentBox .content-03 .content-box p + p {margin-top: 10px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px; word-break: keep-all;}
	.contents.cloud .sub_container .contentBox .content-03 .cloud-img-wrap {margin-top: 20px;}
	.contents.cloud .sub_container .contentBox .content-03 .cloud-img-wrap .cloud-pc {display: none;}
	.contents.cloud .sub_container .contentBox .content-03 .cloud-img-wrap .cloud-mo {display: block; margin: 0 auto;}
	.contents.cloud .sub_container .contentBox .content-04 .cloud-img-wrap {flex-direction: column; gap: 66px; padding: 30px 20px; margin-top: 20px;}
	.contents.cloud .sub_container .contentBox .content-04 .cloud-img-wrap .migration-image:after {transform: rotate(90deg); top: auto; right: 50%; bottom: -60px; margin-top: 0; margin-right: -38px;}
	.contents.cloud .sub_container .contentBox .content-04 .content-box-wrap {margin-top: 20px; flex-direction: column;}
	.contents.cloud .sub_container .contentBox .content-04 .content-box {flex: 1; padding: 40px 30px;}
	.contents.cloud .sub_container .contentBox .content-04 .content-box svg {position: relative; left: auto; top: auto; padding-top: 0.5px;}
	.contents.cloud .sub_container .contentBox .content-04 .content-box p {margin-top: 38.5px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px;}
	.contents.cloud .sub_container .contentBox .content-04 .content-box p + p {margin-top: 10px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px; word-break: keep-all;}
	.contents.cloud .sub_container .contentBox .content-05 .feature-box {flex-direction: column-reverse; margin-top: 20px;}
	.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt {flex: 1; padding: 0 23px 40px 24px;}
	.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt h6 {margin-top: 40px !important; flex-direction: column; align-items: baseline; font-size: 20px; line-height: 32px; letter-spacing: -0.2px;}
	.contents.cloud .sub_container .contentBox .content-05 .feature-box .feature-txt p {font-size: 16px; line-height: 28px; letter-spacing: -0.16px;}
	.contents.cloud .sub_container .contentBox .content-05 .feature-box img {width: 100%;}

}

/**
ICT infra
**/
.contents.ICTinfra .sub_container .contentBox .content h4 {color: #171717;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.ICTinfra .sub_container .contentBox .content h4+p {margin-top: 30px;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.ICTinfra .sub_container .contentBox .line_up h5 {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.ICTinfra .sub_container .contentBox .line_up ul {margin-top: 30px;display: flex;gap: 8px;}
.contents.ICTinfra .sub_container .contentBox .line_up ul li {display: flex;flex-direction: column;width: 24.5%;padding-bottom: 48px;background: #f5f5f5;text-align: center;border-radius: 4px;}
.contents.ICTinfra .sub_container .contentBox .line_up ul li p {font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;}
.contents.ICTinfra .sub_container .contentBox .line_up ul li span {font-size: 14px;font-weight: 400;line-height: 26px;letter-spacing: -0.14px;color: #979797;}
.contents.ICTinfra .sub_container .contentBox .line_up ul li div.prod_img {flex-grow: 1;}
.contents.ICTinfra .sub_container .contentBox .line_up ul li div.prod_img img {width: auto;object-fit: contain;max-width: 100%;}
.contents.ICTinfra .sub_container .contentBox .contents_banner {margin-top: 80px;padding-top: 108px;background-size: cover !important;}
.contents.ICTinfra .sub_container .contentBox .contents_banner .banner_img {display: none;}
.contents.ICTinfra .sub_container .contentBox .contents_banner .banner_img img {width: 100%;}
.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box {max-width: 606px;width: 50%;padding: 57px 60px;background: #007DC5;border-radius: 0px 4px;box-sizing: border-box;}
.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box h5 {font-size: 36px;font-weight: 800;line-height: 52px;letter-spacing: -0.36px;color: #fff;}
.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box h5+p {margin-top: 30px;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #fff;}
.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box h5+p+p {margin-top: 8px;font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;color: #fff;opacity: 0.8;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul {flex-wrap: wrap;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li {width: 49.5%;position: relative;padding: 40px 0 48px;box-sizing: border-box;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li div.prod_img {display: flex;align-items: center;justify-content: center;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li div.prod_desc {margin-top: 35px;padding-left: 48px;text-align: left;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li p {font-size: 28px;line-height: 40px;letter-spacing: -0.28px;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li .go_link {width: 48px;height: 48px;background-image: url("../images/common/visit_btn.png");position: absolute;right: 48px;bottom: 56px;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li .link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li:hover {background: rgba(0, 125, 197, 0.05);cursor: pointer;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li:hover p, .contents.ICTinfra .sub_container .contentBox .line_up.big ul li:hover span {color: #007DC5;}
.contents.ICTinfra .sub_container .contentBox .line_up.big ul li:hover .go_link {width: 48px;height: 48px;background-image: url("../images/common/visit_btn_on.png");}
.contents.ICTinfra .sub_container .contentBox .content-02 .line_up {margin-top: 60px;}
.contents.ICTinfra .sub_container .contentBox .content-03 .line_up {margin-top: 60px;}
.contents.ICTinfra.huawei .sub_title {background-image: url("../images/contents/ict_infra/HUAWEI/top_01.jpg");}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner1 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner1.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner2 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner2.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner3 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner3.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner4 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner4.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner5 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner5.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner6 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner6.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner7 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner7.jpg') center center no-repeat;}
.contents.ICTinfra.huawei .sub_container .contentBox .contents_banner8 {background: url('../images/contents/ict_infra/HUAWEI/contents_banner8.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_title {background-image: url("../images/contents/ict_infra/xFusion/top_01.jpg");}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner1 {background: url('../images/contents/ict_infra/xFusion/contents_banner1.jpg') center center no-repeat;margin-top: 0;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner2 {background: url('../images/contents/ict_infra/xFusion/contents_banner2.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner3 {background: url('../images/contents/ict_infra/xFusion/contents_banner3.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner4 {background: url('../images/contents/ict_infra/xFusion/contents_banner4.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner5 {background: url('../images/contents/ict_infra/xFusion/contents_banner5.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner6 {background: url('../images/contents/ict_infra/xFusion/contents_banner6.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner7 {background: url('../images/contents/ict_infra/xFusion/contents_banner7.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner8 {background: url('../images/contents/ict_infra/xFusion/contents_banner8.jpg') center center no-repeat;}
.contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner .text_box {padding: 112px 60px;}

@media screen and (max-width: 1280px) {
	.contents.ICTinfra .sub_title .breadcrumb-box .breadcrumb-content {padding-right: 40px;}
	.contents.ICTinfra .sub_container .contentBox .content h4 {font-size: 32px;line-height: 40px;letter-spacing: -0.32px;}
	.contents.ICTinfra .sub_container .contentBox .content h4+p {margin-top: 12px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ICTinfra .sub_container .contentBox .content-02 .line_up {margin-top: 48px;}
	.contents.ICTinfra .sub_container .contentBox .line_up ul {flex-wrap: wrap;}
	.contents.ICTinfra .sub_container .contentBox .line_up ul li {width: calc(50% - 4px);padding-bottom: 30px;}
	.contents.ICTinfra .sub_container .contentBox .line_up ul li div.prod_desc {padding: 0 20px;}
	.contents.ICTinfra .sub_container .contentBox .line_up ul li p {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ICTinfra .sub_container .contentBox .line_up ul li span {font-size: 13px;line-height: 24px;letter-spacing: -0.13px;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box h5 {font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box h5+p {margin-top: 24px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box h5+p+p {margin-top: 6px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li {width: 49.3%;;padding: 20px 0 30px;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li p {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li div.prod_desc {padding-right: 10%;box-sizing: border-box;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li .go_link {bottom: 35px;}
	.contents.ICTinfra.huawei .sub_title {background-image: url("../images/contents/ict_infra/HUAWEI/top_01_mo.jpg");}
	.contents.ICTinfra.xfusion .sub_title {background-image: url("../images/contents/ict_infra/xFusion/top_01_mo.jpg");}
}

@media screen and (max-width: 768px) {
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul {flex-direction: row;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li {width: 100%;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li div.prod_img {height: 251px;min-height: auto;align-items: center;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li div.prod_desc {padding-left: 24px;padding-right: 30%;margin-top: 0px;}
	.contents.ICTinfra .sub_container .contentBox .line_up.big ul li .go_link {right: 24px;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner {margin-top: 60px;padding-top: 0px;background: none !important;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner .banner_img {display: block;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner1 {margin-top: 0;}
	.contents.ICTinfra .sub_container .contentBox .contents_banner .text_box, .contents.ICTinfra.xfusion .sub_container .contentBox .contents_banner .text_box {max-width: 100%;width: 100%;padding: 40px 24px;border-radius: 0 0 4px 4px;}
}

/**
IT service
**/
.contents.ITservice.ITO .sub_title {background-image: url("../images/contents/it_service/ITO/top_01.jpg");}
.contents.ITservice.ERP .sub_title {background-image: url("../images/contents/it_service/ERP/top_01.jpg");}
.contents.ITservice.RPA .sub_title {background-image: url("../images/contents/it_service/RPA/top_01.jpg");}
.contents.ITservice .sub_container .contentBox .content h4 {color: #171717;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.ITservice .sub_container .contentBox .content h4+p {margin-top: 30px;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.ITservice .sub_container .contentBox .content h5 {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.ITservice .sub_container .contentBox .content .img_wrap img {width: 100%;margin: 0 auto;}
.contents.ITservice .sub_container .contentBox .content-01 h5 {margin-top: 60px;color: #171717;}
.contents.ITservice .sub_container .contentBox .content-01 .img_wrap {margin-top: 30px;}
.contents.ITservice .sub_container .contentBox .content-02 .img_wrap {margin-top: 30px;}
.contents.ITservice .sub_container .contentBox .content-02 .img_wrap_f {margin-top: 60px;}
.contents.ITservice.RPA .pannel_container {display: flex;gap: 8px;flex-wrap: wrap;margin-top: 30px;}
.contents.ITservice.RPA .pannel_container .pannel {display: flex;flex-direction: row;width: 49.3%;background: #f5f5f5;box-sizing: border-box;border-radius: 4px;}
.contents.ITservice.RPA .pannel_container .pannel .text_box {font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #00a651;}
.contents.ITservice.RPA .pannel_container .pannel .text_box h6 {font-size: 18px;font-weight: 800;}
.contents.ITservice.RPA .pannel_container .pannel .text_box h6+p {margin-top: 12px;font-size: 18px;}
.contents.ITservice.RPA .pannel_container .pannel1 {padding: 48px 48px 48px 54px;gap: 25px;}
.contents.ITservice.RPA .pannel_container .pannel2 {padding: 48px 71px 48px 71px;gap: 38.5px;}
.contents.ITservice.RPA .pannel_container .pannel3 {padding: 48px 48px 48px 55px;gap: 26px;}
.contents.ITservice.RPA .pannel_container .pannel4 {padding: 48px 48px 48px 55px;gap: 26px;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box {margin-top: 20px;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box ul {display: flex;flex-wrap: wrap;gap: 8px;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box ul li {width: 49.3%;padding: 24px 20px;background: #f5f5f5;box-sizing: border-box;border-radius: 4px;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box ul li p {display: flex;gap: 16px;justify-content: center;font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box ul li p:before {content: "";display: block;width: 18px;height: 13px;min-width: 18px;margin-top: 6px;background-image: url("../images/contents/it_service/RPA/icon_check.png");}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .pannel {margin-bottom: 60px;padding-bottom: 80px;border-bottom: 1px solid #E9E9E9;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .pannel h5 {margin-top: 30px;font-size: 24px;line-height: 28px;font-weight: 800;letter-spacing: -0.24px;color: #171717;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .pannel h5+p {margin-top: 30px;line-height: 28px;font-size: 16px;letter-spacing: -0.18px;color: #646464;}
.contents.ITservice.RPA .sub_container .contentBox .content-02 .pannel3 {margin: 0;padding: 0;border: 0;}

@media screen and (max-width: 1280px) {
	.contents.ITservice.ITO .sub_title {background-image: url("../images/contents/it_service/ITO/top_01_mo.jpg");}
	.contents.ITservice.ERP .sub_title {background-image: url("../images/contents/it_service/ERP/top_01_mo.jpg");}
	.contents.ITservice.RPA .sub_title {background-image: url("../images/contents/it_service/RPA/top_01_mo.jpg");}
	.contents.ITservice .sub_container .contentBox .content h4 {font-size: 32px;line-height: 40px;letter-spacing: -0.32px;}
	.contents.ITservice .sub_container .contentBox .content h4+p {margin-top: 12px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.ITservice .sub_container .contentBox .content h5 {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.ITservice .sub_container .contentBox .content-01 h5 {margin-top: 48px;}
	.contents.ITservice .sub_container .contentBox .content-01 .img_wrap {margin-top: 24px;}
	.contents.ITservice .sub_container .contentBox .content-02 .img_wrap {margin-top: 20px;}
	.contents.ITservice .sub_container .contentBox .content-02 .img_wrap_f {margin-top: 48px;}
	.contents.ITservice.RPA .pannel_container .pannel {width: 100%;}
}

@media screen and (max-width: 768px) {
	.contents.ITservice.RPA .pannel_container .pannel {flex-direction: column;padding: 40px 24px;gap: 30px;}
	.contents.ITservice.RPA .pannel_container .pannel .text_box {line-height: 28px;letter-spacing: -0.16px;}
	.contents.ITservice.RPA .pannel_container .pannel .text_box h6 {font-size: 16px;font-weight: 800;}
	.contents.ITservice.RPA .pannel_container .pannel .text_box h6+p {margin-top: 10px;font-size: 16px;}
	.contents.ITservice.RPA .sub_container .contentBox .content-02 .pannel h5 {margin-top: 40px;}
	.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box ul li {width: 100%;}
	.contents.ITservice.RPA .sub_container .contentBox .content-02 .text_box ul li p {gap: 12px;justify-content: flex-start;}
}

/**
인재경영
**/
.contents.sub .sub_title.sub_title_2 .breadcrumb-box .breadcrumb-content h3 {font-size: 48px;line-height: 72px;font-weight: 800;letter-spacing: -0.48px;}
.contents.recruitment.hms .sub_title {background-image: url("../images/contents/recruitment/hms/top_01.jpg");}
.contents.recruitment.idealtalent .sub_title {background-image: url("../images/contents/recruitment/idealtalent/top_01.jpg");}
.contents.recruitment.personnelsystem.it .sub_title {background-image: url("../images/contents/recruitment/personnelsystem/it/top_01.jpg");}
.contents.recruitment.personnelsystem.welfare .sub_title {background-image: url("../images/contents/recruitment/personnelsystem/welfare/top_01.jpg");}
.contents.recruitment.hms.circulation .sub_title {background-image: url("../images/contents/recruitment/idealtalent/circulation/top_01.jpg");}
.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel {display: flex;margin-bottom: 60px;background: #f5f5f5;}
.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel .text_box {display: flex;flex-direction: column;justify-content: center;padding: 0 60px;}
.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel h4 {font-size: 36px;font-weight: 800;line-height: 52px;letter-spacing: -0.36px;}
.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel p.text_blue {margin-top: 40px;font-size: 24px;font-weight: 400;line-height: 36px;letter-spacing: -0.24px;color: #007DC5;}
.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel p {margin-top: 20px;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .title_wrap h3 {font-size: 40px;font-weight: 800;line-height: 64px;letter-spacing: -0.4px;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel_wrap {display: flex;gap: 8px;position: relative;flex-wrap: wrap;margin-top: 60px;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel {width: 49.5%;box-sizing: border-box;background: #f5f5f5;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel.pannel1 {padding-top: 85px;padding-left: 3.5%;padding-right: 20.62%;padding-bottom: 86px;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel.pannel2 {padding-top: 85px;padding-left: 22%;padding-right: 3.5%;padding-bottom: 86px;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel .icon_box {margin-bottom: 32px;text-align: center;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel .text_box {text-align: center;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel .text_box p {margin-bottom: 10px;; font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;color: #171717;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel .text_box span {font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .img_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 43.581%;}
.contents.recruitment.hms .sub_container .contentBox .content-02 .img_box img {width: 100%;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 > div {background: #f5f5f5;padding: 70px 94px;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel_wrap {display: flex;position: relative;justify-content: space-between;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .img_box {position: absolute;top: 30px;left: 50%;transform: translateX(-50%);z-index: 1;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .gradient_text {width: 897px;margin: 40px auto 0px;padding: 30px 74px;border-radius: 94px;background: var(--base-gradient-blue-green, linear-gradient(268deg, #007DC5 0%, #00A651 100%));box-sizing: border-box;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .gradient_text p {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;color: #fff;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel {position: relative;width: 50%;max-width: 651px;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .gradient_box {height: 467px;position: relative;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box {position: absolute;top: 29.978%;text-align: center;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box img {margin-bottom: 28.5px;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box p {margin-bottom: 16px;font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box span {margin-bottom: 2px;display: block;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel1 .gradient_box {background: linear-gradient(270deg, #CCC 0%, #686868 0.01%, rgba(204, 204, 204, 0.00) 100%);opacity: 0.1;border-radius: 0 50% 50% 0;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel2 .gradient_box {background: linear-gradient(90deg, #CCC 0%, #686868 0.01%, rgba(204, 204, 204, 0.00) 100%);opacity: 0.1;border-radius: 50% 0% 0% 50%;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel1 .desc_box {right: 0;margin-right: 45.0%;}
.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel2 .desc_box {left: 0;margin-left: 46.39%;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox h4 {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content .pannel {margin-top: 30px ;padding: 100px 0;background: #f5f5f5;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul {width: 1047px;display: flex;margin: 0 auto;gap: 74px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li {display: flex;flex-direction: column;width: 300px;height: 300px;padding: 30px;position: relative;border-radius: 50%;box-sizing: border-box;justify-content: center;text-align: center;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:after {content: "";display: block;width: 28px;height: 21px;position: absolute;top: 50%;transform: translateY(-50%);right: -16%;background: url("../images/contents/recruitment/personnelsystem/arrow.png");background-size: contain;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li p {margin-bottom: 12px;font-size: 20px;font-weight: 800;line-height: 32px;letter-spacing: -0.2px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(1) {background: rgba(0, 125, 197, 0.15);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(2) {background: rgba(0, 125, 197, 0.5);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(3) {background: rgba(0, 125, 197, 1);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(1) p, .contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(1) span {color: #007DC5;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(2) p, .contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(2) span, .contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(3) p, .contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:nth-child(3) span {color: #fff;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:last-child:after {display: none;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul {width: 664px;display: flex;margin: 0 auto;gap: 24px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li {display: flex;flex-direction: column;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(1) {display: flex;width: 240px;height: 240px;margin: 0 auto 31px;border-radius: 50%;justify-content: center;align-items: center;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(2) {width: 320px;height: 194px;padding: 40px;box-sizing: border-box;background: #E9E9E9;border-radius: 30px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) div:nth-child(1) {background: rgba(0, 125, 197, 1);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(2) div:nth-child(1) {background: rgba(0, 166, 81, 1);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(1) p {font-size: 20px;font-weight: 800;line-height: 32px;letter-spacing: -0.2px;color: #fff;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(2) {display: flex;flex-direction: column;justify-content: center;position: relative;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(2) p {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(2) p.dotted {font-size: 14px;color: #007DC5;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) div:nth-child(1) {position: relative;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) div:nth-child(1):after {display: block;content: "";width: 48px;height: 48px;position: absolute;top: 50%;right: -75px;transform: translateY(-50%);background: url("../images/contents/recruitment/personnelsystem/plus.png") no-repeat center center , rgba(0, 125, 197, 0.1);border-radius: 50%;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(2):before {display: block;content: "";width: 20px;height: 16px;position: absolute;top: -15px;left: 50%;transform: translateX(-50%);background: url("../images/contents/recruitment/personnelsystem/triangle.png");}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel {padding: 0;background: #fff;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul {display: flex;gap: 8px;flex-wrap: wrap;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul li {width: 32%;padding: 80px 40px 40px;background: #f5f5f5;box-sizing: border-box;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul li p {margin-bottom: 12px;font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul li span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;color: #646464;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul {width: 964px;display: flex;margin: 0 auto;gap: 32px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li {display: flex;flex-direction: column;width: 300px;height: 300px;padding: 30px;position: relative;border-radius: 50%;box-sizing: border-box;justify-content: center;text-align: center;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li p {margin-bottom: 12px;font-size: 20px;font-weight: 800;line-height: 32px;letter-spacing: -0.2px;color: #fff;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;color: #fff;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li:nth-child(1) {background: rgba(0, 125, 197, 1);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li:nth-child(2) {background: rgba(1, 142, 150, 1);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li:nth-child(3) {background: rgba(0, 166, 81, 1);}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel {position: relative;margin-top: 68px;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel .gradient_text {width: 166px;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);padding: 12px 40px;border-radius: 110px;background: var(--base-gradient-blue-green, linear-gradient(268deg, #007DC5 0%, #00A651 100%));box-sizing: border-box;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel .gradient_text p {font-size: 20px;font-weight: 800;line-height: 32px;letter-spacing: -0.2px;color: #fff;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul {width: 964px;padding: 68px 24px 72px;background: #e9e9e9;border-radius: 30px;gap: 0;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li {width: 25% !important;height: auto !important;padding: 0 24px !important;background: none !important;border-right: 1px solid #D9D9D9;border-radius: 0;justify-content: flex-start;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li p {font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;color: #171717;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;color: #646464;}
.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li:last-child {border: 0;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul {width: 100%;max-width: 1248px;gap: 96px;justify-content: center;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li {width: 240px;height: 240px;padding: 0;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:nth-child(1) {background: #007DC5;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:nth-child(2) {background: #018E96;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:nth-child(3) {background: #019879;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:nth-child(4) {background: #00A651;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:after {width: 48px;height: 48px;position: absolute;top: 50%;right: -70px;transform: translateY(-50%);background: url("../images/contents/recruitment/personnelsystem/plus.png") no-repeat center center , rgba(0, 125, 197, 0.1);border-radius: 50%;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:last-child::after {display: none;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li p, .contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li span {color: #fff !important;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li p {margin-bottom: 4px;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li span {font-size: 14px;line-height: 28px;letter-spacing: -0.14px;opacity: 0.7;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel {padding: 0;background: #fff;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul {display: flex;gap: 8px;flex-wrap: wrap;width: 100%;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul li {width: 32.8%;height: 240px;padding: 60px 0px 40px;background: #f5f5f5;box-sizing: border-box;justify-content: space-between;align-items: center;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul li p {font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul li img {max-width: fit-content;margin-bottom: 32px;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel {background: #f5f5f5;padding: 100px 0;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul {width: 1047px;gap: 74px;flex-wrap: nowrap;margin: auto;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li {width: 300px;height: 300px;padding: 0;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px;text-align: center;position: relative;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(1) {background: rgba(0, 125, 197, 0.15);}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(2) {background: rgba(0, 125, 197, 0.5);}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(3) {background: rgba(0, 125, 197, 1);}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:after {content: "";display: block;width: 28px;height: 21px;position: absolute;top: 50%;transform: translateY(-50%);right: -16%;background: url(../images/contents/recruitment/personnelsystem/arrow.png);background-size: contain;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:last-child::after {display: none;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li p {font-size: 20px;font-weight: 800;line-height: 32px;letter-spacing: -0.2px;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(1) p, .contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(1) span {color: #007DC5;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(2) p, .contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(2) span, .contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(3) p, .contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:nth-child(3) span {color: #fff;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel {padding: 0 ;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul {width: 100%;max-width: 1230px;margin: auto;padding: 80px 0;flex-wrap: wrap;gap: 30px;box-sizing: border-box;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul li {width: 180px;height: 180px;padding: 0;background: #007DC5 !important;padding: 30px;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul li p {margin-bottom: 2px;font-size: 16px;font-weight: 800;line-height: 28px;letter-spacing: -0.16px;color: #fff;}
.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul li span {font-size: 14px;font-weight: 400;line-height: 26px;letter-spacing: -0.14px;opacity: 0.8;color: #fff;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel_wrap {display: flex;gap: 8px;position: relative;flex-wrap: wrap;margin-top: 60px;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel {width: 49.5%;padding-top: 85px;padding-bottom: 86px;box-sizing: border-box;background: #f5f5f5;margin-bottom: 0;justify-content: center;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel1 {padding-left: 12.9%;padding-right: 15.81%;text-align: right;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel2 {padding-left: 15.81%;padding-right: 13.78%;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel3 {padding-left: 10%;padding-right: 15.81%;text-align: right;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel4 {padding-left: 15.81%;padding-right: 7.63%;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel .text_box {padding: 0;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel .text_box p {margin-bottom: 10px;; font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;color: #171717;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel .text_box span {font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;color: #646464;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .gradient_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 380px;height: 380px;border-radius: 380px;border: 8px solid #FFF;background: var(--base-gradient-blue-green, linear-gradient(268deg, #007DC5 0%, #00A651 100%));display: flex;justify-content: center;align-items: center;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .gradient_box p {font-size: 36px;font-weight: 800;line-height: 52px;letter-spacing: -0.36px;color: #fff;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .border_wrap {padding: 80px 7.43%;background: #f5f5f5;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .border_wrap>div:first-child {border: 2px dashed #dfdfdf;border-radius: 120px;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel_wrap {max-width: 1130px;padding: 80px 9.5%;margin: 0 auto;gap: 110px;justify-content: space-between;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel {background: transparent;padding: 0;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 {width: 45%;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul {display: flex;gap: 6px;width: 506px;flex-wrap: wrap;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul li {width: 250px;height: 250px;display: flex;flex-direction: column;padding: 25px;box-sizing: border-box;background: #007DC5;opacity: 0.5;border-radius: 50%;justify-content: center;align-items: center;text-align: center;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul li p {font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;color: #fff;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul li span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;color: #fff;opacity: 0.8;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 .img_box {width: 149px;left: 53%;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 {width: 31.7%;min-width: 360px;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul {display: flex;flex-direction: column;gap: 24px;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:first-child {width: 360px;height: 360px;padding: 30px;display: flex;flex-direction: column;border-radius: 50%;background: #007DC5;justify-content: center;align-items: center;box-sizing: border-box;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:first-child p {margin-bottom: 16px;font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;color: #fff;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:first-child span {font-size: 16px;font-weight: 400;line-height: 28px;letter-spacing: -0.16px;opacity: 0.8;color: #fff;text-align: center;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:last-child {width: 360px;height: 120px;display: flex;padding: 30px 40px;position: relative;background: rgba(0, 125, 197, 0.1);border-radius: 30px;justify-content: center;align-items: center;box-sizing: border-box;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:last-child p {font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;text-align: center;color: #007DC5;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:last-child:before {display: block;content: "";width: 20px;height: 16px;position: absolute;top: -16px;left: 50%;transform: translateX(-50%);background: url("../images/contents/recruitment/idealtalent/circulation/triangle.png");}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .gradient_text {margin-top: 48px;max-width: 1260px;height: 96px;border-radius: 94px;background: var(--base-gradient-blue-green, linear-gradient(268deg, #007DC5 0%, #00A651 100%));display: flex;justify-content: center;align-items: center;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .gradient_text p {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;color: #fff;}
.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .gradient_text span {font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;}

@media screen and (max-width: 1480px) {
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li {width: 200px;height: 200px;padding: 0;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul {gap: 15px;justify-content: center;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .gradient_box {width: 340px;height: 340px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .border_wrap {padding: 80px 4%;background: #f5f5f5;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel_wrap {padding: 80px 6%;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 .img_box {width: 120px;}
}

@media screen and (max-width: 1280px) {
	.contents.recruitment.hms .sub_title {background-image: url("../images/contents/recruitment/hms/top_01_m.jpg");}
	.contents.recruitment.hms .sub_title.sub_title_2 .breadcrumb-box .breadcrumb-content {padding-right: 32px;}
	.contents.recruitment.hms .sub_title.sub_title_2 .breadcrumb-box .breadcrumb-content h3 {font-size: 32px;line-height: 48px;font-weight: 800;letter-spacing: -0.32px;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 {padding-top: 0;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel {flex-direction: column;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel1 {flex-direction: column-reverse;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel .text_box {padding: 40px 24px;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel h4 {font-size: 24px;line-height: 36px;letter-spacing: -0.24px;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel p.text_blue {margin-top: 24px;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel p {margin-top: 18px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.recruitment.hms .sub_container .contentBox .content-01 .pannel .img_box img {width: 100%;}
	.contents.recruitment.hms .sub_container .contentBox .content-02 .title_wrap h3 {font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel_wrap {margin-top: 42px;}
	.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel {width: 100%;margin: 0 auto;}
	.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel.pannel1 {padding: 40px 24px;}
	.contents.recruitment.hms .sub_container .contentBox .content-02 .pannel.pannel2 {padding: 40px 24px;}
	.contents.recruitment.hms .sub_container .contentBox .content-02 .img_box {position: static;width: 100%;transform: translate(0);margin: 0 auto 20px;max-width: 645px;}
	.contents.recruitment.idealtalent .sub_title {background-image: url("../images/contents/recruitment/idealtalent/top_01_m.jpg");}
	.contents.recruitment.idealtalent .sub_title.sub_title_2 .breadcrumb-box .breadcrumb-content {padding-right: 32px;}
	.contents.recruitment.idealtalent .sub_title.sub_title_2 .breadcrumb-box .breadcrumb-content h3 {font-size: 32px;line-height: 48px;font-weight: 800;letter-spacing: -0.32px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 {padding-top: 0;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 > div {padding: 0px 24px 60px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .img_box {position: static;transform: translateX(0);}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel_wrap {flex-direction: column;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel {width: 100%;max-width: 100%;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .gradient_box {height: 370px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box {width: 100%;padding: 0 15px;box-sizing: border-box;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box img {margin-bottom: 26px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box p {margin-bottom: 14px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel .desc_box span {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel1 .desc_box {top: 70px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel1 .gradient_box {border-radius: 0 0 120px 120px;background: linear-gradient(0deg, #CCC 0%, #686868 0.01%, rgba(204, 204, 204, 0.00) 100%);}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel2 .gradient_box {border-radius: 120px 120px 0 0;background: linear-gradient(180deg, #CCC 0%, #686868 0.01%, rgba(204, 204, 204, 0.00) 100%);}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel1 .desc_box {margin-right: 0;right: 50%;transform: translateX(50%);}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .pannel.pannel2 .desc_box {margin-left: 0;left: 50%;transform: translateX(-50%);}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .gradient_text {width: 100%;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .img_box {margin-top: -65px;margin-bottom: -65px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .img_box img {width: 100%;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .gradient_text {padding: 28px 40px;text-align: center;border-radius: 50px;}
	.contents.recruitment.idealtalent .sub_container .contentBox .content-01 .gradient_text p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.personnelsystem.it .sub_title {background-image: url("../images/contents/recruitment/personnelsystem/it/top_01_m.jpg");}
	.contents.recruitment.personnelsystem.it .sub_title.sub_title .breadcrumb-box .breadcrumb-content h3 {font-size: 32px;line-height: 48px;font-weight: 800;letter-spacing: -0.32px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel {padding: 48px 0;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul {width: auto;flex-direction: column;gap: 59px;align-items: center;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-01 .pannel ul li:after {top: 108%;right: 50%;transform: translateX(50%) rotate(90deg);}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel {padding: 30px 0;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul {width: auto;flex-direction: column;gap: 72px;margin: 0 20px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li {align-items: center;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) {flex-direction: column-reverse;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(1) {margin: 0;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li div:nth-child(2) {padding: 30px;height: auto;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) div:nth-child(2) {margin-bottom: 24px;width: auto;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(2) div:nth-child(2) {margin-top: 24px;width: auto;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) div:nth-child(1):after {top: 105%;right: 50%;transform: translateX(50%);}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-02 .pannel ul li:nth-child(1) div:nth-child(2):before {transform: translateX(-50%) rotate(180deg);top: 100%;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul li {width: 100%;padding: 60px 30px 30px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul li p {margin-bottom: 8px;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-03 .pannel ul li span {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel {padding: 46px 0;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul {width: auto;flex-direction: column;padding: 30px 0 18px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li {width: 240px;height: 240px;margin: auto;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .pannel ul li span {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel .gradient_text {width: 138px;padding: 16px 30px;border-radius: 110px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel .gradient_text p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul {width: auto;margin: 0 20px;flex-direction: column;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li {width: 100% !important;padding: 30px 0 !important;border: 0;border-bottom: 1px solid #d9d9d9;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li p {margin-bottom: 4px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.recruitment.personnelsystem.it .sub_container .contentBox .content-04 .bottom_pannel ul li span {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.personnelsystem.welfare .sub_title {background-image: url("../images/contents/recruitment/personnelsystem/welfare/top_01_m.jpg");}
	.contents.recruitment.personnelsystem.welfare .sub_title.sub_title .breadcrumb-box .breadcrumb-content h3 {font-size: 32px;line-height: 48px;font-weight: 800;letter-spacing: -0.32px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 {padding-top: 0;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul {gap: 72px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li:after {top: 105%;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-01 .pannel ul li span {font-size: 13px;line-height: 24px;letter-spacing: -0.13px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel {padding: 0;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul {flex-direction: column;margin: 0;gap: 8px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul li {width: 100%;padding: 44px 0 30px;height: 174px;flex-direction: column !important;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul li img {margin-bottom: 17px;width: 56px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-02 .pannel ul li p {font-size: 18px;line-height: 30px;left: -0.18px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel {padding: 48px 0;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul {width: auto;flex-direction: column;gap: 59px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li {width: 240px;height: 240px;margin: auto;padding: 62px 20px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li:after {top: 108%;right: 50%;transform: translateX(50%) rotate(90deg);}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-03 .pannel ul li span {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul {gap: 8px;width: 288px;flex-direction: row;padding: 0;justify-content: flex-start ;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul li {width: 50%;height: 140px;max-width: 140px;margin: 0;padding: 10px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul li p {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.personnelsystem.welfare .sub_container .contentBox .content-04 .pannel ul li span {font-size: 13px;line-height: 24px;letter-spacing: -0.13px;}
	.contents.recruitment.hms.circulation .sub_title {background-image: url("../images/contents/recruitment/idealtalent/circulation/top_01_m.jpg");}
	.contents.recruitment.hms.circulation .sub_title.sub_title .breadcrumb-box .breadcrumb-content h3 {font-size: 32px;line-height: 48px;font-weight: 800;letter-spacing: -0.32px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel_wrap {flex-direction: column;gap: 8px;position: relative;flex-wrap: wrap;margin-top: 30px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel {width: 100%;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel1, .contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel2, .contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel3, .contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel.pannel4 {padding: 50px 40px;text-align: center;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel .text_box {padding: 0;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel .text_box p {margin-top: 0;margin-bottom: 8px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .pannel .text_box span {font-size: 18px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .gradient_box {position: static;transform: translate(0%,0%);width: 280px;height: 280px;margin: 0 auto -50px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-01 .gradient_box p {font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .border_wrap {padding: 48px 20px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .border_wrap>div:first-child {border-radius: 48px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel_wrap {margin: 0 auto;gap: 0px;padding: 0;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel {background: transparent;padding: 0;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 {width: 100%;padding: 48px 0px 0;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul {width: 100%;flex-direction: column;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul li {width: 220px;height: 220px;padding: 20px;margin: auto;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul li p {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 ul li span {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel1 .img_box {width: 90px;transform: rotate(90deg);margin-top: -20px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 {width: 100%;min-width: 100%;padding: 0 0px 48px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul {display: flex;gap: 28px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:first-child {width: 260px;height: 260px;padding: 20px;margin: auto;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:first-child p {margin-bottom: 12px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:first-child span {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:last-child {width: 100%;height: auto;padding: 20px 30px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .pannel2 ul li:last-child p {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .gradient_text {margin-top: 20px;max-width: 100%;height: auto;padding: 24px 20px 30px;border-radius: 48px;text-align: center;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .gradient_text p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.recruitment.hms.circulation .sub_container .contentBox .content-02 .gradient_text span {display: block;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
}


/**
비전
**/
.contents.sub.vision {margin-top: 200px;}
.contents.sub.vision .site_location {max-width: 1600px;margin: 0 auto;padding: 0 60px;box-sizing: border-box;}
.contents.sub.vision .pageTitArea {max-width: 1600px;margin: 8px auto 0;padding: 0 60px;box-sizing: border-box;}
.contents.sub.vision .sub_title {height: 600px;background-image: url(../images/contents/introduce/vision_top.jpg);margin-top: 80px;}
.contents.sub.vision .sub_title.itArea {background-image: url("../images/contents/introduce/history_top01.jpg");}
.contents.sub.vision .sub_title.paperArea {background-image: url("../images/contents/introduce/history_top02.jpg");}
.contents.sub.vision .sub_title .breadcrumb-box {min-height: 540px;}
.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content p {font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;}
.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content h3 {margin-top: 13px;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content span {display: block;margin-top: 10px;font-size: 18px;opacity: 0.5;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content span+p {margin-top: 36px;font-size: 20px;font-weight: 400;line-height: 34px;letter-spacing: -0.2px;}
.contents.sub.vision .sub_container .contentBox {width: 100%;margin-left: 0;margin-bottom: 120px;position: relative;}
.contents.sub.vision .sub_container .contentBox h4 {margin-top: 180px;color: #171717;font-size: 40px;font-weight: 800;line-height: 64px;letter-spacing: -0.4px;}
.contents.sub.vision .sub_container .contentBox .cmt {margin-top: 30px;color: #646464;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub.vision .sub_container .contentBox h5 {margin-top: 80px;color: #171717;font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.sub.vision .sub_container .ctt01 ul {margin-top: 30px;display: flex;gap: 8px;flex-wrap: wrap;position: relative;}
.contents.sub.vision .sub_container .ctt01 ul:after {content: '';position: absolute;top: 50%;left: 50%;width: 893px;height: 893px;background: url(../images/contents/introduce/vision_circle.png) no-repeat left top;transform: translate(-50%, -50%);}
.contents.sub.vision .sub_container .ctt01 li {width: calc(50% - 4px);min-height: 354px;border-radius: 0px 4px 0px 0px;background: #F5F5F5;box-sizing: border-box;text-align: center;color: #007DC5;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
.contents.sub.vision .sub_container .ctt01 span {padding-top: 97px;display: block;background-repeat: no-repeat;background-position: center top;background-size: 76px auto;}
.contents.sub.vision .sub_container .ctt01 .list01, .contents.sub.vision .sub_container .ctt01 .list03 {padding: 110px 350px 0 50px;}
.contents.sub.vision .sub_container .ctt01 .list02, .contents.sub.vision .sub_container .ctt01 .list04 {padding: 110px 50px 0 350px;}
.contents.sub.vision .sub_container .ctt01 .list01 span {background-image: url(../images/contents/introduce/vision_ico01.png);}
.contents.sub.vision .sub_container .ctt01 .list02 span {background-image: url(../images/contents/introduce/vision_ico02.png);}
.contents.sub.vision .sub_container .ctt01 .list03 span {background-image: url(../images/contents/introduce/vision_ico03.png);}
.contents.sub.vision .sub_container .ctt01 .list04 span {background-image: url(../images/contents/introduce/vision_ico04.png);}
.contents.sub.vision .sub_container .ctt02 ul {margin-top: 30px;background: #F5F5F5;position: relative;height: 480px;}
.contents.sub.vision .sub_container .ctt02 li {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 320px;height: 320px;display: flex;border-radius: 320px;justify-content: center;align-items: center;flex-direction: column;color: #FFF;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub.vision .sub_container .ctt02 .list01 {margin-left: -140px;border: 4px solid rgba(255, 255, 255, 0.00);background: linear-gradient(135deg, #007DC5 0%, #00A651 190.16%);}
.contents.sub.vision .sub_container .ctt02 .list02 {margin-left: 150px;border: 4px solid rgba(255, 255, 255, 0.00);background: linear-gradient(135deg, rgba(0, 166, 81, 0.80) 0%, rgba(125, 171, 242, 0.80) 190.16%);backdrop-filter: blur(15px);}
.contents.sub.vision .sub_container .ctt02 strong {font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.sub.vision .sub_container .ctt02 span {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;margin-top: 12px;opacity: 0.7;}

@media all and (max-width: 1280px) {
	.contents.sub.vision {margin-top: 104px;}
	.contents.sub.vision .pageTitArea {max-width: none;margin: 0 auto;padding: 0 24px;}
	.contents.sub.vision .sub_title {height: 552px;background-image: url("../images/contents/introduce/vision_top_mo.jpg");margin-top: 60px;}
	.contents.sub.vision .sub_title .breadcrumb-box {width: calc(100% - 24px);min-height: 312px;height: auto;bottom: 0;}
	.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content {padding: 50px 24px;}
	.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content h3 {margin-top: 8px;font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content span {margin-top: 2px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub.vision .sub_title .breadcrumb-box .breadcrumb-content span+p {margin-top: 25px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub.vision .sub_container .contentBox {margin-bottom: 80px;padding-top: 0;}
	.contents.sub.vision .sub_container .contentBox h4 {margin-top: 60px;font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.sub.vision .sub_container .contentBox .cmt {margin-top: 12px;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.sub.vision .sub_container .contentBox h5 {margin-top: 60px;font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.sub.vision .sub_container .ctt01 ul {margin-top: 20px;gap: 8px;flex-direction: column;flex-wrap: nowrap;padding-top: 100%;}
	.contents.sub.vision .sub_container .ctt01 ul:after {top: 0;width: 100%;height: 0;padding-top: 100%;background: url(../images/contents/introduce/vision_circle_mo.png) no-repeat left top / 100% auto;transform: translateX(-50%);}
	.contents.sub.vision .sub_container .ctt01 li {width: 100%;min-height: auto;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;border-radius: 4px;}
	.contents.sub.vision .sub_container .ctt01 span {padding-top: 84px;background-size: 62px auto;}
	.contents.sub.vision .sub_container .ctt01 strong {color: #007DC5;font-size: 20px;font-weight: 800;line-height: 32px;letter-spacing: -0.2px;margin-bottom: 8px;}
	.contents.sub.vision .sub_container .ctt01 .list01, .contents.sub.vision .sub_container .ctt01 .list03 {padding: 53px 23px;}
	.contents.sub.vision .sub_container .ctt01 .list02, .contents.sub.vision .sub_container .ctt01 .list04 {padding: 53px 23px;}
	.contents.sub.vision .sub_container .ctt02 ul {margin-top: 20px;height: 604px;}
	.contents.sub.vision .sub_container .ctt02 li {width: 240px;height: 240px;border-radius: 50%;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.sub.vision .sub_container .ctt02 .list01 {margin-left: 0;margin-top: -110px;}
	.contents.sub.vision .sub_container .ctt02 .list02 {margin-left: 0;margin-top: 110px;}
	.contents.sub.vision .sub_container .ctt02 strong {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.sub.vision .sub_container .ctt02 span {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 8px;}
}


/**
연혁
**/
.contents.sub.history {margin-top: 200px;}
.contents.sub.history .site_location {max-width: 1600px;margin: 0 auto;padding: 0 60px;box-sizing: border-box;}
.contents.sub.history .pageTitArea {max-width: 1600px;margin: 8px auto 0;padding: 0 60px;box-sizing: border-box;}
.contents.sub.history .history_tab {max-width: 1600px;margin: 70px auto 0;padding: 0 60px;box-sizing: border-box;}
.contents.sub.history .history_tab ul {display: flex;}
.contents.sub.history .history_tab li {width: 246px;}
.contents.sub.history .history_tab a {display: block;padding: 12px 8px;border-bottom: 3px solid transparent;color: #979797;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
.contents.sub.history .history_tab li.active a {border-bottom: 3px solid #007DC5;color: #171717;font-weight: 800;}
.contents.sub.history .sub_title {height: 600px;}
.contents.sub.history .sub_title.itArea {background-image: url("../images/contents/introduce/history_top01.jpg");}
.contents.sub.history .sub_title.paperArea {background-image: url("../images/contents/introduce/history_top02.jpg");}
.contents.sub.history .sub_title .breadcrumb-box {min-height: 540px;}
.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content p {font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;}
.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content h3 {margin-top: 13px;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content span {display: block;margin-top: 10px;font-size: 18px;opacity: 0.5;line-height: 30px;letter-spacing: -0.18px;}
.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content span+p {margin-top: 36px;font-size: 20px;font-weight: 400;line-height: 34px;letter-spacing: -0.2px;}
.contents.sub.history .sub_container .sub_menu.fixed {position: fixed;left: 50%;max-width: 1480px;width: calc(100% - 120px);transform: translateX(-50%);}
.contents.sub.history .sub_container .sub_menu .sub_menu_wrap {border-left: 0;}
.contents.sub.history .sub_container .sub_menu ul li {margin-bottom: 30px;}
.contents.sub.history .sub_container .sub_menu ul li a {color: #979797;padding: 0;}
.contents.sub.history .sub_container .sub_menu ul li.active a {color: #171717;font-weight: 800;}
.contents.sub.history .sub_container .sub_menu ul li.active::after {display: none;}
.contents.sub.history .sub_container .contentBox > div:first-child {padding-top: 200px;}
.contents.sub.history .sub_container .history_ctt {border-top: 1px solid #E9E9E9;padding: 60px 0 58px;display: flex;opacity: 0.1;transition: 0.3s;}
.contents.sub.history .sub_container .history_ctt.on {opacity: 1;}
.contents.sub.history .sub_container .history_ctt h4 {width: 320px;color: #171717;font-size: 60px;font-weight: 800;line-height: 80px;letter-spacing: -0.6px;transition: 0.3s;}
.contents.sub.history .sub_container .history_ctt.on h4 {font-size: 72px;line-height: 90px;letter-spacing: -0.72px;}
.contents.sub.history .sub_container .history_ctt ol {width: calc(100% - 320px);}
.contents.sub.history .sub_container .history_ctt li+li {margin-top: 17px;}
.contents.sub.history .sub_container .history_ctt div {display: flex;}
.contents.sub.history .sub_container .history_ctt strong {color: #171717;font-size: 16px;font-weight: 800;line-height: 28px;letter-spacing: -0.16px;margin-right: 20px;}
.contents.sub.history .sub_container .history_ctt img {margin-top: 40px;max-width: 100%;}
.contents.sub.history .sub_container .history_ctt span {color: #646464;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}

@media all and (max-width: 1280px) {
	.contents.sub.history {margin-top: 104px;}
	.contents.sub.history .pageTitArea {max-width: none;margin: 0 auto;padding: 0 24px;}
	.contents.sub.history .history_tab {max-width: none;margin: 55px auto 0;padding: 0 24px;}
	.contents.sub.history .history_tab li {width: 50%;}
	.contents.sub.history .sub_title {height: 552px;}
	.contents.sub.history .sub_title.itArea {background-image: url("../images/contents/introduce/history_top01_mo.jpg");}
	.contents.sub.history .sub_title.paperArea {background-image: url("../images/contents/introduce/history_top02_mo.jpg");}
	.contents.sub.history .sub_title .breadcrumb-box {width: calc(100% - 24px);min-height: 312px;height: auto;bottom: 0;}
	.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content {padding: 50px 24px;}
	.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content p {font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content h3 {margin-top: 8px;font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content span {margin-top: 2px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub.history .sub_title .breadcrumb-box .breadcrumb-content span+p {margin-top: 25px;font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.sub.history .sub_container {padding: 0 24px;}
	.contents.sub.history .sub_container .sub_menu.fixed {left: 0;max-width: none;width: 100%;transform: translateX(0);z-index: 8001;}
	.contents.sub.history .sub_container .sub_menu .select-active.opened::after {content: url('../images/contents/arrow-open.svg');display: block;}
	.contents.sub.history .sub_container .sub_menu ul li {margin-bottom: 0;}
	.contents.sub.history .sub_container .sub_menu ul li a {padding: 14px 24px;}
	.contents.sub.history .sub_container .sub_menu ul li.active a {color: #979797;font-weight: 400;}
	.contents.sub.history .sub_container .sub_menu ul li.active::after {display: none;}
	.contents.sub.history .sub_container .contentBox > div:first-child {padding-top: 60px;}
	.contents.sub.history .sub_container .history_ctt {padding: 40px 0 48px;flex-direction: column;}
	.contents.sub.history .sub_container .contentBox > div:first-child .history_ctt:first-child {border-top: none;padding-top: 0;}
	.contents.sub.history .sub_container .history_ctt h4 {width: 100%;font-size: 48px;line-height: 72px;letter-spacing: -0.48px;}
	.contents.sub.history .sub_container .history_ctt.on h4 {font-size: 48px;line-height: 72px;letter-spacing: -0.48px;}
	.contents.sub.history .sub_container .history_ctt ol {width: 100%;}
	.contents.sub.history .sub_container .history_ctt li {margin-top: 25px;}
	.contents.sub.history .sub_container .history_ctt li+li {margin-top: 16px;}
	.contents.sub.history .sub_container .history_ctt strong {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;margin-right: 18px;}
	.contents.sub.history .sub_container .history_ctt img {margin-top: 30px;}
	.contents.sub.history .sub_container .history_ctt span {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
}

/**
지류유통
**/
.contents.paper_about .sub_title {background-image: url("../images/contents/paper/about/top.jpg");}
.contents.paper_about h4 {margin-top: 200px;color: #171717;font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;}
.contents.paper_about .ctt01 {margin-top: 30px;background: #F5F5F5;height: 800px;}
.contents.paper_about .ctt01 .list .list01 {background: url("../images/contents/paper/about/ctt1_list01.png") no-repeat left center / 435px auto;position: absolute;top: 148px;left: 50%;height: 430px;display: flex;align-items: center;transform: translateX(-50%);z-index: 1;}
.contents.paper_about .ctt01 .list .list02 {background: url("../images/contents/paper/about/ctt1_list02.png") no-repeat left center / 435px auto;position: absolute;top: 414px;left: 50%;height: 430px;display: flex;align-items: center;transform: translateX(-50%);}
.contents.paper_about .ctt01 .list p {width: 335px;padding: 0 50px;margin-right: 30px;color: #FFF;text-align: center;font-size: 32px;font-weight: 800;line-height: 48px;letter-spacing: -0.32px;}
.contents.paper_about .ctt01 .list span {display: block;text-align: center;font-size: 18px;font-weight: 400;line-height: 30px;letter-spacing: -0.18px;opacity: 0.8;}
.contents.paper_about .ctt01 .list ul {width: 520px;padding: 46px 40px;border-radius: 30px;background: #E9E9E9;position: relative;display: flex;gap: 8px;flex-direction: column;}
.contents.paper_about .ctt01 .list ul:after {content: '';position: absolute;right: 100%;top: 50%;width: 16px;height: 20px;margin-top: -10px;background: url("../images/contents/paper/about/arrow.png") no-repeat center top / 100% auto;}
.contents.paper_about .ctt01 .list ul li {position: relative;padding-left: 16px;color: #646464;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
.contents.paper_about .ctt01 .list ul li:after{content:'';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;opacity: 0.5;background: #646464;}
.contents.paper_about .ctt01 .list ul li strong {display: block;color: #007DC5;font-size: 14px;font-weight: 400;line-height: 26px;letter-spacing: -0.14px;}
.contents.paper_about .ctt02 {margin-top: 80px;}
.contents.paper_about .ctt02 h5 {font-size: 24px;font-weight: 800;line-height: 40px; /* 166.667% */letter-spacing: -0.24px;}
.contents.paper_about .ctt02 .list {margin-top: 60px;display: flex;gap: 40px;flex-wrap: wrap;}
.contents.paper_about .ctt02 li {width: calc(50% - 144px);margin-left: 124px;padding-bottom: 40px;border-bottom: 1px solid #E9E9E9;position: relative;}
.contents.paper_about .ctt02 li:after{content:'';position: absolute;top: 0;left: -124px;width: 124px;height: 100%;}
.contents.paper_about .ctt02 .list01:after{background: url("../images/contents/paper/about/ctt2_list01.png") no-repeat left top;}
.contents.paper_about .ctt02 .list02:after{background: url("../images/contents/paper/about/ctt2_list02.png") no-repeat left 10px;}
.contents.paper_about .ctt02 .list03:after{background: url("../images/contents/paper/about/ctt2_list03.png") no-repeat left top;}
.contents.paper_about .ctt02 .list04:after{background: url("../images/contents/paper/about/ctt2_list04.png") no-repeat left top;}
.contents.paper_about .ctt02 .list05:after{background: url("../images/contents/paper/about/ctt2_list05.png") no-repeat left top;}
.contents.paper_about .ctt02 .ttl {color: #171717;font-size: 18px;font-weight: 800;line-height: 30px;letter-spacing: -0.18px;}
.contents.paper_about .ctt02 .cmt {color: #646464;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;margin-top: 12px;}
.contents.paper_about .ctt02 .str {color: #007DC5;font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 8px;}

@media all and (max-width: 1280px) {
	.contents.paper_about .sub_title {background-image: url("../images/contents/paper/about/top_mo.jpg");}
	.contents.paper_about h4 {margin-top: 60px;font-size: 32px;line-height: 48px;letter-spacing: -0.32px;}
	.contents.paper_about .ctt01 {margin-top: 24px;height: auto;padding: 48px 0;}
	.contents.paper_about .ctt01 .list .list01 {background: url(../images/contents/paper/about/ctt1_list01.png) no-repeat center top / auto 310px;position: relative;top: 0;left: 0;height: auto;display: flex;flex-direction: column;transform: translateX(0%);}
	.contents.paper_about .ctt01 .list .list02 {background: url(../images/contents/paper/about/ctt1_list02.png) no-repeat center top / auto 310px;position: relative;top: 0;left: 0;height: auto;display: flex;flex-direction: column;transform: translateX(0%);}
	.contents.paper_about .ctt01 .list p {width: 100%;padding: 0 24px;box-sizing: border-box;margin-right: 0;padding: 116px 0;}
	.contents.paper_about .ctt01 .list ul {width: auto;padding: 30px 20px;margin: 20px 20px 0;gap: 4px;}
	.contents.paper_about .ctt01 .list ul:after{right: 50%;top: 0;margin-top: -15px;margin-right: -8px;transform: rotate(90deg);}
	.contents.paper_about .ctt01 .list ul li {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;}
	.contents.paper_about .ctt02 {margin-top: 60px;}
	.contents.paper_about .ctt02 h5 {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.paper_about .ctt02 .list {margin-top: 50px;flex-direction: column;}
	.contents.paper_about .ctt02 li {width: 100%;margin-left: 0;padding-bottom: 40px;padding-left: 96px;box-sizing: border-box;}
	.contents.paper_about .ctt02 li:after{left: 0;width: 96px;}
	.contents.paper_about .ctt02 .list01:after{background: url(../images/contents/paper/about/ctt2_list01.png) no-repeat left top / 58px auto;}
	.contents.paper_about .ctt02 .list02:after{background: url(../images/contents/paper/about/ctt2_list02.png) no-repeat left top / 58px auto;}
	.contents.paper_about .ctt02 .list03:after{background: url(../images/contents/paper/about/ctt2_list03.png) no-repeat left top / 47px auto;}
	.contents.paper_about .ctt02 .list04:after{background: url(../images/contents/paper/about/ctt2_list04.png) no-repeat left top / 47px auto;}
	.contents.paper_about .ctt02 .list05:after{background: url(../images/contents/paper/about/ctt2_list05.png) no-repeat left top / 47px auto;}
	.contents.paper_about .ctt02 .ttl {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;}
	.contents.paper_about .ctt02 .cmt {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 8px;}
	.contents.paper_about .ctt02 .str {font-size: 14px;line-height: 26px;letter-spacing: -0.14px;margin-top: 4px;}
}


/**
그루업
**/
.contents.paper_grooup {margin-top: 200px;}
.contents.paper_grooup .site_location{max-width: 1600px;margin: 0 auto;padding: 0 60px;box-sizing: border-box;}
.contents.paper_grooup .pageTitArea{max-width: 1600px;margin: 0 auto;padding: 0 60px;box-sizing: border-box;}
.contents.paper_grooup .sub_title {background-image: url("../images/contents/paper/grooup/top.jpg");background-size: 1600px auto;background-color: #abe0ff;height: 600px;margin-top: 80px;}
.contents.paper_grooup .sub_title .breadcrumb-box .breadcrumb-content p{font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: -0.2px;}
.contents.paper_grooup .sub_title .breadcrumb-box .breadcrumb-content h3{font-size: 48px;font-weight: 800;line-height: 72px;letter-spacing: -0.48px;margin-top: 12px;}
.contents.paper_grooup .sub_title .breadcrumb-box .breadcrumb-content p ~ p{font-size: 18px;line-height: 30px;letter-spacing: -0.18px;margin-top: 20px;opacity: 0.8;}
.contents.paper_grooup h4 {background: url("../images/contents/paper/grooup/logo.png") no-repeat center top / 100% auto;width: 335px;height: 89px;margin: 220px auto 0;}
.contents.paper_grooup h5 {color: #2B3990;font-size: 36px;font-weight: 800;line-height: 52px;letter-spacing: -0.36px;text-align: center;margin: 64px 282px 0;}
.contents.paper_grooup h5 span {color: #27AAE1;}
.contents.paper_grooup ul {display: flex;gap: 30px;margin-top: 100px;flex-direction: column;}
.contents.paper_grooup li {padding: 0 0 0 50%;position: relative;display: flex;align-items: center;min-height: 420px;background: #F5F5F5;}
.contents.paper_grooup li.list02,
.contents.paper_grooup li.list04{padding: 0 50% 0 0;}
.contents.paper_grooup li:after{content:'';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: 740px auto;background-color: #e9f7fc;}
.contents.paper_grooup li.list01:after {background-image: url("../images/contents/paper/grooup/img01.jpg");}
.contents.paper_grooup li.list02:after {background-image: url("../images/contents/paper/grooup/img02.jpg");left: auto;right: 0;}
.contents.paper_grooup li.list03:after {background-image: url("../images/contents/paper/grooup/img03.jpg");}
.contents.paper_grooup li.list04:after {background-image: url("../images/contents/paper/grooup/img04.jpg");left: auto;right: 0;}
.contents.paper_grooup li.list05:after {background-image: url("../images/contents/paper/grooup/img05.jpg");}
.contents.paper_grooup li div {padding: 0 80px;}
.contents.paper_grooup li div strong {display: block;color: #2B3990;font-size: 24px;font-weight: 800;line-height: 36px;letter-spacing: -0.24px;}
.contents.paper_grooup li div span {display: block;color: #646464;font-size: 18px;line-height: 30px;letter-spacing: -0.18px;margin-top: 12px;}
.contents.paper_grooup .banner a {background: url("../images/contents/paper/grooup/banner.png") no-repeat center top / auto 100%;display: block;height: 140px;margin-top: 220px;}
.contents.paper_grooup .banner ~ .banner a{margin-top: 80px;}

@media all and (max-width: 1280px) {
	.contents.paper_grooup {margin-top: 104px;}
	.contents.paper_grooup .pageTitArea{max-width: none;margin: 0 auto;padding: 0 24px;}
	.contents.paper_grooup .sub_title {height: 552px;background-image: url("../images/contents/paper/grooup/top_mo.jpg");background-size: cover;margin-top: 60px;}
	.contents.paper_grooup .sub_title .breadcrumb-box .breadcrumb-content p{font-size: 18px;line-height: 30px;letter-spacing: -0.18px;}
	.contents.paper_grooup .sub_title .breadcrumb-box .breadcrumb-content h3{font-size: 32px;line-height: 48px;letter-spacing: -0.32px;margin-top: 8px;}
	.contents.paper_grooup .sub_title .breadcrumb-box .breadcrumb-content p ~ p{font-size: 14px;line-height: 26px;letter-spacing: -0.14px;margin-top: 16px;}
	.contents.paper_grooup h4 {background: url(../images/contents/paper/grooup/logo.png) no-repeat center top / 233px auto;width: 100%;height: 0;padding-top: 63px;margin: 35px auto 0;}
	.contents.paper_grooup h5 {font-size: 30px;line-height: 44px;letter-spacing: -0.3px;margin: 48px 46px 0;word-break: keep-all;}
	.contents.paper_grooup ul {margin-top: 60px;}
	.contents.paper_grooup li {padding: 260px 0 0 0;min-height: auto;}
	.contents.paper_grooup li.list02,
	.contents.paper_grooup li.list04{padding: 260px 0 0 0;}
	.contents.paper_grooup li:after{width: 100%;height: 260px;background-position: center;background-size: auto 100%;}
	.contents.paper_grooup li.list02:after {left: 0;right: auto;}
	.contents.paper_grooup li.list04:after {left: 0;right: auto;}
	.contents.paper_grooup li div {padding: 40px 30px;}
	.contents.paper_grooup li div strong {font-size: 20px;line-height: 32px;letter-spacing: -0.2px;}
	.contents.paper_grooup li div span {font-size: 16px;line-height: 28px;letter-spacing: -0.16px;margin-top: 8px;}
	.contents.paper_grooup .banner a {background: #27aae1 url("../images/contents/paper/grooup/banner_mo.png") no-repeat center top / auto 100%;height: 200px;margin-top: 35px;}
	.contents.paper_grooup .banner ~ .banner a{margin-top: 60px;}
}