.wide .txtbox {box-sizing:border-box;}
.wide .txtbox p {
	font-family:'NanumSquare'!important; margin:0; font-weight:400; color:#111; line-height:1.75em; word-break:keep-all; letter-spacing:-0.015em;
}
.title-wrap span {color:#1244c3; text-transform:inherit; letter-spacing:0.1em; font-family: 'Maven Pro'; font-weight: 900;}
.wide .title-wrap h1,.title-wrap .title {color:#151515; text-transform:inherit; letter-spacing:0.025em; margin:0; padding:15px 0 0;}

a.link-btn {
	font-family:'Maven Pro','NanumSquare'; display:inline-block; background:#fff; color:#000; font-size:16px; letter-spacing:0.05em ;padding:2px 16px; line-height:38px; box-sizing:border-box; font-weight:600; border: 1px solid #000; min-width: 150px; position: relative;}
a.link-btn:hover { transition:.3s;background: #1244c3; color: #fff; border: 1px solid #1244c3; }
a.link-btn-2 {
	font-family:'Maven Pro','NanumSquare'; display:inline-block; background:transparent; color:#fff; font-size:16px; letter-spacing:0.05em ;padding:2px 16px; line-height:38px; box-sizing:border-box; font-weight:600; border: 1px solid #fff; min-width: 150px; position: relative;}
a.link-btn-2:hover { transition:.3s;background: #fff; color: #000; border: 1px solid #fff; }
a.link-btn::after {content:""; background: url(../images/comm/btn-light-arrow.png) no-repeat 0px 0px;display: inline-block; width: 6px; height: 10px; background-size: contain; position: absolute; right: 20px; top: 50%; transform:translate(-50%,-50%);}
a.link-btn:hover:after {content:""; background: url(../images/comm/btn-w-light-arrow.png) no-repeat 0px 0px;display: inline-block; width: 6px; height: 10px; background-size: contain;}


.bottom .title-wrap {text-align:center;}
.bottom .title-wrap .title::before {margin:10px auto;}

@media (min-width:320px) {
	.wide {display:block;}
	.wide > div {display:block; width:100%; }
	.wide .txtbox {padding:30px;}
	.wide .title-wrap span {font-size:13px;}
	.wide .title-wrap h1, .title-wrap .title {font-size:30px;}
	.wide .txtbox p {max-width:100%; padding:10px 0;}
}

@media (min-width: 768px) {
	.media-slider button.slick-arrow {display:inline-block!important;}
	.wide > div {display:table-cell; vertical-align:middle; width:50%;}
	.media-list .thumb {height:150px; }
}


@media (min-width:1180px) {
	.wide {width:100%; display:table;}
	.wide .txtbox {padding:50px;}
	.wide .txtbox p { padding:10px 0 10px;}
	.wide .title-wrap span {font-size:1.1em;}
	.wide .title-wrap h1,.title-wrap .title {font-size:45px; }
	a.link-btn {padding:4px 20px; line-height:50px; min-width: 200px;}
	a.link-btn-2 {padding:4px 20px; min-width: 200px;}
}

@media (min-width:1420px) {
	.wide .txtbox { padding:100px 80px;}
	.wide .txtbox p {font-size:18px; max-width:65%; }
	.title-wrap span {font-size:20px; }
	.wide .title-wrap h1,.title-wrap .title {font-size:54px; }
}


/*로고 인트로*/
.intro_mov { display: none; }
/* 인트로 배경 & 위치 */
.intro-bg.intro .intro_mov {
  position: fixed;
  top: 0; left: 0;
  z-index: 99999;
  width: 100%; height: 100%;
  overflow: visible; /* 확대 시 잘리지 않도록 */
  background: transparent;
}
/* 배경 이미지 & 살짝 어두운 오버레이 */
.ani_bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: url(../images/comm/intro-bg.jpg) 70% 50%/cover no-repeat;
  animation: intro-bg-fade 1.5s ease forwards;
  animation-delay: 3.3s;
}
.ani_bg::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

/* 로고 중앙 배치 */
.intro_logo {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  z-index: 1;
  text-align: center;
}
.intro_logo img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.intro_logo.fade-scale {
  animation: fade-scale 1s ease forwards;
}
.text-effect-style{overflow: hidden;}
.text-effect-style .slide-up {
  animation: slide-up 1.2s ease ;
  display: block;
}
.text-effect-style .slide-down {
  display: block;
  animation: slide-down 1.2s ease ;
}

/* 배경 페이드 아웃 */
@keyframes intro-bg-fade {
  from { opacity: 1; }
  to   { opacity: 0; }
}

/* 로고 커지면서 투명해지는 효과 */
@keyframes fade-scale {
  0%   { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(3); opacity: 0; }
}

@keyframes slide-up {
  0% {transform: translateY(100%);}
  100% {transform: translateY(0px);}
}

@keyframes slide-down {
  0% {transform: translateY(-100%);}
  100% {transform: translateY(0px);}
}


/*메인 상단 유튜브영상 */
.main{position: relative; /* background: rgba(0,0,0,0.4); */}
.youtube-wrap{ position: relative; width: 100%; padding-bottom: 56.25%; margin-top: 56px;}
.youtube-wrap iframe { position: absolute; width: 100%; height: 100%;}
.main-txt{position: absolute; top: 0; font-size:22px; color: #fff; font-weight: 900; text-align: center; left: 50%; top: 76px; transform: translate(-50%,-50%);}
.main-txt p{margin: 0; line-height: 1.2em; font-family: 'Maven Pro'; }
.main-vidWrap{position: relative; overflow: hidden; margin-top: 56px;}
.main-vidWrap video {display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #222; text-align: left; z-index: -1;}
.fs0{font-size: 0;}
.w50{width: 100%; }
.wide{overflow: hidden;}
.wide .wide-img{overflow: hidden; max-height: 250px;}
.wide .wide-img img{width: 100%;}

.technologies-box{background-image: url(../images/main/technologies-bg.png); background-size: cover; background-position: top center;}
.techbox-total {padding: 0!important; overflow: hidden;}
.techbox-total .tech-title{position: relative;}
.techbox-total .tech-title::after{content: "";position: absolute; left: 0; bottom: -3px; width: 15px; height: 2px; background: #fff; }
.techbox-total .techbox{width: 100%; display: inline-block; vertical-align: top;}
.techbox-total .techbox{padding: 40px 20px; color: #fff;}
.techbox-total .techbox-1{background-color: rgba(28,75,196,0.92); margin-bottom: 20px;}
.techbox-total .techbox-2{background-color: rgba(43,43,43,0.92);}
.techbox-total .techbox a{display: inline-block;}
.techbox .plus-btn{max-width: 6px; margin-left: 4px; margin-bottom: 2px;}


@media (min-width:1180px) {
	.w50{width: 50%; display: inline-block; vertical-align: top;}
	.wide .wide-img{ max-height: inherit;}
	.wide-1 .txtbox,.wide-3 .txtbox{float: right;}
	.wide-1 .wide-img,.wide-3 .wide-img{float: left;}
	.wide-2 .txtbox{float: left;}
	.wide-2 .wide-img{float: right;}
	.techbox-total .tech-title::after{bottom: -6px; width: 30px; height: 4px; }
	.techbox-total .techbox{padding: 70px 30px; border-radius: 60px 0 60px 0;}
	.techbox-total {margin: 0 -20px!important;}
	.techbox-total .techbox{width: calc(50% - 40px); margin: 0 20px; display: inline-block; vertical-align: top;}
	.techbox-total .techbox-1{ margin-bottom: 0px;}
	.techbox .plus-btn{ margin-left: 10px;}
	.main-txt{ padding: 0; font-size: 32px; text-align: left; right: inherit; left: 40px; transform: translate(0%,-50%); top: 86px;}
}

@media (min-width:1280px) {
	.youtube-wrap{margin-top: -60px; }
	.main-vidWrap{width: 100%; height: 780px; margin-top: 0;}
}


/*문의하기*/
.m-inquiry .m-inquiry-form {margin-top: 50px;}
.m-inquiry .m-inquiry-form ul{padding: 0;}
.mi-form-list .mi-form-input{background: #f7f7f7; border: 1px solid #e0e0e0; width: 100%; height: 40px; padding: 0 10px;}
.mi-form-list .mi-form-textarea{background: #f7f7f7; border: 1px solid #e0e0e0; width: 100%; height: 140px; padding: 10px; resize: none;}
.mi-form-3-box .mi-form-3{margin-top: 20px;}
.m-check-box { display: inline-block; position: relative; padding-left: 26px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-break: keep-all;}
.m-check-box input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.m-checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #e1e1e1; border-radius: 50%;}
.m-check-box input:checked~.m-checkmark {background-color: #1244c3;}
.m-checkmark:after {content: ""; position: absolute; }
.m-check-box input:checked~.m-checkmark:after {display: block;}
.m-check-box .m-checkmark:after {left: 8px; top: 4px; width: 5px; height: 8px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.privacy-link{opacity: 0.4; display: inline-block; margin-left: 4px;}
.mi-form-list input[type="number"]::-webkit-outer-spin-button,
.mi-form-list input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.btn-right{text-align: center; margin-top: 20px;}
.gray-btn{background: #363636; color: #fff; border: 0; padding: 12px 50px; transition: 0.3s;}
.gray-btn:hover{background: #1244c3;}
@media (min-width:1440px) {
	.m-inquiry .title-wrap{width: 300px; display: inline-block;}
	.m-inquiry .m-inquiry-form{width: calc(100% - 360px); display: inline-block; vertical-align: top; margin-left: 60px; margin-top: 0;}
	.mi-form-list .mi-form-input{ height: 50px; }
	.mi-form-list .mi-form-textarea{ height: 230px;}
	.mi-form-3-box{margin: 0 -20px;}
	.mi-form-3-box .mi-form-3{width: calc(100% / 3 - 40px); display: inline-block; vertical-align: top; margin: 0 20px;}
	.m-checkmark {height: 25px; width: 25px;}
	.m-check-box { padding-left: 35px; }
	.m-check-box .m-checkmark:after {left: 10px; top: 7px; width: 5px; height: 10px; border-width: 0 3px 3px 0; }
	.btn-right{text-align: right; margin-top: 0px;}
	.gray-btn{padding: 14px 60px;}
}

/*메인 Technologies*/
.m-technol-box{margin: 0; overflow: hidden;}
.m-technol-box .m-technol-txt{width: 100%;  float: right; margin: 0; display: inline-block; margin-bottom: 40px;}
.m-technol-box .m-technol-img{width: 100%; float: left; margin: 0; display: inline-block; border: 1px solid #dedede;}
.m-technol-box .m-technol-img img{width: 100%;}
.m-technol-box .m-technol-name{min-width: 80px; display: inline-block; margin-right: 10px; border-right: 2px solid #e9e9e9;}
.m-technol-box.m-technol-right .m-technol-txt{float: left;}
.m-technol-box.m-technol-right .m-technol-img{float: right; position: relative;}
.m-technol-img .technol-hover-box{display: none;}
.m-technol-img:hover .technol-hover-box{display: table; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; color: #fff;}
.technol-hover-txt{ display: table-cell; vertical-align: middle; text-align: center; }
.technol-hover-txt span{border: 1px solid #dedede; padding: 14px 30px;  background: rgba(0,0,0,0.4);}
@media (min-width:992px) {
	.m-technol-box{margin: 0 -30px;}
	.m-technol-box .m-technol-txt{width: calc(60% - 60px); margin: 0 30px; padding: 100px 0;}
	.m-technol-box .m-technol-img{width: calc(40% - 60px); margin: 0 30px;}
}

.mcon-1{background: #333; color: #fff;  transition: all 0.2s linear;}
.mcon-1 .mcon-link1{padding: 50px 20px; display: block;}
.mcon-1:hover {transform: scale(1.06);}
.mcon-1:hover .mcon-link1{background: rgba(0,0,0,0.6);}
.m-slick-1 .slide-con1{background-image: url(../images/main/mcon-bg-1.png);}
.m-slick-1 .slide-con2{background-image: url(../images/main/mcon-bg-2.png);}
.m-slick-1 .slide-con3{background-image: url(../images/main/mcon-bg-3.png);}
.m-slick-1 .mcon-1 {background-size: cover;}
.mcon-1 .mcon-bnt1{background: #fff; padding: 6px 30px; border-radius: 30px; border: 0; color: #000; font-weight: 800;}
.mcon-1:hover .mcon-bnt1{background: rgba(19, 69, 195, .95); color: #fff;}
.main_consulting .circle_rotation_img{display: none;}
@media(min-width:768px) {
	.mcon-1 .mcon-link1{padding: 100px 19px;}
	.main_consulting{position: relative; }
	.main_consulting .circle_rotation_img{display: block; position: absolute; top: -190px; right: -190px; opacity: 0.3; -webkit-animation: spin 12s infinite linear;
	-o-animation: spin 12s infinite linear;
	-moz-animation: spin 12s infinite linear;
	animation: spin 12s infinite linear;}
	@-webkit-keyframes spin {
			0%  {-webkit-transform: rotate(0deg);}
			100% {-webkit-transform: rotate(360deg);}
	}
	@-moz-keyframes spin {
		 0%  {-moz-transform: rotate(0deg);}
			100% {-moz-transform: rotate(360deg);}
	}
	@keyframes spin {
			0%  {transform: rotate(0deg);}
			100% {transform: rotate(360deg);}
	}
	.main_consulting .circle_rotation_img img{max-width: 100%;}
}
/* 첫번째 슬릭 */
.m-slick-1 .slick-arrow { width: 40px; height: 40px; background: #000; font-size: 0px; border:0; position: absolute; z-index: 1;}
.m-slick-1 .slick-arrow.slick-prev{ top: -40px; right: 42px;}
.m-slick-1 .slick-arrow.slick-next{ top: -40px;	right: 0;}
.m-slick-1 .slick-arrow::after {content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: 1; border: 1px solid #fff; border-width: 0 2px 2px 0; margin-left: -2px; padding: 4px;}
.m-slick-1 .slick-prev::after { left: 60%; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg);}
.m-slick-1 .slick-next::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);}
@media(min-width:768px) {
	.m-slick-1 .slick-arrow { width: 70px; height: 70px;}
	.m-slick-1 .slick-arrow.slick-prev{ top: -70px; right: 72px;}
	.m-slick-1 .slick-arrow.slick-next{ top: -70px;	right: 0;}
	.m-slick-1 .slick-arrow::after { padding: 8px;}
	.m-slick-1 .slider .slick-list { margin:0 -10px;}
	.m-slick-1 .slick-slide {margin:0 10px;}
}

/*두번째 메인 콘텐츠*/
/*.main_con2 {background: url(../images/main/main_con2.jpg); background-size: cover; background-repeat: no-repeat; }*/
.main_con2{position: relative; padding: 50px 0;}
.main_con2::before{content: ""; display: block;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.m-slick-2 .slider .slick-list { margin:0 -10px;}
.m-slick-2 .slick-slide {margin:0 10px;}
.mcon-2 .mcon-link2{background: rgba(255,255,255,1); padding: 30px 30px; display: block;}
.mcon-2 .mcon-link2:hover{border-radius: 0 60px 0 60px; background: #1244c3; color: #fff;}
.mcon-2 .mcon-link2:hover .color-3{color: #fff;}
.bg-video {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; opacity: 1;}
.bg-video__content {height: 100%; width: 100%; object-fit: cover;}
.mcon-2:hover .mcon-bnt2 { background: #fff; color: rgba(19, 69, 195, .95);}
.mcon-2 .mcon-bnt2 { background: rgba(19, 69, 195, .95); padding: 6px 30px; border-radius: 30px; border: 0; color: #fff; font-weight: 800;}
.mcon-2 .mcon-2_icon{position: absolute; bottom: 30px; right: 30px; max-width: 50px;}
.mcon-2 .mcon-2_icon.m2-icon_off{display: none;}
@media(min-width:768px) {
	.mcon-2 .mcon-link2{padding: 70px 40px;}
	.mcon-2 .mcon-2_icon{bottom: 70px; right: 40px; max-width: 100%;}
	.mcon-2 .mcon-link2:hover .mcon-2_icon.m2-icon_on{display: none;}
	.mcon-2 .mcon-link2:hover .mcon-2_icon.m2-icon_off{display: block;}
}
/* 두번째 슬릭 */
.m-slick-2 .slick-arrow { width: 40px; height: 40px; background: #212121; font-size: 0px; border:0; position: absolute; z-index: 1; border-radius: 50%; box-shadow: 0px 2px 10px rgba(0,0,0,0.2);}
.m-slick-2 .slick-arrow.slick-prev{ top: 50%; left: -10px; transform:translate(0%,-50%);
}
.m-slick-2 .slick-arrow.slick-next{ top: 50%;	right: -10px; transform:translate(0%,-50%);
}
.m-slick-2 .slick-arrow::after {content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: 1; border: 1px solid #fff; border-width: 0 2px 2px 0; margin-left: -2px; padding: 4px;}
.m-slick-2 .slick-prev::after { left: 60%; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg);}
.m-slick-2 .slick-next::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);}
@media(min-width:768px) {
	.m-slick-2 .slick-arrow { width: 60px; height: 60px;}
	.m-slick-2 .slick-arrow::after { padding: 6px;}
	.m-slick-2 .slick-arrow.slick-prev{ left: -30px; }
	.m-slick-2 .slick-arrow.slick-next{right: -30px;}
	.m-slick-2 .slider .slick-list { margin:0 -10px;}
	.m-slick-2 .slick-slide {margin:0 10px;}
}

/*세번째 메인 콘텐츠*/
.main_con3 .bg-title{background: #020c29; color: #fff; display: inline-block; padding: 6px 20px; border-radius: 30px;}
.main_con3 .big-logo-txt{font-weight: 800; color: #020c29; font-family: 'Maven Pro'!important;}
.main_con3 {background: url(../images/main/main_con3_bg.jpg); background-size: cover; background-repeat: no-repeat;}
.more-btn-2{ background: #fff;  padding: 14px 40px;  font-weight: 600;  border: 1px solid #d9d9d9;  box-shadow: 2px 2px 2px rgba(0,0,0,0.2); color: #888; transition: 0.5s;}
.more-btn-2:hover{ background: rgba(19, 69, 195, .95); border: 1px solid rgba(19, 69, 195, .95);color: #fff; box-shadow: none;}
.main_con4-top{background: url(../images/main/main_con4-top.png); background-size: cover; background-repeat: no-repeat; color: #fff; padding: 20px 0 0;}
@media(min-width:768px) {
	.main_con4-top{ padding: 100px 0 0;}
	.main_con3 {padding-top: 40px;}
	.more-btn-2{ padding: 20px 60px;}
}
@media(min-width:1980px) {
	.main_con4-top{background-position: center;}
}
/*네번째 메인 콘텐츠*/
.main_con4{background: #020c29;}
.main_con4 .container{padding: 0px 20px 60px 20px!important;}
.main_con4 .m-form{border: 0; padding: 10px;}
.mf-3-box .m-form{width: 100%;}
.main-form textarea{width: 100%; padding: 10px; min-height: 140px;}
.main_con4 input[type="number"]::-webkit-outer-spin-button,
.main_con4 input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mf-3-box input:nth-child(n+2){margin-top: 10px;}
.main_con4 .mf-btn{width: 100%; background: rgba(19, 69, 195, .95); color: #fff; padding: 20px 60px;  font-weight: 600; border: 0;}
@media(min-width:768px) {
	.main_con4 .container{padding: 0 0 150px 0!important;}
	.mf-3-box{font-size: 0; margin:  0 -10px;}
	.mf-3-box .m-form{width: calc(100% / 3 - 20px); margin: 0 10px; display: inline-block; vertical-align: top; font-size: 16px;}
	.main_con4 .m-form{padding: 20px;}
	.main-form textarea{padding: 20px;}
	.mf-3-box input:nth-child(n+2){margin-top: 0;}
}
.main-swiper .swiper-slide .main-vidWrap {
    background-size: cover!important;
    height: 320px;
    overflow: hidden;
    position: relative;
}
.main-swiper .swiper-slide .main-vidWrap:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.main-swiper .swiper-slide2 .main-vidWrap { background: url("../images/main/main-visual-img1.jpg") no-repeat center right 25%;}
.main-swiper .swiper-slide3 .main-vidWrap { background: url("../images/main/main-visual-img2.jpg") no-repeat center right 25%;}
.main-swiper .swiper-slide4 .main-vidWrap { background: url("../images/main/main-visual-img3.jpg") no-repeat center right 25%;}
.main-slogan{position: absolute; top: 50%; left: 0px; transform: translate(0%, -50%);color: #fff;  text-align: center; width: 100%;}
.main-slogan .ms-2{color: #bdbab1;}
.main-swiper-button{display: none;}
.br-txt{display: block;}
.main-visual-frame{overflow: hidden;}
.main-swiper .swiper-pagination{bottom: 5%; left: 50%; transform: translateX(-50%);}
.main-swiper .swiper-pagination-bullet{width: 30px; height: 4px; border-radius: 0; background: #fff;}
.main-swiper .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left: 10px;}
@media(min-width:768px) {
    .main-swiper .swiper-slide .main-vidWrap {height: 820px;}
    .main-swiper .swiper-pagination-bullet{width: 50px; height: 6px;}
}
@media(min-width:1440px) {
    .main-slogan{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; width: 1420px; text-align: center;}
    .main-swiper-button{display: block;}
    .br-txt{display: inline-block;}
}

.main-slogan .slogan-middle-txt,
.main-slogan .slogan-big-txt { opacity: 0; transform: translateY(30px);}
.main-slogan .slogan-big-txt{font-size: 20px; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);}
.main-slogan .slogan-middle-txt{font-size: 14px; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);}
.swiper-slide-active .main-slogan .slogan-middle-txt { animation: text 1s 0.2s forwards;}
.swiper-slide-active .main-slogan .slogan-big-txt {animation: text 1s 0.6s forwards;}
.main-slogan .slogan-mini-txt{color: #fff; font-size: 12px; text-shadow: 2px 2px 3px #959595;}
@media(min-width:992px) {
    .main-slogan .slogan-big-txt{font-size: 55px;}
    .main-slogan .slogan-middle-txt{font-size: 20px;}
    .main-slogan .slogan-mini-txt{color: #bdbab1; font-size: 16px; text-shadow: none;}
}
@keyframes text {
  0% { opacity: 0; transform: translateY(30px);}
  100% { opacity:1; transform: translateY(0);}
}

/* main-con0*/
.main-con0{position: relative; overflow: hidden;}
.main-con0 .main-con0-icon{ position: absolute; right: 20px; top: -20px; opacity: 0.3;}
.main-con0 .main-con0-icon img{max-width: 100px;}
.main-mrois-box{padding: 20px 0;}
.main-mrois-box .main-mrois-left a{padding: 12px 40px; background: linear-gradient(to left, #1e90d6, #70c27b); color: #fff;}
.main-mrois-box .main-mrois-right{word-break: keep-all; margin-top: 40px;}
.main-mrois-box .main-mrois-right br{display: none;}
@media(min-width:768px) {
    .main-con0 .main-con0-icon img{max-width: 100%;}
    .main-mrois-box .main-mrois-left{width: 30%; display: inline-block;}
    .main-mrois-box .main-mrois-right{width: calc(70% - 24px); margin-left: 20px; margin-top: 0; display: inline-block; vertical-align: top;}
    .main-mrois-box .main-mrois-right br{display: block;}
    .main-con0 .main-con0-icon{ position: absolute; right: 90px; top: -80px;}
    .main-mrois-box .main-mrois-left a{padding: 14px 50px;}
}

/* main-con1*/
.main-con1 {position: relative; overflow: hidden; text-align: center; word-break: keep-all;}
.main-con1 .title-w-color{color: #fff; position: relative;}
.main-con1 .main-choice-box{background: #eef9ff; border-radius: 30px; padding: 30px 10px; overflow: hidden;}
.main-con1 .business-field-box {display: block;}
.main-con1 .business-field-box .business-field-con{text-align: center;}
.main-con1 .business-field-box:hover .bf-more-txt{background: #0094de; color: #fff; transition: 0.3s;}
.main-con1 .business-field-box .business-field-img{ width: 260px; height: 153px; overflow: hidden; position: relative; margin: 0 auto;}
.main-con1 .business-field-box .business-field-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.main-con1 .business-field-box .business-field-txt{ word-break: keep-all; margin-top: 30px;}
.main-con1 .business-field-box .bf-title{ position: relative; display: inline-block;}
.main-con1 .business-field-box .bf-title .bf-number{position: absolute; right: -50px; top: -35px; font-size: 50px; font-weight: 800; opacity: 0.1;}
.main-con1 .business-field-box .bf-more-txt{display: inline-block; background: #eee; color: #888; padding: 12px 40px; border-radius: 60px; transition: 0.3s;}
.main-con1 .main-business-swiper .swiper-slide.swiper-slide-active{opacity: 1; filter: grayscale(0%);}
.main-con1 .main-business-swiper .swiper-slide{opacity: 0.2; filter: grayscale(100%);}
.main-con1 .main-business-swiper .swiper-slide.swiper-slide-prev{opacity: 0;}
@media(min-width:992px) {
    .main-con1{padding: 20px 0;}
    .main-con1 .main-choice-box{padding: 60px 40px;}
}
@media(min-width:1440px) {
    .main-con1{text-align: left;}
    .main-con1 .business-field-box .business-field-con{text-align: left;}
    .main-con1 .business-field-box .business-field-img{width: 45%; height: 350px; display: inline-block; vertical-align: middle;}
    .main-con1 .business-field-box .business-field-txt{width: calc(55% - 44px); margin-left: 40px; display: inline-block; vertical-align: middle; margin-top: 0;}
    .main-con1 .business-field-box .bf-title .bf-number{position: absolute; right: inherit; left: 0; top: -60px; font-size: 70px;}
    .main-con1 .business-field-box .bf-more-txt{padding: 14px 60px;}
}

/* main-con2 */
.main-con2{padding: 10px 0; background: url(../images/main/main-con2-bg.jpg); background-size: cover;}
.main-con2 .container{padding-bottom: 0;}
.main-con2 .m-client-box{padding: 40px 0 80px;}
.logo-container {  overflow: hidden; display: flex; flex-direction: column; gap: 10px;}
.logo-container .roller { display: flex; overflow: hidden; position: relative;}
.logo-container .rolling_list {  display: flex; white-space: nowrap; position: relative;}
.logo-container .rolling_list .item { width:140px; height: 56px; border-radius: 20px;display: flex; align-items: center; justify-content: center;flex-shrink: 0; margin-right: 30px;}
.roller .rolling_list.odd { animation: rollLeft 30s linear infinite;}
.roller .rolling_list.even { animation: rollRight 30s linear infinite;}
.roller:hover .rolling_list { animation-play-state: paused!important; }
    
@keyframes rollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } 
}

@keyframes rollRight {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0%); }
}
@media(min-width:992px) {
    .main-con2{padding: 30px 0 120px;}
    .logo-container .rolling_list .item {width:281px; height: 121px;}
}

/* main-con4 */
.main-con4{background: #f3fdff;}
.main-process .process-wrap {padding:40px 10px; }
.main-process .process-list-item { border-width:0; border-style:solid; border-color:#eee; border-left-width:4px;padding-bottom:30px;}
.main-process .process-item { padding:0 20px; position:relative;}
.main-process .process-item dt { padding:5px 0; font-weight:800; color: #0094de; display: block;}
.main-process .process-item dt:before {border-radius:10px 10px 0 10px; width:12px; height:12px; background:#0094de; border:4px solid #0094de; content:""; display:block; position:absolute; left:-8px; top:0; box-shadow:5px 5px 15px rgba(0, 0, 0, .12);}
.main-process .process-item dd { line-height:1.5em; font-weight:700;}
.main-process .process-item dd .m-process-icon{width: 80px; height: 80px; border-radius: 50%; background: #fff; position: relative; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px;}
.main-process .process-item dd .m-process-icon img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 40px;}
@media (min-width: 768px) {
	.main-process .process-wrap {overflow:hidden; padding:40px 20px; }
	.main-process .process-list-item { float:left; width:33.3%; position:relative;}
	.main-process .process-list-item:nth-child(n+4):nth-child(-n+6),
	.main-process .process-list-item:nth-child(n+10):nth-child(-n+12) {float:right; }
	.main-process .process-list-item { border-top-width:4px; border-left-width:0;}
	.main-process .process-list-item:nth-child(3):before{ content:""; width:20px; height:calc(100% + 8px); position:absolute; top:-4px; border-width:4px; border-style:solid; border-color:#eee;}
	.main-process .process-list-item:nth-child(3):before{border-left-width:0 !important; border-radius:0 40px 40px 0; right:-20px;}
	.main-process .process-item { padding:0 20px;}
	.main-process .process-item dt:before { width:18px; height:18px; background:#fff; transform:translateY(-18px) rotate(45deg); box-shadow:5px 5px 15px rgba(0, 0, 0, .12), inset 2px 2px 4px rgba(0, 0, 0, .12); position:static;}
	.main-process .process-item dd {min-height:12em; }
    .main-process .process-item dd .m-process-icon{width: 120px; height: 120px;}
    .main-process .process-item dd .m-process-icon img{max-width: 100%;}
}
@media (min-width: 1200px) {
	.main-process .process-wrap {padding:40px 120px; }
	.main-process .process-list-item {border-top-width:5px; }
	.main-process .process-list-item:nth-child(3):before{height:calc(100% + 10px); top:-5px; border-width:5px; border-style:solid; border-color:#eee; width:120px;}
	.main-process .process-list-item:nth-child(3):before{ border-radius:0 200px 200px 0; right:-120px;}
	.main-process .process-list-item:nth-child(1):before{ top:-5px; border-top-width:5px; contain: none; content: none;}
	.main-process .process-item {padding:0; }
}

/* main-con5 */
.main-con5{background: linear-gradient(to bottom, #fff 0%, transparent 100%);}
.main-con5 .main-case-box{position: relative; padding: 30px 0; overflow: hidden;}
.main-con5 .main-case-box:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 170px;background: url(../images/main/main-case-bg.png); background-size: cover;}
.main-con5 .main-case-box .main-case-icon{display: none;}
@media(min-width:768px) {
    .main-con5 .main-case-box{padding: 60px 0;}
    .main-con5 .main-case-box:before{height: 500px;}
}
@media(min-width:1040px) {
    .main-con5 .main-case-box .main-case-icon{display: block; position: absolute; right: 0px; bottom: -40px;}
}
@media(min-width:1200px) {
    .main-con5 .main-case-box .main-case-icon{position: absolute; right: 30px; bottom: -80px;}
}
@media(min-width:1600px) {
     .main-con5 .main-case-box .main-case-icon{position: absolute; right: 190px; bottom: -90px;}
}

/* main-con6 */
.main-con6{padding: 10px 0; overflow: hidden;}
.main-con6 .main-notice-list{display: block;}
.main-con6 .main-notice-list .main-notice-img{width: 100%; padding-bottom: 66.164%; position: relative; border-radius: 10px; overflow: hidden;}
.main-con6 .main-notice-list .main-notice-img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.main-con6 .main-notice-list:hover .main-notice-img img{ transform: translate(-50%,-50%) scale(1.1);}
.main-con6 .main-notice-list .main-notice-txt-box{padding: 10px;}
.main-con6 .main-notice-list .main-notice-field{background: #666; color: #fff; display: inline-block; padding: 6px 10px;}
.main-con6 .main-notice-list .main-notice-field.notice-color-1{background: #0094de;}
.main-con6 .main-notice-list .main-notice-field.notice-color-2{background: #444;}
.main-con6 .main-notice-list .main-notice-title {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-con6 .main-notice-list .main-notice-txt {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-con6 .main-notice-list .main-notice-date {text-align: right; color: #999;}
@media(min-width:768px) {
    .main-con6{padding: 60px 0;}
}

/*흐르는 텍스트*/
.animated-box{position: relative;}
.animated-content{text-transform: uppercase;}
.animated-title{display: none;}
.bg-txt-color{color: #0094de;}
@media(min-width:992px) {
    .animated-box{padding: 40px 0;}
   .animated-title { font-size: 150px; font-weight: 900; position: absolute; bottom: 0; max-width: 100%; height: auto; padding: 145px 0; overflow-x: hidden; overflow-y: hidden; width: 100%; display: block; color: #fff;}
    .animated-title .track {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 60s linear infinite;   -webkit-text-stroke: 1px #c3dbe7; text-stroke: 1px #c3dbe7;}
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* main-con-rast */
.shortcut-bottom{font-size: 0;}
.shortcut-bottom .shortcut-bottom-list{width: calc(100% / 2); display: inline-block; overflow: hidden;}
.shortcut-bottom .shortcut-bottom-list .shortcut-bottom-lnk{ display: block; padding: 20px; color: #fff; text-decoration: none; background-color: #222; position: relative; z-index: 1;}
.shortcut-bottom-lnk::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: transform 0.6s ease; transform: scale(1); z-index: -1;}
.shortcut-bottom-lnk:hover::before { transform: scale(1.1);}
.shortcut-bottom-list:nth-child(1) .shortcut-bottom-lnk::before { background-image: url('../images/main/main-talent-bg.jpg');}
.shortcut-bottom-list:nth-child(2) .shortcut-bottom-lnk::before { background-image: url('../images/main/main-recruit-bg.jpg');}
.shortcut-bottom .shortcut-bottom-list .sbl-txt{display: none;}
@media(min-width:992px) {
.shortcut-bottom .shortcut-bottom-list .shortcut-bottom-lnk{padding: 40px 50px;}
    .shortcut-bottom .shortcut-bottom-list .sbl-txt{display: block;}
}