@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(850rem);  color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:center; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{font-family:'Pretendard'; margin:220rem 0 0 0; line-height:1.3; font-weight:300;  font-weight:800;}

@-webkit-keyframes track-in-out {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  20% {
    letter-spacing: normal;
    opacity: 1;
  }
  80% {
    letter-spacing: normal;
    opacity: 1;
  }
  100% {
    letter-spacing: 1em;
    opacity: 0;
  }
}

#myText{  font-size: 45rem;  white-space: pre;  color: #fff;  width: 100%;  text-align: center;  animation-name: track-in-out;  animation-duration: 7s;  animation-iteration-count: infinite;}

#main_visual p{line-height:2.4; margin:290rem 0 0 0; font-size:18rem; letter-spacing:2rem; text-transform:uppercase;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}



@media (max-width:1700px){
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:100%;}
}

@media (max-width:1023px) {
	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
}

/*
@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}
}*/

@media (max-width:740px) {
	#main_visual{ height:300rem}
	#main_visual .roll{padding-top:0}
	#myText{ font-size: 20rem; }
	#main_visual h2{margin:80rem 0 0 0; }
	
}

#main_video {position: relative; overflow: hidden; padding:20rem 0 50rem; background:#fbfbfb;}
#main_video ul {width:1156rem; margin:0rem auto; height:700rem; padding:50rem 0; background:#fbfbfb;}
#main_video ul iframe {height:650rem;}

@media (max-width:1600px) {
	#main_video ul {width:90%;  }
	
}

@media (max-width:1000px) {
	#main_video {padding:20rem 0; }
	#main_video ul {width:90%; height:590rem; }
	#main_video ul iframe {height:550rem;}
}

@media (max-width:600px) {
	#main_video ul {width:90%; height:300rem; }
	#main_video ul iframe {height:190rem;}
}

.con01 {position: relative; overflow: hidden; background: url(/img/main_con02_bg.png) no-repeat top -660px left calc(50% + 885px); margin-top:-8rem;}
.con01 .inner {}
.con01 .flex_wrap{align-items: center;}
.con01 .img_box {float:left; width: 50%; box-sizing: border-box;}
.con01 .img_box img {width: 100%;}
.con01 .txt_box {display:inline-block; width: 50%; box-sizing: border-box; padding-left: 11%; padding-top:150rem;}
.con01 .txt_box .txt p{font-size: 25rem; color: #222222; font-weight: 600; line-height: 1.30434em;}
.con01 .txt_box .txt p b {font-size:40rem; font-weight:800; margin-top:20rem; display:block;}
.con01 .txt_box .btn{margin-top: 80px;}
.con01 .txt_box .txt span{font-family:'Pretendard'; display: inline-block; margin-top:40rem; font-size: 16rem; color: #666666; letter-spacing: -0.045em; line-height: 1.625em;}

.con01 .pro_morebtn {font-family:'Anton'; font-size:18rem; margin-top:50rem; display:inline-block; position: relative; padding-left:10rem;}
.con01 .pro_morebtn:before {content: ''; position: absolute; width:45rem; height:45rem; background:#131987; border-radius:53px; z-index:-1; top:-10rem; left:0; transition: all 0.5s ease;}
.con01 .pro_morebtn > span {color:#fff;}

.con01 .pro_morebtn:hover:before {content: ''; position: absolute; width:200rem; height:45rem; background:#131987; border-radius:53px; z-index:-1; top:-10rem; left:0;    transition: all 0.5s ease;}
.con01 .pro_morebtn:hover:after {content: ''; position: absolute; background-image: url("../img/main/arrow.png"); left:150rem; width:25rem; height:8rem; top:6rem;}
.con01 .pro_morebtn:hover {color:#fff;}

@media all and (max-width:1400px){
    .con01 .txt_box {padding-top:50rem;}

}

@media all and (max-width:1200px){
    .con01 .txt_box {padding-top:30rem;}
	.con01 .txt_box .txt p{font-size: 20rem; }
	.con01 .txt_box .txt p b {font-size:30rem; font-weight:800;}
	.con01 .txt_box .txt span{ font-size: 14rem;}

}

@media all and (max-width:1000px){
    .con01 .img_box {float:none; width: 100%; }
	.con01 .txt_box {display:block; width: 100%;  padding:20rem;}

}

.k_wrap {display:block;width:100%;min-width:1200px;clear:both;position: relative;}
.k_wrap:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both;}

@media( max-width:1600px ) {
	.k_wrap {width:100%; min-width: 100%; }
}

@media( max-width:1024px ) {
	.k_wrap {width:100%; min-width: 100%}
}

@media( max-width:768px ) {
	.k_wrap {width:100%;min-width: 100%}
}

#MainBusiness {overflow-x: hidden; overflow-y: hidden; position: relative; padding:100rem 0 120rem 0;}

#MainBusiness #secBusiness #text-roller {width:100%; position:absolute; color:#fbfbfb; font-size:300rem; position:absolute;  bottom:-200rem; z-index:0; white-space: nowrap;}

#MainBusiness .secBusinesst_Wrap {width: 100%; position: relative; min-height:262rem;  margin:auto; overflow:hidden;}
#MainBusiness .secBusinesst_Wrap .mainSwiper2 {position: relative; }
#MainBusiness .secBusinesst_Wrap .mainSwiper2 > .swiper-wrapper {height:100%;}
#MainBusiness .secBusinesst_Wrap .mainSwiper2 > .swiper-wrapper > .swiper-slide {background: transparent; overflow:hidden;}


.wid_1200 {position: relative;width:100%; max-width:1200px; margin:auto; height:100%;}
.wid_1400 {width:100%; max-width:1400px; margin:auto; height:100%;}


#secBusiness-pro-bx-pager {font-family:'Anton'; position:absolute; z-index:99; bottom: 0;   font-size:18rem; color:#656565;   left:0%; transform:translateX(0%);}

#secBusiness-pro-bx-pager .swiper-button-prev {cursor:pointer; padding-left:35rem; position:relative;transition: all 0.6s; margin-right:40rem;}
#secBusiness-pro-bx-pager .swiper-button-prev:before {content:''; position:absolute; left:0; bottom:7rem; background-size:contain; background: url(../img/main/main_btn_prev.png) no-repeat left bottom; Width:26rem; height:11rem;}
#secBusiness-pro-bx-pager .swiper-button-next {cursor:pointer; padding-right:35rem; position:relative; transition: all 0.6s; }
#secBusiness-pro-bx-pager .swiper-button-next:before {content:''; position:absolute; right:0; bottom:7rem; background-size:contain; background: url(../img/main/main_btn_next.png) no-repeat left bottom; Width:26px; height:11px;}



.mainSwiper2 .swiper-scrollbar2 {position: absolute; bottom:-70px; z-index:9; -ms-touch-action: none; background: rgba(176, 176, 176, 0.6); width: 100%; height: 1px;}
.mainSwiper2 .swiper-scrollbar-drag {height: 3px; top: -1px; width: 140px!important; background:#c30d0c;}


@media screen and (max-width: 738px){
#secBusiness-pro-bx-pager { bottom:-40px}

}


.secBusinesst_Wrapin .secBusiness_txt {font-family:'Anton'; width:50%; float:left; padding:10rem 0 77rem 0;}
.secBusinesst_Wrapin .secBusiness_txt .pro_num {color:#131987; font-size:35rem; }
.secBusinesst_Wrapin .secBusiness_txt dl dt {font-size:35rem; color:#131987; margin-top:30px; }
.secBusinesst_Wrapin .secBusiness_txt dl dd.pro_txt {font-family:'Pretendard'; font-size:17rem; color:#474747; margin-top:20px; line-height:1.5}
.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn {font-size:18rem; margin-top:50rem; display:inline-block; position: relative; padding-left:10rem;}
.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn:before {content: ''; position: absolute; width:45rem; height:45rem; background:#131987; border-radius:53px; z-index:-1; top:-10rem; left:0; transition: all 0.5s ease;}
.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn > span {color:#fff;}

.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn:hover:before {content: ''; position: absolute; width:200rem; height:45rem; background:#131987; border-radius:53px; z-index:-1; top:-10rem; left:0;    transition: all 0.5s ease;}
.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn:hover:after {content: ''; position: absolute; background-image: url("../img/main/arrow.png"); left:150rem; width:25rem; height:8rem; top:6rem;}
.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn:hover {color:#fff;}

.secBusinesst_Wrapin .secBusiness_img {width:45%; float:right; position: relative;  transform: translateX(100%);   transition: all 1.2s ease;}
.secBusinesst_Wrapin .secBusiness_img.reveal.active {transform: translateX(0%);  transition: all 1.2s ease;}




@media screen and (max-width: 1600px){
	#MainBusiness {position: relative; padding:50px 0 100px 0;}

	.wid_1400 {padding: 0 10px;}
	.secBusinesst_Wrapin .secBusiness_txt {width:45%; padding:0 0;}
	.secBusinesst_Wrapin .secBusiness_txt dl dt {font-size:30rem; margin-top:30px; }
	.secBusinesst_Wrapin .secBusiness_img {width:45%;}
	.secBusinesst_Wrapin .secBusiness_img img {width:100%;}
	.secBusinesst_Wrapin .secBusiness_txt .pro_morebtn { margin-top:58px; display:block; }

	#MainBusiness .secBusinesst_Wrap {min-height:462rem; }


}

@media screen and (max-width: 1200px){
	#MainBusiness {position: relative; }
	.wid_1200 {width:100%; padding: 0 10px;}
	.secBusinesst_Wrapin .secBusiness_txt {width:100%; float:none; padding-bottom:30rem; }
	.secBusinesst_Wrapin .secBusiness_txt .pro_num { font-size:25rem; }
	.secBusinesst_Wrapin .secBusiness_txt dl dt {font-size:20rem; margin-top:0px; }
	.secBusinesst_Wrapin .secBusiness_txt dl dt { margin-top:0px; }

	.secBusinesst_Wrapin .secBusiness_img {width:100%; float:none; text-align:center;  padding-top:30rem;}
	.secBusinesst_Wrapin .secBusiness_img img {width:50%; margin:auto;} 	

}


@media screen and (max-width: 768px){
	.secBusinesst_Wrapin .secBusiness_img img {width:80%; } 
	.secBusinesst_Wrapin .secBusiness_txt dl dd.pro_txt {margin-top:0px; font-size:14rem;}
}


#applySec {width:100%; background:url("../img/main/agency_bg.jpg") center top no-repeat; }
#applySec .applySecWrap { width: 100%; height: 290px; overflow: hidden;margin: 0px auto; position: relative; }
#applySec .applySecWrap video { width: 100%; position: absolute; bottom: 0;}
#applySec .applyTxt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
#applySec .applyTxt .txt1 {font-size: 50rem; color: #fff; font-weight:700; text-align: center; padding-bottom: 5rem;}
#applySec .applyTxt .txt2 {text-align:center; font-size:20rem; color:#fff; font-weight:300; position: relative; margin-bottom:20rem;}
#applySec .applyTxt .txt3 a {color:#fff; line-height:50rem;}

@media( max-width:768px) {
	#applySec .applyTxt .txt1 {font-size: 27px;}
	#applySec .applySecWrap {height: 0; padding-bottom: 50%;}
}




.txt3 *,
.txt3 *:before,
.txt3 *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}

.txt3 *:before,
.txt3 *:after {
  z-index: -1;
}


[class^=btn-] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 55rem;
  max-width: 270rem;
  margin: 1rem auto;
  text-transform: uppercase;
  border: 1px solid currentColor;
}


.btn-8 {text-align:center;  color: #536c86; font-size:22rem; }
.btn-8:before, .btn-8:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #203144;
}
.btn-8:before {
  transform: translateY(-100%);
}
.btn-8:after {
  transform: translateY(100%);
}
.btn-8:hover {
  color: #fff;
}
.btn-8:hover:before {
  transform: translateY(-50%);
}
.btn-8:hover:after {
  transform: translateY(50%);
}


.video-main {width:1200px; margin:0 auto;}
.embed-container {
 position: relative; 
padding-bottom: 56.25%; 
height: 0; 
margin-top:0px;
overflow: hidden; 
max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { 
border:0;
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; }

@media all and (max-width:1200px){
     .video-main {width:100%;}
	 .embed-container {margin-top:0px;}
}



#mainvideo {position: relative; width: 100%; height: auto;}
#mainvideo:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 8rem;
  left: 0;
  background-color: rgba(0,0,0, 0.2);  
  opacity: 0.6;
  z-index:1;
}

@media (max-width:1023px) {
	#mainvideo:before {bottom: 5rem;}
}