@charset "utf-8";

/***************************************************************************************************
*	Main Visual (2024.10.28 )
***************************************************************************************************/
.mainMovie					{overflow:hidden;  position:relative; width:100%; height:100vh;}
.mainMovie:before			{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); content:''; transition:height 0.5s ease-in-out; z-index:2; pointer-events:none;}

.mainMovie img				{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center center; z-index:1;}
.mainMovie video			{display:block; width:100%; height:100%; object-fit:cover;}
.mainMovie iframe.youtube	{position:absolute; top:0; left:0; width:100%; height:100%; border:0; object-fit:cover; pointer-events:none; z-index:1;}

@media screen and (max-width:997px) {
	.mainMovie			{margin:0px auto; border-radius:0px; max-height:360px;}
	.mainMovie::after	{display:none;}
}

@media screen and (max-width:767px) {
	.mainMovie		{max-height:330px;}
}

@media screen and (max-width:517px) {
	.mainMovie		{max-height:280px;}
}

@media screen and (max-width:357px) {
	.mainMovie		{margin:0px auto; border-radius:0px; max-height:200px;}
}

.mainMovie .swiper-pagination				{position:absolute; left:50%; transform:translateX(-50%); text-align:center; bottom:20px;}
.mainMovie .swiper-pagination-bullet-active	{opacity:1 !important; background:#FFF !important; outline:none;}
.mainMovie .swiper-pagination-bullet		{margin:0 0px !important; width:12px; height:3px; display:inline-block; border-radius:0; background:#FFF; opacity:0.2;}

.mainMovie .swiper-button-prev, 
.mainMovie .swiper-button-next				{opacity:.4; top:50%; width:44px !important; height:44px !important; cursor:pointer; outline:none; background-image:none; z-index:2;
											-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
											background-color:hsla(0,0%,100%,.9); border-radius:100%; border:none; box-shadow:0 2px 4px rgba(0,0,0,.04);}

.mainMovie .swiper-button-prev				{left:-6%;  outline:none;}
.mainMovie .swiper-button-prev:after		{position:absolute; top:calc(50% - 6px) !important; left:19px; width:12px; height:12px; border:2px solid #000; border-radius:2px; border-bottom:none; border-left:none; transform:rotate(225deg); content:'';}

.mainMovie .swiper-button-next				{right:-6%; outline:none;}
.mainMovie .swiper-button-next:after		{position:absolute; top:calc(50% - 6px) !important; right:19px; width:12px; height:12px; border:2px solid #000; border-radius:2px; border-bottom:none; border-left:none; transform:rotate(45deg); content:'';}

.mainMovie:hover .swiper-button-prev		{left:2%}
.mainMovie:hover .swiper-button-next		{right:2%}

.mainMovie .swiper-button-prev:hover,
.mainMovie .swiper-button-next:hover		{opacity:1.0; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none;}


@media screen and (max-width:997px){
	.mainMovie								{height:35vw !important;}
	.mainMovie .swiper-pagination			{bottom:10px;}
	.mainMovie .swiper-button-prev			{left:0px; margin-left:10px;}
	.mainMovie .swiper-button-next			{right:0px; margin-right:10px;}

	.mainMovie .swiper-button-prev, 
	.mainMovie .swiper-button-next			{width:34px !important; height:34px !important;}

	.mainMovie .swiper-button-prev:after	{position:absolute; top:calc(50% - 4px) !important; left:15px; width:8px; height:8px;}
	.mainMovie .swiper-button-next:after	{position:absolute; top:calc(50% - 4px) !important; right:14px; width:8px; height:8px;}
}

@media screen and (max-width:517px) {
	.mainMovie								{height:55vw !important;}
	.mainMovie .swiper-pagination-bullet	{width:12px; height:3px; display:inline-block; background:#FFF; opacity:.2;}

	.mainMovie .swiper-button-prev, 
	.mainMovie .swiper-button-next			{opacity:0;}
	.mainMovie .swiper-button-prev			{left:-6%;  background-size:50px 50px; outline:none;}
	.mainMovie .swiper-button-next			{right:-6%; background-size:50px 50px; outline:none;}
	.mainMovie:hover .swiper-button-prev	{left:0px; opacity:0.5;}
	.mainMovie:hover .swiper-button-next	{right:0px; opacity:0.5;}
	.mainMovie .swiper-button-prev:hover,
	.mainMovie .swiper-button-next:hover	{opacity:1; overflow:visible !important;}
}

/* 진행바 형식으로 사용시 :2025.07.17 */
.custom-pagination		{position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:2; align-items:center;}

.pagination-item		{position:relative; padding:6px 18px; cursor:pointer; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1); /*backdrop-filter:blur(20px);*/ min-width:60px; display:flex; align-items:center; justify-content:center; font-family:var(--FFR); overflow:hidden;}
.pagination-item:hover	{transform:translateY(-2px) scale(1.05); box-shadow:0 8px 25px rgba(0, 0, 0, 0.2);}
.pagination-item:hover .pagination-number {color:rgba(255, 255, 255, 1.0);}
.pagination-item.active {color:#1a1a1a; box-shadow:0 6px 20px rgba(0, 0, 0, 0.15);}
.pagination-number		{font-weight:500; font-size:var(--FS14); color:rgba(255, 255, 255, 0.5); position:relative; z-index:2; letter-spacing:0px;}

.pagination-item.active .pagination-number {color:rgba(255, 255, 255, 1.0);}

.progress-bar			{position:absolute; bottom:0; left:0; height:3px; background:#FFF; border-radius:50px; width:0%; transition:width 0.1s ease; z-index:1;}
.pagination-item.active .progress-bar {background:#FFF;}

/* 전체 페이지 사용 시 */
.pagination-total							{font-weight:400; font-size:var(--FS14); color:rgba(255, 255, 255, 0.6); position:relative; z-index:2; margin-left:2px;}
.pagination-item.active .pagination-total	{color:#666;}


/* 반응형 */
@media (max-width:767px) {
	.custom-pagination	{bottom:20px; gap:6px;}
	.pagination-item	{padding:4px 12px; min-width:45px;}
	.pagination-total	{font-size:10px;}
}

/* Text Layer */
.swiper-textWrap				{width:100%; max-width:var(--max-width); margin-left:auto; margin-right:auto; padding:0px; box-sizing:content-box; box-sizing:border-box;}
.swiper-text-layer				{position:absolute; top:75%; transform:translateY(-80%); z-index:3; width:auto; pointer-events:none;}
.swiper-text-layer .text-line	{text-shadow:0px 2px 15px rgba(0, 0, 0, 0.5); opacity:0; animation-duration:12s; animation-iteration-count:infinite; animation-timing-function:ease-in-out;}
.text-line-1					{font-family:var(--FFH); letter-spacing:0.2em; font-size:4.0rem; font-weight:900; color:rgba(255, 255, 255, 1.0); animation-name:loopTop;}
.text-line-2					{font-family:var(--FFH); font-size:2rem; font-weight:700; margin-top:0.8rem; color:rgba(255, 255, 255, 1.0); animation-name:loopLeft; animation-delay:0.4s;}
.text-line-3					{font-family:var(--FFN); font-size:1.3rem; font-weight:400; color:rgba(255, 255, 255, 0.8); margin-top:0.5rem; animation-name:loopBottom; animation-delay:0.8s;}

@keyframes loopTop {
	0%   {opacity:0; transform:translateY(-40px);}
	10%  {opacity:1; transform:translateY(0);}
	80%  {opacity:1; transform:translateY(0);}
	100% {opacity:0; transform:translateY(-40px);}
}

@keyframes loopLeft {
	0%   {opacity:0; transform:translateX(-60px);}
	10%  {opacity:1; transform:translateX(0);}
	80%  {opacity:1; transform:translateX(0);}
	100% {opacity:0; transform:translateX(-60px);}
}

@keyframes loopBottom {
	0%   {opacity:0; transform:translateY(20px);}
	10%  {opacity:1; transform:translateY(0);}
	80%  {opacity:1; transform:translateY(0);}
	100% {opacity:0; transform:translateY(20px);}
}

@media (max-width:997px) {
	.swiper-text-layer {left:5%; right:5%;}
	.swiper-text-layer .text-line-1 {font-size:2.0rem;}
	.swiper-text-layer .text-line-2 {font-size:1.4rem;}
	.swiper-text-layer .text-line-3 {font-size:1.2rem; margin-top:0.3rem; }
}

@media (max-width:517px) {
	.swiper-text-layer {left:5%; right:5%;}
	.swiper-text-layer .text-line-1 {font-size:1.4rem;}
	.swiper-text-layer .text-line-2 {font-size:0.8rem;}
	.swiper-text-layer .text-line-3 {font-size:0.6rem; margin-top:0.3rem; }
}

/***************************************************************************************************
*	Main Section
***************************************************************************************************/
.main_section					{width:100%; box-sizing:border-box; overflow:hidden; position:relative; /*z-index:1;*/}
.main_section:after				{display:block; content:""; clear:both;}

.main_section.noticeArea		{padding:80px 0; background-color:#F8F3EF; /* background-color:var(--IDTcolor)*/ /*background:linear-gradient(160deg,#5264f0 10%, #044cad 28%, #0662e0 38%, #5bb0f1 50%, var(--IDTcolor) 100%);*/}
.main_section.serviceArea		{padding:0px 0px;}
.main_section.footBanner		{padding:80px 0; background-color:#FFFFFF;}
.main_section.programArea		{padding:60px 0; background-color:#FFFFFF;}

@media screen and (max-width:997px) {
	.main_section.noticeArea		{padding:20px 0;}
	.main_section.quicklink			{padding:40px 0;}
	.main_section.footBanner		{padding:30px 0;}
}

@media screen and (max-width:517px) {
	.main_section.noticeArea		{padding:0px 0;}
}


/***************************************************************************************************
*	Notice Area :2021.11.22
***************************************************************************************************/
.ntc_div				{display:flex; gap:60px; align-items:stretch;}

.ntc_latestWrap			{width:100%; animation:fadeInUp 0.5s ease-out; display:flex; flex-direction:column; background: #FFF;}
.ntc_popupWrap			{position:relative; width:100%; max-width:400px; animation:fadeInUp 0.9s ease-out; z-index:1; display:flex; flex-direction:column;}
.ntc_quickWrap			{width:100%; animation:fadeInUp 1.2s ease-out;}


@media screen and (max-width:1187px) {
	.ntc_div			{display:flex; flex-wrap:wrap; flex-direction:row; gap:40px; align-items:stretch;} 
	.ntc_latestWrap		{width:calc(100% - 440px);}
	.ntc_popupWrap		{width:400px; max-width:400px;}
	.ntc_quickWrap		{width:100%; order:2;}
}

@media screen and (max-width:768px) {
	.ntc_div			{flex-direction:column; margin:20px auto; gap:20px;}
	.ntc_latestWrap,
	.ntc_popupWrap,
	.ntc_quickWrap		{width:100% !important; max-width:100%;}
}

@keyframes fadeInUp {
	from				{opacity: 0; transform: translateY(40px);}
	to					{opacity: 1; transform: translateY(0);}
}


/* Main Article More */
.main_title						{position:relative; display:flex; align-items:center; margin:20px auto 20px auto; max-width:var(--max-width);}
.main_title .title_txt			{flex-shrink:0; font-family:var(--FFH); font-size:var(--FS24); color:#242A30; font-weight:var(--FW600); letter-spacing:var(--LS01); margin-right:20px;}
.main_title .title_line			{flex-grow:1; height:1px; width:90%; background-color:rgba(0, 0, 0, 0.09);}

@media screen and (max-width:980px){
	.main_title					{margin:30px auto 10px auto;}
	.main_title .title_txt		{font-size:var(--FS18); font-weight:600;}
}

/* Main Article More */
a.ma_more						{width:35px; height:35px; position:relative; display:inline-block; font-size:0; border-radius:var(--round-thin); margin-right:-10px}
a.ma_more:before				{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#d7dce5; width:3px; height:19px; right:15px; top:7px; border-radius:var(--round-thin)}	
a.ma_more:after					{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#d7dce5; width:19px; height:3px; right:7px; top:15px;  border-radius:var(--round-thin)}
a.ma_more:hover:before			{transform:rotate(360deg); transition:all 0.7s ease-out; position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:var(--IDTcolor); width:3px; height:19px; right:15px; top:7px; border-radius:var(--round-thin)}	
a.ma_more:hover:after			{transform:rotate(360deg); transition:all 0.7s ease-out; position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:var(--IDTcolor); width:19px; height:3px; right:7px; top:15px;  border-radius:var(--round-thin)}

@media screen and (max-width:517px) {
	a.ma_more					{width:25px; height:25px; margin-right:0px}
	a.ma_more:before			{width:2px; height:14px; left:11px; top:5px;}	
	a.ma_more:after				{width:14px; height:2px; left:5px; top:11px;}
	a.ma_more:hover:before		{width:2px; height:14px; left:11px; top:5px;}	
	a.ma_more:hover:after		{width:14px; height:2px; left:5px; top:11px;}
}

.main_title em					{visibility:hidden; min-width:85px; height:30px; line-height:30px; padding-left:0; padding:0 10px; border-radius:15px; text-align:center; color:#fff; background-color:var(--IDTcolor); opacity:0; transition:opacity 1s; z-index:10; position:absolute; right:0px; top:25px; transform:translate(0px, 40%); font-size:13px; letter-spacing:-0.5px; box-sizing:border-box;}
.main_title em::after			{position:absolute; content:''; top:-4px; right:4px; transform:translate(-50%, -50%); border-style:solid; border-width:6px; border-color:transparent transparent var(--IDTcolor) transparent} 
.main_title:hover em			{visibility:visible; opacity:1;}


/* Tab Notice Area */
.latestWrap						{max-height:460px; padding:40px 40px; border-radius:0px; box-sizing:border-box; border:1px solid rgba(0,0,0,.1);}
.latestWrap_Tabmenu				{display:flex; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #EDEDED;}
.latestWrap_Tabmenu ul			{display:flex; align-items:center;}
.latestWrap_Tabmenu ul li		{font-weight:600; font-size:16px; color:var(--mygray); letter-spacing:var(--LS10); margin-right:24px; cursor:pointer;}
.latestWrap_Tabmenu ul li.on	{font-size:var(--FS20); font-weight:700; color:var(--IDTcolor);}

.latest_point					{display:flex; justify-content:space-between; align-items:center; padding-top:21px; margin-bottom:16px;}
.latest_point_dateym			{display:flex; text-align:center; flex-direction:column; justify-content:center; align-items:center; width:70px; height:70px; min-width:70px; background-color:var(--IDTcolor); border-radius:4px; padding:10px ; box-sizing:border-box; text-align:center;}
.latest_point_dateym span,
.latest_point_dateym b			{display:block; color:#FFF;}
.latest_point_dateym span		{font-size:var(--FS12); font-weight:500; margin-bottom:4px;}
.latest_point_dateym b			{font-size:var(--FS24); letter-spacing:-1px;}
.latest_point_tit				{width:100%; font-size:var(--FS18); font-weight:700; text-decoration:none; line-height:1.5; color:#404040; letter-spacing:-1px; padding:0 20px; cursor:pointer; display:-webkit-box; display:-ms-flexbox; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}


.latest_lst ul li				{margin:22px 0;}
.latest_lst ul li:first-of-type	{margin-top:35px;}
.latest_lst ul li:last-of-type	{margin-bottom:0px;}
.latest_lst ul li a				{display:flex; align-items:center; justify-content:space-between; text-decoration:none;}

.latest_lst ul li a p			{width:calc(100% - 80px); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; font-size:var(--FS14); font-weight:var(--FW600); color:#666;}
.latest_lst ul li a span		{font-size:var(--FS12); font-weight:var(--FW500); letter-spacing:0; color:#888;}

.latest_lst ul li a:hover p		{color:var(--IDTcolor);}

@media screen and (max-width:997px) {
	.latestWrap					{padding:20px 20px; border:1px solid rgba(0,0,0,0); -webkit-box-shadow:none; box-shadow:none;}
}

@media screen and (max-width:517px) {
	.latestWrap_Tabmenu ul li		{font-size:14px;}
	.latestWrap_Tabmenu ul li.on	{font-size:18px;}
	.latest_point_tit				{font-size:var(--FS16F);}
}



/***************************************************************************************************
*	Main Fixed Rolling Popup
***************************************************************************************************/
.MFRP							{position:relative; border-radius:0px; width:100%; overflow:hidden;}
.MFRP .caroufredsel_wrapper		{border-radius:0px 0px 0px 0px;}

.MFRP li						{float:left;} /* float:left 삽입으로 움직임을 끊기지 않고 부드럽게 처리 */

.MFRP li.thmb					{position:relative; width:100%; height:400px; padding:0px; overflow:hidden; -webkit-transition:all 0.35s ease; transition:all 0.35s ease; z-index:0}
.MFRP li.thmb > a > img			{position:absolute; width:100%; max-width:400px; height:auto; transition:all 0.5s ease; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.MFRP li.thmb > a				{display:block;}

.imgPageNum						{/*display:none !important;*/ display:flex; position:absolute; margin:0 15px; bottom:65px; left:0px; color:#fff; z-index:1}
.imgPageNum	a					{display:flex; align-items:center; justify-content:center; font-size:var(--FS09F); font-weight:var(--FW600); color:rgba(255,255,255,0.3); background-color:rgba(0,0,0,0.5); border-radius:2px; text-align:center; width:16px; height:16px; margin:0 1px}
.imgPageNum	a.selected			{color:#FFF}

.MFRP_bottom					{position:relative; display:flex; align-items:center;justify-content:space-between; width:100%; background:#000; color:#fff; overflow:hidden; height:55px; padding:0px 20px; border-radius:0px 0px 0px 0px; z-index:1}
.MFRP_bottom H6					{font-family:var(--FFH); font-size:var(--FS18); font-weight:var(--FW600); letter-spacing:var(--LS01); color:#FFF; margin:0;}
.MFRP_bottom .imgControl		{float:right;}
.MFRP_bottom .imgControl a		{color:#FFF; margin:0 3px;}
.MFRP_bottom .imgControl .paging{color:#FFF; margin-right:10px;}


/***************************************************************************************************
*	2025.08.01 : Quick Banner
***************************************************************************************************/
.qbCard							{display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:25px; width:100%;}

.grid-card						{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:30px 20px; background:#fff; transition:all 0.3s ease; text-align:center; overflow:hidden; box-shadow:0px 5px 10px rgba(0,0,0,0.05); z-index:1;}
.grid-card::before				{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg, #DDAC00 0%, #FBDC00 20%, #dfa906 100%); opacity:0; z-index:0; transition:opacity 0.4s ease;}
.grid-card:hover::before		{opacity:1;}
.grid-card:hover				{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.grid-card:hover .grid-text h2,
.grid-card:hover .grid-text p	{color:#FFF !important;}
.grid-card:hover .ico_circle	{background:#FFF !important;}

.ico_circle						{display:flex; aspect-ratio:1 / 1; width:80px; align-items:center; justify-content:center; opacity:1; border-radius:100%; background:rgba(0, 0, 0, 0.04); padding:1.0em; margin:0px auto 20px; position:relative; z-index:2;}

.grid-text						{position:relative; z-index:2;}
.grid-text h2					{font-size:var(--FS16); color:#111; font-weight:700; margin-bottom:10px;}
.grid-text p					{font-size:var(--FS13); color:#888; font-weight:600; line-height:1.4; margin-bottom:5px;}


i.main_icon						{display:inline-block; width:40px; height:40px; cursor:pointer; fill:currentColor; color:currentColor;}
.main_icon.icon_mainRequest		{fill:#555; color:#555; stroke-width:7.0; stroke-linecap:round; stroke-linejoin:round;}
.main_icon.icon_mainSupport		{fill:#555; color:#555; stroke-width:5.0; stroke-linecap:round; stroke-linejoin:round;}
.main_icon.icon_mainContract	{fill:#555; color:#555; stroke-width:8.0; stroke-linecap:round; stroke-linejoin:round;}
.main_icon.icon_mainContact		{fill:#555; color:#555; stroke-width:5.0; stroke-linecap:round; stroke-linejoin:round;}
.icon_mainRequest polygon.check	{fill:var(--PTcolor); stroke-width:0;}
.icon_mainSupport polygon.point	{fill:var(--PTcolor); stroke-width:0;}
.icon_mainContact path.point	{fill:var(--PTcolor); stroke-width:0;}
.icon_mainContact circle.point	{fill:var(--PTcolor); stroke-width:0;}

@media (max-width:997px) {
	.qbCard			{gap:15px;}
}

@media (max-width:767px) {
	.qbCard			{grid-template-columns:repeat(2, 1fr);} 
}

@media (max-width:517px) {
	.qbCard			{grid-template-columns:repeat(2, 1fr);} 

	.grid-card		{flex-direction:row !important; align-items:center; padding:20px 15px; text-align:left;}
	.ico_circle		{width:60px; min-width:60px; height:60px; margin:0 15px 0 0; padding:0; background:rgba(0, 0, 0, 0.05);}
	i.main_icon		{width:30px; height:30px;}

	.grid-text		{flex:1; text-align:left;}
	.grid-text h2	{font-size:15px; margin-bottom:5px;}
	.grid-text p	{font-size:12px;}
}

@media (max-width:357px) {
	.qbCard			{grid-template-columns:1fr;}
}


/***************************************************************************************************
*	Services Area : 2025.07.24
***************************************************************************************************/
.srvWrap			{width:100%; padding:100px 0px; background:url('/web/img/main/servicesBG.jpg') no-repeat center center fixed; background-size:cover; display:flex; justify-content:center; align-items:center; text-align:center; position:relative; overflow:hidden;}
.srvWrap::before	{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1;}

.srvWrap .inner {position:relative; max-width:var(--max-width); margin:0 auto; padding:0 20px; box-sizing:border-box; z-index:2;}

.srvWrap h3 {font-family:var(--FFH); font-size:4rem; font-weight:var(--FW900); color:#FFF; margin-bottom:20px; letter-spacing:3px; text-shadow:0px 2px 8px rgba(0,0,0,0.4);}
.srv_desc {font-size:var(--FS18); font-weight:var(--FW400); line-height:1.8; color:#FFF; margin-bottom:2rem; word-break:keep-all; text-shadow:0px 1px 5px rgba(0,0,0,0.3);}

.srvLst {display:flex; justify-content:center; flex-wrap:wrap; gap:20px; width:100%;}
.srvLst li {flex:0 0 auto; width:calc(25% - 15px); opacity:0; transform:translateY(50px); transition:all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.srvLst li.animate {opacity:1; transform:translateY(0);}

.srvLst li a {
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	gap:20px; font-size:var(--FS18); color:#FFF; font-weight:500; 
	letter-spacing:-0.5px; padding:40px;
	border:1px solid rgba(255,255,255,0.2);
	text-decoration:none;
	transition-property:color, border-color, border-radius, background-color;
	transition-duration:0.3s;
}
.srvLst li a i {font-size:48px; transition:.4s;}
.srvLst li a:focus,
.srvLst li a:hover {border-color:#fff; background:#fff; color:#222 !important; border-radius:1rem;}
.srvLst li a:focus i,
.srvLst li a:hover i {transform:rotateY(180deg);}

@media (max-width:997px) {
	.srvWrap		{padding:60px 0px; }
	.srvWrap h3		{font-size:2.6rem; margin-bottom:15px;}
	.srv_desc		{font-size:var(--FS16);}
	.srvLst li		{width:calc(33.3333333333% - 13.3333333333px);}
}

@media (max-width:767px) {
	.srvLst li a	{height:110px;}
	.srvLst li a i	{font-size:30px;}
}

@media (max-width:517px) {
	.srvLst li		{width:calc(50% - 10px);}
	.srvLst li a .srv_tit	{font-size:var(--FS14F);}
}

@media (max-width:357px) {
	.srvLst li		{width:100%;}
	.srvLst li a	{flex-direction:row; height:auto;}
	.srvLst li a i	{font-size:24px;}
}

/* Wave : 25.07.25 */
.wave-container		{position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1; overflow:hidden;}
.wave-svg			{position:absolute; width:120%; height:100%; left:-10%;}
.wave-path			{fill:none; stroke-width:0.2; /* 웨이브 두께 */ opacity:0.3; animation:waveFlow 14s ease-in-out infinite; /* 웨이브 속도 */}
.wave-1				{stroke:rgba(255,255,255,0.3); animation-delay:0s;}
.wave-2				{stroke:rgba(255,215,0,0.3); animation-delay:-3s;}
.wave-3				{stroke:rgba(255,255,255,0.2); animation-delay:-6s;}
.wave-4				{stroke:rgba(100,255,200,0.6); animation-delay:-9s;}

@keyframes waveFlow {
	0%, 100%	{d:path("M0,50 Q25,20 50,50 T100,50 T150,50 T200,50"); opacity:0.6;}
	25%			{d:path("M0,40 Q25,70 50,40 T100,40 T150,40 T200,40"); opacity:0.8;}
	50%			{d:path("M0,60 Q25,30 50,60 T100,60 T150,60 T200,60"); opacity:0.4;}
	75%			{d:path("M0,45 Q25,75 50,45 T100,45 T150,45 T200,45"); opacity:0.9;}
}


/***************************************************************************************************
*	Main Bottom Banner
***************************************************************************************************/
.bannerWrap									{display:flex; align-items:center; justify-content:space-between; margin:0 auto; overflow:hidden;}
.bannerWrap .titleArea						{display:flex; align-items:center; justify-content:space-between; margin-right:35px;}
.bannerWrap .titleArea H8					{font-family:var(--FFH); font-size:var(--FS22); color:#242A30; font-weight:var(--FW600); letter-spacing:var(--LS01);}

.bannerWrap .controlArea					{margin-left:0px;}
.bannerWrap .controlArea ul					{display:flex;}
.bannerWrap .controlArea ul li				{overflow:hidden; box-sizing:border-box; border:1px solid #EEE; border-left:none;}
.bannerWrap .controlArea ul li:first-child	{border-radius:4px 0 0 4px; border-left:1px solid #EEE;}
.bannerWrap .controlArea ul li:last-child	{border-radius:0 4px 4px 0;}
.bannerWrap .controlArea ul li a			{display:flex; justify-content:center; align-items:center; position:relative; width:30px; height:30px; background-color:#FFF;}

.bannerWrap .controlArea li a::before {position:absolute; content:''; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:var(--FS16); color:#000; color:#AAA;}

.bannerWrap .controlArea .btn_prev a::before {content:'\f053';}
.bannerWrap .controlArea .btn_auto a::before {content:'\f04b';}
.bannerWrap .controlArea .btn_stop a::before {content:'\f04c';}
.bannerWrap .controlArea .btn_list a::before {content:'\f0ca';}
.bannerWrap .controlArea .btn_next a::before {content:'\f054';}

.bannerWrap .banner li						{margin-right:16px;}
.bannerWrap .banner li a					{display:flex; align-items:center; justify-content:center; width:200px; height:60px; border:1px solid rgba(0,0,0, 0.15); opacity:.6; filter:grayscale(2); transition:opacity .2s, filter 0.5s ease;}
.bannerWrap .banner li a:hover				{filter:none; opacity:1.0;}

@media screen and (max-width:768px) {
	.wrapper.wide					{max-width: calc(100% - 20px);}
	.bannerWrap						{flex-direction:column; align-items:flex-start;}
	.bannerWrap .titleArea			{width:100%; justify-content:flex-end; margin-bottom:20px;}
	.bannerWrap .titleArea H8		{font-size:var(--FS18); font-weight:var(--FW800);}
	.bannerWrap .banner				{width:100%;}

	.bannerWrap .banner li a		{width:140px; height:42px;}
	.bannerWrap .banner li a img	{width:120px; height:33.333px;}

	.bannerWrap .controlArea ul li a{width:25px; height:25px;}
}