/* sub { */
.div_1400px {width: 1400px;margin: 60px auto;}
.sub_hd_wrap {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
.sub_hd_txts1 {color: #fff;font-size: 21px;letter-spacing: -1.5px;}
.sub_hd_txts2 {color: #fff;font-size: 37px;letter-spacing: -3px;line-height: 40px;margin-top: 10px;}

.div_spec {border-top: 1px solid #eee; margin-top: 20px; padding-top: 15px; letter-spacing: -0.5px; font-size: 12px; color:#888}
.div_spec dd {float: left; margin-right: 25px;}
.div_spec dd:last-child {margin-right: 0px;}

.div_spec2 {margin-top: 20px; padding: 15px; letter-spacing: -0.5px; font-size: 12px; color:#666; background-color: #f9f9f9; border-radius: 4px;}
.div_spec2 dd {float: left; margin-right: 25px;}
.div_spec2 dd:last-child {margin-right: 0px;}

.item_div {position: relative;}
.more_ico {position: absolute; right:0px; top:-4px}

.swiper-slide1 {margin-top: 30px;}
.swiper-slide2 {margin-top: 30px; border-bottom: 1px solid #eee; padding-bottom: 30px;}
.sub_tit {color:#999;}
.sub_tit span {color:#000;}

.item_list2_l {float:left; width:20%;}
.item_list2_r {float:left; width:50%; padding-left: 5%;}
.item_list3_r {float:right; width:15%; text-align: right; padding-top: 50px;}
.item_list3_r span {font-size: 30px;}

.swiper-container2 {border-top:1px solid #eee; margin-top: 30px;}

.v_l {width: 60%; float:left;}
.v_r {width: 35%; float: right;}

.swiper-container3 {padding-bottom: 50px;}
.swiper-button-next1 {bottom:-21px !important; top:auto !important; right:-10px !important;}
.swiper-button-prev1 {bottom:-21px !important; top:auto !important; left:-5px !important;}

.v_tit {border-bottom: 1px solid #eee; padding-bottom: 25px;}
.v_spec {}
.v_spec ul {border-bottom: 1px solid #eee; padding-bottom: 18.5px; padding-top: 18.5px;}
.v_spec_t {width: 20%; float: left; color:#000; letter-spacing: -0.5px;}
.v_spec_s {width: 75%; float: left; padding-left: 5%; color:#0365ad; letter-spacing: -0.5px; font-size:13px; font-weight:600; }

.v_detail {border-top:3px solid #eee; margin-top:50px;}
.v_con {margin-top: 10px; letter-spacing: -0.5px;}
.v_con img {max-width: 100%;}

.v_btns {text-align: center; margin-top: 30px;}
.back_btn {background-color: #0d3e6e; color:#fff; height:40px; padding-left: 50px; padding-right: 50px; border-radius: 6px; border:0px;}
/* } */

/* 반응형 처리 { */
@media all and (max-width:1400px) {
    .div_1400px {width: auto;margin: 25px auto; padding-left:25px; padding-right: 25px; box-sizing: border-box;}
    
    .sub_hd_wrap {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    
    .sub_hd_txts1 {display: none;}
    .sub_hd_txts2 {font-size: 22px;letter-spacing: -2px;line-height: 40px;margin-top: 0px;}
    
    .item_list2_l {float:none; width:100%;}
    .item_list2_r {float:none; width:100%; padding-left: 0%; margin-top:20px;}
    .item_list3_r {display: none;}
    
    .v_l {width: 100%; float: none;}
    .v_r {width: 100%; float: none; margin-top: 20px;}
    
    .back_btn {width: 100%;}
    
    
}
/* } */

/* :: Hero Area CSS */
.hero-area {
  background-color: #232323;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .hero-area .backEnd-content .dots {
    position: absolute;
    right: -200px;
    top: 50%;
    z-index: -2;
    opacity: 0.1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .hero-area .hero-thumbnail,
  .hero-area .hero-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .hero-area .hero-thumbnail,
      .hero-area .hero-content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%; } }
  .hero-area .hero-content {
    height: 880px;
    padding: 100px 0; }
    .hero-area .hero-content .line {
      width: 100px;
      height: 1px;
      background-color: #ffffff;
      margin-bottom: 30px;
      display: block; }
    .hero-area .hero-content h2 {
      color: #ffffff;
      font-size: 48px;
      margin-bottom: 25px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero-area .hero-content h2 {
          font-size: 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .hero-area .hero-content h2 {
          font-size: 30px; } }
      @media only screen and (max-width: 767px) {
        .hero-area .hero-content h2 {
          font-size: 30px; } }
    .hero-area .hero-content p {
      color: #ffffff;
      margin-bottom: 30px; }
    .hero-area .hero-content.aboutUs {
      height: 1100px; }
      @media only screen and (max-width: 767px) {
        .hero-area .hero-content.aboutUs {
          height: auto; } }
    @media only screen and (max-width: 767px) {
      .hero-area .hero-content {
        height: auto; } }
  .hero-area .hero-thumbnail.aboutUs::before {
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    content: '';
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .hero-area .hero-thumbnail.aboutUs::before {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .hero-area .hero-thumbnail {
      height: 400px; } }