@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=block");
/*
 * Mixin
 */
/*
 * Extend
 */
/* line 461, ../../scss/extend.scss */
.hk-contents, .hk-contents .btn, .index-menu {
  font-family: 'Noto Sans KR', sans-serif;
}

/* line 465, ../../scss/extend.scss */
.hk-contents .inner:after, .hk-contents .wrap-domain .quick-link > ul:after {
  content: '';
  display: block;
  clear: both;
}

/* line 3, ../../scss/main.scss */
.bg_gray {
  background-color: #f7f8f9;
}

/*
 * 띠배너
 */
/* line 9, ../../scss/main.scss */
.top_banner {
  background-color: #55c5d0;
  text-align: center;
  font-size: 18px;
  letter-spacing: -1px;
  color: #fff;
}
/* line 15, ../../scss/main.scss */
.top_banner .container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px;
  background-color: #55c5d0;
}
/* line 22, ../../scss/main.scss */
.top_banner .wrap_top_bn {
  position: relative;
  padding: 15px 40px 15px 0;
}
/* line 26, ../../scss/main.scss */
.top_banner .top_icon {
  margin-right: 25px;
}
/* line 29, ../../scss/main.scss */
.top_banner a,
.top_banner a:focus,
.top_banner a:hover {
  color: #fff;
}
/* line 34, ../../scss/main.scss */
.top_banner .txt_bold {
  font-weight: bold;
}
/* line 37, ../../scss/main.scss */
.top_banner .txt_big {
  margin-right: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #fff8a5;
}
/* line 43, ../../scss/main.scss */
.top_banner .txt_time {
  padding-left: 15px;
  padding-right: 20px;
  font-size: 16px;
}
/* line 48, ../../scss/main.scss */
.top_banner .btn-success {
  display: inline-block;
  font-size: 13px;
  padding: 8px 15px;
  border: 1px solid #fff;
  border-radius: 2px;
  background-color: rgba(0, 164, 182, 0.4);
}
/* line 56, ../../scss/main.scss */
.top_banner .top_bn_close {
  position: absolute;
  right: 10px;
  top: 30px;
  cursor: pointer;
}

/* line 63, ../../scss/main.scss */
.main-visual {
  overflow: hidden;
}
/* line 65, ../../scss/main.scss */
.main-visual .tab {
  display: none;
}
/* line 68, ../../scss/main.scss */
.main-visual .search {
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
  min-height: 230px;
  background: url("../../images/main_visual_bg.png") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 78, ../../scss/main.scss */
.main-visual .search .layout {
  max-width: 1240px;
  margin: 0 auto;
}
/* line 81, ../../scss/main.scss */
.main-visual .search .layout .title {
  padding-top: 69px;
  font-size: 27px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: -0.81px;
  color: #fff;
}
/* line 91, ../../scss/main.scss */
.main-visual .search .layout .box {
  width: 95%;
  height: 56px;
  margin-top: 0px;
  max-width: 800px;
  align-items: center;
  display: flex;
  position: relative;
}
/* line 99, ../../scss/main.scss */
.main-visual .search .layout .box em {
  width: auto;
  font-size: 18px;
  padding-left: 19px;
  letter-spacing: -0.96px;
  background: #fff;
  color: black;
  height: inherit;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* line 112, ../../scss/main.scss */
.main-visual .search .layout .box label {
  position: absolute;
  left: 20px;
  top: 0px;
  font-size: 16px;
  color: #878d94;
  opacity: 0.75;
  cursor: text;
  font-weight: normal;
  letter-spacing: -0.96px;
  height: inherit;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}
/* line 127, ../../scss/main.scss */
.main-visual .search .layout .box input {
  border: 0px;
  font-size: 16px;
  height: inherit;
  background: #fff;
  padding: 0 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.64px;
  text-align: left;
  width: 100%;
  width: -webkit-fill-available;
  box-shadow: none;
  flex: 1;
  -webkit-appearance: none !important;
  border-radius: 0px;
  margin-left: -1px;
}
/* line 145, ../../scss/main.scss */
.main-visual .search .layout .box input::-ms-clear {
  width: 0;
  height: 0;
}
/* line 149, ../../scss/main.scss */
.main-visual .search .layout .box input.placeholder {
  color: #878d94;
}
/* line 153, ../../scss/main.scss */
.main-visual .search .layout .box input:-moz-placeholder {
  color: #878d94;
}
/* line 157, ../../scss/main.scss */
.main-visual .search .layout .box input::-webkit-input-placeholder {
  color: #878d94;
}
/* line 161, ../../scss/main.scss */
.main-visual .search .layout .box input:-ms-input-placeholder {
  color: #878d94;
}
/* line 164, ../../scss/main.scss */
.main-visual .search .layout .box input[type='search']:focus ~ label, .main-visual .search .layout .box input[type='search']:focus + label, .main-visual .search .layout .box input[type='url']:focus ~ label, .main-visual .search .layout .box input[type='url']:focus + label, .main-visual .search .layout .box input[type='text']:focus ~ label, .main-visual .search .layout .box input[type='text']:focus + label, .main-visual .search .layout .box input[type='search']:not([value='']) ~ label, .main-visual .search .layout .box input[type='search']:not([value='']) + label, .main-visual .search .layout .box input[type='url']:not([value='']) ~ label, .main-visual .search .layout .box input[type='url']:not([value='']) + label, .main-visual .search .layout .box input[type='text']:not([value='']) ~ label, .main-visual .search .layout .box input[type='text']:not([value='']) + label {
  display: none;
}
/* line 179, ../../scss/main.scss */
.main-visual .search .layout .box .xIcon {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("../../images/svg/icon_search_del.svg") no-repeat center center;
  position: absolute;
  right: 175px;
  top: 18px;
  display: none;
}
/* line 189, ../../scss/main.scss */
.main-visual .search .layout .box .xIcon.active {
  display: inline-block;
}
/* line 193, ../../scss/main.scss */
.main-visual .search .layout .box .btn-search {
  width: 160px;
  height: 56px;
  background: #101717;
  display: flex;
  align-items: center;
  justify-content: end;
  color: white;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* line 203, ../../scss/main.scss */
.main-visual .search .layout .box .btn-search span {
  margin-right: 8px;
  font-size: 16px;
  letter-spacing: -0.96px;
  flex: 1;
}
/* line 209, ../../scss/main.scss */
.main-visual .search .layout .box .btn-search i {
  margin-top: 4px;
  width: 36px;
  margin-right: 10px;
}
/* line 214, ../../scss/main.scss */
.main-visual .search .layout .box .btn-search:hover {
  filter: brightness(120%);
}
/* line 219, ../../scss/main.scss */
.main-visual .search .layout .event {
  margin-top: 36px;
  display: flex;
}
/* line 222, ../../scss/main.scss */
.main-visual .search .layout .event .label {
  width: 58px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background: #ff8800;
  color: white;
  font-size: 13px;
  letter-spacing: -0.26px;
  font-weight: normal;
}
/* line 235, ../../scss/main.scss */
.main-visual .search .layout .event .more-btn {
  width: 200px;
  height: auto;
  color: white;
  font-size: 13px;
  letter-spacing: -0.65px;
  cursor: pointer;
  text-align: right;
}
/* line 244, ../../scss/main.scss */
.main-visual .search .layout .event .event-wrap {
  display: flex;
  overflow: hidden;
  position: relative;
  flex: 1;
}
/* line 249, ../../scss/main.scss */
.main-visual .search .layout .event .event-wrap ul.event-list {
  display: block;
  justify-content: start;
  margin-left: 41px;
  height: 30px;
  overflow-y: hidden;
}
/* line 255, ../../scss/main.scss */
.main-visual .search .layout .event .event-wrap ul.event-list li {
  width: max-content;
  margin-right: 61px;
  display: inline-block;
  margin-bottom: 10px;
}
/* line 261, ../../scss/main.scss */
.main-visual .search .layout .event .event-wrap ul.event-list li .item-wrap span {
  font-size: 14px;
  letter-spacing: -0.28px;
}
/* line 265, ../../scss/main.scss */
.main-visual .search .layout .event .event-wrap ul.event-list li .item-wrap span.tit {
  color: white;
}
/* line 268, ../../scss/main.scss */
.main-visual .search .layout .event .event-wrap ul.event-list li .item-wrap span.price {
  color: #33f3e8;
}
/* line 278, ../../scss/main.scss */
.main-visual .bottom {
  width: 100%;
  min-height: 130px;
  background: #586675;
}
/* line 282, ../../scss/main.scss */
.main-visual .bottom .layout {
  max-width: 1240px;
  margin: 0 auto;
  position: relative;
}
/* line 286, ../../scss/main.scss */
.main-visual .bottom .layout .left {
  float: left;
  width: 163px;
  height: 130px;
  text-align: center;
  margin-right: 0;
  color: #13aca3;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  background: #404f60;
  font-weight: 100;
  padding-top: 27px;
}
/* line 299, ../../scss/main.scss */
.main-visual .bottom .layout .left .tit {
  font-size: 32px;
}
/* line 302, ../../scss/main.scss */
.main-visual .bottom .layout .left .totalBtn {
  font-size: 14px;
  color: #91959a;
  font-weight: bold;
  padding-left: 0px;
  transition-property: margin-left;
  transition-duration: 4s;
  transition-delay: 2s;
  z-index: 1;
  vertical-align: middle;
}
/* line 312, ../../scss/main.scss */
.main-visual .bottom .layout .left .totalBtn .more {
  width: 19px;
  height: 19px;
  background: url(../../images/arr_more.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  margin-left: 5px;
  padding-right: 14px;
  padding-top: 1px;
  -webkit-transition: all 0.5s;
  /* Safari */
  transition: all 0.5s;
}
/* line 325, ../../scss/main.scss */
.main-visual .bottom .layout .left .totalBtn:hover {
  filter: brightness(200%);
  transition: all 0.5s;
}
/* line 331, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper {
  width: auto;
  margin-left: 233px;
}
/* line 335, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper a {
  outline: none;
}
/* line 338, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slide {
  display: none;
}
/* line 340, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slide.slick-slider {
  display: block;
  height: 130px;
}
/* line 345, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-list {
  margin: 0 35px;
}
/* line 348, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-slide {
  position: relative;
  outline: none;
  width: 100px;
  min-height: 130px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 357, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item {
  display: table;
  width: 100%;
  height: 130px;
  cursor: pointer;
}
/* line 362, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt,
.main-visual .bottom .layout .wrapper .item .box_visual {
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
}
/* line 368, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_visual {
  display: none;
  padding: 0 35px;
}
/* line 371, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_visual img {
  max-width: 100%;
}
/* line 375, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt {
  letter-spacing: -1px;
  padding: 0 36px;
}
/* line 378, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt a {
  color: #fff;
}
/* line 381, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_tit {
  font-size: 19px;
  overflow: hidden;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: lighter;
  letter-spacing: -0.6px;
}
/* line 389, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_tit .tit {
  font-weight: 500;
  padding-right: 5px;
  letter-spacing: -0.38px;
  color: white;
}
/* line 395, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_tit .price {
  font-weight: 500;
  color: #2de2d7;
  padding-left: 5px;
  letter-spacing: -0.38px;
}
/* line 401, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_tit .pecent {
  vertical-align: middle;
  width: 50px;
  height: 22px;
  line-height: 22px;
  background-color: #ff8800;
  font-size: 13px;
  color: white;
  font-weight: normal;
  margin-left: 10px;
  border-radius: 3px;
  margin-bottom: 3px;
}
/* line 413, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_tit .pecent i {
  width: auto;
  height: 13px;
  background: url("../../images/discount_arr.svg?v=20210415");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  margin-right: 5px;
  padding-left: 3px;
}
/* line 425, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_sub_tit {
  margin-top: 30px;
  font-size: 13px;
  color: #c3cbd4;
}
/* line 430, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .slide_desc {
  font-size: 13.5px;
  line-height: 1.6;
  color: #d9dfe3;
}
/* line 435, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .line {
  width: 1px;
  background: #fff;
  opacity: 0.36;
  position: absolute;
  height: 15px;
  top: 50%;
  right: 0;
  margin-top: -7.5px;
  display: none;
}
/* line 446, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .box_txt .btn {
  padding: 8px 20px;
  font-size: 14px;
  line-height: 1;
  border-radius: 2px;
  color: #fff;
}
/* line 454, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item .center {
  text-align: center;
}
/* line 458, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .item:hover {
  background-color: #51606f;
}
/* line 461, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -21px;
  width: 42px;
  height: 42px;
  font-size: 25px;
  border-radius: 25px;
  font: 0/0 a;
}
/* line 471, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow:before {
  content: '';
  font-size: 20px;
  color: #fff;
  font-weight: 50;
  line-height: 20px;
  font-family: 'FontAwesome';
}
/* line 479, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow.slick-prev {
  left: 0;
}
/* line 481, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow.slick-prev:before {
  content: '\f104';
  background: url("../../images/discount_arr.svg?v=20210415");
}
/* line 486, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow.slick-next {
  right: 0;
}
/* line 488, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow.slick-next:before {
  content: '\f105';
  background: url("../../images/discount_arr.svg?v=20210415");
}
/* line 494, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow.slick-disabled {
  opacity: 0.5;
}
/* line 497, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-arrow.slick-next:hover,
.main-visual .bottom .layout .wrapper .slick-arrow.slick-prev:hover {
  background-color: #636e7c;
}
/* line 501, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-dots {
  position: absolute;
  right: 10px;
  bottom: 16px;
  text-align: center;
}
/* line 506, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-dots li {
  display: inline-block;
  vertical-align: top;
}
/* line 509, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-dots li button {
  display: block;
  height: 15px;
  width: 15px;
  margin: 0 3px;
  font: 0/0 a;
  border: 0;
  border-radius: 2px;
  background: #bbb;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
/* line 522, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-dots li.slick-active button {
  background: #00adbb;
}
/* line 528, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper .slick-counter {
  display: none;
}
/* line 532, ../../scss/main.scss */
.main-visual .bottom .layout .wrapper:hover .slick-arrow {
  opacity: 1;
}

/* mobile visual banner */
/* line 541, ../../scss/main.scss */
.mobile-visual-banner {
  display: none;
}

/* 메인 도메인 */
/* line 548, ../../scss/main.scss */
.hk-contents li,
.hk-contents ol,
.hk-contents ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 555, ../../scss/main.scss */
.hk-contents .inner {
  box-sizing: border-box;
  max-width: 1240px;
  margin: 0 auto;
  padding: 60px 15px 61px;
}
/* line 562, ../../scss/main.scss */
.hk-contents .text-primary {
  color: #089d99;
}
/* line 565, ../../scss/main.scss */
.hk-contents .btn {
  display: inline-block;
  padding: inherit;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}
/* line 576, ../../scss/main.scss */
.hk-contents .btn-primary {
  color: #fff;
  background-color: #089d99;
}
/* line 579, ../../scss/main.scss */
.hk-contents .btn-primary.btn-border {
  color: #089d99;
  background-color: inherit;
  border-color: #089d99;
}
/* line 585, ../../scss/main.scss */
.hk-contents .btn-border {
  color: #101717;
  border: 1px solid #cecece;
}
/* line 590, ../../scss/main.scss */
.hk-contents .icon {
  display: inline-block;
  vertical-align: middle;
}
/* line 595, ../../scss/main.scss */
.hk-contents .wrap-domain .inner {
  padding-left: 0;
  padding-right: 0;
}
/* line 599, ../../scss/main.scss */
.hk-contents .wrap-domain .info {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}
/* line 613, ../../scss/main.scss */
.hk-contents .wrap-domain .headline {
  margin-bottom: 39px;
  color: #666;
}
/* line 616, ../../scss/main.scss */
.hk-contents .wrap-domain .headline h2 {
  font-size: 33px;
  color: #101717;
  margin-bottom: 25px;
  line-height: 1;
  font-weight: 600;
}
/* line 699, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link {
  padding-top: 0px;
  /* letter-spacing: -1px; */
  letter-spacing: -0.5px;
}
/* line 706, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li {
  position: relative;
  float: left;
  width: 25%;
  height: 164px;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
/* line 713, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #101717;
  text-decoration: none;
}
/* line 720, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li a:hover div {
  z-index: 1;
  border-color: #878d94;
}
/* line 727, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li div {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 35px 32px 28px 32px;
  box-sizing: border-box;
  border: 1px solid #ccd5da;
  transition: box-shadow 0.2s ease-in-out;
  border-radius: 5px;
}
/* line 736, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li div:after {
  content: '';
  position: absolute;
  top: 39px;
  right: 23px;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-image: url("../../images/svg/icon_arr_g_24.svg?v=20190413");
}
/* line 746, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li div > span {
  font-size: 15px;
  color: #55595e;
  word-break: keep-all;
  line-height: 1.6;
  letter-spacing: -0.45px;
}
/* line 755, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li div .unauth span:first-child {
  display: block;
  white-space: nowrap;
}
/* line 763, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li strong {
  display: block;
  font-size: 20px;
  letter-spacing: -0.6px;
  font-weight: 600;
  margin-bottom: 13px;
}
/* line 770, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li .is-mobile,
.hk-contents .wrap-domain .quick-link li .underline {
  display: none;
}
/* line 774, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li .underline {
  position: absolute;
  z-index: 1;
  left: 35px;
  bottom: 23px;
  display: inline-block;
}
/* line 780, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li .underline a {
  display: block;
  padding: 5px;
  color: #04939d;
}
/* line 784, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li .underline a span {
  border-bottom: 1px solid #04939d;
}
/* line 791, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li.item-4 div {
  border-radius: 0px;
  border-top-left-radius: 5px;
}
/* line 797, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li.item-5 div {
  border-radius: 0px;
  border-top-right-radius: 5px;
}
/* line 803, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li.item-6 div {
  border-radius: 0px;
  border-bottom-left-radius: 5px;
}
/* line 809, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link li.item-7 div {
  border-radius: 0px;
  border-bottom-right-radius: 5px;
}
/* line 815, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .minor {
  width: 12.5%;
  height: 83px;
  padding: 0;
}
/* line 819, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .minor div {
  padding: 20px;
}
/* line 821, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .minor div:after {
  top: 24px;
  right: 19px;
  width: 13px;
  height: 10px;
  background-position: -30px 0;
  background: none;
}
/* line 829, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .minor div > span {
  display: block;
  width: 110%;
  font-size: 12px;
}
/* line 835, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .minor strong {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
/* line 853, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .item-4 div > strong,
.hk-contents .wrap-domain .quick-link .item-5 div > strong,
.hk-contents .wrap-domain .quick-link .item-6 div > strong,
.hk-contents .wrap-domain .quick-link .item-7 div > strong {
  margin-bottom: 8px;
}
/* line 858, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .item-4,
.hk-contents .wrap-domain .quick-link .item-6 {
  margin-right: -1px;
}
/* line 862, ../../scss/main.scss */
.hk-contents .wrap-domain .quick-link .item-6,
.hk-contents .wrap-domain .quick-link .item-7 {
  margin-top: -1px;
  height: 82px;
}
/* line 868, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend {
  /* white-space: nowrap; */
  position: absolute;
  right: 32px;
  bottom: 28px;
  left: 32px;
  overflow: hidden;
  margin: 35px 0 0;
  padding-top: 15px;
  border-top: 1px solid #eee;
}
/* line 878, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li {
  position: relative;
  float: none;
  width: auto;
  display: inline-block;
  height: auto;
  padding: 0 5px;
  box-sizing: border-box;
}
/* line 886, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 12px;
  margin-top: -4px;
  background-color: #b7b7b7;
}
/* line 897, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li:first-child:before {
  display: none;
}
/* line 901, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li strong {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
}
/* line 907, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li span {
  color: #101717;
  font-size: 14px;
}
/* line 912, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li.left {
  padding: 0px 15.5px 0px 0px;
}
/* line 915, ../../scss/main.scss */
.hk-contents .wrap-domain .recommend li.right {
  padding: 0px 0px 0px 12.3px;
}

/* line 922, ../../scss/main.scss */
.news-banner {
  width: 100%;
  background: #465364;
  height: 75px;
}
/* line 926, ../../scss/main.scss */
.news-banner .inner {
  width: 100%;
  height: inherit;
  margin: 0px auto;
  padding: 0px;
  display: flex;
  align-items: center;
}
/* line 933, ../../scss/main.scss */
.news-banner .inner .news {
  display: flex;
  align-items: center;
  width: calc(100% - 200px);
  flex: 1;
}
/* line 938, ../../scss/main.scss */
.news-banner .inner .news .title {
  font-size: 18px;
  letter-spacing: -0.9;
  color: white;
  margin-right: 78px;
}
/* line 944, ../../scss/main.scss */
.news-banner .inner .news .desc {
  font-size: 14px;
  letter-spacing: -0.7;
  color: #ccd5da;
  width: calc(100% - 250px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 954, ../../scss/main.scss */
.news-banner .inner a {
  width: 110px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 13px;
  letter-spacing: -0.26;
  border: 1px solid #fff;
  border-radius: 3px;
  opacity: 0.6;
}

/* line 970, ../../scss/main.scss */
.board-banner {
  width: 100%;
  background: #f4f6f8;
  height: 58px;
}
/* line 974, ../../scss/main.scss */
.board-banner .inner {
  width: 100%;
  height: inherit;
  margin: 0px auto;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 982, ../../scss/main.scss */
.board-banner .inner .board-wrap {
  width: calc(100% - 200px);
  flex: 1;
  height: inherit;
  overflow: hidden;
}
/* line 987, ../../scss/main.scss */
.board-banner .inner .board-wrap .board {
  width: 100%;
  flex: 1;
  height: inherit;
  position: relative;
}
/* line 992, ../../scss/main.scss */
.board-banner .inner .board-wrap .board li {
  display: flex;
  align-items: center;
  height: inherit;
}
/* line 996, ../../scss/main.scss */
.board-banner .inner .board-wrap .board li .category {
  border: 1px solid #878d94;
  border-radius: 11px;
  height: 22px;
  display: flex;
  align-items: center;
  padding: 0 13px;
  color: #878d94;
  font-size: 12px;
  letter-spacing: -0.84px;
  line-height: 1;
  margin-right: 15px;
}
/* line 1009, ../../scss/main.scss */
.board-banner .inner .board-wrap .board li .title {
  font-size: 14px;
  letter-spacing: -0.7px;
  line-height: 1;
  margin-right: 15px;
  width: auto;
  height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  color: inherit;
}
/* line 1022, ../../scss/main.scss */
.board-banner .inner .board-wrap .board li .date {
  font-size: 14px;
  letter-spacing: -0.7px;
  color: #878d94;
}
/* line 1030, ../../scss/main.scss */
.board-banner .inner a {
  color: #00858d;
}

/* 메인 기존 영역 scroll spy tab */
/* line 1036, ../../scss/main.scss */
.index-menu {
  margin: 0 auto;
  background-color: #f8f9fb;
  border-top: 1px solid #d9dfe3;
  border-bottom: 1px solid #d9dfe3;
}
/* line 1042, ../../scss/main.scss */
.index-menu.affix {
  max-width: none;
}
/* line 1044, ../../scss/main.scss */
.index-menu.affix + .main-scroll-cont, .index-menu.affix ~ .main-scroll-cont {
  padding-top: 58px;
}
/* line 1049, ../../scss/main.scss */
.index-menu .container {
  width: auto;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
}
/* line 1055, ../../scss/main.scss */
.index-menu .nav {
  float: none;
}
/* line 1058, ../../scss/main.scss */
.index-menu .nav ul li {
  background-color: transparent;
  box-sizing: border-box;
}
/* line 1061, ../../scss/main.scss */
.index-menu .nav ul li:first-child {
  border-left: none;
}
/* line 1064, ../../scss/main.scss */
.index-menu .nav ul li a:hover {
  position: relative;
  color: inherit;
  text-decoration: none;
}
/* line 1069, ../../scss/main.scss */
.index-menu .nav ul li.active {
  border-bottom-color: transparent;
  background-color: black;
}
/* line 1072, ../../scss/main.scss */
.index-menu .nav ul li.active a {
  color: white;
  background-color: black;
  opacity: 1;
}
/* line 1076, ../../scss/main.scss */
.index-menu .nav ul li.active a:after {
  content: '';
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  margin-left: -5.5px;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: #00aaa5 transparent transparent transparent;
  background-image: none;
}
/* line 1090, ../../scss/main.scss */
.index-menu .nav ul li.active a:hover {
  position: relative;
  opacity: 1;
  text-decoration: none;
}

/* line 1101, ../../scss/main.scss */
.hideme,
.hideme-1 {
  opacity: 0;
}

/* main-scroll-cont */
/* line 1106, ../../scss/main.scss */
.main-scroll-cont {
  letter-spacing: -0.8px;
}
/* line 1108, ../../scss/main.scss */
.main-scroll-cont .container {
  padding: 79px 0px 86px;
  width: 1240px;
  margin: 0px auto;
}
/* line 1112, ../../scss/main.scss */
.main-scroll-cont .container .tit {
  margin-top: 0;
}
/* line 1115, ../../scss/main.scss */
.main-scroll-cont .container .tit-1 {
  margin-top: 0;
  font-size: 42px;
  letter-spacing: -0.84px;
}
/* line 1120, ../../scss/main.scss */
.main-scroll-cont .container .normal {
  margin-bottom: 30px;
}
/* line 1123, ../../scss/main.scss */
.main-scroll-cont .container .normal-1 {
  margin-top: 20px;
  margin-bottom: 24px;
  font-size: 26px;
  letter-spacing: -1.3px;
  font-weight: normal;
}
/* line 1130, ../../scss/main.scss */
.main-scroll-cont .container .normal-2 {
  margin-top: 20px;
  margin-bottom: 39px;
  font-size: 22px;
  letter-spacing: -0.66px;
  font-weight: 300;
  color: #101717;
  line-height: 1.8;
}
/* line 1139, ../../scss/main.scss */
.main-scroll-cont .container .gray {
  color: #55595e;
}
/* line 1142, ../../scss/main.scss */
.main-scroll-cont .container .desc {
  margin-bottom: 24px;
  font-size: 18px;
  letter-spacing: -0.54px;
  font-weight: normal;
}
/* line 1148, ../../scss/main.scss */
.main-scroll-cont .container .desc-1 {
  margin-bottom: 42px;
  font-size: 22px;
  letter-spacing: -0.66px;
  font-weight: bold;
}
/* line 1154, ../../scss/main.scss */
.main-scroll-cont .container .bold {
  font-weight: bold;
}
/* line 1157, ../../scss/main.scss */
.main-scroll-cont .container .image {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 130px;
  text-align: center;
}
/* line 1163, ../../scss/main.scss */
.main-scroll-cont .container .image div {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 1167, ../../scss/main.scss */
.main-scroll-cont .container .image div i {
  width: 228px;
  height: 130px;
  display: inline-block;
  margin: 0 16px;
}
/* line 1172, ../../scss/main.scss */
.main-scroll-cont .container .image div i:first-child {
  margin-left: 0px;
}
/* line 1177, ../../scss/main.scss */
.main-scroll-cont .container .image i.cpanel {
  background: url("../../images/svg/main_wh_cpanel.svg") no-repeat center center;
  background-size: contain;
}
/* line 1182, ../../scss/main.scss */
.main-scroll-cont .container .image i.plesk {
  background: url("../../images/svg/main_wh_plesk.svg") no-repeat center center;
  background-size: contain;
}
/* line 1187, ../../scss/main.scss */
.main-scroll-cont .container .image i.wordpress {
  background: url("../../images/svg/main_wh_wp.svg") no-repeat center center;
  background-size: contain;
}
/* line 1192, ../../scss/main.scss */
.main-scroll-cont .container .image i.php {
  background: url("../../images/svg/main_wh_php.svg") no-repeat center center;
  background-size: contain;
}
/* line 1197, ../../scss/main.scss */
.main-scroll-cont .container .image i.joomla {
  background: url("../../images/svg/main_wh_jl.svg") no-repeat center center;
  background-size: contain;
}
/* line 1203, ../../scss/main.scss */
.main-scroll-cont .container .image-small {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  text-align: center;
}
/* line 1209, ../../scss/main.scss */
.main-scroll-cont .container .image-small div {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 1213, ../../scss/main.scss */
.main-scroll-cont .container .image-small div i {
  width: 90px;
  height: 90px;
  display: inline-block;
  margin: 0 37px;
}
/* line 1220, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.gmail {
  background: url("../../images/svg/icon_gmail.svg") no-repeat center center;
  background-size: contain;
}
/* line 1225, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.chat {
  background: url("../../images/svg/icon_chat.svg") no-repeat center center;
  background-size: contain;
}
/* line 1230, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.drive {
  background: url("../../images/svg/icon_drive.svg") no-repeat center center;
  background-size: contain;
}
/* line 1235, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.meet {
  background: url("../../images/svg/icon_meet.svg") no-repeat center center;
  background-size: contain;
}
/* line 1240, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.calendar {
  background: url("../../images/svg/icon_calendar.svg") no-repeat center center;
  background-size: contain;
}
/* line 1245, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.sheets {
  background: url("../../images/svg/icon_sheets.svg") no-repeat center center;
  background-size: contain;
}
/* line 1250, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.slides {
  background: url("../../images/svg/icon_slides.svg") no-repeat center center;
  background-size: contain;
}
/* line 1255, ../../scss/main.scss */
.main-scroll-cont .container .image-small i.sites {
  background: url("../../images/svg/icon_sites.svg") no-repeat center center;
  background-size: contain;
}
/* line 1261, ../../scss/main.scss */
.main-scroll-cont .container .box-layer {
  width: 100%;
  margin: 0px auto;
  display: flex;
  align-items: start;
  justify-content: center;
}
/* line 1267, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list {
  margin: 0 20px;
}
/* line 1269, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box {
  cursor: pointer;
}
/* line 1271, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .title {
  width: 100%;
  display: flex;
  height: 28px;
  align-items: center;
  justify-content: space-between;
}
/* line 1277, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .title span {
  font-size: 21px;
  letter-spacing: -0.63px;
  color: #000000;
  font-weight: bolder;
}
/* line 1283, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .title button {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("../../images/svg/arr_down.svg");
  transform: rotate(270deg);
}
/* line 1291, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box i {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 380px;
  height: 170px;
  display: inline-block;
  margin: 20px 0 20px;
}
/* line 1300, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .icon-hosting {
  background: url("../../images/main_icon_hosting.png");
}
/* line 1303, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .icon-location {
  background: url("../../images/main_icon_location.png");
}
/* line 1306, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .icon-server {
  background: url("../../images/main_icon_server.png");
}
/* line 1309, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box .desc {
  font-size: 16px;
  letter-spacing: -0.64px;
  line-height: 1.8;
  color: #55595e;
}
/* line 1317, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box i::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: transform 0.4s ease-in-out;
}
/* line 1333, ../../scss/main.scss */
.main-scroll-cont .container .box-layer .list .box i:focus::after, .main-scroll-cont .container .box-layer .list .box i:hover::after {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
/* line 1345, ../../scss/main.scss */
.main-scroll-cont .container .btn-layer {
  display: flex;
  justify-content: start;
  margin-top: 56px;
  margin-bottom: 15px;
}
/* line 1350, ../../scss/main.scss */
.main-scroll-cont .container .btn-layer a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 54px;
  background: #303637;
  color: #ffffff;
  letter-spacing: -0.34px;
  font-size: 17px;
  border-radius: 6px;
}
/* line 1361, ../../scss/main.scss */
.main-scroll-cont .container .btn-layer a:active {
  background: #101717;
}
/* line 1364, ../../scss/main.scss */
.main-scroll-cont .container .btn-layer a:hover {
  background: #434a4b;
}
/* line 1367, ../../scss/main.scss */
.main-scroll-cont .container .btn-layer a:focus {
  background: #434a4b;
}
/* line 1370, ../../scss/main.scss */
.main-scroll-cont .container .btn-layer a:disabled {
  opacity: 0.35;
}
/* line 1375, ../../scss/main.scss */
.main-scroll-cont .container .isPc {
  display: flex;
}
/* line 1378, ../../scss/main.scss */
.main-scroll-cont .container .isMobile {
  display: none;
}
/* line 1382, ../../scss/main.scss */
.main-scroll-cont .btn-wrap {
  margin-top: 40px;
}
/* line 1385, ../../scss/main.scss */
.main-scroll-cont .hidden-xs {
  margin-top: 20px;
}
/* line 1388, ../../scss/main.scss */
.main-scroll-cont h1,
.main-scroll-cont h2,
.main-scroll-cont h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
/* line 1394, ../../scss/main.scss */
.main-scroll-cont p {
  margin-bottom: 10px;
}

/* line 1398, ../../scss/main.scss */
#Web_Hosting {
  background: url("../../images/main_wh_bg.png") no-repeat center center;
  background-size: cover;
}

/* line 1402, ../../scss/main.scss */
.partners {
  width: 100%;
  margin: 50px auto;
  max-width: 1240px;
}
/* line 1406, ../../scss/main.scss */
.partners .wrapper {
  width: auto;
}
/* line 1408, ../../scss/main.scss */
.partners .wrapper a {
  outline: none;
}
/* line 1411, ../../scss/main.scss */
.partners .wrapper .slide {
  display: none;
}
/* line 1413, ../../scss/main.scss */
.partners .wrapper .slide.slick-slider {
  display: block;
  height: 68px;
}
/* line 1418, ../../scss/main.scss */
.partners .wrapper .slick-list {
  margin: 0 25px;
}
/* line 1421, ../../scss/main.scss */
.partners .wrapper .slick-slide {
  position: relative;
  outline: none;
  width: 100px;
  min-height: 68px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 1429, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap {
  display: flex;
  align-items: center;
}
/* line 1432, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i {
  width: 100%;
  height: 68px;
  display: inline-block;
}
/* line 1437, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.aws {
  background: url("../../images/svg/main_b_ico_aws.svg?v=20210415") no-repeat center center;
}
/* line 1441, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.akamai {
  background: url("../../images/svg/main_b_ico_akamai.svg?v=20210415") no-repeat center center;
}
/* line 1445, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.trend {
  background: url("../../images/svg/main_b_ico_trend.svg?v=20210415") no-repeat center center;
}
/* line 1449, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.commvault {
  background: url("../../images/svg/main_b_ico_commvault.svg?v=20210415") no-repeat center center;
}
/* line 1453, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.software {
  background: url("../../images/svg/main_b_ico_software.svg?v=20210415") no-repeat center center;
}
/* line 1457, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.verisign {
  background: url("../../images/svg/main_b_ico_verisign.svg?v=20210415") no-repeat center center;
}
/* line 1461, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.kisa {
  background: url("../../images/svg/main_b_ico_kisa.svg?v=20210415") no-repeat center center;
}
/* line 1465, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.icann {
  background: url("../../images/svg/main_b_ico_icann.svg?v=20210415") no-repeat center center;
}
/* line 1469, ../../scss/main.scss */
.partners .wrapper .slick-slide .item-wrap i.opentext {
  background: url("../../images/svg/main_b_ico_opentext.svg?v=20210415") no-repeat center center;
}
/* line 1475, ../../scss/main.scss */
.partners .wrapper .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -21px;
  width: 42px;
  height: 42px;
  font-size: 25px;
  border-radius: 25px;
  font: 0/0 a;
}
/* line 1485, ../../scss/main.scss */
.partners .wrapper .slick-arrow:before {
  content: '';
  font-size: 23px;
  color: #aaa;
  font-weight: 50;
  line-height: 23px;
  font-family: 'FontAwesome';
}
/* line 1493, ../../scss/main.scss */
.partners .wrapper .slick-arrow.slick-prev {
  left: 0;
  background: url("../../images/svg/arrow-left.svg") no-repeat center;
}
/* line 1497, ../../scss/main.scss */
.partners .wrapper .slick-arrow.slick-next {
  right: 0;
  background: url("../../images/svg/arrow-right.svg") no-repeat center;
}
/* line 1502, ../../scss/main.scss */
.partners .wrapper .slick-arrow.slick-disabled {
  opacity: 0.5;
}
/* line 1505, ../../scss/main.scss */
.partners .wrapper .slick-dots {
  position: absolute;
  right: 10px;
  bottom: 16px;
  text-align: center;
}
/* line 1510, ../../scss/main.scss */
.partners .wrapper .slick-dots li {
  display: inline-block;
  vertical-align: top;
}
/* line 1513, ../../scss/main.scss */
.partners .wrapper .slick-dots li button {
  display: block;
  height: 15px;
  width: 15px;
  margin: 0 3px;
  font: 0/0 a;
  border: 0;
  border-radius: 2px;
  background: #bbb;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
/* line 1526, ../../scss/main.scss */
.partners .wrapper .slick-dots li.slick-active button {
  background: #00adbb;
}
/* line 1532, ../../scss/main.scss */
.partners .wrapper .slick-counter {
  display: none;
}
/* line 1536, ../../scss/main.scss */
.partners .wrapper:hover .slick-arrow {
  opacity: 1;
}

/* line 1542, ../../scss/main.scss */
.boardList {
  width: 100%;
  margin: 0px auto;
  display: table;
  background: white;
}
/* line 1547, ../../scss/main.scss */
.boardList .inner {
  width: 100%;
  max-width: 1240px;
  margin: 70px auto 55px;
  display: flex;
  justify-content: space-between;
}
/* line 1553, ../../scss/main.scss */
.boardList .inner .left {
  width: 50%;
  margin-right: 41px;
}
/* line 1557, ../../scss/main.scss */
.boardList .inner .right {
  width: 50%;
  margin-left: 41px;
}
/* line 1561, ../../scss/main.scss */
.boardList .inner .title {
  height: 40px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 12px;
  border-bottom: 1px solid #303637;
  justify-content: space-between;
}
/* line 1568, ../../scss/main.scss */
.boardList .inner .title span {
  font-size: 30px;
  letter-spacing: -0.6px;
  color: #101717;
}
/* line 1573, ../../scss/main.scss */
.boardList .inner .title a {
  font-size: 15px;
  letter-spacing: -0.3px;
  color: #101717;
  text-decoration: none;
}
/* line 1578, ../../scss/main.scss */
.boardList .inner .title a i {
  width: 20px;
  height: 20px;
  margin-bottom: -3px;
  margin-right: -6px;
  display: inline-block;
  background: url("../../images/svg/icon_arr_m_20.svg?v=20210415") no-repeat center center;
}
/* line 1590, ../../scss/main.scss */
.boardList .inner ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 69.5px;
  border-bottom: 1px solid #e4e9ee;
}
/* line 1596, ../../scss/main.scss */
.boardList .inner ul li .desc {
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #55595e;
}
/* line 1605, ../../scss/main.scss */
.boardList .inner ul li .date {
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #91959e;
}
/* line 1611, ../../scss/main.scss */
.boardList .inner ul li.noData {
  justify-content: center;
  font-size: 16px;
  letter-spacing: -0.8px;
  color: #55595e;
}

@media screen and (min-width: 768px) {
  /* line 1627, ../../scss/main.scss */
  .main-visual .slick-slide {
    min-height: 100px;
  }
  /* line 1631, ../../scss/main.scss */
  .main-visual .wrapper .item {
    width: 750px;
  }
  /* line 1633, ../../scss/main.scss */
  .main-visual .wrapper .item .box_visual {
    width: 33.33333333%;
  }
  /* line 1636, ../../scss/main.scss */
  .main-visual .wrapper .item .box_txt {
    width: 66.66666667%;
    padding: 0 23px;
  }
  /* line 1640, ../../scss/main.scss */
  .main-visual .wrapper .item .box_txt .slide_sub_tit {
    font-size: 20px;
  }
  /* line 1643, ../../scss/main.scss */
  .main-visual .wrapper .item .box_txt .slide_tit {
    font-size: 44px;
  }
  /* line 1646, ../../scss/main.scss */
  .main-visual .wrapper .item .box_txt .slide_desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 1200px) {
  /* line 1656, ../../scss/main.scss */
  .main-scroll-cont .container {
    width: 100%;
    margin: 0px auto;
    max-width: calc(100vw - 64px);
  }
  /* line 1661, ../../scss/main.scss */
  .main-scroll-cont .container .image {
    text-align: center;
    height: 110px;
  }
  /* line 1664, ../../scss/main.scss */
  .main-scroll-cont .container .image div {
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 9px;
  }
  /* line 1670, ../../scss/main.scss */
  .main-scroll-cont .container .image div i {
    width: 50%;
    height: 110px;
    display: inline-block;
    margin: 0 11px;
  }
  /* line 1678, ../../scss/main.scss */
  .main-scroll-cont .container .image-small {
    display: table;
    text-align: center;
    padding-top: 20px;
  }
  /* line 1682, ../../scss/main.scss */
  .main-scroll-cont .container .image-small div {
    display: table;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 37px;
  }
  /* line 1688, ../../scss/main.scss */
  .main-scroll-cont .container .image-small div i {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 0 25px;
  }
  /* line 1696, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer {
    width: 100%;
    margin: 0px auto;
    display: flex;
    align-items: start;
    justify-content: center;
  }
  /* line 1702, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list {
    margin: 0px 20px;
  }
  /* line 1705, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 1710, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .title span {
    font-size: 21px;
    letter-spacing: -0.63px;
    color: #000000;
    font-weight: bolder;
  }
  /* line 1716, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .title button {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../../images/svg/arr_down.svg");
    transform: rotate(270deg);
  }
  /* line 1724, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .icon-hosting {
    width: 100%;
    height: 100px;
    display: inline-block;
    margin: 20px 0 22px;
    background: url("../../images/main_icon_hosting.png") no-repeat center center;
    background-size: contain;
  }
  /* line 1733, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .icon-location {
    width: 100%;
    height: 100px;
    display: inline-block;
    margin: 20px 0 22px;
    background: url("../../images/main_icon_location.png") no-repeat center center;
    background-size: contain;
  }
  /* line 1742, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .icon-server {
    width: 100%;
    height: 100px;
    display: inline-block;
    margin: 20px 0 22px;
    background: url("../../images/main_icon_server.png") no-repeat center center;
    background-size: contain;
  }
  /* line 1751, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .desc {
    font-size: 16px;
    letter-spacing: -0.64px;
    line-height: 1.8;
    color: #55595e;
  }
  /* line 1760, ../../scss/main.scss */
  .main-scroll-cont .container .isPc {
    display: flex;
    justify-content: start;
  }
  /* line 1764, ../../scss/main.scss */
  .main-scroll-cont .container .isMobile {
    display: none;
  }

  /* line 1770, ../../scss/main.scss */
  .boardList {
    width: 100%;
    margin: 0px auto;
    display: table;
    background: white;
  }
  /* line 1775, ../../scss/main.scss */
  .boardList .inner {
    width: 100%;
    max-width: calc(100vw - 64px);
    margin: 70px auto 55px;
    display: block;
  }
  /* line 1780, ../../scss/main.scss */
  .boardList .inner .left {
    width: auto;
    margin: 0px;
  }
  /* line 1784, ../../scss/main.scss */
  .boardList .inner .right {
    width: auto;
    margin: 70px 0px 0px;
  }
  /* line 1788, ../../scss/main.scss */
  .boardList .inner .title {
    height: 40px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 12px;
    border-bottom: 1px solid #303637;
    justify-content: space-between;
  }
  /* line 1795, ../../scss/main.scss */
  .boardList .inner .title span {
    font-size: 30px;
    letter-spacing: -0.6px;
    color: #101717;
  }
  /* line 1800, ../../scss/main.scss */
  .boardList .inner .title button {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #101717;
  }
  /* line 1804, ../../scss/main.scss */
  .boardList .inner .title button i {
    width: 20px;
    height: 20px;
    margin-bottom: -3px;
    display: inline-block;
    background: url("../../images/svg/icon_arr_m_20.svg") no-repeat center center;
  }
  /* line 1815, ../../scss/main.scss */
  .boardList .inner ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 69.5px;
    border-bottom: 1px solid #e4e9ee;
  }
  /* line 1821, ../../scss/main.scss */
  .boardList .inner ul li .desc {
    width: calc(100vw - 150px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #55595e;
  }
  /* line 1830, ../../scss/main.scss */
  .boardList .inner ul li .date {
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #91959e;
  }
  /* line 1836, ../../scss/main.scss */
  .boardList .inner ul li.noData {
    justify-content: center;
    font-size: 16px;
    letter-spacing: -0.8px;
    color: #55595e;
  }
}
@media screen and (max-width: 980px) {
  /* line 1848, ../../scss/main.scss */
  .main-scroll-cont .container {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  /* line 1851, ../../scss/main.scss */
  .main-scroll-cont .container .image-small {
    display: table;
    text-align: center;
  }
  /* line 1854, ../../scss/main.scss */
  .main-scroll-cont .container .image-small div {
    display: table;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 37px;
  }
  /* line 1860, ../../scss/main.scss */
  .main-scroll-cont .container .image-small div i {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 0 25px;
  }
  /* line 1868, ../../scss/main.scss */
  .main-scroll-cont .container .isPc {
    display: flex;
  }
  /* line 1871, ../../scss/main.scss */
  .main-scroll-cont .container .isMobile {
    display: none;
  }

  /* line 1877, ../../scss/main.scss */
  .boardList {
    width: 100%;
    margin: 0px auto;
    display: block;
    background: white;
  }
  /* line 1882, ../../scss/main.scss */
  .boardList .inner {
    width: 100%;
    max-width: 1240px;
    margin: 41px auto 0px;
    display: block;
  }
  /* line 1887, ../../scss/main.scss */
  .boardList .inner .left {
    width: auto;
    margin: 0px 16px;
  }
  /* line 1891, ../../scss/main.scss */
  .boardList .inner .right {
    width: auto;
    margin: 42.3px 16px 0px;
  }
  /* line 1895, ../../scss/main.scss */
  .boardList .inner .title {
    height: 27px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 11px;
    border-bottom: 1px solid #303637;
    justify-content: space-between;
  }
  /* line 1902, ../../scss/main.scss */
  .boardList .inner .title span {
    font-size: 20px;
    letter-spacing: -0.4px;
    color: #101717;
  }
  /* line 1907, ../../scss/main.scss */
  .boardList .inner .title a {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #101717;
    text-decoration: none;
  }
  /* line 1912, ../../scss/main.scss */
  .boardList .inner .title a i {
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
    display: inline-block;
    background: url("../../images/svg/icon_arr_m_20.svg") no-repeat center center;
  }
  /* line 1923, ../../scss/main.scss */
  .boardList .inner ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 53.5px;
    border-bottom: 1px solid #e4e9ee;
  }
  /* line 1929, ../../scss/main.scss */
  .boardList .inner ul li .desc {
    width: calc(100vw - 118px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #55595e;
  }
  /* line 1938, ../../scss/main.scss */
  .boardList .inner ul li .date {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #91959e;
  }
  /* line 1944, ../../scss/main.scss */
  .boardList .inner ul li.noData {
    justify-content: center;
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #55595e;
  }
}
@media screen and (max-width: 980px) {
  /* line 1956, ../../scss/main.scss */
  .main-visual .tab {
    display: flex;
    height: 38px;
    align-items: center;
  }
  /* line 1960, ../../scss/main.scss */
  .main-visual .tab li {
    width: 25%;
    text-align: center;
  }
  /* line 1963, ../../scss/main.scss */
  .main-visual .tab li a {
    height: inherit;
    color: #101717;
    font-size: 14px;
    letter-spacing: -0.49px;
  }
  /* line 1971, ../../scss/main.scss */
  .main-visual .search {
    width: 100%;
    min-height: auto;
    background: #06223d;
  }
  /* line 1977, ../../scss/main.scss */
  .main-visual .search .layout .title {
    margin-top: 0px;
    padding-top: 26px;
  }
  /* line 1981, ../../scss/main.scss */
  .main-visual .search .layout .box {
    width: calc(100% - 32px);
    height: 50px;
    margin: 0px 16px;
    position: relative;
  }
  /* line 1986, ../../scss/main.scss */
  .main-visual .search .layout .box em {
    font-size: 17px;
    padding-left: 13px;
    font-weight: normal;
  }
  /* line 1991, ../../scss/main.scss */
  .main-visual .search .layout .box label {
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 16px;
    cursor: text;
    letter-spacing: -0.96px;
    font-weight: normal;
  }
  /* line 2000, ../../scss/main.scss */
  .main-visual .search .layout .box input {
    font-size: 16px;
    flex: initial;
    width: 100%;
    border-radius: 0px;
    border: 0px;
  }
  /* line 2006, ../../scss/main.scss */
  .main-visual .search .layout .box input[type='search']:focus ~ label, .main-visual .search .layout .box input[type='search']:focus + label, .main-visual .search .layout .box input[type='url']:focus ~ label, .main-visual .search .layout .box input[type='url']:focus + label, .main-visual .search .layout .box input[type='text']:focus ~ label, .main-visual .search .layout .box input[type='text']:focus + label, .main-visual .search .layout .box input[type='search']:not([value='']) ~ label, .main-visual .search .layout .box input[type='search']:not([value='']) + label, .main-visual .search .layout .box input[type='url']:not([value='']) ~ label, .main-visual .search .layout .box input[type='url']:not([value='']) + label, .main-visual .search .layout .box input[type='text']:not([value='']) ~ label, .main-visual .search .layout .box input[type='text']:not([value='']) + label {
    display: none;
  }
  /* line 2021, ../../scss/main.scss */
  .main-visual .search .layout .box .xIcon {
    right: 60px;
    top: 15px;
    display: none;
  }
  /* line 2025, ../../scss/main.scss */
  .main-visual .search .layout .box .xIcon.active {
    display: inline-block;
  }
  /* line 2029, ../../scss/main.scss */
  .main-visual .search .layout .box .btn-search {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 2035, ../../scss/main.scss */
  .main-visual .search .layout .box .btn-search span {
    display: none;
  }
  /* line 2038, ../../scss/main.scss */
  .main-visual .search .layout .box .btn-search i {
    width: 50px;
    height: auto;
    margin: 0px;
  }
  /* line 2045, ../../scss/main.scss */
  .main-visual .search .layout .event {
    margin: 36px 16px 0px;
    display: flex;
    position: relative;
    padding-bottom: 19px;
  }
  /* line 2050, ../../scss/main.scss */
  .main-visual .search .layout .event .label {
    width: 58px;
    height: 22px;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    background: #ff8800;
    color: white;
    font-size: 13px;
    letter-spacing: -0.26px;
    font-weight: normal;
    position: absolute;
  }
  /* line 2064, ../../scss/main.scss */
  .main-visual .search .layout .event .more-btn {
    width: auto;
    height: auto;
    color: white;
    font-size: 13px;
    letter-spacing: -0.65px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    display: none;
  }
  /* line 2075, ../../scss/main.scss */
  .main-visual .search .layout .event .event-wrap {
    display: flex;
    overflow-y: overlay;
    position: relative;
  }
  /* line 2079, ../../scss/main.scss */
  .main-visual .search .layout .event .event-wrap ul.event-list {
    display: block;
    justify-content: start;
    margin-left: 0px;
    overflow-y: hidden;
    height: 30px;
  }
  /* line 2085, ../../scss/main.scss */
  .main-visual .search .layout .event .event-wrap ul.event-list li {
    width: max-content;
    margin-right: 17px;
    margin-bottom: 10px;
    display: inline-block;
  }
  /* line 2091, ../../scss/main.scss */
  .main-visual .search .layout .event .event-wrap ul.event-list li .item-wrap span {
    font-size: 14px;
    letter-spacing: -0.28px;
  }
  /* line 2095, ../../scss/main.scss */
  .main-visual .search .layout .event .event-wrap ul.event-list li .item-wrap span.tit {
    color: white;
  }
  /* line 2098, ../../scss/main.scss */
  .main-visual .search .layout .event .event-wrap ul.event-list li .item-wrap span.price {
    color: #33f3e8;
  }
  /* line 2109, ../../scss/main.scss */
  .main-visual .item .box_txt {
    padding: 0 20px;
  }
  /* line 2111, ../../scss/main.scss */
  .main-visual .item .box_txt .slide_desc {
    height: 40px;
  }
  /* line 2114, ../../scss/main.scss */
  .main-visual .item .box_txt .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: 0/0 a;
    border: 0;
    background: none !important;
  }
  /* line 2131, ../../scss/main.scss */
  .main-visual .slick-dots {
    display: none !important;
  }
  /* line 2134, ../../scss/main.scss */
  .main-visual .slick-counter {
    position: absolute;
    right: 16px;
    bottom: 14px;
    display: block;
  }
  /* line 2139, ../../scss/main.scss */
  .main-visual .slick-counter:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    border-radius: 16px;
    background-color: #282b3a;
    overflow: hidden;
  }
  /* line 2151, ../../scss/main.scss */
  .main-visual .slick-counter .count {
    position: relative;
    z-index: 1;
    font-size: 13px;
    color: #fff;
    padding: 6px 12px;
  }
  /* line 2158, ../../scss/main.scss */
  .main-visual .slick-counter .banner-trigger {
    padding-left: 5px;
  }
  /* line 2160, ../../scss/main.scss */
  .main-visual .slick-counter .banner-trigger:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  /* line 2174, ../../scss/main.scss */
  .hk-contents .wrap-domain .inner {
    padding: 0;
    padding-bottom: 18px;
  }
  /* line 2178, ../../scss/main.scss */
  .hk-contents .wrap-domain .info {
    float: none;
  }
  /* line 2181, ../../scss/main.scss */
  .hk-contents .wrap-domain .headline {
    text-align: center;
    margin: 30px 0 20px;
  }
  /* line 2184, ../../scss/main.scss */
  .hk-contents .wrap-domain .headline h2 {
    font-size: 20px;
  }
  /* line 2187, ../../scss/main.scss */
  .hk-contents .wrap-domain .headline p {
    display: none;
  }
  /* line 2191, ../../scss/main.scss */
  .hk-contents .wrap-domain .wrap-search {
    margin: 20px 14px;
  }
  /* line 2194, ../../scss/main.scss */
  .hk-contents .wrap-domain .search {
    height: 48px;
  }
  /* line 2196, ../../scss/main.scss */
  .hk-contents .wrap-domain .search button,
  .hk-contents .wrap-domain .search label {
    font-size: 14px;
  }
  /* line 2200, ../../scss/main.scss */
  .hk-contents .wrap-domain .search label {
    line-height: 44px;
  }
  /* line 2203, ../../scss/main.scss */
  .hk-contents .wrap-domain .search button {
    line-height: 40px;
    width: 96px;
    height: 44px;
  }
  /* line 2207, ../../scss/main.scss */
  .hk-contents .wrap-domain .search button .icon {
    display: none;
  }
  /* line 2211, ../../scss/main.scss */
  .hk-contents .wrap-domain .search input {
    width: calc(100% - 118px);
    height: 25px;
    padding: 9px 96px 7px 20px;
    line-height: 25px;
    box-sizing: content-box;
  }
  /* line 2219, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 16px 0 0 18px;
  }
  /* line 2224, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li {
    height: 111px;
    padding-right: 14px;
  }
  /* line 2229, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li a:hover div {
    border: 1px solid #ccd5da;
    box-shadow: none;
  }
  /* line 2235, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li div {
    padding: 18px 10px 18px 18px;
  }
  /* line 2237, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li div:after {
    top: 20px;
    right: 10px;
  }
  /* line 2241, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li div > span {
    font-size: 13px;
    line-height: 1.2;
    right: 18px;
    bottom: 20px;
    left: 18px;
  }
  /* line 2248, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li div .is-mobile {
    display: block;
  }
  /* line 2253, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li div .unauth span:first-child {
    display: none;
  }
  /* line 2260, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li strong {
    font-size: 16px;
  }
  /* line 2263, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li .underline {
    left: 15px;
    bottom: 10px;
  }
  /* line 2266, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li .underline a {
    font-size: 11px;
  }
  /* line 2271, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link .item-1 {
    width: 100%;
    height: 92px;
    margin-bottom: 8px;
  }
  /* line 2276, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link .item-2,
  .hk-contents .wrap-domain .quick-link .item-3 {
    width: 100%;
    margin-bottom: 8px;
  }
  /* line 2281, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link .minor {
    width: 50%;
  }
  /* line 2283, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link .minor.item-5, .hk-contents .wrap-domain .quick-link .minor.item-7 {
    padding-right: 14px;
  }
  /* line 2289, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend {
    bottom: 10px;
    padding-top: 10px;
    left: 16px;
    right: 16px;
  }
  /* line 2294, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li {
    height: auto;
    padding: 0 20px 0 0;
  }
  /* line 2297, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li.center {
    padding: 0px 15px;
  }
  /* line 2300, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li.last {
    padding: 0px 0px 0px 15px;
  }
  /* line 2303, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li:before {
    left: -2px;
    height: 12px;
    margin-top: -6px;
  }
  /* line 2308, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li span,
  .hk-contents .wrap-domain .recommend li strong {
    font-size: 13px;
  }

  /* line 2317, ../../scss/main.scss */
  .news-banner {
    width: 100%;
    background: #465364;
    height: 75px;
    display: none;
  }
  /* line 2322, ../../scss/main.scss */
  .news-banner .inner {
    width: auto;
    height: inherit;
    margin: 0px 16px;
    padding: 0px;
    display: flex;
    align-items: center;
  }
  /* line 2329, ../../scss/main.scss */
  .news-banner .inner .news {
    display: flex;
    align-items: center;
    width: calc(100% - 200px);
    flex: 1;
  }
  /* line 2334, ../../scss/main.scss */
  .news-banner .inner .news .title {
    font-size: 18px;
    letter-spacing: -0.9;
    color: white;
    margin-right: 78px;
  }
  /* line 2340, ../../scss/main.scss */
  .news-banner .inner .news .desc {
    font-size: 14px;
    letter-spacing: -0.7;
    color: #ccd5da;
    width: calc(100% - 250px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 2350, ../../scss/main.scss */
  .news-banner .inner a {
    width: 110px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 13px;
    letter-spacing: -0.26;
    border: 1px solid #fff;
    border-radius: 3px;
    opacity: 0.6;
  }

  /* line 2366, ../../scss/main.scss */
  .board-banner {
    width: 100%;
    background: #f4f6f8;
    height: 58px;
  }
  /* line 2370, ../../scss/main.scss */
  .board-banner .inner {
    width: auto;
    height: inherit;
    margin: 0px 16px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 2378, ../../scss/main.scss */
  .board-banner .inner .board-wrap {
    width: calc(100% - 200px);
    flex: 1;
    height: inherit;
    overflow: hidden;
  }
  /* line 2383, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board {
    width: 100%;
    flex: 1;
    height: inherit;
    position: relative;
  }
  /* line 2388, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li {
    display: flex;
    align-items: center;
    height: inherit;
  }
  /* line 2392, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .category {
    border: 1px solid #878d94;
    border-radius: 11px;
    height: 22px;
    display: flex;
    align-items: center;
    padding: 0 13px;
    color: #878d94;
    font-size: 12px;
    letter-spacing: -0.84px;
    line-height: 1;
    margin-right: 15px;
  }
  /* line 2405, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .title {
    font-size: 14px;
    letter-spacing: -0.7px;
    line-height: 1;
    margin-right: 15px;
    width: auto;
    height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    color: inherit;
  }
  /* line 2418, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .date {
    font-size: 14px;
    letter-spacing: -0.7px;
    color: #878d94;
  }
  /* line 2426, ../../scss/main.scss */
  .board-banner .inner a {
    color: #00858d;
  }

  /* line 2431, ../../scss/main.scss */
  .main-scroll-cont {
    position: relative;
    z-index: 1;
  }

  /* line 2436, ../../scss/main.scss */
  .main-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }

  /* mobile visual banner */
  /* line 2447, ../../scss/main.scss */
  .mobile-visual-banner.active {
    display: block;
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    overflow-y: auto;
  }
  /* line 2457, ../../scss/main.scss */
  .mobile-visual-banner.active .inner {
    padding: 47px 10px 10px;
  }
  /* line 2461, ../../scss/main.scss */
  .mobile-visual-banner.active .list li {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 152px;
    margin-top: 10px;
    background-size: cover;
  }
  /* line 2469, ../../scss/main.scss */
  .mobile-visual-banner.active .list li:first-child {
    margin-top: 0;
  }
  /* line 2472, ../../scss/main.scss */
  .mobile-visual-banner.active .list li img {
    width: 100%;
  }
  /* line 2475, ../../scss/main.scss */
  .mobile-visual-banner.active .list li .box_txt {
    text-align: center;
    letter-spacing: -1px;
  }
  /* line 2478, ../../scss/main.scss */
  .mobile-visual-banner.active .list li .box_txt .slide_tit {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: bold;
  }
  /* line 2483, ../../scss/main.scss */
  .mobile-visual-banner.active .list li .box_txt .slide_sub_tit {
    margin-bottom: 5px;
    font-size: 15px;
  }
  /* line 2487, ../../scss/main.scss */
  .mobile-visual-banner.active .list li .box_txt .slide_desc {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.5;
  }
  /* line 2492, ../../scss/main.scss */
  .mobile-visual-banner.active .list li .box_txt .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: 0/0 a;
    border: 0;
    color: #fff;
    background: none !important;
  }
  /* line 2508, ../../scss/main.scss */
  .mobile-visual-banner.active .close {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 10px;
    font: 0/0 a;
    opacity: 1;
  }
  /* line 2515, ../../scss/main.scss */
  .mobile-visual-banner.active .close:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url("../../images/svg/close-white.svg");
  }

  /* 메인 기존 영역 scroll spy tab */
  /* line 2527, ../../scss/main.scss */
  .index-menu {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  /* line 2539, ../../scss/main.scss */
  .main-visual .item {
    width: 970px;
  }
  /* line 2541, ../../scss/main.scss */
  .main-visual .item .box_txt,
  .main-visual .item .box_visual {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  /* main-scroll-cont */
  /* line 2554, ../../scss/main.scss */
  .main-scroll-cont .container {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 40px 14px 48px;
  }
  /* line 2559, ../../scss/main.scss */
  .main-scroll-cont .container .tit-1 {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
  /* line 2563, ../../scss/main.scss */
  .main-scroll-cont .container .normal-1 {
    margin-top: 16px;
    margin-bottom: 25px;
    font-size: 22px;
    letter-spacing: -0.66px;
    font-weight: normal;
  }
  /* line 2570, ../../scss/main.scss */
  .main-scroll-cont .container .normal-2 {
    margin-top: 16px;
    margin-bottom: 25px;
    font-size: 17px;
    letter-spacing: -0.51px;
    font-weight: normal;
  }
  /* line 2577, ../../scss/main.scss */
  .main-scroll-cont .container .desc {
    margin-bottom: 25px;
    font-size: 14px;
    letter-spacing: -0.42px;
    font-weight: normal;
    line-height: 1.7;
  }
  /* line 2584, ../../scss/main.scss */
  .main-scroll-cont .container .desc-1 {
    margin-bottom: 28px;
    font-size: 16px;
    letter-spacing: -0.48px;
    font-weight: bold;
  }
  /* line 2590, ../../scss/main.scss */
  .main-scroll-cont .container .image {
    display: table;
    text-align: center;
    height: 78px;
    margin: 0 auto;
  }
  /* line 2595, ../../scss/main.scss */
  .main-scroll-cont .container .image div {
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 4px;
  }
  /* line 2601, ../../scss/main.scss */
  .main-scroll-cont .container .image div i {
    width: 100%;
    display: inline-block;
    margin: 0 2px;
  }
  /* line 2609, ../../scss/main.scss */
  .main-scroll-cont .container .image-small {
    display: table;
    text-align: center;
    margin: 0 auto;
  }
  /* line 2613, ../../scss/main.scss */
  .main-scroll-cont .container .image-small div {
    display: table;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 37px;
  }
  /* line 2619, ../../scss/main.scss */
  .main-scroll-cont .container .image-small div i {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 11px;
  }
  /* line 2627, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer {
    width: 100%;
    margin: 0px auto;
    display: table;
    align-items: start;
    justify-content: center;
  }
  /* line 2633, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list {
    margin: 0px auto;
  }
  /* line 2636, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 2641, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .title span {
    font-size: 21px;
    letter-spacing: -0.63px;
    color: #000000;
    font-weight: bolder;
  }
  /* line 2647, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .title button {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url("../../images/svg/arr_down.svg");
    transform: rotate(270deg);
  }
  /* line 2655, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .icon-hosting {
    width: 100%;
    height: 140px;
    display: inline-block;
    margin: 18px 0 20px;
    background: url("../../images/main_icon_hosting.png") no-repeat center center;
    background-size: contain;
  }
  /* line 2664, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .icon-location {
    width: 100%;
    height: 140px;
    display: inline-block;
    margin: 18px 0 20px;
    background: url("../../images/main_icon_location.png") no-repeat center center;
    background-size: contain;
  }
  /* line 2673, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .icon-server {
    width: 100%;
    height: 140px;
    display: inline-block;
    margin: 18px 0 20px;
    background: url("../../images/main_icon_server.png") no-repeat center center;
    background-size: contain;
  }
  /* line 2682, ../../scss/main.scss */
  .main-scroll-cont .container .box-layer .list .box .desc {
    font-size: 16px;
    letter-spacing: -0.64px;
    line-height: 1.8;
    color: #55595e;
  }
  /* line 2691, ../../scss/main.scss */
  .main-scroll-cont .container .btn-layer {
    display: flex;
    justify-content: center;
    margin: 37px 0px 20px;
  }
  /* line 2695, ../../scss/main.scss */
  .main-scroll-cont .container .btn-layer a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    background: #303637;
    color: #ffffff;
    letter-spacing: -0.34px;
    font-size: 17px;
  }
  /* line 2707, ../../scss/main.scss */
  .main-scroll-cont .container .isPc {
    display: none;
  }
  /* line 2710, ../../scss/main.scss */
  .main-scroll-cont .container .isMobile {
    display: contents;
  }
  /* line 2714, ../../scss/main.scss */
  .main-scroll-cont .btn-wrap {
    margin-top: 40px;
  }
  /* line 2717, ../../scss/main.scss */
  .main-scroll-cont .hidden-xs {
    margin-top: 20px;
  }
  /* line 2720, ../../scss/main.scss */
  .main-scroll-cont h1,
  .main-scroll-cont h2,
  .main-scroll-cont h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  /* line 2726, ../../scss/main.scss */
  .main-scroll-cont p {
    margin-bottom: 10px;
  }

  /* line 2730, ../../scss/main.scss */
  .main-visual {
    overflow: hidden;
  }
  /* line 2732, ../../scss/main.scss */
  .main-visual .search {
    background: #06223d;
  }
  /* line 2735, ../../scss/main.scss */
  .main-visual .bottom {
    min-height: 90px;
  }
  /* line 2737, ../../scss/main.scss */
  .main-visual .bottom .layout {
    width: 100%;
  }
  /* line 2739, ../../scss/main.scss */
  .main-visual .bottom .layout .left {
    width: 0px;
  }
  /* line 2741, ../../scss/main.scss */
  .main-visual .bottom .layout .left .tit {
    display: none;
  }
  /* line 2744, ../../scss/main.scss */
  .main-visual .bottom .layout .left .totalBtn {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 100px;
    height: 34px;
    line-height: 34px;
    border-radius: 17px;
    background-color: #717d8a;
  }
  /* line 2753, ../../scss/main.scss */
  .main-visual .bottom .layout .left .totalBtn .white {
    color: white;
    font-size: 0.9em;
    padding-left: 5px;
  }
  /* line 2758, ../../scss/main.scss */
  .main-visual .bottom .layout .left .totalBtn .more {
    margin-left: 0px;
    background: url(../../images/arr_more_w.svg);
  }
  /* line 2762, ../../scss/main.scss */
  .main-visual .bottom .layout .left .totalBtn:hover {
    filter: brightness(100%);
    transition: all 0.2s;
  }
  /* line 2769, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper {
    margin-left: 0px;
  }
  /* line 2772, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .slide.slick-slider {
    height: 141px;
  }
  /* line 2776, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .slick-prev {
    margin-left: 10px;
  }
  /* line 2779, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .item {
    min-height: 141px;
  }
  /* line 2781, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .item .box_txt {
    padding: 0 23px;
  }
  /* line 2783, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .item .box_txt .slide_tit {
    font-size: 21px;
  }
  /* line 2786, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .item .box_txt .slide_sub_tit {
    font-size: 17px;
    margin-top: 25px;
  }
  /* line 2790, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .item .box_txt .slide_desc {
    font-size: 17px;
  }
  /* line 2793, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .item .box_txt .line {
    display: none;
  }
  /* line 2798, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .slick-next {
    margin-right: 10px;
  }
  /* line 2801, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .slick-list {
    margin: 0 30px;
  }
  /* line 2805, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .box_txt {
    padding: 0 20px;
  }

  /* line 2813, ../../scss/main.scss */
  .news-banner {
    width: 100%;
    background: #465364;
    min-height: 130px;
    height: auto;
  }
  /* line 2818, ../../scss/main.scss */
  .news-banner .inner {
    width: auto;
    height: inherit;
    margin: 0px 16px;
    padding: 0px;
    padding-bottom: 29px;
    display: flex;
    align-items: center;
    position: relative;
  }
  /* line 2827, ../../scss/main.scss */
  .news-banner .inner .news {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    width: 100%;
    height: inherit;
    flex: 1;
  }
  /* line 2835, ../../scss/main.scss */
  .news-banner .inner .news .title {
    font-size: 16px;
    letter-spacing: -0.8;
    color: white;
    margin-right: 0px;
    margin-top: 23px;
  }
  /* line 2842, ../../scss/main.scss */
  .news-banner .inner .news .desc {
    font-size: 13px;
    letter-spacing: -0.65;
    color: #ccd5da;
    width: 100%;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    line-height: 1.7;
    margin-top: 18px;
  }
  /* line 2854, ../../scss/main.scss */
  .news-banner .inner a {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 13px;
    letter-spacing: -0.26;
    border: 0px;
    border-radius: 3px;
    opacity: 1;
    position: absolute;
    right: 0px;
    top: 26px;
  }

  /* line 2873, ../../scss/main.scss */
  .board-banner {
    width: 100%;
    background: #f4f6f8;
    height: 58px;
  }
  /* line 2877, ../../scss/main.scss */
  .board-banner .inner {
    width: auto;
    height: inherit;
    margin: 0px 16px;
    padding: 0px;
    display: block;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  /* line 2886, ../../scss/main.scss */
  .board-banner .inner .board-wrap {
    width: 100%;
    flex: 1;
    height: inherit;
    overflow: hidden;
  }
  /* line 2891, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board {
    width: 100%;
    flex: 1;
    height: inherit;
    position: relative;
  }
  /* line 2896, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li {
    display: flex;
    align-items: start;
    height: inherit;
  }
  /* line 2900, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .category {
    border: 1px solid #878d94;
    border-radius: 11px;
    height: 22px;
    display: flex;
    align-items: center;
    padding: 0 13px;
    color: #878d94;
    font-size: 12px;
    letter-spacing: -0.84px;
    line-height: 1;
    margin-right: 15px;
    margin-top: 18px;
  }
  /* line 2914, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .title {
    font-size: 13px;
    letter-spacing: -0.65px;
    line-height: 1;
    margin-right: 0px;
    width: auto;
    margin-top: 20px;
    height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: start;
    color: inherit;
  }
  /* line 2928, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .title > span {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 2933, ../../scss/main.scss */
  .board-banner .inner .board-wrap .board li .date {
    font-size: 13px;
    letter-spacing: -0.65px;
    color: #878d94;
    position: absolute;
    left: 65px;
    margin-top: 40px;
    display: none;
  }
  /* line 2945, ../../scss/main.scss */
  .board-banner .inner a {
    color: #00858d;
  }
  /* line 2948, ../../scss/main.scss */
  .board-banner .inner a.total {
    position: absolute;
    right: 0;
    bottom: 15px;
    display: none;
  }
}
@media screen and (max-width: 1054px) {
  /* line 2960, ../../scss/main.scss */
  .wrap-domain .quick-link li {
    width: 33.333%;
  }
  /* line 2963, ../../scss/main.scss */
  .wrap-domain .quick-link .minor {
    width: 25%;
    height: 100px;
    padding: 20px 20px 0 0;
  }
  /* line 2970, ../../scss/main.scss */
  .wrap-domain .recommend li {
    width: auto;
  }
}
@media screen and (min-width: 1920px) {
  /* line 2979, ../../scss/main.scss */
  .main-visual .search {
    max-width: none;
  }
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
  /* line 2987, ../../scss/main.scss */
  .main-visual .layout {
    width: calc(100vw - 64px);
  }
  /* line 2993, ../../scss/main.scss */
  .main-visual .bottom .layout .wrapper .slick-list {
    margin: 0 50px;
  }

  /* line 3001, ../../scss/main.scss */
  .hk-contents .inner {
    max-width: calc(100vw - 64px);
    padding-left: 0;
    padding-right: 0;
    margin: 0px 32px;
  }
  /* line 3008, ../../scss/main.scss */
  .hk-contents .wrap-domain .info {
    max-width: 720px;
    margin: 0 auto;
  }
  /* line 3014, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.major, .hk-contents .wrap-domain .quick-link li.minor {
    padding: 0 0 0 0px;
  }
  /* line 3017, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.major:nth-child(odd), .hk-contents .wrap-domain .quick-link li.minor:nth-child(odd) {
    padding-right: 10px;
  }
  /* line 3020, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.major:nth-child(2n), .hk-contents .wrap-domain .quick-link li.minor:nth-child(2n) {
    padding-left: 10px;
  }
  /* line 3024, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li:first-child {
    padding-left: 0;
  }
  /* line 3027, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.item-1, .hk-contents .wrap-domain .quick-link li.item-2, .hk-contents .wrap-domain .quick-link li.item-3 {
    width: 50%;
    margin-bottom: 20px;
  }
  /* line 3033, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.item-4, .hk-contents .wrap-domain .quick-link li.item-5, .hk-contents .wrap-domain .quick-link li.item-6, .hk-contents .wrap-domain .quick-link li.item-7 {
    width: 25%;
  }
  /* line 3038, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.item-4 div, .hk-contents .wrap-domain .quick-link li.item-5 div, .hk-contents .wrap-domain .quick-link li.item-6 div, .hk-contents .wrap-domain .quick-link li.item-7 div {
    border-radius: 5px;
  }
  /* line 3042, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li.item-4 {
    padding-left: 0;
    clear: both;
  }
  /* line 3046, ../../scss/main.scss */
  .hk-contents .wrap-domain .quick-link li .underline {
    left: 57px;
  }
  /* line 3052, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li.last {
    padding: 0px 12.3px;
  }
  /* line 3055, ../../scss/main.scss */
  .hk-contents .wrap-domain .recommend li.right {
    padding: 0px 12.3px;
  }
}
@media screen and (min-width: 1200px) {
  /* line 3070, ../../scss/main.scss */
  .main-visual .item {
    width: 1170px;
  }
}

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