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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:1220px){
	
}

@media all and (max-width:800px){
	.why-list-type2 .list-wrap{display: block; margin-top:4rem;}
	.why-list-type2 .list-wrap .list-item{width:100%;}
	.why-list-type2 .list-wrap .list-item .txt:nth-of-type(1) {margin-top: 1rem;}
}

/* ******************  i-hub :: intro ******************  */
@media all and (min-width:801px){
	.ihub-solution-list .hover-item .list-txt{height:8.4rem;}
}
@media all and (max-width:1280px){
	.scraping-solution-list {width: auto;}
}

@media all and (max-width:800px){
	.scraping-solution-list {margin:10rem -1rem 0;}
	.scraping-solution-list .item {width: calc((100% - 4rem) / 2); margin:1rem;}
	.scraping-solution-list .item .solution-tit {font-size:1.8rem;}
	.ihub-solution-list {flex-wrap:wrap; margin-top:5rem;}
	.ihub-solution-list .list-item {width: 100%; margin-right: 0; height: auto; margin-bottom:2rem;}
	.ihub-solution-list .list-item:last-of-type {margin-bottom: 0;}
	.ihub-solution-list .num {font-size:6rem;}
	.intro-main-box:before {width: 25rem; height: 25rem;}
	.intro-main-box:after {width: 40rem; height: 40rem;}
	.intro-main-box .last-circle {width: 55rem; height: 55rem;}
	.intro-main-box > span {font-size:4.5rem;}
	.ihub-intro-page .con:first-of-type {margin-bottom:10rem;}
	.ihub-intro-page .con:first-of-type .tit-box:after {height: 50%; bottom:-35%;}
	.ihub-symbol-box .sub-symbol {width: 10rem; height: 10rem; font-size:1.8rem;}
	.ihub-symbol-box .sub-symbol:before {font-size:5rem;}
	.ihub-symbol-box .sub-symbol:nth-of-type(1) {left:-18rem; bottom:-13rem;}
	.ihub-symbol-box .sub-symbol:nth-of-type(2) {left:-9rem; bottom:-23rem;}
	.ihub-symbol-box .sub-symbol:nth-of-type(3) {left:8rem; bottom:-23rem;}
	.ihub-symbol-box .sub-symbol:nth-of-type(4) {right:-18rem; bottom:-13rem;}
	.ihub-symbol-box {display:flex; flex-wrap:wrap; justify-content:center;}
	.ihub-symbol-box .sub-symbol {position: relative;}
	.ihub-symbol-box .sub-symbol:nth-of-type(1) , .ihub-symbol-box .sub-symbol:nth-of-type(2) , .ihub-symbol-box .sub-symbol:nth-of-type(3) , .ihub-symbol-box .sub-symbol:nth-of-type(4) {left:0; top:0; bottom:0; right:0; margin:2rem;}
}

@media all and (max-width:1280px){
	.cloud-top-box .scraping-app {width: 24rem;}
	.ihub-page .cloud-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after{left:-28%;}
}

/* ******************  i-hub :: cloud API ******************  */
@media all and (max-width:800px){
	.application-list > li {flex-wrap:wrap;}
	.application-list .app-tit-box {width: 100%;}
	.application-list .ac-txt {width: 100%; margin-top:1.5rem;}
	.application-list .ac-tit {font-size:3rem; padding-left:1.2rem;}
	.ihub-page .effect-box {flex-wrap:wrap;}
	.ihub-page .effect-box .effect-item {width: 100%;}
	.ihub-page .effect-box .effect-item .effect-tit {font-size:2.3rem;}
	.cloud-top-box {margin-bottom:18rem !important;}
	.cloud-top-box .scraping-app {width: 100%; margin-top:0; padding:0;}
	.cloud-top-box .main-txt-box {top:23.5%; transform:translate(-50%,0); font-size:3.2rem;}
	.cloud-top-box .center-container {margin: 0 0 3rem;}
}

/* ******************  i-hub :: smart API ******************  */
@media all and (max-width:1280px){
	.scraping-app {width: 24rem;}
	.ihub-top-box .scraping-sub-txt {width: 15rem; height: 15rem;}
	.ihub-top-box .scraping-device, .ihub-top-box .scraping-site {width: 32rem; height: 32rem;}
	.ihub-top-box .scraping-device:before, .ihub-top-box .scraping-site:before {width: 50rem; height: 50rem;}
	.ihub-top-box .scraping-tit-box:after {width:3rem;}
	.ihub-top-box .scraping-tit-box:after {right:-55%;}
	.smart-page .ihub-top-box > .scraping-sub-txt:nth-of-type(1) .scraping-tit-box:after {left:-35%;}
}

@media all and (max-width:800px){
	.ihub-top-box {flex-direction:column; padding-bottom:7rem;}
	.ihub-top-box .scraping-sub-txt {margin:5rem 0;}
	.scraping-app {padding:0; width:100%; height:auto; display:flex; flex-direction:column; align-items:center;}
	.scraping-app .svg { position: static; width: 36rem; height: 24rem;}
	.center-container {width: 90%; position:static; transform:translateX(0); margin:3rem 0 5rem;}
	.center-container > div {padding:1.5rem;}
	.ihub-top-box .scraping-device, .ihub-top-box .scraping-site {width: 28rem; height: 28rem;}
	.ihub-top-box .scraping-device:before, .ihub-top-box .scraping-site:before {width: 40rem; height: 40rem;}
	.ihub-top-box .scraping-sub-txt:after {right:50%; top:initial; bottom:-30%; transform:translateY(-50%) translateX(50%) rotate(90deg);}
	.ihub-top-box > .scraping-sub-txt:nth-of-type(3):after {left:50%; bottom:initial; top:-18%; transform:translateY(-50%) translateX(-50%) rotate(90deg);}
}

/* ******************  i-hub :: local API ******************  */
@media all and (max-width:800px){
	.local-page .scraping-app {padding-top:0;}
	.local-top-box {margin-bottom:18rem !important;}
	.ihub-page .local-top-box .main-txt-box {top:26%; font-size:3.5rem;}
	
}
/* ******************  i-hub :: server scraping ******************  */
@media all and (max-width:1280px){
	.server-top-box .border-line {width: 32rem; height: 32rem;}
}

@media all and (max-width:800px) {
	.server-page .con:first-of-type {margin-bottom:12rem;}
	.server-top-box {margin-bottom:13.345rem !important; padding-bottom:0;}
	.server-top-box .border-line {width: 28rem; height: 28rem;}
	.server-top-box .scraping-app {position:static; width: 80%; transform:translateX(0);}
	.server-page .ihub-top-box > .scraping-sub-txt:nth-of-type(2):after {left:50%; bottom:initial; top:-4.4rem; transform: translateY(-50%) translateX(-50%) rotate(90deg);}
	.server-page .ihub-top-box .scraping-sub-txt:after {right: 50%;}
	.server-page .ihub-top-box .scraping-sub-txt {margin:10.5rem 0;}
	.server-top-box .server-scraping-logo {top:-26%; width:7.6rem; height:2.8rem; background-size:contain;}
}

/* ****************** 서비스패키지 :: intro ******************  */
@media all and (max-width:800px){
	.service-type-list li {width: calc(50% - 4rem); min-height:auto; height: 20rem;}
	.service-type-list li a {padding:2rem; /* height: auto; */ display: flex; flex-wrap: wrap; justify-content: space-between;}
	.service-type-list .service-tit{font-size:2.2rem; line-height:1.2; height:5.5rem; overflow:hidden; word-break: keep-all; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.service-type-list .service-inner-txt{font-size:1.4rem; height:6.8rem; overflow:hidden; word-break: keep-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	.service-type-list li:hover .service-inner-txt{display: block; display: -webkit-box;}
}
/* ****************** 서비스패키지 :: view ******************  */
@media all and (max-width:1280px){
	.service-page .sp-con .api-tab li a {font-size:2rem;}
}

@media all and (max-width:800px){
	.service-page .sp-tit {font-size:4.5rem;}
	.service-page .sp-tit-box {padding-bottom:5rem;}
	.service-page .sp-con {flex-wrap:wrap; padding:5rem 0;}
	.service-page .sp-con .sp-con-tit-box {width: 100%;}
	.service-page .sp-con .sp-txt-box {width: 100%;}
	.service-page .sp-con-tit {font-size:3.8rem;}
	.service-page .sp-con-tit > .mini-tit:before {left:-1rem; top:-1rem; width: 2rem; height: 2rem;}
	.service-page .sp-con .sp-sub-tit {font-size:2rem; margin-top:1rem;}
	.service-page .sp-con .why-list {justify-content:center;}
	.service-page .sp-con .why-list li {/* width: calc((100% - 6rem) / 4); */ width: calc((100% - 6rem) / 2); max-width:20rem;  /* margin-right:2rem; */ margin:1rem;}
	.service-page .sp-con .why-list li:last-of-type {margin-right: 1rem;}
	.service-page .sp-con .why-list li .why-tit {font-size:2rem;}
	.service-page .sp-con .why-list li .why-tit:before {font-size:7rem;}
	.service-page .sp-con .who-list li {width: auto; padding:0 1rem;}
	.service-page .sp-con .sp-txt-box .inner-box {padding:2.5rem; margin-top:2rem;}
	.service-page .sp-con .logo-list {flex-wrap:wrap;}
	.service-page .sp-con .api-tab {flex-wrap:wrap;}
	.service-page .sp-con .api-tab-con {margin-top:2rem;}
	.service-page .sp-con .api-tab-con ul {flex-wrap:wrap;}
	.service-page .sp-con .api-tab-con ul li {width: 100%; margin-top:1rem;}
	.service-page .sp-con .api-tab-con ul li:first-of-type {margin-top:0;}
	.service-page .sp-con .how-list {flex-wrap:wrap; margin:0;}
	.service-page .sp-con .how-list li {width: 100%; padding:0; margin-bottom:2rem; border-right:0; padding-bottom:2rem; border-bottom:1px solid #ddd;}
	.service-page .sp-con .how-list li:last-of-type {margin-bottom: 0; border-bottom:0; padding-bottom:0;}
	.service-page .sp-con .how-list .icon-box {padding-top:8.28%;}
	.service-page .sp-con .how-list .how-tit {height: auto;}
	.service-page .service-btn {width: 3.5rem; height: 3.5rem;}
	.service-page .service-btn i {font-size:1.5rem;}
	.service-page .btn-wrap a {height: 4rem; padding:0 3rem; font-size:1.5rem;}
}

@media all and (max-width:480px){
	.service-page .sp-con .why-list li .why-tit:before {font-size:5rem;}
}
/* ******************************** RPA ******************************** */
/* ******************  RPA :: RPA 소개 ******************  */
@media all and (max-width:800px){
	.rpa-intro-box {flex-direction:column;}
	.rpa-intro-box .intro01, .rpa-intro-box .intro02 {width: 18rem; height: 18rem; font-size:2.5rem;}
	.rpa-intro-box .intro02 {margin-top:-2.9rem; margin-left:0;}
	.rpa-intro-box .intro02:after {right:initial; top:initial; transform:translateY(0) translateX(-50%) rotate(90deg); bottom:-3.5rem; left:50%;}
	.rpa-intro-box .intro03 {width: 40rem; height: 40rem; margin-left:0; margin-top:-2.9rem;}
	.rpa-intro-box .intro03:before {width: 25rem; height: 25rem;}
	.rpa-strength .strength-item {padding:0 3rem;}
	.rpa-strength .strength-item.active {padding:0 3rem;}
	.rpa-strength .strength-item .icon-box {padding-top:8.89%;}
	.rpa-strength .strength-tit {font-size:2.2rem;}
	.rpa-strength .strength-en-tit {font-size:1.6rem;}
	.rpa-strength .num {font-size:4rem;}
	.rpa-strength .tit-inner {margin-left:2rem;}
}
/* ******************  RPA :: RPA 주요기능 ******************  */
@media all and (max-width:800px){
	.ocr-box {margin-top:7rem;}
	.ocr-diagram-tit .inner-con-txt {font-size:3rem;}
	.ocr-diagram-tit .inner-con-txt > em {font-size:2rem;}
	.automation-list {flex-wrap:wrap; padding:0; position:static; height: auto;}
	.automation-list li {width: calc((100% - 4.8rem) / 4);}
	.automation-list .automation-tit {font-size:1.5rem;}
	.automation-list02 {margin-top:5rem;}
	.automation-list02 > li {flex-wrap:wrap; padding:3rem 0 0; border-bottom:0;}
	.automation-list02 > li > div {width: 100%; margin-bottom:3rem;}
	.automation-list02 > li > div:last-of-type {margin-bottom: 0;}
	.automation-list02 dl dt {font-size:2.4rem;}
	.captcha-box .automation-list02 > li:last-of-type {border-bottom:0;} 

	.bot-diagram > span {width: 23rem; height: 23rem; font-size:3.5rem;}
	.bot-diagram > span:before {width: 40rem; height: 40rem;}
	.bot-list {flex-wrap:wrap; margin-top:12rem;}
	.bot-list li {width: 100%; margin-right: 0; margin-top:3rem; text-align:center;}
	.bot-list li:first-of-type {margin-top: 0;}
	.bot-list .bot-tit-box {justify-content:center; text-align:left;}
	.bot-list .num{font-size:2.4rem;}
	.bot-list .bot-tit {margin-left:2rem; font-size:2.4rem;}

	.automaiton-container .intro-box .intro-tit {font-size:3rem;}
	.automaiton-container .intro-box .intro-tit:after {width: 25rem; height: 25rem;}

	.automation-box .automation-svg {display:none;}
	.auto-arrow {display:none !important;}
}

@media all and (max-width:480px){
	.ocr-diagram-tit .inner-con-txt {font-size:2.5rem;}
	.ocr-diagram-tit .inner-con-txt > em {font-size:1.5rem;}
	.automation-list li {width: calc(50% - 8px); margin-bottom: 8px;}
	.automation-list li:nth-of-type(even) {margin-right: 0;}
	.automation-list li:last-of-type {margin-bottom: 0;}
}
/* ******************  RPA :: RPA 적용분야 ******************  */
@media all and (max-width:1280px){
	.field-box {width: 500px; height: 500px;}
	.field-box .field-item .field-circle {width: 85px;}
	.field-box .field-item .inner-con {width: 85px; height: 85px;}
	.field-tit {font-size:20px; align-self:flex-end;}
	.field-box .field-item:nth-child(1) {margin-left:90px; margin-top:-165px;}
	.field-box .field-item:nth-child(2) {margin-top:-56px; margin-left:-28px;}
	.field-box .field-item:nth-child(3) {margin-top:51px; margin-left:-137px;}
	.field-box .field-item:nth-child(4) {margin-top:159px; margin-left:-245px;}
	.field-box .field-item:nth-child(5) {margin-top:-56px; margin-left:249px; }
	.field-box .field-item:nth-child(6) {margin-top:52px; margin-left:149px;}
	.field-box .field-item:nth-child(7) {margin-top:161px; margin-left:40px;}
	.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 {min-width:auto; align-self:flex-start;}
	.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:52px;}
	.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:-45%;}
	.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: 52px;}
	.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:-45%;}
	.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: 24px;}
	.field-tit-box .num {font-size:16px;}
}

@media all and (max-width:800px){
	.field-box {background: none; width: auto; height: auto; display:flex; flex-wrap:wrap; justify-content:initial;}
	.field-tit {text-align:left; min-width:auto; font-size:17px;}
	.field-tit-box {flex-direction:column-reverse;}
	.field-tit-box .num {font-size:14px; margin-left:0;}
	.field-box .field-item {position:static; transform:translate(0,0); justify-content:space-between; width: 33.33%; display:flex; flex-direction:column;}
	.field-box .field-item:nth-child(1), .field-box .field-item:nth-child(2) , .field-box .field-item:nth-child(3), .field-box .field-item:nth-child(4) , .field-box 
	.field-item:nth-child(5), .field-box .field-item:nth-child(6) , .field-box .field-item:nth-child(7) {margin:3rem 0;}
	.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 {align-self: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:2rem auto 0;}
	.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-start;}
	/* .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:right;} */
	.field-box .field-item:nth-child(5) , .field-box .field-item:nth-child(6) , .field-box .field-item:nth-child(7) {flex-direction:column;}
	.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:2rem auto 0;}
	.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:column-reverse;} 
	.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:nth-child(5) .field-tit, .field-box .field-item:nth-child(6) .field-tit, .field-box .field-item:nth-child(7) .field-tit {margin-left: 0;}
	.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 {left:-35%; right:initial;}
	.field-box .field-item:nth-child(6) .field-tit-box, .field-box .field-item:nth-child(7) .field-tit-box {align-self:center;}
	.field-box .field-item .inner-con:after {display:none;}
}
/* ******************  RPA :: RPA 기대효과 ******************  */
@media all and (max-width:1280px){
	.rpa-expectation-list > li {margin:0 3rem; padding:4rem;}
	.rpa-expectation-list .expectation-tit-box {width: 43rem;}
	.rpa-expectation-list .expectation-txt-box {width: calc(100% - 43rem);}
}

@media all and (max-width:800px){
	.rpa-expectation-list {margin:5rem auto 0; max-width:initial;}
	.rpa-expectation-list > li {padding:4rem; flex-direction:column; margin:0;}
	.rpa-expectation-list .expectation-tit-box {width: 100%;}
	.rpa-expectation-list .expectation-txt-box {width: 100%; margin-top:2rem;}	
	.rpa-expectation-list .num {width: 4rem; font-size:4rem;}
	.rpa-expectation-list .expectation-tit {font-size:2.2rem; margin-left:20px;}
	.rpa-expectation-list > li.active {margin:0;}
}
/* ******************  RPA :: RPA 도입사례 ******************  */
@media all and (max-width:1280px){
	.introductory-case-page .case-con .before {width: 23rem;}
	.introductory-case-page .case-con .before .txt {font-size:1.8rem;}
	.introductory-case-page .case-con .after {width: 23rem;}
	.introductory-case-page .case-con .after:after {width: 32rem; height: 32rem;}
	.introductory-case-page .case-con .con-sub-tit {font-size:1.4rem;}
	.introductory-case-page .case-con .after .txt {font-size:2.3rem;}
	.introductory-case-page .case-con .arrow {margin-left:-4.5rem;}
	.introductory-case-page .case-con.adapt {display:flex; flex-direction:column; align-items:center;}
	/* .introductory-case-page .case-con.adapt div:nth-of-type(2) {margin:5.3rem 0; display:flex; align-items:center; flex-direction:column;} */
	.introductory-case-page .case-con.adapt > div:nth-child(1), .introductory-case-page .case-con.adapt > div:nth-child(3) {margin-top:0;}
	.adapt-center-box > div {margin:4.7rem 0;}
	/* .adapt-center-box .dot {margin-top:0;} */
	/* .adapt-center-box .dot:before {top:initial; bottom:-20px; transform:translateY(-50%) translateX(0); left:50%;}
	.adapt-center-box .dot:after {right:initial; top:-10px; left:1px;}
	.adapt-center-box .dot:first-of-type:before {top:-10px; left:-2px;}
	.adapt-center-box .dot:first-of-type:after {top:initial; bottom:-10px;}
	.adapt-center-box .dot:last-of-type:before {right:initial; left:-2px;}
	.adapt-center-box .dot:last-of-type:after {left:1px;} */

	.rpa-case-con #tabConM07 .adapt-left-box, .rpa-case-con #tabConM07 .adapt-right-box {margin:0 auto;}
}

@media all and (max-width:800px){
	.introductory-case-page .vertical-tab {flex-wrap:wrap; margin-top:7rem;}
	.introductory-case-page .vertical-tab .sub-tab-wrapper-style {position: static; width: 100%; margin-bottom:5rem;}
	.rpa-case-con-wrapper {width: 100%; padding-left:0;}
	.rpa-case-con {padding-left:0;}
	.introductory-case-page .case-con.adapt {display:flex; align-items:center; flex-direction:column;}
	.introductory-case-page .case-con.adapt > div:nth-child(1), .introductory-case-page .case-con.adapt > div:nth-child(3) {margin-top:0;}
	/* .introductory-case-page .case-con.adapt div:nth-of-type(2) {margin:5rem 0;} */
	.introductory-case-page .case-con.change {padding:5rem 0; flex-direction:column;}
	.introductory-case-page .case-con .after {position:static; margin-right:0;}
	.introductory-case-page .case-con .after .after-con {position: relative;}
	.introductory-case-page .case-con .after:after {display:none;}
	.introductory-case-page .case-con .arrow {margin:3rem 0; transform:rotate(90deg);}

	.introductory-case-page .case-tit{font-size:3.4rem;}
	.introductory-case-page .case-tit-box dt{width:10rem;}
	.introductory-case-page .case-tit-box dd{width:calc(100% - 10rem);}

	.introductory-case-page .vertical-tab .sub-tab-list-style ul li {background:#fff;}
	.introductory-case-page .vertical-tab .sub-tab-list-style ul li.selected {margin-bottom: 0; border-radius:initial; box-shadow:initial; border:0 ; border-top:1px solid #eee;}
	.introductory-case-page .vertical-tab .sub-tab-list-style ul li a {padding:0 1rem; height: 5rem;}
	.introductory-case-page .vertical-tab .sub-tab-list-style ul li a em {font-size:1.6rem;}
	.introductory-case-page .vertical-tab .sub-tab-list-style ul li .icon-box {padding-top:5%;}
}

/* ******************  적용사례 :: 적용사례 ****************** */
@media all and (max-width:1280px){
	.case-list .case-tit {height: 60px; margin-bottom:4rem;}
}

@media all and (max-width:800px){
	.case-list .list-item {width: calc(50% - 2.62%);}
	.case-list .list-item a {height: 100%; justify-content:space-between; padding:3rem 1.8rem;}
	.case-logo-list .img-box {width: 7rem;}
	.case-list .case-tit {font-size:2.2rem;}
	.case-list .bottom-box {height: auto;}
	.case-list .go-btn {width: 3rem; height: 3rem; top:initial;}
	.case-list .go-btn i {font-size:10px;}
}
/* ******************  적용사례 :: 적용사례 view페이지 ****************** */
@media all and (max-width:1280px){
	.introduction-box .introduction-con .introduction-tit {width: 30%;}
	.introduction-box .introduction-txt-box {width: 70%;}
}
@media all and (max-width:800px){
	.introduction-box .introduction-con {flex-wrap:wrap;}
	.introduction-box .introduction-con .introduction-tit {width: 100%; margin-bottom: 1.5rem;}
	.introduction-box .introduction-con .introduction-tit em {font-size:3.2rem;}
	.introduction-box .introduction-txt-box {width: 100%;}
	.introduction-box .case-con-tit {font-size:3.5rem}
}
/* ******************  적용사례 :: 레퍼런스 ****************** */
@media all and (max-width:800px){
	.reference-list-box li {width: 31.3%; margin:1%;}
	.reference-con .con-tit {margin-bottom: 3rem;}
}

@media all and (max-width:480px){
	.reference-list-box li {width: 48%;}
}

/* ****************** 도입문의 :: 공통 ****************** */
@media all and (max-width:800px){
	.inquiry-table tr {flex-wrap:wrap;}
	.inquiry-table tr th {width: 100%;}
	.inquiry-table tr td {width: 100%; margin-top:1rem;}
	.inquiry-table .email-fieldset {flex-wrap:wrap;}
	.inquiry-table .email-fieldset .write-input, .inquiry-table .email-fieldset .write-select {width: calc((100% - 4.9rem)/2);}
	.inquiry-table .email-fieldset .write-select {width: 100% !important; margin-top: 1rem;}
	.inquiry-info-box {flex-wrap:wrap;}
	.inquiry-info-box .company {width: 100%;}
	.inquiry-info-box .info-list {width: 100%; padding-left:0; margin-top:1.5rem;}
	.inquiry-info-box .info-list:before {display:none;}
}
/* ****************** 도입문의 :: 스타트업 지원센터 ****************** */
@media all and (max-width:1280px){
	.start-up-diagram .center-txt {width: 20rem; height: 20rem; font-size:2.5rem;}
	.start-up-diagram {width: 35rem; height: 35rem;}
	.start-up-diagram .start-up-element {width: 175%;}
	.start-up-diagram .start-up-element:nth-child(1) {margin-left:-28rem; margin-top:-7rem;}
	.start-up-diagram .start-up-element:nth-child(2) {margin-left:28rem; margin-top:-7rem;}
	.start-up-diagram .start-up-element:nth-child(3) {margin-left:-28rem; margin-top:7rem;}
	.start-up-diagram .start-up-element:nth-child(4) {margin-left:28rem; margin-top:7rem;}
	.start-up-element .bg-box {width: 100%;}
	.start-up-element .txt-inner-box {left:6rem;}
	.element-tit {font-size:1.6rem; margin-bottom:1.2rem;}
	.element-list li {font-size:1.3rem;}
	.element-list li i {margin-right: 5px;}
	.start-up-element .symbol-box {width: 9rem; height: 9rem; font-size:1.6rem;}
	.start-up-element:nth-child(2) .txt-inner-box, .start-up-element:nth-child(4) .txt-inner-box {left:15rem;}
	.start-up-element:nth-of-type(2n) .txt-inner {width: calc(100% - 130px);}
}

@media all and (max-width:800px){
	.start-up-diagram {margin:5rem auto 0;}
	.start-up-diagram .center-txt {order:1; margin:2rem 0;}
	.start-up-diagram {width: initial; height: initial; flex-wrap:wrap; border-radius:initial; box-shadow:none;}
	.start-up-element .bg-box {display:none;}
	.start-up-diagram .start-up-element {width: 100%; position:static; transform:translate(0,0); margin:2rem 0; border-radius: 3rem; padding: 2rem; box-shadow:0px 2px 20px #AB101014;}
	.start-up-diagram .start-up-element:nth-child(1) {order:2; margin-left:0; margin-top:0;}
	.start-up-diagram .start-up-element:nth-child(2) {order:3; margin-left:0; margin-top:0;}
	.start-up-diagram .start-up-element:nth-child(3) {order:4; margin-left:0; margin-top:0;}
	.start-up-diagram .start-up-element:nth-child(4) {order:5; margin-left:0; margin-top:0;}
	.start-up-element .txt-inner-box {width: 100%; position:static; transform:translateY(0);}
	.start-up-element:nth-child(2) .txt-inner-box, .start-up-element:nth-child(4) .txt-inner-box {flex-direction:row;}
}
/* ****************** 도입문의 :: 데이터바우처 ****************** */
@media all and (max-width:1280px){
	.voucher-txt-box .process-list-diagram li .item {font-size:1.5rem;}
	.voucher-txt-box .process-list-diagram li .item:before {font-size:4.5rem;}
}

@media all and (max-width:800px){
	.voucher-list .voucher-item {flex-wrap:wrap; padding:4.5rem 0;}
	.voucher-tit-box {width: 100%;}
	.voucher-txt-box {width: 100%;}
	.voucher-list .num {margin-right: 2rem;}
	.voucher-list .voucher-tit {font-size:2.8rem;}
	.voucher-txt-box > p {font-size:1.6rem;}
	.introduction-page .inquiry-inner-con {flex-wrap:wrap; border-bottom:0;}
	.inquiry-container {margin-top: 5rem;}
	.inquiry-container .left-box {width: 100%; padding-right: 0;}
	.inquiry-container .right-box {width: 100%;}
	.voucher-txt-box .process-list-diagram {flex-wrap:wrap;}
	.voucher-txt-box .process-list-diagram li {width: calc((100% - 6rem) / 3); margin:1rem;}
	.voucher-txt-box .process-list-diagram li:nth-child(3) .item:after {display:none;}
	.voucher-txt-box .process-list .pro-txt > span {display: block; margin-left: 0; margin-top:1rem;}
}

/* ****************** infotech :: 회사소개 ****************** */
@media all and (max-width:1280px){
	.org-container .team-list-box li:not(:first-of-type):before {width:18.8rem;}
}

@media all and (max-width:800px){
	.company-intro-box {padding:3rem 0rem; flex-wrap:wrap;}
	.company-intro-box .left-box {width: 100%;}
	.company-intro-box .right-box {width: 100%; height: 15rem;}
	.company-intro-box .com-intro-txt {margin-bottom: 1.5rem;}
	.company-intro-box .com-intro-sign {margin: 2.5rem 0;}


	.org-container .team-list-box {margin:7rem auto 0;}
	.org-container .team-list-box li {width: calc((100% - 3rem) / 4); margin-right: 1rem;}
	.org-container .team-list-box li:after {width:56%; right:-11px;}
	.org-container .team-list-box li > .team-item {height: 4rem; line-height:4rem; font-size:1.6rem;}
	.org-container .team-list-box li > .team-item:after {height: 2.8rem; top:-70%;}
	.org-container .team-list-box li:not(:first-of-type):before {width:7.9rem; left:0;}
	.org-container .team-list-box li > p {height: 4rem; line-height:4rem; font-size:1.4rem; margin:2rem auto 0;}
	.org-container .center-box .inner-con:after {bottom:-90%; height:18rem;}
	.org-container .inner-list {width: 127%; margin:2rem 0 0 -1rem;}
	.org-container .inner-list:before {height:1rem; top:-2rem;}
	.inner-list p {height: 4rem; line-height:4rem; font-size:1.4rem;}
	.inner-list p:after {width: 54%;}
	.org-container .team-type-list li {height: 4rem; line-height:4rem; font-size:1.8rem;}
	.org-container .team-type-list li:first-of-type:after {width: 120%;}
}

@media all and (max-width:640px){
	.org-container .team-list-box li:not(:first-of-type):before {width: 8.1rem; left:-1.9rem;}
	.org-container .team-list-box li:after {width: 44%; right:7px;}
	.inner-list p:after {width: 3.3rem;}
	.org-container .team-type-list li:first-of-type {margin-right: 8rem;}
	.org-container .team-list-box li > .team-item {font-size:1.3rem;}
}

@media all and (max-width:480px){
	.org-container .team-list-box li:not(:first-of-type):before {width: 6.4rem; left:-1.8rem;}
	.org-container .team-list-box li:after {width:42%; right:7px;}
}

/* ****************** infotech :: 연혁 ****************** */
/* @media all and (max-width:1380px){
	.history-year-group-tit-box .sub-tab-list-style.top-fixed {left:30px; transform:translateX(0); margin-left:0;}
} */

@media all and (max-width:1380px) {
	.history-year-group-tit-box .sub-tab-list-style.top-fixed {left:3rem; margin-left: 0; transform:translateX(0);}
}

@media all and (max-width:800px){
	.history-page .sub-tab-content-style:before {display:none;}
	.history-page .sub-tab-content-style:after {display:none;}
	.history-year-group-tit-box {height: 4rem; width: 100%; padding-right:0;}
	.history-year-group-tit-box .sub-tab-list-style {width: 100%;}
	.history-page .sub-tab-content-style {margin-left:0; width: 100%; margin-top:5rem;}
	.history-year-list-box {padding-left:0}
	.history-year-list-box .history-year-item {flex-wrap:wrap; padding-top:6rem; margin-top:0;}
	.history-year {width: 100%; font-size:5rem;}
	.history-month-box {margin-top:3rem;}
	.history-detail-txt-con .history-detail-txt {font-size:1.6rem;}
	.history-year-group-tit-box .sub-tab-list-style.top-fixed {margin-left: 0; width: 90%;}
	.history-year-group-tit-box .sub-tab-list-style ul {top:40px;}
	.history-year-group-tit-box .sub-tab-list-style ul li {max-width:initial; background: #fff;}
	.history-year-group-tit-box .sub-tab-list-style ul li a {height: 40px; border-radius:initial; box-sizing:border-box;}
	.history-year-group-tit-box .sub-tab-list-style ul li a em {padding:0; font-size:1.5rem;}
	.history-year-group-tit-box .sub-tab-list-style ul li.selected {box-shadow:none; margin-bottom:0; border-radius:initial; background: #fff;}
	.history-year-group-tit-box .sub-tab-list-style ul li.selected a {border-radius:initial; border:none;}
	.history-year-group-tit-box .sub-tab-list-style ul li.selected a em {font-size:1.5rem; padding:0;}
}

/* ****************** infotech :: PR - 공지사항 ****************** */
@media all and (max-width:800px){
	.bbs-top-list-box {flex-direction:column; align-items: flex-start;}
	.board-search-box {width:100%;}
	.board-search-inner {max-width:initial;}
	.total-list-con {margin-top:2rem;}
	/* 리스트형 게시판 :: 리스트 02 */
	.bbs-list-style02 .bbs-item > a{height:auto; min-height:54px; padding:15px;}
	.bbs-list-style02 .bbs-item .bbs-list-date{top:15px; left:15px; width:50px;}
	.bbs-list-style02 .bbs-item .bbs-list-date strong{font-size:30px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con {padding:0 2rem; width:calc(100% - 3.5rem - 50px);}
	.bbs-list-style02 .bbs-item .bbs-subject-box{margin-bottom:5px}
	.bbs-list-style02 .bbs-item .bbs-subject-txt{font-size:15px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .notice-tit{height:20px; font-size:13px; line-height:20px; padding:0 10px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{font-size:13px; }
	.bbs-list-style02 .bbs-item .bbs-right-info-con dl{display:none;}
}
@media all and (max-width:480px){
	/* 리스트형 게시판 :: 리스트 02 */
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-tit .category{display:block; font-size:13px; margin-bottom:10px;}
	.bbs-list-style02 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:block; color:#888; font-size:12px; margin-top:10px;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con{width:3.5rem;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn{width:30px; height:30px; line-height:30px; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn em{display:none;}
	.bbs-list-style02 .bbs-item .bbs-right-info-con .bbs-more-btn i{display:block; line-height:30px; }
}

/* ****************** infotech :: PR - 보도자료 ****************** */
@media all and (max-width:800px){
	.report-container .report-item {width: calc((100% / 2) - 3.02%);}
}

@media all and (max-width:480px){
	.report-container .report-tit01 , .report-tit02 , .report-date{display: block; width: 16rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
/* ****************** infotech :: 인재채용 - 인재상 ****************** */
@media all and (max-width:1280px){
	.talent-main-list .talent-list-tit:before {width: 8rem; right:-13%;}
}

@media all and (max-width:800px){
	.talent-tit {font-size:7rem;}
	.talent-sub-list {width: 90%;}
	.talent-main-list {flex-wrap:wrap; margin-top:6rem;}
	.talent-main-list li {width: 100%; margin-top:8rem;}
	.talent-main-list li:first-of-type {margin-top: 0;}
	.talent-main-list .talent-list-tit {font-size:4.8rem; margin-bottom:1rem;}
	.talent-main-list .talent-list-tit:before {width:5rem; top:initial; right:initial; bottom:-11rem; left:50%; transform:translateX(-50%) rotate(90deg);}
	.talent-main-list li:nth-of-type(2) .talent-list-tit:before {bottom:-14.5rem;}
	.talent-sub-list .item .inner-con p {font-size:1.8rem;}
}

@media all and (max-width:480px){
	.talent-main-list li:nth-of-type(2) .talent-list-tit:before {bottom:-17.5rem;}
}
/* ****************** infotech :: 인재채용 - 복지제도 ****************** */
@media all and (max-width:800px){
	.welfare-list > li {width:calc((100% - 2rem) / 2); margin-right:2rem; padding:2.5rem;}
	.welfare-list > li:nth-of-type(even) {margin-right:0;}
	.welfare-list > li:nth-child(3) {margin-right: 2rem;}
}
@media all and (max-width:480px){
	.welfare-list > li {width: 100%; margin-right: 0;}
	.welfare-list > li:nth-of-type(3n) {margin-right:0;}
}
/* ****************** infotech :: 인재채용 - 사내문화 ****************** */
@media all and (max-width:800px){
	.company-culture-list {flex-wrap:wrap; margin-top:4rem;}
	.company-culture-list li {width: 100%; margin-bottom:3rem;}
	.company-culture-list li:last-of-type {margin-bottom: 0;}
	.company-culture-list li .icon-box {padding-top:12.4%; margin:0 auto 2rem;}

	.culture-ex-box {flex-wrap:wrap; margin-top: 6rem;}
	.culture-ex-box .slider-nav {width: 100%; margin-bottom:3rem;}
	.culture-ex-box .slider-for {width: 100%;}
	.culture-ex-box .slider-for .slick-slide {height: 30rem;}
	.culture-ex-box .slider-nav .slick-slide {height:6rem; line-height:6rem; font-size:2.5rem;}
	.culture-ex-box .slider-nav .slick-slide.slick-current {font-size:3.8rem;}
}
/* ****************** infotech :: 인재채용 - 채용정보 ****************** */
@media all and (max-width:800px){
	.recruit-sub-container .sub-con {flex-wrap:wrap;}
	.recruit-sub-container .sub-con .recruit-txt-box {width: 100%;}
	.recruit-sub-container .sub-con .recruit-txt-box {flex-wrap:wrap;}
	.recruit-sub-container .sub-con .recruit-txt-box > dl {width: 100%; margin-top:2rem;}
	.recruit-sub-container .sub-con .recruit-txt-box > dl:first-of-type {margin-top:0;}
	.recruit-sub-container .sub-con .support-box {width: 100%; flex-direction:column-reverse; align-items:flex-start; justify-content:space-between; margin-top:2rem;}
	.recruit-sub-container .sub-con .support-box .support-info {margin-top:0; margin-bottom:1.8rem;}
}
/* ****************** infotech :: 오시는길 ****************** */
@media all and (max-width:800px){
	.map-info-box {padding:2.5rem; position:static; margin:3rem auto 0; min-width:auto;}
}