.c1 {
  color: #cc2223 !important; }

.c3 {
  color: #333; }

.c6 {
  color: #666; }
.c9 {
  color: #999; }

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: "Noto Sans KR";
  line-height: 180%;
  font-weight: 300; }

td, th {
  padding: 0;
  font-family: "Noto Sans KR";
  font-size: 14px;
  color: #333;
  font-weight: 300; }

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: "Noto Sans KR";
  font-size: 14px;
  font-weight: 300; }

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 10px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 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: "Noto Sans KR"; }

sup {
  font-size: 0.5%; }

/* 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; }

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

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

/* -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-image: url(../img/zip_ico.png);
  background-size: 450px 350px; }

.bgi_b:before {
  content: "";
  background-image: url(../img/zip_ico.png);
  background-size: 450px 350px; }

.bgi_a:after {
  content: "";
  background-image: url(../img/zip_ico.png);
  background-size: 450px 350px; }

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

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

.fz14 {
  font-size: 14px; }

.fz16 {
  font-size: 16px; }

.fz18 {
  font-size: 18px; }

.fz20 {
  font-size: 20px; }

.fz24 {
  font-size: 24px; }

.fz26 {
  font-size: 26px; }

.fz28 {
  font-size: 28px; }

.fz30 {
  font-size: 30px; }

.fz32 {
  font-size: 32px; }

.fz34 {
  font-size: 34px; }

.fz36 {
  font-size: 36px; }

.fz38 {
  font-size: 38px; }

.fz40 {
  font-size: 40px; }

.fz46 {
  font-size: 46px; }

.fz50 {
  font-size: 50px; }

.fz60 {
  font-size: 60px; }

.fz70 {
  font-size: 70px; }

@media screen and (max-width: 991px) {
  .fz12 {
    font-size: 12px; }
  .fz14 {
    font-size: 12px; }
  .fz16 {
    font-size: 14px; }
  .fz18 {
    font-size: 14px; }
  .fz20 {
    font-size: 16px; }
  .fz22 {
    font-size: 16px; }
  .fz24 {
    font-size: 18px; }
  .fz26 {
    font-size: 18px; }
  .fz28 {
    font-size: 20px; }
  .fz30 {
    font-size: 20px; }
  .fz32 {
    font-size: 22px; }
  .fz34 {
    font-size: 22px; }
  .fz36 {
    font-size: 24px; }
  .fz38 {
    font-size: 24px; }
  .fz40 {
    font-size: 26px; }
  .fz46 {
    font-size: 26px; }
  .fz50 {
    font-size: 30px; }
  .fz60 {
    font-size: 30px; }
  .fz70 {
    font-size: 30px; }
  div, p, th, td {
    font-size: 14px; } }

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

@media screen and (max-width: 1000px) {
  .sys_popup {
    top: 20px !important;
    left: 0 !important;
    width: 100% !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; } }

/* page num */
.page_num {
  position: relative;
  margin-top: 30px;
  text-align: center;
  font-size: 0; }
  .page_num a {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: -1px;
    text-align: center;
    color: #999;
    line-height: 34px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    font-family: 'Montserrat';
    font-weight: 500; }
  .page_num .a {
    position: relative;
    z-index: 1;
    color: #000;
    font-weight: 700; }
  .page_num .btn {
    margin-bottom: 3px;
    text-indent: -9999px; }
  .page_num .f {
    background: url(../img/init/page_first.png) 50% 50% no-repeat; }
  .page_num .l {
    background: url(../img/init/page_last.png) 50% 50% no-repeat; }
  .page_num .p {
    background: url(../img/init/page_left.png) 50% 50% no-repeat; }
  .page_num .n {
    background: url(../img/init/page_right.png) 50% 50% no-repeat; }
  @media (max-width: 991px) {
    .page_num a {
      font-size: 12px; }
    .page_num .f, .page_num .l {
      display: none; } }

.container {
  width: 1300px;
  margin: 0 auto; }
  @media (max-width: 1620px) {
    .container {
      width: 1300px;
      margin: 0 auto; } }
  @media (max-width: 1420px) {
    .container {
      width: 1200px; } }
  @media (max-width: 1240px) {
    .container {
      width: 1000px; } }
  @media (max-width: 1119px) {
    .container {
      width: calc(100% - 40px); } }

@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: #cc2223;
  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 #cc2223;
  color: #cc2223; }

.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: #cc2223; }

.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 #cc2223;
  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: #cc2223;
    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_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 #cc2223;
    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; }

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

@include respond-to('d1000') {
    background: pink;
}
@include respond-to('d960') {
    background: orange;
}
@include respond-to('d720') {
    background: blue;
}
*/
.c1 {
  color: #cc2223 !important; }

.c3 {
  color: #333; }

.c6 {
  color: #666; }

#wrap {
  width: 100%;
	overflow: hidden;
  margin: 0 auto; }

#header {
  position: fixed;
	left: 0;
  z-index: 1000;
  width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s; }
  #header .hd_contain {
    width: 1598px;
    margin: 0 auto;
    padding: 32px 0; }
    #header .hd_contain .logo {
      float: left;
      margin-top: 3px; }
      #header .hd_contain .logo a {
        display: block;
        width: 150px;
        height: 30px;
        background-image: url(../img/logo.png);
        background-repeat: no-repeat;
        text-indent: -9999px; }

		#header .hd_contain .logo.ani_logo a{position: relative;background-image: none;}
		#header .hd_contain .logo.ani_logo a::before{content: '';position: absolute;top: 0;left: 0;transition: all 0.5s;width: 151px;height: 130px;background-image: url(../img/ani_logo_symbol.svg);background-size: cover;background-position: left top;background-repeat: no-repeat;}
		#header .hd_contain .logo.ani_logo a::after{content: '';position: absolute;top: 0;left: 42px;transition: all 0.5s;transition-delay: 0.5s;clip-path: inset(0 100% 0 0);width: 94px;height: 30px;background-image: url(../img/ani_logo_txt.svg);background-size: cover;background-position: left center;background-repeat: no-repeat;}
		#header .hd_contain .logo.ani_logo.act a::before{width: 35px;height: 30px;}
		#header .hd_contain .logo.ani_logo.act a::after{clip-path: inset(0);}


    #header .hd_contain nav {
      float: left;
      width: calc(100% - 635px);
      margin-left: 166px;
      margin-top: 8px; }
      #header .hd_contain nav ul {
        font-size: 0;
        text-align: center; }
        #header .hd_contain nav ul li {
          display: inline-block;position: relative;
          margin: 0 40px;
          font-size: 18px;
          color: #fff;
          line-height: 100%; }
					#header .hd_contain nav ul li a::after{content: "";display: block;position: absolute;z-index: -1;bottom: 0px;width: 100%;height: 3px;background-color: #cc2223;transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);transition: all 0.5s;-webkit-transition: all 0.5s;}
					#header .hd_contain nav ul li a:hover::after,#header .hd_contain nav ul li.a a::after{transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);}
    #header .hd_contain .hd_cs {
      float: right;
      border-radius: 36px;
      background-color: #101010;
      color: #fff;
      line-height: 100%;
      font-size: 0; }
      #header .hd_contain .hd_cs span {
        display: inline-block;
        padding: 6px 20px;
        line-height: 100%;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 12px; }
        #header .hd_contain .hd_cs span i {
          display: inline-block;
          width: 22px;
          height: 22px;
          margin-right: 5px;
          margin-bottom: 2px;
          vertical-align: middle; }
          #header .hd_contain .hd_cs span i.m {
            background-position: -2px -2px; }
          #header .hd_contain .hd_cs span i.t {
            background-position: -25px -2px; }
        #header .hd_contain .hd_cs span:first-child {
          border-right: 1px solid #1e1e1e; }
    #header .hd_contain .m_quick_btn {
      display: none;
      padding: 5px 15px;
			margin-right: 92px;
      background-color: #cc2223 !important;
      color: #fff; }
    #header .hd_contain .m_menu_btn {
      display: none; }
    @media (max-width: 1620px) {
      #header .hd_contain {
        width: 1360px; }
        #header .hd_contain nav ul li {
          margin: 0 30px; } }
    @media (max-width: 1420px) {
      #header .hd_contain {
        width: 1200px; }
        #header .hd_contain nav {
          width: calc(100% - 466px);
          margin-left: 0; }
          #header .hd_contain nav ul li {
            margin: 0 30px; } }
    @media (max-width: 1420px) {
      #header .hd_contain {
        width: 100%;
        padding: 32px 20px; }
        #header .hd_contain nav,
        #header .hd_contain .hd_cs {
          display: none; }
        #header .hd_contain .m_quick_btn {
          display: block; }
        #header .hd_contain .m_menu_btn {
          display: block;
          margin-left: 20px;
          font-family: 'Montserrat';
          font-size: 18px;
          color: #fff;
          font-weight: 700; }
          #header .hd_contain .m_menu_btn::before {
            content: "";
            display: inline-block;
            width: 26px;
            height: 16px;
            margin-right: 10px;
            margin-bottom: 3px;
            vertical-align: middle;
            background-position: -60px -30px; }

					#header .hd_contain .m_menu_btn.ani_m_menu{z-index: 2010;overflow: hidden;position: fixed;top: 32px;right: 20px;transition: width 0.5s;width: 72px;height: 32px;text-align: center;}
					#header .hd_contain .m_menu_btn.ani_m_menu .t{overflow: hidden;transition: width 0.5s;display: inline-block;width: 60px;text-align: center;}
					#header .hd_contain .m_menu_btn.ani_m_menu::before{content: '';transition: left 0.5s;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 2px;height: 22px;margin: 0;border-radius: 50rem;background-color: #fff;background-image: none;}
					#header .hd_contain .m_menu_btn.ani_m_menu::after{content: '';transition: right 0.5s;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 2px;height: 22px;border-radius: 50rem;background-color: #fff;}

					#header .hd_contain .m_menu_btn.ani_m_menu.act{width: 32px;}
					#header .hd_contain .m_menu_btn.ani_m_menu.act .t{width: 0;}
					#header .hd_contain .m_menu_btn.ani_m_menu.act::before{left: 15px;animation: bar1 linear 0.3s forwards;animation-delay: 0.5s;}
					#header .hd_contain .m_menu_btn.ani_m_menu.act::after{right: 15px;animation: bar2 linear 0.3s forwards;animation-delay: 0.5s;}

@keyframes bar1{
	0%{transform: translateY(-50%);}
	100%{transform: translateY(-50%) rotate(45deg);}
}
@keyframes bar2{
	0%{transform: translateY(-50%);}
	100%{transform: translateY(-50%) rotate(-45deg);}
}
		

		}
    @media (max-width: 620px) {
      #header .hd_contain .m_quick_btn {
        display: none; } }
  #header.f {
    background-color: black; }
  @media (max-width: 767px) {
    #header {
      background-color: black; } }
	

	#header.trp{background: #000000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);}
	#header.trp .hd_contain .hd_cs{border: 1px solid rgba(255,255,255,.4);background-color: transparent;}
	#header.trp .hd_contain .hd_cs span:first-child{position: relative;border-right: 0;}
	#header.trp .hd_contain .hd_cs span:first-child::after{content: '';position: absolute;right: 0;top: calc(50% - 5px);width: 1px;height: 11px;background-color: rgba(255,255,255,.3);}


.index {
  margin-top: -100px; }


@keyframes mainv2_rotate{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes  mainv2_y {
  0%{transform: translateY(50%);}
  100%{transform: translateY(0);}
}
.index .main_v2{position: relative;height: 100vh;min-height: 860px;}
.index .main_v2 .main_v2_swiper .swiper-slide{overflow: hidden;position: relative;}
.index .main_v2 .main_v2_swiper .bg{display: block;width: 100%;height: 100%;}
.index .main_v2 .main_v2_swiper .bg > img{transform: scale(1.1);object-fit: cover;width: 100%;height: 100%;}
.index .main_v2 .main_v2_swiper{z-index: 5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index .main_v2 .main_v2_swiper .txt_wrap{opacity: 0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1600px;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;padding: 100px 70px 220px;background-image: url(../img/main_v2_txt_bg.png);background-position: left center;background-repeat: no-repeat;}
.index .main_v2 .main_v2_swiper .txt_wrap.bgi_none{background-image: none;}
.index .main_v2 .main_v2_swiper .txt_wrap .txt_line{}
.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t1{font-size: 18px;color: #fff;line-height: 150%;}
.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .logo{display: flex;align-items: flex-end;opacity: 0.4;height: 55px;}
.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2{overflow: hidden;margin-top: 15px;}
.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2+.t2{margin-top: -10px;}
.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2 .t{transform: translateY(100%);display: block;font-size: 95px;font-weight: bold;color: #fff;line-height: 130%;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line{display: flex;flex-direction: row-reverse;gap: 0 35px;align-items: center;margin-top: 100px;	}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .t1{min-width: 0;width: 100%;font-size: 18px;color: #fff;line-height: 150%;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .t1 > b{color: #DC3333;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn{flex-shrink: 0;position: relative;display: none;align-items: center;justify-content: center;width: 120px;height: 120px;border: 1px solid rgba(255,255,255,.4);border-radius: 50%;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn .arrow_ico{width: 31px;height: 31px;margin: -5px 0 0 5px;background-image: url(../img/main_v2_more_arrow.png);background-size: cover;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn::after{content: '';animation: mainv2_rotate linear 10s infinite;position: absolute;top: 11px;left: 11px;width: calc(100% - 22px);height: calc(100% - 22px);background-image: url(../img/main_v2_more_txt.png);background-size: contain;background-repeat: no-repeat;background-position: center;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn:hover{transition: border .5s, background-color .5s;border: 1px solid #DC3333;background-color: #DC3333;}
.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn:hover .arrow_ico{animation: mainv2_y .5s forwards;}



/* .index .main_v2 .main_v2_swiper .swiper-slide-active .bg > img{transition: transform 3s;transform: scale(1);} */
.index .main_v2 .main_v2_swiper .bg_act .bg > img{transition: transform 3s;transform: scale(1);}



.index .main_v2 .main_v2_swiper .swiper-slide-active .txt_wrap{opacity: 1;}
.index .main_v2 .main_v2_swiper .swiper-slide-active .txt_wrap .txt_line .t2 .t{transition: transform 1s;transform: translateY(0);}
.index .main_v2 .main_v2_swiper .swiper-slide-active .txt_wrap .txt_line .t2+.t2 .t{transition-delay: .3s;}
.index .main_v2 .main_v2_swiper .swiper-slide-active .txt_wrap .more_line .more_btn{display: flex;}
.index .main_v2 .progress{z-index: 5;position: absolute;bottom: 390px;left: calc(50% - 800px);width: 850px;height: 2px;background-image: url(../img/main_v2_scroll_bg.png);background-size: cover;}
.index .main_v2 .progress .swiper-scrollbar-drag{background: none;background-image: url(../img/main_v2_scroll.png);background-size: contain;}

.index .main_v2 .main_v2_thum{z-index: 5;position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 calc(50vw - 800px);background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
.index .main_v2 .main_v2_thum .thum_mask{overflow: hidden;}
.index .main_v2 .main_v2_thum .thum_mask .swiper-wrapper{transition-timing-function: linear;}
.index .main_v2 .main_v2_thum .swiper-slide{overflow: hidden;display: flex;align-items: flex-end;height: 160px;}
.index .main_v2 .main_v2_thum .swiper-slide .box{transition: height .3s, border-radius .3s;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100px;padding: 20px;text-align: center;}
.index .main_v2 .main_v2_thum .swiper-slide .box .t1{font-size: 18px;font-weight: bold;line-height: 150%;color: rgba(255,255,255,.5);}
.index .main_v2 .main_v2_thum .swiper-slide .box .t2{font-size: 22px;font-weight: bold;color: #fff;line-height: 150%;}
.index .main_v2 .main_v2_thum .swiper-slide .box .arrow_ico{display: block;width: 32px;height: 32px;margin-top: 20px;background-image: url(../img/main_v2_more_arrow.png);background-size: cover;}
.index .main_v2 .main_v2_thum .swiper-slide .box .hover_cont{display: none;flex-direction: column;align-items: center;}
.index .main_v2 .main_v2_thum.act{background: none;}
.index .main_v2 .main_v2_thum.act .swiper-slide .box{background-color: rgba(17,17,17,.6);}
.index .main_v2 .main_v2_thum.act .swiper-slide:first-child .box{border-radius: 10px 0 0 0;}
.index .main_v2 .main_v2_thum.act .swiper-slide:last-child .box{border-radius: 0 10px 0 0;}

.index .main_v2 .main_v2_thum.act .swiper-slide.m2 .box{height: calc(100% - 40px);border-radius: 10px 0 0 0;} /* act - 2*/
.index .main_v2 .main_v2_thum.act .swiper-slide.m1 .box{height: calc(100% - 20px);border-radius: 10px 0 0 0;} /* act - 1 */
.index .main_v2 .main_v2_thum.act .swiper-slide.act .box{height: 100%;border-radius: 10px 10px 0 0;background-color: #DC3333;} /* act */
.index .main_v2 .main_v2_thum.act .swiper-slide.act .box .hover_cont{animation: mainv2_y .5s forwards;}
.index .main_v2 .main_v2_thum.act .swiper-slide.act .box .t1{display: none;}
.index .main_v2 .main_v2_thum.act .swiper-slide.act .box .hover_cont{display: flex;}
.index .main_v2 .main_v2_thum.act .swiper-slide.p1 .box{height: calc(100% - 20px);border-radius: 0 10px 0 0;} /* act + 1 */
.index .main_v2 .main_v2_thum.act .swiper-slide.p2 .box{height: calc(100% - 40px);border-radius: 0 10px 0 0;} /*act + 2*/
@media (max-width: 1620px){
	.index .main_v2 .main_v2_swiper .txt_wrap{width: 1360px;padding: 100px 40px 220px;background-position: 20px center;}
	.index .main_v2 .progress{left: calc(50% - 700px);}
	.index .main_v2 .main_v2_thum{padding: 0 40px;}
}
@media (max-width: 1420px){
	.index .main_v2 .main_v2_swiper .txt_wrap{width: 100%;}
	.index .main_v2 .progress{left: 40px;}
	.index .main_v2 .main_v2_thum .swiper-slide .box .t2{font-size: 18px;}
}
@media (max-width: 991px){
	.index .main_v2 .main_v2_thum{padding: 0;}
	.index .main_v2 .main_v2_swiper .txt_wrap{background-size: 80% auto;}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2 .t{font-size: 80px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line{margin-top: 80px;}
	.index .main_v2 .progress{bottom: 385px;width: calc(100% - 80px);background-size: 100% auto;}
	.index .main_v2 .progress .swiper-scrollbar-drag{background-size: 100% auto;}
}
@media (max-width: 767px){
	.index .main_v2{min-height: 620px;}
	.index .main_v2 .main_v2_swiper .bg > img{transform: scale(1.2);}
	.index .main_v2 .main_v2_swiper .txt_wrap{padding: 100px 20px 160px;background-position: 10px center;}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .logo{height: 46px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t1{font-size: 14px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2{margin-top: 10px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2+.t2{margin-top: -5px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2 .t{font-size: 45px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line{gap: 0 20px;margin-top: 50px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line .t1{font-size: 14px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn{width: 75px;height: 75px;}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn::after{top: 5px;left: 5px;width: calc(100% - 11px);height: calc(100% - 11px);}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line .more_btn .arrow_ico{width: 20px;height: 20px;}
	.index .main_v2 .progress{bottom: 260px;left: 20px;width: calc(100% - 40px);}
	.index .main_v2 .main_v2_thum .swiper-slide{height: 115px;}
	.index .main_v2 .main_v2_thum .swiper-slide .box{height: 90px;padding: 10px;}
	.index .main_v2 .main_v2_thum .swiper-slide .box .t1{font-size: 14px;}
	.index .main_v2 .main_v2_thum .swiper-slide .box .arrow_ico{width: 18px;height: 18px;margin-top: 10px;}
	.index .main_v2 .main_v2_thum.act .swiper-slide.m2 .box{height: calc(100% - 20px);} /* act - 2*/
	.index .main_v2 .main_v2_thum.act .swiper-slide.m1 .box{height: calc(100% - 10px);} /* act - 1 */
	.index .main_v2 .main_v2_thum.act .swiper-slide.p1 .box{height: calc(100% - 10px);} /* act + 1 */
	.index .main_v2 .main_v2_thum.act .swiper-slide.p2 .box{height: calc(100% - 20px);} /*act + 2*/
}
@media (max-width: 620px){
	.index .main_v2{height: calc(100vh - 200px);}
	.index .main_v2 .main_v2_swiper .txt_wrap .txt_line .t2 .t{font-size: 10vw;}
	.index .main_v2 .main_v2_swiper .txt_wrap .more_line .t1{font-size: 3vw;}
}











  .index .main {
    overflow: hidden;
    position: relative;
    height: 950px; }
    .index .main .line_wrap {
      position: absolute;
      z-index: 10;
      top: 0;
      left: 50%;
      width: 1920px;
      height: 100%;
      margin-left: -960px; }
      .index .main .line_wrap .line {
        position: absolute;
        top: 0;
        width: 1px;
        height: 0;
        background-color: rgba(255, 255, 255, 0.08); }
        .index .main .line_wrap .line.line1 {
          left: 158px; }
        .index .main .line_wrap .line.line2 {
          left: 559px; }
        .index .main .line_wrap .line.line3 {
          left: 50%; }
        .index .main .line_wrap .line.line4 {
          left: 1361px; }
        .index .main .line_wrap .line.line5 {
          right: 157px; }
      .index .main .line_wrap.a .line {
        height: 100%;
        transition: all 1s;
        -webkit-transition: all 1s; }
      .index .main .line_wrap.a .line {
        height: 100%; }
    .index .main .main_swiper {
      position: relative;
      height: 100%; }
      .index .main .main_swiper .swiper-slide {
        height: 100%;
        background-color: #666; }
        .index .main .main_swiper .swiper-slide .bg {
          opacity: 0;
          height: 100%;
          background-position: 50% 50%;
          transform: scale(1.1, 1.1);
          -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
          transition: transform 4s, opacity 1s;
          -webkit-transition: transform 4s, opacity 1s;
          background-size: cover; }
        .index .main .main_swiper .swiper-slide .txt_wrap {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 150;
          width: 100%;
          height: 100%;
          padding: 0 2.5%;
          text-align: center; }
          .index .main .main_swiper .swiper-slide .txt_wrap .logo_i {
            position: absolute;
            left: 50%;
            width: 500px;
            height: 424px;
            margin-left: -250px;
            margin-top: -100px;
            opacity: 0;
            background-image: url(../img/main_logo.png);
            filter: blur(30px);
            transition: all 2s;
            -webkit-transition: all 2s; }
          .index .main .main_swiper .swiper-slide .txt_wrap p {
            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; }
            .index .main .main_swiper .swiper-slide .txt_wrap p.a {
              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); }
          .index .main .main_swiper .swiper-slide .txt_wrap .t1 {
            color: #cc2223 !important;
            font-size: 28px; }
          .index .main .main_swiper .swiper-slide .txt_wrap .t2 {
            font-family: 'Montserrat';
            font-size: 76px;
            font-weight: 600;
            color: #fff; }
          .index .main .main_swiper .swiper-slide .txt_wrap .t3 {
            font-size: 24px;
            font-weight: 100;
            color: #fff; }
						.index .main .main_swiper .swiper-slide .txt_wrap .btn{display: block;width: 190px;padding: 20px;margin: 20px auto 0;text-align: center;border: 1px solid #ddd;color: #fff;}
						.index .main .main_swiper .swiper-slide .txt_wrap .btn:hover{border: 1px solid #cc2223;background-color: #cc2223;}

						@media (max-width: 767px) {
							.index .main .main_swiper .swiper-slide .txt_wrap .btn{padding: 10px;font-size: 14px;}
						}
        .index .main .main_swiper .swiper-slide.swiper-slide-active .bg {
          opacity: 1; }
          .index .main .main_swiper .swiper-slide.swiper-slide-active .bg.a {
            -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); }
        .index .main .main_swiper .swiper-slide.swiper-slide-active .logo_i.a {
          opacity: 1;
          filter: blur(0); }
    .index .main .scroll {
      position: absolute;
      z-index: 100;
      bottom: 50px;
      left: 50%;
      width: 130px;
      margin-left: -65px;
      text-align: center;
      font-size: 16px;
      color: rgba(255, 255, 255, 0.4);
      font-family: 'Montserrat';
      font-weight: 600; }
      .index .main .scroll::after {
        display: block;
        width: 50px;
        height: 51px;
        margin: 10px auto 0;
        background-position: -111px -2px; }
      @media (max-width: 991px) {
        .index .main .scroll .scroll_t {
          display: none; } }
      @media (max-width: 767px) {
        .index .main .scroll {
          display: none; } }
    .index .main .progress {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 100;
      margin-top: -129px;
      margin-left: -740px; }
      .index .main .progress .t {
        display: block;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 16px; }
        .index .main .progress .t.tot {
          color: #fff; }
        .index .main .progress .t.curr {
          color: #cc2223 !important; }
      .index .main .progress .bar {
        position: relative;
        width: 1px;
        height: 100px;
        margin: 10px auto;
        background-color: rgba(255, 255, 255, 0.4); }
        .index .main .progress .bar span {
          position: absolute;
          top: 0;
          left: 0;
          width: 1px;
          height: 10px;
          background-color: #cc2223 !important; }
      .index .main .progress .main_btn {
        display: block;
        width: 14px;
        height: 14px;
        margin: 0 auto; }
        .index .main .progress .main_btn.b {
          margin-bottom: 30px;
          background-position: -50px -2px; }
        .index .main .progress .main_btn.a {
          margin-top: 30px;
          background-position: -66px -2px; }
      @media (max-width: 1620px) {
        .index .main .progress {
          left: 50px;margin-left: 0; } }
			@media (max-width: 991px) {
				.index .main .progress{display: none;}
			}
    @media (max-width: 1119px) {
      .index .main .main_swiper .swiper-slide .txt_wrap {
        padding-top: 99px; }
        .index .main .main_swiper .swiper-slide .txt_wrap .logo_i {
          top: 50%;
          margin-top: -182px; }
        .index .main .main_swiper .swiper-slide .txt_wrap .t2 {
          line-height: 150%; } }
    @media (max-width: 991px) {
      .index .main {
        height: 820px; }
        .index .main .main_swiper .swiper-slide .txt_wrap .t1 {
          font-size: 28px; }
        .index .main .main_swiper .swiper-slide .txt_wrap .t2 {
          font-size: 64px; } }
    @media (max-width: 767px) {
      .index .main {
        height: 450px; }
        .index .main .main_swiper .swiper-slide .txt_wrap {
          padding-top: 60px; }
          .index .main .main_swiper .swiper-slide .txt_wrap .logo_i {
            margin-left: -110px;
            margin-top: -73px;
            width: 220px;
            height: 187px;
            background-size: cover; }
          .index .main .main_swiper .swiper-slide .txt_wrap .t1 {
            font-size: 16px; }
          .index .main .main_swiper .swiper-slide .txt_wrap .t2 {
            font-size: 32px; }
          .index .main .main_swiper .swiper-slide .txt_wrap .t3 {
            font-size: 14px; } }
  .index .txt {
    margin-bottom: 50px;
    text-align: center; }
    .index .txt h2 {
      font-size: 50px;
      font-family: 'Montserrat';
      font-weight: 700;
      line-height: 130%; }
    .index .txt .p2 {
      font-size: 20px; }
    @media (max-width: 767px) {
      .index .txt h2 {
        font-size: 36px; }
      .index .txt .p2 {
        font-size: 14px; } }
  .index .portfolio {position: relative;
    padding: 120px 0;background-color: #f6f6f6; }
		  .index .s_bg{padding: 0;}
		.index .portfolio::before{content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 899px;
    height: 932px;
    background-image: url(../img/content_bg_t.png);
    background-repeat: no-repeat;}
		.index .portfolio::after{content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 710px;
    height: 911px;
    background-image: url(../img/content_bg_b.png);
    background-repeat: no-repeat;}
		
		@media (max-width: 1119px) {
			.index .portfolio::before {
					width: 80%;
					background-size: contain;
			}
			.index .portfolio::after {
				width: 100%;
				height: auto;
				padding-top: 77.936%;
				background-position: 100% 100%;
				background-size: contain;
			}
		}
		.index .portfolio .container{position: relative;z-index: 10;}
    .index .portfolio .lst .item {
      position: relative;
      overflow: hidden; }
      .index .portfolio .lst .item img {
        width: 100%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: all 2s;
        -webkit-transition: all 2s; }
      .index .portfolio .lst .item .ov {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(204, 34, 35, 0.85);
        opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s; }
      .index .portfolio .lst .item .t {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 20px 30px;transition: all 0.5s;-webkit-transition: all 0.5s; }
        .index .portfolio .lst .item .t p {
          color: #fff; }
        .index .portfolio .lst .item .t .t1 {
          font-family: 'Montserrat';
          font-weight: 400; }
        .index .portfolio .lst .item .t .t2 {
          font-size: 26px;
          font-weight: 500; }
      .index .portfolio .lst .item:hover img {
        transform: scale(1.1, 1.1) rotate(0.3deg);
        -webkit-transform: scale(1.1, 1.1) rotate(0.3deg);
        transform: scale(1.1, 1.1) rotate(0.3deg); }
      .index .portfolio .lst .item:hover .ov {
        opacity: 1; }
			.index .portfolio .lst .item:hover .t{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);}
			.index .portfolio .lst .item .ov a{display: block;width: 230px;max-width: 80%;margin: 0 auto;padding: 8px 0;text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;color: #fff;}
			.index .portfolio .lst .item .ov .link1{margin-bottom: 10px;border: 3px solid #fff;color: #fff;}
			.index .portfolio .lst .item .ov .link2{background-color: #fff;color: #cc2223;}
    @media (max-width: 1620px) {
      .index .portfolio .lst .t50p {
        width: 50%; } }
    @media (max-width: 1240px) {
      .index .portfolio .lst .t50p {
        width: 100%; }
      .index .portfolio .lst .m50p {
        width: 50%; } }
    @media (max-width: 1240px) {
      .index .portfolio .lst .m50p {
        width: 50%; } }
    @media (max-width: 767px) {
      .index .portfolio .lst .m50p {
        width: 100%; }
      .index .portfolio .lst .item .t .t1 {
        display: none; }
      .index .portfolio .lst .item .t .t2 {
        font-size: 16px; } }
    .index .portfolio .lst .bottom {
      margin-top: 50px;
      text-align: center; }
			.index .portfolio .lst .bottom.mt0{margin-top: 0;}
      .index .portfolio .lst .bottom .pt_more {
        font-family: 'Montserrat';
        font-size: 18px;
        font-weight: 700; }
        .index .portfolio .lst .bottom .pt_more i {
          display: inline-block;
          width: 21px;
          height: 21px;
          margin-bottom: 3px;
          margin-left: 10px;
          vertical-align: middle;
          background-image: url(../img/pt_more.png);
          background-repeat: no-repeat; }
        .index .portfolio .lst .bottom .pt_more.dn {
          display: none; }
        @media (max-width: 767px) {
          .index .portfolio .lst .bottom .pt_more {
            font-size: 14px; } }
    @media (max-width: 767px) {
      .index .portfolio {
        padding: 80px 0; } }
  .index .contact_us {
    padding: 117px 0 120px;
    background-color: #242529;
    background-image: url("../img/in_contact_bg.jpg");
    background-position: 50% 86px;
    background-repeat: no-repeat; }
    .index .contact_us .txt h2, .index .contact_us .txt p {
      color: #fff; }
    .index .contact_us .btn {
      display: inline-block;
      width: 190px;
      margin: 0 5px;
      padding: 20px;
      text-align: center;
      color: #fff;
      border: 1px solid #ddd;
      font-size: 16px;
      line-height: 100%; }
      .index .contact_us .btn:hover{
          background-color: #cc2223;
          border: 1px solid #cc2223; }
      @media (max-width: 767px) {
        .index .contact_us .btn {
          font-size: 14px; } }
    @media (max-width: 767px) {
      .index .contact_us {
        padding: 80px 0;
        background-image: none; }
        .index .contact_us .btn {
          float: left;
          width: calc(50% - 10px);
          margin-left: 10px;
          padding: 20px 10px; }
          .index .contact_us .btn:first-child {
            margin-left: 0; } }
  .index .partners {background-color: #f6f6f6;
    padding: 120px 0; }
    .index .partners .lst ul {
      margin-left: -20px;
      font-size: 0; }
      .index .partners .lst ul li {position: relative;
        display: inline-block;
        width: calc(20% - 20px);
        margin-bottom: 20px;
        margin-left: 20px; }
				.index .partners .lst ul li .over{position: absolute;top: 0;left: 0;opacity: 0;}
				.index .partners .lst ul li:hover .over{opacity: 1;}
        .index .partners .lst ul li .bg {
          padding-top: 32.786%;
          background-size: cover; }
        @media (max-width: 991px) {
          .index .partners .lst ul li {
            width: calc(50% - 20px); } }
    @media (max-width: 767px) {
      .index .partners {
        padding: 80px 0; } }

#content {
  padding-top: 100px; }

.s_nav {
  border-bottom: 1px solid #ddd;
  text-align: center; }
  .s_nav ul {
    font-size: 0; }
    .s_nav ul li {
      display: inline-block;
      padding: 10px; }
      .s_nav ul li a {
        display: inline-block;
        width: 120px;
        padding: 15px;
        color: #999;
        font-size: 18px;
        border-radius: 55px; }
      .s_nav ul li.a a {
        background-color: #cc2223 !important;
        color: #fff; }
  @media (max-width: 1119px) {
    .s_nav {
      display: none; } }

.m_nav {
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 2000;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s; }
  .m_nav::after {
    content: "";
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 0.3s;
    -webkit-transition: all 0.3s; }
  .m_nav::before {
    content: "";
    position: fixed;
    top: 0;
    right: -100%;
    width: 75%;
    min-width: 300px;
    height: 100%;
    background-color: #010306;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; }
  .m_nav .nav_cont {
    position: absolute;right: 0;
    z-index: 2500;
    width: 75%;
    min-width: 300px;
    overflow-y: auto; }
    .m_nav .nav_cont .top {
      padding: 35px 40px; }
      .m_nav .nav_cont .top a {
        display: block;
        width: 150px;
        height: 30px;
        background-image: url(../img/logo.png);
        background-repeat: no-repeat;
        text-indent: -9999px; }
      /* .m_nav .nav_cont .top .close {
        display: block;
        width: 22px;
        height: 22px;
        background-position: -162px -172px; } */
			 .m_nav .nav_cont .top .close{position: relative;display: block;width: 22px;height: 22px;}
			 .m_nav .nav_cont .top .close::before{content: '';transition: transform 1s;transform-origin: left top;position: absolute;top: 0;left: 0;width: 100%;height: 2px;background-color: #fff;}
			 .m_nav .nav_cont .top .close::after{content: '';transition: transform 1s;transform-origin: left top;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color: #fff;}
			 .m_nav.a .nav_cont .top .close::before{transition-delay: 0.1s;transform: rotate(45deg) translateX(5px);}
			 .m_nav.a .nav_cont .top .close::after{transition-delay: 0.1s;transform: rotate(-45deg) translateX(2px);}


      @media (max-width: 620px) {
        .m_nav .nav_cont .top {
          padding: 35px 20px; } }
    .m_nav .nav_cont .cs {
      background-color: #101010; }
      .m_nav .nav_cont .cs span {
        display: block;
        width: 50%;
        padding: 15px;
        text-align: center;
        color: #fff;
        font-family: 'Montserrat'; }
        .m_nav .nav_cont .cs span:first-child {
          border-right: 1px solid #1e1e1e; }
        .m_nav .nav_cont .cs span::before {
          display: inline-block;
          width: 22px;
          height: 22px;
          margin-right: 5px;
          margin-bottom: 2px;
          vertical-align: middle; }
        .m_nav .nav_cont .cs span.m::before {
          background-position: -2px -2px; }
        .m_nav .nav_cont .cs span.t::before {
          background-position: -25px -2px; }
      @media (max-width: 620px) {
        .m_nav .nav_cont .cs span {
          width: 100%; }
          .m_nav .nav_cont .cs span:first-child {
            border-right: none;
            border-bottom: 1px solid #1e1e1e; } }
    .m_nav .nav_cont .mid > ul > li > a, .m_nav .nav_cont .mid > ul > li > button {
      display: block;
      width: 100%;
      padding: 20px 40px;
      border-bottom: 1px solid #1b1d1f;
      line-height: 100%;
      color: #fff;
      font-size: 18px;
      text-align: left; }
      @media (max-width: 620px) {
        .m_nav .nav_cont .mid > ul > li > a, .m_nav .nav_cont .mid > ul > li > button {
          padding: 20px; } }
    .m_nav .nav_cont .mid > ul > li > ul {
      display: none;
      padding: 20px 40px;
      background-color: #1c1c1c; }
      .m_nav .nav_cont .mid > ul > li > ul > li {
        margin: 5px 0;
        font-size: 18px;
        color: #aaa; }
      .m_nav .nav_cont .mid > ul > li > ul.open {
        height: auto;
        padding: 20px 40px; }
      @media (max-width: 620px) {
        .m_nav .nav_cont .mid > ul > li > ul {
          padding: 20px; } }
  .m_nav.a {
    right: 0; }
    .m_nav.a::after {
      right: 0; }
    .m_nav.a::before {
      right: 0; }

.s_bg {
  overflow: hidden;
  position: relative;
  padding: 150px 0 100px;
  background-color: #f6f6f6; }
  .s_bg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 899px;
    height: 932px;
    background-image: url(../img/content_bg_t.png);
    background-repeat: no-repeat; }
  .s_bg::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 710px;
    height: 911px;
    background-image: url(../img/content_bg_b.png);
    background-repeat: no-repeat; }
  @media (max-width: 1119px) {
    .s_bg::before {
      width: 80%;
      background-size: contain; }
    .s_bg::after {
      width: 100%;height: auto;padding-top: 77.936%;background-position: 100% 100%;
      background-size: contain; } }
  .s_bg .tit {
    margin-bottom: 50px;
    text-align: center; }
    .s_bg .tit h2 {
      margin-bottom: 0;
      line-height: 150%;
      font-size: 60px;
      font-weight: 700;
      font-family: 'Montserrat';
      color: #111; }
      .s_bg .tit h2::after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-left: 10px;
        background-color: #cc2223 !important;
        border-radius: 50%; }
    .s_bg .tit .p {
      font-size: 18px;
      color: #666; }
  @media (max-width: 991px) {
    .s_bg {
      padding-top: 120px; }
      .s_bg .tit h2 {
        font-size: 50px; } }
  @media (max-width: 767px) {
    .s_bg {
      padding-top: 80px; }
      .s_bg .tit {
        margin-bottom: 30px; }
        .s_bg .tit h2 {
          font-size: 36px; }
          .s_bg .tit h2::after {
            width: 7px;
            height: 7px; }
        .s_bg .tit .p {
          font-size: 14px; } }
  .s_bg .s_cont {
    position: relative;
    z-index: 100; }
  .s_bg .s_cont2 {
    position: relative;
    z-index: 100; }
  .s_bg .portfolio .nav ul {
    font-size: 0; }
    .s_bg .portfolio .nav ul li {
      display: inline-block; }
      .s_bg .portfolio .nav ul li button {
        border-bottom: 1px solid transparent;
        font-size: 20px;
        color: #999; }
      .s_bg .portfolio .nav ul li.a button {
        border-bottom: 1px solid #111;
        color: #111;
        font-weight: 500; }
      .s_bg .portfolio .nav ul li::before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        vertical-align: middle;
        margin: 10px 20px 0;
        border-radius: 50%;
        background-color: #999; }
      .s_bg .portfolio .nav ul li:first-child::before {
        display: none; }
  @media (max-width: 991px) {
    .s_bg .portfolio .nav {
      width: 100%; } }
  @media (max-width: 991px) {
    .s_bg .portfolio .nav {
      display: none; } }
  .s_bg .portfolio .pt_nav_sel {
    display: none;
    width: 100%; }
    @media (max-width: 991px) {
      .s_bg .portfolio .pt_nav_sel {
        display: block;
        padding: 12px 30px;
        border: none;
        background-color: #ddd;
        border-radius: 48px;
        color: #666; } }
  .s_bg .portfolio .lst ul {
    margin-left: -20px;
    font-size: 0; }
    .s_bg .portfolio .lst ul li {
      display: inline-block;
      width: calc(33.3333% - 20px);
      margin-left: 20px;
      margin-bottom: 50px;
      vertical-align: top; }
      .s_bg .portfolio .lst ul li .img {
        overflow: hidden;
        position: relative;
        margin-bottom: 20px; }
        .s_bg .portfolio .lst ul li .img img {
          width: 100%;
          -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
          transition: all 2s;
          -webkit-transition: all 2s; }
        .s_bg .portfolio .lst ul li .img .ov {
          opacity: 0;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(204, 34, 35, 0.85);
          transition: opacity 0.3s;
          -webkit-transition: opacity 0.3s; }
          .s_bg .portfolio .lst ul li .img .ov .dtc {
            padding: 0 20px; }
            .s_bg .portfolio .lst ul li .img .ov .dtc p {
              text-align: center;
              color: #fff;
              font-size: 18px;
              -ms-transform: matrix(1, 0, 0, 1, 0, 30);
              -webkit-transform: matrix(1, 0, 0, 1, 0, 30);
              transform: matrix(1, 0, 0, 1, 0, 30);
              transition: all 0.5s;
              -webkit-transition: all 0.5s; }
							.s_bg .portfolio .lst ul li .img .more{position: absolute;z-index: 10;right: -170px;bottom: -70px;width: 140px;height: 140px;background-color: #841213;-webkit-transform: rotate(0.12turn);-ms-transform: rotate(0.12turn);transform: rotate(0.12turn);transition: right 0.5s;-webkit-transition: right 0.5s;}
							.s_bg .portfolio .lst ul li .img .more::after{
              content: "";
							position: absolute;
							left: 20px;
							top: 45px;
              display: block;
              width: 16px;
              height: 16px;
              margin: 20px auto 0;
              background-image: url(../img/pt_ico.png);
              transition: all 1s;
              -webkit-transition: all 1s;}
      .s_bg .portfolio .lst ul li .txt .t1 {
        font-family: 'Montserrat';
        font-weight: 500; }
      .s_bg .portfolio .lst ul li .txt .t2 {
        font-size: 26px;
        font-weight: 500; }
      .s_bg .portfolio .lst ul li:hover .img img {
        transform: scale(1.1, 1.1) rotate(0.3deg);
        -webkit-transform: scale(1.1, 1.1) rotate(0.3deg);
        transform: scale(1.1, 1.1) rotate(0.3deg); }
      .s_bg .portfolio .lst ul li:hover .img .ov {
        opacity: 1; }
        .s_bg .portfolio .lst ul li:hover .img .ov .dtc p {
          -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); }
        
					.s_bg .portfolio .lst ul li:hover .img .more{right: -73px;}
					.s_bg .portfolio .lst ul li:hover .img .more::after {-webkit-transform: rotate(1turn);-ms-transform: rotate(1turn);transform: rotate(1turn);}
      @media (max-width: 991px) {
        .s_bg .portfolio .lst ul li {
          width: calc(50% - 20px); } }
      @media (max-width: 767px) {
        .s_bg .portfolio .lst ul li {
          width: calc(100% - 20px);
          margin-bottom: 30px; }
          .s_bg .portfolio .lst ul li .img {
            margin-bottom: 10px; }
            .s_bg .portfolio .lst ul li .img .ov .dtc p {
              font-size: 14px; }
          .s_bg .portfolio .lst ul li .txt .t1 {
            font-size: 12px; }
          .s_bg .portfolio .lst ul li .txt .t2 {
            font-size: 18px; } }
  .s_bg .portfolio .bottom {
    text-align: center; }
    .s_bg .portfolio .bottom .js_pt_more {
      font-family: 'Montserrat';
      font-size: 18px;
      font-weight: 700; }
      .s_bg .portfolio .bottom .js_pt_more i {
        display: inline-block;
        width: 21px;
        height: 21px;
        margin-bottom: 3px;
        margin-left: 10px;
        vertical-align: middle;
        background-image: url(../img/pt_more.png);
        background-repeat: no-repeat; }
      .s_bg .portfolio .bottom .js_pt_more.dn {
        display: none; }
      @media (max-width: 767px) {
        .s_bg .portfolio .bottom .js_pt_more {
          font-size: 14px; } }
  .s_bg .contactus .inp_wrap {
    margin-bottom: 50px; }
    .s_bg .contactus .inp_wrap .top {
      margin-bottom: 20px; }
      .s_bg .contactus .inp_wrap .top h3 {
        float: left;
        font-size: 24px;
        font-weight: 500; }
      .s_bg .contactus .inp_wrap .top .req {
        float: right;
        margin-top: 5px;
        font-size: 16px; }
        .s_bg .contactus .inp_wrap .top .req::before {
          content: "* ";
          color: #cc2223; }
      @media (max-width: 767px) {
        .s_bg .contactus .inp_wrap .top {
          margin-bottom: 10px; }
          .s_bg .contactus .inp_wrap .top h3 {
            font-size: 18px; }
          .s_bg .contactus .inp_wrap .top .req {
            font-size: 14px; } }
    .s_bg .contactus .inp_wrap .bottom {
      padding: 40px 30px;
      border-top: 2px solid #333;
      background-color: #fff; }
      .s_bg .contactus .inp_wrap .bottom .line .s {
        display: block;
        font-size: 18px;
        font-weight: 500; }
        .s_bg .contactus .inp_wrap .bottom .line .s.f {
          display: inline-block;
          margin-right: 15px; }
          @media (max-width: 991px) {
            .s_bg .contactus .inp_wrap .bottom .line .s.f {
              display: block;
              margin-bottom: 10px; } }
        .s_bg .contactus .inp_wrap .bottom .line .s::before {
          content: "*";
          margin-right: 5px;
          color: #cc2223 !important; }
      .s_bg .contactus .inp_wrap .bottom .line .ty_label {
        position: relative;
        display: inline-block;
        margin-right: 30px; }
        .s_bg .contactus .inp_wrap .bottom .line .ty_label input {
          position: absolute;
          left: -9999px;
          overflow: hidden;
          width: 0;
          height: 0;
          opacity: 0; }
          .s_bg .contactus .inp_wrap .bottom .line .ty_label input:checked ~ i {
            background-position: -2px -88px; }
          .s_bg .contactus .inp_wrap .bottom .line .ty_label input:checked ~ i + .label_t {
            color: #cc2223 !important; }
        .s_bg .contactus .inp_wrap .bottom .line .ty_label i {
          display: inline-block;
          width: 30px;
          height: 30px;
          margin-bottom: 3px;
          margin-right: 10px;
          background-position: -34px -88px;
          vertical-align: middle; }
        .s_bg .contactus .inp_wrap .bottom .line .ty_label .label_t {
          font-size: 16px; }
      .s_bg .contactus .inp_wrap .bottom .line .pa {
        width: calc(50% - 15px); }
        .s_bg .contactus .inp_wrap .bottom .line .pa.w100p {
          width: 100%; }
      .s_bg .contactus .inp_wrap .bottom .line .t2 {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 180%; }
        .s_bg .contactus .inp_wrap .bottom .line .t2.db {
          display: block; }
      @media (max-width: 991px) {
        .s_bg .contactus .inp_wrap .bottom .line {
          padding-top: 0; }
          .s_bg .contactus .inp_wrap .bottom .line:first-child .pa:first-child {
            padding-top: 0; }
          .s_bg .contactus .inp_wrap .bottom .line .pa {
            width: 100%;
            padding-top: 30px; }
          .s_bg .contactus .inp_wrap .bottom .line .ty_label {
            margin-right: 10px; } }
      @media (max-width: 767px) {
        .s_bg .contactus .inp_wrap .bottom .line .s, .s_bg .contactus .inp_wrap .bottom .line .t2 {
          font-size: 16px; }
        .s_bg .contactus .inp_wrap .bottom .line .pa.fz {
          font-size: 0; }
          .s_bg .contactus .inp_wrap .bottom .line .pa.fz .s {
            line-height: 130%; }
        .s_bg .contactus .inp_wrap .bottom .line .ty_label {
          width: 50%;
          margin: 0 0 5px; }
          .s_bg .contactus .inp_wrap .bottom .line .ty_label .label_t {
            font-size: 14px; } }
      .s_bg .contactus .inp_wrap .bottom .agree_txt {
        overflow-y: scroll;
        height: 250px;
        padding: 20px;
        background-color: #eaeaea; }
        .s_bg .contactus .inp_wrap .bottom .agree_txt pre {
          font-family: 'Noto Sans KR';
          color: #888;
          font-size: 14px; }
      .s_bg .contactus .inp_wrap .bottom .alert_p {
        display: none;
        margin-top: 10px;
        color: #cc2223 !important; }
        .s_bg .contactus .inp_wrap .bottom .alert_p.db {
          display: block; }
  .s_bg .contactus .sbm_btn {
    display: block;
    width: 200px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: #cc2223 !important; }
  .s_bg .inp_st1 {
    height: 60px;
    border: none;
    background-color: #eaeaea; }
  .s_bg .w100p {
    width: 100%; }
  .s_bg .board_lst .top {
    margin-bottom: 30px; }
    .s_bg .board_lst .top .length {
      margin-top: 10px;
      font-size: 20px;
      font-weight: 500;
      color: #666;
      font-family: 'Montserrat'; }
      .s_bg .board_lst .top .length span {
        font-weight: 700; }
  .s_bg .board_lst .lst {
    position: relative; }
    .s_bg .board_lst .lst table {
      border-top: 2px solid #333;
      table-layout: auto; }
      .s_bg .board_lst .lst table caption {
        position: absolute;
        left: -9999px;
        display: block;
        width: 0;
        height: 0;
        font-size: 0; }
      .s_bg .board_lst .lst table thead {
        visibility: collapse; }
      .s_bg .board_lst .lst table tbody .notice .td1 {
        font-family: 'Noto Sans KR';
        font-weight: 600; }
      .s_bg .board_lst .lst table tbody .notice .td2 {
        font-weight: 500; }
			.s_bg .board_lst .lst table tbody .notice .td2 .cr{color: #cc2223;}
      .s_bg .board_lst .lst table tbody tr {
        border-bottom: 1px solid #ddd; }
        .s_bg .board_lst .lst table tbody tr td {
          padding: 20px 0; }
        .s_bg .board_lst .lst table tbody tr .td1 {
          width: 150px;
          font-size: 16px;
          font-family: 'Montserrat';
          text-align: center;
          font-weight: 500; }
        .s_bg .board_lst .lst table tbody tr .td2 {
          width: auto;
          text-align: left;
          font-size: 18px; }
          .s_bg .board_lst .lst table tbody tr .td2.re::before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-bottom: 3px;
            margin-right: 10px;
            vertical-align: middle;
            background-position: -81px -48px; }
        .s_bg .board_lst .lst table tbody tr .td3 {
          width: 180px;
          text-align: center;
          font-family: 'Montserrat';
          font-size: 16px;
          font-weight: 500; }
        .s_bg .board_lst .lst table tbody tr .td4 {
          width: 140px;
          text-align: center; }
          .s_bg .board_lst .lst table tbody tr .td4 .s {
            display: block;
            width: 100px;
            margin: 0 auto;
            padding: 6px;
            font-size: 16px;
            border-radius: 40px;
            text-align: center; }
            .s_bg .board_lst .lst table tbody tr .td4 .s.s1 {
              border: 1px solid #333; }
            .s_bg .board_lst .lst table tbody tr .td4 .s.s2 {
              border: 1px solid #cc2223 !important;
              color: #cc2223 !important; }
            .s_bg .board_lst .lst table tbody tr .td4 .s.s3 {
              border: 1px solid #333;
              color: #fff;
              background-color: #333; }
          @media (max-width: 991px) {
            .s_bg .board_lst .lst table tbody tr .td4 .s {
              width: 100%;
              margin-top: 10px; } }
      @media (max-width: 991px) {
        .s_bg .board_lst .lst table {
          display: block; }
          .s_bg .board_lst .lst table tbody {
            display: block; }
            .s_bg .board_lst .lst table tbody tr {
              display: block;
              padding: 15px 0; }
              .s_bg .board_lst .lst table tbody tr td {
                padding: 0; }
              .s_bg .board_lst .lst table tbody tr .td2 {
                font-size: 14px; }
              .s_bg .board_lst .lst table tbody tr .td3 {
                font-size: 12px; }
          .s_bg .board_lst .lst table td {
            display: block;
            width: 100% !important;
            text-align: left !important; }
          .s_bg .board_lst .lst table .td1 {
            display: none; }
          .s_bg .board_lst .lst table .td4 .s {
            width: 100% !important;
            font-size: 14px !important; } }
  .s_bg .board_view .top {
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
    text-align: center; }
    .s_bg .board_view .top p {
      font-size: 16px; }
      .s_bg .board_view .top p span:first-child::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 14px;
        margin: 0 10px 3px;
        vertical-align: middle;
        background-color: #ddd; }
      @media (max-width: 991px) {
        .s_bg .board_view .top p {
          font-size: 14px; } }
    .s_bg .board_view .top h2 {
      margin-top: 10px;
      font-size: 24px;
      font-weight: 500; }
      @media (max-width: 991px) {
        .s_bg .board_view .top h2 {
          font-size: 20px; } }
  .s_bg .board_view .file_lst {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    background-color: #f1f1f1; }
    .s_bg .board_view .file_lst ul li {
      overflow: hidden;
      margin-top: 10px;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .s_bg .board_view .file_lst ul li a::before {
        display: inline-block;
        width: 24px;
        height: 20px;
        margin-bottom: 3px;
        margin-right: 10px;
        vertical-align: middle;
        background-position: -56px -50px; }
      .s_bg .board_view .file_lst ul li:first-child {
        margin-top: 0; }
  .s_bg .board_view .middle {
    padding: 50px 20px;
    border-bottom: 1px solid #ddd; }
    .s_bg .board_view .middle p {
      font-size: 16px; }
      @media (max-width: 991px) {
        .s_bg .board_view .middle p {
          font-size: 14px; } }
    .s_bg .board_view .middle a {
      text-decoration: underline; }
    .s_bg .board_view .middle ul {
      padding: 10px 0 10px 40px; }
      .s_bg .board_view .middle ul li {
        list-style: disc; }
    .s_bg .board_view .middle ol {
      padding: 10px 0 10px 40px; }
      .s_bg .board_view .middle ol li {
        list-style: unset; }
  .s_bg .board_view .bottom {
    position: relative;
    margin-top: 50px; }
    .s_bg .board_view .bottom .center {
      padding: 0 475px; }
      .s_bg .board_view .bottom .center .list_link {
        display: block;
        width: 150px;
        margin: 0 auto;
        padding: 15px 0;
        background-color: #333;
        color: #fff;
        text-align: center;
        font-size: 16px;
        letter-spacing: 5px; }
        .s_bg .board_view .bottom .center .list_link::before {
          content: "";
          display: inline-block;
          width: 26px;
          height: 16px;
          margin-bottom: 3px;
          margin-right: 10px;
          vertical-align: middle;
          background-position: -60px -30px; }
    .s_bg .board_view .bottom .board_nav {
      position: absolute;
      top: 0;
      max-width: 475px; }
      .s_bg .board_view .bottom .board_nav span {
        display: block;
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .s_bg .board_view .bottom .board_nav.prev_link {
        left: 0; }
        .s_bg .board_view .bottom .board_nav.prev_link .t1::before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-bottom: 3px;
          margin-right: 10px;
          vertical-align: middle;
          background-position: -27px -60px; }
      .s_bg .board_view .bottom .board_nav.next_link {
        right: 0;
        text-align: right; }
        .s_bg .board_view .bottom .board_nav.next_link .t1::after {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-bottom: 3px;
          margin-left: 10px;
          vertical-align: middle;
          background-position: -41px -60px; }
    .s_bg .board_view .bottom span.board_nav .t2 {
      color: #999; }
    @media (max-width: 1240px) {
      .s_bg .board_view .bottom .center {
        padding: 0; }
      .s_bg .board_view .bottom .prev_link, .s_bg .board_view .bottom .next_link {
        display: none; } }
  .s_bg .s_box {
    width: 330px;
    padding: 0 30px;
    border-radius: 45px;
    background-color: #ddd; }
    .s_bg .s_box .inp {
      width: 246px;
      height: 45px;
      border: none;
      background-color: transparent; }
      .s_bg .s_box .inp:focus {
        outline: none; }
    .s_bg .s_box .pt_s_sbm {
      padding-top: 12px; }
      .s_bg .s_box .pt_s_sbm i {
        display: inline-block;
        width: 23px;
        height: 21px;
        background-image: url(../img/pt_s_btn.png);
        background-repeat: no-repeat; }
    @media (max-width: 1240px) {
      .s_bg .s_box {
        width: 200px;
        padding: 0 20px; }
        .s_bg .s_box .inp {
          width: calc(100% - 23px); } }
    @media (max-width: 991px) {
      .s_bg .s_box {
        width: 100%;
        margin-top: 10px; } }
  .s_bg .customer_info {
    padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd; }
    .s_bg .customer_info p {
      font-size: 20px; }
    .s_bg .customer_info a {
      font-size: 16px; }
    .s_bg .customer_info .link {
      display: inline-block;
      width: 120px;
      padding: 10px;
      text-align: center; }
      .s_bg .customer_info .link.link1 {
        border: 3px solid #cc2223 !important;
        color: #fff;
        background-color: #cc2223 !important; }
      .s_bg .customer_info .link.link2 {
        border: 3px solid #333;
        color: #000; }
    @media (max-width: 991px) {
      .s_bg .customer_info .fl {
        width: 100%;
        margin-bottom: 30px; }
      .s_bg .customer_info .fr {
        width: 100%; }
        .s_bg .customer_info .fr a {
          float: left;
          display: block;
          width: calc(50% - 5px);
          margin-left: 10px; }
          .s_bg .customer_info .fr a:first-child {
            margin-left: 0; }
        .s_bg .customer_info .fr .link {
          padding: 5px; } }
    @media (max-width: 767px) {
      .s_bg .customer_info {
        margin-bottom: 30px; }
        .s_bg .customer_info .fl {
          margin-bottom: 20px;
          font-size: 14px; } }
  .s_bg .pager {
    margin-top: 50px;
    text-align: center;
    font-size: 0; }
    .s_bg .pager a {
      display: inline-block;
      margin: 0 10px;
      font-size: 16px;
      font-family: 'Montserrat';
      font-weight: 500;
      color: #999; }
      .s_bg .pager a.btn {
        text-indent: -9999px; }
      .s_bg .pager a.a {
        font-weight: 700;
        color: #000; }
  .s_bg .location .tb table tr th {
    width: 250px;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 800;
    text-align: left; }
    .s_bg .location .tb table tr th::before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 30px;
      margin-bottom: 3px;
      margin-right: 10px;
      vertical-align: middle;
      background-position: -321px -88px; }
  .s_bg .location .tb table tr td .t1 {
    font-size: 26px; }
  .s_bg .location .tb table tr td .t2 {
    font-size: 18px;
    color: #666; }
    .s_bg .location .tb table tr td .t2 span::before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 14px;
      margin: 0 10px 3px;
      vertical-align: middle;
      background-color: #ccc; }
    .s_bg .location .tb table tr td .t2 span:first-child::before {
      display: none; }
  @media (max-width: 991px) {
    .s_bg .location .tb table tr {
      display: block;
      width: 100%; }
      .s_bg .location .tb table tr th {
        display: block;
        width: 100%; }
      .s_bg .location .tb table tr td {
        width: 100%; } }
  @media (max-width: 991px) {
    .s_bg .location .tb table tr th {
      font-size: 20px; }
    .s_bg .location .tb table tr td .t1 {
      font-size: 20px; }
    .s_bg .location .tb table tr td .t2 span {
      display: block;
      font-size: 14px; }
      .s_bg .location .tb table tr td .t2 span::before {
        display: none; } }
  .s_bg .location_map {
    height: 500px;
    margin-top: 50px; }
  .s_bg .payment .pay_wrap {
    width: 695px;
    max-width: 100%;
    margin: 0 auto;
    border-top: 2px solid #111; }
    .s_bg .payment .pay_wrap .top {
      padding: 30px 0;
      border-bottom: 1px solid #ddd; }
      .s_bg .payment .pay_wrap .top .line {
        margin-top: 10px; }
        .s_bg .payment .pay_wrap .top .line:first-child {
          margin-top: 0; }
    .s_bg .payment .pay_wrap .bottom {
      padding: 30px 0; }
      .s_bg .payment .pay_wrap .bottom .inp {
        background-color: #fff;
        font-size: 18px;
        font-weight: 500; }
        .s_bg .payment .pay_wrap .bottom .inp .req_inp {
          width: calc(100% - 40px);
          height: 100%;
          margin-right: 10px;
          border: none;
          font-size: 20px;
          color: #cc2223 !important;
          font-weight: 500;
          text-align: right;
          font-family: 'Montserrat';
          font-weight: 700; }
          .s_bg .payment .pay_wrap .bottom .inp .req_inp:focus {
            outline: none; }
    .s_bg .payment .pay_wrap .l_t {
      width: 135px;
      margin-top: 21px;
      font-size: 18px;
      font-weight: 500; }
    .s_bg .payment .pay_wrap .r_inp {
      width: calc(100% - 135px); }
      .s_bg .payment .pay_wrap .r_inp .alert_p {
        margin-top: 5px; }
    .s_bg .payment .pay_wrap .inp {
      height: 70px;
      border: 1px solid #333; }
    .s_bg .payment .pay_wrap .sbm {
      display: block;
      width: 100%;
      padding: 15px;
      margin-bottom: 40px;
      background-color: #cc2223 !important;
      color: #fff;
      font-size: 18px; }
    .s_bg .payment .pay_wrap .acc_bank {
      font-size: 20px; }
    @media (max-width: 991px) {
      .s_bg .payment .pay_wrap .l_t {
        width: 100%;
        margin: 10px 0; }
      .s_bg .payment .pay_wrap .r_inp {
        width: 100%; } }
    @media (max-width: 767px) {
      .s_bg .payment .pay_wrap .l_t {
        font-size: 16px; }
      .s_bg .payment .pay_wrap .bottom {
        padding: 15px 0; }
        .s_bg .payment .pay_wrap .bottom .inp {
          font-size: 16px; }
          .s_bg .payment .pay_wrap .bottom .inp .req_inp {
            font-size: 16px; }
      .s_bg .payment .pay_wrap .sbm {
        margin-bottom: 20px;
        font-size: 16px; }
      .s_bg .payment .pay_wrap .acc_bank {
        font-size: 14px; } }
  .s_bg .control {
    padding-top: 30px; }
    .s_bg .control .h3_tit {
      height: 400px;
      background-image: url(../img/control_tit_bg.jpg);
      background-position: 50% 0;
      background-repeat: no-repeat; }
      .s_bg .control .h3_tit .container {
        position: relative;
        height: 100%; }
        .s_bg .control .h3_tit .container a {
          position: absolute;
          right: 0;
          bottom: -53px;
          display: block;
          width: 200px;
          height: 200px;
          border: 5px solid #101010;
          background-color: #fff;
          text-align: center;
          font-size: 18px;
          font-weight: 500; }
          .s_bg .control .h3_tit .container a i {
            display: block;
            width: 70px;
            height: 70px;
            margin: 0 auto 15px;
            background-position: -163px -2px; }
      .s_bg .control .h3_tit h3 {
        padding-top: 280px;
        font-size: 48px;
        font-weight: 500;
        color: #fff; }
    .s_bg .control .txt {
      padding-top: 60px; }
      .s_bg .control .txt p {
        padding-top: 30px;
        font-size: 18px; }
        .s_bg .control .txt p:first-child {
          padding-top: 0; }
    @media (max-width: 991px) {
      .s_bg .control .h3_tit h3 {
        font-size: 40px; } }
    @media (max-width: 767px) {
      .s_bg .control .h3_tit {
        height: 260px;
        background-size: cover; }
        .s_bg .control .h3_tit h3 {
          padding-top: 150px;
          font-size: 26px; }
        .s_bg .control .h3_tit .container a {
          bottom: -100px;
          display: block;
          width: 100%;
          height: 160px; }
      .s_bg .control .txt {
        padding-top: 130px; }
        .s_bg .control .txt p {
          font-size: 14px; } }
  .s_bg .overview .h3_tit {
    background-image: url(../img/overview_tit_bg.jpg); }
    .s_bg .overview .h3_tit .dtc p, .s_bg .overview .h3_tit .dtc h3 {
      font-weight: 600;
      color: #fff;
      font-family: 'Montserrat'; }
    .s_bg .overview .h3_tit .dtc .t1 {
      font-size: 23px; }
    .s_bg .overview .h3_tit .dtc h3 {
      line-height: 130%;
      font-size: 58px; }
  .s_bg .overview .txt {
    margin-top: 70px; }
    .s_bg .overview .txt .t1 {
      line-height: 130%;
      font-size: 38px;
      font-weight: 500;
      color: #111; }
    .s_bg .overview .txt p {
      padding-top: 30px;
      font-size: 18px; }
      .s_bg .overview .txt p:first-child {
        padding-top: 0; }
  .s_bg .overview .keywork {
    margin: 100px 0;
    height: 380px;
    background-image: url(../img/overview_keywork.jpg);
    background-repeat: no-repeat;background-position: 50% 0; }
    .s_bg .overview .keywork .t1 {
      padding: 100px 0 10px;
      font-size: 26px;
      font-weight: 700;
      color: #fff;
      font-family: 'Montserrat'; }
    .s_bg .overview .keywork ul {
      margin-left: -10px;
      font-size: 0; }
      .s_bg .overview .keywork ul li {
        display: inline-block;
        width: calc(14.2857% - 10px);
        margin-left: 10px;
        padding: 40px 15px;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        text-align: center;
        font-size: 18px;
        color: #fff; }
        .s_bg .overview .keywork ul li span::before {
          display: block;
          width: 50px;
          height: 50px;
          margin: 0 auto 10px; }
        .s_bg .overview .keywork ul li span.i1::before {
          background-position: -2px -120px; }
        .s_bg .overview .keywork ul li span.i2::before {
          background-position: -53px -120px; }
        .s_bg .overview .keywork ul li span.i3::before {
          background-position: -106px -120px; }
        .s_bg .overview .keywork ul li span.i4::before {
          background-position: -158px -120px; }
        .s_bg .overview .keywork ul li span.i5::before {
          background-position: -210px -120px; }
        .s_bg .overview .keywork ul li span.i6::before {
          background-position: -262px -120px; }
        .s_bg .overview .keywork ul li span.i7::before {
          background-position: -314px -120px; }
  .s_bg .overview .tb .t1 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 700;
    font-family: 'Montserrat';
    text-align: left; }
  .s_bg .overview .tb table {
    border-top: 2px solid #333; }
    .s_bg .overview .tb table tr {
      border-bottom: 1px solid #ddd; }
      .s_bg .overview .tb table tr th {
        width: 200px;
        padding: 20px;
        border-right: 1px solid #ddd;
        font-size: 16px;
        text-align: left; }
      .s_bg .overview .tb table tr td {
        padding: 20px;
        color: #666;
        font-size: 16px; }
  @media (max-width: 1119px) {
    .s_bg .overview .h3_tit .dtc .t1 {
      font-size: 20px; }
    .s_bg .overview .h3_tit .dtc h3 {
      font-size: 48px; }
    .s_bg .overview .keywork {
      height: auto;
      background-size: cover;
      background-position: 50% 0; }
      .s_bg .overview .keywork ul li {
        width: calc(50% - 10px);
        margin-bottom: 10px; } }
  @media (max-width: 991px) {
    .s_bg .overview .tb table tr th {
      width: 115px;
      padding: 20px 10px;
      word-break: break-all;
      font-size: 14px; }
    .s_bg .overview .tb table tr td {
      padding: 20px 10px;
      font-size: 14px; } }
  @media (max-width: 767px) {
    .s_bg .overview .h3_tit .dtc .t1 {
      font-size: 16px; }
    .s_bg .overview .h3_tit .dtc h3 {
      font-size: 26px; }
    .s_bg .overview .txt {
      padding-top: 0; }
      .s_bg .overview .txt .t1 {
        font-size: 22px; }
      .s_bg .overview .txt p {
        font-size: 14px; } }
  .s_bg .history .h3_tit {
    background-image: url(../img/history_tit_bg.jpg); }
  .s_bg .history .lst {
    position: relative;
    border-top: 2px solid #333; }
    .s_bg .history .lst table caption {
      position: absolute;
      left: -9999px;
      font-size: 0; }
    .s_bg .history .lst table tr {
      border-bottom: 1px solid #ccc; }
      .s_bg .history .lst table tr td {
        padding: 40px 0;
        vertical-align: top; }
      .s_bg .history .lst table tr td {
        width: 530px; }
        .s_bg .history .lst table tr td .yy {
          width: 120px;
          text-align: left;
          font-size: 24px;
          font-weight: 500; }
        .s_bg .history .lst table tr td ul {
          width: calc(100% - 120px);
          padding-right: 20px; }
          .s_bg .history .lst table tr td ul li {
            padding-bottom: 10px;
            font-size: 18px; }
        @media (max-width: 767px) {
          .s_bg .history .lst table tr td .yy {
            display: block;
            width: 100%;
            font-size: 20px; }
          .s_bg .history .lst table tr td ul {
            width: 100%; }
            .s_bg .history .lst table tr td ul li {
              font-size: 14px; } }
    @media (max-width: 1119px) {
      .s_bg .history .lst table tr {
        border-bottom: none; }
        .s_bg .history .lst table tr td {
          display: block;
          width: 100%;
          border-bottom: 1px solid #ccc; } }
  .s_bg .organization .h3_tit {
    background-image: url(../img/organization_tit_bg.jpg); }
  .s_bg .organization .img {
    text-align: center; }
    .s_bg .organization .img img {
      margin: 0 auto; }
    @media (max-width: 991px) {
      .s_bg .organization .img .p, .s_bg .organization .img .m {
        display: none; }
      .s_bg .organization .img .t {
        display: block; } }
    @media (max-width: 767px) {
      .s_bg .organization .img .p, .s_bg .organization .img .t {
        display: none; }
      .s_bg .organization .img .m {
        display: block; } }
  .s_bg .partners .h3_tit {
    background-image: url(../img/partners_tit_bg.jpg); }
  .s_bg .partners .lst ul {
    margin-left: -20px;
    font-size: 0; }
    .s_bg .partners .lst ul li {position: relative;
      display: inline-block;
      width: calc(20% - 20px);
      margin-bottom: 20px;
      margin-left: 20px; }
			.s_bg .partners .lst ul li .over{position: absolute;top: 0;left: 0;opacity: 0;}
			.s_bg .partners .lst ul li:hover .over{opacity: 1;}
      .s_bg .partners .lst ul li .bg {
        padding-top: 32.786%;
        background-size: cover; }
      @media (max-width: 991px) {
        .s_bg .partners .lst ul li {
          width: calc(50% - 20px); } }
  .s_bg .partners .bottom {
    margin-top: 50px;
    text-align: center; }
    .s_bg .partners .bottom .js_pa_more {
      font-family: 'Montserrat';
      font-size: 18px;
      font-weight: 700; }
      .s_bg .partners .bottom .js_pa_more i {
        display: inline-block;
        width: 21px;
        height: 21px;
        margin-bottom: 3px;
        margin-left: 10px;
        vertical-align: middle;
        background-image: url(../img/pt_more.png);
        background-repeat: no-repeat; }
      .s_bg .partners .bottom .js_pa_more.dn {
        display: none; }
      @media (max-width: 767px) {
        .s_bg .partners .bottom .js_pa_more {
          font-size: 14px; } }
  .s_bg .recruit .h3_tit {
    background-image: url(../img/recruit_tit_bg.jpg); }
  .s_bg .recruit .p1 {
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: 500;
    line-height: 130%;
    text-align: left; }
    @media (max-width: 767px) {
      .s_bg .recruit .p1 {
        margin-bottom: 20px;
        font-size: 20px; } }
  .s_bg .recruit .group {
    margin-bottom: 70px;
    border-top: 2px solid #333; }
    .s_bg .recruit .group .line {
      border-bottom: 1px solid #ddd; }
      .s_bg .recruit .group .line .pa {
        width: 625px;
        padding-right: 25px;
        padding: 70px 25px 70px 0; }
        .s_bg .recruit .group .line .pa .t1 i {
          display: inline-block;
          width: 40px;
          height: 40px;
          margin-right: 30px;
          margin-bottom: 3px;
          vertical-align: middle; }
          .s_bg .recruit .group .line .pa .t1 i.i1 {
            background-position: -150px -78px; }
          .s_bg .recruit .group .line .pa .t1 i.i2 {
            background-position: -192px -78px; }
          .s_bg .recruit .group .line .pa .t1 i.i3 {
            background-position: -235px -78px; }
          .s_bg .recruit .group .line .pa .t1 i.i4 {
            background-position: -277px -78px; }
          @media (max-width: 767px) {
            .s_bg .recruit .group .line .pa .t1 i {
              margin-bottom: 10px; } }
        .s_bg .recruit .group .line .pa .t2 {
          margin-top: 30px;
          font-size: 18px; }
    @media (max-width: 1420px) {
      .s_bg .recruit .group .line .pa {
        width: calc(50% - 20px); } }
    @media (max-width: 1119px) {
      .s_bg .recruit .group {
        padding-bottom: 50px; }
        .s_bg .recruit .group .line .pa {
          width: 100%;
          padding: 30px 0;
          border-bottom: 1px solid #ddd; } }
    @media (max-width: 991px) {
      .s_bg .recruit .group .line .pa .t2 {
        font-size: 14px; } }
  .s_bg .recruit .tb {
    margin-bottom: 70px; }
    .s_bg .recruit .tb tbody {
      border-top: 2px solid #333; }
      .s_bg .recruit .tb tbody th, .s_bg .recruit .tb tbody td {
        border: 1px solid #ddd; }
      .s_bg .recruit .tb tbody th {
        width: 200px;
        padding: 20px;
        font-size: 16px;
        text-align: left; }
        @media (max-width: 991px) {
          .s_bg .recruit .tb tbody th {
            width: 110px;
            padding: 20px 10px;
            font-size: 14px; } }
      .s_bg .recruit .tb tbody td {
        padding: 20px;
        font-size: 16px; }
        @media (max-width: 991px) {
          .s_bg .recruit .tb tbody td {
            padding: 20px 10px;
            font-size: 14px; } }
  .s_bg .recruit .txt_wrap {
    padding-top: 40px;
    border-top: 2px solid #333; }
    .s_bg .recruit .txt_wrap p {
      font-size: 18px;
      color: #666; }
    @media (max-width: 991px) {
      .s_bg .recruit .txt_wrap {
        padding-top: 20px; }
        .s_bg .recruit .txt_wrap p {
          font-size: 14px; } }
  .s_bg .login .form {
    width: 500px;max-width: 95%;
    margin: 0 auto; }
    .s_bg .login .form .inp {
      width: 100%;
      height: 70px;
      margin-top: 10px;
      border: 1px solid #333; }
    .s_bg .login .form .sbm {
      width: 100%;
      height: 70px;
      margin-top: 10px;
      text-align: center;
      background-color: #cc2223 !important;
      font-size: 18px;
      font-weight: 700;
      font-family: 'Montserrat';
      color: #fff;
      letter-spacing: 3px; }
    .s_bg .login .form .find_acc {
      margin-top: 50px;
      text-align: center;
      font-size: 16px; }
    @media (max-width: 767px) {
      .s_bg .login .form .sbm {
        font-size: 14px; }
      .s_bg .login .form .find_acc {
        font-size: 14px; } }
  .s_bg .h3_tit {
    height: 400px;
    margin-bottom: 70px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover; }
    .s_bg .h3_tit .dtc {
      vertical-align: bottom;
      padding-bottom: 60px; }
      .s_bg .h3_tit .dtc .t1, .s_bg .h3_tit .dtc h3 {
        color: #fff;
        line-height: 150%;
        color: #fff; }
      .s_bg .h3_tit .dtc .t1 {
        font-size: 23px;
        font-weight: 100; }
      .s_bg .h3_tit .dtc h3 {
        font-size: 48px;
        font-weight: 500; }
    @media (max-width: 991px) {
      .s_bg .h3_tit .dtc .t1 {
        font-size: 20px; }
      .s_bg .h3_tit .dtc h3 {
        font-size: 40px; } }
    @media (max-width: 767px) {
      .s_bg .h3_tit {
        height: 260px; }
        .s_bg .h3_tit .dtc {
          padding-bottom: 30px; }
          .s_bg .h3_tit .dtc .t1 {
            padding-bottom: 5px;
            font-size: 16px; }
          .s_bg .h3_tit .dtc h3 {
            font-size: 26px; } }

.quick_cont{
  position: fixed;
	right: -330px;
  z-index: 150;
  top: 50%;
  margin-top: -217px;transition: all 0.5s;-webkit-transition: all 0.5s;transition-delay: 0s;
}
.quick_cont.db{transition-delay: 0.2s;}


.quick_form {
  width: 320px;
  padding: 40px 20px;margin-bottom: 10px;
  background-color: #fff;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px; }
  .quick_form .t1 {
    font-size: 18px; }
  .quick_form .quick_close {
    display: block;
    width: 16px;
    height: 16px;
    background-position: -24px -30px;
    text-indent: -9999px; }
  .quick_form .inp {
    width: 100%;
    height: 50px;
    border: none;
    border-bottom: 1px solid #ddd; }
    .quick_form .inp.i1 {
      margin-top: 15px;
      border-bottom: 2px solid #101010; }
  .quick_form .sbm_btn {
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    border-radius: 50px;
    background-color: #dc3333;
    color: #fff;
    font-size: 16px; }
		.quick_cont.db {
    right: 0;}

	.quick_cs{padding: 12px 20px;background-color: #111;-webkit-border-top-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
	.quick_cs::before{content: "";display: block;float: left;width: 24px;height: 28px;margin: 5px auto 0;background-image: url('../img/quick_tel.png');}
	.quick_cs .fl{margin-left: 10px;}
	.quick_cs .t1{line-height: 130%;font-size: 18px;font-weight: 600;color: #fff;font-family: 'Montserrat';}
	.quick_cs .t2{line-height: 130%;font-size: 12px;color: #fff;}

  @media (max-width: 991px) {
    .quick_cont {
			width: 100%;
      bottom: -300px;
			right: 0;
      top: auto;}
		.quick_cont.db {bottom: 0;}
		.quick_form{margin-bottom: 0;width: 100%;border-radius: 0;-webkit-border-top-left-radius: 30px;-webkit-border-top-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-topright: 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;}
		.quick_cs{display: none;}
		}

.alert_p {
  display: none;
  color: #cc2223 !important; }
  .alert_p.db {
    display: block; }

.note-editor ul, .note-editor ol {
  padding: 10px 10px 10px 20px !important; }

.note-editor b {
  font-weight: bold; }

#footer {
  padding: 50px 0 60px;
  background-color: #101010; }
  #footer .ft_container {
    width: 1612px;
    margin: 0 auto; }
    #footer .ft_container .top .f_logo {
      display: block;
      width: 150px;
      height: 30px;
      margin-right: 75px;
      background-image: url(../img/logo.png);
      background-repeat: no-repeat;
      text-indent: -9999px; }
    #footer .ft_container .top .f_nav ul li {
      display: inline-block;
      margin-right: 40px;
      font-size: 16px;
      color: #f3f3f3; }
    @media (max-width: 1119px) {
      #footer .ft_container .top .f_nav {
        display: none; } }
    #footer .ft_container .mid {
      padding: 70px 0 0; }
      #footer .ft_container .mid .t {
        display: inline-block;
        margin-right: 25px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #f3f3f3;
        font-size: 16px; }
        #footer .ft_container .mid .t .k {
          margin-right: 5px;
          }
      #footer .ft_container .mid .r {
        display: inline-block;
        color: #f3f3f3; }
      @media (max-width: 767px) {
        #footer .ft_container .mid {
          padding: 25px 0 0; } }
    #footer .ft_container .bottom {
      margin-top: 30px; }
      #footer .ft_container .bottom p {
        font-size: 14px;
        color: #999; }
        #footer .ft_container .bottom p span {
          display: inline-block;
          margin-right: 5px; }
    @media (max-width: 1620px) {
      #footer .ft_container {
        width: 1360px; } }
    @media (max-width: 1420px) {
      #footer .ft_container {
        width: 1200px; } }
    @media (max-width: 1420px) {
      #footer .ft_container {
        width: 100%;
        padding: 0 20px; } }
  #footer .m_quick_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
		z-index: 100;
    display: none;
    width: 100%;
    height: 50px;
    background-color: #cc2223 !important;
    color: #fff; }
    @media (max-width: 620px) {
      #footer .m_quick_bottom {
        display: block; } }
  @media (max-width: 620px) {
    #footer {
      padding-bottom: 100px; } }

.quick_fix_bar{position: fixed;z-index: 150;right: 0;top: 50%;margin-top: -215px;transition: right 0.2s;-webkit-transition: right 0.2s;transition-delay: 0.3s;}
.quick_fix_bar .quick{display: block;width: 60px;padding: 50px 20px;font-size: 18px;margin-bottom: 10px;color: #fff;line-height: 140%;word-break: break-all;background-color: #dc3333;text-align: center;-webkit-border-top-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.quick_fix_bar .quick::after{content: "";display: block;width: 24px;height: 25px;margin-top: 10px;background-image: url('../img/quick_cs.png');}
.quick_fix_bar .cs{display: block;width: 60px;padding: 16px 20px;margin-bottom: 10px;background-color: #111;-webkit-border-top-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.quick_fix_bar .cs::before{content: "";display: block;width: 24px;height: 28px;margin: 0 auto;background-image: url('../img/quick_tel.png');}
.quick_fix_bar.on{right: -60px;transition-delay: 0s;}

.quick_fix_bar .top_btn{display: block;font-family: 'Montserrat';width: 60px;padding: 20px;font-weight: 600;color: #fff;background-color: #111;-webkit-border-top-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}

@media (max-width: 1420px){
	.quick_fix_bar{display: none;}
}


.privacy .tit{padding-bottom: 50px;border-bottom: 2px solid #333;text-align: center;}
.privacy h2{font-size: 24px;font-weight: 500;}
.privacy .middle{padding: 0 20px 50px;border-bottom: 1px solid #ddd;}
.privacy .middle pre{font-size: 16px;color: #666;}


@media (max-width: 991px){
	.privacy h2{font-size: 20px;}
	.privacy .middle pre{font-size: 14px;}

}

.bd_comment_wrap{margin-top: 40px;}
.bd_comment_wrap .write{background-color: #fff;}
.s_bg .bd_comment_wrap.contactus .inp_wrap .bottom{border-top: none;}

.comment_lst_wrap{margin-top: 20px;border-top: 2px solid #000;}
.comment_lst_wrap>ul>li .li1{padding: 30px;border-bottom: 1px solid #ddd;}
.comment_lst_wrap>ul>li .date{margin-bottom: 20px;}
.comment_lst_wrap>ul>li .cont{font-size: 16px;}
.comment_lst_wrap>ul>li .cont *{font-size: 16px;}
@media screen and (max-width: 991px){
	.comment_lst_wrap>ul>li .cont{font-size: 14px;}
	.comment_lst_wrap>ul>li .cont *{font-size: 14px;}
}
.comment_lst_wrap>ul>li .write_toggle{margin-top: 15px;}
.comment_lst_wrap>ul>li .write_toggle::after{content: '';display: inline-block;width: 10px;height: 10px;margin-left: 10px;background-image: url(/img/comment_open.png);-webkit-background-size: cover;background-size: cover;}
.comment_lst_wrap>ul>li.v .write_toggle::after{background-image: url(/img/comment_close.png);}
.comment_lst_wrap>ul>li .files{margin-top: 20px;padding: 20px;background-color: #EAEAEA;}
.comment_lst_wrap>ul>li .files p{margin-top: 5px;}
.comment_lst_wrap>ul>li .files a::before{display: inline-block;width: 24px;height: 20px;margin-bottom: 3px;margin-right: 10px;vertical-align: middle;background-position: -56px -50px;}
.s_bg .contactus .inp_wrap.re_write{display: none;margin-bottom: 0;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.comment_lst_wrap>ul>li.v .inp_wrap.re_write{display: block;} 
.s_bg .contactus .inp_wrap.re_write .bottom{margin-top: 0;padding: 30px 30px 30px 60px;border-top: none;background-color: transparent;background-image: url(/img/re_ico.png);background-repeat: no-repeat;background-position: 30px 30px;}
.comment_lst_wrap>ul>li .lst li{padding: 30px 30px 30px 90px;border-bottom: 1px solid #ddd;background-image: url(../img/re_ico.png);background-repeat: no-repeat;background-position: 60px 30px;}