.c1 {
  color: #ef172f !important;
}

.c2 {
  color: #76b900 !important;
}

.c3 {
  color: #333;
}

.c6 {
  color: #666;
}

.c9 {
  color: #999;
}

.cf{color: #fff;}

html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
button,
pre {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333;
  font-family: 'GmarketSans', 'Noto Sans KR';
  line-height: 150%;
  font-weight: 300;
}
@media (max-width: 620px) {
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  form,
  fieldset,
  p,
  button,
  pre {
    font-size: 12px;
  }
}

td,
th {
  padding: 0;
  font-family: 'GmarketSans', 'Noto Sans KR';
  font-size: 14px;
  color: #333;
  font-weight: 300;
}
@media (max-width: 620px) {
  td,
  th {
    font-size: 12px;
  }
}

a,
span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

body {
  height: 100%;
  position: relative;
  overflow-y: scroll;
  word-break: keep-all;
  *word-break: keep-all;
  -ms-word-break: keep-all;
}

img,
fieldset,
iframe {
  border: 0 none;
}

li {
  list-style: none;
}

input,
select,
button,
textarea {
  padding: 0;
  border: 1px solid #ddd;
  font-family: 'GmarketSans', 'Noto Sans KR';
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 620px) {
  input,
  select,
  button,
  textarea {
    font-size: 12px;
  }
}

input {
  padding: 0 10px;
}

input[type='text'],
input[type='password'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

input[type='file'] {
  padding: 0;
  -webkit-border-radius: 0;
}

input[type='file']::-webkit-file-upload-button {
  vertical-align: middle;
  height: 100%;
}

select::-ms-expand {
  display: none;
}

select {
  padding: 0 25px 0 20px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-color: #fff;
  background-image: url(../img/init/sel_init_ico.png);
  -webkit-background-size: 10px 6px;
  background-size: 10px 6px;
}

select option {
  background: #fff;
  color: #333;
}

textarea {
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}

em,
address {
  font-style: normal;
}

label,
button {
  cursor: pointer;
}

button {
  background: none;
  border: none;
  vertical-align: top;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

legend {
  *width: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

pre {
  white-space: pre-line;
  font-family: 'GmarketSans', 'Noto Sans KR';
}

sup {
  font-size: 0.5%;
}

figure {
  margin: 0;
}

/* position */
.por {
  position: relative;
}

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

/* display */
.dn {
  display: none;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.dt {
  display: table;
}

.dtr {
  display: table-row;
}

.dtc {
  display: table-cell;
}

.dt {
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.dtr {
  width: 100%;
}

.dtc {
  vertical-align: middle;
}

/* float */
.fl {
  float: left;
}

.fr {
  float: right;
}

.flul > li {
  float: left;
}

.flul:after {
  content: '';
  display: block;
  clear: both;
}

.cb:after {
  content: '';
  display: block;
  clear: both;
}

/* space */
.pt0 {
  padding-top: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.mt0 {
  margin-top: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.mt66 {
  margin-top: 66px;
}

.pt70 {
  padding-top: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.mt70 {
  margin-top: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.pt80 {
  padding-top: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.pt100 {
  padding-top: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.pt150 {
  padding-top: 150px;
}

.pb150 {
  padding-bottom: 150px;
}

.mt150 {
  margin-top: 150px;
}

.mb150 {
  margin-bottom: 150px;
}

@media screen and (max-width: 620px) {
  .pt10 {
    padding-top: 5px;
  }

  .pb10 {
    padding-bottom: 5px;
  }

  .mt10 {
    margin-top: 5px;
  }

  .mb10 {
    margin-bottom: 5px;
  }

  .pt20 {
    padding-top: 10px;
  }

  .pb20 {
    padding-bottom: 10px;
  }

  .mt20 {
    margin-top: 10px;
  }

  .mb20 {
    margin-bottom: 10px;
  }

  .pt30 {
    padding-top: 15px;
  }

  .pb30 {
    padding-bottom: 15px;
  }

  .mt30 {
    margin-top: 15px;
  }

  .mb30 {
    margin-bottom: 15px;
  }

  .pt40 {
    padding-top: 20px;
  }

  .pb40 {
    padding-bottom: 20px;
  }

  .mt40 {
    margin-top: 20px;
  }

  .mb40 {
    margin-bottom: 20px;
  }

  .pt50 {
    padding-top: 25px;
  }

  .pb50 {
    padding-bottom: 25px;
  }

  .mt50 {
    margin-top: 25px;
  }

  .mb50 {
    margin-bottom: 25px;
  }

  .pt60 {
    padding-top: 30px;
  }

  .pb60 {
    padding-bottom: 30px;
  }

  .mt60 {
    margin-top: 30px;
  }

  .mb60 {
    margin-bottom: 30px;
  }

  .pt70 {
    padding-top: 35px;
  }

  .pb70 {
    padding-bottom: 35px;
  }

  .mt70 {
    margin-top: 35px;
  }

  .mb70 {
    margin-bottom: 35px;
  }

  .pt80 {
    padding-top: 40px;
  }

  .pb80 {
    padding-bottom: 40px;
  }

  .mt80 {
    margin-top: 40px;
  }

  .mb80 {
    margin-bottom: 40px;
  }

  .pt90 {
    padding-top: 45px;
  }

  .pb90 {
    padding-bottom: 45px;
  }

  .mt90 {
    margin-top: 45px;
  }

  .mb90 {
    margin-bottom: 45px;
  }

  .pt100 {
    padding-top: 50px;
  }

  .pb100 {
    padding-bottom: 50px;
  }

  .mt100 {
    margin-top: 50px;
  }

  .mb100 {
    margin-bottom: 50px;
  }
}
.pl0 {
  padding-left: 0px;
}

.pr0 {
  padding-right: 0px;
}

.ml0 {
  margin-left: 0px;
}

.mr0 {
  margin-right: 0px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pr50 {
  padding-right: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mr50 {
  margin-right: 50px;
}

.pl60 {
  padding-left: 60px;
}

.pr60 {
  padding-right: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mr60 {
  margin-right: 60px;
}

.pl70 {
  padding-left: 70px;
}

.pr70 {
  padding-right: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mr70 {
  margin-right: 70px;
}

.pl80 {
  padding-left: 80px;
}

.pr80 {
  padding-right: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mr80 {
  margin-right: 80px;
}

.pl90 {
  padding-left: 90px;
}

.pr90 {
  padding-right: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mr90 {
  margin-right: 90px;
}

.pl100 {
  padding-left: 100px;
}

.pr100 {
  padding-right: 100px;
}

.ml100 {
  margin-left: 100px;
}

.mr100 {
  margin-right: 100px;
}

.pl150 {
  padding-left: 150px;
}

.pr150 {
  padding-right: 150px;
}

.ml150 {
  margin-left: 150px;
}

.mr150 {
  margin-right: 150px;
}

/* web accessibility */
.blind {
  display: inline-block !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.skip_nav li a {
  position: absolute;
  left: -3000%;
}
.skip_nav li a:focus {
  display: block;
  left: 0;
  top: 0;
  z-index: 2000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #039;
  color: #fff;
  text-align: center;
}

.ti {
  text-indent: -999em;
}

.inp_ti {
  overflow: hidden;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
}

.imgz {
  width: 100%;
}

.cup {
  cursor: pointer;
}

.vam {
  vertical-align: middle;
}

/* text */
.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fw1 {
  font-weight: 100;
}

.fw3 {
  font-weight: 300;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

/* List layout */
.res_lst.lng1.s10 > li {
  width: calc(100% / 1 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng1.s20 > li {
  width: calc(100% / 1 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng1.s30 > li {
  width: calc(100% / 1 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng1.s40 > li {
  width: calc(100% / 1 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng1.s50 > li {
  width: calc(100% / 1 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng1.s60 > li {
  width: calc(100% / 1 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng2.s10 > li {
  width: calc(100% / 2 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng2.s20 > li {
  width: calc(100% / 2 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng2.s30 > li {
  width: calc(100% / 2 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng2.s40 > li {
  width: calc(100% / 2 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng2.s50 > li {
  width: calc(100% / 2 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng2.s60 > li {
  width: calc(100% / 2 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng3.s10 > li {
  width: calc(100% / 3 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng3.s20 > li {
  width: calc(100% / 3 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng3.s30 > li {
  width: calc(100% / 3 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng3.s40 > li {
  width: calc(100% / 3 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng3.s50 > li {
  width: calc(100% / 3 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng3.s60 > li {
  width: calc(100% / 3 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng4.s10 > li {
  width: calc(100% / 4 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng4.s20 > li {
  width: calc(100% / 4 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng4.s30 > li {
  width: calc(100% / 4 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng4.s40 > li {
  width: calc(100% / 4 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng4.s50 > li {
  width: calc(100% / 4 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng4.s60 > li {
  width: calc(100% / 4 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng5.s10 > li {
  width: calc(100% / 5 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng5.s20 > li {
  width: calc(100% / 5 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng5.s30 > li {
  width: calc(100% / 5 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng5.s40 > li {
  width: calc(100% / 5 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng5.s50 > li {
  width: calc(100% / 5 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng5.s60 > li {
  width: calc(100% / 5 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst.lng6.s10 > li {
  width: calc(100% / 6 - 10px);
  margin-left: 10px;
}

.res_lst.s10 {
  margin-left: -10px;
}

.res_lst.lng6.s20 > li {
  width: calc(100% / 6 - 20px);
  margin-left: 20px;
}

.res_lst.s20 {
  margin-left: -20px;
}

.res_lst.lng6.s30 > li {
  width: calc(100% / 6 - 30px);
  margin-left: 30px;
}

.res_lst.s30 {
  margin-left: -30px;
}

.res_lst.lng6.s40 > li {
  width: calc(100% / 6 - 40px);
  margin-left: 40px;
}

.res_lst.s40 {
  margin-left: -40px;
}

.res_lst.lng6.s50 > li {
  width: calc(100% / 6 - 50px);
  margin-left: 50px;
}

.res_lst.s50 {
  margin-left: -50px;
}

.res_lst.lng6.s60 > li {
  width: calc(100% / 6 - 60px);
  margin-left: 60px;
}

.res_lst.s60 {
  margin-left: -60px;
}

.res_lst {
  font-size: 0;
}
.res_lst > li {
  display: inline-block;
  vertical-align: top;
}

.tov {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tov_m {
  display: -webkit-box;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.tov2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* -webkit-line-clamp: 2;line-height: 30px; */
.mov_frame,
.frame_height {
  position: relative;
  padding-top: 56.25%;
}
.mov_frame iframe,
.frame_height iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.bgi {
  background-repeat: no-repeat;
}

.bgi_b:before {
  content: '';
  background-repeat: no-repeat;
}

.bgi_a:after {
  content: '';
  background-repeat: no-repeat;
}

.bx-wrapper {
  position: relative;
}

.bx-controls {
  position: absolute;
}

#gMap img,
.map_api img {
  max-width: inherit;
  max-height: inherit;
}

.tn {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.ani {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 0, 50);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 50);
  transform: matrix(1, 0, 0, 1, 0, 50);
  transition: transform 0.8s, opacity 0.8s;
  -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
}

.ani.view {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.ani.r {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, 50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 50, 0);
  transform: matrix(1, 0, 0, 1, 50, 0);
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
}

.ani.l {
  opacity: 0;
  -ms-transform: matrix(1, 0, 0, 1, -50, 0);
  -webkit-transform: matrix(1, 0, 0, 1, -50, 0);
  transform: matrix(1, 0, 0, 1, -50, 0);
  transition: transform 1.2s, opacity 1.2s;
  -webkit-transition: -webkit-transform 1.2s, opacity 1.2s;
}

.ani.appear {
  opacity: 1;
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* font-size */
.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}

.fz24 {
  font-size: 24px;
}

.fz30 {
  font-size: 30px;
}

.fz36 {
  font-size: 36px;
}

.fz40 {
  font-size: 40px;
}

.fz50 {
  font-size: 50px;
}

.fz100 {
  font-size: 100px;
}

.fz180 {
  font-size: 180px;
}

@media screen and (max-width: 620px) {
  .fz12 {
    font-size: 11px;
  }

	.fz13 {
		font-size: 11px;
	}

  .fz14 {
    font-size: 12px;
  }

  .fz16 {
    font-size: 12px;
  }

	.fz17 {
    font-size: 12px;
  }

  .fz18 {
    font-size: 14px;
  }

  .fz20 {
    font-size: 16px;
  }

  .fz22 {
    font-size: 16px;
  }

  .fz24 {
    font-size: 18px;
  }

  .fz30 {
    font-size: 18px;
  }

  .fz36 {
    font-size: 22px;
  }

  .fz40 {
    font-size: 24px;
  }

  .fz50 {
    font-size: 30px;
  }

  .fz100 {
    font-size: 50px;
  }

  .fz180 {
    font-size: 90px;
  }

  div,
  p,
  th,
  td {
    font-size: 14px;
  }
}
@media screen and (max-width: 620px) and (max-width: 620px) {
  div,
  p,
  th,
  td {
    font-size: 12px;
  }
}
/* system popup style */
.sys_popup {
  position: absolute;
  z-index: 3000;
  max-width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.sys_popup .cont {
  height: 100%;
}
.sys_popup .cont .top {
  height: calc(100% - 48px);
}
.sys_popup .cont .top .pop_tit {
  display: none;
}
.sys_popup .cont .top img {
  width: 100%;
}
.sys_popup .cont .bottom {
  padding: 10px;
  text-align: right;
}
.sys_popup .cont .bottom button {
  vertical-align: middle;
}
.sys_popup .cont .bottom button img {
  vertical-align: middle;
}
.sys_popup .cont .bottom .sys_pop_close.cookie::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  margin-right: 5px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.sys_popup .cont .bottom .close {
  margin-bottom: 3px;
  margin-left: 10px;
}
.sys_popup.dn {
  display: none;
}

@media (max-width: 1200px) {
  .sys_popup {
    top: 20px !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    /* height: 100% !important; */
    background-color: transparent;
    border: none;
  }
  .sys_popup::after {
    content: '';
    position: fixed;
    z-index: 3000;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sys_popup .cont {
    position: relative;
    z-index: 3500;
    width: 95%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
  }
  .sys_popup .cont .top > a {
    height: auto !important;
  }
}
/* page num */
.page_num {
  position: relative;
  margin-top: 70px;
  text-align: center;
  font-size: 0;
}
@media (max-width: 620px) {
  .page_num {
    margin-top: 25px;
  }
}
.page_num a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #999;
  line-height: 30px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
}
.page_num .act {
  position: relative;
  z-index: 1;
  color: #fff;
  border-radius: 50%;
  background-color: #ef172f !important;
}
.page_num .page {
  text-indent: -9999px;
}
.page_num .first {
  background: url(/src/img/init/page_first.png) 50% 50% no-repeat;
}
.page_num .last {
  background: url(/src/img/init/page_last.png) 50% 50% no-repeat;
}
.page_num .l {
  background: url(/src/img/init/page_left.png) 50% 50% no-repeat;
}
.page_num .r {
  background: url(/src/img/init/page_right.png) 50% 50% no-repeat;
}

.container {
  width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1240px) {
  .container {
    width: 90%;
  }
}

@media screen and (max-width: 1420px) {
  .dn1420 {
    display: none !important;
  }
}
@media screen and (max-width: 1240px) {
  .db1000 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn1000 {
    display: none !important;
  }
}
@media screen and (max-width: 1119px) {
  .db960 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn960 {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .db720 {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn720 {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .db594 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn594 {
    display: none !important;
  }
}
@media screen and (max-width: 620px) {
  .db326 {
    display: block !important;
    float: none;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn326 {
    display: none !important;
  }
}
@media screen and (max-width: 356px) {
  .db90 {
    display: block;
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .dn90 {
    display: none;
  }
}
.de_btn.r30,
.de_inp.r30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.de_btn.r15,
.de_inp.r15 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.de_btn.r8,
.de_inp.r8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.de_btn.r5,
.de_inp.r5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.de_btn.r3,
.de_inp.r3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.de_cki.r30 i,
.de_cks.r30 i {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.de_cki.r15 i,
.de_cks.r15 i {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.de_cki.r8 i,
.de_cks.r8 i {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.de_cki.r5 i,
.de_cks.r5 i {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.de_cki.r3 i,
.de_cks.r3 i {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.de_btn {
  display: inline-block;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  color: #666;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

.de_btn:disabled {
  background-color: #eee !important;
  color: #ccc !important;
  cursor: auto;
}

.de_btn:focus {
  outline: none;
}

/* btn size*/
.de_btn.sg {
  min-width: 155px;
  height: 60px;
  line-height: 58px;
  font-size: 14px;
  font-weight: 500;
}

.de_btn.sl {
  min-width: 130px;
  height: 50px;
  line-height: 48px;
  font-size: 14px;
  font-weight: 500;
}

.de_btn.sm {
  min-width: 116px;
  height: 45px;
  line-height: 43px;
  font-size: 12px;
  font-weight: 500;
}

.de_btn.ss {
  min-width: 95px;
  height: 36px;
  line-height: 34px;
  font-size: 12px;
}

.de_btn.st {
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
}

.de_btn.fill {
  background-color: #ef172f;
  color: #fff;
}

.de_btn.fill:hover {
  background-color: rgba(27, 118, 255, 0.5);
}

.de_btn.fill:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.de_btn.outline {
  border: 1px solid #999;
}

.de_btn.outline:hover {
  border: 1px solid #ef172f;
  color: #ef172f;
}

.de_btn.outline:focus {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.de_btn.outline:disabled {
  border: 1px solid #ccc;
}

.de_btn.ghost {
  border: 1px solid transparent;
}

.de_btn.ghost:hover {
  border: 1px solid transparent;
  color: #ef172f;
}

.de_btn.ghost:focus {
  text-shadow: 1px 5px 5px rgba(0, 0, 0, 0.15);
}

.de_inp {
  width: 100%;
  border: 1px solid #ddd;
}

input.de_inp {
  padding: 0 10px;
}

.de_inp::-webkit-input-placeholder {
  color: #999;
}

.de_inp::-moz-placeholder {
  color: #999;
}

.de_inp:-ms-input-placeholder {
  color: #999;
}

.de_inp:-moz-placeholder {
  color: #999;
}

.de_inp:focus {
  border: 1px solid #ef172f;
  outline: none;
}

.de_inp:disabled {
  background-color: #eee;
}

input.de_inp.sm {
  height: 45px;
  padding: 0 20px;
}

.de_inp.ss {
  height: 36px;
}

.de_inp.st {
  height: 30px;
}

.de_rdo,
.de_cks {
  display: inline-block;
  vertical-align: middle;
}
.de_rdo i,
.de_cks i {
  display: inline-block;
  border: 1px solid #9b9b9b;
  vertical-align: middle;
  background-color: #fff;
}
.de_rdo input,
.de_cks input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.de_rdo i::after,
.de_cks i::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.de_rdo input:checked ~ i::after,
.de_cks input:checked ~ i::after {
  background-color: #ef172f;
  transform: scale(0.5, 0.5) rotate(0.3deg);
  -webkit-transform: scale(0.5, 0.5) rotate(0.3deg);
  transform: scale(0.5, 0.5) rotate(0.3deg);
}
.de_rdo input:disabled ~ i,
.de_cks input:disabled ~ i {
  background-color: #eee;
}

.de_rdo.txt i,
.de_cks.txt i,
.de_cki.txt i {
  margin-right: 10px;
}

.de_rdo i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.de_rdo i::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.de_cki,
.de_cks {
  display: inline-block;
  vertical-align: middle;
}
.de_cki i,
.de_cks i {
  display: inline-block;
  border: 1px solid #9b9b9b;
  vertical-align: middle;
}

.de_rdo.sg i,
.de_cki.sg i,
.de_cks.sg i {
  width: 30px;
  height: 30px;
}

.de_rdo.ss i,
.de_cki.ss i,
.de_cki.bg i,
.de_cks.ss i {
  width: 20px;
  height: 20px;
}

.de_cki {
  display: inline-block;
  vertical-align: middle;
}
.de_cki input {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.de_cki i {
  position: relative;
}
.de_cki i::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  margin-top: -7px;
  margin-left: -4px;
  border: solid #ef172f;
  border-width: 0 2px 2px 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.de_cki input:checked ~ i::after {
  opacity: 1;
}
.de_cki input:disabled ~ i {
  background-color: #eee;
}
.de_cki.bg {
  border-radius: 5px;
}
.de_cki.bg i {
  border-radius: 5px;
}
.de_cki.bg i::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.de_cki.bg input:checked ~ i {
  border: 1px solid #ef172f !important;
  background-color: #ef172f !important;
}

.browser_modal {
  z-index: 30;
  position: fixed;
  right: 50px;
  bottom: 50px;
  border: 1px solid #000;
  background-color: #fff;
}
@media screen and (max-width: 620px) {
  .browser_modal {
    width: 90%;
    right: 5%;
    bottom: 20px;
  }
}
.browser_modal .c0 {
  color: #000;
}
.browser_modal .txt_wrap {
  padding: 30px;
  text-align: center;
}
.browser_modal .txt_wrap .t1 {
  font-size: 12px;
  line-height: 150%;
}
.browser_modal .b_wrap {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #ddd;
}
.browser_modal .b_wrap .close_btn {
  display: inline-block;
  line-height: 150%;
  font-size: 12px;
  color: #666;
}
.browser_modal .b_wrap .close_btn::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 10px;
  background-image: url(/src/img/init/browser_close_ico.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.sys_popup {
  position: absolute;
  z-index: 3000;
  max-width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
}
.sys_popup .cont {
  height: 100%;
}
.sys_popup .cont .top {
  height: calc(100% - 48px);
}
.sys_popup .cont .top img {
  width: 100%;
}
.sys_popup .cont .bottom {
  padding: 10px;
  text-align: right;
}
.sys_popup .cont .bottom button {
  vertical-align: middle;
}
.sys_popup .cont .bottom button img {
  vertical-align: middle;
}
.sys_popup .cont .bottom .sys_pop_close.cookie::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: 3px;
  margin-right: 5px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.sys_popup .cont .bottom .close {
  margin-bottom: 3px;
  margin-left: 10px;
}

.sys_popup.dn {
  display: none;
}

/* response ex

'd1000','d960','d720','d594','d326','d90'

@include respond-to('d1000') {
  background: pink;
}
@include respond-to('d960') {
  background: orange;
}
@include respond-to('d720') {
  background: blue;
}
*/
body.ovh {
  overflow: hidden;
  padding-right: 17px;
}

.w_container {
  width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1420px) {
  .w_container {
    width: 90%;
  }
}

.lh {
  line-height: 100%;
}
@media (max-width: 1240px) {
  .lh.d1000 {
    line-height: 150%;
  }
}

.l_bar {
  position: relative;
  padding-left: 15px;
}
.l_bar::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 23px;
  background-color: #ef172f !important;
}
@media (max-width: 620px) {
  .l_bar::before {
    top: -2px;
  }
}

.vert_line .line {
  margin-left: -4px;
}
.vert_line .line:first-child {
  margin-left: 0;
}
.vert_line .line::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 6px;
  margin: 0 10px;
  vertical-align: middle;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .vert_line .line::after {
    margin: 0 5px;
  }
}
.vert_line .line:last-child::after {
  display: none;
}

.line_break span {
  display: block;
}
@media (max-width: 1240px) {
  .line_break span.d1000 {
    display: inline;
  }
}
@media (max-width: 620px) {
  .line_break span.d326 {
    display: inline;
  }
}

.cont_tab {
  border-top: 2px solid #000;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 1240px) {
  .cont_tab {
    border: 0;
  }
}
@media (max-width: 1240px) {
  .cont_tab.mb100 {
    margin-bottom: 50px;
  }
}
.cont_tab > ul {
  font-size: 0;
  text-align: center;
}
.cont_tab > ul > li {
  display: inline-block;
  width: 240px;
  height: 70px;
  vertical-align: top;
}
@media (max-width: 1240px) {
  .cont_tab > ul > li {
    width: 20%;
  }
}
.cont_tab > ul > li > button,
.cont_tab > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #666;
}
.cont_tab > ul > li > button::after,
.cont_tab > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 4px;
  background-color: #ef172f !important;
  transition: 0.5s all;
}
.cont_tab > ul > li > a {
  line-height: 70px;
}
.cont_tab > ul > li.act > button,
.cont_tab > ul > li.act > a {
  font-weight: bold;
  color: #ef172f !important;
}
.cont_tab > ul > li.act > button::after,
.cont_tab > ul > li.act > a::after {
  width: 100%;
}
.cont_tab .cont_tab_sel {
  width: 90%;
  height: 70px;
  margin: 0 auto;
  padding: 0 20px;
}
.cont_tab .cont_tab_sel.mt60 {
  margin: 60px auto 0;
}
@media (max-width: 1240px) {
  .cont_tab .cont_tab_sel {
    display: block;
  }
}
@media (max-width: 620px) {
  .cont_tab .cont_tab_sel {
    width: 100%;
    height: 50px;
  }
  .cont_tab .cont_tab_sel.mt60 {
    margin: 30px auto 0;
  }
}
.cont_tab.type2 {
  border-top: 0;
}
@media (max-width: 1240px) {
  .cont_tab.type2 {
    border-bottom: 0;
  }
}
.cont_tab.type2 > ul > li {
  width: 200px;
  height: auto;
}
.cont_tab.type2 > ul > li > button,
.cont_tab.type2 > ul > li > a {
  padding: 24px 0;
  line-height: 100%;
}
.cont_tab.type2 > ul > li > button.fz12,
.cont_tab.type2 > ul > li > a.fz12 {
  padding: 27px 0;
}
@media (max-width: 1240px) {
  .cont_tab.type2 .cont_tab_sel {
    display: block;
    width: 100%;
  }
}

.cont_tab.type2.li_w240 > ul > li{width: 240px;}





.tab_cont_box .tab_cont {
  display: none;
}
.tab_cont_box .tab_cont.db {
  display: block;
}

.bdrd_tab > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
@media (max-width: 1240px) {
  .bdrd_tab > ul {
    margin-bottom: -20px;
    padding: 0 25px;
  }
}
@media (max-width: 620px) {
  .bdrd_tab > ul {
    margin-left: -10px;
    margin-bottom: -10px;
    padding: 0;
  }
}
.bdrd_tab > ul > li {
  overflow: hidden;
  width: calc(25% - 20px);
  margin-left: 20px;
  border-radius: 20px 20px 0 0;
}
@media (max-width: 1240px) {
  .bdrd_tab > ul > li {
    width: calc(50% - 20px);
    margin-bottom: 20px;
  }
}
@media (max-width: 620px) {
  .bdrd_tab > ul > li {
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
.bdrd_tab > ul > li > button {
  width: 100%;
}
.bdrd_tab > ul > li > button .t1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  color: #fff;
  background-color: #6e6e6e;
}
.bdrd_tab > ul > li > button > img {
  border: 1px solid #ddd;
}
.bdrd_tab > ul > li > button .txt_box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 112px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-top: 0;
}
.bdrd_tab > ul > li.act > button .t1 {
  background-color: #ef172f !important;
}
.bdrd_tab > ul > li.act > button > img {
  border: 1px solid #ef172f !important;
}
.bdrd_tab > ul > li.act > button .txt_box {
  border: 1px solid #ef172f;
  border-top: 0;
}
.bdrd_tab > ul > li.act > button .txt_box .t2 {
  color: #ef172f !important;
}

.bg_box {
  width: 100%;
  height: 403px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bg_box .dt .dtc > p {
  color: #fff;
}
.bg_box .dt .dtc > p.lh2 {
  line-height: 120%;
}
@media (max-width: 1240px) {
  .bg_box .dt .dtc > p > span.db {
    display: inline !important;
  }
}
@media (max-width: 1240px) {
  .bg_box .dt .dtc > p.spac_txt {
    padding: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .bg_box .dt .dtc > p.spac_txt {
    padding: 20px 0 0;
  }
}
.bg_box.rack_app_bg {
  background-image: url(/src/img/bg/rack_app_bg.jpg);
}
.bg_box.supernas_bg {
  background-image: url(/src/img/bg/supernas_bg.jpg);
}
.bg_box.hopper_bg {
  background-image: url(/src/img/bg/hopper_bg.jpg);
}
.bg_box.hopper_bg .spac_txt {
  padding: 40px 130px 0;
}
.bg_box.ampere_bg {
  background-image: url(/src/img/bg/ampere_bg.jpg);
}
.bg_box.dgx_h100_bg {
  background-image: url(/src/img/bg/dgx_h100_bg.jpg);
}
.bg_box.dgx_h100_bg .spac_txt {
  padding: 40px 40px 0;
}
.bg_box.dgx_a100_bg {
  background-image: url(/src/img/bg/dgx_a100_bg.jpg);
}
.bg_box.data_cloud_bg {
  background-image: url(/src/img/bg/data_cloud_bg.jpg);
}
.bg_box.data_cloud_bg .spac_txt {
  padding: 40px 100px 0;
}
.bg_box.bcm_bg {
  background-image: url(/src/img/bg/bcm_bg.jpg);
}
.bg_box.virtualization_bg {
  background-image: url(/src/img/bg/virtualization_bg.jpg);
}
.bg_box.edge_bg {
  background-image: url(/src/img/bg/edge_bg.jpg);
}
.bg_box.edge_bg .spac_txt {
  padding: 40px 40px 0;
}
.bg_box.high_computing_bg {
  background-image: url(/src/img/bg/high_computing_bg.jpg);
}
.bg_box.high_computing_bg .spac_txt {
  padding: 40px 120px 0;
}
.bg_box.self_driving_bg {
  background-image: url(/src/img/bg/self_driving_bg.jpg);
}
.bg_box.mi_series_bg {
  background-image: url(/src/img/bg/mi_series_bg.jpg);
}
.bg_box.mi300_series_bg{background-image: url(/src/img/bg/mi300_series_bg.jpg);}
.bg_box.mi_series_bg .spac_txt {
  padding: 0 22px;
}
.bg_box.accelerator_bg {
  background-image: url(/src/img/bg/accelerator_bg.jpg);
}
.bg_box.greetings_bg {
  background-image: url(/src/img/bg/greetings_bg.jpg);
}
.bg_box.distributor_intro_bg {
  background-image: url(/src/img/bg/distributor_intro_bg.jpg);
}
.bg_box.distributor_intro_bg .spac_txt {
  padding: 0 200px;
}
.bg_box.solution_bg {
  background-image: url(/src/img/bg/solution_bg.jpg);
}
.bg_box.processors_bg{background-image: url(/src/img/bg/processors_bg.jpg);}
.bg_box.ampere_solution_bg{background-image: url(/src/img/bg/ampere_solution_bg.jpg);}
.bg_box.flash_array_bg{background-image: url(/src/img/bg/flash_array_bg.jpg);}
.bg_box.flash_blade_bg{background-image: url(/src/img/bg/flash_blade_bg.jpg);}
.bg_box.evergreen_bg{background-image: url(/src/img/bg/evergreen_bg.jpg);}
.bg_box.ai_platform_bg{background-image: url(/src/img/bg/ai_platform_bg.jpg);}
.bg_box.blackwell_bg{background-image: url(/src/img/bg/blackwell_bg.jpg);}
.bg_box.grace_cpu_bg{background-image: url(/src/img/bg/grace_cpu_bg.jpg);}
@media (max-width: 991px){
	.bg_box.grace_cpu_bg{height: 500px;}
}
@media (max-width: 620px){
	.bg_box.grace_cpu_bg{height: 403px;}
}

.bg_box.ai_solution_bg{background-image: url(/src/img/bg/ai_solution_bg.jpg);}
.bg_box.ai_solution_bg .spac_txt{padding: 40px 40px 0;}

.bg_box.credo_bg{background-image: url(/src/img/bg/credo_bg.jpg);}
.bg_box.credo_bg .spac_txt{padding: 40px 40px 0;}

.bg_box.edgecore_bg{background-image: url(/src/img/bg/edgecore_bg.jpg);}
.bg_box.edgecore_bg .spac_txt{padding: 40px 40px 0;}

.bg_box.mondrian_ai_bg{background-image: url(/src/img/bg/mondrian_ai_bg.jpg);}
.bg_box.mondrian_ai_bg .arrow_r_btn{background-color: rgba(255,255,255.95);}


.green_bg {
  padding: 100px 0;
  text-align: center;
  background-color: #f8fbf2;
}
@media (max-width: 620px) {
  .green_bg {
    padding: 50px 0;
  }
}

.gray_bg {
  padding: 100px 0;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .gray_bg {
    padding: 50px 0;
  }
}

.dot_lst > ul > li {
  position: relative;
  padding-left: 10px;
}
.dot_lst > ul > li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #ddd;
}
.dot_lst > ul > li.fz14::before {
  top: 9px;
}
@media (max-width: 620px){
	.dot_lst > ul > li.fz14::before {
    top: 6px;
  }
}
.dot_lst > ul > li.fz16::before {
  top: 9px;
}
@media (max-width: 620px) {
  .dot_lst > ul > li.fz16::before {
    top: 6px;
  }
}

.dot_bg_lst {
  border-top: 2px solid #000;
}
.dot_bg_lst > ul > li {
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .dot_bg_lst > ul > li {
    padding: 10px;
  }
}
.dot_bg_lst > ul > li:nth-child(even) {
  background-color: #fafcff;
}
.dot_bg_lst > ul > li .dot {
  position: relative;
  padding-left: 10px;
  line-height: 100%;
}
@media (max-width: 620px) {
  .dot_bg_lst > ul > li .dot {
    line-height: 150%;
  }
}
.dot_bg_lst > ul > li .dot::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .dot_bg_lst > ul > li .dot::before {
    top: 7px;
  }
}

.scroll_box {
  overflow-x: auto;
  padding-bottom: 5px;
}
.scroll_box::-webkit-scrollbar {
  height: 2px;
  background-color: #eee;
}
.scroll_box::-webkit-scrollbar-thumb {
  background-color: #000;
}

.gray_tb table {
  border-top: 2px solid #000;
}
.gray_tb table tr th {
  padding: 18px 0;
  border: 1px solid #ddd;
  background-color: #fafafa;
}
.gray_tb table tr th:first-child {
  border-left: 0;
}
.gray_tb table tr th:last-child {
  border-right: 0;
}
.gray_tb table tr td {
  padding: 18px 20px;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 620px) {
  .gray_tb table tr td {
    padding: 18px 10px;
  }
}
.gray_tb table tr td:first-child {
  border-left: 0;
}
.gray_tb table tr td:last-child {
  border-right: 0;
}
.gray_tb table tr td.tal {
  text-align: left;
}

.bd_lst > ul > li .lh {
  line-height: 100%;
}
@media (max-width: 620px) {
  .bd_lst > ul > li .lh {
    line-height: 150%;
  }
}
@media (max-width: 620px) {
  .bd_lst > ul > li .more_btn {
    font-size: 12px;
  }
}
.bd_lst > ul > li .more_btn:hover {
  color: #ef172f !important;
}
.bd_lst > ul > li .more_btn:hover::after {
  background-image: url(/src/img/ico/ani_arrow_ico2.svg);
}
.bd_lst.p40 > ul > li {
  padding: 40px 0;
}
@media (max-width: 620px) {
  .bd_lst.p40 > ul > li {
    padding: 20px 0;
  }
}
.bd_lst.p50 > ul > li {
  padding: 50px 0;
}
@media (max-width: 620px) {
  .bd_lst.p50 > ul > li {
    padding: 25px 0;
  }
}
.bd_lst.bd > ul > li {
  border-bottom: 1px solid #ddd;
}
.bd_lst.bd > ul > li:last-child {
  border-bottom: 0;
}
.bd_lst.bd.lcb > ul > li:last-child{border-bottom: 1px solid #ddd;}
.bd_lst.bd_dot > ul > li {
  border-bottom: 1px dotted #ddd;
}
.bd_lst.bd_dot > ul > li:last-child {
  border-bottom: 0;
}
.bd_lst.bdt {
  border-top: 2px solid #000;
}

.ico_lst > ul > li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ico_lst > ul > li.aic{align-items: center;}
.ico_lst > ul > li .ico_box {
  position: relative;
  width: 130px;
  height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 620px) {
  .ico_lst > ul > li .ico_box {
    width: 70px;
    height: 70px;
  }
}
.ico_lst > ul > li .txt_box {
  width: calc(100% - 130px);
  padding-left: 40px;
}
@media (max-width: 620px) {
  .ico_lst > ul > li .txt_box {
    width: calc(100% - 70px);
    padding-left: 20px;
  }
  .ico_lst > ul > li .txt_box .pt10 {
    padding-top: 5px;
  }
}
.ico_lst.w50 > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ico_lst.w50 > ul > li {
  width: 50%;
  padding-right: 80px;
}
@media (max-width: 1240px) {
  .ico_lst.w50 > ul > li {
    width: 100%;
    padding-right: 0;
  }
}

.bdrs_lst > ul > li {
  position: relative;
}
.bdrs_lst > ul > li .img {
  overflow: hidden;
  width: calc(50% - 25px);
  border-radius: 60px 0 60px 0;
  text-align: center;
}
.bdrs_lst > ul > li .img.bdrs0{border-radius: 0;}
@media (max-width: 1240px) {
  .bdrs_lst > ul > li .img {
    width: 100%;
    padding: 0 45px;
  }
}
@media (max-width: 620px) {
  .bdrs_lst > ul > li .img {
    padding: 0;
  }
}
.bdrs_lst > ul > li .img img.w100p{width: 100%;}
.bdrs_lst > ul > li .txt_box {
  width: calc(50% - 25px);
  height: 100%;
  padding-top: 50px;
}
.bdrs_lst > ul > li .txt_box.pt120{padding-top: 120px;}
@media (max-width: 1240px) {
  .bdrs_lst > ul > li .txt_box {
    width: 100%;
    height: auto;
    padding-top: 40px;
  }
  .bdrs_lst > ul > li .txt_box.pt120{padding-top: 40px;}
}
@media (max-width: 620px) {
  .bdrs_lst > ul > li .txt_box {
    padding-top: 20px;
  }
  .bdrs_lst > ul > li .txt_box.pt120{padding-top: 20px;}
}
.bdrs_lst.vert_lst > ul > li .txt_box .cont {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
}
.bdrs_lst.vert_lst > ul > li .txt_box.fl .cont {
  left: 0;
}
.bdrs_lst.vert_lst > ul > li .txt_box.fr .cont {
  right: 0;
}

.square_lst > ul > li {
  font-size: 0;
}
.square_lst > ul > li > div {
  display: inline-block;
  vertical-align: top;
}
.square_lst > ul > li > div.dtc {
  vertical-align: middle;
}
.square_lst > ul > li .img {
  width: 365px;
  border: 1px solid #ddd;
}
@media (max-width: 1240px) {
  .square_lst > ul > li .img {
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .square_lst > ul > li .img {
    width: 100%;
  }
  .square_lst > ul > li .img img {
    width: 100%;
  }
}
.square_lst > ul > li .txt_box {
  width: calc(100% - 365px);
  padding: 0 50px;
}
@media (max-width: 1240px) {
  .square_lst > ul > li .txt_box {
    display: block;
    width: 100%;
    padding: 20px 0 0;
  }
}

.bg_lst.bdt{border-top: 2px solid #000;}
.bg_lst > ul {
  display: flex;
  flex-wrap: wrap;
}
.bg_lst > ul > li {
  border: 1px solid #ddd;
  border-radius: 20px 0 20px 0;
}
.bg_lst > ul > li:nth-child(even) {
  background-color: #fafafa;
}
.bg_lst > ul > li:nth-child(odd) {
  background-color: #fff;
}
.bg_lst > ul.lng3 {
  margin-left: -20px;
  margin-bottom: -30px;
}
@media (max-width: 1240px) {
  .bg_lst > ul.lng3 {
    margin: 0 auto;
  }
}
.bg_lst > ul.lng3 > li {
  width: calc(33.333% - 20px);
  margin-left: 20px;
  margin-bottom: 30px;
  padding: 50px 30px;
}
@media (max-width: 1240px) {
  .bg_lst > ul.lng3 > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .bg_lst > ul.lng3 > li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 620px) {
  .bg_lst > ul.lng3 > li {
    padding: 25px 15px;
  }
}
.bg_lst > ul.lng4 {
  margin-left: -20px;
  margin-bottom: -20px;
}
@media (max-width: 1240px) {
  .bg_lst > ul.lng4 {
    margin: 0 auto;
  }
}
.bg_lst > ul.lng4 > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 40px 30px;
}
@media (max-width: 1240px) {
  .bg_lst > ul.lng4 > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .bg_lst > ul.lng4 > li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 620px) {
  .bg_lst > ul.lng4 > li {
    padding: 25px 15px;
  }
}

.icon_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: -64px;
}
@media (max-width: 1240px) {
  .icon_lst > ul {
    padding: 0 25px;
  }
}
@media (max-width: 620px) {
  .icon_lst > ul {
    padding: 0;
    margin-left: -10px;
    margin-bottom: -20px;
  }
}
.icon_lst > ul > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  margin-bottom: 64px;
  text-align: center;
}
@media (max-width: 1240px) {
  .icon_lst > ul > li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 620px) {
  .icon_lst > ul > li {
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-bottom: 20px;
  }
}

.icon_lst.lng3 > ul{margin-left: -30px;margin-bottom: -40px;}
.icon_lst.lng3 > ul > li{width: calc(33.3333% - 30px);margin-left: 30px;margin-bottom: 40px;}
@media (max-width: 1240px){
	.icon_lst.lng3 > ul{margin-left: -20px;margin-bottom: -64px;padding: 0 25px;}
	.icon_lst.lng3 > ul > li{width: calc(50% - 20px);margin-left: 20px;margin-bottom: 64px;}
}
@media (max-width: 620px){
	.icon_lst.lng3 > ul{padding: 0;margin-left: -10px;margin-bottom: -20px;}
	.icon_lst.lng3 > ul > li{width: calc(50% - 10px);margin-left: 10px;margin-bottom: 20px;}
}



.icon_lst > ul > li .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 160px;
  border: 1px solid #ddd;
}

.l_top_txt > p {
  line-height: 100%;
}
@media (max-width: 1240px) {
  .l_top_txt > p {
    line-height: 150%;
  }
}

.top_txt_box {
  text-align: center;
}
.top_txt_box .arrow_r_btn{text-align: left;}
@media (max-width: 620px){
  .top_txt_box .arrow_r_btn{text-align: center;}
}

.link_btn {
  color: #005ecf;
  border-bottom: 1px solid #005ecf;
}
.link_btn:hover {
  opacity: 0.8;
}

.bg_tb table {
  border-top: 2px solid #000;
}
.bg_tb table.bdt0{border-top: 0;}
.bg_tb table tr th,
.bg_tb table tr td {
  padding: 20px;
  border: 1px solid #ddd;
  text-align: center;
  word-break: break-all;
}
@media (max-width: 620px) {
  .bg_tb table tr th,
  .bg_tb table tr td {
    padding: 15px 10px;
  }
}
.bg_tb.td_p10 table tr td{padding: 20px 10px;}
@media (max-width: 620px){
	.bg_tb.td_p10 table tr td{padding: 15px 5px;}
}

.bg_tb table tr th:first-child,
.bg_tb table tr td:first-child {
  border-left: 0;
}
.bg_tb table tr th:last-child,
.bg_tb table tr td:last-child {
  border-right: 0;
}
.bg_tb table tr th.tal,
.bg_tb table tr td.tal {
  text-align: left;
}
.bg_tb table tr th.vat,
.bg_tb table tr td.vat {
  vertical-align: top;
}
.bg_tb table thead tr th {
  color: #fff;
}
.bg_tb.trp table thead tr th{color: #333;}
.bg_tb table tbody tr:nth-child(even) {
  background-color: #fafcff;
}


.bg_tb.tbody_trp table tbody tr:nth-child(even){background-color: transparent;}
.bg_tb table tbody tr.bgc{background-color: #fafcff;}
.bg_tb.tbody_trp table tbody tr.bgc{background-color: #fafcff;}



.bg_tb.purple table thead tr th {
  background-color: #6b00dd;
}
.bg_tb.green table thead tr th {
  background-color: #76b900;
}
.bg_tb.sky table thead tr th {
  background-color: #00a3f6;
}
.bg_tb.red table thead tr th {
  background-color: #ef172f;
}
.bg_tb .bgc_sky{background-color: #fafcff;}
@media (max-width: 1240px) {
  .bg_tb.m_tb table tr {
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 1240px) {
  .bg_tb.m_tb table tr th,
  .bg_tb.m_tb table tr td {
    display: block;
    width: 100%;
    border: 0;
    text-align: left;
  }
}
@media (max-width: 1240px) {
  .bg_tb.m_tb table tr th {
    padding: 40px 20px 0;
  }
  .bg_tb.m_tb table tr td {
    padding: 20px 20px 40px;
  }
}
@media (max-width: 620px) {
  .bg_tb.m_tb table tr th {
    padding: 20px 10px 0;
  }
  .bg_tb.m_tb table tr td {
    padding: 10px 10px 20px;
  }
}

.a_reset a{text-decoration: underline;color: -webkit-link;}

.arrow_r_btn {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 60px;
  padding: 0 30px;
  border: 1px solid #ddd;
  border-radius: 30px;
  line-height: 58px;
  transition: 0.5s all;
}
@media (max-width: 620px) {
  .arrow_r_btn {
    text-align: center;
  }
}
@media (max-width: 356px) {
  .arrow_r_btn {
    width: 100%;
  }
}
.arrow_r_btn.tal {
  text-align: left;
}
@media (max-width: 620px) {
  .arrow_r_btn.tal {
    text-align: center;
  }
}
.arrow_r_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-top: -6px;
  background-image: url(/src/img/ico/ani_arrow_ico.svg);
}
@media (max-width: 620px) {
  .arrow_r_btn::after {
    display: none;
  }
}
.arrow_r_btn:hover {
  color: #fff;
  border: 1px solid #ef172f !important;
  background-color: #ef172f !important;
}
.arrow_r_btn:hover::after {
  background-image: url(/src/img/ico/in_arrow_ico2.png);
}

.bdrd_lst2 > ul {
  font-size: 0;
  margin-left: -30px;
}
@media (max-width: 1240px) {
  .bdrd_lst2 > ul {
    margin-left: 0;
  }
}
.bdrd_lst2 > ul > li {
  display: inline-block;
  width: calc(33.333% - 30px);
  margin-left: 30px;
  vertical-align: top;
}
@media (max-width: 1240px) {
  .bdrd_lst2 > ul > li {
    display: block;
    width: 380px;
    margin: 0 auto 60px;
  }
  .bdrd_lst2 > ul > li:last-child {
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .bdrd_lst2 > ul > li {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.bdrd_lst2 > ul > li .top .txt {
  padding: 20px 0;
  border-radius: 20px 20px 0 0;
  color: #fff;
  text-align: center;
  line-height: 100%;
  background-color: #6e6e6e;
}
@media (max-width: 620px) {
  .bdrd_lst2 > ul > li .top .txt {
    padding: 10px 0;
  }
}

.dot_tb table tr td .dot {
  position: relative;
  padding-left: 10px;
  line-height: 100%;
}
@media (max-width: 620px) {
  .dot_tb table tr td .dot {
    line-height: 150%;
  }
}
.dot_tb table tr td .dot.lh {
  line-height: 150%;
}
.dot_tb table tr td .dot.lh::before {
  top: 8px;
}
.dot_tb table tr td .dot::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #ddd;
}
@media (max-width: 620px) {
  .dot_tb table tr td .dot::before {
    top: 7px;
  }
}

.top_fl .w550 {
  width: 550px;
}
.top_fl .w610 {
  width: 610px;
}
@media (max-width: 1240px) {
  .top_fl .fr {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .top_fl .fr {
    margin-top: 20px;
  }
}

/* response ex

'd1000','d960','d720','d594','d326','d90'

@include respond-to('d1420') {}
@include respond-to('d1000') {}
@include respond-to('d720') {}
@include respond-to('d326') {}
*/
/*

/* header */
#header {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#header .hd_top {
  z-index: 20;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 100px;
}
@media screen and (max-width: 1680px) {
  #header .hd_top {
    padding: 0 5%;
  }
}
#header .hd_top .logo {
  width: 124px;
  height: 30px;
  margin-top: 35px;
  background-image: url(/src/img/logo.png);
}
@media (max-width: 620px) {
  #header .hd_top .logo {
    margin-top: 25px;
  }
}
#header .hd_top .logo > a {
  display: block;
  width: 100%;
  height: 100%;
}
#header .hd_top .r_box {
  position: relative;
  margin-top: 30px;
}
@media (max-width: 620px) {
  #header .hd_top .r_box {
    margin-top: 20px;
  }
}
#header .hd_top .r_box .js_sch_btn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
}
#header .hd_top .r_box .js_sch_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
  background-image: url(/src/img/ico/hd_sch_ico.svg);
}
#header .hd_top .r_box .js_sch_btn.act::after {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  background-image: url(/src/img/ico/hd_close_btn.svg);
}
#header .hd_top .r_box .hd_sch_wrap {
  position: absolute;
  top: 50px;
  right: 50px;
  display: none;
}
#header .hd_top .r_box .hd_sch_wrap.db {
  display: block;
}
#header .hd_top .r_box .hd_sch_wrap .sch_box {
  overflow: hidden;
  width: 356px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 25px;
  font-size: 0;
  background-color: #fff;
}
#header .hd_top .r_box .hd_sch_wrap .sch_box .sch_inp {
  width: calc(100% - 36px);
  height: 100%;
  border: 0;
  padding: 0 20px;
  color: #999;
}
@media (max-width: 620px) {
  #header .hd_top .r_box .hd_sch_wrap .sch_box .sch_inp {
    font-size: 12px;
  }
}
#header .hd_top .r_box .hd_sch_wrap .sch_box .sch_btn {
  position: relative;
  width: 36px;
  height: 100%;
}
#header .hd_top .r_box .hd_sch_wrap .sch_box .sch_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(/src/img/ico/hd_sch_ico.svg);
}
#header .hd_top .r_box .hd_sch_wrap .sch_box .js_sch_close {
  position: relative;
  width: 14px;
  height: 100%;
  margin-right: 20px;
}
#header .hd_top .r_box .hd_sch_wrap .sch_box .js_sch_close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url(/src/img/ico/hd_close_btn.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 620px) {
  #header .hd_top .r_box .hd_sch_wrap {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  #header .hd_top .r_box .hd_sch_wrap .sch_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-radius: 0;
  }
  #header .hd_top .r_box .hd_sch_wrap .sch_box .sch_inp {
    width: calc(100% - 60px);
  }
  #header .hd_top .r_box .hd_sch_wrap .sch_box .sch_btn {
    width: 16px;
    margin-right: 10px;
  }
  #header .hd_top .r_box .hd_sch_wrap .sch_box .js_sch_close {
    display: inline-block;
  }
}
#header .hd_top .r_box .menu_btn {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ef172f !important;
  transition: 0.5s all;
}
#header .hd_top .r_box .menu_btn > span {
  position: absolute;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  margin-left: -7px;
  background-color: #fff;
  transition: 0.25s ease-in-out;
}
#header .hd_top .r_box .menu_btn > span:first-child {
  top: 14px;
}
#header .hd_top .r_box .menu_btn > span:nth-child(2) {
  top: 50%;
  margin-top: -1px;
}
#header .hd_top .r_box .menu_btn > span:last-child {
  bottom: 14px;
}
#header .hd_top .r_box .menu_btn.act > span:first-child {
  top: 18px;
  transform: rotate(45deg);
}
#header .hd_top .r_box .menu_btn.act > span:nth-child(2) {
  opacity: 0;
  width: 0%;
}
#header .hd_top .r_box .menu_btn.act > span:last-child {
  top: 18px;
  transform: rotate(-45deg);
}
@media (max-width: 1420px) {
  #header .hd_top .r_box .js_nav_btn {
    display: inline-block;
  }
}
#header .hd_top .gnb > ul {
  font-size: 0;
}
#header .hd_top .gnb > ul > li {
  display: inline-block;
  width: 140px;
  color: #fff;
  text-align: center;
  line-height: 100px;
  vertical-align: top;
}
@media screen and (max-width: 1680px) {
  #header .hd_top .gnb > ul > li {
    width: 125px;
  }
}
#header .hd_top .gnb > ul > li:hover > a::after {
  width: 100%;
}
#header .hd_top .gnb > ul > li:hover .sub_menu {
  display: block;
}
#header .hd_top .gnb > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1680px){
	#header .hd_top .gnb > ul > li > a{font-size: 15px;}
}
#header .hd_top .gnb > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: #ef172f !important;
  transition: 0.5s all;
  transform: translateX(-50%);
}
#header .hd_top .gnb > ul > li .sub_menu {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  padding: 20px 0 40px;
  background-color: #fff;
}
#header .hd_top .gnb > ul > li .sub_menu > .container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2 {
  width: 220px;
  margin-right: 20px;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2:last-child {
  margin-right: 0;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2 > dt {
  font-weight: bold;
  line-height: 60px;
  background-color: #eee;
  transition: 0.5s all;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2 > dt > a {
  display: block;
  width: 100%;
  height: 100%;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2 > dd {
  margin-top: 20px;
  line-height: 100%;
  transition: 0.5s all;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2 > dd:hover {
  color: #ef172f !important;
}
#header .hd_top .gnb > ul > li .sub_menu .depth2:hover > dt {
  color: #fff;
  background-color: #ef172f !important;
}
#header.w {
  background-color: #fff;
}
@media (max-width: 620px) {
  #header.w {
    background-color: transparent;
  }
}
#header.w .hd_top {
  height: 100px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  #header.w .hd_top {
    height: 60px;
    border: 0;
  }
}
#header.w .hd_top .logo {
  background-image: url(/src/img/logo_b.png);
}
#header.w .hd_top .r_box .js_sch_btn {
  background-color: #eee;
}
#header.w .hd_top .gnb > ul > li {
  color: #333;
}

#header.e_hd {
  background-color: #fff;
}
@media (max-width: 620px) {
  #header.e_hd {
    background-color: transparent;
  }
}
#header.e_hd .hd_top {
  height: 100px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  #header.e_hd .hd_top {
    height: 60px;
    border: 0;
  }
}
#header.e_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.png);
}
#header.e_hd .hd_top .r_box .js_sch_btn {
  background-color: #eee;
}
#header.e_hd .hd_top .gnb > ul > li {
  color: #333;
}

#header.menu_hd {
  background-color: #fff;
}
#header.menu_hd .hd_top {
  height: 100px;
}
#header.menu_hd .hd_top .logo {
  background-image: url(/src/img/logo_b.png);
}
#header.menu_hd .hd_top .r_box .js_sch_btn {
  display: none;
}
#header.menu_hd .hd_top .r_box .hd_sch_wrap {
  display: none;
}
#header.menu_hd .hd_top .gnb {
  display: none;
}
#header.fix {
  position: fixed;
  background-color: #fff;
}
#header.fix .hd_top {
  height: 100px;
  background-color: #fff;
}
@media (max-width: 620px) {
  #header.fix .hd_top {
    height: 60px;
  }
}
#header.fix .hd_top .logo {
  background-image: url(/src/img/logo_b.png);
}
#header.fix .hd_top .r_box .js_sch_btn {
  display: none;
}
#header.fix .hd_top .r_box .hd_sch_wrap {
  display: none;
}
#header.fix .hd_top .gnb {
  display: none;
}

.site_map_menu {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  padding: 0 5%;
  height: 100vh;
  background-color: #fff;
  transition: 0.5s all;
}
.site_map_menu::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  width: 1178px;
  height: 279px;
  background-image: url(/src/img/lobo_big.png);
  transform: translateX(-50%);
}
.site_map_menu .menu_lst > ul > li {
  width: 12.5%;
  height: 100vh;
  padding-top: 160px;
  border-left: 1px solid #eee;
  text-align: center;
}
.site_map_menu .menu_lst > ul > li:first-child {
  border-left: 1px solid #fff;
}
.site_map_menu .menu_lst > ul > li .top_tit {
  overflow: hidden;
  margin-bottom: 80px;
  font-weight: bold;
  line-height: 100%;
}
@media all and (max-width: 1680px){
	.site_map_menu .menu_lst > ul > li .top_tit{font-size: 19px;line-height: 120%;}
}
.site_map_menu .menu_lst > ul > li .top_tit > a {
  opacity: 0;
  display: block;
  transform: translateY(20px);
  transition: 0.5s ease-in-out;
}
.site_map_menu .menu_lst > ul > li .menu {
  opacity: 0;
  margin-top: 30px;
  transform: translateY(30px);
  transition: 0.5s ease-in-out;
}
.site_map_menu .menu_lst > ul > li .menu:first-of-type {
  margin-top: 0;
}
.site_map_menu .menu_lst > ul > li .menu dt {
  line-height: 100%;
  transition: 0.5s all;
}
@media all and (max-width: 1680px){
	.site_map_menu .menu_lst > ul > li .menu dt{font-size: 16px;}
}
.site_map_menu .menu_lst > ul > li .menu dd {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
  line-height: 100%;
  transition: 0.5s all;
}
.site_map_menu .menu_lst > ul > li .menu dd:first-child {
  margin-top: 15px;
}
.site_map_menu .menu_lst > ul > li .menu dd:hover {
  color: #ef172f !important;
}
.site_map_menu .menu_lst > ul > li .menu:hover dt {
  color: #ef172f !important;
}
.site_map_menu.act {
  top: 0;
}
.site_map_menu.act .menu_lst > ul > li {
  /*
  &:first-child {}
  &:nth-child(2) {}
  &:nth-child(3) {}
  &:nth-child(4) {}
  &:nth-child(5) {}
  &:nth-child(6) {}
  &:last-child {}
  */
}
.site_map_menu.act .menu_lst > ul > li .top_tit > a {
  opacity: 1;
  transform: none;
}
.site_map_menu.act .menu_lst > ul > li .menu {
  opacity: 1;
  transform: none;
}
.site_map_menu.act .menu_lst > ul > li:first-child .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:first-child .menu {
  transition-delay: 0.2s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(2) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(2) .menu {
  transition-delay: 0.4s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(3) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(3) .menu {
  transition-delay: 0.6s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(4) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(4) .menu {
  transition-delay: 0.8s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(5) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(5) .menu {
  transition-delay: 1s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(6) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(6) .menu {
  transition-delay: 1.2s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(7) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(7) .menu {
  transition-delay: 1.4s;
}
.site_map_menu.act .menu_lst > ul > li:nth-child(8) .top_tit > a,
.site_map_menu.act .menu_lst > ul > li:nth-child(8) .menu {
  transition-delay: 1.6s;
}
@media all and (min-width: 1441px) {
  .nav_wrap {
    display: none !important;
  }
}
.nav_wrap {
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
  transition: 0.5s ease-in-out;
}
.nav_wrap.act {
  top: 0;
}
.nav_wrap .nav_menu {
  overflow-y: scroll;
  height: 100%;
  padding: 130px 0;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu {
    padding-top: 100px;
  }
}
.nav_wrap .nav_menu > ul > li.act .js_nav_menu::after {
  transform: rotate(180deg);
}
.nav_wrap .nav_menu > ul > li .js_nav_menu {
  position: relative;
  width: 100%;
  padding: 20px 5%;
  text-align: left;
  font-weight: bold;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu > ul > li .js_nav_menu {
    padding: 8px 5%;
  }
}
.nav_wrap .nav_menu > ul > li .js_nav_menu::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5%;
  display: block;
  width: 15px;
  height: 9px;
  margin-top: -8px;
  background-image: url(/src/img/ico/hd_nav_ico.svg);
  transition: 0.5s all;
}
.nav_wrap .nav_menu > ul > li .s_menu {
  display: none;
  padding: 0 5%;
}
.nav_wrap .nav_menu > ul > li .s_menu dl {
  margin-top: 40px;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu > ul > li .s_menu dl {
    margin-top: 20px;
  }
}
.nav_wrap .nav_menu > ul > li .s_menu dl:first-of-type {
  margin-top: 20px;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu > ul > li .s_menu dl:first-of-type {
    margin-top: 10px;
  }
}
.nav_wrap .nav_menu > ul > li .s_menu dl dt {
  margin-bottom: 10px;
}
@media (max-width: 620px) {
  .nav_wrap .nav_menu > ul > li .s_menu dl dt {
    margin-bottom: 0;
  }
}
.nav_wrap .nav_menu > ul > li .s_menu dl dd {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}

#content {
  width: 100%;
  overflow: hidden;
}

.s_top {
  position: relative;
  width: 100%;
  height: 600px;
  padding: 100px 0 70px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1240px) {
  .s_top {
    height: 628px;
    padding: 100px 0 0;
  }
}
@media (max-width: 620px) {
  .s_top {
    height: 444px;
    padding: 80px 0 0;
    margin-bottom: 50px;
  }
}
.s_top.s1 {
  background-image: url(/src/img/bg/s_top1.jpg);
}
@media (max-width: 767px) {
  .s_top.s1 .s_t2 > span {
    display: inline;
  }
}
.s_top.s2 {
  background-image: url(/src/img/bg/s_top2.jpg);
}
@media (max-width: 767px) {
  .s_top.s2 .s_t2 > span {
    display: inline;
  }
}
.s_top.s3 {
  background-image: url(/src/img/bg/s_top3.jpg);
}
.s_top.s3 .s_t1,
.s_top.s3 .s_t2 {
  padding: 0 7%;
}
.s_top.s4 {
  background-image: url(/src/img/bg/s_top4.jpg);
}
.s_top.s4 .s_t1,
.s_top.s4 .s_t2 {
  padding: 0 8%;
}
.s_top.s5 {
  background-image: url(/src/img/bg/s_top5.jpg);
}
.s_top.s5 .s_t1,
.s_top.s5 .s_t2 {
  padding: 0 6%;
}
.s_top.s6 {
  background-image: url(/src/img/bg/s_top6.jpg);
}

.s_top.s6_v2{background-image: url(/src/img/bg/s_top6_v2.jpg);}
.s_top.s6_2{background-image: url(/src/img/bg/s_top6_2.jpg);}
.s_top.s6_3{background-image: url(/src/img/bg/s_top6_3.jpg);}

.s_top.s7 {
  background-image: url(/src/img/bg/s_top7.jpg);
}
.s_top.s8 {
  background-image: url(/src/img/bg/s_top8.jpg);
}
.s_top.s9 {
  background-image: url(/src/img/bg/s_top9.jpg);
}
.s_top.s10 {
  background-image: url(/src/img/bg/s_top10.jpg);
}
.s_top.s11{background-image: url(/src/img/bg/s_top11.jpg);}
.s_top .s_h2 {
  font-weight: bold;
  line-height: 120%;
  color: #fff;
}
.s_top .s_t1,
.s_top .s_t2 {
  color: #fff;
}
@media (max-width: 1240px) {
  .s_top .s_t1,
  .s_top .s_t2 {
    padding: 0 !important;
  }
}
.s_top .s_nav {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1400px;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1420px) {
  .s_top .s_nav {
    width: 90%;
  }
}
@media (max-width: 1240px) {
  .s_top .s_nav {
    width: 100%;
    left: 0;
    transform: none;
  }
}
@media (max-width: 620px) {
  .s_top .s_nav {
    position: static;
    background-color: #000;
  }
}
.s_top .s_nav > ul {
  font-size: 0;
  text-align: left;
}
.s_top .s_nav > ul > li {
  position: relative;
  display: inline-block;
  width: 272px;
  height: 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  vertical-align: top;
  transition: 0.5s all;
}
@media (max-width: 1240px) {
  .s_top .s_nav > ul > li {
    width: 50%;
  }
}
@media (max-width: 620px) {
  .s_top .s_nav > ul > li {
    height: 50px;
  }
}
.s_top .s_nav > ul > li.home {
  position: relative;
  width: 70px;
  background-color: #ef172f !important;
}
.s_top .s_nav > ul > li.home::after {
  content: '';
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 20px;
  margin-top: -10px;
  margin-left: -9px;
  background-image: url(/src/img/ico/nav_home_ico.png);
}
.s_top .s_nav > ul > li.home:hover {
  opacity: 0.8;
}
.s_top .s_nav > ul > li .js_snav_btn {
  position: relative;
  width: 100%;
  height: 70px;
  padding: 0 20px;
  text-align: left;
  color: #fff;
}
@media (max-width: 620px) {
  .s_top .s_nav > ul > li .js_snav_btn {
    height: 50px;
  }
}
.s_top .s_nav > ul > li .js_snav_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 13px;
  height: 7px;
  margin-top: -3px;
  background-image: url(/src/img/ico/snav_ico.png);
  transition: 0.5s all;
}
.s_top .s_nav > ul > li > ul {
  z-index: 1;
  display: none;
  position: absolute;
  width: 100%;
  padding: 15px 20px;
  background-color: #000;
}
@media (max-width: 1240px) {
  .s_top .s_nav > ul > li > ul {
    width: calc(100% + 1px);
  }
}
.s_top .s_nav > ul > li > ul > li {
  padding: 10px 0;
  color: #fff;
}
.s_top .s_nav > ul > li > ul > li > a {
  transition: 0.5s all;
}
.s_top .s_nav > ul > li > ul > li > a:hover {
  color: #ef172f !important;
}
.s_top .s_nav > ul > li.act {
  background-color: #000;
}
.s_top .s_nav > ul > li.act .js_snav_btn::after {
  transform: rotate(180deg);
}

.s_h3 {
  padding: 100px 0 80px;
  font-weight: bold;
  text-align: center;
  line-height: 100%;
}
@media (max-width: 620px) {
  .s_h3 {
    padding: 50px 0 40px;
  }
}

.s_h3_p {
  margin-top: -60px;
  padding: 0 0 80px;
  text-align: center;
}
@media (max-width: 620px) {
  .s_h3_p {
    margin-top: -20px;
    padding: 0 0 40px;
  }
}

.ani_btn {
  position: relative;
  display: inline-block;
}
.ani_btn::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 13px;
  margin-left: 10px;
  vertical-align: middle;
  background-image: url(/src/img/ico/ani_arrow_ico.svg);
}
.ani_btn:hover::after {
  animation: moreArrow 1s infinite;
}

@keyframes moreArrow {
  0% {
    margin-left: 10px;
  }
  50% {
    margin-left: 13px;
  }
  100% {
    margin-left: 13px;
  }
}
/* index */
@media (max-width: 1440px) {
  .index_wrap {
    margin-bottom: 100px;
  }
}
@media (max-width: 620px) {
  .index_wrap {
    margin-bottom: 50px;
  }
}
.index_wrap > section {
  overflow: hidden;
  width: 100%;
}
.index_wrap > section .in_tit {
  line-height: 100%;
}
.index_wrap > section .in_txt {
  padding-top: 20px;
  line-height: 100%;
}
.index_wrap > section .more_btn {
  position: relative;
  display: block;
  width: 220px;
  height: 60px;
  padding: 0 30px;
  border: 1px solid #aaa;
  border-radius: 30px;
  line-height: 58px;
  text-align: left;
  transition: 0.5s all;
}
@media (max-width: 620px) {
  .index_wrap > section .more_btn {
    text-align: center;
  }
}
.index_wrap > section .more_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 16px;
  height: 13px;
  margin-top: -6px;
  background-image: url(/src/img/ico/in_arrow_ico.png);
}
@media (max-width: 620px) {
  .index_wrap > section .more_btn::after {
    display: none;
  }
}
.index_wrap > section .more_btn:hover {
  color: #fff;
  border: 1px solid #ef172f !important;
  background-color: #ef172f !important;
}
.index_wrap > section .more_btn:hover::after {
  background-image: url(/src/img/ico/in_arrow_ico2.png);
}
.r_quick {
  z-index: 10;
  position: fixed;
  bottom: 100px;
  right: 30px;
}
@media (max-width: 620px) {
  .r_quick {
    right: 5%;
  }
}
.r_quick > li {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.r_quick > li+li{margin-top: 5px;}
.r_quick > li.i1 {
  background-color: #ef172f;
}
.r_quick > li.i2 {
  background-color: #ef177c;
}
.r_quick > li.i3 {
  background-color: #333;
}
.r_quick > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 110%;
}
.r_quick > li.i1 > a {
  padding: 13px 0;
}
.r_quick > li.i2 > a {
  padding: 13px 0;
}
.r_quick > li .top_btn {
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.index_wrap .visual {
  position: relative;
}
.index_wrap .visual .visual_mask .item {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100vh;
  text-align: center;
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item {
    height: auto;
  }
  .index_wrap .visual .visual_mask .item .dt .dtc {
    padding: 100px 0 70px;
  }
}
.index_wrap .visual .visual_mask .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  transition: transform 3s ease-in-out;
  transition-delay: 0.5s;
  transform: scale(1.1, 1.1);
}
.index_wrap .visual .visual_mask .item.txt_l .t1, .index_wrap .visual .visual_mask .item.txt_l .t2{text-align: left;}
.index_wrap .visual .visual_mask .item.txt_r .t1, .index_wrap .visual .visual_mask .item.txt_r .t2{text-align: right;}

.index_wrap .visual .visual_mask .item .t1,
.index_wrap .visual .visual_mask .item .t2 {
  overflow: hidden;
}
.index_wrap .visual .visual_mask .item .t1 > span,
.index_wrap .visual .visual_mask .item .t2 > span {
  display: inline-block;
  color: #fff;
  transform: translateY(100%);
  transition: all 1s;
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item .t1 {
    line-height: 120%;
  }
}
.index_wrap .visual .visual_mask .item .t1 > span {
  transition-delay: 0.5s;
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item .t2 {
    margin-top: 20px;
  }
}
.index_wrap .visual .visual_mask .item .t2 > span {
  transition-delay: 0.9s;
}
.index_wrap .visual .visual_mask .item .img {
  position: relative;
  overflow: hidden;
  margin: 50px auto 0;
  text-align: center;
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item .img {
    margin: 25px auto 0;
  }
}
.index_wrap .visual .visual_mask .item .img > img {
  display: inline-block;
  transform: translateY(100%);
  transition: all 1s;
  transition-delay: 1.15s;
}
.index_wrap .visual .visual_mask .item .img > img.dn {
  display: none;
}
@media (max-width: 620px) {
  .index_wrap .visual .visual_mask .item .img > img.dn {
    display: inline-block;
  }
}
.index_wrap .visual .visual_mask .item.swiper-slide-active .bg {
  transform: scale(1, 1);
}
.index_wrap .visual .visual_mask .item.swiper-slide-active .t1 > span,
.index_wrap .visual .visual_mask .item.swiper-slide-active .t2 > span,
.index_wrap .visual .visual_mask .item.swiper-slide-active .img > img {
  transform: translateY(0);
}
.index_wrap .visual .scroll {
  z-index: 10;
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
  min-height: 84px;
  text-align: center;
}
.index_wrap .visual .scroll > .txt {
  color: #fff;
  line-height: 100%;
}
.index_wrap .visual .scroll .ico {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  transform: translateX(-50%);
  animation: scroll 1s infinite;
}
.index_wrap .prod {
  position: relative;
  width: 100%;
}
.index_wrap .prod::before,
.index_wrap .prod::after {
  content: '';
  z-index: 10;
  position: absolute;
  display: block;
  width: 129px;
  height: 120px;
  background-image: url(/src/img/shape.png);
}
@media (max-width: 620px) {
  .index_wrap .prod::before,
  .index_wrap .prod::after {
    width: 60px;
    height: 64px;
    background-size: 60px 64px;
  }
}
.index_wrap .prod::before {
  top: 0;
  left: 0;
}
.index_wrap .prod::after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}
.index_wrap .prod .l_box,
.index_wrap .prod .r_box {
  width: 50%;
  height: 740px;
}
@media (max-width: 1420px) {
  .index_wrap .prod .l_box,
  .index_wrap .prod .r_box {
    float: none;
    width: 100%;
    height: auto;
  }
}
.index_wrap .prod .l_box {
  overflow: hidden;
  padding-left: calc(50% - 700px);
}
@media (max-width: 1420px) {
  .index_wrap .prod .l_box {
    padding-top: 128px;
    padding-left: 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .prod .l_box {
    padding-top: 64px;
  }
}
.index_wrap .prod .l_box .prod_slide {
  width: 100%;
  overflow: hidden;
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item {
  padding-right: 178px;
}
@media (max-width: 1420px) {
  .index_wrap .prod .l_box .prod_slide .prod_mask .item {
    padding: 0 5%;
    text-align: center;
  }
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item > p,
.index_wrap .prod .l_box .prod_slide .prod_mask .item > a {
  opacity: 0;
  transition: 0.5s all;
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item .t1 {
  line-height: 100%;
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item .t2 {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .prod_slide .prod_mask .item .t2 {
    padding-top: 10px;
  }
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item .t3 {
  padding-top: 26px;
  color: #666;
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .prod_slide .prod_mask .item .t3 {
    padding-top: 15px;
  }
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item .more_btn {
  margin-top: 94px;
}
@media (max-width: 1420px) {
  .index_wrap .prod .l_box .prod_slide .prod_mask .item .more_btn {
    display: none;
  }
}
.index_wrap .prod .l_box .prod_slide .prod_mask .item.swiper-slide-active > p,
.index_wrap .prod .l_box .prod_slide .prod_mask .item.swiper-slide-active > a {
  opacity: 1;
}
.index_wrap .prod .l_box .tab_ovh {
  padding-top: 134px;
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .tab_ovh {
    overflow-x: scroll;
    padding-top: 70px;
  }
}
.index_wrap .prod .l_box .in_prod_tab {
  width: 650px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .in_prod_tab {
    width: 507px;
  }
}
.index_wrap .prod .l_box .in_prod_tab > ul {
  position: relative;
  padding: 0 54px;
  font-size: 0;
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .in_prod_tab > ul {
    padding: 0 56px;
  }
}
.index_wrap .prod .l_box .in_prod_tab > ul::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  transform: translateX(-50%);
}
.index_wrap .prod .l_box .in_prod_tab > ul > li {
  position: relative;
  display: inline-block;
  margin-right: 106px;
  text-align: center;
  vertical-align: top;
}
.index_wrap .prod .l_box .in_prod_tab > ul > li:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .in_prod_tab > ul > li {
    margin-right: 70px;
  }
}
.index_wrap .prod .l_box .in_prod_tab > ul > li > .js_in_prod {
  width: 23px;
  height: 23px;
  background-image: url(/src/img/ico/in_prod_ico1.png);
}
.index_wrap .prod .l_box .in_prod_tab > ul > li > .js_in_prod .txt {
  position: absolute;
  top: -34px;
  left: 50%;
  display: block;
  font-weight: bold;
  color: #999;
  line-height: 100%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .index_wrap .prod .l_box .in_prod_tab > ul > li > .js_in_prod .txt {
    top: -20px;
  }
}
.index_wrap .prod .l_box .in_prod_tab > ul > li.act .js_in_prod {
  background-image: url(/src/img/ico/in_prod_ico2.png);
}
.index_wrap .prod .l_box .in_prod_tab > ul > li.act .js_in_prod .txt {
  color: #ef172f !important;
}
.index_wrap .prod .r_box {
  position: relative;
}
@media (max-width: 1420px) {
  .index_wrap .prod .r_box {
    margin-top: 40px;
    height: 0;
    padding-bottom: 77.083%;
  }
}
.index_wrap .prod .r_box > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index_wrap .notice {
  padding: 100px 0 130px;
  text-align: center;
}
@media (max-width: 620px) {
  .index_wrap .notice {
    padding: 50px 0;
  }
}
.index_wrap .notice .notice_slide {
  position: relative;
  margin-top: 50px;
}
@media (max-width: 620px) {
  .index_wrap .notice .notice_slide {
    margin-top: 25px;
  }
}
.index_wrap .notice .notice_slide .notice_mask {
  width: 100%;
  overflow: hidden;
}
.index_wrap .notice .notice_slide .notice_mask .item .img {
  overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 60%;
}
.index_wrap .notice .notice_slide .notice_mask .item .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;max-height: none;}
.index_wrap .notice .notice_slide .notice_mask .item .txt {
  padding-top: 30px;
  text-align: center;
  line-height: 100%;
}
@media (max-width: 620px) {
  .index_wrap .notice .notice_slide .notice_mask .item .txt {
    padding-top: 15px;
  }
}
.index_wrap .notice .notice_slide .notice_mask .item:hover .img img {
  transform: translate(-50%,-50%) scale(1.05);
}
.index_wrap .notice .notice_slide .notice_mask .item:hover .txt {
  opacity: 0.8;
}
.index_wrap .notice .notice_slide .arrow_btn {
  z-index: 10;
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  margin-top: -25px;
  border-radius: 50%;
  background-color: #333;
  transition: 0.5s all;
  transform: translateY(-50%);
}
.index_wrap .notice .notice_slide .arrow_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 15px;
  height: 13px;
  margin-top: -6px;
  margin-left: -7px;
  background-image: url(/src/img/ico/in_slide_arrow.svg);
}
.index_wrap .notice .notice_slide .arrow_btn.p {
  left: -23px;
}
.index_wrap .notice .notice_slide .arrow_btn.n {
  right: -23px;
}
.index_wrap .notice .notice_slide .arrow_btn.n::after {
  transform: rotate(180deg);
}
.index_wrap .notice .notice_slide .arrow_btn:hover {
  background-color: #ef172f !important;
}
.index_wrap .notice .more_btn {
  margin: 70px auto 0;
}
@media (max-width: 620px) {
  .index_wrap .notice .more_btn {
    margin: 35px auto 0;
  }
}
.index_wrap .intro .l_box {
  width: 50%;
  height: 740px;
  padding-left: calc(50% - 700px);
  padding-right: 210px;
  background-image: url(/src/img/in_intro_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
@media (max-width: 1420px) {
  .index_wrap .intro .l_box {
    float: none;
    width: 100%;
    height: 555px;
    padding: 0 5%;
    text-align: center;
    background-position: 85% 50%;
  }
}
.index_wrap .intro .l_box .t1,
.index_wrap .intro .l_box .t2 {
  color: #fff;
}
.index_wrap .intro .l_box .t2 {
  padding-top: 30px;
}
@media (max-width: 620px) {
  .index_wrap .intro .l_box .t2 {
    padding-top: 15px;
  }
}
.index_wrap .intro .l_box .more_btn {
  margin-top: 50px;
  color: #fff;
}
.index_wrap .intro .l_box .more_btn::after {
  background-image: url(/src/img/ico/in_arrow_ico2.png);
}
@media (max-width: 1420px) {
  .index_wrap .intro .l_box .more_btn {
    margin: 50px auto 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .intro .l_box .more_btn {
    margin: 25px auto 0;
  }
  .index_wrap .intro .l_box .more_btn::after {
    background: none;
  }
}
.index_wrap .intro .r_box {
  width: 50%;
  padding: 70px 0 70px 100px;
}
@media (max-width: 1420px) {
  .index_wrap .intro .r_box {
    float: none;
    width: 100%;
    padding: 100px 5% 0;
  }
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box {
    padding: 50px 5% 0;
  }
}
.index_wrap .intro .r_box .lst > ul {
  margin-left: -30px;
  margin-bottom: -30px;
  font-size: 0;
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box .lst > ul {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.index_wrap .intro .r_box .lst > ul > li {
  position: relative;
  display: inline-block;
  width: 285px;
  height: 285px;
  margin-left: 30px;
  margin-bottom: 30px;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: top;
}
@media (max-width: 1420px) {
  .index_wrap .intro .r_box .lst > ul > li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box .lst > ul > li {
    width: 100%;
    height: 171px;
    margin-left: 0;
    margin-bottom: 15px;
  }
  .index_wrap .intro .r_box .lst > ul > li:last-child {
    margin-bottom: 0;
  }
}
.index_wrap .intro .r_box .lst > ul > li:before,
.index_wrap .intro .r_box .lst > ul > li::after {
  content: '';
  opacity: 0;
  position: absolute;
  display: block;
  width: 40px;
  height: 43px;
  background-size: 40px 43px;
  background-image: url(/src/img/shape.png);
  transition: 0.5s all;
}
.index_wrap .intro .r_box .lst > ul > li::before {
  top: 13px;
  left: 13px;
}
.index_wrap .intro .r_box .lst > ul > li::after {
  bottom: 13px;
  right: 13px;
  transform: rotate(180deg);
}
.index_wrap .intro .r_box .lst > ul > li > a::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: -2px;
  left: -2px;
  display: block;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  border: 3px solid #ef172f !important;
  transition: 0.5s all;
}
.index_wrap .intro .r_box .lst > ul > li .ico::before {
  content: '';
  display: block;
}
.index_wrap .intro .r_box .lst > ul > li .ico.ico1::before {
  width: 72px;
  height: 72px;
  margin: 0 auto 40px;
  background-image: url(/src/img/ico/in_intro_ico1.png);
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box .lst > ul > li .ico.ico1::before {
    margin: 0 auto 20px;
  }
}
.index_wrap .intro .r_box .lst > ul > li .ico.ico2::before {
  width: 72px;
  height: 71px;
  margin: 0 auto 30px;
  background-image: url(/src/img/ico/in_intro_ico2.png);
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box .lst > ul > li .ico.ico2::before {
    margin: 0 auto 20px;
  }
}
.index_wrap .intro .r_box .lst > ul > li .ico.ico3::before {
  width: 72px;
  height: 67px;
  margin: 0 auto 32px;
  background-image: url(/src/img/ico/in_intro_ico3.png);
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box .lst > ul > li .ico.ico3::before {
    margin: 0 auto 25px;
  }
}
.index_wrap .intro .r_box .lst > ul > li .ico.ico4::before {
  width: 71px;
  height: 74px;
  margin: 0 auto 40px;
  background-image: url(/src/img/ico/in_intro_ico4.png);
}
@media (max-width: 620px) {
  .index_wrap .intro .r_box .lst > ul > li .ico.ico4::before {
    margin: 0 auto 18px;
  }
}
.index_wrap .intro .r_box .lst > ul > li:hover:before,
.index_wrap .intro .r_box .lst > ul > li:hover::after {
  opacity: 1;
}
.index_wrap .intro .r_box .lst > ul > li:hover > a::after {
  opacity: 1;
}

@keyframes scroll {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -10px;
  }
  100% {
    bottom: 0;
  }
}
/* board */
.board_total {
  line-height: 100%;
}

.board_sch_box {
  width: 480px;
  height: 50px;
  margin: 40px auto 0;
  border: 1px solid #ddd;
  font-size: 0;
}
@media (max-width: 620px) {
  .board_sch_box {
    width: 100%;
    margin: 20px auto 0;
  }
}
.board_sch_box .sch_inp {
  width: calc(100% - 40px);
  height: 100%;
  padding: 0 20px;
  border: 0;
  color: #999;
  vertical-align: middle;
}
.board_sch_box .sch_btn {
  position: relative;
  width: 40px;
  height: 100%;
  vertical-align: middle;
}
.board_sch_box .sch_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url(/src/img/ico/sch_ico2.png);
}

.board_view .board_tit {
  padding: 30px 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .board_view .board_tit {
    padding: 15px 0;
  }
}
.board_view .board_tit .tit {
  font-weight: bold;
}
.board_view .board_tit .info {
  padding-top: 8px;
}
@media (max-width: 620px) {
  .board_view .board_tit .info {
    padding-top: 4px;
  }
}
.board_view .board_file {
  padding: 20px;
  border-bottom: 1px solid #ddd;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .board_view .board_file {
    padding: 10px;
  }
}
.board_view .board_file > p {
  line-height: 100%;
}
.board_view .board_file > p::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(/src/img/ico/file_ico.png);
}
.board_view .board_file > p > a {
  display: inline-block;
  margin-top: 5px;
}
.board_view .board_cont {
  padding: 30px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 620px) {
  .board_view .board_cont {
    padding: 15px 0;
  }
}
.board_view .board_nav {
  margin-top: 40px;
  border-top: 1px solid #ddd;
}
@media (max-width: 620px) {
  .board_view .board_nav {
    margin-top: 20px;
  }
}
.board_view .board_nav table tr {
  border-bottom: 1px solid #ddd;
}
.board_view .board_nav table tr th {
  position: relative;
  width: 115px;
  padding: 18px 20px;
  text-align: left;
  background-color: #fafafa;
}
@media (max-width: 620px) {
  .board_view .board_nav table tr th {
    width: 80px;
    padding: 10px;
  }
}
.board_view .board_nav table tr th::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 12px;
  height: 7px;
  margin-top: -4px;
  background-image: url(/src/img/ico/board_arrow_ico.png);
}
@media (max-width: 620px) {
  .board_view .board_nav table tr th::after {
    right: 10px;
  }
}
.board_view .board_nav table tr th.n::after {
  transform: rotate(180deg);
}
.board_view .board_nav table tr td {
  width: auto;
  padding: 18px 20px;
  color: #999;
}
.board_view .board_nav table tr td > a {
  color: #333;
}
@media (max-width: 620px) {
  .board_view .board_nav table tr td {
    padding: 10px;
  }
  .board_view .board_nav table tr td > a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.board_view .list_btn {
  display: block;
  width: 220px;
  height: 60px;
  margin: 50px auto 0;
  border-radius: 30px;
  border: 1px solid #aaa;
  text-align: center;
  line-height: 58px;
}
@media (max-width: 620px) {
  .board_view .list_btn {
    width: 136px;
    height: 50px;
    margin: 25px auto 0;
    line-height: 48px;
  }
}

.board_list {
  margin-top: 30px;
}
.board_list table {
  border-top: 2px solid #000;
}
.board_list table tr {
  border-bottom: 1px solid #ddd;
}
@media (max-width: 991px){
	.board_list table tr.m_notice{background-color: #FEF2F3;}
}
.board_list table tr th {
  padding: 18px 0;
}
.board_list table tr td {
  padding: 18px 0;
  text-align: center;
}
.board_list table tr td.tal {
  text-align: left;
}
@media (max-width: 991px) {
  .board_list table tr td {
    padding: 40px 0;
  }
  .board_list table tr td .tit {
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
  }
}
@media (max-width: 620px) {
  .board_list table tr td {
    padding: 20px 0;
  }
  .board_list table tr td .tit {
    padding: 5px 0;
    font-size: 12px;
  }
}

.board_img_lst {
  margin-top: 30px;
}
@media (max-width: 620px) {
  .board_img_lst {
    margin-top: 20px;
  }
}
.board_img_lst > ul {
  font-size: 0;
}
.board_img_lst > ul > li {
  display: inline-block;
  vertical-align: top;
  transition: 0.5s all;
}
.board_img_lst > ul > li .img {
  overflow: hidden;
  width: 100%;
  border: 1px solid #ddd;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.board_img_lst > ul > li .img > a {
  display: block;
  width: 100%;
  height: 100%;
}
.board_img_lst > ul > li .tit {
  line-height: 100%;
}
.board_img_lst > ul > li .catalog_tit {
  padding: 30px 5px 0;
  text-align: center;
}
@media (max-width: 620px) {
  .board_img_lst > ul > li .catalog_tit {
    padding: 20px 5px 0;
  }
}
.board_img_lst > ul > li .date {
  display: inline-block;
  line-height: 100%;
}
@media (max-width: 620px) {
  .board_img_lst > ul > li .date.pt30 {
    padding-top: 10px;
  }
}
@media (max-width: 620px) {
  .board_img_lst > ul > li .pt30 {
    padding-top: 20px;
  }
  .board_img_lst > ul > li .pt20 {
    padding-top: 10px;
  }
  .board_img_lst > ul > li.pt30 {
    padding-top: 10px;
  }
}
.board_img_lst > ul > li:hover {
  opacity: 0.8;
}
.board_img_lst > ul > li:hover .img img {
  transform: scale(1.1);
}
.board_img_lst > ul.lng3 {
  margin-left: -30px;
  margin-bottom: -60px;
}
@media (max-width: 620px) {
  .board_img_lst > ul.lng3 {
    margin-left: 0;
    margin-bottom: -25px;
  }
}
.board_img_lst > ul.lng3 > li {
  width: calc(33.333% - 30px);
  margin-left: 30px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .board_img_lst > ul.lng3 > li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 620px) {
  .board_img_lst > ul.lng3 > li {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }
}
.board_img_lst > ul.lng4 {
  margin-left: -20px;
  margin-bottom: -60px;
}
@media (max-width: 620px) {
  .board_img_lst > ul.lng4 {
    margin-left: 0;
    margin-bottom: -25px;
  }
}
.board_img_lst > ul.lng4 > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .board_img_lst > ul.lng4 > li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 620px) {
  .board_img_lst > ul.lng4 > li {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }
}

/* sub */
.inquiry .agree_box > p {
  font-weight: bold;
  line-height: 100%;
}
.inquiry .agree_box .pre_box {
  overflow-y: scroll;
  width: 100%;
  height: 150px;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
  background-color: #fafafa;
}
.inquiry .agree_box .pre_box.ha{overflow-y: visible;height: auto;}
.inquiry .agree_box .pre_box.mt0{margin-top: 0;}
@media (max-width: 620px) {
  .inquiry .agree_box .pre_box {
    margin-top: 10px;
  }
}
.inquiry .agree_box .line {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.inquiry .agree_box .line.bdb0{padding-bottom: 0;border-bottom: 0;}
.inquiry .inp_box {
  margin-top: 40px;
  padding: 40px 25px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
}
.inquiry .inp_box.mt0{margin-top: 0;}
@media (max-width: 1240px) {
  .inquiry .inp_box {
    padding: 40px 0;
  }
}
@media (max-width: 620px) {
  .inquiry .inp_box {
    margin-top: 50px;
    padding: 20px 0;
  }
}
.inquiry .inp_box dl {
  width: 100%;
  margin-top: 40px;
}
.inquiry .inp_box dl.mt0{margin-top: 0;}
@media (max-width: 620px) {
  .inquiry .inp_box dl {
    margin-top: 20px;
  }
}
.inquiry .inp_box dl dt {
  font-weight: bold;
  line-height: 100%;
}
.inquiry .inp_box dl dd {
  padding-top: 15px;
}
@media (max-width: 620px) {
  .inquiry .inp_box dl dd {
    padding-top: 10px;
  }
}
.inquiry .inp_box dl dd:first-child {
  padding-top: 10px;
}
@media (max-width: 620px) {
  .inquiry .inp_box dl dd:first-child {
    padding-top: 5px;
  }
}
.inquiry .inp_box dl dd .inp {
  width: 100%;
  height: 34px;
}
.inquiry .inp_box dl dd .inp.h280 {
  height: 280px;
  vertical-align: middle;
}
@media (max-width: 620px) {
  .inquiry .inp_box dl dd .inp.h280 {
    height: 200px;
  }
}
.inquiry .inp_box dl dd.lng3_box {
  font-size: 0;
}
.inquiry .inp_box dl dd.lng3_box .inp {
  width: calc(33.333% - 5px);
  margin-right: 5px;
}
.inquiry .inp_box dl dd.lng3_box .inp:last-child {
  margin-right: 0;
}
.inquiry .inp_box .line > dl.fl,
.inquiry .inp_box .line > dl.fr {
  width: calc(50% - 25px);
}
@media (max-width: 620px) {
  .inquiry .inp_box .line > dl.fl,
  .inquiry .inp_box .line > dl.fr {
    float: none;
    width: 100%;
  }
}

.inquiry .inp_box .label_line{display: flex;flex-wrap: wrap;gap: 10px 20px;}
.inquiry .inp_box .label_inp_line{display: flex;gap: 0 15px;}
.inquiry .inp_box .label_inp_line > label{flex-shrink: 0;}
@media (max-width: 620px){

}

.inquiry .inp_box .rdo_line .de_rdo.sg, .inquiry .inp_box .rdo_line .de_cki.sg {
  margin-right: 20px;
}
.inquiry .inp_box .rdo_line .de_rdo.sg:last-of-type, .inquiry .inp_box .rdo_line .de_cki.sg:last-of-type {
  margin-right: 0;
}
.inquiry .inp_box .rdo_line .rdo_inp_line {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
@media (max-width: 1240px) {
  .inquiry .inp_box .rdo_line .rdo_inp_line {
    display: block;
    margin-top: 15px;
    margin-left: 0;
  }
}
@media (max-width: 620px) {
  .inquiry .inp_box .rdo_line .rdo_inp_line {
    margin-top: 8px;
  }
}
.inquiry .inp_box .rdo_line .rdo_inp_line .de_rdo.sg {
  margin-left: 0;
}
.inquiry .inp_box .rdo_line .rdo_inp_line .txt {
  margin-left: 10px;
  margin-right: 12px;
}
@media (max-width: 620px) {
  .inquiry .inp_box .rdo_line .rdo_inp_line .txt {
    display: block;
    margin: 10px auto 0;
  }
}
.inquiry .inp_box .rdo_line .rdo_inp_line .inp {
  width: 330px;
}
@media (max-width: 1240px) {
  .inquiry .inp_box .rdo_line .rdo_inp_line .inp {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
}

.inquiry .inp_box .label_lst{display: flex;flex-wrap: wrap;gap: 10px 20px;}
.inquiry .inp_box .etc_label{display: flex;align-items: center;gap: 0 15px;}
.inquiry .inp_box .etc_label.w100p{width: 100%;}
.inquiry .inp_box .etc_label label{flex-shrink: 0;}
.inquiry .inp_box .etc_label .inp{flex-basis: 330px;flex-shrink: 1;}
.inquiry .inp_box .etc_label .inp.w100p{flex-basis: 100%;}


.inquiry .sub_btn {
  display: block;
  width: 220px;
  height: 60px;
  margin: 50px auto 0;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  background-color: #ef172f !important;
}
@media (max-width: 620px) {
  .inquiry .sub_btn {
    width: 136px;
    height: 50px;
    margin: 25px auto 0;
  }
}

.distributor_intro .intro_txt {
  text-align: center;
  padding-top: 80px;
}
@media (max-width: 620px) {
  .distributor_intro .intro_txt {
    padding-top: 40px;
  }
}
.distributor_intro .intro_txt::after {
  content: '';
  display: block;
  width: 70px;
  height: 1px;
  margin: 60px auto;
  background-color: #333;
}
@media (max-width: 620px) {
  .distributor_intro .intro_txt::after {
    margin: 30px auto;
  }
}
.distributor_intro .lst > ul {
  margin-left: -30px;
  margin-bottom: -64px;
  font-size: 0;
}
@media (max-width: 620px) {
  .distributor_intro .lst > ul {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.distributor_intro .lst > ul > li {
  display: inline-block;
  width: calc(33.333% - 30px);
  margin-left: 30px;
  margin-bottom: 64px;
  text-align: center;
  vertical-align: top;
}
@media (max-width: 1240px) {
  .distributor_intro .lst > ul > li {
    width: calc(50% - 30px);
  }
}
@media (max-width: 620px) {
  .distributor_intro .lst > ul > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .distributor_intro .lst > ul > li:last-child {
    margin-bottom: 0;
  }
  .distributor_intro .lst > ul > li .pt20 {
    padding-top: 10px;
  }
}

.history_wrap {
  position: relative;
}
.history_wrap::before {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 812px;
  height: 440px;
  background-image: url(/src/img/sub/history_txt.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .history_wrap::before {
    width: 100%;
    height: 0;
    padding-bottom: 54.187%;
  }
}
.history_wrap .sect {
  margin-top: 80px;
}
@media (max-width: 620px) {
  .history_wrap .sect {
    margin-top: 40px;
  }
}
.history_wrap .y_txt {
  padding-bottom: 40px;
  font-weight: bold;
}
@media (max-width: 620px) {
  .history_wrap .y_txt {
    padding-bottom: 20px;
  }
}
.history_wrap .dot_lst > ul {
  font-size: 0;
}
.history_wrap .dot_lst > ul > li {
  display: inline-block;
  width: 50%;
  margin-top: 10px;
  padding-right: 100px;
	vertical-align: top;
}
.history_wrap .dot_lst > ul > li:first-child {
  margin-top: 0;
}
.history_wrap .dot_lst > ul > li:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 1240px) {
  .history_wrap .dot_lst > ul > li:nth-child(2) {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .history_wrap .dot_lst > ul > li {
    width: 100%;
    padding-right: 0;
  }
}

.ceo .img_box {
  width: 480px;
  margin-top: -50px;
}
@media (max-width: 1240px) {
  .ceo .img_box {
    float: none;
    margin: -50px auto 0;
  }
}
@media (max-width: 620px) {
  .ceo .img_box {
    width: 100%;
    margin: 25px auto 0;
  }
}
.ceo .img_box figure {
  position: relative;
}
.ceo .img_box figure::before {
  content: '';
  z-index: -1;
  position: absolute;
  bottom: -27px;
  left: -25px;
  width: 120px;
  height: 120px;
  background-color: #ef172f !important;
}
@media (max-width: 620px) {
  .ceo .img_box figure::before {
    bottom: -13px;
    left: -10px;
    width: 60px;
    height: 60px;
  }
}
.ceo .img_box .ceo_txt {
  padding-top: 46px;
  text-align: right;
  vertical-align: middle;
}
@media (max-width: 620px) {
  .ceo .img_box .ceo_txt {
    padding-top: 40px;
  }
}
.ceo .img_box .ceo_txt > img {
  vertical-align: middle;
}
.ceo .txt_box {
  width: calc(100% - 480px);
  padding-top: 50px;
  padding-left: 100px;
}
@media (max-width: 1240px) {
  .ceo .txt_box {
    float: none;
    width: 100%;
    padding: 60px 0 0;
  }
}
@media (max-width: 620px) {
  .ceo .txt_box {
    padding: 50px 0 0;
  }
  .ceo .txt_box .pb40 {
    padding-bottom: 20px;
  }
  .ceo .txt_box .pb30 {
    padding-bottom: 15px;
  }
}
@media (max-width: 1420px) {
  .ceo .txt_box > p .db {
    display: inline;
  }
}

.map_box .sect {
  margin-top: 100px;
}
@media (max-width: 620px) {
  .map_box .sect {
    margin-top: 45px;
  }
}
.map_box .sect:first-child {
  margin-top: 0;
}
.map_box .sect:first-child .map::after {
  right: -24px;
  bottom: -30px;
}
@media (max-width: 620px) {
  .map_box .sect:first-child .map::after {
    right: -10px;
    bottom: -10px;
  }
}
@media (max-width: 620px) {
  .map_box .sect:first-child .info .r_box .info_txt > dd:last-child {
    padding-left: 53px;
  }
  .map_box .sect:first-child .info .r_box .info_txt > dd:last-child .num:nth-child(2) {
    left: 27px;
  }
}
.map_box .sect:last-child .map::before {
  top: -30px;
  left: -24px;
}
@media (max-width: 620px) {
  .map_box .sect:last-child .map::before {
    top: -10px;
    left: -10px;
  }
}
.map_box .map {
  position: relative;
  width: 100%;
  height: 420px;
  border: 1px solid #000;
}
@media (max-width: 620px) {
  .map_box .map {
    height: 184px;
  }
}
.map_box .map .map_js {
  width: 100%;
  height: 100%;
}
.map_box .map::after {
  content: '';
  z-index: -1;
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
  background-color: #ef172f !important;
}
@media (max-width: 620px) {
  .map_box .map::after {
    width: 60px;
    height: 60px;
  }
}
.map_box .info {
  padding: 70px 100px 0;
}
@media (max-width: 1240px) {
  .map_box .info {
    padding: 70px 0 0;
  }
}
@media (max-width: 1240px) {
  .map_box .info {
    padding: 35px 0 0;
  }
  .map_box .info .pt20 {
    padding-top: 0;
  }
}
.map_box .info .l_box {
  width: calc(100% - 600px);
  padding-right: 120px;
}
@media (max-width: 1240px) {
  .map_box .info .l_box {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.map_box .info .l_box > p {
  line-height: 100%;
}
@media (max-width: 620px) {
  .map_box .info .l_box > p {
    line-height: 150%;
  }
}
.map_box .info .r_box {
  width: 600px;
}
@media (max-width: 1240px) {
  .map_box .info .r_box {
    float: none;
    width: 100%;
    margin-top: 60px;
  }
}
@media (max-width: 620px) {
  .map_box .info .r_box {
    margin-top: 30px;
  }
}
.map_box .info .r_box .ico_lst > li {
  margin-bottom: 25px;
  font-size: 0;
}
.map_box .info .r_box .ico_lst > li:last-child {
  margin-top: 0;
}
@media (max-width: 620px) {
  .map_box .info .r_box .ico_lst > li {
    margin-bottom: 6px;
  }
  .map_box .info .r_box .ico_lst > li:nth-child(2) .txt,
  .map_box .info .r_box .ico_lst > li:nth-child(3) .txt {
    padding-top: 9px;
  }
}
.map_box .info .r_box .ico_lst > li > figure,
.map_box .info .r_box .ico_lst > li .txt {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 620px) {
  .map_box .info .r_box .ico_lst > li > figure,
  .map_box .info .r_box .ico_lst > li .txt {
    vertical-align: top;
  }
}
.map_box .info .r_box .ico_lst > li > figure {
  margin-right: 15px;
}
@media (max-width: 620px) {
  .map_box .info .r_box .ico_lst > li > figure {
    margin-right: 10px;
  }
}
.map_box .info .r_box .ico_lst > li .txt {
  width: calc(100% - 51px);
}
@media (max-width: 620px) {
  .map_box .info .r_box .ico_lst > li .txt {
    width: calc(100% - 46px);
  }
}
.map_box .info .r_box .info_txt {
  margin-top: 40px;
}
@media (max-width: 620px) {
  .map_box .info .r_box .info_txt {
    margin-top: 20px;
  }
}
.map_box .info .r_box .info_txt > dt {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  line-height: 100%;
}
@media (max-width: 620px) {
  .map_box .info .r_box .info_txt > dt {
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
}
.map_box .info .r_box .info_txt > dd {
  position: relative;
  padding-bottom: 10px;
  vertical-align: middle;
}
@media (max-width: 620px) {
  .map_box .info .r_box .info_txt > dd {
    padding-left: 27px;
  }
}
.map_box .info .r_box .info_txt > dd:last-child {
  padding-bottom: 0;
}
@media (max-width: 620px) {
  .map_box .info .r_box .info_txt > dd:last-child {
    padding-bottom: 5px;
  }
}
.map_box .info .r_box .info_txt .num {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 5px;
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
}
@media (max-width: 620px) {
  .map_box .info .r_box .info_txt .num {
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
  }
}
.map_box .info .r_box .info_txt .num:last-of-type {
  margin-right: 10px;
}
@media (max-width: 620px) {
  .map_box .info .r_box .info_txt .num:last-of-type {
    margin-right: 0;
  }
}
.map_box .info .r_box .info_txt .num.num1 {
  background-color: #365abc;
}
.map_box .info .r_box .info_txt .num.num2 {
  background-color: #30bb37;
}
.map_box .info .r_box .info_txt .num.num4 {
  background-color: #00a5de;
}

.vision_lst > ul > li {
  position: relative;
  margin-bottom: 80px;
}
@media (max-width: 1240px) {
  .vision_lst > ul > li {
    margin-bottom: 130px;
  }
}
@media (max-width: 620px) {
  .vision_lst > ul > li {
    margin-bottom: 60px;
  }
}
.vision_lst > ul > li:last-child {
  margin-bottom: 0;
}
.vision_lst > ul > li:nth-child(odd) .txt_box {
  right: 0;
  padding-left: 0;
}
@media (max-width: 1240px) {
  .vision_lst > ul > li:nth-child(odd) .txt_box {
    padding-left: 50px;
  }
}
@media (max-width: 620px) {
  .vision_lst > ul > li:nth-child(odd) .txt_box {
    padding-left: 0;
  }
}
.vision_lst > ul > li .img {
  position: relative;
  width: calc(50% - 50px);
}
@media (max-width: 1240px) {
  .vision_lst > ul > li .img {
    width: 100%;
  }
}
.vision_lst > ul > li .img > img {
  position: relative;
  z-index: 1;
}
.vision_lst > ul > li .img::before {
  content: '';
  position: absolute;
  top: -30px;
  left: -24px;
  width: 120px;
  height: 120px;
  background-color: #ef172f !important;
}
@media (max-width: 620px) {
  .vision_lst > ul > li .img::before {
    top: -10px;
    left: -10px;
    width: 60px;
    height: 60px;
  }
}
.vision_lst > ul > li .txt_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(50% - 100px);
  padding-left: 100px;
}
@media (max-width: 1240px) {
  .vision_lst > ul > li .txt_box {
    position: static;
    transform: none;
    width: 100%;
    margin-top: 90px;
    padding-left: 50px;
  }
}
@media (max-width: 620px) {
  .vision_lst > ul > li .txt_box {
    margin-top: 45px;
    padding-left: 0;
  }
}
.vision_lst > ul > li .txt_box .tit {
  position: relative;
}
.vision_lst > ul > li .txt_box .tit > p {
  line-height: 100%;
}
.vision_lst > ul > li .txt_box .tit .sub_txt {
  z-index: -1;
  opacity: 0.1;
  position: absolute;
  top: 50%;
  left: -50px;
  transform: translateY(-50%);
  font-weight: 100;
}
@media (max-width: 620px) {
  .vision_lst > ul > li .txt_box .tit .sub_txt {
    left: 0;
    margin-top: -10px;
  }
  .vision_lst > ul > li .txt_box .tit .sub_txt > span:first-child,
  .vision_lst > ul > li .txt_box .tit .sub_txt > span:nth-child(2) {
    display: inline;
  }
}
.vision_lst > ul > li .txt_box .dot_lst {
  margin-top: 20px;
}
@media (max-width: 620px) {
  .vision_lst > ul > li .txt_box .dot_lst {
    margin-top: 10px;
  }
}

.biz_field > ul {
  margin-left: -100px;
  margin-bottom: -160px;
  font-size: 0;
}
@media (max-width: 1240px) {
  .biz_field > ul {
    margin-left: 0;
    margin-bottom: -100px;
  }
}
@media (max-width: 620px) {
  .biz_field > ul {
    margin-bottom: -50px;
  }
}
.biz_field > ul > li {
  display: inline-block;
  width: calc(50% - 100px);
  margin-left: 100px;
  margin-bottom: 160px;
  vertical-align: top;
}
@media (max-width: 1240px) {
  .biz_field > ul > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 100px;
  }
}
@media (max-width: 620px) {
  .biz_field > ul > li {
    margin-bottom: 50px;
  }
}
.biz_field > ul > li:nth-child(even) {
  padding-top: 100px;
}
@media (max-width: 1240px) {
  .biz_field > ul > li:nth-child(even) {
    padding-top: 0;
  }
}
.biz_field > ul > li .txt_box {
  position: relative;
  margin-top: 50px;
  padding-left: 50px;
}
@media (max-width: 620px) {
  .biz_field > ul > li .txt_box {
    margin-top: 25px;
    padding-left: 0;
  }
}
.biz_field > ul > li .txt_box .num {
  opacity: 0.04;
  z-index: -1;
  position: absolute;
  top: -40px;
  left: 0;
  display: block;
  font-weight: bold;
  line-height: 100%;
}
@media (max-width: 620px) {
  .biz_field > ul > li .txt_box .num {
    top: -15px;
    font-size: 30px;
  }
}
.biz_field > ul > li.shape {
  position: relative;
  padding: 140px 0;
  text-align: center;
}
@media (max-width: 1240px) {
  .biz_field > ul > li.shape {
    padding: 140px 10px;
  }
}
@media (max-width: 620px) {
  .biz_field > ul > li.shape {
    padding: 70px 10px;
  }
}
.biz_field > ul > li.shape::before,
.biz_field > ul > li.shape::after {
  content: '';
  position: absolute;
  display: block;
  width: 129px;
  height: 120px;
  background-image: url(/src/img/shape.png);
}
@media (max-width: 620px) {
  .biz_field > ul > li.shape::before,
  .biz_field > ul > li.shape::after {
    width: 60px;
    height: 64px;
    background-size: 60px 64px;
  }
}
.biz_field > ul > li.shape::before {
  top: 0;
  left: 0;
}
.biz_field > ul > li.shape::after {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}

.prod_rule .sect {
  margin-top: 60px;
}
.prod_rule .sect:first-child {
  margin-top: 0;
}
.prod_rule .sect .num_txt {
  opacity: 0.04;
  display: inline-block;
  font-weight: bold;
  line-height: 100%;
}
.prod_rule .sect .sect_tit {
  margin-top: -55px;
  padding-bottom: 20px;
  line-height: 100%;
}
@media (max-width: 620px) {
  .prod_rule .sect .sect_tit {
    margin-top: -28px;
    padding-bottom: 10px;
  }
}
@media (max-width: 1240px) {
  .prod_rule .sect .res_lst.lng4.s20 {
    margin-bottom: -50px;
  }
}
@media (max-width: 620px) {
  .prod_rule .sect .res_lst.lng4.s20 {
    margin-left: 0;
    margin-bottom: -25px;
  }
}
@media (max-width: 1240px) {
  .prod_rule .sect .res_lst.lng4.s20 > li {
    width: calc(50% - 20px);
    margin-bottom: 50px;
  }
}
@media (max-width: 620px) {
  .prod_rule .sect .res_lst.lng4.s20 > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 25px;
  }
}
.prod_rule .sect .res_lst.lng4.s20 > li > p {
  padding: 20px 45px 0;
}
@media (max-width: 620px) {
  .prod_rule .sect .res_lst.lng4.s20 > li > p {
    padding: 10px 0 0;
  }
}

.prod_intro_slide {
  position: relative;
  padding: 40px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #eee;
}
@media (max-width: 1240px) {
  .prod_intro_slide {
    padding: 40px 35px;
  }
}
@media (max-width: 620px) {
  .prod_intro_slide {
    padding: 20px 0;
  }
}
.prod_intro_slide .prod_intro_mask {
  overflow: hidden;
}
.prod_intro_slide .prod_intro_mask .item .img {
  width: 590px;
}
@media (max-width: 1240px) {
  .prod_intro_slide .prod_intro_mask .item .img {
    float: none;
    width: 100%;
  }
}
.prod_intro_slide .prod_intro_mask .item .txt_box {
  opacity: 0;
  width: 570px;
  transition: 0.5s all;
}
@media (max-width: 1240px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box {
    margin-top: 20px;
  }
}
.prod_intro_slide .prod_intro_mask .item .txt_box .type {
  display: inline-block;
  padding-bottom: 10px;
  line-height: 100%;
}
.prod_intro_slide .prod_intro_mask .item .txt_box .tit {
  line-height: 100%;
}
@media (max-width: 620px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box .tit {
    line-height: 150%;
  }
}
.prod_intro_slide .prod_intro_mask .item .txt_box .txt_cont {
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box .txt_cont {
    overflow-y: auto;
    width: 100%;
    height: 90px;
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #fafafa;
  }
  .prod_intro_slide .prod_intro_mask .item .txt_box .txt_cont::-webkit-scrollbar {
    width: 2px;
    background-color: #eee;
  }
  .prod_intro_slide .prod_intro_mask .item .txt_box .txt_cont::-webkit-scrollbar-thumb {
    background-color: #000;
  }
}
@media (max-width: 620px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box .txt_cont {
    padding: 10px;
  }
}
.prod_intro_slide .prod_intro_mask .item .txt_box .more_btn {
  display: inline-block;
  margin-top: 40px;
}
@media (max-width: 1240px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box .more_btn {
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .prod_intro_slide .prod_intro_mask .item .txt_box .more_btn {
    margin-top: 10px;
  }
}
.prod_intro_slide .prod_intro_mask .item.swiper-slide-active .txt_box {
  opacity: 1;
}
.prod_intro_slide .arrow_btn {
  z-index: 10;
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  margin-top: -23px;
  border: 1px solid rgba(112, 112, 112, 0.2);
  border-radius: 50%;
}
.prod_intro_slide .arrow_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 15px;
  height: 13px;
  margin-top: -6px;
  margin-left: -7px;
  background-image: url(/src/img/ico/prod_slide_ico.svg);
}
.prod_intro_slide .arrow_btn.p {
  left: -66px;
}
.prod_intro_slide .arrow_btn.n {
  right: -66px;
}
.prod_intro_slide .arrow_btn.n::after {
  transform: rotate(180deg);
}
@media (max-width: 1240px) {
  .prod_intro_slide .thumbs_por {
    position: relative;
  }
}
.prod_intro_slide .thumbs_mask {
  z-index: 10;
  position: absolute;
  bottom: 40px;
  right: 0;
  width: 570px;
  padding-bottom: 20px;
  overflow: hidden;
}
@media (max-width: 1240px) {
  .prod_intro_slide .thumbs_mask {
    position: static;
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .prod_intro_slide .thumbs_mask {
    margin-top: 20px;
    padding-bottom: 10px;
  }
}
.prod_intro_slide .thumbs_mask .item {
  text-align: center;
}
.prod_intro_slide .thumbs_mask .item .img {
  opacity: 0.3;
}
.prod_intro_slide .thumbs_mask .item .txt {
  display: inline-block;
  padding-top: 10px;
  color: #999;
  line-height: 100%;
}
.prod_intro_slide .thumbs_mask .item.swiper-slide-thumb-active .img {
  opacity: 1;
}
.prod_intro_slide .thumbs_mask .item.swiper-slide-thumb-active .txt {
  color: #333;
}
.prod_intro_slide .progressbar {
  height: 2px;
  background-color: #eee;
}
.prod_intro_slide .progressbar .swiper-pagination-progressbar-fill {
  background-color: #000;
}

.lng8_img_lst > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: -40px;
}
@media (max-width: 1240px) {
  .lng8_img_lst > ul {
    padding: 0 25px;
  }
}
@media (max-width: 620px) {
  .lng8_img_lst > ul {
    padding: 0;
    margin-left: -10px;
    margin-bottom: -20px;
  }
}
.lng8_img_lst > ul > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 1240px) {
  .lng8_img_lst > ul > li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 620px) {
  .lng8_img_lst > ul > li {
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .lng8_img_lst > ul > li .pt20 {
    padding-top: 10px;
  }
}

.virtual_gpu .square_lst {
  margin: 20px auto -40px;
}
@media (max-width: 620px) {
  .virtual_gpu .square_lst {
    margin: 10px auto -20px;
  }
}
.virtual_gpu .bdrs_lst {
  margin: 60px auto;
}
@media (max-width: 620px) {
  .virtual_gpu .bdrs_lst {
    margin: 30px auto;
  }
}
.virtual_gpu .bdrs_lst > ul > li .txt_box .cont .t1 {
  line-height: 120%;
}
@media (max-width: 620px) {
  .virtual_gpu .bdrs_lst > ul > li .txt_box .cont .t1 {
    line-height: 150%;
  }
}
.virtual_gpu .bdrs_lst .more_btn {
  position: relative;
  display: block;
  width: 220px;
  height: 60px;
  padding: 0 30px;
  border-radius: 30px;
  border: 1px solid #ddd;
  line-height: 61px;
}
.virtual_gpu .bdrs_lst .more_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 30px;
  width: 15px;
  height: 13px;
  background-image: url(/src/img/ico/ani_arrow_ico.svg);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .bcm .bg_box {
    height: auto;
    padding: 50px 0;
  }
}
@media (max-width: 620px) {
  .bcm .bg_box {
    padding: 80px 0;
  }
}

.datacenter_gpu .img_box {
  padding: 40px 0;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 1240px) {
  .datacenter_gpu .img_box {
    padding: 25px;
  }
}
@media (max-width: 620px) {
  .datacenter_gpu .img_box {
    padding: 10px;
  }
}

.cluster .square_lst > ul > li .fz16 {
  letter-spacing: -0.6px;
}
@media (max-width: 1240px) {
  .cluster .square_lst > ul > li .fz16 {
    letter-spacing: inherit;
  }
}

.gpu_monitoring .img_box {
  margin: 40px auto 100px;
  padding: 40px 0;
  border: 1px solid #ddd;
  background-color: #fafafa;
  text-align: center;
}
@media (max-width: 767px) {
  .gpu_monitoring .img_box {
    padding: 18px;
  }
}
@media (max-width: 620px) {
  .gpu_monitoring .img_box {
    margin: 20px auto 50px;
  }
}

.ai_enterprise .bd_img_box {
  padding: 40px 0;
  border: 1px solid #ddd;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .ai_enterprise .bd_img_box {
    padding: 20px 70px;
  }
}
@media (max-width: 620px) {
  .ai_enterprise .bd_img_box {
    padding: 10px 30px;
  }
}

.hpc_sdk .img_box {
  padding: 20px 0;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 620px) {
  .hpc_sdk .img_box {
    padding: 10px 40px;
  }
}

.io_acceleration .gray_bg.type2 {
  padding: 100px 0 50px;
}
@media (max-width: 620px) {
  .io_acceleration .gray_bg.type2 {
    padding: 50px 0 25px;
  }
}
.io_acceleration .img_box {
  padding: 20px 0;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 1240px) {
  .io_acceleration .img_box {
    padding: 40px;
  }
}
@media (max-width: 620px) {
  .io_acceleration .img_box {
    padding: 20px;
  }
}

.rocm .bg_lst > ul > li {
  height: 238px;
}
@media (max-width: 767px) {
  .rocm .bg_lst > ul > li {
    height: auto;
  }
}
.rocm .bdrs_lst {
  margin: -40px auto;
}
@media (max-width: 620px) {
  .rocm .bdrs_lst {
    margin: -20px auto;
  }
}

.oneapi .img_box {
  padding: 40px 0;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 620px) {
  .oneapi .img_box {
    padding: 15px;
  }
}
.oneapi .bg_lst > ul > li {
  height: 305px;
}
@media (max-width: 1240px) {
  .oneapi .bg_lst > ul > li {
    height: auto;
    min-height: 260px;
  }
}
@media (max-width: 620px) {
  .oneapi .bg_lst > ul > li {
    min-height: 178px;
  }
  .oneapi .bg_lst > ul > li .t3 {
    padding-bottom: 33px;
  }
}
.oneapi .bg_lst > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.oneapi .bg_lst > ul > li > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 13px;
  background-image: url(/src/img/ico/ani_arrow_ico.svg);
}
.oneapi .bg_lst > ul > li .tit {
  color: #00a3f6;
}



.ampere .bg_lst > ul > li > a {
  display: block;
  height: 100%;
}
.ampere .bg_lst > ul > li > a .more_btn::after{content: '';display: inline-block;width: 15px;height: 13px;margin: 0 0 2px 10px;vertical-align: middle;background-image: url(/src/img/ico/ani_arrow_ico.svg);}
.ampere .box_lst{}
.ampere .box_lst > ul{display: flex;flex-wrap: wrap;}
.ampere .box_lst > ul > li{width: 100%;padding: 40px;border: 1px solid #ddd;background-color: #fff;}
.ampere .box_lst > ul > li .img{text-align: center;}
.ampere .box_lst > ul > li .img img{}
.ampere .box_lst.lng2 > ul{gap: 40px;}
.ampere .box_lst.lng2 > ul > li{width: calc(50% - 20px);}
@media (max-width: 1240px){
	.ampere .box_lst.lng2 > ul{max-width: 580px;width: 100%;margin: 0 auto;}
	.ampere .box_lst.lng2 > ul > li{width: 100%;}
}
@media (max-width: 620px){
	.ampere .box_lst.lng2 > ul{gap: 20px;}
}

.ampere .txt_open{font-size: inherit;font-weight: bold;color: #EF172F;text-decoration: underline;text-underline-position : under;}
.ampere .js_txt_cont{display: none;}

.ampere .solution_lst{}
.ampere .solution_lst > ul{display: flex;flex-wrap: wrap;}
.ampere .solution_lst > ul > li{width: 100%;}
.ampere .solution_lst > ul > li .img{display: flex;align-items: center;justify-content: center;height: 100%;text-align: center;}
.ampere .solution_lst.lng3 > ul{gap: 30px;}
.ampere .solution_lst.lng3 > ul > li{width: calc((100% - 60px)/3);}
@media (max-width: 767px){
	.ampere .solution_lst.lng3 > ul{gap: 15px;}
	.ampere .solution_lst.lng3 > ul > li{width: calc((100% - 15px)/2);}
}







.wekafs .img_box {
  padding: 50px 0;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 620px) {
  .wekafs .img_box {
    padding: 18px;
  }
}

.wekafs .icon_lst > ul > li > p {
  text-align: center;
}

.supernas .ico_lst > ul > li {
  padding: 40px 80px 0 0;
}
@media (max-width: 1240px) {
  .supernas .ico_lst > ul > li {
    padding: 40px 0 0;
  }
}
@media (max-width: 620px) {
  .supernas .ico_lst > ul > li {
    padding: 20px 0 0;
  }
}
.supernas .img_box {
  padding: 50px 0;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 620px) {
  .supernas .img_box {
    padding: 18px;
  }
}

.dgx_h100 .bg_lst > ul > li {
  height: 238px;
}
@media (max-width: 1240px) {
  .dgx_h100 .bg_lst > ul > li {
    height: 162px;
  }
}
@media (max-width: 620px) {
  .dgx_h100 .bg_lst > ul > li {
    height: auto;
  }
}

.alveo .cont_tab.type2 .cont_tab_sel {
  width: 90%;
}

.server_prod_lst > ul > li {
  padding: 40px 0 100px;
  border-top: 1px solid #333;
}
.server_prod_lst > ul > li:last-child {
  padding: 40px 0 0;
}
@media (max-width: 620px) {
  .server_prod_lst > ul > li {
    padding: 20px 0 50px;
  }
  .server_prod_lst > ul > li:last-child {
    padding: 20px 0 0;
  }
}
.server_prod_lst > ul > li > .cb .fl {
  width: 550px;
}
.server_prod_lst > ul > li > .cb .fr {
  width: 600px;
  padding-left: 50px;
}
@media (max-width: 1240px) {
  .server_prod_lst > ul > li > .cb .fr {
    padding: 50px 0 0;
  }
}
@media (max-width: 620px) {
  .server_prod_lst > ul > li > .cb .fr {
    padding: 25px 0 0;
  }
}
.server_prod_lst > ul > li .coming_soon {
  width: 220px;
  height: 60px;
  border-radius: 30px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  background-color: #333;
}
@media (max-width: 1240px) {
  .server_prod_lst > ul > li .coming_soon {
    width: 100%;
  }
}

.walker_pass .fl {
  width: 550px;
}
.walker_pass .fr {
  width: 610px;
}
@media (max-width: 1240px) {
  .walker_pass .fr {
    padding-top: 50px;
  }
}

.optane .tb table {
  min-width: 640px;
  border-top: 2px solid #000;
}
.optane .tb table tr th:first-child,
.optane .tb table tr td:first-child {
  border-left: 0;
}
.optane .tb table tr th:last-child,
.optane .tb table tr td:last-child {
  border-right: 0;
}
.optane .tb table tr th {
  padding: 18px 0;
  border: 1px solid #ddd;
}
.optane .tb table tr td {
  padding: 18px 10px;
  border: 1px solid #ddd;
  text-align: center;
}
.optane .tb table tr .bg {
  color: #fff;
  background-color: #00a3f6;
}
.optane .tb table tr .w_bg{background-color: #fff;}
.optane .tb table tr .w1 {
  width: 195px;
}
@media (max-width: 1240px) {
  .optane .tb table tr .w1 {
    width: 106px;
  }
}
.optane .tb table tr .w2 {
  width: auto;
}
.optane .tb table tr .w3 {
  width: 200px;
}
@media (max-width: 1240px) {
  .optane .tb table tr .w3 {
    width: 110px;
  }
}
@media (max-width: 730px) {
  .optane .tb {
    padding-bottom: 10px;
  }
  .optane .scroll_img {
    display: block;
  }
}
.optane .test_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
@media (max-width: 1240px) {
  .optane .test_lst > ul {
    margin-left: 0;
  }
}
.optane .test_lst > ul > li {
  overflow: hidden;
  width: calc(33.333% - 30px);
  margin-left: 30px;
  border-radius: 20px 0;
}
@media (max-width: 1240px) {
  .optane .test_lst > ul > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .optane .test_lst > ul > li:last-child {
    margin-bottom: 0;
  }
}
.optane .test_lst > ul > li .top {
  padding: 18px 0;
  text-align: center;
  color: #fff;
  line-height: 100%;
  background-color: #6e6e6e;
}
.optane .test_lst > ul > li .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 128px;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 20px 0;
  background-color: #fff;
}
@media (max-width: 620px) {
  .optane .test_lst > ul > li .txt_box {
    height: 74px;
  }
}
.optane .test_lst > ul > li .txt_box > p {
  line-height: 100%;
}

.cheetah .bd_lst > ul > li {
  padding-top: 40px;
  padding-right: 80px;
}
@media (max-width: 1240px) {
  .cheetah .bd_lst > ul > li {
    padding-right: 0;
  }
}
@media (max-width: 620px) {
  .cheetah .bd_lst > ul > li {
    padding-top: 20px;
  }
}

.automotive .tab_cont_box {
  border-top: 1px dotted #ddd;
}
.automotive .bd_lst.p40 > ul > li:last-child {
  padding: 40px 0 0;
}
@media (max-width: 620px) {
  .automotive .bd_lst.p40 > ul > li:last-child {
    padding: 20px 0 0;
  }
}

.dgx_a100 .graph_lst > ul {
  display: flex;
  margin-left: -30px;
}
@media (max-width: 1240px) {
  .dgx_a100 .graph_lst > ul {
    flex-direction: column;
    margin-left: 0;
  }
}
.dgx_a100 .graph_lst > ul > li {
  width: 380px;
  margin-left: 30px;
}
@media (max-width: 1240px) {
  .dgx_a100 .graph_lst > ul > li {
    margin: 0 auto 60px;
  }
  .dgx_a100 .graph_lst > ul > li:last-child {
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .dgx_a100 .graph_lst > ul > li {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.dgx_a100 .graph_lst > ul > li .tit {
  border-radius: 20px 0;
  line-height: 60px;
  color: #fff;
  text-align: center;
  background-color: #6e6e6e;
}
@media (max-width: 620px) {
  .dgx_a100 .graph_lst > ul > li .tit {
    line-height: 50px;
  }
}
.dgx_a100 .graph_lst > ul > li .top_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 170px;
  text-align: center;
}
@media (max-width: 620px) {
  .dgx_a100 .graph_lst > ul > li .top_txt {
    height: 98px;
  }
}
.dgx_a100 .graph_lst > ul > li .b_txt {
  border-top: 1px solid #ddd;
}
.dgx_a100 .bg_lst > ul > li {
  padding: 60px 30px;
}
@media (max-width: 1240px) {
  .dgx_a100 .bg_lst > ul > li {
    padding: 50px 30px;
  }
}
@media (max-width: 620px) {
  .dgx_a100 .bg_lst > ul > li {
    padding: 30px 15px;
  }
}

.ibm_ess .tb table {
  border-top: 2px solid #000;
}
.ibm_ess .tb table tr td {
  padding: 18px 0;
  border: 1px solid #ddd;
  text-align: center;
}
.ibm_ess .tb table tr td:first-child {
  border-left: 0;
}
.ibm_ess .tb table tr td:last-child {
  border-right: 0;
}
.ibm_ess .tb table tr td.bg {
  background-color: #fafafa;
}
.ibm_ess .img_box {
  padding: 40px;
  border: 1px solid #ddd;
  text-align: center;
}
@media (max-width: 1240px) {
  .ibm_ess .img_box.img1 {
    padding: 20px;
  }
}
@media (max-width: 620px) {
  .ibm_ess .img_box.img1 {
    padding: 10px;
  }
}
@media (max-width: 1240px) {
  .ibm_ess .img_box.img2 {
    padding: 33px;
  }
}
@media (max-width: 620px) {
  .ibm_ess .img_box.img2 {
    padding: 14px;
  }
}
.ibm_ess .prod_img {
  text-align: center;
}
@media (max-width: 1240px) {
  .ibm_ess .prod_img .fr {
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .ibm_ess .prod_img .fr {
    margin-top: 20px;
  }
}

.nvidia_triton .lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
@media (max-width: 1240px) {
  .nvidia_triton .lst > ul {
    margin-bottom: -40px;
  }
}
@media (max-width: 620px) {
  .nvidia_triton .lst > ul {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.nvidia_triton .lst > ul > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  text-align: center;
}
@media (max-width: 1240px) {
  .nvidia_triton .lst > ul > li {
    width: calc(50% - 20px);
    margin-bottom: 40px;
  }
}
@media (max-width: 620px) {
  .nvidia_triton .lst > ul > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .nvidia_triton .lst > ul > li:last-child {
    margin-bottom: 0;
  }
}
.nvidia_triton .bd_lst.type2 > ul > li .txt_box {
  width: 600px;
  padding-top: 100px;
}
@media (max-width: 1240px) {
  .nvidia_triton .bd_lst.type2 > ul > li .img,
  .nvidia_triton .bd_lst.type2 > ul > li .txt_box {
    float: none;
    width: 100%;
  }
  .nvidia_triton .bd_lst.type2 > ul > li .img {
    text-align: center;
  }
  .nvidia_triton .bd_lst.type2 > ul > li .txt_box {
    padding-top: 40px;
  }
}
@media (max-width: 1240px) and (max-width: 620px) {
  .nvidia_triton .bd_lst.type2 > ul > li .txt_box {
    padding-top: 20px;
  }
}

.backend_ai .img_box {
  padding: 40px;
  border: 1px solid #ddd;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .backend_ai .img_box {
    padding: 20px;
  }
}
@media (max-width: 620px) {
  .backend_ai .img_box {
    padding: 10px;
  }
}
.backend_ai .item_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-bottom: -20px;
}
@media (max-width: 1240px) {
  .backend_ai .item_lst > ul {
    margin: 0 auto;
  }
}
.backend_ai .item_lst > ul > li {
  width: calc(25% - 20px);
  height: 262px;
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 40px 30px;
  border: 1px solid #ddd;
  border-radius: 20px 0;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .backend_ai .item_lst > ul > li {
    width: 100%;
    margin-left: 0;
    height: auto;
    min-height: 158px;
  }
}
@media (max-width: 620px) {
  .backend_ai .item_lst > ul > li {
    height: auto;
    min-height: 90px;
    padding: 25px 15px;
  }
}
.backend_ai .item_lst > ul > li:last-child {
  width: calc(50% - 20px);
}
@media (max-width: 1240px) {
  .backend_ai .item_lst > ul > li:last-child {
    width: 100%;
    margin-bottom: 0;
  }
}
.backend_ai .enterprise .sect {
  width: 380px;
  margin-right: 30px;
  text-align: center;
}
.backend_ai .enterprise .sect:last-child {
  margin-right: 0;
}
@media (max-width: 1240px) {
  .backend_ai .enterprise .sect {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .backend_ai .enterprise .sect:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 620px) {
  .backend_ai .enterprise .sect {
    margin-bottom: 20px;
  }
  .backend_ai .enterprise .sect:last-child {
    margin-bottom: 0;
  }
}
.backend_ai .enterprise .sect .top {
  height: 60px;
  line-height: 60px;
  border-radius: 20px 20px 0 0;
  color: #fff;
}
.backend_ai .enterprise .sect .txt_box {
  display: flex;
  align-items: center;
  height: 123px;
  border: 1px solid #ddd;
}
@media (max-width: 620px) {
  .backend_ai .enterprise .sect .txt_box {
    height: 73px;
  }
}
.backend_ai .enterprise .sect .txt_box > p {
  width: 100%;
}
.backend_ai .enterprise .sect .cont_box {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 40px 20px;
}
@media (max-width: 620px) {
  .backend_ai .enterprise .sect .cont_box {
    padding: 20px;
  }
}
.backend_ai .enterprise .sect .cont_box > p {
  padding: 0 0 20px;
}
@media (max-width: 620px) {
  .backend_ai .enterprise .sect .cont_box > p {
    padding: 0 0 10px;
  }
}
.backend_ai .enterprise .sect .cont_box .lst > li {
  position: relative;
  margin-bottom: 5px;
  color: #fff;
  line-height: 40px;
}
.backend_ai .enterprise .sect .cont_box .lst > li:last-child {
  margin-bottom: 0;
}
.backend_ai .enterprise .sect .cont_box .lst > li .beta {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 3px;
  font-size: 12px;
  line-height: 100%;
  color: #fff;
  background-color: #ef172f !important;
}
.backend_ai .enterprise .sect.green .top {
  background: #76b900;
}
.backend_ai .enterprise .sect.green .cont_box > p {
  color: #76b900;
}
.backend_ai .enterprise .sect.green .cont_box .lst > li:nth-child(odd) {
  background-color: #76b900;
}
.backend_ai .enterprise .sect.green .cont_box .lst > li:nth-child(even) {
  background-color: #669f00;
}
.backend_ai .enterprise .sect.blue .top {
  background: #00a3f6;
}
.backend_ai .enterprise .sect.blue .cont_box > p {
  color: #00a3f6;
}
.backend_ai .enterprise .sect.blue .cont_box .lst > li:nth-child(odd) {
  background-color: #00a3f6;
}
.backend_ai .enterprise .sect.blue .cont_box .lst > li:nth-child(even) {
  background-color: #0091db;
}
.backend_ai .enterprise .sect.purple .top {
  background: #c528db;
}
.backend_ai .enterprise .sect.purple .cont_box > p {
  color: #c528db;
}
.backend_ai .enterprise .sect.purple .cont_box .lst > li:nth-child(odd) {
  background-color: #c528db;
}
.backend_ai .enterprise .sect.purple .cont_box .lst > li:nth-child(even) {
  background-color: #6b00dd;
}
.backend_ai .qna_lst > ul > li dl {
  display: flex;
  flex-wrap: wrap;
}
.backend_ai .qna_lst > ul > li dl dt {
  width: 26px;
}
@media (max-width: 620px) {
  .backend_ai .qna_lst > ul > li dl dt {
    width: 100%;
    line-height: 100%;
  }
}
.backend_ai .qna_lst > ul > li dl dd {
  width: calc(100% - 26px);
  padding-left: 20px;
}
@media (max-width: 620px) {
  .backend_ai .qna_lst > ul > li dl dd {
    width: 100%;
    padding: 5px 0 0;
  }
}

@media (max-width: 1240px) {
  .ponte_vecchio .bd_lst > ul > li .fl,
  .ponte_vecchio .bd_lst > ul > li .fr {
    float: none;
  }
}
.ponte_vecchio .bd_lst > ul > li .l_box {
  width: 340px;
  padding-top: 50px;
}
@media (max-width: 1240px) {
  .ponte_vecchio .bd_lst > ul > li .l_box {
    width: 100%;
    padding-top: 0;
  }
}
.ponte_vecchio .bd_lst > ul > li .r_box {
  width: 760px;
}
@media (max-width: 1240px) {
  .ponte_vecchio .bd_lst > ul > li .r_box {
    width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 620px) {
  .ponte_vecchio .bd_lst > ul > li .r_box {
    margin-top: 20px;
  }
}
.ponte_vecchio .bd_lst > ul > li .r_box > ul {
  display: flex;
  flex-wrap: wrap;
}
.ponte_vecchio .bd_lst > ul > li .r_box > ul > li {
  width: calc(50% - 15px);
}
.ponte_vecchio .bd_lst > ul > li .r_box > ul > li:last-child {
  margin-left: 30px;
}
@media (max-width: 620px) {
  .ponte_vecchio .bd_lst > ul > li .r_box > ul > li {
    width: 100%;
  }
  .ponte_vecchio .bd_lst > ul > li .r_box > ul > li:last-child {
    margin: 20px auto 0;
  }
}
.ponte_vecchio .bd_lst > ul > li .r_box > ul > li figure {
  border: 1px solid #ddd;
}
.ponte_vecchio .bd_lst > ul > li .r_box > ul > li figure img {
  width: 100%;
}

.at_omniverse .tab_cont_box .tab_cont.cont1 > p {
  padding-right: 145px;
}
@media (max-width: 1240px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 > p {
    padding-right: 0;
  }
}
.at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1240px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul {
    padding: 0 25px;
  }
}
@media (max-width: 620px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul {
    margin-left: -10px;
    padding: 0;
    align-items: flex-start;
  }
}
.at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 20%;
  margin-top: 40px;
  padding-right: 20px;
}
@media (max-width: 1240px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li {
    width: 50%;
  }
}
@media (max-width: 620px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li {
    justify-content: center;
    text-align: center;
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-top: 20px;
    padding: 0;
  }
}
.at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li > figure {
  width: 40px;
}
@media (max-width: 620px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li > figure {
    display: block;
    width: 100%;
  }
}
.at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li > p {
  width: calc(100% - 40px);
  padding-left: 10px;
}
@media (max-width: 620px) {
  .at_omniverse .tab_cont_box .tab_cont.cont1 .lst > ul > li > p {
    width: 100%;
    padding: 10px 0 0;
  }
}
.at_omniverse .tab_cont_box .tab_cont.cont2 .lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
@media (max-width: 1240px) {
  .at_omniverse .tab_cont_box .tab_cont.cont2 .lst > ul {
    padding: 0 25px;
  }
}
@media (max-width: 620px) {
  .at_omniverse .tab_cont_box .tab_cont.cont2 .lst > ul {
    margin-left: -10px;
    padding: 0;
  }
}
.at_omniverse .tab_cont_box .tab_cont.cont2 .lst > ul > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 1240px) {
  .at_omniverse .tab_cont_box .tab_cont.cont2 .lst > ul > li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 620px) {
  .at_omniverse .tab_cont_box .tab_cont.cont2 .lst > ul > li {
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-top: 20px;
  }
}

.mi_series .top_lst > ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1240px) {
  .mi_series .top_lst > ul {
    flex-direction: column;
  }
}
.mi_series .top_lst > ul > li {
  width: 380px;
  margin-right: 30px;
  text-align: center;
}
.mi_series .top_lst > ul > li:last-child {
  margin-right: 0;
}
@media (max-width: 1240px) {
  .mi_series .top_lst > ul > li {
    margin: 0 auto 60px;
  }
  .mi_series .top_lst > ul > li:last-child {
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .mi_series .top_lst > ul > li {
    width: 100%;
    margin: 0 auto 30px;
  }
  .mi_series .top_lst > ul > li:last-child {
    margin: 0 auto;
  }
}
.mi_series .top_lst > ul > li .top {
  line-height: 60px;
  border-radius: 20px 20px 0 0;
  text-align: center;
  color: #fff;
  background-color: #6e6e6e;
}
.mi_series .bg_tb {
  padding-bottom: 20px;
}
.mi_series .bg_tb.red table tr:nth-child(even) {
  background-color: #fff;
}
.mi_series .bg_tb.red table tr.bgc_sky:nth-child(even){background-color: #fafcff;}

.mi_series .js_open_modal {
  position: relative;
}
.mi_series .js_open_modal::after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.gpu_solution .top {
  height: 803px;
  text-align: center;
  background-image: url(/src/img/bg/gpu_solution_bg.jpg);
}
@media (max-width: 1240px) {
  .gpu_solution .top {
    height: auto;
  }
}
.gpu_solution .top .dtc {
  padding-top: 100px;
}
@media (max-width: 1240px) {
  .gpu_solution .top .dtc {
    padding: 200px 0 100px;
  }
}
@media (max-width: 620px) {
  .gpu_solution .top .dtc {
    padding: 150px 0 50px;
  }
}
.gpu_solution .top .dtc > p {
  color: #fff;
}
.gpu_solution .top .lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}
@media (max-width: 1240px) {
  .gpu_solution .top .lst > ul {
    margin-top: -20px;
  }
}
@media (max-width: 620px) {
  .gpu_solution .top .lst > ul {
    margin-top: -15px;
    margin-left: 0;
  }
}
.gpu_solution .top .lst > ul > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  padding: 40px 20px;
  border: 1px solid #ddd;
  border-radius: 60px 0;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .gpu_solution .top .lst > ul > li {
    width: calc(50% - 20px);
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .gpu_solution .top .lst > ul > li {
    width: 100%;
    margin: 15px auto 0;
    padding: 25px 20px;
  }
}
.gpu_solution .top_bdrs_lst > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
}
@media (max-width: 1240px) {
  .gpu_solution .top_bdrs_lst > ul {
    margin-left: 0;
  }
}
.gpu_solution .top_bdrs_lst > ul > li {
  width: calc(33.333% - 30px);
  margin-left: 30px;
  text-align: center;
}
@media (max-width: 1240px) {
  .gpu_solution .top_bdrs_lst > ul > li {
    width: 100%;
    margin: 0 auto 30px;
  }
  .gpu_solution .top_bdrs_lst > ul > li:last-child {
    margin: 0 auto;
  }
}
.gpu_solution .top_bdrs_lst > ul > li .top_txt {
  border-radius: 20px 20px 0 0;
  color: #fff;
  line-height: 60px;
  text-align: center;
  background-color: #6e6e6e;
}
.gpu_solution .top_bdrs_lst > ul > li .cont {
  padding: 20px 40px 40px;
  border: 1px solid #ddd;
  border-bottom: 0;
}
@media (max-width: 620px) {
  .gpu_solution .top_bdrs_lst > ul > li .cont {
    padding: 10px 20px 20px;
  }
}
.gpu_solution .top_bdrs_lst > ul > li .view_more {
  display: block;
  width: 100%;
  padding: 20px 0;
  border: 1px solid #ddd;
  transition: 0.5s all;
}
.gpu_solution .top_bdrs_lst > ul > li .view_more:hover {
  border: 1px solid #ef172f !important;
  color: #fff;
  background-color: #ef172f !important;
}

.prod_list_wrap {
  position: relative;
}
.prod_list_wrap .js_filter_btn {
  width: 100%;
  height: 70px;
  margin-bottom: 40px;
  border: 1px solid #666;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 620px) {
  .prod_list_wrap .js_filter_btn {
    margin-bottom: 20px;
  }
}
.prod_list_wrap .js_filter_btn::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url(/src/img/ico/filter_ico.png);
}
.prod_list_wrap .filter_wrap {
  width: 300px;
  background-color: #fff;
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap::before {
    content: '';
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.prod_list_wrap .filter_wrap.db {
  display: block;
}
.prod_list_wrap .filter_wrap.fix {
  position: fixed;
  top: 20px;
}
.prod_list_wrap .filter_wrap.poa {
  position: absolute;
  bottom: 0;
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap.fix {
    position: absolute;
    top: 0;
  }
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap {
    display: none;
  }
  .prod_list_wrap .filter_wrap .filter_cont {
    z-index: 10;
    float: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 48%;
    height: 100vh;
    background-color: #fff;
  }
}
@media (max-width: 1240px) and (max-width: 620px) {
  .prod_list_wrap .filter_wrap .filter_cont {
    width: 82%;
  }
}
.prod_list_wrap .filter_wrap .top {
  padding-bottom: 20px;
  border-bottom: 2px solid #202020;
}
.prod_list_wrap .filter_wrap .top > p {
  line-height: 100%;
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap .top {
    padding: 34px 40px;
  }
}
@media (max-width: 620px) {
  .prod_list_wrap .filter_wrap .top {
    padding: 22px 20px;
  }
}
.prod_list_wrap .filter_wrap .top .js_reset {
  margin-top: -1px;
  vertical-align: middle;
}
.prod_list_wrap .filter_wrap .top .js_reset::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 14px;
  margin-right: 5px;
  background-image: url(/src/img/ico/reset_ico.svg);
  vertical-align: middle;
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap .top .js_reset {
    float: left;
    margin-top: 2px;
  }
}
.prod_list_wrap .filter_wrap .top .js_filter_close {
  width: 20px;
  height: 20px;
  background-image: url(/src/img/ico/filter_close_ico.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap .top .js_filter_close {
    display: block;
  }
}
.prod_list_wrap .filter_wrap .cont {
  overflow-y: auto;
  height: 538px;
  padding: 20px 20px 0 0;
}
@media (max-width: 1240px) {
  .prod_list_wrap .filter_wrap .cont {
    height: calc(100vh - 90px);
    padding: 40px;
  }
}
@media (max-width: 620px) {
  .prod_list_wrap .filter_wrap .cont {
    height: calc(100vh - 66px);
    padding: 20px;
  }
}
.prod_list_wrap .filter_wrap .cont::-webkit-scrollbar {
  width: 3px;
  background-color: #eee;
}
.prod_list_wrap .filter_wrap .cont::-webkit-scrollbar-thumb {
  background-color: #000;
}
.prod_list_wrap .filter_wrap .cont .sch_box {
  width: 100%;
  height: 50px;
  border: 1px solid #ddd;
  font-size: 0;
}
.prod_list_wrap .filter_wrap .cont .sch_box .sch_inp {
  width: calc(100% - 40px);
  height: 100%;
  padding: 0 20px;
  border: 0;
  color: #999;
}
.prod_list_wrap .filter_wrap .cont .sch_box .sch_inp::placeholder {
  color: #999;
}
.prod_list_wrap .filter_wrap .cont .sch_box .sch_btn {
  position: relative;
  width: 40px;
  height: 100%;
}
.prod_list_wrap .filter_wrap .cont .sch_box .sch_btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url(/src/img/ico/prod_sch_ico.svg);
}
.prod_list_wrap .filter_wrap .cont .lst_box {
  margin-top: 30px;
}
.prod_list_wrap .filter_wrap .cont .lst_box .js_lst_btn {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 100%;
  text-align: left;
  border-bottom: 1px solid #ddd;
  transition: 0.5s all;
}
.prod_list_wrap .filter_wrap .cont .lst_box .chk_lst > li {
  margin-top: 10px;
}
.prod_list_wrap .filter_wrap .cont .lst_box .chk_lst > li:first-child {
  margin-top: 20px;
}
.prod_list_wrap .filter_wrap .cont .lst_box .de_cki.bg{width: 100%;}
.prod_list_wrap .filter_wrap .cont .lst_box .de_cki.bg > span {
  width: calc(100% - 29px);
  margin-top: 1px;
  vertical-align: top;
}
.prod_list_wrap .prod_lst.fr {
  width: calc(100% - 360px);
}
@media (max-width: 1240px) {
  .prod_list_wrap .prod_lst.fr {
    float: none;
    width: 100%;
  }
}
.prod_list_wrap .prod_lst .top .type_lst {
  display: flex;
  flex-wrap: wrap;
}
.prod_list_wrap .prod_lst .top .type_lst .js_prod_type {
  color: #999;
}
.prod_list_wrap .prod_lst .top .type_lst .js_prod_type.act {
  font-weight: bold;
  color: #ef172f !important;
}
.prod_list_wrap .prod_lst .top .type_lst .js_prod_type::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 10px;
  background-color: #ddd;
  vertical-align: middle;
}
.prod_list_wrap .prod_lst .top .type_lst .js_prod_type:last-child::after {
  display: none;
}
.prod_list_wrap .prod_lst .top .view_type_sel {
  width: 80px;
  padding: 0;
  border: 0;
  background-position: 100% 50%;
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .top .view_type_sel {
    display: block;
  }
}
.prod_list_wrap .prod_lst .lst {
  border-top: 1px solid #000;
}
.prod_list_wrap .prod_lst .lst.bdt {
  border-top: 2px solid #000;
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst.mt30 {
    margin-top: 20px;
  }
}
.prod_list_wrap .prod_lst .lst > ul {
  font-size: 0;
}
.prod_list_wrap .prod_lst .lst > ul.lng3 {
  margin-left: -40px;
  margin-bottom: -20px;
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul.lng3 {
    margin: 0 auto;
  }
}
.prod_list_wrap .prod_lst .lst > ul.lng3 > li {
  width: calc(33.333% - 40px);
  margin-left: 40px;
  margin-bottom: 20px;
  padding: 30px;
}
@media (max-width: 1420px) {
  .prod_list_wrap .prod_lst .lst > ul.lng3 > li {
    width: calc(50% - 40px);
    padding: 20px;
  }
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul.lng3 > li {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 10px;
  }
  .prod_list_wrap .prod_lst .lst > ul.lng3 > li:last-child {
    margin-bottom: 0;
  }
}
.prod_list_wrap .prod_lst .lst > ul.lng4 {
  margin-left: -20px;
  margin-bottom: -40px;
}
@media (max-width: 1240px) {
  .prod_list_wrap .prod_lst .lst > ul.lng4 {
    margin-left: -40px;
  }
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul.lng4 {
    margin: 0 auto;
  }
}
.prod_list_wrap .prod_lst .lst > ul.lng4 > li {
  width: calc(25% - 20px);
  margin-left: 20px;
  margin-bottom: 40px;
  padding: 20px;
}
@media (max-width: 1240px) {
  .prod_list_wrap .prod_lst .lst > ul.lng4 > li {
    width: calc(50% - 40px);
    margin-left: 40px;
  }
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul.lng4 > li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 10px;
  }
  .prod_list_wrap .prod_lst .lst > ul.lng4 > li:last-child {
    margin-bottom: 0;
  }
}
.prod_list_wrap .prod_lst .lst > ul > li {
  position: relative;
  display: inline-block;
  border: 1px solid #ddd;
  vertical-align: top;
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul > li {
    display: block;
    width: 100%;
  }
}
.prod_list_wrap .prod_lst .lst > ul > li .ico_lst {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0;
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul > li .ico_lst {
    top: 5px;
    right: 5px;
  }
}
.prod_list_wrap .prod_lst .lst > ul > li .ico_lst > li {
  display: inline-block;
  margin-right: 4px;
  padding: 0 4px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  vertical-align: top;
  text-transform: uppercase;
}
.prod_list_wrap .prod_lst .lst > ul > li .ico_lst > li:last-child {
  margin-right: 0;
}
.prod_list_wrap .prod_lst .lst > ul > li .ico_lst > li.hot {
  background-color: #ef172f;
}
.prod_list_wrap .prod_lst .lst > ul > li .ico_lst > li.new {
  background-color: #f6c607;
}
.prod_list_wrap .prod_lst .lst > ul > li .img {
	overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 100%;
}
.prod_list_wrap .prod_lst .lst > ul > li .img > a {
	overflow: hidden;
	position: absolute;top: 0;left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.prod_list_wrap .prod_lst .lst > ul > li .img > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.prod_list_wrap .prod_lst .lst > ul.img_h100p > li .img > a > img{width: auto;height: 100%;}


.prod_list_wrap .prod_lst .lst > ul > li .prod_name {
  padding: 20px 0 0;
}
@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst > ul > li .prod_name {
    padding: 10px 0;
  }
}
.prod_list_wrap .prod_lst .lst > ul > li .prod_name .l_txt {
  width: calc(100% - 30px);
	text-align: center;
}
.prod_list_wrap .prod_lst .lst > ul > li .prod_name .r_txt {
  width: 30px;
  text-align: right;
}
.prod_list_wrap .prod_lst .lst > ul > li .type_lst_box {
  overflow-y: auto;
  width: 100%;
  height: 90px;
  border: 1px solid #ddd;
}
.prod_list_wrap .prod_lst .lst > ul > li .type_lst_box::-webkit-scrollbar {
  width: 3px;
  background-color: #eee;
}
.prod_list_wrap .prod_lst .lst > ul > li .type_lst_box::-webkit-scrollbar-thumb {
  background-color: #000;
}
.prod_list_wrap .prod_lst .lst > ul > li .type_lst_box > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 7px;
}
.prod_list_wrap .prod_lst .lst > ul > li .type_lst_box > ul > li {
  width: 60px;
  padding-top: 7px;
  text-align: center;
}
.prod_list_wrap .prod_lst .lst > ul > li .type_lst_box > ul > li > p {
  margin-top: 5px;
  font-size: 8px;
  line-height: 100%;
  color: #666;
}
.prod_list_wrap .prod_lst .lst > ul > li .more_prod_btn {
  display: block;
  width: 100%;
  height: 45px;
	margin-top: 10px;
  border: 1px solid #ddd;
  line-height: 43px;
  text-align: center;
}
.prod_list_wrap .prod_lst .lst .more_box {
  margin: 40px auto 0;
  text-align: center;
}
.prod_list_wrap .prod_lst .lst .more_box.dn {
  display: none !important;
}
.prod_list_wrap .prod_lst .lst .more_box > button {
  width: 220px;
  height: 60px;
  border: 1px solid #aaa;
  border-radius: 30px;
  line-height: 60px;
  text-align: center;
}
.prod_list_wrap .prod_lst .lst .js_prod_all {
  margin-left: 5px;
}

@media (max-width: 620px) {
  .prod_list_wrap .prod_lst .lst .more_box {
    margin: 20px auto 0;
  }
  .prod_list_wrap .prod_lst .lst .more_box > button {
    width: calc(50% - 5px);
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
  }
}

.pord_view_wrap .prod_top .prod_tit {
  border-bottom: 1px solid #000;
}
.pord_view_wrap .prod_top .js_thum {
  width: 430px;
}
@media (max-width: 1240px) {
  .pord_view_wrap .prod_top .js_thum {
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .js_thum {
    width: 100%;
  }
}
.pord_view_wrap .prod_top .js_thum .big {
  position: relative;overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.pord_view_wrap .prod_top .js_thum .big img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
}
.pord_view_wrap .prod_top .js_thum .thum {
  margin-top: 20px;
  margin-left: -10px;
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .js_thum .thum {
    margin-top: 10px;
    padding: 0 35px;
  }
}
.pord_view_wrap .prod_top .js_thum .thum > li {
  position: relative;
	overflow: hidden;
  width: calc(25% - 10px);
  height: 0;
  padding-bottom: calc(25% - 10px);
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .js_thum .thum > li {
    width: calc(50% - 10px);
    padding-bottom: calc(50% - 10px);
    margin-bottom: 10px;
  }
}
.pord_view_wrap .prod_top .js_thum .thum > li > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.8;
  border: 1px solid #fff;
}
.pord_view_wrap .prod_top .js_thum .thum > li.act > img {
  opacity: 1;
  border: 1px solid #000;
}
.pord_view_wrap .prod_top .opt_box {
  width: 690px;
}
@media (max-width: 1240px) {
  .pord_view_wrap .prod_top .opt_box {
    float: none;
    width: 100%;
    margin: 80px auto 0;
  }
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .opt_box {
    margin: 30px auto 0;
  }
}
.pord_view_wrap .prod_top .opt_box .top_btn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .opt_box .top_btn_box {
    margin-top: 30px;
  }
}
.pord_view_wrap .prod_top .opt_box .top_btn_box > a {
  position: relative;
}
@media (max-width: 1240px) {
  .pord_view_wrap .prod_top .opt_box .top_btn_box > a {
    width: 100%;
  }
}
.pord_view_wrap .prod_top .opt_box .top_btn_box > a:hover .hover_box {
  display: flex;
}
.pord_view_wrap .prod_top .opt_box .top_btn_box .btn {
  display: inline-block;
  width: 220px;
  height: 60px;
  padding: 0 30px;
  border: 1px solid #ddd;
  border-radius: 30px;
  line-height: 58px;
  text-align: center;
  transition: 0.5s all;
}
@media (max-width: 1240px) {
  .pord_view_wrap .prod_top .opt_box .top_btn_box .btn {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .opt_box .top_btn_box .btn {
    height: 50px;
    line-height: 48px;
  }
}
.pord_view_wrap .prod_top .opt_box .top_btn_box .btn:hover {
  color: #fff;
  border: 1px solid #ef172f !important;
  background-color: #ef172f !important;
}
.pord_view_wrap .prod_top .opt_box .top_btn_box .hover_box {
  position: absolute;
  top: 0;
  left: 50%;
  width: 282px;
  height: 78px;
  display: none;
  align-items: center;
  margin-top: -97px;
  margin-left: -141px;
  padding: 0 20px;
  border: 1px solid #000;
  border-radius: 10px;
  text-align: center;
  background-color: #fff;
}
.pord_view_wrap .prod_top .opt_box .top_btn_box .hover_box::after {
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 27px;
  height: 14px;
  margin-left: -13px;
  background-image: url(/src/img/ico/prod_arrow_ico.png);
}
@media (max-width: 1240px) {
  .pord_view_wrap .prod_top .opt_box .top_btn_box .arrow_r_btn {
    margin-bottom: 20px;
    text-align: center;
  }
  .pord_view_wrap .prod_top .opt_box .top_btn_box .arrow_r_btn::after {
    display: none;
  }
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .opt_box .top_btn_box .arrow_r_btn {
    height: 50px;
    margin-bottom: 10px;
    line-height: 48px;
  }
}
.pord_view_wrap .prod_top .opt_box .keyFeatures {
  display: inline-block;
  margin-top: 20px;
  padding-left: 16px;
}
.pord_view_wrap .prod_top .opt_box .keyFeatures.cpuKeyFeatures {
  margin-top: 0;
  padding: 10px 0 10px 16px;
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .opt_box .keyFeatures {
    margin-top: 10px;
  }
}
.pord_view_wrap .prod_top .opt_box .keyFeatures .textA {
  margin-top: 5px;
  font-weight: 300;
  color: #333 !important;
}
.pord_view_wrap .prod_top .opt_box .tertiaryNavSection {
  margin-top: 40px;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 620px) {
  .pord_view_wrap .prod_top .opt_box .tertiaryNavSection {
    margin-top: 20px;
    font-size: 16px;
  }
}
.pord_view_wrap .prod_top .opt_box .key-feature-list {
  margin-top: 10px;
  padding-left: 28px;
}
.pord_view_wrap .prod_top .opt_box .key-feature-list > li {
  position: relative;
  display: list-item !important;
  width: 100%;
  list-style: inherit;
  padding: 10px 0;
}
.pord_view_wrap .prod_top .opt_box .key-feature-list > li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -2em;
  right: 0;
  display: block;
  height: 1px;
  border-bottom: solid 1px #cccccc;
}
.pord_view_wrap .prod_top .keyFeaturesLine {
  margin: 0 auto 1px;
  border-bottom: 1px solid #ccc;
}
.pord_view_wrap .prod_cont > .more {
  position: relative;
  width: 100%;
  margin-top: 80px;
  padding: 20px;
  border-top: 1px solid #333;
  background-color: #fafafa;
  cursor: pointer;
}
.pord_view_wrap .prod_cont > .more > span {
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
}
.pord_view_wrap .prod_cont > .more > i {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  font-size: 20px;
}
.pord_view_wrap .prod_cont .row {
  margin-top: 40px;
}
.pord_view_wrap .prod_cont .row::before,
.pord_view_wrap .prod_cont .row::after {
  content: '';
  display: table;
  clear: both;
}
.pord_view_wrap .prod_cont .row .col-xs-1,
.pord_view_wrap .prod_cont .row .col-xs-2,
.pord_view_wrap .prod_cont .row .col-xs-3,
.pord_view_wrap .prod_cont .row .col-xs-4,
.pord_view_wrap .prod_cont .row .col-xs-5,
.pord_view_wrap .prod_cont .row .col-xs-6,
.pord_view_wrap .prod_cont .row .col-xs-7,
.pord_view_wrap .prod_cont .row .col-xs-8,
.pord_view_wrap .prod_cont .row .col-xs-9,
.pord_view_wrap .prod_cont .row .col-xs-10,
.pord_view_wrap .prod_cont .row .col-xs-11,
.pord_view_wrap .prod_cont .row .col-xs-12 {
  float: left;
  width: calc(50% - 20px);
  margin-left: 40px;
}

@media (max-width: 991px) {
  .pord_view_wrap .prod_cont .row .col-xs-1,
  .pord_view_wrap .prod_cont .row .col-xs-2,
  .pord_view_wrap .prod_cont .row .col-xs-3,
  .pord_view_wrap .prod_cont .row .col-xs-4,
  .pord_view_wrap .prod_cont .row .col-xs-5,
  .pord_view_wrap .prod_cont .row .col-xs-6,
  .pord_view_wrap .prod_cont .row .col-xs-7,
  .pord_view_wrap .prod_cont .row .col-xs-8,
  .pord_view_wrap .prod_cont .row .col-xs-9,
  .pord_view_wrap .prod_cont .row .col-xs-10,
  .pord_view_wrap .prod_cont .row .col-xs-11,
  .pord_view_wrap .prod_cont .row .col-xs-12 {
    float: none;
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
}

.pord_view_wrap .prod_cont .row .col-xs-1:first-child,
.pord_view_wrap .prod_cont .row .col-xs-2:first-child,
.pord_view_wrap .prod_cont .row .col-xs-3:first-child,
.pord_view_wrap .prod_cont .row .col-xs-4:first-child,
.pord_view_wrap .prod_cont .row .col-xs-5:first-child,
.pord_view_wrap .prod_cont .row .col-xs-6:first-child,
.pord_view_wrap .prod_cont .row .col-xs-7:first-child,
.pord_view_wrap .prod_cont .row .col-xs-8:first-child,
.pord_view_wrap .prod_cont .row .col-xs-9:first-child,
.pord_view_wrap .prod_cont .row .col-xs-10:first-child,
.pord_view_wrap .prod_cont .row .col-xs-11:first-child,
.pord_view_wrap .prod_cont .row .col-xs-12:first-child {
  margin-left: 0;
}
.pord_view_wrap .prod_cont .row .col-xs-1 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-2 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-3 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-4 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-5 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-6 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-7 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-8 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-9 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-10 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-11 .border_b,
.pord_view_wrap .prod_cont .row .col-xs-12 .border_b,
.pord_view_wrap .prod_cont .row table tr {
  border-bottom: 1px solid #ddd;
}
.pord_view_wrap .prod_cont .row .col-xs-1 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-1 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-2 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-2 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-3 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-3 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-4 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-4 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-5 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-5 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-6 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-6 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-7 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-7 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-8 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-8 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-9 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-9 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-10 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-10 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-11 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-11 .spec-table-2 table,
.pord_view_wrap .prod_cont .row .col-xs-12 .spec-table-1 table,
.pord_view_wrap .prod_cont .row .col-xs-12 .spec-table-2 table {
  table-layout: initial;
}
.pord_view_wrap .prod_cont .row .specHeader,
.pord_view_wrap .prod_cont .row .specHeader2 {
  padding: 15px 20px;
  color: #fff;
  font-weight: bold;
  background-color: #aac5ff;
}
.pord_view_wrap .prod_cont .row td.feature,
.pord_view_wrap .prod_cont .row td.spec,
.pord_view_wrap .prod_cont .row td.description {
  padding: 15px 20px;
  font-weight: bold;
  vertical-align: top;
  word-break: break-all;
}
/*
.pord_view_wrap .prod_cont .parts_det table{table-layout: auto;}
.pord_view_wrap .prod_cont .parts_det tr:nth-child(2) td:nth-child(1){width: 300px !important;}
.pord_view_wrap .prod_cont .parts_det tr:nth-child(2) td:nth-child(2){width: 300px !important;}
.pord_view_wrap .prod_cont .parts_det tr:nth-child(2) td:nth-child(3){width: 80px !important;}
.pord_view_wrap .prod_cont .parts_det tr:nth-child(2) td:nth-child(4){width: auto !important;}
*/

@media (max-width: 620px) {
  .pord_view_wrap .prod_cont .row td.feature,
  .pord_view_wrap .prod_cont .row td.spec,
  .pord_view_wrap .prod_cont .row td.description {
    padding: 5px 10px;
  }
}
.pord_view_wrap .prod_cont .row .desc > li {
  list-style: disc;
}
.pord_view_wrap .prod_cont .row .desc > li::marker {
  color: #ddd;
}
.pord_view_wrap .prod_cont .row .desc > a {
  color: #005ecf;
  border-bottom: 1px solid #005ecf;
}
.pord_view_wrap .prod_cont .row .desc > a:hover {
  opacity: 0.8;
}
.pord_view_wrap .prod_cont .row img[src*='line_yellow.gif'],
.pord_view_wrap .prod_cont .row img[src*='pixel.gif'],
.pord_view_wrap .prod_cont .row img[src*='line_blue_h.gif'],
.pord_view_wrap .prod_cont .row img[src*='tab_spec_system.gif'],
.pord_view_wrap .prod_cont .row img[src*='tab_parts.gif'],
.pord_view_wrap .prod_cont .row img[src*='box_btm_6699cc.gif'],
.pord_view_wrap .prod_cont .row img[src*='crnr_tl_6699cc.gif'],
.pord_view_wrap .prod_cont .row img[src*='gradient_lightblue_long.jpg'],
.pord_view_wrap .prod_cont .row img[src*='crnr_tr_6699cc.gif'] {
  display: none;
}

.pord_view_wrap .prod_cont .row table[width='709'],
.pord_view_wrap .prod_cont .row table tbody[width='709'],
.pord_view_wrap .prod_cont .row table tbody tr td[width='709'] {
  width: 100%;
}

@media (max-width: 620px) {
  .pord_view_wrap .prod_cont .row table[width='337'],
  .pord_view_wrap .prod_cont .row table tbody[width='337'],
  .pord_view_wrap .prod_cont .row table tbody tr td[width='337'] {
    width: 100%;
  }
}

/* modal */
.modal_wrap {
  display: none;
  z-index: 100;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #000;
  background-color: #fff;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
.modal_wrap.db {
  display: block;
}
.modal_wrap .modal .top .tit {
  line-height: 100%;
}
.modal_wrap .modal .top .js_modal_close {
  position: absolute;
  background: url(/src/img/ico/modal_close_ico.svg) no-repeat center/cover;
}
.modal_wrap.policy_modal {
  width: 504px;
  left: 50%;
  padding: 42px 30px 30px;
}
@media (max-width: 767px) {
  .modal_wrap.policy_modal {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    box-shadow: 0;
  }
}
@media (max-width: 767px) {
  .modal_wrap.policy_modal .top {
    text-align: center;
  }
  .modal_wrap.policy_modal .top::after {
    content: '';
    display: block;
    width: 100%;
    height: 10px;
    border-top: 1px solid #ddd;
    background-color: #f6fafb;
  }
  .modal_wrap.policy_modal .top .tit {
    padding: 20px 0;
  }
}
.modal_wrap.policy_modal .top .js_modal_close {
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
}
@media (max-width: 767px) {
  .modal_wrap.policy_modal .top .js_modal_close {
    top: 23px;
    right: 5%;
    width: 14px;
    height: 14px;
  }
}
.modal_wrap.policy_modal .cont .pre_box {
  overflow-y: scroll;
  height: 563px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .modal_wrap.policy_modal .cont .pre_box {
    width: 90%;
    height: calc(100vh - 120px);
    margin: 20px auto;
  }
}
.modal_wrap.policy_modal .cont .pre_box::-webkit-scrollbar {
  width: 4px;
  background-color: #eee;
}
.modal_wrap.policy_modal .cont .pre_box::-webkit-scrollbar-thumb {
  background-color: #000;
}
.modal_wrap.policy_modal .cont .pre_box pre {
  font-size: 12px;
}
@media (max-width: 767px) {
  .modal_wrap.policy_modal .cont .pre_box pre {
    padding-right: 10px;
  }
}
.modal_wrap.cont_modal {
  width: 740px;
  padding: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .modal_wrap.cont_modal {
    width: 90%;
    padding: 25px;
  }
}
.modal_wrap.cont_modal .modal .top .tit {
  line-height: 150%;
}
.modal_wrap.cont_modal .modal .top .tit::after {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  margin: 20px auto 30px;
  background-color: #ddd;
}
@media (max-width: 767px) {
  .modal_wrap.cont_modal .modal .top .tit::after {
    margin: 15px auto;
  }
}
.modal_wrap.cont_modal .modal .top .js_modal_close {
  top: 20px;
  right: 20px;
  width: 12px;
  height: 12px;
}
.modal_wrap.cont_modal .modal .cont {
  padding: 0 11px;
}
@media (max-width: 767px) {
  .modal_wrap.cont_modal .modal .cont {
    padding: 0;
  }
}
.modal_wrap.cont_modal .modal .cont.mi_series .sect {
  width: calc(50% - 20px);
  text-align: left;
}
@media (max-width: 767px) {
  .modal_wrap.cont_modal .modal .cont.mi_series .sect {
    width: 100%;
    padding: 20px 0 0;
  }
  .modal_wrap.cont_modal .modal .cont.mi_series .sect:first-child {
    padding: 0;
  }
}
.modal_wrap.cont_modal .modal .cont.mi_series .sect > p {
  letter-spacing: -0.28px;
}

#footer {
  margin-top: 100px;
  border-top: 1px solid #333;
  background-color: #202230;
}
@media (max-width: 620px) {
  #footer {
    margin-top: 50px;
  }
}
#footer.mt0 {
  margin-top: 0;
}
#footer .foot_slide {
  position: relative;
  padding: 20px 0;
  background-color: #fff;
}
@media (max-width: 620px) {
  #footer .foot_slide {
    padding: 10px 0;
  }
}
#footer .foot_slide .foot_mask {
  overflow: hidden;
  width: 1400px;
  margin: 0 auto;
}
@media (max-width: 1420px) {
  #footer .foot_slide .foot_mask {
    width: 90%;
  }
}
#footer .foot_slide .foot_mask .item {
  height: 80px;
  text-align: center;
}
#footer .f_top {
  padding: 70px 0;
  border-bottom: 1px solid #000;
}
@media (max-width: 620px) {
  #footer .f_top {
    padding: 50px 0 35px;
  }
}
#footer .f_top .info {
  max-width: 495px;
  width: calc(100% - 650px);
  padding-top: 36px;
}
@media (max-width: 1240px) {
  #footer .f_top .info {
    float: none;
    max-width: 100%;
    width: 100%;
    padding-top: 0;
  }
}
#footer .f_top .info > p {
  color: #fff;
  line-height: 100%;
}
#footer .f_top .info .t2 {
  padding-top: 30px;
}
@media (max-width: 620px) {
  #footer .f_top .info .t2 {
    padding-top: 20px;
  }
}
#footer .f_top .info .t3 {
  padding-top: 12px;
}
@media (max-width: 620px) {
  #footer .f_top .info .t3 {
    padding-top: 10px;
  }
}
#footer .f_top .info .tb {
  margin-top: 32px;
}
@media (max-width: 620px) {
  #footer .f_top .info .tb {
    padding-top: 15px;
  }
}
#footer .f_top .info .tb tr th {
  width: 85px;
  padding: 10px 0;
  color: #fff;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 620px) {
  #footer .f_top .info .tb tr th {
    width: 68px;
    padding: 5px 0;
  }
}
#footer .f_top .info .tb tr td {
  width: auto;
  padding: 10px 0;
  color: #fff;
}
@media (max-width: 620px) {
  #footer .f_top .info .tb tr td {
    padding: 5px 0;
  }
}
#footer .f_top .f_inquiry {
  width: 650px;
}
@media (max-width: 1240px) {
  #footer .f_top .f_inquiry {
    float: none;
    width: 100%;
    margin-top: 80px;
  }
}
#footer .f_top .f_inquiry .line {
  margin-top: 10px;
}
#footer .f_top .f_inquiry .line:first-child {
  margin-top: 0;
}
#footer .f_top .f_inquiry .line .inp {
  width: 100%;
  height: 45px;
  padding: 0 20px;
  border: 0;
  color: #aaa;
  vertical-align: middle;
  background-color: #333544;
}
#footer .f_top .f_inquiry .line .inp.h140 {
  height: 140px;
  padding: 20px;
}
#footer .f_top .f_inquiry .line .inp.fl,
#footer .f_top .f_inquiry .line .inp.fr {
  width: calc(50% - 5px);
}
#footer .f_top .f_inquiry .line .inp::placeholder {
  color: #aaa;
}
#footer .f_top .f_inquiry .btn_line {
  margin-top: 10px;
}
#footer .f_top .f_inquiry .btn_line .de_cks.sg span {
  color: #fff;
  line-height: 30px;
}
#footer .f_top .f_inquiry .btn_line > button {
  color: #fff;
}
#footer .f_top .f_inquiry .btn_line .js_open_modal {
  margin-left: 5px;
  line-height: 30px;
}
#footer .f_top .f_inquiry .btn_line .sub_btn {
  width: 160px;
  height: 45px;
  line-height: 45px;
  background-color: #ef172f !important;
}
#footer .f_bottom {
  padding: 50px 0 80px;
}
@media (max-width: 620px) {
  #footer .f_bottom {
    padding: 25px 0 50px;
  }
}
#footer .f_bottom .addr_box {
  margin-left: 70px;
}
@media (max-width: 1420px) {
  #footer .f_bottom .addr_box {
    margin-left: 60px;
  }
}
@media (max-width: 1240px) {
  #footer .f_bottom .addr_box {
    float: none;
    margin-left: 0;
  }
}
#footer .f_bottom .addr_box .addr_t {
  color: #fff;
}
#footer .f_bottom .addr_box .addr_t > span {
  display: inline-block;
  margin-right: 6px;
}
#footer .f_bottom .addr_box .addr_t > span:last-child {
  margin-right: 0;
}
#footer .f_bottom .addr_box .copy {
  padding-top: 35px;
  color: #fff;
  line-height: 100%;
}
@media (max-width: 620px) {
  #footer .f_bottom .addr_box .copy {
    padding-top: 15px;
    line-height: 150%;
  }
}
#footer .f_bottom .site_map {
  width: 220px;
  height: 45px;
  border: 0;
  color: #aaa;
  background-color: #333544;
  background-image: url(/src/img/init/sel_init_ico2.png);
}
@media (max-width: 1240px) {
  #footer .f_bottom .site_map {
    float: none;
    margin-top: 50px;
  }
}
@media (max-width: 620px) {
  #footer .f_bottom .site_map {
    width: 100%;
    margin-top: 25px;
  }
}


.foot_link{display: flex;}
.foot_link a{width: 135px;height: 40px;margin-right: 10px;line-height: 40px;background-color: #fff;font-size: 14px;text-align: center;}




.inquiry .grecaptcha-badge{bottom: 5px !important;right: -320px !important;}

.high_comp_box{display: flex;}
.high_comp_box .cont{}
.high_comp_box .cont .tit{height: 58px;line-height: 58px;text-align: center;color: #fff;background-color: #5E5E5E;}
.high_comp_box .cont .desc_box{padding: 20px 0;border: 1px solid #ddd;text-align: center;}
.high_comp_box .w1{width: calc(100% - 361px);}
.high_comp_box .w2{width: 354px;margin-left: 6px;}
@media (max-width: 1240px){
	.high_comp_box{display: block;}
	.high_comp_box .cont+.cont{margin-top: 80px;}
	.high_comp_box .cont .desc_box{padding: 20px;}
	.high_comp_box .w1{width: 100%;}
	.high_comp_box .w2{width: 100%;margin-left: 0;}
}
@media (max-width: 620px){
	.high_comp_box .cont+.cont{margin-top: 40px;}
	.high_comp_box .cont .desc_box{padding: 10px;}
}

.system_lr{display: flex;}
.system_lr .cont{width: 50%;}
.system_lr .cont:nth-child(1){padding-right: 20px;}
.system_lr .cont+.cont{padding-left: 20px;border-left: 1px solid #ddd;}
@media (max-width: 620px){
	.system_lr .cont:nth-child(1){padding-right: 10px;}
	.system_lr .cont+.cont{padding-left: 10px;}
}

.img_lst_more{display: block;width: 100%;height: 50px;border: 1px solid #aaa;line-height: 48px;}
.more_btn_poa{display: block;width: 100%;height: 100%;position: relative;padding-bottom: 60px;}
.more_btn_poa .img_lst_more{position: absolute;bottom: 0;left: 0;}

@media (max-width: 620px){
	.img_lst_more{height: 30px;line-height: 30px;}
	.more_btn_poa{padding-bottom: 35px;}
}

.error_wrap{padding-top: 200px;}
.error_wrap .dt{display: table;width: 100%;height: 100%;table-layout: fixed;}
.error_wrap .dt .dtc{display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;}
.error_wrap .dt .dtc .cont{width: 1200px;margin: 0 auto;max-width: 100%;padding: 0 20px;}
.error_wrap .dt .dtc .cont h1{margin-top: 50px;font-family: '돋움';color: #333;font-size: 30px;}
.error_wrap .dt .dtc .cont img{max-width: 100%;}
.error_wrap .dt .dtc .cont .e1{margin: 20px 0 50px;font-family: '돋움';font-size: 16px;line-height: 150%;color: #666;}
.error_wrap .dt .dtc .cont .link_line{font-size: 0;}
.error_wrap .dt .dtc .cont .link{display: inline-block;width: 180px;height: 50px;margin: 3px;line-height: 48px;border: 1px solid #999;color: #666;font-family: '돋움';font-size: 16px;}
@media (max-width: 620px){
	.error_wrap{padding-top: 110px;}
}

.innovation_day{padding: 100px 0;background-color: #EBEBEB;}
.innovation_day .box{width: 800px;margin: 0 auto;background-color: #fff;}
.innovation_day .box .top_img > img{width: 100%;}
.innovation_day .box .inner{padding: 40px;}
.innovation_day .req_desc{margin-bottom: 10px;font-size: 14px;font-weight: bold;}

.innovation_day .inquiry .inp_box{padding: 0 0 40px;}
.innovation_day .inquiry .inp_box dl dt{font-size: 14px;}
.innovation_day .inquiry .inp_box dl dd{padding-top: 10px;}
.innovation_day .inquiry .inp_box .inp{font-size: 14px;}
.innovation_day .inquiry .inp_box select.inp{padding: 0 20px 0 10px;background-position: calc(100% - 10px) center;}
.innovation_day .inquiry .agree_box .pre_box{padding: 10px;}
.innovation_day .de_cks i{border: 1px solid #ddd;}
.innovation_day .de_cks.txt{font-size: 14px;}
.innovation_day .inquiry .inp_box .line > dl.fl, .innovation_day .inquiry .inp_box .line > dl.fr{width: calc(50% - 10px);}

.innovation_day .partner_logo{margin-top: 50px;text-align: center;}
.innovation_day .partner_logo{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 50px;}
.innovation_day .partner_logo .img{width: calc((100% - 40px)/3);text-align: center;}
.innovation_day .partner_logo .img.w100p{width: 100%;}

@media (max-width: 1240px){
	.innovation_day .box{width: 90%;}
}
@media (max-width: 620px){
	.innovation_day{padding: 50px 0;}
	.innovation_day .box .inner{padding: 20px;}
	.innovation_day .req_desc{margin-bottom: 5px;font-size: 12px;}
	.innovation_day .inquiry .inp_box{padding: 0 0 20px;}
	.innovation_day .inquiry .inp_box dl dt{font-size: 12px;}
	.innovation_day .inquiry .inp_box dl dd{padding-top: 5px;}
	.innovation_day .inquiry .inp_box .inp{font-size: 12px;}
	.innovation_day .de_cks.txt{font-size: 12px;}
	.innovation_day .inquiry .inp_box .line > dl.fl, .innovation_day .inquiry .inp_box .line > dl.fr{width: 100%;}
	.innovation_day .partner_logo{gap: 10px;margin-top: 25px;}
	.innovation_day .partner_logo .img{width: calc(50% - 5px);}
	.innovation_day .partner_logo{margin-top: 25px;}
}

.system_lst{border-top: 2px solid #000;}
.system_lst .line{display: flex;padding: 40px 0;border-bottom: 1px solid #ddd;}
.system_lst .item{display: flex;gap: 25px;width: 100%;min-width: 0;}
.system_lst .item.aic{align-items: center;}
.system_lst .item .ico_box{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 130px;height: 130px;border: 1px solid #ddd;border-radius: 20px;text-align: center;}
.system_lst .item .txt_box{width: 100%;}
@media (max-width: 1240px){
	.system_lst .line{flex-direction: column;}
	.system_lst .line .item+.item{margin-top: 40px;padding-top: 40px;border-top: 1px solid #ddd;}
}
@media (max-width: 620px){
	.system_lst .line{padding: 20px 0;}
	.system_lst .item{gap: 20px;}
	.system_lst .item .ico_box{width: 70px;height: 70px;}
	.system_lst .line .item+.item{margin-top: 20px;padding-top: 20px;}
}

.bdrs_bg_box{padding: 40px;border-radius: 20px;text-align: center;background-size: cover;background-position: center;}
.bdrs_bg_box.gaudi3{background-image: url(/src/img/bg/gaudi3_bg.jpg);}


@media (max-width: 620px){
	.bdrs_bg_box{padding: 20px;border-radius: 10px;}
}

.flash_array_slide{overflow: hidden;}
.flash_array_slide .flash_array_mask .item .info_box{padding: 20px;border: 1px solid #ddd;text-align: center;}
.flash_array_slide .flash_array_mask .item .info_box .img{text-align: center;}
.flash_array_slide .flash_array_mask .item .info_box .b_txt{border-top: 1px solid #ddd;}
.flash_array_slide .flash_array_mask .item .more_btn{transition: all 0.5s;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 60px;margin-top: 10px;padding: 10px 30px;border: 1px solid #aaa;}
.flash_array_slide .flash_array_mask .item .more_btn::after{content: '';transition: all 0.5s;display: block;width: 15px;height: 13px;background-image: url(/src/img/ico/flash_array_slide_more.svg);}
.flash_array_slide .flash_array_mask .item .more_btn:hover{border: 1px solid #EF172F;color: #fff;background-color: #EF172F;}
.flash_array_slide .flash_array_mask .item .more_btn:hover::after{background-image: url(/src/img/ico/flash_array_slide_more_w.svg);}
.flash_array_slide .flash_array_mask .item.act .info_box{position: relative;}
.flash_array_slide .flash_array_mask .item.act .info_box::after{content: '';box-sizing: border-box;position: absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 2px solid #EF172F;}
.flash_array_slide .flash_array_mask .item.act .info_box .t1{color: #EF172F;}
.flash_array_slide .slide_control{display: flex;gap: 0 20px;align-items: center;justify-content: space-between;margin-top: 30px;}
.flash_array_slide .slide_control .arrow_btn{flex-shrink: 0;display: flex;gap: 0 10px;align-items: center;}
.flash_array_slide .slide_control .arrow_btn.p::before{content: '';transition: all 0.5s;display: block;width: 46px;height: 46px;border: 1px solid #ddd;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-image: url(/src/img/ico/flash_array_slide_ico.svg);}
.flash_array_slide .slide_control .arrow_btn.p:hover::before{border: 1px solid #333;background-color: #333;background-image: url(/src/img/ico/flash_array_slide_ico_w.svg);}
.flash_array_slide .slide_control .arrow_btn.n::after{content: '';transition: all 0.5s;transform: scaleX(-1);display: block;width: 46px;height: 46px;border: 1px solid #ddd;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-image: url(/src/img/ico/flash_array_slide_ico.svg);}
.flash_array_slide .slide_control .arrow_btn.n:hover::after{border: 1px solid #333;background-color: #333;background-image: url(/src/img/ico/flash_array_slide_ico_w.svg);}
.flash_array_slide .slide_control .progressbar{overflow: hidden;position: relative;width: 380px;height: 6px;border-radius: 3px;background-color: #eee;}
.flash_array_slide .slide_control .progressbar .swiper-pagination-progressbar-fill{background-color: #EF172F;}
@media (max-width: 620px){
	.flash_array_slide .flash_array_mask .item .more_btn{height: 50px;padding: 10px 20px;}
	.flash_array_slide .slide_control{margin-top: 15px;}
	.flash_array_slide .slide_control .arrow_btn.p::before{width: 40px;height: 40px;}
	.flash_array_slide .slide_control .arrow_btn.n::after{width: 40px;height: 40px;}
}

.flash_array_tabs{position: relative;}
.flash_array_tabs::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-image: url(/src/img/sub/flash_array_tab_line.png);background-repeat: left center;}
.flash_array_tabs .tab_cont{display: none;}
.flash_array_tabs .tab_cont.db{display: block;}

.fatb_slide .fatb_mask{overflow: hidden;}
.fatb_slide .fatb_mask .item{}
.fatb_slide .fatb_mask .item.w1524{width: 1524px;}
.fatb_slide .fatb_mask .item.w1850{width: 1850px;}
.fatb_slide .slide_control{display: flex;gap: 0 20px;align-items: center;justify-content: space-between;margin-top: 30px;}
.fatb_slide .slide_control .arrow_btn{flex-shrink: 0;display: flex;gap: 0 10px;align-items: center;}
.fatb_slide .slide_control .arrow_btn.p::before{content: '';transition: all 0.5s;display: block;width: 46px;height: 46px;border: 1px solid #ddd;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-image: url(/src/img/ico/fatb_slide_ico.svg);}
.fatb_slide .slide_control .arrow_btn.n::after{content: '';transition: all 0.5s;transform: scaleX(-1);display: block;width: 46px;height: 46px;border: 1px solid #ddd;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-image: url(/src/img/ico/fatb_slide_ico.svg);}
.fatb_slide .slide_control .scrollbar{overflow: hidden;position: relative;width: 380px;height: 6px;border-radius: 3px;background-color: #eee;}
.fatb_slide .slide_control .scrollbar .swiper-scrollbar-drag{background-color: #EF172F;}

.flash_array_e{display: flex;gap: 30px;padding-top: 60px;border-top: 2px solid #000;}
.flash_array_e .l_cont{flex-shrink: 0;width: 370px;}
.flash_array_e .r_cont{display: flex;flex-direction: column;align-items: center;width: 100%;text-align: center;}
.flash_array_e .spec_lst > ul{overflow: hidden;display: flex;flex-wrap: wrap;}
.flash_array_e .spec_lst > ul > li{width: calc(50% + 1px);margin: 0 0 -1px -1px;padding: 30px 20px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
@media (max-width: 991px){
	.flash_array_e{flex-wrap: wrap;}
	.flash_array_e .l_cont{width: 100%;}
	.flash_array_e .r_cont{width: 100%;}
}
@media (max-width: 620px){
	.flash_array_e{padding-top: 30px;}
	.flash_array_e .spec_lst > ul > li{padding: 15px 10px;}
}

.ai_flatform_spec{}
.ai_flatform_spec > ul{display: flex;flex-wrap: wrap;}
.ai_flatform_spec > ul > li{display: flex;flex-direction: column;width: 100%;}
.ai_flatform_spec.lng3 > ul{gap: 60px 30px;}
.ai_flatform_spec.lng3 > ul > li{width: calc((100% - 60px)/3);}
.ai_flatform_spec > ul > li .tit_box{flex-shrink: 0;display: flex;align-items: center;height: 60px;margin-bottom: 25px;padding: 10px 25px;border-radius: 20px 0 20px 0;color: #fff;background-color: #202230;}
.ai_flatform_spec > ul > li .tit_box .num{padding-right: 20px;}
.ai_flatform_spec > ul > li .cont_box{height: 100%;padding: 30px;border: 1px solid #ddd;border-radius: 20px 0 20px 0;}
.ai_flatform_spec > ul > li:nth-child(2n) .cont_box{background-color: #fafafa;}
.ai_flatform_spec .partner_box{display: flex;flex-wrap: wrap;}
.ai_flatform_spec .partner_box .box{width: 100%;}
.ai_flatform_spec .partner_box.lng2 .box{width: 50%;}
.ai_flatform_spec .partner_box.lng2 .box:nth-child(2n-1){padding-right: 30px;}
.ai_flatform_spec .partner_box.lng2 .box:nth-child(2n){padding-left: 30px;border-left: 1px solid #ddd;}
.ai_flatform_spec .partner_box .box .img{display: flex;align-items: center;justify-content: center;height: 100px;padding: 10px;border: 1px solid #ddd;border-radius: 10px;text-align: center;}
.ai_flatform_spec .txtimg_box{display: flex;align-items: start;gap: 40px 20px;}
.ai_flatform_spec .txtimg_box .txt{width: 100%;border: 1px solid #EF172F;text-align: center;}
.ai_flatform_spec .txtimg_box .txt .tit{padding: 5px;color: #fff;background-color: #EF172F;}
.ai_flatform_spec .txtimg_box .txt .cont{padding: 20px 0;background-color: #fff;}
.ai_flatform_spec .txtimg_box .txt .cont .t{padding: 5px;}
.ai_flatform_spec .txtimg_box .txt .cont .t:nth-child(2n-1){background-color: #fafafa;}
.ai_flatform_spec .txtimg_box .img{width: 100%;}
.ai_flatform_spec .ico_box{display: flex;flex-wrap: wrap;}
.ai_flatform_spec .ico_box .box{width: 100%;text-align: center;}
.ai_flatform_spec .ico_box.lng3{gap: 20px 10px;}
.ai_flatform_spec .ico_box.lng3 .box{width: calc((100% - 20px)/3);} 
.ai_flatform_spec .ico_box .box .ico{aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;width: 100%;border: 1px solid #ddd;border-radius: 20px;}
.ai_flatform_spec .ico_box .box .ico > img{width: 50px;}
.ai_flatform_spec .txt_box{text-align: center;}
.ai_flatform_spec .txt_box .box{padding: 5px;border: 1px solid #ddd;}
.ai_flatform_spec .txt_box .box+.box{margin-top: 8px;}
.ai_flatform_spec .txt_box .box.bg_type{border: 0;color: #fff;background-color: #EF172F;}
@media (max-width: 1240px){
	.ai_flatform_spec.lng3 > ul > li{width: calc(50% - 30px);}
}
@media (max-width: 991px){
	.ai_flatform_spec.lng3 > ul{max-width: 380px;width: 100%;margin: 0 auto;}
	.ai_flatform_spec.lng3 > ul > li{width: 100%;}
}
@media (max-width: 620px){
	.ai_flatform_spec.lng3 > ul{gap: 30px 0;}
	.ai_flatform_spec > ul > li .tit_box{height: 50px;margin-bottom: 15px;padding: 10px 20px;border-radius: 10px 0 10px 0;}
	.ai_flatform_spec > ul > li .tit_box .num{padding-right: 10px;}
	.ai_flatform_spec > ul > li .cont_box{padding: 15px;border-radius: 10px 0 10px 0;}
	.ai_flatform_spec .partner_box.lng2 .box:nth-child(2n-1){padding-right: 15px;}
	.ai_flatform_spec .partner_box.lng2 .box:nth-child(2n){padding-left: 15px;}
	.ai_flatform_spec .partner_box .box .img{height: 80px;border-radius: 5px;}
	.ai_flatform_spec .txtimg_box{gap: 20px 10px;}
	.ai_flatform_spec .txtimg_box .txt .cont{padding: 10px 0;}
	.ai_flatform_spec .ico_box .box .ico{border-radius: 10px;}
	.ai_flatform_spec .ico_box .box .ico > img{width: 40px;}
	.ai_flatform_spec .txt_box .box+.box{margin-top: 5px;}
}

.ai_flatform_process{}
.ai_flatform_process > ol{overflow: hidden;display: flex;flex-wrap: wrap;}
.ai_flatform_process > ol > li{display: flex;flex-direction: column;width: 100%;text-align: center;}
.ai_flatform_process > ol > li .tit_box{flex-shrink: 0;display: flex;align-items: center;justify-content: center;height: 56px;margin-bottom: 15px;padding: 10px;border: 1px solid #ddd;border-radius: 20px 0 20px 0;background-color: #fff;}
.ai_flatform_process > ol > li .cont_box{position: relative;display: flex;flex-direction: column;align-items: center;height: 100%;padding: 45px 20px;border: 1px solid #ddd;border-radius: 20px;background-color: #fff;}
.ai_flatform_process > ol > li .cont_box .ico{display: block;width: 50px;}
.ai_flatform_process > ol > li .cont_box::after{content: '';position: absolute;top: calc(50% - 7px);width: 8px;height: 15px;background-image: url(/src/img/ico/ai_flatform_process_ico.png);}
.ai_flatform_process > ol > li:first-child .tit_box{color: #fff;background-color: #202230;}
.ai_flatform_process > ol > li:last-child .tit_box{color: #fff;font-weight: bold;background-color: #EF172F;}
.ai_flatform_process.lng6 > ol{gap: 50px 25px;}
.ai_flatform_process.lng6 > ol > li{width: calc((100% - 125px)/6);}
.ai_flatform_process.lng6 > ol > li .cont_box::after{right: -17px;}
@media (max-width: 1240px){
	.ai_flatform_process.lng6 > ol{max-width: 767px;width: 100%;margin: 0 auto;}
	.ai_flatform_process.lng6 > ol > li{width: calc((100% - 50px)/3);}
}
@media (max-width: 620px){
	.ai_flatform_process > ol > li .tit_box{height: 46px;margin-bottom: 10px;border-radius: 10px 0 10px 0;}
	.ai_flatform_process > ol > li .cont_box{padding: 25px 10px;border-radius: 10px;}
	.ai_flatform_process > ol > li .cont_box .ico{width: 40px;}
	.ai_flatform_process.lng6 > ol{gap: 25px;}
	.ai_flatform_process.lng6 > ol > li{width: calc((100% - 25px)/2);}
}

.ai_flatform_txtbox{text-align: center;}
.ai_flatform_txtbox .box{padding: 15px;border: 1px solid #ddd;background-color: #fff;}
.ai_flatform_txtbox .box+.box{margin-top: 10px;}
.ai_flatform_txtbox .box.bg_type{border: 0;color: #fff;background-color: #EF172F;}
@media (max-width: 620px){
	.ai_flatform_txtbox .box{padding: 10px;}
	.ai_flatform_txtbox .box+.box{margin-top: 5px;}
}

.af_ico_line{padding: 40px;border: 1px solid #ddd;border-radius: 20px;text-align: center;background-color: #fff;}
.af_ico_line > ul{display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;}
.af_ico_line > ul > li{position: relative;display: inline-flex;flex-direction: column;align-items: center;width: 100%;padding: 0 10px;}
.af_ico_line > ul > li .ico{display: block;width: 80px;}
.af_ico_line > ul > li::after{content: '';position: absolute;right: 0;top: calc(50% - 22px);width: 1px;height: 44px;background-color: #ddd;}
.af_ico_line > ul > li:last-child::after{display: none;}
.af_ico_line.lng3 > ul > li{width: 256px;}
@media (max-width: 991px){
	.af_ico_line.lng3 > ul > li{width: 180px;}
}
@media (max-width: 767px){
	.af_ico_line.lng3 > ul > li{width: 33.3333%;}
}
@media (max-width: 620px){
	.af_ico_line{padding: 20px;border-radius: 10px;}
	.af_ico_line > ul > li .ico{width: 60px;}
}

.ai_flatform_graph > ul{display: flex;flex-wrap: wrap;}
.ai_flatform_graph > ul > li{width: 100%;}
.ai_flatform_graph.lng2 > ul{gap: 40px 18px;}
.ai_flatform_graph.lng2 > ul > li{width: calc(50% - 9px);text-align: center;}
@media (max-width: 767px){
	.ai_flatform_graph.lng2 > ul > li{width: 100%;}
}
@media (max-width: 620px){
	.ai_flatform_graph.lng2 > ul{gap: 20px 0;}
}

.af_graph_model{display: flex;gap: 30px;padding: 30px;border: 1px solid #ddd;}
.af_graph_model .l_cont{flex-shrink: 0;}
.af_graph_model .r_cont{width: 100%;}
.af_graph_model .model_lst{display: flex;flex-wrap: wrap;gap: 15px 30px;}
.af_graph_model .model_lst .box{}
.af_graph_model .model_lst .box::before{content: '';display: inline-block;width: 19px;height: 19px;margin: 0 8px 2px 0;border-radius: 20px;vertical-align: middle;}
.af_graph_model .model_lst .box.ty1_1::before{background-color: #7030A0;}
.af_graph_model .model_lst .box.ty1_2::before{background-color: #C00000;}
.af_graph_model .model_lst .box.ty1_3::before{background-color: #92D050;}
.af_graph_model .model_lst .box.ty1_4::before{background-color: #002060;}
.af_graph_model .model_lst .box.ty1_5::before{background-color: #FFC000;}
.af_graph_model .model_lst .box.ty1_6::before{background-color: #00B0F0;}
@media (max-width: 620px){
	.af_graph_model{flex-direction: column;gap: 15px 0;padding: 15px;}
	.af_graph_model .l_cont{width: 100%;}
	.af_graph_model .model_lst{gap: 10px 15px;}
	.af_graph_model .model_lst .box::before{width: 16px;height: 16px;margin-right: 5px;}
}

.cont_bdt{border-top: 2px solid #000;}

.nv_runai .gpu_lst > ul{display: flex;flex-wrap: wrap;}
.nv_runai .gpu_lst > ul > li{display: flex;flex-direction: column;width: 100%;text-align: center;}
.nv_runai .gpu_lst.lng4 > ul{gap: 20px;}
.nv_runai .gpu_lst.lng4 > ul > li{width: calc((100% - 60px)/4);}
.nv_runai .gpu_lst > ul > li .tit_box{flex-shrink: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;min-height: 60px;padding: 10px;border-radius: 20px 20px 0 0;color: #fff;font-weight: bold;background-color: #666;}
.nv_runai .gpu_lst > ul > li .img_box{flex-shrink: 0;aspect-ratio: 285/160;}
.nv_runai .gpu_lst > ul > li .img_box > img{object-fit: cover;width: 100%;height: 100%;}
.nv_runai .gpu_lst > ul > li .txt_box{height: 100%;padding: 20px 7px;border: 1px solid #ddd;}
@media (max-width: 1240px){
  .nv_runai .gpu_lst.lng4 > ul{width: 100%;max-width: 800px;margin: 0 auto;}
  .nv_runai .gpu_lst.lng4 > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
  .nv_runai .gpu_lst.lng4 > ul{gap: 10px;}
  .nv_runai .gpu_lst.lng4 > ul > li{width: calc(50% - 5px);}
  .nv_runai .gpu_lst > ul > li .tit_box{min-height: 50px;padding: 5px;border-radius: 10px 10px 0 0;}
  .nv_runai .gpu_lst > ul > li .txt_box{padding: 10px 5px;}
}

.nv_runai .gpu_num_lst > ul{display: flex;flex-wrap: wrap;}
.nv_runai .gpu_num_lst > ul > li{display: flex;flex-direction: column;align-items: center;justify-content: center;aspect-ratio: 1/1;width: 100%;border-radius: 20px 0 20px 0;text-align: center;background-color: #fff;}
.nv_runai .gpu_num_lst.lng4 > ul{gap: 20px;}
.nv_runai .gpu_num_lst.lng4 > ul > li{width: calc((100% - 60px)/4);}
.nv_runai .gpu_num_lst > ul > li .num{font-weight: bold;line-height: 120%;}
.nv_runai .gpu_num_lst > ul > li .num+.t1{margin-top: 20px;}
.nv_runai .gpu_num_lst > ul > li .t1{font-weight: bold;}
@media (max-width: 1240px){
  .nv_runai .gpu_num_lst.lng4 > ul{width: 100%;max-width: 800px;margin: 0 auto;}
  .nv_runai .gpu_num_lst.lng4 > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
  .nv_runai .gpu_num_lst.lng4 > ul{gap: 10px;}
  .nv_runai .gpu_num_lst.lng4 > ul > li{width: calc(50% - 5px);}
  .nv_runai .gpu_num_lst > ul > li .num+.t1{margin-top: 10px;}
}



@media (max-width: 1240px){
  .nv_nim_microservices .img2_scroll_box img{max-width: 900px;}
}

.nv_nim_microservices .aiblock_lst > ul{display: flex;flex-wrap: wrap;}
.nv_nim_microservices .aiblock_lst > ul > li{display: flex;flex-direction: column;width: 100%;padding: 40px 20px;border: 1px solid #eee;border-radius: 20px;text-align: center;}
.nv_nim_microservices .aiblock_lst > ul > li .ico{display: inline-block;}
.nv_nim_microservices .aiblock_lst.lng3 > ul{gap: 30px;}
.nv_nim_microservices .aiblock_lst > ul > li{width: calc((100% - 60px)/3);}
@media (max-width: 1240px){
  .nv_nim_microservices .aiblock_lst.lng3 > ul{gap: 20px;width: 100%;max-width: 800px;margin: 0 auto;}
  .nv_nim_microservices .aiblock_lst.lng3 > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
  .nv_nim_microservices .aiblock_lst > ul > li{padding: 20px 10px;border-radius: 10px;}
  .nv_nim_microservices .aiblock_lst.lng3 > ul{gap: 10px;}
  .nv_nim_microservices .aiblock_lst.lng3 > ul > li{width: calc(50% - 5px);}
}


.high_perf_computing .workload_lst > ul{display: flex;flex-wrap: wrap;}
.high_perf_computing .workload_lst > ul > li{display: flex;flex-direction: column;align-items: center;width: 100%;padding: 40px 30px;border: 1px solid #eee;border-radius: 20px;text-align: center;}
.high_perf_computing .workload_lst > ul > li .ico{display: inline-block;}
.high_perf_computing .workload_lst > ul > li .arrow_r_btn{text-align: left;}
.high_perf_computing .workload_lst > ul > li .b_line{width: 100%;margin-top: auto;}
.high_perf_computing .workload_lst.lng3 > ul{gap: 30px;}
.high_perf_computing .workload_lst > ul > li{width: calc((100% - 60px)/3);}
@media (max-width: 1240px){
  .high_perf_computing .workload_lst.lng3 > ul{gap: 20px;width: 100%;max-width: 800px;margin: 0 auto;}
  .high_perf_computing .workload_lst.lng3 > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
  .high_perf_computing .workload_lst > ul > li{padding: 20px 10px;border-radius: 10px;}
  .high_perf_computing .workload_lst > ul > li .arrow_r_btn{text-align: center;}
  .high_perf_computing .workload_lst.lng3 > ul{gap: 10px;}
  .high_perf_computing .workload_lst.lng3 > ul > li{width: 100%;}
}



.robo_and_edgeai .robotics_lst > ul{display: flex;flex-wrap: wrap;}
.robo_and_edgeai .robotics_lst > ul > li{width: 100%;text-align: center;}
.robo_and_edgeai .robotics_lst.lng3 > ul{gap: 30px;}
.robo_and_edgeai .robotics_lst.lng3 > ul > li{width: calc((100% - 60px)/3);}
.robo_and_edgeai .robotics_lst > ul > li .tit_box{display: flex;align-items: center;justify-content: center;min-height: 60px;padding: 10px;border-radius: 20px 20px 0 0;text-align: center;color: #fff;background-color: #666;}
.robo_and_edgeai .robotics_lst > ul > li .img_box img{width: 100%;}
.robo_and_edgeai .robotics_lst > ul > li .txt_box{margin-top: 20px;}
@media (max-width: 1240px){
  .robo_and_edgeai .robotics_lst.lng3 > ul{gap: 20px;width: 100%;max-width: 800px;margin: 0 auto;}
  .robo_and_edgeai .robotics_lst.lng3 > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
  .robo_and_edgeai .robotics_lst > ul > li .tit_box{min-height: 40px;padding: 5px;border-radius: 10px 10px 0 0;}
  .robo_and_edgeai .robotics_lst > ul > li .txt_box{margin-top: 10px;}
  .robo_and_edgeai .robotics_lst.lng3 > ul{gap: 15px;}
  .robo_and_edgeai .robotics_lst.lng3 > ul > li{width: 100%;}
}


.spec_ico_lst > ul{display: flex;flex-wrap: wrap;}
.spec_ico_lst > ul > li{width: 100%;display: flex;align-items: start;gap: 0 40px;}
.spec_ico_lst > ul > li .ico_box{flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 130px;height: 130px;border: 1px solid #ddd;border-radius: 20px;background-color: #fff;}
.spec_ico_lst > ul > li .txt_box{width: 100%;}
.spec_ico_lst.lng2 > ul{gap: 40px;}
.spec_ico_lst.lng2 > ul > li{width: calc(50% - 20px);}
@media (max-width: 1240px){
  .spec_ico_lst > ul > li .txt_box{padding-top: 0 !important;}
  .spec_ico_lst.lng2 > ul > li{width: 100%;}
}
@media (max-width: 620px){
  .spec_ico_lst > ul > li{gap: 0 20px;}
  .spec_ico_lst > ul > li .ico_box{width: 70px;height: 70px;}
  .spec_ico_lst.lng2 > ul{gap: 20px;}
}

.series_box_lst > ul{display: flex;flex-wrap: wrap;}
.series_box_lst > ul > li{width: 100%;padding: 20px;border: 1px solid #ddd;}
.series_box_lst > ul > li .img_box{text-align: center;}
.series_box_lst > ul > li .img_box+.txt_box{margin-top: 20px;}
.series_box_lst > ul > li .txt_box .desc::before{content: '';display: block;margin: 10px 0;width: 23px;height: 5px;background-color: #EF172F;}
.series_box_lst.lng4 > ul{gap: 20px;}
.series_box_lst.lng4 > ul > li{width: calc((100% - 60px)/4);}
@media (max-width: 1240px){
  .series_box_lst.lng4 > ul > li{width: calc(50% - 10px);}
}
@media (max-width: 620px){
  .series_box_lst > ul > li{padding: 10px;}
  .series_box_lst > ul > li .img_box+.txt_box{margin-top: 10px;}
  .series_box_lst > ul > li .txt_box .desc::before{margin: 5px 0;width: 20px;height: 3px;}
  .series_box_lst.lng4 > ul{gap: 10px;}
  .series_box_lst.lng4 > ul > li{width: 100%;}
}


.edgecore_ags8600_spec{display: flex;align-items: center;gap: 0 100px;}
.edgecore_ags8600_spec .img_box{flex-shrink: 0;width: 600px;}
.edgecore_ags8600_spec .txt_box{width: 100%;}
.edgecore_ags8600_spec .txt_box .t{position: relative;padding-left: 15px;}
.edgecore_ags8600_spec .txt_box .t::before{content: '';position: absolute;top: 0;left: 0;width: 5px;height: 23px;background-color: #EF172F;}
@media (max-width: 1240px){
  .edgecore_ags8600_spec{flex-direction: column;gap: 50px 0;}
  .edgecore_ags8600_spec .img_box{width: 100%;text-align: center;}
}
@media (max-width: 620px){
  .edgecore_ags8600_spec{gap: 25px 0;}
  .edgecore_ags8600_spec .txt_box .t{padding-left: 13px;}
  .edgecore_ags8600_spec .txt_box .t::before{width: 3px;height: 18px;}
}


@media (max-width: 1240px){
  .mondrian_ai2_img img{max-width: 900px;}
  .mondrian_ai3_img img{max-width: 900px;}
}


/* response ex

'd1000','d960','d720','d594','d326','d90'

@include respond-to('d1420') {}
@include respond-to('d1000') {}
@include respond-to('d720') {}
@include respond-to('d326') {}
*/

/*# sourceMappingURL=r_layout.css.map */