/*--------------- about 섹션--------------*/
.about-wrap{width:100%; padding:var(--gap-140) 0;}
.about-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; display:flex; align-items: center; justify-content: space-between;}
.about-wrap .image-wrap{position:relative; width:calc(50% - 25px); height: 539px; overflow: hidden; transform-style: preserve-3d; transition: all 1.5s ease-in-out;}
.about-wrap .image-wrap .image-inner-wrap{width:100%; height: 100%; background-size:auto calc(140%); background-position:center;}
.about-wrap .text-wrap{width:calc(50% - 50px);}
.about-wrap .text-wrap .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; white-space: normal;}
.about-wrap .text-wrap .stlt{font-size:var(--font-size-medium); color:var(--color-font); margin-top:var(--gap-20);}

@media only screen and (max-width:640px){
	.about-wrap .image-wrap{width:calc(50% - 10px); height: 300px;}
	.about-wrap .text-wrap{ width:calc(50% - 10px);}
}

@media only screen and (max-width:475px){
	.about-wrap .inner-wrap{flex-wrap:wrap; gap:20px;}
	.about-wrap .image-wrap{width:100%; height: 257px;}
	.about-wrap .text-wrap{ width:100%;}
}


/*--------------- 시스템 섹션--------------*/
.operation-wrap{width:100%; padding:var(--gap-140) 0; position:relative; text-align: center; overflow: hidden;}
.operation-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; position:relative; z-index: 1;}
.operation-wrap > .inner-wrap > .text-wrap .tlt{font-size:var(--font-size-huge); font-weight: 800; white-space: normal; line-height: 120%;  margin-top:var(--gap-20);}
.operation-wrap > .inner-wrap > .text-wrap .stlt{font-size:var(--font-size-medium); color:var(--color-primary-text);}
.operation-wrap > .inner-wrap > .vr{width:1px; background-color:#000; height: 150px; margin:var(--gap-100) auto;}
.operation-wrap > .inner-wrap .content-wrap:first-child{margin-top:0; }
.operation-wrap > .inner-wrap .content-wrap{margin:0 auto var(--gap-100) auto; max-width:730px; text-align: left;}
.operation-wrap > .inner-wrap .content-wrap > .tlt{font-size:var(--font-size-xlarge); font-weight: 800; margin-bottom:20px;}
.operation-wrap > .inner-wrap .content-wrap > ul > li{list-style-type: disc; margin-left:20px; margin-bottom:15px;}
.operation-wrap > .inner-wrap .content-wrap > ul > li:last-child{margin-bottom:0;}
.operation-wrap > .inner-wrap .content-wrap > ul > li > span{color:var(--color-font);}
.operation-wrap > .inner-wrap .content-wrap > ul > li > ul{margin-top:15px;}
.operation-wrap > .inner-wrap .content-wrap > ul > li > ul > li{color:var(--color-font);}
.operation-wrap > .inner-wrap .content-wrap > ul > li > ul > li::before {content: "- "; margin-right: 4px;}
.operation-wrap > .inner-wrap .content-wrap > ul > li  table {width: 100%; border-collapse: collapse; font-size:var(--font-size-normal); margin-top:15px;}
.operation-wrap > .inner-wrap .content-wrap > ul > li  th{background-color:#ECEDF1;}
.operation-wrap > .inner-wrap .content-wrap > ul > li  th, td {padding: 12px; text-align: center; border-bottom: 1px solid #ddd; font-weight: 400;}
.operation-wrap > .inner-wrap .content-wrap > ul > li  td{color:var(--color-font);}
.operation-wrap > .inner-wrap .content-wrap > ul > li  thead th {background-color: #f5f5f5; font-weight: 600;}
.operation-wrap > .deco{position:absolute; z-index: 0;}
.operation-wrap > .deco01{top:334px; left:189px;}
.operation-wrap > .deco02{top:464px; left:124px;}
.operation-wrap > .deco03{top:1134px; left:126px;}
.operation-wrap > .deco04{top:1265px; left:-272px;}
.operation-wrap > .deco05{top:-50px; left:1592px;}
.operation-wrap > .deco06{top:263px; left:1506px;}
.operation-wrap > .deco07{top:949px; left:1462px;}
.operation-wrap > .deco08{top:1175px; left:1582px;}


/*--------------- process 섹션--------------*/
.process-wrap{width:100%; padding:var(--gap-140) 0; background:url("/project/templates/image/business/smenu02_02.png"); background-position: center; background-size:cover;}
.process-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between; gap:40px;}
.process-wrap .circle-wrap{max-width:350px; max-height: 350px; width:calc(33% - 27px); border:1px solid #fff; border-radius: 50%; position:relative;}
.process-wrap .circle-wrap:after{content: ""; display:block; clear:both; padding-top: 100%;}
.process-wrap .circle-wrap > .num{position:absolute; left:50%; transform: translate(-50%,0); top:17%; color:#fff; font-weight: 900; font-size:var(--font-size-xlarge);}
.process-wrap .circle-wrap > .text-wrap{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center; width:calc(100% - 60px)}
.process-wrap .circle-wrap > .text-wrap > .tlt{color:#fff; font-weight: 600; font-size:var(--font-size-xlarge); width:100%;}
.process-wrap .circle-wrap > .text-wrap > .stlt{color:#fff; font-weight: 400; font-size:var(--font-size-medium); width:100%;}


@media only screen and (max-width:990px){
	.process-wrap .circle-wrap > .text-wrap > .tlt{font-size:var(--font-size-large);}
	.process-wrap .circle-wrap > .text-wrap > .stlt{font-size:var(--font-size-normal);}
}

@media only screen and (max-width:880px){
	.process-wrap .circle-wrap > .num{font-size:var(--font-size-large);}
	.process-wrap .circle-wrap > .text-wrap{top:60%; width:calc(100% - 40px)}
}

@media only screen and (max-width:710px){
	.process-wrap .circle-wrap > .text-wrap > .tlt{font-size:var(--font-size-medium);}
	.process-wrap .circle-wrap > .text-wrap > .stlt{font-size:var(--font-size-small);}
	.process-wrap > .inner-wrap{gap:20px;}
	.process-wrap .circle-wrap{width:calc(33% - 14px);}
}

@media only screen and (max-width:570px){
	.process-wrap > .inner-wrap{gap:40px; justify-content: center;}
	.process-wrap .circle-wrap{width:100%;}
	.process-wrap .circle-wrap > .text-wrap{top:50%;}
	.process-wrap .circle-wrap > .text-wrap > .tlt{font-size:var(--font-size-xlarge);}
	.process-wrap .circle-wrap > .text-wrap > .stlt{font-size:var(--font-size-medium);}
}



/*--------------- 진단 섹션--------------*/
.diagnostic-wrap{width:100%; padding:var(--gap-140) 0; }
.diagnostic-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.diagnostic-wrap > .inner-wrap > .text-wrap > .stlt{font-size:var(--font-size-medium); color:var(--color-primary-text);}
.diagnostic-wrap > .inner-wrap > .text-wrap > .tlt{font-size:var(--font-size-xxxxlarge); font-weight: 800; line-height: 120%;}
.diagnostic-wrap .content-wrap{display:flex;  gap:20px; flex-wrap:wrap; margin-top:var(--gap-80);}
.diagnostic-wrap .content-wrap > .box-wrap{width:calc(33% - 14px); border-radius: 10px; border:1px solid #d6d6d6; padding:30px; box-sizing: border-box;}
.diagnostic-wrap .content-wrap > .box-wrap > .tlt{font-weight: 600; font-size:var(--font-size-xlarge);}
.diagnostic-wrap .content-wrap > .box-wrap > .stlt{font-size:var(--font-size-medium); margin-top:var(--gap-20); color:var(--color-font);}


@media only screen and (max-width:1024px){
	.diagnostic-wrap .content-wrap{gap:20px;}
	.diagnostic-wrap .content-wrap > .box-wrap{width:calc(25% - 15px);}
}

@media only screen and (max-width:768px){
	.diagnostic-wrap .content-wrap{gap:40px;}
	.diagnostic-wrap .content-wrap > .box-wrap{width:calc(50% - 20px);}
}

@media only screen and (max-width:475px){
	.diagnostic-wrap .content-wrap{gap:16px;}
	.diagnostic-wrap .content-wrap > .box-wrap{width:calc(50% - 8px); padding:17px;}
}