@charset "utf-8";

/*공통*/
html, body {background-color:transparent;font-size:16px;font-family:'Noto Sans Korean','arial', sans-serif;color:#727272;letter-spacing:-0.1px;}
h1,h2,h3,h4,h5,h6 {margin:0;color:#000;font-family:'Noto Sans Korean','arial', sans-serif;font-weight:bold;}
a {color:#000;}
a:hover {color:#000;text-decoration:none;}
p {margin:0;font-size:16px;line-height:1.2;color:#747474;word-break:keep-all;}
strong {color:#000;}

html.active,body.active{overflow:hidden;width:100%;height:100%;position:fixed;top:0;left:0;}
#wrap{position:relative;}
.img{text-align:center;}
.bold{font-weight:bold;}
.hide, .msg_sound_only, .sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.mobile{display:none;}
.clr:before {display:block;clear:both;width:0;height:0;content:'';}
.clr:after {display:block;clear:both;width:0;height:0;content:'';}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.banner{display:table;width:100%;background-size:cover;}
.banner .txt{display:table-cell;vertical-align:middle;}
.slick-dotted.slick-slider{margin-bottom:-7px;}
.slick-dots{bottom:25px;}
.table-cell{display:table-cell;vertical-align:middle;}
.txt-red{color:#ca1d1d;font-weight:bold;}
.txt-green{color:#0f8a42;font-weight:bold;}
.txt-blue{color:#1c2e68;font-weight:bold;}
@media all and (max-width:1199px){  
.mobile{display:block;}
.pc{display:none;}  
}
/*미디어쿼리*/
@media all and (max-width:1199px){
  .container {max-width:750px;width:100%;}
  
}
@media all and (max-width:991px){
}
@media all and (max-width:767px){
  .container > .row {margin-right:0;margin-left:0;}
}
@media all and (max-width:320px){

}
/* 메뉴 */
.header {position:relative;top:0;left:0;width:100%;height:147px;background-color:#fff;z-index:99999;}
.header .container {position:relative;}
.btn-menu{display:none;position:absolute;top:30px;right:20px;}
.logo{position:absolute;top:20px;left:0;}
 .gnb {display:block;position:absolute;top:40px;right:0;height:100px;} 
 .gnb .depth-1 > li {float:left;}
 .gnb .depth-1 > li > a{display:inline-block;padding:20px 40px;color:#000;margin-bottom:39px;font-size:20px;font-weight:bold;}
 .gnb .depth-1 > li:last-child > a{padding-right:0;}
 .gnb .depth-2 {display:none;}
 .gnb .depth-2 > li > a {display:block;text-align:center;padding:10px 0;background-color:#c9c9c9;color:#1c2e68;}
 .gnb .depth-2 > li > a:hover {color:#ca1d1d;}

/* 햄버거버튼 */
.menu-trigger,
.menu-trigger span {
  display : inline-block;
  transition : all .4s;
  box-sizing : border-box;
}
.menu-trigger {
 background-color:transparent;
 border:2px solid #000;
 border-radius:5px;
 /* outline:none; */
  position : relative;
  width : 40px;
 height : 40px;
 }
.menu-trigger span {
  position : absolute;
  left : 4px;
 width :80%;
   height :4px;
  background-color : #000;
  border-radius : 4px;
}
.menu-trigger span:nth-of-type(1) {
  top : 6px;
}
.menu-trigger span:nth-of-type(2) {
  top : 16px;
}
.menu-trigger span:nth-of-type(3) {
  bottom : 6px;
}

/* 햄버거버튼-active */
.menu-trigger span:nth-of-type(1) {
  -webkit-animation : menu-bar01 .75s forwards;
  animation : menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform : translateY(10px) rotate(45deg);
  }
  50% {
    -webkit-transform : translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform : translateY(10px) rotate(45deg);
  }
  50% {
    transform : translateY(10px) rotate(0);
  }
  100% {
    transform : translateY(0) rotate(0);
  }
}
.menu-trigger span:nth-of-type(2) {
  transition : all .25s .25s;
  opacity : 1;
}
.menu-trigger span:nth-of-type(3) {
  -webkit-animation:menu-bar02 .75s forwards;
  animation:menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform:translateY(-10px) rotate(-45deg);
  }
  50% {
    -webkit-transform : translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform : translateY(-10px) rotate(-45deg);
  }
  50% {
    transform : translateY(-10px) rotate(0);
  }
  100% {
    transform : translateY(0) rotate(0);
  }
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-animation : active-menu-bar01 .75s forwards;
  animation : active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform : translateY(0) rotate(0);
  }
  50% {
    -webkit-transform : translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(10px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform : translateY(0) rotate(0);
  }
  50% {
    transform : translateY(10px) rotate(0);
  }
  100% {
    transform : translateY(10px) rotate(45deg);
  }
}
.menu-trigger.active span:nth-of-type(2) {
  opacity : 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-animation : active-menu-bar03 .75s forwards;
  animation : active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform : translateY(0) rotate(0);
  }
  50% {
    -webkit-transform : translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(-10px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform : translateY(0) rotate(0);
  }
  50% {
    transform : translateY(-10px) rotate(0);
  }
  100% {
    transform : translateY(-10px) rotate(-45deg);
  }
}
@media all and (max-width:1199px){
    .header{height:100px;}
    .logo {top:10px;left:10px;width:180px;}
    .gnb {display:block;top:100px;width:100%;height:calc(100vh - 100px);overflow-y:auto;background-color:#fff;}
    .gnb .depth-1 {position:static;}
    .gnb .depth-1 > li{float:none;}
    .gnb .depth-1 > li > a{width:100%;margin-bottom:0;border-bottom:1px solid #ddd;text-align:left;}
    .gnb .depth-2 {border-bottom:1px solid #ddd;}
    .gnb .depth-2 > li > a {text-align:left;width:100%;padding-left:40px;}
    .gnb .depth-2 > li > a br {display:none;}
    .btn-menu{display:block;}
}


/* 슬라이드배너 */
.main-banner .banner{display:table;width:100%;height:700px;}
.main-banner .txt{display:table-cell;vertical-align:middle;text-align:center;}
.main-banner .txt p{max-width:930px;margin:0 auto;padding:35px 0;font-size:44px;color:#262626;font-weight:300;line-height:55px;background-color:rgba(255,255,255,0.8);}
.main-banner .txt p span.red{color:#ca1d1d;font-weight:bold;}
.main-banner .txt p span.green{color:#0f8a42;font-weight:bold;}
.main-banner .txt p span.blue{color:#1c2e68;font-weight:bold;}
.main-banner .banner0{background:url(../images/banner00.jpg) no-repeat 50% 50%;}
.main-banner .banner1{background:url(../images/banner01.jpg) no-repeat 50% 50%;}
.main-banner .banner2{background:url(../images/banner02.jpg) no-repeat 50% 50%;}
.main-banner .banner3{background:url(../images/banner03.jpg) no-repeat 50% 50%;}
@media all and (max-width:1199px){
  .main-banner .txt p{font-size:30px;line-height:40px;}
  .main-banner .banner{height:400px;}
  .main-banner .banner1{background-position:60% 30%;background-size:1200px;}
  .main-banner .banner2{background-position:60% 20%;background-size:1200px;}
  .main-banner .banner3{background-position:40% 0;background-size:1200px;}

}

/* home */

.home {padding:60px 0;}
.home .con1{padding:40px 0;}
.home h2 {margin-bottom:50px;text-align:center;font-size:32px;font-weight:normal;}
.home h2:after {position:relative;top:-16px;z-index:-1;display:block;width:100%;height:1px;background-color:#ccc;content:'';}
.home h2 span{background-color:#fff;padding:0 10px;color:#c91e1c;}
.home .con1 .img{position:relative;text-align:center;}
.home .con1  .img p{position:absolute;top:45%;left:0;width:100%;text-align:center;color:#fff;font-size:26px;line-height:30px;}
.home .con1 .row > div{margin-bottom:20px;text-align:center;}
.home .con1 .row > div:first-child p{top:40%;}
.home .con2{padding:40px 0;}
.home .con2 .col-lg-8 {padding-right:50px;}
.home .con2 h3{position:relative;margin-bottom:35px;font-size:24px;color:#000;font-weight:500;}
.home .con2 h3 a{position:absolute;top:0;right:0;}
.home .con2 .latest {height:150px;}
.home .con2 .contact p{font-size:16px;line-height:28px;color:#6b6b6b;font-weight:300;}
.home .con2 .contact p a{display:block;margin-bottom:25px;font-size:30px;line-height:48px;color:#108b42;font-weight:600;}
.home .con2 .contact p a img{vertical-align:middle;line-height:48px;}

/* footer */
.footer {background-color:#f8f8f8;border-top:1px solid #c4c4c4;}
.footer .address{padding:80px 0 80px 250px;background:url(../images/logo02_2020.jpg) no-repeat 0 50%;}
.footer .address p{/*font-size:16px;*/font-size:15.5px;font-weight:300;color:#aaa;line-height:25px;padding-right:20px;}
.footer .address p span{color:#555;}
@media all and (max-width:1199px){
  .footer .address{padding:130px 0 30px;background-position:50% 30px;background-size:180px;}
  .footer .address span{font-size:15px;padding-right:10px;white-space:nowrap;}
}


/* page-spot */
.page-spot .tit{width:100%;height:297px;padding-top:130px;}
.page-spot.sub01 .tit{background:url(../images/bg_tit01.jpg) no-repeat 50% 50%;}
.page-spot.sub02 .tit{background:url(../images/bg_tit02.jpg) no-repeat 50% 50%;}
.page-spot.sub03 .tit{background:url(../images/bg_tit03.jpg) no-repeat 50% 50%;}
.page-spot.sub04 .tit{background:url(../images/bg_tit04.jpg) no-repeat 50% 50%;}

.page-spot.sub02 .tit.update {background:url(../images/bg_tit02_new.jpg) no-repeat 50% 50%;}
.page-spot.sub04 .tit.update {background:url(../images/bg_tit04_new.jpg) no-repeat 50% 50%;}



.page-spot .tit p{text-align:center;font-size:36px;color:#fff;font-weight:bold;}
.page-spot li{position:relative;float:left;padding:30px 0;border-bottom:1px solid #d3d3d3;text-align:center;}
.page-spot li a{font-size:20px;color:#676767;font-weight:bold;}
.page-spot li.active:after{position:absolute;bottom:-1px;left:0;display:block;width:100%;border-bottom:2px solid #ca1d1d;content:'';}
.page-spot li:hover:after{position:absolute;bottom:-1px;left:0;display:block;width:100%;border-bottom:2px solid #ca1d1d;content:'';}
.page-spot li:hover a{color:#ca1d1d;}
.page-spot li.active a{color:#ca1d1d;}
.page-spot.sub01 li{width:50%;}
.page-spot.sub02 li{width:25%;}
.page-spot.sub03 li{width:33.3333%;}
.page-spot.sub04 li{width:100%;}
@media all and (max-width:1199px){
  .page-spot .tit{width:100%;height:auto;padding:8% 0;}
  .page-spot .container > .row {margin-left:-15px;margin-right:-15px;}
  .page-spot .tit p {font-size:24px;}
  .page-spot li{padding:15px 0;}
  .page-spot li a{font-size:14px;font-weight:normal;}
  
}
@media all and (max-width:550px){
  .page-spot.sub02 li{width:50%;padding:2% 0;letter-spacing:-1px;}
  .page-spot.sub02 li a{font-size:2.8vw;}
}
/* INTRODUCTION  */
.main {padding:45px 0;}
.sub101 .con1 {padding-bottom:80px;}
.sub101 .con1 .img{padding:65px 0 0;margin-bottom:80px;}
.sub101 .con1 p{max-width:920px;margin:0 auto 30px;color:#4d4c4c;font-size:19px;line-height:1.9;letter-spacing:-0.02em;word-break:keep-all;text-align:left;}
.sub101 .con1 p.intro-lead{margin-bottom:45px;color:#222;font-size:24px;line-height:1.65;font-weight:600;text-align:center;}
.sub101 .con1 p.intro-values-intro{margin-top:50px;margin-bottom:18px;color:#222;font-weight:600;}
.sub101 .con1 p.intro-value{padding:17px 22px;margin-bottom:16px;background:#fafafa;border-left:4px solid #ccc;line-height:1.8;}
.sub101 .con1 p.intro-value.value-red{border-left-color:#ca1d1d;}
.sub101 .con1 p.intro-value.value-green{border-left-color:#0f8a42;}
.sub101 .con1 p.intro-value.value-blue{border-left-color:#1c2e68;}
.sub101 .con1 p.intro-value .txt-red,
.sub101 .con1 p.intro-value .txt-green,
.sub101 .con1 p.intro-value .txt-blue{display:block;margin-bottom:6px;}
.sub101 .con1 p.intro-signature{margin-top:42px;color:#222;font-weight:bold;text-align:right;}
.sub101 .con1 p:last-child{margin-bottom:0;}
.sub101 .table-wrap{overflow-x:auto;}
.sub101 .table{width:100%;min-width:700px;text-align:center;}
.sub101 .table th{text-align:center;background-color:#f5f5f5;color:#ca1d1e;font-size:18px;font-weight:normal;padding:10px 5px;}
.sub101 .table th,
.sub101 .table td{border:1px solid #c0c0c0;vertical-align: middle;}
@media all and (max-width:1199px){
  .sub101 .con1 {padding-bottom:0;}
  .sub101 .con1 .img{width:300px;padding-top:30px;margin:0 auto 40px;}
  .sub101 .con1 p{max-width:none;font-size:18px;line-height:1.85;}
  .sub101 .con1 p.intro-lead{margin-bottom:32px;font-size:21px;line-height:1.55;text-align:center;}
  .sub101 .con1 p.intro-values-intro{margin-top:36px;margin-bottom:16px;}
  .sub101 .con1 p.intro-value{padding:14px 16px;margin-bottom:14px;line-height:1.75;}
  .sub101 .con1 p.intro-signature{margin-top:32px;}
  .sub101 .table th{font-size:16px;}
}
@media all and (max-width:550px){
  .sub101 .con1 p{font-size:16px;line-height:1.85;letter-spacing:-0.03em;}
  .sub101 .con1 p.intro-lead{margin-bottom:28px;font-size:19px;line-height:1.6;text-align:left;}
  .sub101 .con1 p.intro-values-intro{margin-top:30px;margin-bottom:14px;}
  .sub101 .con1 p.intro-value{padding:13px 14px;line-height:1.8;}
  .sub101 .con1 p.intro-value .txt-red,
  .sub101 .con1 p.intro-value .txt-green,
  .sub101 .con1 p.intro-value .txt-blue{margin-bottom:4px;font-size:15px;}
  .sub101 .con1 p.intro-signature{margin-top:28px;font-size:17px;}
}
/* ORGANIZAITON */
.sub102 .con1 .img{padding:100px 0 160px;background:url(../images/bg_sub102.jpg) no-repeat 50% 100%;}
.sub102 {text-align: center; }
/*.sub102 img {width:240px;}*/
.sub102 dl {font-size:0; word-spacing: 0; margin:50px auto; text-align: left;}
.sub102 dd {overflow:hidden; display: inline-block; vertical-align: top; position:relative; width:47%; margin:0 1.5% 2%;}
/*.sub102 dd:nth-child(1) h3, .sub102 dd:nth-child(4) h3 {color:#12803a;}*/
/*.sub102 dd:nth-child(2) h3, .sub102 dd:nth-child(5) h3 {color:#19295c;}*/
/*.sub102 dd:nth-child(3) h3, .sub102 dd:nth-child(6) h3 {color:#c31a1b;}*/
/*.sub102 dd:before {position:absolute; left:-1px; top:-1px; content:''; width:11px; height:11px; opacity:0; background: #bbb;}*/
/*.sub102 dd:nth-child(1):before, .sub102 dd:nth-child(4):before {background-color:#12803a;}*/
/*.sub102 dd:nth-child(2):before, .sub102 dd:nth-child(5):before {background-color:#19295c;}*/
/*.sub102 dd:nth-child(3):before, .sub102 dd:nth-child(6):before {background-color:#c31a1b;}*/
.sub102 h3 {display:flex; justify-content: center; align-items: center; width:240px; height:90px; line-height:1.2em; text-align: center; border-radius: 50px; padding:20px; float:left; background: #19295c; color:#fff; font-size:20px; margin-bottom:20px;}
.sub102 h5 {width:calc(100% - 240px); float:left; margin-top:26px; padding:0 40px; font-size:17px; color:#555;}
.sub102 h5 b {display:block; font-weight:400; margin-top:5px; font-size:15px; word-break: break-all;}
.sub102 dd:nth-child(2n) h3 {float:right;}

@media all and (max-width:1199px){
  .sub102 .con1 .img{padding:10% 5% 15%;}
    .sub102 dd {width:80%;  margin:3px 10%;}
    .sub102 dd:nth-child(2n) h3 {float:left;}
    .sub102 h3 {font-size:20px; margin-bottom:15px;}
    .sub102 h5 {font-size:17px; margin-top:10px;}
    .sub102 p {font-size:15px;}
}

@media all and (max-width:600px){
    .sub102 img {width:180px; margin-bottom:40px;}
    .sub102 dl {margin:0;}
    .sub102 dd {display:block; width:80%; margin:0 auto 3%;}
    .sub102 h3 {width:180px; padding:10px 20px; height:60px; font-size:16px; margin-bottom:10px;}
    .sub102 h5 {width:calc(100% - 180px);  font-size:15px;}
}

/* ENGINEERING & EQUIPMENT */
.sub201 .con1 {padding-top:50px;}
.sub201 .con1 h2 {font-size:30px;color:#111;margin-bottom:45px;text-align:center;}
.sub201 .con1 .proc{margin-bottom:20px;border:1px solid #c8c8c8;}
.sub201 .con1 .box{position:relative;width:100%;padding:20px 0;}
.sub201 .con1 .box2{position:relative;width:100%;padding:20px;}
.sub201 .con1 .box h3{width:100%;margin-bottom:15px;font-size:24px;color:#1c2e68;}
.sub201 .con1 .box p{margin-bottom:15px;font-size:16px;line-height:1.5;color:#727272;padding-right:70px;}

.sub201 .con1 .box .proc-logo{text-align:left;}
.sub201 .con1 .box button, .sub201 .con1 .box a {position:absolute;bottom:0;right:0; background-color:#108a42;width:170px;height:45px;font-size:16px;text-align:center;padding:0;margin:0;color:#fff;border:0;cursor:pointer;}
.sub201 .con1 .box a {right:170px; display:block; vertical-align: bottom; line-height:45px; background: #ce4242;}
.sub201 .con1 .box .tb{display:table;min-height:240px;}
.sub201 .con1 .box .tb2{display:table;min-height:154px;}
.sub201 .con1 .box .img{text-align:left;}
.sub201 .con1 .box .img2{text-align:center;}
.sub201 .detail{display:none;border-top:1px solid #c8c8c8;padding:7px 10px 0;}
.sub201 .youtube_wrap {display:none;border-top:1px solid #c8c8c8;padding:7px 10px 0;}
.sub201 .table-wrap {overflow-x:auto;}
.sub201 .table-wrap .table {width:100%;min-width:695px;}

.sub201 .table tbody th{color:#108a42;font-size:16px;font-weight:500;padding:10px 0;text-align:center;vertical-align:middle;border-right:1px solid #ddd;}
.sub201 .table td{padding:15px 10px;vertical-align:middle;color:#606060;font-size:16px;line-height:22px;text-align:left;}
.sub201 .table thead th{background-color:#ececec;color:#108a42;font-size:16px;font-weight:500;padding:10px 0;text-align:center;border-top:2px solid #108a42 !important;}
.sub201 .table td p:before{position:relative;bottom:5px;display:inline-block;width:3px;height:3px;border-radius:3px;background-color:#606060;margin-right:5px;content:'';}
.sub201 .table3 tr th{width:15%;}
.sub201 .table3 p{margin-bottom:0;line-height:1.5;}

.sub201 .youtube { position: relative; width: 100%; padding-bottom: 56.25%; }
.sub201 .youtube iframe { position: absolute; width: 100%; height: 100%; }

@media all and (max-width:1199px){
  
  .sub201 .con1 .box{padding:20px 0 45px;}
  .sub201 .con1 .box p{padding-right:0;}
  .sub201 .con1 .box .tb,
  .sub201 .con1 .box .tb2 {display:block;width:100%;min-height:auto;}
  .sub201 .con1 .box .table-cell {display:block;width:100%;}
  .sub201 .con1 .box .img{text-align:center;margin-bottom:30px;}
  .sub201 .con1 .box h3,
  .sub201 .con1 .box p,
  .sub201 .con1 .box .proc-logo{text-align:center;}
}

/* RAW MATERAIL */
.sub202 .con1 {padding-top:50px; position:relative;}
.sub202 .con1 h2 {font-size:30px;color:#111;margin-bottom:45px;text-align:center;}
.sub202 .con1 .proc{margin-bottom:27px;border:1px solid #c8c8c8;}
.sub202 .con1 .box{position:relative;width:100%;padding:20px 0;}
.sub202 .con1 .box h3{margin-bottom:15px;font-size:24px;color:#1c2e68;}
.sub202 .con1 .box p{margin-bottom:15px;font-size:16px;line-height:1.5;color:#727272;padding-right:70px;}
.sub202 .con1 .box p.title {padding-right:0px;}
.sub202 .con1 .box p.cf {padding-top: 8px;padding-bottom: 20px;}
.sub202 .con1 .box .proc-logo{text-align:left;}
.sub202 .con1 .box button {position:absolute;bottom:0;right:0;background-color:#108a42;width:170px;height:45px;font-size:16px;text-align:center;padding:0;margin:0;color:#fff;border:0;cursor:pointer;}
.sub202 .con1 .box .tb{display:table;min-height:210px;}
.sub202 .con1 .box .img{text-align:center;}
.sub202 .detail{display:none;border-top:1px solid #c8c8c8;padding:7px 10px 0;}
.sub202 .detail p.p2{font-size:16px;color:#606060;line-height:22px;padding:10px 10px 15px 22px;}
.sub202 .table {width:100%;}
.sub202 .table caption{color:#108a42;font-size:18px;font-weight:bold;}
.sub202 .table th{background-color:#ececec;color:#108a42;font-size:16px;font-weight:500;padding:10px 0;text-align:center;border-top:2px solid #108a42;}
.sub202 .table td{padding:15px 10px;vertical-align:middle;color:#606060;font-size:16px;line-height:22px;text-align:center;}
.sub202 .table.t1 td:nth-child(2){text-align:left;}
.sub202 .table.t2 td:first-child{text-align:left;}
.sub202 .table.t1 td p{margin-bottom:5px;}
.sub202 .table.t3 {width:100%;}
.sub202 .table.t3 thead tr th{background-color:#ececec;color:#108a42;font-size:16px;font-weight:500;padding:10px 0;text-align:center;border:1px solid #ddd;border-top:2px solid #108a42;}
.sub202 .table.t3 tbody tr th{padding-left:30px;text-align:left;background-color:#f5f5f5;border:1px solid #ddd;}
.sub202 .table.t3 tbody tr th h3{font-size:18px;margin-bottom:5px;}
.sub202 .table.t3 tbody tr th p{font-size:16px;margin-bottom:5px;color:#000;}
.sub202 .table.t3 tbody tr td{border:1px solid #ddd;}

.sub202 .logo_bar {position:absolute; left:calc(50% + 640px); top:0px; width:110px;}
.sub202 .logo_bar.sticky {position:fixed; top:10px;left:calc(50% + 640px); }
.sub202 .logo_bar > div {overflow: hidden; background: #fff;}
.sub202 .logo_bar h3 {font-size:15px; background: #333; font-weight:400; color:#fff; padding:5px; text-align:center;}
.sub202 .logo_bar span {display: block; width:50%; float:left; padding:3px; background: #fff;}
.sub202 .logo_bar span img {width:100%;}
.sub202 .logo_bar span b {text-align: center; display: block; font-size:11px; font-weight:500;}

.sub204 .detail {padding:20px 35px;}
.sub204 .detail .de_box {font-size:0; word-spacing:0; padding:10px 0;}
.sub204 .detail .de_box:last-child {border-bottom:0;}
.sub204 .detail .de_box .img_box {display: inline-block; vertical-align: top; width:200px; height:130px; background: #eee; text-align: center;}
.sub204 .detail .de_box .img_box img {width:100%; height:100%;}
.sub204 .detail .de_box .txt_box {width:calc(100% - 200px); display: inline-block; vertical-align: top; padding:7px 0px 7px 30px;}
.sub204 .detail .de_box h3 {font-size:20px; margin-bottom:10px; color:#1c2e68;}
.sub204 .detail .de_box p {line-height:1.6em; font-size:15px;}
.sub204 .con1 .box .img {width:260px; height:190px; margin-top: 10px;}
.sub204 .con1 .box .img img {width:100%; height:100%;}
.sub204 .list_box .table-cell {padding:0 20px;}


.partners_list {margin:50px 0;}
.partners_list h5 {font-size:26px; margin-bottom:20px;}
.partners_list .slide_wrap {position:relative; padding:0 50px;}
.partners_list .swiper-button-prev, .partners_list .swiper-button-next {background-size: 10px auto; outline: 0; background-color: #333;}
.partners_list .swiper-button-prev {left:0px;}
.partners_list .swiper-button-next {right:0px;}

@media all and (max-width:1199px){
	.sub202 .detail {overflow:auto;}
	.sub202 .detail .table{min-width:718px;}
	.sub202 .con1 .box{padding:20px 0 45px;}
	.sub202 .con1 .box p{padding-right:0;}
	.sub202 .con1 .box .img{text-align:center;margin-bottom:0}
	.sub202 .con1 .box .tb{display:block;min-height:auto;padding:30px 0;}
	.sub202 .con1 .box .tb .table-cell{display:block;}
	.sub202 .con1 .box h3,
	.sub202 .con1 .box p,
	.sub202 .con1 .box .proc-logo{text-align:center;}

	.sub202 .logo_bar, .sub202 .logo_bar.sticky {position:static; width:100%; margin-top:50px;}
	.sub202 .logo_bar h3 {font-size:20px; color:#333; background: #fff; text-align: left; font-weight:600; border-bottom:1px solid #ddd;}
	.sub202 .logo_bar span {width:16.666%; padding:1% 3%;}

    .partners_list h5 {text-align: center;}

    .sub204 .con1 .box .img {width:100%; height:auto; margin:0 auto;}
    .sub204 .detail .de_box .img_box,
    .sub204 .detail .de_box .txt_box {display:block; width:100%; height:auto;}
    .sub204 .detail .de_box .txt_box {padding:20px 0;}
    .sub204 .detail .de_box {padding:0;}
    .sub204 .detail {padding:20px 7%;}
    .sub204 .detail .de_box h3 {font-size: 18px;}
    .sub204 .list_box .table-cell {padding:0px;}

}


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

}

/* costomer center */
.sub301 h1{font-size:30px;color:#111;margin-bottom:45px;text-align:center;}

/* contact */
.sub303 .con {margin-bottom:50px; overflow: hidden;}
.sub303 .con h3{font-size:20px;margin-bottom:15px;color:#1c2e68;}
.root_daum_roughmap {width:100% !important;}
.sub303 .g-map {height:400px;overflow:hidden;}
.sub303 .g-map iframe{margin-top:-150px;}
.sub303 .i-map {margin-bottom:30px;}
.sub303 h2 {font-size:30px;color:#111;margin-bottom:45px;text-align:center;}
.wrap_map {height:400px !important;}
.sub303 p {padding:3px 0;}
.sub303 img {display:inline-block; width:350px; float:left; margin-right:30px;}

.sub303 .map_wrap {margin-top:20px;}
.sub303 .map_wrap iframe {width:100%;height:500px;}


@media all and (max-width:767px){
  .wrap_map {height:300px !important;}
}
/* 인재상 */
.sub401 .con1 .clr {margin-right:-33px;margin-left:-33px;}
.sub401 .con1 .clr > div{padding:33px;}
 .sub401 .box{padding-top:82px;height:448px;border:1px solid #d7d7d7;background-color:#f7f7f7;}
 .sub401 .box .img{margin-bottom:35px;}
 .sub401 .box p{text-align:center;font-size:24px;color:#4d4c4c;}
 .sub401 .con2 {margin-top:100px;}
 .sub401 .con2 h2 {font-size:20px;color:#1c2e68;text-align:center;margin-bottom:30px;}
 .sub401 .con2 ul {text-align:center;} 
 .sub401 .con2 ul li{position:relative;display:inline-block;margin:20px;}
 .sub401 .con2 ul li:after{display:inline-block;position:absolute;right:-28px;bottom:50%;margin-bottom:-15px;width:16px;height:30px;background:url(../images/img_arrow02.jpg) no-repeat 50% 50%;content:'';}
 .sub401 .con2 ul li:last-child:after{content:none;}


/* 인재상 업데이트 */
.sub401.update {}
.sub401.update h5 {margin-bottom:20px;}
.sub401.update .con-title {margin: 50px 0 10px;color: #000;font-size: 22px;}
.sub401.update .con1 .clr > div {padding: 5px 33px;}
.sub401.update .con3 p, .sub401.update .con2 p {font-size: 18px;margin:5px 0;}
.sub401.update .con3 p em {display:block;}
.sub401.update .down_btn {padding: 7px 25px;background: #337ab7;color: #fff;display: inline-block;margin-top: 3px;}
.sub401.update p .red {color:#ca1d1d;}
.sub401.update p .blue {color:#2f50b9;}
.sub401.update p .green {color:#0f8a42;}
.sub401.update .box {border:0;background-color:#fff;padding-top: 40px;height: 338px;}




 @media all and (max-width:1199px){
  .sub401 .box{padding-top:50px;height:350px}
  .sub401 .box .img img {width:70%;}
  .sub401 .box p { font-size:20px;}
  .sub401 .con1 .clr {margin-right:-15px;margin-left:-15px;}
  .sub401 .con1 .clr > div{padding:15px;}
 }
 @media all and (max-width:767px){
  .sub401 .box .img img {max-width:200px;width:60%;}
  .sub401 .box{padding:50px 0;height:auto;}
  .sub401 .con2 ul li {width:150px;}
 }
 @media all and (max-width:420px){
  .sub401 .con2 ul li {width:200px;}
  .sub401 .con2 ul li:after {right:50%;bottom:0;margin-bottom:-34px;margin-right:-8px;transform:rotate(90deg);}
 }

 .top-menu {width:100%;height:25px;background-color:#1c2e68;}
 .top-menu .container{position:relative;}
 .top-menu .container a{position:absolute;right:0;top:3px;color:#fff;font-size:14px;}

 .white {color:#ffffff !important}


/* 24.08.20 수정 */
/*
.header {position: fixed;}
main-banner-new {}
*/
.main-banner-new {position:relative;}
.main-banner-new .banner {height:750px; background-repeat: no-repeat; background-position: center; background-position:right bottom; background-size:cover;}
.main-banner-new .txt {position:absolute; width:30%; left:77%; top:70px; max-width:400px; transform: translate(-50%);}
.main-banner-new .txt h4 {display: block; font-weight:800;}
.main-banner-new .txt h4 span {display: block; font-size:40px; line-height:1.2em;}
.main-banner-new .txt h4 span:nth-child(1) {color:#c91e1d;}
.main-banner-new .txt h4 span:nth-child(2) {color:#0f8a42;}
.main-banner-new .txt h4 span:nth-child(3) {color:#1c2e67;}
.main-banner-new .txt p {font-size:18px; margin-top:20px; font-weight:300; color:#000;  line-height:1.5em;}
.main-banner-new .banner0 {background-image:url(../images/new-banner00.jpg?v=4);}
.main-banner-new .banner1 {background-image:url(../images/new-banner01.jpg?v=4);}
.main-banner-new .banner2 {background-image:url(../images/new-banner02.jpg?v=4);}
.main-banner-new .banner3 {background-image:url(../images/new-banner03.jpg?v=4);}
.main-banner-new .banner4 {background-image:url(../images/new-banner04.jpg?v=4);}
.main-banner-new .banner5 {background-image:url(../images/new-banner05.jpg?v=4);}
.main-banner-new .banner6 {background-image:url(../images/new-banner06.jpg?v=4);}

.main-banner-new.new2 .banner0 {background-image:url(../images/new-banner00_.jpg?v=1); }
.main-banner-new.new2 .banner1 {background-image:url(../images/new-banner01_.jpg?v=1);}
.main-banner-new.new2 .banner2 {background-image:url(../images/new-banner02_.jpg?v=1);}
.main-banner-new.new2 .banner3 {background-image:url(../images/new-banner03_.jpg?v=1);}
.main-banner-new.new2 .banner4 {background-image:url(../images/new-banner04_.jpg?v=1);}
.main-banner-new.new2 .banner5 {background-image:url(../images/new-banner05_.jpg?v=1);}
.main-banner-new.new2 .banner6 {background-image:url(../images/new-banner06_.jpg?v=1);}


.sub102 .con2 {position:relative; display: flex; padding-top:650px; width: 650px; margin-left:15%; margin:130px auto 100px;}
.sub102 .con2:before {content:''; display: block; position:absolute; left:0%; top:0%; border-radius:50%; border:30px solid #dbe1f4; width:100%; height:100%;}
.sub102 .con2 .logo_img {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); display: flex; width:320px; height:320px; text-align: center; align-items: center; border-radius:50%; box-shadow:10px 10px 35px #19295c55; padding:50px; overflow: hidden;}
.sub102 .con2 ul {position:absolute; width:100%; height:100%; left:0; top:0;}
.sub102 .con2 ul li {position:absolute; display:flex; justify-content: center; align-items: center; width:180px; height:180px; line-height:1.2em; text-align: center; border-radius: 50%; padding:20px; background:#19295c; color:#fff; font-weight:600; box-shadow:0 0 0 2px #fff;}
.sub102 .con2 ul.big li {font-size:24px;}
.sub102 .con2 ul.middle li {font-size:22px;}
.sub102 .con2 ul.small li {font-size:18px;}
.sub102 .con2 ul.box_3 li {width:200px; height:200px;}
.sub102 .con2 ul.box_3 li:nth-child(1) {top:0%; left:50%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_3 li:nth-child(2) {top:75%; left:94%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_3 li:nth-child(3) {top:75%; left:6%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_4 li:nth-child(1) {top:15%; left:15%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_4 li:nth-child(2) {top:15%; left:85%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_4 li:nth-child(3) {top:85%; left:15%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_4 li:nth-child(4) {top:85%; left:85%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_5 li:nth-child(1) {top:0%; left:50%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_5 li:nth-child(2) {top:33%; left:5%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_5 li:nth-child(3) {top:33%; left:95%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_5 li:nth-child(4) {top:85%; left:20%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_5 li:nth-child(5) {top:85%; left:80%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_6 li:nth-child(1) {top:0%; left:50%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_6 li:nth-child(2) {top:25%; left:5%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_6 li:nth-child(3) {top:25%; left:95%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_6 li:nth-child(4) {top:75%; left:94%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_6 li:nth-child(5) {top:75%; left:6%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_6 li:nth-child(6) {top:100%; left:50%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(1) {top:0%; left:50%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(2) {top:18%; left:12%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(3) {top:18%; left:88%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(4) {top:57%; left:4%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(5) {top:57%; left:96%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(6) {top:92%; left:28%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_7 li:nth-child(7) {top:92%; left:72%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(1) {top:0; left:50%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(2) {top:15%; left:15%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(3) {top:15%; left:85%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(4) {top:50%; left:5%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(5) {top:50%; left:95%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(6) {top:85%; left:15%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(7) {top:85%; left:85%; transform: translate(-50%, -50%)}
.sub102 .con2 ul.box_8 li:nth-child(8) {top:100%; left:50%; transform: translate(-50%, -50%)}


@media all and (min-width:1950px){
    .main-banner-new .txt {left:78%; top: 50px;}
}
@media all and (min-width:2520px){
    .main-banner-new .txt {left:79%;}
}
@media all and (min-width:3000px){
    .main-banner-new .txt {top:30px;}
    .main-banner-new .txt p {font-size:14px; margin-top:8px;}
}
@media all and (max-width:1600px){
    .main-banner-new .txt {left:73%; top:90px;}
}
@media all and (max-width:1300px){
    .main-banner-new .txt {left:70%; width:35%; top:80px;}
}
@media all and (max-width:1199px){
    .main-banner-new .banner {height:500px; background-size:120%; background-position:right 100%;}  
    .main-banner-new .txt {left:75%; width:30%; top:50px;}
    .main-banner-new .txt h4 span {font-size:27px;}
    .main-banner-new .txt p {font-size:13px;}
    .slick-prev:before, .slick-next:before {height:40px;}
    
    .sub102 .con2 {margin:100px auto 150px; width:550px; padding-top:550px;} 
    .sub102 .con2 ul li {width:160px; height:160px;}
    .sub102 .con2 .logo_img {width:300px; height:300px;}
    .sub102 .con2 ul.big li {font-size:22px;}
    .sub102 .con2 ul.middle li {font-size:20px;}
    .sub102 .con2 ul.small li {font-size:18px;}
}
@media all and (max-width:900px){
  .main-banner-new .txt {left:75%; width:35%; top:65px;}  
}
@media all and (max-width:767px){
    .main-banner-new .txt {left:73%; top:30px; width:35%;}
    .main-banner-new .txt h4 span {font-size:22px;}
    .main-banner-new .txt p {font-size:12px; margin-top:10px;}
    .main-banner-new .banner {height:400px; background-size:140%;}
    .slick-prev:before, .slick-next:before {height:30px;}
    
    .sub102 .con2 {width:450px; padding-top:450px;}
    .sub102 .con2:before {border-width:30px;}
    .sub102 .con2 .logo_img {width:230px; height:230px; padding:20px;}
    .sub102 .con2 ul li {width:140px; height:140px; padding:6px;}
    .sub102 .con2 ul.big li {font-size:20px;}
    .sub102 .con2 ul.middle li {font-size:18px;}
    .sub102 .con2 ul.small li {font-size:16px;}
}
@media all and (max-width:600px){ 
    .main-banner-new .banner {height:350px;}  
    .main-banner-new .txt {left:auto; right:-2%; width:200px; top:20px; text-align: right}
    .slick-prev:before, .slick-next:before {height:20px;}
    
    .sub102 .con2 {margin:40px auto 80px; width:350px; padding-top:350px;}
    .sub102 .con2:before {border-width:20px;}
    .sub102 .con2 .logo_img {width:150px; height:150px; padding:10px;}
    .sub102 .con2 .logo_img img {margin-bottom:0;}
    .sub102 .con2 ul li {width:110px; height:110px; padding:10px;}
    .sub102 .con2 ul.big li {font-size:16px;}
    .sub102 .con2 ul.middle li {font-size:15px;}
    .sub102 .con2 ul.small li {font-size:14px;}
}
@media all and (max-width:550px){
    .main-banner-new .txt {right:-8%; top:20px; } 
}
@media all and (max-width:450px){ 
    .main-banner-new .txt {right:-17%; top:45px;}
    .sub102 .con2 {margin:20px auto 40px; width:270px; padding-top:270px;}
    .sub102 .con2:before {border-width:10px;}
    .sub102 .con2 .logo_img {width:120px; height:120px; padding:10px;}
    .sub102 .con2 .logo_img img {margin-bottom:0;}
    .sub102 .con2 ul li {width:90px; height:90px; padding:5px;}
    .sub102 .con2 ul.big li {font-size:14px;}
    .sub102 .con2 ul.middle li {font-size:13px;}
    .sub102 .con2 ul.small li {font-size:12px;}
}
/* 24.08.20 수정 끝 */