@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:10rem; z-index:5;}
.sub-tab-list-style ul{display:flex; justify-content:center; width:100%; height:100%; /* background: #fafafa; */}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; width:20%; max-width:25rem; background-color:#FAFAFA;}
.sub-tab-list-style ul li:first-child{border-radius:4.1rem 0 0 4.1rem;}
.sub-tab-list-style ul li:last-child {border-radius:0 4.1rem 4.1rem 0;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:rgba(85, 88, 89, 0.4); font-size:18px; letter-spacing:-0.30px; text-align:center; font-weight: 700;}
.sub-tab-list-style ul li.selected{z-index:1; /* background-color:#F04E4C; border-radius:4.3rem; */}
.sub-tab-list-style ul li.selected a {background-color:#F04E4C; border-radius:4.3rem;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

@media all and (max-width:800px){
	.sub-tab-list-style ul li {max-width:initial;}
	.sub-tab-list-style ul li.selected a {background-color:initial; border-radius:initial;}
	.sub-tab-list-style ul li:last-child , .sub-tab-list-style ul li:first-child{border-radius:initial;}
	.sub-drop-menu-style ul li.selected a em {color:var(--main-color);}
}

.why-list-type2{}
.why-list-type2 .list-wrap{display: flex;}
.why-list-type2 .list-wrap .list-item{width:33.33%;}
.why-list-type2 .list-wrap .list-item .txt{position: relative; font-size:1.6rem; letter-spacing:-0.03em; color:#222; line-height:1.5; font-weight: 400; padding-left:2rem; margin-top:1rem;}
.why-list-type2 .list-wrap .list-item .txt:nth-of-type(1) {margin-top: 0;}
.why-list-type2 .list-wrap .list-item .txt:before {display: block; content:"\e929"; position:absolute; left:0; top:0; font-size:1.5rem; color:var(--main-color2); font-family:"xeicon";}
.why-list-type2 .img-item{background:#fff; padding:2.5rem 0; margin-top:4.5rem;}
.why-list-type2 .img-item span{display: block; text-align:center;}
.why-list-type2 .img-item span img{max-width:100%}

.why-list-type3{display: flex; flex-wrap:wrap; justify-content:space-between;}
.why-list-type3 .list-item{position: relative; width:47.5%; background:#fff; border-radius:3rem; box-shadow: 0px 0px 20px #F8ECECB3; margin-bottom:2rem; padding:5rem; box-sizing:border-box; min-height:24rem;}
.why-list-type3 .list-item .icon{position: absolute; top:4rem; right:5rem;}
.why-list-type3 .list-item .tit{font-size:2.4rem; line-height:1.2; color:var(--main-color2); font-weight:700;}
.why-list-type3 .list-item .txt-box{margin-top:2.5rem;}
.why-list-type3 .list-item .txt-box .txt{position: relative; padding-left:2rem; font-size:1.6rem; line-height:1.625; letter-spacing:-0.032em; font-weight:500; color:#222;}
.why-list-type3 .list-item .txt-box .txt:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-size:1.6rem; left:0; top:0rem; color:var(--main-color);}


@media all and (min-width:801px){
	.service-page .sp-con .how-list.list-02 li{width:50%;}
	.service-type-list .service-inner-txt{height:5.6rem;}
}

@media all and (max-width:800px){
	.why-list-type3{margin-top:3rem;}
	.why-list-type3 .list-item{padding:3rem 2rem; min-height:0;}
	.why-list-type3 .list-item .icon{top:2rem; right:2rem;}
}
@media all and (max-width:480px){
	.why-list-type3{display: block;}
	.why-list-type3 .list-item{width:100%;}
}

/* 서브페이지 공통 */
.svg {border:none; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; margin:auto;}
.sub-page .con {margin-bottom: 15rem;}
.sub-page .con:last-of-type {margin-bottom: 0;}
.img-box {text-align:center;}
.img-box img {max-width:100%;}
.tit-box {text-align:center;}
.tit-box .sub-tit {position: relative; font-size:2.4rem; color:#F04E4C; font-weight: 700;}
.tit-box .sub-tit:before {display: block; content:""; position:absolute; top:-10px; left:50%; transform:translateX(-50%); background: url(../svg/tit_icon.svg)no-repeat;
 background-size: 100%; width: 6rem; height: 5.55px;}
.tit-box .con-tit {font-size:4.8rem; color:#222; letter-spacing:-0.96px; line-height:1.25em; font-weight: 800; margin-top:2.83rem;}
.tit-box .con-tit > .highlight {color:var(--main-color);}
.tit-box .con-txt {font-size:2rem; color:#555859; letter-spacing:-0.4px; line-height:1.8em; font-weight: 500; margin-top:4.3rem;}

@media all and (max-width:800px){
	.tit-box .con-tit {font-size:3.2rem;}
	.sub-page .con {margin-bottom:7.5rem;}
}

/* ******************************** i-hub 공통 ******************************** */
.ihub-page .diffrence-list li {display:flex;}
.ihub-page .main-txt-box {position:absolute; width: 100%; top:60%; left:50%; transform:translate(-50%,-50%); font-size:4.8rem; letter-spacing:-0.96px; color:var(--main-color); font-weight: 700; text-align:center; line-height:1.292em;}
.ihub-page .ihub-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after {right:initial; left:-65%; transform:rotate(180deg); top:25%;}
/* ******************  i-hub :: intro ******************  */
.ihub-intro-page .con:first-of-type .tit-box {position: relative; z-index:10;}
.ihub-intro-page .con:first-of-type .tit-box:after {display: block; content:""; position:absolute; width: 100%; height:100%; 
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 48%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 90%,rgba(255,255,255,0.5) 95%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); bottom:-50%; z-index:-1;}
.ihub-solution-list .icon-box {position: relative; padding-top:22.99%; width: 8.8rem; height:0;}
.ihub-solution-list .icon-box {position: relative; padding-top:30%;}
.ihub-solution-list .list-item:nth-of-type(2) .icon-box {width: 4.2rem; padding-top:22.7%;}
.ihub-solution-list .list-item:nth-of-type(3) .icon-box {width: 5.4rem; padding-top:23.47%;}
.ihub-solution-list .list-item:nth-of-type(4) .icon-box {width: 6.2rem; padding-top:22.63%;}
.ihub-intro-page .con:first-of-type {text-align:center; margin-bottom: 22rem;}
.intro-main-box {position: relative; height: 7.3rem; display:inline-block; align-items:center; justify-content:center; opacity:1; margin:20rem auto;}
.intro-main-box:before {display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 40rem; height: 40rem; border-radius:100%; box-shadow: 2px 3px 20px rgba(171, 16, 16, 0.15); background:rgba(255,255,255,1); opacity:0.5;}
.intro-main-box:after {display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 68rem; height: 68rem; border-radius:100%; box-shadow: 2px 3px 20px rgba(171, 16, 16, 0.15); background:rgba(255,255,255,1); opacity:0.4;}
.intro-main-box > span {position: relative; z-index: 99; color:var(--main-color); font-size:6.2rem; letter-spacing:-1.24px; font-weight: 700;}
.intro-main-box .last-circle {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 95rem; height: 95rem; border-radius:100%; box-shadow: 3px 3px 20px #AB101026; opacity:0.2;}
.ihub-svg {border:none; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 100%;}
.scraping-solution-list {display:flex; flex-wrap:wrap; margin:30rem auto 0; width: 82.56%;}
.scraping-solution-list .item {width: calc(100% / 5); margin:2rem 0; padding-right: 1rem; box-sizing: border-box;}
.scraping-solution-list .item a {display:flex; align-items:center; width: 100%; height: 100%; /* pointer-events:none; */}
.scraping-solution-list .item .solution-tit {font-size:2.4rem; letter-spacing:-0.048em; color:rgba(85, 88, 89, 0.4); font-weight: 700; margin-left:2.5rem; transition:all 0.4s; text-align:left; width: calc(100% - 5.3rem);}
.scraping-solution-list .item:hover .solution-tit {color:var(--main-color);}
.scraping-solution-list .svg-box { position: relative; display:inline-block; height: 0; padding-top:10.61%; width:2.8rem;}
.ihub-solution-list {display:flex; margin-top:11rem;}
.ihub-solution-list .num {font-size:10rem; letter-spacing:-5px; line-height:1.17em; font-weight: 700; color:#EEEEEE; text-align:right;}
.ihub-solution-list .list-item {width: calc((100% - 12rem) / 4); height: 44rem; margin-right: 4rem; box-shadow: 5px 5px 20px #0000000D; transition:all 0.4s; background:#fff; border-radius:2.5rem;}
.ihub-solution-list .list-item:last-of-type {margin-right: 0;}
.ihub-solution-list .list-item > a {display:flex; flex-direction:column; width: 100%; height: 100%; justify-content: space-between; padding: 2.15rem 3.1rem 5rem 4.5rem; box-sizing:border-box;}
.ihub-solution-list .list-item .list01 {position: relative; text-align:right;}
.ihub-solution-list .list-item .list01 .hover-tit {display:none; font-size:3.4rem; line-height:1.176em; font-weight: 700; color:#fff; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%);}
.ihub-solution-list .list-item .list02 .before-item {display:flex; flex-direction:column; justify-self:flex-end;}
.ihub-solution-list .hover-item {display:none;}
.ihub-solution-list .hover-item .list-txt {color:rgba(255,255,255,0.6); font-size:1.5rem; line-height:1.867em;}
.ihub-solution-list .hover-item .more-btn {display:flex; justify-content:space-between; align-items:center; width: 16rem; background: #fff; border-radius:2.4rem; padding:1.3rem 2.3rem; box-sizing:border-box; margin-top:3.2rem;}
.ihub-solution-list .hover-item .more-btn em {font-size:1.3rem; line-height:1.154em; color:rgba(240, 78, 76, 1); font-weight: 700;}
.ihub-solution-list .hover-item .more-btn i {color:rgba(240, 78, 76, 1);}
.ihub-solution-list .solution-tit {font-size:3.4rem; line-height:1.176em; color:#222222; margin-top:2.2rem;}
.ihub-solution-list .list-item:hover {transform:translatey(-2.5rem); background:#F04E4C;}
.ihub-solution-list .list-item:hover .num {color:rgba(238, 238, 238, 0.2);}
.ihub-solution-list .list-item:hover > a {justify-content:initial;}
.ihub-solution-list .list-item:hover .solution-tit {display:none;}
.ihub-solution-list .list-item:hover .hover-item {display:block;}
.ihub-solution-list .list-item:hover .list02 .before-item {margin-bottom: 3rem;}
.ihub-solution-list .list-item:hover .list01 .hover-tit {display:block;}

.ihub-symbol-box {position: relative; margin-bottom:8.5rem;}
.ihub-symbol-box .sub-symbol {position: absolute; display:flex; justify-content:center; align-items:center; width: 18rem; height: 18rem; border-radius:100%; border:1px solid #F04E4C; font-size:2.4rem; letter-spacing:-0.048em; color:#F04E4C; text-align:center; background: #fff; z-index:1; transition:all 0.4s;}
.ihub-symbol-box .sub-symbol:nth-of-type(1) {left:-32rem; bottom:-20rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(2) {left:-15rem; bottom:-36rem;}
.ihub-symbol-box .sub-symbol:nth-of-type(3) {left:10rem; bottom:-36rem; flex-direction:column;}
.ihub-symbol-box .sub-symbol:nth-of-type(4) {right: -32rem; bottom: -20rem; flex-direction:column;}

.ihub-symbol-box .sub-symbol > .bold {font-weight: 700;}
.ihub-symbol-box .sub-symbol > .bold.br {display:block; margin-top:4px;}
.ihub-symbol-box .sub-symbol:before {display: block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:8rem; letter-spacing:-0.016em; color:rgba(240, 78, 76, 0.05); font-weight: 700;}
.ihub-symbol-box .sub-symbol:nth-of-type(1):before {content:"01";}
.ihub-symbol-box .sub-symbol:nth-of-type(2):before {content:"02";}
.ihub-symbol-box .sub-symbol:nth-of-type(3):before {content:"03";}
.ihub-symbol-box .sub-symbol:nth-of-type(4):before {content:"04";}
.ihub-symbol-box .sub-symbol.active {background: rgba(240, 78, 76, 1); color:#fff;}
.ihub-symbol-box .sub-symbol.active:before {color:rgba(255, 255, 255, 0.1);}

/* ******************  i-hub :: cloud API ******************  */
.cloud-top-box {margin-bottom: 36.1rem !important; padding-bottom:0 !important;}
.cloud-top-box .scraping-tit-box p {line-height:1.167em;}
.cloud-top-box .scraping-app {/* width: 38rem; */ width: 27.3rem; margin-top:-10rem; padding:26.06% 15% 0;}
.ihub-page .cloud-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after {left:-50%;}
.application-list {max-width:1320px; margin:0 auto;}
.application-list > li {display:flex; align-items:center; border-bottom:1px solid rgba(221, 221, 221, 1); padding:6rem 0;}
.application-list .app-tit-box {display:flex; align-items:center; width: 52.5rem;}
.application-list .ac-num {display:inline-block;/*  width: 2.2rem; */ font-size:2rem; letter-spacing:-1px; line-height:1.2em; color:#DDDDDD; font-weight: 700;}
.application-list .ac-tit {/* width: calc(100% - (2.2rem + 71.8rem));  */padding-left:4.2rem; box-sizing:border-box; font-size:4.8rem; line-height:1.167em; color:#222222; font-weight: 700;}
.application-list .ac-txt {width:calc(100% - 52.5rem); font-size:1.6rem; line-height:1.875em; color:rgba(34, 34, 34, 0.8); font-weight: 500; /* padding-right:8.25rem; */box-sizing:border-box;}
.application-list .ac-txt .ps {font-size:1.4rem; color:rgba(85, 88, 89, 0.8); font-weight: 500; display:block;}
.application-list .diffrence-list li i {margin-right: 1rem; position: relative; top:6px;}
.ihub-page .effect-box {display:flex; flex-wrap:wrap; justify-content:center; text-align:center; margin-top:4.5rem;}
.ihub-page .effect-box .effect-item {width: 33.33%; margin-top:3.5rem;}
.ihub-page .effect-box .effect-item .icon-box {display:flex; justify-content:center; align-items:center; width: 10rem; height: 10rem; border-radius:100%; background: #fff; margin:0 auto;}
.ihub-page .effect-box .effect-item .icon-box span {position: relative; height: 0; width: 4rem; padding-top:35%;}
.ihub-page .effect-box .effect-item .effect-tit {font-size:2.8rem; font-weight: 700; color:#222; line-height:1.179em; margin-bottom:8px; margin-top: 2.69rem;}
.ihub-page .effect-box .effect-item .effect-sub-tit {display:inline-block; font-size:1.5rem; font-weight:400; color:rgba(34, 34, 34, 0.8); letter-spacing:-0.03em; margin-top:4px;}
.main-cloud {width:62rem;}
.main-cloud .icon-box {display:inline-block; width: 100%; position: relative; height: 0; padding-top:52.91%;}
.main-cloud .icon-box .main-center-txt {position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); text-align:center; font-size:4.8rem; letter-spacing:-0.96px; color:var(--main-color); font-weight: 700; line-height:1.292em;}

/* ******************  i-hub :: smart API ******************  */
.center-sub-box {background: rgba(235,235,235,0.3); }
.center-container {display:flex; width: 65%; position:absolute; left:50%; transform:translateX(-50%); /* margin-top:3.5rem; */}
.center-container > div {width: calc((100% - 1.7rem) / 2); padding:3rem; box-sizing:border-box; align-self:flex-start;}
.center-container > div:nth-child(1) {margin-right: 1.7rem;}
.center-txt01 {display:block; font-size:1.6rem; letter-spacing:-0.032em; font-weight: 700; color:#222; line-height:1.2;}
.center-txt02 {display:flex; justify-content:space-between; font-size:1.5rem; letter-spacing:-0.03em; font-weight: 400; color:rgba(34, 34, 34, 0.5); margin-top:1rem;}
.center-txt02 i {font-size:1.8rem;}
.ihub-top-box {display:flex; justify-content: center; align-items:center; padding-bottom:15rem;}
.ihub-top-box .scraping-device , .ihub-top-box .scraping-site {position:absolute; display:flex; justify-content:center; align-items:center; width: 37rem; height: 37rem; border-radius:100%; text-align:center; opacity:0.5;}
.ihub-top-box .scraping-device {box-shadow: 8px 0px 20px rgba(171, 16, 16, 0.1);}
.ihub-top-box .scraping-site {box-shadow: -8px 0px 20px rgba(171, 16, 16, 0.1);}
.ihub-top-box .scraping-device:before , .ihub-top-box .scraping-site:before {display: block; content:""; position:absolute; width: 59rem; height: 59rem; border-radius:100%; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0.3;}
.ihub-top-box .scraping-device:before {box-shadow: 8px 0px 20px #AB10101A;}
.ihub-top-box .scraping-site:before {box-shadow: -8px 0px 20px #AB10101A;}
.ihub-top-box .scraping-sub-txt {position: relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width: 18rem; height: 18rem; border-radius:100%; border:1px solid rgba(240, 78, 76, 1); font-size: 2.4rem; letter-spacing: -0.048em; color: rgba(240,78,76,1); font-weight: 700; box-shadow: 0px 0px 20px rgba(171, 16, 16, 0.1); opacity:1;}
.ihub-top-box .scraping-tit-box {position: relative; text-align:center;}
.ihub-top-box .scraping-tit-box:after {position:absolute; display: block; content:""; top:50%; right:-80%; transform:translateY(-50%); background:url('../images/content/scraping_line.png')no-repeat; background-size:cover; background-position:100% 100%; width: 5.35rem; height: 3px;}
.ihub-top-box .scraping-tit-box > p > em {font-size:1.6rem;}
.ihub-top-box .scraping-tit-box:before {display: block; content:""; position:absolute; left:0; top:0;}
.ihub-top-box .scraping-sub-txt > p > em {font-size:1.6rem; letter-spacing:-0.032em; font-weight: 400;}
.ihub-top-box .scraping-sub-txt:before {display: block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:8rem; letter-spacing:-1.6px; color:rgba(240, 78, 76, 0.05);}
.ihub-top-box .scraping-sub-txt:after {display:block; content:""; position:absolute; right:-4.4rem; top:50%; transform:translateY(-50%); background:url(../images/content/arrow_right.png)no-repeat; background-size: cover; width: 2.6rem; height: 2rem;}
.ihub-top-box > .scraping-sub-txt:nth-of-type(1):before {content:"01";}
.ihub-top-box > .scraping-sub-txt:nth-of-type(3):before {content:"02";}
.ihub-top-box > .scraping-sub-txt:nth-of-type(3):after {left:-4.4rem; right:initial; background:url(../images/content/arrow_left.png)no-repeat; background-size:cover;}

.scraping-app {width: 36rem; position: relative; height: 0; padding:26.06% 13.4rem 0; z-index:99;}
.smart-page .effect-item .icon-box span {display:block; position: relative; height: 0; width: 3.8rem; padding-top:42%;}
.scraping-list {position:absolute; left:-75%; top:38%;}
.scraping-list li {display:flex; align-items:center; margin:2rem 0;}
.scraping-list li:first-child {margin-top: 0;}
.scraping-list li:last-child {margin-bottom: 0;}
.ihub-top-box > .scraping-sub-txt:nth-of-type(3) .scraping-list {right:-75%; left:initial; top:50%; transform:translateY(-50%);}
.scraping-list .icon-box {width: 2.52rem; position: relative; height: 0; padding-top:23%;}
.scraping-list em {font-size:1.5rem; letter-spacing:-0.03em; color:rgba(34, 34, 34, 0.4); font-weight: 700; margin-left:1.31rem;}

/* ******************  i-hub :: local API ******************  */
.local-page .scraping-app {padding:0; width: 41.6rem; padding-top:20.15%; margin:0 7.72%;}
.local-page .ihub-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after {display:none;}
.local-top-box {padding-bottom:0 !important; margin-bottom:36.187rem !important;}
.local-top-box .center-container {width: 100%; margin-top: 3.5rem;}
.local-top-box .sub-label {display:inline-block; border-radius:11px; background:var(--main-color); color:#fff; font-size:1.3rem; letter-spacing:-0.26px; padding:0.25rem 1.25rem; margin-top:8.7px;}
.ihub-page .local-top-box .main-txt-box {top:50%;}

/* ******************  i-hub :: server scraping ******************  */
.server-page .con:first-of-type {margin-bottom: 24rem;}
.server-page .ihub-top-box .scraping-sub-txt {margin:0 10.5rem;}
.server-page .ihub-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after {display:none;}
.server-page .ihub-top-box > .scraping-sub-txt:nth-of-type(2) .scraping-list {right:-75%; left:initial; top:50%; transform:translateY(-50%);}
.server-page .ihub-top-box > .scraping-sub-txt:nth-of-type(2):before {content:"02";}
.server-page .ihub-top-box > .scraping-sub-txt:nth-of-type(2):after {left:-5.6rem; right:initial; background:url(../images/content/arrow_left.png)no-repeat; background-size:cover;}
.server-page .ihub-top-box .scraping-sub-txt:after {right:-5.6rem; background-size:cover;}
.server-top-box {position:relative; margin-bottom: 26.687rem !important;}
.server-top-box .border-line {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 39rem; height: 39rem; border-radius:50%; border:10px solid 
var(--main-color); box-sizing:border-box;}
.server-top-box .scraping-app {position:absolute; width: 32%; bottom:25px; left:50%; transform:translateX(-50%); height: auto; padding:0;}
.server-top-box .center-container {margin-top:0; width: 100%;}
.server-top-box .server-scraping-logo {background:url('../images/content/infotech_logo.png')no-repeat; position:absolute; top:-32%; left:50%; transform:translateX(-50%); width: 10.6rem; height: 3.05rem; background-size:100%;}

/* ******************************** 서비스패키지 ******************************** */
/* ******************  서비스패키지 :: intro ******************  */
.service-page{padding-bottom:10rem;}
.service-type-list {display:flex; flex-wrap:wrap; margin:-3rem -2rem;}
.service-type-list li {position: relative; width: calc(25% - 4rem); border-radius:3rem; min-height:20rem; margin:0 2rem; box-shadow: 2px 3px 15px #A82F2E14; background:#fff; margin-top:3rem; transition:all 0.4s;}
.service-type-list .icon-bg {display:none; width: 100%; position:absolute; top:50%; left:0; transform:translateY(-50%); height: 0; padding-top:62.99%; opacity:0.1;}
.service-type-list li a {position: relative; display:flex; flex-direction:column; justify-content:space-between; width: 100%; height: 100%; padding:4rem; box-sizing:border-box;}
.service-type-list li a:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999;}
/* .service-type-list li:nth-child(2) a:before {display: none; content:""; position:absolute; width: 100%; height: 100%; left:0; top:0; background-image:url(../svg/sp_icon02_bg.svg); background-repeat:no-repeat; background-position:center;} */
.service-type-list .service-tit {font-size:2.4rem; letter-spacing:-0.024em; color:#222; font-weight: 700; line-height:1.583em;}
.service-type-list .icon-box {display:flex; justify-content:center; align-items:center; align-self:flex-end; width:6rem; height: 6rem; border-radius:100%; background: rgba(240, 78, 76, 0.07);}
.service-type-list .icon-box span {display: inline-block; position: relative; height: 0; padding-top: 58.35%; width: 3.5rem;}
.service-type-list li:nth-child(3) .icon-box span {padding-top:36.67%;}
.service-type-list .service-inner-txt {display:none; font-size:1.6rem; letter-spacing:-0.016em; color:rgba(255,255,255,0.8); line-height:1.75em; font-weight: 400;}
.service-type-list li:hover {background-color:var(--main-color);}
.service-type-list li:hover a:before {display:block;}
.service-type-list li:hover a {justify-content:initial;}
.service-type-list li:hover .icon-bg {display: block;}
.service-type-list li:hover .service-tit {color:#fff;}
.service-type-list li:hover .service-inner-txt {display:block; margin-top:1.5rem;}
.service-type-list li:hover .icon-box {display: none;/* position:absolute; width:100%; height:100%; top:0; left:0; background:initial; */}
/* .service-type-list li:hover .icon-box span {padding-top:50%; width: 100%;} */

/* ******************  서비스패키지 :: view ******************  */
.service-page .sp-tit-box {text-align:center; padding-bottom:10rem; border-bottom:1px solid #eee;}
.service-page .sp-tit {font-size:6.2rem; letter-spacing:-1.24px; line-height:1.1; color:#222; font-weight: 800;}
.service-page .sp-txt {font-size:2rem; letter-spacing:-0.04em; line-height:1.8em; color:#555859; font-weight: 500; margin-top:4rem;}
.service-page .sp-con {display:flex; padding:10rem 0; border-bottom:1px solid #eee;}
.service-page .sp-con .sp-con-tit-box {width: 39.32%;}
.service-page .sp-con .sp-txt-box {width: calc(100% - 39.32%);}
.service-page .sp-con-tit {position: relative; font-size:4.2rem; letter-spacing:-1.26px; line-height:1.333em; font-weight: 700; color:#222; /* padding-top:2.8rem; */}
.service-page .sp-con-tit > .mini-tit {position:absolute; top:-3rem; left:0; font-size:2rem; line-height:1.2em; color:var(--main-color); font-weight: 700;}
.service-page .sp-con-tit > .mini-tit:before {display: block; content:""; position:absolute; left:-2rem; top:-2rem; width: 3.5rem; height: 3.5rem; border-radius:100%; background: rgba(240, 78, 76, 0.1);}
.service-page .sp-con .sp-sub-tit {font-size:2.4rem; letter-spacing:-0.048em; color:#222; font-weight: 700; line-height:1.333em;}
.service-page .sp-con .why-list {display:flex; flex-wrap:wrap; margin-top:4.25rem;}
.service-page .sp-con .why-list li {/* width: calc(100% - 2.8rem); */ width: calc((100% - 8.4rem) / 4); margin-right: 2.8rem;}
.service-page .sp-con .why-list li:last-of-type {margin-right: 0;}
.service-page .sp-con .why-list li .item {position: relative; display:flex; justify-content:center; align-items:center; width: 100%; /* height:18rem; */ height: 0; padding-top:calc(100% - 2px); border-radius:100%; border:1px solid var(--main-color); box-sizing:border-box; background-color:#fff;}
.service-page .sp-con .why-list li .item .inner-con {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; display: flex; align-items: center; justify-content: center;}
.service-page .sp-con .why-list li .why-tit {position: relative; font-size:2.4rem; letter-spacing:-0.024em; color:var(--main-color); font-weight: 700; text-align:center; line-height:1.333em;}
.service-page .sp-con .why-list li .why-tit:before {position: absolute; content:attr(data-label); left:50%; top:50%; transform:translate(-50%,-50%); font-size:10rem; letter-spacing:-1.98px; font-weight: 700; color:rgba(240, 78, 76, 0.05);}
.service-page .sp-con .why-list .why-txt {font-size:1.6rem; letter-spacing:-0.032em; color:rgba(34, 34, 34, 0.8); font-weight: 400; line-height:1.625em; text-align:center; margin-top: 3.15rem;}
.service-page .sp-con .logo-list {display:flex; flex-wrap:wrap; margin:4.2rem -2rem 0;}
.service-page .sp-con .logo-list .logo-box {margin: 0 2rem;}
.service-page .sp-con .who-list {display:flex; flex-wrap:wrap; margin-top:4rem;}
.service-page .sp-con .who-list li {border-radius:2rem; background: rgba(240, 78, 76, 0.1); font-size:1.6rem; color:var(--main-color); font-weight: 700; margin-right: 7px; text-align:center; height: 4rem; line-height:4rem; width:calc((100% - 3.5rem) / 6) ;}
.service-page .sp-con .who-list li:last-of-type {margin-right: 0;}
.service-page .sp-con .sp-txt-box .inner-box {background:#fff; border-radius:3rem; padding:5rem; box-sizing:border-box; overflow:hidden;}
.service-page .sp-tab-container .slick-list , .service-page .sp-tab-container .slick-track {width: 100%; margin:0 -2.5rem;}
.service-page .sp-tab-container .slick-list {overflow:visible;/*  margin:0 -2.5rem; */}
.service-page .sp-tab-container .slick-list:before {display: block; content: ""; position: absolute; width: 7%; background: #fff; height: 100%; top: 0; left: -5rem; z-index: 99;}
.service-page .sp-tab-container .slick-list:after {display: block; content: ""; width: 10%; height: 100%; top: 0; right: -50px; position: absolute; z-index: 99; background:linear-gradient(90deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);}
.api-tab-wrapper-style {margin-bottom:4.4rem; height: 50px;}
.api-tab-nav {display:flex; margin-top:3rem;}
.api-tab-nav .api-btn {display:flex; align-items:center; justify-content:center; width: 6rem; height: 6rem; border-radius:100%; border:2px solid var(--main-color); background:var(--main-color); transition:var(--transition-custom);}
.api-tab-nav .api-btn i {font-size:2rem; color:#fff;}
.api-tab-nav .api-btn.slick-disabled {border:2px solid #ddd; background:initial;}
.api-tab-nav .api-btn.slick-disabled i {color:#bcbcbc;}
.api-tab-nav .api-btn.slick-prev {margin-right: 1rem;}
.service-page .sp-con .api-tab {display:flex; /* margin:0 -2.5rem; */ margin-right:-2.5rem; width:calc(100% + 2.5rem); background:none;}
.service-page .sp-con .api-tab li { display:flex; /* margin:0 2.5rem; */ width: auto !important; border-radius:initial; background-color:initial; transform:translateX(2.5rem); max-width:none;}
.service-page .sp-con .api-tab li a {display:flex; align-items:center; justify-content:center;/*  height: 5rem;  */ height: auto; padding:1.02rem 2.4rem;}
.service-page .sp-con .api-tab li a em {font-size:2.4rem; letter-spacing:-0.048em; color:#222; font-weight: 700; /* min-width:11rem; */}
.service-page .sp-con .api-tab li.selected {}
.service-page .sp-con .api-tab li.selected a { /* padding:1.02rem 2.4rem; */ box-sizing:border-box; background:rgba(240, 78, 76, 0.1); border-radius:2.5rem;}
.service-page .sp-con .api-tab li.selected a em {color:var(--main-color);}
.service-page .sp-con .api-tab-con {margin-top: 4.4rem;}
.service-page .sp-con .api-tab-con ul {display:flex;}
.service-page .sp-con .api-tab-con ul li {min-width: 33.33%; padding-right:1rem; box-sizing:border-box;}
.service-page .sp-con .api-tab-con .api-txt {position: relative; font-size:1.5rem; letter-spacing:-0.03em; color:rgba(34, 34, 34, 0.8); line-height:1.5; font-weight: 400; padding-left:2rem; margin-top:1rem;}
.service-page .sp-con .api-tab-con .api-txt:before {display: block; content:"\e929"; position:absolute; left:0; top:0; font-size:1.5rem; color:rgba(85, 88, 89, 0.8); font-family:"xeicon";}
.service-page .sp-con .api-tab-con .api-txt:nth-of-type(1) {margin-top: 0;}
.service-page .sp-con .how-list {display:flex; margin:0 -3.5rem;}
.service-page .sp-con .how-list li {width: 33.33%; border-right:1px solid #ddd; box-sizing:border-box; padding: 0 3.5rem;}
.service-page .sp-con .how-list li:last-of-type {border-right:0;}
.service-page .sp-con .how-list .how-tit {display:inline-block; height: 7.2rem; font-size:2.4rem; line-height:1.208em; color:var(--main-color); font-weight: 700; margin-top:1.5rem;}
.service-page .sp-con .how-list .icon-box {width: 7.3rem; position: relative; height: 0; padding-top:24.2%;}
.service-page .sp-con .how-list .icon-box img {position: absolute; top:0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; }
.service-page .sp-con .how-list .how-txt {font-size:1.6rem; letter-spacing:-0.032em; color:rgba(34, 34, 34, 0.8); line-height:1.625em; font-weight: 400;}
.service-page .service-paging-line {display:flex; justify-content:space-between; margin-top:3.6rem;}
.service-page .service-btn {display:flex; justify-content:center; align-items:center; width: 6rem; height: 6rem; border:2px solid #ddd; border-radius:100%; background:#fff; box-sizing:border-box; transition:var(--transition-custom);}
.service-page .service-btn i {position: relative; font-size:18px; color:#bcbcbc; font-weight: 400; z-index:2;}
.service-page .service-btn:hover {background:var(--main-color); border-color:var(--main-color);}
.service-page .service-btn:hover i {color:#fff;}
.service-page .btn-wrap {display:flex;}
.service-page .btn-wrap a {display:flex; justify-content:center; align-items:center; height: 6rem; border-radius:4.1rem; padding: 0 7.4rem; box-sizing:border-box; font-size:18px; letter-spacing:-0.018em; font-weight: 700;}
.service-page .btn-wrap .inquiry-btn {border:2px solid #ddd; color:#bcbcbc; margin-right: 2rem;}
.service-page .btn-wrap .go-list-btn {border:2px solid var(--main-color); color:var(--main-color);}

/* ******************************** RPA ******************************** */
/* ******************  RPA :: RPA 소개 ******************  */
.rpa-intro-box {display:flex; align-items:center; justify-content: center; margin-top:2.7rem;}
.rpa-intro-box .intro01 , .rpa-intro-box .intro02 {display:flex; align-items:center; justify-content:center; width: 24rem; height: 24rem; border-radius:50%; font-size:3.2rem; letter-spacing:-0.064em; text-align:center; line-height:1.25; font-weight: 700;}
.rpa-intro-box .intro01 {background:#EEEEEE; color:#A4A4A4;}
.rpa-intro-box .intro02 {position: relative; color:#F04E4C; border: 1px solid #F04E4C; box-shadow: 2px 3px 20px #AB101033; box-sizing:border-box; margin-left:-2.9rem; background: #fff; z-index:10;}
.rpa-intro-box .intro02:after {display: block; content:"\e93f"; position:absolute; font-family:"xeicon"; right:-5.8rem; top:50%; transform:translateY(-50%); color:#F04E4C; font-weight: 400;} 
.rpa-intro-box .intro03 {position: relative; display:flex; align-items:center; justify-content:center; width: 58rem; height: 58rem; border-radius:50%; box-shadow: -7px 2px 20px #AB101014; background: rgba(255,255,255,0.7); font-size:4.8rem; letter-spacing:-0.96px; color:#F04E4C; font-weight: 700; text-align:center; margin-left:-2.9rem;}
.rpa-intro-box .intro03:before {display: block; content:""; width: 34rem; height: 34rem; border-radius:50%; box-shadow: -7px 2px 20px #AB101014; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.rpa-strength {max-width:1020px; margin:8rem auto 0;}
.rpa-strength .strength-item {position: relative; border-bottom:1px solid #eee; padding:0 12rem; transition:var(--transition-custom); display:flex; align-items:center; justify-content:space-between;}
.rpa-strength .strength-item:before {/* display:none; */ opacity:0; content:""; position:absolute; border: 4px solid var(--main-color); width:100%; height:100%; top:0; left:0; box-shadow: 0px 3px 20px rgba(171, 16, 16, 0.15); box-sizing:border-box; transition:all 0.4s;}
.rpa-strength .strength-item.active {padding: 0 7.8rem; background: #fff; border-bottom:0;}
.rpa-strength .strength-item.active .num {color:rgba(238, 238, 238, 1);}
.rpa-strength .strength-item.active:before {/* display: block; */ opacity:1;}
.rpa-strength .strength-tit-box {display:flex; align-items:center; padding:4.45rem 0;}
.rpa-strength .tit-inner {margin-left: 4.4rem;}
.rpa-strength .strength-tit {font-size:3.4rem; letter-spacing:-0.068em; color:#222; font-weight: 700; line-height:1.176em;}
.rpa-strength .strength-en-tit {font-size:1.8rem; color:rgba(85, 88, 89, 0.4); font-weight: 500; line-height:1.556em;}
.rpa-strength .num {font-size:5.6rem; color:rgba(238, 238, 238, 0.5); /* line-height:2.143em; */ font-weight: 700; letter-spacing:-2.24px;}
.rpa-strength .tit-inner {display:flex; flex-direction:column;}
.rpa-strength .strength-item .icon-box {width: 4.7rem; height: 0; padding-top:5.89%; position:relative;}

/* ******************  RPA :: 주요기능 ******************  */
.rpa-function-page{padding-bottom:10rem;}
.automaiton-container .intro-box .intro-tit {position: relative; display:flex; justify-content:center; align-items:center; width: 38rem; height: 38rem; border-radius:100%; font-size:4.8rem; letter-spacing:-0.96px; line-height:1.167em; color:var(--main-color); font-weight: 700; text-align:center; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08); margin:0 auto;}
.automaiton-container .intro-box .intro-tit:after {display: block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width: 65rem; height: 65rem; border-radius:100%; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08);}
.automation-box {position: relative; margin:2rem -2.4% 0 -2.1%;}
.auto-arrow {position: absolute; font-size:2rem; top: 9.4%; left: 2%; color:var(--main-color);}
.auto-arrow { offset-path: path(var(--path)); animation:move 15s infinite; animation-timing-function:linear;}

@keyframes move {
	0% {
		offset-distance:0%;
	} 
	100% {
		offset-distance:100%;
	}
}
.auto-arrow2 {animation-delay:5s;}
.auto-arrow3 {animation-delay:10s;}
.automation-box .bg-box {}
.automation-box .automation-svg{width: 100%;}
.automation-box .automation-svg svg{max-width: 100%;}
.automation-list {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 7rem; display:flex; justify-content: center; align-items: center; box-sizing: border-box; /*padding:4.5rem 7rem; margin-top:4.7rem; margin:40px -31px 0 -27px; */}
.automation-list li {width:calc((100% - 4.8rem) / 7); margin-right: 8px;}
.automation-list li .item {width: 100%; position: relative; padding-top: 100%; display: flex; justify-content: center; align-items: center; height: 0; border-radius: 100%; box-shadow: 1px 2px 20px rgba(168, 47, 46, 0.08); background: #fff;}
.automation-list li .item .inner-con {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; display: flex; flex-direction:column; align-items: center; justify-content: center;}
.automation-list li:last-of-type {margin-right: 0;}
.automation-list li .icon-box {display:block; width: 4.43rem; position: relative; height: 0; padding-top:25.51%;}
.automation-list .automation-tit {font-size:1.8rem; letter-spacing:-0.018em; color:var(--main-color); font-weight: 500; margin-top:2rem;}
.automation-list02 {display:flex; flex-wrap:wrap; margin-top:10rem;}
.automation-list02 > li {width: 100%; display:flex; align-items:center; padding:6rem 0; border-bottom:1px solid #ddd;}
.automation-list02 > li > div {width: 50%; display:flex; align-items:center;}
.automation-list02 > li:last-of-type {border-bottom:0;}
.automation-list02 .num {align-self:flex-start; font-size:2rem; letter-spacing:-1px; line-height:1.2em; font-weight: 700; color:rgba(221, 221, 221, 1);}
.automation-list02 dl {margin-left:3.9rem;}
.automation-list02 dl dt {font-size:3.4rem; letter-spacing:-0.068em; color:#222; font-weight: 700; line-height:1.176em; margin-bottom:2rem;}
.automation-list02 dl dt > span {font-size:0.82em; letter-spacing:-0.056em; line-height:1.429em;} 
.automation-list02 dl dd ul li {position: relative; font-size:1.6rem; color:rgba(34, 34, 34, 0.8); font-weight: 500; line-height:1.875em; padding-left:1rem;}
.automation-list02 dl dd ul li:before {display: block; content:"-"; position: absolute; left:0; top:0; color:rgba(34, 34, 34, 0.8);}
.ui-automation .automation-list02 dl dt , .ocr-box .automation-list02 dl dt , .captcha-box .automation-list02 dl dt {margin-bottom: 0;}
.ui-automation .img-box {text-align:center;}
.ocr-box .automation-list02 li:nth-of-type(3) {border-bottom:0;}
.bot-diagram > span {position: relative; display:flex; align-items:center; justify-content:center; width: 38rem; height: 38rem; border-radius:100%; font-size:4.8rem; letter-spacing:-0.96px; line-height:1.167em; color:var(--main-color); font-weight: 700; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08); text-align:center;  margin:0 auto;}
.bot-diagram > span:before {display: block; content:""; width:65rem; height:65rem; border-radius:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08);}
.bot-list {display:flex; margin-top:5rem;}
.bot-list li {width: calc((100% - 20.6rem) / 3); margin-right: 10.3rem;}
.bot-list li:last-of-type {margin-right: 0;}
.bot-list .bot-tit-box{display:flex;}
.bot-list .num {font-size:2rem; letter-spacing:-1px; line-height:1.2em; font-weight: 700; color:rgba(221, 221, 221, 1);}
.bot-list .bot-tit {font-size:3.4rem; letter-spacing:-0.068em; color:#222; font-weight: 700; line-height:1.176em; margin-left:3.9rem;}

/* ocr */
.ocr-box , .captcha-box{margin-top:14rem;}
.ocr-box .img-box , .captcha-box .img-box{display:flex; justify-content:center; align-items:center; max-width:1064px; margin:0 auto;}
.ocr-box .img-box img , .captcha-box .img-box img {width: 50%;}
.ocr-diagram-tit {position: relative; display:flex; /* flex-direction:column; */ justify-content:center; width: 50%; /* align-items:center; width: 30rem; height: 30rem; */ border-radius:100%; /* box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08); font-size:4.8rem; letter-spacing:-0.096em; color:var(--main-color); font-weight: 700; text-align:center; */ margin-left:-2.5rem;}
.ocr-diagram-tit .inner-con {width: 56.39%; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08); height: 0; padding-top: 56.39%; border-radius: 100%; position: relative;}
.ocr-diagram-tit .inner-con-txt {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 4.8rem; letter-spacing: -0.096em; color: var(--main-color); font-weight: 700; text-align: center; letter-spacing:-0.96px; line-height:1.1;}
.ocr-diagram-tit .inner-con-txt > em {font-size:3.2rem; letter-spacing:-0.064em; font-weight: 700;}
.ocr-diagram-tit:before {display: block; content:""; width: 97.745%; height:0; padding-top:97.745%; border-radius:100%; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.captcha-box .automation-list02 > li:last-of-type {border-bottom:1px solid #ddd;}

/* ******************  RPA :: 적용분야 ******************  */
.field-box {position: relative; background:url(../images/content/field_bg.svg) no-repeat; /* width: 53%; */ height:0; /* padding-top:53%; */ width: 700px; height: 700px; margin:8rem auto 0;}
/* .field-box .field-item {display:inline-block; position:absolute; width: 12rem;} */
.field-tit-box {display:flex;}
.field-tit {font-size:28px; font-weight: 700; color:rgba(85, 88, 89, 1); letter-spacing:-0.028em; text-align:right; line-height:1.286em; transition:all 0.4s;}
.field-tit-box .num {font-size:20px; letter-spacing:-0.01em; color:rgba(221, 221, 221, 1); font-weight: 700; /* align-self:flex-end; */ margin-left:24px; line-height:1.5em; transition:all 0.4s;}
.field-box .field-item {display:flex; /* align-items:center; */ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.field-box .field-item .field-circle {display:inline-block; width: 120px;}
.field-box .field-item:nth-child(1) {margin-left:90px; margin-top:-230px;}
.field-box .field-item:nth-child(2) {margin-top:-80px; margin-left:-60px;}
.field-box .field-item:nth-child(3) {margin-top:73px; margin-left:-213px;}
.field-box .field-item:nth-child(4) {margin-top:224px; margin-left:-364px;}
.field-box .field-item:nth-child(5) {margin-top:-80px; margin-left:336px; flex-direction:row-reverse; align-items:center;}
.field-box .field-item:nth-child(6) {margin-top:73px; margin-left:196px; flex-direction:row-reverse; align-items:center;}
.field-box .field-item:nth-child(7) {margin-top:224px; margin-left:42px; flex-direction:row-reverse; align-items:center;}

.field-box .field-item:nth-child(1) .field-circle , .field-box .field-item:nth-child(2) .field-circle , .field-box .field-item:nth-child(3) .field-circle , .field-box .field-item:nth-child(4) .field-circle {margin-left: 96px;} 
.field-box .field-item:nth-child(1) .field-tit-box , .field-box .field-item:nth-child(2) .field-tit-box , .field-box .field-item:nth-child(3) .field-tit-box , .field-box .field-item:nth-child(4) .field-tit-box {max-height:72px; min-width:176px;}
.field-box .field-item:nth-child(1) .num , .field-box .field-item:nth-child(2) .num , .field-box .field-item:nth-child(3) .num , .field-box .field-item:nth-child(4) .num {align-self:flex-end;}
.field-box .field-item:nth-child(5) .field-circle , .field-box .field-item:nth-child(6) .field-circle , .field-box .field-item:nth-child(7) .field-circle {margin-right: 96px;} 
.field-box .field-item:nth-child(5) .field-tit-box , .field-box .field-item:nth-child(6) .field-tit-box , .field-box .field-item:nth-child(7) .field-tit-box {flex-direction:row-reverse;}
.field-box .field-item:nth-child(6) .field-tit-box , .field-box .field-item:nth-child(7) .field-tit-box  {align-self:flex-end;}
.field-box .field-item:nth-child(5) .field-tit , .field-box .field-item:nth-child(6) .field-tit , .field-box .field-item:nth-child(7) .field-tit {text-align:left; margin-left:24.5px;}
.field-box .field-item:nth-child(5) .num , .field-box .field-item:nth-child(6) .num , .field-box .field-item:nth-child(7) .num {margin-left:0;}
.field-box .field-item .inner-con {display: block; content: ""; position: relative; height: 120px; width:120px; border-radius: 100%; /* padding-top: 100%; */ box-shadow: 0px 3px 20px rgba(171, 16, 16, 0.08); background: #fff;}
.field-box .field-item .inner-con:after {display: block; content:""; position:absolute; width:100%; height:1px; background:#ddd; top:50%; transform:translateY(-50%); z-index:-1;}
.field-box .field-item:nth-child(1) .inner-con:after , .field-box .field-item:nth-child(2) .inner-con:after , .field-box .field-item:nth-child(3) .inner-con:after , .field-box .field-item:nth-child(4) .inner-con:after {left:-70%;}
.field-box .field-item:nth-child(5) .inner-con:after , .field-box .field-item:nth-child(6) .inner-con:after , .field-box .field-item:nth-child(7) .inner-con:after {right:-70%;}
.field-box .field-item .field-circle .inner-con:before {/* display: none; */ opacity:0; content: ""; width: 100%; height: 100%; border: 2px solid var(--main-color); border-radius: 100%; position: absolute; top: 0; left:0; box-sizing: border-box; transition: all 0.4s;}
.field-box .field-item .icon-box {width: 3.7rem; display: block; height: 0; padding-top: 29.17%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.field-box .field-item.active .field-circle .inner-con:before {opacity:1;}
.field-box .field-item.active .field-tit , .field-box .field-item.active .num {color:var(--main-color);}

/* ******************  RPA :: 기대효과 ******************  */
.rpa-expectation-list {max-width:77.27%; margin:10rem auto 0;}
.rpa-expectation-list > li {position: relative; display:flex; align-items:center; border-bottom:1px solid rgba(238, 238, 238, 1); padding:6rem 8rem; transition:var(--transition-custom); margin:0 6rem;}
.rpa-expectation-list > li.active {/* padding: 0 7.8rem; */background: #fff; border-bottom:0; margin:0;}
.rpa-expectation-list > li.active:before {/* display:block; */ opacity:1;}
.rpa-expectation-list > li:before {/* display:none; */opacity:0; content:""; position:absolute; border: 4px solid var(--main-color); width:100%; height:100%; top:0; left:0; box-shadow: 0px 3px 20px rgba(171, 16, 16, 0.15); box-sizing:border-box; transition:all 0.4s;}
/* .rpa-strength .strength-item.active {padding: 0 7.8rem; background: #fff; border-bottom:0;} */
.rpa-expectation-list .expectation-tit-box {display:flex; align-items:center; width: 58rem;}
.rpa-expectation-list .num {display:inline-block; width: 7rem; font-size:5.6rem; letter-spacing:-2.24px; color:rgba(238, 238, 238, 0.5); font-weight: 700;}
.rpa-expectation-list .expectation-tit {font-size:3.4rem; letter-spacing:-0.068em; color:#222; font-weight: 700; margin-left:3.5rem;}
.rpa-expectation-list .expectation-txt-box {width: calc(100% - 58rem);}
.rpa-expectation-list .expectation-txt-box > span {display:flex; font-size:1.6rem; line-height:1.875em; color:rgba(188, 188, 188, 0.8);}
.rpa-expectation-list .expectation-txt-box > span > em {white-space:nowrap;}
.rpa-expectation-list .expectation-txt-box > span i {margin-right: 11px; position: relative; top:6px;}
.rpa-expectation-list > li.active .num {color:rgba(238, 238, 238, 1);}
.rpa-expectation-list > li.active .expectation-txt-box > span {color:rgba(34,34,34,0.8);}
.rpa-expectation-list > li.active .expectation-txt-box > span i {color:var(--main-color);}

/* ******************  RPA :: 도입사례 ******************  */
.vertical-tab .sub-tab-wrapper-style {height: auto;}
.vertical-tab .sub-tab-list-style ul {height: auto; flex-direction:column; background:initial;}
.introductory-case-page .vertical-tab {/* display:flex; */ margin-top:15rem; position: relative; z-index:9;}
.introductory-case-page .vertical-tab .sub-tab-list-style ul li {width: 100%; background-color:initial;}
.introductory-case-page .vertical-tab .sub-tab-list-style ul li a {display:flex; align-items:center; padding:0 3.6rem; height: 5.8rem; box-sizing:border-box; background-color:initial;}
/* .introductory-case-page .vertical-tab .sub-tab-list-style ul li.selectd a {border:2px solid var(--main-color);} */
.introductory-case-page .vertical-tab .sub-tab-list-style ul li a em {text-align:left; margin-left:1.73rem; font-size:1.8rem;}
.introductory-case-page .vertical-tab .sub-tab-list-style ul li.selected {border:2px solid var(--main-color); box-shadow: 0px 3px 20px rgba(171, 16, 16, 0.15); margin-bottom:1rem; border-radius: 4.3rem; box-sizing:border-box;}
.introductory-case-page .vertical-tab .sub-tab-list-style ul li.selected a em {color:var(--main-color);}
.introductory-case-page .vertical-tab .sub-tab-list-style ul li .icon-box {width: 2.85rem; position: relative; height: 0; padding-top:10.57%;}
.introductory-case-page .vertical-tab .sub-tab-wrapper-style  {/* width: 27rem; */ width: 20.45%; position:absolute;}
.introductory-case-page .vertical-tab .sub-tab-wrapper-style.fixed  {position:fixed; top:12%; /* left:28.2rem; */}
.introductory-case-page .vertical-tab .sub-tab-wrapper-style.bottom-fixed {position: absolute; bottom:0;}
.introductory-case-page .vertical-tab .sub-tab-content-style {/* width: calc(100% - 27rem); width: 79.55%; padding-left:20.45%; */ /* padding-left:13rem; */ /* box-sizing:border-box; */}
.rpa-case-con-wrapper {width: 79.55%; padding-left:20.45%;}
.rpa-case-con {padding-left:13rem;}
/* .introductory-case-page .vertical-tab.fixed .sub-tab-content-style {padding-left:0; position: relative; margin-left:40rem;} */
.introductory-case-page .case-tit {font-size:4.8rem; line-height:1.167em; color:var(--main-color); padding-bottom:4rem; border-bottom:1px solid #eee;}
.introductory-case-page .case-tif.rpa-expectation-list .expectation-txt-box li it-box dl {display:flex; align-items:center; padding:3rem 0; border-bottom:1px solid #eee;}
.introductory-case-page .case-tit-box dl {display:flex; padding:3rem 0; border-bottom:1px solid #eee;}
.introductory-case-page .case-tit-box dt {align-self:flex-start; width: 13.3rem; font-size:2rem; letter-spacing:-0.04em; color:#555859; line-height:1.8em; font-weight: 700;}
.introductory-case-page .case-tit-box dd {width: calc(100% - 13.3rem);}
.introductory-case-page .case-tit-box .txt01 {font-size:1.6rem; letter-spacing:-0.032em; color:#555859; line-height:1.75em; font-weight: 600;}
.introductory-case-page .case-tit-box .txt02 {font-size:1.6rem; letter-spacing:-0.032em; color:#555859; line-height:1.75em; font-weight: 400;}
.introductory-case-page .case-con.change {display:flex; align-items:center; justify-content:space-between; padding:15rem 0; border-bottom:1px solid #eee;}
.introductory-case-page .case-con .before {width: 30rem;/* width: 32.6%; height: 0; border-radius: 100%; background: #EEEEEE; padding-top: 32.6%; */ position: relative;}
.introductory-case-page .case-con .before .inner {position: relative; display: block; width: 100%; height: 0; padding-top:100%; background:#eee; border-radius:100%;}

.introductory-case-page .case-con .arrow {/* color:var(--main-color); margin-right:9rem; font-size:2rem; */ background: url('../images/content/arrow_right.png')no-repeat; margin-left: -9rem; width: 2rem; height: 2rem; background-size:cover;}
.introductory-case-page .case-con .before .before-txt { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.introductory-case-page .case-con .before .txt {font-size:2.4rem; line-height:1.333em; text-align:center; font-weight: 500; color:rgba(164, 164, 164, 0.8); margin-top:3rem;}
.introductory-case-page .case-con .con-sub-tit {border-radius:1.5rem; font-size:1.6rem; letter-spacing:-0.032em; color:#eee; font-weight: 700; padding:5px 15px;}
.introductory-case-page .case-con .before .con-sub-tit {background:#A4A4A4;}
.introductory-case-page .case-con .after {position: relative; display:flex; /* flex-direction:column; justify-content:center;  */align-items:center; width: 32rem; /* height: 32rem; box-shadow: 0px 5px 20px rgba(171, 16, 16, 0.08); border-radius:100%; */ margin-right:9rem;}
.introductory-case-page .case-con .after .after-con {position: absolute; width: 100%; height: 0; padding-top:100%; border-radius:100%; box-shadow: 0px 5px 20px rgba(171, 16, 16, 0.08);}
.introductory-case-page .case-con .after .after-txt {position: absolute; left:0; top:0; right:0; bottom:0; display: flex; flex-direction:column; align-items:center; justify-content:center;}
.introductory-case-page .case-con .after:after {display: block; content:""; position:absolute; width: 50rem; height: 50rem; border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow: 0px 5px 20px rgba(171, 16, 16, 0.08);}
.introductory-case-page .case-con .after .con-sub-tit {color:#fff; background: var(--main-color);}
.introductory-case-page .case-con .after .txt {font-size:3.2rem; letter-spacing:-0.064em; color:var(--main-color); line-height:1.5em; font-weight: 700; text-align:center; margin-top:3rem;}
.introductory-case-page .case-con.adapt {display:flex; align-items:center; margin-top:5.5rem;}
.introductory-case-page .case-con.adapt > div {float:left;}
/* .introductory-case-page .case-con.adapt > div:nth-child(1) , .introductory-case-page .case-con.adapt > div:nth-child(3) {margin-top:9.5rem;} */ 
.introductory-case-page .case-con.adapt .adapt-tit {position: relative; font-size:3.4rem; letter-spacing:-0.068em; line-height:1.176em; font-weight: 700; color:#222;}
.introductory-case-page .case-con.adapt .adapt-tit-list li {font-size:1.8rem; letter-spacing:-0.036em; color:#222; font-weight: 500; text-align:center; line-height:1.167em; border-radius:2rem; background:#fff; width: 22rem; padding:1.8rem 0; margin-top: 1rem;}
.introductory-case-page .case-con.adapt .adapt-tit-list li:first-child {margin-top: 0;}
.introductory-case-page .case-con.adapt .adapt-tit.rpa-center {display:flex; justify-content:center; align-items:center; width: 23rem; height: 23rem; border-radius:100%; background:var(--main-color); color:#fff; box-shadow: 0px 0px 20px #AB10101A;}
/* .introductory-case-page .case-con.adapt div:nth-of-type(2) {margin: 0 5.3rem; text-align:center;} */
.introductory-case-page .case-con.adapt div:nth-of-type(2) em {display:inline-block; font-size:1.9rem; line-height:1.2; color:rgba(34, 34, 34, 0.8); font-weight: 700; margin-top:1.5rem;}
.adapt-center-box {display:flex; align-items:center; text-align:center;}
/* .adapt-center-box > div {margin:0 4.7rem;} */
/* .rpa-case-con .dot {position: relative; display:inline-block; width: 7px; height: 7px; border-radius:100%; background:rgba(240, 78, 76, 0.6); margin-top:-4rem;}
.rpa-case-con .dot:before {display:block; content:""; position:absolute; width: 11px; height: 11px; border-radius:100%; background: rgba(240, 78, 76, 1); left:-14px; top:-2px;}
.rpa-case-con .dot:after {display:block; content:""; position:absolute; width: 5px; height: 5px; border-radius:100%; background: rgba(240, 78, 76, 0.2); right:-10px; top:1px;}
.rpa-case-con .dot:last-of-type:before {right:-14px; left:initial;}
.rpa-case-con .dot:last-of-type:after {left:-10px;} */
.introductory-case-page .case-con.adapt .adapt-right-list {margin-top: 3rem;}
.introductory-case-page .case-con.adapt .adapt-right-list .list-tit {font-size:1.6rem; line-height:1.875em; font-weight: 700; color:#555859;}
.introductory-case-page .case-con.adapt .adapt-right-list li {margin-top:2.4rem;}
.introductory-case-page .case-con.adapt .adapt-right-list li:nth-of-type(1) {margin-top: 0;}
.introductory-case-page .case-con.adapt .adapt-right-list li > span {display:block; font-size:1.6rem; color:rgba(34, 34, 34, 0.5); font-weight: 400; line-height: 1.2;}

/* 전자증빙 (1) */
.rpa-case-con #tabConM01 .case-con.adapt {align-items:flex-start;}
.rpa-case-con #tabConM01 .case-con.adapt > div:not(.adapt-center-box) {margin-top:9.5rem;} 
.rpa-case-con #tabConM01 .adapt-center-box .dot {position: relative; display: block; width: 7px; height: 7px; border-radius:100%; background:rgba(240, 78, 76, 0.6) ;}
.rpa-case-con #tabConM01 .adapt-center-box .dot:last-child:before , .rpa-case-con #tabConM01 .adapt-center-box .dot:first-child:before {display: block; content:""; width: 5px; height: 5px; border-radius:100%; background:rgba(240, 78, 76, 0.2); position:absolute; left:-8px; top:1.5px;}
.rpa-case-con #tabConM01 .adapt-center-box .dot:first-child:before {right:-10px; top:1.5px; left:initial;}
.rpa-case-con #tabConM01 .adapt-center-box .dot:last-child:after , .rpa-case-con #tabConM01 .adapt-center-box .dot:first-child:after {display: block; content:""; width: 11px; height: 11px; border-radius:100%; background:rgba(240, 78, 76, 1); position:absolute; right:-15px; top:-1.5px;}
.rpa-case-con #tabConM01 .adapt-center-box .dot:first-child:after {left:-15px; top:-1.5px; right:initial;}

@media all and (max-width:1280px){
	.rpa-case-con #tabConM01 .case-con.adapt {align-items:center;}
	.rpa-case-con #tabConM01 .case-con.adapt > div:not(.adapt-center-box) {margin-top: 0;}
	.rpa-case-con #tabConM01 .case-con.adapt .adapt-tit {text-align:center;}
	.rpa-case-con #tabConM01 .adapt-center-box .dot:first-child:after {top:-2.5px;}
	.rpa-case-con #tabConM01 .adapt-center-box .dot:first-child:before {top:0.5px;}
	.rpa-case-con #tabConM01 .adapt-center-box .dot:last-child:before {top:0.5px;}
	.rpa-case-con #tabConM01 .adapt-center-box .dot:last-child:after {top:-2.5px;}
}

/* 법인카드 경비처리 (2) */
.rpa-case-con .adapt-right-box .right-con {display:flex; align-items:center;}
.rpa-case-con .adapt-right-box .right-con .dot {margin: 0 2.5rem;}
.rpa-case-con .adapt-center-box .dot {margin:-3.8rem 3.5rem 0;}

.rpa-case-con #tabConM02 .adapt-tit:first-child {margin-top: 0;}
.rpa-case-con #tabConM02 .adapt-right-box {margin-top: -3.8rem;}
.rpa-case-con #tabConM02 .adapt-right-box .right-con {margin:4.5rem 0 0 0;}
.rpa-case-con #tabConM02 .adapt-right-box .right-con:first-child {margin:0;}

@media all and (max-width:1280px){
	.introductory-case-page .case-con.adapt .adapt-tit {font-size:2.5rem;}
	.introductory-case-page .case-con .before .txt {margin-top:1rem;}
	.adapt-center-box {flex-direction:column; margin:3.5rem 0;}
	.rpa-case-con .adapt-center-box .dot {margin:0 3.5rem 0;}
	.adapt-center-box .dot {transform:rotate(90deg); margin-top: 3rem;}
	.adapt-center-box .dot img {image-rendering: pixelated;}
	.rpa-case-con #tabConM02 .adapt-right-box {display:flex; margin-top:3rem;}
	.rpa-case-con #tabConM02 .adapt-right-box .right-con {flex-direction:column; margin: 0;}
	.rpa-case-con #tabConM02 .adapt-right-box .right-con:first-child {margin-right: 2rem;}
	.rpa-case-con #tabConM02 .adapt-right-box .right-con .dot {transform:rotate(90deg);}
	.rpa-case-con #tabConM02 .adapt-right-box .right-con .dot img {image-rendering:pixelated;}
	.rpa-case-con #tabConM02 .adapt-right-box .right-con .adapt-tit {margin-left: 0; width: 100%; margin-top: 3rem; text-align:center; }
}

/* 공공기관 서류발급 (3) */
.rpa-case-con #tabConM03 .adapt-center-box {margin:0 3rem 0 5.3rem;}
.rpa-case-con .adapt-center-box .basic-dot {position: relative; display:block; width: 7px; height: 7px; border-radius:100%; background: rgba(240, 78, 76, 0.6); margin-right: 5rem;}
.rpa-case-con .adapt-center-box .basic-dot:before {display: block; content:""; position: absolute; top:0; left:-13px; width: 100%; height: 100%; border-radius:100%; background: rgba(240, 78, 76, 0.2);}
.rpa-case-con .adapt-center-box .basic-dot:after {display: block; content:""; position: absolute; width: 100%; height: 100%; border-radius:100%;  background: rgba(240, 78, 76, 1); right:-13px;}
.rpa-case-con #tabConM03 .adapt-right-box {display:flex;}
.rpa-case-con #tabConM03 .adapt-right-box .online-box {display:flex; flex-direction:column; margin-top: 10rem;}
.rpa-case-con .online-box em.online-txt01 {font-size:1.6rem; color:#222; margin-bottom:1.6rem; font-weight: 600;}
.rpa-case-con .online-box em.online-txt02 {font-size:1.6rem; color:rgba(34, 34, 34, 0.5); font-weight: 500; line-height:1.875em; margin-top: 8px;}
.rpa-case-con .online-type {display:flex;}
.rpa-case-con .online-type span {display:flex; align-items:center; justify-content:center; font-size:1.6rem; color:rgba(34, 34, 34, 0.5); font-weight: 600; background:#eee; border-radius:1.2rem; width: 4.3rem; height: 4.3rem; margin-right: 5px;}

@media all and (max-width:1280px){
	.rpa-case-con #tabConM03 .adapt-center-box {margin:0 auto;}
	.rpa-case-con #tabConM03 .adapt-right-box .online-box {margin-top:1rem;}
	.rpa-case-con .adapt-center-box .basic-dot {margin-right:0; margin-top:3rem; transform:rotate(90deg);}
}


/* 기업회계 업무 자동화 (4) */
.rpa-case-con #tabConM04 .adapt-center-box > div {margin: 0 3.7rem 0 0;}
.rpa-case-con #tabConM04 .adapt-left-box {margin-top: -3.8rem;}
.rpa-case-con #tabConM04 .adapt-right-box {display:flex; align-items:center; margin-top: -3.8rem;}

@media all and (max-width:1280px){
	.rpa-case-con #tabConM04 .adapt-right-box {margin-top: 3rem;}
	.rpa-case-con #tabConM04 .adapt-center-box {margin: 3rem 0 0 0; flex-direction:column;}
	.rpa-case-con #tabConM04 .adapt-center-box > div {margin:3rem 0 0 0;}
}

/* 채권관리 업무 자동화 (5) */
.rpa-case-con #tabConM05 .adapt-tit {line-height:1.286em; letter-spacing:-0.056em;}
.rpa-case-con #tabConM05 .adapt-left-box {position: relative; margin-top: -3.8rem;}
.rpa-case-con #tabConM05 .adapt-left-box:before {display: block; content:"01"; position:absolute; left:-4rem; top:7px; color:#bcbcbc; font-weight: 700; font-size:2rem;}
.rpa-case-con #tabConM05 .adapt-center-box > div {margin:0;}
.rpa-case-con #tabConM05 .adapt-center-box .dot {margin:-3.8rem 2.5rem 0;}
.rpa-case-con #tabConM05 .adapt-right-box {position: relative;}
/* .rpa-case-con #tabConM05 .adapt-right-box .dot {position: absolute; left:-4.5rem; top:50%; transform:translateY(calc(-50% + 2rem));} */
.rpa-case-con #tabConM05 .adapt-right-box .adapt-tit {padding-left:4rem;}
.rpa-case-con #tabConM05 .adapt-right-box .adapt-tit:first-of-type {margin-bottom: 3rem;}
.rpa-case-con #tabConM05 .adapt-right-box .adapt-tit:first-of-type:before {display: block; content:"02"; position:absolute; left:0; top:0; color:#bcbcbc; font-size:2rem; font-weight: 700;}
.rpa-case-con #tabConM05 .adapt-right-box .adapt-tit:last-child:before {display: block; content:"03"; position:absolute; left:0; top:0; color:#bcbcbc; font-size:2rem; font-weight: 700;}

@media all and (max-width:1280px){
	.rpa-case-con #tabConM05 .adapt-center-box {margin:8rem 0 3rem; flex-direction:column;}
	.rpa-case-con #tabConM05 .adapt-center-box > div {margin:3rem 0 8rem;}
}

/* 쇼핑몰 통합관리 (6) */
.rpa-case-con #tabConM06 .adapt-right-box , .rpa-case-con #tabConM06 .adapt-left-box {margin-top: 5.5rem;}

@media all and (max-width:1280px){
	.rpa-case-con #tabConM06 .adapt-right-box, .rpa-case-con #tabConM06 .adapt-left-box {margin-top: 0;}
}

/* 핀테크 플랫폼 (7) */
.rpa-case-con #tabConM07 .case-con.adapt {align-items:initial;}
.rpa-case-con #tabConM07 .adapt-left-box , .rpa-case-con #tabConM07 .adapt-right-box {margin-top: 9.5rem;}

/* 세무업무 처리 자동화 (8) */
.rpa-case-con #tabConM08 .adapt-left-box , .rpa-case-con #tabConM08 .adapt-right-box {position: relative; padding-left:3.5rem; margin-top: -3.8rem;}
.rpa-case-con #tabConM08 .adapt-left-box:before {display: block; content:"01"; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#bcbcbc; font-size:2rem; font-weight: 700;}
.rpa-case-con #tabConM08 .adapt-right-box:before {display: block; content:"02"; position:absolute; left:0; top:1rem; color:#bcbcbc; font-size:2rem; font-weight: 700;}

@media all and (max-width:1280px){
	.rpa-case-con #tabConM08 .adapt-left-box , .rpa-case-con #tabConM08 .adapt-right-box  {margin-top: 0;}
}

/* 법인 셀프 등기 자동화 (9) */
.rpa-case-con #tabConM09 .adapt-center-box .dot:before , .rpa-case-con #tabConM09 .adapt-center-box .dot:after {width: 7px; height: 7px; top:0;}
.rpa-case-con #tabConM09 .adapt-center-box .dot:before {right:-11px;}
.rpa-case-con #tabConM09 .adapt-center-box {margin:0 5.3rem;}
.rpa-case-con #tabConM09 .adapt-right-box {display:flex; margin-left: -2rem; align-items:center;}
.rpa-case-con #tabConM09 .box {margin:0 !important; text-align:left;}
.rpa-case-con #tabConM09 .box .adapt-tit {margin-bottom: 8px;}
/* .rpa-case-con #tabConM09 .online-box .dot {position:absolute; right:-4rem; top:50%; transform:translateY(-50%); margin-top:0;} */
.rpa-case-con #tabConM09 .online-box .dot:before {width: 0; height: 0; border-radius: initial; background: initial; border-left: 10px solid #F04E4C; border-top: 8px solid transparent; border-bottom: 8px solid transparent; top:-4px; right:-14px;}

/* 차량정보 조회 자동화 (10) */
.rpa-case-con #tabConM10 .adapt-center-box .dot:first-child:after , .rpa-case-con #tabConM10 .adapt-center-box .dot:last-child:before {width: 0; height: 0; border-radius: initial; background: initial; border-left: 10px solid #F04E4C; border-top: 8px solid transparent; border-bottom: 8px solid transparent; top:-4px; right:-14px;}
.rpa-case-con #tabConM10 .adapt-center-box .dot:first-child:before {width: 5px; height: 5px; border-radius: 100%; background: rgba(240, 78, 76, 0.2); top: 1px; left:-10px;}
/* ******************************** 적용사례 ******************************** */
/* ******************  적용사례 :: 적용사례 ******************  */
.case-box {margin-top: 11.8rem;}
.case-list {display:flex; flex-wrap:wrap; margin:0 -1.31%;}
.case-list .list-item {/* width: 23.69%; */ width: calc((100% - 10.48%)/4); border-radius: 3rem; box-shadow: 0px 3px 15px #AB10100D; /* margin:0 20px; */ margin:1.31%; background: #fff; box-sizing:border-box; transition:all 0.4s;}
.case-list .list-item a {position: relative; display:flex; flex-direction:column; width:100%; height: 100%; padding:3rem; box-sizing:border-box;}
.case-list .list-item a:before {display: none; content:""; position:absolute; width: 100%; height: 100%; background:initial; border:1px solid var(--main-color); left:0; top:0;}
.case-list .case-tit {font-size:2.8rem; letter-spacing:-0.028em; color:#222; transition:all 0.4s; line-height:1.18; /* margin-bottom:6.764rem; */ margin-bottom:5.564rem;}
.case-list .go-btn {display:flex; align-items:center; justify-content:center; width: 5rem; height: 5rem; border-radius:50%; box-shadow: 0px 3px 15px #AB10100D; transition:all 0.4s; position:absolute; top:calc(100% - 8rem); right:3rem;}
.case-list .go-btn i {font-size:17px; color:#BCBCBC;}
/* .case-list .list-item:hover {border: 1px solid #F04E4C;} */ 
/* .case-list .list-item:hover .case-logo-list {width: 100%;} */
.case-list .list-item:hover a:before {display:block; border-radius:3rem;}
.case-list .list-item:hover .case-tit {color:#F04E4C;}
.case-list .list-item:hover .go-btn {background-color:#F04E4C; top:3rem;}
.case-list .list-item:hover .go-btn i {color:#fff;}
.case-list .list-item:hover .img-box img {opacity:1;}
.case-list .bottom-box {display:flex; align-items:center; justify-content: space-between; height:5rem;}
.case-logo-list {display:flex; width: calc(100% - 5rem); /* max-width:10.5rem; overflow:hidden; */}
.case-logo-list .slick-slide {height: auto; margin:0 5px;}
.case-logo-list .img-box {/* width: 10.5rem; */ width: 100%; position: relative; height: 0; padding-top: 24.76%;}
.case-logo-list .img-box img {max-width:100%; mix-blend-mode: luminosity; opacity: 0.3;} 

/* ******************  적용사례 :: 적용사례 view 페이지 ******************  */
.case-logo-view {display:flex; justify-content:center; margin-top:4.3rem;}
.case-logo-view li {position: relative; padding:0 2rem;}
.case-logo-view li:after {display:block; content:""; width:1px; height: 90%; background: #ddd; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.case-logo-view li:last-of-type:after {display:none;}
.case-view-box {margin-top:4.4rem;}
.success-intro-box {text-align:center; margin-top:10rem;}
.success-intro-box .success-tit {color:#F04E4C; font-size:4.8rem; letter-spacing:-0.096em; font-weight: 800; line-height:1.25;}
.success-intro-box .success-logo-box {position: relative; display:flex; justify-content:center; align-items:center; width: 26rem; height: 26rem; border-radius:50%; box-shadow: 0px 10px 20px #AB101014; margin:4.5rem auto 4.3rem;}
.success-intro-box .success-logo-box .logo-inner-box {display:flex; justify-content:center; align-items:center; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:100%; box-shadow: 0px 10px 20px #AB101014; z-index:1; width: 69.23%; height: 69.23%;}
.success-intro-box .success-logo-box .logo-inner-box:after {display: block; content: ""; background: url(../svg/line_svg.svg)no-repeat; background-size: contain; width: 3px; height: 7.1rem; position: absolute; top: 100%; left: 50%;}
.success-intro-box .success-logo-box img {max-width:100%; position: relative; z-index:10;}
.success-intro-box .success-logo-box .logo {font-size:2.4rem; color:#222; font-weight: 700;}
.success-intro-box .success-logo-box .logo-list {display:flex; flex-direction:column;}
.success-intro-box .success-logo-box .logo-list img {margin-top:1rem;}
.success-intro-box .success-logo-box .logo-list img:first-child {margin-top: 0;}
.success-intro-box .success-txt {color:#555859; font-size:2rem; letter-spacing:-0.04em; line-height:1.8em;}
.introduction-box {margin-top:10rem; border-top:1px solid #ddd;}
.introduction-box .introduction-con {display:flex; padding:6.5rem 0; border-bottom:1px solid #ddd;}
.introduction-box .introduction-con:last-of-type {border-bottom:0;}
.introduction-box .introduction-con .introduction-tit {width: 52.2rem; display:flex; align-items:center; align-self: flex-start;}
.introduction-box .introduction-con .introduction-tit em {font-size:4.8rem; color:#222; font-weight: 700; line-height:1.167em;}
.introduction-box .introduction-con .introduction-tit .num {font-size:2rem; color:#DDDDDD; letter-spacing:-0.01em; font-weight: 700; margin-right: 4rem;}
.introduction-mini-tit {font-size:1.8rem; color:#222; font-weight: 700; line-height:1.667em;}
.introduction-ex-tit {font-size:2.4rem; color:#222; font-weight:800; line-height:1.25em;}
.introduction-ex-tit > em {font-size:1.6rem; color:#222; font-weight:500; line-height:1.875em;}
.introduction-box .introduction-txt-box {width: calc(100% - 52.2rem);}

.introduction-box .introduction-con .introduction-sub-tit {font-size:2.4rem; font-weight: 700; color:#222; line-height:1.25em;}
.introduction-box .introduction-con .introduction-sub-txt {font-size:1.6rem; font-weight: 500; color:rgba(85, 88, 89, 0.8); line-height:1.875em; margin-top:1.5rem;} 
.introduction-box .introduction-con .introduction-img {margin-top:4.3rem; background: #fff; border:1px solid #ddd; padding:3rem; box-sizing:border-box;}
.introduction-box .case-con-tit {font-size:4.8rem; font-weight: 700; color:#222; text-align:center; line-height:1.167em;}
.introduction-box .ex-box {display:flex;}
.introduction-box .ex-box .ex-tit {position: relative; font-size:1.6rem; color:#222; font-weight: 600; line-height:1.875em; padding-left:1.5rem; min-width:10rem; box-sizing:border-box; white-space: nowrap;}
.introduction-box .ex-box .ex-tit:before {display: block; content:""; width:5px; height:5px; border-radius:100%; background:#222; position:absolute; left:0; top:12px;}
.introduction-box .ex-box .introduction-sub-txt {margin-top:0; /*margin-left:1rem;*/ max-width: calc(100% - 10rem);}
.view-control-box {display:flex; justify-content:space-between; margin-top:2.6rem;}
.view-control-box .view-arrow-btn {display:flex; justify-content:center; align-items:center; width: 6rem; height: 6rem; border-radius:50%; border:2px solid #ddd; box-sizing:border-box; background: #fff; transition:all 0.4s;}
.view-control-box .view-arrow-btn:hover {border-color:var(--main-color); background:var(--main-color);}
.view-control-box .view-arrow-btn i {font-size:1.8rem; color:#bcbcbc;}
.view-control-box .view-arrow-btn:hover i {color:#fff;}
.view-control-box .go-list-btn {display:flex; align-items:center; justify-content:center; height: 6rem; width: 21rem; border:2px solid #ddd; border-radius:4.1rem; font-size:1.8rem; letter-spacing:-0.018em; font-weight: 700; color:#bcbcbc; background: #fff; transition:all 0.4s;}
.view-control-box .go-list-btn:hover {background:var(--main-color); color:#fff; border-color:var(--main-color);}

.introduction-list li {font-size:1.8rem; line-height:1.667em; font-weight: 400; color:#222;}
.introduction-box .main-c-tit {font-size:2.4rem; font-weight: 800; color:var(--main-color); line-height:1.25em;}
.introduction-box .main-c-tit > em {font-size:1.6rem; font-weight: 500; line-height:1.875em; padding-left:1rem;}

.introduction-box .package-box {display:flex; align-items:center; background: #fff; border:1px solid #ddd; padding:4.5rem; margin-top: 1.5rem;}
.introduction-box .package-box .package-tit {font-size:1.9rem; color:#222; font-weight: 700;}
.introduction-box .package-box .center-box {display:flex; align-items:center; margin:0 1rem; text-align:center;}
.introduction-box .package-box .center-box .circle .inner-con {width: 14rem; height: 14rem; border-radius:100%; background: var(--main-color); display:flex; align-items:center; justify-content:center; margin:0 1.6rem; font-size:1.9rem; color:#fff; font-weight: 700; text-align:center; line-height:1.474em;}
.introduction-box .package-box .center-box .center-txt {font-size:1.6rem; letter-spacing:-0.032em; color:#222; font-weight: 500; margin-top:1rem;}
.introduction-box .package-box .package-list {margin-left: 4rem;}
.introduction-box .package-box .package-list li {margin-bottom: 1.2rem;}
.introduction-box .package-box .package-list li:last-child {margin-bottom: 0;}
.introduction-box .package-box .package-list .list-tit {font-size:1.5rem; letter-spacing:-0.03em; color:#222; font-weight: 500; margin-bottom: 6px;}
.introduction-box .package-box .package-list .list-txt {font-size:1.5rem; letter-spacing:-0.03em; color:rgba(34, 34, 34, 0.5); font-weight: 500;}

.introduction-box .work-box {display:flex; align-items:center; border:1px solid #ddd; background: #fff; padding:3rem;}
/* .introduction-box .work-box > * {margin-right: 5.5rem;} */
.introduction-box .work-list {margin-right: 5.5rem;}
.introduction-box .work-container {display:flex;}
.introduction-box .work-box .work-con {position: relative; text-align:center; margin-right: 5.5rem;}
.introduction-box .work-box .work-con:before {display: block; content: ""; background: url(/images/content/arrow_gray.png)no-repeat; width: 2.5rem; height: 11px; position: absolute; top: 50%; left: -3.8rem; background-size:100%;}
.introduction-box .work-box .work-con:last-of-type {margin-right: 0;}
.introduction-box .work-box .work-con .inner-con {width: 14rem; height: 14rem; border-radius:100%; border:1px solid rgba(221, 221, 221, 1); display:flex; align-items:center; justify-content:center; font-size:1.9rem; color:rgba(34, 34, 34, 0.8); font-weight: 700; line-height:1.474em;}
.introduction-box .work-box .work-con .num {display:inline-block; font-size:2rem; letter-spacing:-0.01em; color:#bcbcbc; font-weight: 700; margin-bottom: 6px;}
.introduction-box .work-list li {font-size:1.6rem; color:#222; letter-spacing:-0.032em; font-weight: 500; text-align:center; background:rgba(238, 238, 238, 1); border-radius:2rem; padding:2rem 2.9rem; margin-top: 1rem; line-height:1.25;}
.introduction-box .work-list li:first-of-type {margin-top: 0;}

@media all and (max-width:800px){
	.introduction-box {margin-top:5rem;}
	.introduction-box .work-box {flex-wrap:wrap;}
	.introduction-box .work-list {width: 100%; margin-right: 0;}
	.introduction-box .work-container {width: 100%; justify-content:center; margin-top: 3rem;}
	/* .introduction-box .work-container .work-con {margin-right: 2rem;} */
	.introduction-box .work-container .work-con:first-of-type:before {display:none;}
	/* .introduction-box .work-box .work-con .inner-con {width: 10rem; height: 10rem; font-size:1.5rem;}
	.introduction-box .work-box .work-con:before {left:-1.6rem; transform:translateY(calc(-50% + 1.9rem)); width: 1.4rem;} */
}

@media all and (max-width:650px){
	.introduction-box .work-container .work-con {margin-right: 2rem;}
	.introduction-box .work-box .work-con .inner-con {width: 10rem; height: 10rem; font-size:1.5rem;}
	.introduction-box .work-box .work-con:before {left:-1.6rem; transform:translateY(calc(-50% + 1.9rem)); width: 1.4rem;}
}

/* 다른 template */
.introduction-box.full-con .introduction-txt-box {width: 100%;}
.introduction-box.full-con .introduction-con:last-child {flex-direction:column;}

.case03-page .case-con-tit {margin:15.1rem auto 8.7rem;}
.case03-page .introduction-box {border-top:0; margin-top:0;}
.case03-page .img-box {text-align:center; margin-bottom: 10rem;}
.case03-page .sub-tab-wrapper-style , .case03-02-page .sub-tab-wrapper-style {margin-top: 10rem;}
.case03-02-page .introduction-box .introduction-img {text-align:center; padding:3rem; box-sizing:border-box;}

.case12-page .introduction-box .introduction-img {padding:4rem; box-sizing:border-box; margin-top: 0;}
.case12-page .introduction-list {margin:1rem auto 4rem;}
.case12-page .case-con-tit {margin:0 auto;}
.case12-page .introduction-con:first-child .introduction-mini-tit {margin-bottom: 4rem;}
.case12-page .introduction-con:last-child {flex-direction:column; text-align:center; border-bottom:0;}

@media all and (max-width:800px){
	.case12-page .introduction-box .package-box {flex-direction:column;}
	.case12-page .introduction-box .package-box .center-box {margin:3.5rem 0; flex-direction:column;}
	.case12-page .introduction-box .package-box .center-box .circle {margin:3rem 0;}
	.case12-page .introduction-box .package-box .center-box .dot {transform:rotate(90deg);}
	.introduction-box .package-box .package-list {width: 100%; margin-left:0; margin-top:3rem; text-align:center;}
}

.case13-page .package-box .left-box > p {display:flex; align-items:center; justify-content:center; font-size:1.6rem; letter-spacing:-0.032em; color:#222; font-weight: 500; background:rgba(238, 238, 238, 1); border-radius:2rem; width: 24rem; height: 6rem; margin-top: 9px;}
.case13-page .package-box .left-box > p:first-child {margin-top: 0;}
.case13-page .package-box .right-box > p {font-size:1.9rem; color:rgba(34, 34, 34, 0.8); font-weight: 700; line-height:1.895em; border:1px solid rgba(221, 221, 221, 1); border-radius:2rem; width: 24rem; height: 6rem; display:flex; align-items:center; justify-content:center; margin-top: 9px;}
.case13-page .package-box .right-box > p:first-child {margin-top: 0;}
.case13-page .introduction-con:last-child {flex-direction:column; text-align:center; border-bottom:0;}
.case13-page .introduction-list {margin-bottom: 4rem;}

@media all and (max-width:1280px){
	.case13-page .package-box .left-box > p , .case13-page .package-box .right-box > p {width: 20rem;}
}

@media all and (max-width:800px){
	.case13-page .introduction-box .package-box {flex-direction:column;}
	.case13-page .introduction-box .package-box .center-box {margin:3rem 0; flex-direction:column;}
	.case13-page .introduction-box .package-box .center-box .circle {margin:3rem 0;}
	.case13-page .introduction-box .package-box .center-box .dot {transform:rotate(90deg);}
}
 
.case06-page .introduction-con:last-child {flex-direction:column; text-align:center; border-bottom:0;}

/* ******************  적용사례 :: 레퍼런스 ******************  */
.reference-box {margin-top: 10rem;}
.reference-con .con-tit {margin-bottom: 6rem;}
.reference-container {margin-top: 15rem;}
.reference-list-con {max-width:1000px; margin:0 auto;}
.reference-list-box {display:flex; flex-wrap:wrap; margin:0 -2rem; background:#fff;}
.reference-list-box li {width:14.66%; margin:2% 1%;}
.reference-list-box li a {display:flex; width: 100%; height: 100%; justify-content:center; pointer-events: none;}
.reference-list-box li a img{max-width:100%; filter:grayscale(0); transition:var(--transition-custom)}
.reference-list-box li .logo {display: block; position: relative; height: 0; width: 100%; padding-top:33%;}
.reference-list-box li .logo img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}

.reference-list-box li:hover a img{filter:grayscale(1);}

/* ******************************** 도입문의 ******************************** */
/* ****************** 도입문의 :: 공통 ******************  */
/* 문의하기 form */
.inquiry-container {/* border-top:1px solid #ddd; */ margin-top:10rem;}
.inquiry-container .ps {font-size:1.6rem; color:#222; font-weight: 600; text-align:right; margin-bottom: 1.4rem;}
.inquiry-container .ps .essential-icon {width: 4px; height: 4px; margin-right: 7px;}
.introduction-page .inquiry-inner-con {display:flex; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-container .right-box {width: 50rem;}
.inquiry-container .left-box {width: calc(100% - 50rem); padding-right:4rem; box-sizing:border-box;}
.introduction-page .essential-icon {position: relative; top:-9px; display:inline-block; width: 5px; height: 5px; border-radius:100%; background:#F04E4C;}
.inquiry-table {width: 100%;}
.introduction-page table .essential-icon {margin-left: 8.5px;}
.inquiry-table tr {display:flex; justify-content:space-between; border-top:1px solid #ddd; padding:1.5rem 0;}
.inquiry-table tr:first-of-type {border-top:0;}
.inquiry-table tr th {width: 14rem; font-size:1.6rem; color:#222; font-weight: 600; text-align:left; align-self:flex-start; /* vertical-align:top; */ padding-top:1rem;}
.inquiry-table tr td {width: calc(100% - 14rem); /* padding:1.5rem 0; */}
.inquiry-table tr td input {width: 100%; font-size:1.5rem; padding-left:2.5rem; box-sizing:border-box;} 
.inquiry-table tr td input::placeholder {color:#BCBCBC; font-weight: 400;}
.inquiry-table .write-input , .inquiry-table .write-select {border-radius:4.1rem; background: #FAFAFA; border:none; height: 5rem; outline:none; padding-left:2.5rem;}
.inquiry-table .phone-fieldset .hypen {display:inline-block; width: 3.3rem; text-align:center; font-weight: 600; color:#222; font-size:1.6rem;}
.phone-fieldset .write-input, .phone-fieldset .write-select {width: calc(33.33% - 3.3rem) !important;}
.inquiry-table .email-fieldset .hypen {display:inline-block; width: 3.7rem; text-align:center; font-weight: 400; color:#555859; font-size:1.5rem;}
.inquiry-table .email-fieldset .write-select {background-color: #fafafa; border-radius:4.1rem; border:none; height: 5rem; padding-left: 2.5rem; font-size:1.5rem; background-position:calc(100% - 23px) 50%;}
.inquiry-table .email-fieldset .write-input , .inquiry-table .email-fieldset .write-select {width: calc((100% - 4.9rem)/3);} 
.inquiry-table textarea {background: #fafafa; border-radius:2rem; border:none; width: 100%; height: 20rem; padding:1.7rem 0 0 2.5rem; box-sizing:border-box; font-size:1.5rem; outline:none;}
.inquiry-table textarea::placeholder {color:#bcbcbc;}
.inquiry-info-box {display:flex; margin-top: 1.5rem; background:#FAFAFA; padding:3rem 4rem; box-sizing:border-box;}
.inquiry-info-box .company {width: 50%; font-size:1.8rem; font-weight: 600; color:#222;}
.inquiry-info-box .info-list {position: relative; width: 50%; padding-left:2.5rem; box-sizing:border-box;}
.inquiry-info-box .info-list:before {display:block; content:""; width: 1px; height: 100%; background: #ddd; position:absolute; top:0; left:0;}
.inquiry-info-box .info-list li {margin-bottom: 1rem; font-size:1.6rem;}
.inquiry-info-box .info-list li:last-of-type {margin-bottom:0;}
.inquiry-info-box .info-list i {/* font-size:15px; */ color:#555859; font-weight: 400; margin-right: 1.8rem;}
.introduction-page .inquiry-btn {border-radius: 4.1rem; border: 2px solid #F04E4C; font-size:1.8rem; font-weight: 700; letter-spacing:-0.018em; color:#F04E4C; display:flex; justify-content:center; align-items:center; width: 21rem; height: 6rem; margin:4rem auto 0;}
.inquiry-agreement-container {margin-top: 2rem;}
.inquiry-agreement-container .agreement-box {background: rgba(250, 250, 250, 1); width: 100%; height: 25.6rem; padding:3rem 2rem; box-sizing:border-box; overflow-y:scroll; word-break:break-all; font-size:1.4rem;}
.inquiry-agreement-container .agreement-box::-webkit-scrollbar {width:15px; margin-right: 5px; background-color:#fafafa;}
.inquiry-agreement-container .agreement-box::-webkit-scrollbar-thumb {background-color:#ddd; border-radius:10px; border:5px solid #fafafa;}
.inquiry-agreement-container .agreement-box::-webkit-scrollbar-track {background-color:#fafafa;} 
.inquiry-agreement-container .agree-txt {margin-top: 2rem;}
.inquiry-agreement-container .agree-txt input {display:none;}
.inquiry-agreement-container .agree-txt input:checked + label i {color:#000;}
.inquiry-agreement-container label {font-size:16px; color:#222; font-weight: 600; line-height:1.5;}
.inquiry-agreement-container label > i {position: relative; top:2px; font-size:18px; color:rgba(221, 221, 221, 1); font-weight: 400; margin-right:1rem;}

/* ****************** 도입문의 :: 도입문의 ******************  */
.introduction-page .inquiry-table .essential-box td {position: relative;}
.introduction-page .inquiry-table .check-value {position: absolute; top: 50%; transform: translateY(-50%); font-size: 2.4rem; right: 2rem; color:rgba(188, 188, 188, 0.5);}
.introduction-page .inquiry-table .check-value.complete {color:rgba(29, 212, 155, 1);}
.introduction-page .inquiry-table .check-value.error {color:var(--main-color);}
.inquiry-table .checked-box .write-input, .introduction-page .inquiry-table .checked-box .write-select {border-radius:4.1rem;  height: 5rem; border:1px solid var(--main-color); border:1px solid var(--main-color); background:rgba(255, 245, 245, 1); padding-left:2.5rem; font-size:1.5rem;}
.inquiry-table .checked-box textarea {border:1px solid var(--main-color); background:rgba(255, 245, 245, 1);}
.inquiry-table .cm-form-fieldset-box {display:flex; align-items:center; justify-content:space-between; width: 100%;}

/* ****************** 도입문의 :: 스타트업 지원센터 ******************  */
.start-up-diagram {display:flex; justify-content:center; align-items:center; width:50rem; height:50rem; border-radius:100%; box-shadow: 0px 2px 20px #AB101014; color:#F04E4C; font-size:4.8rem; letter-spacing:-0.96px; text-align:center; font-weight: 700; margin:10rem auto 0; position: relative; z-index: 99;}
.start-up-diagram .start-up-element {position:absolute; /* width: 685px; */ width: 137%; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: -1;}
.start-up-diagram .start-up-element:nth-child(1) {margin-left:-36rem; margin-top:-12rem;}
.start-up-diagram .start-up-element:nth-child(2) {margin-left: 36rem; margin-top:-12rem;}
.start-up-diagram .start-up-element:nth-child(3) {margin-left:-36rem; margin-top:12rem;}
.start-up-diagram .start-up-element:nth-child(4) {margin-left:36rem; margin-top:12rem;}
.start-up-diagram .center-txt {display:flex; justify-content:center; align-items:center; border-radius:100%; width: 30rem; height: 30rem; box-shadow: 0px 2px 20px #AB101014; background:#fff;}
/* .start-up-diagram .center {display:flex; justify-content:center; align-items:center; width:30rem; height:30rem; border-radius:100%; box-shadow: 0px 2px 20px #AB101014; color:#F04E4C; font-size:4.8rem; letter-spacing:-0.96px; text-align:center; font-weight: 700; margin:0 auto; position: relative;}
.start-up-diagram .center:before {display: block; content:""; width:50rem; height: 50rem; border-radius:100%; box-shadow: 0px 2px 20px rgba(171, 16, 16, 0.08); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }  */
.start-up-element .bg-box {position: relative; height: 0; width: 68.5rem; padding-top: 33.1%;}
.start-up-element .bg-box .startup-svg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; border: none;}
.start-up-element .txt-box {position: relative; width: 100%;}
.start-up-element .txt-inner-box {width: 65.57%; position:absolute; top:45%; left:60px; transform:translateY(-50%); display:flex; justify-content:space-between; align-items:center;}
.start-up-element .txt-inner {text-align:left; width: calc(100% - 130px);}
.start-up-element:nth-child(2) .txt-inner-box , .start-up-element:nth-child(4) .txt-inner-box {flex-direction:row-reverse; left:175px;}
.start-up-element:nth-child(3) .txt-inner-box {top:53.5%;}
.start-up-element:nth-child(4) .txt-inner-box {top:54%;}
.start-up-element .symbol-box {display:flex; justify-content:center; align-items:center; width:13rem; height: 13rem; border-radius:50%; border: 1px solid #F04E4C; font-size:1.6rem; color:#F04E4C; box-shadow: 0px 3px 20px #AB101014; font-weight: 700; box-sizing:border-box;}
.start-up-element:nth-of-type(2n) .symbol-box {margin-left:0; /* margin-right:35.53px; */}
.start-up-element:nth-of-type(2n) .txt-inner {width: calc(100% - (130px + 35.53px));}
.start-up-element .element-inner {width: 100%; ;display:flex; align-items:center; justify-content:center;}
.element-tit {font-size:2rem; letter-spacing:-0.02em; line-height:1.2; font-weight: 700; color:#222; margin-bottom: 1.9rem;}
.element-list li {display:flex; font-size:1.6rem; letter-spacing:-0.032em; color:rgba(34,34,34,0.8); margin-top:1.2rem;}
.element-list li:first-of-type {margin-top:0;}
.element-list li i {margin-right: 11px; color:rgba(240, 78, 76, 0.8);}

/* ****************** 도입문의 :: 데이터바우처 ******************  */
.voucher-list {border-top:2px solid #ddd; margin-top:10rem; overflow:hidden;}
.voucher-list .voucher-item {display:flex; padding:6rem 0; border-bottom:1px solid #ddd;}
.voucher-tit-box {display:flex; align-items:center; width: 52rem; align-self:flex-start;}
.voucher-list .num {width: 2.2rem; font-size:2rem; letter-spacing:-0.01em; font-weight: 700; color:#DDDDDD; margin-right: 4rem;}
.voucher-list .voucher-tit {width:calc(100% - 2.2rem); font-size:3.4rem; line-height:1.765em; color:#222; font-weight: 700; letter-spacing:-0.05em;}
.voucher-txt-box {width: calc(100% - 52rem);} 
.voucher-txt-box > p {font-size:1.8rem; letter-spacing:-0.036em; line-height:1.778em; color:rgba(34, 34, 34, 0.8); font-weight: 700;}
.voucher-txt-box .ps {font-size:1.6rem; letter-spacing:-0.032em; line-height:1.625em; color:rgba(34, 34, 34, 0.8); font-weight: 400;}
.voucher-txt-box .highlight {display:block; font-size:2.4rem; letter-spacing:-0.048em; line-height:1.333em; color:rgba(240, 78, 76, 1); font-weight: 700;}
.voucher-txt-box .link-box {display:flex; margin-top:0.8rem;}
.voucher-txt-box .link-box a {display:flex; align-items:center; justify-content:center; background: #eee; font-size:1.6rem; letter-spacing:-0.032em; color:rgba(85, 88, 89, 0.8); font-weight: 500; border-radius:2rem;/*  width:20rem; */ height: 4rem; padding:0 2.8rem;}
.voucher-txt-box .link-box a:first-of-type {margin-right: 9px;}
.voucher-txt-box .link-box a i {padding-left:1.5rem;}
.voucher-txt-box .process-list-diagram {display:flex;}
.voucher-txt-box .process-list-diagram li {position: relative; width: calc((100% - 10rem) / 5); margin-right: 2.5rem;}
.voucher-txt-box .process-list-diagram li .item {position: relative; display:flex; align-items:center; justify-content:center; width: 100%; height: 0; border-radius:50%; box-shadow: 1px 2px 20px #A82F2E14; color:#F04E4C; font-size:1.8rem; letter-spacing:-0.018em; font-weight: 700; background: #fff; padding-top:calc(100% - 2px); transition:all 0.4s;}
.voucher-txt-box .process-list-diagram li .item:before {display: block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:rgba(240, 78, 76, 0.05); font-size:8rem; letter-spacing:-1.6px;}
.voucher-txt-box .process-list-diagram li .item:after {display: block; content:""; width: 50%; height: 1px; background: rgba(240, 78, 76, 0.4); position: absolute; left:100%; top:50%; transform:translateY(-50%); /* z-index:-1; */}
.voucher-txt-box .process-list-diagram li:last-of-type .item:after {display:none;}
.voucher-txt-box .process-list-diagram li .inner-con {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; display: flex; align-items: center; justify-content: center;}
.voucher-txt-box .process-list-diagram li .inner-con:before {display:block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; border-radius:100%; border:1px solid var(--main-color); box-sizing:border-box; opacity:0; transition:all 0.4s;}
.voucher-txt-box .process-list-diagram li:last-of-type {margin-right: 0; }
.voucher-txt-box .process-list-diagram li:last-of-type .item {background:rgba(240, 78, 76, 1); color:#fff;}
.voucher-txt-box .process-list-diagram li:nth-child(1) .item:before{content:"01";}
.voucher-txt-box .process-list-diagram li:nth-child(2) .item:before{content:"02";}
.voucher-txt-box .process-list-diagram li:nth-child(3) .item:before{content:"03";}
.voucher-txt-box .process-list-diagram li:nth-child(4) .item:before{content:"04";}
.voucher-txt-box .process-list-diagram li:nth-child(5) .item:before{content:"05"; color:rgba(255,255,255,0.1);}
.voucher-txt-box .process-list-diagram li:nth-child(5):after {display:none;}
.voucher-txt-box .process-list-diagram li.active .inner-con:before {opacity:1;}
.voucher-txt-box .process-list {margin-top: 5rem;}
.voucher-txt-box .process-list li{display:flex; margin-top: 2rem;}
.voucher-txt-box .process-list .pro-num {font-size:1.6rem; letter-spacing:-0.032em; font-weight:700; color:rgba(34, 34, 34, 0.8); margin-right: 1.4rem;}
.voucher-txt-box .process-list .pro-tit-box {width: 14.8rem; }
.voucher-txt-box .process-list .pro-tit {font-size:1.8rem; letter-spacing:-0.036em; font-weight: 700; color:rgba(34, 34, 34, 0.8);}
.voucher-txt-box .process-list .pro-txt {width: calc(100% - 14.8rem); font-size:1.6rem; letter-spacing:-0.032em; font-weight: 400; color:rgba(34, 34, 34, 0.8);}
.voucher-txt-box .process-list .pro-txt em {font-size:1.6rem; letter-spacing:-0.032em; font-weight: 400; color:rgba(188, 188, 188, 0.8); margin-left: 5px;}
.voucher-txt-box .process-list .pro-txt > span {margin-left: 1.5rem; line-height:1.25;}
.voucher-inquiry-box .con-tit {color:#F04E4C;}
.voucher-inquiry-box .con-txt {margin-top:1.6rem;}
.voucher-inquiry-box .inquiry-info-box .info-list li {font-size:1.6rem;}

/* ******************************** infotech ******************************** */
/* ****************** infotech :: 회사소개 ******************  */
.company-intro-box {display:flex; padding:6rem 10rem; box-sizing:border-box; border-radius:3rem; background-color:rgba(250, 250, 250, 1); margin-top:6rem;}
.company-intro-box .left-box {width: calc(100% - 18rem);}
.company-intro-box .right-box {width:18rem; height: 18rem; border-radius:3rem; background: var(--main-color); box-shadow: 15px 15px 40px rgba(168, 47, 46, 0.15);}
.company-intro-box .right-box a {display:flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding:3.5rem 3rem 2.5rem 3rem; box-sizing:border-box;}
.company-intro-box .right-box .txt {font-size:1.8rem; letter-spacing:-0.036em; color:#fff; line-height:1.333em;}
.company-intro-box .right-box .com-down-btn {display:flex; justify-content:center; align-items:center; align-self:flex-end; width: 4rem; height: 4rem; border-radius:100%; background: #fff;}
.company-intro-box .right-box .com-down-btn i {font-size:17px; color:#bcbcbc;}
.company-intro-box .com-intro-tit {font-size:2.4rem; letter-spacing:-0.048em; color:#222; font-weight: 700; line-height:1.5em; margin-bottom:2.7rem;}
.company-intro-box .com-intro-txt {font-size:1.8rem; letter-spacing:-0.036em; color:rgba(85, 88, 89, 0.8); line-height:2em; margin-bottom:2.7rem;} 
.company-intro-box .com-intro-txt.txt02 {margin-bottom:0;}
.company-intro-box .com-intro-sign {font-size:2rem; letter-spacing:-0.04em; color:#222; line-height:1.8em; font-weight: 700; margin-top:4.9rem;}
.org-container {text-align:center; margin-top: 7.313rem;}
.org-container .center-box {width:20rem; display:inline-block;}
.org-container .center-box > span {position: relative; height: 0; width: 100%; padding-top:100%; border-radius:100%; display:flex; box-shadow: 0px 10px 20px #AB101014;}
.org-container .center-box > span:before {display: block; content:""; width: 30rem; height: 30rem; border-radius:100%; box-shadow: 0px 10px 20px #AB101014; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.org-container .center-box .inner-con {position:absolute; top:0; left:0; right: 0; bottom:0; margin:auto; width: 100%; height: 100%; display:flex; justify-content:center; align-items:center;}
.org-container .center-box .inner-con:after {display: block; content:""; position:absolute; bottom:-108%; height: 21.5rem; width: 1px; background: rgba(240, 78, 76, 0.2);}
.org-container .center-box .icon-box {position: relative; width: 12.1rem; height: 0; padding-top:17.5%;}
.org-container .team-type-list {max-width:991px; display:flex; justify-content:center; margin:9.7rem auto 0;}
.org-container .team-type-list li {width: 25rem; height: 6rem; border-radius:3rem; background:var(--main-color); color:#fff; font-size:2rem; letter-spacing:-0.02em; font-weight: 500; line-height:6rem; box-shadow: 2px 3px 15px #00000029;}
.org-container .team-type-list li:first-of-type {position: relative; margin-right: 18.3rem;}
.org-container .team-type-list li:first-of-type:after {display: block; content:""; position:absolute; left:100%; width: 100%; height: 1px; background:rgba(240, 78, 76, 0.2); top:50%; transform:translateY(calc(50% + 0.5px));}
.org-container .team-list-box {max-width:1240px; display:flex; margin:10rem auto 0;}
.org-container .team-list-box li {position: relative; width: calc((100% - 24rem) / 4); margin-right: 8rem;}
.org-container .team-list-box li:before {display: block; content:""; width: 50%; height: 1px; background:rgba(240, 78, 76, 0.2); position:absolute; top:-27%; left:0;}
.org-container .team-list-box li:after {display:block; content:""; width: 50%; height: 1px; background:rgba(240, 78, 76, 0.2); position:absolute; top:-27%; right:0;}
.org-container .team-list-box li:nth-child(1):before {display:none;}
.org-container .team-list-box li:last-of-type:after {display:none;}
.org-container .team-list-box li:not(:first-of-type):before {width: 82%; left:-8rem;}
.org-container .team-list-box li > .team-item {position: relative; height: 6rem; background:#fff; line-height:6rem; border-radius:3rem; border:1px solid var(--main-color); font-size:1.8rem; letter-spacing:-0.018em; color:var(--main-color); font-weight: 600; box-shadow: 2px 3px 15px #A82F2E14; z-index:10;}
.org-container .team-list-box li > .team-item:before {display: block; content:""; width: 5px; height: 5px; border-radius:100%; background: var(--main-color); position:absolute; top:-3px; left:50%; transform:translateX(-50%);}
.org-container .team-list-box li > .team-item:after {display:block; content:""; position:absolute; width: 1px; height: 4rem; top:-69%; left:50%; background:rgba(240,78,76,0.2); transform:translateX(calc(-50% + 0.5px));}
.org-container .team-list-box li:last-of-type {margin-right: 0;}
.org-container .team-list-box li > p {position: relative; height: 6rem; line-height:6rem; color:#222; font-size:1.8rem; letter-spacing:-0.018em; font-weight: 600; background: #fff; box-shadow: 2px 3px 15px #A82F2E14; border-radius:3rem; width: 80%; margin:3rem auto 0;}
.org-container .team-list-box li > p:before {display:block; content:""; width: 1px; height: 100%; background:rgba(240, 78, 76, 0.2); position:absolute; top:-100%; left:50%;}
.org-container .inner-list {position: relative; display: flex; width: 147.2%; margin: 3rem 0 0 -6rem;}
.org-container .inner-list:before {display: block; content:""; position:absolute; top:-3rem; left:50%; width: 1px; height: 1.5rem; background: rgba(240, 78, 76, 0.2); transform:translateX(calc(-50% + 0.5px));}
.inner-list p {position: relative; width: 72%; height: 6rem; line-height: 6rem; background: #fff; border-radius: 3rem; color: #222; font-size: 1.8rem; letter-spacing: -0.018em; font-weight: 600; box-shadow: 2px 3px 15px #A82F2E14;}
.inner-list p:first-of-type {margin-right:8px;}
.inner-list p:before {display: block; content: ""; position: absolute; top: -25%; left: 50%; width: 1px; height: 25%; background: rgba(240, 78, 76, 0.2);}
.inner-list p:after {display:block; content:""; position:absolute; width: 52%; left:50%; top:-27%; height: 1px; background:rgba(240, 78, 76, 0.2);}
.inner-list p:last-of-type:after {right:50%; left:initial;}

/* ****************** infotech :: 연혁 ******************  */
.history-page .sub-tab-content-style {width: calc(100% - 28rem); margin-left:28rem; position: relative;}
.history-page .sub-tab-content-style:before {display: block; content:""; width: 2px; height: 115%; position:absolute; top:-18%; left:0; background:#ddd;}
.history-page .sub-tab-content-style:after {display: block; content: ""; width: 2px; /* height: 21%; */ height: 0; position: absolute; top: -18%; left: 0; background: var(--main-color); transition:all 0.4s;}
.history-page .sub-tab-content-style.on:after {height: 21%;}
.history-year-group-box {position: relative; display:flex; margin-top:11.3rem;}
.history-year-group-tit-box {position:absolute; width: 20rem; height: auto; padding-right:8rem;}
.history-year-group-tit-box .sub-tab-list-style ul {flex-direction:column; justify-content:flex-start; background:initial; height: auto !important;}
.history-year-group-tit-box .sub-tab-list-style ul li {width: 100%; max-width:20rem; background-color:initial;}
.history-year-group-tit-box .sub-tab-list-style ul li a {height: 60px;}
.history-year-group-tit-box .sub-tab-list-style ul li a em {font-size:2rem; letter-spacing:-0.02em; color:#bcbcbc; line-height:1.2; font-weight: 600; padding:1.2rem 0; text-align:center;} 
.history-year-group-tit-box .sub-tab-list-style ul li.selected {box-shadow: 0px 3px 20px #AB101026; margin-bottom: 1rem; border-radius:4.3rem;} 
.history-year-group-tit-box .sub-tab-list-style ul li.selected a {border-radius:8rem; border:2px solid var(--main-color); box-sizing:border-box; background-color:initial;}
.history-year-group-tit-box .sub-tab-list-style ul li.selected a em {color:var(--main-color); font-size:2.4rem; color:var(--main-color); font-weight: 700; letter-spacing:-0.024em;}
.history-year-group-tit-box .history-year-group-tit {font-size:2rem; letter-spacing:-0.02em; color:#bcbcbc; line-height:1.2; font-weight: 600; padding:1.2rem 0; text-align:center;}
.history-year-group-tit-box .history-year-group-tit.selected {border:2px solid var(--main-color); border-radius:8rem; box-shadow: 0px 3px 20px #AB101026; font-size:2.4rem; color:var(--main-color); font-weight: 700; letter-spacing:-0.024em; margin-bottom: 1rem;}
.history-year-list-box {/* width: calc(100% - 28rem); */ padding-left:9.5rem; box-sizing:border-box;}
.history-year-list-box .history-year-item {display:flex; align-items:center; margin-top:12.7rem; /* padding-top:12.7rem; */ position: relative;}
.history-year-list-box .history-year-item:before {display: block; content: ""; position: absolute; left: -9.5rem; top: -205%; width: 2px; height: 0; background: var(--main-color); transition:all 0.4s;}
.history-year-list-box .history-year-item:first-of-type { margin-top: 0; /* padding-top: 0; */}
.history-year-list-box .history-year-item:first-of-type:before {display:none;}
.history-year {width: 19rem; font-size:8rem; letter-spacing:-1.6px; font-weight: 700; color:rgba(238, 238, 238, 1); margin-right: 8.8rem; font-family: 'Montserrat', sans-serif; position: relative;}
.history-year:before {opacity:0; content:""; position:absolute; left:-52%; top:50%; transform:translateY(-50%); background:var(--main-color); width: 1rem; height: 1rem; border-radius:100%; box-shadow: 0px 0px 10px #F04E4C; transition:all 0.7s;}
.history-month-item {display:flex; margin-top:2rem;}
.history-month-item:nth-of-type(1) {margin-top: 0;}
.history-month-item .history-month {width: 4.7rem; font-size:1.8rem; font-weight: 700; color:#222; letter-spacing:-0.036em;}
.history-detail-txt-con {width: calc(100% - 4.7rem);}
.history-detail-txt-con .history-detail-txt {font-size:2rem; letter-spacing:-0.04em; color:rgba(34, 34, 34, 0.6); font-weight: 500;}
.history-year-list-box .history-year-item.active .history-year {color:var(--main-color);}
.history-year-list-box .history-year-item.active:before {height: 250%;}
.history-year-list-box .history-year-item.active .history-year:before {opacity:1;}
.history-year-group-box{display: block;}
.history-year-group-tit-box{height:auto; margin-bottom:0; top:0;}
.history-year-group-tit-box .sub-tab-list-style{position: absolute; width:20rem; height:0 !important;}
.history-year-group-tit-box .sub-tab-list-style.top-fixed{position: fixed; left:50%; transform:translateX(-50%); margin-left:-559px; height:0; }
.history-year-group-tit-box .sub-tab-list-style.top-fixed:before{display: none;}
.history-year-group-tit-box.bottom-fixed {position:absolute; bottom:0; top:initial;}
.history-year-group-tit-box.bottom-fixed .sub-tab-list-style.top-fixed {position:static; transform:translateX(0); margin-left: 0;}
.history-year-group-tit-box.fixed .sub-tab-list-style.top-fixed{position: fixed; transform:translateX(-50%); margin-left:-559px; height:0 !important; top:calc(var(--header-height) + 20px);}

@media all and (min-width:801px){
	.history-year-group-tit-box.bottom-fixed .sub-tab-list-style ul{transform:translateY(-100%);}
}

/* ****************** infotech :: PR - 공지사항 ******************  */
.pr-page .search-style-radius .board-search-inner {border-radius:5rem; background-color: #f7f7f7; border:0;}
.pr-page .board-search-inner {display:flex; align-items:center; max-width:500px; height:50px; margin:0 auto; box-sizing:border-box; border:1px solid #ddd;}
.pr-page .board-custom-select-box .search-subject-select { position: relative; padding: 0; width: 120px; height: 100%; font-size: 15px; color: #333; box-sizing: border-box;}	
.pr-page .board-custom-select-box .custom-select-trigger {position: relative; border:0; height: 100%; display:flex; align-items:center; padding-left:1.5em;}
.pr-page .board-custom-select-box .custom-select-trigger:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: "\e942"; font-size: 18px;}
.pr-page .board-search-box .search-word {background-color:transparent; border:0; padding:0 15px; font-size:15px; color:#333;}
.pr-page .board-search-box .bbs-search-btn {margin: 0px; border: 0; width: 50px; height: 100%; font-size: 15px; letter-spacing: -0.5px; color: #333; cursor: pointer; vertical-align: top;}
.pr-page .board-custom-select-box .custom-option-drop-list {position: absolute; display: none; top: 100%; left: 1.5em; margin-top:-8px; right: 0; z-index: 11; overflow-y: auto; max-height: 200px; background: #fff; border: 1px solid #ddd; border-radius:10px; /* border-top: 0; */ pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
.pr-page .board-search-box .search-subject-select:focus, .board-search-box .search-word:focus {color:#333; outline:none; background-color:transparent;}
.pr-page .custom-select.opened .custom-option-drop-list {opacity:1; visibility:visible; pointer-events:all;}
/* Search Select Custom */
.board-search-box {display:flex; align-items:center; width: 50rem;}
.board-custom-select-box{width:120px; height:100%; }
.board-custom-select-box .custom-select-wrapper{height:100%;}
.board-custom-select-box .search-subject-select{padding:0;}
.board-custom-select-box .custom-select-trigger{border:0; height:100%; display:flex; align-items:center; }
.board-custom-select-box .custom-option-drop-list{border-color:#ddd; left:-1px; right:-1px;}
.board-custom-select-box .custom-option-item{text-align:left; font-size:0.8666em; font-weight:400; padding:8px 15px;}
.board-custom-select-box .custom-option-item.selection{background-color:#eee; }
.search-style-radius .board-search-inner {border-radius:5rem; background-color: #fafafa; border:0;}
.board-search-inner {display:flex; justify-content:space-between; align-items:center; max-width:500px; width: 100%; height:50px; margin:0 auto; box-sizing:border-box; border:1px solid #ddd;}
.board-custom-select-box .search-subject-select { position: relative; padding: 0; width: 120px; height: 100%; font-size: 15px; color: #333; box-sizing: border-box;}	
.board-custom-select-box .custom-select-trigger {position: relative; border:0; height: 100%; display:flex; align-items:center; padding-left:1.5em;}
.board-custom-select-box .custom-select-trigger:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: "\e942"; font-size: 18px;}
.board-search-box .search-word {background-color:transparent; border:0; padding:0 15px; font-size:15px; color:#333; width:calc(100% - 17rem);}
.board-search-box .bbs-search-btn {margin: 0px; border: 0; /* width: 50px; */ width: 3rem; height: 100%; font-size: 2rem; letter-spacing: -0.5px; color: #333; cursor: pointer; vertical-align: top; margin-right: 2rem;}
.board-custom-select-box .custom-option-drop-list {position: absolute; display: none; top: 100%; left: 1.5em; margin-top:-8px; right: 0; z-index: 11; overflow-y: auto; max-height: 200px; background: #fff; border: 1px solid #333;/*  border-top: 0;  */pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:3px 4px 7px 0px rgba(0, 0, 0, 0.1);}
.board-search-box .search-subject-select:focus, .board-search-box .search-word:focus {color:#333; outline:none; background-color:transparent;}
.custom-select.opened .custom-option-drop-list {opacity:1; visibility:visible; pointer-events:all;}

.bbs-top-list-box{display:flex; align-items:flex-end; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap; margin-bottom:30px; margin-top:6rem;}
/* -------- 리스트 Total 갯수 -------- */
.total-list-con{color:#333; font-size:15px; letter-spacing:-0.25px;}
.total-list-con b{color:var(--main-color);}
.total-list-con i{font-size:16px; margin-right:2px; position:relative; top:1px;}
.bbs-list-style02 {border-top:2px solid rgba(221,221,221,0.5);}
.bbs-list-style02 .bbs-item { box-sizing:border-box; transition:all 0.4s;}
/* .bbs-list-style02 .bbs-item:hover a {border:2px solid var(--main-color);} */
.bbs-list-style02 .bbs-item:hover .bbs-right-info-con .bbs-more-btn {background-color:var(--main-color);}
.bbs-list-style02 .bbs-item:hover .bbs-right-info-con .bbs-more-btn i {color:#fff;}
/* .bbs-list-style02 .bbs-item:last-of-type {border-bottom:1px solid #ddd;} */
.bbs-list-style02 .bbs-item > a{display:flex; justify-content:space-between; align-items:center; position:relative; padding:30px; height:72px; border-bottom:1px solid #ddd;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; transition:all 0.3s}
.bbs-list-style02 .bbs-item > a:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid var(--main-color);
 box-sizing: border-box; opacity:0; transition:all 0.3s;}
/*  .bbs-list-style02 .bbs-item:hover > a {border-bottom:0;} */
 .bbs-list-style02 .bbs-item:hover > a:before {opacity:1;}
.bbs-list-style02 .bbs-item .bbs-list-date{/* position:absolute; top:30px; left:30px; */ width:7rem; text-align:center; color:#eee; letter-spacing:-0.5px; transition:all 0.4s;}
.bbs-list-style02 .bbs-item .bbs-list-date strong{display:block; font-size:56px; letter-spacing:-0.022em; margin-bottom:5px;}
.bbs-list-style02 .bbs-item .bbs-list-date span{font-size:15px;}
.bbs-list-style02 .bbs-item .bbs-list-info-con{/* margin:0 125px; */ width:calc(100% - 15.8rem); padding:0 5rem; box-sizing:border-box;}
.bbs-list-style02 .bbs-item .bbs-subject-box{display:block; position:relative; padding:0 30px 0 0; /* margin:5px 0 15px; */ } 
.bbs-list-style02 .bbs-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.bbs-list-style02 .bbs-item .bbs-subject-txt{display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:24px; font-weight:700; line-height:1.208em; vertical-align:middle; color:#222; letter-spacing:-0.048em; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.bbs-list-style02 .bbs-item .bbs-list-info-con .notice-tit{display:inline-block; vertical-align:middle; height:25px; line-height:25px; border:1px solid var(--main-color); padding:0 15px; font-size:14px; letter-spacing:-0.5px; color:var(--main-color); margin-right:10px; border-radius:4.1rem;}
.bbs-list-style02 .bbs-item .bbs-subject-txt .category{font-weight:500; color:#000; margin-right:5px; }
.bbs-list-style02 .bbs-item .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-9px; text-align:left; display: inline-block; }
.bbs-list-style02 .bbs-item .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-list-style02 .bbs-item .bbs-subject-icons i{font-size:18px; }
.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{color:#888; font-size:15px; letter-spacing:-0.5px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:none;}
.bbs-list-style02 .bbs-item .bbs-right-info-con{/* position:absolute; top:30px; right:30px;  */ width:7.8rem; text-align:right;}
.bbs-list-style02 .bbs-item .bbs-right-info-con dl{margin-bottom:15px;}
.bbs-list-style02 .bbs-item .bbs-right-info-con dl dt,
.bbs-list-style02 .bbs-item .bbs-right-info-con dl dd{display:inline-block; color:#a1a1a1; font-size:13px; letter-spacing:-0.4px;}
.bbs-list-style02 .bbs-item .bbs-right-info-con dl dt i{position:relative; top:-1px; font-size:16px; vertical-align:middle;}
.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn{
	display:flex; justify-content:center; align-items:center; width:5rem; height:5rem; border-radius:100%; box-shadow: 0px 3px 15px #AB10100D; line-height:30px; text-align:center; color:rgba(255,255,255,0.5);
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn i{color:#bcbcbc; font-size:17px; }
.bbs-list-style02 .bbs-item a:hover .bbs-right-info-con .bbs-more-btn{color:#fff;}
.bbs-list-style02 .bbs-item a:hover .bbs-list-date {color:#999;}
/* 페이징 */
.notice-paging {display:flex; margin-top:4rem; justify-content: center;}
.notice-paging a {display:flex; width: 4rem; height: 4rem; border-radius:100%; justify-content:center; align-items:center; font-size:16px; letter-spacing:-0.016em; border:1px solid #ddd; color:#ddd; margin-right: 1rem;}
.notice-paging a:last-of-type {margin-right: 0;}
.notice-paging a.cur {background: var(--main-color); color:#fff; border: 1px solid var(--main-color);}

/* ****************** infotech :: PR - 보도자료 ******************  */
.report-container {display: flex; flex-wrap:wrap; margin:0 -1.51% -6rem;}
.report-container .report-item {width: calc((100% / 4) - 3.02%); margin:0 1.51% 6rem;}
.report-container .report-item a {display:inline-block; width: 100%;}
.report-container .report-item:hover .report-thumnail .more-icon {opacity:1;} 
.report-container .report-thumnail {position: relative; display:inline-block; width:100%; /* height: 20rem; */ border-radius:3rem; /* border:1px solid #ddd; */ margin-bottom:2.4rem; box-sizing:border-box; transition:all 0.4s;}
.report-container .report-thumnail:before {display: block; content:""; position:absolute; width:100%; height:100%; border-radius:inherit; border:1px solid #ddd; box-sizing:border-box;}
.report-container .report-thumnail:after {display: block; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: inherit; border: 2px solid var(--main-color); box-sizing: border-box; opacity:0; transition:all 0.4s;}
.report-container .report-thumnail:hover:after {opacity:1; }
.report-container .report-img {position: relative; display: block; height: 0; padding-top: 66.91%; width: 100%;}
.report-container .report-thumnail .more-icon {position:absolute; right:1.5rem; bottom:1.5rem; display:flex; opacity:0; justify-content:center; align-items:center; width: 5rem; height: 5rem; border-radius:100%; background:var(--main-color); transition:all 0.4s;}
.report-container .report-thumnail .more-icon i {color:#fff; font-size:17px;}
.report-container .report-tit01 {font-size:2rem; letter-spacing:-0.04em; color:#222; font-weight: 700; line-height:1.2;}
.report-container .report-tit02 {font-size:1.6rem; font-weight: 500; display:block; color:rgba(34, 34, 34, 0.5); line-height:1.875em;}
.report-container .report-date {font-size:1.6rem; color:rgba(34, 34, 34, 0.3); line-height:1.875em; font-weight: 500;}

/* ****************** infotech :: 인재채용 - 인재상 ******************  */
.talent-box {width: 100%; background-image: url("../svg/talent_bg.svg"); background-repeat: no-repeat;  background-size: cover; background-position-y:-15rem; background-position-x: center; margin-top:10rem; padding-bottom:10rem;}
.talent-tit {font-size:9.2rem; letter-spacing:-0.184rem; color:var(--main-color); font-weight: 700; text-align:center;}
.talent-logo-box {position: relative; display:flex; justify-content:center; align-items:center; width: 20rem; height: 20rem; border-radius:100%; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08); background: #fff; margin:14rem auto 0;}
.talent-logo-box:after {display: block; content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 30rem; height: 30rem; border-radius:100%; box-shadow: 0px 10px 20px rgba(171, 16, 16, 0.08);}
.talent-logo-box .dot {display:inline-block; width: 8px; height: 8px; border-radius:50%; background:var(--main-color); position:absolute; left:50%; transform:translateX(-50%); top:-4px;}
.talent-logo-box .dot:before {display: block; content:""; position:absolute; width: 2rem; height: 2rem; background:rgba(240, 78, 76, 0.2); left:50%; top:50%; transform:translate(-50%, -50%); border-radius:100%;}
.talent-logo-box .dot:after {display:block; position:absolute; content:""; width: 2px; height: 13rem; bottom:0; left:50%; transform:translateX(-50%); background:var(--main-color);}
.talent-logo-box .logo-box {position: relative; width: 12.1rem; height: 0; padding-top: 17.5%; }
.talent-sub-list {display:flex; box-shadow: 0px 3px 20px rgba(171, 16, 16, 0.08); background:rgba(255,255,255,0.4); border-radius:10.3rem; width: 38.71%; margin:0 auto; padding:2.3rem 2.9rem; box-sizing:border-box; margin-top:10rem;}
.talent-sub-list .item {width: 35.32%; position: relative;}
.talent-sub-list .item:nth-child(1) {margin-right:-1.5rem; z-index:2;}
.talent-sub-list .item:nth-child(2) {margin-right:-1.5rem; z-index:3;}
.talent-sub-list .item:nth-child(3) {z-index:4;}
.talent-sub-list .item .inner-con {display:block; position: relative; width: 100%; height: 0; padding-top:100%; border-radius:100%; box-shadow: 0px 5px 20px #AB101014; background: rgba(255,255,255,0.5);}
.talent-sub-list .item .inner-con p {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 100%; height: 100%; color:var(--main-color); font-size:2.4rem; letter-spacing:-0.048em; font-weight: 700;}
.talent-main-list {display:flex; text-align:center; margin-top:12rem;}
.talent-main-list li {width: 33.33%; margin:0 auto;}
.talent-main-list .talent-list-tit {position: relative; font-size:5.6rem; letter-spacing:-1.12px; color:#222; font-weight: 700; font-family:"montserrat"; margin-bottom:3rem;}
.talent-main-list .talent-list-tit:before {display: block; content:""; position:absolute; width: 13rem; border:1px dashed #bcbcbc; right:-16%; top:58%;}
.talent-main-list li:last-child .talent-list-tit:before {display:none;}
.talent-main-list .talent-txt {font-size:1.6rem; letter-spacing:-0.032em; color:#222; font-weight: 400; line-height:1.875em;}

/* ****************** infotech :: 인재채용 - 복지제도 ******************  */
.welfare-list {display:flex; flex-wrap:wrap;}
.welfare-list > li {display:flex; flex-direction:column; justify-content:space-between; width: calc((100% - 8.4rem) / 3); box-shadow: 2px 3px 15px #A82F2E14; border-radius: 30px; padding:5rem; box-sizing:border-box; margin-right: 4.2rem; margin-top:3.3rem; background: #fff;}
.welfare-list > li:nth-of-type(3n) {margin-right: 0;}
.welfare-list .tit-box {text-align:left;}
.welfare-list .num {font-size:1.8rem; letter-spacing:-0.036em; color:var(--main-color); line-height:1.167em; font-weight: 700;}
.welfare-list .welfare-tit {font-size:2.8rem; letter-spacing:-0.028em; color:#222; font-weight: 700; line-height:1.357em; margin-top:7.5px;}
.welfare-con-list {margin-top: 3rem;}
.welfare-con-list li {position: relative; font-size:1.8rem; letter-spacing:-0.018em; line-height:2em; color:rgba(85, 88, 89, 0.8); padding-left:2rem;}
.welfare-con-list li:before {display: block; content:"\e929"; position:absolute; left:0; top:8px; font-family:"xeicon"; line-height:1.1;}

/* ****************** infotech :: 인재채용 - 사내문화 ******************  */
.company-culture-list {display:flex; justify-content:center; margin-top:8.3rem;}
.company-culture-list li {width: 25%; text-align:center;}
.company-culture-list li .icon-box {width: 8.87rem; position: relative; height: 0; padding-top:26.88%; margin:0 auto 4rem;}
.company-culture-list li .icon-box img {position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.company-culture-list .culture-tit {font-size:2.4rem; letter-spacing:-0.048em; color:#222; font-weight: 700; line-height:1.2em;}
.company-culture-list .culture-txt {font-size:1.6rem; letter-spacing:-0.032em; color:#222; font-weight: 400; line-height:1.875em; margin-top:2.7rem;}

.culture-ex-box {position: relative; display:flex; align-items:center; margin-top:13.3rem;}
.culture-ex-box .slider-nav {width: 47rem; /* height: 36.2rem; */ display:flex; align-items:center; flex-direction:column; justify-content:space-between;}
.slider-nav .slick-list {padding:0 !important;}
.culture-ex-box .slider-nav .slick-slide {font-size:3.2rem; color:rgba(34, 34, 34, 0.2); font-weight: 800; /* margin:2rem 0; */ text-align:center; letter-spacing:-0.075em; height: 9rem; line-height:9rem;}
.culture-ex-box .slider-nav .slick-slide.slick-current {color:var(--main-color); font-size:4.8rem; letter-spacing:-0.096em;}
.culture-ex-box .slider-for {width: calc(100% - 47rem);}
.culture-ex-box .slider-for:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 0.7rem; height:0.7rem; border-radius: 100%; background: var(--main-color);}
.culture-ex-box .slider-for .slick-slide {height: 50rem;}
.culture-ex-box .slider-for .slick-slide img {border-radius:2.5rem; position:absolute; left:0; top:0; bottom:0; right:0; width: 100%; height: 100%;}
.culture-ex-box .culture-btn {font-size:3.2rem; color:#bcbcbc;}
.culture-slide-nav {position:absolute; width:35rem; height: 100%;}
.culture-slide-nav .slick-arrow {/* transform:rotate(90deg);  */ position:absolute; }
.culture-slide-nav .slick-arrow i {font-size:3.2rem; color:#bcbcbc;font-weight: 400;}
.culture-slide-nav .slick-prev {top:6rem; left:50%; transform:translateX(-50%);}
.culture-slide-nav .slick-next {bottom:6rem; left:50%; transform:translateX(-50%);}

/* ****************** infotech :: 인재채용 - 채용정보 ******************  */
.recruit-sub-container {margin-top: 8rem;}
.recruit-sub-container:first-of-type {margin-top: 0;}
.recruit-sub-container .sub-con {display:flex; padding:4.8rem 0; border-bottom:1px solid #ddd;}
.recruit-sub-container .sub-con:first-of-type {margin-top: 0;}
.recruit-sub-container .sub-con .recruit-txt-box {display:flex; width: calc(100% - 21.2rem);}
.recruit-sub-container .sub-con .recruit-txt-box > dl {width: 33.33%;}
.recruit-sub-container .sub-con .recruit-txt-box dl dt {font-size:1.6rem; letter-spacing:-0.032em; color:#222; font-weight: 700; margin-bottom:1.3rem;}
.recruit-sub-container .sub-con .recruit-txt-box dl .condition-list li {position: relative; font-size:1.6rem; letter-spacing:-0.032em; color:rgba(34, 34, 34, 0.8); line-height:1.875em; /* margin-top:1.2rem; */}
.recruit-sub-container .sub-con .recruit-txt-box dl .condition-list li:first-of-type {margin-top: 0;}
.recruit-sub-container .sub-con .recruit-txt-box dl:not(.work) .condition-list li {display:flex;}
.recruit-sub-container .sub-con .recruit-txt-box dl:not(.work) .condition-list li i{position: relative; top:5px; padding-right:8px;}
.recruit-sub-container .sub-con .recruit-txt-box dl.work .condition-list li {padding-left:1rem;}
.recruit-sub-container .sub-con .recruit-txt-box dl.work .condition-list li:before {display: block; content:""; position:absolute; left:4px; top:15px; width: 2px; height: 2px; border-radius:100%; background: #222;}
.recruit-sub-tit {font-size:3.8rem; line-height:1.263em; color:#222; font-weight: 700; padding-bottom:2rem; border-bottom:2px solid #222;}
.recruit-sub-container .sub-con .support-box {width: 21.2rem; display:flex; flex-direction:column; align-items:flex-end;}
.recruit-sub-container .sub-con .support-btn {display:flex; align-items:center; justify-content:center; border-radius:2rem; border:1px solid #ddd; width: 12rem; height: 4rem; font-size:1.6rem; float:right; transition:all 0.3s; box-sizing:border-box;}
.recruit-sub-container .sub-con .support-btn:hover {background: var(--main-color); /* color:#fff; */ border:1px solid var(--main-color);}
.recruit-sub-container .sub-con .support-box .support-info {display:flex; justify-content:space-between; margin-top:1.8rem; width: 12rem;}
.recruit-sub-container .sub-con .support-box .support-info i {font-size:2.4rem;}
.recruit-type {padding-right:1.6rem;}
.recruit-type p {font-size:1.6rem; letter-spacing:-0.032em; color:#222; font-weight: 700;}
.recruit-type p:last-of-type {margin-top: 1rem;}

/* ****************** infotech :: 오시는길 ******************  */
.map-script-wrapper{position:relative; overflow:hidden; margin:6rem auto 0; height:500px;}
.map-script-wrapper .map-script-con{position:absolute; top:50%; left:50%; width:1320px; height:500px; margin:-250px 0 0 -660px;}
.map-container {position: relative;}
.map-info-box {background:var(--main-color); border-radius:3rem; position:absolute; bottom:-7rem; left:5rem; z-index:100; padding:5rem; box-sizing:border-box; min-width:45rem;}
.map-info-box .location-tit {position: relative; margin-bottom: 3.2rem;}
.map-info-box .location-tit i {font-size:2.4rem; color:#fff; position:absolute; left:0; top:2px;}
.map-info-box .location-tit p{font-size:2rem; letter-spacing:-0.04em; color:#fff; font-weight: 600; line-height:1.5em; padding-left:3.4rem;}
.loca-info-list {position: relative;}
.loca-info-list .loca-item {display:flex;}
.loca-info-list .loca-item dl {display:flex; align-items:center;}
.loca-info-list .loca-item i {font-size:1.5rem; line-height:2.133em; font-weight: 400; color:rgba(255,255,255,0.6); margin-right: 1.8rem; position:absolute; left:0;}
.loca-info-list .loca-item dl dt {font-size:1.6rem; line-height:2em; font-weight: 400; color:rgba(255,255,255,0.6); margin-right: 1.8rem; padding-left:3rem;}
.loca-info-list .loca-item dl dd {font-size:1.6rem; line-height:2em; font-weight: 400; color:rgba(255,255,255,1);}

/* 문의하기, 목록으로 버튼 모션 */
.common-btn {position: relative; overflow:hidden;}
.common-btn .btn-txt {position: relative; z-index:2; transition:all 0.1s ease-in-out;}
.common-btn:hover .btn-deco {width: 225%; height:760.5%;}
.common-btn.support-btn:hover {color:#fff;}

.common-btn.inquiry-btn:hover {border-color: var(--main-color); color:#fff;}
.common-btn.go-list-btn:hover .btn-txt{color:#fff;}
.btn-deco {position:absolute; display: block; width: 0; height: 0; transform:translate(-50%, -50%); border-radius:50%; z-index:1; background:var(--main-color); transition:all 0.4s ease-in-out;}

/* 서비스 양쪽 화살표 버튼 모션 */
.service-btn {position: relative; overflow:hidden;}
.service-btn .btn-deco { transition:all 0.3s ease-in-out;}
.service-btn:hover .btn-deco {width: 230%; height:300.5%;}