@charset "utf-8";

/*****사이트 리셋*****/
html, body, #container, #body {
	min-width: 300px;
}
 html,body{
 
 
overflow-x: hidden;
}
 html{
 
font-size: 100%; /* 1rem = 16px */
 
-webkit-text-size-adjust:none;
 
-moz-text-size-adjust:none;
}
/* 공통 */
.pc_only{display: block;}
.mo_only{display: none;}

/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1090px){
 html{
 
font-size: 85%;
}

}
 
@media screen and (max-width:768px){
 html{
 
font-size: 75%;
}
    /* 공통 */
    .pc_only{display: none;}
    .mo_only{display: block;}
}


@media screen and (max-width:479px){
 html{
 
font-size: 70%;
}

}

body {
	background-color: #fff;
	font-family: "Pretendard", Arial,  sans-serif;
	font-weight: 300;
	color: #333;
	-webkit-text-size-adjust: none;
	word-break: keep-all;
}
/*****사이트 레이아웃*****/
.container{max-width: 1500px;margin: 0 auto;position: relative;}




.m_br{ /*모바일 줄바꿈*/
	display:none;
}

/*애니메이션 딜레이 사용자 정의*/
.animate__delay-08s {
  animation-delay: 0.8s;
}

/*반응형  css */
@media screen and (max-width:1600px){

	section .container, footer .container{
	padding: 0 calc(10px + 1%);
	}

}
@media screen and (max-width:599px){
	
.m_br{ /*모바일 줄바꿈*/
	display: block !important;
}
.mo_none{
	display: none !important;	
}
}

/*반응형  css 끝*/



/*****사이트 레이아웃 끝*****/

/*****헤더*****/
/* Header */
#header {position:fixed;width:100%;transition: all 0.3s linear;top:0;z-index:99;overflow:hidden;height: 100px;text-align:center;border-bottom: 0px solid transparent;}
#header:after {display:block;content:"";position:absolute;top:101px;left:0;width:100%;height:1px;background:#ddd;opacity:0;z-index:9999}

#header .header_in {position:relative;overflow:hidden;max-width: 1500px;margin:0 auto;box-sizing:border-box;}
#header .header_in h1 {padding: 30px 0;float:left;}
#header .header_in h1 a {display:block;width: 220px;height: 42px;background: url('/assets/img/logo.png') no-repeat center center/100%;transition: all 0.3s linear}
#header .header_in .search {position:absolute; right:70px; top:50%; transform:translate(0, -50%); display:inline-block; width:19px; height:22px; background:url('/img/searchBtn.png')no-repeat center center/100%;}
#header .header_in .sitemapBtn {display:block; width:50px; height:50px; border-radius:50px; border:1px solid rgba(255,255,255,0.2); background:url('/img/menuBtn.png') center center no-repeat; position:absolute; top:50%; right:0; transform:translate(0, -50%);}
#header .header_in .btnMenu_m {display:none;width:50px;height:50px;border-radius:50px;border:1px solid rgba(255,255,255,0.2);background: url('/assets/img/menuBtn.png') center center no-repeat;position:absolute;background-size: 25px;top:50%;right:0;transform:translate(0, -50%);}
#header .header_in .langBtn {position:absolute;top:50%;right: 30px;transform: translate(0, -50%);width: 100px;display: flex;justify-content: center;}
#header .header_in .langBtn > a {position:relative;display:block;float:left;font-weight:400;color:rgba(255,255,255,0.5);letter-spacing:0.3pt;font-family:'Outfit', sans-serif;font-size: 0.925rem;margin-right:14px;padding: 5px 0px 5px 35px;}
#header .header_in .langBtn > a:last-child {margin:0}
#header .header_in .langBtn > a.on {font-weight:700;color:#fff;background: url(/assets/img/icon_lang01.png) no-repeat 8px center;}
#header .header_in .langBtn > a.on:after {display:block;content:"";width:100%;/* background:#fff; *//* margin-top:4px; */}
#header .header_in .langBtn ul{position:absolute;opacity:0;overflow: hidden;visibility:hidden;/* padding:10px 0; */left: 0px;top: -270%;width:100%;background:#fff;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border-radius: 8px;box-shadow: 0 10px 12px 1px rgb(0 0 0 / 10%);}
 #header .header_in .langBtn ul.on{top: -50%;opacity:1;visibility:visible;left: 0px;}
#header .header_in .langBtn ul a{
    width: 100%;
    font-size: 1rem;
    display: block;
    padding: 4px 2px;
}
#header .header_in .langBtn ul a:hover{
    color: #000;
}
#header .header_in .langBtn ul li{
    transition: 0.3s;
}
#header .header_in .langBtn ul li:hover{background: #e3e6ee;}

#header.on {height: 400px;transition: all 0.3s linear;background:#fff;box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;border-color:#ddd;border-radius: 0  0  80px 80px;}
	#header.on:after {opacity:1}
	#header.on .header_in h1 a {background-image: url('/assets/img/logo_up.png');}
	#header.on #gnb .menu > li > a {color:#333}
	#header.on  .header_in .search {background-image:url('/img/searchBtn_up.png')}
	#header.on .header_in .sitemapBtn {border-color:#ddd; background-image:url('/img/menuBtn_up.png')}
	#header.on .header_in .btnMenu_m {border-color:#ddd; background-image:url('/img/menuBtn_up.png')}
	#header.on .header_in .langBtn > a {color:rgba(51,51,51,0.7)}
	#header.on .header_in .langBtn > a.on {color: #0c0e3b;background: url(/assets/img/icon_lang02.png) no-repeat 8px center;background-size: 18px;}
	#header.on .header_in .header_in .langBtn > a.on:after {background:#1f25a3}

#header.fixed {transition: all 0.3s linear;background: rgb(255 255 255 / 98%);box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;border-color:#ddd;height: 56px;}
#header.fixed.on{
    height: 380px;
}
	#header.fixed:after {opacity:1;top: 55px;}
	#header.fixed .header_in h1 a {background-image: url('/assets/img/logo_up.png');}
	#header.fixed .header_in h1{
    padding: 7px 0;
}
	#header.fixed #gnb .menu > li > a {color:#333;padding: 16px 40px 16px;}
	#header.fixed  .header_in .search {background-image:url('/img/searchBtn_up.png')}
	#header.fixed .header_in .sitemapBtn {border-color:#ddd; background-image:url('/img/menuBtn_up.png')}
	#header.fixed .header_in .btnMenu_m {border-color:#ddd;background-image: url('/assets/img/menuBtn_up.png');}
	#header.fixed .header_in .langBtn > a  {color:rgba(51,51,51,0.7)}
	#header.fixed .header_in .langBtn > a.on {color: #0c0e3b;background: url(/assets/img/icon_lang02.png) no-repeat 8px center;}
	#header.fixed .header_in .langBtn > a.on:after {background:#1f25a3}

/* Header */

/* GNB */
#gnb {position:absolute;top: 11px;left: 35%;margin-right: -30px;/* transition: all 0.3s linear; */z-index:99999}
#gnb .menu {}
	#gnb .menu > li {position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;}
	#gnb .menu > li:first-child {}
	#gnb .menu > li:nth-child(4) {}	
	#gnb .menu > li:last-child {}
	#gnb .menu > li:after {content:'';width:0;height: 3px;background-color:#1f25a3;position:absolute;top: 57px;left:0;transition: all 0.3s linear;z-index:99999;}
	/* #gnb .menu > li.on:after {width:100%; transition: all 0.3s linear ease;} */
	#gnb .menu > li > a {display:inline-block;padding: 30px 40px 40px;line-height:1;font-size: 1.25rem;color: #ffffff;letter-spacing: 0px;font-weight: 500;position:relative;transition: all 0.3s linear;font-family: 'Poppins';}
	#gnb .menu > li > a:after {display:block;content:"";width: 0px;height: 5px;background: #575eff;position:absolute;bottom:0;left:0;opacity:0;transition: all 0.3s linear;}
	#gnb .menu > li.on > a {}
	#gnb .menu > li.on > a:after {opacity:1; width:100%}

	#gnb .menu_depth.on {opacity:1}

	#gnb .menu_depth {padding-top: 32px;opacity: 1;transition: all 0.1s linear;}
	#gnb .menu_depth ul > li {margin-bottom: 14px;}
	#gnb .menu_depth ul > li:last-child {margin-bottom:0}
	#gnb .menu_depth ul > li > a {display:inline-block;font-size: 1.063rem;font-weight: 300;letter-spacing:-0.3pt;line-height:1.3;transition:all 0.2s linear;position: relative;}
	#gnb .menu_depth ul > li > a:hover {color: #2972fd;transition:all 0.2s linear;font-weight: 400;}
#gnb .menu_depth ul > li > a:after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 0;
    margin: auto;
    border-bottom: 1px solid #497eff;
    transition: .2s;
    }
#gnb .menu_depth ul > li > a:hover:after{width:100%;}
#header.fixed #gnb{
    top: 3px;
}
/* GNB */




/* 슬라이드 메뉴 : 모바일 메뉴 */
#menuArea {display:none; position:fixed !important; top:0; right:0; width:280px;  z-index:999999999999; height:100%;}
#menuArea .menuList {position:absolute; right:-280px;  height:100%; width:280px; background: #fff; box-sizing:border-box;}
#menuArea .menuList h1 {position:relative;padding: 15px 40px 5px 15px;box-sizing:border-box;overflow:hidden;}
#menuArea .menuList h1 a{display: block;width: 12.75rem;}
#menuArea .menuList h1 a img{}
#menuArea .btnMenu_mClose {text-align: center; border: 0; background: #1f2125; border-radius: 8px; padding: 0; outline: none; cursor: pointer; font-size: 15px; color: #fff; width: calc(100% - 40px); margin: 20px auto 0; display: block; line-height: 48px; font-family: "Outfit", sans-serif; letter-spacing: 0.3pt;}

#menuArea .menuList>.list {background-color:#fff; width:100%; /* padding:0 30px; */ box-sizing:border-box;}
#menuArea .menuList>.list>li {/* background:#fff; border-bottom:1px solid #ddd; */}
#menuArea .menuList>.list>li:first-child>a {border-top:1px solid #ddd}
#menuArea .menuList>.list>li>a {font-weight:500; position: relative; display:block; padding:20px 20px; border-bottom:1px solid #ddd; font-size:16px; line-height:1; color:#333; letter-spacing:-0.5pt;  transition: all 0.3s ease-out;}
#menuArea .menuList>.list>li.active a {color:#1f25a3; transition: all 0.3s ease-out;}
#menuArea .menuList>.list>li>a:after{content: ""; position: absolute; right:20px; top: 50%; transform:translate(0, -50%); width:10px; height: 8px;background: url('/img/footBtn.png') center center/100% no-repeat ; background-size: 100%;}
#menuArea .menuList>.list>li.active>a:after{background-image: url('/img/footBtn_up.png')}

#menuArea .menuList>.list .sMenu {background-color: #f0f0f0; position: relative;  width: 100%; display:none; padding:20px; border-bottom:1px solid #ddd}
#menuArea .menuList>.list .sMenu>li {margin:0 0 15px;}
#menuArea .menuList>.list .sMenu>li .depth_txt {display:block; font-size:13px; color:#333; margin:0 0 5px; letter-spacing:-0.3pt; font-weight:bold;}
#menuArea .menuList>.list .sMenu>li>a {font-weight:400;display:block;border:none;font-size: 15px;letter-spacing:-0.5pt;color:#666;transition: 0.3s linear ease;line-height:1;margin:0 0 7px;}
#menuArea .menuList>.list .sMenu>li:last-child {margin:0 0 0;}
#menuArea .menuList>.list .sMenu>li>a:hover {color:#1f25a3; transition: all 0.3s linear ease;}
#menuArea .menuList>.list .sMenu li:first-child a {padding-top:0}
#menuArea .menuList>.list .sMenu li:last-child {margin:0;}
#menuArea .menuList>.list .sMenu li:last-child a {margin:0}


#grayLayer {width:100%;height:100%;background: rgba(0,0,0,0.7);position:fixed;left:0;top:0;z-index:9999999;overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}
/* 슬라이드 메뉴 : 모바일 메뉴 */



/* 헤더 반응형 */
/*******************************************************************************
	@media ~1600px
*******************************************************************************/
@media all and (max-width:1600px) { 

/* Header */
#header .header_in {width:94%; padding:0;}
.langBtn {right: 40px;}
/* Header */


/* GNB */
#gnb {margin-left: -120px;/* top: 41px; */}
		#gnb .menu > li {}
		#gnb .menu > li:nth-child(4) {}		
/* GNB */

}



/*******************************************************************************
	@media ~1280px
*******************************************************************************/
@media all and (max-width:1280px) { 

/* Header */
#header.on {height:380px}
#header .header_in {/* width:94%; padding:0; */}
/* Header */


/* GNB */
#gnb {margin-left: -80px;top: 41px;}
		#gnb .menu > li {/* width:100px; */}
		#gnb .menu > li:nth-child(4) {width: 120px;}		
		#gnb .menu > li > a {padding: 0 15px 40px;}

		#gnb .menu_depth ul > li {margin-bottom:8px}
	#header.fixed #gnb .menu > li > a {padding: 22px 15px 26px;}
/* GNB */



}

/*******************************************************************************
	@media ~1024px
*******************************************************************************/
@media all and (max-width:1024px) { 

/* Header */
#header .header_in .sitemapBtn {display:none;}
#header .header_in .btnMenu_m {display:block;}
#header .header_in .langBtn {right: 50px;}
/* Header */

/* GNB */
#gnb {display:none;}
/* GNB */

}

/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 


/* Header */
#header {height:auto}
#header .header_in h1 {padding:20px 0}
#header .header_in h1 a {}

#header .header_in .search {}
#header .header_in .sitemapBtn {display:none;}
#header .header_in .btnMenu_m {display:block;}
/* Header */

/* GNB */
#gnb {display:none;}
/* GNB */



.page_num {padding-top:30px}

}

/*******************************************************************************
	@media 681 ~ 768px
*******************************************************************************/
@media all and (max-width:768px) { 

.show768 {display:block;}
.none768 {display:none;}
#header.fixed{
    height: 60px;
}

#header .header_in .langBtn > a {
    background-size: 12px !important;
    padding: 5px 0 5px 26px;
}
}

/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


/* Header */
#header {height:auto}
#header .header_in h1 {}
#header .header_in h1 a {width:140px; height:28px;}

#header .header_in .search {right:47px; width:15px; height:17px}
#header .header_in .btnMenu_m {height: 40px;width: 40px;}
#header .header_in .langBtn {right: 60px;width: 61px;}
.langBtn a {margin-right:8px}
.langBtn a.on:after {margin-top:2px}
/* Header */

}


/*******************************************************************************
	@media 361~480px
*******************************************************************************/
@media all and (max-width:480px) { 
}

/*******************************************************************************
	@media ~420px
*******************************************************************************/
@media all and (max-width:420px) { 

.show420 {display:block;}
.none420 {display:none;}

}
/* 헤더 반응형 끝 */


/*****헤더 끝*****/




/*****메인 비쥬얼*****/
#wrap{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
    min-width: 300px;
}
#visual .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 1;
}
  #visual .bg-video .bg-video__content {
    height: 100%;
    width: 100%;
    object-fit: cover; //
    background-size: cover 와 비슷함. (HTML 요소 or 비디오와 작동)
  }
#visual .bg-video:before {content:"";position:absolute;width:100%;height:100%;top:0;left:0;background: rgba(0,23,40,0) url(/assets/img/main_dot.png) repeat;z-index: 1;opacity: 0.25;}

#visual {position:relative;width:100%;height: 100vh;overflow:hidden;z-index:1;/*  opacity:0; background-color:#333; */background: #000;}

#visual .slick.slider01 {position: relative; display: block;}
#visual .slick-list {position: relative; display: block; overflow: hidden;}
#visual .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
#visual .slick-initialized .slick-slide{display: block;}
#visual .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}


#visual .sub_imgbox li {width:100%; height:100%;}

#visual .section .v_img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-color:#131427;
	background-size: cover;
	background-position:center;
	border:0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 1.2s;
	transition-duration: 1.2s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	}
#visual .sub_imgbox li.action .v_img {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); } 
#visual .section.cover01 .container{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#visual .section.cover01 .v_img {background-image: url('/assets/img/main_bn01bg.png');}
#visual .section.cover02 .v_img {background-image:url('/img/main_visual02.jpg')}
#visual .section.cover03 .v_img {background-image:url('/img/main_visual03.jpg')}


#visual .sub_imgbox{height:100%;}
#visual .section {width:100%;height:100%;position:relative;overflow:hidden;background-position:center; background-size:cover; border:0}
#visual .sub_imgbox .slick-list, #visual .sub_imgbox .slick-track {height:100%;}


#visual .controller{position: absolute; bottom:29px; left:50%; margin-left:90px; z-index:9001; }
#visual .controller .btn-play{position:relative;cursor: pointer; display:none; background:url('/assets/img/play.png') center no-repeat; text-indent: -222222222px; border:none; width:10px; height:16px; }
#visual .controller .btn-stop{position:relative;cursor: pointer; width:10px; background:url('/assets/img/stop.png') center no-repeat; height:16px; text-indent: -222222222px;}

/* Page */
#visual .slick-arrow {font-size: 0;line-height: 0;padding:0;position: absolute;display: block;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;width:9px;height:15px;top: auto;background:url('/assets/img/v_prev.png') center center/100% no-repeat;position:absolute;bottom: 23px;left:50%;margin-left:-65px;z-index:9999;cursor:pointer}
	#visual .slick-next {right:50%;left:auto;margin:0 -65px 0 0;background-image:url('/assets/img/v_next.png')}

/* #visual .slick-page{position: absolute; left:50%; transform:translate(-50%, 0); bottom:30px; z-index:9001; text-align:center; box-sizing:border-box; line-height:1}
#visual .slick-page li {font-family: 'Outfit', sans-serif; font-size:0.882rem; color:#fff; line-height:1;}
#visual .slick-page li.cur{display:inline-block; font-weight:700}
#visual .slick-page li.and{display:inline-block; padding:0 12px; background:url('/assets/img/page.png') center center no-repeat; width:8px; height:10px;}
#visual .slick-page li.tot{display:inline-block;} */

#visual .slider-paging-number {position: absolute; left:50%; transform:translate(-50%, 0); bottom:30px; z-index:9001; text-align:center; box-sizing:border-box; line-height:1}
#visual .slider-paging-number li {font-size: 0.882rem;color:#fff;line-height:1;display:none;font-weight:400;0}
#visual .slider-paging-number li button {margin:0;padding:0;font-family: 'Outfit', sans-serif;font-size:0.882rem;color:#fff;font-weight:700;line-height:1;background:none;border:none;}
#visual .slider-paging-number li button:after {display:inline-block; content:""; padding:0 12px; background:url('/assets/img/page.png') center center no-repeat; width:8px; height:10px;}
#visual .slider-paging-number li.slick-active {display:block;}

#visual .v_txt {text-align: left;z-index:1000;box-sizing:border-box;margin:0 auto;position: absolute;transform: translateY(-35%);z-index: 3;width: auto;left: 0;right: 0;top: 50%;padding: 0px 50% 0 0;}
	#visual .v_txt h3 {
	position:relative;
	font-size: 4rem;
	font-weight: 400;
	font-family: 'DWImpactamin';
	letter-spacing:0;
	color:#fff;
	line-height:1.3;
	margin:0 0 15px 0;
	opacity:0;
	top:50px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	}
	#visual .v_txt .tg01{
    margin: 0 0 3.125rem 0;
}
	#visual .v_txt p {
    position:relative;
    font-size: 1.625rem;
    letter-spacing:-0.5pt;
    color: white;
    background: linear-gradient(to bottom, #8793ff, #4b4aea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    opacity:0;
    top:50px;
    margin: 0 0 0px 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    }

#visual .v_txt span {
    position:relative;
    line-height: 1.6;
    font-size: 1.275rem;
    letter-spacing: 0;
    color:#fff;
    font-weight: 200;
    opacity:0;
    top:50px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
    }
#visual .v_txt span strong{
    font-weight: 600;
}

	#visual .v_txt .more {
    position:relative;
    margin-top:100px;
    opacity:0;
    top:50px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    }
	
#visual .v_img01 {box-sizing:border-box;margin:0 auto;position: absolute;transform: translateY(-13%);z-index: 2;width: auto;left: 0;right: 0;top: 50%;padding: 0 3% 0px 50%;text-align: right;display: flex;justify-content: center;}
#visual .v_img01 {
    position:relative;
    opacity:0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
    }

#visual .sub_imgbox li.action .v_txt h3 {top:0; opacity:1}
#visual .sub_imgbox li.action .v_txt p {top:0;opacity:1;}
#visual .sub_imgbox li.action .v_txt span {top:0;opacity:1;}
#visual .sub_imgbox li.action .v_txt .more {top:0; opacity:1}
#visual .sub_imgbox li.action .v_img01 {opacity:1;transform: translateY(-40%);}




.m_tit_con {margin-bottom:60px;}
	.m_tit {position:relative; line-height:1; font-weight:700; color:#333; font-family:'Outfit', sans-serif; margin:0 0 20px; font-size:3.176rem; letter-spacing:0;}
	.m_stit {position:relative; line-height:1; font-size:1.765rem; letter-spacing:-0.5pt; font-weight:700; color:#fff; margin-bottom:18px}
	.m_txt {letter-spacing:-0.3pt; font-size:1rem; color:#666}


.ani_effect {position:relative; top:50px; opacity:0; transition:all 0.5s linear;}
.ani_effect.action {top:0; opacity:1; transition:all 0.5s linear;}

.ani_effect2 {position:relative; top:0; opacity:0; transition:all 0.5s linear;}
.ani_effect2.action {top:0; opacity:1; transition:all 0.5s linear;}

.delay1{transition-delay:0.4s !important;}
.delay2{transition-delay:0.7s !important;}
.delay3{transition-delay:1.0s !important;}
.delay4{transition-delay:1.3s !important;}

/* 바로가기 버튼 (GENERAL BUTTON STYLING) ~*/


/* 버튼 타입 01 */
.btn1a1[class] {
	position: relative;
	height:auto;
	margin: 0 0.525rem;
	padding: .65em 1.875em;
	border: 0px solid #145fe9;
	border-radius: 10px;
	background: #081125;
	color: #fff;
	font-weight: normal;
	font-size: 1.375em;
	transition:.3s;
	text-decoration:none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn1a1::before,
.btn1a1::after {
	content: '';
	z-index: -1;
	position: absolute;
	background: #ffffff;
	transition:.3s;
	border-radius: 10px;
}
.btn1a1:hover {
	color: #2664ef !important;
	background: rgb(20 95 233);
}

/* 버튼 타입 02 */
.btn1a2[class] {
	display: table;
	position: relative;
	height:auto;
	margin: 0 auto;
	padding: .65em 1.875em;
	border: 0px solid #145fe9;
	border-radius: 10px;
	background: #2664ef;
	color: #fff;
	font-weight: normal;
	font-size: 1.25em;
	transition:.3s;
	text-decoration:none;
	text-align: center;
}
.btn1a2::before,
.btn1a2::after {
	content: '';
	z-index: -1;
	position: absolute;
	background: #ffffff;
	transition:.3s;
	border-radius: 10px;
}
.btn1a2:hover {
	color: #2664ef;
	background: #fff !important;
	box-shadow: 0 15px 15px rgb(0 0 0 / 8%);
}

/* 버튼 타입 03 */
.btn1a3[class] {
	display: inline-flex;
	position: relative;
	height:auto;
	margin: 0 auto;
	padding: .85em 1.875em;
	border: 0px solid #145fe9;
	border-radius: 10px;
	background: #2664ef;
	color: #fff;
	font-weight: normal;
	font-size: 1.3em;
	transition:.3s;
	text-decoration:none;
	text-align: center;
	flex-direction: row;
	align-items: center;
}
.btn1a3 img{
    opacity: 0;
    margin-left: 0.3em;
    transition: 0.4s;
    position: absolute;
    right: 0;
    transform: translate(-180%, 0px);
}
.btn1a3::before,
.btn1a3::after {
	content: '';
	z-index: -1;
	position: absolute;
	background: #ffffff;
	transition:.3s;
	border-radius: 10px;
}
.btn1a3:hover {
	color: #2664ef;
	background: #fff !important;
	box-shadow: 0 10px 15px rgb(0 0 0 / 8%);
	padding: 0.85em 2.75em 0.85em 1.875em;
}
.btn1a3:hover img{opacity: 1;}


/* 버튼 타입 04 */
.btn1a4[class] {
	display: inline-flex;
	position: relative;
	height:auto;
	margin: 0 auto;
	padding: 0.9em 2.5em 0.9em 1em;
	border: 0px solid #145fe9;
	border-radius: 10px;
	color: #fff;
	font-weight: normal;
	font-size: 1.3em;
	transition:.3s;
	text-decoration:none;
	justify-content: center;
	align-items: center;
	background: url(/assets/img/company/down_icon.png) no-repeat #2664ef 85% 50%;
}
.btn1a4 img{
    opacity: 0;
    margin-left: 0.6em;
    transition: 0.4s;
    position: relative;
}
.btn1a4::before,
.btn1a4::after {
	content: '';
	z-index: -1;
	position: absolute;
	background: #ffffff;
	transition:.3s;
	border-radius: 10px;
}
.btn1a4:hover {
	color: #2664ef;
	background: url(/assets/img/company/down_icon_on.png) no-repeat #fff 85% 55% !important;
	box-shadow: 0 10px 15px rgb(0 0 0 / 8%);
	padding: 0.9em 2.5em 0.9em 1em;
}
.btn1a4:hover img{opacity: 1;}

/* 버튼 컬러 */
.white{background:#fff !important;}
.red{background:}
.blue{background: # !important;}
.navi{background-color: #0f182e !important;}
.black{background:#111 !important;}


/*  */
.btn-1::after {
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
}
.btn-1:hover:after {
	height: 100%;
}
/*  */
.btn-2::after {
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
}
.btn-2:hover:after {
	width: 100%;
}
/*  */
.btn-3::after {
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
}
.btn-3:hover:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/*  */
.btn-4::before {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.btn-4::after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #2ecc71;
}
.btn-4:hover:after {
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
}
/*  */
.btn-5 {
	overflow: hidden;
}
.btn-5::after {
	left: -35%;
	top: 0;
	width: 0;
	height: 100%;
	transform: skew(50deg);
	transition-duration: 0.6s;
	transform-origin: top left;
}
.btn-5:hover:after {
	width: 135%;
	height: 100%;
}
/*****메인 비쥬얼 끝*****/


/*****메인비주얼 반응형*****/
@media all and (max-width:1600px) { 

#visual .v_txt {width: 95%;padding: 0px 45% 0 0;}
#visual .v_txt h3 {font-size: 3.25rem;margin-bottom: 20px;}
	#visual .v_txt span {
   
font-size: 1.125rem;
 }

}

@media all and (max-width:1280px) { 

#visual .v_txt {/* width: 95%; */}
#visual .sub_imgbox li.action .v_img01{
	
transform: translateY(-35%);
}
#visual .sub_imgbox li.action .v_img01 img{
    max-width: 70%;
}
	
}




@media all and (max-width:980px) { 

#visual {}
#visual .v_txt {
    /* width: 95%; */
}
#visual .v_txt h3 {font-size:3.8rem;margin-bottom: 20px;}
#visual .v_txt p {font-size: 1.725rem;}
#visual .v_txt span {font-size:1.1rem;}
#visual .v_txt .more {margin-top:70px}
.btn1a1[class]{
    padding: 0.65em 1.25em;
    width: 150px;
}
}


@media all and (max-width:680px) { 
#visual .bg-video{display:none;}
#visual {}
#visual .v_txt {
    padding: 0 0% 0 0;
    text-align: center;
    transform: translateY(-35%);
    }
#visual .v_txt h3 {font-size: 3.25rem;margin-bottom: 25px;}
#visual .v_txt p {}
#visual .v_txt span {
    font-size: 1.2rem;
}
#visual .v_txt .more {margin-top:40px}
#visual .sub_imgbox li.action .v_img01{padding: 0 35% 0px 35%;text-align: center;top: 22vw;transform: translateY(0);}
 
#visual .slick-arrow {width:7px; height:12px; margin-left:-50px}
#visual .slick-next {margin:0 -50px 0 0}

#visual .controller{margin-left:67px; bottom:30px;}
#visual .controller .btn-stop{background-size:8px; height:12px; width:8px;}
#visual .controller .btn-play{background-size:8px; height:12px; width:8px;}


#visual .slider-paging-number {}
#visual .slider-paging-number li {}
#visual .slider-paging-number li button {}
#visual .slider-paging-number li button:after {width:6px; height:8px}


}
@media all and (max-width:580px) { 
#visual .v_txt {/* transform: translateY(0%); */}	
	#visual .v_txt .more{
    justify-content: center;
    margin-top: 60px;
}
}

@media all and (max-width:480px) { 
#visual .v_txt {
    padding: 0 0% 0 0;
}
#visual .v_txt h3 br {display: none;}
#visual .v_txt span br {display:none;}
.btn1a1[class]{
    padding: 0.55em 1.375em;
}
}


/*****메인비주얼 반응형 끝*****/


/****섹션타이틀*****/

/*섹션타이틀 타입 01*/
.sec01tg01{
	text-align: center;
	z-index: 2;
	position: relative;
	font-family: 'Poppins',"Pretendard";
}
.sec01tg01 .t01{
	font-weight: 700;
	font-size: 3.65rem;
	color: #222;
	margin: 16px 0;
}
.sec01tg01 .t02{
	font-size: 1.425rem;
	font-weight: 300;
	color: #333;
	word-break: keep-all;
	line-height: 1.25;
}
/*섹션타이틀 타입 01 끝*/

/*섹션타이틀 타입 02*/
.sec01tg02{
	text-align: center;
}
.sec01tg02 .t01{
	font-weight: 700;
	font-size: 3.125rem;
	color: #fff;
	margin-bottom: 16px;
}
.sec01tg02 .t02{
	font-size: 1.25rem;
	font-weight: 300;
	color: #fff;
	word-break: keep-all;
}
/*섹션타이틀 타입 02 끝*/

/*반응형  css */
/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	

}

@media screen and (max-width:1090px){

}

@media screen and (max-width:992px){

}
 
@media screen and (max-width:768px){
/*섹션타이틀 타입 01*/
.sec01tg01{
	
line-height: 1.125;
}
.sec01tg01 .t01{
	font-size: 2.75rem;
	margin: 2vw 0;
}
.sec01tg01 .t02{
	font-size: 1.25rem;	
}
/*섹션타이틀 타입 01 끝*/

/*섹션타이틀 타입 02*/
.sec01tg02{
	text-align: center;
}
.sec01tg02 .t01{	
	font-size: 3.125rem;
	margin-bottom: 16px;
}
.sec01tg02 .t02{
	font-size: 1.25rem;	
}
/*섹션타이틀 타입 02 끝*/

}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){
.sec01tg01 .t01{
	font-size: 2.25rem;
}
.sec01tg01 .t02{
	font-size: 1.25rem;	
}
}

@media screen and (max-width:479px){

}
/*반응형  css 끝*/

/****섹션타이틀 끝*****/

/***섹션01 ****/
#sec01{
    padding: 6.275rem 0 8.75rem;
    background: #f0f7f9;
}
 .mision{
    display: flex;
    margin: 4% 0 0;
    flex-direction: row-reverse;
}
 .mision .wg01{
    flex: 50%;
    display: flex;
    gap: 0 6%;
    position: relative;
}
 .mision .wg01 .bg_f01{
	 
position: absolute;
	 
z-index: 0;
	 
top: -145px;
	 
left: -5rem;
	}
  .mision .wg01 .w01{z-index: 1;}
 .mision .wg01 .w01 .fg01{
    display: flex;
    flex-direction: column;
    align-items: center;
}
 .mision .wg01 .w01 .fg01 .f01{
    margin: 0 0 10%;
}
 .mision .wg01 .w01 .fg01 .f02{}
 .mision .wg01 img.f1{
    box-shadow: 0 7px 15px rgb(0 0 0 / 15%);
    border-radius: 12%;
}

.mision .w02{
    display: flex;
    align-items: center;
    z-index: 1;
}

.mision .w02 .f01{}

.mision .wg02{
    flex: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.mision .wg02 .bg_txt01{
	font-family: 'Poppins';
	font-weight: 800;
	color: #e5eaec;
	font-size: 13.25rem;
	line-height: 0.85;
	text-transform: uppercase;
	letter-spacing: -7.5px;
	position: absolute;
	top: -15.25rem;
	right: -16rem;
	z-index: 0;
	text-align: right;
}

.mision .wg02 .cb_wrap{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.mision .wg02 .cbw01{
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 0 0 -11%;
}
.mision .wg02 .cbw02{
    display: flex;
    width: 100%;
    justify-content: center;
}
.mision .wg02 .cb_wrap .cbox{
    position: relative;
    width: 41%;
}
.mision .wg02 .cb_wrap .cbw02 .cbox{margin: 0 -4%;}

.mision .wg02 .cb_wrap .cb01 .tg01 .t01{
    background: rgb(255 255 255 / 85%);
}
.mision .wg02 .cb_wrap .cb02 .tg01 .t01{
    background: rgb(45 154 217 / 85%);
}
.mision .wg02 .cb_wrap .cb03 .tg01 .t01{
    background: rgb(18 91 213 / 85%);
}
.mision .wg02 .cb_wrap .cbox .tg01{
    padding: 0 0 100%;
    position: relative;
    text-align: center;
}

.mision .wg02 .cb_wrap .cbox .tg01 .t01{position: absolute;display: flex;justify-content: center;align-items: center;color: #222;font-size: 1.125rem;font-weight: 300;top: 0;left: 0;right: 0;bottom: 0;box-shadow: 0 7px 15px rgb(0 0 0 / 15%);border-radius: 99999px;padding: 1rem;}
.mision .wg02 .cb_wrap .cbw02 .tg01 .t01{
    color: #fff;
}

/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1600px){	

}
@media screen and (max-width:1440px){
	.mision .wg02 .cb_wrap .cbox .tg01 .t01{
    font-size: 1.5278vw;
}
}
@media screen and (max-width:1320px){	


}

@media screen and (max-width:1090px){

}

@media screen and (max-width:992px){
 .mision{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4rem 0;
}
.mision .wg01 {
    display: flex;
    position: relative;
}
.mision .wg02 {}
	
.mision .wg02 .cb_wrap .cbox{
        width: 38.5vw;
}
	.mision .wg02 .cb_wrap .cbox .tg01 .t01{
    font-size: 2.9vw;
}
	.mision .wg02 .bg_txt01{
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
}
	.mision .wg01 .bg_f01{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
	
	
}
 
@media screen and (max-width:768px){
#sec01{
    padding: 6.275vw 0 8.75vw;
}	
 .mision .wg01{
    width: 80%;
}
	.mision .wg02 .bg_txt01{
    font-size: 7.25rem;
}
}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){
	.mision .wg02 .cb_wrap .cbox .tg01 .t01{
    /* font-size: 3vw; */
}
}
@media screen and (max-width:479px){
 
}

/***섹션01 끝****/

/***섹션02 ****/
#sec02{
    padding: 4rem 0 4rem;
    background: url(/assets/img/bs_bg01.png) center no-repeat;
    background-size: cover;
}
/* 비지니스 영역  */
.content.business{overflow: visible;position: relative;}
.business .main_ttl{font-size: 90px;letter-spacing: -0.05em;font-weight: 200;color: #fff;line-height: 1;font-family: 'Poppins';}
.main_ttl b{font-weight: 600;text-transform: uppercase;}
.business .main_desc{font-size: 1.625rem;letter-spacing: -0.05em;color: #e7e6e6;margin-top: 20px;line-height: 36px;white-space: nowrap;font-weight: 300;}



.slider01 {position: sticky;width: 100%;min-height: 72vh;top: 0;left: 0;transform: none !important;display: flex;flex-direction: column;justify-content: center;margin: 0px auto;padding: 0 2.5rem;overflow: hidden;box-sizing: border-box;}
.slider.fixed{position: fixed;z-index: 1;background: #111;}
.slider_ttl{width: 100%;max-width: 1500px;margin: 0 auto;}

.slider_tab{display: flex;padding-top: 46px;} 
.slider_tab .tab_item{display: block;background: #555;color: #fff;font-size: 1.375rem;line-height: 64px;padding: 0 24px;border-radius: 12px;margin-right: 20px;transition: 0.3s;} 
.slider_tab .tab_item.on{background: #3873ea;}
.slider_item{max-width: 1500px;margin: 35px auto 0;width: 100%;overflow: visible;position: relative;}
.slider01 .item_wrap{display: flex;flex-wrap: nowrap;width: fit-content;position: relative;transition: 0.5s cubic-bezier(0.05, 0.82, 0.165, 1);font-size: 0;white-space: nowrap;align-items: center;}
.slider01 .item {display: inline-block;vertical-align: middle;width: fit-content;margin-right: 0;flex-shrink: 0;}
.slider01 .item:last-child{
    margin-right: 0;
}
.slider01 .item.swiper-slide-active > div{
    /* height: auto; */
}
.slider01 .item > div{display: inline-block;vertical-align: middle;max-width: 1500px;width: 100%;height: 530px;font-size:50px;box-sizing: border-box;margin-left: 50px;flex-shrink: 0;border-radius: 55px;overflow: hidden;transition: 0.3s;}
.slider01 .item > div:first-child{margin-left: 0;}
.slider01 .item_wrap .item:first-child{margin-left: 0;}
.slider01 .inner{display: flex;width: 100%;height: 100%;flex-direction: column;justify-content: flex-end;text-align: left;padding: 100px 100px 60px 100px;box-sizing: border-box;position: relative;align-items: flex-start;}
.slider01 .inner:hover .inner_bg {
transform: scale(1.1);}
.slider01 .inner:hover .business_ttl, .slider01 .inner:hover .business_desc{color: rgba(255, 255, 255, 1);}
    .slider01 .inner:hover .more_btn{opacity: 1;visibility: visible;}
.slider01 .inner_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;z-index: -1;transition: all .3s;}
.slider01 .cover{
    background: rgb(0 0 0 / 20%);
}
.slider01 .business_ttl{transition: all .3s;font-size: 85px;color: rgba(255, 255, 255, 0.7);font-weight: 800;line-height: 1;letter-spacing: -0.05em;font-family: 'Play','Pretendard';}
.slider01 .business_desc{transition: all .3s;font-size: 26px;letter-spacing: -0.05em;line-height: 36px;color: rgba(255, 255, 255, 0.7);margin-top: 12px;}

.slider01 .more_btn{font-size: 18px;color: #000;letter-spacing: 0;display: inline-flex;align-items: center;justify-content: center;margin-top: 30px;margin-top: 30px;transition: all .3s;opacity: 0;visibility: hidden;background: #fff;padding: 0.75rem 2.25rem;border-radius: 10rem;}

/*.slider01 .more_btn::after{content: '';display: block;background: url(../images/main/ico/ico_business_moreBtn.png) no-repeat center / cover;width: 24px;height: 24px;margin-left: 8px;}*/


/*swiper custom */
.slider01 .ar_w01{
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.slider01 .ar_w01 .swiper-button-prev,.slider01 .ar_w01 .swiper-button-next{
    top: 50%;
    transform: translate(0, -20px);
}
.slider01 .ar_w01 .swiper-button-next,.slider01 .ar_w01 .swiper-container-rtl .swiper-button-prev{
    right: -2.813rem;
    left: auto;
}
.slider01 .ar_w01 .swiper-button-prev,.slider01 .ar_w01 .swiper-container-rtl .swiper-button-next{
    left: -2.813rem;
    right: auto;
}



.slider01 .ar_w01 .swiper-button-prev,.slider01 .ar_w01 .swiper-button-next{background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center !important;width: 45px !important;height: 45px !important;}

.slider01 .ar_w01 .swiper-button-prev,.slider01 .ar_w01 .swiper-container-rtl .swiper-button-next{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") no-repeat center !important;
}
.slider01 .ar_w01 .swiper-button-prev.swiper-button-disabled,.slider01 .ar_w01 .swiper-button-next.swiper-button-disabled{
	opacity: 0.6
}



/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	

}

@media screen and (max-width:1090px){
  /* 비지니스 영역 */
    .slider01 .business_ttl{font-size: 70px;}
    .slider01 .business_desc{font-size: 18px;}
    .slider01 .more_btn{font-size: 16px;}
}

@media screen and (max-width:992px){

}
 
@media screen and (max-width:768px){
  /* 비지니스 영역 */
    .business .main_desc{margin-top: 9px;font-size: 3vw;line-height: inherit;}
    .slider_tab{padding-top: 30px;}
    .slider_tab .tab_item{line-height: 40px;font-size: 11px;padding: 0 20px;margin-right: 10px;}
    .slider01 .item_wrap{margin-top: 0px;}
	.slider_item{
    margin: 20px auto 0;
}
    .slider01 .item{margin-right: 0px;}
    .slider01 .item > div{height: 380px;margin-left: 20px;border-radius: 25px;}
    .slider01 .inner{padding: 35px;text-align: left;display: flex;align-items: center;justify-content: flex-start;}
    .slider01 .business_ttl{font-size: 30px;color: #fff;}
    .slider01 .business_desc{font-size: 13px;line-height: 18px;margin-top: 6px;color: #fff;}
    .slider01 .more_btn{opacity: 1;visibility: visible;}
    .slider01 .more_btn{font-size: 10px;justify-content: flex-start;margin-top: 14px;}
    .slider01 .more_btn::after{width: 12px;height: 12px;margin-left: 4px;}

	.business .main_ttl{
    font-size: 10vw;
}
	
}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){

}

@media screen and (max-width:479px){
.slider01 .item > div{height: 320px;}
}

/***섹션02 끝****/


/***섹션03 ****/
#sec03{
    padding: 5.25rem 0;
    background: url(/assets/img/overview_bg.png) no-repeat right bottom 10%  #f0f7f9;
}

/* 기업 현황 */
.content.overview{background: url(../images/main/bg/overview_bg.jpg) no-repeat center right / cover;}
.overview_wrap{padding: 147px 20px 130px;max-width: 1440px;margin: 0 auto;}
.overview_chart{display: flex;padding-top: 6.25rem;}
.overview_chart .wrap{display: flex;flex-direction: column;gap: 80px;transform: translateY(100px);transition: all .8s;opacity: 0;}
.overview_chart .wrap.on{transform: translateY(0); opacity: 1;}
.overview_chart .wrap:nth-child(1){min-width: 390px;}
.overview_chart .wrap:nth-child(2){min-width: 360px;padding-left: 150px;transition-delay: .3s;}
.overview_chart .wrap:nth-child(3){min-width: 230px;padding-left: 150px;transition-delay: .5s;}
.overview_chart .ttl{font-weight: 500;font-size: 1.625rem;letter-spacing: -0.05em;white-space: nowrap;color: #666;}
.overview_chart .num{display: flex;align-items: baseline;gap: 15px;margin-top: 0px;}
.overview_chart .counter{font-weight: 600;font-size: 6.25rem;letter-spacing: -0.05em;color: #151f3d;font-family: 'play',"Pretendard";}
.overview_chart span{font-size: 2.813rem;letter-spacing: -0.05em;color: #333;font-weight: 500;}
.overview_chart span.plus{font-size: 60px;position: relative;bottom: 15px;}


/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	
#sec03{
	 padding: 5.25rem 0  4rem;
	 background-size: 60vw;
}
	
/* 기업 현황 */
    .overview_chart .counter{font-size: 80px;}
    .overview_chart .num{gap: 15px;}
    .overview_chart span.plus{bottom: 5px;}
    .overview_chart .wrap:nth-child(2){padding-left: 60px;}
    .overview_chart .wrap:nth-child(3){padding-left: 30px;}
}

@media screen and (max-width:1090px){

}

@media screen and (max-width:992px){
.overview_chart .counter{font-size: 3.25rem;font-weight: 700;letter-spacing: 0;}
	.overview_chart .num{
    gap: 5px;
}
.overview_chart span{
    font-size: 2.213rem;
}
.overview_chart span.plus{
    font-size: 2.513rem;
}

.overview_chart .wrap:nth-child(1){min-width: 310px;}
.overview_chart .wrap:nth-child(2){min-width: 270px;padding-left: 50px;transition-delay: .3s;}
.overview_chart .wrap:nth-child(3){padding-left: 60px;transition-delay: .5s;}
}
 
@media screen and (max-width:768px){
#sec03{
	 
padding: 3.25rem 0  4rem;
}
 /* 기업 현황 */
    .content.overview{background: url(../images/main/bg/overview_m_bg.jpg) no-repeat center bottom/ cover;}
    .overview_wrap{padding: 71px 20px 140px;}
    .overview_chart{justify-content: space-around;padding: 28px 7px 0;}
    .overview_chart .wrap{gap: 30px;}
    .overview_chart .ttl{font-size: 12px;line-height: 18px;}
    .overview_chart .counter{font-size: 30px;font-weight: 700;letter-spacing: 0;}
    .overview_chart span{font-size: 16px;}
    .overview_chart span.plus{font-size: 24px;bottom: 5px;}
    .overview_chart .wrap:nth-child(1){min-width: 140px;}
    .overview_chart .wrap:nth-child(2){min-width: 110px;padding-left: 10px;}
    .overview_chart .wrap:nth-child(3){min-width: 100px;padding: 0;}
    .overview_chart .num{gap: 3px;margin-top: -4px;}
	
}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){

}

@media screen and (max-width:479px){

}

/***섹션03 끝****/


/***섹션04 ****/
#sec04{
	
padding: 5.25rem 0 5.25rem;
	
background: linear-gradient(to bottom, #f0f7f9 35%, #181c28 30%);
}

/* 영상 자료  */


/*슬라이드*/
.slider02 {position: relative;transform: none !important;display: flex;flex-direction: column;justify-content: center;margin: 0px auto 3.5rem;padding: 0 3.5rem;overflow: visible;box-sizing: border-box;}

.slider02 .slick-slider{max-width: 1500px;margin: 0 auto;}
.slider02 .slick-list{
    overflow: visible;
}
.slider02 .slick-track{
    display: flex;
    align-items: flex-end;
    transition: 0.5s;
}
.slider02 .slick-track .slick-slide{
    max-width: 340px;
    width: 100%;
    height: 544px;
    display: flex;
    align-items: flex-end;
    transition: 0.3s;
    margin: 0 0.5rem;
    border-radius: 40px;
    cursor: grab;
}
.slider02 .slick-track .slick-slide.slick-current{
    max-width: 972px;
    width: 100%;
}
.slider02 .slick-track .slick-slide figure{
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 15%);
}

.slider02 .slick-track .slick-slide .ico_youtube {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.slider02 .slick-track .slick-slide .ico_youtube a{
    width: 17%;
}
.slider02 .slick-track .slick-slide .ico_youtube a img{
    transition: 0.3s;
}
.slider02 .slick-track .slick-slide .ico_youtube a:hover img{transform: scale(0.9);}



/*슬라이드*/

.video_warp{
    position: relative;
}
.video_warp .bg_txt01{
	font-family: 'Poppins';
	font-weight: 800;
	color: #e5eaec;
	font-size: 19.25rem;
	line-height: 0.85;
	text-transform: uppercase;
	letter-spacing: -14px;
	position: absolute;
	top: -3.75rem;
	right: -6.75rem;
	z-index: 0;
	text-align: right;
}
.video_warp .copywg{
    font-size: 3.125rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.25;
}
.video_warp .copywg span{
    color: #5c8aff;
}

/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	
.video_warp .copywg{
    font-size: 3.9vw;
}
}

@media screen and (max-width: 1090px){
	#sec04{
    padding: 14.25vw 0 5.25vw;
    background: linear-gradient(to bottom, #f0f7f9 22%, #181c28 10%);
}
	.slider02 .slick-track .slick-slide{height: auto;}
	.slider02 .slick-track .slick-slide.slick-current{
    max-width: 620px;
}
.video_warp .bg_txt01{top: -13.5vw;right: 0;bottom: 0;left: 0;text-align: center;font-size: 20vw;letter-spacing: -1vw;}
}

@media screen and (max-width:992px){
	
}
 
@media screen and (max-width:768px){
	#sec04{
    padding: 12.25vw 0 5.25vw;
}
	.video_warp .bg_txt01{
    top: -10vw;
    font-size: 15vw;
}
		.slider02 .slick-track .slick-slide{}
	.slider02 .slick-track .slick-slide.slick-current{
    max-width: 460px;
}
}

@media screen and (max-width:690px) {
.slider02{margin: 0px auto 2.25rem;}
.video_warp .copywg{
    text-align: center;
}	
}


@media screen and (max-width:599px){
	.video_warp .bg_txt01{
    top: -25px;
    position: relative;
}
		.slider02 .slick-track .slick-slide{height: auto;}

}

@media screen and (max-width:479px){

}


/***섹션04 끝****/

/***섹션05 ****/
#sec05{padding: 10.25rem 0 7rem;/* background: url(/img/main_gp01img02.png) center center no-repeat fixed; *//* background-size: cover; */}
.bbs_warp{
    display: flex;
    gap: 1rem;
    position: relative;
}
.bbs_warp .fw01{
  
position: absolute;
  
top: -200px;
  
left: -155px;
}
.bbs_warp .w01{width: calc(25% - 14px);position: relative;display: flex;flex-direction: column;justify-content: flex-end;gap: 3rem;}
.bbs_warp .w01 .tg01{
    display: flex;
    flex-direction: column;
}
.bbs_warp .w01 .tg01 .t01{
    font-family: 'Poppins';
    font-size: 5rem;
    line-height: 1;
    font-weight: 200;
    margin: 0 0 12px 0;
}
.bbs_warp .w01 .tg01 .t02{
    font-size: 1.3583rem;
    color: #444;
    font-weight: 300;
}
.bbs_warp .w01  .btw{position: relative;width: fit-content;}
a.more_btn{
    background: #fff;
    border: 1px solid #333;
    padding: 0.65rem 2.25rem;
    border-radius: 6px;
    font-size: 1.125rem;
    font-family: 'Poppins';
    display: block;
    text-align: center;
    transition: 0.3s;
}
a.more_btn:hover{
	 background: #071e37;
	 color: #fff;
	 box-shadow: 0 10px 12px rgb(0 0 0 / 10%);
	 border-color: #071e37;
}

.bbs_warp .w02{width: 75%;position: relative;}

.slider_item03{
    position: relative;
    overflow: hidden;
}

.slider_item03 .item{
}
.slider_item03 .item a{display: flex;flex-direction: column;position: relative;gap: 20px;}
.slider_item03 .item:hover .f01 .p01{
}
.slider_item03 .item:hover .f01 .p01 img{transform: scale(1.2);opacity: 0.7;}
.slider_item03 .item .f01{
    display: block;
    position: relative;
    /* padding: 0 0 64.25%; */
    margin: 0 auto;
    text-align: center;
}
.slider_item03 .item .f01 .p01{
    display: block;
    overflow: hidden;
    border-radius: 1vw;
    background: #ffffff;
}
.slider_item03 .item .f01 .p01 img{
	
display: block;
	
/* position: absolute; */
	
/* width: 100%; */
	
/* height: 100%; */
	
margin: auto;
	
/* object-fit: cover; */
	
transition: 0.3s;
	
opacity: 1;
}


.slider_item03 .item .tg01{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.slider_item03 .item  .tg01 .t01{
    font-size: 1.125rem;
    font-weight: 300;
    height: 52px;
}
.slider_item03 .item  .tg01 .t02{
    font-size: 1.125rem;
    color: #888;
    font-weight: 300;
}

/*네비게이션 화살표*/
.slide_type01 .ar_w01{}
.slide_type01 .swiper-button-prev,
.slide_type01 .swiper-button-next {
  position: absolute;
  top: -65px;
  width: 55px;
  height: 55px;
  z-index: 10;
  border-radius: 5px;
  cursor: pointer;
  background: #2b68ec;
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.slide_type01 .swiper-button-prev.swiper-button-disabled,
.slide_type01 .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-color: #b5b5b5;
  cursor: auto;
  pointer-events: none;
}
.slide_type01 .swiper-button-prev,
.slide_type01 .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 0px;
  right: auto;
}
.slide_type01 .swiper-button-next,
.slide_type01 .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 60px;
  right: auto;
}

	
/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	
	#sec05{padding: 6vw 0 8vw;}
	.bbs_warp{
    display: flex;
    gap: 10vw;
    position: relative;
    flex-direction: column;
}
	.bbs_warp .w01{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
	.bbs_warp .w02{
    width: 100%;
}
	.bbs_warp .fw01{
  top: 0;
  left: 0;
  width: 12vw;
}
	.bbs_warp .w01 .tg01{
    padding: 0px 0 0 13%;
}
.bbs_warp .w01 .tg01 .t01 br{
    display: none;
}
	.bbs_warp .w01 .tg01 .t01{
    margin: 0px 0 6px 0;
    font-size: 7vw;
}
}

@media screen and (max-width:1090px){

}

@media screen and (max-width:992px){

}
 
@media screen and (max-width:768px){
	.bbs_warp{
    gap: 13vw;
}
.bbs_warp .w01 .tg01 .t02{
    font-size: 2.6vw;
}
	a.more_btn{
    font-size: 0.75rem;
    padding: 0.65rem 1.45rem;
}
	.slider_item03 .item .tg01{
    gap: 10px;
}
	.slider_item03 .item .tg01 .t01{
    font-size: 1.1rem;
    height: 35px;
}
	.slider_item03 .item .tg01 .t02{
    font-size: 1rem;
}
}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){
/*네비게이션 화살표*/
.slide_type01 .ar_w01{}
.slide_type01 .swiper-button-prev,
.slide_type01 .swiper-button-next {
  position: absolute;
  top: -10vw;
  width: 8vw;
  height: 8vw;
  z-index: 10;
  border-radius: 5px;
  background-size: 2.6vw;
  background-position: center;
  background-repeat: no-repeat;
}
.slide_type01 .swiper-button-prev.swiper-button-disabled,
.slide_type01 .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  background-color: #b5b5b5;
  cursor: auto;
  pointer-events: none;
}
.slide_type01 .swiper-button-prev,
.slide_type01 .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 0px;
  right: auto;
}
.slide_type01 .swiper-button-next,
.slide_type01 .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  left: 10%;
  right: auto;
}
}

@media screen and (max-width:479px){
#sec05{
    padding: 2.75rem 0;
}

}	
/***섹션05 끝 ****/



/***섹션06 ****/
#sec06{padding: 3.25rem 0 4.75rem;background: #f3f6f8;}
.ptn_wap ul{display: flex;margin: 3.125rem 0 3rem 0;background: #fff;border-radius: 20px;box-shadow: 0 16px 14px rgb(0 0 0 / 6%);justify-content: space-around;align-items: center;padding: 1.45rem 3.75rem;flex-wrap: wrap;}
.ptn_wap ul li{margin: 0 1rem;width: 16%;}
.btn_w01{
    text-align: center;
}
.btn_w01 .btn1a2[class]{
	font-family: 'Poppins';
	/* font-size: 1.175rem; */
}

/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	
.ptn_wap ul{
    padding: 1.45rem 1.75rem;
}
}

@media screen and (max-width:1090px){
.ptn_wap ul{}
}

@media screen and (max-width:992px){
	.ptn_wap ul{}
	.ptn_wap ul li{
   margin: 0 0.3rem;
}
}
 
@media screen and (max-width:768px){
	.ptn_wap ul li{
}
}

@media screen and (max-width:690px) {
	.ptn_wap ul li{
   
}
}


@media screen and (max-width:599px){
.ptn_wap ul{
    display: flex;
    flex-wrap: wrap;
    margin: 1.125rem 0 3vw 0;
    padding: 1.25rem 1.75rem;
    justify-content: center;
}
	.ptn_wap ul li{
    margin: 0;
    width: 24%;
}
	.btn_w01 .btn1a2[class]{
	font-size: 1.1rem;
}
}

@media screen and (max-width:479px){
#sec06{
    padding: 2.25rem 0 3.75rem;
}
}
/***섹션06 끝 ****/


/***footer ****/
#foot{
    background: #0a1725;
    padding: 2.65rem 0;
}
.footwg{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.footwg:before{
	    content: '';
	    display: block;
	    position:absolute;
	    width:100%;
	    height: 0px;
	    top:0;
	    bottom:0;
	    left: 0;
	    right: 0;
	    border-top: 1px solid #666666;
	    transform: translatey(60px );
	}

.footw01{
    font-family: 'play',"Pretendard";
}
.footw01 .logo{
    margin: 0 0 2.75rem;
    max-width: 220px;
}
.footw01 .copyright{
    color: #dadada;
    font-size: 1.125rem;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 1.45;
}
.footw01 .copyright span{
    color: #fff;
    font-weight: 400;
    padding: 0 4px 0 0;
}

.footw02{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footw02 .sns{
    margin: 0 0 2.75rem;
    width: 100%;
}
.footw02 .sns ul{
    display: flex;
    justify-content: space-evenly;
}
.footw02 .sns ul li{width: 25px;}
.footw02 .btnw{}
.footw02 .btnw .btn01{
    margin: 0.425rem 0 0;
    width: 100%;
}
.footw02 .btnw .btn01 a{
    color: #fff;
    display: flex;
    background: #1a395b;
    padding: 0.625rem 1.75rem;
    border-radius: 10px;
    justify-content: flex-start;
    font-size: 1.125rem;
    transition: 0.3s;
    font-family: 'Poppins';
    font-weight: 300;
    align-items: center;
}
.footw02 .btnw.on .btn01 a{
    border-radius: 10px 10px 0px 0px;
}
.footw02 .btnw .btn01 a:hover{
	
background: #2c5f97;
}
.footw02 .btnw .btn01 a img{
    margin: 0px 10px 0px 0px;
    height: 20px;
}
.footw02 .site_btn ul{
    display: none;
    background: #fff;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    width: 100%;
}
.footw02 .site_btn ul li{
}
.footw02 .site_btn ul li a{display: block;line-height: 2.2;transition: 0.3s;}
.footw02 .site_btn ul li a:hover{background: #e8e8e8;}
/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1320px){	

}

@media screen and (max-width:1090px){

}

@media screen and (max-width:992px){

}
 
@media screen and (max-width:768px){
.footw01 .logo{
    margin: 0 0 2.5rem;
    width: 160px;
}
	.footwg:before{
    display: none;
}
}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){
	#foot{
    padding: 2.65em 0 8.65em;
}
.footwg{
    display: flex;
    flex-direction: column;
}
	.footw01{
    margin: 0 0 3rem;}

	
	.footw02 .sns ul{
    justify-content: center;
}
	.footw02 .sns ul li{
    width: 2.25rem;
    margin: 0 12px;
}

	.footw02 .sns{
    margin: 0 0 1rem;
}
	.footw02 .btnw{
    width: 240px;
}
}

@media screen and (max-width:479px){
	

	.footw01{
}
	.footw02 .btnw{
    display: flex;
    flex-direction: column;
}
	.footw02 .btnw .btn01{
    margin: 0 0rem;
}
}

/***footer 끝 ****/

/***퀵메뉴 탑스크롤 버튼 ****/
.topBtn {position:fixed; bottom:3%; right:3%; z-index:99999; display:none; width:70px; height:70px; border-radius:70px; background:#fff url('/img/topBtn.png') center 20px no-repeat;
	border:2px solid #333; color:#333; line-height:1; font-family:'Oswald', sans-serif; font-size:0.824rem; font-weight:600;letter-spacing:0.5pt; padding:35px 0 0 2px; text-align:center;/*  box-shadow:10px 10px 20px rgba(0,0,0,0.15);  */transition: all 0.3s linear;}
	.topBtn:hover {background-image:url('/img/topBtn_up.png'); border-color:#008cd6; background-color:#008cd6; color:#fff;}

	#quick{position: fixed;right: 20px;bottom:20px;z-index: 10;transition: .6s;z-index:10000;}
	#quick.on{bottom: 90px;}
	#quick ul li{margin-bottom:8px;}
	#quick ul li:last-child{ margin-bottom: 0; }
	#quick ul li a{display: flex;width: 65px;height: 65px;line-height: 65px;transition: .3s;border-radius: 10px;box-shadow: rgb(0 0 0 / 14%) 3px 6px 12px;align-items: center;justify-content: flex-start;}

	#quick ul li.onlineBtn{position: relative;  }
	#quick ul li.onlineBtn a{position: relative;background: #264fc9;overflow: hidden;}
	#quick ul li.onlineBtn a:hover{width: 180px;}
	#quick ul li.onlineBtn a:hover span{
    opacity: 1;
    transition: 0.8s;
}
	#quick ul li.onlineBtn span{margin-left: 14px;color:#fff;font-size: 1rem;letter-spacing:-0.5pt;font-weight:500;opacity: 0;}
	#quick ul li.onlineBtn img{width: 36px;height: 36px;margin: 0px 0 0 13px;}


	#quick ul li.top_btn{position: fixed;right:20px;bottom:20px;display: none;z-index:10000;}
	#quick ul li.top_btn > a{background: #fff url('/assets/img/topBtn.png') center no-repeat;border:1px solid #333;}
	#quick ul li.top_btn > a:hover{background-image: url('/assets/img/topBtn_up.png');border-color: #6666ff;background-color: #6666ff;}
	
/* 반응형  css  base pc ---> mobile */
@media screen and (max-width:1610px){
#quick.on {
    bottom: 380px;
}
	#quick ul li.top_btn {
    bottom: 310px;
}
}

@media screen and (max-width:768px){

}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){
	#quick{
    right: 5px;
}
	#quick.on{
    bottom: 72px;
}
	#quick ul li{
    margin-bottom: 0;
}
	#quick ul li.top_btn{
    right: 5px;
    bottom: 20px;
}
	#quick ul li.top_btn > a{
    background-size: 50%;
}
	#quick ul li.onlineBtn img{
    width: 30px;
    height: 30px;
    margin: 0px 0 0 8px;
}
	#quick ul li.onlineBtn a:hover{width: 130px;display: flex;justify-content: center;}
	#quick ul li.onlineBtn span{
    margin-left: 8px;
    width: 70px;
}
	
#quick ul li a{width: 45px;height: 45px;}
}

@media screen and (max-width:479px){

}	
	
	
/***퀵메뉴 탑스크롤 버튼 끝****/




/* 반응형  css  base pc ---> mobile */
@media all and (max-width:1600px) { 
}

@media screen and (max-width:1440px){	

}

@media screen and (max-width:1320px){	

}

@media screen and (max-width:1090px){


}

@media screen and (max-width:992px){

}
 
@media screen and (max-width:768px){

}

@media screen and (max-width:690px) {

}


@media screen and (max-width:599px){

}

@media screen and (max-width:479px){

}