/* web font */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans Thin"), local("NotoSans-Thin"), url(../fonts/NotoSansKR-Thin-Hestia.eot), url(../fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Thin-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-Thin-Hestia.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans Light"), local("NotoSans-Light"), url(../fonts/NotoSansKR-Light-Hestia.eot), url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Light-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-Light-Hestia.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 350;
  src: local("Noto Sans DemiLight"), local("NotoSans-DemiLight"), url(../fonts/NotoSansKR-DemiLight-Hestia.eot), url(../fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-DemiLight-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-DemiLight-Hestia.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(../fonts/NotoSansKR-Regular-Hestia.eot), url(../fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Regular-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-Regular-Hestia.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans Medium"), local("NotoSans-Medium"), url(../fonts/NotoSansKR-Medium-Hestia.eot), url(../fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Medium-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-Medium-Hestia.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(../fonts/NotoSansKR-Bold-Hestia.eot), url(../fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Bold-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-Bold-Hestia.otf) format("opentype"); }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans Black"), local("NotoSans-Black"), url(../fonts/NotoSansKR-Black-Hestia.eot), url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Black-Hestia.woff) format("woff"), url(../fonts/NotoSansKR-Black-Hestia.otf) format("opentype"); }
.layout {
  position: relative;
  width: 1200px;
  margin: 0 auto; }

.hide {
  display: none; }

.h100 {
  height: 100%; }

hr {
  display: none; }

.page_top_sildes {
  margin-bottom: 100px; }

.slides_pager {
  display: inline-block; }
  .slides_pager li {
    margin-left: 6px;
    display: inline-block;
    vertical-align: top; }
    .slides_pager li:first-child {
      margin-left: 0; }
    .slides_pager li.active a {
      background-color: #666666; }
    .slides_pager li a {
      display: block;
      width: 20px;
      height: 20px;
      border: 1px solid #666666;
      background-color: #fff;
      text-align: left;
      text-indent: -9999px;
      box-sizing: border-box;
      border-radius: 50%;
      overflow: hidden; }

.top_title {
  position: relative;
  height: 40px;
  margin-bottom: 30px; }
  .top_title span {
    display: block;
    font-family: Noto Sans KR;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    background-color: #fff;
    padding: 0 24px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%); }
  .top_title:after {
    clear: both;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    width: 100%;
    border: 1px dashed #666; }

.link_btn {
  display: block;
  box-sizing: border-box;
  width: 170px;
  height: 47px;
  line-height: 47px;
  border: 1px solid #838383;
  font-family: Noto Sans KR;
  font-size: 16px;
  color: #666;
  text-align: center; }

/* header */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999; }
  #header .header_row {
    position: relative;
    height: 120px; }
    #header .header_row .header_inner {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background: #000 url("../images/header_bg.png") no-repeat center center; }
      #header .header_row .header_inner #logo {
        display: inline-block;
        vertical-align: top;
        padding: 22.5px 0;
        margin-right: 140px; }
      #header .header_row .header_inner #gnb {
        float: right;
        display: inline-block;
        vertical-align: top;
        font-size: 0; }
        #header .header_row .header_inner #gnb > li {
          position: relative;
          display: inline-block;
          vertical-align: top;
          padding: 0 20px;
          height: 120px;
          line-height: 120px; }
          #header .header_row .header_inner #gnb > li > a {
            font-family: 'Noto Sans KR';
            color: #fff;
            font-size: 18px;
            padding: 12px 0; }
          #header .header_row .header_inner #gnb > li:last-child .sub_menu {
            border-right: 1px dotted #bab5b1; }
          #header .header_row .header_inner #gnb > li .sub_menu {
            display: none;
            position: absolute;
            top: 120px;
            left: 0;
            width: 100%;
            height: 190px;
            z-index: 5;
            border-left: 1px dotted #bab5b1;
            box-sizing: border-box; }
            #header .header_row .header_inner #gnb > li .sub_menu .snb {
              padding: 12px 0; }
              #header .header_row .header_inner #gnb > li .sub_menu .snb li {
                height: 36px;
                line-height: 36px; }
                #header .header_row .header_inner #gnb > li .sub_menu .snb li a {
                  display: block;
                  text-align: center;
                  font-size: 14px;
                  color: #000000;
                  font-family: Noto Sans KR; }
  #header .absolute_row {
    display: none;
    box-shadow: 3px 3px 10px #9e9e9e; }
    #header .absolute_row .absolute_inner {
      height: 200px; }
      #header .absolute_row .absolute_inner:before {
        clear: both;
        display: block;
        content: "";
        background-color: #fff;
        height: 100%;
        opacity: 0.9;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
      #header .absolute_row .absolute_inner #top_desc {
        position: absolute;
        top: -200px;
        left: 0;
        padding: 12px 0;
        z-index: 2;
        font-size: 20px;
        line-height: 32px;
        font-family: 'Noto Sans KR'; }
        #header .absolute_row .absolute_inner #top_desc strong {
          font-size: 32px;
          line-height: 32px;
          font-family: 'Noto Sans KR';
          vertical-align: top; }
        #header .absolute_row .absolute_inner #top_desc img {
          display: block;
          margin-top: 24px;
          max-width: 100%; }

#container {
  padding: 180px 0 60px 0; }

#footer {
  background-color: #000203; }
  #footer .footer_row #fnb {
    font-size: 0; }
    #footer .footer_row #fnb li {
      display: inline-block;
      vertical-align: top;
      margin-left: 40px; }
      #footer .footer_row #fnb li:first-child {
        margin-left: 0; }
      #footer .footer_row #fnb li a {
        display: block;
        font-family: Noto Sans KR;
        font-size: 20px;
        color: #666666;
        padding: 36px 0 12px 0; }
  #footer .footer_row .information {
    padding-top: 24px; }
    #footer .footer_row .information:after {
      clear: both;
      display: block;
      content: ""; }
    #footer .footer_row .information li {
      float: left;
      position: relative;
      color: #666666;
      font-size: 14px;
      font-family: Noto Sans KR;
      padding: 0 10px; }
      #footer .footer_row .information li:first-child {
        padding-left: 0; }
        #footer .footer_row .information li:first-child:before {
          display: none; }
      #footer .footer_row .information li:before {
        clear: both;
        display: block;
        content: "";
        position: absolute;
        width: 1px;
        height: 12px;
        background-color: #666;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        z-index: 1; }
  #footer .footer_row #copyright {
    font-size: 14px;
    color: #666666;
    font-family: Noto Sans KR;
    padding-bottom: 48px; }

/* main */
#main .main_content_row {
  margin-top: 70px; }
  #main .main_content_row:first-child {
    margin-top: 0; }
  #main .main_content_row .main_top_banner_wrap {
    position: relative; }
    #main .main_content_row .main_top_banner_wrap #main_top_banner .main_top_slide {
      width: 100%;
      height: 956px;
      text-align: left;
      text-indent: -9999px; }
    #main .main_content_row .main_top_banner_wrap .main_top_banner_pager {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: 612px;
      z-index: 200; }
      #main .main_content_row .main_top_banner_wrap .main_top_banner_pager li a {
        display: block;
        text-align: center;
        font-family: Noto Sans KR;
        font-size: 16px;
        color: #000;
        background-color: #fff;
        padding: 12px; }
      #main .main_content_row .main_top_banner_wrap .main_top_banner_pager li.active a {
        background-color: #B6091F;
        color: #fff; }
  #main .main_content_row .brown_line {
    background-color: #370800;
    position: relative; }
    #main .main_content_row .brown_line .lnb {
      float: left;
      font-size: 0; }
      #main .main_content_row .brown_line .lnb li {
        display: inline-block;
        vertical-align: top; }
    #main .main_content_row .brown_line .right_latest {
      float: right;
      position: relative;
      padding: 15px 0; }
      #main .main_content_row .brown_line .right_latest .board_name {
        display: inline-block;
        vertical-align: top;
        color: #fff;
        font-size: 20px;
        height: 30px;
        line-height: 30px;
        font-family: Noto Sans KR;
        font-weight: normal;
        margin-right: 30px; }
      #main .main_content_row .brown_line .right_latest .latest_wrap {
        display: inline-block;
        vertical-align: top;
        width: 560px;
        padding: 0 20px;
        box-sizing: border-box; }
        #main .main_content_row .brown_line .right_latest .latest_wrap ul {
          height: 60px;
          overflow: hidden; }
          #main .main_content_row .brown_line .right_latest .latest_wrap ul li {
            line-height: 30px;
            height: 30px;
            margin-right: 30px; }
            #main .main_content_row .brown_line .right_latest .latest_wrap ul li a {
              display: inline-block;
              font-family: Noto Sans KR;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              color: #fff; }
      #main .main_content_row .brown_line .right_latest .right_latest_nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        z-index: 20; }
        #main .main_content_row .brown_line .right_latest .right_latest_nav li {
          margin-top: 2px; }
          #main .main_content_row .brown_line .right_latest .right_latest_nav li:first-child {
            margin-top: 0; }
          #main .main_content_row .brown_line .right_latest .right_latest_nav li a {
            border: 1px solid #fff; }
            #main .main_content_row .brown_line .right_latest .right_latest_nav li a i {
              color: #fff;
              padding: 8px 4px; }
    #main .main_content_row .brown_line:after {
      clear: both;
      display: block;
      content: ""; }
  #main .main_content_row .center_thumb {
    background: url("../images/center_thumb_bg.jpg") no-repeat center center;
    height: 855px;
    position: relative; }
    #main .main_content_row .center_thumb .text_combo {
      padding-top: 80px; }
      #main .main_content_row .center_thumb .text_combo p {
        line-height: 40px;
        font-family: Noto Sans KR;
        font-size: 20px;
        color: #fff; }
        #main .main_content_row .center_thumb .text_combo p .market_name {
          display: inline-block;
          vertical-align: top;
          padding: 6px;
          background-color: #b41d23;
          color: #fff;
          font-size: 24px;
          line-height: 30px;
          margin-left: 12px; }
          #main .main_content_row .center_thumb .text_combo p .market_name:first-child {
            margin-left: 0; }
        #main .main_content_row .center_thumb .text_combo p strong {
          font-size: 40px;
          font-weight: normal;
          line-height: 80px; }
          #main .main_content_row .center_thumb .text_combo p strong.big {
            font-size: 60px;
            font-weight: bold; }
          #main .main_content_row .center_thumb .text_combo p strong a {
            display: inline-block;
            vertical-align: top;
            color: #fff; }
            #main .main_content_row .center_thumb .text_combo p strong a:after {
              clear: both;
              display: block;
              content: "";
              width: 100%;
              height: 2px;
              background-color: #fff;
              margin-top: -10px; }
  #main .main_content_row .bottom_box {
    position: relative;
    height: 425px; }
    #main .main_content_row .bottom_box .market_search_box {
      position: absolute;
      top: -30px;
      left: 0;
      width: 358px;
      height: 420px;
      z-index: 100;
      background: url("../images/market_search_box_bg.png") no-repeat center center; }
      #main .main_content_row .bottom_box .market_search_box form {
        display: block;
        padding: 48px 36px; }
        #main .main_content_row .bottom_box .market_search_box form h2 {
          color: #fff;
          font-family: Noto Sans KR;
          font-size: 24px;
          font-weight: normal; }
          #main .main_content_row .bottom_box .market_search_box form h2:after {
            clear: both;
            display: block;
            content: "";
            width: 96px;
            height: 1px;
            background-color: #fff;
            margin: 36px 0; }
        #main .main_content_row .bottom_box .market_search_box form p {
          line-height: 30px;
          font-family: Noto Sans KR;
          font-size: 20px;
          color: #fff; }
        #main .main_content_row .bottom_box .market_search_box form .keyword_wrap {
          position: absolute;
          bottom: 48px;
          left: 36px;
          display: block;
          width: 285px;
          box-sizing: border-box;
          z-index: 5;
          border: 2px solid #fff; }
          #main .main_content_row .bottom_box .market_search_box form .keyword_wrap input[type="text"] {
            background-color: #8d081f;
            height: 46px;
            line-height: 4em;
            border: 0;
            width: 100%;
            box-sizing: border-box;
            padding-right: 40px;
            text-indent: 6px;
            font-family: Noto Sans KR;
            font-size: 14px;
            color: #fff; }
          #main .main_content_row .bottom_box .market_search_box form .keyword_wrap input[type="submit"] {
            position: absolute;
            top: 0;
            right: 0;
            width: 40px;
            height: 46px;
            text-align: left;
            text-indent: -9999px;
            border: 0;
            margin: 0;
            background: url("../images/market_search_btn.png") no-repeat center center;
            z-index: 5; }
    #main .main_content_row .bottom_box .best_menu_wrap {
      padding: 24px 0;
      margin-left: 400px; }
      #main .main_content_row .bottom_box .best_menu_wrap .best_menu_title {
        font-family: Noto Sans KR;
        font-size: 24px;
        color: #000000;
        margin-bottom: 24px; }
      #main .main_content_row .bottom_box .best_menu_wrap .best_menu_slides {
        font-size: 0;
        padding-top: 24px;
        height: 285px;
        overflow: hidden; }
        #main .main_content_row .bottom_box .best_menu_wrap .best_menu_slides .best_menu_slide {
          display: inline-block;
          vertical-align: top;
          font-size: 16px;
          width: 266px;
          height: 100%; }
          #main .main_content_row .bottom_box .best_menu_wrap .best_menu_slides .best_menu_slide a {
            display: block;
            text-align: center;
            overflow: hidden; }
            #main .main_content_row .bottom_box .best_menu_wrap .best_menu_slides .best_menu_slide a span {
              display: block;
              text-align: center;
              font-family: Noto Sans KR;
              line-height: 28px;
              color: #000000; }
              #main .main_content_row .bottom_box .best_menu_wrap .best_menu_slides .best_menu_slide a span.kr_name {
                font-size: 20px;
                padding-top: 24px; }
      #main .main_content_row .bottom_box .best_menu_wrap .best_menu_nav {
        position: absolute;
        top: 24px;
        right: 0;
        display: inline-block;
        z-index: 20; }
        #main .main_content_row .bottom_box .best_menu_wrap .best_menu_nav li {
          display: inline-block;
          vertical-align: top; }
          #main .main_content_row .bottom_box .best_menu_wrap .best_menu_nav li a {
            border: 1px solid #666; }
            #main .main_content_row .bottom_box .best_menu_wrap .best_menu_nav li a i {
              padding: 8px 6px;
              color: #666; }
  #main .main_content_row .food_lab_title {
    font-weight: normal;
    text-align: center;
    margin-bottom: 100px; }
    #main .main_content_row .food_lab_title em {
      display: block;
      text-align: center;
      font-size: 24px;
      color: #666666;
      font-family: Noto Sans KR;
      font-style: normal;
      padding: 24px 0; }
  #main .main_content_row .food_lab_wrap {
    position: relative;
    margin-top: 60px;
    width: 100%;
    height: 995px;
    background: url("../images/food_lab_bg.png") no-repeat center center; }
    #main .main_content_row .food_lab_wrap a {
      position: absolute;
      text-align: left;
      text-indent: -9999px;
      overflow: hidden; }
      #main .main_content_row .food_lab_wrap a.left {
        top: -80px;
        width: 544px;
        height: 827px;
        background: url("../images/food_lab_left.png") no-repeat center center;
        z-index: 5; }
      #main .main_content_row .food_lab_wrap a.bottom {
        bottom: -80px;
        right: 0;
        width: 739px;
        height: 553px;
        background: url("../images/food_lab_bottom.png") no-repeat center center;
        z-index: 4; }
  #main .main_content_row .video_title {
    text-align: center;
    padding: 36px 0;
    font-size: 32px;
    font-family: Noto Sans KR;
    color: #666666;
    margin-top: 100px;
    font-weight: normal; }
  #main .main_content_row .video_wrap {
    position: relative;
    height: 644px;
    background: url("../images/video_wrap_bg.png") no-repeat center center; }
    #main .main_content_row .video_wrap .video_box {
      position: absolute;
      top: 35px;
      left: 32px;
      width: 843px;
      height: 575px;
      z-index: 1;
      background-color: #fff; }
    #main .main_content_row .video_wrap .deco {
      position: absolute;
      top: 196px;
      right: -63px;
      z-index: 2; }
  #main .main_content_row .last_content_wrap {
    font-size: 0;
    width: 1230px; }
    #main .main_content_row .last_content_wrap .content_col {
      display: inline-block;
      position: relative;
      vertical-align: top;
      width: 400px;
      height: 333px;
      font-size: 20px;
      margin-right: 10px;
      box-sizing: border-box;
      padding: 55px 24px 24px 55px; }
      #main .main_content_row .last_content_wrap .content_col.bg {
        background: url("../images/last_content_bg_1.png") no-repeat center center; }
        #main .main_content_row .last_content_wrap .content_col.bg strong {
          color: #fff;
          display: block;
          line-height: 36px;
          font-size: 24px;
          font-family: Noto Sans KR;
          font-weight: normal; }
          #main .main_content_row .last_content_wrap .content_col.bg strong:after {
            content: "";
            display: block;
            clear: both;
            width: 97px;
            height: 1px;
            background-color: #fff;
            margin: 36px 0; }
        #main .main_content_row .last_content_wrap .content_col.bg p {
          line-height: 28px;
          color: #fff;
          font-family: Noto Sans KR;
          font-size: 20px;
          height: 56px; }
        #main .main_content_row .last_content_wrap .content_col.bg .link {
          float: right;
          display: block;
          margin-top: 50px;
          width: 150px;
          height: 42px;
          line-height: 42px;
          background-color: #e6e6e5;
          color: #000000;
          font-size: 20px;
          text-align: center;
          font-family: Noto Sans KR; }
      #main .main_content_row .last_content_wrap .content_col:nth-child(2) {
        background: url("../images/last_content_bg_2.png") no-repeat center center; }
      #main .main_content_row .last_content_wrap .content_col.last {
        padding: 0;
        width: 380px; }
        #main .main_content_row .last_content_wrap .content_col.last .latest {
          padding-left: 20px;
          height: 144px;
          overflow: hidden; }
          #main .main_content_row .last_content_wrap .content_col.last .latest h3 {
            font-family: Noto Sans KR;
            font-size: 24px;
            line-height: 30px;
            color: #666666;
            font-weight: normal;
            display: inline-block;
            vertical-align: top; }
          #main .main_content_row .last_content_wrap .content_col.last .latest .more {
            float: right;
            display: inline-block;
            vertical-align: top;
            color: #666;
            font-size: 14px;
            line-height: 30px; }
          #main .main_content_row .last_content_wrap .content_col.last .latest ol {
            padding: 12px 0; }
            #main .main_content_row .last_content_wrap .content_col.last .latest ol li {
              line-height: 30px;
              height: 30px; }
              #main .main_content_row .last_content_wrap .content_col.last .latest ol li a {
                display: block;
                overflow: hidden; }
                #main .main_content_row .last_content_wrap .content_col.last .latest ol li a span {
                  font-size: 14px;
                  color: #666666;
                  display: inline-block;
                  width: 280px;
                  font-family: Noto Sans KR;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  overflow: hidden; }
                #main .main_content_row .last_content_wrap .content_col.last .latest ol li a em {
                  float: right;
                  font-style: normal;
                  font-family: Noto Sans KR;
                  color: #666;
                  font-size: 14px; }
      #main .main_content_row .last_content_wrap .content_col .brosure {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 167px;
        background: #b6091f url("../images/brosure_arrow.png") no-repeat 30px 110px; }
        #main .main_content_row .last_content_wrap .content_col .brosure a {
          display: block;
          height: 100%; }
          #main .main_content_row .last_content_wrap .content_col .brosure a strong {
            display: inline-block;
            vertical-align: top;
            padding-left: 30px;
            padding-top: 40px;
            font-family: Noto Sans KR;
            color: #fff;
            font-size: 21px;
            line-height: 24px;
            font-weight: normal; }
          #main .main_content_row .last_content_wrap .content_col .brosure a img {
            position: absolute;
            top: -60px;
            right: -40px;
            z-index: 5; }

/* rigiht side */
#aside_right {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 111px;
  z-index: 500;
  overflow: hidden; }
  #aside_right ul li {
    margin-top: 1px; }
    #aside_right ul li:first-child {
      margin-top: 0; }
    #aside_right ul li a {
      display: block;
      text-align: left;
      text-indent: -9999px;
      height: 114px; }
      #aside_right ul li a.rlink1 {
        background: #fff url("../images/aside_right_thumb.png") no-repeat 0 0; }
      #aside_right ul li a.rlink2 {
        background: #fff url("../images/aside_right_thumb.png") no-repeat 0 -118px; }
      #aside_right ul li a.rlink3 {
        background: #fff url("../images/aside_right_thumb.png") no-repeat 0 -232px; }
      #aside_right ul li a.rlink4 {
        background: #fff url("../images/aside_right_thumb.png") no-repeat 0 -346px; }

/* brand */
#brand {
  position: relative;
  margin-top: -180px; }
  #brand .brand_nav {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    z-index: 20;
    border: 1px solid #8e8e8e;
    font-size: 0; }
    #brand .brand_nav li {
      display: inline-block;
      width: 33.3333%;
      vertical-align: top;
      border-left: 1px solid #8e8e8e;
      box-sizing: border-box; }
      #brand .brand_nav li:first-child {
        border-left-width: 0; }
      #brand .brand_nav li a {
        padding: 12px 0;
        display: block;
        text-align: center;
        background-color: #fff;
        font-size: 24px;
        line-height: 30px;
        font-family: Noto Sans KR;
        color: #000; }
        #brand .brand_nav li a.active {
          background-color: #b6091f;
          color: #fff; }
  #brand .brand_sildes {
    position: relative; }
    #brand .brand_sildes .brand_slide .item {
      height: 509px;
      text-align-last: left;
      text-indent: -9999px; }
      #brand .brand_sildes .brand_slide .item.story {
        width: 100%;
        background: url("../images/brand/story_top_banner.png") no-repeat center center; }
      #brand .brand_sildes .brand_slide .item.secrect {
        width: 100%;
        background: url("../images/brand/secrect_top_banner.png") no-repeat center center; }
      #brand .brand_sildes .brand_slide .item.interior {
        width: 100%;
        background: url("../images/brand/interior_top_banner.png") no-repeat center center; }
    #brand .brand_sildes .brand_slide a {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      border: 1px solid #000;
      background-color: #fff;
      margin-top: 30px; }
      #brand .brand_sildes .brand_slide a i {
        padding: 16px;
        color: #000; }
      #brand .brand_sildes .brand_slide a.prev {
        left: 50%;
        margin-left: -600px; }
      #brand .brand_sildes .brand_slide a.next {
        left: 50%;
        margin-left: 552px; }
  #brand #brand_story {
    text-align: center; }
    #brand #brand_story .top_desc {
      width: 800px;
      margin: 0 auto;
      font-family: Noto Sans KR;
      font-size: 20px;
      line-height: 36px;
      color: #000;
      text-align: center;
      padding-bottom: 100px; }
      #brand #brand_story .top_desc em {
        color: #b6091f; }
      #brand #brand_story .top_desc .big {
        font-size: 24px; }
    #brand #brand_story .brand_box_row {
      padding-top: 60px;
      border-top: 1px dotted #606060; }
      #brand #brand_story .brand_box_row .brand_box.first .brand_subject {
        position: relative;
        text-align: left;
        color: #666666;
        font-size: 16px;
        font-weight: normal; }
        #brand #brand_story .brand_box_row .brand_box.first .brand_subject h2 {
          float: left;
          display: inline-block;
          line-height: 47px; }
        #brand #brand_story .brand_box_row .brand_box.first .brand_subject a {
          float: right; }
        #brand #brand_story .brand_box_row .brand_box.first .brand_subject:after {
          clear: both;
          display: block;
          content: ""; }
      #brand #brand_story .brand_box_row .brand_box.first ol {
        margin-top: 60px; }
        #brand #brand_story .brand_box_row .brand_box.first ol:after {
          clear: both;
          display: block;
          content: ""; }
        #brand #brand_story .brand_box_row .brand_box.first ol li {
          display: inline-block;
          vertical-align: top;
          float: right; }
          #brand #brand_story .brand_box_row .brand_box.first ol li span {
            display: block;
            text-align: right;
            font-family: Noto Sans KR;
            font-size: 16px;
            line-height: 30px; }
          #brand #brand_story .brand_box_row .brand_box.first ol li:first-child {
            float: left; }
      #brand #brand_story .brand_box_row .brand_box.last {
        margin: 120px 0 120px 0; }
        #brand #brand_story .brand_box_row .brand_box.last:after {
          clear: both;
          display: block;
          content: ""; }
        #brand #brand_story .brand_box_row .brand_box.last .brand_subject {
          position: relative;
          text-align: left;
          color: #666666;
          font-size: 16px;
          font-weight: normal;
          display: inline-block;
          vertical-align: top;
          float: left; }
          #brand #brand_story .brand_box_row .brand_box.last .brand_subject p {
            margin-top: 60px;
            font-size: 14px;
            line-height: 28px;
            color: #666;
            font-family: Noto Sans KR; }
        #brand #brand_story .brand_box_row .brand_box.last ol {
          float: right;
          font-size: 0; }
          #brand #brand_story .brand_box_row .brand_box.last ol li {
            display: inline-block;
            vertical-align: top;
            font-size: 12px;
            margin-left: 115px; }
            #brand #brand_story .brand_box_row .brand_box.last ol li .colors {
              width: 200px;
              height: 180px;
              text-align: left;
              position: relative;
              box-sizing: border-box;
              font-size: 14px;
              line-height: 24px;
              font-family: Noto Sans KR;
              padding: 40px 0 0 30px;
              border: 1px solid #666666; }
              #brand #brand_story .brand_box_row .brand_box.last ol li .colors:after {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                clear: both;
                display: block;
                content: "";
                height: 47px;
                background-color: #fff; }
            #brand #brand_story .brand_box_row .brand_box.last ol li:first-child .colors {
              background-color: #b6091f;
              color: #fff; }
            #brand #brand_story .brand_box_row .brand_box.last ol li:nth-child(2) .colors {
              background-color: #231815;
              color: #fff; }
            #brand #brand_story .brand_box_row .brand_box.last ol li:last-child .colors {
              background-color: #f1eee6;
              color: #666; }
  #brand #brand_secrect ol {
    margin-top: 100px; }
    #brand #brand_secrect ol li {
      margin-top: 5px; }
      #brand #brand_secrect ol li:first-child {
        margin-top: 0; }
        #brand #brand_secrect ol li:first-child p {
          margin-top: 60px; }
      #brand #brand_secrect ol li dl dt {
        overflow: hidden; }
        #brand #brand_secrect ol li dl dt img {
          width: 100%; }
      #brand #brand_secrect ol li dl dd {
        box-sizing: border-box;
        padding-left: 30px;
        padding-top: 60px; }
        #brand #brand_secrect ol li dl dd strong {
          color: #fff;
          font-family: Noto Sans KR;
          font-style: normal;
          font-size: 28px;
          line-height: 30px;
          display: block;
          margin-bottom: 30px; }
        #brand #brand_secrect ol li dl dd p {
          color: #fff;
          font-size: 16px;
          line-height: 32px;
          font-family: Noto Sans KR; }
      #brand #brand_secrect ol li dl:after {
        clear: both;
        display: block;
        content: ""; }
      #brand #brand_secrect ol li:nth-child(even) dl {
        background-color: #000; }
        #brand #brand_secrect ol li:nth-child(even) dl dt {
          float: right;
          width: 640px;
          border-left: 5px solid #fff; }
        #brand #brand_secrect ol li:nth-child(even) dl dd {
          float: left;
          width: 555px; }
      #brand #brand_secrect ol li:nth-child(odd) dl {
        background-color: #b6091f; }
        #brand #brand_secrect ol li:nth-child(odd) dl dt {
          float: left;
          width: 555px;
          border-right: 5px solid #fff; }
        #brand #brand_secrect ol li:nth-child(odd) dl dd {
          float: right;
          width: 640px; }
      #brand #brand_secrect ol li:nth-child(2) p {
        margin-top: 60px; }
      #brand #brand_secrect ol li:nth-child(3) p {
        margin-top: 60px; }
      #brand #brand_secrect ol li:last-child dl dt {
        width: 770px;
        border: 0; }
      #brand #brand_secrect ol li:last-child dl dd {
        width: 430px; }
        #brand #brand_secrect ol li:last-child dl dd p {
          margin-top: 60px; }
  #brand #brand_interior {
    margin-top: 100px; }
    #brand #brand_interior h2 {
      font-family: Noto Sans KR;
      line-height: 30px;
      text-align: center; }
    #brand #brand_interior p {
      text-align: center;
      line-height: 30px;
      font-family: Noto Sans KR;
      font-size: 16px;
      margin: 20px 0 60px 0; }
    #brand #brand_interior .interior_slides_wrap {
      text-align: center;
      position: relative; }
      #brand #brand_interior .interior_slides_wrap .interior_slides img {
        max-width: 100%; }
      #brand #brand_interior .interior_slides_wrap .interior_slides_pager {
        padding: 60px 0; }
      #brand #brand_interior .interior_slides_wrap .interior_slides_nav a {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -60px;
        z-index: 20;
        color: #fff; }
        #brand #brand_interior .interior_slides_wrap .interior_slides_nav a.prev {
          left: 24px; }
        #brand #brand_interior .interior_slides_wrap .interior_slides_nav a.next {
          right: 24px; }

/* menu */
#menu {
  position: relative;
  margin-top: -180px; }
  #menu .menu_nav {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    z-index: 20;
    border: 1px solid #8e8e8e;
    font-size: 0; }
    #menu .menu_nav li {
      display: inline-block;
      width: 50%;
      vertical-align: top;
      border-left: 1px solid #8e8e8e;
      box-sizing: border-box; }
      #menu .menu_nav li:first-child {
        border-left-width: 0; }
      #menu .menu_nav li a {
        padding: 12px 0;
        display: block;
        text-align: center;
        background-color: #fff;
        font-size: 24px;
        line-height: 30px;
        font-family: Noto Sans KR;
        color: #000; }
        #menu .menu_nav li a.active {
          background-color: #b6091f;
          color: #fff; }
  #menu .menu_sildes {
    position: relative; }
    #menu .menu_sildes .menu_slide .item {
      height: 509px;
      text-align-last: left;
      text-indent: -9999px; }
      #menu .menu_sildes .menu_slide .item.main {
        width: 100%;
        background: url("../images/menu/main_top_banner.png") no-repeat center center; }
      #menu .menu_sildes .menu_slide .item.side {
        width: 100%;
        background: url("../images/menu/side_top_banner.png") no-repeat center center; }
    #menu .menu_sildes .menu_slide a {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      border: 1px solid #000;
      background-color: #fff;
      margin-top: 30px; }
      #menu .menu_sildes .menu_slide a i {
        padding: 16px;
        color: #000; }
      #menu .menu_sildes .menu_slide a.prev {
        left: 50%;
        margin-left: -600px; }
      #menu .menu_sildes .menu_slide a.next {
        left: 50%;
        margin-left: 552px; }
  #menu .menu_center_top_slides_wrap {
    text-align: right; }
    #menu .menu_center_top_slides_wrap .menu_center_top_pager {
      margin: 20px 0 60px 0; }
  #menu .menu_main_list_row .menu_main_product_list {
    margin: 50px 0 70px 0;
    overflow: hidden; }
    #menu .menu_main_list_row .menu_main_product_list ul {
      font-size: 0;
      width: 1240px; }
      #menu .menu_main_list_row .menu_main_product_list ul.col4 li {
        width: 294px;
        margin-right: 8px; }
      #menu .menu_main_list_row .menu_main_product_list ul.col4 .absolute_info {
        opacity: 0;
        visibility: hidden;
        padding: 55px 40px; }
        #menu .menu_main_list_row .menu_main_product_list ul.col4 .absolute_info span {
          text-align: center; }
        #menu .menu_main_list_row .menu_main_product_list ul.col4 .absolute_info p {
          text-align: center; }
        #menu .menu_main_list_row .menu_main_product_list ul.col4 .absolute_info strong {
          text-align: center; }
        #menu .menu_main_list_row .menu_main_product_list ul.col4 .absolute_info .data {
          display: block;
          text-align: center;
          line-height: 30px; }
      #menu .menu_main_list_row .menu_main_product_list ul.col2 li {
        width: 597px;
        margin-right: 6px; }
        #menu .menu_main_list_row .menu_main_product_list ul.col2 li .name {
          text-align: left; }
          #menu .menu_main_list_row .menu_main_product_list ul.col2 li .name em {
            display: inline-block;
            padding-left: 40px; }
            #menu .menu_main_list_row .menu_main_product_list ul.col2 li .name em:after {
              clear: both;
              display: block;
              content: "";
              width: 100%;
              height: 4px;
              background-color: #000;
              margin: 6px 0; }
        #menu .menu_main_list_row .menu_main_product_list ul.col2 li .absolute_info {
          opacity: 0;
          visibility: hidden;
          padding: 55px 40px; }
      #menu .menu_main_list_row .menu_main_product_list ul li {
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #f7f7f7;
        font-size: 18px;
        overflow: hidden; }
        #menu .menu_main_list_row .menu_main_product_list ul li:hover {
          transition: all 0.25s ease-in-out; }
          #menu .menu_main_list_row .menu_main_product_list ul li:hover .absolute_info {
            opacity: 0.9;
            visibility: visible; }
        #menu .menu_main_list_row .menu_main_product_list ul li .name {
          display: block;
          text-align: center;
          font-family: Noto Sans KR;
          color: #000;
          padding: 310px 0 30px 0;
          background-position: center center; }
        #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info {
          transition: all 0.25s ease-in-out;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          z-index: 5;
          background-color: #fff;
          border: 1px solid #7e7e7e;
          opacity: 0.9;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
          #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info p {
            line-height: 24px;
            font-family: Noto Sans KR;
            font-size: 16px;
            padding: 24px 0; }
          #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info .kor_name {
            display: block;
            font-family: Noto Sans KR;
            font-size: 24px;
            line-height: 36px;
            font-weight: bold; }
          #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info .eng_name {
            display: block;
            font-family: Noto Sans KR;
            font-size: 18px;
            line-height: 30px; }
            #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info .eng_name:after {
              clear: both;
              display: block;
              content: "";
              width: 100%;
              height: 4px;
              background-color: #000;
              margin-top: 24px; }
          #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info strong {
            display: block;
            line-height: 20px;
            font-family: Noto Sans KR;
            font-size: 14px; }
          #menu .menu_main_list_row .menu_main_product_list ul li .absolute_info .data {
            line-height: 20px;
            font-family: Noto Sans KR;
            font-size: 14px; }
  #menu .menu_main_list_row .more_btn {
    margin: 60px auto; }
  #menu .menu_side_list_row .menu_side_col_box .menu_side_product_list {
    margin: 50px 0 70px 0;
    overflow: hidden; }
    #menu .menu_side_list_row .menu_side_col_box .menu_side_product_list ul {
      font-size: 0;
      width: 1240px; }
      #menu .menu_side_list_row .menu_side_col_box .menu_side_product_list ul li {
        display: inline-block;
        vertical-align: top;
        width: 234px;
        background-color: #f7f7f7;
        margin-right: 8px;
        font-size: 18px; }
        #menu .menu_side_list_row .menu_side_col_box .menu_side_product_list ul li .name {
          display: block;
          text-align: center;
          font-family: Noto Sans KR;
          color: #000;
          padding: 240px 0 30px 0;
          background-position: center center; }

#market .none_title {
  text-align: center;
  padding: 24px 0;
  font-family: Noto Sans KR;
  font-size: 40px;
  line-height: 40px; }
#market .none_desc {
  line-height: 30px;
  font-size: 20px;
  font-family: Noto Sans KR;
  text-align: center;
  margin-bottom: 60px; }
#market .market_display_box_wrap .market_display_box {
  border: 2px solid #f7f7f7; }
  #market .market_display_box_wrap .market_display_box .left_map {
    float: left;
    position: relative;
    width: 50%;
    height: 660px;
    background: url("../images/market/map.jpg") no-repeat center center; }
    #market .market_display_box_wrap .market_display_box .left_map a {
      position: absolute;
      z-index: 20;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background-color: #b6091f;
      border-radius: 50%;
      overflow: hidden;
      color: #fff;
      font-family: Noto Sans KR;
      font-size: 14px; }
      #market .market_display_box_wrap .market_display_box .left_map a.active {
        background-color: #000; }
      #market .market_display_box_wrap .market_display_box .left_map a:first-child {
        top: 120px;
        left: 330px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(2) {
        top: 137px;
        left: 205px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(3) {
        top: 157px;
        left: 245px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(4) {
        top: 150px;
        left: 155px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(5) {
        top: 230px;
        left: 260px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(6) {
        top: 250px;
        left: 190px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(7) {
        top: 270px;
        left: 240px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(8) {
        top: 270px;
        left: 370px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(9) {
        top: 320px;
        left: 350px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(10) {
        top: 350px;
        left: 220px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(11) {
        top: 400px;
        left: 320px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(12) {
        top: 370px;
        left: 420px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(13) {
        top: 420px;
        left: 390px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(14) {
        top: 410px;
        left: 185px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(15) {
        top: 460px;
        left: 170px; }
      #market .market_display_box_wrap .market_display_box .left_map a:nth-child(16) {
        top: 580px;
        left: 160px; }
  #market .market_display_box_wrap .market_display_box .right_search_form_box {
    float: right;
    width: 50%;
    height: 660px;
    box-sizing: border-box;
    background: #b6091f url("../images/market/search_bg.jpg") no-repeat center center;
    padding: 115px 0 0 55px; }
    #market .market_display_box_wrap .market_display_box .right_search_form_box strong {
      display: block;
      font-family: Noto Sans KR;
      color: #fff;
      line-height: 40px;
      font-size: 30px;
      text-align: left;
      font-weight: normal; }
    #market .market_display_box_wrap .market_display_box .right_search_form_box ul {
      margin-top: 40px;
      display: inline-block; }
      #market .market_display_box_wrap .market_display_box .right_search_form_box ul li {
        margin-top: 10px;
        position: relative; }
        #market .market_display_box_wrap .market_display_box .right_search_form_box ul li:first-child {
          margin-top: 0; }
        #market .market_display_box_wrap .market_display_box .right_search_form_box ul li label {
          display: inline-block;
          vertical-align: top;
          font-size: 20px;
          height: 34px;
          line-height: 34px;
          color: #fff;
          font-family: Noto Sans KR;
          margin-right: 10px; }
        #market .market_display_box_wrap .market_display_box .right_search_form_box ul li select {
          display: inline-block;
          vertical-align: top;
          width: 280px;
          height: 34px;
          line-height: 2.4em;
          text-indent: 6px;
          font-family: Noto Sans KR;
          font-size: 15px; }
        #market .market_display_box_wrap .market_display_box .right_search_form_box ul li input[type="text"] {
          display: inline-block;
          vertical-align: top;
          width: 280px;
          height: 34px;
          box-sizing: border-box;
          line-height: 2.4em;
          text-indent: 6px;
          font-family: Noto Sans KR;
          font-size: 15px;
          padding-right: 40px; }
        #market .market_display_box_wrap .market_display_box .right_search_form_box ul li input[type="submit"] {
          text-indent: -9999px;
          text-align: left;
          width: 40px;
          height: 34px;
          background: url("../images/market/search_btn.png") no-repeat center center;
          padding: 0;
          margin: 0;
          border: 0;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 10; }
  #market .market_display_box_wrap .market_display_box:after {
    clear: both;
    display: block;
    content: ""; }
#market .market_layout .market_list {
  margin-top: 40px; }
  #market .market_layout .market_list table {
    width: 100%; }
    #market .market_layout .market_list table thead th {
      background-color: #ebebeb;
      height: 36px;
      line-height: 36px; }
      #market .market_layout .market_list table thead th span {
        font-size: 16px;
        font-family: Noto Sans KR; }
    #market .market_layout .market_list table tbody td {
      height: 36px;
      line-height: 36px;
      border-bottom: 1px solid #d3d3d3;
      text-align: center; }
      #market .market_layout .market_list table tbody td span {
        display: block;
        text-align: center;
        font-family: Noto Sans KR;
        font-size: 14px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #market .market_layout .market_list table tbody td a i {
        color: #bc2326; }
#market .market_layout .market_view table {
  width: 100%; }
  #market .market_layout .market_view table tbody th {
    height: 36px;
    line-height: 36px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3;
    text-indent: 12px;
    font-family: Noto Sans KR;
    font-size: 16px; }
  #market .market_layout .market_view table tbody td {
    height: 36px;
    line-height: 36px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3;
    font-family: Noto Sans KR;
    font-size: 16px; }
#market .market_layout .market_view .market_service {
  padding: 12px 0;
  text-align: right; }
  #market .market_layout .market_view .market_service ul {
    display: inline-block;
    vertical-align: top; }
    #market .market_layout .market_view .market_service ul li {
      float: left;
      margin-left: 12px; }
      #market .market_layout .market_view .market_service ul li:first-child {
        margin-left: 0; }
      #market .market_layout .market_view .market_service ul li span {
        font-family: Noto Sans KR;
        font-size: 15px;
        display: inline-block;
        line-height: 28px;
        height: 28px;
        padding-left: 34px; }
        #market .market_layout .market_view .market_service ul li span.internet {
          background: url("../images/market/internet_ico.png") no-repeat 0 50%; }
        #market .market_layout .market_view .market_service ul li span.parking {
          background: url("../images/market/parking_ico.png") no-repeat 0 50%; }
    #market .market_layout .market_view .market_service ul:after {
      clear: both;
      display: block;
      content: ""; }
#market .market_layout .market_view #market_map {
  background-color: #000;
  height: 581px;
  overflow: hidden;
  margin: 60px 0; }
#market .market_layout .market_view .list_btn {
  display: block;
  margin: 0 auto;
  width: 183px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background-color: #ebebeb;
  border-radius: 12px;
  font-family: Noto Sans KR;
  font-size: 16px;
  color: #000;
  overflow: hidden; }

/* franchise */
#franchise {
  position: relative;
  margin-top: -180px; }
  #franchise .franchise_nav {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    z-index: 20;
    border: 1px solid #8e8e8e;
    font-size: 0; }
    #franchise .franchise_nav li {
      display: inline-block;
      width: 25%;
      vertical-align: top;
      border-left: 1px solid #8e8e8e;
      box-sizing: border-box; }
      #franchise .franchise_nav li:first-child {
        border-left-width: 0; }
      #franchise .franchise_nav li a {
        padding: 12px 0;
        display: block;
        text-align: center;
        background-color: #fff;
        font-size: 24px;
        line-height: 30px;
        font-family: Noto Sans KR;
        color: #000; }
        #franchise .franchise_nav li a.active {
          background-color: #b6091f;
          color: #fff; }
  #franchise .franchise_sildes {
    position: relative; }
    #franchise .franchise_sildes .franchise_slide .item {
      height: 509px;
      text-align-last: left;
      text-indent: -9999px; }
      #franchise .franchise_sildes .franchise_slide .item.brand {
        width: 100%;
        background: url("../images/franchise/brand_top_banner.png") no-repeat center center; }
      #franchise .franchise_sildes .franchise_slide .item.makemarket {
        width: 100%;
        background: url("../images/franchise/makemarket_top_banner.png") no-repeat center center; }
      #franchise .franchise_sildes .franchise_slide .item.pricelist {
        width: 100%;
        background: url("../images/franchise/pricelist_top_banner.png") no-repeat center center; }
      #franchise .franchise_sildes .franchise_slide .item.write {
        width: 100%;
        background: url("../images/franchise/write_top_banner.png") no-repeat center center; }
    #franchise .franchise_sildes .franchise_slide a {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      border: 1px solid #000;
      background-color: #fff;
      margin-top: 30px; }
      #franchise .franchise_sildes .franchise_slide a i {
        padding: 16px;
        color: #000; }
      #franchise .franchise_sildes .franchise_slide a.prev {
        left: 50%;
        margin-left: -600px; }
      #franchise .franchise_sildes .franchise_slide a.next {
        left: 50%;
        margin-left: 552px; }
  #franchise .franchise_title {
    text-align: center; }
    #franchise .franchise_title .page_title {
      text-align: center;
      font-family: Noto Sans KR;
      font-size: 30px;
      line-height: 36px; }
    #franchise .franchise_title .page_desc {
      text-align: center;
      font-family: Noto Sans KR;
      font-size: 18px;
      line-height: 30px;
      padding-top: 30px; }
  #franchise .brand_content .absolute_box_wrap {
    margin-top: 60px;
    position: relative;
    padding-top: 201px;
    height: 503px;
    background: url("../images/franchise/absolute_nav_row_bg.png") no-repeat 0 100%; }
    #franchise .brand_content .absolute_box_wrap .absolute_nav_row {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
      font-size: 0;
      width: 1240px; }
      #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 19px; }
        #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li:first-child {
          margin-left: 0; }
        #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li > a {
          display: block;
          width: 225px;
          height: 203px;
          padding: 25px 0 0 20px;
          box-sizing: border-box;
          font-size: 18px;
          background: url("../images/franchise/btn_large.png") no-repeat center center; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li > a .num {
            display: inline-block;
            vertical-align: top;
            color: #fff;
            line-height: 36px;
            font-size: 30px;
            font-weight: normal;
            margin-bottom: 24px; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li > a span {
            display: block;
            color: #fff;
            font-family: Noto Sans KR;
            font-size: 30px;
            line-height: 42px; }
        #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content {
          opacity: 0;
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          visibility: hidden;
          position: absolute;
          top: 280px;
          left: 0;
          z-index: 30;
          background-color: #fff;
          font-size: 16px;
          width: 445px;
          height: 442px;
          box-sizing: border-box;
          border: 1px solid #666666;
          transition: all 0.25s ease-in-out; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.show {
            opacity: 1;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            visibility: visible;
            top: 260px; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.pop01 {
            background: #fff url("../images/franchise/pop01_bg.png") no-repeat center top; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.pop02 {
            background: #fff url("../images/franchise/pop02_bg.png") no-repeat center top; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.pop03 {
            margin-left: -100px;
            background: #fff url("../images/franchise/pop03_bg.png") no-repeat center top; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.pop04 {
            margin-left: -220px;
            background: #fff url("../images/franchise/pop04_bg.png") no-repeat center top; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.pop05 {
            margin-left: -220px;
            background: #fff url("../images/franchise/pop05_bg.png") no-repeat center top; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content p {
            line-height: 36px;
            font-family: Noto Sans KR;
            font-size: 20px;
            padding-left: 60px;
            padding-top: 180px; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.left:before {
            clear: both;
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            top: -37px;
            left: -1px;
            width: 39px;
            height: 37px;
            background: url("../images/franchise/left_deco.png") no-repeat center center; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.center:before {
            clear: both;
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            top: -37px;
            left: 50%;
            margin-left: -31px;
            width: 62px;
            height: 37px;
            background: url("../images/franchise/center_deco.png") no-repeat center center; }
          #franchise .brand_content .absolute_box_wrap .absolute_nav_row .absolute_nav li .pop_content.right:before {
            clear: both;
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            top: -37px;
            left: 100%;
            margin-left: -38px;
            width: 39px;
            height: 37px;
            background: url("../images/franchise/right_deco.png") no-repeat center center; }
  #franchise .brand_content .write_list {
    margin-top: 30px; }
    #franchise .brand_content .write_list a {
      float: right;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 199px;
      height: 71px;
      line-height: 71px;
      box-sizing: border-box;
      font-family: Noto Sans KR;
      color: #fff;
      background: url("../images/franchise/btn_small.png") no-repeat center center; }
    #franchise .brand_content .write_list:after {
      clear: both;
      display: block;
      content: ""; }
  #franchise .makemarket_list_row.top {
    margin-top: 100px; }
  #franchise .makemarket_list_row:after {
    clear: both;
    display: block;
    content: ""; }
  #franchise .makemarket_list_row .list_col {
    float: left;
    vertical-align: top;
    margin-bottom: 60px; }
    #franchise .makemarket_list_row .list_col:first-child {
      margin-right: 120px; }
    #franchise .makemarket_list_row .list_col ul li {
      margin-top: 20px;
      background-color: #ebebeb;
      width: 540px; }
      #franchise .makemarket_list_row .list_col ul li:first-child {
        margin-top: 0; }
      #franchise .makemarket_list_row .list_col ul li dl {
        font-size: 0; }
        #franchise .makemarket_list_row .list_col ul li dl dt {
          display: inline-block;
          vertical-align: top;
          width: 173px;
          height: 157px;
          background: url("../images/franchise/btn_large.png") no-repeat center center;
          background-size: 173px 157px;
          padding: 16px;
          box-sizing: border-box; }
          #franchise .makemarket_list_row .list_col ul li dl dt span {
            color: #fff;
            display: inline-block;
            vertical-align: top;
            font-family: Noto Sans KR; }
            #franchise .makemarket_list_row .list_col ul li dl dt span.num {
              font-size: 20px;
              font-weight: bold; }
            #franchise .makemarket_list_row .list_col ul li dl dt span.col_name {
              display: block;
              margin-top: 60px;
              font-size: 22px; }
        #franchise .makemarket_list_row .list_col ul li dl dd {
          display: inline-block;
          vertical-align: top;
          height: 157px;
          overflow: hidden;
          padding: 30px 0 0 40px;
          box-sizing: border-box; }
          #franchise .makemarket_list_row .list_col ul li dl dd p {
            font-size: 20px;
            line-height: 32px;
            color: #000;
            font-family: Noto Sans KR; }
  #franchise .makemarket_list_row .faq_table {
    margin-bottom: 200px; }
    #franchise .makemarket_list_row .faq_table table {
      width: 100%; }
      #franchise .makemarket_list_row .faq_table table tr th {
        text-align: center;
        font-family: Noto Sans KR;
        font-size: 16px;
        border-bottom: 1px solid #bdbdbd; }
      #franchise .makemarket_list_row .faq_table table tr td {
        border-bottom: 1px solid #bdbdbd; }
        #franchise .makemarket_list_row .faq_table table tr td a {
          display: block;
          text-align: left;
          font-family: Noto Sans KR;
          font-size: 18px;
          color: #000;
          line-height: 60px; }
      #franchise .makemarket_list_row .faq_table table tr.reply {
        display: none; }
        #franchise .makemarket_list_row .faq_table table tr.reply .reply_content {
          background-color: #f4f4f4;
          padding: 20px 60px;
          font-size: 18px;
          line-height: 30px;
          font-family: Noto Sans KR;
          text-align: left; }
  #franchise .pricelist_table .top_right_desc {
    text-align: right;
    font-size: 14px;
    font-family: Noto Sans KR;
    line-height: 24px;
    margin-bottom: 6px; }
  #franchise .pricelist_table table {
    width: 100%; }
    #franchise .pricelist_table table th, #franchise .pricelist_table table td {
      border: 1px solid #666666; }
    #franchise .pricelist_table table thead th {
      background-color: #ebebeb;
      height: 40px;
      line-height: 40px;
      font-family: Noto Sans KR;
      font-size: 16px;
      border-top-color: #971519; }
      #franchise .pricelist_table table thead th:first-child {
        border-left-color: #fff; }
      #franchise .pricelist_table table thead th:last-child {
        border-right-color: #fff; }
    #franchise .pricelist_table table tbody td {
      text-align: center;
      height: 40px;
      line-height: 40px;
      font-family: Noto Sans KR;
      font-size: 16px; }
      #franchise .pricelist_table table tbody td:first-child {
        border-left-color: #fff; }
      #franchise .pricelist_table table tbody td:last-child {
        border-right-color: #fff; }
    #franchise .pricelist_table table tfoot th {
      background-color: #ebebeb;
      height: 40px;
      line-height: 40px;
      font-family: Noto Sans KR;
      font-size: 16px;
      border-top-color: #971519; }
      #franchise .pricelist_table table tfoot th span {
        color: #971519; }
      #franchise .pricelist_table table tfoot th:first-child {
        border-left-color: #fff; }
      #franchise .pricelist_table table tfoot th:last-child {
        border-right-color: #fff; }
  #franchise .pricelist_information {
    margin-top: 30px;
    position: relative; }
    #franchise .pricelist_information ol li {
      line-height: 24px;
      font-size: 14px;
      color: #000;
      font-family: Noto Sans KR; }
    #franchise .pricelist_information a {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5;
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 199px;
      height: 71px;
      line-height: 71px;
      box-sizing: border-box;
      font-family: Noto Sans KR;
      color: #fff;
      background: url("../images/franchise/btn_small.png") no-repeat center center; }

/* customer */
#customer {
  position: relative;
  margin-top: -180px; }
  #customer .customer_sildes {
    position: relative; }
    #customer .customer_sildes .customer_slide .item {
      height: 509px;
      text-align-last: left;
      text-indent: -9999px; }
      #customer .customer_sildes .customer_slide .item.write {
        width: 100%;
        background: url("../images/customer/write_top_banner.png") no-repeat center center; }
  #customer .customer_title {
    text-align: center; }
    #customer .customer_title .page_title {
      text-align: center;
      font-family: Noto Sans KR;
      font-size: 30px;
      line-height: 36px; }
    #customer .customer_title .page_desc {
      text-align: center;
      font-family: Noto Sans KR;
      font-size: 18px;
      line-height: 30px;
      padding-top: 30px; }

/* form */
.common_form_wrapper input[type="radio"]:checked {
  background-color: #ff0000; }
.common_form_wrapper .from_box form {
  display: block; }
  .common_form_wrapper .from_box form .form_row {
    margin-bottom: 60px; }
    .common_form_wrapper .from_box form .form_row .before_select_row .before_title h3 {
      position: relative; }
      .common_form_wrapper .from_box form .form_row .before_select_row .before_title h3 span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-color: #fff;
        z-index: 5;
        padding-right: 24px; }
      .common_form_wrapper .from_box form .form_row .before_select_row .before_title h3:after {
        clear: both;
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #565656;
        z-index: 1; }
    .common_form_wrapper .from_box form .form_row .before_select_row ul {
      padding-top: 34px;
      margin: 24px 0 40px 0; }
      .common_form_wrapper .from_box form .form_row .before_select_row ul li {
        float: left;
        margin-left: 24px; }
        .common_form_wrapper .from_box form .form_row .before_select_row ul li label {
          cursor: pointer; }
          .common_form_wrapper .from_box form .form_row .before_select_row ul li label span {
            font-family: Noto Sans KR; }
        .common_form_wrapper .from_box form .form_row .before_select_row ul li:first-child {
          margin-left: 0; }
      .common_form_wrapper .from_box form .form_row .before_select_row ul:after {
        clear: both;
        display: block;
        content: ""; }
    .common_form_wrapper .from_box form .form_row .form_title {
      position: relative; }
      .common_form_wrapper .from_box form .form_row .form_title:after {
        clear: both;
        display: block;
        content: ""; }
      .common_form_wrapper .from_box form .form_row .form_title.last {
        margin-top: 24px; }
      .common_form_wrapper .from_box form .form_row .form_title .table_name {
        display: inline-block;
        vertical-align: top;
        height: 34px;
        line-height: 34px;
        color: #971519;
        font-family: Noto Sans KR; }
      .common_form_wrapper .from_box form .form_row .form_title .table_desc {
        display: inline-block;
        vertical-align: top;
        float: right;
        height: 34px;
        line-height: 34px;
        font-size: 14px;
        color: #971519;
        font-family: Noto Sans KR; }
        .common_form_wrapper .from_box form .form_row .form_title .table_desc label {
          color: #000;
          cursor: pointer; }
          .common_form_wrapper .from_box form .form_row .form_title .table_desc label span {
            display: inline-block;
            vertical-align: top;
            margin-left: 6px; }
    .common_form_wrapper .from_box form .form_row .table_box {
      margin-top: 12px; }
      .common_form_wrapper .from_box form .form_row .table_box table {
        width: 100%; }
        .common_form_wrapper .from_box form .form_row .table_box table tr:first-child th, .common_form_wrapper .from_box form .form_row .table_box table tr:first-child td {
          border-top-color: #971519; }
        .common_form_wrapper .from_box form .form_row .table_box table tr:last-child th, .common_form_wrapper .from_box form .form_row .table_box table tr:last-child td {
          border-bottom-color: #565656; }
        .common_form_wrapper .from_box form .form_row .table_box table tr th, .common_form_wrapper .from_box form .form_row .table_box table tr td {
          background-color: #ebebeb;
          border: 1px solid #565656; }
        .common_form_wrapper .from_box form .form_row .table_box table tr th {
          border-left-color: #fff;
          border-right-color: #fff;
          border-right-width: 20px; }
        .common_form_wrapper .from_box form .form_row .table_box table tr td {
          border-bottom-color: #fff;
          border-right-color: #fff;
          border-left-color: #fff; }
          .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap {
            padding: 6px 18px; }
            .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap input[type="text"] {
              border: 1px solid #666666;
              width: 520px;
              line-height: 2.5em;
              height: 30px;
              background-color: #fff;
              text-indent: 6px;
              font-family: Noto Sans KR; }
              .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap input[type="text"][name="quest_subject"] {
                width: 100%; }
            .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap label {
              display: inline-block;
              vertical-align: top;
              margin-left: 24px;
              cursor: pointer; }
              .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap label input {
                margin: 0; }
              .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap label span {
                display: inline-block;
                vertical-align: top;
                font-family: Noto Sans KR;
                font-size: 14px; }
              .common_form_wrapper .from_box form .form_row .table_box table tr td .input_wrap label:first-child {
                margin-left: 0; }
          .common_form_wrapper .from_box form .form_row .table_box table tr td textarea {
            display: block;
            width: 100%;
            height: 260px;
            padding: 10px;
            line-height: 20px;
            font-size: 14px;
            color: #000;
            font-family: Noto Sans KR;
            border: 1px solid #666;
            box-sizing: border-box;
            background-color: #fff;
            resize: none;
            margin: 12px 0; }
          .common_form_wrapper .from_box form .form_row .table_box table tr td select {
            border: 1px solid #666;
            background-color: #fff;
            font-family: Noto Sans KR;
            color: #b6091f;
            padding: 6px; }
        .common_form_wrapper .from_box form .form_row .table_box table tr .readonly_content {
          margin: 24px;
          padding: 12px;
          height: 160px;
          box-sizing: border-box;
          border: 1px solid #666666;
          font-family: Noto Sans KR;
          background-color: #fff;
          font-size: 13px;
          line-height: 24px;
          overflow: hidden;
          overflow-y: scroll; }
        .common_form_wrapper .from_box form .form_row .table_box table th {
          text-align: left; }
          .common_form_wrapper .from_box form .form_row .table_box table th span {
            display: block;
            font-family: Noto Sans KR;
            font-size: 16px;
            line-height: 60px;
            font-weight: normal;
            padding-left: 18px; }
            .common_form_wrapper .from_box form .form_row .table_box table th span.required:after {
              clear: both;
              display: inline-block;
              content: "*";
              color: #971519;
              margin-left: 6px; }
    .common_form_wrapper .from_box form .form_row .write_list {
      margin-top: 30px; }
      .common_form_wrapper .from_box form .form_row .write_list a {
        float: right;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 199px;
        height: 71px;
        line-height: 71px;
        box-sizing: border-box;
        font-family: Noto Sans KR;
        color: #fff;
        background: url("../images/franchise/btn_small.png") no-repeat center center; }
      .common_form_wrapper .from_box form .form_row .write_list:after {
        clear: both;
        display: block;
        content: ""; }
.common_form_wrapper .file_upload_row {
  margin: 20px 0 60px 0;
  border-top: 1px solid #971519;
  border-bottom: 1px solid #565656;
  background-color: #ebebeb;
  position: relative; }
  .common_form_wrapper .file_upload_row .file_title {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 10px 0;
    font-family: Noto Sans KR; }
  .common_form_wrapper .file_upload_row .file_upload_content {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    height: 44px;
    overflow: hidden; }
    .common_form_wrapper .file_upload_row .file_upload_content input[type="file"] {
      display: none; }
    .common_form_wrapper .file_upload_row .file_upload_content .file_name {
      display: inline-block;
      vertical-align: top;
      width: 864px;
      height: 44px;
      box-sizing: border-box;
      line-height: 3.2em;
      background-color: #fff; }
    .common_form_wrapper .file_upload_row .file_upload_content .file_select_btn {
      margin-left: 12px;
      display: inline-block;
      vertical-align: top;
      height: 44px;
      line-height: 44px;
      text-align: center;
      color: #fff;
      font-family: Noto Sans KR;
      background-color: #565656;
      border: 0;
      padding: 0 24px; }
  .common_form_wrapper .file_upload_row p {
    position: absolute;
    bottom: -30px;
    left: 44px;
    z-index: 5;
    font-family: Noto Sans KR;
    font-size: 14px; }

/* board */
.board_layout {
  margin: 0 auto;
  width: 1200px; }

.board_sildes {
  margin-top: -180px;
  margin-bottom: 60px; }
  .board_sildes .board_slide .item {
    height: 509px;
    text-align-last: left;
    text-indent: -9999px; }
    .board_sildes .board_slide .item.notice {
      width: 100%;
      background: url(../images/board/notice_top_image.png) no-repeat center center; }

#hd_login_msg {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 999999;
  padding: 12px;
  color: #000;
  font-family: Noto Sans KR;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 3px 3px 10px #9e9e9e; }
  #hd_login_msg p {
    margin-bottom: 12px; }
  #hd_login_msg a {
    display: block;
    line-height: 24px;
    color: #000;
    font-family: Noto Sans KR; }

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