@charset "UTF-8";
/*grid*/
.row, [class*="row_"] {
  zoom: 1; }
  .row:before, .row:after, [class*="row_"]:before, [class*="row_"]:after {
    content: '';
    display: table; }
  .row:after, [class*="row_"]:after {
    clear: both; }

.row [class*='col-'], [class*="row_"] [class*='col-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  float: left; }

.row {
  margin-right: -15px;
  margin-top: -15px; }
  .row > [class*='col-'] {
    padding-right: 15px;
    padding-top: 15px; }

.row_10 {
  margin-right: -10px;
  margin-top: -10px; }
  .row_10 > [class*="col-"] {
    padding-right: 10px;
    padding-top: 10px; }

.row_20 {
  margin-right: -20px;
  margin-top: -20px; }
  .row_20 > [class*="col-"] {
    padding-right: 20px;
    padding-top: 20px; }

.row_30 {
  margin-right: -30px;
  margin-top: -30px; }
  .row_30 > [class*="col-"] {
    padding-right: 30px;
    padding-top: 30px; }

.row_40 {
  margin-right: -40px;
  margin-top: -40px; }
  .row_40 > [class*="col-"] {
    padding-right: 40px;
    padding-top: 40px; }

@media screen and (max-width: 1024px) {
  .row_lg_20 {
    margin-right: -20px;
    margin-top: -20px; }
    .row_lg_20 > [class*="col-"] {
      padding-right: 20px;
      padding-top: 20px; }
  .row_lg_15 {
    margin-right: -15px;
    margin-top: -15px; }
    .row_lg_15 > [class*="col-"] {
      padding-right: 15px;
      padding-top: 15px; }
  .row_lg_10 {
    margin-right: -10px;
    margin-top: -10px; }
    .row_lg_10 > [class*="col-"] {
      padding-right: 10px;
      padding-top: 10px; } }

@media screen and (max-width: 768px) {
  .row_sm_5 {
    margin-right: -5px;
    margin-top: -5px; }
    .row_sm_5 > [class*="col-"] {
      padding-right: 5px;
      padding-top: 5px; }
  .row_sm_10 {
    margin-right: -10px;
    margin-top: -10px; }
    .row_sm_10 > [class*="col-"] {
      padding-right: 10px;
      padding-top: 10px; }
  .row_sm_20 {
    margin-right: -20px;
    margin-top: -20px; }
    .row_sm_20 > [class*="col-"] {
      padding-right: 20px;
      padding-top: 20px; } }

@media screen and (max-width: 500px) {
  .row_xs_30 {
    margin-right: -30px;
    margin-top: -30px; }
    .row_xs_30 > [class*="col-"] {
      padding-right: 30px;
      padding-top: 30px; } }

.col-grid-0 {
  display: none; }

.col-grid-05 {
  width: 4.16667%; }

.col-grid-1 {
  width: 8.33333%; }

.col-grid-15 {
  width: 12.5%; }

.col-grid-2 {
  width: 16.66667%; }

.col-grid-25 {
  width: 20.83333%; }

.col-grid-225 {
  width: 20%; }

.col-grid-3 {
  width: 25%; }

.col-grid-35 {
  width: 29.16667%; }

.col-grid-4 {
  width: 33.33333%; }

.col-grid-45 {
  width: 37.5%; }

.col-grid-5 {
  width: 41.66667%; }

.col-grid-55 {
  width: 45.83333%; }

.col-grid-6 {
  width: 50%; }

.col-grid-65 {
  width: 54.16667%; }

.col-grid-7 {
  width: 58.33333%; }

.col-grid-75 {
  width: 62.5%; }

.col-grid-8 {
  width: 66.66667%; }

.col-grid-85 {
  width: 70.83333%; }

.col-grid-9 {
  width: 75%; }

.col-grid-95 {
  width: 79.16667%; }

.col-grid-10 {
  width: 83.33333%; }

.col-grid-105 {
  width: 87.5%; }

.col-grid-11 {
  width: 91.66667%; }

.col-grid-115 {
  width: 95.83333%; }

.col-grid-12 {
  width: 100%; }

@media screen and (max-width: 1280px) {
  .col-lag-0 {
    display: none; }
  .col-lag-05 {
    width: 4.16667%; }
  .col-lag-1 {
    width: 8.33333%; }
  .col-lag-15 {
    width: 12.5%; }
  .col-lag-2 {
    width: 16.66667%; }
  .col-lag-25 {
    width: 20.83333%; }
  .col-lag-225 {
    width: 20%; }
  .col-lag-3 {
    width: 25%; }
  .col-lag-35 {
    width: 29.16667%; }
  .col-lag-4 {
    width: 33.33333%; }
  .col-lag-45 {
    width: 37.5%; }
  .col-lag-5 {
    width: 41.66667%; }
  .col-lag-55 {
    width: 45.83333%; }
  .col-lag-6 {
    width: 50%; }
  .col-lag-65 {
    width: 54.16667%; }
  .col-lag-7 {
    width: 58.33333%; }
  .col-lag-75 {
    width: 62.5%; }
  .col-lag-8 {
    width: 66.66667%; }
  .col-lag-85 {
    width: 70.83333%; }
  .col-lag-9 {
    width: 75%; }
  .col-lag-95 {
    width: 79.16667%; }
  .col-lag-10 {
    width: 83.33333%; }
  .col-lag-105 {
    width: 87.5%; }
  .col-lag-11 {
    width: 91.66667%; }
  .col-lag-115 {
    width: 95.83333%; }
  .col-lag-12 {
    width: 100%; } }

@media screen and (max-width: 1024px) {
  .col-lg-0 {
    display: none; }
  .col-lg-05 {
    width: 4.16667%; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-15 {
    width: 12.5%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-25 {
    width: 20.83333%; }
  .col-lg-225 {
    width: 20%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-35 {
    width: 29.16667%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-45 {
    width: 37.5%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-55 {
    width: 45.83333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-65 {
    width: 54.16667%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-75 {
    width: 62.5%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-85 {
    width: 70.83333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-95 {
    width: 79.16667%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-105 {
    width: 87.5%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-115 {
    width: 95.83333%; }
  .col-lg-12 {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .col-sm-0 {
    display: none; }
  .col-sm-05 {
    width: 4.16667%; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-15 {
    width: 12.5%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-25 {
    width: 20.83333%; }
  .col-sm-225 {
    width: 20%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-35 {
    width: 29.16667%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-45 {
    width: 37.5%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-55 {
    width: 45.83333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-65 {
    width: 54.16667%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-75 {
    width: 62.5%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-85 {
    width: 70.83333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-95 {
    width: 79.16667%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-105 {
    width: 87.5%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-115 {
    width: 95.83333%; }
  .col-sm-12 {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .col-xs-0 {
    display: none; }
  .col-xs-05 {
    width: 4.16667%; }
  .col-xs-1 {
    width: 8.33333%; }
  .col-xs-15 {
    width: 12.5%; }
  .col-xs-2 {
    width: 16.66667%; }
  .col-xs-25 {
    width: 20.83333%; }
  .col-xs-225 {
    width: 20%; }
  .col-xs-3 {
    width: 25%; }
  .col-xs-35 {
    width: 29.16667%; }
  .col-xs-4 {
    width: 33.33333%; }
  .col-xs-45 {
    width: 37.5%; }
  .col-xs-5 {
    width: 41.66667%; }
  .col-xs-55 {
    width: 45.83333%; }
  .col-xs-6 {
    width: 50%; }
  .col-xs-65 {
    width: 54.16667%; }
  .col-xs-7 {
    width: 58.33333%; }
  .col-xs-75 {
    width: 62.5%; }
  .col-xs-8 {
    width: 66.66667%; }
  .col-xs-85 {
    width: 70.83333%; }
  .col-xs-9 {
    width: 75%; }
  .col-xs-95 {
    width: 79.16667%; }
  .col-xs-10 {
    width: 83.33333%; }
  .col-xs-105 {
    width: 87.5%; }
  .col-xs-11 {
    width: 91.66667%; }
  .col-xs-115 {
    width: 95.83333%; }
  .col-xs-12 {
    width: 100%; } }

@media screen and (max-width: 380px) {
  .col-xxs-0 {
    display: none; }
  .col-xxs-05 {
    width: 4.16667%; }
  .col-xxs-1 {
    width: 8.33333%; }
  .col-xxs-15 {
    width: 12.5%; }
  .col-xxs-2 {
    width: 16.66667%; }
  .col-xxs-25 {
    width: 20.83333%; }
  .col-xxs-225 {
    width: 20%; }
  .col-xxs-3 {
    width: 25%; }
  .col-xxs-35 {
    width: 29.16667%; }
  .col-xxs-4 {
    width: 33.33333%; }
  .col-xxs-45 {
    width: 37.5%; }
  .col-xxs-5 {
    width: 41.66667%; }
  .col-xxs-55 {
    width: 45.83333%; }
  .col-xxs-6 {
    width: 50%; }
  .col-xxs-65 {
    width: 54.16667%; }
  .col-xxs-7 {
    width: 58.33333%; }
  .col-xxs-75 {
    width: 62.5%; }
  .col-xxs-8 {
    width: 66.66667%; }
  .col-xxs-85 {
    width: 70.83333%; }
  .col-xxs-9 {
    width: 75%; }
  .col-xxs-95 {
    width: 79.16667%; }
  .col-xxs-10 {
    width: 83.33333%; }
  .col-xxs-105 {
    width: 87.5%; }
  .col-xxs-11 {
    width: 91.66667%; }
  .col-xxs-115 {
    width: 95.83333%; }
  .col-xxs-12 {
    width: 100%; } }

.point {
  color: #153eb1 !important; }

.point2 {
  color: #0078ff !important; }

.point3 {
  color: #005bbb !important; }

.black {
  color: #212121 !important; }

.c_white {
  color: #fff !important; }

.bold {
  font-weight: 700 !important; }

.reg {
  font-weight: 400 !important; }

.light {
  font-weight: 300 !important; }

.underline {
  text-decoration: underline !important; }

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

.va_wrap {
  text-align: center;
  white-space: nowrap; }

.va_wrap img {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100%;
  max-height: 100%; }

.va {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 100%; }

.va_tt {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: auto;
  height: auto;
  white-space: normal; }

.wrapper {
  margin: 0 auto;
  width: 97%;
  max-width: 1200px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .wrapper {
      width: 95%; } }
  @media screen and (max-width: 768px) {
    .wrapper {
      width: 92%; } }

.wrapper2 {
  margin: 0 auto;
  width: 97%;
  max-width: 1800px;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .wrapper2 {
      width: 95%; } }
  @media screen and (max-width: 768px) {
    .wrapper2 {
      width: 92%; } }

.cl {
  clear: both !important;
  display: block; }

.img_src {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover; }

/*박스라인*/
.line_ani,
.line_ani_wrap {
  position: relative;
  z-index: inherit; }

@media screen and (max-width: 1024px) {
  .m_hide {
    display: none; } }

.m_show {
  display: none; }
  @media screen and (max-width: 1024px) {
    .m_show {
      display: block; } }

@media screen and (max-width: 768px) {
  .sm_hide {
    display: none; } }

.sm_show {
  display: none; }
  @media screen and (max-width: 768px) {
    .sm_show {
      display: block; } }

body.fix, html.fix {
  overflow-y: hidden; }

/* // 헤더    -------------------------------------------------*/
#header {
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  width: 100%;
  z-index: 100;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease; }
  @media screen and (max-width: 1024px) {
    #header {
      top: 30px; } }
  @media screen and (max-width: 500px) {
    #header {
      top: 20px; } }
  #header.on, #header.sub_h {
    top: 0 !important;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
    #header.on .logo a, #header.sub_h .logo a {
      background-image: url(../images/inc/logo_color.png); }
    #header.on .gnb_area, #header.sub_h .gnb_area {
      display: block; }
    #header.on .language, #header.sub_h .language {
      border-color: #ccc; }
      #header.on .language .on_txt, #header.sub_h .language .on_txt {
        color: #666;
        background-image: url(../images/inc/lang_i_on.png); }
        #header.on .language .on_txt:after, #header.sub_h .language .on_txt:after {
          color: #666; }
    #header.on .nav_btn, #header.sub_h .nav_btn {
      background: #fff; }
  #header .logo a {
    width: 160px;
    height: 100px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/inc/logo.png);
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 1280px) {
      #header .logo a {
        width: 135px; } }
    @media screen and (max-width: 1024px) {
      #header .logo a {
        height: 70px; } }
    @media screen and (max-width: 500px) {
      #header .logo a {
        width: 110px;
        height: 65px; } }
  #header .gnb_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-size: 0;
    display: none; }
    @media screen and (max-width: 1024px) {
      #header .gnb_area {
        display: none !important; } }
    #header .gnb_area .wrapper {
      width: 100%; }
    #header .gnb_area .left {
      margin-left: -45px; }
      @media screen and (max-width: 1580px) {
        #header .gnb_area .left {
          margin-left: 6%; } }
      @media screen and (max-width: 1280px) {
        #header .gnb_area .left {
          margin-left: 9%; } }
      #header .gnb_area .left .m_4,
      #header .gnb_area .left .m_5,
      #header .gnb_area .left .m_6 {
        display: none; }
    #header .gnb_area .right {
      margin-right: -45px; }
      @media screen and (max-width: 1580px) {
        #header .gnb_area .right {
          margin-right: 6%; } }
      @media screen and (max-width: 1280px) {
        #header .gnb_area .right {
          margin-right: 9%; } }
      #header .gnb_area .right .m_1,
      #header .gnb_area .right .m_2,
      #header .gnb_area .right .m_3 {
        display: none; }
    #header .gnb_area .depth01 {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      #header .gnb_area .depth01 > a {
        display: block;
        height: 100px;
        line-height: 100px;
        font-size: 16px;
        font-weight: 700;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #333;
        position: relative;
        padding: 0 20px;
        margin: 0 25px;
        letter-spacing: 0;
        transition: 0.3s;
        text-transform: uppercase; }
        @media screen and (max-width: 1580px) {
          #header .gnb_area .depth01 > a {
            margin: 0 15px; } }
        @media screen and (max-width: 1280px) {
          #header .gnb_area .depth01 > a {
            padding: 0 12px;
            margin: 0 10px;
            font-size: 15px; } }
        #header .gnb_area .depth01 > a.on, #header .gnb_area .depth01 > a.active {
          color: #0078ff; }
          #header .gnb_area .depth01 > a.on:after, #header .gnb_area .depth01 > a.active:after {
            left: 0;
            width: 100%; }
        #header .gnb_area .depth01 > a:after {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 0;
          height: 4px;
          width: 0;
          -webkit-transition: 0.4s;
          -o-transition: 0.4s;
          transition: 0.4s;
          background: #0078ff; }
    #header .gnb_area .depth02 {
      display: none;
      position: absolute;
      left: 50%;
      bottom: auto;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 150px;
      background: rgba(255, 255, 255, 0.9);
      padding: 15px 10px;
      text-align: center; }
      #header .gnb_area .depth02 li {
        margin: 10px 0; }
        #header .gnb_area .depth02 li a {
          display: inline-block;
          font-size: 15px;
          color: #333; }
          #header .gnb_area .depth02 li a:hover {
            text-decoration: underline;
            color: #0078ff; }
    #header .gnb_area .depth03,
    #header .gnb_area .m_guide {
      display: none; }
  #header .nav_btn {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    text-align: center;
    background: -webkit-linear-gradient(45deg, #0a4eb6, #1c32ad);
    background: -o-linear-gradient(45deg, #0a4eb6, #1c32ad);
    background: linear-gradient(45deg, #0a4eb6, #1c32ad); }
    @media screen and (max-width: 1024px) {
      #header .nav_btn {
        width: 60px;
        height: 60px; } }
    @media screen and (max-width: 500px) {
      #header .nav_btn {
        width: 50px;
        height: 50px; } }
    @media screen and (max-width: 500px) {
      #header .nav_btn img {
        width: 19px; } }
  #header .language {
    position: absolute;
    right: 0;
    top: 25px;
    letter-spacing: 0;
    border-radius: 25px;
    border: 1px solid #fff;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: "Open Sans", "Noto Sans KR", sans-serif; }
    @media screen and (max-width: 1024px) {
      #header .language {
        top: 13px; } }
    @media screen and (max-width: 500px) {
      #header .language {
        border-radius: 20px;
        top: 14px; } }
    #header .language.on {
      background: #fff; }
      #header .language.on .on_txt {
        color: #666;
        background-image: url(../images/inc/lang_i_on.png); }
        #header .language.on .on_txt:after {
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
          color: #666; }
    #header .language .on_txt {
      color: #fff;
      font-size: 14px;
      padding: 0 50px 0 45px;
      line-height: 49px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: left 20px center;
      background-image: url(../images/inc/lang_i.png); }
      @media screen and (max-width: 1580px) {
        #header .language .on_txt {
          padding: 0 35px 0 35px;
          background-position: left 12px center; } }
      @media screen and (max-width: 1280px) {
        #header .language .on_txt {
          padding: 0 25px 0 30px;
          background-size: 13px; } }
      @media screen and (max-width: 1024px) {
        #header .language .on_txt {
          line-height: 42px; } }
      @media screen and (max-width: 500px) {
        #header .language .on_txt {
          font-size: 12px;
          padding-right: 17px;
          line-height: 36px; } }
      #header .language .on_txt:after {
        font-family: 'xeicon' !important;
        content: '\e943';
        font-size: 11px;
        display: block;
        position: absolute;
        top: 0;
        right: 20px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        color: #fff; }
        @media screen and (max-width: 1580px) {
          #header .language .on_txt:after {
            right: 13px; } }
        @media screen and (max-width: 1280px) {
          #header .language .on_txt:after {
            right: 10px; } }
        @media screen and (max-width: 1024px) {
          #header .language .on_txt:after {
            display: none; } }
    #header .language ul {
      display: none;
      padding: 0 0 10px 45px; }
      @media screen and (max-width: 1580px) {
        #header .language ul {
          padding: 0 0 10px 35px; } }
      @media screen and (max-width: 1280px) {
        #header .language ul {
          padding: 0 0 10px 30px; } }
      #header .language ul li {
        margin: 5px 0; }
        @media screen and (max-width: 500px) {
          #header .language ul li {
            margin: 2px 0; } }
        #header .language ul li a {
          color: #666;
          font-size: 14px; }
          @media screen and (max-width: 500px) {
            #header .language ul li a {
              font-size: 12px; } }
          #header .language ul li a:hover {
            text-decoration: underline; }

.sub #header {
  top: 0; }

.nav_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6); }

.gnb_mobile {
  background: #fff;
  left: -100%;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 700px;
  z-index: 99999999;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  overflow-y: auto; }
  .gnb_mobile.on {
    left: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 5px 20px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 20px 15px rgba(0, 0, 0, 0.3); }
  .gnb_mobile .m_top {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding: 30px 25px; }
    @media screen and (max-width: 500px) {
      .gnb_mobile .m_top {
        padding: 20px 15px; } }
    @media screen and (max-width: 1280px) {
      .gnb_mobile .m_top .logo img {
        width: 135px; } }
    @media screen and (max-width: 500px) {
      .gnb_mobile .m_top .logo img {
        width: 110px; } }
    .gnb_mobile .m_top .nav_btn_off {
      display: block;
      position: absolute;
      text-align: center;
      width: 70px;
      height: 70px;
      right: 25px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 10000;
      background: -webkit-linear-gradient(45deg, #0a4eb6, #1c32ad);
      background: -o-linear-gradient(45deg, #0a4eb6, #1c32ad);
      background: linear-gradient(45deg, #0a4eb6, #1c32ad);
      cursor: pointer; }
      @media screen and (max-width: 1024px) {
        .gnb_mobile .m_top .nav_btn_off {
          width: 60px;
          height: 60px; } }
      @media screen and (max-width: 500px) {
        .gnb_mobile .m_top .nav_btn_off {
          width: 50px;
          height: 50px;
          right: 15px; } }
      .gnb_mobile .m_top .nav_btn_off img {
        width: 19px; }
        @media screen and (max-width: 500px) {
          .gnb_mobile .m_top .nav_btn_off img {
            width: 15px; } }
    .gnb_mobile .m_top .log_link {
      position: absolute;
      right: 120px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 500px) {
        .gnb_mobile .m_top .log_link {
          right: 90px; } }
      .gnb_mobile .m_top .log_link li {
        text-align: center; }
        .gnb_mobile .m_top .log_link li .tt {
          display: block;
          font-size: 13px;
          margin-top: 3px; }
          @media screen and (max-width: 500px) {
            .gnb_mobile .m_top .log_link li .tt {
              display: none; } }
  .gnb_mobile .m_gnb .depth01 {
    text-align: left; }
    .gnb_mobile .m_gnb .depth01 > a {
      color: #333;
      display: block;
      font-weight: 700;
      padding: 20px 25px;
      border-bottom: 1px solid #ddd;
      position: relative;
      text-transform: uppercase; }
      @media screen and (max-width: 500px) {
        .gnb_mobile .m_gnb .depth01 > a {
          font-size: 14px;
          padding: 15px; } }
      .gnb_mobile .m_gnb .depth01 > a:not(.no):after {
        content: '\e943';
        font-family: 'xeicon' !important;
        color: #666;
        position: absolute;
        right: 25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        @media screen and (max-width: 500px) {
          .gnb_mobile .m_gnb .depth01 > a:not(.no):after {
            right: 15px; } }
      .gnb_mobile .m_gnb .depth01 > a.selected1 {
        background: #153eb1;
        color: #fff;
        border-color: #153eb1; }
        .gnb_mobile .m_gnb .depth01 > a.selected1:after {
          content: '\e946';
          color: #fff; }
  .gnb_mobile .m_gnb .depth02 {
    background: #f2f2f2;
    padding: 20px 25px; }
    @media screen and (max-width: 500px) {
      .gnb_mobile .m_gnb .depth02 {
        padding: 12px 15px; } }
    .gnb_mobile .m_gnb .depth02 > li {
      margin: 10px 0;
      padding-left: 10px;
      position: relative; }
      .gnb_mobile .m_gnb .depth02 > li:before {
        content: '-';
        position: absolute;
        left: 0;
        top: 0; }
      .gnb_mobile .m_gnb .depth02 > li > a {
        display: inline-block;
        font-size: 15px;
        color: #666;
        font-weight: 300; }
        @media screen and (max-width: 500px) {
          .gnb_mobile .m_gnb .depth02 > li > a {
            font-size: 14px; } }
        .gnb_mobile .m_gnb .depth02 > li > a.on {
          font-weight: 500;
          border-bottom: 1px solid #666; }
  .gnb_mobile .m_gnb .depth03,
  .gnb_mobile .m_gnb .m_guide {
    display: none; }

#footer {
  background: #161d24;
  padding: 45px 0 50px; }
  @media screen and (max-width: 1024px) {
    #footer {
      padding: 30px 0 40px; } }
  #footer .f_logo {
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 1024px) {
      #footer .f_logo {
        position: static;
        left: auto;
        top: auto; } }
    @media screen and (max-width: 1280px) {
      #footer .f_logo img {
        width: 160px; } }
    @media screen and (max-width: 1024px) {
      #footer .f_logo img {
        width: 140px; } }
    @media screen and (max-width: 500px) {
      #footer .f_logo img {
        width: 120px; } }
  #footer .f_copy {
    margin-left: 280px;
    overflow: hidden; }
    @media screen and (max-width: 1280px) {
      #footer .f_copy {
        margin-left: 230px; } }
    @media screen and (max-width: 1024px) {
      #footer .f_copy {
        margin: 0; } }
    #footer .f_copy ul li {
      display: inline-block;
      margin: 0 15px 3px 0;
      font-size: 14px;
      color: #88919b;
      font-weight: 300;
      line-height: 1.5;
      position: relative; }
      @media screen and (max-width: 1024px) {
        #footer .f_copy ul li {
          font-size: 13px; } }
      @media screen and (max-width: 768px) {
        #footer .f_copy ul li {
          font-size: 12px;
          margin: 2px 10px 0 0;
          line-height: 1.4; } }
      #footer .f_copy ul li:after {
        content: '';
        position: absolute;
        right: -10px;
        top: 50%;
        width: 1px;
        height: 10px;
        background: #404040;
        margin-top: -5px; }
        @media screen and (max-width: 768px) {
          #footer .f_copy ul li:after {
            right: -8px;
            margin-top: -4px; } }
      #footer .f_copy ul li.name {
        font-weight: 500; }
        @media screen and (max-width: 1024px) {
          #footer .f_copy ul li.name {
            display: block;
            margin-top: 15px; } }
        #footer .f_copy ul li.name:after {
          display: none; }
      #footer .f_copy ul li:last-child:after {
        display: none; }
    #footer .f_copy .copyright {
      font-size: 14px;
      color: #88919b;
      font-weight: 300;
      margin-top: 10px;
      text-transform: uppercase; }
      @media screen and (max-width: 1024px) {
        #footer .f_copy .copyright {
          margin-top: 20px;
          font-size: 13px; } }
      @media screen and (max-width: 500px) {
        #footer .f_copy .copyright {
          font-size: 12px; } }
  #footer #go_top {
    position: absolute;
    right: 0;
    top: -60px;
    background: #0078ff;
    text-align: center;
    width: 62px;
    padding: 13px 0;
    color: #fff;
    font-size: 12px;
    font-family: "Open Sans", "Noto Sans KR", sans-serif;
    cursor: pointer; }
    #footer #go_top i {
      font-size: 10px;
      padding-bottom: 5px; }

.sec_arr {
  display: none;
  z-index: 5;
  position: fixed;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  -webkit-transition: 500ms all;
  -ms-transition: 500ms all;
  -o-transition: 500ms all;
  transition: 500ms all;
  animation-name: mouse;
  -webkit-animation-name: mouse;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  @media screen and (max-width: 1024px) {
    .sec_arr {
      display: none !important; } }
  .sec_arr .arr {
    font-size: 22px; }

.fp-enabled .sec_arr {
  display: block; }

.fp-viewing-sec6 .sec_arr {
  display: none; }

@keyframes mouse {
  0% {
    bottom: 40px; }
  50% {
    bottom: 30px; }
  100% {
    bottom: 40px; } }

@-webkit-keyframes mouse {
  0% {
    bottom: 40px; }
  50% {
    bottom: 30px; }
  100% {
    bottom: 40px; } }

#nav {
  position: fixed;
  right: 3.5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: right; }
  @media screen and (max-width: 1580px) {
    #nav {
      right: 1.5%; } }
  @media screen and (max-width: 1280px) {
    #nav {
      display: none !important; } }
  #nav li a {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    font-family: "Open Sans", "Noto Sans KR", sans-serif;
    margin: 30px 0;
    letter-spacing: 0; }
    #nav li a.active {
      color: #fff; }
      #nav li a.active .icon {
        opacity: 1; }
    #nav li a span {
      display: inline-block;
      vertical-align: middle; }
      #nav li a span.icon {
        width: 19px;
        height: 1px;
        background: #fff;
        margin-left: 10px;
        opacity: 0; }

.main_slider .item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .main_slider .item {
      height: 90vh; } }
  .main_slider .item.slick-active .slogan_txt .txt {
    -webkit-animation: fadeInUp 1s both 1.0s;
    animation: fadeInUp 1s both 1.0s;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s; }
  .main_slider .item .img_src {
    display: block;
    width: 100%;
    height: 100%;
    /* transition:transform 6.5s;
      transform:scale(1.15,1.15); */
    background-repeat: no-repeat;
    background-size: cover; }

.main_slider .slogan_txt {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); }
  .main_slider .slogan_txt .txt {
    color: #fff;
    font-size: 2.813em;
    font-weight: 100;
    letter-spacing: -2px;
    text-shadow: 0 5px 9px rgba(0, 0, 0, 0.5); }
    @media screen and (max-width: 1024px) {
      .main_slider .slogan_txt .txt {
        font-size: 2.5em; } }
    @media screen and (max-width: 768px) {
      .main_slider .slogan_txt .txt {
        font-size: 2.250em; } }
    @media screen and (max-width: 500px) {
      .main_slider .slogan_txt .txt {
        font-size: 2em; } }
    .main_slider .slogan_txt .txt span {
      font-size: 1.111em;
      font-weight: 400; }
      @media screen and (max-width: 1024px) {
        .main_slider .slogan_txt .txt span {
          display: block; } }

.main_slider .slick-dots {
  display: none !important;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 15%;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .main_slider .slick-dots {
      bottom: 10%; } }
  .main_slider .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    border: 1px solid transparent;
    padding: 8px;
    border-radius: 50%; }
    .main_slider .slick-dots li button {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.5); }
    .main_slider .slick-dots li.slick-active {
      border-color: #fff; }
      .main_slider .slick-dots li.slick-active button {
        background: #fff; }

@media screen and (max-width: 1024px) {
  .section {
    height: auto !important; } }

@media screen and (max-width: 1024px) {
  .section .fp-tableCell,
  .section .fp-scrollable {
    height: auto !important; } }

@media screen and (max-width: 1024px) {
  .section.lg_pd .fp-tableCell {
    padding: 100px 0; } }

@media screen and (max-width: 500px) {
  .section.lg_pd .fp-tableCell {
    padding: 60px 0 80px; } }

.section .main_title {
  color: #fff;
  text-align: center;
  font-size: 3.438em;
  font-weight: 600;
  padding-bottom: 20px;
  position: relative;
  margin-top: 70px;
  font-family: "Open Sans", "Noto Sans KR", sans-serif; }
  @media screen and (max-width: 1024px) {
    .section .main_title {
      font-size: 2.875em;
      margin-top: 0; } }
  @media screen and (max-width: 768px) {
    .section .main_title {
      font-size: 2.250em;
      line-height: 1.2; } }
  @media screen and (max-width: 500px) {
    .section .main_title {
      font-size: 2em;
      padding-bottom: 14px; } }
  .section .main_title:after {
    content: '';
    width: 42px;
    height: 2px;
    background: #0078ff;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (max-width: 500px) {
      .section .main_title:after {
        width: 36px; } }

.section .main_txt {
  text-align: center;
  color: #fff;
  font-weight: 100;
  font-size: 1.250em;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    .section .main_txt {
      font-size: 1.125em;
      margin-top: 30px; } }
  @media screen and (max-width: 500px) {
    .section .main_txt {
      font-size: 1em;
      margin-top: 22px; } }

.section#sec_global {
  background: url(../images/main/sec_global_bg.jpg) no-repeat center;
  background-size: cover; }
  .section#sec_global .location_marker {
    position: relative;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section#sec_global .location_marker {
        margin-top: 50px; } }
    @media screen and (max-width: 500px) {
      .section#sec_global .location_marker {
        margin-top: 35px; } }
    @media screen and (max-width: 1024px) {
      .section#sec_global .location_marker img {
        display: none; } }
    .section#sec_global .location_marker .m_location_tab {
      display: none;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      @media screen and (max-width: 1024px) {
        .section#sec_global .location_marker .m_location_tab {
          display: block;
          border: 1px solid #fff;
          text-align: center;
          font-size: 15px;
          color: #fff;
          margin-bottom: 40px; } }
      @media screen and (max-width: 500px) {
        .section#sec_global .location_marker .m_location_tab {
          margin-bottom: 30px; } }
      .section#sec_global .location_marker .m_location_tab.on {
        background: #005bbb;
        border-color: #005bbb; }
        .section#sec_global .location_marker .m_location_tab.on .on_txt:after {
          content: '\e946'; }
      .section#sec_global .location_marker .m_location_tab .on_txt {
        position: relative;
        line-height: 50px; }
        .section#sec_global .location_marker .m_location_tab .on_txt:after {
          content: '\e943';
          font-family: 'xeicon' !important;
          color: #fff;
          font-size: 14px;
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
      .section#sec_global .location_marker .m_location_tab ul {
        position: absolute;
        left: 0;
        bottom: auto;
        right: 0;
        display: none;
        background: #005bbb;
        z-index: 2; }
        .section#sec_global .location_marker .m_location_tab ul li {
          margin: 10px 0; }
    @media screen and (max-width: 1024px) {
      .section#sec_global .location_marker .location_cont {
        display: none;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding-bottom: 30px; } }
    .section#sec_global .location_marker .location_cont::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      background-color: rgba(255, 255, 255, 0.6); }
    .section#sec_global .location_marker .location_cont::-webkit-scrollbar {
      width: 3px;
      height: 3px;
      background-color: rgba(255, 255, 255, 0.6); }
    .section#sec_global .location_marker .location_cont::-webkit-scrollbar-thumb {
      border-radius: 3px;
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      background-color: #0065f5; }
    @media screen and (max-width: 1024px) {
      .section#sec_global .location_marker .location_cont#domestic {
        display: block; }
        .section#sec_global .location_marker .location_cont#domestic .info_bx {
          display: block !important; } }
    .section#sec_global .location_marker .loca_marker {
      position: absolute;
      padding: 0 0 5px 20px;
      cursor: pointer;
      text-align: left; }
      @media screen and (max-width: 1024px) {
        .section#sec_global .location_marker .loca_marker {
          position: relative;
          left: auto !important;
          top: auto !important;
          padding: 0 !important;
          display: inline-block;
          vertical-align: top;
          margin-right: 10px; } }
      .section#sec_global .location_marker .loca_marker.st2 {
        padding: 5px 0 0 20px; }
        .section#sec_global .location_marker .loca_marker.st2 .marker {
          bottom: auto;
          top: 0; }
        .section#sec_global .location_marker .loca_marker.st2 .info_bx {
          bottom: auto;
          top: 28px; }
          .section#sec_global .location_marker .loca_marker.st2 .info_bx:after {
            bottom: auto;
            top: -13px;
            background: url(../images/main/info_bx_tip2.png) no-repeat;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      .section#sec_global .location_marker .loca_marker.st3 {
        padding: 0 20px 5px 0;
        text-align: right; }
        .section#sec_global .location_marker .loca_marker.st3 .marker {
          left: auto;
          right: 0; }
        .section#sec_global .location_marker .loca_marker.st3 .info_bx {
          left: auto;
          right: -10px; }
          .section#sec_global .location_marker .loca_marker.st3 .info_bx:after {
            left: auto;
            right: 12px;
            background: url(../images/main/info_bx_tip2.png) no-repeat; }
      .section#sec_global .location_marker .loca_marker.st4 {
        padding: 5px 20px 0 0;
        text-align: right; }
        .section#sec_global .location_marker .loca_marker.st4 .marker {
          bottom: auto;
          top: 0;
          left: auto;
          right: 0; }
        .section#sec_global .location_marker .loca_marker.st4 .info_bx {
          left: auto;
          right: -10px;
          top: 28px;
          bottom: auto; }
          .section#sec_global .location_marker .loca_marker.st4 .info_bx:after {
            left: auto;
            bottom: auto;
            top: -13px;
            right: 12px;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      .section#sec_global .location_marker .loca_marker.st5 {
        padding: 20px 0 0 0; }
        .section#sec_global .location_marker .loca_marker.st5 .marker {
          bottom: auto;
          top: 0; }
        .section#sec_global .location_marker .loca_marker.st5 .info_bx {
          bottom: auto;
          top: 28px; }
          .section#sec_global .location_marker .loca_marker.st5 .info_bx:after {
            bottom: auto;
            top: -13px;
            background: url(../images/main/info_bx_tip2.png) no-repeat;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      .section#sec_global .location_marker .loca_marker.kr1 {
        left: 40.4%;
        top: 41.7%; }
      .section#sec_global .location_marker .loca_marker.kr2 {
        left: 40.3%;
        top: 48.2%; }
      .section#sec_global .location_marker .loca_marker.pol {
        left: 12.5%;
        top: 33%; }
      .section#sec_global .location_marker .loca_marker.ch1 {
        left: 28.5%;
        top: 42.5%; }
      .section#sec_global .location_marker .loca_marker.ch2 {
        left: 29.8%;
        top: 51%; }
      .section#sec_global .location_marker .loca_marker.ch3 {
        left: 38.3%;
        top: 53.3%; }
      .section#sec_global .location_marker .loca_marker.usa1 {
        left: 77.2%;
        top: 42%; }
      .section#sec_global .location_marker .loca_marker.usa2 {
        left: 74%;
        top: 55%; }
      .section#sec_global .location_marker .loca_marker:hover .marker, .section#sec_global .location_marker .loca_marker.on .marker {
        background: #fff; }
      .section#sec_global .location_marker .loca_marker .marker {
        width: 7px;
        height: 7px;
        background: #0078ff;
        border-radius: 50%;
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        @media screen and (max-width: 1024px) {
          .section#sec_global .location_marker .loca_marker .marker {
            display: none; } }
      .section#sec_global .location_marker .loca_marker .nation {
        color: #fff;
        line-height: 1.2; }
        @media screen and (max-width: 1024px) {
          .section#sec_global .location_marker .loca_marker .nation {
            display: none; } }
        .section#sec_global .location_marker .loca_marker .nation span {
          display: block;
          font-size: 14px;
          font-weight: 100; }
      .section#sec_global .location_marker .loca_marker .info_bx {
        display: none;
        background: #fff;
        padding: 20px;
        border-radius: 3px;
        -webkit-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 9px rgba(0, 0, 0, 0.15);
        font-size: 12px;
        position: absolute;
        left: -10px;
        bottom: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 210px;
        z-index: 1;
        text-align: left; }
        @media screen and (max-width: 1024px) {
          .section#sec_global .location_marker .loca_marker .info_bx {
            display: block;
            position: relative;
            left: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            width: 460px;
            height: 170px;
            font-size: 14px; } }
        @media screen and (max-width: 500px) {
          .section#sec_global .location_marker .loca_marker .info_bx {
            width: 300px; } }
        .section#sec_global .location_marker .loca_marker .info_bx:after {
          content: '';
          width: 16px;
          height: 14px;
          background: url(../images/main/info_bx_tip.png) no-repeat;
          position: absolute;
          left: 12px;
          bottom: -13px; }
          @media screen and (max-width: 1024px) {
            .section#sec_global .location_marker .loca_marker .info_bx:after {
              display: none; } }
        .section#sec_global .location_marker .loca_marker .info_bx .nation_t {
          font-weight: 500;
          font-size: 14px;
          color: #153eb1;
          margin-bottom: 10px; }
          @media screen and (max-width: 1024px) {
            .section#sec_global .location_marker .loca_marker .info_bx .nation_t {
              font-size: 15px; } }
        .section#sec_global .location_marker .loca_marker .info_bx .info li {
          position: relative;
          padding-left: 55px;
          line-height: 18px;
          min-height: 18px;
          color: #666;
          margin: 2px 0; }
          @media screen and (max-width: 1024px) {
            .section#sec_global .location_marker .loca_marker .info_bx .info li {
              line-height: 22px;
              min-height: 22px;
              padding-left: 70px; } }
          .section#sec_global .location_marker .loca_marker .info_bx .info li .tt {
            position: absolute;
            left: 0;
            top: 0;
            color: #333;
            font-weight: 500; }

.section#sec_business {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease; }
  .section#sec_business .business_menu {
    text-align: center;
    font-size: 0;
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      .section#sec_business .business_menu {
        margin-top: 20px; } }
    .section#sec_business .business_menu li {
      display: inline-block;
      width: 33.33%;
      max-width: 310px; }
      @media screen and (max-width: 768px) {
        .section#sec_business .business_menu li {
          display: block;
          width: auto;
          max-width: none; } }
      .section#sec_business .business_menu li .inner {
        display: block;
        padding: 60px 10px 70px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 320px;
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
        color: #fff;
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        position: relative; }
        @media screen and (max-width: 768px) {
          .section#sec_business .business_menu li .inner {
            max-width: none;
            height: auto;
            padding: 15px 10px; } }
        @media screen and (max-width: 500px) {
          .section#sec_business .business_menu li .inner {
            padding: 10px; } }
        .section#sec_business .business_menu li .inner:hover {
          -webkit-transform: translateY(-15px);
          -ms-transform: translateY(-15px);
          transform: translateY(-15px);
          background: rgba(0, 111, 186, 0.9); }
          @media screen and (max-width: 768px) {
            .section#sec_business .business_menu li .inner:hover {
              -webkit-transform: none;
              -ms-transform: none;
              transform: none; } }
          .section#sec_business .business_menu li .inner:hover .arrow_i {
            opacity: 1; }
        @media screen and (max-width: 768px) {
          .section#sec_business .business_menu li .inner .icon img {
            width: 80px; } }
        .section#sec_business .business_menu li .inner .tt {
          margin: 20px 0 15px;
          font-weight: 500;
          font-size: 21px; }
          @media screen and (max-width: 768px) {
            .section#sec_business .business_menu li .inner .tt {
              font-size: 17px;
              margin: 10px 0; } }
          @media screen and (max-width: 500px) {
            .section#sec_business .business_menu li .inner .tt {
              font-size: 15px; } }
        .section#sec_business .business_menu li .inner .en {
          font-size: 15px;
          font-weight: 100;
          letter-spacing: 0;
          opacity: 0.6; }
          @media screen and (max-width: 768px) {
            .section#sec_business .business_menu li .inner .en {
              font-size: 13px; } }
          @media screen and (max-width: 500px) {
            .section#sec_business .business_menu li .inner .en {
              font-size: 12px; } }
        .section#sec_business .business_menu li .inner .arrow_i {
          position: absolute;
          left: 50%;
          bottom: 40px;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          opacity: 0;
          -webkit-transition: 0.4s;
          -o-transition: 0.4s;
          transition: 0.4s; }
          @media screen and (max-width: 768px) {
            .section#sec_business .business_menu li .inner .arrow_i {
              display: none; } }

.section#sec_center {
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .section#sec_center {
      padding: 3em 0; } }
  .section#sec_center .center_bx {
    float: left;
    width: 50%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section#sec_center .center_bx {
        float: none;
        width: auto;
        height: 50vh;
        margin: 1em 3em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px; } }
    @media screen and (max-width: 500px) {
      .section#sec_center .center_bx {
        margin: 1em 1.2em;
        padding: 0 12px; } }
    .section#sec_center .center_bx.cheonan_center {
      background-image: url(../images/main/cheonan_center_bg.jpg); }
      @media screen and (max-width: 1024px) {
        .section#sec_center .center_bx.cheonan_center {
          background-image: url(../images/main/cheonan_center_bg_m.jpg); } }
    .section#sec_center .center_bx.songdo_center {
      background-image: url(../images/main/songdo_center_bg.jpg); }
      @media screen and (max-width: 1024px) {
        .section#sec_center .center_bx.songdo_center {
          background-image: url(../images/main/songdo_center_bg_m.jpg); } }
    .section#sec_center .center_bx:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      -webkit-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease; }
      @media screen and (max-width: 1024px) {
        .section#sec_center .center_bx:after {
          display: none; } }
    .section#sec_center .center_bx:hover .btn_bx .more_btn {
      border-color: #1539a7;
      background: -webkit-linear-gradient(45deg, #064da6, #1f2da8);
      background: -o-linear-gradient(45deg, #064da6, #1f2da8);
      background: linear-gradient(45deg, #064da6, #1f2da8); }
    .section#sec_center .center_bx:hover:after {
      opacity: 1; }
    .section#sec_center .center_bx .dis_cel {
      position: relative;
      z-index: 1; }
  .section#sec_center .bx_title {
    font-size: 2.813em;
    font-weight: 500;
    margin-bottom: 20px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    color: #fff;
    margin-top: 70px; }
    @media screen and (max-width: 1024px) {
      .section#sec_center .bx_title {
        margin-top: 0;
        font-size: 2.5em;
        color: #222;
        text-shadow: none; } }
    @media screen and (max-width: 768px) {
      .section#sec_center .bx_title {
        font-size: 2.125em;
        margin-bottom: 12px;
        line-height: 1.2; } }
    @media screen and (max-width: 500px) {
      .section#sec_center .bx_title {
        font-size: 2em; } }
    .section#sec_center .bx_title .sm {
      font-size: 0.778em; }
      @media screen and (max-width: 500px) {
        .section#sec_center .bx_title .sm {
          display: block; } }
  .section#sec_center .bx_txt {
    font-size: 1.125em;
    font-weight: 300;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    color: #fff; }
    @media screen and (max-width: 1024px) {
      .section#sec_center .bx_txt {
        color: #333;
        font-weight: 500;
        text-shadow: none; } }
    @media screen and (max-width: 768px) {
      .section#sec_center .bx_txt {
        font-size: 1.063em; } }
    @media screen and (max-width: 500px) {
      .section#sec_center .bx_txt {
        font-size: 1em;
        letter-spacing: -0.04em; } }
  .section#sec_center .btn_bx {
    margin-top: 120px; }
    @media screen and (max-width: 1024px) {
      .section#sec_center .btn_bx {
        margin-top: 50px; } }
    @media screen and (max-width: 768px) {
      .section#sec_center .btn_bx {
        margin-top: 30px; } }
    .section#sec_center .btn_bx .more_btn {
      border: 1px solid rgba(255, 255, 255, 0.5);
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      font-size: 15px;
      font-weight: 300;
      font-family: "Open Sans", "Noto Sans KR", sans-serif;
      display: inline-block;
      width: 100%;
      max-width: 240px;
      height: 70px;
      line-height: 68px;
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1024px) {
        .section#sec_center .btn_bx .more_btn {
          background: rgba(0, 0, 0, 0.7);
          height: 60px;
          line-height: 58px;
          border: none; } }
      @media screen and (max-width: 500px) {
        .section#sec_center .btn_bx .more_btn {
          font-size: 14px;
          height: 50px;
          line-height: 48px; } }

.section#sec_community {
  background: url(../images/main/sec_community_bg.jpg) no-repeat center;
  background-size: cover; }
  .section#sec_community .community_menu {
    margin-top: 3em; }
    @media screen and (max-width: 1024px) {
      .section#sec_community .community_menu {
        margin-top: 2.5em; } }
    .section#sec_community .community_menu .inner {
      display: block;
      padding: 4.5em 10px 3.7em;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      text-align: center;
      position: relative;
      -webkit-transition: 0.4s ease;
      -o-transition: 0.4s ease;
      transition: 0.4s ease; }
      @media screen and (max-width: 768px) {
        .section#sec_community .community_menu .inner {
          padding: 30px;
          padding-left: 120px;
          text-align: left; } }
      @media screen and (max-width: 500px) {
        .section#sec_community .community_menu .inner {
          padding-left: 90px; } }
      .section#sec_community .community_menu .inner:hover {
        background: rgba(0, 111, 186, 0.9);
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px); }
        @media screen and (max-width: 768px) {
          .section#sec_community .community_menu .inner:hover {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none; } }
      @media screen and (max-width: 768px) {
        .section#sec_community .community_menu .inner:after {
          content: '';
          position: absolute;
          right: 20px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 30px;
          height: 8px;
          background: url(../images/main/business_menu_arrow.png) no-repeat;
          background-size: contain; } }
      @media screen and (max-width: 500px) {
        .section#sec_community .community_menu .inner:after {
          background-size: 24px;
          right: 15px; } }
      .section#sec_community .community_menu .inner .icon,
      .section#sec_community .community_menu .inner .tt,
      .section#sec_community .community_menu .inner .en {
        position: relative;
        z-index: 1; }
      @media screen and (max-width: 768px) {
        .section#sec_community .community_menu .inner .icon {
          position: absolute;
          left: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 120px;
          text-align: center; } }
      @media screen and (max-width: 500px) {
        .section#sec_community .community_menu .inner .icon {
          width: 90px; } }
      @media screen and (max-width: 1024px) {
        .section#sec_community .community_menu .inner .icon img {
          width: 60px; } }
      @media screen and (max-width: 768px) {
        .section#sec_community .community_menu .inner .icon img {
          width: 45px; } }
      .section#sec_community .community_menu .inner .tt {
        font-size: 1.313em;
        font-weight: 500;
        margin: 18px 0 12px;
        text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); }
        @media screen and (max-width: 1024px) {
          .section#sec_community .community_menu .inner .tt {
            font-size: 1.125em; } }
        @media screen and (max-width: 768px) {
          .section#sec_community .community_menu .inner .tt {
            margin: 0 0 5px; } }
        @media screen and (max-width: 500px) {
          .section#sec_community .community_menu .inner .tt {
            font-size: 1em;
            line-height: 1; } }
      .section#sec_community .community_menu .inner .en {
        font-weight: 100;
        color: rgba(255, 255, 255, 0.6);
        letter-spacing: 0; }

.sub_visu_wrap {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  display: table;
  height: 25em;
  background-image: url(../images/sub/sub_visu_1.jpg);
  color: #fff;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .sub_visu_wrap {
      height: 20em; } }
  .sub_visu_wrap.visu_2 {
    background-image: url(../images/sub/sub_visu_2.jpg); }
  .sub_visu_wrap.visu_3 {
    background-image: url(../images/sub/sub_visu_3.jpg); }
  .sub_visu_wrap.visu_4 {
    background-image: url(../images/sub/sub_visu_4.jpg); }
  .sub_visu_wrap.visu_5 {
    background-image: url(../images/sub/sub_visu_5.jpg); }
  .sub_visu_wrap.visu_6 {
    background-image: url(../images/sub/sub_visu_6.jpg); }
  .sub_visu_wrap .sub_title {
    font-size: 3.438em;
    font-weight: 700;
    text-transform: uppercase; }
    @media screen and (max-width: 1024px) {
      .sub_visu_wrap .sub_title {
        font-size: 3em; } }
    @media screen and (max-width: 768px) {
      .sub_visu_wrap .sub_title {
        font-size: 2.750em; } }

.sub_menu_wrap {
  background: #005bbb;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .sub_menu_wrap {
      display: none; } }
  .sub_menu_wrap .depth01 > a,
  .sub_menu_wrap .depth03 {
    display: none; }
  .sub_menu_wrap .depth02 {
    display: none;
    text-align: center;
    font-size: 0;
    /* &._2 {
      > li {
        width:50%;
      }
    }
    &._3 {
      > li {
        width:33.33%;
      }
    }
    &._4 {
      > li {
        width:25%;
      }
    }
    &._5 {
      > li {
        width:20%;
      }
    }
    &._6 {
      > li {
        width:16.66%;
      }
    } */ }
    .sub_menu_wrap .depth02 > li {
      display: inline-block;
      text-align: center;
      width: 16.66%; }
      .sub_menu_wrap .depth02 > li > a {
        display: block;
        line-height: 68px;
        color: #fff;
        position: relative;
        font-size: 16px; }
        .sub_menu_wrap .depth02 > li > a:after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 6px;
          background: #fff;
          -webkit-transition: 0.4s;
          -o-transition: 0.4s;
          transition: 0.4s;
          -webkit-transform: translateY(6px);
          -ms-transform: translateY(6px);
          transform: translateY(6px); }
        .sub_menu_wrap .depth02 > li > a.on:after, .sub_menu_wrap .depth02 > li > a:hover:after {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }

.sub_menu_wrap_m {
  display: none;
  background: #005bbb; }
  @media screen and (max-width: 768px) {
    .sub_menu_wrap_m {
      display: block; } }
  .sub_menu_wrap_m .depth01 > a {
    display: none; }
  .sub_menu_wrap_m .menu_st {
    color: #fff;
    padding: 0 4%;
    line-height: 50px;
    height: 50px;
    font-size: 15px;
    cursor: pointer;
    background: url(../images/icon/submenu_arrow.png) no-repeat right 4% center; }
    .sub_menu_wrap_m .menu_st.on {
      background: url(../images/icon/submenu_arrow_on.png) no-repeat right 4% center; }
  .sub_menu_wrap_m .depth02 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    display: none;
    background: #005bbb;
    z-index: 1;
    padding: 10px 4%;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }
    .sub_menu_wrap_m .depth02 li a {
      display: block;
      padding: 5px 0;
      font-size: 14px;
      color: #fff; }
  .sub_menu_wrap_m .depth03 {
    display: none; }

.sub_con {
  padding: 70px 0 150px;
  min-height: 450px; }
  @media screen and (max-width: 768px) {
    .sub_con {
      padding: 60px 0 100px !important;
      min-height: 300px; } }
  @media screen and (max-width: 500px) {
    .sub_con {
      padding: 40px 0 80px !important; } }
  .sub_con.bg {
    background: #f5f5f5; }
  .sub_con.pd0 {
    padding-bottom: 0 !important; }
  .sub_con.pt {
    padding-top: 100px; }
    @media screen and (max-width: 1024px) {
      .sub_con.pt {
        padding-top: 80px; } }
  .sub_con .sub_tit {
    font-size: 2.188em;
    font-weight: 500;
    text-align: center;
    letter-spacing: -1px;
    padding-bottom: 0.7em;
    position: relative;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 768px) {
      .sub_con .sub_tit {
        font-size: 1.875em;
        margin-bottom: 1.25em; } }
    .sub_con .sub_tit:after {
      content: '';
      width: 62px;
      height: 1px;
      background: #ddd;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      bottom: 0; }
      @media screen and (max-width: 768px) {
        .sub_con .sub_tit:after {
          width: 50px; } }
    .sub_con .sub_tit.c_white:after {
      background: #fff; }
    .sub_con .sub_tit.mt {
      margin-top: 100px; }
  .sub_con .sub_title {
    text-align: center;
    font-weight: 300;
    color: #898989;
    font-size: 1.250em;
    margin: -1.5em 0 3em; }
    @media screen and (max-width: 768px) {
      .sub_con .sub_title {
        font-size: 1.125em;
        margin-top: -1em; } }

.btn-area.mt2 {
  margin-top: 40px; }
  @media screen and (max-width: 500px) {
    .btn-area.mt2 {
      margin-top: 30px; } }

.btn-area.mt {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    .btn-area.mt {
      margin-top: 40px; } }
  @media screen and (max-width: 500px) {
    .btn-area.mt {
      margin-top: 30px; } }

.btn-area.border {
  border-top: 1px solid #ddd;
  padding-top: 40px;
  margin-top: 40px; }

.btn-area.text_center > .btn-type-01 {
  margin: 0 3px; }
  @media screen and (max-width: 768px) {
    .btn-area.text_center > .btn-type-01 {
      margin: 0 1px; } }

.btn-area .left,
.btn-area .right {
  width: 49%; }
  @media screen and (max-width: 768px) {
    .btn-area .left,
    .btn-area .right {
      width: 49.5%; } }
  .btn-area .left .btn-type-01,
  .btn-area .right .btn-type-01 {
    width: 100%; }

.btn-area .btn-type-01.arrow {
  line-height: normal;
  height: auto;
  font-weight: 500;
  padding: 20px 80px 20px 50px;
  letter-spacing: -0.5px;
  background: url(../images/icon/btn_arrow.png) no-repeat right 50px center; }

.tab-wrap .tab-content {
  display: none; }

.sub_dp3_menu .depth01 > a,
.sub_dp3_menu .depth02 > li > a {
  display: none; }

.sub_dp3_menu .depth03 {
  display: none;
  padding: 1px 1px 0 0;
  overflow: hidden;
  margin-bottom: 50px; }
  @media screen and (max-width: 500px) {
    .sub_dp3_menu .depth03 {
      margin-bottom: 35px; } }
  .sub_dp3_menu .depth03._2 li {
    width: 50%; }
  .sub_dp3_menu .depth03._3 li {
    width: 33.33%; }
  .sub_dp3_menu .depth03._4 li {
    width: 25%; }
  .sub_dp3_menu .depth03._5 li {
    width: 20%; }
    @media screen and (max-width: 500px) {
      .sub_dp3_menu .depth03._5 li {
        width: 33.33%; } }
  .sub_dp3_menu .depth03 li {
    float: left;
    width: 33.33%; }
    .sub_dp3_menu .depth03 li a {
      display: block;
      font-size: 1.250em;
      color: #666;
      font-weight: 300;
      text-align: center;
      border: 1px solid #eee;
      margin: -1px -1px 0 0;
      line-height: 3em;
      letter-spacing: -0.04em; }
      @media screen and (max-width: 1024px) {
        .sub_dp3_menu .depth03 li a {
          font-size: 1.063em; } }
      @media screen and (max-width: 768px) {
        .sub_dp3_menu .depth03 li a {
          font-size: 1em;
          line-height: 3.5em; } }
      .sub_dp3_menu .depth03 li a.on {
        background: #252525;
        color: #fff;
        border-color: #252525; }

.tab_st1 {
  padding: 1px 1px 0 0;
  overflow: hidden;
  margin-bottom: 50px; }
  @media screen and (max-width: 500px) {
    .tab_st1 {
      margin-bottom: 35px; } }
  .tab_st1._2 li {
    width: 50%; }
  .tab_st1._3 li {
    width: 33.33%; }
    @media screen and (max-width: 500px) {
      .tab_st1._3 li {
        width: 100%; } }
  .tab_st1._4 li {
    width: 25%; }
  .tab_st1._5 li {
    width: 20%; }
  .tab_st1 li {
    float: left;
    width: 33.33%; }
    .tab_st1 li a {
      display: block;
      font-size: 1.250em;
      color: #666;
      font-weight: 300;
      text-align: center;
      border: 1px solid #eee;
      margin: -1px -1px 0 0;
      line-height: 3em;
      letter-spacing: -0.04em; }
      @media screen and (max-width: 1024px) {
        .tab_st1 li a {
          font-size: 1.063em; } }
      @media screen and (max-width: 768px) {
        .tab_st1 li a {
          font-size: 1em; } }
      .tab_st1 li a.on {
        background: #252525;
        color: #fff;
        border-color: #252525; }

.policy_box {
  line-height: 1.8; }
  .policy_box .mail_bx {
    text-align: center;
    padding: 30px;
    border: 1px solid #dedede;
    background: #f6f6f6;
    margin-bottom: 25px;
    font-size: 17px;
    color: #333;
    font-weight: 500;
    line-height: 1.5; }
    @media screen and (max-width: 768px) {
      .policy_box .mail_bx {
        font-size: 15px; } }
    @media screen and (max-width: 500px) {
      .policy_box .mail_bx {
        font-size: 14px;
        padding: 20px; } }

.lag_tit {
  font-size: 1.875em;
  font-weight: 700;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .lag_tit {
      font-size: 1.688em;
      margin-bottom: 40px; } }
  @media screen and (max-width: 500px) {
    .lag_tit {
      margin-bottom: 30px; } }
  .lag_tit.mb2 {
    margin-bottom: 20px; }
  .lag_tit.mb0 {
    margin-bottom: 0; }
  .lag_tit.mt {
    margin-top: 3em; }

.quot_tit {
  font-weight: 300;
  font-size: 1.875em;
  padding-top: 38px;
  text-align: center;
  letter-spacing: -0.05em;
  background: url(../images/sub/quot_l.png) no-repeat top center; }
  @media screen and (max-width: 1024px) {
    .quot_tit {
      font-size: 1.688em; } }
  @media screen and (max-width: 768px) {
    .quot_tit {
      font-size: 1.438em;
      padding-top: 30px;
      background-size: 22px; } }
  .quot_tit.mb {
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      .quot_tit.mb {
        margin-bottom: 45px; } }
    @media screen and (max-width: 500px) {
      .quot_tit.mb {
        margin-bottom: 35px; } }
  .quot_tit.mt {
    margin-top: 3em; }
  .quot_tit.st2 {
    font-size: 2.188em;
    font-weight: 700;
    margin-bottom: 1em; }

.ceil_tit {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.05em;
  display: inline-block;
  padding: 0 30px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .ceil_tit {
      font-size: 1.813em;
      padding: 0 20px; } }
  .ceil_tit.mb {
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .ceil_tit.mb {
        margin-bottom: 35px; } }
    @media screen and (max-width: 500px) {
      .ceil_tit.mb {
        margin-bottom: 25px; } }
  .ceil_tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 21px;
    background: url(../images/sub/ceil_l.png) no-repeat; }
    @media screen and (max-width: 768px) {
      .ceil_tit:before {
        width: 16px;
        height: 15px;
        background-size: contain; } }
  .ceil_tit:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 21px;
    background: url(../images/sub/ceil_r.png) no-repeat; }
    @media screen and (max-width: 768px) {
      .ceil_tit:after {
        width: 16px;
        height: 15px;
        background-size: contain; } }

.mid_tit {
  font-size: 1.375em;
  font-weight: 700;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .mid_tit {
      margin-bottom: 20px;
      font-size: 1.250em; } }
  .mid_tit.mt {
    margin-top: 30px; }
    @media screen and (max-width: 768px) {
      .mid_tit.mt {
        margin-top: 20px; } }
  .mid_tit.deco {
    font-weight: 500;
    font-size: 1.125em;
    padding-left: 10px;
    position: relative;
    margin-bottom: 20px; }
    .mid_tit.deco:before {
      content: '';
      width: 3px;
      height: 3px;
      background: #005bbb;
      position: absolute;
      left: 0;
      top: 11px; }
  .mid_tit.st2 {
    font-size: 1.250em;
    margin-bottom: 20px; }
  .mid_tit._icon {
    font-size: 1.125em;
    font-weight: 500;
    margin-bottom: 0; }
    .mid_tit._icon span {
      padding-left: 22px;
      background-position: left center;
      background-repeat: no-repeat; }
      .mid_tit._icon span.tel {
        padding-right: 15px;
        background-image: url(../images/sub/tel_i.png); }
      .mid_tit._icon span.fax {
        background-image: url(../images/sub/fax_i.png); }

.deco_tit {
  padding-left: 45px;
  font-size: 1.750em;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    .deco_tit {
      font-size: 1.5em;
      padding-left: 36px; } }
  .deco_tit.mt {
    margin-top: 3em; }
    @media screen and (max-width: 768px) {
      .deco_tit.mt {
        margin-top: 2em; } }
  .deco_tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 17px;
    width: 31px;
    height: 5px;
    background: -webkit-linear-gradient(45deg, #2526a9, #015abb);
    background: -o-linear-gradient(45deg, #2526a9, #015abb);
    background: linear-gradient(45deg, #2526a9, #015abb); }
    @media screen and (max-width: 768px) {
      .deco_tit:before {
        width: 25px;
        height: 3px;
        top: 13px; } }

.deco_tit + .lag_txt {
  margin-left: 45px; }
  @media screen and (max-width: 768px) {
    .deco_tit + .lag_txt {
      margin-left: 36px; } }

.gra_txt {
  color: #005bbb;
  background: -webkit-linear-gradient(0deg, #2526a9, #005bbb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.lag_txt {
  font-weight: 300;
  color: #666;
  font-size: 1.125em;
  letter-spacing: -0.04em;
  line-height: 1.5; }
  .lag_txt.mb {
    margin-bottom: 40px; }

.icon_list_st1 {
  text-align: center; }
  .icon_list_st1 li {
    display: inline-block;
    width: 250px;
    margin: 0 1.4em; }
    @media screen and (max-width: 1024px) {
      .icon_list_st1 li {
        display: block;
        margin: 3em auto; } }
    @media screen and (max-width: 768px) {
      .icon_list_st1 li {
        width: 220px; } }
    .icon_list_st1 li .icon_bx {
      background: #f8f8f8;
      width: 250px;
      height: 250px;
      border-radius: 50%;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .icon_list_st1 li .icon_bx {
          width: 220px;
          height: 220px; } }
      .icon_list_st1 li .icon_bx .icon {
        margin-bottom: 10px; }
      .icon_list_st1 li .icon_bx .tt {
        font-size: 1.375em;
        font-weight: 700;
        line-height: 1.2;
        font-family: "Roboto", "Noto Sans KR", sans-serif; }
        @media screen and (max-width: 768px) {
          .icon_list_st1 li .icon_bx .tt {
            font-size: 1.250em; } }
    .icon_list_st1 li .icon_shadow {
      border-radius: 50%;
      height: 13px;
      margin: 0 55px;
      background: -webkit-radial-gradient(#f3f3f3, transparent);
      background: -o-radial-gradient(#f3f3f3, transparent);
      background: radial-gradient(#f3f3f3, transparent); }
    .icon_list_st1 li .txt {
      margin-top: 30px;
      font-size: 1.125em;
      font-weight: 300;
      color: #666; }
      @media screen and (max-width: 768px) {
        .icon_list_st1 li .txt {
          margin-top: 20px;
          font-size: 1.063em; } }

.icon_list_st2 {
  margin: -30px -30px 0 0; }
  @media screen and (max-width: 1024px) {
    .icon_list_st2 {
      margin: -30px -15px 0 0; } }
  @media screen and (max-width: 768px) {
    .icon_list_st2 {
      margin: -10px 0 0; } }
  .icon_list_st2 .item {
    float: left;
    width: 33.33%; }
    @media screen and (max-width: 768px) {
      .icon_list_st2 .item {
        width: 100%; } }
  .icon_list_st2 .inner {
    background: #fff;
    padding: 4.5em 1em 3.8em;
    text-align: center;
    -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
    margin: 30px 30px 0 0;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .icon_list_st2 .inner {
        margin: 30px 15px 0 0; } }
    @media screen and (max-width: 768px) {
      .icon_list_st2 .inner {
        margin: 10px 0 0;
        padding: 2em 1em 2em 8em;
        text-align: left; } }
    @media screen and (max-width: 768px) {
      .icon_list_st2 .inner .icon {
        position: absolute;
        left: 2em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
    @media screen and (max-width: 768px) {
      .icon_list_st2 .inner .icon img {
        width: 60px; } }
    .icon_list_st2 .inner .tt {
      font-size: 1.375em;
      font-weight: 700;
      margin: 1.2em 0 0.3em; }
      @media screen and (max-width: 768px) {
        .icon_list_st2 .inner .tt {
          margin-top: 0; } }
    .icon_list_st2 .inner .en {
      font-family: "Roboto", "Noto Sans KR", sans-serif;
      font-weight: 500;
      color: rgba(102, 102, 102, 0.5);
      margin-bottom: 1em; }
    .icon_list_st2 .inner .txt {
      font-weight: 100;
      color: #666; }
    .icon_list_st2 .inner .des {
      font-size: 1.063em;
      font-weight: 100;
      color: #666; }
    .icon_list_st2 .inner .comm_ul {
      margin-top: 1.5em; }

.wide_bg_st1 {
  background: #f5f6f7;
  padding: 100px 0 120px; }
  @media screen and (max-width: 768px) {
    .wide_bg_st1 {
      padding: 70px 0 90px; } }
  @media screen and (max-width: 500px) {
    .wide_bg_st1 {
      padding: 50px 0 70px; } }
  .wide_bg_st1.st2 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .wide_bg_st1.mt {
    margin-top: 100px; }
    @media screen and (max-width: 768px) {
      .wide_bg_st1.mt {
        margin-top: 80px; } }
    @media screen and (max-width: 500px) {
      .wide_bg_st1.mt {
        margin-top: 60px; } }

.wide_txt_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 28em;
  /* @include size (lg) {
    height:23em;
  } */ }
  @media screen and (max-width: 768px) {
    .wide_txt_bg {
      height: auto;
      position: relative; }
      .wide_txt_bg:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.3); } }
  .wide_txt_bg.mb {
    margin-bottom: 13em; }
    @media screen and (max-width: 768px) {
      .wide_txt_bg.mb {
        margin-bottom: 4em; } }
  .wide_txt_bg .txt_bx {
    background: -webkit-linear-gradient(45deg, #094fb7, #1c33ae);
    background: -o-linear-gradient(45deg, #094fb7, #1c33ae);
    background: linear-gradient(45deg, #094fb7, #1c33ae);
    color: #fff;
    width: 400px;
    height: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    padding: 0 2.8em;
    -webkit-transform: translateY(10em);
    -ms-transform: translateY(10em);
    transform: translateY(10em);
    -webkit-box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.2);
    /* @include size (lg) {
      width:50%;
      height:auto;
      padding:3em 2.5em;
    } */ }
    @media screen and (max-width: 768px) {
      .wide_txt_bg .txt_bx {
        position: relative;
        z-index: 1;
        display: block;
        width: auto !important;
        height: auto;
        padding: 4em 2em 4em 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background: none !important; } }
    .wide_txt_bg .txt_bx.management {
      width: 600px;
      background: url(../images/sub/wide_management_txtbg.jpg) no-repeat center;
      background-size: cover; }
      .wide_txt_bg .txt_bx.management .t1 {
        margin-bottom: 0.8em; }
    .wide_txt_bg .txt_bx .t1 {
      font-size: 1.875em;
      font-weight: 300;
      letter-spacing: -0.04em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 1024px) {
        .wide_txt_bg .txt_bx .t1 {
          font-size: 1.5em; } }
      .wide_txt_bg .txt_bx .t1 .des {
        color: rgba(103, 214, 255, 0.6);
        font-size: 0.733em;
        font-weight: 500;
        display: block;
        margin-top: 3px; }
    .wide_txt_bg .txt_bx .t2 {
      font-weight: 100;
      font-size: 1.125em;
      color: rgba(255, 255, 255, 0.6);
      letter-spacing: -0.045em;
      line-height: 1.5; }
      @media screen and (max-width: 768px) {
        .wide_txt_bg .txt_bx .t2 {
          color: #fff; } }
    .wide_txt_bg .txt_bx .year {
      font-size: 2.5em;
      font-weight: 600;
      font-style: italic;
      margin: 5px 0 15px;
      font-family: "Roboto", "Noto Sans KR", sans-serif;
      letter-spacing: -0.045em;
      margin: -0.5em 0 0.5em; }
      @media screen and (max-width: 768px) {
        .wide_txt_bg .txt_bx .year {
          margin-top: 0; } }

.chk_ul {
  text-align: left; }
  .chk_ul li {
    padding-left: 30px;
    background: url(../images/sub/chk_list_i.png) no-repeat left top;
    color: #666;
    font-weight: 300;
    margin: 10px 0;
    line-height: 21px; }

.comm_ul {
  text-align: left; }
  .comm_ul > li {
    position: relative;
    padding-left: 14px;
    color: #666;
    font-weight: 300;
    font-size: 1.063em;
    margin: 10px 0; }
    @media screen and (max-width: 768px) {
      .comm_ul > li {
        padding-left: 10px;
        margin: 7px 0; } }
    .comm_ul > li:before {
      content: '';
      width: 3px;
      height: 3px;
      background: #153eb1;
      position: absolute;
      left: 0;
      top: 10px; }
      @media screen and (max-width: 768px) {
        .comm_ul > li:before {
          width: 2px;
          height: 2px;
          top: 9px; } }
    .comm_ul > li .in_ul {
      margin-bottom: 10px; }
      .comm_ul > li .in_ul li {
        padding-left: 10px;
        position: relative;
        color: #888;
        font-size: 15px;
        font-weight: 300;
        margin: 5px 0; }
        .comm_ul > li .in_ul li:before {
          content: '-';
          position: absolute;
          left: 0;
          top: 0; }

.w_1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

.img_board_list {
  overflow: hidden;
  margin: -40px -40px 0 0; }
  @media screen and (max-width: 1280px) {
    .img_board_list {
      margin: -20px -20px 0 0; } }
  @media screen and (max-width: 768px) {
    .img_board_list {
      margin: -10px -10px 0 0; } }
  .img_board_list .item {
    float: left;
    width: 33.33%; }
    @media screen and (max-width: 1024px) {
      .img_board_list .item {
        width: 50%; } }
    .img_board_list .item .inner {
      display: block;
      margin: 40px 40px 0 0;
      text-align: center;
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 1280px) {
        .img_board_list .item .inner {
          margin: 20px 20px 0 0; } }
      @media screen and (max-width: 768px) {
        .img_board_list .item .inner {
          margin: 10px 10px 0 0; } }
      .img_board_list .item .inner:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        border: 0px solid #0078ff;
        z-index: 1;
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease; }
      .img_board_list .item .inner:hover:after {
        border-width: 4px; }
      .img_board_list .item .inner:hover .img_src {
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
      .img_board_list .item .inner:hover .txt_bx {
        background: #0078ff; }
        .img_board_list .item .inner:hover .txt_bx p {
          color: #fff; }
      .img_board_list .item .inner .img_bx {
        overflow: hidden; }
        .img_board_list .item .inner .img_bx .img_src {
          padding-top: 66.66%;
          -webkit-transition: 0.4s ease;
          -o-transition: 0.4s ease;
          transition: 0.4s ease; }
      .img_board_list .item .inner .txt_bx {
        padding: 25px 10px;
        -webkit-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease;
        border: 1px solid #ddd; }
        @media screen and (max-width: 768px) {
          .img_board_list .item .inner .txt_bx {
            padding: 20px 10px; } }
        .img_board_list .item .inner .txt_bx .title {
          font-size: 1.250em;
          font-weight: 500;
          margin-bottom: 0.5em; }
          @media screen and (max-width: 768px) {
            .img_board_list .item .inner .txt_bx .title {
              font-size: 1.063em; } }
        .img_board_list .item .inner .txt_bx .date {
          font-size: 15px;
          color: #888;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            .img_board_list .item .inner .txt_bx .date {
              font-size: 13px; } }

/* 회사개요 */
.overview_wrap {
  position: relative; }
  .overview_wrap .l_title {
    width: 33.33%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 10px;
    background: url(../images/sub/overview_title_bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    text-align: center;
    font-size: 1.750em;
    font-weight: 100;
    line-height: 1.3;
    letter-spacing: -0.04em; }
    @media screen and (max-width: 1024px) {
      .overview_wrap .l_title {
        position: static;
        left: auto;
        top: auto;
        bottom: auto;
        width: auto;
        text-align: center;
        background: none;
        font-size: 1.438em;
        margin-bottom: 30px;
        color: #333; } }
  .overview_wrap .r_cont {
    margin-left: 33.33%; }
    @media screen and (max-width: 1024px) {
      .overview_wrap .r_cont {
        margin: 0; } }
    .overview_wrap .r_cont .item {
      float: left;
      width: 50%; }
      @media screen and (max-width: 768px) {
        .overview_wrap .r_cont .item {
          width: 100%; } }
      .overview_wrap .r_cont .item.st1 {
        width: 100%; }
        .overview_wrap .r_cont .item.st1 .inner {
          height: 18.75em; }
      .overview_wrap .r_cont .item .inner {
        margin: 0 0 10px 10px;
        background: #fff;
        -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.1);
        padding: 0 3.5em;
        height: 9.375em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative; }
        @media screen and (max-width: 1024px) {
          .overview_wrap .r_cont .item .inner {
            height: auto !important;
            padding: 2em 2.3em; } }
      .overview_wrap .r_cont .item .t_box {
        position: relative; }
        .overview_wrap .r_cont .item .t_box .tt {
          font-size: 1.250em;
          font-weight: 700;
          position: absolute;
          left: 0;
          top: 2px; }
          @media screen and (max-width: 1024px) {
            .overview_wrap .r_cont .item .t_box .tt {
              font-size: 1.125em; } }
          @media screen and (max-width: 768px) {
            .overview_wrap .r_cont .item .t_box .tt {
              position: static;
              left: auto;
              top: auto; } }
        .overview_wrap .r_cont .item .t_box .txt {
          font-weight: 300;
          color: #666;
          line-height: 1.9;
          margin-left: 8em; }
          @media screen and (max-width: 1024px) {
            .overview_wrap .r_cont .item .t_box .txt {
              margin-left: 6em; } }
          @media screen and (max-width: 768px) {
            .overview_wrap .r_cont .item .t_box .txt {
              margin: 15px 0 0;
              line-height: 1.7; } }
      .overview_wrap .r_cont .item .icon {
        position: absolute;
        left: 3em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        @media screen and (max-width: 1024px) {
          .overview_wrap .r_cont .item .icon {
            left: 2em; } }
        @media screen and (max-width: 1024px) {
          .overview_wrap .r_cont .item .icon img {
            width: 55px; } }
        @media screen and (max-width: 500px) {
          .overview_wrap .r_cont .item .icon img {
            width: 45px; } }
      .overview_wrap .r_cont .item .t_box2 {
        margin-left: 6.5em; }
        @media screen and (max-width: 1024px) {
          .overview_wrap .r_cont .item .t_box2 {
            margin-left: 5em; } }
        .overview_wrap .r_cont .item .t_box2 .tt {
          font-weight: 500;
          margin-bottom: 5px; }
        .overview_wrap .r_cont .item .t_box2 .txt {
          font-weight: 700;
          font-size: 1.250em;
          color: #005bbb; }
          .overview_wrap .r_cont .item .t_box2 .txt .numb {
            font-weight: 900;
            font-size: 1.2em; }

/* ceo 메시지 */
.ceo_message {
  position: relative; }
  .ceo_message .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 31.5%; }
    @media screen and (max-width: 1024px) {
      .ceo_message .img {
        width: 38%; } }
    @media screen and (max-width: 768px) {
      .ceo_message .img {
        width: auto;
        position: static;
        left: auto;
        top: auto;
        text-align: center; } }
  .ceo_message .message {
    margin-left: 36%; }
    @media screen and (max-width: 1024px) {
      .ceo_message .message {
        margin-left: 41%; } }
    @media screen and (max-width: 768px) {
      .ceo_message .message {
        margin: 20px 0 0; } }
    .ceo_message .message .title {
      font-size: 1.563em;
      font-weight: 300;
      margin-bottom: 1.5em; }
      @media screen and (max-width: 1024px) {
        .ceo_message .message .title {
          font-size: 1.375em; } }
      .ceo_message .message .title span {
        font-weight: 500; }
    .ceo_message .message .txt {
      font-size: 1.125em;
      font-weight: 300;
      color: #666;
      line-height: 1.6; }
      @media screen and (max-width: 1024px) {
        .ceo_message .message .txt {
          font-size: 1.063em; } }
    .ceo_message .message .name_bx {
      font-size: 1.438em;
      font-weight: 300;
      margin-top: 1em; }
      .ceo_message .message .name_bx .name {
        font-weight: 500; }

/* vision */
.vision_wrap {
  background: url(../images/sub/vision_bg.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 8em 0 15.5em; }
  @media screen and (max-width: 768px) {
    .vision_wrap {
      padding: 6em 0 12em; } }
  @media screen and (max-width: 500px) {
    .vision_wrap {
      padding: 4em 0 8em; } }
  .vision_wrap .t_box {
    margin-top: -4.5em; }
    @media screen and (max-width: 768px) {
      .vision_wrap .t_box {
        margin-top: -2.5em; } }
    .vision_wrap .t_box .t1 {
      font-size: 2.5em;
      color: #0b82ff;
      font-weight: 300;
      line-height: 1.2; }
      @media screen and (max-width: 768px) {
        .vision_wrap .t_box .t1 {
          font-size: 2.125em; } }
    .vision_wrap .t_box .t2 {
      font-family: "Roboto", "Noto Sans KR", sans-serif;
      font-size: 1.5em;
      color: rgba(159, 206, 255, 0.6); }
      @media screen and (max-width: 768px) {
        .vision_wrap .t_box .t2 {
          font-size: 1.375em;
          margin-top: 5px; } }
    .vision_wrap .t_box .t3 {
      font-weight: 300;
      font-size: 1.250em;
      color: #fff;
      margin-top: 20px; }
      @media screen and (max-width: 768px) {
        .vision_wrap .t_box .t3 {
          font-size: 1.125em; } }

/* history */
.history_wrap {
  text-align: left;
  position: relative;
  padding: 2em 0;
  margin-left: 15%; }
  @media screen and (max-width: 1024px) {
    .history_wrap {
      margin-left: 0; } }
  @media screen and (max-width: 768px) {
    .history_wrap {
      padding: 0.5em 0; } }
  .history_wrap:before {
    content: '';
    position: absolute;
    left: 9.4em;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ddd; }
    @media screen and (max-width: 1024px) {
      .history_wrap:before {
        left: 7.45em; } }
  .history_wrap .his_cont {
    position: relative;
    margin: 3.3em 0; }
    @media screen and (max-width: 768px) {
      .history_wrap .his_cont {
        margin: 2.5em 0; } }
    .history_wrap .his_cont .year {
      position: absolute;
      left: 0;
      top: 0;
      color: #005bbb;
      font-size: 1.875em;
      font-weight: 500;
      font-family: "Roboto", "Noto Sans KR", sans-serif;
      font-style: italic;
      letter-spacing: -0.04em;
      line-height: 1; }
    .history_wrap .his_cont .cont {
      margin-left: 13em;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .history_wrap .his_cont .cont {
          margin-left: 9em; } }
      .history_wrap .his_cont .cont:before {
        content: '';
        width: 5px;
        height: 5px;
        background: #005bbb;
        border: 5px solid #fff;
        border-radius: 50%;
        position: absolute;
        left: -4.05em;
        top: 5px; }
        @media screen and (max-width: 1024px) {
          .history_wrap .his_cont .cont:before {
            left: -2.05em; } }
      .history_wrap .his_cont .cont ul li {
        position: relative;
        padding-left: 10px;
        color: #666;
        font-size: 1.125em;
        font-weight: 300;
        margin: 10px 0; }
        .history_wrap .his_cont .cont ul li:before {
          content: '-';
          position: absolute;
          left: 0;
          top: 0; }
      .history_wrap .his_cont .cont .his_img {
        margin: 40px 0; }
        .history_wrap .his_cont .cont .his_img img {
          -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
          display: inline-block; }

/* 지속가능경영 */
.management_list .tr {
  position: relative;
  margin: 50px 0; }
  .management_list .tr:before {
    content: '';
    position: absolute;
    left: 253px;
    right: 0;
    top: 50%;
    border-top: 2px dotted #153eb1; }
    @media screen and (max-width: 1280px) {
      .management_list .tr:before {
        left: 219px; } }
    @media screen and (max-width: 1024px) {
      .management_list .tr:before {
        left: 109px;
        right: auto;
        top: 219px;
        bottom: 0;
        border-top: none;
        border-left: 2px dotted #153eb1; } }
    @media screen and (max-width: 500px) {
      .management_list .tr:before {
        left: 84px;
        top: 171px; } }
  .management_list .tr .c_bx {
    text-align: center;
    border: 2px dotted #153eb1;
    padding: 12px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 500px) {
      .management_list .tr .c_bx {
        padding: 8px; } }
    .management_list .tr .c_bx .in_bg {
      width: 225px;
      height: 225px;
      border-radius: 50%;
      background: #f8f8f8;
      font-family: "Roboto", "Noto Sans KR", sans-serif;
      font-size: 1.375em;
      font-weight: 700;
      line-height: 1.2; }
      @media screen and (max-width: 1280px) {
        .management_list .tr .c_bx .in_bg {
          width: 190px;
          height: 190px;
          font-size: 1.188em; } }
      @media screen and (max-width: 500px) {
        .management_list .tr .c_bx .in_bg {
          width: 150px;
          height: 150px; } }
  .management_list .tr .t_area {
    position: absolute;
    left: 265px;
    right: 0;
    top: 77px; }
    @media screen and (max-width: 1280px) {
      .management_list .tr .t_area {
        left: 217px;
        top: 59px; } }
    @media screen and (max-width: 1024px) {
      .management_list .tr .t_area {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin-left: 110px; } }
    @media screen and (max-width: 500px) {
      .management_list .tr .t_area {
        margin-left: 85px; } }
    .management_list .tr .t_area ul li {
      float: left;
      width: 25%;
      letter-spacing: -0.03em; }
      @media screen and (max-width: 1024px) {
        .management_list .tr .t_area ul li {
          float: none;
          width: auto;
          margin: 2em 0; } }
      .management_list .tr .t_area ul li .inner {
        margin-left: 30px; }
        @media screen and (max-width: 500px) {
          .management_list .tr .t_area ul li .inner {
            margin-left: 20px; } }
      .management_list .tr .t_area ul li .tit {
        font-size: 1.313em;
        font-weight: 700;
        margin-bottom: 50px;
        position: relative; }
        @media screen and (max-width: 1024px) {
          .management_list .tr .t_area ul li .tit {
            margin-bottom: 20px; } }
        .management_list .tr .t_area ul li .tit:after {
          content: '';
          position: absolute;
          left: 2px;
          bottom: -26px;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #153eb1; }
          @media screen and (max-width: 1024px) {
            .management_list .tr .t_area ul li .tit:after {
              left: -34px;
              bottom: auto;
              top: 10px; } }
          @media screen and (max-width: 500px) {
            .management_list .tr .t_area ul li .tit:after {
              left: -23px;
              width: 7px;
              height: 7px;
              top: 9px; } }
      .management_list .tr .t_area ul li .desc {
        font-size: 1.063em;
        font-weight: 300;
        color: #666;
        line-height: 1.6; }

.chk_list_bx {
  text-align: center;
  margin-top: 70px;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .chk_list_bx {
      margin-top: 50px; } }
  @media screen and (max-width: 500px) {
    .chk_list_bx {
      margin-top: 30px; } }
  .chk_list_bx .tit_bx {
    background: #333;
    color: #fff;
    line-height: 4.1em;
    border-radius: 100px;
    font-size: 1.375em;
    font-weight: 500;
    margin-bottom: 30px;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .chk_list_bx .tit_bx {
        line-height: 3.8em;
        font-size: 1.250em; } }
    .chk_list_bx .tit_bx:before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -30px;
      height: 30px;
      width: 1px;
      background: #333;
      margin-left: -1px; }
    .chk_list_bx .tit_bx:after {
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      bottom: 5px;
      background: #fff;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .chk_list_bx .list_bx {
    border: 1px solid #333;
    background: #fff;
    border-radius: 50px;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 240px; }
    @media screen and (max-width: 768px) {
      .chk_list_bx .list_bx {
        border-radius: 30px; } }
    .chk_list_bx .list_bx .chk_ul {
      display: inline-block; }

.big_arrow {
  position: relative;
  top: -11em;
  margin-bottom: -6em;
  text-align: left; }
  @media screen and (max-width: 1024px) {
    .big_arrow {
      top: -4em;
      margin-bottom: 0; } }
  @media screen and (max-width: 500px) {
    .big_arrow {
      top: -2em; } }

.white_txt_list li {
  background: #fff;
  padding: 35px 0;
  position: relative;
  margin: 2px 0; }
  @media screen and (max-width: 768px) {
    .white_txt_list li {
      padding: 25px 0; } }
  .white_txt_list li .numb {
    color: #2526a9;
    font-family: "Roboto", "Noto Sans KR", sans-serif;
    font-weight: 500;
    font-size: 1.250em;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8em;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .white_txt_list li .numb {
        width: 6em; } }
    @media screen and (max-width: 768px) {
      .white_txt_list li .numb {
        width: 80px; } }
    .white_txt_list li .numb:after {
      content: '';
      width: 3px;
      height: 17px;
      background: #ddd;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .white_txt_list li .txt {
    font-size: 1.125em;
    color: #666;
    margin-left: 12em; }
    @media screen and (max-width: 1024px) {
      .white_txt_list li .txt {
        margin-left: 10em; } }
    @media screen and (max-width: 768px) {
      .white_txt_list li .txt {
        margin-left: 110px; } }

.txt_tr_list .tr {
  position: relative;
  margin-bottom: 20px; }
  .txt_tr_list .tr .title_bx {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #153eb1;
    border-radius: 30px;
    width: 10.5em;
    text-align: center;
    color: #fff;
    font-size: 1.375em;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.2em; }
    @media screen and (max-width: 1024px) {
      .txt_tr_list .tr .title_bx {
        width: 10em;
        padding: 0.8em;
        font-size: 1.188em; } }
    @media screen and (max-width: 768px) {
      .txt_tr_list .tr .title_bx {
        width: auto;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        width: auto;
        height: auto !important;
        padding: 2em 1em; } }
    .txt_tr_list .tr .title_bx.st2 {
      height: 10.5em; }
    .txt_tr_list .tr .title_bx:before {
      content: '';
      position: absolute;
      right: -4em;
      top: 50%;
      width: 4em;
      border-top: 2px dashed #153eb1;
      margin-top: -1px; }
      @media screen and (max-width: 768px) {
        .txt_tr_list .tr .title_bx:before {
          right: auto;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          top: auto;
          bottom: -30px;
          border-left: 2px dashed #153eb1;
          margin-top: 0;
          height: 30px;
          width: auto; } }
    .txt_tr_list .tr .title_bx:after {
      content: '';
      width: 5px;
      height: 5px;
      border: 3px solid #fff;
      border-radius: 50%;
      position: absolute;
      right: 13px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1; }
      @media screen and (max-width: 768px) {
        .txt_tr_list .tr .title_bx:after {
          right: auto;
          left: 50%;
          top: auto;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          bottom: 5px;
          border-width: 2px; } }
  .txt_tr_list .tr .cont_bx {
    background: #fff;
    border-radius: 30px;
    padding: 3em 2.5em;
    margin-left: 17.5em;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    position: relative;
    text-align: left; }
    @media screen and (max-width: 1024px) {
      .txt_tr_list .tr .cont_bx {
        padding: 2.5em;
        margin-left: 14.5em; } }
    @media screen and (max-width: 768px) {
      .txt_tr_list .tr .cont_bx {
        margin-left: 0;
        margin-top: 30px; } }
    .txt_tr_list .tr .cont_bx .comm_ul {
      margin: -10px 0; }

@media screen and (max-width: 500px) {
  .sharing_txt .cont {
    text-align: center; } }

.gray_img_bx {
  background: #f5f5f5;
  padding: 50px;
  margin-top: 40px; }
  @media screen and (max-width: 1024px) {
    .gray_img_bx {
      padding: 2em; } }
  @media screen and (max-width: 500px) {
    .gray_img_bx {
      text-align: center; } }
  .gray_img_bx.ci {
    margin-top: 30px; }
    @media screen and (max-width: 500px) {
      .gray_img_bx.ci {
        text-align: left;
        margin-top: 20px; } }

/* global location */
.location_map {
  background: #c5d8eb;
  padding: 3em 0; }

.location_info_bx {
  background: #f5f6f7;
  padding: 50px; }
  @media screen and (max-width: 1280px) {
    .location_info_bx {
      padding: 2.5em; } }
  @media screen and (max-width: 500px) {
    .location_info_bx {
      padding: 2em; } }
  .location_info_bx.mt {
    margin-top: 3em; }
  .location_info_bx .cont_bx figure {
    float: left;
    width: 43%; }
    @media screen and (max-width: 1024px) {
      .location_info_bx .cont_bx figure {
        float: none;
        width: 100%;
        margin-bottom: 30px; } }
    @media screen and (max-width: 1024px) {
      .location_info_bx .cont_bx figure img {
        width: 100%; } }
  .location_info_bx .cont_bx .info {
    float: right;
    width: 52%;
    margin-bottom: -14px; }
    @media screen and (max-width: 1024px) {
      .location_info_bx .cont_bx .info {
        float: none;
        width: auto; } }
    .location_info_bx .cont_bx .info li {
      position: relative;
      font-size: 1.125em;
      font-weight: 300;
      color: #666;
      margin-bottom: 14px;
      padding-left: 100px;
      letter-spacing: -0.04em;
      line-height: 1.5; }
      @media screen and (max-width: 500px) {
        .location_info_bx .cont_bx .info li {
          padding-left: 80px; } }
      .location_info_bx .cont_bx .info li .tt {
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 500;
        color: #222; }

/* business */
.business_top_txt {
  position: relative; }
  .business_top_txt .img_bx {
    position: absolute;
    left: 0;
    width: 50%;
    top: 0;
    bottom: 0; }
    @media screen and (max-width: 768px) {
      .business_top_txt .img_bx {
        position: static;
        left: auto;
        width: auto;
        top: auto;
        bottom: auto; } }
    .business_top_txt .img_bx .img_src {
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 768px) {
        .business_top_txt .img_bx .img_src {
          height: auto;
          padding-top: 50%; } }
  .business_top_txt .txt_bx {
    margin-left: 50%;
    padding: 5em 2.5em 5em 3.5em;
    background: #f5f6f7; }
    @media screen and (max-width: 1024px) {
      .business_top_txt .txt_bx {
        padding: 4em 2em 4em 3em; } }
    @media screen and (max-width: 768px) {
      .business_top_txt .txt_bx {
        margin-left: 0;
        padding: 3em 1em 3em 2em; } }
    .business_top_txt .txt_bx .title {
      font-size: 2em;
      font-weight: 700;
      line-height: 1.2; }
      @media screen and (max-width: 1024px) {
        .business_top_txt .txt_bx .title {
          font-size: 1.750em; } }
      @media screen and (max-width: 1024px) {
        .business_top_txt .txt_bx .title br {
          display: none; } }
    .business_top_txt .txt_bx .sm_title {
      font-weight: 700;
      font-size: 1.375em;
      color: #005bbb;
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .business_top_txt .txt_bx .sm_title {
          font-size: 1.250em; } }
    .business_top_txt .txt_bx .inner {
      margin-top: 30px;
      height: 20em;
      overflow-y: auto;
      padding-right: 15px; }
      @media screen and (max-width: 768px) {
        .business_top_txt .txt_bx .inner {
          margin-top: 20px;
          height: 15em; } }
      .business_top_txt .txt_bx .inner .tit {
        font-size: 1.125em;
        font-weight: 700;
        margin: 30px 0 15px; }
        @media screen and (max-width: 768px) {
          .business_top_txt .txt_bx .inner .tit {
            margin: 20px 0 10px; } }
      .business_top_txt .txt_bx .inner .txt {
        color: #666;
        line-height: 1.8;
        font-weight: 300; }

.desc_bx {
  background: #f5f6f7;
  padding: 2.5em 3em; }
  @media screen and (max-width: 1024px) {
    .desc_bx {
      padding: 2em; } }
  .desc_bx .txt {
    color: #666;
    font-weight: 300; }
  .desc_bx .comm_ul li {
    font-weight: 400;
    font-size: 15px;
    margin: 3px 0; }
    .desc_bx .comm_ul li .date {
      font-weight: 300;
      padding-left: 18px;
      position: relative; }
      .desc_bx .comm_ul li .date:before {
        content: '';
        width: 1px;
        height: 12px;
        background: #bbb;
        position: absolute;
        left: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .desc_bx .certi_border {
    border-right: 1px solid #ddd;
    height: 275px; }
    @media screen and (max-width: 1024px) {
      .desc_bx .certi_border {
        height: auto;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 20px 0; } }
    .desc_bx .certi_border.no_bor {
      border-right: none; }
      @media screen and (max-width: 1024px) {
        .desc_bx .certi_border.no_bor {
          border-bottom: none; } }
  .desc_bx .certi_mark.mt {
    margin-top: 25px; }
  .desc_bx .certi_mark img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 0; }
  .desc_bx .certi_mark p {
    color: #666;
    font-weight: 500; }

.location_board {
  overflow: hidden;
  margin: -12px -12px 0 0; }
  @media screen and (max-width: 1024px) {
    .location_board {
      margin: 0;
      white-space: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      padding-bottom: 30px; } }
  .location_board::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.6); }
  .location_board::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.6); }
  .location_board::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #0065f5; }
  .location_board .item {
    float: left;
    width: 25%; }
    @media screen and (max-width: 1280px) {
      .location_board .item {
        width: 33.33%; } }
    @media screen and (max-width: 1024px) {
      .location_board .item {
        width: 340px;
        float: none;
        display: inline-block; } }
    @media screen and (max-width: 500px) {
      .location_board .item {
        width: 290px; } }
    .location_board .item .inner {
      display: block;
      margin: 12px 12px 0 0; }
      @media screen and (max-width: 1024px) {
        .location_board .item .inner {
          margin: 0 10px 0 0; } }
    .location_board .item .img_bx {
      overflow: hidden; }
      .location_board .item .img_bx .img_src {
        padding-top: 77%; }
    .location_board .item .txt_bx {
      background: #fff;
      padding: 2.2em 1.5em;
      text-align: left; }
      .location_board .item .txt_bx .location_tit {
        font-weight: 700;
        font-size: 1.125em;
        margin-bottom: 15px; }
      .location_board .item .txt_bx .info li {
        font-size: 15px;
        margin: 5px 0;
        position: relative;
        padding-left: 46px;
        font-weight: 300;
        color: #666;
        letter-spacing: -0.05em; }
        @media screen and (max-width: 768px) {
          .location_board .item .txt_bx .info li {
            font-size: 14px; } }
        .location_board .item .txt_bx .info li:before {
          content: '';
          width: 2px;
          height: 11px;
          background: #cdcdcd;
          position: absolute;
          left: 34px;
          top: 5px; }
        .location_board .item .txt_bx .info li .tt {
          position: absolute;
          left: 0;
          top: 0;
          font-weight: 400;
          color: #222; }

/* product */
.product_category {
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .product_category {
      margin-bottom: 40px; } }
  @media screen and (max-width: 500px) {
    .product_category {
      margin-bottom: 30px; } }
  .product_category .sel_for {
    height: 60px;
    padding: 0 2em;
    background-position: right 2em center;
    color: #666;
    font-size: 18px;
    font-weight: 500; }
    @media screen and (max-width: 1024px) {
      .product_category .sel_for {
        padding: 0 1em;
        background-position: right 1em center;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      .product_category .sel_for {
        font-size: 14px;
        height: 50px; } }
  .product_category .cate2 .sel_for {
    margin-left: -1px; }

.product_top_info {
  position: relative; }
  .product_top_info .img_bx {
    margin-right: 42%; }
    @media screen and (max-width: 1024px) {
      .product_top_info .img_bx {
        margin-right: 0; } }
    @media screen and (max-width: 1024px) {
      .product_top_info .img_bx img {
        width: 100%; } }
  .product_top_info .txt_bx {
    position: absolute;
    left: 58%;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f5f6f7;
    padding: 5em 2.5em 5em 3.5em;
    color: #666;
    line-height: 1.8;
    font-weight: 300; }
    @media screen and (max-width: 1280px) {
      .product_top_info .txt_bx {
        padding: 4em 2em 4em 3em; } }
    @media screen and (max-width: 1024px) {
      .product_top_info .txt_bx {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        padding: 3em 1em 3em 2em; } }

.product_info_bx {
  background: #f5f6f7;
  padding: 0 3em; }
  @media screen and (max-width: 1280px) {
    .product_info_bx {
      padding: 0 2em; } }
  .product_info_bx.open {
    padding-bottom: 50px; }
    .product_info_bx.open .show_title:after {
      content: '\e91a'; }
  .product_info_bx .show_title {
    padding: 2.5em 0;
    color: #666;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    padding-right: 20px !important; }
    @media screen and (max-width: 1024px) {
      .product_info_bx .show_title {
        padding: 2em 0; } }
    .product_info_bx .show_title:after {
      content: '\e913';
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: 'xeicon' !important;
      font-size: 24px;
      color: 222; }
      @media screen and (max-width: 1024px) {
        .product_info_bx .show_title:after {
          font-size: 20px; } }
      @media screen and (max-width: 768px) {
        .product_info_bx .show_title:after {
          font-size: 16px; } }
  .product_info_bx .hide_cont {
    padding: 1.5em 0;
    border-top: 1px solid #ccc;
    display: none; }
    .product_info_bx .hide_cont .product_list {
      border: 1px solid #ccc;
      background: #fff;
      display: table;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 1em 0; }
      @media screen and (max-width: 768px) {
        .product_info_bx .hide_cont .product_list {
          display: block;
          width: auto; } }
      .product_info_bx .hide_cont .product_list .img {
        float: left;
        width: 370px;
        border-right: 1px solid #ccc; }
        @media screen and (max-width: 1024px) {
          .product_info_bx .hide_cont .product_list .img {
            width: 300px; } }
        @media screen and (max-width: 768px) {
          .product_info_bx .hide_cont .product_list .img {
            float: none;
            width: auto;
            border-right: none;
            border-bottom: 1px solid #ccc; } }
        .product_info_bx .hide_cont .product_list .img .prod_title {
          text-align: center;
          padding: 20px 0;
          font-size: 15px;
          font-weight: 500;
          color: #666; }
          @media screen and (max-width: 768px) {
            .product_info_bx .hide_cont .product_list .img .prod_title {
              font-size: 14px; } }
      .product_info_bx .hide_cont .product_list .desc_cont {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 0 3em; }
        @media screen and (max-width: 1024px) {
          .product_info_bx .hide_cont .product_list .desc_cont {
            padding: 0 2em; } }
        @media screen and (max-width: 768px) {
          .product_info_bx .hide_cont .product_list .desc_cont {
            display: block;
            padding: 2em; } }
        .product_info_bx .hide_cont .product_list .desc_cont .tit {
          font-size: 1.125em;
          font-weight: 700;
          color: #222;
          margin-bottom: 15px; }
        .product_info_bx .hide_cont .product_list .desc_cont .desc {
          line-height: 1.7;
          color: #666;
          font-weight: 300; }

/* ci */
.ci_img_bx .bx {
  border: 1px solid #ddd;
  padding: 3em 2em;
  height: 17em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .ci_img_bx .bx {
      padding: 2em 1.5em;
      height: 15em; } }
  @media screen and (max-width: 500px) {
    .ci_img_bx .bx {
      padding: 1.5em 1em;
      height: 12em; } }
  .ci_img_bx .bx.st2 {
    height: 22em; }
    @media screen and (max-width: 768px) {
      .ci_img_bx .bx.st2 {
        height: 20em; } }
    @media screen and (max-width: 500px) {
      .ci_img_bx .bx.st2 {
        height: 17em; } }
  .ci_img_bx .bx.line {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sub/ci_line_bg.png);
    background-size: cover; }

.color_bx_list .color_bx {
  background: #fff;
  padding: 20px 20px 25px;
  font-family: "Open Sans", "Noto Sans KR", sans-serif;
  -webkit-box-shadow: 0 12px 29px rgba(0, 0, 0, 0.15);
  box-shadow: 0 12px 29px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 768px) {
    .color_bx_list .color_bx {
      padding: 15px 15px 20px; } }
  .color_bx_list .color_bx .color {
    padding: 12px;
    color: #fff;
    margin-bottom: 15px;
    height: 6em; }
    @media screen and (max-width: 768px) {
      .color_bx_list .color_bx .color {
        height: 5em;
        padding: 8px; } }
  .color_bx_list .color_bx p {
    line-height: 1.5; }

.color_info {
  position: relative; }
  .color_info .color {
    width: 94px;
    height: 94px; }
    @media screen and (max-width: 768px) {
      .color_info .color {
        width: 70px;
        height: 70px; } }
  .color_info .info {
    position: absolute;
    left: 110px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.5; }
    @media screen and (max-width: 1024px) {
      .color_info .info {
        left: 85px; } }

/* 담당자 */
.charge_person_bx {
  background: #f5f6f7;
  padding: 0 50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media screen and (max-width: 1024px) {
    .charge_person_bx {
      padding: 0 30px; } }
  @media screen and (max-width: 500px) {
    .charge_person_bx {
      padding: 0 20px; } }
  .charge_person_bx.mt {
    margin-top: 50px; }
    @media screen and (max-width: 1024px) {
      .charge_person_bx.mt {
        margin-top: 40px; } }
    @media screen and (max-width: 768px) {
      .charge_person_bx.mt {
        margin-top: 30px; } }
  .charge_person_bx.open {
    padding-bottom: 50px; }
    .charge_person_bx.open .show_title:after {
      content: '\e91a'; }
  .charge_person_bx .show_title {
    cursor: pointer;
    padding: 50px 0 20px;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .charge_person_bx .show_title {
        padding: 40px 0 15px; } }
    @media screen and (max-width: 768px) {
      .charge_person_bx .show_title {
        padding: 30px 0 15px; } }
    .charge_person_bx .show_title:after {
      content: '\e913';
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-family: 'xeicon' !important;
      font-size: 24px;
      color: 222; }
      @media screen and (max-width: 1024px) {
        .charge_person_bx .show_title:after {
          font-size: 20px; } }
      @media screen and (max-width: 768px) {
        .charge_person_bx .show_title:after {
          font-size: 16px; } }
  .charge_person_bx .hide_cont {
    display: none; }
    .charge_person_bx .hide_cont .person_list {
      font-size: 0;
      margin: 0 -20px 0 0; }
      .charge_person_bx .hide_cont .person_list .list {
        display: inline-block;
        vertical-align: bottom;
        width: 33.33%;
        font-size: 16px; }
        @media screen and (max-width: 1024px) {
          .charge_person_bx .hide_cont .person_list .list {
            width: 100%;
            font-size: 15px; } }
    .charge_person_bx .hide_cont .inner {
      background: #fff;
      padding: 25px;
      margin: 20px 20px 0 0; }
      .charge_person_bx .hide_cont .inner .name {
        font-weight: 700;
        font-size: 1.125em;
        margin-bottom: 12px; }
        .charge_person_bx .hide_cont .inner .name span {
          font-size: 0.9em; }
      .charge_person_bx .hide_cont .inner ul li {
        color: #666;
        font-weight: 300;
        font-size: 15px;
        font-family: "Roboto", "Noto Sans KR", sans-serif;
        line-height: 1.5;
        margin: 3px 0; }
        .charge_person_bx .hide_cont .inner ul li span {
          font-weight: 400; }

/* 로그인 */
.login_wrap {
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }
  .login_wrap .login_list li {
    margin-top: 10px; }
    .login_wrap .login_list li.btn {
      margin-top: 20px; }
  .login_wrap .login_list input {
    height: 4em;
    line-height: normal; }

/* 반응형 게시판 */
@media screen and (max-width: 1024px) {
  .res_tbl {
    margin-top: -10px;
    border-bottom: none !important; } }

@media screen and (max-width: 1024px) {
  .res_tbl.table_board_for {
    border-top: none; } }

@media screen and (max-width: 1024px) {
  .res_tbl.table-form-01 tr {
    border-top: none;
    margin-top: 0; } }

@media screen and (max-width: 1024px) {
  .res_tbl colgroup,
  .res_tbl thead,
  .res_tbl th {
    display: none; } }

@media screen and (max-width: 1024px) {
  .res_tbl tr {
    border-top: 1px solid #565656;
    display: block;
    position: relative;
    z-index: inherit;
    margin-top: 10px; } }

@media screen and (max-width: 1024px) {
  .res_tbl td {
    display: block !important;
    width: 100% !important;
    position: relative;
    z-index: inherit;
    text-align: left !important;
    padding: 10px 5px 10px 130px !important;
    border-top: none !important;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media screen and (max-width: 768px) {
  .res_tbl td {
    padding: 10px 5px 10px 90px !important; } }

.res_tbl td.w_chk {
  padding-left: 10px !important; }
  .res_tbl td.w_chk:before {
    display: none; }

@media screen and (max-width: 1024px) {
  .res_tbl td:before {
    width: 120px;
    position: absolute;
    z-index: inherit;
    left: 10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    content: attr(data-th);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    font-size: 14px;
    word-break: keep-all;
    font-weight: 500;
    z-index: 1; } }

@media screen and (max-width: 768px) {
  .res_tbl td:before {
    width: 80px;
    font-size: 13px; } }

@media screen and (max-width: 500px) {
  .res_tbl td:before {
    font-size: 12px; } }

/* 팝업 */
.pop-con {
  width: 100%;
  max-width: 1200px;
  padding: 0; }
  .pop-con.w_auto {
    width: auto;
    max-width: 100%;
    background: none; }
  .pop-con.video {
    max-width: 800px;
    background: none; }
    .pop-con.video .videoWrap {
      position: relative;
      padding-top: 56.25%;
      overflow: hidden; }
      .pop-con.video .videoWrap iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%; }
  .pop-con .pop-content {
    padding: 40px 50px 45px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .pop-con .pop-content {
        padding: 30px 20px 35px; } }
  .pop-con .mfp-close {
    right: 0;
    top: -35px;
    background: url(../images/icon/close_i.png) no-repeat center !important;
    background-size: 20px !important; }

.sub_title_desc {
  word-break: keep-all;
  letter-spacing: -0.01em;
  text-align: center;
  margin-bottom: 50px;
  font-size: 1.4375em;
  color: #222;
  font-weight: 300; }
  @media screen and (max-width: 1024px) {
    .sub_title_desc {
      font-size: 1.35294em; } }
  @media screen and (max-width: 768px) {
    .sub_title_desc {
      font-size: 1.21053em; } }
  @media screen and (max-width: 500px) {
    .sub_title_desc {
      font-size: 1.15em; } }
  .sub_title_desc span {
    color: #005bbb;
    font-weight: 500; }
  @media screen and (max-width: 1024px) {
    .sub_title_desc {
      margin-bottom: 30px; } }

[class^="careers__"] * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.tbl_scrollwrap {
  overflow-x: auto;
  position: relative; }
  .tbl_scrollwrap_txt {
    display: none;
    color: #888;
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 0.8em; }

.careers__talent .cont_bx {
  text-align: center; }
  .careers__talent .cont_bx .desc {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px; }
    @media all and (min-width: 1025px) {
      .careers__talent .cont_bx .desc {
        display: none; } }
    .careers__talent .cont_bx .desc dl {
      float: left;
      padding: 0 10px;
      width: 33.33%; }
    .careers__talent .cont_bx .desc dt {
      display: none; }

.careers__personnel-system_body .sub_con,
.careers__promote_body .sub_con {
  padding-bottom: 0 !important; }

.careers__personnel-system .section,
.careers__promote .section {
  padding: 80px 0; }
  .careers__personnel-system .section .sec_title,
  .careers__promote .section .sec_title {
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.3; }
    .careers__personnel-system .section .sec_title .tit,
    .careers__promote .section .sec_title .tit {
      font-size: 1.875em;
      font-weight: 600;
      color: #222; }
      @media screen and (max-width: 1024px) {
        .careers__personnel-system .section .sec_title .tit,
        .careers__promote .section .sec_title .tit {
          font-size: 1.76471em; } }
      @media screen and (max-width: 768px) {
        .careers__personnel-system .section .sec_title .tit,
        .careers__promote .section .sec_title .tit {
          font-size: 1.57895em; } }
      @media screen and (max-width: 500px) {
        .careers__personnel-system .section .sec_title .tit,
        .careers__promote .section .sec_title .tit {
          font-size: 1.5em; } }
    .careers__personnel-system .section .sec_title .desc,
    .careers__promote .section .sec_title .desc {
      color: #666;
      font-weight: 300;
      margin-top: 30px;
      font-size: 1.125em; }
      @media screen and (max-width: 1024px) {
        .careers__personnel-system .section .sec_title .desc,
        .careers__promote .section .sec_title .desc {
          font-size: 1.05882em; } }
      @media screen and (max-width: 768px) {
        .careers__personnel-system .section .sec_title .desc,
        .careers__promote .section .sec_title .desc {
          font-size: 0.94737em; } }
      @media screen and (max-width: 500px) {
        .careers__personnel-system .section .sec_title .desc,
        .careers__promote .section .sec_title .desc {
          font-size: 0.9em; } }
  @media screen and (max-width: 1024px) {
    .careers__personnel-system .section,
    .careers__promote .section {
      padding: 60px 0; }
      .careers__personnel-system .section .sec_title,
      .careers__promote .section .sec_title {
        margin-bottom: 30px; }
        .careers__personnel-system .section .sec_title .desc,
        .careers__promote .section .sec_title .desc {
          margin-top: 15px; } }

.careers__personnel-system .section._1,
.careers__promote .section._1 {
  border-top: 1px solid #ddd; }

.careers__personnel-system .section._2,
.careers__promote .section._2 {
  background-color: #f6f6f6; }

.careers__promote .tbl {
  width: 100%;
  text-align: center;
  background-color: #fff;
  table-layout: fixed;
  border-collapse: collapse; }
  .careers__promote .tbl .col_1 {
    width: 3em; }
  .careers__promote .tbl .col_2 {
    width: 8em; }
  .careers__promote .tbl td, .careers__promote .tbl th {
    padding: 15px 10px;
    font-weight: 300;
    vertical-align: middle;
    border: 1px solid #eeeeee; }
  .careers__promote .tbl thead th {
    background-color: #1241b3;
    color: #fff;
    line-height: 1.3;
    font-size: 1.125em;
    text-align: center;
    border-color: #fff; }
    @media screen and (max-width: 1024px) {
      .careers__promote .tbl thead th {
        font-size: 1.05882em; } }
    @media screen and (max-width: 768px) {
      .careers__promote .tbl thead th {
        font-size: 0.94737em; } }
    @media screen and (max-width: 500px) {
      .careers__promote .tbl thead th {
        font-size: 0.9em; } }
  .careers__promote .tbl tbody {
    font-size: 1em;
    color: #666;
    word-break: keep-all;
    line-height: 1.625; }
    @media screen and (max-width: 1024px) {
      .careers__promote .tbl tbody {
        font-size: 0.94118em; } }
    @media screen and (max-width: 768px) {
      .careers__promote .tbl tbody {
        font-size: 0.84211em; } }
    @media screen and (max-width: 500px) {
      .careers__promote .tbl tbody {
        font-size: 0.8em; } }
  .careers__promote .tbl .bg {
    line-height: 1.3;
    word-break: break-all; }
    .careers__promote .tbl .bg._1 {
      background-color: #dde3f1; }
    .careers__promote .tbl .bg._2 {
      background-color: #e1e1e1; }

.careers__personnel-system {
  word-break: keep-all; }
  .careers__personnel-system .grade_wrap {
    text-align: center; }
  .careers__personnel-system .grade_tit {
    color: #0850b7;
    font-size: 1.4375em;
    font-weight: 600;
    line-height: 1.3; }
    @media screen and (max-width: 1024px) {
      .careers__personnel-system .grade_tit {
        font-size: 1.35294em; } }
    @media screen and (max-width: 768px) {
      .careers__personnel-system .grade_tit {
        font-size: 1.21053em; } }
    @media screen and (max-width: 500px) {
      .careers__personnel-system .grade_tit {
        font-size: 1.15em; } }
  .careers__personnel-system .list {
    margin: 30px 0 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    @media screen and (max-width: 1024px) {
      .careers__personnel-system .list {
        margin: 15px 0 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .careers__personnel-system .list li {
      max-width: 230px;
      padding: 0 5px; }
      @media screen and (max-width: 1024px) {
        .careers__personnel-system .list li {
          margin-bottom: 15px;
          width: 33.33%; } }
      @media screen and (max-width: 500px) {
        .careers__personnel-system .list li {
          width: 50%; } }
    .careers__personnel-system .list dd {
      padding: 10px;
      text-align: left;
      color: #666; }
    .careers__personnel-system .list dt {
      height: 0;
      position: relative;
      padding-bottom: 50%;
      display: block;
      width: 100%;
      line-height: 1.2;
      background-image: url(../images/sub/careers_grade-part.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: top center; }
    .careers__personnel-system .list span {
      position: absolute;
      width: 100%;
      height: 69%;
      top: 0;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      font-size: 1.1875em;
      font-weight: 600; }
      @media screen and (max-width: 1024px) {
        .careers__personnel-system .list span {
          font-size: 1.11765em; } }
      @media screen and (max-width: 768px) {
        .careers__personnel-system .list span {
          font-size: 1em; } }
      @media screen and (max-width: 500px) {
        .careers__personnel-system .list span {
          font-size: 0.95em; } }
  .careers__personnel-system .step {
    background-image: url(../images/sub/careers_grade-step.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 35.6%;
    position: relative; }
    .careers__personnel-system .step_wrap {
      max-width: 1230px;
      margin: 0 auto;
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .careers__personnel-system .step {
        background-image: url(../images/sub/careers_grade-step_m.png);
        padding-bottom: 37.5%; } }
    .careers__personnel-system .step dd {
      display: block;
      position: absolute;
      width: 19.6%;
      height: 17%;
      color: #fff; }
      .careers__personnel-system .step dd span {
        width: 100%;
        height: 100%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1.125em;
        font-weight: 600; }
        @media screen and (max-width: 1024px) {
          .careers__personnel-system .step dd span {
            font-size: 1.05882em; } }
        @media screen and (max-width: 768px) {
          .careers__personnel-system .step dd span {
            font-size: 0.94737em; } }
        @media screen and (max-width: 500px) {
          .careers__personnel-system .step dd span {
            font-size: 0.9em; } }
      @media screen and (max-width: 1024px) {
        .careers__personnel-system .step dd {
          width: 24.1%;
          height: 20.2%; }
          .careers__personnel-system .step dd span {
            font-size: 2vw; } }
    .careers__personnel-system .step ._1 {
      top: 19.6%;
      left: 2.14%; }
    .careers__personnel-system .step ._2 {
      top: 58.31435079726651%;
      left: 2.14%; }
    .careers__personnel-system .step ._3 {
      color: #222;
      top: 19.6%;
      left: 40.5%; }
    .careers__personnel-system .step ._4 {
      color: #222;
      top: 58.31435079726651%;
      left: 40.5%; }
    .careers__personnel-system .step ._5 {
      top: 3.64%;
      left: 78.4%; }
    .careers__personnel-system .step ._6 {
      top: 38.3%;
      left: 78.4%; }
    .careers__personnel-system .step ._7 {
      top: 73.6%;
      left: 78.4%; }
    @media screen and (max-width: 1024px) {
      .careers__personnel-system .step ._1 {
        top: 21.9%;
        left: 5.74%; }
      .careers__personnel-system .step ._2 {
        top: 51.314351%;
        left: 5.74%; }
      .careers__personnel-system .step ._3 {
        top: 21.9%;
        left: 38.3%; }
      .careers__personnel-system .step ._4 {
        top: 51.314351%;
        left: 38.3%; }
      .careers__personnel-system .step ._5 {
        top: 3.64%;
        left: 70%; }
      .careers__personnel-system .step ._6 {
        top: 36.7%;
        left: 70%; }
      .careers__personnel-system .step ._7 {
        top: 69.6%;
        left: 70%; } }

.careers__welfare {
  word-break: keep-all; }
  .careers__welfare .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .careers__welfare .list li {
      width: 50%;
      margin-bottom: 30px;
      text-align: left; }
      @media screen and (max-width: 1024px) {
        .careers__welfare .list li {
          width: 100%; } }
      .careers__welfare .list li .wrap {
        display: table;
        width: 100%;
        table-layout: fixed; }
      .careers__welfare .list li .img_bx, .careers__welfare .list li .txt_bx {
        display: table-cell;
        vertical-align: middle; }
      .careers__welfare .list li .img_bx {
        width: 170px; }
      .careers__welfare .list li .txt_bx .tit {
        font-size: 1.4375em;
        color: #222;
        font-weight: 500;
        margin-bottom: 20px; }
        @media screen and (max-width: 1024px) {
          .careers__welfare .list li .txt_bx .tit {
            font-size: 1.35294em; } }
        @media screen and (max-width: 768px) {
          .careers__welfare .list li .txt_bx .tit {
            font-size: 1.21053em; } }
        @media screen and (max-width: 500px) {
          .careers__welfare .list li .txt_bx .tit {
            font-size: 1.15em; } }
      .careers__welfare .list li .txt_bx .txt {
        color: #666;
        font-size: 1.125em;
        font-weight: 300; }
        @media screen and (max-width: 1024px) {
          .careers__welfare .list li .txt_bx .txt {
            font-size: 1.05882em; } }
        @media screen and (max-width: 768px) {
          .careers__welfare .list li .txt_bx .txt {
            font-size: 0.94737em; } }
        @media screen and (max-width: 500px) {
          .careers__welfare .list li .txt_bx .txt {
            font-size: 0.9em; } }
      .careers__welfare .list li .txt_bx dl {
        margin-top: 0.5em; }
        .careers__welfare .list li .txt_bx dl:nth-child(1) {
          margin-top: 0; }
      .careers__welfare .list li .txt_bx dt {
        float: left;
        margin-right: 0.5em; }
        .careers__welfare .list li .txt_bx dt:after {
          content: ' : '; }
      .careers__welfare .list li .txt_bx dd {
        overflow: hidden;
        position: relative; }
      @media screen and (max-width: 768px) {
        .careers__welfare .list li .img_bx {
          width: 100px; }
          .careers__welfare .list li .img_bx img {
            width: 90px; }
        .careers__welfare .list li .txt_bx .tit {
          margin-bottom: 10px; } }

.cir_shadow_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .cir_shadow_list li {
    margin-bottom: 30px;
    width: 20%;
    min-width: 150px;
    padding: 0 10px;
    position: relative; }
    .cir_shadow_list li:before {
      position: absolute;
      bottom: -7px;
      left: 50%;
      -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
      content: '';
      border-radius: 50%;
      height: 6.5%;
      display: block;
      width: 80%;
      background: -webkit-radial-gradient(#f3f3f3, transparent);
      background: -o-radial-gradient(#f3f3f3, transparent);
      background: radial-gradient(#f3f3f3, transparent); }
  .cir_shadow_list .icon_bx {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    background-color: #f8f8f8;
    text-align: center;
    position: relative; }
  .cir_shadow_list .tt {
    font-weight: 600;
    font-size: 1.375em;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 1024px) {
      .cir_shadow_list .tt {
        font-size: 1.29412em; } }
    @media screen and (max-width: 768px) {
      .cir_shadow_list .tt {
        font-size: 1.15789em; } }
    @media screen and (max-width: 500px) {
      .cir_shadow_list .tt {
        font-size: 1.1em; } }