.slidebox > .bx-wrapper {margin-bottom: 30px; max-width: none !important; position:  }
.slidebox .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto  {bottom: 20px;}
.slidebox .bx-controls {    width: 1400px;    margin: auto;    position: relative;}
.slidebox .bx-wrapper .bx-prev{left: -80px; top: -350px;}
.slidebox .bx-wrapper .bx-next{right: -80px; top: -350px;}

.main_slide li {position: relative; min-width: 1100px; background-position: center; height: 700px;}
.main_slide .btn {width:  410px; text-align: center;}
.main_slide .btn a {display: inline-block; border: 1px #ffffff solid; border-radius: 50px; background-color: #ffffff; color: #1a213a; font-size: 13px; padding: 6px 22px; margin:  20px 10px; text-decoration: none;
	-webkit-transition: background 0.2s ease-in-out 0s;
    -moz-transition: background 0.2s ease-in-out 0s;
    -ms-transition: background 0.2s ease-in-out 0s;
    -o-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s;
	}
.main_slide .btn a:hover {background-color: #14273c; color: #ffffff; border: 1px solid #ffffff; } 
.benefit {width: 1400px; margin: 50px auto; text-align: center;}
.benefit .tit {font-size: 30px; font-weight: 700; margin: 20px 0; }
.benefit .tit span {font-size: 16px; color: #334ca0; }
.benefit ul {font-size: 0; }
.benefit ul li {width: 230px; display: inline-block; margin-left: 55px;     vertical-align: top;}
.benefit ul li:first-child {margin-left: 0;}
.benefit ul li .won {width: 100px; height: 100px; border-radius: 100px; margin:10px auto 20px;;  }
.benefit ul li .won img {    width: 65%;    padding-top: 18px; }
.benefit ul li:nth-child(1) .won {background-color: #2e5a59; }
.benefit ul li:nth-child(2) .won {background-color: #404646; }
.benefit ul li:nth-child(3) .won {background-color: #3e5776; }
.benefit ul li:nth-child(4) .won {background-color: #7b3744; }
.benefit ul li p{font-size: 18px; font-weight: bold; height: 40px; letter-spacing: -1px;}
.benefit ul li span{font-size: 14px; color: #555555;}



#companyinfo { color: #ffffff;  padding: 50px 0 100px; text-align: center; 
background: #a292c4;
background: -moz-linear-gradient(left, #a292c4 0%, #7597c2 100%);
background: -webkit-linear-gradient(left, #a292c4 0%,#7597c2 100%);
background: linear-gradient(to right, #a292c4 0%,#7597c2 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a292c4', endColorstr='#7597c2',GradientType=1 );
}
#companyinfo div.tit {font-size: 30px; font-weight: 700; margin: 20px 0 40px; color: #ffffff; }
#companyinfo div.tit span  {font-size: 16px; color: #334ca0; }
#companyinfo ul {width: 1400px; margin: auto; font-size: 0; }
#companyinfo ul li{position: relative; width: 50%; display: inline-block;  text-align: left; padding-bottom: 50px; vertical-align: top;}
#companyinfo ul li div {text-align: center; position: absolute; left: 0; top: 40px;}
#companyinfo ul li div img {width: 110px; }
#companyinfo ul  h4, #companyinfo ul p {padding-left: 135px; }
#companyinfo ul  h4 {font-size: 26px; font-weight: 700;}
#companyinfo ul p {font-size: 16px; color: #ffffff; }
.company {    padding-bottom: 127px;}

#subdomain ul {text-align: center; font-size: 0;}
#subdomain li {display: inline-block; width: 33.333%; margin-bottom: 30px;  vertical-align: top; height: 250px; }
#subdomain li img{ width: 97%;  padding-top: 10px;
	-webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
#subdomain li img:hover {padding-top: 0px;}



h2 {    font-size: 36px;    letter-spacing: 1px;    font-weight: 600;    color: #222222;    margin-top: 30px;    margin-bottom: 40px;}

  #link5  { background: #fafafa;    overflow: hidden; border-bottom: 1px #eee solid;  padding: 80px 0 100px}
  #link5 h2{text-align: center; margin: 20px 0 60px;}
  #link5 h3 {text-align: center;  font-weight: 700; margin: 20px 0 70px;}
  
  #link5 .content5 {max-width: 1400px; margin: auto;  position: relative; width: 100%; min-width:1000px; }
  
  .content5 .swiper-container.slide_function {padding-bottom: 50px; padding-top: 50px;}
  .slide_function .swiper-slide {padding: 16px; }
  .slide_function .box {background-color: #ffffff; text-align: left; height: 300px; border-radius: 30px; box-shadow: 0px 2px 7px 5px #ebebeb;  font-size: 16px; padding: 20px 10px 30px 25px; word-break: keep-all;  font-family: "s-core-dream", sans-serif; }
  .slide_function .box h4{font-size: 28px; font-weight: 600; padding: 10px 0;  }  
  .slide_function .box:hover {background-color: #e7f6fd;}
  .slide_function .box img {width: 60px;}
  
  #link5 .icon_tab {font-size: 0;}
  #link5 .icon_tab li {display: inline-block; width: 9%; padding: 10px; font-size: 16px; text-align: center; font-size: 14px; color: #666666; cursor: pointer; vertical-align: top; font-weight: 600;}
  #link5 .icon_tab li img {width: 100%; max-width: 65px;}
  

  #companyinfo { color: #ffffff;  padding: 50px 0 100px; text-align: center; 
  background: #00a7e9;
  background: -moz-linear-gradient(left, #00a7e9 35%, #0057a6 100%);
  background: -webkit-linear-gradient(left, #00a7e9 35%,#0057a6 100%);
  background: linear-gradient(to right, #00a7e9 35%,#0057a6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e9', endColorstr='#0057a6',GradientType=1 );
  }
  #companyinfo h2 {color: #ffffff; font-weight: 400; }
  #companyinfo ul li{position: relative; text-align: left; padding-bottom: 50px; vertical-align: top;}
  #companyinfo ul li div {text-align: center; position: absolute; left: 0; top: 40px;}
  #companyinfo ul li div img {width: 110px; }
  #companyinfo ul  h4, #companyinfo ul p {padding-left: 120px; }
  #companyinfo ul  h4 {font-size: 26px; font-weight: 700; font-family: 's-core-dream', 'Sans-serif'; text-transform:uppercase;}
  #companyinfo ul p {font-size: 18px;     color: #ffffff;}
  #companyinfo a.down {background-color: #ffffff; color: #9375bf; font-weight: 700; margin: 30px 0; }


#subdomain {text-align: center; max-width: 1100px; margin: 50px auto 20px auto; }
#subdomain  .tit {font-size: 30px; font-weight: 700; margin: 50px 0 40px; }
#subdomain  .tit span {font-size: 16px; color: #334ca0; }

#subdomain p {  font-size: 18px;    font-weight: bold;    height: 40px;}
#subdomain span {    font-size: 14px;  }


#subdomain ul {text-align: center; font-size: 0;}
#subdomain li {display: inline-block; width: 33.333%; margin-bottom: 30px;  vertical-align: top; height: 250px; }
#subdomain li img{ width: 97%;  padding-top: 10px;
	-webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
#subdomain li img:hover {padding-top: 0px;}

  span.subtit  {font-size: 18px; font-weight: 600; display: block; margin-bottom: 14px; letter-spacing: 0;}

  #process  {margin: 100px 0 0px; width: 100%; }
  #process h2 {text-align: center; }
  #process  img {max-width: 95%;}
  #process > div {background: url('/images/solution2/bg_process2.png') top repeat-x; text-align: center;}



  #business {margin: 100px 0 100px; border-bottom: 1px #eee solid; padding-bottom: 50px; min-width: 1000px;}
  #business h2 {text-align: center; }
  #business ul {font-size: 0;}
  #business li {text-align: center; margin-bottom: 30px; width: 25%;  display: inline-block;     list-style-type: none; vertical-align: top; }
  #business li h4 {font-size: 22px; font-weight: 700; padding: 20px 0 10px; min-height: 115px; font-family: 's-core-dream'; }
  #business li p {font-size: 18px; font-weight: 400; display: block; margin: 0 10px; word-break: keep-all;}
  #business li img {width: 60%; max-width: 140px; }



  #gui  {margin: 0px auto; position: relative; max-width: 1400px; }
  #gui h2 {  text-align: center; width: 100%;  }
  #myVideo {    width: 100%;    height: auto;    min-width: 100%;     min-height: 100%; }
  .link_youtube {position: absolute; right: 0; top: 40px; }
  .link_youtube  a {display: block; width: 200px; border: 1px solid #dddddd; padding: 10px; margin: -30px 0 10px; border-radius: 8px; text-align: center;}
  .link_youtube  a img {width: 40px; }
  .link_youtube  a p{font-size: 18px; color: #272d30; padding: 0; margin: 0; font-weight: bold;} 

#bottom .info {font-size: 14px; }

#link1 {    max-width: 1100px;
    margin: 50px auto;
    position: relative;
    width: 100%;
    min-width: 1000px; }

#link1 .card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 30px;
}

#link1 .card {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  text-align: center; 
  overflow: hidden; 
  word-break: keep-all;
}

#link1 .card-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  background: #6cb77e;
  color: #ffffff;
  padding: 20px;
}

#link1 .card-description {
  font-size: 18px;
  line-height: 1.6;
  color: #666;
  padding: 20px;
}