@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

:root {
    --swiper-navigation-size: 44px
}
.nanumgothic * {
 font-family: 'NanumSquareRound', sans-serif;
}

 .letter1{ letter-spacing:-1px;}
 .letter2{ letter-spacing:1px;}
button.berger:active,button.berger:focus{ outline:0;}


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

button.berger{background:none;z-index: 70;width:30px;height:30px;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 span.berger2{  }
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:30px;height:3px;background:#ffffff;margin-top:6px
}
button.berger span.berger1{ margin-top:0;}
button.berger span { z-index:10 !important;}
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); background:#ffffff;
 
}
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:#222; }

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(-10px) rotate(0);
    transform : translateY(-10px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(-10px) rotate(-45deg);
    transform : translateY(-10px) 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);
  }
}





.req_popup{ }

.arrow {
  border: solid #333;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 5px;
}

.arrow2 {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 24px;
}

.arrow_det {
  border: solid #f0ebe1;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align:top;
  padding: 6px;
  margin-top:0px;
  margin-left:0px;
}
 

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

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

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

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



#bo_list , #bo_gall , #bo_v , #bo_w { width:1400px; margin:0px auto;}


.pc-only{ display:block;}
/*모바일만 보이기*/
.m-only{ display:none;}
.m-only2{ display:none;}
 
.pc-only2{ display:inline-block;}
 


.pt0 {padding-top: 0 !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt90 {padding-top: 90px !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;}

.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;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.eng{ font-family: 'Juana','Cormorant', 'NanumSquareRound',sans-serif  !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; }




.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;
}
.swiper-slide-active .anime2 { 
  -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: scalein;
		  animation-duration: 7.0s;
}



.section.active .anime.faleft2 {
  -webkit-animation-name: blur_in;
  -moz-animation-name: blur_in;
  -o-animation-name: blur_in;
  animation-name: blur_in;
}





.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%);}
}



.swiper-slide-active .anime.du1{ animation-delay: 1.2s;}
.swiper-slide-active .anime.du2{ animation-delay: 2.2s;}
.swiper-slide-active .anime.du3{ animation-delay: 3.2s;}
.swiper-slide-active .anime.du4{ animation-delay: 4.2s;}


 .section.active .anime.dur0{ animation-delay:0.7s;}
.section.active .anime.dur1{ animation-delay:1.0s;}
.section.active .anime.dur2{ animation-delay:1.9s;}
.section.active .anime.dur3{ animation-delay:2.2s;}
.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;}



.du1{ animation-delay: 0.3s !important;}
.du2{ animation-delay: 0.8s !important;}
.du3{ animation-delay: 1.2s !important;}
.du4{ animation-delay: 1.6s !important;}



@-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);
  }
}
.wrap{ width:100%; min-width:1400px; max-width:100%; transition:all .3s linear; justify-content;center; margin:auto;}
.wrap *{  }

/*.wrap .header .cont .panel { float:right; display:none; }*/
.scdim{ display:none;}
.fix{overflow:hidden !important;  }
.fix_body{width:100%; height:100%; position:fixed; right:-100%;top:0; z-index:10110;transition: all .3s ease;    opacity:1; } 
.fix_body .cont{ width:100%; height:100%;   position:relative; } 
.fix_body .bg{float:left; width:50%;height:100%;background-size:cover;background-position:top center; background-image:url(img/common/full_bg.jpg);  }
.fix_body .menus{ float:left;width:50%; height:100%; background-color:#f0ebe1; }
.fix_body .menus .mn{ position:relative; padding-left:10%; top:50%; transform:translateY(-50%); }
.fix_body .menus .mn .itm { margin-bottom:30px;  }
.fix_body .menus .mn .itm a.link{transition: all .1s ease; font-size:2.5vw;color:#333333; font-weight:300;  display:block ; line-height:1.6;}
.fix_body .menus .mn .itm a.link:hover{ font-weight:500;color:#b3a58c; }
.fix_body .menus .mn .itm .itmsub{ line-height:1.8;  padding:20px 0 ; }
.fix_body .menus .mn .itm .itmsub a.slink{ transition: all .3s ease;font-size:1.1vw; color:#333333; font-weight:300;  display:block; line-height:2.1;}
.fix_body .menus .mn .itm .itmsub a.slink:hover{ color:#b3a58c;text-decoration:underline; }
.fix_body .hd{    position:absolute;left:5%;top:0; height:100px; ;min-width:1300px;    width:90%; margin:auto;  }
.fix_body .hd .panel{ float:right; margin-top:30px;}

.full_bg{transition: all .5s ease-in-out; width:0; height:0; z-index:-9; position:fixed; left:50%; top:50%;background: rgb(195,156,105,0.05);  }
.full_bg.on{width:100%; height:100%; z-index:8; background: rgb(0,0,0,0.79); border-radius:0%; left:0%; top:0%;}

.wrap{ padding-top: 0px;}
.button-up,
.button-down {
  position: relative;
  padding: 5px;
  margin: 30px auto;
  background: #2d2d2d;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  transition: all 0.2s linear;
}

.button-down:hover {
  transform: translate3d(0, 10px, 0);
}

.button-up:hover {
  transform: translate3d(0, -10px, 0);
}

.button-up::after,
.button-down::after {
  content: "";
  position: absolute;
  left: 17px;
  z-index: 11;
  display: block;
  width: 25px;
  height: 25px;
  border-top: 2px solid #f0ebe1;
  border-left: 2px solid #f0ebe1;
}
.button-up::after {
  top: 20px;
  transform: rotate(45deg);
}

.button-down::after {
  top: 10px;
  transform: rotate(225deg);
}


.arrow-up,
.arrow-down {
  display: inline-block;
   width:  6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.arrow-up {
 transform: rotate(45deg);
}
.arrow-down {
 transform: rotate(225deg);
}
.arrow-right,
.arrow-left,
.long-arrow-right,
.long-arrow-left{
  display: block;
  margin:  0px auto;
  width:  12px;
  height: 12px;
  border-top: 2px solid #2d2d2d;
  border-left: 2px solid #2d2d2d;
}
.arrow_white {
  border-top: 2px solid #f0ebe1;
  border-left: 2px solid #f0ebe1;

}

.arrow-right,
.long-arrow-right{
 transform: rotate(135deg);
}

.arrow-left,
.long-arrow-left{
 transform: rotate(-45deg);
}
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 2px;
  height: 15px;
  background-color: #f0ebe1;
  transform: rotate(-45deg) translate( 5px, 2px);
  left: 0;
  top: 0;
}

.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom{
  width: 0;
  height: 0;
  margin: 30px auto;
}
.triangle-left,
.triangle-right{
  border-top:
    18px solid transparent;
  border-bottom:
    18px solid transparent;
  
  
}
.triangle-top,
.triangle-bottom{
  border-left:
    18px solid transparent;
  border-right:
    18px solid transparent;
  
  
}

.triangle-right{
  border-left:
    30px solid black;
}
.triangle-left{
  border-right:
    30px solid black;
}
.triangle-top{
  border-bottom:
    30px solid black;
}
.triangle-bottom{
  border-top:
    30px solid black;
}




.vimeo-wrapper {
   overflow:hidden;width:100%;height:100%; position:relative; 
 
}
.vimeo-wrapper .bg{background-color:rgba(0,0,0,0.5); position: absolute; 		width: 100%;
		height: 100%;	z-index:3; left:0;top:0;
		}

.vimeo-wrapper iframe {


		position: absolute;
		 
		bottom: 0;
		top:-100%;
		left:0;
		width: 100%;
		height: 300%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:2; 
}


@media (min-aspect-ratio: 16/9) {
  .video-foreground {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .video-foreground {
    width: 300%;
    left: -100%;
  }
}
.ctt_admin{display:none}




/* 코딩   head */


.head { position:fixed; z-index:7; width:100%; min-width:1400px; max-width:100%; top:0; border-bottom:3px solid #000;}
/*
.head { position:fixed; z-index:7; width:1200px; min-width:1200px; max-width:1200px;  border-bottom:1px solid rgba(255,255,255, 0.1); background:rgba(0,0,0,0.3);}
*/
.head.on{ border-bottom:1px solid rgba(0,0,0, 0.07);}
.head.on2 {border-bottom:1px solid rgba(0,0,0, .71); }

.head .cont{position:relative ; width:1400px; min-width:1400px; max-width:1400px; margin:auto; height:80px;text-align:center; display:flex; }
.head .logo a{display:block; width:213px; height:52px; background-image:url(/img/logo1.svg); background-size:cover; background-position:center; }
.head.on .logo a,.head.on2 .logo a{ background-image:url(/img/logo2.svg) !important;    }


.head:after, .head:before{
    top: 80%;
	content: "";
    display: block;
    width: 100%;
    position: Absolute;
    top: 100%;
    left: 0;
    height: 0;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.head.on2:before{
	height:290px;
	margin:auto;;
	z-index:-1;
	background: linear-gradient(to right top, #32c6f4, #f7a8af); 
	background-size:cover;
	background-repeat:no-repeat; 
	background-position:center;
	border-top:0px solid rgba(0,0,0,0.1);
	border-bottom:0px solid #eee;
	

}

.head .logo{ margin-top:10px;   }
.head.on,.head.on2 { background:#fff; }
.head .cont .h_menu{ display:flex; justify-content: space-between; line-height:80px; position:absolute; right:0; top:0px; }
.head .cont .h_menu a{ transition:all 0.1s ease; display:block; line-height:80px; height:80px; font-size:20px; color:#000; font-weight:800; }
.head .cont .h_menu a.topm{ margin-left:64px; padding:0 8px;}
.head .cont .h_menu a.topm:hover{ color:#32c6f4; border-top:4px solid #32c6f4; height:80px; }

.head.on .cont .h_menu a,.head.on2 .cont .h_menu a{ color:#000; margin-left:64px; } 
.head .cont .h_menu .submenu{ display:none; margin-left:0px; }
.head .cont .h_menu .submenu li{ line-height:60px; letter-spacing:0px; }
.head .cont .h_menu .submenu li a{ color:#fff; font-size:14px; line-height:1.4; height:45px; }
.head .cont .h_menu .submenu li a:hover{ color:#000; }

.head.on2 .cont .h_menu .submenu{ display:block !important; padding-top:30px; }
.head .cont .right_menu{ position:absolute;right:0px;top:0px; }
.head .cont .right_menu .lang{ position:relative;  display:inline-block;height:80px; line-height:80px;  cursor:pointer;  }
.head .cont .right_menu .lang span{color:#fff;font-size:16px; }
.head .cont .right_menu .lang a{ color:#fff;font-size:16px;line-height:80px;padding-right:50px; display:inline-block;} 
.head .cont .right_menu .lang i{ position:absolute;right:30px;top:40px;}
.head .cont .right_menu .lang .lang_box{ display:none;}
.head .cont .right_menu .lang.on .lang_box{display:block; position:absolute;top:70px; left:0px;}
.head .cont .right_menu .lang.on .lang_box a{display:block; padding:0px 20px; line-height:30px;background:#32c6f4;color:#fff;border:1px solid #fff;}
.head .cont .right_menu .panel{ display:inline-block; width:80px; height:80px; line-height:80px; background:#32c6f4;  cursor:pointer; vertical-align:top;}
.head.on .cont .right_menu .lang .arrow-up, .head.on2 .cont .right_menu .lang .arrow-up{  border-top: 1px solid #000;
  border-left: 1px solid #000;}
.head.on .cont .right_menu .lang a, .head.on2 .cont .right_menu .lang a{ color:#000;}

.fullmenu{ transition:all 0.1s ease; z-index:10; position:fixed; width:80%; min-width:1400px; max-width:1920px; padding:80px; background: linear-gradient(to right top, #32c6f4, #ffa69e); 
left:50%; top:40%; transform:translate(-300%,-50%); padding:50px 0 ;}
.fullmenu.on{ transform:translate(-50%, -50%);}
.fullmenu .close_full{ color:#fff;font-size:40px; position:absolute; right:2%;top:2%;cursor:pointer; }
.fullmenu .cont{ position:relative; display:flex;  justify-content: space-between; }
.fullmenu .items{ width:16%;  }
.fullmenu .items a{ color:#fff;font-size:26px; line-height:40px; display:block; }
.fullmenu .items .submenu{ display:block;  margin-top:20px;}
.fullmenu .items .submenu a{ color:#fff;font-size:18px; line-height:46px;}


.fullmenu2 { transition:all 0.7s ease; width:1400px; margin:auto; position:fixed; left:50%; top:-100%; margin-left:-600px; z-index:22;background-color:#fff; border-radius:10px;}
.fullmenu2.on{top:0px;} 
.fullmenu2 .logo{position:absolute;left:3%; top:30px;}
.fullmenu2 .cont{position:relative; display:flex;  justify-content: space-between; }
.fullmenu2 .close_full {color:#333;font-size:20px; font-weight:100; position:absolute; right:3.2%;top:9%;cursor:pointer; z-index:111;}
.fullmenu2 .items{width:14%;  padding-left:3%; padding-top:100px;; padding-bottom:4%; }
.fullmenu2 .items a{font-size:26px;color:#333;font-weight:600;line-height:40px; display:block; }
.fullmenu2 .items .submenu{display:block;margin-top:20px;}
.fullmenu2 .items .submenu a{color:#333;font-size:16px;font-weight:300; letter-spacing:-1.0px;line-height:30px;}
.fullmenu2 .items .submenu a:hover{ color:#32c6f4; }

/* footer */
.footer{ width:100%; min-width:1400px; max-width:100%; margin:auto; padding-top:50px;}
.footer .cont{ position:relative; background:#1a1a1a;}
.footer .cont .footer_menu{position:relative;height:90px;line-height:90px; border-bottom:1px solid rgba(0,0,0,0.1);   }
.footer .cont .footer_menu .fmenu{position:relative;width:1400px; margin:auto; }
.footer .cont .footer_menu .btn_top{ position:absolute;right:0px;top: 0px; } 
.footer .cont .footer_menu .fmenu .links{ line-height:90px; margin-left: 0.5em;} 
.footer .cont .footer_menu .fmenu .links a{display:inline-block;font-size:16px;color:#000 ; height:30px; } 
.footer .cont .footer_menu .fmenu .links a:after{display:inline-block;font-size:12px;color:rgba(0,0,0,0.5) ; height:30px; content:"|";padding:0 20px;} 
.footer .cont .footer_menu .fmenu .links a:last-child:after{ content:"";}

.footer .cont .footer_info{width:1400px; margin:auto; position:relative; padding:50px 0 ;}
.footer .cont .footer_info .infocon{ }
.footer .cont .footer_info .infocon .privacy{border-bottom:1px solid #6f6f6f;font-size:14px; color:#b5b5b5 ; font-weight:400; line-height:4;margin-bottom:30px;   }
.footer .cont .footer_info .infocon .info_det{font-size:12px; color:#b5b5b5 ; font-weight:400; line-height:2;   }
.footer .cont .footer_info .infocon .copy{ font-size:12px; color:#575757 ; font-weight:100; line-height:2; }
.footer .cont .footer_info .fcon{width:1200px; margin:auto; position:relative;}
.footer .cont .footer_info .fcon .items{ width:20%;float:left; }
.footer .cont .footer_info .fcon .items .ftit{font-size:18px; color:#b5b5b5 ; font-weight:700; line-height:1.6; margin-bottom:30px;}
.footer .cont .footer_info .fcon .items .fmenu{}
.footer .cont .footer_info .fcon .items .fmenu a.alink{font-size:14px; color:#b5b5b5 ; font-weight:400; line-height:2; }
.footer .cont .footer_info .fcon .items .fmenu a.blink{font-size:12px; color:#b5b5b5 ; font-weight:400; line-height:2; }
.footer .cont .btn_top{ position:absolute;right:-100px; top:0px; }

.footer .cont .family_site{ position:absolute;right:0px;top:120px; }


/* 하단 패밀리 */
.family_site{ display:inline-block; 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 #e0e0e0; }
 
.family_site ul{ position: absolute;left:0;right:0;bottom:40px;background:transparent;display: none; z-index:100;  overflow:hidden; border-top:1px solid #6f6f6f;  }
.family_site ul li{ border:1px solid #6f6f6f;  border-top:0; }
.family_site ul li a{ display: block;color: #969595; padding:10px; border-top:0; background:#404040; font-size:12px;}
.family_site ul li a:hover{ color: #fff; }


.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; }



/* 공통 탭 메뉴  */
.tab_menus{ text-align:center;margin:50px auto; }
.tab_menus .items{ width:140px; height:34px; line-height:45px; border:1px solid #ddd;  margin:0 10px; display:inline-block; }
.tab_menus .items.on{background:#32c6f4;   border:1px solid #32c6f4; }
.tab_menus.2n .items{}
.tab_menus.3n .items{}
.tab_menus.4n .items{}
.tab_menus.5n .items{}
.tab_menus .items a{color:#333;font-size:14px;line-height:30px; display:block;}
.tab_menus .items.on a{color:#fff; }

.tab_menus2{ text-align:center;margin:50px auto; }
.tab_menus2 .items2{ width:175px; height:40px; line-height:38px; border:1px solid #ddd;  margin:0 10px; display:inline-block; margin-bottom:10px; }
.tab_menus2 .items2.on{background:#000;   border:1px solid #000; }
.tab_menus2.2n .items{}
.tab_menus2.3n .items{}
.tab_menus2.4n .items{}
.tab_menus2.5n .items{}
.tab_menus2 .items2 a{color:#333;font-size:16px;line-height:36px; display:block;}
.tab_menus2 .items2.on a{color:#fff; }


/* 메인 */

.main{ width:1400px;}
.main .msec01{ width:100%; min-width:1400px; max-width:1400px; top:80px; margin:auto; position:relative; }
.main .msec01 .mleft{ cursor:pointer; left:2%; top:50%;transform:translateY(-50%); position:absolute; z-index:5 ; opacity:0.6; }
.main .msec01 .mright:hover,.main .msec01 .mleft:hover{opacity:1; }
.main .msec01 .mright{ cursor:pointer; right:2%; top:50%;transform:translateY(-50%); position:absolute; z-index:5 ;  opacity:0.6;}
.main .msec01 .swiper-slide .txbox{width:100%; position:absolute;z-index:2; top:80%;transform:translateY(-50%); text-align:center; }
.main .msec01 .swiper-slide .txbox .tx01{font-size:36px;color:#fff; line-height:1.8; font-weight:900;text-shadow: 1px 1px 1px gray;}
.main .msec01 .swiper-slide .txbox .tx02{font-size:24px;color:#fff; line-height:1.4; margin-top:0px;font-weight:100; }
.main .msec01 .swiper-slide img{width:100%;height:auto; }
.main .msec01 .scroll {z-index:2;position:absolute;left:50%;bottom:4%; transform:translateX(-50%);  animation-duration: 2s;
  animation-name: updown1;
  animation-iteration-count: infinite;
  animation-direction: alternate;}



@keyframes updown1 {
  from {
bottom:4%;
  }

  to {
bottom:3%; }
}

/*메인 공통 */
.main .main_title{ padding:70px 0 50px;text-align:center;}
.main .main_title01{font-size:50px;line-height:1.6; color:#000; font-weight:900; text-align:center;padding-bottom:30px;}
.main .main_title01 span{font-size:50px;line-height:1.6; color:#3571cf; font-weight:900; }
.main .main_title02{font-size:24px;line-height:1.6; color:#333333; font-weight:300; }

/* -- 메인 퀵메뉴   */
.main .msec01 .main_menu{ width:165px; position:absolute;z-index:2; right:10%;top:50%;transform:translateY(-50%); display:block;}
.main .msec01 .main_menu .cont{ position:relative; }
.main .msec01 .main_menu .cont:after{ content:"";display:block; width:25px;height:25px; position:absolute ;left:0px;top:0px;border-left:3px solid #32c6f4; border-top:3px solid #32c6f4;  }
.main .msec01 .main_menu .cont:before{ content:"";display:block; width:25px;height:25px; position:absolute ;right:0px;bottom:0px;border-right:3px solid #32c6f4; border-bottom:3px solid #32c6f4;  }
.main .msec01 .main_menu .cont .qck{padding:3px 0px;}
.main .msec01 .main_menu .items{width:150px;height:38px; line-height:34px; margin:auto;margin-bottom:5px; margin-top:5px; border:1px solid #e8e8e84f /*rgba(255,255,255,0.1)*/;  }
.main .msec01 .main_menu .items a{display:block; font-size:18px;color:#fff;text-align:center; line-height:35px;}

.msec02{ width:1400px;min-width:1400px;max-width:1400px; margin:auto; }
.msec02 .bus_box{  width:100%;margin:auto; display:flex;justify-content: space-between;align-items: center;  }
.msec02 .bus_box img{ width:100%;height:auto; }
.msec02 .bus_box .box:hover img{transform:scale(1.1);transition:all .3s linear; }
.msec02 .bus_box .box{overflow:hidden;width:50%;position:relative; cursor:pointer; }
.msec02 .bus_box .txbox{position:absolute;left:0%;top:50%;transform:translateY( -50%);text-align:center;   width:100%; }
.msec02 .bus_box .txbox .tx01{font-size:70px; font-weight:700;color:#fff;   }
.msec02 .bus_box .txbox .tx02{font-size:40px; font-weight:300;color:#fff; margin-top:10px; }

.main .msec03{width:100%; min-width:1400px; max-width:1400px; margin:auto;  }
.main .msec03 .main_company{ margin-top:120px; }
.main .msec03 .main_company .items{border:1px solid #e5ecee;display:inline-block; position:relative; }
.main .msec03 .main_company .items img{width:100%; height:230px;}
.main .msec03 .main_company .items .txbox{width:50%; position:absolute;left:0; top:0; text-align:left; width:100%; font-size:1.0em; line-height:40px; color:#fff;  padding:5px 24px;}
.main .msec03 .main_company .items .txbox img{ width:auto;}

.main .msec03{width:100%; min-width:1400px; max-width:1400px; margin:auto;  }
.main .msec03 .main_banner{ margin-top:50px; }
.main .msec03 .main_banner .items{border:0px solid #e5ecee;display:inline-block; position:relative; }
.main .msec03 .main_banner .items img{width:100%; height:230px;}
.main .msec03 .main_banner .items .txbox{width:50%; position:absolute;left:0; top:0; text-align:left; width:100%; font-size:1.0em; line-height:40px; color:#fff;  padding:5px 24px;}
.main .msec03 .main_banner .items .txbox img{ width:auto;}

.main .msec04{max-width:100%;overflow:hidden; padding-bottom:100px; }
.main .msec04 .gall_wrap{ position:relative; width:1400px; margin:auto; }
.main .msec04 .gall_wrap .pleft{ position:absolute;left:-55px;top:50%;transform:translateY(-50%); z-index:3;}
.main .msec04 .gall_wrap .pright{ position:absolute;right:-55px;top:50%;transform:translateY(-50%);z-index:3;}
.main .msec04 .gall_wrap .swiper-container{overflow:visible; text-align:center;}

.main .msec04 .gall_wrap .swiper-slide img{width:25%;height:auto; object-fit:cover; }
.main .msec04 .gall_wrap .swiper-slide .txbox{ width:100%; color:#fff; text-align:center; position:absolute;left:0px;bottom:0px; line-height:60px; font-size:18px;   overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all;}
.main .msec04 .swiper-slide {opacity:0.9;}
.main .msec04 .swiper-slide-active{opacity:1;}


.main .main_title01 span{font-size:30px; line-height:1.6; color:#3cc4f0; font-weight:900; }

.business_box { width:1400px;max-width:1400px; margin:auto; justify-content: space-between; display:flex; }
.business_box .items{width:25%; }
.business_box .items .imgs{position:relative;  }
.business_box .items .imgs .link{position:absolute;right:0px;bottom:40px;}
.business_box .items .imgs img{width:100%; height:auto ; }
.business_box .items .desc{padding:10px 0 ;text-align:center;  }
.business_box .items .desc .btx01{font-size:30px; color:#191919; font-weight:700; line-height:1.6;  }
.business_box .items .desc .btx02{ font-size:18px; color:#999; font-weight:400; line-height:1.6; }
.msec03n {background-image:url(/img/main_recruit.png);background-size:cover; width:100%; padding:200px 0 ;margin:auto;  margin-top:100px;}
.msec03n .cont{ width:1400px; margin:auto;}
.msec03n .cont .tit01{font-size:60px;font-weight:bold;line-height:1.6; color:#fff;}
.msec03n .cont .tit02{font-size:40px;font-weight:100;line-height:1.6; color:#fff; margin-bottom:50px; }
.msec03n .cont .rebox{display:flex; }
.msec03n .cont .rebox .items{width:33%;text-align:center; }
.msec03n .cont .rebox .items .imgs{margin-bottom:20px; }
.msec03n .cont .rebox .items .tx01{font-size:30px; font-weight:600; color:#fff;line-height:1.8;}
.msec03n .cont .rebox .items .tx02{font-size:20px; font-weight:100; color:#fff;line-height:1.6;}

.msec04n{text-align:center; padding:50px 0 ;max-width:100%; overflow:hidden;}
.msec04n .pleft{position:absolute;left:20px;top:70px;z-index:2;cursor:pointer;opacity: 0.8;}
.msec04n .pright{position:absolute;right:20px;top:70px;z-index:2;cursor:pointer;opacity: 0.8;}
.msec04n .cont {width:1400px; margin:auto; position:relative;}
.video_view{ position:relative; }
.msec04n .cont .swiper-container{ overflow:visible; margin-top:0px;}
.msec04n .cont .swiper-slide{border:1px solid #ddd;}
.msec04n .cont .swiper-slide .imgs{}
.msec04n .cont .swiper-slide .imgs img{width:100%; object-fit:cover; }
.msec04n .cont .swiper-slide .tx{font-size:14px; color:#191919; font-weight:400; height:45px; line-height:45px;}


/* Global top */
.subtop {width:1400px; height:217px; max-width:1400px; margin:auto; margin-top:0px; background-size:cover;background-repeat:no-repeat; background-position:center; }
.subtop.sub01{background-image:url(../img/sub/subtop_01_3.jpg); }
.subtop.sub01_3{background-image:url(../img/sub/subtop_01_3.jpg); }
.subtop.sub02{background-image:url(../img/sub/subtop_02.jpg); }
.subtop.sub03{background-image:url(../img/sub/subtop_03.jpg); }
.subtop.sub04{background-image:url(../img/sub/subtop_04.jpg); }
.subtop.sub05{background-image:url(../img/sub/subtop_05.jpg); }
.subtop.sub06{background-image:url(../img/sub/subtop_06.jpg); }
.subtop .txarea{position:relative; text-align:center; top:54%; transform:translateY(-50%);}
.subtop .txarea .tit01{font-size:40px; font-weight:600; line-height:1; color:#fff; padding-bottom: 10px; /*text-shadow: 1px 1px 1px gray;*/}
.subtop .txarea .tit_line{max-width:580px; border-top:4px solid #fff; padding-top: 20px; margin-top: 10px; margin:auto;}
.subtop .txarea .tit02{font-size:16px;font-weight:100; color:#fff; /*text-shadow: 1px 1px 1px gray;*/}
 
/* submenu */
.pg_menu { display:flex; width:1400px; max-width:1400px; margin:auto; height:50px; border-bottom:1px solid #ddd; justify-content: center; text-align:center; align-items: center;  }
.pg_menu .items{ width:160px; display:block; text-align:center; letter-spacing:-1.0px; position:relative; }
.pg_menu .items:after{content:"";display:block; position:absolute;left:100%; top:50%; transform:translateY(-50%);;height:15px;width:1px; background:#ddd;}
.pg_menu .items:last-child:after{content:""; display:block;  opacity:0 ; }
.pg_menu .items a{ display:block; line-height:50px; font-size:16px; font-weight:600; color:#9a9a9a; }
.pg_menu .items.on{}
.pg_menu .items.on a{ font-weight:600; color:#000; border-bottom:2px solid #000; }
.pg_menu .items.on1{}
.pg_menu .items.on1 a{ font-weight:600; color:red; border-bottom:2px solid red; }
.pg_menu .items.on2{}
.pg_menu .items.on2 a{ font-weight:600; color:#487f46; border-bottom:2px solid #487f46; }
.pg_menu .items.on3{}
.pg_menu .items.on3 a{ font-weight:600; color:#00264d; border-bottom:2px solid #00264d; }
.pg_menu .items.on4{}
.pg_menu .items.on4 a{ font-weight:600; color:#c98643; border-bottom:2px solid #c98643; }
.pg_menu .items.on5{}
.pg_menu .items.on5 a{ font-weight:600; color:green; border-bottom:2px solid green; }

/* sub_title */
.sub_title { width:1400px; max-width:1400px; margin:auto; text-align:center; }
.sub_title .title1{ font-size:35px;font-weight:800;padding-top:50px; line-height:40px; letter-spacing:-1.0px; }
.sub_title .title2{ font-size:18px;color:#ccc;font-weight:100;line-height:50px; letter-spacing:0px; }
.sub_title .title3{ font-size:20px;font-weight:600;color:#002549; padding-top:30px; line-height:30px; }
.sub_title .title4{ font-size:20px;font-weight:600;line-height:50px; padding-top:30px; padding-bottom:30px; }
.sub_title .title4 span{ font-size:52px;font-weight:800;color:#d72420; }

/* 회사소개 */
.company01{ width:1400px; max-width:1400px; min-width:1400px; margin:auto; padding:0;}
.company01 .sec01{ margin-top:100px; }
.company01 .sec01 .contbox{float:left; width:100%;}
.company01 .sec01 .contbox .tx01{font-size:24px;font-weight:700; color:#000; line-height:1.4; margin-bottom:10px;}
.company01 .sec01 .contbox .tx02{font-size:30px;font-weight:700; color:#e82824; line-height:1.6;margin-bottom:20px;text-transform:uppercase; }

.company01 .sec01 .contbox1{float:left; width:50%;}
.company01 .sec01 .contbox2{float:right;width:50%; }
.company01 .sec01 .txtarea{}
.company01 .sec01 .txtarea .tx01{font-size:24px;font-weight:700; color:#000; line-height:1.4; margin-bottom:10px;}
.company01 .sec01 .txtarea .tx02{font-size:30px;font-weight:700; color:#e82824; line-height:1.6;margin-bottom:20px;text-transform:uppercase; }
.company01 .sec01 .txtarea .tx03{font-size:18px;font-weight:600; color:#3d3d3d; line-height:2.6; }
.company01 .sec01 .txtarea .tx04{font-size:18px;font-weight:100; color:#333333; line-height:2.0; letter-spacing:-1.0px;}
.company01 .sec01 .txtarea .tx05{font-size:18px;font-weight:600; color:#3d3d3d; line-height:3.0; letter-spacing:-1.0px;float:right;}
.business_0101 .box01 .txarea .tx03 { position:relative; }
.business_0101 .box01 .txarea .tx03 p{ position:relative;  }

.business_0101 .box01 .txarea .tx03 p:before {

}


.company01 .sec02{ margin-top:50px; }
.company01 .sec02 .tabs{float:left; width:50%; }
.company01 .sec02 .tabs:nth-child(1){border-right:1px solid #eaeaea; }
.company01 .sec02 .tabs .tab_tit{ width:100%;height:68px; line-height:68px; text-align:center;border-top:2px solid #000; border-bottom:1px solid #ddd; background:#fafafa; font-size:18px; font-weight:700; color:#000; }
.company01 .sec02 .tabs .tab_con{ border-bottom:1px solid #eaeaea;}
.company01 .sec02 .tabs .tab_con .tb01{ padding:25px 0; text-align:center; float:left; height:230px; border-right:0px solid #eaeaea; width:20%; line-height:2;}
.company01 .sec02 .tabs .tab_con .tb02{ padding:25px 15px; text-align:left; float:left; height:230px; border-left:1px solid #eaeaea; width:80%; word-break:keep-all; padding-right:20px;line-height:2;}
.company01 .sec02 .tabs .tab_con .tp{font-size:14px; font-weight:700; color:#000; line-height:30px;  width:100%;vertical-align:middle;display:inline-block;  }
.company01 .sec02 .tabs .tab_con .tp2{font-size:14px; font-weight:300;color:#3d3d3d; line-height:30px;width:100%;vertical-align:middle;display:inline-block;  }
.company01 .sec02 .tabs .tb_cn{ width: 100%;  height:200px;   border-bottom: 1px solid #eaeaea;     border-collapse: collapse; } 
.company01 .sec02 .tabs .tb_cn tr th{ border-right:1px solid #eaeaea ;  padding:15px 15px ; font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;width:30%; }
.company01 .sec02 .tabs .tb_cn tr td{ padding:10px 0 ; font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px; padding:10px 25px ; }

.company01 .sec02{ margin-top:50px; }
.company01 .sec02 .tabs2{float:left; width:100%; }
.company01 .sec02 .tabs2:nth-child(1){border-right:0px solid #eaeaea; }
.company01 .sec02 .tabs2 .tab_tit{ width:100%;height:68px; line-height:68px; text-align:center;border-top:2px solid #000; border-bottom:1px solid #ddd; background:#fafafa; font-size:18px; font-weight:700; color:#000; }
.company01 .sec02 .tabs2 .tab_con{ border-bottom:0px solid #eaeaea;}
.company01 .sec02 .tabs2 .tab_con .tb01{ padding:25px 0; text-align:center; float:left; border-right:0px solid #eaeaea; width:20%; line-height:2;}
.company01 .sec02 .tabs2 .tab_con .tb02{ padding:25px 15px; text-align:left; float:left; border-left:1px solid #eaeaea; width:80%; word-break:keep-all; padding-right:20px;line-height:2;}
.company01 .sec02 .tabs2 .tab_con .tp{font-size:14px; font-weight:700; color:#000; line-height:30px;  width:100%;vertical-align:middle;display:inline-block;  }
.company01 .sec02 .tabs2 .tab_con .tp2{font-size:14px; font-weight:300;color:#3d3d3d; line-height:30px;width:100%;vertical-align:middle;display:inline-block;  }
.company01 .sec02 .tabs2 .tb_cn{ width: 100%;  height:200px;   border-bottom: 1px solid #eaeaea;     border-collapse: collapse; } 
.company01 .sec02 .tabs2 .tb_cn tr th{ border-right:1px solid #eaeaea ;  padding:15px 15px ; font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;width:30%; }
.company01 .sec02 .tabs2 .tb_cn tr td{ padding:10px 0 ; font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px; padding:10px 25px ; }

.company02{ width:100%; max-width:1400px; min-width:1400px; margin:auto; padding:0px; border:0px solid #ddd;}
.company02 .sec01{ margin-top:100px; }
.company02 .sec01 .contbox1{float:left; text-align:center; width:50%; border:1px solid #ddd;}
.company02 .sec01 .contbox2{float:right; width:50%; padding-left:30px;}
.company02 .sec01 .txarea{}
.company02 .sec01 .txarea .tx01{padding:10px;font-size:34px;font-weight:700; color:#000; line-height:1.4; margin-bottom:0px;}
.company02 .sec01 .txarea .tx02{padding:10px;font-size:30px;font-weight:700; color:#d0cece; line-height:1.6;margin-bottom:30px;text-transform:uppercase; }
.company02 .sec01 .txarea .tx03{padding:10px;font-size:16px;font-weight:400; color:#3d3d3d; line-height:1.6; }
.company02 .sec01 .txarea .tx_line{max-width: 100%; border-top: 4px solid #000; padding-top: 20px; margin-top: 10px; margin: auto;}

.company02 .sec02{ margin-top:100px; }
.company02 .sec02 .tabs{float:left; width:50%; }
.company02 .sec02 .tabs:nth-child(1){border-right:1px solid #eaeaea; }
.company02 .sec02 .tabs .tab_tit{ width:100%;height:68px; line-height:68px; text-align:center;border-top:2px solid #000; background:#fafafa; font-size:18px;color:#000; }
.company02 .sec02 .tabs .tab_con{ border-bottom:1px solid #eaeaea;}
.company02 .sec02 .tabs .tab_con .tb01{ padding:25px 0 ;text-align:center; float:left; border-right:1px solid #eaeaea;width:30%; height:200px;  line-height:2;}
.company02 .sec02 .tabs .tab_con .tb02{padding:25px 15px ; text-align:left; float:left; border-left:1px solid #eaeaea; width:70%; height:200px; word-break:keep-all; padding-right:20px;line-height:2;}
.company02 .sec02 .tabs .tab_con .tp{font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;  width:100%;vertical-align:middle;display:inline-block;  }
.company02 .sec02 .tabs .tab_con .tp2{font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px;width:100%;vertical-align:middle;display:inline-block;  }
.company02 .sec02 .tabs .tb_cn{    width: 100%;  height:200px;   border-bottom: 1px solid #eaeaea;     border-collapse: collapse; } 
.company02 .sec02 .tabs .tb_cn tr th{border-right:1px solid #eaeaea ;  padding:15px 15px ; font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;width:30%; }
.company02 .sec02 .tabs .tb_cn tr td{ padding:10px 0 ; font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px; padding:10px 25px ; }


#bo_v dl { }
#bo_v dt {display:block ; line-height:1.6; font-weight:bold; color:#3d3d3d; font-size:18px; }
#bo_v dd {display:block ; line-height:1.6; font-weight:300; color:#3d3d3d; font-size:18px; }



.history dl { }
.history dt {display:block ; line-height:1.6; font-weight:bold; color:#3d3d3d; font-size:18px; }
.history dd {display:block ; line-height:1.6; font-weight:300; color:#3d3d3d; font-size:18px; }



.history { width:1400px; margin:auto; padding:100px 0 ; position:relative; }
.history .line{ position:absolute; left:50%;top:0px; width:1px; height:100%; background:#eee;}
.history .his_con{ position:relative; margin-bottom:50px; }
.history .his_con .ball{width:14px; height:14px; border-radius:50%; position:absolute;left:50%; top:0px; border:1px solid #32c6f4;  margin-left:-7px;z-index:2;}
.history .his_con .ball i{ position:relative;  left:50%;top:50%;transform:translate(-50%, -50%); width:5px;height:5px; border-radius:50%; background:#32c6f4; display:block; }
.history .his_con .his_dec{text-align:right;  width:50%; float:left;  padding: 0 40px; }
.history .his_con .his_dec .his_tit{ font-size:20px; color:#000 ; font-weight: bold; line-height:1.6 ; margin-bottom:15px; } 
.history .his_con .his_img{text-align:left; width:50%; float:left;  padding: 0 40px;  }
.history .his_con .his_img img{max-width:100%; }
.history .his_con:nth-child(2n) .his_dec{ float:right; text-align:left; }
.history .his_con:nth-child(2n) .his_img{float:left;  text-align:right; }

.company_05{ padding: 0px 0 100px; }
.company_05 .cont{ width:1400px; margin:auto; }
.company_05 .cont .tab_menus{ /*padding:0px 0  50px; */}
.company_05 .cont .sec01{}
.company_05 .cont .sec02 {padding-top:0px; }
.company_05 .cont .sec02 .mapview{ border-top:2px solid #000; }
.company_05 .cont .sec02 .mapview .map1{ float:left; width:790px; height:658px; }
.company_05 .cont .sec02 .mapview .map2{ float:right; width:370px; padding-top:30px; }
.company_05 .cont .sec02 .mapview .map2 .mp_tit{font-size:17px; color:#333; font-weight:bold; line-height:34px; }
.company_05 .cont .sec02 .mapview .map2 .mp_dc{font-size:14px; color:#333; font-weight:400; line-height:34px; margin-bottom:10px; }
.company_05 .cont .sec02 .mapview .map2 .mp_img{}


/* 사업영역 */
.business_0101 { padding-top:0px;}
.business_0101 .box01{ max-width:1400px; min-width:1400px; margin:auto; padding-top:0px; border:0px solid #ddd; }
.business_0101 .box01 .contbox{float:left; width:100%;border:1px solid #ddd;padding:50px; }
.business_0101 .box01 .contbox .tx01{ text-align:center; font-size:30px; color:#51c5ef; font-weight:700; color:#000; line-height:1.4; margin-bottom:30px;}
.business_0101 .box01 .contbox .tx02{font-size:18px; line-height:2; font-weight:300;color:#333; }
.business_0101 .box01 .contbox .tx_line{max-width: 100%; border-top: 4px solid #000; padding-top: 20px; margin-top: 10px; margin: auto;}

.business_0101 .box01 .contbox1{float:left; text-align:left; width:50%; border:0px solid #ddd;}
.business_0101 .box01 .contbox2{float:right; width:50%; padding-left:30px;}
.business_0101 .box01 .contbox3{float:left; text-align:center; width:45%; border:1px solid #ddd;}
.business_0101 .box01 .contbox3 .tx01{ font-size:28px; line-height:2; font-weight:400;color:#333;  }
.business_0101 .box01 .contbox3 .tx02{ font-size:17px; line-height:2; height:100px;font-weight:400;color:#333; }
.business_0101 .box01 .contbox4{float:right; text-align:center; width:45%; border:1px solid #ddd;}
.business_0101 .box01 .contbox4 .tx01{ font-size:28px; line-height:2; font-weight:400;color:#333;  }
.business_0101 .box01 .contbox4 .tx02{ font-size:17px; line-height:2; height:100px;font-weight:400;color:#333; }

.business_0101 .box01 .txarea{}
.business_0101 .box01 .txarea .tx01{padding:10px;font-size:25px;font-weight:700; color:#000; line-height:1.4; margin-bottom:0px;}
.business_0101 .box01 .txarea .tx02{padding:10px;font-size:30px;font-weight:700; color:#d0cece; line-height:1.6;margin-bottom:30px;text-transform:uppercase; }
.business_0101 .box01 .txarea .tx03{padding:10px;font-size:20px;font-weight:400; color:#3d3d3d; line-height:1.6; }
.business_0101 .box01 .txarea .tx04{padding:10px;font-size:16px;font-weight:400; color:#3d3d3d; line-height:1.6; }
.business_0101 .box01 .txarea .tx_line{max-width: 100%; border-top: 4px solid #000; padding-top: 20px; margin-top: 10px; margin: auto;}

.business_0101 .cont{ width:1400px;margin:auto; }
.business_0101 .sec01 .tx01{font-size:30px; text-align:center; color:#51c5ef; font-weight:700; line-height:1.4; margin-bottom:30px;}
.business_0101 .sec01 .tx02{font-size:18px; font-weight:300; color:#333; text-align:center ;margin-bottom:25px; line-height:1.6;}
.business_0101 .sec01 .tx_spec{font-size:34px;font-weight:bold; color:#333; text-align:center ;padding-top:40px; margin-bottom:50px; line-height:1.6;}
.business_0101 .box01 .txarea .tx_line{max-width: 100%; border-top: 4px solid #000; padding-top: 20px; margin-top: 10px; margin: auto;}
.busball { display:inline-block; width:20px;height:20px; vertical-align:middle; border:2px solid #e82824; border-radius:50%;  }
.se_tit{ font-size:25px;font-weight:bold; color:#333; line-height:40px; margin-bottom:10px; }

.business_0101 .sec02{ margin-bottom:50px;}
.business_0101 .sec02 .imgarea{float:left; width:0px; }
.business_0101 .sec02 .desc {padding:0px; border-top:0px solid #000;float:right; width:100%;}
.business_0101 .sec02 .desc .tx01{font-size:18px;font-weight:300; color:#333;  text-align:left ;margin-bottom:25px; line-height:1.6; word-break:keep-all ; }
.business_0101 .sec02 .desc	.ex_box {}
.business_0101 .sec02 .desc	.ex_box .items{ float:left; width:24%; margin-right:1.3%; }
.business_0101 .sec02 .desc	.ex_box .items:nth-child(4n){ margin-right:0; }
.business_0101 .sec02 .desc	.ex_box .items .img{text-align:center;padding:50px 0 30px; }
.business_0101 .sec02 .desc	.ex_box .items .tx{transition:all .3s linear; width:100%;height:200px;background:#98a6b4; text-align:center; }
.business_0101 .sec02 .desc	.ex_box .items .tx span{color:#fff;font-size:16px; line-height:1.6; position:relative;top:50%;transform:translateY(-50%);  padding:0 20px;word-break:keep-all ;display:inline-block; }
.business_0101 .sec02 .desc	.ex_box .items:hover .tx{ background:#000;}

.business_0101 .sec03{ margin-bottom:50px;}
.business_0101 .sec03 .se_box{display:flex; justify-content: space-between; }
.business_0101 .sec03 .se_box .items{ width:12%;text-align:center;  position:relative;  }
.business_0101 .sec03 .se_box .items .imgs{text-align:center;padding:50px 0 30px; } 
.business_0101 .sec03 .se_box .items .desc{ position:relative; display:inline-block;   height:30px;padding-left:30px; border:2px solid #929497;  } 
.business_0101 .sec03 .se_box .items .desc .num{ position:absolute;left:-1px;top:0;   width:30px; font-weight:bold; font-size:14px;color:#fff; line-height:28px;text-align:center;background:#929497;  }
.business_0101 .sec03 .se_box .items .desc .con{ position:relative; padding:0 5px;line-height:30px; text-align:center ;  }
.business_0101 .sec03 .se_box .items .desc .con p{font-weight:bold; font-size:14px;color:#333; line-height:28px;text-align:center; }
 
.business_0101 .sec04 .pro_list{}
.business_0101 .sec04 .pro_list .items{float:left;width:381px;  padding-top:35px; position:relative;  }
.business_0101 .sec04 .pro_list .items .icn{position:absolute; top:0px;left:50%;transform:translateX(-50%);}
.business_0101 .sec04 .pro_list .items .cnb{border:0px solid #999; }
.business_0101 .sec04 .pro_list .items .cnb .tx01{ border:1px solid #999;border-bottom:1px;width:100%;height:387px;text-align:center; }
.business_0101 .sec04 .pro_list .items .cnb .tx01 span{ display:inline-block; line-height:1.8;position:relative; padding-top:260px;font-size:14px;color:#fff;font-weight:400; }
.business_0101 .sec04 .pro_list .items .cnb .tx01.t1 span{color:#fff;font-size:36px;font-weight:700;line-height:1.6; position:relative;top:50%;transform:translateY(-50%);  padding:0 20px;word-break:keep-all ;display:inline-block;}
.business_0101 .sec04 .pro_list .items .cnb .tx02{text-align:center; font-size:18px; font-weight:500; color:#fff;background:#e82824; line-height:36px; }
.business_0101 .sec04 .pro_list .nx{float:left; height:260px; width:28px; text-align:center; }
.business_0101 .sec04 .pro_list .nx img{position:relative;top:50%;transform:translateY(-50% ); }
 


.business_0101 .sec03 .se_box .items .desc .tooltip{
 
  visibility: hidden;
  z-index: 1;
  opacity: .99;
  
  width: 357px;;
  height:90px;
  padding: 0px  0px;

  background: #fff;
  color: #333;
  
  position: absolute;
  top:-140%;
  left: -0%;
  

  border-radius: 0px; 

  transform: translateY(9px);
  transition: all 0.3s ease-in-out;
  
  box-shadow: 0 0 0px #e82824;
  border:1px solid #e82824; 
}
/* tooltip  after*/
.tooltip .to_con{ position:relative; padding-left:30px;  height:100%;}
.tooltip .to_con .tt{ width:30px;height:100%;position:absolute;left:0px;top:0px; background:#e82824 ; font-size:14px;color:#fff; padding-top:12px;}
.tooltip .to_con .conbx{ width:100%;height:100%; padding-left:10px; line-height: 20px;}
 
.tooltip .to_con .conbx .p{ position:relative;top:50%;transform:translateY(-50%);text-align:left;}
.tooltip .to_con:after {
background:#fff; position:absolute;border-left:1px solid #e82824; border-top:1px solid #e82824; 

transform:rotate(45deg);
content:""; 
display:block;width:15px;height:15px;

 

top:-8px;
  left: 15%;

}

.business_0101 .sec03 .se_box .items:hover .desc .tooltip{
  visibility: visible;
  transform: translateY(-10px);
  opacity: 1;
 

}
@keyframes odsoky {
  0%{
    transform: translateY(6px); 
  }

  100%{
    transform: translateY(1px); 
  }

}

/*hover ToolTip*/
 

/*left*/

.left .tooltip{ top:-20%; left:-170%; }

.left .tooltip::after{
  top:40%;
  left:90%;
  transform: rotate(-90deg);
}




/*bottom*/

.bottom .tooltip { top:199% !important; left:-50px !important; }

.bottom .tooltip::after{
  top:-31%;
  left:40%; 
}



/*right*/

.right .tooltip { top:-20%; left:115%; }

.right .tooltip::after{
  top:40%;
  left:-12%;
  transform: rotate(90deg);
}


/*사업*/

.business_0102 { padding:100px 0 ;}
.business_0102 .cont{ width:1200px;margin:auto; }
.business_0102 .sec01 .tx01{font-size:40px;font-weight:bold; color:#333;  text-align:center ;margin-bottom:25px;  line-height:1.6;}
.business_0102 .sec01 .tx02{font-size:18px;font-weight:300; color:#333;  text-align:center ;margin-bottom:25px; line-height:1.6;}
.business_0102 .sec01 .tx01{}
.busball { display:inline-block; width:20px;height:20px; vertical-align:middle; border:2px solid #e82824; border-radius:50%;  }
.se_tit{ font-size:25px;font-weight:bold; color:#333; line-height:40px; margin-bottom:10px; }


.business_0102 .sec02{ margin-bottom:50px;}
.business_0102 .sec02 .imgarea{float:left; width:500px; }
.business_0102 .sec02 .desc {padding:25px 0 ; border-top:2px solid #000;float:right; width:660px;}
.business_0102 .sec02 .desc .tx01{font-size:18px;font-weight:300; color:#333;  text-align:left ;margin-bottom:25px; line-height:1.6; word-break:keep-all ; }
.business_0102 .sec02 .desc	.ex_box {}
.business_0102 .sec02 .desc	.ex_box .items{ float:left; width:24%; margin-right:1.3%; }
.business_0102 .sec02 .desc	.ex_box .items:nth-child(4n){ margin-right:0; }
.business_0102 .sec02 .desc	.ex_box .items .img{text-align:center;padding:50px 0 30px; }
.business_0102 .sec02 .desc	.ex_box .items .tx{transition:all .3s linear; width:100%;height:200px;background:#98a6b4; text-align:center; }
.business_0102 .sec02 .desc	.ex_box .items .tx span{color:#fff;font-size:16px; line-height:1.6; position:relative;top:50%;transform:translateY(-50%);  padding:0 20px;word-break:keep-all ;display:inline-block; }
.business_0102 .sec02 .desc	.ex_box .items:hover .tx{ background:#000;}

.business_0102 .sec03 .se_table table { width:500px; border:1px solid #ddd;  border-collapse:collapse; }
.business_0102 .sec03 .se_table th{ width:20%;color:#fff;background:#e82824; border:1px solid #ddd;text-align:center;  }
.business_0102 .sec03 .se_table td{  width:80%;color:#333;background:#fff;border:1px solid #ddd;text-align:left; padding:10px 20px;  }

.business_0102 .sec03{ margin-bottom:100px;} 
.business_0102 .sec03{ margin-bottom:100px;}


.ex_tab{ text-align:center;margin:30px auto; padding:20px 0 ; border-bottom:2px solid #ddd;border-top:2px solid #ddd;}
.ex_tab .items{ width:175px; height:34px; line-height:34px; border:1px solid #ddd;  margin:0 10px; display:inline-block; }
.ex_tab .items.on{background:#32c6f4;   border:1px solid #32c6f4; }
.ex_tab .items a{color:#333;font-size:16px;line-height:28px; display:block;}
.ex_tab .items.on a{color:#fff; }

.ex_tab2{ text-align:center;}
.ex_tab2 .items{ width:175px; height:40px; font-size:16px; border:1px solid #ddd;  margin:0 10px; display:inline-block; }
.ex_tab2 .items.on{background:#333; border:1px solid #333; }
.ex_tab2 .items a{color:#333;font-size:16px;line-height:36px; display:block;}
.ex_tab2 .items.on a{color:#fff; }


.business_0102 .sec02 { }
.business_0102 .sec02 .ex_cont{ font-size:16px; line-height:1.6; display:none;  }
.business_0102 .sec03 .se_box2{ margin-top:50px; }
.business_0102 .sec03 .se_box2 .items{ width:130px;text-align:center;  position:relative;  margin-right:40px;float:left; }
.business_0102 .sec03 .se_box2 .items .next{position:absolute;left:108%; top:50%;transform:translateY(-50%);}
.business_0102 .sec03 .se_box2 .items:last-child{ margin-right:0;}
.business_0102 .sec03 .se_box2 .items .imgs{border:2px solid #929497; height:120px; border-bottom:0; text-align:center;  } 
.business_0102 .sec03 .se_box2 .items .imgs img{position:relative;top:50%;transform:translateY(-50%);}
.business_0102 .sec03 .se_box2 .items .desc{ position:relative; display:block;   height:30px;   } 

.business_0102 .sec03 .se_box2 .items .desc .con{ position:relative; padding:0 5px;line-height:30px; text-align:center ; background:#e82824; border:2px solid #e82824;  }
.business_0102 .sec03 .se_box2 .items .desc .con p{font-weight:bold; font-size:14px;color:#fff; line-height:30px;text-align:center; }


.business_0102 .sec04{}
.business_0102 .sec04 .pro_list{}
.business_0102 .sec04 .pro_list .items{float:left;width:245px;  padding-top:35px; position:relative; margin-right:70px  }
.business_0102 .sec04 .pro_list .items:last-child{ margin-right:0; }
.business_0102 .sec04 .pro_list .items .icn{position:absolute; top:0px;left:50%;transform:translateX(-50%);}
.business_0102 .sec04 .pro_list .items .img{ width:100%;height:180px; }
.business_0102 .sec04 .pro_list .items .img img{object-fit:cover; width:100%;height:180px;}
.business_0102 .sec04 .pro_list .items .cnb{border:0px solid #999; }
.business_0102 .sec04 .pro_list .items .cnb .tx01{ border:1px solid #999; width:100%; height:180px; text-align:left;padding-left:20px; }
.business_0102 .sec04 .pro_list .items .cnb .tx01 span{ display:inline-block; line-height:1.8;position:relative; padding-top:26px;font-size:14px;color:#333;font-weight:400; }
.business_0102 .sec04 .pro_list .items .cnb .tx01.t1 span{font-size:18px; padding-top:46px;}
.business_0102 .sec04 .pro_list .items .cnb .tx02{text-align:center; font-size:16px; font-weight:500; color:#fff;background:#e82824; line-height:36px; }
.business_0102 .sec04 .pro_list .nx{float:left; height:260px; width:85px; text-align:center; }
.business_0102 .sec04 .pro_list .nx img{position:relative;top:50%;transform:translateY(-50% ); }


@media (max-width: 1315px) { 
.head,.head .cont{ width:100%; min-width:100%;}
.head .cont .h_menu{ display:none;}
.head, .wrap {  
max-width:1320px;
min-width:100%;
}
.wrap *{max-width:100%;}
body{ overflow-x:hidden;}

}


/* 모바일 */
@media (max-width:768px) { 

.pc-only{ display:none;}
.pc-only2{ display:none;}
.m-only{ display:block;}
.m-only2{ display:inline-block;}
.h50{padding-bottom:50px;}
.h100{padding-bottom:100px;}
.h150{padding-bottom:150px;}
.h200{padding-bottom:200px;}
.h250{padding-bottom:250px;}
.h300{padding-bottom:300px;}
.h350{padding-bottom:350px;}
.h400{padding-bottom:400px;}

.wrap{ width:100%; min-width:100%; transition:all .3s linear; max-width:100%;padding-top:0px; }
.head .logo a{display:block;width:100%; height:57px; background-image:url(/img/logo2.svg);background-size:cover;background-position:center;      position:relative; z-index:10;}
.head.on .logo a,.head.on2 .logo a{  background-image:url(/img/logo1.svg) !important;    }

/* 코딩   head */
.head { position:fixed; z-index:7; width:100%; min-width:100%;max-width:100%;  border-bottom:1px solid rgba(0,0,0, 0.1);background:#fff; left:0;top:0; }
.head.on2 {border-bottom:1px solid rgba(0,0,0, 1); }
.head .cont{position:relative ; width:86%; max-width:100%; min-width:100%; margin:auto; height:80px;text-align:center; display:flex; }
.head:after, .head:before{
    top: 80%;
	content: "";
    display: block;
    width: 100%;
    position: Absolute;
    top: 100%;
    left: 0;
    height: 0;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.head.on2:before{
	height:355px;
	z-index:-1;
	background-color: #fff;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid #ffffff;
}
.head .logo{width:40%; margin:auto;  margin-top:10px;    }
.head .logo a{ background-size:100% ;background-repeat:no-repeat; }
.head .logo img{width:100%; }
.head.on,.head.on2 { background:#fff; }
.head .cont .h_menu{   display:flex; line-height:80px;  text-align:left ;    position:absolute;left:25%;top:0px;  display:none;}
.head .cont .h_menu a{transition: all 0.1s ease; display:block; line-height:80px; height:80px;font-size:20px; color:#fff;margin-right:100px; }
.head .cont .h_menu a.topm:hover{color:#32c6f4; border-top:4px solid #32c6f4;   height:80px; }
.head.on .cont .h_menu a,.head.on2 .cont .h_menu a{  color:#000  ; } 
.head .cont .h_menu .submenu{ display:none; }
.head .cont .h_menu .submenu.view{ display:block;}
.head .cont .h_menu .submenu li{ line-height:60px;}
.head .cont .h_menu .submenu li a {color:#000; font-size:16px; line-height:1.6; height:45px;}
.head .cont .h_menu .submenu li a:hover {color:#32c6f4;  }

.head.on2 .cont .h_menu .submenu{ display:block !important; padding-top:30px; }
.head .cont .right_menu{ position:absolute;left:0px;top:0px;text-align:left;}
.head .cont .right_menu .lang{ text-align:center;position:relative;  display:inline-block; line-height:80px;  cursor:pointer;  }
.head .cont .right_menu .lang a{ color:#333;font-size:14px;line-height:80px;padding-right:30px; padding-left:10px;} 
.head .cont .right_menu .lang span{color:#333;font-size:14px; }
.head .cont .right_menu .lang i{ position:absolute;right: 0px;top:40px;  border-top: 1px solid #333;
  border-left: 1px solid #333;}
.head .cont .right_menu .lang .lang_box{ display:none;}
.head .cont .right_menu .lang.on .lang_box{display:block; position:absolute;top:70px; left:0px;}
.head .cont .right_menu .lang.on .lang_box a{display:block; padding:0px 6px; line-height:30px;background:#32c6f4;color:#fff;border:1px solid #333;}
.head .cont .right_menu .panel{ display:inline-block; width:48px; height:48px; line-height:46px; background:#32c6f4;  cursor:pointer; text-align:center; position:absolute;right:16px;top:17px;}
.head.on .cont .right_menu .lang .arrow-up, .head.on2 .cont .right_menu .lang .arrow-up{  border-top: 1px solid #000;
  border-left: 1px solid #000;}
.head.on .cont .right_menu .lang a, .head.on2 .cont .right_menu .lang a{ color:#000;}
.fullmenu{  transition: all 0.1s ease;z-index:10;position:fixed; width:100%;  min-width:100%; height:100%; max-width:100%; padding: 0px;background:#32c6f4;   left:50%;top:40%; transform:translate(-300%,-50%);}
.fullmenu.on{ transform:translate(0%, 0%);left:0%;top:0%;}
.fullmenu .close_full{color:#fff;font-size:40px; position:fixed; right:5%;top:2%;cursor:pointer; z-index:100}
.fullmenu .cont{ position:relative; display:block;overflow-y:auto;height:100%;   padding:40px;padding-top:50px; justify-content: space-between; }
.fullmenu .cont:after{clear:both;content:"";display:block;}
.fullmenu .items{width:100%; border-bottom:1px solid rgba(255,255,255,0.3);  }
.fullmenu .items a{ color:#fff;font-size:20px; line-height:60px; display:block; }
.fullmenu .items .submenu{ display:none;  margin-top: 5px; padding-left:10px;}
.fullmenu .items .submenu a{ color:#fff;font-size:16px; line-height:46px;}
.fullmenu .items .submenu.view{ display:block;}




.fullmenu2 { transition:all 0.7s ease; width:100%; margin:auto; position:fixed; left: 0%; top:-100%; margin-left: 0px; z-index:22;background-color:#fff; border-radius:0 0 10px 10px;}
.fullmenu2.on{top:0px;} 
.fullmenu2 .logo{position:absolute;left:12px; top:20px;}
.fullmenu2 .logo img{width:150px;}
.fullmenu2 .cont{position:relative; display:flex;  justify-content: space-between;flex-wrap: wrap;padding-top:50px; padding-bottom:30px; }
.fullmenu2 .close_full {color:#333; font-size:24px; font-weight:100; position:absolute; right:2%; top:6%;cursor: pointer; z-index:111;}
.fullmenu2 .items{ width:33.333333%; padding-left:12px; padding-top:20px;; padding-bottom:2%; }
.fullmenu2 .items:nth-child(1){width:25%;}
.fullmenu2 .items:nth-child(2){width:40%; }
.fullmenu2 .items:nth-child(3){width:35%;}
.fullmenu2 .items:nth-child(4){width:25%;}
.fullmenu2 .items:nth-child(5){width:40%;}
.fullmenu2 .items:nth-child(6){width:35%;}
.fullmenu2 .items a{ color:#333;font-size:16px; line-height:40px; display:block; font-weight:700;}
.fullmenu2 .items .submenu{ display:block;  margin-top:10px;}
.fullmenu2 .items .submenu a{ color:#333;font-size:14px; line-height:1.6;letter-spacing:-1px;font-weight:400;}
.fullmenu2 .items .submenu a:hover{ color:#32c6f4; } 

 


/* footer */
.footer{ width:100%; min-width:100%; max-width:100%; }
.footer .cont{ position:relative; background:#1a1a1a; padding:5%; margin:auto; border-top:1px solid rgba(0,0,0,0.1); }
.footer .cont .footer_menu{width:100%;padding:40px 0 70px; background:#f7f7f7;  display:none;}
.footer .cont .footer_menu .fcon{width:100%; margin:auto; position:relative;}
.footer .cont .footer_menu .fcon .items{ width:20%;float:left; }
.footer .cont .footer_menu .fcon .items .ftit{font-size:18px; color:#b5b5b5 ; font-weight:700; line-height:1.6; margin-bottom:30px;}
.footer .cont .footer_menu .fcon .items .fmenu{}
.footer .cont .footer_menu .fcon .items .fmenu a.alink{font-size:14px; color:#b5b5b5 ; font-weight:400; line-height:2; }
.footer .cont .footer_menu .fcon .items .fmenu a.blink{font-size:12px; color:#b5b5b5 ; font-weight:400; line-height:2; }
.footer .cont .footer_info{width:100%; margin:auto; position:relative; padding:30px 0 ;}
.footer .cont .footer_info .infocon{ }
.footer .cont .footer_info .infocon .info_det{font-size:12px; color:#b5b5b5 ; font-weight:400; line-height:2;   }
.footer .cont .footer_info .infocon .copy{ font-size:10px; color:#b5b5b5 ; font-weight:400; line-height:2; }

.footer .cont .btn_top{ position:absolute; right:0px; top:0px; }

.footer .cont .family_site{ position:relative; right:0px;top:30px;  margin-bottom:40px;}


/* 하단 패밀리 */
.family_site{ display:inline-block;   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 #e0e0e0; }
 
.family_site ul{ position: absolute;left:0;right:0;bottom:40px;background:transparent;display: none; z-index:100;  overflow:hidden; border-top:1px solid #6f6f6f;  }
.family_site ul li{ border:1px solid #6f6f6f;  border-top:0; }
.family_site ul li a{ display: block;color: #969595; padding:10px; border-top:0; background:#404040; font-size:12px;}
.family_site ul li a:hover{ color: #fff; }


.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; }



/* 공통 탭 메뉴  */
.tab_menus{ text-align:center;margin:20px auto; }
.tab_menus .items{width:140px; height:30px; line-height:28px; border:1px solid #ddd;  margin:5px 5px; display:inline-block; padding:0 10px; }
.tab_menus .items.on{background:#32c6f4;   border:1px solid #32c6f4; }
.tab_menus.2n .items{}
.tab_menus.3n .items{}
.tab_menus.4n .items{}
.tab_menus .items a{color:#333;font-size:14px;line-height:28px; display:block;}
.tab_menus .items.on a{color:#fff; }

.tab_menus2{ text-align:center;margin:20px auto; }
.tab_menus2 .items2{width:auto; height:45px; line-height:45px; border:1px solid #ddd;  margin:5px 5px; display:inline-block; padding:0 10px; }
.tab_menus2 .items2.on{background:#000;   border:1px solid #000; }
.tab_menus2.2n .items2{}
.tab_menus2.3n .items2{}
.tab_menus2.4n .items2{}
.tab_menus2 .items2 a{color:#333;font-size:14px;line-height:45px; display:block;}
.tab_menus2 .items2.on a{color:#fff; }


/* 메인 */

.main{ width:100%;padding-top: 0px; }

.arrow2 {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align:middle;
  padding: 14px;
}

.main .msec01{ width:100%; min-width:100%; max-width:100%; margin:auto; position:relative; }
.main .msec01 .mleft{ cursor:pointer; left:4%; top:50%;transform:translateY(-50%); position:absolute; z-index:5 ; opacity:0.8; }
.main .msec01 .mright:hover,.main .msec01 .mleft:hover{opacity:1; }
.main .msec01 .mright{ cursor:pointer; right:4%; top:50%;transform:translateY(-50%); position:absolute; z-index:5 ;  opacity:0.8;}
.main .msec01 .swiper-slide{ width:100%;}
.main .msec01 .swiper-slide .txbox{position:absolute;z-index:2; left:0%; top:74%;transform:translateY(-50%); }
.main .msec01 .swiper-slide .txbox .tx01{font-size:24px;color:#fff; line-height:1.4; font-weight:700; padding:0 10px; word-break:keep-all; text-shadow: 1px 1px 1px #000;}
.main .msec01 .swiper-slide .txbox .tx02{font-size:14px;color:#fff; line-height:1.2; margin-top:10px;font-weight:100; word-break:keep-all; }
.main .msec01 .swiper-slide img{width:100%;height:auto; }
.main .msec01 .scroll {z-index:2;position:absolute;left:50%;bottom:4%; transform:translateX(-50%);  animation-duration: 2s; display:none;
  animation-name: updown1;
  animation-iteration-count: infinite;
  animation-direction: alternate;}



@keyframes updown1 {
  from {
bottom:4%;
  }

  to {
bottom:3%; }
}

/*메인 공통 */
.main .main_title{ padding:40px 0 30px;text-align:center;}
.main .main_title01{font-size:30px;line-height:1.6; color:#333333; font-weight:700; margin-top:0px;padding-bottom:0px;}
.main .main_title02{font-size:18px;line-height:1.6; color:#333333; font-weight:300; word-break:keep-all;padding:0 40px; }

.main .main_title01 span{font-size:30px;line-height:1.6; color:#32c6f4; font-weight:700; }
/* -- 메인 퀵메뉴   */
.main .msec01 .main_menu{ width:165px; position:absolute;z-index:2; right:10%;top:50%;transform:translateY(-50%);display:none;}
.main .msec01 .main_menu .cont{ position:relative; }
.main .msec01 .main_menu .cont:after{ content:"";display:block; width:25px;height:25px; position:absolute ;left:0px;top:0px;border-left:3px solid #32c6f4; border-top:3px solid #32c6f4;  }
.main .msec01 .main_menu .cont:before{ content:"";display:block; width:25px;height:25px; position:absolute ;right:0px;bottom:0px;border-right:3px solid #32c6f4; border-bottom:3px solid #32c6f4;  }
.main .msec01 .main_menu .cont .qck{padding:3px 0px;}
.main .msec01 .main_menu .items{width:150px;height:35px; line-height:35px; margin:auto;margin-bottom:5px; margin-top:5px; border:1px solid #e8e8e84f /*rgba(255,255,255,0.1)*/;  }
.main .msec01 .main_menu .items a{display:block; font-size:18px;color:#fff;text-align:center; line-height:35px;}


.msec02{ width:100%;min-width:100%;max-width:100%; margin:auto; }
.msec02 .bus_box{  width:100%;margin:auto; display:block;justify-content: space-between;align-items: center;  }
.msec02 .bus_box img{ width:100%;height:auto; }
.msec02 .bus_box .box{width:100%;position:relative; cursor:pointer; }
.msec02 .bus_box .txbox{position:absolute;left:0%;top:50%;transform:translateY( -50%);text-align:center;   width:100%; }
.msec02 .bus_box .txbox .tx01{font-size:40px; font-weight:700;color:#fff;   }
.msec02 .bus_box .txbox .tx02{font-size:20px; font-weight:300;color:#fff; margin-top:10px; }

.main .msec03{width:100%; min-width:100%; max-width:100%; margin:auto; margin-top:0px; }
.main .msec03 .main_company{ text-align:center;margin-top:110px;}
.main .msec03 .main_company .items{width:100%; max-width:100%; padding-bottom:50px; display:block; position:relative; margin:30px 0px; overflow:hidden; border-top:1px solid #e5ecee; border-bottom:1px solid #e5ecee; border-left:0px; border-right:0px; }
.main .msec03 .main_company .items img{width:100%;height:auto ; }
.main .msec03 .main_company .items .txbox{position:absolute;left:0%;top:0%; text-align:left;   width:100%;  font-size:14px; line-height:40px; color:#fff; }
.main .msec03 .main_company .items .txbox img{ width:30px;}

.main .msec03{width:100%; min-width:100%; max-width:100%; margin:auto;  }
.main .msec03 .main_banner{text-align:center; margin-top:0px;}
.main .msec03 .main_banner .items{width:100%; display:block; position:relative; margin:20px 0px; padding-bottom:0px; max-width:100%; overflow:hidden;}
.main .msec03 .main_banner .items img{width:100%;height:auto; margin-top:0px; }
.main .msec03 .main_banner .items .txbox{position:absolute;left:0%;top:0%; text-align:left;   width:100%;  font-size:14px; line-height:40px; color:#fff; }
.main .msec03 .main_banner .items .txbox img{ width:30px;}

.main .msec04{max-width:100%; overflow:hidden; padding-bottom:50px; }
.main .msec04 .gall_wrap{ position:relative; width:100%; margin:auto; }
.main .msec04 .gall_wrap .pleft{ position:absolute;left:10px;top:50%;transform:translateY(-50%); z-index:3;}
.main .msec04 .gall_wrap .pright{ position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:3;}
.main .msec04 .gall_wrap .pleft img, .main .msec04 .gall_wrap .pright img { width:80px ;height:auto; }
.main .msec04 .gall_wrap .swiper-container{overflow:visible; text-align:center;}
.main .msec04 .gall_wrap .swiper-slide { text-align:center;}
.main .msec04 .gall_wrap .swiper-slide img{width:100%;height:250px; object-fit:cover; }
.main .msec04 .gall_wrap .swiper-slide .txbox{ width:100%; color:#fff; text-align:center; position:absolute;left:0px;bottom:0px; line-height:60px; font-size:16px;   overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all;}
.main .msec04 .swiper-slide {opacity:0.9;}
.main .msec04 .swiper-slide-active{opacity:1;}

.business_box { width:100%;max-width:100%; margin:auto; justify-content: space-between; flex-wrap: wrap;display:flex; }
.business_box .items{width:50%;word-break:keep-all; }
.business_box .items .imgs{position:relative;  }
.business_box .items .imgs .link{position:absolute;right:0px;bottom:20px;}
.business_box .items .imgs img{width:100%; height:auto ; }
.business_box .items .imgs .link img{max-width:100%;width:140px;}
.business_box .items .desc{padding:10px 0 ;text-align:center;  }
.business_box .items .desc .btx01{font-size:20px; color:#191919; font-weight:700; line-height:1.6;  }
.business_box .items .desc .btx02{ font-size:14px; color:#999; font-weight:400; line-height:1.6; }
 
.msec03n {background-image:url(/img/main_recruit.png);background-size:cover; width:100%; padding:50px 0 ;margin:auto;  margin-top:50px;}
.msec03n .cont{ width:100%; margin:auto;}
.msec03n .cont .tit01{font-size:30px;font-weight:bold;line-height:1.6; color:#fff;text-align:center;}
.msec03n .cont .tit02{font-size:16px;font-weight:300;line-height:1.6; color:#fff; text-align:center;margin-bottom:20px; }
.msec03n .cont .rebox{display:flex; flex-wrap: wrap;align-items:center; align-items: center; justify-content: center;padding-top:50px}
.msec03n .cont .rebox .items{width:48%;text-align:center;word-break:keep-all;margin-bottom:30px; }
.msec03n .cont .rebox .items img{max-width:70%;}
.msec03n .cont .rebox .items .imgs{margin-bottom:20px; }
.msec03n .cont .rebox .items .tx01{font-size:16px; font-weight:500; color:#fff;line-height:1.6;}
.msec03n .cont .rebox .items .tx02{font-size:12px; font-weight:300; color:#fff;line-height:1.6;}

.msec04n{text-align:center; max-width:100%; overflow:hidden; padding-top:0px;}
.msec04n .pleft{position:absolute;left:10px;top:100px;z-index:2;cursor:pointer;}
.msec04n .pright{position:absolute;right:10px;top:100px;z-index:2;cursor:pointer;}
.msec04n .cont {width:100%; margin:auto; position:relative; }
.video_view{ position:relative; width:90%; margin:auto; }
.msec04n .cont .swiper-container{ overflow:visible; margin-top:20px;}
.msec04n .cont .swiper-slide{border:1px solid #ddd;}
.msec04n .cont .swiper-slide .imgs{}
.msec04n .cont .swiper-slide .imgs img{width:100%; object-fit:cover; }
.msec04n .cont .swiper-slide .tx{color:#191919; font-weight:400; height:45px; line-height:45px;}

/* Global top */
.subtop { width:100%; height:398px; max-width:1920px; margin:auto; background-size:cover;background-repeat:no-repeat; background-position:center; }
.subtop.sub01{background-image:url(../img/sub/subtop_01_3.jpg); }
.subtop.sub02{background-image:url(../img/sub/subtop_02.jpg); }
.subtop.sub03{background-image:url(../img/sub/subtop_03.jpg); }
.subtop.sub04{background-image:url(../img/sub/subtop_04.jpg); }
.subtop.sub05{background-image:url(../img/sub/subtop_05.jpg); }
.subtop .txarea{ text-align:center;position:relative; top:50%;transform:translateY(-50%);}
.subtop .txarea .tit01{ font-size:50px;font-weight:bold; line-height:2; color:#fff;/*text-shadow: 1px 1px 1px gray;*/}
.subtop .txarea .tit02{font-size:20px;font-weight:400; line-height:1.6;  color:#fff;/*text-shadow: 1px 1px 1px gray;*/}
 
/* submenu */
.pg_menu { width:100%; height:46px; border-bottom:1px solid #ddd; display:flex ;justify-content: center; text-align:center;align-items: center;  }
.pg_menu .items{ width:160px; display:block; text-align:center; position:relative; }
.pg_menu .items:after{ content:""; display:block; position:absolute;left:100%; top:50%; transform:translateY(-50%); height:15px; width:1px; background:#ddd;}
.pg_menu .items:last-child:after{ content:""; display:block;  opacity:0 ; }
.pg_menu .items a{ display:block; line-height:44px; font-size:11px; font-weight:400; letter-spacing:-1.0px;color:#1c1c1c; }
.pg_menu .items.on{}
.pg_menu .items.on a{ color:#002448; border-bottom:2px solid #002448; }
.pg_menu .items.on1{}
.pg_menu .items.on1 a{ color:red; border-bottom:2px solid red; }
.pg_menu .items.on2{}
.pg_menu .items.on2 a{ color:#487f46; border-bottom:2px solid #487f46; }
.pg_menu .items.on3{}
.pg_menu .items.on3 a{ color:#00264d; border-bottom:2px solid #00264d; }
.pg_menu .items.on4{}
.pg_menu .items.on4 a{ color:#c98643; border-bottom:2px solid #c98643; }

/* sub_title */
.sub_title { width:90%; max-width:90%; min-width:90%; margin:auto; text-align:center; }
.sub_title .title1{ font-size:26px;font-weight:800;padding-top:50px; line-height:30px; letter-spacing:-1.0px; }
.sub_title .title2{ font-size:14px;color:#ccc;font-weight:100;line-height:30px; letter-spacing:0px; }
.sub_title .title3{ font-size:16px;font-weight:600;color:#002549; padding-top:20px; line-height:30px; }
.sub_title .title4{ font-size:16px;font-weight:600;line-height:50px; padding-top:20px; padding-bottom:30px; }
.sub_title .title4 span{ font-size:52px;font-weight:800;color:#d72420; }


/*기업소개  */
.company01{ width:90%; max-width:90%; min-width:90%; margin:auto;}
.company01 .sec01{margin-top: 0px;}
.company01 .sec01 .contbox1{float:none; width:100%;}
.company01 .sec01 .contbox2{float:none;width:100%; }
.company01 .sec01 .contbox2 img{width:100%; }
.company01 .sec01 .txtarea{}
.company01 .sec01 .txtarea .tx01{font-size:24px;font-weight:700; color:#000; line-height:1.4; margin-bottom:30px;}
.company01 .sec01 .txtarea .tx02{font-size:18px;font-weight:700; color:#e82824; line-height:1.6;margin-bottom:30px;text-transform:uppercase; }
.company01 .sec01 .txtarea .tx03{font-size:18px;font-weight:400; color:#3d3d3d; line-height:1.6;margin-bottom:40px; }
.company01 .sec01 .txtarea .tx04{font-size:16px;font-weight:100; color:#333333; line-height:2.0; letter-spacing:-1.0px;}
.company01 .sec01 .txtarea .tx05{font-size:16px;font-weight:600; color:#3d3d3d; line-height:3.0; letter-spacing:-1.0px;float:right;}

.company01 .sec02{ width:100%; }
.company01 .sec02 .tabs{float:none; width:100%; }
.company01 .sec02 .tabs:nth-child(1){border-right:0px solid #eaeaea; }
.company01 .sec02 .tabs .tab_tit{ width:100%;height:68px; line-height:68px; text-align:center;border-top:2px solid #000; background:#fafafa; font-size:18px;color:#000; }
.company01 .sec02 .tabs .tab_con{ border-bottom:1px solid #eaeaea;}
.company01 .sec02 .tabs .tab_con .tb01{ padding:15px 0 ;text-align:center; float:left; border-right:0px solid #eaeaea; width:20%; height:240px;  line-height:2;}
.company01 .sec02 .tabs .tab_con .tb02{padding:15px 15px ; text-align:left; float:left; border-left:1px solid #eaeaea; width:80%; height:240px; word-break:keep-all; padding-right:20px;line-height:2;}
.company01 .sec02 .tabs .tab_con .tp{font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;  width:100%;vertical-align:middle;display:inline-block;  }
.company01 .sec02 .tabs .tab_con .tp2{font-size:12px;font-weight:300;color:#3d3d3d; line-height:30px;width:100%;vertical-align:middle;display:inline-block;  }
.company01 .sec02 .tabs .tb_cn{    width: 100%;  height:200px;   border-bottom: 1px solid #eaeaea;     border-collapse: collapse; } 
.company01 .sec02 .tabs .tb_cn tr th{border-right:1px solid #eaeaea ;  padding:15px 15px ; font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;width:30%; }
.company01 .sec02 .tabs .tb_cn tr td{ padding:10px 0 ; font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px; padding:10px 25px ; }

.company02{ width:90%; max-width:90%; min-width:90%; margin:auto; padding:50px 0; }
.company02 .sec01{}
.company02 .sec01 .contbox1{float:none; width:100%;}
.company02 .sec01 .contbox2{float:none;width:100%;padding-left:0px;}
.company02 .sec01 .contbox2 img{width:100%; }
.company02 .sec01 .txarea{}
.company02 .sec01 .txarea .tx01{font-size:24px;font-weight:700; color:#000; line-height:1.4; margin-bottom:30px;}
.company02 .sec01 .txarea .tx02{font-size:18px;font-weight:700; color:#d0cece; line-height:1.6;margin-bottom:30px;text-transform:uppercase; }
.company02 .sec01 .txarea .tx03{font-size:14px;font-weight:400; color:#3d3d3d; line-height:1.6;margin-bottom:40px; }

.company02 .sec02{ margin-top:100px; }
.company02 .sec02 .tabs{float:none; width:100%; }
.company02 .sec02 .tabs:nth-child(1){border-right:1px solid #eaeaea; }
.company02 .sec02 .tabs .tab_tit{ width:100%;height:68px; line-height:68px; text-align:center;border-top:2px solid #000; background:#fafafa; font-size:18px;color:#000; }
.company02 .sec02 .tabs .tab_con{ border-bottom:1px solid #eaeaea;}
.company02 .sec02 .tabs .tab_con .tb01{ padding:15px 0 ;text-align:center; float:left; border-right:1px solid #eaeaea;width:30%; height:220px;  line-height:2;}
.company02 .sec02 .tabs .tab_con .tb02{padding:15px 15px ; text-align:left; float:left; border-left:1px solid #eaeaea; width:70%; height:220px; word-break:keep-all; padding-right:20px;line-height:2;}
.company02 .sec02 .tabs .tab_con .tp{font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;  width:100%;vertical-align:middle;display:inline-block;  }
.company02 .sec02 .tabs .tab_con .tp2{font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px;width:100%;vertical-align:middle;display:inline-block;  }
.company02 .sec02 .tabs .tb_cn{    width: 100%;  height:200px;   border-bottom: 1px solid #eaeaea;     border-collapse: collapse; } 
.company02 .sec02 .tabs .tb_cn tr th{border-right:1px solid #eaeaea ;  padding:15px 15px ; font-size:14px;font-weight:500;color:#3d3d3d; line-height:30px;width:30%; }
.company02 .sec02 .tabs .tb_cn tr td{ padding:10px 0 ; font-size:14px;font-weight:300;color:#3d3d3d; line-height:30px; padding:10px 25px ; }


.subtop { width:100%; height:120px; max-width:100%; margin-top:80px; background-size:cover;background-repeat:no-repeat; background-position:center; }
.subtop .txarea{ text-align:center; position:relative; top:58%;transform:translateY(-50%);}
.subtop .txarea .tit01{font-size:24px; font-weight:bold; line-height:20px; color:#fff;/*text-shadow: 1px 1px 1px gray;*/}
.subtop .txarea .tit02{font-size:12px; font-weight:100; letter-spacing:-0.5px;line-height:1.6;  color:#fff;/*text-shadow: 1px 1px 1px gray;*/}
 

.history dl { }
.history dt {display:block ; line-height:1.6; font-weight:bold; color:#3d3d3d; font-size:14px; }
.history dd {display:block ; line-height:1.6; font-weight:300; color:#3d3d3d; font-size:14px; }




.history { width:100%; margin:auto; padding:50px 0 ; position:relative; }
.history .line{ position:absolute; left: 5%;top:0px; width:1px; height:100%; background:#eee;}
.history .his_con{ position:relative; margin-bottom:50px; }
.history .his_con .ball{width:14px; height:14px; border-radius:50%; position:absolute;left:5%; top:0px; border:1px solid #32c6f4;  margin-left:-7px;z-index:2;}
.history .his_con .ball i{ position:relative;  left:50%;top:50%;transform:translate(-50%, -50%); width:5px;height:5px; border-radius:50%; background:#32c6f4; display:block; }
.history .his_con .his_dec{text-align:left;  width:100%; float:none;  padding: 0 40px 30px; }
.history .his_con .his_dec .his_tit{ font-size:14px; color:#000 ; font-weight: bold; line-height:1.6 ; margin-bottom:15px; } 
.history .his_con .his_img{text-align:left; width:100%; float:none;  padding: 0 40px;  }
.history .his_con .his_img img{max-width:100%; }
.history .his_con:nth-child(2n) .his_dec{ float:left; text-align:left; }
.history .his_con:nth-child(2n) .his_img{float:left;  text-align:left; }

#bo_list, #bo_gall, #bo_v, #bo_w { max-width:100%; }

#bo_list , #bo_gall , #bo_v , #bo_w { width:94% !important; margin:0px auto;}




.company_05{ }
.company_05 .cont{ width:90%; margin:-55px auto; }
.company_05 .cont .tab_menus{ /*padding:60px 0  50px;*/margin-bottom:50px; }
.company_05 .cont .sec01{}
.company_05 .cont .sec02 {padding-top:0px; }
.company_05 .cont .sec02 .mapview{ border-top:2px solid #000; }
.company_05 .cont .sec02 .mapview .map1{ float:none; width:100%; height:350px; }
.company_05 .cont .sec02 .mapview .map2{ float:none; width:100%; padding-top:30px; }
.company_05 .cont .sec02 .mapview .map2 .mp_tit{font-size:15px; color:#333; font-weight:bold; line-height:34px; }
.company_05 .cont .sec02 .mapview .map2 .mp_dc{font-size:13px; color:#333; font-weight:400; line-height:34px; margin-bottom:10px; }
.company_05 .cont .sec02 .mapview .map2 .mp_img{}
.company_05 .cont .sec02 .mapview .map2 .mp_img img{width:100%;}
/*Mobile board  */


.business_0101 { padding-top:0px;}

.business_0101 .box01{width:90%; max-width:90%; min-width:94%; margin:auto; padding-top:0px;}
.business_0101 .box01 .contbox{float:left; width:100%;border:1px solid #ddd;padding:20px;}
.business_0101 .box01 .contbox .tx01{ text-align:center; font-size:14px;font-weight:700; color:#000; line-height:1.4; margin-bottom:10px;}
.business_0101 .box01 .contbox .tx02{font-size:14px; line-height:1.6; height:80px;font-weight:300;color:#51c5ef; }
.business_0101 .box01 .contbox .tx_line{max-width: 100%; border-top: 4px solid #000; padding-top: 20px; margin-top: 10px; margin: auto;}

.business_0101 .box01 .contbox1{float:none; width:100%;}
.business_0101 .box01 .contbox2{float:none;width:100%;padding-left:0px;}
.business_0101 .box01 .contbox2 img{width:100%; }
.business_0101 .box01 .txarea{}
.business_0101 .box01 .txarea .tx01{font-size:18px;font-weight:700; color:#000; line-height:1.4; margin-top:20px;}
.business_0101 .box01 .txarea .tx02{font-size:18px;font-weight:700; color:#d0cece; line-height:1.6;margin-bottom:30px;text-transform:uppercase; }
.business_0101 .box01 .txarea .tx03{font-size:14px;font-weight:400; color:#3d3d3d; line-height:1.6;margin-bottom:20px; }

.business_0101 .cont{ width:95%; margin:0px auto; /*display:none;*/}
.business_0101 .sec01 .tx01{font-size:30px;font-weight:bold; color:#51c5ef;  text-align:center ;margin-bottom:25px;  line-height:1.6;}
.business_0101 .sec01 .tx02{font-size:12px;font-weight:300; color:#51c5ef;  text-align:center ;margin-bottom:25px; line-height:1.6;}
.business_0101 .sec01 .tx_spec{font-size:24px;font-weight:bold; color:#51c5ef;  text-align:center ;margin-bottom:25px; padding-top:0px; line-height:1.6;}

.busball { display:inline-block; width:20px;height:20px; vertical-align:middle; border:2px solid #e82824; border-radius:50%;  }
.se_tit{ font-size:18px;font-weight:bold; color:#51c5ef; line-height:40px; margin-bottom:10px; }


.business_0101 .sec02{ margin-bottom:50px;}
.business_0101 .sec02 .imgarea{float:none; width:100%; }
.business_0101 .sec02 .imgarea img{width:100%;height:auto; }
.business_0101 .sec02 .desc {padding:25px 0 ; border-top:2px solid #000;float:none; width:100%;}
.business_0101 .sec02 .desc .tx01{font-size:16px;font-weight:300; color:#51c5ef;  text-align:left ;margin-bottom:15px; line-height:1.6; word-break:keep-all ; }
.business_0101 .sec02 .desc	.ex_box {}
.business_0101 .sec02 .desc	.ex_box .items{ float:left; width:48%; margin-right:2%; }
.business_0101 .sec02 .desc	.ex_box .items:nth-child(2n){ margin-right:0; }
.business_0101 .sec02 .desc	.ex_box .items .img{text-align:center;padding:50px 0 30px; }
.business_0101 .sec02 .desc	.ex_box .items .tx{transition:all .3s linear; width:100%;height:150px;background:#98a6b4; text-align:center; }
.business_0101 .sec02 .desc	.ex_box .items .tx span{color:#fff;font-size:14px; line-height:1.6; position:relative;top:50%;transform:translateY(-50%);  padding:0 20px;word-break:keep-all ;display:inline-block; }
.business_0101 .sec02 .desc	.ex_box .items:hover .tx{ background:#000;}



.business_0101 .sec03{ margin-bottom:50px;max-width:100%;}
.business_0101 .sec03 .se_box{display:block ; justify-content: space-between; max-width:100%;overflow:hidden;}
.business_0101 .sec03 .se_box:after{clear:both; content:"";display:block; }
.business_0101 .sec03 .se_box .items{ width:48%;text-align:center;  position:relative;float:left;  }
.business_0101 .sec03 .se_box .items:nth-child(2n+1){clear:both; }
.business_0101 .sec03 .se_box .items .imgs{text-align:center;padding:50px 0 30px; } 
.business_0101 .sec03 .se_box .items .desc{ position:relative; display:inline-block;   height:30px;padding-left:30px; border:2px solid #929497;  } 
.business_0101 .sec03 .se_box .items .desc .num{ position:absolute;left:-1px;top:0;   width:30px; font-weight:bold; font-size:11px;color:#fff; line-height:28px;text-align:center;background:#929497;  }
.business_0101 .sec03 .se_box .items .desc .con{ position:relative; padding:0 5px;line-height:30px; text-align:center ;  }
.business_0101 .sec03 .se_box .items .desc .con p{font-weight:bold; font-size:11px;color:#333; line-height:28px;text-align:center; }
.business_0101 .sec03 .se_box .items .desc .tooltip{
 
  visibility: hidden;
  z-index: 1;
  opacity: .99;
  
  width: 357px;;
  height:90px;
  padding: 0px  0px;

  background: #fff;
  color: #333;
  
  position: absolute;
  top:-140%;
  left: -0%;
  

  border-radius: 0px; 

  transform: translateY(9px);
  transition: all 0.3s ease-in-out;
  
  box-shadow: 0 0 0px #e82824;
  border:1px solid #e82824; 
}
/* tooltip  after*/
.tooltip .to_con{ position:relative; padding-left:30px;  height:100%;}
.tooltip .to_con .tt{ width:30px;height:100%;position:absolute;left:0px;top:0px; background:#e82824 ; font-size:14px;color:#fff; padding-top:12px;}
.tooltip .to_con .conbx{ width:100%;height:100%; padding-left:10px; line-height: 20px;}
 
.tooltip .to_con .conbx .p{ position:relative;top:50%;transform:translateY(-50%);text-align:left;}
.tooltip .to_con:after {
background:#fff; position:absolute;border-left:1px solid #e82824; border-top:1px solid #e82824; 

transform:rotate(45deg);
content:""; 
display:block;width:15px;height:15px;

 

top:-8px;
  left: 15%;

}

.business_0101 .sec03 .se_box .items:hover .desc .tooltip{
  visibility: visible;
  transform: translateY(-10px);
  opacity: 1;
 display:none;

}
@keyframes odsoky {
  0%{
    transform: translateY(6px); 
  }

  100%{
    transform: translateY(1px); 
  }

}

/*hover ToolTip*/
 

/*left*/

.left .tooltip{ top:-20%; left:-170%; }

.left .tooltip::after{
  top:40%;
  left:90%;
  transform: rotate(-90deg);
}




/*bottom*/

.bottom .tooltip { top:199% !important; left:-50px !important; }

.bottom .tooltip::after{
  top:-31%;
  left:40%; 
}



/*right*/

.right .tooltip { top:-20%; left:115%; }

.right .tooltip::after{
  top:40%;
  left:-12%;
  transform: rotate(90deg);
}
.business_0101 .sec04{width:100%; }
.business_0101 .sec04 .pro_list{}
.business_0101 .sec04 .pro_list .items{float:none;width:100% ;  padding-top:35px; position:relative;  }
.business_0101 .sec04 .pro_list .items .icn{position:absolute; top:0px;left:50%;transform:translateX(-50%);}
.business_0101 .sec04 .pro_list .items .cnb{border:0px solid #999; }
.business_0101 .sec04 .pro_list .items .cnb .tx01{ border:1px solid #999;border-bottom:0;width:100%; height:190px; text-align:center; }
.business_0101 .sec04 .pro_list .items .cnb .tx01 span{ display:inline-block; line-height:1.8;position:relative; padding-top:26px;font-size:14px;color:#333;font-weight:400; }
.business_0101 .sec04 .pro_list .items .cnb .tx01.t1 span{color:#fff;font-size:36px;font-weight:700;line-height:1.6; position:relative;top:50%;transform:translateY(-50%);  padding:0 20px;word-break:keep-all ;display:inline-block;}
.business_0101 .sec04 .pro_list .items .cnb .tx02{text-align:center; font-size:18px; font-weight:500; color:#fff;background:#e82824; line-height:36px; }
.business_0101 .sec04 .pro_list .nx{float:none; height:auto;padding:20px 0 ; width:100%; text-align:center;transform:rotate(90deg); }
.business_0101 .sec04 .pro_list .nx img{position:relative;top: 0%;transform:translateY( 0% ); }
 
/*sub02 */

.business_0102 { padding:50px 0 ;}
.business_0102 .cont{ width:90%;margin:auto; }
.business_0102 .sec01 .tx01{font-size:30px;font-weight:bold; color:#333;  text-align:center ;margin-bottom:25px;  line-height:1.6;}
.business_0102 .sec01 .tx02{font-size:12px;font-weight:300; color:#333;  text-align:center ;margin-bottom:25px; line-height:1.6;}
.business_0102 .sec01 .tx01{}
.busball { display:inline-block; width:20px;height:20px; vertical-align:middle; border:2px solid #e82824; border-radius:50%;  }
.se_tit{ font-size:25px;font-weight:bold; color:#333; line-height:40px; margin-bottom:10px; }


.business_0102 .sec02{ margin-bottom:50px;}
.business_0102 .sec02 .imgarea{float:none; width:100%; }
.business_0102 .sec02 .imgarea img{max-width:100%;}
.business_0102 .sec02 .desc {padding:25px 0 ; border-top:2px solid #000;float:none; width:100%;}
.business_0102 .sec02 .desc .tx01{font-size:16px;font-weight:300; color:#333;  text-align:left ;margin-bottom:25px; line-height:1.6; word-break:keep-all ; }
.business_0102 .sec02 .desc	.ex_box {}
.business_0102 .sec02 .desc	.ex_box .items{ float:left; width:24%; margin-right:1.3%; }
.business_0102 .sec02 .desc	.ex_box .items:nth-child(4n){ margin-right:0; }
.business_0102 .sec02 .desc	.ex_box .items .img{text-align:center;padding:50px 0 30px; }
.business_0102 .sec02 .desc	.ex_box .items .tx{transition:all .3s linear; width:100%;height:200px;background:#98a6b4; text-align:center; }
.business_0102 .sec02 .desc	.ex_box .items .tx span{color:#fff;font-size:16px; line-height:1.6; position:relative;top:50%;transform:translateY(-50%);  padding:0 20px;word-break:keep-all ;display:inline-block; }
.business_0102 .sec02 .desc	.ex_box .items:hover .tx{ background:#000;}

.business_0102 .sec03 .se_table table { width:500px; border:1px solid #ddd;  border-collapse:collapse; }
.business_0102 .sec03 .se_table th{ width:20%;color:#fff;background:#e82824; border:1px solid #ddd;text-align:center;  }
.business_0102 .sec03 .se_table td{  width:80%;color:#333;background:#fff;border:1px solid #ddd;text-align:left; padding:10px 20px;  }

.business_0102 .sec03{ margin-bottom:100px;} 

.ex_tab{ text-align:center;margin:30px auto; padding:20px 0 ; border-bottom:2px solid #ddd;border-top:2px solid #ddd;}
.ex_tab .items{ width:70%; height:34px; line-height:34px; border:1px solid #ddd;  margin:0 10px; display:inline-block; margin-bottom:10px; }
.ex_tab .items.on{background:#32c6f4;   border:1px solid #32c6f4; }
.ex_tab .items a{color:#333;font-size:16px;line-height:28px; display:block;}
.ex_tab .items.on a{color:#fff; }

.ex_tab2{ text-align:center;margin:30px auto; padding:20px 0 ; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.ex_tab2 .items{ width:70%; height:34px; line-height:34px; border:1px solid #ddd;  margin:0 10px; display:inline-block; margin-bottom:10px; }
.ex_tab2 .items.on{background:#333;   border:1px solid #333; }
.ex_tab2 .items a{color:#333;font-size:16px;line-height:28px; display:block;}
.ex_tab2 .items.on a{color:#fff; }



.business_0102 .sec02 { }
.business_0102 .sec02 .ex_cont{ font-size:16px; line-height:1.6; display:none;  }
.business_0102 .sec02 .ex_cont img{max-width:100%;}
.business_0102 .sec03 .se_box2{ margin-top:50px; }
.business_0102 .sec03 .se_box2 .items{ width:250px;text-align:center;  position:relative;   float:none;  margin:auto; }
.business_0102 .sec03 .se_box2 .items .next{position:relative;left:0%; top: 0%;transform:translateY( 0%)   rotate(90deg); display:block; padding:20px 0 ;}
.business_0102 .sec03 .se_box2 .items:last-child{ margin-right:auto;}
.business_0102 .sec03 .se_box2 .items .imgs{border:2px solid #929497; height:120px; border-bottom:0; text-align:center;  } 
.business_0102 .sec03 .se_box2 .items .imgs img{position:relative;top:50%;transform:translateY(-50%);}
.business_0102 .sec03 .se_box2 .items .desc{ position:relative; display:block;   height:30px;   } 

.business_0102 .sec03 .se_box2 .items .desc .con{ position:relative; padding:0 5px;line-height:30px; text-align:center ; background:#e82824; border:2px solid #e82824;  }
.business_0102 .sec03 .se_box2 .items .desc .con p{font-weight:bold; font-size:14px;color:#fff; line-height:30px;text-align:center; }

.business_0102 .sec04{}
.business_0102 .sec04 .pro_list{width:90% ; margin:auto;  }
.business_0102 .sec04 .pro_list .items{float:none;width:100%;  padding-top:35px; position:relative; margin-right: 0px;   margin:auto;}
.business_0102 .sec04 .pro_list .items:last-child{ margin-right:auto; }
.business_0102 .sec04 .pro_list .items .icn{position:absolute; top:0px;left:50%;transform:translateX(-50%);}
.business_0102 .sec04 .pro_list .items .img{ width:100%;height:180px; }
.business_0102 .sec04 .pro_list .items .img img{object-fit:cover; width:100%;height:180px;}
.business_0102 .sec04 .pro_list .items .cnb{border:0px solid #999; }
.business_0102 .sec04 .pro_list .items .cnb .tx01{ border:1px solid #999; width:100%; height:180px; text-align:left;padding-left:20px; }
.business_0102 .sec04 .pro_list .items .cnb .tx01 span{ display:inline-block; line-height:1.8;position:relative; padding-top:26px;font-size:14px;color:#333;font-weight:400; }
.business_0102 .sec04 .pro_list .items .cnb .tx01.t1 span{font-size:18px; padding-top:46px;}
.business_0102 .sec04 .pro_list .items .cnb .tx02{text-align:center; font-size:16px; font-weight:500; color:#fff;background:#e82824; line-height:36px; }
.business_0102 .sec04 .pro_list .nx{float:left; height:260px; width:85px; text-align:center; }
.business_0102 .sec04 .pro_list .nx img{position:relative;top:50%;transform:translateY(-50% ); }


}