@charset "utf-8";
/*****************************************
	[한/영 공통]
	* 비회원 메인 및 서브 페이지
	main_sub_conts.css
	2025.12-29
******************************************/

html{scroll-behavior: smooth;} /* 화면스크롤 이동시 부드럽게*/

/* ****************** layout (비회원 메인 및 서브 레이아웃) ********************** */
#main-wrap {overflow:hidden; width:100%; min-width:320px; position:relative; padding-top:80px; word-break: keep-all;}


/* ****************** HEADER ********************** */
#main-wrap #header{
	position: absolute; width:100%; height:80px; top:0; left:0; z-index:9999; 
	-webkit-transition:all 0.3s; transition:all 0.3s;
	border-bottom:0;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow:none;
}

/* 비회원 메인만 헤더색 다름 */
#main-wrap #header.main-header{
	/*background-color: rgba(194, 232, 255, 1);*/
	background-color: rgba(255, 255, 255, 0);
	border-bottom:none;
}
/* 비회원 메인만 헤더색 다름 -- 스크롤 내렸을때 CSS .active */
#main-wrap #header.main-header.scrollactive{
   position: fixed;
   background-color: rgba(255, 255, 255, 0.82);
   border-bottom:none;
   backdrop-filter: blur(10px); /* 25.01.10 배경 블러처리추가 */
}

/* 비회원 메인 헤더 위치 조정 */
#main-wrap #headerInnerWrap{position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box; }
#main-wrap .headermenu-wrap{position:relative; display:flex; align-items:center; height:80px; padding:0 20px; border-bottom:0;box-sizing:border-box; }
#main-wrap .headermenu-wrap .top-logo{float:left; width:230px; padding:0 0 0 5px; margin-top:-8px;}
/*#main-wrap .headermenu-wrap .top-logo img{width:63%;}*/ /* 24.04.03 삭제*/
@media all and ( max-width: 800px ){
	#main-wrap .headermenu-wrap .top-logo img{width:auto;}
}


#main-wrap .right-side-menu {margin-top:-14px;}
#main-wrap .right-side-menu .login-btn{ padding:0 18px 0 !important;}
@media all and ( max-width: 800px ){
	#main-wrap .right-side-menu {right:50px;}
}

/*-------- pc menu --------*/
#main-wrap .gnbmenu {padding: 0 0 0 0;}
#main-wrap .gnbmenu ul li{padding:0 0 0 4px;}
#main-wrap .gnbmenu ul li a{position:relative; font-size:18px;}
@media all and ( max-width: 980px ){
	/* -------- Header :: Layout -------- */
	#main-wrap .gnbmenu ul li{margin: 0 26px;}
	#main-wrap .gnbmenu ul li a{font-size:17px;}

}

@media all and ( max-width: 800px ){
	/* -------- Header :: Layout -------- */
	#main-wrap .gnbmenu {display:none;}

}

/**** 2024.05.23 비회원 서브메뉴 추가*****/
#main-wrap .gnbmenu ul li:hover a{color:var(--darkblue-color);}

/* 대메뉴 화살표 아이콘 오버시 회전*/
.gnbmenu ul li a i{vertical-align:middle; 
  transform: rotate(0deg);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.gnbmenu ul li.hover a i{ 
  transform: rotate(180deg);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* 2025.11.12 추가*/
#main-wrap .gnbmenu ul li{margin:0 32px;}
/**** 2depth 메뉴 *****/

#main-wrap #header.main-header.scrollactive .gnb-2depth{
   background-color: rgba(255, 255, 255, 0.95);
}
#main-wrap #header.main-header.scrollactive .gnb-2depth > li > a:hover {/*background: rgba(234,240,249, 0.8)*/background: rgba(222,240,255, 0.6);}

.gnb-2depth {display: none; position: absolute; top:37px; left:50%; margin-left:-73px; min-width:140px; z-index: 99; overflow:hidden; padding:20px 0; text-align: center; background: rgba(255,255,255, 0.8); border-radius:5px; -webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.3); box-sizing:border-box;}
.gnb-2depth::before{content:"";position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 3px;
  background: var(--darkblue-color);
  display: block;
  border-radius:5px 5px 0 0;
}
.gnb-2depth > li{
	float: none !important;
    position: relative;
    height: 36px !important;
    width:100%;
	padding:0 !important;
    margin:0 !important;
    text-align: center;
    box-sizing: border-box;}
.gnb-2depth > li > a {display: block !important; padding: 10px 24px 10px !important; width: 100%; height:100%; font-size: 14px !important; font-weight:600 !important; color:var(--gray80-color) !important;}
.gnb-2depth > li > a:hover {background: rgba(222,240,255, 0.6); color:var(--darkblue-color) !important;}
.gnb-2depth > li::before,
.gnb-2depth > li.active::before,
.gnb-2depth > li:hover::before{display:none !important;}

/* -------- Header :: 서비스소개 2depth 서브메뉴길이로 수정 (25.01.14) -------- */
#main-wrap #header.main-header .gnbmenu li:nth-child(2) .gnb-2depth a{text-align:left;}
#main-wrap #header.main-header .gnbmenu li:nth-child(2) .gnb-2depth{ margin-left:-100px;}


/* -------- Header :: white(240715) 메인만 해당-------- */
#main-wrap #header.main-header-white .gnbmenu ul li a{color:var(--white-color);}
#main-wrap #header.main-header-white .gnbmenu ul li::before{background: var(--white-color);}
#main-wrap #header.main-header-white .gnbmenu ul li.active a{color:var(--white-color);}

#main-wrap #header.main-header-white.scrollactive .gnbmenu ul li a{color: var(--black-color); }
#main-wrap #header.main-header-white.scrollactive .gnbmenu ul li::before{background: var(--darkblue-color);}
#main-wrap #header.main-header-white.scrollactive .gnbmenu ul li.active a{color:var(--darkblue-color);}

/* 2025.01.06추가:: 메인페이지 메뉴영역 숨김 / 스크롤시 보여짐 */
#main-wrap #header.main-header-white .gnbmenu { opacity:1;}
#main-wrap #header.main-header-white.scrollactive .gnbmenu { opacity:1;}

/* ----------------------------------------------------
   2024.07.15 헤더 로고 화이트 
   (화이트 로고 이미지는 백그라운드 이미지로 나옴
----------------------------------------------------*/
#main-wrap #header.main-header-white .headermenu-wrap .top-logo{height:45px;}
#main-wrap #header.main-header-white .headermenu-wrap .top-logo a{display:block;width:162px; height:45px; background:url(../img/top_logo_main_white.svg) center/contain no-repeat;}
#main-wrap #header.main-header-white .headermenu-wrap .top-logo img{display:none;}
#main-wrap #header.main-header-white .headermenu-wrap .top-logo a img{max-height:45px;}

#main-wrap #header.main-header-white.scrollactive .headermenu-wrap .top-logo a{background:none;}
#main-wrap #header.main-header-white.scrollactive .headermenu-wrap .top-logo img{display:block;}
/* 2depth  라인 화이트 */
#main-wrap #header.main-header-white .gnb-2depth::before{background: var(--white-color);}
#main-wrap #header.main-header-white.scrollactive .gnb-2depth::before{background: var(--darkblue-color);}

#main-wrap #header.main-header-white .gnb-2depth {background: rgba(255,255,255, 0.9);}
#main-wrap #header.main-header-white .gnb-2depth > li > a:hover {background: rgba(222,240,255, 1);}


/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}

@media all and ( max-width: 800px ){
	/* -------- Header :: GNB(Mobile/기본스타일) -------- */
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
	#gnbM{ 
		display:block; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#fff; 
		z-index:9999; 
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
	/* GNB Mobile :: 레이아웃 */
	.gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:130px; overflow-y:auto;}	/* padding-top : Header 높이값 */
	#gnbM.none-bnr .gnb-navigation-wrapper{padding-top:80px;}
	.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0}
	
	/* GNB Mobile :: 메뉴영역 :: 1차 */
	#navigation > li{border-bottom:1px solid #e7e7e7;}
	#navigation > li:first-child{border-top:1px solid #e7e7e7}
	#navigation > li > a {position:relative; display:block; padding:15px; color:#333; font-size:17px; font-weight:bold; }
	#navigation > li > a:hover,
	#navigation > li > a:focus{color: var(--darkblue-color);}
	#navigation > li.active > a{color: var(--darkblue-color);}
	#navigation > li.has-2dep > a:before{font-family:xeicon; content: "\e914"; position:absolute; top:50%; right:15px; font-size:1.3em; transform:translateY(-50%);}
	#navigation > li.has-2dep.active > a:before{content: "\e91b";}
	/* GNB Mobile ::  메뉴영역 :: 2차 */
	#navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#f7f7f7; }
	#navigation > li .gnb-2dep > li{height:auto !important;}
	#navigation > li .gnb-2dep > li > a{display:block; color:#222; font-size:14px; padding:12px 15px; opacity:0.9;filter:Alpha(opacity=90);}
	#navigation > li .gnb-2dep > li > a:hover{color: var(--darkblue-color);}
	#navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); font-weight:bold;}
	/* GNB Mobile :: 메뉴영역 ::  3차 */
	#navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
	#navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}

/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; position:absolute; top:24px; right:15px; /*z-index:10000; */
		height:30px;
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	}
	.nav-open-btn .line{
		display:block; width: 20px; height: 2px; background-color: #000; margin: 2px auto;
		-webkit-transition: all 0.3s ease-in-out;
	     transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active .line{background-color:#333;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(4px) rotate(45deg);
		  transform: translateY(4px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-4px) rotate(-45deg);
		  transform: translateY(-4px) rotate(-45deg);
	}
	
	/* 2024.07.15  흰색 라인버튼*/
	#main-wrap #header.main-header-white .nav-open-btn .line{background-color: #fff;}
	#main-wrap #header.main-header-white .nav-open-btn.active .line{background-color:#333;}
	
	#main-wrap #header.main-header-white.scrollactive  .nav-open-btn .line{background-color: #000;}
}

@media all and ( max-width: 480px ){
	/* Header :: GNB(Mobile) */
	.gnb-navigation-wrapper{padding-top:90px} /* padding-top : Header 높이값 */
	#gnbM.none-bnr .gnb-navigation-wrapper{padding-top:60px;}
	.gnb-style-full .header-util-menu-box + .gnb-navigation-wrapper{top:60px; }
	.gnb-style-full-member .gnb-navigation-wrapper{bottom:60px;}
	#navigation > li > a{font-size:15px;}
	#navigation > li .gnb-2dep > li > a{font-size:13px;}
}




/* ****************** FOOTER ********************** */
/* 비회원 로그인 화면 푸터영역 배경색*/
#main-wrap #footer-wrap{background: #F1F1F3; padding:24px 0; margin-top:0;}
#main-wrap .footer-inner{margin:0 auto !important; max-width:1200px !important; }

@media all and ( max-width: 800px ){
	/* -------- FOOTER :: Layout -------- */
	#main-wrap #footer-wrap{padding:24px 24px;}
	#main-wrap .footer-inner .right-con{position: relative; left:0; top:auto; text-align:left; margin-bottom:24px;}
	#main-wrap .addresstext p {margin-bottom: 3px; color: var(--gray60-color); font-weight:400;}
	#main-wrap .addresstext p span{display:block; margin-bottom: 3px; margin-right:0;}
	#main-wrap .addresstext p span:after{display:none;}
}

@media all and ( max-width: 390px ){
	/* -------- FOOTER :: Layout -------- */
	#main-wrap #footer-wrap .family-site{display:block; margin-top:10px;}

}


/* ****************** 메인 컨텐츠 ********************** */
.inner-basic{max-width:1200px; margin:0 auto;}
.inner-basic-small{max-width:1120px; margin:0 auto;} /* 25.01.13 수정*/
.inner-full{width:100%;}
/* ****************** 메인 컨텐츠 ********************** */


/* ******************  section1 :: 메인 비주얼 영역 ********************** */
#mainVisual{overflow:hidden; width:100%; /*height:640px;*/ height:720px;  position:relative; margin-top:-80px;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual > *{box-sizing:border-box;}

.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	max-width:1400px;
	margin:0 auto;
	width:100%;
	height:100%;
	background-size:contain;
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;
	opacity:0; 
}

.main-visual-item{}
/* 메인비쥬얼 배경이미지1 */
.main-visual-item.main-bg01:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.main-visual-item.main-bg01{width:100%; height:100%; background:#4364E8 url(../img/main/main_visualimg_new_bg01.png) no-repeat center/cover; }

@media all and ( max-width: 1280px ){
	.main-visual-item .main-visual-pc-img{background-size:50% !important; background-position:right 65% !important;}

}
@media all and ( max-width: 1220px ){
	.main-visual-item .main-visual-pc-img{background-size:45% !important; background-position:right 65% !important;}
}
@media all and ( max-width: 1080px ){
	.main-visual-item .main-visual-pc-img{background-size:50% !important; background-position:right 50% !important;}
}
@media all and ( max-width: 800px ){
	/* 메인비쥬얼 배경이미지1 */
	.main-visual-item.main-bg01:before{content:""; background: linear-gradient(180deg, #4364E8 0%, #5bd7fa 100%);}
	.main-visual-item.main-bg01{background:none;}
}

.main-visual-item .main-visual-m-img{display:none;}


/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-inner{padding-left:40px;}
.main-visual-item .main-visual-txt-con{
	position:absolute; 
	top:51%; left:0px;
	width:100%; 
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-txt4{
	opacity:0; 
}

.main-visual-item .main-visual-txt-con .main-visual-txt1{margin-bottom:24px; font-size:24px; color: var(--white-color); font-weight: bold;}
.main-visual-item .main-visual-txt-con .main-visual-txt1 span{}
.main-visual-item .main-visual-txt-con .main-visual-txt2{margin-bottom:35px;font-size:34px; color: var(--white-color); font-weight: bold;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{margin-bottom:20px; font-size:20px; color: var(--white-color); line-height:1.4;letter-spacing:-0.03em;}

.main-visual-item.cm-word-split-JS.splitting .word{line-height:1.1;}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
   -webkit-animation: slide-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   -webkit-animation-delay:0.1s;
    animation-delay:0.1s;
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-txt4{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.2s; animation-delay:0.2s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{ -webkit-animation-delay:0.7s; animation-delay:0.7s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt4{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
.main-visual-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.main-visual-item.active-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
/* 메인비쥬얼 버튼*/
.main-visual-item .btn-main{width:180px; height:46px; border-radius:10px; font-size:16px; padding:5px 0 0 18px; background: #71F1FF !important; color: var(--black-color); border:none !important;}
.main-visual-item .btn-main:hover{background: #9BF5FF !important;}
.main-visual-item .btn-main i{ vertical-align:middle; font-size:18px; margin-top:-4px;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}


@keyframes dot-width-full {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

.slide-left{-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    opacity:0;filter:Alpha(opacity=0);
	-webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
    opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
@keyframes slide-left {
  0% {
	opacity:0;filter:Alpha(opacity=0);
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  100% {
     opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}
@media all and ( max-width: 800px ){
	#mainVisual{/*height: auto;*/}
	/* 메인 비주얼 :: 이미지 */
	.main-visual-item .main-visual-pc-img{display:none;}
	.main-visual-item .main-visual-m-img{display:block;}
	.main-visual-m-img img{width:100%;}
	
	.main-visual-item .main-visual-m-img{
		width:100%;
		height:100%;
		background-size:contain;
		background-size:56% !important; background-position: center 98% !important;
		-webkit-transform: scale(1,1);
    	 transform: scale(1,1);
		-webkit-transition:transform 5000ms  ease-in-out ;
   		 transition:transform 5000ms ease-in-out ;
	}
	.main-visual-item.active-item .main-visual-m-img{
		-webkit-animation: text-active-animation 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		 animation: text-active-animation 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
		-webkit-animation-delay:0.6s;
		 animation-delay:0.6s;
	}
	
	.main-visual-item .main-visual-txt-con { text-align:center;}
	.main-visual-item .main-visual-txt-inner {padding-left: 20px; padding-right:20px;}
	/* 메인 비주얼 :: 텍스트 */
	.main-visual-item .main-visual-txt-con{top: 18%; margin-top: 0; -webkit-transform: translateY(0); transform: translateY(0);}
	.main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:18px; margin-bottom:10px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:26px;}
	.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:16px;}

}
@media all and ( max-width: 540px ){
	/* 메인 비주얼 :: 이미지 */		
	.main-visual-item .main-visual-m-img{
		background-size:70% !important; background-position: center 90% !important;
	}
}
@media all and ( max-width: 480px ){
	/* 메인 비주얼 :: 이미지 */		
	.main-visual-item .main-visual-m-img{
		background-size:70% !important; background-position: center 90% !important;
	}
}


/* ****************** main 공통 title  ********************** */
/* title */
.mtitle-text{position:relative; font-size:32px; font-weight:bold; text-align:center; line-height:1.5;} /* 24.04.01 폰트 사이즈 변경*/
.mtitle-text.title-s,
.mtitle-text .title-s{font-size:26px;} /* 24.04.01 폰트 사이즈 변경*/
.mtitle-text.title-m,
.mtitle-text .title-m{font-size:30px; }
.mtitle-text.title-l,
.mtitle-text .title-l{font-size:32px; }
.mtitle-text.title-xl,
.mtitle-text .title-xl{font-size:32px; }

@media all and ( max-width: 800px ){
	/* --- main 공통 title --- */
	.mtitle-text{font-size:32px; padding:0 20px;}
	.mtitle-text.title-s,
	.mtitle-text .title-s{font-size:18px;}
	.mtitle-text.title-m,
	.mtitle-text .title-m{font-size:26px; }
	.mtitle-text.title-l,
	.mtitle-text .title-l,
	.mtitle-text.title-xl,
	.mtitle-text .title-xl{font-size:28px;}	

}



/* ****************** section2 :: 도입 후 ********************** */
#main-section02{position:relative; padding:120px 0 0;box-sizing:border-box;}
#main-section02 .section02-box-wrap{position:relative; display: flex; justify-content: space-between; flex-direction: row; margin:100px 0 0 0;}
#main-section02 .mtitle-text .title-s {margin-bottom:8px;}

.section02-items{position:relative; width: calc(33.333% - 15px); margin-right:30px; }
.section02-items:last-child{margin-right:0;}

.section02-items .title-box{position:relative; height:130px; padding-top:16px; margin-bottom:12px; display:flex; align-items:center; justify-content:center; /*flex-direction: column; flex-wrap:wrap;*/ text-align:center; color:#fff; font-weight:bold; font-size:20px; border-radius:100px; box-sizing:border-box;
-webkit-box-shadow: 0px 1px 12px 0px rgba(42,84,171,0.2); 
		box-shadow: 0px 1px 12px 0px rgba(42,84,171,0.2);
}
.section02-items .title-box .title-icon{position:absolute; display:flex; align-items:center; justify-content:center; top:-53px; left:50%; margin-left:-40px; width:80px; height:80px; background:#fff; border:1px solid; border-radius:40px; box-sizing:border-box;}
.section02-items .title-box p > span{display:block; color:#CDF6FF;}
.section02-items.color1 .title-box{background: #4F7AEF;}
.section02-items.color2 .title-box{background: #EF6A6C;}
.section02-items.color3 .title-box{background: #3CA9DF;}
.section02-items.color1 .title-box .title-icon{ border-color:#CEE2FF;}
.section02-items.color2 .title-box .title-icon{ border-color:#EBE9FB;}
.section02-items.color3 .title-box .title-icon{ border-color:#C0EDF0;}

.section02-items .detail-box{position:relative;}
.section02-items .detail-box .arrow-icon{position:absolute; top:50%; left:50%; margin-left:-12px ; margin-top:-31px;}
.section02-items .detail-box li{height:114px; display:flex; align-items:center; justify-content:center; text-align:center; margin-bottom:20px; padding:20px; background:#F4F4F4; font-size:16px; color:#000; border-radius:20px; box-sizing:border-box;}
.section02-items .detail-box li.after-box{font-weight:bold;}
.section02-items.color1 .detail-box .after-box{ background:#E5EAFF;}
.section02-items.color2 .detail-box .after-box{ background:#FBE9E9;}
.section02-items.color3 .detail-box .after-box{ background:#DDF0F5;}

/* 24.04.01 도입 신규01*/
.section02-new-items01{position:relative; margin-top:60px;}
.section02-new-items01 ul{position:relative; max-width:1030px; display: flex; justify-content: space-between; flex-direction: row; margin:30px auto; }
.section02-new-items01 ul li{position:relative; display:flex; align-items:center; justify-content:center; width: calc(33.333% - 30px); height:78px; margin-right:30px; padding-top:6px; color: var(--white-color); text-align:center; font-size:22px; font-weight:700; border-radius:40px; box-sizing:border-box;
-webkit-box-shadow: 0px 1px 12px 0px rgba(42,84,171,0.2); 
		box-shadow: 0px 1px 12px 0px rgba(42,84,171,0.2);
}
.section02-new-items01 ul li img{ vertical-align:middle; margin-top:-5px; margin-right:8px;}
.section02-new-items01 ul li:last-child{margin-right:0;}
.section02-new-items01 ul li:nth-child(1){background: #10B9D0;}
.section02-new-items01 ul li:nth-child(2){background: #4E7BE0;}
.section02-new-items01 ul li:nth-child(3){background: #4F5FD0;}

/* 24.04.01 도입신규 이미지부분 */
.section02-new-box-wrap{ position:relative; margin:50px 0 0 0; height:681px; background:url(../img/main/section02_bgimg01.png) center/contain no-repeat;}

/* 24.07.11 특장점 추가 */
.section02-new-items02{ position:relative;}
.section02-new-items02 .text-box01,
.section02-new-items02 .text-box02,
.section02-new-items02 .text-box03,
.section02-new-items02 .text-box04,
.section02-new-items02 .text-box05,
.section02-new-items02 .text-box06{position:relative; display: flex; justify-content: flex-start; flex-direction: row;}
.section02-new-items02 .text-box01{ position:absolute; left:0px; top:70px;}
.section02-new-items02 .text-box02{ position:absolute; left:0px; top:205px;}
.section02-new-items02 .text-box03{ position:absolute; right:15px; top:70px;}
.section02-new-items02 .text-box04{ position:absolute; right:15px; top:205px;}
.section02-new-items02 .text-box05{ position:absolute; left:0px; top:345px;}
.section02-new-items02 .text-box06{ position:absolute; right:-6px; top:345px;}

.section02-new-items02 .icon-box{ margin:-10px 10px 0 0; display: flex; justify-content: center; align-items:center; width:57px; height:57px; background:#F5F5F5; border-radius:50px; box-sizing:border-box;}
.section02-new-items02 .txt-con{position:relative;}
.section02-new-items02 .txt-con .m-title{position:relative; display:inline-block; font-size:20px; color: var(--darkblue-color);  font-weight:bold;}
.section02-new-items02 .txt-con .m-title:after{content:""; position:absolute; left:0; bottom:4px;display:inline-block; width:100%; height:1px ; background: var(--darkblue-color); }
.section02-new-items02 .txt-con .s-txt{margin-top:8px; font-size:16px; color: var(--black-color);}

.section02-new-items02 .text-box03 .txt-con,
.section02-new-items02 .text-box04 .txt-con{min-width:200px;}

/* 24.05.27 모바일 설명 추가*/
.section02-new-items03{position:relative; margin:40px auto 80px; display: flex; justify-content: center; align-items:center;}
.section02-new-items03 .img-box{flex-grow: 0; width:60%; text-align:center; padding-left:40px;}
.section02-new-items03 .img-box img{max-width:100%;}
.section02-new-items03 .text-box{text-align:left; flex-grow: 1; width:40%; padding-left:30px;}
.section02-new-items03 .text-box .mtitle-text{display:block; font-size:32px; text-align:left; line-height:1.4; margin-bottom:5px; font-weight:bold;}
.section02-new-items03 .text-box .sub-text{font-size:24px; text-align:left; line-height:1.5; font-weight:bold;}

@media all and ( max-width: 800px ){
	/* 24.05.27 모바일 설명 추가*/

	.section02-new-items03 {flex-direction: column; flex-wrap:wrap;}
	.section02-new-items03 .img-box{width:100%; padding:0 40px 30px 40px; text-align:center;}
	.section02-new-items03 .text-box{width:100%; padding-left:0; text-align:center;}
	.section02-new-items03 .text-box .mtitle-text{text-align:center;}
	.section02-new-items03 .text-box .sub-text{text-align:center;}
}
@media all and ( max-width: 480px ){
	/* 24.05.27 모바일 설명 추가*/
	.section02-new-items03 .img-box{padding:0 30px 30px 30px;}
	.section02-new-items03 .text-box .mtitle-text{font-size:28px;}
	.section02-new-items03 .text-box .sub-text{ font-size:20px;}
}

/* 24.04.01 도입 아이콘 7개 */
.circle-text-box-wrap{ position:relative; max-width:1100px; margin:0 auto;padding-top:480px;}
.circle-text-box-wrap ul{position:relative; display: flex; justify-content: space-around; flex-direction: row; text-align:center;}
.circle-text-box-wrap ul li.item-cbox{position:relative; width:134px; height:134px; border:2px solid var(--darkblue-color);background: var(--white-color); border-radius:100px; box-sizing:border-box;
-webkit-box-shadow: 0px 1px 12px 0px rgba(42,84,171,0.2); 
		box-shadow: 0px 1px 12px 0px rgba(42,84,171,0.2);
}
.circle-text-box-wrap ul li.item-cbox .txt{display:block; font-size:16px; font-weight:bold; color:var(--darkblue-color); line-height:1.1; padding-top:40px;}
.circle-text-box-wrap ul li.item-cbox .icon{position:absolute; bottom:27px; left:0%; width:100%; display:block; margin-top:20px;}
.circle-text-box-wrap ul li.item-cbox:nth-child(7) .icon{bottom:22px;}
.circle-text-box-wrap ul li.item-cbox:nth-child(1) .icon{bottom:20px;}
.circle-text-box-wrap ul li.item-cbox:nth-child(4) .icon{bottom:25px;}
.circle-text-box-wrap ul li.item-cbox:nth-child(5) .icon{padding-left:5px;}
.circle-text-box-wrap ul li.item-cbox:nth-child(6) .icon{padding-left:8px;}
.circle-text-box-wrap ul li.item-cbox .icon img{text-align:center; }

@media all and ( max-width: 1480px ){
	/* 24.04.01 도입 아이콘 7개 */
	.section02-new-items02 .text-box01{left:10px;}
	.section02-new-items02 .text-box02{left:10px;}
	.section02-new-items02 .text-box03{right:5%;}
	.section02-new-items02 .text-box04{right:5%;}
	.section02-new-items02 .text-box05{left:10px;}
	.section02-new-items02 .text-box06{right:3%;}
}

@media all and ( max-width: 1024px ){
	/* --- section2 :: 도입 후 --- */		
	#main-section02{padding:120px 0 60px;}
	
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{ height:auto;}
	
	.section02-new-items02 .txt-con .m-title{font-size:16px;}
	.section02-new-items02 .txt-con .s-txt{font-size:13px;}
}

@media all and ( max-width: 980px ){
	/* 24.04.01 도입 신규01*/
	.section02-new-items01{position:relative; padding-left:20px; padding-right:20px;}

	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap ul li.item-cbox{width:110px; height:110px;}
	.circle-text-box-wrap ul li.item-cbox .txt{font-size:14px; padding-top:28px;}
	.circle-text-box-wrap ul li.item-cbox .icon img{max-width:70%;}
	
	.section02-new-items02 .text-box01{left:10px; top:70px;}
	.section02-new-items02 .text-box02{left:10px; top:200px;}
	.section02-new-items02 .text-box03{right:10px; top:70px;}
	.section02-new-items02 .text-box04{right:10px; top:200px;}
	.section02-new-items02 .text-box05{left:10px; top:330px;}
	.section02-new-items02 .text-box06{right:10px; top:330px;}
}

@media all and ( max-width: 900px ){	
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{margin:0 0 0 0; height:auto; background:url(../img/main/section02_bgimg01.png) center 90%/contain no-repeat;}
	
	/* 24.04.01 도입 아이콘 7개 */
	/*.circle-text-box-wrap{padding-top:260px;}	*/
}
@media all and ( max-width: 800px ){
	/* --- section2 :: 도입 후 --- */		
	#main-section02 .section02-box-wrap{flex-direction: column; flex-wrap:wrap; margin:80px 0 0 0;}
	.section02-items{position:relative; width: 100%; margin-right:0; margin-bottom:60px;}
	.section02-items:last-child{margin-bottom:0;}	
	
	.section02-items .title-box{height:120px; padding-top:20px;}
	.section02-items .detail-box li{min-height:84px; height:auto;}
	
	.section02-items .detail-box .arrow-icon img{ max-width:90%;}
	
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{ height:auto; background:url(../img/main/section02_bgimg01.png) center 80%/140% no-repeat;}
	.section02-new-items02{ position:relative;}
	.section02-new-items02 .text-box01{left:50px; top:40px;}
	.section02-new-items02 .text-box02{left:50px; top:150px;}
	.section02-new-items02 .text-box03{right:55px; top:40px;}
	.section02-new-items02 .text-box04{right:55px; top:150px;}
	.section02-new-items02 .text-box05{left:50px; top:250px;}
	.section02-new-items02 .text-box06{right:62px; top:250px;}
	
	.section02-new-items02 .txt-con .m-title{font-size:18px;}
	.section02-new-items02 .txt-con .s-txt{font-size:14px;}
	
	/* 24.04.01 도입 신규01*/
	.section02-new-items01 ul{flex-direction: column; flex-wrap:wrap; margin:40px 0 0 0;}
	.section02-new-items01 ul li{position:relative; width: 100%; margin-right:0; margin-bottom:20px;}
	
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:620px;}
	.circle-text-box-wrap ul{justify-content: center; flex-wrap : wrap;}
	.circle-text-box-wrap ul li.item-cbox {margin:0 5px 7px}

}
@media all and ( max-width: 680px ){
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{ height:auto; background:url(../img/main/section02_bgimg01.png) center 85%/180% no-repeat;}
	
	.section02-new-items02{ position:relative; padding:30px 20px;}
	.section02-new-items02 .text-box01{position:relative; left:auto; top:auto; margin-bottom:14px;}
	.section02-new-items02 .text-box02{position:relative; left:auto; top:auto; margin-bottom:14px;}
	.section02-new-items02 .text-box03{position:relative; right:auto; top:auto; margin-bottom:14px;}
	.section02-new-items02 .text-box04{position:relative; right:auto; top:auto; margin-bottom:14px;}
	.section02-new-items02 .text-box05{position:relative; left:auto; top:auto; margin-bottom:14px;}
	.section02-new-items02 .text-box06{position:relative; right:auto; top:auto;}
	
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:350px;}
}
@media all and ( max-width: 540px ){
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:280px;}
}

@media all and ( max-width: 480px ){
	/* --- section2 :: 도입 후 --- */		
	#main-section02{padding:100px 0 30px;}
	
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:280px;}
	.circle-text-box-wrap ul li.item-cbox{width:93px; height:93px;}
	.circle-text-box-wrap ul li.item-cbox .txt{font-size:13px; padding-top:25px;}
	.circle-text-box-wrap ul li.item-cbox .icon{bottom:16px;}
	.circle-text-box-wrap ul li.item-cbox:nth-child(1) .icon{bottom:10px;}
	.circle-text-box-wrap ul li.item-cbox:nth-child(4) .icon{bottom:15px;}
	.circle-text-box-wrap ul li.item-cbox:nth-child(7) .icon{bottom:15px;}
	.circle-text-box-wrap ul li.item-cbox:nth-child(5) .icon img{max-width:35%;}
	.circle-text-box-wrap ul li.item-cbox:nth-child(7) .icon img{max-width:35%;}
	.circle-text-box-wrap ul li.item-cbox .icon img{max-width:30%;}
}
@media all and ( max-width: 420px ){
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{ height:auto; background:url(../img/main/section02_bgimg01.png) center 73%/180% no-repeat;}
	
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:260px;}	
}
@media all and ( max-width: 410px ){
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{ height:auto; background:url(../img/main/section02_bgimg01.png) center 72%/190% no-repeat;}
	
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:260px;}	
}
@media all and ( max-width: 390px ){
	/* 24.04.01 도입신규 이미지부분 */
	.section02-new-box-wrap{ height:auto; background:url(../img/main/section02_bgimg01.png) center 72%/190% no-repeat;}
	
	/* 24.04.01 도입 아이콘 7개 */
	.circle-text-box-wrap{padding-top:210px;}	
}


/* ****************** section3 :: 특징 24.04.01 추가 ********************** */
#main-section03{position:relative; padding:50px 20px 100px; box-sizing:border-box;}
#main-section03 .section03-box-wrap{position:relative; max-width:976px; margin:40px auto;}
#main-section03 .section03-box-wrap ul{position:relative; display: flex; justify-content: space-between; flex-wrap:wrap;}

#main-section03 .section03-box-wrap ul li{position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; text-align:center;  width: calc(33.333% - 20px); height:75px; margin:0 10px 25px; font-size:18px; color:#fff; font-weight:bold; background:#2A54AB; border-radius:10px; box-sizing:border-box;
-webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.14); 
		box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.14);
}
#main-section03 .section03-box-wrap ul li:nth-child(2n){background:#213C83;}
#main-section03 .section03-box-wrap ul li i{ vertical-align:middle; margin-top:-5px; margin-left:-5px; margin-right:3px; font-size:20px; font-weight:300 !important; font-family: xeicon; }
#main-section03 .section03-box-wrap ul li span{display:inline-block; padding-top:5px;}

#main-section03 .section03-box02-items{display:flex; align-items:center; justify-content:space-between; width:100%; height:290px; overflow:hidden; padding:10px 60px; margin:0 0 35px 0;background:#F7F7F7; border-radius:20px; box-sizing:border-box;}
#main-section03 .section03-box02-items:nth-child(2n){background:#EFF5FF;}

#main-section03 .section03-box02-items:nth-child(2n) .img-box{ order:0; }
#main-section03 .section03-box02-items:nth-child(2n) .text-box{order:-1; padding-left:80px;}

#main-section03 .section03-box02-items .img-box{flex-grow: 0; width:50%; text-align:center;}
#main-section03 .section03-box02-items .img-box img{max-width:100%;}
#main-section03 .section03-box02-items .text-box{text-align:left; flex-grow: 1; width:50%; padding-left:60px;}
#main-section03 .section03-box02-items .text-box .mtitle-text{font-size:26px; text-align:left; line-height:1.4; margin-bottom:16px;}
#main-section03 .section03-box02-items .text-box .sub-text{font-size:16px; text-align:left;}
/* 24.04.01 추가 */
#main-section03 .num-count-con .fc-lblue {color:#4E7BE0;}
#main-section03 .num-count-con .count-num{font-size:70px;}
#main-section03 .section03-new-box-wrap{position:relative; max-width:1200px; margin:40px auto;}
#main-section03 .section03-new-box-wrap ul{position:relative; display: flex; justify-content: space-between; flex-wrap:wrap;}
#main-section03 .section03-new-box-wrap ul li{position:relative; width: calc(33.333% - 25px); margin:0 0 25px 0; padding:0 16px 32px 16px; text-align:center; background:#EFF1F9; border-radius:10px; box-sizing:border-box;}
#main-section03 .section03-new-box-wrap .number-title{position:relative; max-width:124px; height:42px; margin:0 auto; padding-top:8px; background:url(../img/main/ico_section02_new_bg_triangle.svg) center/contain no-repeat; color: var(--white-color); font-weight:bold; text-align:center;}
#main-section03 .section03-new-box-wrap .m-title{ position:relative; display:block; margin-top:17px; color: var(--darkblue-color); font-size:24px; text-align:center; font-weight:bold;}
#main-section03 .section03-new-box-wrap .s-txt{ margin-top:10px; font-size:16px; text-align:center; line-height:1.6;}

@media all and ( max-width: 1080px ){
	/* --- section3 :: 특징 --- */
	#main-section03 .section03-box02-items:nth-child(2n) .text-box{padding-left:30px;}		
	#main-section03 .section03-box02-items .text-box{padding-left:30px;}
	
	/* 24.04.01 추가 */
	#main-section03 .section03-new-box-wrap .m-title{ font-size:22px;}
	#main-section03 .section03-new-box-wrap .s-txt{font-size:14px;}
}

@media all and ( max-width: 800px ){
	/* --- section3 :: 특징 --- */		
	#main-section03 .section03-box-wrap{flex-direction: column;}
	#main-section03 .section03-box-wrap ul li{position:relative; width: 100%; margin:0 0 20px 0;}	
	
	#main-section03 .section03-box02-items{ flex-direction: column; flex-wrap:wrap; overflow:visible; height:auto; padding:60px 20px 20px;}
	#main-section03 .section03-box02-items:nth-child(2n) .text-box{padding-left:0;}		
	
	#main-section03 .section03-box02-items .img-box{order:0; width:100%; text-align:center; flex-grow: 0; margin-top:10px;}
	#main-section03 .section03-box02-items .text-box{order:-1; width:100%; text-align:center; padding-left:0; flex-grow: 0;}
	
	#main-section03 .section03-box02-items .text-box .mtitle-text{ text-align:center;}
	#main-section03 .section03-box02-items .text-box .sub-text{text-align:center;}
	
	/* 24.04.01 추가 */
	#main-section03 .section03-new-box-wrap ul li{position:relative; width: 100%; margin:0 0 20px 0;}
}
@media all and ( max-width: 480px ){
	/* --- section3 :: 특징 --- */		
	#main-section03{padding:90px 20px 80px;}
	#main-section03 .section03-box02-items .text-box .mtitle-text{ font-size:24px;}
	#main-section03 .section03-box02-items .text-box .sub-text{font-size:16px;}
}



/* ****************** section4 :: 문의사항 ********************** */
#main-section04{position:relative; padding:120px 20px; background:#E0EFFA; box-sizing:border-box;}

.inquire-form-wrap{position:relative; max-width:1200px; margin:0 auto; padding:40px 20px; background:#fff; border:1px solid #ddd; border-radius:20px; box-sizing:border-box;
-webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.14); 
		box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.14);
}
.inquire-form-wrap .inquire-form-inner{position:relative; max-width:885px; margin:0 auto;}
.inquire-form-wrap .inquire-form-inner ul{display:flex; justify-content:space-between; margin:0 0 15px 0;}
.inquire-form-wrap .inquire-form-inner ul li{width: calc(50% - 30px); padding:7px 0 7px; }
.inquire-form-wrap .inquire-form-inner input[type="text"]{height:40px;}
.inquire-form-wrap .inquire-form-inner label{display:block; color: var(--black-color); font-weight:bold; padding-bottom:5px;}

.inquire-form-wrap .inquire-form-inner label i {color:var(--red-color); margin-right:2px;}
.inquire-form-wrap .inquire-form-inner label i.none {margin-left: 6px; display:inline-block; margin-right:2px;}

.inquire-form-wrap .inquire-form-inner ul.column1{display:block;}
.inquire-form-wrap .inquire-form-inner ul.column1 li{width:100%; display:flex; align-items:center; justify-content:space-between; padding:0 0 7px;}
.inquire-form-wrap .inquire-form-inner ul.column1 li:first-child{padding:7px 0 0;}
.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col:first-child{flex-grow: 0;}
.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col:last-child{flex-grow: 1;}
.inquire-form-wrap .inquire-form-inner ul.column1 li .cm-radiobox label{}
.inquire-form-wrap .inquire-form-inner ul.column1 li .cm-checkbox label{ display:inline-block;padding-bottom:0 !important;}
.inquire-form-wrap .inquire-form-inner ul.column1 li > textarea{height:130px;}

.inquire-form-wrap .agree-check{position:relative; max-width:885px; margin:0 auto;display:flex; align-items:center; justify-content:space-between;}
.inquire-form-wrap .agree-check label{font-size:16px; font-weight:bold; display:inline-block;}
.inquire-form-wrap .agree-check label em{font-weight:bold;}
.inquire-form-wrap .agree-check span.col:first-child{flex-grow: 1;}
.inquire-form-wrap .agree-check span.col:last-child{flex-grow: 0;}

.inquire-form-wrap .btn-inquire{width:200px; height:56px; font-size:16px !important; border-radius:10px;}

/* 도입문의 전화번호 form 추가 24.03.15 */
.input-form-tel{ max-width:100%; display:flex;justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.input-form-tel span.hyphen{width:10px; text-align:center; padding-top:5px;}
.input-form-tel span:nth-child(1),
.input-form-tel span:nth-child(3),
.input-form-tel span:nth-child(5){width: calc(33.33% - 10px);}
.input-form-tel span input{width:100%;}

@media all and ( max-width: 1024px ){
	/* --- section4 :: 문의사항 --- */	
	.inquire-form-wrap .inquire-form-inner ul li{width: calc(50% - 10px);}
}
@media all and ( max-width: 800px ){
	/* --- section4 :: 문의사항 --- */	
	.inquire-form-wrap{padding:30px 30px;}
	.inquire-form-wrap .inquire-form-inner ul{flex-direction: column; flex-wrap:wrap; margin:0 0 0 0;}
	.inquire-form-wrap .inquire-form-inner ul li{width:100%;}
	
	.inquire-form-wrap .inquire-form-inner ul.column1 li:first-child{margin-bottom:0;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li:last-child{margin-bottom:10px;}
	.inquire-form-wrap .inquire-form-inner ul li{margin-bottom:10px;}
}
@media all and ( max-width: 480px ){
	/* --- section4 :: 문의사항 --- */	
	#main-section04{ padding:100px 20px;}	
	.inquire-form-wrap{padding:30px 20px;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li{align-items:stretch; flex-direction: column; flex-wrap:wrap; justify-content : flex-start; padding:0 0 7px;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col{flex-grow: 1;}
	.inquire-form-wrap .inquire-form-inner ul.column1 li > span.col:first-child{padding-bottom:7px;}
	
	.inquire-form-wrap .agree-check{align-items:stretch; flex-direction: column;}
	.inquire-form-wrap .agree-check label{font-size:13px;}
}



/* ****************** section5 :: 회사소개 ********************** */
#main-section05{position:relative; width:100%; min-height:598px; padding:130px 20px 80px; color:#fff; background:#2A54AB url(../img/main/section05_bg.png) center/contain no-repeat; box-sizing:border-box; }
#main-section05 .title-s{font-size:20px; font-weight:400; text-align:center;}
#main-section05 .title-l{font-size:38px; margin-bottom:20px;}

.company-items-wrap{max-width:1013px; margin:50px auto 0; display:flex; flex-direction: row; justify-content:space-between;}
.company-items-wrap .company-items{position:relative; width:212px; height:152px; padding:30px 20px 20px; text-align:center; background:#161F72; border-radius:20px; box-sizing:border-box;}
.company-items-wrap .company-items p{font-size:20px;padding:18px 0 12px;}
.company-items-wrap .company-items:nth-child(2n) {margin-top:30px;}

@media all and ( max-width: 980px ){
	/* --- 회사소개 --- */
	#main-section05{height:100% !important; background-size:cover;}
	#main-section05 .title-s{font-size:17px;}
	#main-section05 .title-l{font-size:30px;}
	
	.company-items-wrap{  /*flex-direction: column;*/ flex-wrap:wrap; justify-content:space-around;}
	.company-items-wrap .company-items{width: calc(50% - 10px);margin:10px 10px;}
	.company-items-wrap .company-items:nth-child(2n) {margin-top:10px;}
}

@media all and ( max-width: 640px ){
	/* --- 회사소개 --- */
	.company-items-wrap .company-items{width: calc(80% - 10px); height:auto; margin:10px 10px; padding:18px 20px 24px;}
	.company-items-wrap .company-items p{font-size:18px; padding:12px 0 6px;}
	.company-items-wrap .company-items:nth-child(2n) {margin-top:10px;}
}


/* ******************  메인 컨텐츠 :: 06 퀵메뉴 2025.02.13 수정 ********************** */
.quickbn-wrap{position: absolute; top: 320px; right: 0.5%;z-index: 999;}
.quickbn-wrap .top-btn{position:relative;/* width:54px; *//* height:54px; */margin: 0;background:#3B4B66;border-radius: 0 0 10px 10px;box-sizing: border-box;-webkit-transition: all 0.3s;transition: all 0.3s;}
.quickbn-wrap .top-btn:hover{background: var(--darkblue-color); /*border:1px solid #5d7ec3;*/}
.quickbn-wrap .top-btn a{display:block; width:100%; height:100%; color:#fff; text-align:center; padding:7px 0 3px 0;}
.quickbn-wrap .top-btn a > p{ display:inline-block;}

.quickbn-wrap .quick-menu{position:relative;width: 110px;background:#fff;padding:8px 0;border-radius: 10px 10px 0 0;box-sizing:border-box;}
.quickbn-wrap .quick-menu li{padding:5px; margin:10px 0; font-size:14px; text-align:center;}
.quickbn-wrap .quick-menu li a{color: var(--black-color); -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing:border-box;}
.quickbn-wrap .quick-menu li a img{ opacity:0.8;}
.quickbn-wrap .quick-menu li a:hover{color: var(--darkblue-color);}
.quickbn-wrap .quick-menu li a:hover img{ opacity:1;}
.quickbn-wrap .quick-menu li a span{display:block; }
.quickbn-wrap .quick-menu li a p{margin-top:5px; font-weight:600;}

.quickbn-wrap .quick-menu,
.quickbn-wrap .top-btn,
.quickbn-wrap .quick-sns-icon{-webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.3); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.3);}

/* 25.02.13 추가 퀵메뉴용 sns아이콘 */
.quick-sns-icon {position:relative; width: 110px; background:#fff; display: flex; align-items: center; justify-content: center; margin:0 0 25px 0; padding:15px 0; border-radius: 10px; }
.quick-sns-icon .sns-icon{position:relative; width:36px; height:36px; margin:0 4px; background:var(--darkblue-color);  border-radius:20px; box-sizing:border-box;}
.quick-sns-icon .sns-icon:hover{background: var(--darkblue-active-color);}
.quick-sns-icon .sns-icon img{max-width:100%; max-height:100%;}
.quick-sns-icon .sns-icon a{width:100%; height:100%; display:flex; align-items:center; justify-content: center;}

@media all and ( max-width: 1330px ){
	.quickbn-wrap{right: 0.5%;}
	.quickbn-wrap .quick-menu{position:relative; width: 80px; background:#fff; padding:8px 0; box-sizing:border-box;}
	.quickbn-wrap .quick-menu li{padding:4px; margin:6px 0; font-size:13px;}
	.quickbn-wrap .quick-menu li a img{max-width:70% !important;}
	
	.quick-sns-icon{width: 80px; flex-direction: column;center; margin:0 0 15px 0; padding:8px 0;}
	.quick-sns-icon .sns-icon{ margin:5px 0}
	.quickbn-wrap .quick-menu li.quick-sns-icon a img{max-width:100% !important;}
}

@media all and ( max-width: 800px ){
	.quickbn-wrap{top: 400px; right: 0.5%;}
	.quickbn-wrap .quick-menu{ width: 60px;padding:10px 0; }
	.quickbn-wrap .quick-menu li{padding:2px; margin:8px 0; font-size:12px; text-align:center;}
	.quickbn-wrap .quick-menu li a img{max-width:40% !important;}
	.quickbn-wrap .top-btn a > p{font-size:12px;}
	.quickbn-wrap .quick-sns-icon{display:none;}
}




/* ***********************************  비회원- 서브 컨텐츠 css ************************************** */

/* **********************************************
   비회원 서브 - 상단 비주얼영역  24.05.24 추가 및 수정
************************************************ */
.sub-visual-wrap{position:relative; background:#C2E8FF;}
.sub-visual-wrap .sub-top-con{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual01.png) 100% 15px no-repeat; background-size: 154px;}
.sub-visual-wrap .sub-top-con span.top-text,
.sub-visual-wrap .sub-top-con02 span.top-text,
.sub-visual-wrap .sub-top-con03 span.top-text,
.sub-visual-wrap .sub-top-con04 span.top-text,
.sub-visual-wrap .sub-top-con05 span.top-text,
.sub-visual-wrap .sub-top-con06 span.top-text,
.sub-visual-wrap .sub-top-con07 span.top-text{position:absolute;top:36%; left:24px; -webkit-transform: translateY(-50%);	transform: translateY(-50%); display:block; width:100%; font-size:29px; color: var(--black-color); font-weight:bold;}
/* 가격안내 상단이미지 추가*/
.sub-visual-wrap .sub-top-con02{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual02.png) 100% 0 no-repeat; background-size: contain;}
/* 부가세신고 상단이미지 추가*/
.sub-visual-wrap .sub-top-con03{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual03.png) 99% 5px no-repeat; background-size: 200px;}
/* 펌뱅킹 상단이미지 추가*/
.sub-visual-wrap .sub-top-con04{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual04.png) 99% 5px no-repeat; background-size: contain;}
/* 세금계산서 상단이미지 추가*/
.sub-visual-wrap .sub-top-con05{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual05.png) 99% 5px no-repeat; background-size: 260px;}
/* 회사소개 상단이미지 추가*/
.sub-visual-wrap .sub-top-con06{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual06.png) 99% 5px no-repeat; background-size: contain;}
/* 소개자료 상단이미지 추가*/
.sub-visual-wrap .sub-top-con07{position:relative; width:100%; height:130px; background: url(../img/main/main_sub_topvisual07.png) 99% 5px no-repeat; background-size: contain;}

@media all and ( max-width: 480px ){
	/* 비회원 서브 - 상단 비주얼영역  */
	.sub-visual-wrap .sub-top-con span.top-text,
	.sub-visual-wrap .sub-top-con02 span.top-text,
	.sub-visual-wrap .sub-top-con03 span.top-text,
	.sub-visual-wrap .sub-top-con04 span.top-text,
	.sub-visual-wrap .sub-top-con05 span.top-text,
	.sub-visual-wrap .sub-top-con06 span.top-text,
	.sub-visual-wrap .sub-top-con07 span.top-text{font-size:24px;}

	.sub-visual-wrap .sub-top-con,
	.sub-visual-wrap .sub-top-con02,
	.sub-visual-wrap .sub-top-con04{background-size:30%; background-position: 95% 50%;}
	.sub-visual-wrap .sub-top-con03{background-size:120px; background-position: 95% 25px;}
	
	.sub-visual-wrap .sub-top-con05{background-size:180px; background-position: 95% 50%;}
	.sub-visual-wrap .sub-top-con06{background-size:200px; background-position: 95% 100%;}
	.sub-visual-wrap .sub-top-con07{background-size:200px; background-position: 95% 100%;}
}


/* **********************************************
   비회원 서브 - 컨텐츠 컨테이너 
************************************************ */
.main-sub-container{position:relative; padding:40px 0 70px; min-height: 530px; margin:0 auto;} /* 24.05.24 화면 최소 세로값 추가 */
@media all and ( max-width: 800px ){
	/* 비회원 서브 - 컨텐츠 컨테이너  */
	.main-sub-container{position:relative; padding:30px 16px;}
}


/* **********************************************
    비회원 서브 : 고객센터  tab 영역 
************************************************ */
.main-tab-list-style{ position:relative; width:100%; margin:0 0 32px 0;}
.main-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-tab-list-style ul:after{display:none}
.main-tab-list-style ul li{display:table-cell; vertical-align:middle; position:relative; width:25%; background-color: #fff; border:1px solid #ccc; border-left:0;}
.main-tab-list-style ul li:first-child{border-left:1px solid #ccc; border-radius:5px 0 0 5px;}
.main-tab-list-style ul li:last-child{border-radius:0 5px 5px 0;}
.main-tab-list-style ul li a{display:table; height:50px; width:100%; padding-top:5px;}
.main-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#666; font-size:16px; font-weight: 600; text-align:center;}
.main-tab-list-style ul li.selected{z-index:1;  background-color: var(--darkblue-color);}
.main-tab-list-style ul li.selected a em{color:#fff;}

@media all and ( max-width: 800px ){
	/* 고객센터 tab */
	.main-tab-list-style ul{padding: 0;}
	.main-tab-list-style ul li a{height:36px;}
	.main-tab-list-style ul li a em{font-size:13px;}

}


/* ************************
	* 공지사항 게시판
	************************ */
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{margin-top: 15px; display:table; width:100%; table-layout:fixed; border-top:1px solid #000; border-bottom:1px solid #000;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#f5f5f5; color:#000; font-weight:400; font-size:13px; letter-spacing:-0.35px; padding:12px 0; border-top:1px solid #000; border-bottom:1px solid #dcdcdc;}

.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; line-height:1.4; vertical-align:middle; padding:8px 5px 10px; color:#555; font-size:14px; letter-spacing:-0.35px; text-align:center; border-bottom:1px solid #ddd;}
.bbs-list-row .column.ta-left{text-align: left;}

/* 게시판 :: head 미사용으로 인한 셀 가로값 추가 */
.bbs-list-row .column:nth-child(1){position:relative; width:12%; color: var(--darkblue-color); font-weight:bold; padding-left:35px;}
.bbs-list-row .column:nth-child(1):after{content:""; position:absolute; right:24px; top:50%; margin-top:-11px; height:22px; width:1px; background:#ddd;}
.bbs-list-row .column:nth-child(2){width:73%;}
.bbs-list-row .column:nth-child(3){width:15%;}

/* 게시판 :: 기본리스트 ::  항목 */
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; color:#333;}
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{width: 100%; }
.bbs-subject-con .bbs-subject-txt.row-2{max-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial;}

@media all and (min-width:801px){
	.bbs-list-row:hover{background-color:#f8f8f8;}
}
@media all and (max-width:1024px){
	.bbs-list-row .column:nth-child(1):after{display:none;}
}
@media all and (max-width:800px){
	/* 게시판 :: 기본리스트 :: 레이아웃 */
	.bbs-list-tbl{margin-top: 27px; /*border-top:1px solid #d7d7d7;*/}
	.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
	.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.bbs-list-row{position:relative; width:auto; padding:12px 10px 7px; border-bottom:1px solid #ddd; overflow:hidden;}
	.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding: 3px 0; line-height:1 !important; font-size:12px;}
	/* 게시판 :: 기본리스트 :: 항목 */
	.bbs-relative-row{padding-top:40px}
	.bbs-list-row .column.bbs-block{clear:both; width:100%;}
	.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
	.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
	.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.bbs-list-row .bbs-title{padding: 3px 0; padding-bottom: 0;}
	.bbs-subject-con .bbs-subject-txt{font-size:14px; padding: 3px 0; line-height:1 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
	
	.bbs-list-row .column:nth-child(1){width:100%;  padding-left:0px;}
	.bbs-list-row .column:nth-child(2){width:100%;}
	.bbs-list-row .column:nth-child(3){width:100%;}

}

/* 공지사항 :: 버튼 */
.main-sub-container .btn-main{width:100px; height:46px; border-radius:5px; font-size:16px; padding:5px 0 0 18px;}

/* 공지사항 : 상세보기 반응형 이미지 설정 */
.main-sub-container .board-detailview-wrap .board-cont img{max-width:100%;}

/* 공지사항 : 페이징 가로사이즈 변경 */
.main-sub-container .paging-wrap .paging{width:100% !important;}

@media all and ( max-width: 800px ){
	/* 공지사항 : 검색박스 반응형 */
	.responsive-search-box td.pl16{padding-left:3px !important;}
	.responsive-search-box td select,
	.responsive-search-box td input[type="text"]{display:block; margin:0 0 5px;}
	.responsive-search-box td button{display:block; margin:0 auto;}
	
	.responsive-search-box table.border-none,
	.responsive-search-box td select,
	.responsive-search-box td input[type="text"]{width:100% !important;}
}


/* 도입문의 약관 박스 (메인 및 서브) 2024.03.13 */
.main-agree-text-box{ position:relative; max-width:885px; margin:5px auto; padding:16px 20px;  background:#f4f4f4; border-radius:8px; box-sizing:border-box;}
.main-agree-text-box ul li{padding:2px 0px; font-size:13px;}


/* 도입문의 접수완료 메세지 2024.03.14*/
.inquire-finish-wrap{position:relative;}
.inquire-finish-wrap .btn-inquire{width:200px; height:52px; font-size:16px !important; border-radius:10px;}
.inquire-finish-wrap .finish-icon-con{margin:0 auto; text-align:center; max-width:152px;}
.inquire-finish-wrap .finish-icon-con img{max-width:100%;margin-left:10px;}
/* 2024.06.21 제휴문의 완료 추가*/
.inquire-finish-wrap .finish-icon-con2{margin:0 auto; text-align:center; max-width:180px;}
.inquire-finish-wrap .finish-icon-con2 img{max-width:100%;}
.inquire-finish-wrap .mtitle{ margin:32px 0 20px; text-align:center; font-size:30px; color: var(--darkblue-color); font-weight:bold;}
.inquire-finish-wrap .stitle{ text-align:center; font-size:16px;}
@media all and ( max-width: 800px ){
	/* 도입문의 접수완료 메세지 2024.03.14*/
	.inquire-finish-wrap .mtitle {font-size:24px;}
	.inquire-finish-wrap .stitle{font-size:14px;}
}

/*********************** 가격안내 ***********************/
.price-section1-title{margin-top:10px; font-size:24px; text-align:center; color: var(--gray80-color);}
@media all and ( max-width: 800px ){
	/* 가격안내 상단 문구*/
	.price-section1-title{font-size:20px;}
}

/* 상품리스트*/
.product-items-wrap{ position:relative; margin-top:30px; display:flex; justify-content: space-between;}
.product-items-wrap .product-items{position:relative; width: calc(33% - 15px); margin-right:30px; padding:14px 10px 30px; border:1px solid #ddd; border-radius:12px; -webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1);}
.product-items-wrap .product-items:last-child{margin-right:0;}

.product-items-wrap .product-items .title-text{width:100%; margin-top:24px; font-size:26px; color: var(--black-color); font-weight:bold; text-align:center;}
.product-items-wrap .product-items .img-box{display:table; margin:10px auto 14px; width:88px; height:88px; background:#F3F3F3; border-radius:80px; text-align:center; box-sizing:border-box;}
.product-items-wrap .product-items .img-box em{display:table-cell; vertical-align:middle;}
.product-items-wrap .product-items .sub-text{min-height:80px; font-size:14px; color: var(--gray80-color); text-align:center;}

.price-con{margin:10px 0 0 0;text-align:center; vertical-align:middle;}
.price-txt{font-size:28px; color: var(--darkblue-color); font-weight:bold; }

@media all and ( max-width: 800px ){
	/* 상품리스트*/
	.product-items-wrap{ display:block;}
	.product-items-wrap .product-items{width: 100%; margin-right:0; margin-bottom:20px;}
	
	.product-items-wrap .product-items .sub-text{min-height:auto;}
}

/* 상품소개 공통 박스 타이틀*/
.sub-service-box-title{max-width:183px; height:40px; padding:10px 3px 0; margin:7px auto 16px auto; font-weight:bold; font-size:18px; color:#fff; text-align:center; border-radius:25px;-webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1);}
.sub-service-box-title.title-bg1{background:#7FC9F2;}
.sub-service-box-title.title-bg2{background:#659FF6;}
.sub-service-box-title.title-bg3{background:#2A54AB;}
.sub-service-box-title.title-bg4{background:#6DCDA5;}


/* 설명박스 서브용 */
.main-info-tbox{border-radius:12px; padding:8px 5px; }


/* 제공서비스*/
.sub-service-title{margin:50px 0 10px 0; font-weight:bold; font-size:24px; color: var(--black-color);}

.kac-service-wrap {position: relative; display:flex; flex-flow: wrap; justify-content: space-between;}

.service-box1{position: relative;width:100%; padding:20px 10px 27px; margin:0 0 30px 0; border:1px solid #7FC9F2; border-radius:10px; -webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1);}
.service-box2,
.service-box3,
.service-box4{position: relative;width: calc(33% - 35px); min-height:268px; padding:20px 10px 27px; border-radius:10px; -webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1);}
.service-box2{border:1px solid #ddd;}
.service-box3{border:1px solid #659FF6; background:#F0F9FF;}
.service-box4{border:1px solid #7D99D3; background:#EDF5FF;}

.kac-service-wrap .service-list-t1{max-width:940px; margin:0 auto; display:flex; flex-flow: wrap; flex-direction: row; }
.kac-service-wrap .service-list-t2,
.kac-service-wrap .service-list-t3,
.kac-service-wrap .service-list-t4{max-width:220px; margin:0 auto;}
.kac-service-wrap .service-list-t1 li:before,
.kac-service-wrap .service-list-t2 li:before,
.kac-service-wrap .service-list-t3 li:before,
.kac-service-wrap .service-list-t4 li:before{content:"\e929"; display:inline-block; font-size:16px; font-family: xeicon; vertical-align:middle; margin:0 3px 0 0;}
.kac-service-wrap .service-list-t1 li:before{color:#666666;}
.kac-service-wrap .service-list-t2 li:before{color:#6DCDA5;}
.kac-service-wrap .service-list-t3 li:before{color:#3F89F8;}
.kac-service-wrap .service-list-t4 li:before{color:#2A54AB;}
.kac-service-wrap .service-list-t1 li{background:#F7F7F7;}
.kac-service-wrap .service-list-t2 li{background:#F7F7F7;}
.kac-service-wrap .service-list-t3 li{background:#D9EDFC;}
.kac-service-wrap .service-list-t4 li{background:#DCEAFF;}
.kac-service-wrap .service-list-t1 li{width: calc(25% - 20px); max-width:220px; height:26px; color:#000; margin:6px 10px; padding:2px 6px 0; border-radius: 4px; box-sizing:border-box;}
.kac-service-wrap .service-list-t2 li,
.kac-service-wrap .service-list-t3 li,
.kac-service-wrap .service-list-t4 li{width: 100%; max-width:220px; height:26px; color:#000; margin:6px 0; padding:2px 6px 0; border-radius: 4px; box-sizing:border-box;}

.plus-circle:before{content:"\e914"; display:block; color:#fff; font-family:xeicon; text-align:center; font-size:30px; font-weight:bold; margin-top:-3px; }
.plus-circle{display:block; position:absolute; top:-40px; left:50%; width:52px; height:52px; margin-left:-23px; background:#7FC9F2; border:7px solid #C5E8FB; border-radius:40px; box-sizing:border-box; -webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.2); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.2);}

@media all and ( max-width: 800px ){
	/* 제공서비스 */
	.plus-circle {display:none;}
	.kac-service-wrap {position: relative; display:block; }
	
	.service-box1,
	.service-box2,
	.service-box3,
	.service-box4{width:100%; min-height:auto; padding:20px 20px 27px; margin-bottom:20px;}
	
	.kac-service-wrap .service-list-t1,
	.kac-service-wrap .service-list-t2,
	.kac-service-wrap .service-list-t3,
	.kac-service-wrap .service-list-t4{display:block; max-width:100%; margin:0 auto; }
	.kac-service-wrap .service-list-t1 li,
	.kac-service-wrap .service-list-t2 li,
	.kac-service-wrap .service-list-t3 li,
	.kac-service-wrap .service-list-t4 li{width: 100%; max-width:100%; height:26px; color:#000; margin:6px 0;}

}

/* 가격안내 하단 도입문의 */
.inquiry-link-box{position:relative; width:100%; margin:100px 0 30px;  background: linear-gradient(to right,  #2a54ab 35%,#161f72 100%); border-radius:12px; box-sizing:border-box;}
.inquiry-link-box .inquiry-bg{position:relative; display:table; width:100%; height:182px; padding:20px 70px; background:url(../img/main/sub_bg_inquire.svg) 100% 100% no-repeat;}
.inquiry-link-box .inquiry-bg .text-box{display:table-cell; vertical-align:middle; color:#fff;}
.inquiry-link-box .inquiry-bg .right-btn{display:table-cell; vertical-align:middle; text-align:right;}
.inquiry-link-box .inquiry-bg .text-box .title-text{font-size:24px;}
.inquiry-link-box .inquiry-bg .text-box .sub-txt{margin:8px 0 0 0;font-size:16px; display:block; font-weight:300;}
.inquiry-link-box .inquiry-bg .right-btn button{width:140px; height:42px; font-size:16px; padding-right:10px; border-radius:40px; }
.inquiry-link-box .inquiry-bg .right-btn button:hover{border-color:#fff;}
@media all and ( max-width: 800px ){
	/* 도입문의 */
	.inquiry-link-box{margin-top:50px;}
	.inquiry-link-box .inquiry-bg{display:block; height:auto; padding:32px 18px;}
	.inquiry-link-box .inquiry-bg .text-box{display:block; text-align:center;}
	.inquiry-link-box .inquiry-bg .right-btn{display:block; text-align:center; }
	
	.inquiry-link-box .inquiry-bg .text-box .title-text{font-size:18px;}
	
	.inquiry-link-box .inquiry-bg .text-box .sub-txt{font-size:15px;}
	.inquiry-link-box .inquiry-bg .right-btn button{margin-top:10px;}

}

/*************************부가세신고 / 펌뱅킹 서브 소개페이지 추가 *******************************/
/* 2024.05.23 서브 타이틀 추가  */
.sub-main-title-box{ position:relative; width:100%; margin:0 0 12px 0; padding:0 0 0 0; font-weight: bold; font-size: 28px; color: var(--black-color);}

/* 부가서비스 안쪽타이틀 간격*/
.service-inner-conts .sub-main-title-box{margin:0 0 6px 0; }

@media all and ( max-width: 800px ){
	/* 2024.05.23 서브 타이틀 추가  */
	.sub-main-title-box{font-size: 22px;}
}

/***** 부가세신고 *****/
.service-deco-title {padding:10px 0 0 17px;}
.service-deco-title .deco-ico{position: relative; margin:3px 0; padding:3px 0 0 0; color: #444; font-size:28px; font-weight:700; color:#333; line-height:1.3;}
.service-deco-title .deco-ico:before{content:'';position:absolute;left:-17px; top: -3px;vertical-align: middle;width: 19px;height: 9px; border-radius: 9px; background: rgb(169,108,245); background: linear-gradient(132deg, rgba(169,108,245,1) 0%, rgba(128,103,255,1) 100%);}
.service-deco-title .deco-ico strong{font-size:16px; font-weight:600;}

/* 유의사항 */
.note-text .title{font-size:16px; padding:0 0 5px 5px; margin-bottom:8px; font-weight:bold; border-bottom:1px solid #aaa;}
.note-text ul{padding:0 5px;}
.note-text ul li{position: relative; padding:1px 9px; color: #999; font-size:14px; font-weight:500; line-height:1.4;}
.note-text ul li:before{content:''; position:absolute;left:0; top: 10px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

/* 순서도 */
.flow-chart-box{position:relative; margin-top:20px;}
.flow-chart-box:after{content:""; display:block; clear:both;}

.flow-chart-box .chart-left-con{position:absolute; left:0; top:16px; display:flex; align-items:center; z-index:21;}
.flow-chart-box .chart-right-con{z-index:1;}

.flow-chart-box .chart-left-con .chart-title-item1{position:relative;width:210px;text-align:center;padding: 16px 20px;border: 2px solid #7D99D3;background: #eff5ff;border-radius: 10px;box-sizing: border-box;}
.flow-chart-box .chart-left-con .chart-title-item2{position:relative;width:210px;text-align:center;padding: 20px 20px;border: 2px solid #2A54AB;background: #2A54AB;color:#fff;border-radius: 10px;box-sizing: border-box;}
.flow-chart-box .chart-left-con .chart-title-item1 p,
.flow-chart-box .chart-left-con .chart-title-item2 p{font-size:18px; font-weight:bold;}
.flow-chart-box .chart-left-con .chart-title-item1 span,
.flow-chart-box .chart-left-con .chart-title-item2 span{font-size:14px;}

.flow-chart-box .chart-title-arrow {margin:20px 0 0 0; width:150px;font-size:16px; font-weight:bold; text-align:center;}
.flow-chart-box .chart-title-arrow span{display:block; margin-top:8px;}
.flow-chart-box .arrow-right{margin:auto;width:100px;height:45px;clip-path: polygon(0% 20%, 70% 20%, 70% 0%, 100% 50%, 70% 100%, 70% 80%, 0% 80%);background: #8493af;}

.flow-chart-box .chart-right-con{float:right;width:584px; padding:30px 20px 20px;border: 2px solid #2A54AB;border-radius: 10px;box-sizing: border-box;}
.flow-chart-box .chart-right-con .text-item1{padding:0 0 30px 100px; border-bottom:1px solid #ddd;}
.flow-chart-box .chart-right-con .text-item1 li{margin:3px 0;font-size:15px; font-weight:600;}
.flow-chart-box .chart-right-con .text-item1 li i{color: #2A54AB;margin-right:5px;font-weight:bold;}

.flow-chart-box .chart-right-con .text-item2 {display: flex; justify-content: space-between; margin-top:16px; }
.flow-chart-box .chart-right-con .text-item2 li{display:block;width: calc(33.33% - 10px);margin:0 10px;font-size:16px;color:#111;text-align:center;padding: 18px 20px 16px;background: #eff5ff;border-radius: 10px;box-sizing: border-box;}
.flow-chart-box .chart-right-con .text-item2 li:first-child{margin-left:0;}
.flow-chart-box .chart-right-con .text-item2 li:last-child{margin-right:0;}
@media all and ( max-width: 1024px ){
	/* 순서도 */
	.flow-chart-box .chart-left-con{position:relative; justify-content: center;}
	.flow-chart-box .chart-right-con{float:none; width:100%; margin:30px auto;}
	
	.flow-chart-box .chart-right-con .text-item1{padding:0 0 30px 0; border-bottom:1px solid #ddd;}
}
@media all and ( max-width: 800px ){
	/* 순서도 */
	.flow-chart-box .chart-right-con .text-item2{flex-direction: row; flex-wrap: wrap; justify-content: center; }
	.flow-chart-box .chart-right-con .text-item2 li{width:100%;margin:5px 10px;}
	.flow-chart-box .chart-right-con .text-item2 li:first-child{margin:5px 10px;}
	.flow-chart-box .chart-right-con .text-item2 li:last-child{margin:5px 10px;}
}
@media all and ( max-width: 640px ){
	/* 순서도 */
	.flow-chart-box .chart-left-con{flex-direction: row; flex-wrap: wrap; justify-content: center;}
	.flow-chart-box .chart-left-con .chart-title-item1,
	.flow-chart-box .chart-left-con .chart-title-item2{width:100%;}
	.flow-chart-box .arrow-right{width:80px; transform:rotate(90deg)}
	.flow-chart-box .chart-title-arrow span{ margin-top:20px;}
}

/* 도입사례 박스*/
.service-api-title04{position:relative; text-align:left; padding:10px 0 20px 0; margin-bottom:40px; border-bottom:1px solid #eeeeee;  box-sizing:border-box;}
.service-api-title04 .mtitle{/*color:#2A54AB;*/ color:#222; font-size:24px; font-weight:bold;}
.service-api-title04 .stitle{margin-top:5px; font-size:19px; font-weight:500; color:#333}

/* 도입사례 회사 로고 */
.referance-rbox{position: relative; width: 100%; margin:0 0 0 0; padding: 30px 20px; /*border: 1px solid #eeeeee; */background: #f7f7f7; border-radius: 10px; box-sizing: border-box;}
.referance-rbox .title{font-size:20px; text-align:center; font-weight:700; margin-bottom:20px;}
.referance-logo-list ul{position:relative;  width:100%; display:flex; align-items: center;}
.referance-logo-list ul li{display:block; width: calc(14.2% - 10px); padding:15px 5px; margin:5px 6px; border:1px solid #ddd; background:#fff; border-radius:16px; box-sizing:border-box;}
.referance-logo-list ul li span{display:block; height:35px; text-align:center; vertical-align:middle; line-height:35px;}
.referance-logo-list ul li img{width: auto; height: auto; max-width: 100%; max-height: 29px; display: inline-block; text-align: center; vertical-align: middle; box-sizing:border-box;}

.referance-logo-list ul li img.h19px{max-height: 19px;}
.referance-logo-list ul li img.w90per{max-width: 90%;}
@media all and ( max-width: 800px ){
	/* 도입사례 회사 로고 */
	.referance-logo-list ul{ flex-direction: row; flex-wrap: wrap;} /* 도입사례로고 늘어나면 줄바꿈 고려 */
	.referance-logo-list ul li{width: calc(33% - 20px); margin:5px 10px; }
}
@media all and ( max-width: 480px ){
	/* 도입사례 회사 로고 */
	.referance-logo-list ul li{width: calc(50% - 20px); margin:5px 10px; }
}

/* 서비스 구성 */
.service-format-box{position:relative; width: 100%; margin:0 0 0 0; padding: 20px 12px; /*border: 1px solid #eeeeee;*/ background:#f7f7f7; border-radius: 10px; box-sizing: border-box;}
.service-format-box .format-con1{display:flex; justify-content: space-between;}
.service-format-box .format-con1 .format-item{width: calc(20% - 3px); margin:0 3px; border:1px solid #d0d0d0; background:#fff; border-radius:10px; box-sizing:border-box; }
.service-format-box .format-con1 .format-item:first-child{margin-left:0;}
.service-format-box .format-con1 .format-item:last-child{margin-right:0;}
.service-format-box .format-con1 .format-item .title{padding:7px 0 4px;font-size:17px;font-weight:bold;text-align:center;background: #d2e3ff;border-radius:10px 10px 0 0;}
.service-format-box .format-con1 .format-item .sub-txt{padding:6px 10px 9px;}
.service-format-box .format-con1 .format-item .sub-txt li{position: relative; margin:4px 0; padding:2px 7px 0; color: #333; font-size:14px; font-weight:400; line-height:1.3;}
.service-format-box .format-con1 .format-item .sub-txt li:before{content:''; position:absolute;left:0; top: 7px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

.service-format-box  .arrow-down{margin:-5px auto 0;width:50px;height:60px;clip-path: polygon(0% 20%, 50% 20%, 50% 0, 100% 50%, 50% 100%, 50% 80%, 0% 80%);background: #8493af;transform: rotate( 90deg );}

.service-format-box .format-con2{margin-top:-2px; display:flex; justify-content: center;}
.service-format-box .format-con2 .format-item{width: 60%; margin:0; border:1px solid #d0d0d0; background:#fff; border-radius:10px; box-sizing:border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2); }
.service-format-box .format-con2 .format-item:first-child{margin-left:0;}
.service-format-box .format-con2 .format-item:last-child{margin-right:0;}
.service-format-box .format-con2 .format-item .title{padding:7px 0 4px;font-size:17px;font-weight:bold;text-align:center;background: #e5d2ff;border-radius:10px 10px 0 0;}

.service-format-box .format-con2 .format-item .both-text{display:flex; justify-content: center;}
.service-format-box .format-con2 .format-item .sub-txt{width: calc(50% - 20px); padding:15px 10px 18px;}
.service-format-box .format-con2 .format-item .sub-txt li{position: relative; margin:3px 0; padding:0 7px; color: #333; font-size:14px; font-weight:400; line-height:1.3;}
.service-format-box .format-con2 .format-item .sub-txt li:before{content:''; position:absolute;left:0; top: 5px; vertical-align: middle; width:3px; height:3px; background:#ccc; border-radius: 3px; }

@media all and ( max-width: 800px ){
	/* 서비스 구성 */
	.service-format-box .format-con1{ flex-direction: row; flex-wrap: wrap;}
	.service-format-box .format-con1 .format-item{width: 100%; margin:5px 0;}
	
	.service-format-box .format-con2 .format-item{width: 100%; }
	.service-format-box .format-con2 .format-item .both-text{flex-direction: row; flex-wrap: wrap;}
	.service-format-box .format-con2 .format-item .sub-txt{width:100%;  padding:12px 10px 0;}
	.service-format-box .format-con2 .format-item .sub-txt:last-child{padding:0px 10px 12px;}
}

/***************************************************** 
   부가세신고/펌뱅킹 slick slide     
*****************************************************/
.partner-img-slide {position:relative; width:100%; margin:30px 0 0 0; padding:20px 14px 40px; border:1px solid #dfdfee; border-radius:10px; box-sizing:border-box;}
.partner-img-slide img{max-width:100%; width:100%;}

/* Arrows */
.partner-img-slide .slick-prev,
.partner-img-slide .slick-next{font-size: 0;line-height: 0; position: absolute; bottom:10px !important; top: auto !important; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.partner-img-slide .slick-prev:hover,
.partner-img-slide .slick-prev:focus,
.partner-img-slide .slick-next:hover,
.partner-img-slide .slick-next:focus{ color: transparent; outline: none; background: transparent;}
.partner-img-slide .slick-prev:hover:before,
.partner-img-slide .slick-prev:focus:before,
.partner-img-slide .slick-next:hover:before,
.partner-img-slide .slick-next:focus:before{ opacity: 1;}

.partner-img-slide .slick-prev.slick-disabled:before,
.partner-img-slide .slick-next.slick-disabled:before{ opacity: .25;}

.partner-img-slide .slick-prev:before,
.partner-img-slide .slick-next:before{font-family:xeicon; font-size: 16px; line-height: 1; opacity: .75; color: #aaa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.partner-img-slide .slick-prev{left: 33%; z-index:10;}
.partner-img-slide .slick-prev:before{content:"\e93b";}

.partner-img-slide .slick-next{right: 33%; z-index:10;}
.partner-img-slide .slick-next:before{ content:"\e93e";}

/*  Dots */
.partner-img-slide .slick-dotted.slick-slider{}
.partner-img-slide .slick-dots{position: absolute; left:0; bottom: 20px; width: 100%; padding: 0; margin: 0;list-style: none; text-align: center;z-index:9;}
/****  // 제휴서비스 slick slide 추가 끝**********/

/* 부가세신고 - 특장점  */
.service-feature-con ul li{display:flex; align-items:center; padding:8px 0;}
.service-feature-con ul li div{text-align:center; vertical-align:middle;}

.service-feature-con ul li .icon-box{display:flex; align-items:center; width:100px; justify-content:center; height:90px; background:#F1F3F5; border-radius:20px; box-sizing:border-box;}
.service-feature-con ul li .right-txt{width: calc(100% - 100px);}
.service-feature-con ul li .right-txt ul{padding:0 0 0 21px;}
.service-feature-con ul li .right-txt ul li{display:block; border:none; text-align:left; padding:0 0 0 0; color: var(--gray90-color);}
.service-feature-con ul li .right-txt ul .title{ font-size:17px; font-weight: 600; padding:3px 0 2px 0;}
.service-feature-con ul li .right-txt ul .sub-txt{font-size:15px;}

@media all and ( max-width: 460px ){
	/* 부가세신고 - 특장점  */
	.service-feature-con ul li{display:flex; align-items:center; padding:8px 0; flex-direction: column; flex-wrap: wrap;}
	.service-feature-con ul li .icon-box{ width:100%; justify-content:center; height:90px; }
	.service-feature-con ul li .right-txt{width: 100%; margin-top:12px;}
	.service-feature-con ul li .right-txt ul{padding:0 0 0 6px;}
	.service-feature-con ul li .right-txt ul .title{ font-size:16px;}
    .service-feature-con ul li .right-txt ul .sub-txt{font-size:14px;}
}

/* 가격안내 하단 도입문의2 - 부가세신고,펌뱅킹 사용 */
.inquiry-link-box2{position:relative; width:100%; margin:70px 0 30px;  background: linear-gradient(to right,  #2a54ab 35%,#161f72 100%); border-radius:12px; box-sizing:border-box;}
.inquiry-link-box2 .inquiry-bg{position:relative; display:flex; align-items:center; justify-content:center; flex-direction: column; flex-wrap: wrap; width:100%; height:182px; padding:20px 70px; /*background:url(../img/main/sub_bg_inquire02.png) 10% 83% no-repeat; background-size: 280px; */}
.inquiry-link-box2 .inquiry-bg::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:1; background:url(../img/main/sub_bg_inquire02.png) 10% 83% no-repeat; background-size: 280px; opacity: 0.5;}

.inquiry-link-box2 .inquiry-bg .text-box{color:#fff; z-index:9;}
.inquiry-link-box2 .inquiry-bg .right-btn{ z-index:9;}
.inquiry-link-box2 .inquiry-bg .text-box .title-text{font-size:24px;}
.inquiry-link-box2 .inquiry-bg .text-box .sub-txt{margin:8px 0 0 0;font-size:16px; display:block; font-weight:300;}
.inquiry-link-box2 .inquiry-bg .right-btn button{margin-top:10px; width:140px; height:42px; font-size:16px; padding-right:10px; border-radius:40px; }
.inquiry-link-box2 .inquiry-bg .right-btn button:hover{border-color:#fff;}
@media all and ( max-width: 800px ){
	/* 도입문의 */
	.inquiry-link-box2{margin-top:50px;}
	.inquiry-link-box2 .inquiry-bg{height:auto; padding:32px 18px;}
	.inquiry-link-box2 .inquiry-bg::before{ background-size: 50%; opacity: 0.3;}
	.inquiry-link-box2 .inquiry-bg .text-box .title-text{font-size:18px;}
}


/* 펌뱅킹 서비스 구성 */
.fbanking-service-wrap{position:relative;  display:flex; justify-content: space-between;}
.fbanking-service-wrap .fb-service-box{position:relative; width: calc(50% - 12px); margin-right:24px; padding:14px 10px 24px; border:1px solid #ddd; border-radius:12px; -webkit-box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1); box-shadow: 1px 2px 10px 0px rgba(42,84,171,0.1);}
.fbanking-service-wrap .fb-service-box:last-child{margin-right:0;}

.service-list{ position:relative; padding:0 16px;}
.service-list span{position: relative; display:block; font-size:14px; margin:11px 0 0 0;padding: 5px 10px; color: var(--gray90-color); background: var(--lgray10-color); border-radius:4px;}
.service-list span:before{content:"•"; display:inline-block; font-size:14px; color: var(--gray90-color); vertical-align:middle; margin:3px 2px 0 0;}
.service-list .sub-list{margin:2px 0 0 20px;}
.service-list .sub-list li{display:block; color: #444444;}
.service-list .sub-list li:before{content:"-"; display:inline-block; font-size:14px; color: var(--gray60-color); vertical-align:middle; padding:6px 4px 0 0;}
@media all and ( max-width: 800px ){
	/* 펌뱅킹 서비스 구성 */
	.fbanking-service-wrap{flex-direction: column; flex-wrap: wrap;}
	.fbanking-service-wrap .fb-service-box{width: 100%; margin-right:0; }
	.fbanking-service-wrap .fb-service-box:last-child{margin-top:20px;}
	
	.service-list{ position:relative; padding:0 8px;}
}

/* 펌뱅킹 상단 도식화 이미지 */
.fbanking-flow-chart{position:relative; padding:44px 20px; text-align:center; border:1px solid #eee; border-radius:20px;  box-shadow: 1px 2px 10px rgba(0,0,0,0.02); box-sizing:border-box;}
.fbanking-flow-chart .fb-title{margin-bottom:35px; font-weight: bold; font-size: 24px; color: var(--black-color);}
.fbanking-flow-chart-img{text-align:center;}
.fbanking-flow-chart-img img{max-width:100%;}

.fbanking-flow-chart-img .m-img{display:none;}

@media all and ( max-width: 720px ){
	/* 펌뱅킹 상단 도식화 이미지 */
	.fbanking-flow-chart{padding:44px 0px; border:none; box-shadow:none;}
	.fbanking-flow-chart .fb-title{margin-bottom:16px;}
	
	.fbanking-flow-chart-img .m-img{display:block;}
	.fbanking-flow-chart-img .pc-img{display:none;}
}


/* 2024.07.15 메인변경 특징 추가*/
/*  메인 특징 추가 */
.service-features-con{ position:relative; margin-top:40px; margin-bottom: 70px; display:flex; justify-content: space-between;}
.service-features-con .service-items{position:relative; width: calc(33% - 18px); margin-right:30px; padding:26px 16px; border-radius:20px; -webkit-box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.2); box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.2);}
.service-features-con .service-items:last-child{margin-right:0;}

.service-features-con .service-items .title-box{max-width:263px; height:46px; padding:11px 3px 0; margin:0 auto 24px auto; font-weight:bold; font-size:24px; color:#fff; background: var(--darkblue-color); text-align:center; border-radius:25px;}
.service-features-con .service-items .img-box{display:block; margin:12px auto 0; text-align:center; box-sizing:border-box;}
.service-features-con .service-items .img-box img{max-width:100%;}
.service-features-con .service-items .sub-text{min-height:92px; font-size:18px; color: var(--black-color); text-align:center; line-height:1.5;}

@media all and ( max-width: 1024px ){
	/* 메인 특징 추가 */
	.service-features-con .service-items .title-box{padding:12px 3px 0; font-size:20px;}
	.service-features-con .service-items .sub-text{font-size:16px;}
}
@media all and ( max-width: 800px ){
	/* 메인 특징 추가 */
	.service-features-con{display:block; margin-left:20px; margin-right:20px; margin-bottom: 0px;}
	.service-features-con .service-items{width: 100%; margin-right:0; margin-bottom:32px;}
	.service-features-con .service-items:last-child{margin-bottom:0;}
	.service-features-con .service-items .img-box img{max-width:80%;}
	.service-features-con .service-items .sub-text{min-height:auto;font-size:18px;}
}



/******************************************************
	2025.01.06 메인/서브페이지 개편
******************************************************/

@media all and ( max-width: 800px ){
	/* 개편 메인 타이틀 관련*/
	#newmain-section02 .mtitle-text,
	#newmain-section03 .mtitle-text,
	#newmain-section04 .mtitle-text,
	#newmain-section05 .mtitle-text{font-size:28px;}
	#newmain-section02 .mtitle-text .title-s,
	#newmain-section03 .mtitle-text .title-s,
	#newmain-section04 .mtitle-text .title-s,
	#newmain-section05 .mtitle-text .title-s{font-size:18px;}
}

@media all and ( max-width: 420px ){
	/* 헤더 사이드 메뉴 위치 조정*/
	.right-side-menu{top:23px; right:20px;}
	.right-side-menu button{display:block; margin-left:auto; font-size:11px !important; height:22px !important;}
	.right-side-menu button:first-child{margin-bottom:10px;}
}



/* new section1 :: 개편 메인 비쥬얼 영역 */
#newmain-section01{overflow:hidden; width:100%; height:980px; position:relative; margin-top:-80px;}/* 비주얼높이값 이미지에맞게 수정 */
#newmain-section01 > *{box-sizing:border-box;}

.newmain-visualimg:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
.newmain-visualimg{position:relative; width:100%; height:100%; background:#4364E8 url(../img/main/newmain_section01_bgimg.png) no-repeat center/cover;}

.newmain-visualimg .btn-main-wrap{ position: relative; margin:-90px auto 0; text-align:center; 	
	animation: main-ani-btn 1s 1s ease-in-out forwards;	
	-webkit-animation: main-ani-btn 1s 1s ease-in-out forwards;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility:0; 
	opacity:0;-webkit-
}
.newmain-visualimg .btn-main:hover{transform: scale(1.1); transition: all 0.5s;}
.newmain-visualimg .btn-main{width:270px; height:60px; border-radius:60px; font-size:18px; padding:5px 0 0 18px; background: #71F1FF !important; color: var(--black-color); border:none !important;}
.newmain-visualimg .btn-main:hover{background: #9BF5FF !important;}
.newmain-visualimg .btn-main i{ vertical-align:middle; font-size:18px; margin-top:-4px;}

/* 메인 박스애니메이션 :: 텍스트 */
.box-animation-wrap{position:relative; height:830px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.box-animation-wrap .box-item-title p{padding-top:30px;}
.box-animation-wrap .box-item-title .s-txt{display:block; margin-top:20px; font-size:26px; color:#B1EAFF; filter: drop-shadow(4px 8px 0px rgba(0, 0, 0, 0.1));}
.box-animation-wrap .box-item .b-txt1{display:block; text-align:center; font-size:22px; color: var(--darkblue-color); font-weight:bold;}
.box-animation-wrap .box-item .b-txt2{display:block; text-align:center; font-size:17px; color:#444444;}
.box-animation-wrap .box-item .b-img{display:block; text-align:center; }
.box-animation-wrap .box-item .b-img img{max-width:100%;}
/* 메인 박스애니메이션 */
@keyframes zoom-txt {
    0%   {transform: scale(1.4); -webkit-transform: scale(1.4); opacity:0;}
    50%  {transform: scale(0.8); -webkit-transform: scale(0.8); opacity:0.7;}
	100% {transform: scale(1); -webkit-transform: scale(1); opacity:1;}
}
@keyframes main-ani-btn {
    0% {transform: scale(0.4); -webkit-transform: scale(0.4); opacity:0;}
	100% {transform: scale(1); -webkit-transform: scale(1); opacity:1;}
}
@keyframes face-appear2 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:50%;margin-top:-200px;margin-left:-100px;}
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear3 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:100%;top: -35%;margin-left:100px;}
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear4 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:50%;top:100%;margin-left:140px;margin-top:-5px; }
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear5 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:-75%;top:100%;margin-left:-90px;margin-top:-5px; }
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear6 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0;left: 0;margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:0%;top:-35%; margin-left:-300px; }
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}

/*  width 800px 이하에서*/
@keyframes face-appear2-800 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:50%; top:-15%; margin-top:-150px; margin-left:-60px;}
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear3-800 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);left:50%; top:-50%; margin-left:50px; }
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear4-800 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:25%; top:110%; margin-left:50px; margin-top:0px;}
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear5-800 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0; left: 0; margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);left:-50%; top:110%; margin-left:0; margin-top:0px; }
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}
@keyframes face-appear6-800 {
    0%   {opacity:0; transform: scale(0); -webkit-transform: scale(0); top: 0;left: 0;margin-top:0; margin-left:0;}
	20%  {opacity:1; transform: scale(1); -webkit-transform: scale(1); left:0%; top:-50%; margin-left:-100px;}
    50%  {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
	100% {opacity:1; transform: scale(1); -webkit-transform: scale(1);}
}

.box-animation-wrap .box-item-con {position: relative;width: 200px;height: 200px;}
.box-animation-wrap .box-item-con .box-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 177px;
    height: 205px;
	background:url("../img/main/mainvisual_item_bg.png") center/cover no-repeat;
    color: #191919;
    text-align: center;
    padding-top: 50px;
    opacity: 0;
}
.box-animation-wrap .box-item-con .box-item:nth-child(1) { width:342px; left:50%; margin-left:-171px; background:none; opacity:1; color:#ffffff;
	animation: face-appear 6s ease-in-out infinite forwards alternate;	
	-webkit-animation: face-appear 6s ease-in-out infinite forwards alternate;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.box-animation-wrap .box-item-con .box-item:nth-child(2) {
	animation: face-appear2 6s ease-in-out infinite forwards alternate;	
	-webkit-animation: face-appear2 6s ease-in-out infinite forwards alternate;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.box-animation-wrap .box-item-con .box-item:nth-child(3) {
	animation: face-appear3 6s ease-in-out infinite forwards alternate;	
	-webkit-animation: face-appear3 6s ease-in-out infinite forwards alternate;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.box-animation-wrap .box-item-con .box-item:nth-child(4) {
	animation: face-appear4 6s ease-in-out infinite forwards alternate;	
	-webkit-animation: face-appear4 6s ease-in-out infinite forwards alternate;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.box-animation-wrap .box-item-con .box-item:nth-child(5) {
	animation: face-appear5 6s ease-in-out infinite forwards alternate;	
	-webkit-animation: face-appear5 6s ease-in-out infinite forwards alternate;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.box-animation-wrap .box-item-con .box-item:nth-child(6) {
	animation: face-appear6 6s ease-in-out infinite forwards alternate;	
	-webkit-animation: face-appear6 6s ease-in-out infinite forwards alternate;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.box-animation-wrap .box-item-con .box-item:not(:first-child){animation-delay: .3s; -webkit-animation-delay: .3s;}
.box-animation-wrap .box-item-con .box-item:not(:first-child) p{transform: scale(1); -webkit-transform: scale(1);}

.box-animation-wrap .box-item-con .box-item:nth-child(1){
    background:transparent;
	color:#fff;
    transition: all 0.1s;
	-webkit-transform: all 0.1s;
	animation: zoom-txt 1s ease-in-out alternate-reverse;
	-webkit-animation: zoom-txt 1s ease-in-out alternate-reverse;
}
.box-animation-wrap .box-item-con .box-item:nth-child(2){animation-delay: 0.5s; -webkit-animation-delay: 0.5s; left:50%;margin-top:-200px;margin-left:-100px;}
.box-animation-wrap .box-item-con .box-item:nth-child(3){animation-delay: 0.7s; -webkit-animation-delay: 0.7s; left:100%;top:-35%;margin-left:100px;}
.box-animation-wrap .box-item-con .box-item:nth-child(4){animation-delay: 0.8s; -webkit-animation-delay: 0.8s; left:50%;top:100%;margin-left:140px;margin-top:-5px;}
.box-animation-wrap .box-item-con .box-item:nth-child(5){animation-delay: 0.9s; -webkit-animation-delay: 0.9s; left:-75%;top:100%;margin-left:-90px;margin-top:-5px;}
.box-animation-wrap .box-item-con .box-item:nth-child(6){animation-delay: 0.6s; -webkit-animation-delay: 0.6s; left:0%;top:-35%;margin-left:-300px;}

/* 마우스 오버시 텍스트 확대 */
.box-animation-wrap .box-item-con .box-item:hover p{transform: scale(1.05); -webkit-transform: scale(1.05); transition: all 0.5s; -webkit-transition: all 0.5s;}

@media all and (max-width:800px){
    .box-animation-wrap .box-item-con, 
	.box-animation-wrap .box-item-con .box-item{width:120px;height:141px; }
	.box-animation-wrap .box-item-con .box-item:first-child {transform: scale(.6); -webkit-transform: scale(.6);}
    .box-animation-wrap .box-item-con .box-item{transform: scale(.6); -webkit-transform: scale(.6);}
	.box-animation-wrap .box-item-con .box-item:not(:first-child) p{transform: scale(1); -webkit-transform: scale(1);}
    .box-animation-wrap .box-item-con .box-item:nth-child(2){animation-delay: 0.5s; -webkit-animation-delay: 0.5s; left:50%; top:-15%; margin-top:-150px; margin-left:-60px;}
    .box-animation-wrap .box-item-con .box-item:nth-child(3){animation-delay: 0.7s; -webkit-animation-delay: 0.7s; left:50%; top:-50%; margin-left:50px;}
    .box-animation-wrap .box-item-con .box-item:nth-child(4){animation-delay: 0.8s; -webkit-animation-delay: 0.8s; left:25%; top:110%; margin-left:50px; margin-top:0px;}
    .box-animation-wrap .box-item-con .box-item:nth-child(5){animation-delay: 0.9s; -webkit-animation-delay: 0.9s; left:-50%; top:110%; margin-left:0; margin-top:0px;}
    .box-animation-wrap .box-item-con .box-item:nth-child(6){animation-delay: 0.6s; -webkit-animation-delay: 0.6s; left:0%; top:-50%; margin-left:-100px;}
	
	.box-animation-wrap .box-item-con .box-item:nth-child(2) {
		animation: face-appear2-800 6s ease-in-out infinite forwards alternate;	
		-webkit-animation: face-appear2-800 6s ease-in-out infinite forwards alternate;
	}
	.box-animation-wrap .box-item-con .box-item:nth-child(3) {
		animation: face-appear3-800 6s ease-in-out infinite forwards alternate;	
		-webkit-animation: face-appear3-800 6s ease-in-out infinite forwards alternate;
	}
	.box-animation-wrap .box-item-con .box-item:nth-child(4) {
		animation: face-appear4-800 6s ease-in-out infinite forwards alternate;	
		-webkit-animation: face-appear4-800 6s ease-in-out infinite forwards alternate;
	}
	.box-animation-wrap .box-item-con .box-item:nth-child(5) {
		animation: face-appear5-800 6s ease-in-out infinite forwards alternate;	
		-webkit-animation: face-appear5-800 6s ease-in-out infinite forwards alternate;
	}
	.box-animation-wrap .box-item-con .box-item:nth-child(6) {
		animation: face-appear6-800 6s ease-in-out infinite forwards alternate;	
		-webkit-animation: face-appear6-800 6s ease-in-out infinite forwards alternate;
	}
	
	.box-animation-wrap .box-item .b-txt1{display:block; text-align:center; font-size:14px; color: var(--darkblue-color); font-weight:bold;}
	.box-animation-wrap .box-item .b-txt2{display:block; text-align:center; font-size:12px; color:#444444;}
	
	.box-animation-wrap .box-item-con .box-item:not(:first-child){padding-top:30px;}
}
@media all and (max-width:480px){
	.box-animation-wrap{height:740px;}
	.newmain-visualimg .btn-main-wrap {margin-top:-90px;}
	
	.box-animation-wrap .box-item-con .box-item p{ letter-spacing:-1px;}
}



/* new section2 :: 소개1 */
#newmain-section02{position:relative; min-height:800px; padding:120px 0 100px; background: #EFF4FD; box-sizing:border-box;}
#newmain-section02:before{content:""; position:absolute; width:227px; height:286px; top:0; left:-20px; background:url(../img/main/newmain_section02_deco_bg01.png) center/contain no-repeat;  z-index:0;}
#newmain-section02:after{content:"";position:absolute; width:299px; height:244px; bottom:5%; right:-150px; background:url(../img/main/newmain_section02_deco_bg02.png) center/contain no-repeat;  z-index:0;}

.newmain02-items-con{ position:relative; max-width:1561px; margin:60px auto 70px; display:flex; justify-content: space-between; z-index:1;}
.newmain02-items-con .newmain02-inner-items{position:relative; width: calc(20% - 15px); margin-right:30px; background:#fff; border-radius:12px; -webkit-box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.2); box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.2); overflow:hidden;}
.newmain02-items-con .newmain02-inner-items:last-child{margin-right:0;}

.newmain02-items-con .newmain02-inner-items .img-box{display:flex; align-items:center;justify-content: center; height:120px; border-radius:12px 12px 0 0;  box-sizing:border-box;}
.newmain02-items-con .newmain02-inner-items .img-box img{max-width:100%;}
.newmain02-items-con .newmain02-inner-items:nth-child(1) .img-box{background: #44A1EE;}
.newmain02-items-con .newmain02-inner-items:nth-child(2) .img-box{background: #4882EE;}
.newmain02-items-con .newmain02-inner-items:nth-child(3) .img-box{background: #525DF4;}
.newmain02-items-con .newmain02-inner-items:nth-child(4) .img-box{background: #444FEE;}
.newmain02-items-con .newmain02-inner-items:nth-child(5) .img-box{background: #3D43CA;}

.newmain02-items-con .newmain02-inner-items:nth-child(5) .img-box{background: #3D43CA;}
.newmain02-items-con .newmain02-inner-items:nth-child(5) .img-box img{ margin-right:-18px;}

.newmain02-items-con .newmain02-inner-items .title-box{margin:16px 0 0;text-align:center;}
.newmain02-items-con .newmain02-inner-items .title-box .txt-en{display:block;color:#85AEEC; font-size:22px; margin-bottom:8px;}
.newmain02-items-con .newmain02-inner-items .title-box .title{font-weight:bold; font-size:30px; color: var(--darkblue-color);}

.newmain02-items-con .newmain02-inner-items .sub-text{padding:12px 16px 24px; font-size:17px; color: var(--black-color); text-align:center; line-height:1.5;}
.newmain02-items-con .newmain02-inner-items .btn-box{position:relative; display:block; border-top:1px solid #ddd;}
.newmain02-items-con .newmain02-inner-items .btn-box a{display:block; width:100%; height:42px; padding:10px 10px 3px; text-align:center;}
.newmain02-items-con .newmain02-inner-items .btn-box a:hover{transform: scale(1.1); transition-duration: 0.5s; color: var(--darkblue-color);}
@media all and ( max-width: 1360px ){
	/* new section2 :: 소개1 */
	.newmain02-items-con .newmain02-inner-items{width: calc(20% - 5px); margin-right:10px;}
	.newmain02-items-con .newmain02-inner-items .title-box .txt-en{font-size:20px;}
	.newmain02-items-con .newmain02-inner-items .title-box .title{font-size:24px;}
	.newmain02-items-con .newmain02-inner-items .sub-text{font-size:14px;}
}
@media all and ( max-width: 1024px ){
	/* new section2 :: 소개1 */
	.newmain02-items-con{align-items: flex-start}
	.newmain02-items-con .newmain02-inner-items .title-box .txt-en{font-size:18px;}
	.newmain02-items-con .newmain02-inner-items .title-box .title{font-size:20px;}
	.newmain02-items-con .newmain02-inner-items .sub-text{font-size:12px;}
}
@media all and ( max-width: 800px ){
	/* new section2 :: 소개1 */
	#newmain-section02:before{display:none;}
	#newmain-section02:after{display:none;}
	
	.newmain02-items-con{display:block; margin-left:20px; margin-right:20px; margin-bottom: 0px;}
	.newmain02-items-con .newmain02-inner-items{width: 100%; margin-right:0; margin-bottom:32px;}
	.newmain02-items-con .newmain02-inner-items:last-child{margin-bottom:0;}
	.newmain02-items-con .newmain02-inner-items .sub-text{min-height:auto;font-size:18px;}
}



/* new section3 :: 소개2 */
#newmain-section03{position:relative; padding:120px 0 0;box-sizing:border-box; }
#newmain-section03:before{content:"";position:absolute; width:334px; height:345px; top:40%; right:-50px; background:url(../img/main/newmain_section03_deco_bg01.png) center/contain no-repeat; z-index:0;}

.newmain03-items-con{ position:relative; max-width:1096px; margin:60px auto 70px; display:flex; justify-content: space-between; z-index:1;}
.newmain03-items-con .newmain03-inner-items{position:relative; width: calc(33% - 19px); margin-right:38px; padding-bottom:30px; background:#fff; border-radius:12px; -webkit-box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.2); box-shadow: 0px 1px 12px rgba(42, 84, 171, 0.2);}
.newmain03-items-con .newmain03-inner-items:last-child{margin-right:0;}

.newmain03-items-con .newmain03-inner-items .title-box{display:flex; align-items:center;justify-content: center; min-height:89px; padding-top:5px; font-weight:bold; font-size:26px; color:#fff; background: var(--darkblue-color); text-align:center;  border-radius:12px 12px 0 0; }
.newmain03-items-con .newmain03-inner-items .img-box{display:block; margin:0 auto; text-align:center; box-sizing:border-box;}
.newmain03-items-con .newmain03-inner-items .img-box img{max-width:100%;}
.newmain03-items-con .newmain03-inner-items .sub-text{padding:26px 16px; font-size:18px; color: var(--black-color); text-align:center; line-height:1.5;}

@media all and ( max-width: 1024px ){
	/* new section3 :: 소개2 */
	.newmain03-items-con .newmain03-inner-items .title-box{font-size:20px;}
	.newmain03-items-con .newmain03-inner-items .sub-text{font-size:16px;}
}
@media all and ( max-width: 800px ){
	/* new section3 :: 소개2 */
	#newmain-section03:before{display:none;}
	.newmain03-items-con{display:block; margin-left:20px; margin-right:20px; margin-bottom: 0px;}
	.newmain03-items-con .newmain03-inner-items{width: 100%; margin-right:0; margin-bottom:32px;}
	.newmain03-items-con .newmain03-inner-items:last-child{margin-bottom:0;}
	.newmain03-items-con .newmain03-inner-items .sub-text{min-height:auto;font-size:18px;}
}
/* new section4 :: 소개3 */
#newmain-section04{position:relative; padding:120px 0;box-sizing:border-box;}
#newmain-section04:before{content:""; position:absolute; width:118px; height:233px; top:0; left:0; background:url(../img/main/newmain_section04_deco_bg01.png) center/contain no-repeat;  z-index:0;}
#newmain-section04:after{content:"";position:absolute; width:113px; height:233px; top:35%; right:0; background:url(../img/main/newmain_section04_deco_bg02.png) center/contain no-repeat;  z-index:0;}

.newmain04-items{text-align:center;margin:20px auto 0;} /* 25.02.13 수정 */
.newmain04-items img{max-width:100%;}

@media all and ( max-width: 800px ){
	#newmain-section04:before{display:none;}
	#newmain-section04:after{display:none;}
}

/* new section5 :: 레퍼런스 */
#newmain-section05{position:relative; padding:120px 0; background: #F2F4F9; box-sizing:border-box;}

.referance-logo-item{position:relative; display:block; margin-top:30px; overflow:hidden;} /* 25.02.13 수정*/
.marquee-line2{padding-left:100px;}
.referance-logo-item .flex-box{ position:relative; display: flex; column-gap: 30px;}
.referance-logo-item .mq {display:flex;justify-content: center; align-items: center; min-width:200px; padding:0 20px; height: 76px; border-radius: 10px; background: #fff;}
.referance-logo-item img{width: auto; height: auto; max-width: 100%; max-height: 35px; display: inline-block; text-align: center; vertical-align: middle; box-sizing:border-box;}
.referance-logo-item img.h19px{max-height: 19px;}
.referance-logo-item img.h40px{max-height: 40px;}
.referance-logo-item img.w80per{max-width: 80%;}


/* --- new section6 :: 문의사항 --- */	
#newmain-section06{position:relative; padding:120px 20px; background:#112D66 url(../img/main/2025newmain_section06_bgimg.png) center/cover no-repeat; box-sizing:border-box;}
@media all and ( max-width: 480px ){
	/* --- new section6 :: 문의사항 --- */	
	#newmain-section06{ padding:100px 20px;}
}




/********************서브페이지 개편 2025.01 ****************************/
/* */
/* 상품리스트*/
.newproduct-items-wrap{ position:relative; margin-top:20px; display:flex; justify-content: space-between;}
.newproduct-items-wrap .product-items{position:relative; width: calc(33% - 18px); border:2px solid #fff; margin-right:36px; padding:36px 24px 30px; border-radius:12px; -webkit-box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.14); box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.14);}
.newproduct-items-wrap .product-items:last-child{margin-right:0;}

.newproduct-items-wrap .product-items:hover{ border:2px solid #2946eb;  /*background:#f5f9ff; */ background:#ffffff; -webkit-box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.3); box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.3);}
.newproduct-items-wrap .product-items:hover .sub-newservice-box-title{background:#dfeaff}

.newproduct-items-wrap .product-items .top-title-wrap{min-height:76px;}
.newproduct-items-wrap .product-items .title-text{width:100%; font-size:26px; color: var(--darkblue-color); font-weight:bold; text-align:center;}
.newproduct-items-wrap .product-items .sub-text{margin-top:4px; font-size:16px; color: var(--gray80-color); text-align:center;}

.newproduct-items-wrap .sub-newservice-box-title{max-width:100%; height:50px; padding:16px 0 0; margin:0 auto 24px; background:#F3F3F3; font-weight:bold; font-size:16px; color:var(--darkblue-color); text-align:center; border-radius:25px;}

.newproduct-items-wrap .newservice-list{min-height:190px; border-bottom:1px solid #ddd; padding-bottom:12px;}
.newproduct-items-wrap .newservice-list ul{ padding-left:24px;}
.newproduct-items-wrap .newservice-list li:before{content:"\e929"; display:inline-block; font-size:16px; font-family: xeicon; vertical-align:middle; margin:0 3px 0 -20px; color:#2946ED;}
.newproduct-items-wrap .newservice-list li{width: 100%; margin:1px 0; padding:1px 0 0; font-size:14px; box-sizing:border-box;}
.newproduct-items-wrap .newservice-list .img-con{display:flex; justify-content: center; align-items: center;}
.newproduct-items-wrap .newservice-list .img-con img{padding-top:10px;}

.newproduct-items-wrap .recom-user{margin:20px 0; padding-left:2px;}
.newproduct-items-wrap .recom-user h4{font-size:16px; margin-bottom:4px;}
.newproduct-items-wrap .recom-user ul li{padding:2px 0;}
.newproduct-items-wrap .recom-user .icon{margin-right:4px;}

.newproduct-items-wrap .btn-item button{display:block; width:100%; }
.newproduct-items-wrap .btn-item button.btn-size{height:42px;padding-top:0px;}
.newproduct-items-wrap .btn-item button:first-child{margin-bottom:10px;}
.newproduct-items-wrap .btn-item button.btn-fill01{background: linear-gradient(91.09deg, #2946ED -1.62%, #2A54AB 100%); border-radius: 3px;}
.newproduct-items-wrap .btn-item button.btn-fill01:hover{background: linear-gradient(91.09deg, #1834d5 -1.62%, #14419e 100%);}

.newproduct-items-wrap .newprice-txt01{display:inline-block; min-width:60px; font-weight:400; }
.newproduct-items-wrap .newprice-txt02{display:inline-block; font-weight:bold; color: var(--darkblue-color);}
.newproduct-items-wrap .newprice-con{ min-height:110px; border-top: 1px solid #ddd; padding-top: 12px;}

/* 설명박스 서브용 */
.main-info-tbox02{position:relative; margin:24px 0; background:#f7f7f7; padding:26px 24px 20px; border-radius:5px; border-radius:12px; box-sizing:border-box;}
.main-info-tbox02 p{padding:2px 0;}

@media all and ( max-width: 1024px ){
	/* 상품리스트*/
	.newproduct-items-wrap .sub-newservice-box-title{font-size:14px;}
}
@media all and ( max-width: 800px ){
	/* 상품리스트*/
	.newproduct-items-wrap{ display:block;}
	.newproduct-items-wrap .product-items{width: 100%; margin-right:0; margin-bottom:20px;}
	
	.newproduct-items-wrap .product-items .sub-text{min-height:auto;}
	
	.newproduct-items-wrap .newservice-list{min-height:auto;}
}

/* 도입사례 박스*/
.newservice-api-title01{position:relative; text-align:center; padding:10px 0 20px 0; margin-bottom:20px;  box-sizing:border-box;}
.newservice-api-title01 .mtitle{color:#222; font-size:28px; font-weight:bold;}
.newservice-api-title01 .stitle{margin-top:7px; font-size:22px; font-weight:400; color:#222;}


/* --- 서브01 :: 경비처리 제공서비스 --- */	
.newservice-feature-con-wrap{}
.newservice-feature-con{display:flex; align-items:center; justify-content:space-between; width:100%; padding:60px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.newservice-feature-con:last-child{border-bottom:none;}
.newservice-feature-con:nth-child(2n) .img-box{ order:0; }
.newservice-feature-con:nth-child(2n) .text-box{order:-1; padding-left:60px;}

.newservice-feature-con .img-box{flex-grow: 0; width:50%; text-align:center;}
.newservice-feature-con .img-box img{max-width:100%;}
.newservice-feature-con .text-box{text-align:left; flex-grow: 1; width:50%; padding-left:20px;}
.newservice-feature-con .text-box .mtitle-text{font-size:24px; text-align:left; line-height:1.4; margin-bottom:16px;}
.newservice-feature-con .text-box .sub-text{font-size:17px; text-align:left;}
.newservice-feature-con .deco-ico:before{content:"\ea3e"; font-size:14px; font-family:xeicon; display:inline-block; vertical-align:middle; color:#2946ED; margin-left:-14px;}
.newservice-feature-con .deco-ico{display:block; padding:2px 0 0 14px;}

.newservice-feature-con:nth-child(1) .img-box img{max-width:553px;}
.newservice-feature-con:nth-child(2) .img-box img{max-width:392px;}
.newservice-feature-con:nth-child(3) .img-box img{max-width:480px;}
.newservice-feature-con:nth-child(4) .img-box img{max-width:434px;}
.newservice-feature-con:nth-child(5) .img-box img{max-width:508px;}
.newservice-feature-con:nth-child(6) .img-box img{max-width:487px;}
@media all and ( max-width: 800px ){
	/* --- 서브01 :: 경비처리 제공서비스 --- */		
	.newservice-feature-con { flex-direction: column; flex-wrap:wrap; overflow:visible; height:auto; padding:40px 16px;}
	.newservice-feature-con :nth-child(2n) .text-box{padding-left:0;}		
	
	.newservice-feature-con .img-box,
	.newservice-feature-con:nth-child(2n) .img-box{order:-1; width:100%; flex-grow: 0; margin-top:0px;}
	.newservice-feature-con .text-box,
	.newservice-feature-con:nth-child(2n) .text-box{order:0; width:100%; padding-left:0 !important; flex-grow: 0; margin-top:30px;}

	.newservice-feature-con .text-box .mtitle-text {padding:0 !important; margin-bottom:0;}
	
	.newservice-feature-con:nth-child(1) .img-box img,
	.newservice-feature-con:nth-child(2) .img-box img,
	.newservice-feature-con:nth-child(3) .img-box img,
	.newservice-feature-con:nth-child(4) .img-box img,
	.newservice-feature-con:nth-child(5) .img-box img,
	.newservice-feature-con:nth-child(6) .img-box img{max-width:90%;}

}
@media all and ( max-width: 480px ){
	/* --- 서브01 :: 경비처리 제공서비스 --- */		
	.newservice-feature-con .text-box .mtitle-text{ font-size:20px;}
	.newservice-feature-con .text-box .sub-text{font-size:14px;}
}


/* --- 서브02 :: 특장점 및 서비스 화면 --- */	
.newservice-feature-con02-wrap{}
.newservice-feature-con02{display:flex; align-items:center; justify-content:space-between; width:100%;  margin:20px 0; padding:20px 0; box-sizing:border-box;}
.newservice-feature-con02:first-child{margin-top:0px;}

.newservice-feature-con02 .img-box{flex-grow: 0; width:50%; text-align:center; max-width:540px; padding:20px 10px; border:1px solid #DDDDDD; border-radius:20px;}
.newservice-feature-con02 .img-box img{max-width:100%; max-height:290px;}
.newservice-feature-con02 .text-box{text-align:left; flex-grow: 1; width:50%; padding-left:46px;}
.newservice-feature-con02 .text-box .mtitle-text{font-size:24px; text-align:left; line-height:1.4; margin-bottom:16px;}
.newservice-feature-con02 .text-box .sub-text{font-size:17px; text-align:left;}
.newservice-feature-con02 .deco-ico:before{content:"\ea3e"; font-size:14px; font-family:xeicon; display:inline-block; vertical-align:middle; color:#2946ED; margin-left:-14px;}
.newservice-feature-con02 .deco-ico{display:block; padding:2px 0 0 14px;}

@media all and ( max-width: 800px ){
	/* --- 서브02 :: 특장점 및 서비스 화면 --- */		
	.newservice-feature-con02 { flex-direction: column; flex-wrap:wrap; overflow:visible; height:auto; padding:20px 0;}
	.newservice-feature-con02 :nth-child(2n) .text-box{padding-left:0;}		
	
	.newservice-feature-con02  .img-box{width:100%; flex-grow: 0; margin-top:10px;}
	.newservice-feature-con02  .text-box{width:100%; padding-left:0; flex-grow: 0;}	
	.newservice-feature-con02  .text-box .mtitle-text {padding:0!important; margin-top:20px; margin-bottom: 0;}

}
@media all and ( max-width: 480px ){
	/* --- 서브02 :: 특장점 및 서비스 화면 --- */		
	.newservice-feature-con02 .text-box .mtitle-text{ font-size:22px;}
	.newservice-feature-con02 .text-box .sub-text{font-size:14px;}
}


/* 순서도 */
.newflow-chart-box{position:relative; margin-top:20px;}
.newflow-chart-box:after{content:""; display:block; clear:both;}

.newflow-chart-box .chart-left-con{position:relative;  display:flex; align-items:center; justify-content: center; padding:40px 0; border:1px solid #eee; border-radius:20px;}
.newflow-chart-box .chart-left-con .chart-title-item1{position:relative;width:267px;text-align:center;padding: 30px 20px; background: #E9F1FF;border-radius: 20px;box-sizing: border-box;}
.newflow-chart-box .chart-left-con .chart-title-item2{position:relative;width:267px;text-align:center;padding: 30px 20px; background: #2A54AB;color:#fff;border-radius: 20px;box-sizing: border-box;}
.newflow-chart-box .chart-left-con .chart-title-item1 p,
.newflow-chart-box .chart-left-con .chart-title-item2 p{font-size:24px; font-weight:bold;}
.newflow-chart-box .chart-left-con .chart-title-item1 span,
.newflow-chart-box .chart-left-con .chart-title-item2 span{display:block;font-size:16px;}

.newflow-chart-box .chart-title-arrow {margin:20px 0 0 0; width:150px;font-size:16px; font-weight:bold; text-align:center;}
.newflow-chart-box .chart-title-arrow span{display:block; margin-top:8px;}
.newflow-chart-box .arrow-right{margin:auto;width:100px;height:45px;clip-path: polygon(0% 20%, 70% 20%, 70% 0%, 100% 50%, 70% 100%, 70% 80%, 0% 80%);background: #8493af;}

@media all and ( max-width: 800px ){
	/* 순서도 */
	.newflow-chart-box .chart-left-con {padding: 0; border: none;}
}

@media all and ( max-width: 640px ){
	/* 순서도 */
	.newflow-chart-box .chart-left-con{flex-direction: row; flex-wrap: wrap; justify-content: center;}
	.newflow-chart-box .chart-left-con .chart-title-item1,
	.newflow-chart-box .chart-left-con .chart-title-item2{width:100%;}

	.newflow-chart-box .arrow-right{width:80px; transform:rotate(90deg)}
	.newflow-chart-box .chart-title-arrow span{ margin-top:20px;}
	
}

/* 회사소개 */
.company-intro{text-align:center;}
.company-intro img{max-width:100%;}
.company-intro .c-logo-txt{margin-top:50px; position:relative;}
.company-intro .logo-ko{margin-top:12px;font-weight:500; font-size:20px;}
.company-intro .c-txt1{margin-top:60px;font-size:26px; line-height:1.6;}
.company-intro .c-txt2{margin-top:80px;font-size:32px; font-weight:bold;}
.company-intro .c-txt3{margin-top:100px; margin-bottom:100px; font-size:24px;}
.company-intro .fc-blue{color:#376CFB;}

.company-intro-footer-img{ background: url(../img/main/newintro_img02.png) center/contain no-repeat; width:100%; height:478px;}

.company-referance{position:relative; margin-top:50px;}
.company-referance .refer-title{position:relative; max-width:213px; height:49px; padding:16px 36px; border-radius:30px; font-size:18px; font-weight:bold; background: var(--darkblue-color); color: #ffffff; z-index:2;}
.company-referance .refer-title.bg2{background:#407DFB;}

.company-referance ul{z-index:1; position:relative;  width:100%; padding:24px 14px 16px; margin-top:-23px; display:flex; align-items: center; flex-direction: row; flex-wrap: wrap; background:#EFF3FA; border-radius:10px; box-sizing:border-box;}
.company-referance ul li{display:block; width: calc(16.66% - 20px); padding:15px 7px; margin:10px; background:#fff; border-radius:16px; box-sizing:border-box;}
.company-referance ul li span{display:block; height:35px; text-align:center; vertical-align:middle; line-height:35px;}
.company-referance ul li img{width: auto; height: auto; max-width: 90%; max-height: 29px; display: inline-block; text-align: center; vertical-align: middle; box-sizing:border-box;}

.company-referance ul li img.h19px{max-height: 19px;}
.company-referance ul li img.h39px{max-height: 39px;}
.company-referance ul li img.w90per{max-width: 90%;}

.company-referance.groupware-channel{margin-top:40px;}
.company-referance.groupware-channel ul li{width: calc(20% - 28px); padding:15px 7px; margin:14px;}

@media all and ( max-width: 800px ){
	/* 회사소개 */
	.company-intro .c-txt1{font-size:22px; line-height:1.4;}
	.company-intro .c-txt2{font-size:28px; font-weight:bold;}
	.company-intro .c-txt3{font-size:20px; margin-bottom:50px;}
	
	.company-referance ul{ flex-direction: row; flex-wrap: wrap; padding-top:36px;}
	.company-referance ul li,
	.company-referance.groupware-channel ul li{width: calc(33% - 20px); margin:5px 10px;}
	
	.company-intro-footer-img { background-size: 200%; background-position: 45%; height:278px;}
	
	.company-referance .refer-title{max-width:100%;}
}
@media all and ( max-width: 480px ){
	/* 회사소개 */
	.company-referance ul li,
	.company-referance.groupware-channel ul li{width: calc(50% - 20px); margin:5px 10px; }
}



/***************** 2025.04.25 경비처리 펌뱅킹 소개 ******************/
/* 서브 타이틀 정의 */
.mt100{margin-top:100px;}
.kproduct-title-text {position:relative; font-weight:bold; text-align:center; line-height:1.5; padding:10px 0 20px 0;}
.kproduct-title-text .font-4xl{font-size:42px;}
.kproduct-title-text .font-3xl{font-size:36px;}
.kproduct-title-text .font-2xl{font-size:30px;}
.kproduct-title-text .font-xl{font-size:28px;}
.kproduct-title-text .font-l{font-size:24px;}
.kproduct-title-text .font-m{font-size:22px;}

.kproduct-title-text .normal{ font-weight:normal !important;}
.kproduct-title-text .bold{font-weight:bold !important;}
.kproduct-title-text .semibold{font-weight:600 !important;}

.leftbar-type-title{display:block; font-size:28px; font-weight:bold; margin-top:20px; }
.leftbar-type-title:before{content:"";width:8px; height:28px; background: var(--darkblue-color); display:inline-block; border-radius:2px; vertical-align:middle;margin-right:10px; margin-top:-3px}

.leftbar-type-title.t-ml{}
.leftbar-type-title.t-ml:before{margin-right:3px;}

.kproduct-title-text{padding-top:30px;}
.kproduct-title-text p:first-child{margin-bottom:10px;}

@media all and ( max-width: 800px ){
	.kproduct-title-text .font-4xl{font-size:32px;}
	.kproduct-title-text .font-3xl{font-size:28px;}
	.kproduct-title-text .font-2xl{font-size:24px;}
	.kproduct-title-text .font-xl{font-size:22px;}
	.kproduct-title-text .font-l{font-size:18px;}
	.kproduct-title-text .font-m{font-size:16px;}
	
	.leftbar-type-title{font-size:22px;}
}

/* K-Accounting, 우리회사에 최적화된 비용관리  */
.k-expense-con01{margin:20px 0;}
.k-expense-con01 ul {display:flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.k-expense-con01 ul li{width: calc(33.3333% - 17px); margin-bottom:35px; min-height: 400px; padding:30px 30px;box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.14); border-radius: 10px;}
.k-expense-con01 ul li .con1-sub-title{display:inline-block; background:#EEF4FF;color: var(--gray80-color); font-size:14px; padding:5px 16px; border-radius:20px; margin-left:-8px;}
.k-expense-con01 ul li .con1-title{margin:17px 0; font-weight:700;color:var(--darkblue-color); font-size:22px;}
.k-expense-con01 ul li .detail-txt{margin:17px 0; font-weight:500; font-size:16px;}
.k-expense-con01 ul li .k-expense-con01-img{max-width:100%; text-align:center;}
.k-expense-con01 ul li .k-expense-con01-img img{max-width:100%;}

.k-expense-con01 ul li:nth-child(1) .k-expense-con01-img{padding-top:20px}
.k-expense-con01 ul li:nth-child(5) .k-expense-con01-img{padding-top:20px}
@media all and ( max-width: 800px ){
	.k-expense-con01 ul {display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
	.k-expense-con01 ul li{width: 100%; height:auto;}
}

/* k-expense 상단 */
.kproduct-intro-top:before{content:""; position:absolute; top:0; left:0; width:100%; height:400px; background: linear-gradient(180deg, #FFFFFF 55.77%, #EFF3FB 100%); z-index:0;}
.kproduct-intro-top{ position:relative; text-align:center; z-index:1;}
.kproduct-title-img:before{content:""; position:absolute; left:0; bottom:120px; width:442px; height:98px; background: url(../img/main/kexpense_topimg02.png) 0 0 no-repeat; z-index:1;}
.kproduct-title-img{position:relative; max-width:1200px; margin:5px auto 0; z-index:3;}
.kproduct-title-img img{max-width:42%; z-index:3;}

.kproduct-intro-top .kproduct-title-text{padding-top:30px;}
.kproduct-intro-top .kproduct-title-text p:first-child{margin-bottom:10px;}
@media all and ( max-width: 800px ){
	.kproduct-intro-top:before{height:auto;}
	.kproduct-title-img:before{display:none;}
}

/* k-firm 상단 */
.kproduct-intro-top02:before{content:""; position:absolute; top:0; left:0; width:100%; height:480px; background: linear-gradient(180deg, #FFFFFF 55.77%, #EFF3FB 100%); z-index:0;}
.kproduct-intro-top02{ position:relative; text-align:center; z-index:1;}
.kproduct-title-img02:before{content:""; position:absolute; left:0; bottom:140px; width:442px; height:98px; background: url(../img/main/kfirm_topimg02.png) 0 0 no-repeat; z-index:1;}
.kproduct-title-img02{position:relative; max-width:1200px; margin:5px auto 0; z-index:3;}
.kproduct-title-img02 img{max-width:42%; z-index:3;}

.kproduct-intro-top02 .kproduct-title-text{padding-top:30px;}
.kproduct-intro-top02 .kproduct-title-text p:first-child{margin-bottom:10px;}
@media all and ( max-width: 800px ){
	.kproduct-intro-top02:before{height:auto;}
	.kproduct-title-img02:before{display:none;}
}

/* section2 */
.k-expense-con02 {margin:50px auto;}
.k-expense-con02 .kproduct-title-text{padding:30px 0 40px;}

/****************** Swiper 관련 *******************/
.kexpenseSwiper {
    width: 100%;
    height: 240px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.kexpenseSwiper .swiper-slide {
    background: #f9f9f9;
    border-radius: 10px;
    box-sizing: border-box;
}
/* Swiper 버튼 커스터마이징 */
.swiper-button-next,
.swiper-button-prev {
    transform: scale(0.8);
    opacity: 0.5;
    color: #aaa;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}
/* 탭 영역 */
.k-expense-tab {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    gap: 19px;
}
.k-expense-tab ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.k-expense-tab-item {
    flex: 1 1 auto;
    position: relative;
    width: calc(25% - 19px);
    margin-right: 19px;
    margin-bottom: 20px;
    min-height: 70px;
}
.k-expense-tab-item:nth-child(4),
.k-expense-tab-item:nth-child(8),
.k-expense-tab-item:last-child {
    margin-right: 0;
}
.k-expense-tab-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 0px;
    font-weight: 600;
    color: #333;
    font-size: 18px;
    border: 1px solid #ACBBE5;
    box-shadow: 0px 4px 10px rgba(185, 185, 185, 0.05);
    border-radius: 10px;
    transition: all 0.1s;
}
.k-expense-tab-item a:hover {
    background: #EEF4FF;
}
.k-expense-tab-item a.active {
    color: #fff;
    font-weight: 600;
    background: #4F7AEF;
    border-color: #4F7AEF;
    box-shadow: 0px 4px 10px rgba(185, 185, 185, 0.25);
}
/* 포인트 배경 스타일 */
.k-expense-tab-item a.point-bg {
    position: relative;
    background: #FEFDDE;
    border-color: #D0D0CB !important;
    color: #111;
}
.k-expense-tab-item a.point-bg:hover {
    background: #FFFDC7;
}
.k-expense-tab-item a.point-bg.active,
.k-expense-tab-item a.point-bg.active:hover {
    color: #fff;
    font-weight: 600;
    background: #4F7AEF;
    border-color: #4F7AEF;
    box-shadow: 0px 4px 10px rgba(185, 185, 185, 0.25);
}
.k-expense-tab-item a.point-bg .icon-new {
    position: absolute;
    display: block;
    top: 0;
    left: 24px;
    width: 36px;
    height: 36px;
    background: url(../img/main/kexpense_section02_ico_bg.svg) 0 0 no-repeat;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding-top: 5px;
    padding-left: 3px;
}
.k-expense-tab-item .icon {
    width: 36px;
    height: 36px;
    max-width: 100%;
	margin-right:6px;
}
/* 상세 설명 박스 */
.k-expense-tab-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 220px;
    padding: 10px 0;
    margin-bottom: 20px;
    border-radius: 10px;
    box-sizing: border-box;
}
.k-expense-tab-detail .img-box {
    width: 30%;
    text-align: center;
}
.k-expense-tab-detail .text-box {
    width: calc(70% - 20px);
    text-align: left;
    padding-left: 0px;
}
.k-expense-tab-detail .text-box .mtitle-text {
    font-size: 24px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 12px;
    font-weight: 600;
	color:#111;
}
.k-expense-tab-detail .text-box .sub-text {
    font-size: 17px;
    text-align: left;
}
.k-expense-tab-detail .img-box img {
    max-width: 230px;
}
/* 반응형 - 모바일 대응 */
@media (max-width: 768px) {
    .kexpenseSwiper {
        height: 440px;
    }
    .k-expense-tab {
        display: none;
    }
    .k-expense-tab-item a {
        font-size: 14px;
        padding: 8px;
    }
    .k-expense-tab-detail {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        min-height: 330px;
        align-content: center;
    }
    .k-expense-tab-detail .img-box {
        width: 95% !important;
        margin: 0 auto;
        padding: 20px 30px;
    }
	.k-expense-tab-detail .img-box img {
		max-width: 260px;
	}
    .k-expense-tab-detail .text-box {
        width: 95% !important;
        margin: 0 auto;
        padding: 20px 40px;
    }
	.k-expense-tab-detail .mtitle-text {
        padding: 0 0;
    }
}

/* k-firm */
.kfirm-section-list-con{display:flex;align-items: flex-start; justify-content:space-between; width:100%; padding:70px 0; box-sizing:border-box;}
.kfirm-section-list-con:last-child{border-bottom:none;}
.leftbar-type-title+.kfirm-section-list-con{padding-top:30px;}

.kfirm-section-list-con .img-box{width:50%; text-align:center;}
.kfirm-section-list-con .img-box img{max-width:100%;}
.kfirm-section-list-con .text-box{text-align:left; flex-grow: 1; width:50%;}
.kfirm-section-list-con .text-box .mtitle-text{font-size:32px; text-align:left; line-height:1.4; margin-bottom:16px; padding-top:10px;}
.kfirm-section-list-con .text-box .mtitle-text02{ display:inline-block; font-size:22px; font-weight:bold; text-align:left; line-height:1.4; margin-bottom:16px; background:#EEF4FF;color: var(--darkblue-color); padding:10px 40px 8px 25px; border-radius:30px; margin-left:-8px;}
.kfirm-section-list-con .text-box .mtitle-text02:before{content:"\e929"; font-family:xeicon; vertical-align:middle; margin-top:-3px; font-weight:normal;}

.kfirm-section-list-con .text-box .sub-text{font-size:16px; text-align:left;padding:0 0 0 20px}

.kfirm-section-list-con .deco-ico{position: relative; padding:1px 10px; font-size:16px; margin:4px 0;}
.kfirm-section-list-con .deco-ico:before{content:''; position:absolute;left:0; top: 10px; vertical-align: middle; width:4px; height:4px; background: var(--darkblue-color); border-radius: 4px; }
@media all and ( max-width: 800px ){
	/* k-firm */
	.kfirm-section-list-con { flex-direction: column; flex-wrap:wrap; overflow:visible; height:auto; padding:40px 16px;}

	.kfirm-section-list-con .text-box .mtitle-text{font-size:26px;}
	.kfirm-section-list-con .text-box .mtitle-text02{font-size:18px; padding:10px 30px 8px 15px;}	
	
	.kfirm-section-list-con .text-box .sub-text{padding-left:0;}	
	
	.kfirm-section-list-con .img-box{width:100%; margin-top:20px;}
	.kfirm-section-list-con .text-box{ width:100%; padding-left:0 !important;}
	.kfirm-section-list-con .text-box .mtitle-text {padding:0 !important; }

}
@media all and ( max-width: 480px ){
	.kfirm-section-list-con .text-box .mtitle-text02{font-size:16px; letter-spacing:-0.05em;}
	.kfirm-section-list-con .text-box .sub-text{font-size:14px;}
}

/* K-Accounting, 우리회사에 최적화된 비용관리  */
.kfirm-con02{margin:20px 0;}
.kfirm-con02 ul {display:flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.kfirm-con02 ul li{position:relative; width: calc(33.3333% - 17px); margin-bottom:35px; min-height: 160px; padding:30px 30px;box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.14); border-radius: 10px; transition: background 0.3s ease, transform 0.3s ease;}
.kfirm-con02 ul li:hover{background:#4F7AEF; color:#fff;}
.kfirm-con02 ul li .con-mtitle{font-size:22px; font-weight:700; color: var(--gray80-color); margin-bottom:10px; }
.kfirm-con02 ul li .con-stitle{font-size:15px; color:#444}
.kfirm-con02 ul li .con-img{display:block; position:absolute; right:16px; bottom:16px;}

.kfirm-con02 ul li:hover .con-mtitle,
.kfirm-con02 ul li:hover .con-stitle{color:#fff;}

.kfirm-con02 ul li .con-mtitle,
.kfirm-con02 ul li .con-stitle {transition: transform 0.3s ease, color 0.3s ease;}
.kfirm-con02 ul li:hover .con-mtitle,
.kfirm-con02 ul li:hover .con-stitle {/*transform: scale(1.03);*/}

@media all and ( max-width: 800px ){
	.kfirm-con02 ul {display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
	.kfirm-con02 ul li{width: 100%;min-height: 100px;  padding:24px 30px;}
	.kfirm-con02 ul li .con-stitle{width:80%;}
}


/***************************************
  2025.04.29 서브페이지 - 부가세 신고
***************************************/
/* k-vat 상단 */
.kproduct-intro-top03:before{content:""; position:absolute; top:0; left:0; width:100%; height:490px; background: linear-gradient(180deg, #FFFFFF 55.77%, #EFF3FB 100%); z-index:0;}
.kproduct-intro-top03{ position:relative; text-align:center; z-index:1;}
.kproduct-title-img03:before{content:""; position:absolute; left:-140px; bottom:130px; width:442px; height:98px; background: url(../img/main/kvat_topimg02.png) 0 0 no-repeat; z-index:1;}
.kproduct-title-img03{position:relative; max-width:1200px; margin:5px auto 0; text-align:center; z-index:3;}
.kproduct-title-img03 img{max-width:100%; margin:0 auto; z-index:3;}

.kproduct-intro-top03 .kproduct-title-text{padding-top:30px;}
.kproduct-intro-top03 .kproduct-title-text p:first-child{margin-bottom:10px;}
@media all and ( max-width: 800px ){
	.kproduct-intro-top03:before{height:auto;}
	.kproduct-title-img03:before{display:none;}
}

/* k-vat 첫번째 섹션  */
.kvat-con01{margin:20px 0;}
.kvat-con01 ul {display:flex;flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
.kvat-con01 .kvat-inner-item{position:relative; width: calc(25% - 15px); margin-bottom:35px; min-height: 260px; padding:0 0 30px 0; box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.14); border-radius: 10px; transition: background 0.3s ease, transform 0.3s ease;}

.kvat-con01 .kvat-inner-item .con-mtitle{font-size:22px; font-weight:700; color: var(--white-color); margin-bottom:18px; padding:10px 20px; background:#4F7AEF; text-align:center; border-radius: 10px 10px 0 0;}
.kvat-con01 .kvat-inner-item .con-stitle{padding:0 25px; color:#444;}
.kvat-con01 .kvat-inner-item .con-img{display:block; position:absolute; right:16px; bottom:16px;}

.kvat-con01 .kvat-inner-item .con-mtitle,
.kvat-con01 .kvat-inner-item .con-stitle,
.kvat-con01 .kvat-inner-item .con-stitle li {transition: transform 0.3s ease, color 0.3s ease;}

.kvat-con01 .con-stitle{display:block; text-align:left;padding:0}
.kvat-con01 .con-stitle .deco-ico{position: relative; padding:1px 10px; font-size:14px; margin:4px 0;}
.kvat-con01 .con-stitle .deco-ico:before{content:''; position:absolute;left:0; top: 9px; vertical-align: middle; width:4px; height:4px; background: var(--darkblue-color); border-radius: 4px; }
@media all and ( max-width: 800px ){
	.kvat-con01 ul {display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
	.kvat-con01 .kvat-inner-item{width: 100%;min-height: 100px; }
	.kvat-con01 .kvat-inner-item .con-stitle{width:80%; padding:0 12px;}
}

/* k-vat 두번째 섹션*/
.kvat-section-list-con{display:flex;align-items: flex-start; justify-content:space-between; width:100%; padding:70px 0; box-sizing:border-box;}
.kvat-section-list-con:last-child{border-bottom:none;}
.leftbar-type-title+.kvat-section-list-con{padding-top:30px;}

.kvat-section-list-con .img-box{width:40%; text-align:center;}
.kvat-section-list-con .img-box img{max-width:100%;}
.kvat-section-list-con .text-box{text-align:left; flex-grow: 1; width:60%;}
.kvat-section-list-con .text-box .mtitle-text{font-size:28px; text-align:left; line-height:1.4; margin-bottom:16px; padding-top:10px; color: var(--darkblue-color);}
.kvat-section-list-con .text-box .sub-text{font-size:18px; text-align:left;padding:0 0 0 20px; }

.kvat-section-list-con .deco-ico{position: relative; text-align:left; line-height:1.4; padding:0 0 0 20px; margin:0 0 14px -20px;}
.kvat-section-list-con .deco-ico:before{content:"\e929"; position:absolute;left:0; top:1px; font-family:xeicon; vertical-align:middle; font-weight:normal; font-size:18px; color: var(--darkblue-color); }

@media all and ( max-width: 800px ){
	/* k-vat */
	.kvat-section-list-con { flex-direction: column; flex-wrap:wrap; overflow:visible; height:auto; padding:40px 16px;}

	.kvat-section-list-con .text-box .mtitle-text{font-size:22px;}
	.kvat-section-list-con .text-box .sub-text{padding-left:16px;}
	
	.kvat-section-list-con .img-box{width:100%; margin-top:20px;}
	.kvat-section-list-con .text-box{ width:100%; padding-left:0 !important;}
	.kvat-section-list-con .text-box .mtitle-text {padding:0 !important; }
}
@media all and ( max-width: 480px ){
	.kvat-section-list-con .text-box .sub-text{font-size:16px;}
}

/* 부가세신고 하단 레퍼런스 로고 영역 */
.kvat-referance-logo-list ul{position:relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.kvat-referance-logo-list ul li{display:block; width: calc(20% - 10px); padding:15px 15px; margin:5px 5px; border:1px solid #ddd; background:#fff; border-radius:16px; box-sizing:border-box;}
.kvat-referance-logo-list ul li span{display:block; height:35px; text-align:center; vertical-align:middle; line-height:35px;}
.kvat-referance-logo-list ul li img{width: auto; height: auto; max-width: 100%; max-height: 29px; display: inline-block; text-align: center; vertical-align: middle; box-sizing:border-box;}

.kvat-referance-logo-list ul li img.h19px{max-height: 19px;}
.kvat-referance-logo-list ul li img.w90per{max-width: 90%;}
@media all and ( max-width: 800px ){
	/* 도입사례 회사 로고 */
	.kvat-referance-logo-list ul{ flex-direction: row; flex-wrap: wrap;} /* 도입사례로고 늘어나면 줄바꿈 고려 */
	.kvat-referance-logo-list ul li{width: calc(33% - 20px); margin:5px 10px; }
}
@media all and ( max-width: 480px ){
	/* 도입사례 회사 로고 */
	.kvat-referance-logo-list ul li{width: calc(50% - 20px); margin:5px 10px; }
}


/* ******************************************** 
    2025.05.02 메인페이지 추가 k-expense
   메인페이지용 k-expense 서브css값 변형
*********************************************/
#newmain-kexpense {position:relative; padding:80px 0 0px; box-sizing:border-box;}

/* k-firm 상단 */
#newmain-kexpense .kproduct-intro-top:before{content:""; display:none; /*position:absolute; top:0; left:0; width:100%; height:360px; background: linear-gradient(180deg, #FFFFFF 55.77%, #EFF3FB 100%); z-index:0;*/}
#newmain-kexpense .kproduct-intro-top{position:relative; text-align:center; background: linear-gradient(180deg, #FFFFFF 55.77%, #EFF3FB 100%); padding:0 0 50px 0; z-index:1;}
#newmain-kexpense .kproduct-title-img:before{content:""; display:none; /*position:absolute; left:0; bottom:50px; width:442px; height:98px; background: url(../img/main/kexpense_topimg02.png) 0 0 no-repeat; z-index:1;*/}
#newmain-kexpense .kproduct-title-img{position:relative; max-width:1200px; margin:0 auto;}
#newmain-kexpense .kproduct-title-img img{max-width:32%; position:absolute; right:-130px; top:-150px; z-index:3;}

#newmain-kexpense .kproduct-intro-top .kproduct-title-text{padding-top:30px;}
#newmain-kexpense .kproduct-intro-top .kproduct-title-text p:first-child{margin-bottom:10px;}
#newmain-kexpense .k-expense-con01 ul li{width: calc(33.3333% - 30px); margin-bottom:35px; min-height: 400px; padding:30px 30px;box-shadow: 0px 0px 30px rgba(62, 68, 100, 0.14); border-radius: 10px;}

@media all and ( max-width: 1200px ){
	#newmain-kexpense .k-expense-con01 ul li{width: calc(33.3333% - 20px);}
}
@media all and ( max-width: 800px ){
	#newmain-kexpense .inner-basic{padding:0 20px;}
	#newmain-kexpense .kproduct-intro-top:before{height:auto;}
	#newmain-kexpense .kproduct-title-img:before{display:none;}
	
	#newmain-kexpense .kproduct-intro-top{padding-bottom:30px;}
	#newmain-kexpense .kproduct-title-img img{max-width:32%; position: relative; right:auto; top:auto; z-index:3;}
	
	#newmain-kexpense .k-expense-con01 ul {display:flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
	#newmain-kexpense .k-expense-con01 ul li{width: 100%; height:auto;}
}


/****** 2025.05.27  부가세 고객사례 추가 *******/
.referance-review{position:relative; margin:20px 0 50px;}
.referance-review .review-items{position:relative; display:flex; align-items: center; margin-bottom:36px; padding:10px 20px;background: #EBF3FF; border-radius: 50px 50px 50px 0px;}
.referance-review .review-items:nth-child(2){background: #EAF5FA;}
.referance-review .review-items:nth-child(3){background: #EDF0FE; }

.referance-review .review-items .review-left-icon{padding-bottom:32px;}
.referance-review .review-items .icon01{display:block;width:100px; height:64px; color:#fff; font-weight:700; font-size:22px; text-align:center; padding:10px 0 0 0; margin:-10px 0 0 16px;}
.referance-review .review-items:nth-child(1) .icon01{background:url(../img/main/kvat_section03_balloon01.png) center/contain no-repeat;}
.referance-review .review-items:nth-child(2) .icon01{background:url(../img/main/kvat_section03_balloon02.png) center/contain no-repeat;}
.referance-review .review-items:nth-child(3) .icon01{background:url(../img/main/kvat_section03_balloon03.png) center/contain no-repeat;}
.referance-review .review-items .icon02{display:block;width:65px; height:78px; margin:-10px 0 0 68px; background:url(../img/main/kvat_section03_icon01.png) center/contain no-repeat;}

.referance-review .review-items .review-txt-box{padding-left:38px;}
.referance-review .review-items .review-mt{font-size:24px; font-weight:700; color:#333; margin-bottom:5px;}
.referance-review .review-items .review-st{font-size:16px; font-weight:normal;color:#333;}

@media all and ( max-width: 800px ){
	.referance-review .review-items{ padding:20px 10px; flex-direction: column;}
	
	.referance-review .review-items .review-left-icon{padding-bottom:16px;}
	.referance-review .review-items .icon01{width:60px; height:39px; font-size:16px; padding:5px 0 0 0; margin:-10px 0 0 0;}
	.referance-review .review-items .icon02{width:45px; height:54px; margin:0 0 0 10px;}
	
	.referance-review .review-items .review-txt-box{padding-left:16px;line-height:1.2;}
	.referance-review .review-items .review-mt{font-size:18px;}
	.referance-review .review-items .review-st{font-size:14px;}
}


/********************************************************************* 
	2025.08.11 메인 및 서브 경비처리 페이지 개편 
*********************************************************************/
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}

/* 메인 개편관련 헤더 로고 영역*/
#main-wrap #header.main-header-new .headermenu-wrap .top-logo{height:45px;}
#main-wrap #header.main-header-new .headermenu-wrap .top-logo a img{max-height:45px;}

/*--------------- 250811 랜딩 페이지 개편 메인섹션 1 ---------------*/
#new2025-main-section01 #mainVisual{overflow:hidden; width:100%;  height:640px;  position:relative; margin-top:-80px;}	/* 비주얼높이값 이미지에맞게 수정 */
#new2025-main-section01 #mainVisual > *{box-sizing:border-box;}

/* 메인비쥬얼 배경이미지1 */
#new2025-main-section01 .main-visual-item.main-newbg01:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}
#new2025-main-section01 .main-visual-item.main-newbg01{width:100%; height:100%; background:#ffffff url(../img/main/2025newmain_topvisual_bg.png) no-repeat center/cover; }

/* 메인 비주얼 :: 텍스트 */
#new2025-main-section01 .main-visual-item .main-visual-txt-inner{padding-left:20px;}
#new2025-main-section01 .main-visual-item .main-visual-txt-con{
	position: relative;
    display: flex;
	justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}
#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt1,
#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt2,
#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt3,
#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt4{
	opacity:0; 
}
#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt1{margin-bottom:12px; font-size:32px; color: #222222; font-weight: bold;}
#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt2{margin-bottom:35px;font-size:26px; color: #444444; font-weight: 600;}

#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt3{margin-bottom:35px; font-size:24px; color: #444444; font-weight: 600;}

#new2025-main-section01 .fc-lightgray{color: #3c4653 !important;}

#new2025-main-section01 .main-visual-item.cm-word-split-JS.splitting .word{line-height:1.1;}

/* 메인비쥬얼 버튼*/
#new2025-main-section01 .main-visual-item .btn-main{width:190px; height:44px; border-radius:5px; font-size:16px; padding:0 0 0 10px; background: #112D66 !important; color: var(--white-color); border:none !important;}
#new2025-main-section01 .main-visual-item .btn-main:hover{background: #2A54AB !important;}
#new2025-main-section01 .main-visual-item .btn-main i{ vertical-align:middle; font-size:16px; margin-top:-4px;margin-left:4px;}

/* 메인 비주얼 :: active효과 */
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt1,
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt2,
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt3,
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt4{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.2s; animation-delay:0.2s;}
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{ -webkit-animation-delay:0.7s; animation-delay:0.7s;}
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt-con .main-visual-txt4{ -webkit-animation-delay:0.9s; animation-delay:0.9s;}
#new2025-main-section01 .main-visual-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
#new2025-main-section01 .main-visual-item.active-item .main-visual-txt1.splitting .char{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.newmain-visual-img {
    position: relative;
    width: 520px;
	min-width:509px;
    height: 400px;
  }
 .visual-item {
    position: absolute;
    opacity: 0;
  }
 .visual-item img {
    display: block;
    height: auto;
  }
  /* 위치 설정 + 애니메이션 */
 .visual-item01 {
    bottom: 0px; left: 19px;
   /* animation: mainslideUp 1s forwards 0.8s;*/

  }
 .visual-item02 {
    bottom: 180px; left: 0px;
   /* animation: mainslideUp 1s forwards 1.0s,
               mainbounce 1.5s ease-in-out infinite 2.8s;*/
  }
 .visual-item03 {
    bottom: 110px; left: 0px;
   /* animation: mainslideUp 1s forwards 1.3s,
               mainbounce 1.5s ease-in-out infinite 2.8s;*/
  }
 .visual-item04 {
    top: 68px; right: 16px;
   /* animation: mainslideLeft 1s forwards 2.2s;*/
  }
 .visual-item05 {
    top: 228px; right: 16px;
    /*animation: mainslideLeft 1s forwards 3.0s;*/
  }

/* 25.12.29 초기 상태: 애니메이션이 없을 때는 보이지 않게 설정 */
.newmain-visual-img .visual-item {
    opacity: 0;
}
/* 25.12.29 활성화(active-item) 되었을 때만 애니메이션 실행 */
.active-item .visual-item01 {
    animation: mainslideUp 1s forwards 0.8s;
}
.active-item .visual-item02 {
    animation: mainslideUp 1s forwards 1.0s,
               mainbounce 1.5s ease-in-out infinite 2.8s;
}
.active-item .visual-item03 {
    animation: mainslideUp 1s forwards 1.3s,
               mainbounce 1.5s ease-in-out infinite 2.8s;
}
.active-item .visual-item04 {
    animation: mainslideLeft 1s forwards 2.2s;
}
.active-item .visual-item05 {
    animation: mainslideLeft 1s forwards 3.0s;
}

  /* 이미지 크기 */
 .visual-item01 img{max-width:258px;}
 .visual-item02 img,
 .visual-item03 img{max-width:297px;}
 .visual-item04 img,
 .visual-item05 img{max-width:200px;}

  /* 등장 애니메이션 */
  @keyframes mainslideUp {
    from { transform: translateY(50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
  }
  @keyframes mainslideLeft {
    from { transform: translateX(50px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
  }

  /* 바운스 효과 */
  @keyframes mainbounce {
    0%, 100% { transform: translateY(0); }
   50% { transform: translateY(-4px); }
}

@media all and ( max-width: 1024px ){
	/* 메인비쥬얼 애니메이션 이미지 */
	.newmain-visual-img {width: 390px; height: 290px; min-width:390px;}
	
	 /* 위치 설정 + 애니메이션 */
	.visual-item01 {bottom: 0px; left: 19px;}
	.visual-item02 {bottom: 135px; left: 5px;}
	.visual-item03 {bottom: 86px; left: 5px;}
	.visual-item04 { top: 40px; right: 16px;}
	.visual-item05 {top: 150px; right: 16px;}

	/* 이미지 크기 */
	.visual-item01 img{max-width:191px;}
	.visual-item02 img,
	.visual-item03 img{max-width:220px;}
	.visual-item04 img,
	.visual-item05 img{max-width:146px;}	
}
@media all and ( max-width: 800px ){
	/* 메인비쥬얼 텍스트 */
	#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:28px; }
	#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt2{margin-bottom:20px; font-size:20px; }

	/* 메인비쥬얼 배경이미지1 */
	#new2025-main-section01 #mainVisual{height:780px;}
	#new2025-main-section01 .main-visual-item .main-visual-txt-con{flex-direction: column;}

	.newmain-visual-img {margin-top:30px;}
}
@media all and ( max-width: 480px ){
	/* 메인비쥬얼 텍스트 */
	#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt1{font-size:24px; }
	#new2025-main-section01 .main-visual-item .main-visual-txt-con .main-visual-txt2{margin-bottom:18px; font-size:18px; }

	/* 메인비쥬얼 애니메이션 이미지 */
	.newmain-visual-img {width: 300px; height: 230px; min-width:300px;}
	
	 /* 위치 설정 + 애니메이션 */
	.visual-item01 {bottom: 0px; left: 19px;}
	.visual-item02 {bottom: 105px; left: 5px;}
	.visual-item03 {bottom: 66px; left: 5px;}
	.visual-item04 { top: 30px; right: 0px;}
	.visual-item05 {top: 120px; right: 0px;}

	/* 이미지 크기 */
	.visual-item01 img{max-width:152px;}
	.visual-item02 img,
	.visual-item03 img{max-width:175px;}
	.visual-item04 img,
	.visual-item05 img{max-width:117px;}	
}

/* 메인 스크롤 아이콘 */
.scroll-icon div {
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #112D66;
  font-size:13px;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scroll-icon div:hover {
  opacity: .5;
}

.scroll-icon div {
  padding-top: 80px;
}
.scroll-icon div span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #112D66;
  border-radius: 50px;
  box-sizing: border-box;
}
.scroll-icon div span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #112D66;
  border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
.scroll-icon div span::after {
  position: absolute;
  bottom: -18px;
  left: 50%;
  width: 18px;
  height: 18px;
  content: '';
  margin-left: -9px;
  border-left: 1px solid #112D66;
  border-bottom: 1px solid #112D66;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
 -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*--------------- 250811 랜딩 페이지 개편 메인섹션 2 ---------------*/
#new2025-main-section02{position:relative; padding:120px 0;background:#F2F4F9; box-sizing:border-box;}

/* 메인 및 서브 탭 공통 디자인 */
.main-tab-box-conts{position:relative; max-width:1120px; margin:0 auto 24px; background:#f2f2f2; border-radius:56px;}
.main-tab-box-conts ul{ display: flex;}
.main-tab-box-conts ul li{width:25%; height:56px; }
.main-tab-box-conts ul li a{display:flex; justify-content: center; align-items:center; width:100%; height:100%; border-radius:56px; font-size:16px; font-weight:600; color:#111111}
.main-tab-box-conts ul li a.active{background:#2A54AB; color:#ffffff; font-weight:700; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);}

@media all and ( max-width: 1024px ){
	.main-tab-box-conts ul li a{ font-size:14px;}
}
@media all and ( max-width: 800px ){
	.main-tab-box-conts{background:none !important; border-radius:5px;}
	.main-tab-box-conts ul{ display: flex; flex-wrap: wrap}
	.main-tab-box-conts ul li{width:33.33% !important; height:32px;}
	.main-tab-box-conts ul li a{border-radius:5px; background:#f2f2f2; font-size:13px;}
}

/* 메인비쥬얼 버튼*/
.btn-newmain-more{width:190px; height:44px; border-radius:5px; font-size:16px; padding:0 0 0 10px;}
.btn-newmain-more i{ vertical-align:middle; font-size:16px; margin-top:-4px;margin-left:4px;}

/* 25.12.17 추가 - 연동 버튼*/
.btn-newmain-more02{ height:44px; border-radius:5px; font-size:16px; padding:0 20px 0 24px; background: #112D66 !important; color: var(--white-color); border:none !important;}
.btn-newmain-more02:hover{background: #2A54AB !important;}
.btn-newmain-more02 i{ vertical-align:middle; font-size:16px; margin-top:-4px;margin-left:4px;}


/* 슬라이드 컨테이너 박스 */
.newmain-slide-wrap {position:relative; max-width:1120px; margin:32px auto 0;}

/*-------------Swiper 관련 (메인 섹션2) -------------*/
.newmain-section2-slide-wrap{ position:relative; display:flex; max-width:1120px;}

.newmain-section2-slide-wrap .newmain-section2-tab-con{position:relative; max-width:150px; background:none; border-radius:0}
.newmain-section2-slide-wrap .newmain-section2-tab-con ul li{width:150px; height:64px; margin-bottom:4px; }
.newmain-section2-slide-wrap .newmain-section2-tab-con ul li a{display:flex; justify-content: center; align-items:center; width:100%; height:100%;  font-size:18px; font-weight:500; background:#808EB2; color:#ffffff; border-radius:5px 0 0 5px;}
.newmain-section2-slide-wrap .newmain-section2-tab-con ul li a.active{background:#112D66; color:#ffffff; font-weight:700; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);}

.newmain-slide-design01 {
    width: 100%;
    min-height: 410px;
    position: relative;
    overflow: hidden;
	background: #112D66;
	border-radius: 0px 0px 0px 60px;
	box-sizing: border-box;
    z-index: 1;
}
.newmain-slide-design01 .swiper-slide {
    box-sizing: border-box;
}
/* 상세 설명 박스 */
.newmain-slide-design01 .slide-tab-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-direction: row;
    width: 100%;
    height: auto;
    padding: 50px 30px 0 30px;
    margin-bottom: 20px; 
	color:#ffffff;   
	box-sizing: border-box;
}
.newmain-slide-design01 .slide-tab-detail .text-box {
    width: calc(60% - 10px);
    padding-left: 28px;	
}
.newmain-slide-design01 .slide-tab-detail .img-box {
	width: 40%;
	display:flex;
	align-items:center;
	padding-right: 21px;	
}
.newmain-slide-design01 .slide-tab-detail .img-box img {
    max-width: 100%;
}
.newmain-slide-design01:nth-child(2) .slide-tab-detail .img-box img {
    margin-top:20px; /* 전표자동화 이미지 상단 여백*/
}
.newmain-slide-design01 .slide-tab-detail .text-box .mtitle-text-top{
	margin-bottom:24px;
}
.newmain-slide-design01 .slide-tab-detail .text-box .mtitle-text-top span{
	display:inline-block;
	border-top:1px solid #ffffff;
	padding-top:4px;
	font-size:14px;
}
.newmain-slide-design01 .slide-tab-detail .text-box .main-title-text{
	width:100%;
	font-size: 26px;
    text-align: left;
    line-height: 1.3;
    margin-bottom: 26px;
    font-weight: 700;
	color:#ffffff;
}
.newmain-slide-design01 .slide-tab-detail .text-box .sub-text li{ 
	font-size:15px; 
	font-weight: 400;
	margin-bottom:10px;
	padding-left:23px;
}
.newmain-slide-design01 .slide-tab-detail .text-box .sub-text li:last-child{ 
	margin-bottom:0;
}
.newmain-slide-design01 .slide-tab-detail .text-box .sub-text li:before{
	content:"\e92c";
	font-family: xeicon;
	font-weight: normal;
	font-size:18px;
	vertical-align: middle;
	margin-left: -23px;
	padding-right:5px;
}
@media all and (max-width: 1120px) {
	.newmain-section2-slide-wrap{ position:relative; display:flex; flex-direction: column; border-radius: 5px; overflow: hidden;}
	.newmain-section2-slide-wrap .newmain-section2-tab-con{max-width:1200px;}
	.newmain-section2-slide-wrap .newmain-section2-tab-con ul{ display:flex; flex-direction: row;}
	.newmain-section2-slide-wrap .newmain-section2-tab-con ul li{width:20%; height:60px; margin-bottom:4px; }
	.newmain-section2-slide-wrap .newmain-section2-tab-con ul li a{font-size:15px; border-radius:0;}
}
/* 반응형 */
@media all and (max-width: 800px) {
	.newmain-section2-slide-wrap .newmain-section2-tab-con ul li a{font-size:13px;}

    .newmain-slide-design01 {
        height: auto;
    }
    .newmain-slide-design01 .slide-tab-detail {
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
		padding: 40px 40px 20px 40px;
    }
    .newmain-slide-design01 .slide-tab-detail .img-box {
        width: 100% !important;
        margin: 30px auto 0;
        padding: 0;
		justify-content: center;
    }
	.newmain-slide-design01 .slide-tab-detail .img-box img {
		max-width: 80%;
	}
    .newmain-slide-design01 .slide-tab-detail .text-box {
        width: 100% !important;
        margin: 0 auto;
        padding: 0 0;
    }
	.newmain-slide-design01 .slide-tab-detail .text-box .main-title-text {
		font-size:26px;
    }
	.newmain-slide-design01 .slide-tab-detail .text-box .sub-text  {
		font-size:14px;
    }
}

/*--------------- 250811 랜딩 페이지 개편 메인섹션 3 ---------------*/
#new2025-main-section03{position:relative; padding:120px 0 60px; box-sizing:border-box;}

#new2025-main-section03 .section3-visual-item-wrap{position:relative; margin:20px auto; padding:0 24px; text-align:center; }
#new2025-main-section03 .section3-visual-item-wrap img{max-width:100%;}

.visual-txt-item-con{margin:0 auto;}
.visual-txt-item-con ul{ display: flex; justify-content: center;}
.visual-txt-item-con ul li{width: 296px; height: 88px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px 10px; margin:0 10px; font-weight: 600; font-size: 18px; color: #112D66;background: #E7F1FD; border: 1px dashed #6892E8; border-radius: 100px;}

@media all and (max-width: 800px) {
	.visual-txt-item-con ul{ flex-direction: column}
	.visual-txt-item-con ul li{width: 296px; height: 60px; padding: 16px 5px; margin:5px auto;   font-size: 15px; color: #112D66; background: #E7F1FD; }
}

/*-------------Swiper 관련 (메인 섹션3) -------------*/
.newmain-slide-design02 {
    width: 100%;
    height: 530px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.newmain-slide-design02 .swiper-slide {
    box-sizing: border-box;
}
/* 상세 설명 박스 */
.newmain-slide-design02 .slide-tab-detail {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
    width: 100%;
    min-height: 220px;
    padding: 20px 30px 0 30px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-sizing: border-box;
	background:#ffffff;
}
.newmain-slide-design02 .slide-tab-detail .img-box {
	display: flex;
	align-items:center;
	max-width:1033px;
	max-height:300px;
	height:296px;	
}
.newmain-slide-design02 .slide-tab-detail .text-box {
    width:100%;
	padding: 20px;	
	margin:20px auto 0;
	background:#F2F4F9;
	border-radius: 5px;
}
.newmain-slide-design02 .slide-tab-detail .text-box .main-title-text{
	width:100%;
	font-size: 20px;
    text-align: center;
    line-height: 1.4;
    font-weight: 700;
	color:#222222;
}
.newmain-slide-design02 .slide-tab-detail .btn-box{
	margin-top:30px;
}
.newmain-slide-design02 .slide-tab-detail .img-box img {
    max-width: 100%;
}
/* 반응형 */
@media all and (max-width: 1120px) {
	 .newmain-slide-design02 {
        height: auto;
    }
    .newmain-slide-design02 .slide-tab-detail {
		padding: 20px 40px 30px 40px;
    }
	.newmain-slide-design02 .slide-tab-detail .text-box {
		padding-left: 10px;	
	}
	.newmain-slide-design02 .slide-tab-detail .text-box .main-title-text{
		font-size: 16px;
	}
	.newmain-slide-design02 .slide-tab-detail .img-box {
		height: auto;
	}
}
/* 반응형 */
@media all and (max-width: 800px) {
	#new2025-main-section03 {
		padding: 120px 0 0;
	}
    .newmain-slide-design02 {
        height: auto;
    }
    .newmain-slide-design02 .ms3-slide-tab-item a {
        font-size: 14px;
        padding: 8px;
    }
    .newmain-slide-design02 .slide-tab-detail {
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
		padding: 20px 40px 30px 40px;
    }
    .newmain-slide-design02 .slide-tab-detail .img-box {
        width: 100% !important;
        padding: 0;
    }
    .newmain-slide-design02 .slide-tab-detail .text-box {
        width: 100% !important;
        margin: 20px auto 0;
        padding: 16px;
    }
}

/* Swiper 메인 및 서브 공통 */
/* 801px 이상에서는 화살표 숨김 */
@media screen and (min-width: 801px) {
  .swiper-slide-container .swiper-button-next,
  .swiper-slide-container .swiper-button-prev {
    display: none !important;
  }
}
/* 800px 이하에서는 화살표 표시 */
@media screen and (max-width: 800px) {
  .swiper-slide-container .swiper-button-next,
  .swiper-slide-container .swiper-button-prev {
    display: block !important;
  }
}
/* Swiper 버튼 커스터마이징 */
.swiper-slide-container .swiper-button-next,
.swiper-slide-container .swiper-button-prev {
    transform: scale(0.8);
    opacity: 0.5;
    color: #aaa;
}
.swiper-slide-container .swiper-button-next:hover,
.swiper-slide-container .swiper-button-prev:hover {
    opacity: 1;
}
.swiper-slide-container .swiper-button-next,
.swiper-slide-container .swiper-button-prev {
    transition: all 0.3s ease;
}
.swiper-slide-container .swiper-pagination-bullet-active {
    padding:0 15px !important;
    border-radius:5px !important;
}
.swiper-slide-container .swiper-horizontal>.swiper-pagination-bullets,
.swiper-slide-container .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-slide-container .swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 20px !important;
}

/*-------------Swiper 관련 (k-expense 서브용) -------------*/
.newsub-slide-design01 {
    width: 100%;
    height: 462px;
    position: relative;
    overflow: hidden;
    z-index: 1;
	background: #ffffff;
	border:1px solid #dddddd;
	box-shadow: 0px 4px 24px rgba(62, 68, 100, 0.05);
	border-radius: 10px;
}
.newsub-slide-design01 .swiper-slide {
    box-sizing: border-box;
}
/* 상세 설명 박스 */
.newsub-slide-design01 .slide-tab-detail {
    display: flex;
    align-items: flex-start;
    justify-content: center;
	flex-direction: column;
    width: 100%;
    min-height: 220px;
    padding: 30px 30px 0 30px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-sizing: border-box;
	background:#ffffff;
}
.newsub-slide-design01 .slide-tab-detail .img-box {
	max-width:1007px;
	max-height:406px;
	margin:20px auto 0;
	text-align: center;
}
.newsub-slide-design01 .slide-tab-detail .text-box {
    padding-left: 30px;	
}
.newsub-slide-design01 .slide-tab-detail .text-box .main-title-text{
	width:100%;
	font-size: 20px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 12px;
    font-weight: 700;
	color:#222222;
}
.newsub-slide-design01 .slide-tab-detail .text-box .mtitle-text {
    font-size: 26px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 12px;
    font-weight: 700;
	color:#222222;
}
.newsub-slide-design01 .slide-tab-detail .text-box .sub-text {
    font-size: 16px;
    text-align: left;
	line-height: 1.3;
}
.newsub-slide-design01 .slide-tab-detail .img-box img {
    max-width: 100%;
}
/* 반응형 */
@media all and (max-width: 1120px) {
	 .newsub-slide-design01 {
        height: auto;
    }
    .newsub-slide-design01 .slide-tab-detail {
		padding: 20px 40px 30px 40px;
		min-height:  auto;
    }
	.newsub-slide-design01 .slide-tab-detail .text-box {
		padding-left: 10px;	
	}
	.newsub-slide-design01 .slide-tab-detail .text-box .mtitle-text {
		font-size: 28px;
		text-align: left;
		line-height: 1.4;
		margin-bottom: 12px;
		font-weight: 700;
		padding: 0 20px 0 0;
	}
	.newsub-slide-design01 .slide-tab-detail .text-box .sub-text {
		font-size: 15px;
		text-align: left;
		line-height: 1.3;
	}
	.newsub-slide-design01 .slide-tab-detail .img-box img {
		max-width: 100% !important;
	}
}
@media all and (max-width: 800px) {
    .newsub-slide-design01 {
        height: auto;
    }
    .newsub-slide-design01 .ms3-slide-tab-item a {
        font-size: 14px;
        padding: 8px;
    }
	.newsub-slide-design01 .swiper-slide:nth-child(2) .slide-tab-detail .img-box img{
		max-width:76% !important;
	}
    .newsub-slide-design01 .slide-tab-detail {
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
		padding: 20px 40px 0 40px;
    }
    .newsub-slide-design01 .slide-tab-detail .img-box {
        width: 100% !important;
        margin: 20px auto 0;
        padding: 0;
    }
	.newsub-slide-design01 .slide-tab-detail .img-box img {
		max-width: 100%;
	}
    .newsub-slide-design01 .slide-tab-detail .text-box {
        width: 100% !important;
        margin: 0 auto;
        padding: 0 0;
    }
	.newsub-slide-design01 .slide-tab-detail .text-box .mtitle-text {
		font-size:24px;
    }
	.newsub-slide-design01 .slide-tab-detail .text-box .sub-text  {
		font-size:16px;
    }
}

/*-------------------2025.12.08 케이어카운팅 소개 동영상-------------------------- */
body.popup-vod-wrapper {
    background:#ffffff;   
    display:flex;
}
.popup-vod-container {position:relative; max-width:860px; width: 100%; padding: 0; margin: auto;}
.popup-vodbg-wrapper{ position:relative; width: 100%; height:100%; padding: 20px 50px; margin: auto; display:flex;}
/* 팝업 배경 */
.popup-vodbg-wrapper::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%;background: url(../img/vidio/vidio_pop_top_bg.png) 0 0 no-repeat;z-index: -1;}
.popup-vodbg-wrapper::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background: url(../img/vidio/2025newmain_topvisual_bg.png) bottom/cover no-repeat; z-index: -1;}

.vidio-header {text-align: center; margin-bottom: 24px;}

/* --- 타이틀 애니메이션 --- */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0); 
    }
}
/* --- 타이틀 텍스트 영역 공통 스타일 --- */
.vidio-header .mtitle-text {line-height:1.3;}
.vidio-header .mtitle-text .t1{font-size:28px; font-weight: 700;  margin-bottom:6px; }
.vidio-header .mtitle-text .t2{font-size:26px; font-weight: 700;}
.vidio-header .mtitle-text .t1, 
.vidio-header .mtitle-text .t2 {opacity: 0;animation: fadeInUp 0.8s ease-out forwards;}
.vidio-header .mtitle-text .t1 {animation-delay: 0.2s;}
.vidio-header .mtitle-text .t2 {animation-delay: 0.8s;}

.vidio-footer  .bgm-txt{text-align: right; color:#666666; font-size:12px; padding:5px 0;}
/* 동영상 푸터 영역 버튼*/
.vidio-footer .btn-vod-intro{width:240px; height:48px; border-radius:5px; font-size:16px; background: #112D66 !important; color: var(--white-color); border:none !important; border-radius: 50px;}
.vidio-footer .btn-vod-intro:hover{background: #2A54AB !important;}

/* --- 반응형 동영상 --- */
.video-container {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden; 
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
/* --- 썸네일 및 버튼 오버레이 스타일 --- */
.video-container .video-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;  justify-content: center; align-items: center; cursor: pointer; z-index: 5; }
.video-container .video-overlay:before{content:"";position:absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top:0; left:0; object-fit: cover; z-index:5;}

.video-container .video-overlay:hover .thumbnail-img{ transform: scale(1.05);}
.video-container .video-overlay:hover .play-button{opacity: 1; }

.video-container .thumbnail-img {position:relative; width: 100%; height: 100%; object-fit: cover; -webkit-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.video-container .play-button {position: absolute; display: flex; justify-content: center; align-items: center; line-height: 1;  padding-left: 10px;opacity: 0.6; width: 100px; height: 100px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; z-index:6;}

.video-container .video-element {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-container .video-element.is-playing {display: block;}

/* 반응형 */
@media all and (max-width: 800px) {
    .popup-vodbg-wrapper{padding: 20px 20px;}
    
    .vidio-header .mtitle-text .t1{font-size:22px;}
    .vidio-header .mtitle-text .t2{font-size:18px;}
}
/*-------------------//2025.12.08 케이어카운팅 소개 동영상-------------------------- */


/*------------------- 25.12.29 메인비쥬얼 슬라이드 배너 추가 k-octa -------------------*/
/* === K-Octa Container Style === */
.newmain-visual-img02 { position: relative; width: 100%; max-width: 670px; margin: 0 -50px 0 0; padding: 40px 0; display: flex; align-items: center; justify-content: center;background-color: transparent; }

.newmain-visual-img02 .kocta-mainvisuial-container{position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.newmain-visual-img02 .kocta-card {position: relative; flex: 1; max-width: 270px; min-height: 236px; padding: 16px 20px 19px; display: flex; flex-direction: column; z-index: 1; opacity: 0; animation: slideUpFade 0.8s ease-out forwards;}
.newmain-visual-img02 .card-left { background: #ffffff;
	justify-content: center;
    border-radius: 24px;
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.05);
	padding:0 60px 0 30px;
    color: #333;
    border: 1px solid #e1e7f0;
}
.newmain-visual-img02 .card-right { background: linear-gradient(135deg, #002f6c 0%, #004094 100%);
	justify-content: flex-start;
    border-radius: 24px;
    box-shadow: 10px 10px 30px rgba(0, 47, 108, 0.3);
     padding-left: 60px;
    color: #fff;
    text-align: right;
    animation-delay: 0.2s; 
}

/* Card detail txt & img */
.newmain-visual-img02 .k-title { font-size: 70px; font-weight: 800; color: #004094; line-height:1;}
.newmain-visual-img02 .card-right .k-title { color: #fff; font-size: 55px; margin-top:20px;}

.newmain-visual-img02 .txt {font-size: 23px; display: flex;}
.newmain-visual-img02 .item-tit {font-weight: 800; color:#7EACE8;}
.newmain-visual-img02 .item-desc {font-weight: 700; color:#282828}

.newmain-visual-img02 .octa-detail-img{margin-top:12px;}
.newmain-visual-img02 .octa-detail-img img{max-width:100%;}

/* === 3. Center 팔각형 및 8개 아이콘 === */
/* 1. 팔각형 투명라인 */
.center-module .kocta-outer-line {
    position: absolute; width: 270px; height: 270px;
    background: rgba(220, 227, 245, 0.7);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    z-index: 0;
    opacity: 0;
    transform: scale(0.4) rotate(-45deg); 
}
/* 2. 팔각형 */
.newmain-visual-img02 .center-module {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 340px;
    height: 340px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newmain-visual-img02 .core-octagon {
    width: 172px;
    height: 172px;
    background: #002f6c;
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	transform: scale(0.5) rotate(-45deg);
    box-shadow: 0 0 40px rgba(0, 78, 255, 0.4);
    position: relative;
    z-index: 2;
    opacity: 0;
	display: flex;
	justify-content: center;
	align-items:center;
}
.newmain-visual-img02 .core-octagon::before, 
.newmain-visual-img02 .core-octagon::after {
    content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.newmain-visual-img02 .core-octagon::before {
    background: linear-gradient(90deg, #3676DA 0%, #9ED9FB 100%);
    transform: scale(0.93); z-index: -1;
}
.newmain-visual-img02 .core-octagon::after {
    background: #002F6C;
    transform: scale(0.92); z-index: 3;
}
/* 3. 팔각형 속  타이틀*/
.newmain-visual-img02 .core-text {
    text-align: center; position: absolute; z-index: 5;
    opacity: 0;
    transform: translateY(10px);
    transform: scale(0.9);
}
.newmain-visual-img02 .core-text h3 {font-size: 28px; font-weight: 800; letter-spacing: 1px; color:#ffffff }
.newmain-visual-img02 .core-text span {font-size: 20px; color:#B0C7F3;}

/*====== 8 Icons ======*/
.newmain-visual-img02 .satellite-ring {position: absolute; width: 100%; height: 100%;top: 0;left: 0; pointer-events: none;}
.newmain-visual-img02 .node {
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #002f6c;
    z-index: 5;
    opacity: 0; /* 초기 숨김 */
    animation: fadeInNode 0.5s ease forwards;
}    
.newmain-visual-img02 .node span { margin-top: 4px; line-height: 1.1; font-size: 12px; word-break: keep-all; }

/*====== Circle ======*/
/* 12시부터 시계방향 */
.newmain-visual-img02 .node:nth-child(1) { top: 2%; left: 50%; transform: translateX(-50%); animation-delay: 0.6s; } /* 표준화 */
.newmain-visual-img02 .node:nth-child(2) { top: 14%; right: 12%; animation-delay: 0.65s; } /* 인터페이스 */
.newmain-visual-img02 .node:nth-child(3) { top: 50%; right: 2%; transform: translateY(-50%); animation-delay: 0.7s; } /* 매핑 */
.newmain-visual-img02 .node:nth-child(4) { bottom: 14%; right: 12%; animation-delay: 0.75s; } /* 연동 */
.newmain-visual-img02 .node:nth-child(5) { bottom: 2%; left: 50%; transform: translateX(-50%); animation-delay: 0.8s; } /* 고가용성 */
.newmain-visual-img02 .node:nth-child(6) { bottom: 14%; left: 12%; animation-delay: 0.85s; } /* 커넥터 */
.newmain-visual-img02 .node:nth-child(7) { top: 50%; left: 2%; transform: translateY(-50%); animation-delay: 0.9s; } /* 보안 */
.newmain-visual-img02 .node:nth-child(8) { top: 14%; left: 12%; animation-delay: 0.95s; } /* 확장성 */

.newmain-visual-img02 .k-list-item { list-style: none; padding: 0; margin: 0; }
.newmain-visual-img02 .k-list-item li { display: flex; align-items: flex-start; }

.newmain-visual-img02 .card-right{align-items: flex-end;}

/*=== 슬라이드 애니메이션 active === */
.newmain-visual-img02 .kocta-card,
.newmain-visual-img02 .core-octagon,
.newmain-visual-img02 .node {
    opacity: 0;
    animation: none; 
}
/* 슬라이드가 활성화(.active-item) 되었을 때 애니메이션 */
.active-item .kocta-card {animation: slideUpFade 0.8s ease-out forwards;}
.active-item .center-module .kocta-outer-line {animation: appear-core 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards, pulse-rotated 3s ease-in-out 1.2s infinite;}
.active-item .core-octagon{animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; animation-delay: 0.4s; }
.active-item .core-text {animation: core-text 0.6s ease-out 0.9s forwards;}
.active-item .card-left {animation-delay: 0.2s;}
.active-item .card-right {animation-delay: 0.4s;}
.active-item .node {animation: fadeInNode 0.6s ease forwards;}

/* 노드 개별 딜레이 (활성화 시에만 적용) */
.active-item .node:nth-child(1) { animation-delay: 0.6s; }
.active-item .node:nth-child(2) { animation-delay: 0.65s; }
.active-item .node:nth-child(3) { animation-delay: 0.7s; }
.active-item .node:nth-child(4) { animation-delay: 0.75s; }
.active-item .node:nth-child(5) { animation-delay: 0.8s; }
.active-item .node:nth-child(6) { animation-delay: 0.85s; }
.active-item .node:nth-child(7) { animation-delay: 0.9s; }
.active-item .node:nth-child(8) { animation-delay: 0.95s; }
/*---- 슬라이드 애니메이션 active ----- */

@media all and (max-width: 1366px) {
	.newmain-visual-img02 {margin: 0 auto; max-width:600px}
}
/* === Mobile === */
@media all and (max-width: 1024px) {
    .newmain-visual-img02 { padding: 50px 10px 10px 10px;}
	.newmain-visual-img02 .kocta-mainvisuial-container{gap:30px}
	.newmain-visual-img02 .kocta-card{justify-content: center; max-width:260px; min-height: 190px;}

	.newmain-visual-img02 .k-title,
	.newmain-visual-img02 .card-right .k-title {font-size: 44px; text-align: left; margin-top:0}
	
    .newmain-visual-img02 .center-module{width:230px; height:230px;}
	.center-module .kocta-outer-line { width: 200px; height: 200px;}
    .newmain-visual-img02 .core-octagon {width: 140px;height: 140px;}
    .newmain-visual-img02 .node{width:52px; height:52px;}
    .newmain-visual-img02 .node span{font-size:10px;  margin-top: 2px;}    
  	.newmain-visual-img02 .txt{font-size:20px}

    .newmain-visual-img02 .node .node-icon{width:16px; height:16px;}
}
@media all and (max-width: 800px) {
	.newmain-visual-img02 .k-title,
	.newmain-visual-img02 .card-right .k-title {font-size: 30px;}	 

	.newmain-visual-img02 .txt{font-size:16px}

	.newmain-visual-img02 .core-text h3 { font-size: 16px; }
    .newmain-visual-img02 .core-text span { font-size: 14px; }
}
@media all and (max-width: 480px) {
	.newmain-visual-img02 .kocta-card{min-height: 130px;}

	.newmain-visual-img02 .kocta-card {padding: 16px 10px 19px;}
    .newmain-visual-img02 .k-title,
	.newmain-visual-img02 .card-right .k-title {font-size: 20px;}

	.newmain-visual-img02 .center-module{width:170px; height:170px;}
	.center-module .kocta-outer-line { width: 150px; height: 150px;}
    .newmain-visual-img02 .core-octagon {width: 110px;height: 110px;}
	.newmain-visual-img02 .node{width:40px; height:40px;}
	.newmain-visual-img02 .node span{font-size:8px;  margin-top: 0;}  

	.newmain-visual-img02 .node .node-icon{width:12px; height:12px;}
	.newmain-visual-img02 .card-right{text-align: right;}
}
/* === Animations Keyframes === */
@keyframes core-text {
    from { opacity: 0; transform: translateY(10px) rotate(23deg); }
    to { opacity: 1; transform: translateY(0) rotate(23deg); }
}
@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes popIn {
    from {opacity: 0; transform: scale(0.5) rotate(-45deg);  }
    to {  opacity: 1; transform: scale(1) rotate(-23deg); }
}
@keyframes fadeInNode {
    from { opacity: 0; transform: scale(0.8) translate(var(--tw-translate-x), var(--tw-translate-y)); } 
    to { opacity: 1; } 
}
/*------------------- //25.12.29 메인비쥬얼 슬라이드 배너 추가 k-octa -------------------*/


/******************************* 25.12.29 k-octa 서브페이지  *******************************/
/*----------- k-octa 서브 header -----------*/
.kocta-visual-header-wrap{position:relative; height:352px; background:linear-gradient(360deg, #3653A9 0.94%, #1F3984 60.15%); }
.kocta-header-bg{width:100%; height:100%; background: url(../img/main/kocta_header_bg.png) right/cover no-repeat; display:flex; align-items: center; justify-content: center;}
.kocta-header-title-box{padding:0 20px;}
.kocta-header-title-box .m-title{color:#fff; font-size:42px; font-family: "Montserrat"; font-weight: 700; text-align: center; margin-bottom:8px;}
.kocta-header-title-box .s-title{color:#fff; font-size:28px; font-weight:600; text-align: center;}
@media all and ( max-width: 640px ){
	.kocta-visual-header-wrap{height:260px;}
	/* k-octa title*/	
	.kocta-header-title-box .m-title{font-size:32px; }
	.kocta-header-title-box .s-title{font-size:22px;}
}

/* k-octa title */
.kocta-title01{position:relative; text-align:center; padding:0 20px; margin-bottom:30px;  box-sizing:border-box;}
.kocta-title01 .mtitle{color:#002F6C; font-size:32px; font-weight:bold;}
.kocta-title01 .stitle{margin-top:7px; font-size:18px; font-weight:400; color:#555;}
@media all and ( max-width: 800px ){
	/* k-octa title*/	
	.kocta-title01 .mtitle{font-size:24px; }
	.kocta-title01 .stitle{font-size:16px;}
}

/*-----------   k-octa container ----------- */
.kocta-sub-container{position:relative; padding:90px 0 70px 0; margin:0 auto;} 
@media all and ( max-width: 800px ){
	/* 비회원 서브 - 컨텐츠 컨테이너  */
	.kocta-sub-container{position:relative; padding:30px 0;}
}

/*----------- kocta sub section01 -----------*/
.kocta-sub-section01{padding:0 20px 30px;}
@media all and (max-width: 800px) {
	.kocta-sub-section01{padding-top:20px;}
}

.kocta-section1-item {width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; padding: 0; box-sizing: border-box;}
.s1-animation-wrapper {position: relative; width: 100%; max-width: 900px; height: 310px; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.center-graphic img {width: 100%; max-width: 341px; height: auto;}

/* 말풍선 공통 스타일 */
.s1-animation-wrapper .bubble-box {
    position: absolute;
    background: #EFEFEF;
	width:240px;
    padding: 20px 25px;
    border-radius: 40px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.02);
    opacity: 0;
    transform: translateY(20px);
    animation: kocta-fadeInUp 0.6s ease-out forwards;
    border: 1px solid #eee;
	display:flex;
	justify-content: center;
	align-items: center;
}
.s1-animation-wrapper .bubble-box p {margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: #333;}

/* 위치 설정 */
.s1-animation-wrapper .left-top { top: 5%; left: 5%; }
.s1-animation-wrapper .left-bottom { bottom: 12%; left: 0; }
.s1-animation-wrapper .right-top { top: 5%; right: 5%; }
.s1-animation-wrapper .right-bottom { bottom: 12%; right: 0; }

/* 애니메이션 순차 등장 */
.s1-animation-wrapper .step-1 { animation-delay: 0.3s; }
.s1-animation-wrapper .step-2 { animation-delay: 0.8s; }
.s1-animation-wrapper .step-3 { animation-delay: 1.2s; }
.s1-animation-wrapper .step-4 { animation-delay: 1.8s; }

@keyframes kocta-fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 반응형 (1024px 이하) */
@media all and (max-width: 1024px) {
	.center-graphic img { max-width: 300px;}
}
/* 반응형 (800px 이하) */
@media all and (max-width: 800px) {
    .s1-animation-wrapper { height: 360px; }
    .center-graphic img { max-width: 280px;}
    .s1-animation-wrapper .bubble-box {padding: 12px 20px; width: 160px; }
    .s1-animation-wrapper .bubble-box p {font-size: 14px; line-height: 1.2;}

    .s1-animation-wrapper .left-top { top: 0; left: 5%; }
    .s1-animation-wrapper .right-top { top: 0; right: 5%; }    
    .s1-animation-wrapper .left-bottom { bottom: 0; left: 5%; }
    .s1-animation-wrapper .right-bottom { bottom: 0; right: 5%; }
}
/* 반응형 (460px 이하) */
@media all and (max-width: 460px) {
    .s1-animation-wrapper {height: 360px;}
    .s1-animation-wrapper .bubble-box { width: 140px; padding: 10px 15px;}
    .s1-animation-wrapper .bubble-box p {font-size: 13px;}

	.s1-animation-wrapper .left-top { top: 0; left: 0; }
    .s1-animation-wrapper .right-top { top: 0; right: 0; }    
    .s1-animation-wrapper .left-bottom { bottom: 0; left: 0; }
    .s1-animation-wrapper .right-bottom { bottom: 0; right: 0; }
}

/*----------- kocta sub section02 -----------*/
.kocta-sub-section02{padding:90px 20px; background:#E3EFF9;}
/* 특징 */
.kocta-features01 { display: flex; justify-content: space-between; gap: 20px;}
.kocta-features01 .feature-card { flex: 1; background-color: #fff; padding: 30px 20px; text-align: left; border: 1px solid #e1e7f0; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}
.kocta-features01 .feature-icon {  width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; background-color: #002F6C; border-radius: 12px;}
.kocta-features01 .feature-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; color: #002F6C;}
.kocta-features01 .feature-desc { font-size: 14px; color: #666; line-height: 1.4; list-style: none; padding-left: 0;}
.kocta-features01 .feature-desc li {position: relative; margin-bottom: 4px; padding-left: 12px;}
.kocta-features01 .feature-desc li::before { content: '-'; position: absolute; left: 0; color: #666;}
@media all and ( max-width: 800px ){
	.kocta-sub-section02{padding:60px 20px;}

	.kocta-features01 {flex-direction: column;}
    .kocta-features01 .feature-card {padding: 20px;}
	.kocta-features01 .feature-title{font-size:18px; margin-bottom: 6px;}
	.kocta-features01 .feature-desc li{margin-bottom: 2px; }
}
/*------------- 도식화 section -------------*/
.diag-wrapper { max-width: 1062px; width:100%; margin: 80px auto; padding: 0;  display: flex; justify-content: space-between; align-items: center; position: relative; gap: 10px; background: url(../img/main/kocta_service02_diag_bg.png) center/auto no-repeat;}

/* === Side Lists === */
.tech-list { display: flex; flex-direction: column; gap: 20px; width: 324px; z-index: 2; }

.list-left .tech-item {flex-direction: row;}
.list-right .tech-item {flex-direction: row-reverse;}

.tech-item {
    display: flex;
    width: 324px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    will-change: transform;
}
.tech-item:hover {
    transform: translateY(-1px) !important;
    box-shadow:  0 20px 40px rgba(26, 60, 142, 0.18);
}
@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInRight {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}
/* 기본 애니메이션 속성 */
.is-visible .tech-item {
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: forwards;
}
/* 방향 지정 */
.is-visible .list-left .tech-item { animation-name: slideInLeft; }
.is-visible .list-right .tech-item { animation-name: slideInRight; }

/* === 순차적 딜레이 클래스 === */
.is-visible .d1 { animation-delay: 0.2s; }
.is-visible .d2 { animation-delay: 0.35s; }
.is-visible .d3 { animation-delay: 0.5s; }
.is-visible .d4 { animation-delay: 0.65s; }
.is-visible .d5 { animation-delay: 0.8s; }
.is-visible .d6 { animation-delay: 0.95s; }
.is-visible .d7 { animation-delay: 1.1s; }
.is-visible .d8 { animation-delay: 1.25s; }

.item-text { flex: 1; padding: 18px 0px; display: flex; flex-direction: column; justify-content: center; }
.list-left .item-text { text-align: right; }
.list-left .item-num { order: 2; }
.list-right .item-num { order: 1; }
.list-right .item-text { text-align: left; }

.item-text h4 { font-size: 17px; font-weight: 700; color: #387CEF; margin-bottom: 4px; }
.item-text p { font-size: 13px; color: #666;}

.item-num {position: relative;
    width: 44px; background: #1F3984; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 600;
}

.item-num:after{content:""; width:13px; height:100%; position: absolute; background:#fff; }
.list-left .item-num{padding-left:10px;}
.list-left .item-num:after{left:0; top:0; border-radius: 0 10px 10px 0 ;}
.list-right .item-num{padding-right:10px;}
.list-right .item-num:after{right:0; top:0; border-radius: 10px 0 0 10px ;}

.item-text .lst-minus{letter-spacing: -0.5px;}

@media (max-width: 1062px) {
    .list-left .tech-item {flex-direction: row-reverse !important;}
    .list-left .item-num{padding-right:10px; padding-left:0;}
    .list-left .item-num:after{right:0; top:0; left:auto; border-radius: 10px 0 0 10px ;}
}

/* === 중앙 비주얼 영역 === */
.kocta-center-visual {
    position: relative; width: 400px; height: 400px;
    display: flex; align-items: center; justify-content: center;
}
/* 1. 팔각형 외곽 라인 */
.kocta-outer-line {
    position: absolute; width: 290px; height: 290px;
    background: rgba(255, 255, 255, 0.5);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    z-index: 0;
    opacity: 0;
    transform: scale(0.4) rotate(-45deg); 
}
.is-visible .kocta-outer-line {
    animation: appear-outer 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards, pulse-rotated 3s ease-in-out 1.2s infinite;
}
@keyframes appear-outer {
    0% { opacity: 0; transform: scale(0.4) rotate(-45deg); }
    100% { opacity: 1; transform: scale(1) rotate(-23deg); }
}
/* 2. 중앙 팔각형 박스 */
.kocta-core {
    position: relative; width: 185px; height: 185px;
    background: #1F3984;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    z-index: 2;
    opacity: 0;
    transform: scale(0.5) rotate(-45deg);
}
/* 팔각형 라인 및 박스 */
.kocta-core::before, .kocta-core::after {
    content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.kocta-core::before {
    background: linear-gradient(90deg, #3676DA 0%, #9ED9FB 100%);
    transform: scale(0.92); z-index: -1;
}
.kocta-core::after {
    background: #1F3984;
    transform: scale(0.91); z-index: 1;
}
.is-visible .kocta-core {animation: appear-core 0.7s ease-out 0.5s forwards;}

@keyframes appear-core {
    0% { opacity: 0; transform: scale(0.5) rotate(-45deg); }
    100% { opacity: 1; transform: scale(1) rotate(-23deg); }
}
@keyframes pulse-rotated {
    0% { transform: scale(1) rotate(-23deg); }
    50% { transform: scale(1.05) rotate(-23deg); }
    100% { transform: scale(1) rotate(-23deg); }
}
/* 3. 중앙 텍스트 */
.kocta-core-text {
    text-align: center; position: absolute; z-index: 5;
    opacity: 0;
    transform: translateY(10px);
    transform: scale(0.9); 
}
.is-visible .kocta-core-text {animation: appear-text 0.6s ease-out 0.9s forwards;}
.kocta-core-text b {font-size: 28px; font-weight: 800; letter-spacing: 1px; color:#ffffff }
.kocta-core-text p {font-size: 20px; color:#B0C7F3;}
@keyframes appear-text {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* 팔각형 외곽 아이콘 */
.kocta-icon {
    position: absolute; width: 44px; height: 44px; background: #fff; border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center;
    z-index: 3; border: 1px solid #CFD8E6; opacity: 0; transform: scale(0);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}      
.is-visible .kocta-icon { opacity: 1; transform: scale(1); }
.is-visible .i1 { transition-delay: 0.6s; }
.is-visible .i2 { transition-delay: 0.7s; }
.is-visible .i3 { transition-delay: 0.8s; }
.is-visible .i4 { transition-delay: 0.9s; }
.is-visible .i5 { transition-delay: 1.0s; }
.is-visible .i6 { transition-delay: 1.1s; }
.is-visible .i7 { transition-delay: 1.2s; }
.is-visible .i8 { transition-delay: 1.3s; }

.kocta-center-visual .i1 { top: 5%; left: 50%; transform: translateX(-50%); }
.kocta-center-visual .i2 { top: 18%; right: 15%; }
.kocta-center-visual .i3 { top: 50%; right: 5%; transform: translateY(-50%); }
.kocta-center-visual .i4 { bottom: 18%; right: 15%; }
.kocta-center-visual .i5 { bottom: 5%; left: 50%; transform: translateX(-50%); }
.kocta-center-visual .i6 { bottom: 18%; left: 15%; }
.kocta-center-visual .i7 { top: 50%; left: 5%; transform: translateY(-50%); }
.kocta-center-visual .i8 { top: 18%; left: 15%; }
/* 반응형 */
@media (max-width: 1062px) {
    .diag-wrapper { flex-direction: column; gap: 20px; background-size:160%; background-position: top;}
    .tech-list { width: 100%; align-items: center; }
    .tech-item { width: 100%; max-width: 100%; }
    .list-left .item-text { text-align: left; padding: 12px 0px;}
    .list-left .item-num { order: 1; }
    .kocta-center-visual { order: -1; }
}
@media (max-width: 800px){
	.diag-wrapper{background-size:210%;}
}
@media (max-width: 640px){
	.diag-wrapper{background-image: none;}
}

/*----------- kocta sub section03 -----------*/
.kocta-sub-section03{padding:160px 20px 0;}

/* 특징 */
.kocta-features02 { display: flex; justify-content: space-between; gap: 20px;}
.kocta-features02 .feature-card { flex: 1; background-color: #fff; padding: 24px 20px; text-align: center; border: 1px solid #D0D5E3; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}
.kocta-features02 .feature-icon {  height:80px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px;}
.kocta-features02 .feature-icon img{max-width: 100%;}
.kocta-features02 .feature-title { font-size: 20px; font-weight: 800; margin-bottom: 10px; color: #002F6C; line-height: 1.3;}
.kocta-features02 .feature-desc { font-size: 14px; color: #666;}
@media all and ( max-width: 800px ){
	.kocta-sub-section03{padding:60px 20px 0;}

	.kocta-features02 {flex-direction: column;}
    .kocta-features02 .feature-card {padding: 20px;}
	.kocta-features02 .feature-icon{height:60px; margin-bottom: 10px;}
	.kocta-features02 .feature-title{font-size:18px;}
}


/*----------- k-octa section04 -----------*/
.kocta-sub-section04{padding:160px 20px 0;}
@media all and ( max-width: 800px ){
	.kocta-sub-section04{padding:60px 20px;}
}

.stack-section {width: 100%; max-width: 720px; margin: 0 auto; padding: 0 0;}
.stack-container { display: flex; flex-direction: column; gap: 15px;}

.stack-layer {width: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.05);}
.stack-layer .layer-label {display: flex; align-items: center; justify-content: center;gap:4px; padding: 6px 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.stack-layer .layer-content { padding: 20px; background: #fff;}

/*박스별 라인 컬러 */
.stack-layer:first-child{border:1px solid #C6D1E4;}
.stack-layer:nth-child(3){border:1px solid #C3C5CA;}

/* Operation */
.layer-operation { background-color:#3B82F6; }
.layer-operation .layer-label {background: rgba(0,47,108,0.05); color:#ffffff}
.layer-operation .sub-title { font-size: 14px; font-weight: 700; text-align: center; margin-bottom: 12px; }

/* Core Layer */
.layer-core { border: 2px solid #002f6c; }
.layer-core .layer-label { background: #002f6c; color: #fff; text-align: center; }
.layer-core .layer-content { background: linear-gradient(to bottom, #fff, #f8faff); }

/* System Layer */
.layer-system { background-color: #6B7280; }
.layer-system .layer-label {  color:#ffffff; background: #6B7280; }

.layer-label {text-align: center;}

/* 내부 아이템 배치 */
.stack-layer .item-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;}
.stack-layer .item-grid span {flex: 1; min-width: 100px; background: #fff; padding: 8px 15px; font-size: 13px; color: #002f6c; text-align: center; font-weight: 600; border: 1px solid #e1e7f0; border-radius: 8px; }

/* Core Layer 전용 그리드 설정 */
.stack-layer .core-grid {display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 8px;justify-content: center;}
.stack-layer .core-grid span {flex: none; width: 100%; min-width: 0; background: #f0f4f9; padding: 8px 5px; border-radius: 8px; font-size: 13px;font-weight: 700; border: 1px solid rgba(0,79,176,0.1); color: #002f6c; text-align: center; box-sizing: border-box;}

/* System Flex Layout */
.system-flex {display: flex; align-items: center; justify-content: space-around;}

.sys-box { text-align: center; flex: 1; }
.sys-box strong { display: block; font-size: 15px; color: #002f6c; margin-bottom: 4px; }
.sys-box small { font-size: 12px; color: #666; letter-spacing: 0.5px; }
.sys-divider { width: 1px; height: 40px; background: #ddd; margin: 0 20px; }

/* 반응형 */
@media all and (max-width: 600px) {
    .stack-layer .item-grid span { min-width: calc(50% - 10px); font-size: 12px; }
    .system-flex { flex-direction: column; gap: 15px; }
    .sys-divider { width: 80%; height: 1px; margin: 0 auto; }

	.stack-layer .core-grid {grid-template-columns: repeat(2, 1fr);}
}