/*     722515 : 타이틀 텍스트      */
.index_w1200, .index_1200 {
    max-width: 1200px;
    margin: 0 auto;
}    
.max_h_sub {
      height: 915px;
      overflow: hidden;
      position: relative;
      width: 100%;
    }

    .main1_bg {
      width: 100%;
      margin: 0 auto;
      position: relative;
      height: 900px;
      margin-top: 0px;
      text-align: center;
      padding-top: 50px;
    }

    .new_main_text {
      text-align: left;
      position: absolute;
      bottom: 15%;
      left: 20%;
      overflow: hidden;
      z-index: 10;
    }

    .max50px {
      overflow: hidden !important;
    }

    .sub_color {
      color: #676057 !important;
    }

    .sub_btns {
      width: 100%;
      display: inline-block;
      background: #7f6a60 !important;
      height: auto;
      color: #fff;
    }

    .on_cyss {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      background: rgba(70, 170, 164, 0.2);
      position: absolute;
      position: absolute;
      bottom: 20%;
      left: 15%;
      z-index: 1
    }

    @media only screen and (max-width: 900px) {
      .max50px {
        height: auto;
        overflow: hidden !important;
      }

      .max_h_sub {
        height: 600px;
        overflow: hidden;
        position: relative;
        width: 100%;
      }

      .main1_bg {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: 600px;
        margin-top: 0px;
        text-align: center;
        padding-top: 50px;
      }

      .new_main_text {
        text-align: left;
        position: absolute;
        bottom: 10%;
        left: 10%;
        overflow: hidden;
      }

      .sub_color {
        color: #676057 !important;
      }

      .on_cyss {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background: rgba(70, 170, 164, 0.2);
        position: absolute;
        position: absolute;
        bottom: 15%;
        left: 5%;
      }
    }


    .text-focus-in {
      -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
      animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
    }

   
    @-webkit-keyframes text-focus-in {
      0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
      }

      100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
      }
    }

    @keyframes text-focus-in {
      0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
      }

      100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
      }
    }
  

  
    .cu_t_wrap {
      width: 96%;
      height: auto;
      margin-left: 2%;
      display: inline-block;
      border-top: 1px solid #fafafa;
      padding-top: 20px;
      padding-bottom: 30px;
    }

    #bo_cate #bo_cate_on {
      z-index: 2;
      color: #46aaa4;
      position: relative;
    }

    #bo_cate #bo_cate_on:before {
      z-index: 2;
      position: absolute;
      width: 100%;
      height: 3px;
      background: #46aaa4;
      bottom: 0px;
      left: 0px;
      content: '';
    }

    #bo_cate ul {
      text-align: center;
    }

    #bo_cate ul:after {
      display: block;
      visibility: hidden;
      clear: both;
      content: ""
    }

    #bo_cate li {
      margin-bottom: -1px;
      width: auto;
      margin: 0.1%;
      display: inline-block;
    }

    #bo_cate a {
      display: block;
      position: relative;
      margin-left: -1px;
      height: 50px;
      padding: 0 35px 0 35px;
      line-height: 50px;
      padding-top: 0px;
      background: #fafafa;
      color: #888;
      text-align: center;
      cursor: pointer;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      font-family: 'Pretendard-Light';
    }

    #bo_cate a:hover {
      display: block;
      position: relative;
      margin-left: -1px;
      height: 50px;
      line-height: 50px;
      padding-top: 0px;
      background: #fafafa;
      color: #888;
      text-align: center;
      cursor: pointer;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

    #bo_cate a:focus,
    #bo_cate a:hover,
    #bo_cate a:active {
      text-decoration: none
    }

    @media screen and (max-width:900px) {
	.list_noms{padding:40px 0;}
      .bo_cate_sel {
        width: 100%;
        padding: .8em .4em;
        padding-left: 12px;
        border: 1px solid #eee;
        background: url(/img_up/shop_pds/sample05/pc_img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 99% 50%;
        background-size: 20px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 16px;
        color: #000;
        margin-top: 3px;
      }

      .bo_sch select {
        width: 100%;
        padding: .8em .4em;
        padding-left: 12px;
        border: 1px solid #eee;
        background: url(/img_up/shop_pds/sample05/pc_img/baseline_keyboard_arrow_down_black_18dp.png) no-repeat 99% 50%;
        background-size: 20px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 16px;
        color: #000;
        margin-top: 3px;
      }

      .bo_cate_sel:hover {
        border-color: #ddd;
      }

      .bo_cate_sel:focus {
        border-color: #ddd;
      }



    }


   .bg_img1 {
      background: url(/img_up/shop_pds/sample05/pc_img/sub3.jpg) 75%;
      background-size: cover;
    }


    .text-focus-in {
      -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
      animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) 0.5s both;
    }

 
    @-webkit-keyframes text-focus-in {
      0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
      }

      100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
      }
    }

    @keyframes text-focus-in {
      0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
      }

      100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
      }
    }


    .index_w90 {
      max-width: 1300px;
    }

    html,
    body {
      width: 100%;
      overflow-x: hidden;
    }

    .section1 {
      position: relative;
      width: 100%;
      height: auto;
    }

    .w_80s_main {
      max-width: 95%;
      margin: 0 auto;
    }

    .tit_wap {
      width: 95%;
      max-width: 1400px;
      margin: 0 auto;
    }

    .text_wraps_main {
      width: 60%;
      float: left;
      padding: 6%;
    }

    .img_wraps_main {
      width: 40%;
      float: left;
      padding-top: 3%;
      overflow: hidden;
      max-height: 400px;
    }

    .line_gr {
      width: 100px;
      height: 2px;
      background: #CCC;
    }

    .line_w {
      width: 100px;
      height: 2px;
      background: #fff;
    }

    .nom_po {
      position: relative;
    }

    .nom_po:before {
      position: absolute;
      content: '';
      width: 100%;
      height: 2px;
      background: #999;
      bottom: -10px;
      left: 0px;
    }

    @media only screen and (max-width: 900px) {
      .tit_wap {
        width: 95%;
        max-width: 1400px;
        margin: 0 auto;
      }

      .text_wraps_main {
        width: 100%;
        float: left;
        padding: 6%;
      }

      .img_wraps_main {
        width: 100%;
        float: left;
      }

      .line_gr {
        width: 100px;
        height: 2px;
        background: #CCC;
      }

      .line_w {
        width: 100px;
        height: 2px;
        background: #fff;
      }

      .nom_po {
        position: relative;
      }

      .nom_po:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background: #999;
        bottom: -10px;
        left: 0px;
      }
    }

    .index_part3 {
      background: #fafafa;
      width: 100%;
      height: auto;
      display: inline-block;
    }

    .index_part4 {
      background: #fafafa;
      width: 100%;
      height: auto;
      display: inline-block;
    }

    .imms {
      -webkit-transform: scale(1.0);
      /*  크롬 */
      -moz-transform: scale(1.0);
      /* FireFox */
      -o-transform: scale(1.0);
      /* Opera */
      transform: scale(1.0);
      -transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

    .img_wraps_main:hover .imms {
      -webkit-transform: scale(1.1);
      /*  크롬 */
      -moz-transform: scale(1.1);
      /* FireFox */
      -o-transform: scale(1.1);
      /* Opera */
      transform: scale(1.1);
      -transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      opacity: 1;
      z-index: 100;
    }

 
    .list_noms {
      width: 100%;
      height: auto;
      background: #fff;
      display: inline-block;
      padding: 100px 0 100px 0;
      text-align: center;
      margin-top: -20px;
    }

      .items_b {
        width: 20%;
        padding: 2%;
        display: inline-block;
        height: auto;
        background: #fafafa;
        border-radius: 20px;
      }

      .step_1s {
        width: auto;
        text-align: center;
      }

      .step_box {
        width: auto;
        padding: 5px;
        border-radius: 10px;
      }

      .step_1saw {
        width: 5%;
        padding: 0%;
        display: inline-block;
        height: auto;
        vertical-align: top;
        padding-top: 80px;
        display: none;
      }


.items_b.ppc{margin:0 auto;}
      @media only screen and (max-width: 900px) {
			.list_noms{padding:40px 0;}
			.items_b.ppc{display:block; margin-bottom:20px;}
        .items_b {
          width: 80%;
          padding: 20px;
          display: block;
          margin: 0 auto;
          height: auto;
          background: #fafafa;
          border-radius: 20px;
        }

        .step_1s {
          width: auto;
          text-align: center;
        }

        .step_box {
          width: auto;
          padding: 5px;
          border-radius: 10px;
        }

        .step_1saw {
          width: 5%;
          padding: 5% 0 5% 0;
          display: none;
          margin: 0 auto;
          height: auto;
          vertical-align: top;
          padding-top: 0px;
        }

        .step_1saw img {
          transform: rotate(90deg);
        }


      }




    .all_text_bgs {
      width: 100%;
      height: auto;
      display: inline-block;
      background: url("/img_up/shop_pds/sample05/pc_img/main_fw_bg.jpg")fixed center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 300px 0 00px 0;
    }

    .w_story {
      max-width: 1400px;
      margin: 0 auto;
    }

    .story_box {
      width: 15%;
      float: left;
    }

    .str_text_box {
      width: 85%;
      float: left;
      padding-left: 5%;
    }

    .story_01 {
      width: auto;
      float: left;
      padding-right: 20px;
    }

    .story_02 {
      width: auto;
      float: left;
    }

    .story_text1 {
      margin-bottom: 8px;
    }

    .story_text4 {
      margin-bottom: 12px;
    }

    .story_text11 {
      margin-bottom: 2px;
    }

    @media only screen and (max-width: 900px) {
      .all_text_bgs {
        width: 100%;
        height: auto;
        display: inline-block;
        background: url("/img_up/shop_pds/sample05/pc_img/main_fw_bg.jpg")fixed center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 100px 0 00px 0;
      }

      .w_story {
        max-width: 90%;
        margin: 0 auto;
      }

      .story_box {
        width: 100%;
        float: left;
      }

      .str_text_box {
        width: 100%;
        float: left;
        padding-left: 0%;
        padding-top: 50px;
      }

      .str_text_box {
        text-align: center;
      }

      .story_01 {
        width: 100%;
        float: left;
        padding-right: 0px;
        text-align: center;
      }

      .story_01 div {
        display: inline-block;
      }

      .story_02 {
        width: 100%;
        float: left;
        clear: both;
        text-align: center;
      }

      .story_02 div {
        display: inline-block;
      }

      .story_text1 {
        margin-bottom: 8px;
      }

      .story_text4 {
        margin-bottom: 12px;
      }

      .story_text11 {
        margin-bottom: -5px;
      }
    }

    .btn_ov {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      padding: 15px 20px 15px 20px;
      border: 2px solid #e2d5b7 !important;
      border-radius: 5px !important;
      color: #e2d5b7 !important;

    }

    .btn_ov:hover {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      background: #e2d5b7 !important;
      border: 2px solid #e2d5b7 !important;
      color: #fff !important;
      border-radius: 0px !important;

    }



    .doc_tor_ws {
      background: #fafafa;
      display: inline-block;
      padding: 180px 0 80px 0;
      width: 100%;
      margin-top: -10px;
    }

    .color_gys {
      color: #888783;
    }

    @media all and (max-width: 900px) {
      .doc_tor_ws {
        background: #fafafa;
        display: inline-block;
        ;
        padding: 100px 0 80px 0;
        width: 100%;
        margin-top: -10px;
      }

      .color_gys {
        color: #888783;
      }
    }


          .box_doctors {
            width: 48%;
            margin: 1%;
            float: left;
          }

          .dc_img_box {
            width: 100%;
            height: auto;
            overflow: hidden;
          }

          .dc_text_box {
            padding-top: 30px;
          }

          .dc_img_box img {
            width: 100%;
          }

          @media all and (max-width: 900px) {
            .box_doctors {
              width: 100%;
              margin: 1%;
              float: left;
            }

            .dc_img_box {
              width: 100%;
              height: auto;
              overflow: hidden;
            }

            .dc_img_box img {
              width: 100%;
            }

            .dc_text_box {
              padding: 30px;
            }

            .ls_left {
              text-align: left !important;
            }
          }
  

    .program_ws {
      width: 100%;
      height: auto;
      display: inline-block;
      padding: 150px 0 150px 0;
      background: url("/img_up/shop_pds/sample05/pc_img/happy_on_bg.jpg")center top;
      margin-top: -10px;
    }

    .pro_maxw {
      max-width: 1300px;
      margin: 0 auto;
      width: 95%;
    }

    .pro_texts1 {
      float: left;
      width: 50%;
    }

    .pro_texts2 {
      float: left;
      width: 50%;
    }


    @media all and (max-width: 900px) {
      .program_ws {
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 100px 0 150px 0;
        background: url("/img_up/shop_pds/sample05/pc_img/happy_on_bg.jpg")center top;
      }

      .pro_maxw {
        max-width: 1300px;
        margin: 0 auto;
        width: 90%;
      }

      .pro_texts1 {
        float: left;
        width: 100%;
      }

      .pro_texts2 {
        float: left;
        width: 100%;
        padding-top: 50px;
      }
    }


        .all_conss {
          width: 100%;
          text-align: center;
        }

        .probox_conts {
          width: 30%;
          margin: 1%;
          display: inline-block;
          vertical-align: top;
        }

        .probox_cons_img {
          overflow: hidden;
        }

        .probox_cons_text {
          text-align: left;
          padding: 20px;
        }

        @media all and (max-width: 900px) {
          .all_conss {
            width: 100%;
            text-align: center;
          }

          .probox_conts {
            width: 100%;
            margin: 1%;
            display: inline-block;
            vertical-align: top;
          }

          .probox_cons_img {
            overflow: hidden;
            max-height: 200px;
          }

          .probox_cons_img img {
            margin-left: -10%;
            width: 100%;
          }

          .probox_cons_text {
            text-align: left;
            padding: 20px;
          }
        }




    .pr_warp {
      background: #d8e2e1;
      width: 100%;
      height: auto;
      display: inline-block;
      padding: 100px 0 100px 0;
    }

    .pr_cont {
      width: 46%;
      float: left;
      margin-right: 2%;
      margin-left: 2%;
      border-top: 1px solid #8eb0ae;
      margin-bottom: 50px;
    }

    .img_boxs_pr {

      margin-top: 20px;
    }

    @media only screen and (max-width: 900px) {
      .pr_warp {
        background: #d8e2e1;
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 100px 0 100px 0;
        text-align: center;
      }

      .pr_cont {
        width: 47%;
        float: none;
        display: inline-block;
        margin-right: 0.5%;
        margin-left: 0.5%;
        border-top: 0px solid #8eb0ae;
        margin-bottom: 20px;
        padding: 2%;
        vertical-align: top;
      }

      .img_boxs_pr {

        margin-top: 0px;
        border-radius: 10px;
      }

      .num_s {
        background: #fff;
        position: relative;
        float: auto;
        top: -5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 0px;
        right: 0;
        margin: auto;
        text-align: center;
        border-radius: 50%;
        display: block;
        margin: 0 auto;
      }

    }



    .qnaw {
      max-width: 1200px;
      width: 95%;
      margin: 0 auto;
    }

    .collapsible {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
      clear: both;
      margin: 20px;
      border-bottom: 1px solid #eee;
      padding-bottom: 20px;
    }

    .cy_q {
      float: left;
      width: 30px;
      height: 30px;
      text-align: center;
      color: #fff;
      margin-right: 20px;
      border-radius: 50%;
      font-size: 18px;
      line-height: 30px;
    }

    .title_qa a {
      color: #333;
    }

    a {
      text-decoration: none;
    }

    .content_qa {
      background: #f1f1f1;
      clear: both;
      width: 100%;
      height: auto;
      padding: 30px;
      margin-top: 30px;
      position: relative;
      border-radius: 20px;
    }

    .content_qa:before {
      content: '▲';
      color: #f1f1f1;
      position: absolute;
      top: -11px;
      left: 12px;

    }

    .bg_gy {
      width: 100%;
      height: auto;
      background: #f9f9f9;
      padding: 50px 0 50px 0;
    }

    .box_bors {
      background: #f5f5f5;
      border: 2px dotted #f1f1f1;
      text-align: center;
    }

    @media only screen and (max-width: 900px) {
      .collapsible {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
        clear: both;
        margin: 0px;
        border-bottom: 0px solid #f1f1f1;
        padding-bottom: 20px;
      }

      .cy_q {
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;
        color: #fff;
        margin-right: 20px;
        border-radius: 50%;
        font-size: 14px;
        line-height: 30px;
      }

      .title_qa a {
        color: #333;
        word-break: keep-all;
      }

      a {
        text-decoration: none;
      }

      .content_qa {
        background: #f1f1f1;
        clear: both;
        width: 100%;
        height: auto;
        padding: 30px;
        margin-top: 30px;
        position: relative;
        border-radius: 20px;
      }

      .content_qa:before {
        content: '▲';
        color: #f1f1f1;
        position: absolute;
        top: -11px;
        left: 12px;
        font-size: 20px;
      }

      .bg_gy {
        width: 100%;
        height: auto;
        background: #f9f9f9;
        padding: 50px 0 50px 0;
      }

      .box_bors {
        background: #f5f5f5;
        border: 2px dotted #f1f1f1;
        text-align: center;
      }

      .content_sub_font {
        word-break: keep-all;
      }
    }

  
    .ov_eff {
      overflow: hidden;
    }

    .contactw {
      width: 100%;
      height: auto;
      display: inline-block;
      background: none;
      margin-top: -10px;
    }

    .contact {
      max-width: 1200px;
      margin: 0 auto;
    }

    .cons_t1 {
      width: 50%;
      float: left;
    }

    .cons_t2 {
      width: 50%;
      padding-left: 5%;
      float: left;
      position: relative;
    }

    @media all and (max-width: 900px) {
      .contactw {
        width: 95%;
        height: auto;
        display: block;
        margin: 0 auto;
        background: linear-gradient(90deg, #f7f7f7 100%, #f7f7f7 0%);
      }

      .contact {
        max-width: 1200px;
        margin: 0 auto;
      }

      .cons_t1 {
        width: 100%;
        display: block;
        text-align: left;
      }

      .cons_t2 {
        width: 100%;
        padding-left: 0%;
        float: left;
        position: relative;
      }
    }

    .index_color3 {
      color: #4c5e6e;
    }

    @font-face {
      font-family: 'GmarketSansBold';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
    }

    .nomss {
      font-family: 'GmarketSansBold';
    }

    .tit_foots {
      float: left;
      padding-right: 20px
    }

    .tit_foots2 {
      float: left;
    }
  

 
          .btn_boxs3 {
            width: 40%;
            margin: 1%;
            height: 50px;
            border-radius: 30px;
            line-height: 50px;
            border: 2px #46aba6 solid;
            text-align: center;
            float: left;
            position: relative;
          }

          .btn_boxs3:before {
            content: " + ";
            position: absolute;
            right: 20px;
            top: 0px;
            text-align: center;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

          .btn_boxs3:hover:before {
            content: " → ";
            position: absolute;
            right: 15px;
            top: 0px;
            text-align: center;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

          @media all and (max-width: 900px) {
            .btn_boxs3 {
              width: 48%;
              margin: 1%;
              height: 50px;
              border-radius: 5px;
              line-height: 50px;
              border: 2px #46aba6 solid;
              text-align: center;
              float: left;
              position: relative;
            }

            .btn_boxs3:before {
              content: " + ";
              position: absolute;
              right: 20px;
              top: 0px;
              text-align: center;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
            }

            .btn_boxs3:hover:before {
              content: " → ";
              position: absolute;
              right: 15px;
              top: 0px;
              text-align: center;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
            }
          }
      

          /* 탭 전체 스타일 */
          .tabs {
            margin-top: 0px;
            padding-bottom: 40px;
            background-color: #fff;

            width: 100%;
            margin: 0 auto;
          }

          /* 탭 스타일 */
          .tab_item {
            width: calc(100%/2);
            height: 50px;

            background-color: #f8f8f8;
            line-height: 50px;
            font-size: 16px;
            text-align: center;
            color: #4c5a6a;
            display: block;
            float: left;
            text-align: center;
            font-weight: bold;
            transition: all 0.2s ease;
          }

          .tab_item:hover {
            opacity: 0.75;
          }

          /* 라디오 버튼 UI삭제*/
          input[name="tab_item"] {
            display: none;
          }

          /* 탭 컨텐츠 스타일 */
          .tab_content {
            display: none;
            padding: 0px 0px 0;
            clear: both;
            overflow: hidden;
          }


          /* 선택 된 탭 콘텐츠를 표시 */
          #all:checked~#all_content,
          #programming:checked~#programming_content,
          #design:checked~#design_content {
            display: block;
          }

          /* 선택된 탭 스타일 */
          .tabs input:checked+.tab_item {
            background-color: #4c5a6a;
            color: #fff;
          }
   

    .maxss {
      max-width: 1400px;
      margin: 0 auto;
    }

    .footer_con_w {
      width: 100%;
      height: auto;
      text-align: center;
    }

    .con_wws {
      width: 30%;
      min-width: 350px;
      display: inline-block;
      padding: 2%;
      position: relative;
      vertical-align: top;
    }

    .con_wws:before {
      position: absolute;
      content: '';
      width: 1px;
      height: 60%;
      right: 0px;
      top: 20%;
      background: #f7f7f7;
    }

    .conss {
      width: 117px;
      float: left;
      width: 30%;
      vertical-align: top;
    }

    .text_cons {
      width: auto;
      min-width: 245px;
      float: left;
      width: 70%;
      color: #fff;
      vertical-align: top;
      text-align: left;
      padding-left: 3%;
    }

    .ppt1 {
      padding-top: 25px;
    }

    .ppt2 {
      padding-top: 0px;
    }

    .ppt3 {
      padding-top: 10px;
    }

    @media all and (max-width: 900px) {
      .maxss {
        max-width: 1400px;
        margin: 0 auto;
      }

      .footer_con_w {
        width: 100%;
        height: auto;
        text-align: center;
      }

      .con_wws {
        width: 100%;
        min-width: 350px;
        display: inline-block;
        padding: 2%;
        position: relative;
        vertical-align: top;
      }

      .con_wwsp:before {
        position: absolute;
        content: '';
        width: 95%;
        height: 1%;
        right: 2.5%;
        top: auto;
        bottom: 0px;
        background: #f7f7f7;
      }

      .conss {
        width: 117px;
        float: left;
        width: 30%;
        vertical-align: top;
      }

      .text_cons {
        width: auto;
        min-width: 245px;
        float: left;
        width: 70%;
        color: #fff;
        vertical-align: top;
        text-align: left;
        padding-left: 3%;
      }

      .ppt1 {
        padding-top: 25px;
      }

      .ppt2 {
        padding-top: 0px;
      }

      .ppt3 {
        padding-top: 10px;
      }

    }



		.btn_ov{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 15px 50px 15px 50px;
	border: 91cff2px solid #4c5a6a!important;
	border-radius: 5px!important;
			background: #91cff2!important;
			color: #fff!important;
		
	}
	
	.btn_ov:hover{-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
		background:#4c5a6a!important;
		border: 2px solid #4c5a6a!important;
		color: #fff!important;
		border-radius:0px!important;
		
	}
	.under_line{position: relative;}
	.under_line:before{width: 100%; height: 1px; background: #333;  position: absolute; content: ''; bottom: -2px;}
	.under_line2{position: relative;}
	.under_line2:before{width: 100%; height: 1px; background: #46aaa4;  position: absolute; content: ''; bottom: -2px;}
	.under_line3{position: relative;}
	.under_line3:before{width: 100%; height: 1px; background: #505e6d;  position: absolute; content: ''; bottom: -2px;}
	.index_line{width: 100px;  height: 2px; background: #fff; opacity: 0.2}
.index_color_sub{color: #fff!important; text-shadow: 1px 2px 1px rgba(000,000,000,0) }	
.index_line2{width: 100px;  height: 2px; background: #fff; opacity: 0.2}
.index_color_sub2{color: #333!important; text-shadow: 1px 2px 1px rgba(000,000,000,0) }		
	.line_w100{width: 100%; height: 1px; background: #eee;}
	.index_w1200,.index_1200{max-width: 1200px; margin: 0 auto;}
.main1_bg{
	animation-name: fadeIn;
		animation-fill-mode: forwards;
	-webkit-animation-name: fadeIn;	
	animation-duration: 4.5s;	
	-webkit-animation-duration: 4.5s;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

}

@keyframes fadeIn {
	0% {
		transform: scale(1);
		opacity: 1;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(1.1);
		opacity: 1;	
	}	
	100% {
		transform: scale(1.1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(1.1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1.1);
		opacity: 1;	
	}		
}


.map__2516465__ iframe {width:100%;vertical-align:top}
.map__2516465__ p {display:none;margin:0;padding:1em 0;font-size:13px}
.map__2516465__ .build_preview__2516465__ {display:table;width:100%}
.map__2516465__ .build_preview__2516465__ .inner__2516465__ {display:table-cell;height:300px;border:1px solid #ddd;background:#f8f8f8;text-align:center;vertical-align:middle}
.map__2516465__ .build_preview__2516465__ .inner__2516465__ .subject__2516465__ {display:block;font-size:16px;font-weight:bold}
.map__2516465__ .build_preview__2516465__ .inner__2516465__ .exp_text__2516465__ {display:block;margin-top:10px;font-weight:normal;font-size:13px;color:#777}
.tabs iframe{height:300px;}