@charset "utf-8";


::-webkit-scrollbar {

  -webkit-appearance: none;
  width: 10px;
  background-color: #e4e4f3;
}
::-webkit-scrollbar-thumb {
  background-color: #323276;
}


/* 기본 세팅*/


/* 폰트 타입 // */

/* 작은 타이틀  */
.tit_s001 {font-size:20px !important; font-weight:400 !important; }  

.tit_s002 {font-size:50px !important; font-weight:500 !important;  letter-spacing:-1px;}   

.tit_s003 {}  

.tit_s004 {}  




@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

			::selection {
				background-color: #333276;
				color: #fff;
			}


.eng{  font-family: 'Montserrat', 'NotoSans',sans-serif; }
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; color:#000;font-family:'NotoSans', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NotoSans', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {outline:0;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NotoSans', dotum, sans-serif;font-size:14px;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NotoSans', dotum, sans-serif;font-size:14px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

ul , li {  list-style-type: none;}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	letter-spacing:0px;
	  margin: 0;
  padding: 0;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}

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


.video-container2 {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 0;
}

.video-container2 iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-height: 66%;
  min-width: 66%;
}



.placeholdersjs { color: #aaa !important; }



.pt0 {padding-top: 0 !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top:100px !important;}
.pt140 {padding-top: 140px !important;}
.pt200 {padding-top: 200px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb40 {padding-bottom: 40px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}

.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt100 {margin-top: 100px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt90 {margin-top: 90px !important;}
.mt120 {margin-top: 120px !important;}

.mr0 {margin-right: 0 !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr60 {margin-right: 60px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}


.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb90 {margin-bottom: 90px !important;}



.w1200 {margin: auto; width: 1200px !important;}
.w100p {width: 100% !important;}
.w100x {width: 100%;}
.h100p {height: 100% !important;}


.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fz30 {font-size: 30px !important;}
.fz40 {font-size: 40px !important;}
.fz50 {font-size: 50px !important;}
.clearfix{display:block}
.clear:after{clear:both;content:"";display:block; }




.fix{ overflow:hidden; }
button {outline:0; }
.w1200{ width:1200px; margin:auto; }

.input_type_03{ width:200px;}

.section  .anime {
  -webkit-animation-duration: 3.2s;
     -moz-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.section.active .anime {
  -webkit-animation-duration: 3.2s;
     -moz-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}


.section.active .anime.faleft {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.swiper-slide-active .anime { 
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
		  animation-name: fadeInDown;
}

.section.active .anime.faleft3 {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.section.active .anime.faleft2 {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.section.active .anime.faleft4 {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.section.active .anime.f_size {
  -webkit-animation-name: bg_up;
  -moz-animation-name: bg_up;
  -o-animation-name: bg_up;
  animation-name: bg_up;  
 animation-duration: 3.6s;
}


@keyframes bg_up{
	0%{ transform: scale(1); opacity:1;  filter: blur(5px); }
	100%{ transform: scale(1.15);opacity:1;   filter: blur( 0px);}
}





.anim1{
animation:mainItemx 2.5s ease-in-out infinite alternate;
}

.anim2{  animation:mainItemx 2.5s ease-in-out infinite alternate;}
.anim3{ animation:mainItemx 3.5s ease-in-out infinite alternate;}
.anim4{  animation:mainItemx 3s ease-in-out infinite alternate;}
.anim5{ animation:mainItemx 3s ease-in-out infinite alternate; }
.anim6{  animation:mainItemx 2s ease-in-out infinite alternate;}

.mainani{ animation:mainItemx 2.5s ease-in-out infinite alternate; }

@keyframes mainItemx{
	0%{transform:translateY( 5%);}
	100%{transform:translate( -5%);}
}

.du1{ animation-delay: 0.2s;}
.du2{ animation-delay: 0.8s;}
.du3{ animation-delay: 1.2s;}


.swiper-slide-active .anime.du1{ animation-delay: 0.2s;}
.swiper-slide-active .anime.du2{ animation-delay: 0.6s;}
.swiper-slide-active .anime.du3{ animation-delay: 1.0s;}
.swiper-slide-active .anime.du5{ animation-delay: 1.4s;}
.swiper-slide-active .anime.du6{ animation-delay: 1.8s;}
.swiper-slide-active .anime.du7{ animation-delay: 2.2s;}
.swiper-slide-active .anime.du8{ animation-delay: 2.4s;}



 .section.active .anime.dur0{ animation-delay:0.1s;}
.section.active .anime.dur1{ animation-delay:0.5s;}
.section.active .anime.dur2{ animation-delay:1.0s;}
.section.active .anime.dur3{ animation-delay:1.5s;}
.section.active .anime.dur4{ animation-delay:2.5s;}

.section.active .anime.dur5{ animation-delay:2.8s;}
.section.active .anime.dur6{ animation-delay:2.5s;}
.section.active .anime.dur7{ animation-delay:3.5s;}

.section.active .anime.dur8{ animation-delay:4.5s;}



@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}

#dimmed {display:none; position:fixed; left:0; top:0; z-index:200; width:100%; height:100%; background:rgba(29,33,42,0.95);min-width:1400px;}
.fixed{ overflow:hidden;}

button.berger:active,button.berger:focus{ outline:0;}


.header.on button.berger span{background:#222 !important; }
.header.on2 button.berger span{background:#fff !important; }

button.berger{background:none;z-index: 70;width:40px;height:40px;cursor:pointer;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}

#tocplusWindow{display: ;}
button.berger{ border:0;}
button.berger.on{  }
button.berger span{display: block;vertical-align:top;
  -moz-transition: all .3s ease-in-out;margin:0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;opacity:1;position: relative;
  width:25px;height:2px;background:#fff;margin-top:6px
}
button.berger span:first-child{  margin-top:0;}

button.berger span.berger1{
  -webkit-animation : menu-bar01_1 1s forwards;
  -moz-animation : menu-bar01_1 1s forwards;
  animation : menu-bar01_1 1s forwards;
}
button.berger span.berger2{ opacity:1;
  transform:translateY(0px) rotate(0);
}
button.berger span.berger3{
  -webkit-animation : menu-bar02_1 1s forwards;
  -moz-animation : menu-bar02_1 1s forwards;
  animation : menu-bar02_1 1s forwards;margin-left:0;
}

button.berger.on span.berger1{ width:27px;
  -webkit-animation : menu-bar01 1s forwards;
  -moa-animation : menu-bar01 1s forwards;
  animation : menu-bar01 1s forwards;
}
button.berger.on span.berger2{ opacity:0;
width:0;
}
button.berger.on span.berger3{ width:27px;
    -webkit-animation : menu-bar02 1s forwards;
    -moz-animation : menu-bar02 1s forwards;
    animation : menu-bar02 1s forwards;
}
.all_menu button.berger{ right:50%;top:80px;margin-right:-640px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.all_menu button.berger span{ background:#fff; }

body.on button.berger,
#wrap.on + .all_menu button.berger,
.header.on button.berger{ top : 60px }

@keyframes menu-bar01 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);

  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
}

@keyframes menu-bar02 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
  50% {
    -webkit-transform : translateY(-12px) rotate(0);
    transform : translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(-12px) rotate(-45deg);
    transform : translateY(-12px) rotate(-45deg);
  }
}


@keyframes menu-bar01_1 {
  0% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}
@keyframes menu-bar02_1 {
  0% {
    -webkit-transform : translateY(-6px) rotate(-45deg);
    transform : translateY(-6px) rotate(-45deg);
  }
  50% {
    -webkit-transform : translateY(-6px) rotate(0);
    transform : translateY(-6px) rotate(0);
  }
  100% {
  -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}


.close_pop { 

cursor:pointer;
display:block;
  position: absolute;
  right: 2%;
  top: 3%;
  width: 35px;
  height: 35px;
  opacity: 0.9;
}
.close_pop:hover {
  opacity: 1;
}
.close_pop:before, .close_pop:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 35px;
  width: 1px;
  background-color: #fff;
}
.close_pop:before {
  transform: rotate(45deg);
}
.close_pop:after {
  transform: rotate(-45deg);
}
.close_pop2 { 

cursor:pointer;
display:block;
  position: absolute;
  right: 2%;
  top: 3%;
  width: 35px;
  height: 35px;
  opacity: 0.9;
}
.close_pop2:hover {
  opacity: 1;
}
.close_pop2:before, .close_pop2:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 35px;
  width: 1px;
  background-color: #000;
}
.close_pop2:before {
  transform: rotate(45deg);
}
.close_pop2:after {
  transform: rotate(-45deg);
}


.close2 { 

cursor:pointer;
display:block;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 35px;
  height: 35px;
  opacity: 0.9;
}
.close2:hover {
  opacity: 1;
}
.close2:before, .close2:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 35px;
  width: 3px;
  background-color: #fff;
}
.close2:before {
  transform: rotate(45deg);
}
.close2:after {
  transform: rotate(-45deg);
}

.arrow-up2 {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid white;
  display:inline-block; vertical-align:middle;
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid #000;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  
  border-left:5px solid #333; 
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  
  border-right:5px solid #333; 
}

.arw {
  border: solid #c7c5c5;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
}

.right_d {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left_d {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up_d {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down_d {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


/* 하단 */
.family_site{ display:inline-block; margin-left:40px; vertical-align:top; position: relative; width:230px; margin-top: 0px; }
.family_site button{ color:#c7c5c5;font-size: 14px;line-height:18px;display: block; cursor:pointer;width:100%;padding:10px 0;padding-left:10px;text-align:left;  background:transparent;border-radius: 0px; border:1px solid #22263e; }
 
.family_site ul{ position: absolute;left:0;right:0;bottom:40px;background:transparent;display: none; z-index:100;  overflow:hidden;  }
.family_site ul li{   }
.family_site ul li a{ display: block;color: #fefefe; padding:10px; border:0px solid #333;border-top:0; background:#010524; font-size:12px;}
.family_site ul li a:hover{ color: #fff;background:rgba(1,5,36,0.93);}


.family_site i{transition: all .3s ease;   float:right; margin-right:20px;}
.family_site button.on i{transform: rotate(-135deg);margin-top: 5px; }
.family_site:after{clear:both; content:"";display:block; }



/*content */


  /*.main1{ background-image:url(/kr/img/v_bg.jpg);background-size:cover;; min-width:1400px;}*/
.main1 .vtx{ width:1400px; height:100%;  text-align:center; position:relative;  z-index:1;  margin:auto; }
.main1 .vtx .vt01{ display:none;    position:absolute; left:0px; bottom:20%; background:rgba(50,50,118, 0.0); padding:40px;   }
.main1 .vtx .vt02{ display:none;    position:absolute; left:0px; bottom:20%;background:rgba(50,50,118, 0.0); padding:40px;  }
.main1 .vtx .vt03{ display:none;   position:absolute; left:0px; bottom:20%; background:rgba(50,50,118, 0.0); padding:40px;  }
.main1 .vtx .vt04{ display:none;    position:absolute; left:0px; bottom:20%;background:rgba(50,50,118, 0.0); padding:40px;  }
.main1 .vtx .vt05{ display:none;   position:absolute; left:0px; bottom:20%;background:rgba(50,50,118, 0.0); padding:40px;  } 

.main1 .vtx .vt_tx01{font-size:55px;font-weight:700;color:#fff;  letter-spacing:-2px;line-height:1.4;  margin-bottom:50px;text-align:left;text-shadow: 1px 2px 1px #333; }
.main1 .vtx .vt_tx02{font-size:24px;font-weight:400;color:#fff;  letter-spacing:-2px;line-height:1.4;text-align:left;text-shadow: 1px 2px 1px #333; display:none;}

.main1 .scroll{ position:absolute;bottom:0px; left:50%; z-index:3;margin-left:-20px;  }
.main1 .bgs{ width:100%;height:100%; position:absolute;left:0;top:0; z-index:2; }
.main1 .scroll{ position:absolute;left:50%;bottom:2%; z-index:2;}

.main1 .scroll span{ width:5px;height:5px; border-radius:50%;background-color:#fff;  position:absolute;left:39px;top:20px; display:block;animation:mainItem 2.0s ease-in-out infinite alternate; }

.main1 .scroll a{ position:relative; }
 .main_con .scroll a{}
@keyframes mainItem{
	0%{ top:28px; }
	100%{top:50px; }
}


.main3{position:relative;    min-width:1400px;padding:100px 0 ; background-color:#f5f5f5;  }
.main3 .cont{ width:1400px; margin:auto; }
.main3 .mtx01{padding-bottom:20px; width:1400px; margin:auto;  font-size:18px; color:#323276; font-weight:400;}
.main3 .mtx02{padding-bottom:40px; font-size:50px; line-height:1.4;color:#000;   font-weight:500; width:1400px; margin:auto; letter-spacing:-3px;}
 
.main3 .mtx03{ position:relative;width:1400px; margin:auto;   font-size:18px;font-weight:500; color:#000;}
.main3 .mtx03:after{content:""; width:45px; height:2px; background:#000;position:absolute;left:100px;top:17px;}
.main3 .mtx03:before{content:""; width:15px; height:2px; background:#000;position:absolute;left:130px;top:12px; transform:rotate(40deg);}
.main3 .mtx03 a{ font-size:18px; font-weight:500; }

.main4{ position:relative;    min-width:1400px;transition:all .9s linear; width:100%; padding:180px 0 ; background-size:cover;background-image:url(/eng/img/main/business_rolling_bg1.jpg); }
.main4 .cont{ width:1400px; margin:auto ; }
.main4 .btn_fun{z-index:2; position:absolute;bottom:40px; left:380px; } 
.main4 .cont .swiper-slide{ width:100%; height:635px; }
.main4 .cont .swiper-slide .de01{float:left; width:535px; height:100%; background-color:#323276; padding:90px 0 0 48px; }
.main4 .cont .swiper-slide .de01 .tx01{font-size:48px;line-height:1;letter-spacing:-1px; font-weight:300; color:#fff;margin-bottom:10px;}
.main4 .cont .swiper-slide .de01 .tx02{font-size:50px;line-height:1;letter-spacing:-1px; font-weight:500; color:#fff;border-bottom:1px solid #6b6b9c;padding-bottom:30px;margin-bottom:30px;}
.main4 .cont .swiper-slide .de01 .tx03{font-size:18px;line-height:1.6;letter-spacing:-1px; font-weight:300; color:#fff;margin-bottom:50px;}
.main4 .cont .swiper-slide .de01 .tx04{}
.main4 .cont .swiper-slide .de01 .tx04{ position:relative;width:auto; margin:auto; font-size:18px;font-weight:500;color:#fff; }
.main4 .cont .swiper-slide .de01 .tx04:after{content:""; width:45px; height:2px; background:#fff;position:absolute;left:100px;top:17px;}
.main4 .cont .swiper-slide .de01 .tx04:before{content:""; width:15px; height:2px; background:#fff;position:absolute;left:130px;top:12px;transform:rotate(40deg);}
.main4 .cont .swiper-slide .de01 .tx04 a{ font-size:18px; font-weight:500;color:#fff; }
.main4 .cont .swiper-slide .de02{float:left; width:865px; height:100%;background-size:cover; background-position:center;  }
.main5{ min-width:1400px;padding:100px 0 ;position:relative;background:#fff;}
.main5 .cont{ width:1400px; margin:auto ; }
.main5 .cont .ntitle{ font-size:50px;line-height:1.4;letter-spacing:-3px; font-weight:500; color:#000; padding-bottom:20px;   }

.main5 .cont .n_more{ position:relative;width:1400px; margin:auto;   font-size:18px;font-weight:500; color:#000;}
.main5 .cont .n_more:after{content:""; width:45px; height:2px; background:#000;position:absolute;left:100px;top:17px;}
.main5 .cont .n_more:before{content:""; width:15px; height:2px; background:#000;position:absolute;left:130px;top:12px;transform:rotate(40deg);}
.main5 .cont .n_more a{ font-size:18px; font-weight:500; }


.main5 .cont .board_list{width:1400px; margin:60px auto; }
.main5 .cont .board_list .items{ float:left; width:440px;   margin-right:30px;  }
.main5 .cont .board_list .items:nth-child(3){ margin-right:0; }
.main5 .cont .board_list .items .bimg{width:440px; height:330px; background-size:cover; background-position:center; }
.main5 .cont .board_list .items .desc{padding:10px 0 ;}
.main5 .cont .board_list .items .desc .btit{ padding-bottom:20px;padding-top:10px; font-size:18px;font-weight:300; line-height:1.6;   text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden; }
.main5 .cont .board_list .items .desc .bdate{font-size:16px;font-weight:300; line-height:1.4;color:#a3a3a3; letter-spacing:1px;   }
.main5 .cont .bmore{width:237px;height:70px; display:block; border:2px solid #000; font-size:16px; color:#000;  position:relative; margin:auto; background:#fff;padding-right:40px;}
.main5 .cont .bmore img{position:absolute;right:20px;top:25px;}
.main6{ width:100%; height:600px;padding:100px 0 ; background-size:cover;background-image:url(/eng/img/main/company_bg.jpg);  margin-bottom: 0px;}
.main6 .cont{ width:1400px; margin:auto ; }
.main6 .cont .tx01{font-size:50px;line-height:1.4;letter-spacing:-1px; font-weight:500; color:#fffc; padding-bottom:40px; }
.main6 .cont .tx02{ position:relative;width:auto; margin:auto; font-size:18px;font-weight:500;color:#fff; }
.main6 .cont .tx02:after{content:""; width:45px; height:2px; background:#fff;position:absolute;left:100px;top:12px;}
.main6 .cont .tx02 a{ font-size:18px; font-weight:500;color:#fff; }


.main1{ width:100%;height:0px; position:relative;   overflow:hidden; }
.main2{ position:relative;    min-width:1400px; width:100%;padding: 100px 0 100px; ; }
.main2 .mtx01{padding-bottom:20px; width:1400px; margin:auto;  font-size:18px; color:#323276; font-weight:400;}
.main2 .mtx02{padding-bottom:40px; font-size:50px; line-height:1.4;color:#000;   font-weight:500; width:1400px; margin:auto; letter-spacing:-3px;}
.main2 .mtx03{ position:relative;width:1400px; margin:auto; font-size:18px;font-weight:500; color:#000;}
.main2 .mtx03:after{content:""; width:45px; height:2px; background:#000;position:absolute;left:100px;top:12px;}
.main2 .mtx03 a{ font-size:18px; font-weight:500; }
.main2 .bus_area{ width:100%;height:auto; position:relative;  }
.main2 .bus_area .bus_bt{width:1400px; position:absolute;left:50%; margin-left:-700px; top: 700px;  }
  .main_business { }
  .main_business .swiper-slide:nth-child(4n+1) > div {
    margin-top:  105px;
  }
  .main_business .swiper-slide:nth-child(4n+2) > div {
    margin-top: 70px;
  }
  .main_business .swiper-slide:nth-child(4n+3) > div {
    margin-top: 120px;
  }
  .main_business .swiper-slide:nth-child(4n+4) > div {
    margin-top: 30px;
  }


.main_business_container{  margin-top:100px; overflow:hidden;}
.main_business{  margin-left:calc(50% - 700px); height:700px; }
.main_business:before{display:inline-block; float:left; width:195px; height:1px; content:"";   }
.main_business .swiper-slide{ width:31.5%; height:1000px; background-size:cover;  }
.main_business .swiper-slide .bgimg{ width:100%; height:600px; background-size:cover;  }

.main_business .swiper-slide .desc{ padding:400px 0 0  30px; }
.main_business .swiper-slide .desc .tx01{ font-size:40px; font-weight:500; color:#fff; line-height:1.2; margin-bottom:20px;  }
.main_business .swiper-slide .desc .tx02{font-size:25px; font-weight:300; color:#fff; line-height:1.2; }


.arr_ball { opacity:0.5;  transition:all .3s linear; position:relative;   border:3px solid #000; display:inline-block ;width:50px; height:50px;line-height:40px;  border-radius:50% ; text-align:center;z-index:20; padding-top:0px; margin-left:10px; }
.arr_ball.bleft{ ;padding-left:5px;}
.arr_ball .arrow{ transition:all .3s linear;
  border: solid #000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 5px;
}
.arr_ball:hover .arrow{ 
  border: solid #000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 5px;
}
.arr_ball:hover{ border:3px solid #000;    opacity:1; }
.arr_ball.bright{ ;padding-right:5px;}



.arr_ball2 { opacity:0.5;  transition:all .3s linear; position:relative;   border:3px solid #fff; display:inline-block ;width:50px; height:50px;line-height:40px;  border-radius:50% ; text-align:center;z-index:20; padding-top:0px; margin-left:10px; }
.arr_ball2.bleft2{ ;padding-left:5px;}
.arr_ball2 .arrow{ transition:all .3s linear;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 5px;
}
.arr_ball2:hover .arrow{ 
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 5px;
}
.arr_ball2:hover{ border:3px solid #fff;    opacity:1; }
.arr_ball2.bright2{ ;padding-right:5px;}

.big_title {padding:20px 0 40px; font-size:40px;font-weight:bold; color:#000; width:1400px;margin:auto;}

.body_wrap{width:100%; min-width:1400px; margin:auto; padding:40px 0  0 ;  } 
.body_wrap .navi{ text-align:right; line-height:30px;width:1400px; margin:auto;   display:none;}
.body_wrap .navi .nv{ display:inline-block;line-height:30px; height:30px; padding-left:10px; position:relative;  vertical-align:top; }
.body_wrap .navi .nv .dot{ position:absolute;left:8px;top:15px; width:5px; height:5px;background:#d0d0d0;border-radius:50%;  }


.subtop{ width:100%; height:400px; background-size:cover; background-position:center; position:relative;  }
.subtop .tit{ width:100%;font-size:50px;font-weight:500;color:#fff; position:relative;top:50%;transform:translateY(-50%);text-align:center;}
.subtop.s01{ background-image:url(/eng/img/business/subtop_bu01.jpg);}
.subtop.s02{ background-image:url(/eng/img/business/subtop_bu02.jpg);}
.subtop.s03{ background-image:url(/eng/img/business/subtop_bu03.jpg);}
.subtop.s04{ background-image:url(/eng/img/business/subtop_bu04.jpg);}
.subtop.s05{ background-image:url(/eng/img/business/subtop_bu05.jpg);}


.subtop .stop_menu{ position:absolute;left:0;bottom:0px;text-align:center;  width:100%;}
.subtop .stop_menu .cont{ width:1400px; margin:auto;  }
.subtop .stop_menu .cont .itm{ float:left; height:65px; line-height:65px; text-align:center;background:#fff; }
.subtop .stop_menu .cont .itm a{ border:1px solid #ddd;display:block;width:100%;line-height:63px; text-align:center;font-weight:400; color:#000;font-size:20px;}
.subtop .stop_menu .cont .itm a:hover{ color:#fff;background:#323276; border:1px solid #323276; }
.subtop .stop_menu .cont .itm.on a{ color:#fff;background:#323276; border:1px solid #323276; }
.subtop .stop_menu .cont .itm.md1{width:100%;}
.subtop .stop_menu .cont .itm.md2{width:50%;}
.subtop .stop_menu .cont .itm.md3{ width:33%;}
.subtop .stop_menu .cont .itm.md4{ width:25%;}
.subtop .stop_menu .cont .itm.md5{ width:20%;}


.pc_list{padding-left:100px; }
.pc_list .items{ margin-bottom:140px;width:100%;height:460px; background-color:#f0f0f0;   position:relative; }
.pc_list .items .imgs{ position:absolute;left:-100px;top:-70px; width:590px;height:480px;background-size:cover; background-position:center;border:1px solid #eee; }
.pc_list .items .desc{ margin-left:535px;   padding-right:20px; padding-left:50px; position:relative;top:50%;transform:translateY(-50%)  }
.pc_list .items .desc .tx01{font-size:26px;color:#000;line-height:1.2; padding-bottom:10px; font-weight:bold; }
.pc_list .items .desc .tx02{font-size:18px;color:#000;line-height:1.2; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;   letter-spacing:0px}
.pc_list .items .desc .tx03{margin-bottom:20px;}
.pc_list .items .desc .tx03 .p1{display:inline-block;vertical-align:top ;width:115px; font-size:18px; color:#000;line-height:1.4;font-weight:500; }
.pc_list .items .desc .tx03 .p2{display:inline-block;vertical-align:top ;width:550px; font-size:18px; color:#000;line-height:1.4; word-break:keep-all; font-weight:300; }
.pc_list .items .desc .tx04 .p1{display:inline-block;vertical-align:top ;width:115px; font-size:18px; color:#000;line-height:1.4; font-weight:500;}
.pc_list .items .desc .tx04 .p2{display:inline-block;vertical-align:top ;width:550px; font-size:18px; color:#000;line-height:1.4; word-break:keep-all; font-weight:300;letter-spacing:0px; }
.pc_list .items .desc .tx05{}
.pc_list .items .desc .msds{position:absolute;right:30px; top: 0px;  }
.pc_list .items .desc .down{ border:0; background:#323276; font-size:16px; padding:5px 10px; color:#fff;}




.tabs_menu{width:1400px;margin:00px auto  0px;    position:relative; z-index:2;}
.tabs_menu .tab_item{ float:left;  margin-left:-1px;  }
.tabs_menu .tab_item a{display:inline-block;  height:50px;line-height:50px; font-size:20px;color:#adadad; text-align:left;    }
.tabs_menu .tab_item:after{ content:"|";display:inline-block; color:#eee; font-weight:300;  font-size:16px;padding:0 30px;}
.tabs_menu .tab_item:last-child:after{ content:""; }

.tabs_menu .tab_item.on a{display:inline-block;  height:50px;line-height:50px; font-size:20px;color:#000; text-align:left;  border-bottom:2px solid #000; }
.tabs_menu.t4 .tab_item{  }
.tabs_menu.t5 .tab_item{  ;}




.pdt_line { width:100%; margin:50px auto;  position:relative;  }
.pdt_line .bg_pdt{ position:absolute;left:0;top:0;width:100%;height:900px; background:#f9f9f9; }
.pdt_line .bg_pdt:nth-child(2){ top:1300px;}
.pdt_line .bg_pdt:nth-child(3){ top:2600px;}
.pdt_line .bg_pdt:nth-child(4){ top:1400px;}
.pdt_line .bg_pdt:nth-child(5){top:1400px;}

.pdt_line .itm{  width:1400px;margin:auto;  margin-bottom:80px; position:relative;z-index:2; }
.pdt_line .itm .desc{ float:left; width:417px;height:440px;text-align:left; }
.pdt_line .itm .desc .tit{font-size:45px;font-weight:bold;color:#000; line-height:1.2; margin-bottom:30px;  word-break:keep-all; }
.pdt_line .itm .desc .info{ font-size:18px;font-weight:300;color:#000; padding-right:100px; margin-bottom:50px; word-break:keep-all; }
.pdt_line .itm .desc .cont{position:relative;top:50%;transform:translateY(-50%);}
.pdt_line .itm .desc .bmore{  width:237px;height:70px; display:block; border:2px solid #000; font-size:16px; color:#000;  position:relative; margin:0; background:#fff;padding-right:40px; }
.pdt_line .itm .bimg{float:left; width:983px;height:440px; background-size:cover;background-position:center;   cursor:pointer;}
.pdt_line .itm.cl1 .bimg{float:right;  }
.pdt_line .itm.cl1 .desc{float:right;padding-left:100px;  }
.pdt_line .itm.cl1 .desc .info { padding-right:0;}
.btnarea{ text-align:center; padding:50px 0 0 ; }
.view_more{    width:237px;height:70px; display:block; border:2px solid #000; font-size:16px; color:#000;  position:relative; margin:0 auto; background:#fff;padding-right:40px; }
.view_more a{ font-size:16px; color:#000;}
.wrap{width:100%;position:relative; min-width:1400px; background-color:#fff; } 
.wrap .header{ min-width:1400px;transition: all .3s ease; position:fixed;width:100%; left:0;top:0;z-index:4; background-color:transparent;  }
.wrap .header .top_up * {transition: all .3s ease;} 
.wrap .header .cont{ width:100%;  min-width:1400px; margin:auto; border-bottom:1px solid rgba(255,255,255,0);}
.wrap .header .cont .top_up { width:100%; position:relative; min-width:1400px; max-width:1400px; margin:auto;}

.wrap .header .cont .top_up .logo{ position:absolute; left:0%; top:30px;z-index:10; }
.wrap .header .cont .top_up .logo a{  display:block; width:300px; height:31px; background-image:url(/eng/img/common/logo_2.png); background-repeat:no-repeat; background-size:100% auto; background-position:center;}
.wrap .header .cont .top_up .menus{text-align:center;width:100%; margin:auto; height: 90px;  padding-left:200px; }
.wrap .header .cont .top_up .menus .items{  display:inline-block;line-height: 90px;   position:relative; }
.wrap .header .cont .top_up .menus .items a.links{ font-size:16px; font-weight:bold;  line-height:90px; display:block; padding:0 25px;color:#fff;   }
.wrap .header .cont .top_up .menus .items a.links:hover{color:#323276; font-weight:bold; } 
.wrap .header .cont .top_up .et_menu{ height:90px;line-height:90px; position:absolute; right:0%; top:0px;text-align:right;  }
.wrap .header .cont .top_up .et_menu a{  line-height:90px;  margin-left:20px; display:inline-block; vertical-align:middle;filter: invert(100%);   position:relative;}
.wrap .header .cont .top_up .et_menu .langbox{ position:absolute;left:-0px;top:75px; width:80px;   background-color:#fff;border:1px solid #aaa;  text-align:center;  padding:5px 0 ; border-radius:5px; }
.wrap .header .cont .top_up .et_menu .langbt{ display:inline-block;}
.wrap .header .cont .top_up .et_menu .langbox a.ln{ display:block; color:#333; font-size:16px; line-height:1.6; margin-left:0 ;}
.wrap .fulldown { width:100%; height:100%;  position:absolute;left:0px;top:00px;  border-top:1px solid rgba(0,0,0,0.1);   display:none; z-index:520;max-height:100%; overflow-y:auto ;}
.wrap .fulldown .fu_head{ width:100%; position:absolute; left:0;top: 0%; z-index:535;}
.wrap .fulldown .fu_head .fcn{ width:100%; position:relative; min-width:1400px; max-width:1400px; margin:auto;}
.wrap .fulldown .xlogo{position:absolute; left:0%; top:30px; }



.wrap .fulldown .fclose{ position:absolute;right:30px;top:10px;}
.wrap .fulldown .fcat{ position:absolute;right:90px;top:10px;}
.wrap .fulldown .xcont{ width:1400px; height:100%;  margin:auto; padding:  0 ;   text-align:center;  }

.wrap .fulldown .mns{display:inline-block; width:270px;  height:100%;vertical-align:top; padding-left:50px; border-right:1px solid rgba(255,255,255,0.05); }
.wrap .fulldown .mns:last-child{ margin-right:0 ;  border-right:0;}
.wrap .fulldown .mns .mn_con{position:relative;  padding-top:200px;text-align:left;  }
.wrap .fulldown .mns .m_catalogue{position:relative;  padding-top:40px;margin-top:40px;text-align:left; border-top:1px solid  rgba(255,255,255,0.05) }

.wrap .fulldown .mns .tit{font-size:20px; font-weight:bold;  margin-bottom:20px; color:#fff;}
.wrap .fulldown .mns .tit p{ font-size:24px; font-weight:bold;   display:inline-block; padding-bottom:20px;   white-space:nowrap; }
.wrap .fulldown .mns a{line-height:2.5; font-size:18px; font-weight:300; color:#fff;  }
.wrap .fulldown .mns .items a:hover{ font-weight:700; }
.wrap .header .cont .top_dw { width:100%;  line-height:70px;  height:70px;display:none;    }
.wrap .header .cont .top_dw.views{ display:block;}
.wrap .header .cont .top_dw .submenu{ display:none;text-align:center;height:70px; background-color:#323276;   }
.wrap .header .cont .top_dw .submenu.block{ display:block;; }
.wrap .header .cont .top_dw .submenu.block2{ display:block;; }
.wrap .header .cont .top_dw .submenu a{ display:inline-block;line-height:70px; opacity:0.8 ; color:#fff;font-size:18px; font-weight:400;  padding:0 25px; }
.wrap .header .cont .top_dw .submenu a:hover{opacity:1 ; color:#fff;font-size:18px;  }
.wrap .header .cont .top_dw .submenu a.on{opacity:1 ; color:#fff;font-size:18px;  }
 


.wrap .header.on .cont .top_dw{ background-color:transparent;;}

.wrap .header.on2 .cont { border-bottom:1px solid rgba(0,0,0,0.1);}

.wrap .header.on{background-color:#fff;  }
.wrap .header.on .items a{ color:#000; }
.wrap .header.on .cont .top_up .et_menu a {filter: invert( 0%);  }
.wrap .header.on .cont .top_up .menus .items a.links{ color:#000;}
.wrap .header.on .cont .top_up .logo a{ background-image:url(/eng/img/common/logo.png);  }



.header .cont .menus .topsubmenu{ width:100%;height:0; opacity:0;  transition: all .3s ease;  background:rgba(50,50,118,0.8);  position:absolute;left:0;top:110px; z-index:2000; overflow:hidden; border-radius:0 0  0px  0px; padding:10px 0 ; }
.header .cont .menus .topsubmenu{ text-align:center; }
.header .cont .menus .topsubmenu a{font-size:15px; line-height:1.8;  color:#fff;height:auto; width:100%;   padding:10px 0 5px ;display:block;font-weight:300;}
.header .cont .menus .items:hover .topsubmenu{ height:auto; opacity:1; }
.header .cont .menus .items:hover .topsubmenu a:hover{ color:#fff !important;font-weight:500; }







.wrap .header.on2{background-color:#fff; position:relative; }
.wrap .header.on2 .cont .top_up .et_menu a {filter: invert( 0%);  }
.wrap .header.on2 .cont .top_up .menus .items a.links{ color:#000;}
.wrap .header .cont .top_up .menus .items a.on.links{color:#323276;  }
.wrap .header .cont .top_up .menus .items a.links:hover{color:#323276;  }
.wrap .header.on2 .cont .top_up .logo a{ background-image:url(/eng/img/common/logo.png);  }


@media screen and (max-width: 1700px) { 
.wrap .header .cont .top_up .logo{ position:absolute; left:3%; top:30px; }
.wrap .header .cont .top_up .et_menu{ line-height:90px; position:absolute; right:3%; top:0px;text-align:right;  }
}

	.qn{ width:1400px;margin:auto ;height:0 ; position:relative; }
	.quick { position:fixed; right:2%;bottom:100px; width:80px;z-index:10; }
	.quick .qs1{ border:0px solid #fff;width:80px; height:80px; border:1px solid #323276; background:#323276; text-align:center; padding-top:20px; }
	.quick .qs2{ border:0px solid #fff;width:80px; height:80px; border-bottom:1px solid #ddd;  border-left:1px solid #ddd;  border-right:1px solid #ddd; text-align:center; padding-top:13px; background:#fff; display:none;}
	.quick .qs3{ border:0px solid #fff;width:80px; height:80px; border-bottom:1px solid #ddd;border-left:1px solid #ddd;  border-right:1px solid #ddd;  text-align:center; padding-top:13px;  background:#fff;}
	.quick .qs4{ border:0px solid #fff;width:80px; height:40px; background:#323276;  text-align:center;} 
	.quick .qs4 a{ font-size:14px;font-weight:bold;color:#fff; display:block; height:40px; line-height:40px;}
	@media screen and (max-width: 1500px) { 
		.quick {display:none;}
	}


.tail{width:100%; background:#010524;min-width:1400px;}
.tail .cont{width:1400px; margin:auto;padding:20px 0 30px; }
.tail .t01{width:100%; border-bottom:1px solid #22263e; position:relative;  }
.tail .t01 .fam { position:absolute;right:0; top:0px; }
.tail .t01 .tmenu a{ display:inline-block;color:#999999; font-size:17px;font-weight:400; line-height:60px; margin-right:30px; }
.tail .t01 .tmenu a:hover{ color:#fff; }
.tail .t02{}
.t02{ }
.t02 .cont{ padding-top:30px; }
.t02 .cont .logo{float:left; padding-top:15px; }
.t02 .cont .info{ padding-left:55px; float:left;font-size:16px;line-height:1.6;opacity:0.7;color:#fff; }
.t02 .cont .info .copy{ font-size:12px; }



.private { display:none;width:1000px; position:fixed;left:50%; margin-left:-500px; top:50%;transform:translateY(-50%); z-index:555;}
.private .phead{ width:100%; height:75px;line-height:75px; font-size:30px; color:#fff; font-weight:300;  background-color:#27275a; text-align:center; }
.private .pcont{ background-color:#fff;  padding:25px ;}
.private .pcont .parea{border:1px solid #ddd;  height:500px;padding:0px 10px;  line-height:1.8;}




.chang_pop{display:none;width:1200px; height:90%; position:absolute;left:50%; top:50px; margin-left:-600px;  z-index:555;  overflow:auto;}
.chang_pop .close_chang{ z-index:10; }
.chang_pop .cont{ background:#fff; padding:10px 50px;height:auto; overflow-y:scroll; max-height:800px; }
.chang_pop .tit{ font-size:28px;font-weight:bold; padding:30px 0 ;}
.chang_pop .cont .chang_table{border-collapse: collapse; width:100%;border-top:2px solid #000;border-bottom:2px solid #000; }
.chang_pop .cont .chang_table th{width:180px; padding-left:40px; text-align:left; height:60px; background:#f5f4f4; font-size:16px;font-weight:400; border:1px solid #ddd; }
.chang_pop .cont .chang_table td{padding:5px 20px;  border-bottom:1px solid #ddd;  }
.chang_pop .cont .chang_table td .input{ width:60%;min-height:40px; border:1px solid #ddd;  padding-left:20px; }
.chang_pop .cont .pobtn_area{ text-align:center; padding:30px 0 ;}
.chang_pop textarea{ height:300px;width:100% !important; padding:10px;}


.hu_pop{display:none;width:1200px; height:800px; max-height:80%;  position:absolute;left:50%; top:50px; margin-left:-600px;  z-index:555;  overflow:auto;}
.hu_pop .close_chang{ z-index:10; }
.hu_pop .cont{ background:#fff; padding:10px 50px;height:100%; overflow-y:scroll; }
.hu_pop .tit{ font-size:28px;font-weight:bold; padding:30px 0 ;}
.hu_pop .cont .chang_table{border-collapse: collapse; width:100%;border-top:2px solid #000;border-bottom:2px solid #000; }
.hu_pop .cont .chang_table th{width:180px; padding-left:40px; text-align:left; height:60px; background:#f5f4f4; font-size:16px;font-weight:400; border:1px solid #ddd; }
.hu_pop .cont .chang_table td{padding:5px 20px;  border-bottom:1px solid #ddd;  }
.hu_pop .cont .chang_table td .input{ width:60%;min-height:40px; border:1px solid #ddd;  padding-left:20px; }
.hu_pop .cont .pobtn_area{ text-align:center; padding:30px 0 ;}
.hu_pop textarea{ height:300px;width:100% !important; padding:10px;}



.input_submit{ width:155px; height:50px; background:#323276; font-size:16px;color:#fff ;border:1px solid #323276; }
.input_submit2{width:155px; height:50px; background:#fff; font-size:16px;color:#000 ;border:1px solid #ddd;  margin-left:10px;}

.tbl_row {border-collapse: collapse;table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
.tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_row th {padding:15px 0 15px 30px; border:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row td {padding:15px 10px 15px 30px;; border:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;}

.tbl_row2 {border-collapse: collapse;table-layout:fixed; width:100%; border-top:1px solid #000;}
.tbl_row2 caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_row2 th {padding:25px 0 25px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row2 td {padding:25px 10px 25px 30px;; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word; font-size:18px;}


.tbl_row3 {border-collapse: collapse;table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
.tbl_row3 caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_row3 th {padding:15px 0 15px 30px; border:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;background:#1e2965; color:#fff;font-size:16px; }
.tbl_row3 td {padding:15px 10px 15px 30px;; border:1px solid #e0e0e0; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word;font-size:16px;}


.step_info h5{ padding:20px 0;text-align:left;font-size:16px;font-weight:400;}
.step_info{ text-align:right;}
.step_info p{line-height:1; margin-top:10px; color:#333;}
.design_chk{ display: inline-block;position: relative;padding-left:22px; cursor:pointer;}
.design_chk:before{ content:"";display: block;width:15px;height:15px;background:url(/eng/img/common/input_chk.png) 0 0 no-repeat;background-size:cover;position: absolute;left:0;top:1px; }
.design_chk input:checked + span{ background:url(/eng/img/common/input_chk_on.png) 0 0 no-repeat; background-size:cover;position: absolute;left:0;top:0;width:15px;height:15px;position: absolute;left:0;top:1px;}
.design_chk input{ display: none; }
 

 .paging{text-align:center;  padding: 30px 0 100px ;}
 .paging span{ display:inline-block; vertical-align:middle;padding: 0 5px;}
 .paging a{ display:inline-block; vertical-align:middle; font-size:14px;padding: 0 10px; }
 .paging a.on{text-decoration:underline;font-weight:bold;}

 .btn_01{ color:#000; background:#fff; border:1px solid #000;; border-radius:0px; width:140px;height:50px;font-size:16px; transition: all .3s ease;  }
 .btn_01:hover{color:#fff; background:#000; }


 .btn_02{ color:#000; background:#e7e7e7; border:1px solid #aaa;; border-radius:0px;width:200px;height:50px;    font-size:16px; transition: all .3s ease;  margin:0 5px; }
 .btn_02:hover{color:#fff; background:#000; }
 .btn_02 a{color:#000; display:block;width:100%;height:100%;line-height:50px;}
 .btn_02:hover a{color:#fff;}

 .btn_rec01{width:150px;height:50px; border:1px solid #1e2965;  background-color:#1e2965; color:#fff;font-size:16px; text-align:left; padding-left:30px; background-image:url(/eng/img/hr/icn_re01.png); background-position:80% center; background-repeat:no-repeat; 	transition: all .3s ease-in-out;   }
.btn_rec01:hover{ border:1px solid #ddd; }
 .btn_rec02{width:150px;height:50px; border:0;  background-color:#e3e0e0; color:#757474;font-size:16px; text-align:center; padding-left: 0px;  background-position:80% center; background-repeat:no-repeat; }



 .normal_more{  width:237px;height:70px; display:block; border:2px solid #000; font-size:16px; color:#000;  position:relative; margin:0; background:#fff;padding-right:40px; }
.normal_more img{position:absolute;right:20px;top:25px;}


.p_info{width:1400px; margin:auto;  background:#ddd;padding:30px 0 ; font-size:18px; font-weight:400; color:#000; }
.p_info span{font-size:18px; font-weight:400; color:#323276; }



/* new  */
.eth{ width:1400px; margin:auto; padding:100px 0 ;}
.eth_tit1{font-size:18px;color:#000;line-height:1.2;  padding-bottom:30px; font-weight:400;}
.eth_tit2{font-size:50px;color:#000;line-height:1.2;font-weight:500;  letter-spacing:-1px; padding-bottom:30px; position:relative; }
.eth_tit2 .icn{ position:absolute;right:0px; top:0px; }
.eth_tit3{font-size:18px;color:#000;line-height:1.6;   font-weight:300; padding-bottom:50px; border-bottom:1px solid #ddd; margin-bottom:50px; }



.buss_n01 .bu_map .click_map .icon_cir	{
  border-radius: 50%;
  border: 2px solid #caccdc;
  background:#caccdc; 
  width: 14px;
  height: 14px;
  text-align: center;
  position: relative;
  transition: all .3s ease;  
  }
.buss_n01 .bu_map .click_map .icon_cir:after{  border-radius: 50%; content:""; display:block; width:18px; height:18px; position:absolute;left:-4px;top:-4px; animation: anim-glow 2s ease infinite;}
.buss_n01 .bu_map .click_map .icon_cir:before{ border-radius: 50%; content:""; display:block; width:4px; height:4px; position:absolute;left:3px;top:3px;background:#8d8eb3 ; }

@keyframes anim-glow {
  0% {
    box-shadow: 0 0 #caccdc;
  }
  100% {
    box-shadow: 0 0 6px 4px transparent;
    border-width: 2px;
  }
}

	.buss_n01 .bu_map .maps{ position:relative;  width:1231px; margin:auto; }
	.buss_n01 .bu_map .click_map{ cursor:pointer; position:absolute; width:20px; height:20px; }
	.buss_n01 .bu_map .click_map .cn { position:relative;width:100%;height:100%; text-align:center; }	
	.buss_n01 .bu_map .click_map .tx{transition: all .3s ease;  font-size:16px; color:#444;  font-weight:500; line-height:1; text-align:center;white-space:nowrap ; }
	.buss_n01 .bu_map .click_map:hover .tx{font-weight:700;  color:#323276;}	
	.buss_n01 .bu_map .click_map.m1{ /* 캐나다*/ left:216px; top:188px;  }	
	.buss_n01 .bu_map .click_map.m1 .tx{position:absolute; top:-20px; left:-15px; }	
	.buss_n01 .bu_map .click_map.m2{ /* 미국  281,273*/ left:281px; top:273px;  }	
	.buss_n01 .bu_map .click_map.m2 .tx{position:absolute; top:-20px; left:-6px; }	
	.buss_n01 .bu_map .click_map.m3{ /* 과테말라 266,371*/ left:266px; top:371px;  }	
	.buss_n01 .bu_map .click_map.m3 .tx{position:absolute; top:-20px; left:-18px; }	
	.buss_n01 .bu_map .click_map.m4{ /* 온두라스 289,367 */ left:289px; top:367px;  }	
	.buss_n01 .bu_map .click_map.m4 .tx{position:absolute; top: -5px; left:20px; }	
	.buss_n01 .bu_map .click_map.m5{ /* 엘살바도르  279,386 */ left:279px; top:386px;  }	
	.buss_n01 .bu_map .click_map.m5 .tx{position:absolute; top: -5px; left:20px; }	
	
	.buss_n01 .bu_map .click_map.m6{ /* 코스타리카 291,404 */ left:291px; top:404px;  }	
	.buss_n01 .bu_map .click_map.m6 .tx{position:absolute; top: -5px; left:20px; }	
	.buss_n01 .bu_map .click_map.m7{ /* 콜롬비아 330,434 */ left:330px; top:434px;  }	
	.buss_n01 .bu_map .click_map.m7 .tx{position:absolute; top: -5px; left:20px; }	
	
	.buss_n01 .bu_map .click_map.m8{ /* 페루 322,493  */ left:322px; top:493px;  }	
	.buss_n01 .bu_map .click_map.m8 .tx{position:absolute; top:-20px; left:-7px;  }	
	.buss_n01 .bu_map .click_map.m9{ /* 브라질 388,503  */ left:388px; top:503px;  }	
	.buss_n01 .bu_map .click_map.m9 .tx{position:absolute; top:-20px; left:-15px; }	
	.buss_n01 .bu_map .click_map.m10{ /* 칠레 336,566  */ left:336px; top:566px;  }	
	.buss_n01 .bu_map .click_map.m10 .tx{position:absolute; top:-20px; left:-7px;  }	
	
	.buss_n01 .bu_map .click_map.m11{ /* 노르웨이  614,155  */ left:614px; top:155px;  }	
	.buss_n01 .bu_map .click_map.m11 .tx{position:absolute; top:-20px; left:-19px; }	
	.buss_n01 .bu_map .click_map.m12{ /* 독일 619,205  */ left:619px; top:205px;  }	
	.buss_n01 .bu_map .click_map.m12 .tx{position:absolute; top:-20px; left:-7px;  }	
	
	.buss_n01 .bu_map .click_map.m13{ /* 폴란드  668,199   */ left:668px; top:199px;  }	
	.buss_n01 .bu_map .click_map.m13 .tx{position:absolute; top:-20px; left:-15px; }	
	.buss_n01 .bu_map .click_map.m14{ /* 프랑스  576,223  */ left:576px; top:223px;  }	
	.buss_n01 .bu_map .click_map.m14 .tx{position:absolute; top:-20px; left:-12px;  }	
	
	.buss_n01 .bu_map .click_map.m15{ /* 슬로바키아 668,229   */ left:668px; top:229px;  }	
	.buss_n01 .bu_map .click_map.m15 .tx{position:absolute; top:-3px; left:-75px; }	
	.buss_n01 .bu_map .click_map.m16{ /* 루마니아 684,242  */ left:684px; top:242px;  }	
	.buss_n01 .bu_map .click_map.m16 .tx{position:absolute; top: -3px; left: 18px;  }		
	
	.buss_n01 .bu_map .click_map.m17{ /* 튀니지 613,293  */ left:613px; top:293px;  }	
	.buss_n01 .bu_map .click_map.m17 .tx{position:absolute; top: 20px; left:-15px; }	
	.buss_n01 .bu_map .click_map.m18{ /* 바레인  754,321  */ left:754px; top:321px;  }	
	.buss_n01 .bu_map .click_map.m18 .tx{position:absolute; top:-20px; left:-14px;  }		
	.buss_n01 .bu_map .click_map.m19{ /* 에티오피아 717,398 */ left:717px; top:398px;  }	
	.buss_n01 .bu_map .click_map.m19 .tx{position:absolute; top:20px; left:-22px; }	
	.buss_n01 .bu_map .click_map.m20{ /* 케냐  708,440 */ left:708px; top:440px;  }	
	.buss_n01 .bu_map .click_map.m20 .tx{position:absolute; top:20px; left:-7px;  }		
	.buss_n01 .bu_map .click_map.m21{ /* 탄자니아 700,477*/ left:700px; top:477px;  }	
	.buss_n01 .bu_map .click_map.m21 .tx{position:absolute; top:20px; left:-22px;  }		

	.buss_n01 .bu_map .click_map.m22{ /* 파키스탄  838,325  */ left:838px; top:325px;  }	
	.buss_n01 .bu_map .click_map.m22 .tx{position:absolute; top:-20px; left:-17px;  }		
	.buss_n01 .bu_map .click_map.m23{ /* 인도  857,360*/ left:857px; top:360px;  }	
	.buss_n01 .bu_map .click_map.m23 .tx{position:absolute; top:-20px; left:-7px;  }		

	.buss_n01 .bu_map .click_map.m24{ /* 미얀마  916,341   */ left:916px; top:341px;  }	
	.buss_n01 .bu_map .click_map.m24 .tx{position:absolute; top:-20px; left:-14px;  }		
	.buss_n01 .bu_map .click_map.m25{ /* 태국  932,368 */ left:932px; top:368px;  }	
	.buss_n01 .bu_map .click_map.m25 .tx{position:absolute; top:-3px; left:-35px;  }		
	

	.buss_n01 .bu_map .click_map.m26{ /* 베트남  949,377   */ left:949px; top:377px;  }	
	.buss_n01 .bu_map .click_map.m26 .tx{position:absolute; top:-3px; left:16px;  }		
	.buss_n01 .bu_map .click_map.m27{ /* 말레이시아  942,424 */ left:942px; top:424px;  }	
	.buss_n01 .bu_map .click_map.m27 .tx{position:absolute; top:-3px; left:20px;   }			
	
	.buss_n01 .bu_map .click_map.m28{ /* 인도네시아  980,450    */ left:980px; top:450px;  }	
	.buss_n01 .bu_map .click_map.m28 .tx{position:absolute; top:-3px; left:20px;  }		
	.buss_n01 .bu_map .click_map.m29{ /* 필리핀   1011,401 */ left:1011px; top:401px;  }	
	.buss_n01 .bu_map .click_map.m29 .tx{position:absolute; top:-3px; left:16px; }		
	
	
	.buss_n01 .bu_map .click_map.m30{ /* 중국  963,247    */ left:963px; top:247px;  }	
	.buss_n01 .bu_map .click_map.m30 .tx{position:absolute; top:-20px; left:-7px;  }		
	.buss_n01 .bu_map .click_map.m31{ /* 한국  1026,274 */ left:1026px; top:274px;  }	
	.buss_n01 .bu_map .click_map.m31 .tx{position:absolute; top:-20px; left:-7px;  }		
	
	.buss_n01 .bu_map .click_map.m32{ /* 일본 1064,283  */ left:1064px; top:283px;  }	
	.buss_n01 .bu_map .click_map.m32 .tx{position:absolute; top:-20px; left:-7px;  }		
	
	
	.buss_n01 .bu_map .click_map:hover	{}
.buss_n01 .bu_map .click_map:hover .icon_cir	{
  border-radius: 50%;
  border: 2px solid #8d8eb3;
  background:#8d8eb3; 
  width: 14px;
  height: 14px;
  text-align: center;
  position: relative;
  transition: all .3s ease;  
  }
 .buss_n01 .bu_map .click_map:hover .icon_cir:after{  border-radius: 50%; content:""; display:block; width:16px; height:16px; position:absolute;left:-3px;top:-3px; animation: anim-glow2 2s ease infinite;z-index: 1;}
.buss_n01 .bu_map .click_map:hover .icon_cir:before{ border-radius: 50%; content:""; display:block; width:4px; height:4px;transform:translate(-50%, -50%); position:absolute;left:50%;top:50%;background:#323276 ; z-index: 2;}
@keyframes anim-glow2 {
  0% {
    box-shadow: 0 0 #caccdc;
  }
  100% {
    box-shadow: 0 0 13px 13px transparent;
    border-width: 12px;
  }
}


@media (min-width: 768px) and (max-width: 1024px) {

.wrap {max-width:90%; margin:auto;}
.main1{}
.main2{}
.main3{padding-left: 50px; }
.main4{}
.main5 .cont{   }

}


.subtitle{ font-size:24px;font-weight:bold ; padding-bottom:15px;}