/*
===================
공통
===================
*/
body {font-family: 'Noto Sans KR'; }
.bracket {font-family: 'Noto Sans KR';}
.pconly {display:inline-block;}
.mobonly {display:none;}
.pconly2 {display:block;}
.mobonly2 {display:none;}

/*
===================
네비게이션
===================
*/

.rd-navbar {display:none !important; transition:all .5s;}
.rd-navbar.min {display:block !important; transition:all .5s;}

/*
===================
슬라이더
===================
*/
#movslide {position:relative;padding:0; margin:0; height:100vh;  overflow:hidden;  }
	#movslide iframe,#movslide object,#movslide embed, #movslide video{position:absolute;top:0;left:0;width:105%;height:105%; z-index:90;}
	#movslide .opacity {position:absolute; left:0; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:99;}
	#movslide .back {position:absolute; width:100%; height:100%; background:url('../images/main_back.jpg');  -webkit-animation: zoomOut 12s;
			  animation: zoomOut 12s; animation-iteration-count: infinite;}
.slidetxt {position:absolute;top:30vh; margin-top:0; left:0; width:100%; color:#fff; text-align:center; z-index:100;}
	.slidetxt .logo img {float:none; margin:0; width:300px; -webkit-filter: drop-shadow(0 5px 10px rgba(17,69,133,.5));
	-moz-filter: drop-shadow(0 5px 10px rgba(17,69,133,.5));
	-ms-filter: drop-shadow(0 5px 10px rgba(17,69,133,.5));
	-o-filter: drop-shadow(0 5px 10px rgba(17,69,133,.5));
	filter: drop-shadow(0 5px 10px rgba(17,69,133,.5)); }
	.slidetxt .subtit {font-size:2.2rem; margin-top:30px; letter-spacing:-0.8px; font-weight:400;}
.mainbtn {border:1px solid #fff; color:#fff !important; font-size:1rem; padding:15px 60px; border-radius:0px; margin-right:10px;}
.mainbtn:last-child {margin-right:0;}
.mainbtn:hover {background:linear-gradient(to right, #0c19b3 0%, #007fca 50%, #007cfc 100%); color:#fff; border:1px solid #007cfc; }
.mobslide {  -webkit-animation: mob-slide 10s infinite;  animation: mob-slide 10s infinite;}


/*
===================
슬라이더 컨트롤
===================
*/
.scroll {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  bottom:60px;
  left: 50%;
  margin-left:-3px;
  width: 120px;
  height: 40px;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  z-index:999;
  opacity:.7;
}

.scroll::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width:30px; 
  height:60px;
  transform: translate(-50%, 0);
  border: 2px solid #fff;
  border-radius: 30px;
}

.scroll::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  background-color: #fff;
  animation: ani-mouse 2s linear infinite;
}

@-webkit-keyframes ani-mouse {
	0% {
    opacity: 1;
    top: 15px;
  }
  15% {
    opacity: 1;
    top: 30px;
  }
  50% {
    opacity: 0;
    top: 30px;
  }
  100% {
    opacity: 0;
    top: 15px;
  }
}

@keyframes ani-mouse {
	0% {
    opacity: 1;
    top: 15px;
  }
  15% {
    opacity: 1;
    top: 30px;
  }
  50% {
    opacity: 0;
    top: 30px;
  }
  100% {
    opacity: 0;
    top: 15px;
  }
}

@keyframes mob-slide {
	0% {
    transform:scale(2);
	-webkit-transform: scale(2);
  }
  100% {
    transform:scale(1);
	-webkit-transform: scale(1);
  }
}

.scroll__text {
  position:absolute;
  top:10px;
  left:-3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #fff;
  letter-spacing:0.5px;
}
.scroll__text2 {
  position:absolute;
  top:10px;
  right:3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #fff;
  letter-spacing:0.5px;
}
.scroll__text, .scroll__text2 {display:none;}
/*
==================
애니메이션
==================
*/
@-webkit-keyframes zoomOut{
0%{opacity:1}
100%{opacity:1}
}
@-ms-keyframes zoomOut{
0%{opacity:1; filter: alpha(opacity=100);}
100%{opacity:1; filter: alpha(opacity=100);}
}
@keyframes zoomOut{
0%{opacity:1;     -webkit-transform: scale(1.25); transform: scale(1.25);}
50% {opacity:1;     -webkit-transform: scale(1); transform: scale(1);}
100%{opacity:1;     -webkit-transform: scale(1.25); transform: scale(1.25); }
}

@keyframes zoomIn{
0%{ opacity:1; filter: alpha(opacity=100); transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);}
100%{ opacity:1; filter: alpha(opacity=100);  transform: scale(3);-webkit-transform: scale(3); -moz-transform: scale(3);-ms-transform: scale(3); -o-transform: scale(3);}
}

.zoomOut{-webkit-animation-name:zoomOut;  -ms-animation-name:zoomOut; animation-name:zoomOut}
.backzoomOut {-webkit-animation-name:backzoomOut; -ms-animation-name:backzoomOut; animation-name:backzoomOut}

/*
==================
기타
==================
*/
.rd-navbar .rd-navbar-nav > li > a {font-size:.9rem; font-weight:500;}
.swiper_style-1 {max-height:40vh;}
.whtbtn {border:1px solid #fff;}
.whtbtn:hover {background:#fff; color:#000;}
#m-intro {padding:60px 0 0 0;}
.section-tit {position:relative; width:100%; margin:30px 0 50px 0; text-align:center;}
.section-tit h3 {display:inline-block; border-bottom:2px solid #ddd; padding-bottom:7px;}
.section-tit .subtit {display:block; font-size:.7rem; font-weight:500; margin-top:3px; font-style:italic; padding:5px 10px;  font-family: 'poppins'; text-transform:uppercase;}

/*사업분야*/
.pricing-table__item-price-value i {  background: linear-gradient(to right, #0b1eb4 40%, #007dca 60%); -webkit-background-clip: text !important; -ms-text-fill-color:transparent; -webkit-text-fill-color: transparent;}
.pricing-table .imgbox {float:left; width:100%; height:120px;  margin:30px 0; border:1px solid #ddd;}
.ie-10 .pricing-table__item-price-value i, .ie-11 .pricing-table__item-price-value i {color:#0746bd !important; background:transparent !important;}
.tablecenter {float:none; display:table; margin:0 auto;}
.tablecenter li {padding-left:0;}

.pricing-table-classic__item {padding:0;}
.pricing-table-classic {box-shadow:none;}
.pricing-table-classic .pricing-table-classic__item::after {height:30%;}
.pricing-table-classic__item .pricing-table__item-title {margin-bottom:0; font-size:1.04rem;}
.pricing-table {margin:60px 0 40px 0;}
.pricing-table .subtit {display:block; color:gray; clear:both; font-size:.84rem;}
.list-marked {letter-spacing:0;}
.list-terms-medium_secondary::before, .list-terms-medium::before, .list-terms-medium_tertiary::before {background:linear-gradient(to bottom, #0c1cb4 0%, #017dca 100%);}

/*브로슈어*/
.brochure {position:relative; float:left; width:100%; background:url('../images/brochure.jpg'); background-size:cover; background-position:0 50%; height:400px;}
.brochure .opc {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:9;}
.brochure .txt {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:10; padding-top:120px;}
.brochure h1,.brochure h2,.brochure h3,.brochure h4,.brochure h5,.brochure h6 {color:#fff;}
#brochurepage {border:1px solid #ddd; background:transparent; font-size:.84rem; letter-spacing:0; font-weight:300; color:#fff; transition:all .5s;}
#brochurepage:hover { 	background:#fff; color:#333; transition:all .5s;}

/*핵심역량*/
.core3c {float:left; width:100%; margin:20px 0;}
.core3c .maintxt {font-size:2rem; color:#8c8c8c;}
.core3c .point {color:#0834b9;}
.core3c .subtxt {font-size:1rem; color:#444;}

/*프로세스*/
.process {width:auto; float:none; display:table; margin:0 auto; padding:65px 0 100px 0;}
.process .one {float:left; display:block; position:relative; width:153.3px; height:153.3px; border:5px solid #ccc; border-radius:50%; text-align:center; padding-top:60px; transition:all .5s; font-weight:400; font-size:1rem;  color:#fff;}
.process .one .tit {font-size:.9rem; font-weight:600;transition:all .3s;}
.process .one .txt {color:#ddd; font-size:.94rem; color:#ccc; position:absolute; width:153.3px; top:170px; text-align:center; vertical-align:top; font-weight:normal;}
/*.process .one:hover {color:#fff; border:5px solid #fff; background:linear-gradient(to right, #0c19b3 0%, #007fca 50%, #007cfc 100%); transition:all .5s;}*/
.process .one:hover {color:#fff; border:5px solid #fff;transition:all .5s;}
.process .one:hover .tit {font-size:.94rem; letter-spacing:0; transition:all .3s;}
.process .one:hover .txt {color:#fff;}
.process .bar {float:left; display:block; width:44px; height:75px; border-bottom:2px solid #ddd;}

/*푸터*/
.footinfo {margin:40px 0 15px 0;}
.footer-classic .bar {color:#949494; font-size:.87rem; margin:0 3px;}
.point {color:#064abe;}
.ls-05 {font-size:.78rem; font-weight:300;}
.list-marked2 li {font-size:.78rem; letter-spacing:0; font-weight:300;}
.ls-05 .bar {color:#999; font-size:.7rem; margin:0 3px; vertical-align:top;}

/*
==================
반응형
==================
*/
@media (max-width: 767px) {
	.process {float:none; width:180px; margin:0 auto;}
	.process .bar {height:50px; border-bottom:0; border-left:2px solid #656565; margin:0; margin-left:75px;}
	.process .one {float:none; display:inline-block; margin-bottom:90px;}
	.process .one:nth-child(7), .process .one:nth-child(9), .process .one:nth-child(11) {margin-bottom:70px;}
	.process .bar {margin-left:88px;}
	.process .one .txt {float:left; width:180px; bottom:-70px; margin-left:-18px; }
	.companyinfo, .sitemap {margin-top:20px;}
}

@media ( min-width:768px) and (max-width:1023px) {
	.slidetxt {}

	/*프로세스*/
	.process .one {width:106px; height:106px; padding-top:38px; font-size:.9rem;}
	.process .one .tit {font-size:.8rem;}
	.process .one:hover .tit {font-size:.84rem;}
	.process .one .txt {width:106px;font-size:.84rem; top:120px; left:0; margin-left:-4px;}
	.process .bar {width:10px; margin-left:0; height:53px;}
}

@media(max-width:1023px) {
	.br-scroll-me {top:70%;}
	.pconly {display:none;}
	.mobonly {display:inline-block;}
	.pconly2 {display:none;}
	.mobonly2 {display:block;}

	/*슬라이드*/
	.slidetxt p:nth-child(2){ margin-top:25px !important;}
	.slidetxt p:nth-child(3) {margin-top:35px !important;}
	.slidetxt .logo img {width:160px;}
	.slidetxt .subtit {font-size:1.2rem;}
	.mainbtn {padding:8.5px 35px;}

	/*인트로*/
	.swiper_style-1 {max-height:65vh;}
	.call-subtitle_text {font-size:1.2rem;}
	.swiper-slide h1 {font-size:1.5rem;}
	.swiper-slide-caption .container {text-align:center !important;}
	.whtbtn {padding:10px 30px;}
	.swiper-container-horizontal > .swiper-pagination {margin-left:0; bottom:55px;}
	.swiper-pagination .swiper-pagination-bullet {margin-left:10px; margin-right:10px;}
	.swiper-pagination .swiper-pagination-bullet::before {border:2px solid #fff; }
	.swiper-pagination-bullet-active {background:#fff !important;}

	/*사업분야*/
	.pricing-table-classic__item {box-shadow:none;}
	.pricing-table {margin:30px 0;}
	* + .pricing-table-classic__item {margin-top:40px;}
	.pricing-table-classic__item .pricing-table__item-title {font-size:1.2rem;}

	/*브로슈어*/
	.brochure {height:330px;}
	.brochure .txt {padding-top:105px;}

	/*핵심역량*/
	.core3c .maintxt {font-size:1rem; line-height:1.4rem;}
	.core3c .subtxt br, .core3c .subtxt br:before {content:'';}

	/*푸터*/
	.footinfo {margin:0 0 15px 0;}
	.footer-classic__main {padding:30px 0;}
}
@media ( min-width:1024px) and (max-width:1199px) {
	
	/*슬라이드*/
	.slidetxt .logo img {max-width:250px;}
	.slidetxt .subtit {font-size:1.75rem;}

	/*인트로*/
	.swiper_style-1 {min-height:55vh;}

	/*프로세스*/
	.process .one {width:135px; height:135px; padding-top:54px;}
	.process .one .txt {width:135px; top:152px; left:0; margin-left:-4px;}
	.process .bar {width:20px;}

	/*푸터*/
	.footer-classic .col-lg-5 {flex:0 0 33.33333%;  max-width:33.33333%;}
}
@media ( min-width:1400px) and (max-width:1440px) {

	/*인트로*/
	.swiper_style-1 .swiper-button-next {right:8%;}
	.swiper_style-1 .swiper-button-prev {left:8%;}
	.swiper_style-1 h1 {font-size:55px;}
	.call-subtitle_text {font-size:1.4rem;}
}

@media ( min-width:1600px) and (max-width:1919px) {
	.swiper_style-1 h1 {font-size:55px;}
	.call-subtitle_text {font-size:1.4rem;}
}