@charset "utf-8";

@media all and (max-width:1200px) {
  .multipleDiv{height:auto !important;}
}

/* visual */
#multipleContentsDiv_factory1_29 ._objHtml{position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);z-index: 1002;text-align: center;width: 100%;}
.main-slogan h1{font-size: 80px;line-height:1;color: #fff;margin-bottom: 40px;letter-spacing:-2px;}
.main-slogan h1 strong{display:block;font-family: 'Gmarket-Bold';animation-name:main01;animation-duration: 2s;position:relative;animation-delay:0.5s;opacity:0;animation-fill-mode: both;}
.main-slogan p{font-size: 22px;color: #fff;font-family: 'Gmarket-Light';padding-top: 100px;position:relative;animation-name:main02;animation-duration:2s;animation-delay:1s;opacity:0;animation-fill-mode: both;}
.main-slogan p:before{content:'';display:block;position:absolute;width:1px;height:50px;background:#fff;top:0;left:50%;animation-name:main03;animation-duration:3s;animation-delay:1s;}
.main-slogan p i{display:block;}
.main-slogan span.dept-text{color:#012f5d; font-size:30px;}

.main .wrap-header-box,
#fp-nav,
.wrap-visual .control{opacity:0;animation-name:main04;animation-duration:1s;animation-fill-mode: both;animation-delay:2s;}

@keyframes main01 {
  from {
	opacity:0;
	top:-50px;
  }

  to {
	opacity:1;
	top:0;
  }
}

@keyframes main02 {
  from {
	opacity:0;
	bottom:-50px;
  }

  to {
	opacity:1;
	bottom:0;
  }
}

@keyframes main03 {
  from {
	height:0;
  }

  to {
	height:50px;
  }
}

@keyframes main04 {
  from {
	opacity:0;
  }

  to {
	opacity:1;
  }
}

@media all and (max-width:1023px) {
  #multipleContentsDiv_factory1_29 ._objHtml{transform:translate(-50%, -50%);margin-left:0;left:50%;}
  .main-slogan h1{font-size: 60px;margin-bottom:20px;}
  .main-slogan p{font-size: 20px;}
  .main-slogan span.dept-text{font-size:24px;}
}

@media all and (max-width:767px) {
  #multipleContentsDiv_factory1_29 ._objHtml{transform: none;margin-left: 0;width:calc(100% - 50px);left: 25px;top: 32%;}
  .main-slogan p{width:auto;display:none;}
}

/* section02 */
#multipleDiv_pn2022_temp07_63{background:#fff;}
#multipleDiv_pn2022_temp07_63 .multipleContentsDiv{max-width:1600px;padding: 160px 0 100px;}
.global-title{color:#222;line-height:1.2;text-align: center;}
.global-title strong{font-size: 52px;font-family: 'Gmarket-Bold';padding-right: 32px;position: relative;}
.global-title strong:after{content:'';width:12px;height:12px;background:#004b83;position:absolute;bottom: 16px;right:0;border-radius:50%;}

@media all and (max-width:1200px) {
  .global-title strong{font-size:52px;}
}

@media all and (max-width:767px) {
  .global-title strong{font-size:42px;}
}

.sec02-ul{display:flex;padding-top: 80px;}
.sec02-ul li{width:calc(100% / 3);height: 580px;position:relative;border-radius: 100px 0 100px 0;transition: all ease 1s;overflow: hidden;border: 1px solid #fff;top: 0;}
.sec02-ul li:before{content:'';width:100%;height:400px;position:absolute;opacity: 0;transition: all ease 1s;left:0;top:0;background:url('../../images/main/blue-spray.png') no-repeat center;}
.sec02-ul li:nth-child(1){background:url('../../images/main/biz01.jpg') no-repeat left top;}
.sec02-ul li:nth-child(2){background:url('../../images/main/biz02.jpg') no-repeat left top;margin: 0 50px;}
.sec02-ul li:nth-child(3){background:url('../../images/main/biz03.jpg') no-repeat left top;}
.sec02-ul li .text-wrap{width:70%;position:absolute;left: 70px;top: 475px;transition:all ease 1s;}
.sec02-ul li .text-wrap strong{color:#fff;font-family:'Gmarket-Medium';font-size:26px;display: block;margin-bottom: 30px;}
.sec02-ul li .text-wrap p{color:#fff;font-family:'Gmarket-Light';font-size:20px;margin-bottom: 45px;opacity:0;transition:all ease 1s;position:relative;bottom:-25px;}
.sec02-ul li .text-wrap a{color:#fff;padding:17px 55px 15px 20px;background:#004b83;font-family:'Gmarket-Medium';opacity:0;position:relative;transition:all ease 1s;position:relative;bottom:-25px;}
.sec02-ul li .text-wrap a:before{content:'';background:url('../../images/main/sec02-arrow.png') no-repeat center;width:15px;height:9px;position:absolute;top:21px;right:20px;}
.sec02-ul li .text-wrap a:hover:before{animation-name:sec02Btn;animation-duration:1s;}
.sec02-ul li:hover {border-radius: 0 100px 0 100px;top:-40px;}
.sec02-ul li:hover:before{content:'';opacity:1;}
.sec02-ul li:hover .text-wrap{top:70px;}
.sec02-ul li:hover .text-wrap p{opacity:1;transition-delay:0.2s;bottom:0;}
.sec02-ul li:hover .text-wrap a{opacity:1;transition-delay:0.2s;bottom:0;}

@keyframes sec02Btn {
  0% {
	right:20px;
  }

  15% {
	right:25px;
  }

  50% {
	right:15px;
  }

  100% {
	right:20px;
  }
}

@media all and (max-width:1700px) {
  .sec02-ul{padding: 80px 100px 0;}
  .sec02-ul li{height:420px;}
  .sec02-ul li .text-wrap{top:350px;left:40px;}
  .sec02-ul li:hover .text-wrap{top:40px;}
}

@media all and (max-width:1400px) {
  .sec02-ul li .text-wrap strong{font-size:22px;}
  .sec02-ul li .text-wrap p{font-size:18px;}
  .sec02-ul li .text-wrap a{font-size: 14px;padding: 15px 55px 13px 17px;}
  .sec02-ul li .text-wrap a:before{top:18px;}
}

@media all and (max-width:1200px) {
  #multipleDiv_pn2022_temp07_63 .multipleContentsDiv{padding:100px 25px 90px;}
  .sec02-ul{padding:80px 0 0;}	
  .sec02-ul li:nth-child(2){margin:0 25px;}	
}

@media all and (max-width:1023px) {
  .sec02-ul{display:block;padding: 50px 0 0;}
  .sec02-ul li{display:block;width:100%;background-size:cover !important;height: 260px;border-radius: 50px 0  50px 0;top: 0 !important;}
  .sec02-ul li:nth-child(2){margin:25px 0;}
  .sec02-ul li:hover{border-radius:0 50px 0 50px;}
  .sec02-ul li .text-wrap{top:40px;}
  .sec02-ul li .text-wrap p,
  .sec02-ul li .text-wrap a{opacity:1;top:0;}
  .sec02-ul li:before{height:200px;width:100%;background-size:cover !important;}
}

@media all and (max-width:767px) {
  #multipleDiv_pn2022_temp07_63 .multipleContentsDiv{padding-top:80px;}	
  .sec02-ul{display:block;padding: 35px 0 0;}
}

/* section03*/
#multipleDiv_pn2022_temp07_89{background:url('../../images/main/sec03Bg.jpg') no-repeat center center;  background-size:cover;}
#multipleContentsDiv_pn2022_temp07_89{padding-top:160px;margin:0 auto;max-width:1640px;}

@media all and (max-width:1700px) {
  #multipleContentsDiv_pn2022_temp07_89{padding:120px 100px 0;}
}

@media all and (max-width:1200px) {
  #multipleContentsDiv_pn2022_temp07_89{padding:100px 25px 0; }
}

@media all and (max-width:767px) {
  #multipleContentsDiv_pn2022_temp07_89{padding:80px 25px 30px; }
}

/* section04 */
#multipleContentsDiv_eprotech_560{max-width:1600px;margin:0 auto;padding-top:170px;}
#multipleContentsDiv_eprotech_560 div._objWidget{top:-50px;}

@media all and (max-width:1700px) {
  #multipleContentsDiv_eprotech_560{padding:120px 100px 0;}
}
@media all and (max-width:1200px) {
  #multipleContentsDiv_eprotech_560{padding:100px 25px 80px;}
}

@media all and (max-width:1200px) {
  #multipleContentsDiv_eprotech_560{padding:80px 25px 40px;}
}

/* section05*/
#multipleDiv_pn2022_temp07_124{background: url(../../images/main/sns-bg.jpg) left top no-repeat;background-size: cover;}
#multipleContentsDiv_pn2022_temp07_124{padding: 220px 0 0;max-width:1600px;margin:0 auto;}
.sec05-sns strong{color:#fff;font-family:'Gmarket-Bold';font-size:60px;position:relative;padding-right:32px;}
.sec05-sns strong:after{content:'';width:12px;height:12px;background:#9ed7ea;position:absolute;bottom: 16px;right:0;border-radius:50%;}
.sec05-sns ul{font-size:0;padding: 70px 25px 25px;}
.sec05-sns ul li{display:inline-block;vertical-align:top;width:calc(100% / 3 - 60px);position:relative;margin:30px;}
.sec05-sns ul li a{display:block;}
.sec05-sns ul li a:before{content:'';width:100%;height:100%;background:url('../../images/main/sns_on_effect.png') no-repeat left top;position:absolute;left:0;top:0;opacity:0;transition:all ease 1s;background-size: cover;}
.sec05-sns ul li p{font-size:26px;color:#fff;margin-top:15px;opacity:0;transition:all ease 1s;font-family:'Gmarket-Medium';font-weight:100;position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);}
.sec05-sns ul li p:after{content:'';width:35px;height:35px;background:url('../../images/main/sns-plus.png') no-repeat center;display:block;margin: 40px auto 0;}
.sec05-sns ul li:hover{box-shadow: rgba(0,0,0,0.3) 0 0px 30px 5px;}
.sec05-sns ul li:hover a:before{opacity:1;}
.sec05-sns ul li:hover p{margin-top:0;opacity:1;}
.sec05-sns ul .slick-arrow{position:absolute;top:50%;width:65px;height:65px;text-indent:-9999px;z-index: 9;border-radius: 100%;transition: all ease .5s;}
.sec05-sns ul .slick-prev{left: 10px;background:#fff url('../../images/main/sns-arrow-left.png') no-repeat center;}
.sec05-sns ul .slick-prev:hover{background:rgba(237,237,237,0.3) url('../../images/main/sns-arrow-left-on.png') no-repeat center;}
.sec05-sns ul .slick-next{right: 10px;background:#fff url('../../images/main/sns-arrow-right.png') no-repeat center;}
.sec05-sns ul .slick-next:hover{background:rgba(237,237,237,0.3) url('../../images/main/sns-arrow-right-on.png') no-repeat center;}

@media all and (max-width:1700px) {
  #multipleContentsDiv_pn2022_temp07_124{padding:200px 0 0;}
  .sec05-sns{padding:0 100px;}
  .sec05-sns strong{padding-left:50px;}
  .sec05-sns ul li p{font-size:22px;}
  .sec05-sns ul li a img{width:100%;}
}

@media all and (max-width:1400px) and (max-height:820px) {
  #multipleContentsDiv_pn2022_temp07_124{padding:160px 0 0;}
}

@media all and (max-width:1200px) {
  #multipleContentsDiv_pn2022_temp07_124{padding-top:80px;padding-bottom:40px;}
  .sec05-sns{padding:0 25px;}
  .sec05-sns strong{font-size:52px;padding-left:30px;}	
  .sec05-sns ul{padding:15px 0 35px;}	
  .sec05-sns ul .slick-arrow{margin-top:-45px;}	
  .sec05-sns ul li p{font-size:20px;margin-top:0;opacity:1;}	
}

@media all and (max-width:767px) {
  #multipleContentsDiv_pn2022_temp07_124{padding-top:70px;padding-bottom:0;}
  .sec05-sns strong{font-size:38px;}
}

/*section06*/
#multipleContentsDiv_eprotech_574{padding-top:160px;}
#multipleContentsDiv_eprotech_574 div + div._objHtml{position:absolute;left:0;bottom:0;width:100%;}
.consulting{max-width: 1600px;margin: 60px auto 0;font-size:0;}
.consulting .con-map{display:inline-block;width:calc(100% - 500px);border-radius:150px 0 0 0;overflow:hidden;}
.consulting .con-map .wrap_map * {z-index: 0;} /*20240718 추가*/
.consulting .wrap_controllers{display:none;}
.consulting .map_border{display:none;}
.consulting .con-txt{display:inline-block;vertical-align:top;background: url('../../images/main/consulting-bg.png') no-repeat left top;width:500px;padding: 70px 70px 80px 70px;}
.consulting .con-txt span{font-size:28px;display:block;font-family:'Gmarket-Medium';color:#fff;margin-bottom: 5px;}
.consulting .con-txt strong{font-size:40px;display:block;font-family:'Gmarket-Bold';color:#fff;margin-bottom: 35px;}
.consulting .con-txt p{font-size:18px;color:#fff;margin-bottom: 40px;}
.consulting .con-txt p i{display:block;}
.consulting .con-txt .btn_box li{display:inline-block;vertical-align:top;}
.consulting .con-txt .btn_box li + li{margin-left:7px;}
.consulting .con-txt .btn_box a{color:#fff;border:1px solid #fff;padding:12px 25px 10px;display:block;font-size:16px;transition: all ease .5s;}
.consulting .con-txt .btn_box a:hover{background:#fff;color:#004b83;font-family:'Gmarket-Medium';}

@media all and (max-width:1700px) {
  #multipleContentsDiv_eprotech_574{padding-top:130px;}
  .consulting{padding:0 100px;margin:60px auto 0;}
  .consulting .con-map{height:360px;}
  .consulting .con-txt{padding:45px 30px 50px 50px;background-size:cover;background-size:110%;border-radius:0 0 150px 0;}
  .consulting .con-txt span{font-size:24px;}
  .consulting .con-txt strong{font-size:32px;}
  .consulting .con-txt p{font-size:18px;}
}

@media all and (max-width:1400px) and (max-height:820px) {
  .consulting {margin:35px auto 0;}
  .consulting .con-map{height:320px;border-radius:100px 0 0 0;}
  .consulting .con-txt{padding:25px 20px 30px 40px}
}

@media all and (max-width:1200px) {
  #multipleContentsDiv_eprotech_574{padding-top:100px;}
  .consulting{padding:0 25px;margin-bottom:100px;}	
  .consulting .con-map{border-radius:50px 50px 0 0;width:100%;}	
  .consulting .con-txt{display:block;width:100%;padding: 40px;border-radius:0 0 50px 50px;position:relative;}	
  .consulting .con-txt strong{margin-bottom:15px;}
  .consulting .con-txt p{margin-bottom:0;}	
  .consulting .con-txt .btn_box{position:absolute;right: 50px;bottom: 50px;}	
  #multipleContentsDiv_eprotech_574 div + div._objHtml{position:initial;}	
}

@media all and (max-width:767px) {
  #multipleContentsDiv_eprotech_574{padding-top:80px;}	
  .consulting{margin-top:45px;}
  .consulting .con-map{border-radius:25px 25px 0 0;}	
  .consulting .con-txt .btn_box{position:initial;margin-top:15px;}
  .consulting .con-txt{border-radius:0 0 25px 25px;padding:30px}	
  .consulting .con-txt span{margin-bottom:0;}	
}

/**body #fp-nav ul li:last-child{display:none;}**/