@charset "utf-8";
.sCenterCont {position:relative;}
.sCenterCont .vodSec {position:relative; padding:80px 0; background:#F9F9F9;}
.sCenterCont .vodSec .inVod {position:relative; margin:0 auto; width:100%; max-width:1018px;}
.sCenterCont .vodSec .inVod:after {content:''; display:block; height:auto; padding-bottom:56.25%;}
.sCenterCont .vodSec .inVod iframe {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}

.specialCount {display:flex; flex-flow:row wrap; gap:32px; margin-top:120px;}
.specialCount.marSet {margin:120px 0;}
.specialCount .rowCount {width:100%; display:flex; flex-flow:row wrap; gap:32px;}

.specialCount .perCount {position:relative; flex:1; border-radius:16px; padding:40px 40px 100px; overflow:hidden;}
.specialCount .perCount.ty01 {background:#ECF6F8;}
.specialCount .perCount.ty02 {background:#F4F4F4;}
.specialCount .perCount.ty03 {background:#007A8C;}
.specialCount .perCount.ty04 {background:#C0C6C7;}
.specialCount .perCount .txtSec {position:relative;}
.specialCount .perCount .txtSec .scTitle {color:#222; font-size:18px; font-weight:500;}
.specialCount .perCount .txtSec .count {display:flex; align-items:baseline; gap:4px; color:#007A8C; font-size:16px; margin-top:8px;}
.specialCount .perCount .txtSec .count em {font-size:48px; font-weight:500;}
.specialCount .perCount .imgSec {position:absolute; right:0; bottom:0; height:100%;}
.specialCount .perCount .imgSec img {width:auto; height:100%;}
.specialCount .perCount .imgSec.side {height:calc(100% - 186px);}

.specialCount .rowCount .perCount {width:calc(50% - 16px);}
.specialCount .perCount.ty03 .txtSec .scTitle, 
.specialCount .perCount.ty03 .txtSec .count, 
.specialCount .perCount.ty03 .txtSec .count em {color:#FFF;}

.specialCount .perCount.ty04 .txtSec .scTitle, 
.specialCount .perCount.ty04 .txtSec .count, 
.specialCount .perCount.ty04 .txtSec .count em {color:#FFF;}

.specialCount .rowGroupCount {width:calc(100% - 38%); display:flex; flex-direction:column; gap:32px;}

.sCenterBlock {position:relative; margin:80px 0;}
.sCenterBlock > .title {color:#222; font-size:34px; font-weight:700; margin-bottom:16px;}
.sCenterBlock > .desc {color:#222; font-size:20px; font-weight:500; line-height:1.4;}
.sCenterBlock.bdrBtm:after {content:''; position:absolute; left:0; bottom:-40px; width:100%; height:1px; background:#E5E5E5;}
.scItemBox {display:flex; flex-flow:row wrap; align-items:stretch; gap:32px; margin-top:40px;}
.scItemBox .perItem {width:calc(50% - 16px); position:relative; padding:32px 40px; background:#FFF; border:1px solid #E5E5E5; border-radius:16px; box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.10);}
.scItemBox .perItem .spTitle {display:flex; gap:6px; align-items:center; color:#222; font-size:18px; font-weight:700; margin-bottom:16px; position:relative;}
.scItemBox .perItem .spTitle:before {content:''; width:18px; height:18px; background:url(../img/uico_chk_grn.svg) no-repeat 50% 50%; background-size:100%;}
.scItemBox .perItem .spDesc {color:#222; font-size:16px; line-height:1.4; padding-left:24px;}
.scItemBox .perItem ul {display:flex; flex-direction:column; gap:10px;}
.scItemBox .perItem ul li {display:block; position:relative; color:#222; font-size:16px; line-height:1.4; padding-left:16px;}
.scItemBox .perItem ul li:after {content:''; position:absolute; left:6px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}

.scItemBox.four .perItem {width:calc(25% - 24px); padding:30px 0 40px; display:flex; flex-direction:column; align-items:center; gap:10px;}
.scItemBox.four .perItem .icoSec .svgIco {width:90px;}
.scItemBox.four .perItem .desc {text-align:center; color:#222; font-size:18px; font-weight:700; line-height:1.3;}
.scItemBox.full .perItem {width:100%;}
.scItemBox.full .perItem ul {flex-direction:row;}
.scItemBox.full .perItem ul li {width:25%; flex:0 0 auto;}

.scItemBox .perItem.equip {width:100%; display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:120px; padding:72px 0;}
.scItemBox .perItem.equip .perEquip {width:246px;}
.scItemBox .perItem.equip .perEquip .img {position:relative; margin-bottom:16px;}
.scItemBox .perItem.equip .perEquip .txtSec {text-align:center;}
.scItemBox .perItem.equip .perEquip .txtSec .peTitle {color:#222; font-size:18px; font-weight:700; margin-bottom:8px;}
.scItemBox .perItem.equip .perEquip .txtSec .peDesc {color:#222; font-size:16px; font-weight:500; line-height:1.4;}

.scItemBox .perItem.row {display:flex; align-items:center; gap:24px;}
.scItemBox .perItem.row .icoSec {flex:0 0 104px;}
.scItemBox .perItem.row .txtSec {flex:1;}
.scItemBox .perItem.row .txtSec .title {color:#222; font-size:24px; font-weight:700;}
.scItemBox .perItem.row .txtSec .desc {color:#777; font-size:16px; line-height:1.4; margin-top:8px;}

.scItemBox .imgSec {width:calc(33.33334% - 21.3333px); border-radius:16px; position:relative; overflow:hidden;}
.scItemBox .imgSec .txt {position:absolute; left:0; top:48px; text-align:center; color:#FFF; width:100%; height:auto;}
.scItemBox .imgSec .txt .title {font-size:24px; font-weight:700;}
.scItemBox .imgSec .txt .desc {font-size:18px; font-weight:400; margin-top:4px;}

.scItemBox .perEquip {width:calc(25% - 24px);}
.scItemBox .perEquip .imgBox {background:#EFEFEF; padding:48px 24px 32px; text-align:center; border-radius:16px; margin-bottom:24px;}
.scItemBox .perEquip .imgBox .title {color:#222; font-size:24px; font-weight:500;}
.scItemBox .perEquip .imgBox .eng {color:#222; font-size:18px; margin-top:4px;}
.scItemBox .perEquip .imgBox img {margin-top:32px;}
.scItemBox .perEquip .peTitle {color:#222; font-size:24px; font-weight:700; padding:0 8px;}
.scItemBox .perEquip .peDesc {color:#777; font-size:18px; line-height:1.4; padding:0 8px; margin-top:10px;}
.scItemBox.group {position:relative; border:1px solid #E5E5E5; border-radius:16px; background:#FFF; padding:40px; box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.10); display:flex; justify-content:center; align-items:stretch; gap:0;}
.scItemBox.group .perItem {flex:1; position:relative; padding:0; border:0; border-radius:0; box-shadow:none;}
.scItemBox.group .perItem:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#E5E5E5;}
.scItemBox.group .perItem:last-child:after {display:none;}
.scItemBox.group .perItem .ico {width:72px; margin:0 auto 8px;}
.scItemBox.group .perItem .txt {color:#222; font-size:18px; font-weight:600; text-align:center;}

.sCenterBlock .imgCont {display:flex; align-items:center; gap:48px; margin-top:32px;}
.sCenterBlock .imgCont > img {border-radius:16px; width:42%;}
.sCenterBlock .imgCont .txt {width:calc((100% - 42%) - 48px);}
.sCenterBlock .imgCont .txt .title {color:#222; font-size:24px; font-weight:700;}
.sCenterBlock .imgCont .txt .desc {color:#777; font-size:18px; line-height:1.4; margin-top:12px;}

.centerDepartSec {position:relative; margin-top:120px;}
.centerDepartSec:first-of-type {margin-top:0;}
.centerDepartSec .departItems {display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px;}
.centerDepartSec .departItems a {display:inline-block; padding:8px 18px; color:#007A8C; background:#FFF; font-size:16px; font-weight:500; border:1px solid #007A8C; border-radius:100px;}
.centerDepartSec .departItems a:hover {background:#f9f9f9;}
.centerDepartSec .departItems a.on {background:#007A8C; color:#FFF; border:1px solid #007A8C;}


.centerDepartSec .detailExp {position:relative; padding:32px 40px; border:1px solid #E5E5E5; border-radius:16px; box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.10);}
.centerDepartSec .detailExp .dpCont {position:relative; display:none;}
.centerDepartSec .detailExp .dpCont .dpIntroTitle {display:flex; gap:10px; color:#222; font-size:18px; font-weight:500; line-height:1.5; position:relative; margin-bottom:40px;}
.centerDepartSec .detailExp .dpCont .dpIntroTitle:before {content:''; width:30px; height:30px; background:url(../img/uico_depart.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
.centerDepartSec .detailExp .dpCont .dpContBox {position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #E5E5E5;}
.centerDepartSec .detailExp .dpCont .dpContBox:last-of-type {padding-bottom:0; margin-bottom:0; border:0;}
.centerDepartSec .detailExp .dpCont .dpContBox > .title {color:#007A8C; font-size:18px; font-weight:600; margin-bottom:16px;}
.centerDepartSec .detailExp .dpCont .dpContBox > .desc {color:#777; font-size:16px; line-height:1.5;}
.centerDepartSec .detailExp .dpCont .dpContBox > .dpMethod {display:flex; gap:20px; margin:20px 0;}
.centerDepartSec .detailExp .dpCont .dpContBox > .dpMethod .dpmTitle {color:#222; font-size:16px; font-weight:600; width:120px; flex:0 0 auto; position:relative; padding-left:14px;}
.centerDepartSec .detailExp .dpCont .dpContBox > .dpMethod .dpmTitle:after {content:''; position:absolute; left:4px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}
.centerDepartSec .detailExp .dpCont .dpContBox > .dpMethod .dpmDesc {color:#777; font-size:16px; line-height:1.4;}
.centerDepartSec .detailExp .dpCont .dpContBox .sItem {display:flex; justify-content:flex-start; flex-wrap:wrap; gap:32px; margin-bottom:10px;}
.centerDepartSec .detailExp .dpCont .dpContBox .sItem li {position:relative; padding-left:14px; color:#222; font-size:16px; font-weight:500;} 
.centerDepartSec .detailExp .dpCont .dpContBox .sItem li:after {content:''; position:absolute; left:4px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}

.centerDepartSec .detailExp .dpCont .dpContBox .subBox {position:relative;}
.centerDepartSec .detailExp .dpCont .dpContBox .subTitle {color:#222; font-size:16px; font-weight:600; line-height:1.5; margin:30px 0 12px;}
.centerDepartSec .detailExp .dpCont .dpContBox .subTitle + .desc {margin-top:0; color:#777; line-height:1.5;}
.centerDepartSec .detailExp .dpCont .dpContBox .subBox > .desc {margin-top:0; color:#777; line-height:1.5;}
.centerDepartSec .detailExp .dpCont .dpContBox .imgBox {position:relative; margin-top:20px; text-align:center; border-radius:16px; padding:20px;}
.centerDepartSec .detailExp .dpCont .dpContBox .imgBox img {width:auto; max-width:100%; height:auto;}
.centerDepartSec .detailExp .dpCont .dpContBox .infoPair {display:flex; align-items:flex-start; gap:24px; margin-top:30px;}
.centerDepartSec .detailExp .dpCont .dpContBox .infoPair .text {flex:1 1 auto; min-width:0;}
.centerDepartSec .detailExp .dpCont .dpContBox .infoPair .text .subTitle {margin-top:0;}
.centerDepartSec .detailExp .dpCont .dpContBox .infoPair .thumb {flex:0 0 380px; display:flex; justify-content:flex-end;}
.centerDepartSec .detailExp .dpCont .dpContBox .infoPair .thumb img {width:auto; max-width:100%; height:auto;}
.centerDepartSec .detailExp .dpCont .dpContBox .numList {margin-top:4px;}
.centerDepartSec .detailExp .dpCont .dpContBox .numList.marSet {margin-top:30px;}
.centerDepartSec .detailExp .dpCont .dpContBox .numList li {position:relative; color:#777; font-size:16px; line-height:1.6; margin-top:8px; padding-left:24px; list-style:none;}
.centerDepartSec .detailExp .dpCont .dpContBox .numList li:first-child {margin-top:0;}
.centerDepartSec .detailExp .dpCont .dpContBox .numList li .num {position:absolute; left:0; top:0;}
.centerDepartSec .detailExp .dpCont .dpContBox .numList li:before {content:counter(list-item) "."; position:absolute; left:0; top:0; color:#222; font-weight:600;}
.centerDepartSec .detailExp .dpCont .dpContBox .sItem.column {display:block; gap:0; margin-bottom:12px;}
.centerDepartSec .detailExp .dpCont .dpContBox .sItem.column li {margin-top:8px;}
.centerDepartSec .detailExp .dpCont .dpContBox .sItem.column li:first-child {margin-top:0;}
.centerDepartSec .detailExp .dpCont .dpContBox strong.normal {font-weight:500;}

.centerDepartSec .detailExp .dpCont .dpContBox .marSet {margin-top:24px;}

.centerDepartSec .detailExp .dpCont .dpContBox .tiGroup {display:flex; gap:30px;}
.centerDepartSec .detailExp .dpCont .dpContBox .tiGroup .imgBox {width:255px; flex:0 0 auto; margin-top:0; padding:0; border-radius:0; display:flex; flex-direction:column; gap:20px;}
.centerDepartSec .detailExp .dpCont .dpContBox .tiGroup .imgBox img {border-radius:16px;}
.centerDepartSec .detailExp .dpCont .dpContBox .tiGroup .desc {color:#777; font-size:16px; line-height:1.5;}
.centerDepartSec .detailExp .dpCont .dpContBox .imgBox.ty01 {display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; gap:20px; background:#f9faff; padding:30px 20px;}
/* .centerDepartSec .detailExp .dpCont .dpContBox .imgBox {display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; gap:12px;}
.centerDepartSec .detailExp .dpCont .dpContBox .imgBox img {display:block;}
.centerDepartSec .detailExp .dpCont .dpContBox .subBox + .subBox {margin-top:30px;}
.centerDepartSec .detailExp .dpCont .dpContBox .imgBox + .desc.marSet {margin-top:20px;}
 */
.centerSec {position:relative; padding:80px 0;}
.centerSec .sCenterBlock {margin:0;}
.centerSec.bgGray {background:#F9F9F9;}

.centerTableSec {position:relative;}
.centerTableSec th, .centerTableSec td {text-align:left;}
.centerTableSec th {border-top:1px solid #999; border-bottom:1px solid #E5E5E5; padding:10px 0; color:#222; font-size:16px; font-weight:600; line-height:1.5;}
.centerTableSec td {padding:10px 0; color:#777; font-size:16px; line-height:1.5;}

.dpContBox .bgBox {display:flex; align-items:stretch; gap:32px;}
.dpContBox .bgBox > div {width:calc(50% - 16px); background:#f9f9f9; padding:32px; border-radius:16px;}
.dpContBox .bgBox > div .title {color:#222; font-size:16px; font-weight:600; line-height:1.5;}
.dpContBox .bgBox > div .desc {color:#777; font-size:16px; line-height:1.5; margin-top:18px;}

.childImgSec {display:flex; gap:12px; margin-top:40px;}
.childImgSec .img {overflow:hidden; border-radius:16px;}

.centerService {display:flex; gap:32px; position:relative; padding:80px 0;}
.perService {position:relative; width:calc(50% - 16px); display:flex; flex-direction:column;}
.perService .title {color:#222; font-size:34px; font-weight:700; margin-bottom:40px;}
.perService .inBox {position:relative; padding:40px; background:#F9F9F9; border-radius:16px; height:100%;}
.perService .inBox > .stepNum {display:flex; flex-direction:column; gap:12px;}
.perService .inBox > .stepNum li {display:flex; gap:4px; color:#222; font-size:18px; font-weight:700;}
.perService .inBox > .stepNum li > span {width:22px; height:22px; flex:0 0 auto;}
.perService .inBox > .opTime {display:flex; flex-direction:column; gap:48px;}
.perService .inBox > .opTime > li {display:flex; gap:60px;}
.perService .inBox > .opTime > li .item {color:#007A8C; font-size:18px; font-weight:700; margin-top:10px;}
.perService .inBox > .opTime > li .telNum a {display:block; color:#007A8C; font-size:58px; line-height:1.0;}
.perService .inBox > .opTime > li:nth-child(2) .item {margin-top:4px;}
.perService .inBox > .opTime > li > ul {display:flex; flex-direction:column; gap:12px;}
.perService .inBox > .opTime > li > ul > li {display:flex; gap:8px; align-items:center; color:#007A8C; font-size:16px; font-weight:700;}
.perService .inBox > .opTime > li > ul > li > span {width:70px; padding:7px 12px; color:#FFF; font-size:14px; font-weight:700; background:#007A8C; border-radius:6px; text-align:center; flex:0 0 auto;}
.num01 {background:url(../img/center/num01.svg) no-repeat 50% 50%; background-size:100%;}
.num02 {background:url(../img/center/num02.svg) no-repeat 50% 50%; background-size:100%;}
.num03 {background:url(../img/center/num03.svg) no-repeat 50% 50%; background-size:100%;}
.num04 {background:url(../img/center/num04.svg) no-repeat 50% 50%; background-size:100%;}
.num05 {background:url(../img/center/num05.svg) no-repeat 50% 50%; background-size:100%;}
.num06 {background:url(../img/center/num06.svg) no-repeat 50% 50%; background-size:100%;}

.infoSec .perSvc .numTitle {position:relative; display:flex; gap:4px; color:#222; font-size:18px; font-weight:700; margin-bottom:16px;}
.infoSec .perSvc .numTitle span {width:22px; height:22px; flex:0 0 auto;}
.infoSec .perSvc .infoTitle {position:relative; display:flex; gap:4px; color:#222; font-size:18px; font-weight:700; margin-bottom:16px;}
.infoSec .perSvc .infoTitle:before {content:''; width:22px; height:22px; background:url(../img/uico_chk_grn.svg) no-repeat 50% 50%; background-size:100%;}

.infoSec .perSvc .icoSec {width:104px; flex:0 0 auto;}
.infoSec .perSvc .txtSec {width:calc(100% - 136px);}
.infoSec .perSvc .txtSec .title {font-size:24px;}
.infoSec .perSvc .txtSec .desc {color:#777; font-size:18px; line-height:1.4; margin-top:8px;}
.infoSec .flex-gap80 .perSvc:after {bottom:-40px;}

.cStepBox {display:flex; gap:11%; margin-top:40px;}
.cStepBox .perCstep {flex:1; position:relative;}
.cStepBox .perCstep:after {content:''; position:absolute; right:-65%; top:50px; width:48px; height:48px; background:url(../img/center/ar_step.svg) no-repeat 50% 50%; background-size:100%;}
.cStepBox .perCstep:last-child:after {display:none;}
.cStepBox .perCstep .img {width:140px; margin:0 auto;}
.cStepBox .perCstep .txt {position:relative; margin-top:14px; text-align:center;}
.cStepBox .perCstep .txt .step {color:#777; font-size:18px;}
.cStepBox .perCstep .txt .item {color:#222; font-size:24px; font-weight:600; margin-top:4px;}