/* 공통 타이틀 */
.workHead {
	text-align: center;
	margin-top: 131px;
}

.workHead h2.work-title {
	margin: 30px 0 0;
	font-weight: 700;
	font-size: 48px;
	line-height: 57px;
	letter-spacing: 0.01em;
}

.workHead h2.work-title-m00 {
	margin: 0;
}

.workHead p.work-text {
	margin: 8px 0 0;
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	letter-spacing: -0.01em;
}

.workHead img {
	max-width: 120px;
}

.workHead .robotLogo {
	max-width: inherit;
}

body {
	overflow: auto;
}

/* 웍트로닉스 */
.tronics-sec1-banner {
	max-width: 1400px;
	margin: 80px auto 120px;
	height: 600px;
	background-image: url("/images/worktronics-section2.png");
	background-repeat: no-repeat;
	background-color: #4e7fff;
	text-align: left;
	border-radius: 32px;
}

.tronics-sec1-banner .text-wrapper {
	position: relative;
	padding: 160px 60px 80px 60px;
	color: #ffffff;
}

.tronics-sec1-banner .text-wrapper .underline {
	position: absolute;
	top: 220px;
	width: 274px;
	height: 22px;
	background: rgba(253, 255, 131, 0.5);
}

.tronics-sub-title {
	font-weight: 500;
	font-size: 17px;
	line-height: 20px;
	color: #1AB6E4;
}

.tronics-main-title {
	margin-top: 8px;
	font-size: 36px;
	font-weight: 600;
	line-height: 52px;
}

.tronics-main-title br {
	display: none;
}

.tronics-explain {
	margin-top: 12px;
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	color: #222;
}

.font-white {
	color: #FFF;
}

.font-light-gray {
	color: #E9EAEB;
}

.tronics-sec1-banner .banner-btn-wrap {
	padding-left: 60px;
}

.tronics-sec1-banner .banner-btn-wrap a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	padding: 0 20px;
	border-radius: 60px;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.16);
	background: #FFF;
	text-align: center;
}

.tronics-sec1-banner .banner-btn-wrap a:first-child {
	margin-right: 8px;
}

.tronics-sec1-banner .banner-btn-wrap a.navy-btn {
	background: #2C3785;
	color: #FFF;
}

.tronics-sec2-wrapper {
	padding: 80px 0 120px 0;
	text-align: center;
}

.tronics-sec2-card-row {
	margin-top: 80px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.tronics-sec2-card-row:last-child {
	margin-top: 44px;
}

.tronics-sec2-card {
	padding: 40px;
	max-width: 437px;
	height: 237px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	text-align: left;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08);
	border-radius: 32px;
}

.tronics-sec2-card:nth-child(2n) {
	margin-left: 32px;
}

.flex-row-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tronics-sec2-card .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
}

.tronics-sec2-card img {
	margin-bottom: 12px;
}

.con-gray-wrap {
	background: #FAFAFA;
}

.con-silde-wrap {
	display: none;
}

.content-container {
	max-width: 1200px;
	margin: 0 auto;
}

.content-container.faq-wrapper {
	max-width: 1400px;
}

.content-container .tronics-sec3-wrapper {
	text-align: center;
	padding: 80px 0 120px 0;
}

.architec-first-label {
	margin-top: 80px;
	padding: 34px 0;
	font-size: 24px;
	font-weight: 700;
	color: #222222;
	text-align: center;
	border: 2px solid #1ab6e4;
	border-radius: 24px 24px 0px 0px;
	background-color: #f8fdff;
}

.architec-sec-label {
	padding: 24px 0;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	background-color: #1ab6e4;
}

.architec-sec-label.cell-ver {
	padding: 0;
	margin-bottom: 22px;
}

.architec-text-box {
	position: relative;
	margin-top: 24px;
	width: 380px;
	height: 137px;
	font-size: 20px;
	line-height: 137px;
	color: #222222;
	background-color: #ffffff;
	border: 1px solid #1ab6e4;
	box-sizing: border-box;
}

.architec-text-box::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 640px;
	background: #B8C6CC;
	z-index: -1;
}

.architec-icon-box {
	position: relative;
	padding: 16px 0;
	margin: 16px 0 80px 0;
	width: 380px;
	height: 137px;
	font-size: 20px;
	color: #222222;
	box-sizing: border-box;
	background-color: #f4f4f4;
}

.architec-num-circle {
	display: inline-block;
	width: 44px;
	height: 44px;
	font-size: 20px;
	font-weight: 500;
	line-height: 44px;
	color: #ffffff;
	background-color: #1ab6e4;
	border-radius: 50%;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.16);
	cursor: pointer;
}

.architec-text-label .architec-num-circle {
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.architec-num-circle.right-top {
	position: absolute;
	top: 8px;
	right: 8px;
}

.edu-module-circle {
	display: inline-block;
	width: 44px;
	height: 44px;
	font-size: 20px;
	font-weight: 500;
	line-height: 44px;
	background-color: #EEEEEE;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	text-align: center;
}

.edu-module-circle.yellow {
	top: 650px;
	color: #ecd610;
}

.edu-module-circle.red {
	top: 650px;
	color: #ff4d4d;
}

.edu-module-circle.blue {
	top: 875px;
	color: #1d71ef;
}

.edu-module-circle.navy {
	top: 875px;
	color: #0b0438;
}

.architec-text-label {
	position: relative;
	padding: 0;
	height: 64px;
	line-height: 64px;
	background-color: #e3f9ff;
	font-size: 20px;
	color: #1ab6e4;
	border: 1px solid #1ab6e4;
}

.architec-text-label div {
	flex: 1;
	justify-content: center;
}

.architec-text-label:not(:first-child) {
	margin-top: 32px;
}

.architec-sec-label.cell-ver>span {
	flex: 1;
	padding: 24px 0;
}

.architec-sec-label.cell-ver>span:not(:last-child) {
	border-right: 1px solid #ffffff;
}

.architec-round-label {
	padding: 24px 0;
	margin-bottom: 12px;
	width: 280px;
	font-size: 20px;
	color: #1ab6e4;
	background-color: #e3f9ff;
	border-radius: 32px;
	border: 1px solid #1ab6e4;
}

.architec-num-circle:hover .architec-popup {
	display: block;
}

.architec-popup {
	display: none;
	position: absolute;
	padding: 24px;
	width: 434px;
	height: 202px;
	box-sizing: border-box;
	border-radius: 16px;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0px 1px 24px #b8c6cc;
	z-index: 999;
}

.architec-popup.active {
	display: block;
}

.architec-popup .popup-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #222222;
}

.architec-popup .popup-cnt {
	margin-top: 14px;
	font-size: 15px;
	line-height: 28px;
	color: #586063;
}

.architec-popup.box {
	top: 20px;
	right: 0;
}

.architec-popup.box-right {
	top: 20px;
	right: 0;
}

.architec-popup.label {
	top: 13px;
	left: 55px;
}

.edu-module-popup {
	display: none;
	position: absolute;
	padding: 24px;
	width: 334px;
	height: 372px;
	box-sizing: border-box;
	border-radius: 16px;
	background-color: #ffffff;
	box-shadow: 0px 1px 24px #b8c6cc;
	z-index: 999;
}

.edu-module-popup.active {
	display: block;
}

.edu-module-popup .popup-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	color: #222222;
}

.edu-module-popup .popup-cnt {
	margin-top: 14px;
	font-size: 15px;
	line-height: 28px;
	color: #586063;
}

.edu-module-popup.yellow {
	top: 703px;
	left: 855px;
}

.edu-module-popup.red {
	top: 703px;
	left: 1155px;
	height: 312px;
}

.edu-module-popup.blue {
	top: 928px;
	left: 855px;
	height: 342px;
}

.edu-module-popup.navy {
	top: 928px;
	left: 1155px;
	height: 312px;
}

.edu-module-popup.box-right {
	top: 23px;
	right: 25px;
}

.edu-module-popup.label {
	top: 13px;
	left: 40px;
}

.plus-banner-bg {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	height: 315px;
	background-image: url("/images/plus-ai-background.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.plus-banner-wrapper {
	margin: 0 auto;
	max-width: 1440px;
	height: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.plus-text-wrapper .main-text {
	font-size: 36px;
	font-weight: 600;
	line-height: 43px;
	color: #ffffff;
}

.plus-text-wrapper .explain-text {
	margin-top: 16px;
	font-size: 18px;
	line-height: 22px;
	color: #e9eaeb;
}

.plus-btn-wrapper {
	position: relative;
	width: 300px;
	height: 192px;
	background-image: url("/images/plus-ai-more-background.png");
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 16px;
	cursor: pointer;
}

.plus-btn-text {
	margin-left: 32px;
	font-size: 20px;
	font-weight: 600;
	line-height: 192px;
	color: #ffffff;
}

.plus-btn-wrapper>button {
	position: absolute;
	right: 40px;
	top: 72px;
	background: #2664C0 url(/images/plus-btn.svg) 50% 50% no-repeat;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	padding: 0;
}

.plus-btn-wrapper>button.blue {
	background: rgba(17, 46, 148, 0.5) url(/images/plus-btn.svg) 50% 50% no-repeat;
}

.tronics-sec4-wrapper {
	max-width: 1082px;
	margin: 0 auto;
	padding: 80px 0 120px 0;
	text-align: center;
}

.case-card-wrapper {
	margin-top: 124px;
	width: 100%;
}

.case-card {
	position: relative;
	padding: 44px 45px;
	width: 300px;
	height: 268px;
	background-color: #ffffff;
	border-radius: 16px;
	box-shadow: 0px 3px 24px #bed1d7;
	box-sizing: border-box;
	color: #000000;
}

.case-card img {
	position: absolute;
	top: -84px;
	left: 90px;
	display: inline-block;
	width: 120px;
	height: 120px;
}

.case-card-text-wrapper {
	height: 265px;
}

.case-card .card-title {
	margin-top: 10px;
	font-size: 28px;
	font-weight: 700;
}

.case-card .card-explain {
	margin-top: 45px;
	font-size: 16px;
	line-height: 24px;
}

.tronics-sec4-wrapper .btn-wrapper {
	margin-top: 80px;
}

.tronics-sec4-wrapper .btn-wrapper a {
	display: inline-block;
	padding: 20px 30px;
	font-weight: 600;
	font-size: 22px;
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.16);
	border-radius: 50px;
}

.tronics-sec4-wrapper .btn-wrapper a.navy {
	background: #2C3785;
	color: #FFF;
}

.tronics-sec4-wrapper .btn-wrapper a:last-child {
	margin-left: 8px;
}

.tronics-sec5-wrapper {
	padding: 80px 0 120px 0;
	text-align: center;
}

.qna-wrapper {
	margin-top: 40px;
}

.question-line {
	margin-top: 32px;
	padding: 35px 40px;
	font-size: 22px;
	font-weight: 500;
	color: #586063;
	background-color: #fafafa;
	border-radius: 32px;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.question-line.inner {
	margin-top: 0;
	box-shadow: none;
	color: #333333;
}

.question-line.on {
	font-weight: 600;
	color: #1ab6e4;
}

.question-line.on img {
	transform: rotate(180deg);
}

.answer-box {
	display: none;
	margin-top: 20px;
	padding: 40px;
	width: 100%;
	max-height: 845px;
	background-color: #ffffff;
	box-sizing: border-box;
	border-radius: 32px;
	border: 1px solid #e9eaeb;
	overflow-y: auto;
}

.answer-cnt {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: #586063;
	text-align: left;
}

.layerPop {
	display: none;
	position: absolute;
}



/* 클라우드 서비스 */
.wpi-header-wrap {
	position: relative;
	padding: 48px 0;
	margin: auto;
	text-align: center;
}

.wpi-header-wrap h2 {
	font-size: 40px;
	font-weight: 400;
	color: #222;
}

.wpi-header-wrap>p {
	font-size: 16px;
	margin: 10px auto 0;
}

.wpi-header-wrap>p>span.cp {
	color: #14adea;
}

.solution-btn-wrap {
	margin-top: 20px;
}

.solution-btn-wrap a {
	display: inline-block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
}

.solution-btn-wrap a.btn-lineTrans {
	background: #14adea;
	border: 1px solid #14adea;
	color: #FFF;
	margin-right: 10px;
}

.solution-btn-wrap a.btn-lineTrans:hover {
	background: #00ceff;
	border-color: #00ceff;
}

.solution-btn-wrap a.btn-line {
	background: #FFF;
	border: 1px solid #14adea;
	color: #14adea;
}

.solution-btn-wrap a.btn-line:hover {
	background: #14adea;
	color: #FFF;
}

.wpi-center-wrap .tabmenu {
	position: absolute;
	left: 0;
	width: 100%;
	/* height: 75px; */
	/* padding-top: 20px; */
	background-color: #f6f7f8;
	border-bottom: 2px solid black;
}

.wpi-center-wrap .tabmenu ul {
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
}

.wpi-center-wrap .tabmenu ul li {
	width: 25%;
	height: 53px;
	line-height: 53px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}

.wpi-center-wrap .tabmenu ul li.current {
	background: #222;
	color: #FFF;
}

.wpi-center-wrap .tab-con {
	display: none;
	padding-top: 90px;
}

.content-box {
	text-align: center;
}

.content-box.image {
	text-align: center;
}

.content-box .overview-text {
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #707070;
	text-align: center;
	margin: 40px 0 60px 0;
}

.content-box h2.box-item-title {
	text-align: left;
	color: #14adea;
	font-size: 25px;
	margin: 30px 0 20px 0;
}

.content-box .pd-text {
	text-align: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.75;
	color: #707070;
}

.content-box .pd-text a.ts-link {
	color: #14adea;
	background: transparent;
	text-decoration: underline;
	outline: none;
}

.content-box .box-item-title2 {
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
	height: auto;
	font-size: 20px;
	color: #222;
	letter-spacing: -.5px;
	text-align: left;
	margin-top: 20px;
}

.content-box>img {
	margin-top: 20px;
}

.hr-divider {
	margin: 50px 0 0;
	color: inherit;
	background-color: currentColor;
	border: 0;
	opacity: 0.25;
}

/* 요금-테이블1 */
.p-table {
	width: 100%;
	overflow: hidden;
	color: #222;
	font-size: 14px;
	background-color: #fff;
	line-height: 1.71;
	border: 1px solid #dadada;
	border-collapse: separate;
	border-spacing: 0;
	min-width: 800px;
	border-right: 0;
	border-bottom: 0;
	table-layout: fixed;
}

.p-table thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

.p-table tbody {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

.p-table tr {
	text-align: center;
	vertical-align: middle;
}

.p-table th {
	position: relative;
	height: 100%;
	padding: 18px 30px;
	overflow: hidden;
	background-color: #6e737f;
	color: #fff;
	font-weight: 500;
	text-align: center;
	text-overflow: ellipsis;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.p-table td {
	text-overflow: ellipsis;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.p-table .p-table-cell {
	text-align: center;
	vertical-align: middle;
	float: none;
	width: auto;
}

.p-table .bg {
	background-color: #f6f6f6;
	color: #222;
}

.p-table .bg-y {
	background-color: #f0e877;
	color: #222;
	font-weight: bold;
}

.p-table .t1 {
	height: 60px;
}

.p-table .left {
	text-align: left;
	padding: 0 10px;
}

.p-table .sm {
	width: 350px;
}

.pd-btn-wrap {
	margin: 30px auto 0;
	text-align: center;
}

.pd-btn-wrap a {
	display: inline-block;
	width: 160px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	color: #fff;
	background: #14adea;
	border: 1px solid #14adea;
	font-size: 16px;
	text-align: center;
}

.pd-btn-wrap a:first-child {
	margin-right: 8px;
}

.pd-btn-wrap a.btn-line {
	background: #FFF;
	color: #14adea;
}


/* 웍디자이너 */
.designer-swiper-wrapper {
	text-align: center;
	padding: 200px 0 120px 0;
}

.swiperArea .swiper02 {
	position: relative;
	margin: 90px auto 0;
	max-width: 880px;
	overflow: hidden;
}

.swiperArea .videoArea video {
	width: 880px;
	height: 495px;
	border-radius: 20px;
	object-fit: inherit;
}

.swiperArea .imgArea {
	background: #EDF6FF;
	width: 880px;
	height: 495px;
	border-radius: 20px;
}

.swiperArea .imgArea img {
	object-fit: inherit;
}

.swiperArea .textArea {
	margin: 80px auto 0 auto;
	padding: 42px;
	width: 800px;
	background-color: #FAFAFA;
	border-radius: 16px;
	text-align: center;
}

.swiperArea .textArea h4.title {
	font-weight: 600;
	font-size: 24px;
	color: #333333;
}

.swiperArea .textArea p.txt {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}

.swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets {
	position: absolute;
	bottom: 205px !important;
	z-index: 1;
}

.swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets>span {
	width: 32px;
	border-radius: 16px;
}

.swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets>.swiper-pagination-bullet-active {
	width: 32px;
}

.swiperArea .swiper-button-next,
.swiperArea .swiper-button-prev {
	width: 83px !important;
	height: 83px !important;
	color: #939FA4 !important;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.16)
}

.swiperArea .swiper-button-next {
	top: 30%;
	right: 5px !important;
}

.swiperArea .swiper-button-prev {
	top: 30%;
	left: 5px !important;
}

.designer-sec2-wrapper {
	text-align: center;
	padding: 80px 0 120px 0;
}

.designer-sec3-wrapper {
	text-align: center;
	padding: 80px 0 120px 0;
}

.rounded-label {
	display: inline-block;
	padding: 16px 0;
	margin-top: 120px;
	width: 198px;
	font-weight: 500;
	font-size: 22px;
	background-color: #1AB6E4;
	color: #ffffff;
	border-radius: 100px;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08);
}

.designer-process-wrapper {
	margin-top: 40px;
	padding: 20px 40px;
	width: 100%;
	box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08);
	border-radius: 32px;
}

.process-img-wrapper {
	width: 616px;
}

.process-img-wrapper>img {
	width: 100%;
}

.process-text-wrapper {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.process-text-wrapper>.main-text {
	position: relative;
	font-weight: 600;
	font-size: 36px;
	color: #222;
	line-height: 44px;
	display: inline;
	box-shadow: inset 0 -18px 0 #C3EDFF;
}

.process-text-wrapper>.sub-text {
	margin-top: 20px;
	/* margin-left: -100px; */
}

.process-text-wrapper>.sub-text>p {
	position: relative;
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.01em;
	color: #2C3785;
	text-align: left;
	margin: 0;
	padding-left: 10px;
}

.process-text-wrapper>.sub-text>p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #2C3785;
}

.process-text-wrapper>.sub-text ul {
	padding: 0;
	margin: 0;
}

.process-text-wrapper>.sub-text ul.left-pad-ul {
	margin-left: 15px;
}

.process-text-wrapper>.sub-text ul>li {
	position: relative;
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -0.01em;
	color: #586063;
	text-align: left;
	padding-left: 10px;
}

.process-text-wrapper>.sub-text ul>li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #586063;
}

.process-text-wrapper>.sub-text ul>li>p {
	margin: 0;
}

.workmanager-divided-wrapper .process-img-wrapper{
	width: 780px;
}

.workmanager-divided-wrapper .boxCont {
	display: none;
}

.process-text-wrapper>.additional-text {
	margin-top: 40px;
	font-weight: 500;
	font-size: 20px;
}

.process-text-wrapper>.sub-text>.inner-title {
	color: #2C3785;
}

.workdesigner-banner-bg {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	height: 315px;
	background-image: url("/images/workdesigner-banner-background.png");
	background-repeat: no-repeat;
	background-size: 100% 315px;
}

.plus-btn-wrapper.workdesigner {
	background-image: url("/images/use-worktronics-background.png");
}

.designer-sec2-wrapper .boxCont {
	display: none;
}

.swiper03>.swiper-wrapper,
.swiper04>.swiper-wrapper,
.swiper05>.swiper-wrapper {
	display: block;
}

/* 웍 봇 */
.workbot-sec1-wrapper {
	margin: 0 auto;
	padding: 80px 0 120px 0;
	background-color: #FAFAFA;
	text-align: center;
}

.workbot-sec1-divided-wrapper {
	gap: 32px;
	margin: 36px auto 0 auto;
	max-width: 984px;
}

.workbot-sec1-cnt {
	padding: 40px 50px;
	background: #FFFFFF;
	box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08);
	border-radius: 32px;
}

.workbot-sec1-cnt>div:first-child {
	font-weight: 600;
	font-size: 18px;
}

.workbot-sec1-cnt>.workbot-explain {
	display: inline-block;
	margin: 20px 0 24px 0;
	font-size: 16px;
	line-height: 22px;
	color: #586063;
}

.workbots-img {
	margin-top: 80px;
}

.workbot-sec2-wrapper {
	padding: 80px 0 120px 0;
	width: 100%;
	text-align: center;
}

.workmanager-divided-wrapper {
	padding: 100px 0;
}

.workmanager-cnt-wrapper.blue {
	background-color: #F5FDFF;
}

.workmanager-divided-wrapper {
	margin: 0 auto;
	max-width: 1440px;
	padding: 100px 20px;
}

.workmanager-divided-wrapper .process-text-wrapper>.main-text {
	display: block;
	box-shadow: none;
}

.workmanager-divided-wrapper>img {
	max-width: 850px;
}

.workbot-sec2-wrapper .boxCont {
	display: none;
}

.flowArea {
	display: none;
}

/* 웍 매니저 */
.research-banner-bg {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	height: 315px;
	background-image: url("/images/research-banner-background.png");
	background-repeat: no-repeat;
	background-size: 100% 315px;
}

.flex-row-vertical-center {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.edu-banner-btn-wrapper.worktronics {
	background-image: url("/images/use-worktronics-background.png");
}

.edu-banner-btn-wrapper.consulting2 {
	background-image: url(/images/free-consulting-background.png);
}

.edu-banner-btn-wrapper {
	position: relative;
	width: 300px;
	height: 192px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 16px;
	cursor: pointer;
}

.edu-banner-btn-text {
	display: inline-block;
	margin: 55px 0 0 32px;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	color: #fff;
}

.edu-banner-btn-text>span {
	font-weight: normal;
	font-size: 12px;
}

.edu-banner-btn-wrapper>img {
	float: right;
	margin-top: 60px;
}

.edu-banner-btn-wrapper button {
	position: absolute;
	right: 40px;
	top: 80px;
	background: rgba(17, 46, 148, 0.5) url(/images/plus-btn.svg) 50% 50% no-repeat;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	padding: 0;
}

.edu-banner-btn-wrapper button.sky {
	background: rgba(26, 155, 228, 0.5) url(/images/plus-btn.svg) 50% 50% no-repeat;
}

.edu-banner-btn-wrapper button.blue2 {
	background: rgba(13, 66, 96, 0.5) url(/images/plus-btn.svg) 50% 50% no-repeat;
}

.edu-banner-btn-wrapper button.green {
	background: #9BB01A url(/images/plus-btn.svg) 50% 50% no-repeat;
}


img {
	max-width: 100%;
}

#tab-con-mb {
	display: none;
}

.total-wrap {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	text-align: right;
	margin-bottom: 15px;
}

.total-wrap .total-text {
	font-weight: 500;
	font-size: 16px;
	text-align: right;
	color: #333;
}


/* 모바일 */
@media screen and (max-width: 998px) {
	.pd-con-mb {
		padding: 0 !important;
	}

	/* 공통 타이틀 */
	.workHead {
		text-align: center;
		padding: 30px 0 0;
		margin-top: 0;
	}

	.workHead img {
		max-width: 102px !important;
	}

	.workHead h2.work-title {
		margin: 0;
		font-weight: 700;
		font-size: 36px;
		line-height: 57px;
		letter-spacing: 0.01em;
	}

	.workHead p.work-text {
		margin: 8px 0 0;
		font-weight: 400;
		font-size: 18px;
		line-height: 27px;
		letter-spacing: -0.01em;
	}


	/* 웍트로닉스 */
	.tronics-sec1-banner {
		background-image: url(/images/worktronics-section2-mb.png);
		background-position: bottom;
		margin: 40px 0 0;
		border-radius: 0;
		padding: 60px 20px 335px;
		text-align: center;
		height: auto;
	}

	.tronics-sec1-banner .text-wrapper {
		padding: 0;
	}

	.tronics-sub-title {
		font-weight: 500;
		font-size: 15px;
		line-height: 18px;
	}

	.tronics-main-title {
		position: relative;
		font-weight: 600;
		font-size: 28px;
		line-height: 33px;
		z-index: 1;
	}

	.tronics-main-title br {
		display: block;
	}

	.tronics-sec1-banner .text-wrapper .underline {
		top: 38px;
		left: 50%;
		transform: translateX(-50%);
		width: 226px;
	}

	.tronics-explain {
		font-weight: 300;
		font-size: 16px;
		line-height: 27px;
	}

	.tronics-explain>br {
		display: none;
	}

	.tronics-sec1-banner .banner-btn-wrap {
		padding: 30px 0 0;
	}

	.tronics-sec1-banner .banner-btn-wrap a {
		width: 100%;
		font-weight: 600;
		font-size: 18px;
		box-sizing: border-box;
	}

	.tronics-sec1-banner .banner-btn-wrap a:first-child {
		margin: 0 0 12px;
	}

	.con-gray-wrap {
		padding: 0 20px;
	}

	.tronics-sec2-wrapper {
		padding: 60px 0;
	}

	/* 슬라이드 메뉴 */
	.con-silde-wrap {
		display: block;
		overflow: hidden;
		margin-top: 30px;
	}

	.con-silde-wrap .swiperCard {
		min-height: 185px;
		padding: 28px;
		border-radius: 16px;
		text-align: left;
		box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.08);
		box-sizing: border-box;
	}

	.con-silde-wrap .swiperCard p.txt {
		margin-top: 20px;
		font-weight: 400;
		font-size: 14px;
		color: #333;
		line-height: 22px;
		letter-spacing: -0.01em;
	}

	.con-silde-wrap .swiperCard .title {
		font-weight: 600;
		font-size: 18px;
		color: #333;
		line-height: 21px;
		letter-spacing: 0.01em;
	}

	.con-silde-wrap .swiperCard .textArea .title.type01 {
		font-weight: 600;
		font-size: 28px;
		color: #333;
		line-height: 24px;
		letter-spacing: 0.01em;
	}

	.con-silde-wrap .swiperCard .textArea .subTitle {
		font-weight: 600;
		font-size: 18px;
		color: #1A8FE4;
		line-height: 21px;
		letter-spacing: 0.01em;
	}

	.con-silde-wrap .swiperCard.webS {
		background: #fff url("/images/ico_badge.svg") no-repeat top 28px right 28px;
	}

	.con-silde-wrap .swiperCard.thumb {
		background: #fff url("/images/ico_thumb.svg") no-repeat top 28px right 28px;
	}

	.con-silde-wrap .swiperCard.lamp {
		background: #fff url("/images/ico_lamp02.png") no-repeat top 28px right 28px;
	}

	.con-silde-wrap .swiperCard.wifi {
		background: #fff url("/images/ico_wifi.svg") no-repeat top 28px right 28px;
	}

	.con-silde-wrap .swiperCard p.desc {
		margin-bottom: 5px;
		font-weight: 400;
		font-size: 14px;
		color: #1a8fe4;
		line-height: 17px;
		letter-spacing: -0.01em;
	}

	.con-silde-wrap .swiperCard p.desc.type01 {
		font-weight: 400;
		font-size: 16px;
		color: #000;
		line-height: 24px;
		letter-spacing: -0.01em;
	}

	.con-silde-wrap .swiperCard p.txt {
		margin-top: 20px;
		font-weight: 400;
		font-size: 14px;
		color: #333;
		line-height: 22px;
		letter-spacing: -0.01em;
	}

	.con-silde-wrap .swiper-container-horizontal>.swiper-pagination-bullets {
		margin-top: 24px;
		bottom: auto !important;
	}

	.swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		border-radius: 12px;
		background: #8CDAF1;
	}

	.swiper-pagination-bullet-active {
		width: 32px;
		background: #1AB6E4;
	}

	.tronics-architec-wrapper.line-bg {
		margin: 0;
	}

	.content-container .tronics-sec3-wrapper {
		padding: 80px 20px;
	}

	.architec-first-label {
		margin: 32px 0 0;
		padding: 12px 10px;
		font-weight: 700;
		font-size: 16px;
		line-height: 19px;
	}

	.architec-sec-label {
		padding: 10px;
		font-weight: 600;
		font-size: 14px;
		line-height: 17px;
	}

	.architec-text-box {
		display: flex;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 77px;
		padding: 12px 8px;
		width: 33.333%;
		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: 0.01em;
	}

	.tronics-architec-wrapper.line-bg .flex-row-between {
		gap: 8px;
	}

	.architec-icon-box {
		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
		height: 125px;
		margin: 16px 0 36px;
	}

	.architec-icon-box img {
		width: 70px;
	}

	.architec-icon-box:nth-child(5) img {
		width: 44px;
	}

	.architec-num-circle {
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-weight: 500;
		font-size: 12px;
	}

	.architec-num-circle.right-top {
		top: 85px;
		left: 50%;
		transform: translateX(-50%);
	}

	.architec-text-label {
		margin: 12px 0 0 !important;
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
		height: auto;
		padding: 7px;
	}

	.architec-text-box::after {
		top: 0;
		height: 380px;
	}

	.architec-sec-label.cell-ver>span {
		padding: 7px 0;
	}

	.architec-round-label {
		display: flex;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: calc(100% / 4 - 4px);
		height: 75px;
		padding: 12px 8px;
		font-weight: 400;
		font-size: 14px;
		line-height: 17px;
		border-radius: 12px;
		word-break: break-all;
	}

	.architec-between-wrap .flex-row-between {
		justify-content: center;
		align-items: stretch;
		gap: 8px;
	}

	.architec-between-wrap .flex-row-between:last-child span {
		margin: 0;
	}

	.architec-sec-label.cell-ver {
		margin: 0 0 16px;
	}

	.tronics-sec4-wrapper {
		max-width: unset;
		padding: 80px 20px 60px;
	}

	.case-card-wrapper {
		display: grid;
		grid-template-columns: 100%;
		gap: 24px;
		justify-items: end;
		margin-top: 32px;
	}

	.case-card-wrapper .case-card {
		position: relative;
		width: calc(100% - 30px);
		height: auto;
		box-shadow: 0px 3px 24px #BED1D7, 0px 1px 24px rgba(0, 0, 0, 0.08);
		border-radius: 16px;
		padding: 24px 24px 24px 50px;
	}

	.case-card-wrapper .case-card img {
		position: absolute;
		left: -30px;
		top: 50%;
		transform: translateY(-50%);
		width: 60px;
		height: 60px;
	}

	.case-card-text-wrapper {
		height: auto;
		text-align: left;
	}

	.case-card .card-title {
		font-weight: 700;
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 12px;
	}

	.case-card .card-explain {
		font-weight: 400;
		font-size: 14px;
		line-height: 21px;
		letter-spacing: -0.01em;
		margin: 0;
	}

	.case-card .card-explain br {
		display: none;
	}

	.tronics-sec4-wrapper .btn-wrapper {
		margin-top: 32px;
	}

	.tronics-sec4-wrapper .btn-wrapper a {
		width: 100%;
		font-weight: 600;
		font-size: 18px;
		padding: 16px;
		box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.16);
		box-sizing: border-box;
	}

	.tronics-sec4-wrapper .btn-wrapper a:last-child {
		margin: 16px 0 0;
	}

	.plus-banner-bg {
		text-align: center;
	}

	.plus-banner-wrapper {
		display: block;
		padding: 60px 20px;
	}

	.plus-text-wrapper .main-text {
		font-weight: 600;
		font-size: 28px;
		line-height: 33px;
		letter-spacing: -0.01em;
	}

	.plus-text-wrapper .explain-text {
		font-weight: 400;
		font-size: 16px;
		line-height: 19px;
		text-align: center;
		letter-spacing: 0.01em;
	}

	.plus-btn-wrapper {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 68px;
		line-height: 68px;
		background: #1163DF;
		box-sizing: border-box;
		padding: 0 20px;
		text-align: left;
		box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.16);
		margin-top: 40px;
	}

	.plus-btn-text {
		line-height: inherit;
		margin: 0;
	}

	.plus-btn-wrapper>button {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		background: rgba(17, 46, 148, 0.5) url(/images/plus-btn.svg) 50% 50% no-repeat;
		width: 36px;
		height: 36px;
		border-radius: 50px;
		padding: 0;
	}

	.content-container.faq-wrapper .tronics-sec5-wrapper {
		padding: 50px 20px 0;
	}

	.tronics-sec5-wrapper {
		padding: 50px 20px 60px;
	}

	.question-line {
		box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.08);
		border-radius: 16px;
		font-weight: 500;
		font-size: 18px;
		line-height: 21px;
		padding: 20px 24px;
		text-align: left;
		margin-top: 20px;
	}

	.answer-box {
		padding: 20px;
		border-radius: 16px;
	}

	.question-line.inner {
		padding: 23px 32px;
		font-weight: 500;
		font-size: 18px;
		line-height: 21px;
	}

	.answer-cnt {
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
	}

	.layerPop {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		padding: 30px 20px 50px 20px;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
		overflow-y: auto;
		box-sizing: border-box;
		z-index: 9999;
	}

	.layerPop.active {
		display: block;
	}

	.layerPop.type02 {
		padding: 93px 20px 50px 20px;
	}

	.layerPop .layer {
		background: #fff;
		width: 100%;
		border-radius: 16px;
		z-index: 2;
		padding: 20px;
		box-sizing: border-box;
		margin-top: 50%;
	}

	.layerPop .layer .layerHead {
		position: relative;
	}

	.layerPop .layer .layerHead h3 {
		font-weight: 500;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 0.01em;
		color: #222;
		text-align: center;
	}

	.layerPop .layer .layerHead .popupclose {
		position: absolute;
		right: 0;
		top: 0;
		outline: none;
		background: url(/images/closeBtn-icon.svg) 50% 50% no-repeat;
		width: 14px;
		height: 14px;
		padding: 0;
	}

	.layerPop .layer .layerCont {
		padding: 0;
		font-weight: 400;
		font-size: 14px;
		line-height: 21px;
		color: #586063;
	}

	.layerPop .layer .layerCont .textArea .desc {
		text-align: center;
		margin-top: 12px;
	}


	.mb-d-none {
		display: none;
	}


	/* 클라우드 서비스 */
	.wpi-header-wrap {
		padding: 30px 0 0;
	}

	.wpi-header-wrap h2 {
		margin-bottom: 8px;
		font-weight: 700;
		font-size: 36px;
		line-height: 43px;
	}

	.wpi-header-wrap>p {
		margin-bottom: 16px;
		font-weight: 400;
		font-size: 18px;
		line-height: 27px;
	}

	.solution-btn-wrap {
		margin: 0;
		display: flex;
		padding: 0 20px;
	}

	.solution-btn-wrap a {
		width: 50%;
		height: 46px;
		line-height: 46px;
		font-weight: 600;
		font-size: 18px;
	}

	.solution-btn-wrap a.btn-lineTrans {
		margin-right: 12px;
	}

	.wpi-center-wrap .tabmenu {
		margin-top: 40px;
		height: auto;
		padding: 0;
		background: none;
		border-bottom: 1px solid #000;
	}

	.wpi-center-wrap .tabmenu ul {
		max-width: unset;
		padding: 0 20px;
	}

	.wpi-center-wrap .tabmenu ul li {
		color: #333;
		height: 48px;
		line-height: 48px;
		font-size: 17px;
	}

	.wpi-center-wrap .tabmenu ul li.current {
		position: relative;
		background: none;
		color: #000;
	}

	.wpi-center-wrap .tabmenu ul li.current::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		height: 4px;
		background: #000;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

	.wpi-center-wrap .tabmenu ul li.current:active:after {
		width: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.wpi-center-wrap .tab-con {
		padding-top: 100px;
	}

	.content-box h2.box-item-title {
		font-weight: 400;
		font-size: 24px;
		line-height: 29px;
	}

	.content-box .overview-text {
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		letter-spacing: -0.01em;
		margin: 20px 0 40px 0;
	}

	.solution-logo-img {
		display: block;
		width: 149px;
	}

	.content-box {
		padding: 0 20px;
	}

	.content-box>img {
		display: none;
	}

	#tab-con-mb {
		display: block;
	}

	.hr-divider {
		display: none;
	}

	.pd-btn-wrap {
		display: flex;
		margin: 25px auto 0;
		text-align: center;
		padding: 0 20px;
	}

	.architec-num-circle:hover .architec-popup {
		display: none;
	}

	/* 웍디자이너 */
	.designer-swiper-wrapper {
		padding: 100px 0 0;
	}

	.designer-swiper-wrapper .swiperArea .swiper02 {
		margin: 45px auto 0;
		height: 445px;
	}

	.designer-swiper-wrapper .swiperArea .videoArea video {
		width: 100%;
		height: 200px;
		border-radius: 16px 16px 0px 0px;
	}

	.designer-swiper-wrapper .swiperArea .imgArea {
		width: 100%;
		height: 200px;
		border-radius: 16px 16px 0px 0px;
	}

	.designer-swiper-wrapper .swiperArea .imgArea img {
		width: 100%;
		height: 200px;
	}

	.designer-swiper-wrapper .swiperArea .swiperCard {
		padding: 0;
		box-shadow: none;
		background-color: #FAFAFA;
		border-radius: 16px;
	}

	.designer-swiper-wrapper .swiperArea .swiper-button-next,
	.designer-swiper-wrapper .swiperArea .swiper-button-prev {
		display: none;
	}

	.designer-swiper-wrapper .swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets>span {
		width: 12px;
		height: 12px;
		background: #8CDAF1;
	}

	.designer-swiper-wrapper .swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets>span.swiper-pagination-bullet-active {
		width: 32px;
		background: #1AB6E4;
	}

	.designer-swiper-wrapper .swiperArea .textArea {
		margin: 0;
		width: auto;
		min-height: 208px;
		padding: 24px 16px;
		box-sizing: border-box;
		border-radius: 0px 0px 16px 16px;
	}

	.designer-swiper-wrapper .swiperArea .textArea h4.title {
		font-weight: 600;
		font-size: 20px;
		line-height: 24px;
		margin: 0;
	}

	.designer-swiper-wrapper .swiperArea .textArea p.txt {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		margin: 16px 0 0;
	}

	.designer-swiper-wrapper .swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets {
		bottom: 0 !important;
	}

	.designer-sec2-wrapper .designer-process-img {
		display: none;
	}

	.designer-sec2-wrapper .boxCont {
		display: block;
		margin: 48px 0 0;
	}

	.boxArea .box .boxCont {
		margin-top: 32px;
	}

	.boxArea .box .boxCont.type02 {
		margin-top: 48px;
	}

	.boxArea .box .boxCont .circle+.icoGroup {
		margin-top: 12px;
	}

	.boxArea .box .boxCont .circle+.icoGroup ul li:not(:first-child) {
		margin-left: 12px;
	}

	.boxArea .box .boxCont .circle+.icoGroup ul:not(:first-child) {
		margin-top: 12px;
	}

	.boxArea .box .boxCont .blueArrow {
		margin-top: 12px;
	}

	.boxArea .box .boxCont .blueArrow+.icoGroup {
		margin-top: 12px;
	}

	.boxArea .box .boxCont .blueArrow+.icoGroup ul li:not(:first-child) {
		margin-left: 20px;
	}

	.boxArea .box .boxCont .blueArrow+.circle {
		margin-top: 12px;
	}

	.boxArea .box .boxCont .imgArea {
		margin-top: 12px;
		text-align: center;
	}

	.boxArea .box .boxCont .bottomDesc {
		margin-top: 20px;
		text-align: center;
	}

	.boxArea .box .boxCont .bottomDesc+.imgArea {
		margin-top: 32px;
	}

	.processArea ul {
		padding: 0;
	}

	.processArea ul li {
		position: relative;
	}

	.processArea ul li .box {
		padding: 20px 10px;
		-webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.16);
		box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.16);
		border-radius: 16px 16px 0px 16px;
	}

	.processArea ul li .box .title {
		font-weight: 600;
		font-size: 20px;
		color: #333;
		line-height: 24px;
		letter-spacing: -0.01em;
		text-align: center;
	}

	.processArea ul li .box .desc {
		margin: 12px 0 0;
		font-weight: 400;
		font-size: 14px;
		color: #333;
		line-height: 17px;
		letter-spacing: 0.01em;
		text-align: center;
	}

	.processArea ul li .box.blue {
		background: #1D71EF;
	}

	.processArea ul li .box.blue .title {
		color: #fff;
	}

	.processArea ul li .box.blue .desc {
		color: #fff;
	}

	.processArea ul li:not(:first-child) {
		margin-top: 40px;
	}

	.processArea ul li:not(:first-child):before {
		content: '';
		position: absolute;
		left: 50%;
		top: -53px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 32px;
		height: 66px;
		background: url("/images/ico_step.svg") no-repeat center;
	}

	.designer-sec3-wrapper {
		padding: 0 0 80px 0;
	}

	.rounded-label {
		margin: 45px 0 24px;
		font-weight: 600;
		font-size: 18px;
		padding: 16px 24px;
		width: auto;
		height: auto;
	}

	.rounded-label:first-child {
		margin-top: 0;
	}

	.designer-process-wrapper {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 25px;
		border: 1px solid #eee;
		box-shadow: none;
		border-radius: 16px;
		margin: 0 0 15px;
		min-height: 540px;
	}

	.process-text-wrapper {
		display: block !important;
		order: 2;
		margin-top: 20px;
		text-align: left;
	}

	.process-text-wrapper>.sub-text {
		margin-top: 10px;
	}
	
	.workmanager-divided-wrapper .boxCont{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.process-img-wrapper {
		width: auto;
		order: 1;
	}

	.process-img-wrapper img {
		height: 195px;
	}

	.process-text-wrapper>.main-text {
		font-weight: 600;
		font-size: 21px;
		line-height: 26px;
		letter-spacing: -0.01em;
		text-align: left;
		display: inline;
		box-shadow: inset 0 -12px 0 #C3EDFF;
	}

	.process-text-wrapper>.sub-text>p {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -0.01em;
	}

	.process-text-wrapper>.sub-text>p:before {
		top: 9px;
	}

	.process-text-wrapper>.sub-text ul>li {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -0.01em;
		color: #586063;
		padding-left: 10px;
	}

	.process-text-wrapper>.sub-text ul>li:before {
		top: 10px;
	}

	.process-text-wrapper>.sub-text ul>li>p {
		margin: 0;
		padding: 0;
	}

	.process-text-wrapper>.main-text span.title-underline {
		display: none;
	}

	.workdesigner-banner-bg {
		text-align: center;
		background-size: cover;
		background-position-x: center;
	}

	.plus-btn-wrapper.workdesigner {
		background: #081C88;
	}

	.swiper03,
	.swiper04,
	.swiper05 {
		overflow: hidden;
	}

	.swiper03>.swiper-wrapper,
	.swiper04>.swiper-wrapper,
	.swiper05>.swiper-wrapper {
		display: flex;
	}

	.swiper04 .designer-process-wrapper {
		min-height: 603px;
	}

	.swiper05 .designer-process-wrapper {
		min-height: 496px;
	}

	/* 웍 봇 */
	.workbot-sec1-wrapper {
		margin: 0 auto;
		padding: 60px 20px;
	}

	.workbots-img {
		margin-top: 25px;
	}

	.workbot-sec1-divided-wrapper {
		margin: 25px 0 0;
		display: grid;
		grid-template-columns: 100%;
	}

	.workbot-sec1-cnt {
		padding: 24px;
		border-radius: 16px;
	}

	.workbot-sec1-cnt>div:first-child {
		font-size: 16px;
		line-height: 19px;
	}

	.workbot-sec1-cnt>.workbot-explain {
		display: block;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.01em;
		margin: 12px 0 16px;
	}

	.workbot-sec1-cnt>.workbot-explain br {
		display: none;
	}

	.workbot-sec2-wrapper {
		padding: 80px 20px;
		box-sizing: border-box;
	}

	.workbots-img {
		display: none;
	}

	.workbot-sec2-wrapper .boxCont {
		display: block;
	}

	.autoArea {
		margin: 45px 0 0;
	}

	.autoArea .person {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		padding-bottom: 114px;
		background: url("/images/ico_arrowgroup.svg") no-repeat center bottom;
	}

	.autoArea .person .box {
		position: relative;
		width: 100%;
		max-width: 60px;
		padding: 68px 0px 0px 0px;
	}

	.autoArea .person .box p {
		font-weight: 500;
		font-size: 14px;
		color: #333;
		line-height: 17px;
		letter-spacing: 0.01em;
		text-align: center;
	}

	.autoArea .person .box.black {
		background: url("/images/ico_perblack.svg") no-repeat top center;
	}

	.autoArea .person .box.red {
		background: url("/images/ico_perred.svg") no-repeat top center;
	}

	.autoArea .person .box.green {
		background: url("/images/ico_pergreen.svg") no-repeat top center;
	}

	.autoArea .person .box.yellow {
		background: url("/images/ico_peryellow.svg") no-repeat top center;
	}

	.autoArea .person .box:not(:first-child) {
		margin-left: 16px;
	}

	.circle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background: #222;
		margin: 0px auto;
		text-align: center;
	}

	.circle p {
		font-weight: 300;
		font-size: 12px;
		color: #fff;
	}

	.circle p strong {
		font-weight: 600;
		font-size: 18px;
		color: #fff;
	}

	span.blueArrow {
		display: block;
		width: 32px;
		height: 66px;
		margin: 10px auto;
		background: url("/images/ico_bluearrow.svg") no-repeat center;
	}

	.icoGroup {
		margin: 10px 0;
	}

	.icoGroup ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		padding: 0;
		margin: 0;
	}

	.workbot-sec2-wrapper .desc {
		margin: 20px 0 0;
		padding: 0;
		font-weight: 700;
		font-size: 16px;
		line-height: 19px;
		letter-spacing: 0.01em;
	}

	.flowArea {
		height: 320px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-top: 30px;
	}

	.flowArea .flow {
		height: 100%;
	}

	.flowArea .flow ul {
		height: 100%;
		position: relative;
		padding-left: 20px;
	}

	.flowArea .flow ul li {
		height: calc(100% / 4);
		position: relative;
		padding-left: 30px;
	}

	.flowArea .flow ul li p {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;
		font-weight: 400;
		font-size: 16px;
		color: #333;
		line-height: 24px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.flowArea .flow ul li:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #2c3785;
	}

	.flowArea .flow ul li:not(:first-child):before {
		background: #B8C6CC;
	}

	.flowArea .flow ul:before {
		content: '';
		position: absolute;
		left: 25px;
		top: 37px;
		width: 1px;
		height: 77%;
		background: #e9eaeb;
	}

	.circleArea p {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		font-weight: 600;
		font-size: 15px;
		color: #fff;
		margin: 0;
	}

	.circleArea p.speed {
		background: #4cbaf8;
	}

	.circleArea p.light {
		background: #469BFF;
		margin-top: 40px;
	}

	.circleArea p.success {
		background: #3166EE;
		margin-top: 40px;
	}

	/* 웍매니저 */
	.workmanager-divided-wrapper {
		display: grid;
		padding: 60px 20px;
		justify-content: center;
	}

	.process-text-wrapper {
		margin: 0;
	}

	.workmanager-divided-wrapper>img {
		max-width: 100%;
	}

	.workmanager-divided-wrapper .process-text-wrapper {
		text-align: center;
		order: 1;
	}

	.workmanager-divided-wrapper .process-img-wrapper {
		text-align: center;
		order: 2;
		margin-top: 20px;
		width: auto;
	}
	.workmanager-divided-wrapper .process-img-wrapper img {
		height: auto;
	}

	.workmanager-divided-wrapper .additional-text {
		display: none;
	}

	.workmanager-divided-wrapper .process-text-wrapper .main-text {
		text-align: center;
		font-weight: 600;
		font-size: 28px;
		line-height: 33px;
	}

	.workmanager-divided-wrapper .process-text-wrapper .main-text::before {
		display: none;
	}

	.vividArea {
		margin: 16px 0;
	}

	.vividArea ul {
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 10px;
		gap: 10px;
	}

	.vividArea ul:nth-child(2) {
		margin: 0;
	}

	.vividArea ul li {
		margin: 0;
		text-align: left;
	}

	.vividArea ul li .box {
		display: flex;
		align-items: center;
		gap: 5px;
		padding: 0;

	}

	.vividArea ul li .box span {
		display: block;
		float: left;
		width: 48px;
		height: 48px;
		border-radius: 50%;
	}

	.vividArea ul li .box p {
		display: inline-block;
		height: 33px;
		padding: 0px 12px;
		margin-left: 8px;
		line-height: 33px;
		border-radius: 100px;
		font-weight: 500;
		font-size: 14px;
		color: #000;
		letter-spacing: -0.01em;
		text-align: center;
		margin: 0;
	}

	.vividArea ul li .box.baloon span {
		background: url("/images/ico_baloon02.svg") no-repeat center;
	}

	.vividArea ul li .box.baloon p {
		background: #D9EDFF;
	}

	.vividArea ul li .box.person span {
		background: url("/images/ico_person.svg") no-repeat center;
	}

	.vividArea ul li .box.person p {
		background: #FFE7D9;
	}

	.vividArea ul li .box.folder span {
		background: url("/images/ico_folder02.svg") no-repeat center;
	}

	.vividArea ul li .box.folder p {
		background: #FFF2AD;
	}

	.vividArea ul li .box.calender span {
		background: url("/images/ico_calender.svg") no-repeat center;
	}

	.vividArea ul li .box.calender p {
		background: #FAC7C7;
	}

	.workmanager-divided-wrapper .process-text-wrapper .desc {
		font-weight: 500;
		font-size: 18px;
		line-height: 22px;
		letter-spacing: -0.01em;
		color: #000;
	}

	.workmanager-divided-wrapper .process-text-wrapper>.sub-text ul>li {
		color: #222;
	}

	.workmanager-btn-wrap {
		height: auto;
		background-size: cover;
		background-position-x: center;
	}

	.workmanager-btn-wrap .flex-row-vertical-center {
		display: grid;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a {
		position: relative;
		background-image: none;
		width: 100%;
		height: 68px;
		border-radius: 16px;
		padding: 11px 20px;
		box-sizing: border-box;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a span {
		width: 100%;
		height: 68px;
		margin: 0;
		font-weight: 500;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: -0.01em;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a span>span {
		display: inline-block;
		height: auto;
		font-weight: 600;
		font-size: 12px;
		line-height: 14px;
		letter-spacing: -0.01em;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a span br {
		display: none;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
		width: 36px;
		height: 36px;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a.worktronics {
		background: #081C88;
	}

	.workmanager-btn-wrap .flex-row-vertical-center a.consulting2 {
		background: #1AB6E4;
		margin-top: 12px;
	}

	.workmanager-btn-wrap .plus-text-wrapper {
		text-align: center;
		padding-bottom: 10px;
	}

	.workmanager-btn-wrap .plus-text-wrapper .main-text {
		font-weight: 600;
		font-size: 28px;
		line-height: 33px;
		letter-spacing: -0.01em;
	}

	.workmanager-btn-wrap .plus-text-wrapper .main-text br {
		display: none;
	}

	.workmanager-btn-wrap .plus-text-wrapper .explain-text {
		margin: 12px 0 35px;
	}

	.swiperArea>.swiper-container-horizontal>.swiper-pagination-bullets>span {
		width: 12px;
	}

	.total-wrap {
		margin-bottom: 0;
	}

}