@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 */
html,
body,
#hk-header {
  font-family: 'Noto Sans KR', sans-serif;
}

/* line 465, ../../scss/extend.scss */
#hk-header .top .inner:after,
#hk-header .top .util .menu:after,
#hk-header .top .util .basket .inner .total:after,
#hk-header .nav .inner:after,
.gnb-open #hk-header .snb > ul:after {
  content: '';
  display: block;
  clear: both;
}

/* line 3, ../../scss/layout.scss */
html {
  overflow-y: scroll;
}

/* line 6, ../../scss/layout.scss */
html,
body {
  color: #101717;
  line-height: 1.5;
}

/* line 12, ../../scss/layout.scss */
* {
  scrollbar-face-color: #bbb;
  scrollbar-arrow-color: gray;
  scrollbar-track-color: #eee;
  scrollbar-shadow-color: transparent;
  scrollbar-highlight-color: transparent;
  scrollbar-3dlight-color: transparent;
  scrollbar-darkshadow-color: transparent;
}
/* line 20, ../../scss/layout.scss */
*::-webkit-scrollbar {
  width: 10px;
}
/* line 23, ../../scss/layout.scss */
*::-webkit-scrollbar-thumb {
  background-color: #c3cbd4;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
/* line 29, ../../scss/layout.scss */
*::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

/*
 * header
 */
/* line 38, ../../scss/layout.scss */
#hk-header {
  position: relative;
  z-index: 10;
  padding-bottom: 81px;
}
/* line 54, ../../scss/layout.scss */
#hk-header .top {
  background-color: #fff;
}
/* line 57, ../../scss/layout.scss */
#hk-header .top .inner {
  max-width: 1220px;
  margin: 0 auto;
}
/* line 62, ../../scss/layout.scss */
#hk-header .top .brand {
  float: left;
  display: none;
}
/* line 65, ../../scss/layout.scss */
#hk-header .top .brand a {
  display: block;
  height: 35px;
  line-height: 16px;
}
/* line 70, ../../scss/layout.scss */
#hk-header .top .brand span {
  display: inline-block;
  height: 16px;
  margin-top: 13px;
  vertical-align: middle;
}
/* line 75, ../../scss/layout.scss */
#hk-header .top .brand span img {
  height: 100%;
  vertical-align: top;
}
/* line 81, ../../scss/layout.scss */
#hk-header .top .util {
  float: right;
}
/* line 85, ../../scss/layout.scss */
#hk-header .top .util .menu > li {
  float: left;
}
/* line 87, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a {
  position: relative;
  display: inline-block;
  height: 32px;
  padding: 8px;
  margin: 0 8px;
  vertical-align: middle;
  line-height: 1.3;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  box-sizing: border-box;
}
/* line 99, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 1px;
  height: 13px;
}
/* line 108, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .icon {
  vertical-align: middle;
  font: 0/0 a;
}
/* line 112, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .icon-arrow:before {
  display: none;
}
/* line 115, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .icon-arrow:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 4px;
  margin-bottom: 4px;
  vertical-align: middle;
  background: url('../../images/svg/arrow_icon.svg') no-repeat center center;
}
/* line 130, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .badge {
  font-size: 11px;
}
/* line 133, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing {
  display: none;
  height: 15px;
  margin-top: -3px;
  margin-right: -5px;
  padding: 2px 6px 2px 2px;
  vertical-align: middle;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  border-radius: 10px;
  background-color: #ed454b;
  box-sizing: border-box;
}
/* line 146, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing .icon {
  vertical-align: top;
}
/* line 148, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing .icon:before {
  margin-right: 2px;
}
/* line 152, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing .number {
  display: inline-block;
  vertical-align: top;
}
/* line 157, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .grade {
  margin-top: -3px;
}
/* line 160, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a.search-toggle {
  padding: 11px 10px;
}
/* line 162, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a.search-toggle:before {
  display: none;
}
/* line 165, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a.search-toggle .icon {
  width: 18px;
  height: 18px;
  font: 0/0 a;
  background-image: url('../../images/icons/util-search.png');
}
/* line 172, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a span {
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: 257px;
}
/* line 180, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a span.is-mobile {
  display: none;
}
/* line 183, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a span.user-info-name {
  max-width: 186px;
  line-height: 1.3;
  vertical-align: text-top;
}
/* line 187, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a span.user-info-name + span {
  vertical-align: text-top;
}
/* line 196, ../../scss/layout.scss */
#hk-header .top .util .menu > li:first-child > a:before,
#hk-header .top .util .menu > li:first-child > button:before {
  display: none;
}
/* line 206, ../../scss/layout.scss */
#hk-header .top .util .menu > li.join {
  display: none;
}
/* line 211, ../../scss/layout.scss */
#hk-header .top .util .menu > li.basket {
  display: none;
}
/* line 214, ../../scss/layout.scss */
#hk-header .top .util .menu > li.basket.basket-action .badge {
  animation-name: basket-scale;
  animation-timing-function: ease;
  animation-duration: 0.35s;
  animation-delay: 0.9s;
}
/* line 227, ../../scss/layout.scss */
#hk-header .top .util .menu.data-payment .inner .btn-wrap .btn-point-red {
  display: block;
}
/* line 235, ../../scss/layout.scss */
#hk-header .top .util .menu.data-payment > li > a .payment-typing {
  display: inline-block;
}
/* line 242, ../../scss/layout.scss */
#hk-header .top .util .js-submenu {
  position: relative;
}
/* line 245, ../../scss/layout.scss */
#hk-header .top .util .active {
  z-index: 20;
}
/* line 247, ../../scss/layout.scss */
#hk-header .top .util .active .js-target {
  max-height: 1000px;
}
/* line 250, ../../scss/layout.scss */
#hk-header .top .util .active > .btn:not(#favoriteBtn) {
  border-top: 0;
  border-bottom: 0;
  background-color: #2f3d44;
  color: #fff;
  border-radius: 0px;
}
/* line 257, ../../scss/layout.scss */
#hk-header .top .util .active > .btn:not(#favoriteBtn):before {
  display: none;
}
/* line 260, ../../scss/layout.scss */
#hk-header .top .util .active > .btn:not(#favoriteBtn):after {
  content: '';
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 1px;
  background-color: #fff;
}
/* line 272, ../../scss/layout.scss */
#hk-header .top .util .active > .btn:not(#favoriteBtn) .icon-arrow:after {
  background: url('../../images/svg/arrow_icon_up.svg') no-repeat center center;
}
/* line 281, ../../scss/layout.scss */
#hk-header .top .util .mypage .js-target {
  border: 0px !important;
}
/* line 284, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner {
  display: none;
  min-width: 156px;
  padding: 6px 0px;
  box-sizing: border-box;
  border: 1px solid #d9dfe3;
  border-radius: 2px;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
/* line 292, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner .tit {
  margin-bottom: 22px;
  color: #101717;
}
/* line 297, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner ul li {
  position: relative;
  margin: 0px;
  padding: 0px 19.4px;
  display: flex;
  align-items: center;
  height: 36px;
  color: black;
  font-size: 13px;
  cursor: pointer;
}
/* line 307, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner ul li a {
  font-size: 13px;
  color: #000;
}
/* line 311, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner ul li.divider {
  border-top: 1px solid #dfdfee;
}
/* line 314, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner ul li:hover {
  background: #f5fdfe;
}
/* line 321, ../../scss/layout.scss */
#hk-header .top .util .mypage.active .inner {
  display: block;
}
/* line 327, ../../scss/layout.scss */
#hk-header .top .util .help .js-target {
  border: 0px !important;
}
/* line 330, ../../scss/layout.scss */
#hk-header .top .util .help .inner {
  display: none;
  min-width: 156px;
  padding: 6px 0px;
  box-sizing: border-box;
  border: 1px solid #d9dfe3;
  border-radius: 2px;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
/* line 338, ../../scss/layout.scss */
#hk-header .top .util .help .inner .tit {
  margin-bottom: 22px;
  color: #101717;
}
/* line 343, ../../scss/layout.scss */
#hk-header .top .util .help .inner ul li {
  position: relative;
  margin: 0px;
  padding: 0px 19.4px;
  display: flex;
  align-items: center;
  height: 36px;
  color: black;
  font-size: 13px;
  cursor: pointer;
}
/* line 353, ../../scss/layout.scss */
#hk-header .top .util .help .inner ul li a {
  font-size: 13px;
  color: #000;
}
/* line 357, ../../scss/layout.scss */
#hk-header .top .util .help .inner ul li:hover {
  background: #f5fdfe;
}
/* line 364, ../../scss/layout.scss */
#hk-header .top .util .help.active .inner {
  display: block;
}
/* line 370, ../../scss/layout.scss */
#hk-header .top .util .basket .inner {
  display: none;
  min-width: 240px;
}
/* line 373, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .scrollbar-inner {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 350px;
  margin-bottom: 0 !important;
}
/* line 379, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .not-item {
  display: none;
  padding: 18px 20px;
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}
/* line 385, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .not-item span {
  display: block;
}
/* line 389, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .all-checked {
  padding: 18px 15px 14px;
  margin: 0;
  border-bottom: 1px solid #d9dfe3;
  position: sticky;
  top: 0px;
  z-index: 2;
  background: #fff;
}
/* line 397, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .all-checked .checkbox {
  margin-bottom: 0;
}
/* line 400, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .all-checked label {
  font-weight: bold;
}
/* line 404, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .item-wrap {
  margin: 0;
  padding: 0;
  background: #f5f7f8;
}
/* line 409, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .checkbox {
  display: block;
  margin-bottom: 9px;
  margin-right: 19px;
  padding-left: 25px;
  font-size: 14px;
  color: #101717;
  line-height: 1.7;
  font-weight: bold;
}
/* line 419, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item {
  position: relative;
  min-width: 175px;
  padding: 14px 15px 16px;
  border-top: 1px solid #eee;
  white-space: normal;
  word-break: break-all;
}
/* line 426, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item:first-child {
  border-top: 0;
}
/* line 429, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .price {
  float: right;
  font-size: 15px;
  letter-spacing: -0.45px;
  font-weight: bold;
  margin-top: 5px;
  color: black;
}
/* line 436, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .price > span {
  font-size: 14px;
  font-weight: normal;
}
/* line 441, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .btn-del {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 15px;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0px;
  font: 0/0 a;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
}
/* line 455, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .btn-del .icon:before {
  width: 12px;
  height: 12px;
  background: url('../../images/svg/icon_cart_del.svg') no-repeat center center;
}
/* line 462, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .btn-del:before {
  display: none;
}
/* line 466, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .select {
  position: static;
  display: inline-block;
  height: 30px;
}
/* line 470, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .select .small,
#hk-header .top .util .basket .inner .basket-item .select .default-year {
  position: static;
  height: 30px;
  padding-left: 5px;
  line-height: 30px;
  font-size: 13px;
  border: 1px solid #ccd5da;
  background-color: #fff;
  color: black;
}
/* line 481, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .select .default-year {
  height: 30px;
  padding-left: 0;
  line-height: 30px;
  border: 0;
}
/* line 489, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total {
  margin: 0;
  padding: 17.5px 17px 16px 16px;
  font-size: 14px;
  letter-spacing: -0.42px;
  border-top: 1px solid #d9dfe3;
}
/* line 496, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total span {
  float: left;
  font-weight: bold;
}
/* line 499, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total span.price {
  float: right;
  color: #00858d;
  font-size: 18px;
  letter-spacing: -0.54px;
}
/* line 504, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total span.price > span {
  font-size: 17px;
  font-weight: normal;
  padding-left: 5px;
}
/* line 513, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn {
  display: block;
  height: 44px;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 522, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:first-child {
  margin-top: 0;
}
/* line 525, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:first-child:hover {
  background: #129ca5;
}
/* line 528, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:nth-child(2):hover {
  background: #f8f9fb;
}
/* line 531, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:before {
  display: none;
}
/* line 534, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn-point,
#hk-header .top .util .basket .inner .btn-wrap .btn-point-red {
  margin: 0px;
  color: #fff;
  font-weight: bold;
}
/* line 540, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn-point-red {
  display: none;
}
/* line 543, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  margin-top: 0;
  color: #000000;
  font-size: 14px;
  background-color: #f5f7f8;
  font-weight: bold;
}
/* line 554, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn-default {
  display: none;
  margin: 5px 20px 0;
  border: 1px solid #ccd5da;
}
/* line 559, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn.disabled {
  line-height: 31px;
  border: 1px solid #ccd5da;
  background-color: #ccd5da;
}
/* line 564, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn.favorite-1 {
  background: #d9dfe3;
}
/* line 570, ../../scss/layout.scss */
#hk-header .top .util .basket .inner.not-basket .btn-wrap {
  padding-top: 0;
}
/* line 573, ../../scss/layout.scss */
#hk-header .top .util .basket .inner.not-basket .all-checked,
#hk-header .top .util .basket .inner.not-basket .item-wrap,
#hk-header .top .util .basket .inner.not-basket .total,
#hk-header .top .util .basket .inner.not-basket .btn-point,
#hk-header .top .util .basket .inner.not-basket .btn-default {
  display: none;
}
/* line 580, ../../scss/layout.scss */
#hk-header .top .util .basket .inner.not-basket .not-item {
  display: block;
}
/* line 586, ../../scss/layout.scss */
#hk-header .top .util .basket.active .inner {
  display: block;
  min-width: 300px;
}
/* line 594, ../../scss/layout.scss */
#hk-header .top .util .login-menu > .btn:before {
  display: none;
}
/* line 598, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner {
  min-width: 300px;
  padding: 5px 20px;
}
/* line 601, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #eee;
}
/* line 605, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item:first-child {
  border-top: 0;
}
/* line 608, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item span {
  display: block;
}
/* line 611, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn {
  position: absolute;
  right: 0;
}
/* line 614, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn-default {
  bottom: 12px;
  padding: 2px 8px 3px;
  border: 1px solid #ccd5da;
}
/* line 619, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn-reflash {
  position: static;
  display: inline-block;
  padding: 2px 5px;
  vertical-align: top;
  margin-top: 1px;
}
/* line 625, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn-reflash .icon {
  vertical-align: top;
}
/* line 633, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .txt {
  font-size: 12px;
  color: #101717;
}
/* line 637, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .price {
  margin-top: 5px;
  margin-right: 55px;
  font-size: 14px;
  color: #04939d;
}
/* line 643, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .bul-list {
  padding: 15px 0;
  border-top: 1px solid #ccd5da;
}
/* line 646, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .bul-list a {
  display: block;
  margin: 5px 0;
  padding: 0 0 0 8px;
  font-size: 12px;
  color: #101717;
  position: relative;
}
/* line 111, ../../scss/extend.scss */
#hk-header .top .util .login-menu .inner .bul-list a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 3px;
  height: 3px;
  background-color: #101717;
}
/* line 657, ../../scss/layout.scss */
#hk-header .top .util .search {
  position: static;
}
/* line 659, ../../scss/layout.scss */
#hk-header .top .util .search.active {
  margin-left: -2px;
  margin-right: 0;
}
/* line 662, ../../scss/layout.scss */
#hk-header .top .util .search.active .search-toggle {
  padding: 11px 9px;
  background-color: #101717;
}
/* line 665, ../../scss/layout.scss */
#hk-header .top .util .search.active .search-toggle:after {
  display: none;
}
/* line 668, ../../scss/layout.scss */
#hk-header .top .util .search.active .search-toggle .icon {
  width: 20px;
  height: 20px;
  background-image: url('../../images/icons/close-large.png');
  background-position: center;
  background-repeat: no-repeat;
}
/* line 676, ../../scss/layout.scss */
#hk-header .top .util .search.active .js-target {
  border-bottom: 1px solid #ccd5da;
}
/* line 680, ../../scss/layout.scss */
#hk-header .top .util .search .js-target {
  top: 41px;
  left: 0;
  height: 120px;
  background-color: #fff;
}
/* line 685, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner {
  position: relative;
  padding-top: 32px;
  border: 0;
}
/* line 689, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .search-wrap {
  position: relative;
  margin-right: 260px;
}
/* line 692, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .search-wrap input {
  width: 100%;
  height: 54px;
  padding: 0 160px 0 20px;
  line-height: 50px;
  font-size: 18px;
  vertical-align: top;
  border: 2px solid #101717;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
}
/* line 703, ../../scss/layout.scss */
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='search']:focus
  ~ label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='search']:focus
  + label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='url']:focus
  ~ label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='url']:focus
  + label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='text']:focus
  ~ label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='text']:focus
  + label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='search']:not([value=''])
  ~ label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='search']:not([value=''])
  + label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='url']:not([value=''])
  ~ label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='url']:not([value=''])
  + label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='text']:not([value=''])
  ~ label,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input[type='text']:not([value=''])
  + label {
  display: none;
}
/* line 717, ../../scss/layout.scss */
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input::-webkit-search-decoration,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input::-webkit-search-cancel-button,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input::-webkit-search-results-button,
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input::-webkit-search-results-decoration,
#hk-header .top .util .search .js-target .inner .search-wrap input::-ms-clear {
  -webkit-appearance: none;
  display: none;
}
/* line 725, ../../scss/layout.scss */
#hk-header
  .top
  .util
  .search
  .js-target
  .inner
  .search-wrap
  input:focus
  + label {
  display: none\9;
}
/* line 729, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .search-wrap label {
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 54px;
  font-size: 18px;
  font-weight: normal;
  color: #bbb;
  cursor: text;
}
/* line 739, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .search-wrap .btn-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 54px;
  margin-left: 6px;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  vertical-align: top;
  text-align: center;
  background-color: #101717;
  border-color: #101717;
}
/* line 755, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link {
  position: absolute;
  top: 52px;
  right: 0;
  line-height: 1;
}
/* line 760, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
/* line 764, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li:first-child {
  margin-right: 30px;
}
/* line 767, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li a {
  font-size: 16px;
  color: #101717;
  font-weight: bold;
}
/* line 771, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li a:after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: -3px;
  margin-left: 8px;
  vertical-align: middle;
  background-image: url('../../images/sprite/header-sprite-icon.png');
  background-position: -271px -1px;
}
/* line 788, ../../scss/layout.scss */
#hk-header .top .util .badge {
  position: relative;
  top: 0;
  display: inline-block;
  min-width: 14px;
  margin: -3px 0 0 4px;
  padding: 2px 6px;
  text-align: center;
  vertical-align: middle;
  color: white;
  font-size: 11px;
  letter-spacing: -0.33px;
  font-weight: bold;
  line-height: 1;
  border-radius: 8px;
  background-color: #ed4040;
  box-sizing: border-box;
}
/* line 805, ../../scss/layout.scss */
#hk-header .top .util .badge.gray {
  background-color: #55595e;
}
/* line 810, ../../scss/layout.scss */
#hk-header .top .js-target {
  position: absolute;
  z-index: 10;
  top: 100%;
  right: 0;
  max-height: 0;
  overflow: hidden;
  white-space: nowrap;
}
/* line 821, ../../scss/layout.scss */
#hk-header .top .js-target .inner {
  border: 0px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 826, ../../scss/layout.scss */
#hk-header .top .js-target .inner .tit {
  display: block;
  font-size: 18px;
}
/* line 833, ../../scss/layout.scss */
#hk-header .nav {
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 56px;
  border-bottom: 0px;
  background-color: #fff;
}
/* line 843, ../../scss/layout.scss */
#hk-header .nav:has(li.active) {
  z-index: 2;
}
/* line 847, ../../scss/layout.scss */
#hk-header .nav ul:after {
  content: '';
  display: block;
  clear: both;
  margin: 0;
  width: 100%;
  height: 0;
}
/* line 856, ../../scss/layout.scss */
#hk-header .nav .inner {
  position: relative;
  display: flex;
  max-width: 1220px;
  margin: 0 auto;
}
/* line 863, ../../scss/layout.scss */
#hk-header .nav .gnb {
  min-width: 0;
  flex: 1;
  display: flex;
  justify-content: center;
}
/* line 869, ../../scss/layout.scss */
#hk-header .nav .gnb > ul:after {
  content: '';
  display: none;
  width: 1px;
  height: 18px;
  margin: -4px 15px 0 15px;
  vertical-align: middle;
  background-color: #c3cbd4;
}
/* line 881, ../../scss/layout.scss */
#hk-header .nav .gnb .depth-1 > a strong {
  font-weight: 500;
  color: #6f6f83;
}
/* line 884, ../../scss/layout.scss */
#hk-header .nav .gnb .depth-1 > a strong.active {
  font-weight: 700;
  color: #3c3d4f;
}
/* line 892, ../../scss/layout.scss */
#hk-header .nav .snb {
  float: left;
}
/* line 895, ../../scss/layout.scss */
#hk-header .nav .snb .depth-1 > a {
  -webkit-transition: opacity 0.3s ease 0.4s;
  -moz-transition: opacity 0.3s ease 0.4s;
  -o-transition: opacity 0.3s ease 0.4s;
  transition: opacity 0.3s ease 0.4s;
}
/* line 901, ../../scss/layout.scss */
#hk-header .nav .snb .depth-2 .icon-arrow-right {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 0;
  border-radius: 0;
  vertical-align: top;
  background-image: url('../../images/sprite/header-sprite-icon.png');
  background-position: -181px 0;
}
/* line 911, ../../scss/layout.scss */
#hk-header .nav .snb .depth-2 .icon-arrow-right:before {
  display: none;
}
/* line 920, ../../scss/layout.scss */
#hk-header .nav .snb .server .depth-2 .icon-arrow-right {
  width: auto;
  height: auto;
  margin-top: -1px;
  margin-left: 10px;
  background-image: none;
}
/* line 926, ../../scss/layout.scss */
#hk-header .nav .snb .server .depth-2 .icon-arrow-right:before {
  display: inline-block;
  width: 19px;
  height: 19px;
  border: 0;
  background-position: 0 0;
  transform: none;
  background-image: url('../../images/icons/arrow-right-circle-point.png');
}
/* line 940, ../../scss/layout.scss */
#hk-header .nav .depth-1 {
  display: inline-block;
  box-sizing: border-box;
}
/* line 944, ../../scss/layout.scss */
#hk-header .nav .depth-1 > a strong {
  color: #000;
}
/* line 947, ../../scss/layout.scss */
#hk-header .nav .depth-1 > a:after {
  content: '';
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 0;
  display: block;
  height: 2px;
  opacity: 0;
  background-color: #2e596c;
}
/* line 976, ../../scss/layout.scss */
#hk-header .nav .depth-1 > a:hover > strong {
  font-weight: 700;
  color: #000;
  border-color: #2e596c;
}
/* line 983, ../../scss/layout.scss */
#hk-header .nav .depth-1 a {
  position: relative;
  display: block;
  display: inline-block;
  padding: 0 24px;
  font-size: 16px;
  height: 56px;
  line-height: 56px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 500;
}
/* line 999, ../../scss/layout.scss */
#hk-header .nav .depth-1.gray > a > strong {
  font-weight: 500;
  color: #878d94;
}
/* line 1007, ../../scss/layout.scss */
#hk-header .nav .depth-1.hover > a > strong {
  font-weight: 500;
  color: #0a3d53;
}
/* line 1015, ../../scss/layout.scss */
#hk-header .nav .depth-1.active > a > strong {
  font-weight: 500;
  color: #000;
  border-color: #2e596c;
}
/* line 1020, ../../scss/layout.scss */
#hk-header .nav .depth-1.hover > a:after {
  left: 15px;
  right: 15px;
  opacity: 1;
  -webkit-transition: left 0.3s, right 0.3s;
  -moz-transition: left 0.3s, right 0.3s;
  -o-transition: left 0.3s, right 0.3s;
  transition: left 0.3s, right 0.3s;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-aws:before {
  width: 65px;
  height: 41px;
  background-position: 0 -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-alibaba:before {
  width: 85px;
  height: 42px;
  background-position: -69px -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-akamai:before {
  width: 85px;
  height: 41px;
  background-position: -158px -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-gsuite:before {
  width: 100px;
  height: 25px;
  background-position: -247px -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-zendesk:before {
  width: 118px;
  height: 25px;
  background-position: -347px -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-softwareag:before {
  width: 150px;
  height: 24px;
  background-position: -586px -376px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-actuate:before {
  width: 150px;
  height: 36px;
  background-position: -450px 0;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-elastic:before {
  width: 111px;
  height: 28px;
  background-position: -470px -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-syapse:before {
  width: 91px;
  height: 23px;
  background-position: -586px -348px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .depth-1.active .logo-jandi:before {
  width: 103px;
  height: 30px;
  background-position: -600px 0;
}
/* line 1073, ../../scss/layout.scss */
#hk-header .nav .depth-2 {
  position: absolute;
  top: -10000%;
  left: 0;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  padding: 35px 0;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: min-height, opacity, transform;
  -moz-transition-property: min-height, opacity, transform;
  -o-transition-property: min-height, opacity, transform;
  transition-property: min-height, opacity, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1088, ../../scss/layout.scss */
#hk-header .nav .depth-2 ul {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
}
/* line 1092, ../../scss/layout.scss */
#hk-header .nav .depth-2 ul:before {
  content: '';
  position: absolute;
  top: 0;
  right: 10px;
  width: 0;
  height: 122px;
  border-right: 1px solid #d4d4d4;
}
/* line 1102, ../../scss/layout.scss */
#hk-header .nav .depth-2 li {
  float: left;
  height: 122px;
  padding: 0;
  margin: 0;
  text-align: left;
  line-height: 1;
  border-right: 1px solid #d4d4d4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1112, ../../scss/layout.scss */
#hk-header .nav .depth-2 li:first-child {
  border-left: 1px solid #d4d4d4;
}
/* line 1115, ../../scss/layout.scss */
#hk-header .nav .depth-2 li:last-child {
  border-right: 0;
}
/* line 1118, ../../scss/layout.scss */
#hk-header .nav .depth-2 li a {
  position: relative;
  left: auto;
  bottom: auto;
  width: auto;
  height: auto;
  padding: 0;
  color: #101717;
  text-align: left;
  font-size: 14px;
  line-height: 1;
  background: transparent;
}
/* line 1131, ../../scss/layout.scss */
#hk-header .nav .depth-2 li a strong {
  position: relative;
  display: block;
  border: none;
  font-size: 16px;
  color: #04939d;
  font-weight: 700;
  white-space: nowrap;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}
/* line 1141, ../../scss/layout.scss */
#hk-header .nav .depth-2 li a strong:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 30px;
  bottom: 0;
  height: 1px;
  background-color: transparent;
}
/* line 1153, ../../scss/layout.scss */
#hk-header .nav .depth-2 li a:hover strong {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
/* line 1159, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a {
  padding-left: 8px;
}
/* line 1161, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 3px;
  height: 3px;
  background-color: #fff;
}
/* line 1172, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a:hover strong {
  border-color: #018380;
  transform: none;
}
/* line 1176, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a:hover strong:after {
  display: none;
}
/* line 1181, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a strong {
  display: inline-block;
  padding-bottom: 3px;
  border: none;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid #b4dad9;
}
/* line 1189, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a strong .icon-arrow-right {
  display: none;
}
/* line 1197, ../../scss/layout.scss */
#hk-header .nav .depth-2 .icon-arrow-right {
  margin-top: -4px;
  margin-left: 10px;
}
/* line 1200, ../../scss/layout.scss */
#hk-header .nav .depth-2 .icon-arrow-right:before {
  width: 19px;
  height: 19px;
  border: 0;
  background-position: 0 0;
  transform: none;
  background-image: url('../../images/icons/arrow-right-circle-point.png');
}
/* line 1211, ../../scss/layout.scss */
#hk-header .nav .btn-cart {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 1220, ../../scss/layout.scss */
#hk-header .nav .btn-cart .badge {
  position: absolute;
  right: 4px;
  top: 4px;
  background-color: #04939d;
  border-radius: 100%;
  padding: 0 6px;
  font-size: 11px;
  color: #fff;
}
/* line 1231, ../../scss/layout.scss */
#hk-header .nav .icon {
  display: inline-block;
  vertical-align: middle;
  font: 0/0 a;
}
/* line 1235, ../../scss/layout.scss */
#hk-header .nav .icon:before {
  display: block;
  margin: 0 auto;
  background-image: url('../../images/sprite/header-sprite-icon.png');
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-search:before {
  width: 20px;
  height: 20px;
  background-position: -5px -5px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-tel:before {
  width: 10px;
  height: 10px;
  background-position: -130px -10px;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-user:before {
  width: 30px;
  height: 29px;
  background-position: -30px 0;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-cart:before {
  width: 30px;
  height: 30px;
  background-position: -60px 0;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-message:before {
  width: 28px;
  height: 25px;
  background-position: -150px 0;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-reset:before {
  width: 15px;
  height: 15px;
  background-position: -240px 0;
}
/* line 1262, ../../scss/layout.scss */
#hk-header .nav .icon-arrow-bottom-primary:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #00aaa5 transparent transparent transparent;
  background-image: none;
}
/* line 38, ../../scss/extend.scss */
#hk-header .nav .icon-arrow-righ:before {
  width: 20px;
  height: 20px;
  background-position: -270px 0;
}
/* line 1273, ../../scss/layout.scss */
#hk-header .nav .icon-arrow-righ:before {
  margin: 0;
  border: none;
  transform: none;
}
/* line 1280, ../../scss/layout.scss */
#hk-header .nav .icon-arrow-right-primary:before {
  width: 6px;
  height: 6px;
  margin-top: -2px;
  border-right: 1px solid #00aaa5;
  border-bottom: 1px solid #00aaa5;
  background-image: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 1292, ../../scss/layout.scss */
#hk-header .nav .icon-arrow-right:before,
#hk-header .nav .icon-arrow-right-primary:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 1300, ../../scss/layout.scss */
#hk-header .nav .logo-img {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  height: 56px;
}
/* line 1306, ../../scss/layout.scss */
#hk-header .nav .logo-img a:hover {
  background-color: transparent;
}
/* line 1308, ../../scss/layout.scss */
#hk-header .nav .logo-img a:hover img {
  opacity: 1;
}
/* line 1312, ../../scss/layout.scss */
#hk-header .nav .logo-img i.logo {
  width: 146px;
  height: 14px;
  display: inline-block;
  background: url('../../images/svg/hk_logo.svg') no-repeat center center;
}
/* line 1319, ../../scss/layout.scss */
#hk-header .nav .logo {
  display: inline-block;
  vertical-align: middle;
  font-size: 0 !important;
  font-weight: 400;
}
/* line 1324, ../../scss/layout.scss */
#hk-header .nav .logo:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url('../../images/sprite/header-sprite-logo.png');
}
/* line 1331, ../../scss/layout.scss */
#hk-header .nav .logo-aws:before {
  width: 52px;
  height: 31px;
  background-position: 0 -395px;
}
/* line 1341, ../../scss/layout.scss */
#hk-header .nav .logo-alibaba:before {
  width: 126px;
  height: 18px;
  background-position: -57px -395px;
}
/* line 1351, ../../scss/layout.scss */
#hk-header .nav .logo-akamai:before {
  width: 71px;
  height: 31px;
  background-position: -188px -395px;
}
/* line 1361, ../../scss/layout.scss */
#hk-header .nav .logo-gsuite:before {
  width: 72px;
  height: 18px;
  background-position: -264px -395px;
}
/* line 1371, ../../scss/layout.scss */
#hk-header .nav .logo-zendesk:before {
  width: 104px;
  height: 20px;
  background-position: -341px -395px;
}
/* line 1378, ../../scss/layout.scss */
#hk-header .nav .logo-softwareag:before {
  width: 135px;
  height: 20px;
  background-position: -133px -418px;
}
/* line 1388, ../../scss/layout.scss */
#hk-header .nav .logo-actuate:before {
  width: 110px;
  height: 25px;
  background-position: -450px -150px;
}
/* line 1395, ../../scss/layout.scss */
#hk-header .nav .logo-elastic:before {
  width: 86px;
  height: 23px;
  background-position: -450px -395px;
}
/* line 1405, ../../scss/layout.scss */
#hk-header .nav .logo-syapse:before {
  width: 81px;
  height: 20px;
  background-position: -541px -403px;
}
/* line 1415, ../../scss/layout.scss */
#hk-header .nav .logo-jandi:before {
  width: 100px;
  height: 25px;
  background-position: -600px -150px;
}
/* line 1423, ../../scss/layout.scss */
#hk-header .all {
  position: absolute;
  z-index: 2;
  right: 50%;
  margin-top: 10px;
  margin-right: -620px;
}
/* line 1424, ../../scss/layout.scss */
#hk-header .all + .gnb-submenu,
#hk-header .all + .header-info {
  margin-top: 60px;
}
/* line 1433, ../../scss/layout.scss */
#hk-header .all .btn {
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: none;
}
/* line 1440, ../../scss/layout.scss */
#hk-header .all .btn:hover {
  border: 1px solid #ccd5da;
}
/* line 1443, ../../scss/layout.scss */
#hk-header .all .btn .icon {
  margin-top: 1px;
  vertical-align: top;
  font: 0/0 a;
}
/* line 1448, ../../scss/layout.scss */
#hk-header .all .btn .icon-all-menu-new:before {
  display: block;
  margin: 0 auto;
  background-image: url('../../images/icons/all-menu-new.png');
  background-position: 0 0;
}
/* line 1458, ../../scss/layout.scss */
#hk-header div.help {
  width: 100%;
  margin: 0px auto;
  max-width: 1220px;
  position: relative;
  margin-top: -60px;
}
/* line 1464, ../../scss/layout.scss */
#hk-header div.help .btn {
  position: absolute;
  top: 14px;
  right: 97px;
  color: #000000;
  font-size: 12px;
  letter-spacing: -0.24px;
  box-shadow: 0 0 0 1px #c3cbd4;
  border-radius: 2px;
  z-index: 1;
  width: 92px;
  height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* line 1480, ../../scss/layout.scss */
#hk-header div.help .btn > i {
  width: 13px;
  height: 13px;
  background: url('../../images/svg/icon_arr_down_s.svg') no-repeat center
    center;
  margin-left: 9px;
  margin-right: 5px;
}
/* line 1488, ../../scss/layout.scss */
#hk-header div.help .btn.hover,
#hk-header div.help .btn:hover {
  background: #04939d;
  box-shadow: 0 0 0 1px #04939d;
  color: white;
}
/* line 1493, ../../scss/layout.scss */
#hk-header div.help .btn.hover > i,
#hk-header div.help .btn:hover > i {
  background: url('../../images/svg/icon_arr_up_s.svg') no-repeat center center;
}
/* line 1499, ../../scss/layout.scss */
#hk-header div.help div.help-hover {
  position: absolute;
  right: 97px;
  width: 92px;
  height: 37px;
  top: 13px;
  z-index: 2;
  background: transparent;
  cursor: pointer;
}
/* line 1508, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box {
  position: absolute;
  top: auto;
  right: 0px;
  background: white;
  border: 1px solid #d9dfe3;
  border-radius: 2px;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 1;
  display: none;
  margin-top: 34px;
}
/* line 1519, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul {
  padding: 7px 0;
}
/* line 1521, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul li {
  width: 154px;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 20px;
  color: #000;
  font-size: 13px;
}
/* line 1529, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul li > a {
  color: #000;
  font-size: 13px;
}
/* line 1535, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul li:hover {
  background: #f5fdfe;
  font-weight: bold;
}
/* line 1543, ../../scss/layout.scss */
#hk-header div.mypage {
  width: auto;
  margin: 0px auto;
  max-width: 1220px;
  position: relative;
  margin-top: -60px;
}
/* line 1549, ../../scss/layout.scss */
#hk-header div.mypage .btn {
  position: absolute;
  top: 14px;
  right: 0px;
  color: #fff;
  font-size: 12px;
  letter-spacing: -0.24px;
  box-shadow: 0 0 0 1px black;
  background: #000;
  border-radius: 2px;
  z-index: 1;
  height: 30px;
  width: 92px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 1566, ../../scss/layout.scss */
#hk-header div.mypage .btn > i {
  width: 13px;
  height: 13px;
  margin-right: 5px;
  background: url('../../images/svg/icon_arr_up_s.svg') no-repeat center center;
  transform: rotate(180deg);
}
/* line 1574, ../../scss/layout.scss */
#hk-header div.mypage .btn.hover,
#hk-header div.mypage .btn:hover {
  background: #04939d;
  box-shadow: 0 0 0 1px #04939d;
}
/* line 1578, ../../scss/layout.scss */
#hk-header div.mypage .btn.hover > i,
#hk-header div.mypage .btn:hover > i {
  background: url('../../images/svg/icon_arr_up_s.svg') no-repeat center center;
  transform: rotate(0deg);
}
/* line 1585, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover {
  position: absolute;
  right: 0px;
  width: 92px;
  height: 37px;
  top: 13px;
  z-index: 2;
  background: transparent;
  cursor: pointer;
}
/* line 1594, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box {
  position: absolute;
  top: auto;
  right: 0px;
  background: white;
  border: 1px solid #d9dfe3;
  border-radius: 2px;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 1;
  display: none;
  margin-top: 34px;
}
/* line 1605, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul {
  padding: 7px 0;
}
/* line 1607, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul li {
  width: 154px;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 10px 0 20px;
  color: #000;
  font-size: 13px;
}
/* line 1615, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul li > a {
  color: #000;
  font-size: 13px;
}
/* line 1620, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul li:hover {
  background: #f5fdfe;
  font-weight: bold;
}
/* line 1630, ../../scss/layout.scss */
#hk-header .depth-2 li.minor {
  height: auto;
  padding-bottom: 10px;
  padding-left: 22px;
  border-right: none;
}
/* line 1638, ../../scss/layout.scss */
#hk-header .description {
  display: block;
  margin: 18px 0 0;
  font-weight: 400;
  line-height: 1.7;
  word-break: keep-all;
}
/* line 1647, ../../scss/layout.scss */
#hk-header .domain .depth-2 li {
  width: 20%;
}
/* line 1649, ../../scss/layout.scss */
#hk-header .domain .depth-2 li a {
  padding-left: 30px;
  padding-right: 40px;
}
/* line 1655, ../../scss/layout.scss */
#hk-header .domain .depth-2 li.group a + a {
  margin-top: 20px;
}
/* line 1656, ../../scss/layout.scss */
#hk-header .domain .depth-2 li.group a + a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 30px;
  right: 40px;
  height: 1px;
  background-color: #d4d4d4;
}
/* line 1665, ../../scss/layout.scss */
#hk-header .domain .depth-2 li.group a + a strong {
  padding-top: 24px;
}
/* line 1676, ../../scss/layout.scss */
#hk-header .domain.auth .depth-2:before {
  height: 155px;
}
/* line 1680, ../../scss/layout.scss */
#hk-header .domain.auth .depth-2 ul li {
  height: 155px;
}
/* line 1682, ../../scss/layout.scss */
#hk-header .domain.auth .depth-2 ul li.minor {
  height: auto;
}
/* line 1692, ../../scss/layout.scss */
#hk-header .hosting .depth-2 li {
  width: 25%;
}
/* line 1694, ../../scss/layout.scss */
#hk-header .hosting .depth-2 li a {
  padding-left: 30px;
  padding-right: 30px;
}
/* line 1703, ../../scss/layout.scss */
#hk-header .server .depth-2 li {
  width: 20%;
}
/* line 1705, ../../scss/layout.scss */
#hk-header .server .depth-2 li a {
  padding-left: 30px;
  padding-right: 30px;
}
/* line 1714, ../../scss/layout.scss */
#hk-header .freehome .depth-2 li {
  width: 50%;
}
/* line 1716, ../../scss/layout.scss */
#hk-header .freehome .depth-2 li a {
  padding-left: 30px;
  padding-right: 190px;
}
/* line 1725, ../../scss/layout.scss */
#hk-header .ssl .depth-2 li {
  width: 30%;
}
/* line 1727, ../../scss/layout.scss */
#hk-header .ssl .depth-2 li a {
  padding-left: 30px;
}
/* line 1735, ../../scss/layout.scss */
#hk-header .office .depth-2 li {
  width: 33.3333%;
}
/* line 1737, ../../scss/layout.scss */
#hk-header .office .depth-2 li a {
  padding-left: 30px;
}
/* line 1745, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li {
  width: 33.3333%;
}
/* line 1747, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li a {
  padding-left: 30px;
}
/* line 1750, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li .description {
  margin-top: 15px;
}
/* line 1752, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li .description br {
  display: none;
}
/* line 1761, ../../scss/layout.scss */
#hk-header .solution .depth-2 li {
  width: 25%;
}
/* line 1763, ../../scss/layout.scss */
#hk-header .solution .depth-2 li a {
  padding-left: 30px;
  padding-right: 45px;
  padding-top: 10px;
}
/* line 1771, ../../scss/layout.scss */
#hk-header .additional {
  display: none;
}
/* line 1774, ../../scss/layout.scss */
#hk-header .additional .logo:before {
  width: 30px;
  height: 30px;
}
/* line 1779, ../../scss/layout.scss */
#hk-header .additional .logo-gmail:before {
  background-position: -400px -250px;
}
/* line 1784, ../../scss/layout.scss */
#hk-header .additional .logo-hangout:before {
  background-position: -430px -250px;
}
/* line 1789, ../../scss/layout.scss */
#hk-header .additional .logo-gdrive:before {
  background-position: -460px -250px;
}
/* line 1794, ../../scss/layout.scss */
#hk-header .additional .logo-gcalendar:before {
  background-position: -490px -250px;
}
/* line 1799, ../../scss/layout.scss */
#hk-header .additional .logo-gspredsheet:before {
  background-position: -400px -280px;
}
/* line 1804, ../../scss/layout.scss */
#hk-header .additional .logo-gsites:before {
  background-position: -430px -280px;
}
/* line 1809, ../../scss/layout.scss */
#hk-header .additional .logo-gpresentations:before {
  background-position: -460px -280px;
}
/* line 1814, ../../scss/layout.scss */
#hk-header .additional .logo-gvault:before {
  background-position: -490px -280px;
}
/* line 1819, ../../scss/layout.scss */
#hk-header .additional .is-mobile {
  display: none;
}
/* line 1823, ../../scss/layout.scss */
#hk-header .gnb-menu {
  z-index: -1 !important;
}
/* line 1827, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu {
  top: 100%;
  opacity: 1;
  z-index: 1 !important;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/* line 1832, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu:has(.gnb-menu-inner) {
  padding: 0;
  overflow: visible;
}
/* line 1836, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  color: #3c3d4f;
  background-color: white;
  border-top: 1px solid #dfdfee;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
}
/* line 1846, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .flex {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: nowrap;
}
/* line 1856, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .flex-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
/* line 1861, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .flex-item:first-child {
  flex: 1;
}
/* line 1864, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .flex-item:last-child {
  flex: 0 1 23%;
  background-color: #33525e;
  color: #fff;
}
/* line 1869, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .flex-item > div:not(.grid) {
  padding: 20px;
}
/* line 1871, ../../scss/layout.scss */
#hk-header
  .active
  ~ .gnb-menu
  .gnb-menu-inner
  .flex-item
  > div:not(.grid)
  .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
}
/* line 1875, ../../scss/layout.scss */
#hk-header
  .active
  ~ .gnb-menu
  .gnb-menu-inner
  .flex-item
  > div:not(.grid)
  .list
  a {
  color: #fff;
}
/* line 1882, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
/* line 1889, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .grid > div {
  padding: 20px;
}
/* line 1891, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .grid > div:first-of-type {
  grid-row: span 2 / span 2;
}
/* line 1896, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .btn-gnb-menu-close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 56px;
  height: 56px;
  color: #3c3d4f;
}
/* line 1903, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .gnb-menu-inner .btn-gnb-menu-close svg {
  fill: #3c3d4f;
}
@media screen and (max-width: 1220px) {
  /* line 1896, ../../scss/layout.scss */
  #hk-header .active ~ .gnb-menu .gnb-menu-inner .btn-gnb-menu-close {
    color: #fff;
  }
  /* line 1908, ../../scss/layout.scss */
  #hk-header .active ~ .gnb-menu .gnb-menu-inner .btn-gnb-menu-close svg {
    fill: #fff;
  }
}
/* line 1914, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .title {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 16px;
  padding: 0 16px 12px;
  border-bottom: 1px solid #dfdfee;
  transition: all ease 0.3s;
}
/* line 1923, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .title.bold {
  border-bottom: 1px solid #3c3d4f;
}
/* line 1925, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .title.bold::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #3c3d4f;
}
/* line 1935, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .list {
  margin-top: 4px;
}
/* line 1937, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .list:first-child {
  margin-top: 0;
}
/* line 1940, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .list a {
  display: block;
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 3px;
  color: #3c3d4f;
}
/* line 1949, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .list a:hover {
  background-color: rgba(27, 109, 138, 0.08);
}
/* line 1954, ../../scss/layout.scss */
#hk-header .active ~ .gnb-menu .list.active a {
  background-color: rgba(204, 225, 237, 0.4);
}
/* line 1961, ../../scss/layout.scss */
#hk-header .is-mobile {
  display: none;
}
/* line 1964, ../../scss/layout.scss */
#hk-header .header-info {
  border-bottom: 0px solid #ccd5da;
  background-color: #e4e9ee;
}
/* line 1968, ../../scss/layout.scss */
#hk-header .header-info .inner-wrap {
  border-top: 0px solid #ccd5da;
  display: none;
}
/* line 1972, ../../scss/layout.scss */
#hk-header .header-info .inner {
  max-width: 1220px;
  margin: 0 auto;
  padding: 7px 0 6px;
  text-align: right;
}
/* line 1985, ../../scss/layout.scss */
#hk-header .header-info .inner span {
  display: inline-block;
  font-size: 13px;
  color: #55595e;
  line-height: 1.7;
}
/* line 1990, ../../scss/layout.scss */
#hk-header .header-info .inner span:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: -2px 10px 0 6px;
  vertical-align: middle;
  background-color: #cacccd;
}
/* line 2000, ../../scss/layout.scss */
#hk-header .header-info .inner span:first-child:before {
  display: none;
}
/* line 2004, ../../scss/layout.scss */
#hk-header .header-info .inner span strong {
  color: #101717;
}
/* line 2008, ../../scss/layout.scss */
#hk-header .header-info .inner span.money .btn {
  margin-top: -3px;
  padding: 2px 7px 3px;
  line-height: 1.3;
  border-radius: 0;
}
/* line 2017, ../../scss/layout.scss */
#hk-header .header-info .inner span.point .btn {
  margin-top: -6px;
}
/* line 2024, ../../scss/layout.scss */
#hk-header .global-nav-background {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  min-height: 0;
  border-top: 1px solid #d4d4d4;
  background-color: #f5f7f8;
  pointer-events: none;
  -webkit-transition-property: min-height;
  -moz-transition-property: min-height;
  -o-transition-property: min-height;
  transition-property: min-height;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
/* line 2037, ../../scss/layout.scss */
#hk-header .global-nav-background.theme-snb {
  background-color: #f5f7f8;
}
/* line 2040, ../../scss/layout.scss */
#hk-header .global-nav-background.active {
  -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
}
/* line 2045, ../../scss/layout.scss */
#hk-header .gnb-submenu {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  background-color: #fff;
  margin-top: 0px;
  height: 42px;
  border-top: 1px solid #dfdfee;
}
/* line 2054, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
}
/* line 2061, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list {
  display: flex;
  height: 100%;
}
/* line 2066, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li:first-child {
  margin-left: -27px;
}
/* line 2069, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li a {
  display: block;
  padding: 10.5px 27px;
  font-size: 14px;
  letter-spacing: -0.39px;
  color: #3c3d4f;
}
/* line 2075, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li a.active {
  color: #04939d;
}
/* line 2083, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .btn-back {
  display: none;
}
/* line 2088, ../../scss/layout.scss */
#hk-header .gnb-submenu .sub-depth {
  display: none;
}
/* line 2092, ../../scss/layout.scss */
#hk-header .basket-push-layer {
  position: absolute;
  z-index: 50;
  top: 42px;
  right: -2px;
}
/* line 2097, ../../scss/layout.scss */
#hk-header .basket-push-layer .item {
  width: 215px;
  margin-top: 5px;
  padding: 15px 18px;
  border: 1px solid #101717;
  background-color: #fff;
  box-sizing: border-box;
  opacity: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.12);
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.12);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-property: opacity, transform;
  -moz-transition-property: opacity, transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  animation-name: basket-action;
  animation-duration: 0.4s;
  animation-delay: 0.9s;
}
/* line 2115, ../../scss/layout.scss */
#hk-header .basket-push-layer .item:first-child {
  margin-top: 0;
}
/* line 2118, ../../scss/layout.scss */
#hk-header .basket-push-layer .item.action {
  opacity: 0.4;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
/* line 2122, ../../scss/layout.scss */
#hk-header .basket-push-layer .item .tld {
  display: block;
  font-size: 14px;
  color: #101717;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  line-height: 1.4;
}
/* line 2132, ../../scss/layout.scss */
#hk-header .basket-push-layer .item .info {
  min-height: 18px;
  margin-top: 6px;
  text-align: right;
}
/* line 2137, ../../scss/layout.scss */
#hk-header .basket-push-layer .item .price {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
  color: #101717;
}
/* line 2144, ../../scss/layout.scss */
#hk-header .basket-push-layer .item .price strong {
  color: #04939d;
}
/* line 2161, ../../scss/layout.scss */
#hk-header #sm-top > div,
#hk-header #sm-top-a > div {
  max-width: 1220px;
  height: 24px;
  line-height: 24px;
  text-align: right;
}
/* line 2168, ../../scss/layout.scss */
#hk-header #sm-top .item {
  display: inline-block;
  vertical-align: middle;
}
/* line 2172, ../../scss/layout.scss */
#hk-header #sm-top > div a,
#hk-header #sm-top-a > div a {
  color: #555;
}

/* line 2180, ../../scss/layout.scss */
.section-logins .login-mz .unauth {
  margin-top: 40px;
  text-align: left;
}
/* line 2183, ../../scss/layout.scss */
.section-logins .login-mz .unauth a {
  color: #696ae8;
}
/* line 2185, ../../scss/layout.scss */
.section-logins .login-mz .unauth a:after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 10px;
  margin-top: -2px;
  vertical-align: middle;
  background-image: url('../../images/svg/arrow-right-purple.svg');
  background-repeat: no-repeat;
}

/*
 * gnb open
 */
/* line 2203, ../../scss/layout.scss */
.gnb-open {
  overflow-x: hidden;
}
/* line 2206, ../../scss/layout.scss */
.gnb-open #hk-header .nav {
  max-height: 1000px;
  margin: 0 auto;
}
/* line 2230, ../../scss/layout.scss */
.gnb-open #hk-header .nav .inner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2235, ../../scss/layout.scss */
.gnb-open #hk-header .nav .inner:before,
.gnb-open #hk-header .nav .inner:after {
  content: '';
  position: absolute;
  left: -20px;
  right: -20px;
  display: block;
  border-left: 1px solid #ccd5da;
  border-right: 1px solid #ccd5da;
  box-sizing: border-box;
}
/* line 2248, ../../scss/layout.scss */
.gnb-open #hk-header .nav .inner:before {
  z-index: 1;
  top: 278px;
  bottom: -1px;
  border-top: 1px solid #ccd5da;
  border-bottom: 1px solid #ccd5da;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
/* line 2259, ../../scss/layout.scss */
.gnb-open #hk-header .nav .inner:after {
  top: 0;
  height: 60px;
  border-top: 1px solid #ccd5da;
  border-bottom: 1px solid #ccd5da;
  background-color: #fff;
}
/* line 2271, ../../scss/layout.scss */
.gnb-open #hk-header .nav .depth-1 > a:hover strong {
  color: #101717;
  border: 0;
}
/* line 2276, ../../scss/layout.scss */
.gnb-open #hk-header .nav .depth-1 > a:after {
  display: none;
}
/* line 2283, ../../scss/layout.scss */
.gnb-open #hk-header .nav .depth-2 .icon-arrow-right {
  display: none;
}
/* line 2289, ../../scss/layout.scss */
.gnb-open #hk-header .all {
  z-index: 20;
}
/* line 2292, ../../scss/layout.scss */
.gnb-open #hk-header .all .btn {
  border-color: transparent;
}
/* line 2297, ../../scss/layout.scss */
.gnb-open #hk-header .all .icon-all-menu-new:before {
  width: 18px;
  height: 18px;
  background-image: url('../../images/icons/all-menu-new-active.png');
}
/* line 2305, ../../scss/layout.scss */
.gnb-open #hk-header .gnb {
  position: relative;
  float: none;
  min-width: 100%;
  margin-left: 0;
  background-image: -webkit-linear-gradient(
    left,
    transparent calc(100% - 1px),
    #e5eaec 1px
  );
  background-image: -o-linear-gradient(
    left,
    transparent calc(100% - 1px),
    #e5eaec 1px
  );
  background-image: linear-gradient(
    to right,
    transparent calc(100% - 1px),
    #e5eaec 1px
  );
  background-size: calc(20% + 1px) 100%;
}
/* line 2326, ../../scss/layout.scss */
.gnb-open #hk-header .gnb:before {
  content: '';
  position: absolute;
  left: -20px;
  bottom: 0;
  right: -20px;
  display: block;
  height: 100%;
  border-left: 1px solid #ccd5da;
  border-right: 1px solid #ccd5da;
  box-sizing: border-box;
  background-color: #fff;
}
/* line 2341, ../../scss/layout.scss */
.gnb-open #hk-header .gnb > ul {
  position: relative;
  margin-left: -19px;
  background: #fff;
}
/* line 2345, ../../scss/layout.scss */
.gnb-open #hk-header .gnb > ul:before {
  content: '전체 메뉴';
  position: relative;
  z-index: 1;
  display: block;
  height: 60px;
  padding-top: 28px;
  padding-left: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #101717;
  line-height: 15px;
  box-sizing: border-box;
}
/* line 2360, ../../scss/layout.scss */
.gnb-open #hk-header .gnb > ul:after {
  content: '';
  display: block;
  clear: both;
  margin: 0;
  width: 100%;
  height: 0;
}
/* line 2369, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1 {
  width: 25%;
  padding: 0 30px 30px;
  font-size: 18px;
  font-weight: 700;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2376, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1:first-child {
  position: relative;
  z-index: 2;
  padding-left: 34px;
  background-color: #fff;
}
/* line 2383, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain:before {
  left: 0;
}
/* line 2390, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain .depth-2 li.group a + a {
  margin-top: 8px;
}
/* line 2392, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain .depth-2 li.group a + a:before {
  display: none;
}
/* line 2395, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain .depth-2 li.group a + a strong {
  padding-top: 0;
}
/* line 2405, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.hosting:before {
  z-index: 2;
  left: 25%;
}
/* line 2411, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.freehome:before {
  left: 50%;
}
/* line 2416, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.ssl:before {
  left: 50%;
}
/* line 2421, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.office:before {
  left: 75%;
}
/* line 2431, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.cloud:before {
  left: 0;
  width: 40%;
}
/* line 2437, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.solution:before {
  display: none;
}
/* line 2441, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1 > a {
  height: 50px;
  line-height: 54px;
  padding: 0;
  font-size: 18px;
}
/* line 2453, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-2 li .description {
  display: none;
}
/* line 2459, ../../scss/layout.scss */
.gnb-open #hk-header .snb {
  position: relative;
  z-index: 2;
  float: none;
  min-width: 100%;
  background-color: #fff;
  background-image: -webkit-linear-gradient(
    left,
    transparent calc(100% - 1px),
    #e5eaec 1px
  );
  background-image: -o-linear-gradient(
    left,
    transparent calc(100% - 1px),
    #e5eaec 1px
  );
  background-image: linear-gradient(
    to right,
    transparent calc(100% - 1px),
    #e5eaec 1px
  );
  background-size: calc(40% + 2px) 100%;
  background-repeat: no-repeat;
}
/* line 2483, ../../scss/layout.scss */
.gnb-open #hk-header .snb > ul {
  position: relative;
  margin-left: -19px;
  background: #fff;
}
/* line 2489, ../../scss/layout.scss */
.gnb-open #hk-header .snb .server {
  width: 25%;
  padding-left: 34px;
}
/* line 2493, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud {
  width: 37.5%;
  margin-top: -114px;
}
/* line 2497, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud .menu-cloud li {
  width: 50%;
}
/* line 2523, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud .menu-cloud li a {
  padding: 15px 9%;
}
/* line 2527, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud .menu-cloud .description {
  margin-top: 10px;
}
/* line 2532, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution {
  width: 37.5%;
  margin-top: -114px;
}
/* line 2536, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li {
  width: 50%;
}
/* line 2540, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li:first-child a {
  height: auto;
}
/* line 2544, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li a {
  height: 100px;
  padding: 15px 9%;
}
/* line 2548, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li .additional {
  display: none;
  margin-top: 25px;
  margin-left: 3px;
  font: 0/0 a;
}
/* line 2553, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li .additional .logo {
  display: none;
  width: 25%;
  margin-left: -3px;
  padding: 7px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2564, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution .logo {
  height: 32px;
}
/* line 2569, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1 {
  position: relative;
  padding: 0 30px 25px;
}
/* line 2572, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1:before {
  top: -6px;
  left: 0;
}
/* line 2576, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1 > a {
  height: 50px;
  line-height: 54px;
}
/* line 2581, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud:before {
  width: 40%;
}
/* line 2596, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.server .description {
  display: none;
}
/* line 2599, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.server:before {
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  width: auto;
  border-left: 0 !important;
  border-top: 1px solid #ccd5da;
}
/* line 2609, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud,
.gnb-open #hk-header .snb .depth-1.solution {
  padding-bottom: 37px;
}
/* line 2612, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .logo,
.gnb-open #hk-header .snb .depth-1.solution .logo {
  height: 32px;
}
/* line 2614, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .logo:after,
.gnb-open #hk-header .snb .depth-1.solution .logo:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 2623, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .depth-2 li a,
.gnb-open #hk-header .snb .depth-1.solution .depth-2 li a {
  position: relative;
  display: block;
  height: 110px;
  line-height: 1.7;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2632, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .depth-2 li a:before,
.gnb-open #hk-header .snb .depth-1.solution .depth-2 li a:before {
  display: none;
}
/* line 2635, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .depth-2 li a:after,
.gnb-open #hk-header .snb .depth-1.solution .depth-2 li a:after {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 17px;
  height: 17px;
  background-image: url('../../images/sprite/header-sprite-icon.png');
  background-position: -359px 0;
}
/* line 2647, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .depth-2 li a:hover strong,
.gnb-open #hk-header .snb .depth-1.solution .depth-2 li a:hover strong {
  border: 0;
}
/* line 2650, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .depth-2 li a:hover:after,
.gnb-open #hk-header .snb .depth-1.solution .depth-2 li a:hover:after {
  background-position: -331px 0;
}
/* line 2659, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-2 {
  background-color: transparent;
}
/* line 2661, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-2 ul {
  margin-left: -10px;
  margin-top: 10px;
}
/* line 2665, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-2 li {
  float: left;
  padding: 0 0 10px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2674, ../../scss/layout.scss */
.gnb-open #hk-header .snb .server .depth-2 ul {
  margin-top: 0;
}
/* line 2677, ../../scss/layout.scss */
.gnb-open #hk-header .snb .server .depth-2 li {
  padding: 8px 0 0 10px;
}
/* line 2683, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1 {
  float: left;
  height: auto;
  line-height: 1;
}
/* line 2688, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1:first-child:before {
  border-left: 0;
}
/* line 2692, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1:before {
  content: '';
  display: block;
  position: absolute;
  top: 60px;
  bottom: -20px;
  width: 0;
  border-left: 1px solid #ccd5da;
}
/* line 2702, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1 > a strong {
  font-size: 16px;
  color: #101717;
}
/* line 2707, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1 a {
  padding: 0;
  font-size: 18px;
}
/* line 2714, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1.auth .depth-2 ul li {
  height: auto;
}
/* line 2721, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 {
  display: block;
  position: static;
  margin: 0;
  padding: 0;
  color: #000;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 2730, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 ul:before {
  display: none;
}
/* line 2734, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li {
  float: none;
  width: 100%;
  height: auto;
  padding: 8px 0 0 0;
  border: 0;
}
/* line 2740, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li:first-child {
  border: 0;
}
/* line 2744, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li.minor a {
  padding: 0;
}
/* line 2746, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li.minor a strong {
  font-size: 13px;
  border-bottom: 1px solid transparent;
}
/* line 2751, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li.minor a:hover strong {
  border-color: #666;
}
/* line 2757, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li a {
  position: relative;
  height: auto;
  min-height: 20px;
  color: #666;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
/* line 2766, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li a:hover strong {
  transform: none;
  border-bottom: 1px solid #666;
}
/* line 2771, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li a strong {
  display: inline-block;
  padding-bottom: 3px;
  font-size: 13px;
  color: #101717;
  font-weight: 400;
}
/* line 2783, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 .description br.is-pc {
  display: block;
}
/* line 2789, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 .icon-arrow-right {
  display: none;
}
/* line 2794, ../../scss/layout.scss */
.gnb-open #hk-header .description {
  display: block;
  margin: 10px 0 0;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

/*
 * hk-main
 */
/* line 2808, ../../scss/layout.scss */
.hk-main {
  position: relative;
  height: 100%;
}
/* line 2811, ../../scss/layout.scss */
.hk-main #hk-header {
  top: 0;
  width: 100%;
}
/* line 2814, ../../scss/layout.scss */
.hk-main #hk-header .header-info {
  display: none;
}
/* line 2817, ../../scss/layout.scss */
.hk-main #hk-header .gnb-submenu {
  display: none;
}

/*
 * hk-sub
 */
/* line 2827, ../../scss/layout.scss */
.hk-sub #hk-header {
  padding-bottom: 0px;
}
/* line 2829, ../../scss/layout.scss */
.hk-sub #hk-header .header-info {
  display: block;
}

/*
 * search
 */
/* line 2843, ../../scss/layout.scss */
.wrap-domain input[type='search']::-webkit-search-decoration,
.wrap-domain input[type='search']::-webkit-search-cancel-button,
.wrap-domain input[type='search']::-webkit-search-results-button,
.wrap-domain input[type='search']::-webkit-search-results-decoration,
.wrap-domain input[type='search']::-ms-clear,
.wrap-domain input[type='url']::-webkit-search-decoration,
.wrap-domain input[type='url']::-webkit-search-cancel-button,
.wrap-domain input[type='url']::-webkit-search-results-button,
.wrap-domain input[type='url']::-webkit-search-results-decoration,
.wrap-domain input[type='url']::-ms-clear {
  display: none;
}
/* line 2852, ../../scss/layout.scss */
.wrap-domain .search {
  position: relative;
  max-width: 1420px;
  height: 54px;
  margin: 0 auto;
  border: 2px solid #101717;
  box-sizing: border-box;
}
/* line 2859, ../../scss/layout.scss */
.wrap-domain .search input,
.wrap-domain .search .copy-input {
  width: 100%;
  height: 50px;
  padding: 0 160px 0 20px;
  line-height: 50px;
  font-size: 18px;
  vertical-align: top;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
}
/* line 2871, ../../scss/layout.scss */
.wrap-domain .search input[type='search']:focus ~ label,
.wrap-domain .search input[type='search']:focus + label,
.wrap-domain .search input[type='url']:focus ~ label,
.wrap-domain .search input[type='url']:focus + label,
.wrap-domain .search input[type='text']:focus ~ label,
.wrap-domain .search input[type='text']:focus + label,
.wrap-domain .search input[type='search']:not([value='']) ~ label,
.wrap-domain .search input[type='search']:not([value='']) + label,
.wrap-domain .search input[type='url']:not([value='']) ~ label,
.wrap-domain .search input[type='url']:not([value='']) + label,
.wrap-domain .search input[type='text']:not([value='']) ~ label,
.wrap-domain .search input[type='text']:not([value='']) + label,
.wrap-domain .search .copy-input[type='search']:focus ~ label,
.wrap-domain .search .copy-input[type='search']:focus + label,
.wrap-domain .search .copy-input[type='url']:focus ~ label,
.wrap-domain .search .copy-input[type='url']:focus + label,
.wrap-domain .search .copy-input[type='text']:focus ~ label,
.wrap-domain .search .copy-input[type='text']:focus + label,
.wrap-domain .search .copy-input[type='search']:not([value='']) ~ label,
.wrap-domain .search .copy-input[type='search']:not([value='']) + label,
.wrap-domain .search .copy-input[type='url']:not([value='']) ~ label,
.wrap-domain .search .copy-input[type='url']:not([value='']) + label,
.wrap-domain .search .copy-input[type='text']:not([value='']) ~ label,
.wrap-domain .search .copy-input[type='text']:not([value='']) + label {
  display: none;
}
/* line 2885, ../../scss/layout.scss */
.wrap-domain .search input:focus + label,
.wrap-domain .search .copy-input:focus + label {
  display: none\9;
}
/* line 2906, ../../scss/layout.scss */
.wrap-domain .search label {
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 54px;
  font-size: 18px;
  font-weight: normal;
  color: #bbb;
  cursor: text;
}
/* line 2916, ../../scss/layout.scss */
.wrap-domain .search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 52px;
  margin-left: 6px;
  font-size: 18px;
  line-height: 50px;
  color: #fff;
  vertical-align: top;
  background-color: #101717;
  border-color: #101717;
}
/* line 2932, ../../scss/layout.scss */
.wrap-domain .search .icon-search:before {
  margin-top: -5px;
}
/* line 2938, ../../scss/layout.scss */
.wrap-domain .copy-input {
  position: absolute;
  left: 0;
  z-index: -1;
  display: inline-block;
  width: auto !important;
  padding-right: 0 !important;
  filter: alpha(opacity=0);
  opacity: 0;
}

/*
 * skip-top
 */
/* line 2953, ../../scss/layout.scss */
.skip-top {
  position: fixed;
  z-index: 2;
  right: 20px;
  bottom: 50px;
  -webkit-transition: transform ease 0.3s;
  -moz-transition: transform ease 0.3s;
  -o-transition: transform ease 0.3s;
  transition: transform ease 0.3s;
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -o-transform: translateY(120px);
  transform: translateY(120px);
}
/* line 2960, ../../scss/layout.scss */
.skip-top a {
  display: block;
  text-align: center;
  border: 1px solid #ccd5da;
  background-color: #fff;
  text-decoration: none;
}
/* line 2966, ../../scss/layout.scss */
.skip-top a .icon {
  display: block;
  width: 58px;
  height: 58px;
  padding: 11px 0 12px;
  font-size: 14px;
  color: #04939d;
  line-height: 1;
  box-sizing: border-box;
}
/* line 2975, ../../scss/layout.scss */
.skip-top a .icon:before {
  display: block;
  margin: 0 auto 5px;
}

/* line 2983, ../../scss/layout.scss */
[data-skip-top='false'] .skip-top {
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -o-transform: translateY(120px);
  transform: translateY(120px);
}

/* line 2988, ../../scss/layout.scss */
[data-skip-top='true'] .skip-top {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}

/*
 * footer
 */
/* line 2996, ../../scss/layout.scss */
#hk-footer {
  position: relative;
  border-top: 1px solid #555952;
  color: #878d94;
  background-color: #303637;
}
/* line 3001, ../../scss/layout.scss */
#hk-footer .sitemap {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 1220px;
  align-items: flex-start;
  padding-top: 50px;
  border-bottom: 1px solid rgba(85, 89, 94, 0.5);
}
/* line 3010, ../../scss/layout.scss */
#hk-footer .sitemap .box {
  width: 20%;
  max-height: 278px;
  padding-bottom: 55px;
}
/* line 3014, ../../scss/layout.scss */
#hk-footer .sitemap .box .title {
  font-size: 15px;
  letter-spacing: -0.48px;
  color: white;
  font-weight: bold;
}
/* line 3020, ../../scss/layout.scss */
#hk-footer .sitemap .box .desc {
  margin-top: 22px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: white;
  opacity: 0.5;
  font-weight: 200;
}
/* line 3027, ../../scss/layout.scss */
#hk-footer .sitemap .box .desc li {
  height: 35px;
  cursor: pointer;
}
/* line 3030, ../../scss/layout.scss */
#hk-footer .sitemap .box .desc li a {
  color: white;
}
/* line 3036, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout {
  position: absolute;
  width: 40%;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: flex-end;
}
/* line 3044, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout > div {
  display: flex;
  width: 270px;
}
/* line 3048, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout .mark-logo {
  height: 52px;
  background-size: cover;
  margin-left: 4px;
}
/* line 3053, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #kisa-logo {
  width: 52px;
  background-image: url('../../images/footer/kisa.svg');
}
/* line 3057, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #icann-logo {
  width: 52px;
  background-image: url('../../images/footer/icann@3x.png');
}
/* line 3061, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #kab-logo {
  width: 52px;
  background-image: url('../../images/footer/kab@3x.png');
}
/* line 3065, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #iso-logo {
  width: 150px;
  background-image: url('../../images/footer/iso@3x.png');
}
/* line 3069, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #ismsp-logo {
  width: 180px;
  background-image: url('../../images/footer/ismsp.svg');
}
/* line 3075, ../../scss/layout.scss */
#hk-footer .info-1 {
  border-top: 1px solid #55595e;
}
/* line 3078, ../../scss/layout.scss */
#hk-footer .inner {
  display: table;
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
/* line 3084, ../../scss/layout.scss */
#hk-footer .inner .info,
#hk-footer .inner .customer,
#hk-footer .inner .brand {
  display: table-cell;
  padding: 35px 0;
  vertical-align: top;
  box-sizing: border-box;
}
/* line 3092, ../../scss/layout.scss */
#hk-footer .inner .info {
  width: 46.53225806452%;
  letter-spacing: -0.3px;
}
/* line 3095, ../../scss/layout.scss */
#hk-footer .inner .info p {
  margin: 0 0 5px;
}
/* line 3098, ../../scss/layout.scss */
#hk-footer .inner .info address {
  font-style: normal;
}
/* line 3101, ../../scss/layout.scss */
#hk-footer .inner .info .before {
  display: inline-block;
}
/* line 3103, ../../scss/layout.scss */
#hk-footer .inner .info .before:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: -3px 10px 0 6px;
  vertical-align: middle;
}
/* line 3113, ../../scss/layout.scss */
#hk-footer .inner .info .menu {
  margin-top: 30px;
  margin-left: -6px;
}
/* line 3116, ../../scss/layout.scss */
#hk-footer .inner .info .menu > button,
#hk-footer .inner .info .menu > a,
#hk-footer .inner .info .menu .notice > a {
  display: inline-block;
  margin: 0 6px;
  vertical-align: middle;
  color: #878d94;
}
/* line 3123, ../../scss/layout.scss */
#hk-footer .inner .info .menu > button.point,
#hk-footer .inner .info .menu > a.point,
#hk-footer .inner .info .menu .notice > a.point {
  color: #fff;
  font-weight: bold;
}
/* line 3129, ../../scss/layout.scss */
#hk-footer .inner .info .copyright-mobile {
  display: none;
}
/* line 3133, ../../scss/layout.scss */
#hk-footer .inner .customer {
  position: relative;
  width: 31.45161290323%;
  padding-top: 30px;
  padding-left: 40px;
}
/* line 3138, ../../scss/layout.scss */
#hk-footer .inner .customer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  width: 1px;
  background-color: #ccd5da;
  opacity: 0.1;
}
/* line 3148, ../../scss/layout.scss */
#hk-footer .inner .customer .tel {
  margin: 0 0px 17px;
  font-size: 20px;
  line-height: 1;
}
/* line 3152, ../../scss/layout.scss */
#hk-footer .inner .customer .tel a {
  color: #878d94;
}
/* line 3156, ../../scss/layout.scss */
#hk-footer .inner .customer .mail {
  padding-left: 4px;
  font-weight: bold;
}
/* line 3159, ../../scss/layout.scss */
#hk-footer .inner .customer .mail a {
  display: inline-block;
  color: #878d94;
}
/* line 3165, ../../scss/layout.scss */
#hk-footer .inner .customer ul {
  margin-top: 12px;
}
/* line 3167, ../../scss/layout.scss */
#hk-footer .inner .customer ul li {
  margin-bottom: 5px;
}
/* line 3171, ../../scss/layout.scss */
#hk-footer .inner .customer #inquiry {
  cursor: pointer;
  display: flex;
  color: #ffffff;
  align-items: center;
}
/* line 3176, ../../scss/layout.scss */
#hk-footer .inner .customer #inquiry > i {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../../images/svg/new-tap.svg') no-repeat center center;
}
/* line 3185, ../../scss/layout.scss */
#hk-footer .inner .brand {
  position: relative;
  width: 22.01612903225%;
  padding-left: 35px;
}
/* line 3189, ../../scss/layout.scss */
#hk-footer .inner .brand .logo {
  font: 0/0 a;
}
/* line 3191, ../../scss/layout.scss */
#hk-footer .inner .brand .logo:before {
  content: '';
  display: inline-block;
  width: 130px;
  height: 21px;
  margin: 0;
  vertical-align: top;
  background-image: url('../../images/svg/megazone_footer_logo.svg');
  background-position: 0 0;
}
/* line 3202, ../../scss/layout.scss */
#hk-footer .inner .brand .txt {
  margin: 22px 0;
  letter-spacing: -0.8px;
}
/* line 3205, ../../scss/layout.scss */
#hk-footer .inner .brand .txt span {
  display: block;
}
/* line 3209, ../../scss/layout.scss */
#hk-footer .inner .brand .copyright {
  margin: 0;
  font-size: 11px;
}
/* line 3213, ../../scss/layout.scss */
#hk-footer .inner .brand .link {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font: 0/0 a;
}
/* line 3224, ../../scss/layout.scss */
#hk-footer .is-mobile {
  display: none;
}

/*
 * hk-coachmark
 */
/* line 3232, ../../scss/layout.scss */
.coachmark-popup {
  display: none;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
/* line 3241, ../../scss/layout.scss */
.coachmark-popup .popup-box {
  width: 100%;
  max-width: 742px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  position: absolute;
  border-radius: 10px;
}
/* line 3250, ../../scss/layout.scss */
.coachmark-popup .popup-box .info-bg {
  width: 100%;
  background: url('../../images/svg/coachmark-bg-1920.svg') no-repeat center
    center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-size: cover;
}
/* line 3257, ../../scss/layout.scss */
.coachmark-popup .popup-box .info-bg .info-con-bg {
  width: 100%;
  margin: 52px 0 45px;
  height: 355px;
  background: url('../../images/svg/coachmark-con-bg-1920.svg') no-repeat center
    center;
  display: inline-block;
}
/* line 3266, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-con {
  margin: 50px 0 36px;
  text-align: center;
}
/* line 3269, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-con .title {
  font-weight: bold;
  color: black;
  font-size: 19.5px;
  letter-spacing: -0.59px;
}
/* line 3275, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-con .desc {
  margin-top: 14px;
  color: #62676d;
  font-size: 14px;
  letter-spacing: -0.42px;
}
/* line 3282, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom {
  margin: 0 40px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 3288, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:checked,
.coachmark-popup .popup-box .popup-bottom .checkbox:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 3293, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:checked + label,
.coachmark-popup .popup-box .popup-bottom .checkbox:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  padding-right: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  font-size: 15px;
  letter-spacing: -0.39px;
  text-align: left;
  color: black;
  font-weight: bold;
}
/* line 3307, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:checked + label:before,
.coachmark-popup
  .popup-box
  .popup-bottom
  .checkbox:not(:checked)
  + label:before {
  content: '';
  position: absolute;
  left: 0px;
  width: 18px;
  height: 18px;
  background: none;
  background-size: contain;
  border: 1px solid gray;
}
/* line 3318, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:checked + label:after,
.coachmark-popup
  .popup-box
  .popup-bottom
  .checkbox:not(:checked)
  + label:after {
  content: '';
  width: 18px;
  height: 18px;
  left: 0px;
  color: white;
  text-align: center;
  background: url('../../images/svg/icon-checked.svg') no-repeat center center;
  background-size: contain;
  border: 1px solid transparent;
  position: absolute;
}
/* line 3332, ../../scss/layout.scss */
.coachmark-popup
  .popup-box
  .popup-bottom
  .checkbox:not(:checked)
  + label:after {
  opacity: 0;
}
/* line 3335, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:checked + label:after {
  opacity: 1;
}
/* line 3339, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .btn-green {
  width: 100px;
  height: 44px;
  background: #04939d;
  color: white;
  font-size: 15px;
  align-self: center;
  text-align: center;
  border-radius: 1px;
}
/* line 3350, ../../scss/layout.scss */
.coachmark-popup .popup-box .btn-x {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  right: -40px;
}
/* line 3356, ../../scss/layout.scss */
.coachmark-popup .popup-box .btn-x > i {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: url('../../images/svg/icon-delete.svg') no-repeat center center;
}
@media screen and (max-width: 780px) {
  /* line 3366, ../../scss/layout.scss */
  .coachmark-popup .popup-box {
    width: 95%;
    border-radius: 5px;
  }
  /* line 3369, ../../scss/layout.scss */
  .coachmark-popup .popup-box .info-bg {
    width: 100%;
    background: url('../../images/svg/coachmark-bg-360.svg') no-repeat center
      center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-size: cover;
  }
  /* line 3376, ../../scss/layout.scss */
  .coachmark-popup .popup-box .info-bg .info-con-bg {
    margin: 22px 0 20px;
    height: 329px;
    background: url('../../images/svg/coachmark-con-bg-360.svg') no-repeat
      center center;
  }
  /* line 3383, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con {
    margin: 22px 20px 22px;
  }
  /* line 3385, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con .title {
    font-size: 16.5px;
    letter-spacing: -0.5px;
    line-height: 180%;
  }
  /* line 3390, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con .desc {
    display: none;
  }
  /* line 3393, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con .isMobile {
    display: table;
    margin: 0px auto;
    line-height: 1.5;
  }
  /* line 3399, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-bottom {
    margin: 0 20px 16px;
  }
  /* line 3402, ../../scss/layout.scss */
  .coachmark-popup .popup-box .btn-x {
    top: -40px;
    right: 0px;
  }
}

@keyframes basket-action {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes basket-scale {
  0% {
    opacity: 0;
    color: #fff;
    font-size: 11px;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes allBtn-slide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media screen and (max-width: 1280px) {
  /* line 3462, ../../scss/layout.scss */
  #hk-header .top .inner,
  #hk-header .nav .inner,
  #hk-header .gnb-submenu .inner,
  #hk-header .header-info .inner {
    width: 95%;
    margin: 0 auto;
    display: flex;
  }
  /* line 3470, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner,
  #hk-header .nav .util .search .js-target .inner,
  #hk-header .gnb-submenu .util .search .js-target .inner,
  #hk-header .header-info .util .search .js-target .inner {
    padding: 32px 15px 0;
  }
  /* line 3472, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner .link,
  #hk-header .nav .util .search .js-target .inner .link,
  #hk-header .gnb-submenu .util .search .js-target .inner .link,
  #hk-header .header-info .util .search .js-target .inner .link {
    right: 15px;
  }
  /* line 3484, ../../scss/layout.scss */
  #hk-header .gnb-submenu .inner .list li a {
    padding: 15px 27px;
  }
  /* line 3494, ../../scss/layout.scss */
  #hk-header .top .js-target .inner .tit {
    font-size: 14px;
  }
  /* line 3502, ../../scss/layout.scss */
  #hk-header .top .util .mypage .inner .tit {
    margin-bottom: 13px;
  }
  /* line 3506, ../../scss/layout.scss */
  #hk-header .top .util .mypage .inner ul li {
    margin: 4px 0;
  }
  /* line 3509, ../../scss/layout.scss */
  #hk-header .top .util .mypage .inner ul li a {
    font-size: 12px;
  }
  /* line 3518, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 3522, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner .search-wrap label {
    font-size: 16px;
  }
  /* line 3532, ../../scss/layout.scss */
  #hk-header .nav .depth-2 {
    padding-top: 45px;
  }
  /* line 3542, ../../scss/layout.scss */
  #hk-header .nav .depth-2 li.minor a strong {
    font-size: 12px;
  }
  /* line 3547, ../../scss/layout.scss */
  #hk-header .nav .depth-2 li a {
    font-size: 12px;
  }
  /* line 3549, ../../scss/layout.scss */
  #hk-header .nav .depth-2 li a strong {
    font-size: 14px;
  }
  /* line 3554, ../../scss/layout.scss */
  #hk-header .nav .depth-2 ul {
    max-width: 980px;
  }
  /* line 3559, ../../scss/layout.scss */
  #hk-header .all {
    margin-right: -488px;
  }
  /* line 3562, ../../scss/layout.scss */
  #hk-header .description {
    margin-top: 20px;
    padding-bottom: 5px;
  }
  /* line 3568, ../../scss/layout.scss */
  #hk-header .depth-2 li.minor {
    padding-left: 12px;
  }
  /* line 3576, ../../scss/layout.scss */
  #hk-header .domain .depth-2 li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 3586, ../../scss/layout.scss */
  #hk-header .hosting .depth-2 li a {
    padding-left: 20px;
    padding-right: 40px;
  }
  /* line 3596, ../../scss/layout.scss */
  #hk-header .ssl .depth-2 li a {
    padding-left: 20px;
    padding-right: 40px;
  }
  /* line 3606, ../../scss/layout.scss */
  #hk-header .office .depth-2 li a {
    padding-left: 20px;
    padding-right: 40px;
  }
  /* line 3616, ../../scss/layout.scss */
  #hk-header .server .depth-2 li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 3626, ../../scss/layout.scss */
  #hk-header .freehome .depth-2 li a {
    padding-left: 20px;
  }
  /* line 3635, ../../scss/layout.scss */
  #hk-header .cloud .depth-2 li a {
    padding-left: 20px;
  }
  /* line 3644, ../../scss/layout.scss */
  #hk-header .solution .depth-2 li a {
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
  }
  /* line 3649, ../../scss/layout.scss */
  #hk-header .solution .depth-2 li a .logo:before {
    -webkit-transform: scale(0.7) translateX(-20px);
    -moz-transform: scale(0.7) translateX(-20px);
    -o-transform: scale(0.7) translateX(-20px);
    transform: scale(0.7) translateX(-20px);
  }
  /* line 3653, ../../scss/layout.scss */
  #hk-header .solution .depth-2 li a .icon-arrow-right {
    margin-left: -10px;
  }

  /* line 3665, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb > ul:before {
    padding-left: 2%;
  }
  /* line 3669, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb .depth-1 {
    padding: 0 2% 15px;
  }
  /* line 3671, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb .depth-1:first-child {
    padding-left: 2%;
  }
  /* line 3674, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb .depth-1 > a {
    font-size: 14px;
  }
  /* line 3680, ../../scss/layout.scss */
  .gnb-open #hk-header .nav:before {
    top: 371px;
  }
  /* line 3683, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .depth-2 {
    padding-top: 0;
  }
  /* line 3686, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .depth-2 li a {
    padding-left: 0px;
  }
  /* line 3688, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .depth-2 li a strong {
    font-size: 12px;
  }
  /* line 3697, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .depth-2 li a {
    padding-left: 11px;
    padding-right: 5%;
  }
  /* line 3705, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .server .depth-2 ul {
    margin-left: 0;
  }
  /* line 3708, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .server .depth-2 li {
    padding: 5px 0 0 0;
  }
  /* line 3710, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .server .depth-2 li a {
    padding-left: 0;
  }
  /* line 3719, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-1 {
    padding: 0 2% 15px;
  }
  /* line 3721, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-1.solution {
    padding-left: 30px;
  }
  /* line 3727, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 a:after {
    right: 10px;
  }
  /* line 3731, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 a .logo:before {
    -webkit-transform: scale(0.8) translateX(0px);
    -moz-transform: scale(0.8) translateX(0px);
    -o-transform: scale(0.8) translateX(0px);
    transform: scale(0.8) translateX(0px);
  }
  /* line 3736, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 ul {
    margin-top: 0;
  }
  /* line 3743, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 .menu-cloud a .logo-aws:before {
    -webkit-transform: scale(0.7) translateX(-10px);
    -moz-transform: scale(0.7) translateX(-10px);
    -o-transform: scale(0.7) translateX(-10px);
    transform: scale(0.7) translateX(-10px);
  }
  /* line 3748, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 .menu-cloud a .logo-alibaba:before {
    -webkit-transform: scale(0.82) translateX(-10px);
    -moz-transform: scale(0.82) translateX(-10px);
    -o-transform: scale(0.82) translateX(-10px);
    transform: scale(0.82) translateX(-10px);
  }
  /* line 3753, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 .menu-cloud a .logo-akamai:before {
    -webkit-transform: scale(0.8) translateX(-10px);
    -moz-transform: scale(0.8) translateX(-10px);
    -o-transform: scale(0.8) translateX(-10px);
    transform: scale(0.8) translateX(-10px);
  }
  /* line 3763, ../../scss/layout.scss */
  .gnb-open #hk-header .depth-1 a {
    font-size: 14px;
  }
  /* line 3768, ../../scss/layout.scss */
  .gnb-open #hk-header .depth-2 li {
    padding-top: 5px;
  }
  /* line 3770, ../../scss/layout.scss */
  .gnb-open #hk-header .depth-2 li.minor {
    padding-bottom: 0;
    padding-left: 0;
  }
  /* line 3776, ../../scss/layout.scss */
  .gnb-open #hk-header .description {
    font-size: 12px;
  }
  /* line 3784, ../../scss/layout.scss */
  .gnb-open #hk-header .solution .depth-2 li a .logo:before {
    -webkit-transform: scale(0.8) translateX(-10px);
    -moz-transform: scale(0.8) translateX(-10px);
    -o-transform: scale(0.8) translateX(-10px);
    transform: scale(0.8) translateX(-10px);
  }
  /* line 3788, ../../scss/layout.scss */
  .gnb-open #hk-header .solution .depth-2 li a .logo-zendesk:before {
    -webkit-transform: scale(0.73) translateX(-15px);
    -moz-transform: scale(0.73) translateX(-15px);
    -o-transform: scale(0.73) translateX(-15px);
    transform: scale(0.73) translateX(-15px);
  }
  /* line 3793, ../../scss/layout.scss */
  .gnb-open #hk-header .solution .depth-2 li a .logo-syapse:before {
    -webkit-transform: scale(0.8) translateX(-10px) translateY(5px);
    -moz-transform: scale(0.8) translateX(-10px) translateY(5px);
    -o-transform: scale(0.8) translateX(-10px) translateY(5px);
    transform: scale(0.8) translateX(-10px) translateY(5px);
  }
  /* line 3807, ../../scss/layout.scss */
  .gnb-open #hk-header .solution .depth-2 li a .icon-arrow-right {
    margin-left: -10px;
  }
  /* line 3817, ../../scss/layout.scss */
  .gnb-open #hk-header .menu-cloud li:first-child .description {
    margin-left: 0;
  }
  /* line 3825, ../../scss/layout.scss */
  .gnb-open #hk-header .menu-solution li .additional {
    margin-top: 29px;
  }

  /* line 3833, ../../scss/layout.scss */
  #hk-footer .inner {
    width: -webkit-fill-available;
    margin: 0 32px;
  }
  /* line 3838, ../../scss/layout.scss */
  #hk-footer .inner .info .menu {
    margin-left: -4px;
  }
  /* line 3840, ../../scss/layout.scss */
  #hk-footer .inner .info .menu > a,
  #hk-footer .inner .info .menu .notice > a {
    margin: 0 4px;
  }
  /* line 3845, ../../scss/layout.scss */
  #hk-footer .inner .info .number {
    line-height: 1.6;
  }
  /* line 3849, ../../scss/layout.scss */
  #hk-footer .inner .customer {
    padding-left: 20px;
  }
  /* line 3852, ../../scss/layout.scss */
  #hk-footer .inner .brand {
    max-width: 213px;
    padding-top: 32px;
    padding-left: 13px;
    font-size: 12px;
  }
  /* line 3857, ../../scss/layout.scss */
  #hk-footer .inner .brand .txt {
    margin: 12px 0;
  }

  /* line 3866, ../../scss/layout.scss */
  #footer .container {
    max-width: 980px;
  }
}
@media screen and (max-width: 980px) {
  /* line 3881, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner,
  #hk-header .nav .util .search .js-target .inner,
  #hk-header .gnb-submenu .util .search .js-target .inner,
  #hk-header .header-info .util .search .js-target .inner {
    padding: 32px 15px 0;
  }
  /* line 3883, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner .link,
  #hk-header .nav .util .search .js-target .inner .link,
  #hk-header .gnb-submenu .util .search .js-target .inner .link,
  #hk-header .header-info .util .search .js-target .inner .link {
    right: 15px;
  }
  /* line 3891, ../../scss/layout.scss */
  #hk-header .top .util .basket.active .inner,
  #hk-header .nav .util .basket.active .inner,
  #hk-header .gnb-submenu .util .basket.active .inner,
  #hk-header .header-info .util .basket.active .inner {
    min-width: calc(100vw - 10px);
  }

  /* line 3900, ../../scss/layout.scss */
  .btn-Layer #hkPay {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 5;
    height: 56px;
    right: 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 840px) {
  /* line 3915, ../../scss/layout.scss */
  .search-sticky #hk-header .top .js-target {
    left: 0;
  }
  /* line 3921, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket {
    position: fixed;
    top: 45px;
    right: 50%;
    width: 21.9387755102%;
    max-width: 275px;
    margin-right: -621px;
    line-height: 1;
  }
  /* line 3929, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket:before,
  .search-sticky #hk-header .util .menu .basket:after {
    position: absolute;
  }
  /* line 3933, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket:before {
    content: '원';
    top: 19px;
    right: 40px;
    color: #04939d;
    font-size: 14px;
  }
  /* line 3940, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket:after {
    content: attr(data-price);
    top: 19px;
    left: auto;
    right: 55px;
    margin: 0;
    color: #04939d;
    font-size: 16px;
    font-weight: bold;
  }
  /* line 3951, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart {
    z-index: 10;
    display: block;
    width: 100%;
    height: 54px;
    padding-left: 18px;
    font-size: 0;
    line-height: 1;
    text-align: left;
    border: 2px solid #111;
    background-color: transparent;
  }
  /* line 3962, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart:before {
    position: static;
    display: inline-block;
    width: 28px;
    height: 29px;
    background-image: url('../../images/icons/basket-sticky.png');
    background-color: transparent;
  }
  /* line 3970, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart .badge {
    position: absolute;
    top: 28px;
    left: 28px;
    right: auto;
    font-size: 11px;
  }
  /* line 3977, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart .payment-typing {
    margin-top: -16px;
    margin-left: 5px;
  }
  /* line 3981, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart .icon-arrow {
    position: absolute;
    top: 50%;
    left: auto;
    bottom: auto;
    right: 20px;
    margin-top: -2px;
  }
  /* line 3988, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart .icon-arrow:after {
    border-width: 5px 4.5px 0 4.5px;
  }
  /* line 3998, ../../scss/layout.scss */
  .search-sticky
    #hk-header
    .util
    .menu
    .basket.active
    .btn-cart
    .icon-arrow:after {
    border-width: 0 4.5px 5px 4.5px;
    border-color: transparent transparent #00aaa5 transparent;
  }
  /* line 4009, ../../scss/layout.scss */
  .search-sticky #hk-header .basket-push-layer {
    top: 58px;
    right: 0;
    width: 100%;
  }
  /* line 4013, ../../scss/layout.scss */
  .search-sticky #hk-header .basket-push-layer .item {
    width: 100%;
  }

  /* line 4022, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .inner {
    z-index: 20;
  }

  /* line 4028, ../../scss/layout.scss */
  .m-sidebar {
    display: none;
  }

  /* line 4034, ../../scss/layout.scss */
  body:not(.hk-sub) + #hk-header {
    padding-bottom: 0px;
    border-bottom: 0px solid #ccd5da;
  }
  /* line 4037, ../../scss/layout.scss */
  body:not(.hk-sub) + #hk-header .gnb-submenu {
    display: none;
  }
  /* line 4040, ../../scss/layout.scss */
  body:not(.hk-sub) + #hk-header .header-info {
    margin-top: 0px;
    margin-bottom: -50px;
    display: none;
  }
  /* line 4048, ../../scss/layout.scss */
  body.hk-main #hk-header {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 840px) {
  /* line 4065, ../../scss/layout.scss */
  .hk-main #hk-header {
    position: relative;
  }

  /* line 4071, ../../scss/layout.scss */
  #hk-header {
    padding: 0px;
    height: 80px;
  }
  /* line 4075, ../../scss/layout.scss */
  #hk-header .sticky-clone + .top,
  #hk-header .sticky-clone ~ .top {
    margin-bottom: 0;
  }
  /* line 4079, ../../scss/layout.scss */
  #hk-header .sticky-clone ~ .gnb-submenu {
    margin: 0;
  }
  /* line 4083, ../../scss/layout.scss */
  #hk-header .top {
    border-bottom: 0;
    background-color: #fff;
  }
  /* line 4086, ../../scss/layout.scss */
  #hk-header .top > .inner {
    padding: 0;
  }
  /* line 4089, ../../scss/layout.scss */
  #hk-header .top .brand {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    height: 52px;
    padding-left: 50px;
    line-height: 1;
    border-bottom: 1px solid #ccd5da;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
  }
  /* line 4105, ../../scss/layout.scss */
  #hk-header .top .brand a {
    height: 52px;
    line-height: 52px;
  }
  /* line 4108, ../../scss/layout.scss */
  #hk-header .top .brand a span {
    height: 12px;
    margin-top: 22px;
    vertical-align: top;
  }
  /* line 4115, ../../scss/layout.scss */
  #hk-header .top .util {
    float: none;
  }
  /* line 4119, ../../scss/layout.scss */
  #hk-header .top .util .menu > li > a {
    vertical-align: top;
  }
  /* line 4121, ../../scss/layout.scss */
  #hk-header .top .util .menu > li > a:before {
    position: static;
    display: none;
  }
  /* line 4127, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel,
  #hk-header .top .util .menu .mypage,
  #hk-header .top .util .menu .favorite,
  #hk-header .top .util .menu .basket {
    position: fixed;
    z-index: 20;
    top: 33px;
    width: auto !important;
  }
  /* line 4135, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel > a,
  #hk-header .top .util .menu .mypage > a,
  #hk-header .top .util .menu .favorite > a,
  #hk-header .top .util .menu .basket > a {
    width: 40px;
    height: 48px;
    padding: 0;
    line-height: 49px;
    text-align: center;
    font-size: 0;
  }
  /* line 4142, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel > a .icon-arrow,
  #hk-header .top .util .menu .mypage > a .icon-arrow,
  #hk-header .top .util .menu .favorite > a .icon-arrow,
  #hk-header .top .util .menu .basket > a .icon-arrow {
    display: none;
  }
  /* line 4145, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel > a:before,
  #hk-header .top .util .menu .mypage > a:before,
  #hk-header .top .util .menu .favorite > a:before,
  #hk-header .top .util .menu .basket > a:before {
    display: inline-block;
    vertical-align: middle;
    background-image: url('../../images/sprite/header-sprite-icon.png');
    background-size: 200px auto;
    background-color: transparent;
  }
  /* line 4153, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel .js-target,
  #hk-header .top .util .menu .mypage .js-target,
  #hk-header .top .util .menu .favorite .js-target,
  #hk-header .top .util .menu .basket .js-target {
    display: none;
  }
  /* line 4158, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel.active .js-target,
  #hk-header .top .util .menu .mypage.active .js-target,
  #hk-header .top .util .menu .favorite.active .js-target,
  #hk-header .top .util .menu .basket.active .js-target {
    display: block;
  }
  /* line 4162, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel.active > a:before,
  #hk-header .top .util .menu .mypage.active > a:before,
  #hk-header .top .util .menu .favorite.active > a:before,
  #hk-header .top .util .menu .basket.active > a:before {
    margin-top: -1px;
    margin-left: -1.5px;
  }
  /* line 4166, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel.active > a .badge,
  #hk-header .top .util .menu .mypage.active > a .badge,
  #hk-header .top .util .menu .favorite.active > a .badge,
  #hk-header .top .util .menu .basket.active > a .badge {
    margin: -15px -18px 0 0;
    background: #00858d;
  }
  /* line 4171, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel.active > .btn:not(#favoriteBtn),
  #hk-header .top .util .menu .mypage.active > .btn:not(#favoriteBtn),
  #hk-header .top .util .menu .favorite.active > .btn:not(#favoriteBtn),
  #hk-header .top .util .menu .basket.active > .btn:not(#favoriteBtn) {
    background: url('../../images/svg/icon_top_cart.svg') no-repeat center
      center;
    background-color: transparent;
    background-size: 24px;
    border-bottom: 1px solid #d9dfe3;
  }
  /* line 4184, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket > a:before {
    width: 24px;
    height: 24px;
    background: url('../../images/svg/icon_top_cart.svg') no-repeat center
      center !important;
  }
  /* line 4192, ../../scss/layout.scss */
  #hk-header .top .util .menu .tel {
    right: 102px;
  }
  /* line 38, ../../scss/extend.scss */
  #hk-header .top .util .menu .tel > a:before {
    width: 21px;
    height: 21px;
    background-position: -90px -15px;
  }
  /* line 4198, ../../scss/layout.scss */
  #hk-header .top .util .menu .mypage {
    right: 40px;
    display: block;
    top: 33px;
    margin-top: 0px;
  }
  /* line 4203, ../../scss/layout.scss */
  #hk-header .top .util .menu .mypage > a {
    top: 0px;
    background: transparent;
    border: transparent;
  }
  /* line 4207, ../../scss/layout.scss */
  #hk-header .top .util .menu .mypage > a:before {
    width: 24px;
    height: 24px;
    background: url('../../images/svg/icon_top_user.svg') no-repeat center
      center !important;
  }
  /* line 4215, ../../scss/layout.scss */
  #hk-header .top .util .menu .favorite {
    right: 55px;
    display: none;
  }
  /* line 38, ../../scss/extend.scss */
  #hk-header .top .util .menu .favorite > a:before {
    width: 23px;
    height: 23px;
    background-position: -30px -15px;
  }
  /* line 4220, ../../scss/layout.scss */
  #hk-header .top .util .menu .favorite > a .badge {
    position: absolute;
    left: inherit;
    top: 50%;
    right: 50%;
    margin: 0 -16px 0 0;
    padding: 3px 4px 1px;
    text-align: right;
    font-size: 9px;
  }
  /* line 4232, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket {
    display: block !important;
    right: 3px !important;
    width: auto;
  }
  /* line 38, ../../scss/extend.scss */
  #hk-header .top .util .menu .basket > a:before {
    width: 21px;
    height: 21px;
    background-position: -60px -15px;
  }
  /* line 4238, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket > a .badge {
    position: absolute;
    left: inherit;
    top: 50%;
    right: 50%;
    margin: -15px -18px 0 0;
    padding: 3px 4px 1px;
    text-align: right;
    font-size: 9px;
    background-color: #06959f;
  }
  /* line 4250, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .target {
    top: 50px;
  }
  /* line 4255, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .scrollbar-inner {
    max-height: 320px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  /* line 254, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .scrollbar-inner::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  /* line 257, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .scrollbar-inner::-webkit-scrollbar:vertical {
    width: 5px;
  }
  /* line 260, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .scrollbar-inner::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background: #99b2bb;
  }
  /* line 264, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .scrollbar-inner::-webkit-scrollbar-track {
    border-radius: 7px;
    background: #f2f4f7;
  }
  /* line 4260, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .all-checked,
  #hk-header .top .util .menu .basket .inner .item-wrap,
  #hk-header .top .util .menu .basket .inner .total {
    margin: 0px;
  }
  /* line 4265, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .checkbox {
    margin-bottom: 15px;
    padding-left: 34px;
  }
  /* line 4269, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .all-checked {
    padding-bottom: 0px;
  }
  /* line 4273, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .hk-select {
    height: 30px;
    line-height: 30px;
    padding-right: 40px !important;
    background-color: #fff;
    -webkit-appearance: none;
  }
  /* line 4280, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .hk-select
    .select-list
    .option {
    height: 30px;
    line-height: 30px;
  }
  /* line 4286, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select {
    position: relative;
    height: auto;
  }
  /* line 4289, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select:before {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3.5px 0 3.5px;
    border-color: #b7b7b7 transparent transparent transparent;
  }
  /* line 4300, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    border: solid 1px #ccd5da !important;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 30px;
    outline: none;
    padding-left: 12px !important;
    padding-right: 40px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: auto;
    border-radius: 0;
  }
  /* line 340, ../../scss/extend.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select select:hover {
    border-color: #bdc9cf;
  }
  /* line 344, ../../scss/extend.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select select:after {
    content: '';
    position: absolute;
    right: 8px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3.5px 0 3.5px;
    border-color: #b7b7b7 transparent transparent transparent;
  }
  /* line 358, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.open:after {
    margin-top: -2px;
    border-width: 0 3.5px 4px 3.5px;
    border-color: transparent transparent #b7b7b7 transparent;
  }
  /* line 363, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.open
    .select-list {
    max-height: 215px !important;
    overflow-y: auto !important;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    -webkit-overflow-scrolling: touch;
  }
  /* line 254, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.open
    .select-list::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  /* line 257, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.open
    .select-list::-webkit-scrollbar:vertical {
    width: 5px;
  }
  /* line 260, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.open
    .select-list::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background: #99b2bb;
  }
  /* line 264, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.open
    .select-list::-webkit-scrollbar-track {
    border-radius: 7px;
    background: #f2f4f7;
  }
  /* line 372, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.disabled {
    border-color: #d2dade;
    color: #999;
    pointer-events: none;
  }
  /* line 382, ../../scss/extend.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select select.wide {
    width: 100%;
  }
  /* line 384, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.wide
    .select-list {
    left: 0 !important;
    right: 0 !important;
  }
  /* line 389, ../../scss/extend.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select select.right {
    float: right;
  }
  /* line 391, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.right
    .select-list {
    left: auto;
    right: 0;
  }
  /* line 396, ../../scss/extend.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select select.small {
    font-size: 14px;
    height: 24px;
    line-height: 22px;
    padding-right: 24px !important;
  }
  /* line 401, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select.small
    .option {
    line-height: 22px;
    min-height: 22px;
  }
  /* line 408, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .select-list {
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    border: solid 1px #ccd5da !important;
    margin-top: 1px !important;
    opacity: 0;
    overflow: hidden !important;
    max-height: 0 !important;
    padding: 0 !important;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    transform-origin: 50% 0;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 8;
  }
  /* line 427, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .select-list:hover
    .option:not(:hover) {
    background-color: transparent !important;
  }
  /* line 431, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 30px;
    list-style: none;
    min-height: 30px;
    outline: none;
    padding-left: 12px !important;
    padding-right: 23px;
    text-align: left;
    transition: all 0.2s;
  }
  /* line 442, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .option:hover,
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .option.focus,
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .option.selected.focus {
    background-color: #ccd5da;
  }
  /* line 447, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .option.selected {
    font-weight: bold;
  }
  /* line 450, ../../scss/extend.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .select
    select
    .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default;
  }
  /* line 4306, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .btn-del {
    width: 12px;
    height: 12px;
  }
  /* line 4311, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu
    .basket
    .inner
    .basket-item
    .icon-close-dark:before {
    width: 12px;
    height: 12px;
    background: url('../../images/svg/icon_cart_del.svg') no-repeat center
      center;
  }
  /* line 4319, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .total {
    font-size: 1em;
  }
  /* line 4321, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .total .price {
    margin-top: -3px;
    font-size: 1.25em;
  }
  /* line 4328, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap:after {
    content: '';
    display: table;
    clear: both;
  }
  /* line 4333, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn {
    height: 40px;
    line-height: 40px;
    font-size: 0.875em;
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  /* line 4342, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-default {
    display: none;
  }
  /* line 4345, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-link {
    float: right;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
  }
  /* line 4351, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-link.btn-favorite {
    float: left;
    width: 50%;
    border-right: 1px solid #ccd5da;
  }
  /* line 4357, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-point,
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-point-red {
    font-size: 13px;
    letter-spacing: -0.41px;
  }
  /* line 4362, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-point-red {
    margin-top: 10px;
  }
  /* line 4366, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .favorite-1 {
    background: #d9dfe3;
  }
  /* line 4371, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner.not-basket .not-item {
    padding-bottom: 18px;
  }
  /* line 4373, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner.not-basket .not-item span {
    display: inline-block;
  }
  /* line 4377, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner.not-basket .btn-point {
    display: block;
  }
  /* line 4383, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket.active .icon-arrow {
    display: block;
  }
  /* line 4385, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket.active .icon-arrow:after {
    margin-top: -10px;
    margin-left: 1px;
  }
  /* line 4393, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target {
    display: none !important;
    top: 52px;
    height: auto;
    max-height: none;
    box-shadow: none;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
  }
  /* line 4401, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner {
    padding: 0;
  }
  /* line 4403, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap {
    margin: 0 14px;
  }
  /* line 4405, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap input {
    width: calc(100% - 68px);
    height: 25px;
    padding: 9px 52px 7px 14px;
    line-height: 25px;
    font-size: 15px;
    color: #101717;
    border: 1px solid #ccd5da;
    box-sizing: content-box;
  }
  /* line 4414, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap input:focus {
    width: calc(100% - 70px);
    border: 2px solid #00aaa5;
    outline: 0;
  }
  /* line 4420, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap label {
    line-height: 44px;
    left: 14px;
    font-size: 14px;
  }
  /* line 4424, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap label button {
    top: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  /* line 4430, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu
    .search
    .target
    .inner
    .search-wrap
    label
    button:before {
    display: none;
  }
  /* line 4435, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap .label {
    top: 1px;
    line-height: 42px;
    width: 40px;
    height: 42px;
    margin-left: auto;
  }
  /* line 4442, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap button {
    top: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    background-color: transparent;
  }
  /* line 4450, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu
    .search
    .target
    .inner
    .search-wrap
    button:before {
    display: none;
  }
  /* line 4454, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu
    .search
    .target
    .inner
    .search-wrap
    button
    .icon-search:before {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-image: url('../../images/sprite/header-sprite-icon.png');
    background-position: 0 -15px;
    background-size: 200px auto;
  }
  /* line 4465, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .link {
    display: none;
  }
  /* line 4471, ../../scss/layout.scss */
  #hk-header .top .util .menu .wrap-login,
  #hk-header .top .util .menu .login-menu {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    right: 0;
    height: 44px;
    width: 100%;
    padding-left: 14px;
    line-height: 44px;
    font-size: 16px;
    text-align: left;
    border-bottom: 2px solid #111;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
  }
  /* line 4490, ../../scss/layout.scss */
  #hk-header .top .util .menu .wrap-login > a,
  #hk-header .top .util .menu .login-menu > a {
    display: block;
    width: 100%;
    padding: 14px 44px 11px 0;
  }
  /* line 4494, ../../scss/layout.scss */
  #hk-header .top .util .menu .wrap-login > a:before,
  #hk-header .top .util .menu .login-menu > a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 56px;
    left: auto;
    display: inline-block !important;
    width: 22px;
    height: 22px;
    margin-top: -9px;
    vertical-align: middle;
    background-image: url('../../images/sprite/header-sprite-icon.png');
    background-size: 200px auto;
    background-position: -90px -40px;
    background-color: transparent;
  }
  /* line 4513, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu > a {
    color: #04939d;
    text-align: left;
  }
  /* line 4516, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu > a .is-mobile {
    color: #101717;
  }
  /* line 4519, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu > a .grade {
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
  }
  /* line 4525, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .icon-arrow {
    display: none;
  }
  /* line 4528, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target {
    top: 6px;
    right: 46px;
    max-height: 44px;
    box-shadow: none;
  }
  /* line 4533, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner {
    min-width: auto;
    padding: 0;
    border: 0;
  }
  /* line 4537, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .list {
    display: none;
  }
  /* line 4540, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .bul-list {
    padding: 0;
    border: 0;
  }
  /* line 4543, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .bul-list a {
    padding: 0 10px;
    font: 0/0 a;
  }
  /* line 4546, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu
    .login-menu
    .js-target
    .inner
    .bul-list
    a:first-child {
    display: none;
  }
  /* line 4549, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .bul-list a:before {
    position: static;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-image: url('../../images/sprite/header-sprite-icon.png');
    background-size: 200px auto;
    background-position: -120px -40px;
    background-color: transparent;
  }
  /* line 4565, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .tel {
    right: 115px;
  }
  /* line 4568, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .mypage {
    right: 75px;
  }
  /* line 4572, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a {
    width: 70px;
  }
  /* line 4574, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a .badge {
    position: static;
    display: inline-block;
    margin: 12px 0 0 -10px;
    vertical-align: middle;
  }
  /* line 4580, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a .payment-typing {
    height: 13px;
    margin: 12px 0 0 3px;
    padding: 1.5px 4px 1.5px 1.5px;
    font-size: 9px;
  }
  /* line 4586, ../../scss/layout.scss */
  #hk-header
    .top
    .util
    .menu.data-payment
    .basket
    > a
    .payment-typing
    .icon:before {
    margin-right: 0;
  }
  /* line 4590, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a .payment-typing .number {
    margin-top: 1px;
  }
  /* line 4597, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket.active > a .badge,
  #hk-header .top .util .menu.data-payment .basket.active > a .payment-typing {
    margin-top: 10px;
  }
  /* line 4608, ../../scss/layout.scss */
  #hk-header .nav {
    display: none;
    position: fixed;
    z-index: 30;
    top: 44px;
    left: 0;
    bottom: 64px;
    width: 100%;
    max-height: 1000px;
    border-top-width: 0;
    border: 0;
    border-bottom: 1px solid #00aaa5;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /* line 4628, ../../scss/layout.scss */
  #hk-header .nav .inner {
    height: 100%;
    padding: 0;
    border: 0;
  }
  /* line 4636, ../../scss/layout.scss */
  #hk-header .nav .gnb .depth-1:first-child > a {
    padding-left: 14px;
    border-top: none;
  }
  /* line 4643, ../../scss/layout.scss */
  #hk-header .nav .link {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -65px;
    height: 64px;
    background-color: #fff;
  }
  /* line 4650, ../../scss/layout.scss */
  #hk-header .nav .link li {
    position: relative;
    float: left;
    width: 33.33333%;
    text-align: center;
  }
  /* line 4656, ../../scss/layout.scss */
  #hk-header .nav .link li:first-child:before {
    display: none;
  }
  /* line 4660, ../../scss/layout.scss */
  #hk-header .nav .link li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 1px;
    height: 20px;
    margin-top: -7px;
    background-color: #e5eaec;
  }
  /* line 4670, ../../scss/layout.scss */
  #hk-header .nav .link li a {
    display: block;
    height: 65px;
    line-height: 65px;
  }
  /* line 4674, ../../scss/layout.scss */
  #hk-header .nav .link li a span {
    font-size: 13px;
    color: #101717;
    vertical-align: middle;
  }
  /* line 4678, ../../scss/layout.scss */
  #hk-header .nav .link li a span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url('../../images/sprite/header-sprite-icon.png');
    background-size: 200px auto;
  }
  /* line 4691, ../../scss/layout.scss */
  #hk-header .nav .link .help a span:before {
    margin: -1px 5px 0 0;
  }
  /* line 38, ../../scss/extend.scss */
  #hk-header .nav .link .help a span:before {
    width: 17px;
    height: 16px;
    background-position: 0 -40px;
  }
  /* line 4701, ../../scss/layout.scss */
  #hk-header .nav .link .customer a span:before {
    margin: -2px 5px 0 0;
  }
  /* line 38, ../../scss/extend.scss */
  #hk-header .nav .link .customer a span:before {
    width: 17px;
    height: 15px;
    background-position: -30px -40px;
  }
  /* line 4711, ../../scss/layout.scss */
  #hk-header .nav .link .tel a span:before {
    margin: -2px 5px 0 0;
  }
  /* line 38, ../../scss/extend.scss */
  #hk-header .nav .link .tel a span:before {
    width: 17px;
    height: 17px;
    background-position: -60px -40px;
  }
  /* line 4720, ../../scss/layout.scss */
  #hk-header .help,
  #hk-header .mypage {
    display: none;
  }
  /* line 4724, ../../scss/layout.scss */
  #hk-header .all {
    position: fixed;
    z-index: 20;
    top: 35px;
    left: 10px;
    right: auto;
    margin-top: 0;
    margin-right: 0 !important;
  }
  /* line 4733, ../../scss/layout.scss */
  #hk-header .all .btn {
    border: 0;
    display: block;
  }
  /* line 4736, ../../scss/layout.scss */
  #hk-header .all .btn:hover {
    border: 0;
  }
  /* line 4740, ../../scss/layout.scss */
  #hk-header .all .btn .icon-all-menu-new:before {
    width: 24px;
    height: 24px;
    background: url('../../images/svg/icon_top_menu.svg') no-repeat center
      center;
  }
  /* line 4754, ../../scss/layout.scss */
  #hk-header .is-mobile {
    display: inline-block;
  }
  /* line 4757, ../../scss/layout.scss */
  #hk-header .sticky-clone {
    display: block;
  }
  /* line 4761, ../../scss/layout.scss */
  #hk-header .js-sticky {
    position: absolute;
    top: 52px;
    right: 0;
    left: 0;
    margin: 0;
    background-color: #fff;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
  }
  /* line 4770, ../../scss/layout.scss */
  #hk-header .js-sticky + .search-hidden {
    min-height: 43px;
  }
  /* line 4775, ../../scss/layout.scss */
  #hk-header .nav-compact {
    position: relative;
    display: none;
    padding: 0 14px;
    text-align: center;
    border-bottom: 1px solid #ccd5da;
  }
  /* line 4781, ../../scss/layout.scss */
  #hk-header .nav-compact ul {
    display: table;
    width: 100%;
  }
  /* line 4785, ../../scss/layout.scss */
  #hk-header .nav-compact li {
    display: table-cell;
  }
  /* line 4787, ../../scss/layout.scss */
  #hk-header .nav-compact li a {
    display: block;
    height: 42px;
    line-height: 41px;
    padding-top: 2px;
    font-size: 15px;
    font-weight: 500;
  }
  /* line 4794, ../../scss/layout.scss */
  #hk-header .nav-compact li a span {
    display: block;
    height: 100%;
    padding: 0 5px;
    white-space: nowrap;
    color: #101717;
    border-bottom: 2px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 4807, ../../scss/layout.scss */
  #hk-header .nav-compact li.active a span {
    color: #089d99;
    border-color: #089d99;
  }
  /* line 4815, ../../scss/layout.scss */
  #hk-header .btn {
    outline: 0;
  }
  /* line 4818, ../../scss/layout.scss */
  #hk-header .gnb-submenu {
    margin-top: 0 !important;
  }
  /* line 4822, ../../scss/layout.scss */
  #hk-header .gnb-submenu .inner .btn-back {
    display: inline-block;
    vertical-align: middle;
    margin-left: -10px;
    margin-right: 5px;
    padding: 10px;
    font: 0/0 a;
  }
  /* line 4829, ../../scss/layout.scss */
  #hk-header .gnb-submenu .inner .btn-back:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 18.5px;
    background-image: url('../../images/icons/back-mo.png');
    background-position: 0 0;
    background-size: cover;
  }
  /* line 4842, ../../scss/layout.scss */
  #hk-header .basket-push-layer {
    top: 49px;
  }
  /* line 4844, ../../scss/layout.scss */
  #hk-header .basket-push-layer .item {
    padding: 8px 12px;
  }

  /* line 4853, ../../scss/layout.scss */
  .hk-sub .search-sticky #hk-header .brand,
  .hk-sub .header-sticky #hk-header .brand {
    box-shadow: none;
  }
  /* line 4858, ../../scss/layout.scss */
  .hk-sub .search-sticky #hk-header .top .search .target,
  .hk-sub .header-sticky #hk-header .top .search .target {
    display: none;
  }
  /* line 4866, ../../scss/layout.scss */
  .hk-sub #hk-header .header-info,
  .hk-sub #hk-header .nav-compact {
    display: none;
  }
  /* line 4870, ../../scss/layout.scss */
  .hk-sub #hk-header .js-sticky {
    margin-bottom: 10px;
  }
  /* line 4872, ../../scss/layout.scss */
  .hk-sub #hk-header .js-sticky + .search-hidden {
    margin-top: -10px;
    margin-bottom: 10px;
    min-height: 0;
    box-sizing: border-box;
  }
  /* line 4881, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu {
    position: relative;
    padding: 5px 15px;
    line-height: 1;
    border-top: 1px solid #f0f2f4;
    box-sizing: border-box;
    visibility: hidden;
  }
  /* line 4889, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth {
    display: inline-block;
    margin-top: 2px;
    margin-right: 10px;
    vertical-align: middle;
  }
  /* line 4894, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth .sub-depth-title {
    padding: 10px 0;
    font-size: 0.875em;
    color: #fff;
    font-weight: bold;
  }
  /* line 4899, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth .sub-depth-title:before,
  .hk-sub #hk-header .gnb-submenu .sub-depth .sub-depth-title:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    background-size: cover;
  }
  /* line 4907, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth .sub-depth-title:after {
    width: 15px;
    height: 15px;
    margin-top: -2px;
    margin-left: 6px;
    background-image: url('../../images/icons/submenu-after.png');
  }
  /* line 4915, ../../scss/layout.scss */
  .hk-sub
    #hk-header
    .gnb-submenu
    .sub-depth
    .sub-depth-title.sub-depth2-title:before {
    width: 6px;
    height: 11px;
    margin-top: -3px;
    margin-right: 10px;
    background-image: url('../../images/icons/submenu-before.png');
  }
  /* line 4924, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul {
    display: none;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    max-height: 0;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
    box-shadow: 0 20px 32px rgba(0, 0, 0, 0.12);
  }
  /* line 4936, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li {
    margin: 0 3.88888888889%;
    border-top: 1px solid #eee;
  }
  /* line 4939, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li:first-child {
    border-top: 0;
  }
  /* line 4942, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li a {
    display: block;
    padding: 15px 12px;
    font-size: 0.875em;
    color: #101717;
  }
  /* line 4949, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li.active a {
    position: relative;
    color: #04939d;
    font-weight: bold;
  }
  /* line 4953, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li.active a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    width: 14px;
    height: 9.5px;
    margin-top: -5px;
    background-image: url('../../images/icons/depth-check-mo.png');
    background-position: 0 0;
    background-size: cover;
  }
  /* line 4972, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth.active .sub-depth-title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  /* line 4976, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth.active ul {
    display: block;
    max-height: 1000px;
  }
  /* line 4981, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth.disabled {
    opacity: 0.4;
  }
  /* line 4985, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .list {
    display: none;
  }
  /* line 4991, ../../scss/layout.scss */
  .hk-sub
    #hk-header
    .gnb-submenu.basket-menu
    .sub-depth
    .sub-depth-title:after {
    display: none;
  }
  /* line 4998, ../../scss/layout.scss */
  .hk-sub #hk-header .sticky-clone {
    display: none;
  }

  /* line 5003, ../../scss/layout.scss */
  .headline {
    display: none;
  }

  /* 개선전
  .gnb-open {
    // position: fixed;
    // width: 100%;
    // overflow: hidden;
    #hk-header {
      .top {
        .util {
          .menu {
            & > li {
              & a {
                span {
                  &.is-mobile {
                    display: inline-block;
                  }
                }
              }
            }
            .wrap-login,
            .login-menu {
              @include transform-translate(X, 0%);
            }
          }
        }
      }
      .nav {
        -webkit-box-shadow: none;
                box-shadow: none;
        @include transform-translate(X, 0%);
        &:before,
        &:after {
          display: none;
        }
        .inner {
          &:before,
          &:after {
            display: none;
          }
        }
      }
      .all {
        z-index: 30;
        top: 3px;
        left: auto;
        right: 5px;
        background-color: #fff;
        animation-name: allBtn-slide;
        animation-timing-function: ease;
        animation-duration: .3s;
        .icon-all-menu-new {
          &:before {
            width: 21px;
            height: 21px;
            background-position: -150px -15px;
          }
        }
      }
      .gnb {
        height: 76%;
        & > ul {
          &:before {
            display: none;
          }
        }
        .depth-1 {
          height: 20%;
          flex: 1 1 auto;
          font-size: 18px;
          font-weight: 700;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }
        .depth-2 {
          li {
            margin-top: 4px;
            padding-top: 0;
            padding-bottom: 0;
            a {
              padding: 15px 36px 15px 14px;
              font-size: 14px;
              &:before {
                display: none;
              }
              strong {
                position: static;
                font-size: 12px;
              }
            }
          }
        }
      }
      .snb {
        height: 24%;
        .depth-1 {
          height: 50%;
          flex: 1 1 auto;
          &:nth-child(2) {
            position: static;
            width: 100%;
            padding: 0;
          }
        }
        .depth-1 {
          &.active {
            .logo {
              &:before {
                background-size: 375px auto;
                @include transform(scale(1) translateX(0px) !important);
              }
              &-aws {
                @include sprite-before(33px, 20.5px, -150px -100px);
              }
              &-alibaba {
                @include sprite-before(43px, 22.5px, -200px -100px);
              }
              &-akamai {
                @include sprite-before(43px, 17px, -250px -100px);
              }
              &-gsuite {
                @include sprite-before(50px, 20px, 0 -50px);
              }
              &-zendesk {
                @include sprite-before(75px, 20px, -75px -50px);
              }
              &-softwareag {
                @include sprite-before(75px, 20px, -150px -50px);
              }
              &-actuate {
                @include sprite-before(75px, 20px, -225px -50px);
              }
              &-elastic {
                margin-bottom: 5px;
                @include sprite-before(42px, 11px, -262px -123px);
                @include transform(scale(1.5) translateX(6px) !important);
              }
              &-syapse {
                margin-bottom: 3px;
                @include sprite-before(30px, 8px, -262px -139px);
                @include transform(scale(1.5) translateX(5px) !important);
              }
              &-jandi {
                @include sprite-before(75px, 20px, -300px -50px);
              }
            }
          }
        }
        .depth-2 {
          ul {
            margin: 0;
          }
          li {
            float: none;
            width: 100%;
            padding: 0;
            .description {
              br {
                &.is-pc {
                  display: none;
                }
              }
            }
            a {
              height: auto;
              margin: 0;
              padding: 13px 36px 13px 14px;
              border: none;
              background: transparent;
              &:before,
              &:after {
                display: none;
              }
            }
          }
          .menu {
            &-cloud,
            &-solution {
              .description {
                margin: 0;
              }
            }
          }
          .description {
            display: inline-block;
            vertical-align: middle;
            letter-spacing: -.5px;
            font-size: 12px;
            line-height: 1.5;
          }
        }
      }
      .gnb,
      .snb {
        position: static;
        float: none;
        min-width: 100%;
        background-image: none;
        background-size: initial;
        background-color: transparent;
        border: none;
        & > ul {
          position:static;
          background: inherit;
          display: flex;
          height: 100%;
          flex-direction: column;
          flex-wrap: nowrap;
          justify-content: flex-end;
          align-content: stretch;
          align-items: stretch;
          @include transition(all ease .2s);
        }
        .depth-1 {
          position: static;
          width: 100%;
          padding: 0;
          &:first-child {
            padding: 0;
          }
          &:before {
            display: none;
          }
          & > a {
            width: 40%;
            height: 100%;
            margin: 0;
            padding: 0 14px;
            font-size: 15px;
            line-height: 1;
            border-top: 1px solid #e1e1e1;
            background-color: #fff;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            &:before {
              content: '';
              display: inline-block;
              height: 100%;
              vertical-align: middle;
            }
            strong {
              font-weight: normal;
            }
          }
          &.active {
            & > a {
              background-color: #00aaa5;
              strong {
                color: #fff;
                border-bottom: 0;
              }
            }
          }
        }
      }
      .depth-2 {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        left: inherit;
        bottom: 0;
        width: 60%;
        margin-top: 0;
        // margin-bottom: 64px;
        padding: 14px 0 14px 14px;
        overflow-y: auto;
        border-left: 1px solid #e1e1e1;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #fff;
        transition: none;
      }
      .active {
        .depth-2 {
          display: block;
        }
      }
      .menu-solution {
        li {
          .additional {
            display: none;
          }
        }
        .logo {
          margin-bottom: 0;
          border: 0;
        }
      }
      .menu-cloud {
        li {
          float: none;
          width: 100%;
          border: none;
          &:first-child {
            border-top: 0;
          }
          &:first-child a,
          a {
            padding: 11px 14px;
		        text-align: left;
          }
        }
        .logo {
          width: 42px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          margin-right: 10px;
        }
      }
    }
  }
  */
  /* display:none */
  /* line 5321, ../../scss/layout.scss */
  #hk-header .join,
  #hk-header .search-toggle,
  #hk-header .top .help,
  #hk-header .top .search .search-toggle {
    display: none !important;
  }

  /* line 5330, ../../scss/layout.scss */
  .header-sticky #hk-header .brand {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  /* line 5341, ../../scss/layout.scss */
  .header-sticky #hk-header .top .util .menu .basket.active > a:before {
    margin-top: -1px;
    margin-left: 0;
  }
  /* line 5345, ../../scss/layout.scss */
  .header-sticky #hk-header .top .util .menu .basket.active > a .badge {
    margin: -1px -16px 0 0;
  }
  /* line 5351, ../../scss/layout.scss */
  .header-sticky #hk-header .top .util .menu .search,
  .header-sticky #hk-header .top .util .menu .sticky-clone {
    display: none;
    top: -200px;
  }
  /* line 5363, ../../scss/layout.scss */
  .header-sticky.search-sticky #hk-header .brand,
  .header-sticky.global-search-sticky #hk-header .brand {
    box-shadow: none;
  }

  /* line 5369, ../../scss/layout.scss */
  .skip-top {
    display: none;
  }

  /* line 5387, ../../scss/layout.scss */
  [data-scroll-position='up'] body:not(.hk-sub) #hk-header .brand {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  /* line 5391, ../../scss/layout.scss */
  [data-scroll-position='up'] body:not(.hk-sub) #hk-header .js-sticky {
    position: fixed;
  }
  /* line 5398, ../../scss/layout.scss */
  [data-scroll-position='up']
    body:not(.hk-sub)
    #hk-header
    .top
    .util
    .menu
    .search
    .target {
    position: fixed;
  }
  /* line 5409, ../../scss/layout.scss */
  [data-scroll-position='up'].header-sticky #hk-header .js-sticky {
    top: 52px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }

  /* line 5421, ../../scss/layout.scss */
  [data-scroll-position='down'].header-sticky
    body:not(.hk-sub)
    #hk-header
    .js-sticky {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  /* line 5428, ../../scss/layout.scss */
  [data-scroll-position='down'].header-sticky
    body:not(.hk-sub)
    #hk-header
    .top
    .util
    .menu
    .search
    .target {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  /* line 5440, ../../scss/layout.scss */
  #hk-footer .is-mobile {
    display: block;
  }
  /* line 5443, ../../scss/layout.scss */
  #hk-footer .is-pc {
    display: none !important;
  }
  /* line 5446, ../../scss/layout.scss */
  #hk-footer .sitemap {
    display: none;
  }
  /* line 5449, ../../scss/layout.scss */
  #hk-footer .info-1 {
    border: 0px;
  }
  /* line 5452, ../../scss/layout.scss */
  #hk-footer .inner {
    display: flex;
    flex-direction: column;
    max-width: none;
    padding: 20px 16px;
    margin: 0;
  }
  /* line 5458, ../../scss/layout.scss */
  #hk-footer .inner .notice {
    position: absolute;
    left: 18px;
    top: 0;
    right: 18px;
    display: block;
    padding: 8px 0px 10px;
    text-align: left;
    border-bottom: 1px solid #55595e;
    display: none;
  }
  /* line 5468, ../../scss/layout.scss */
  #hk-footer .inner .notice .sticker {
    display: inline-block;
    padding: 3px 10px 3px;
    vertical-align: middle;
    color: #19c4cf;
    border-radius: 20px;
    background-color: transparent;
  }
  /* line 5476, ../../scss/layout.scss */
  #hk-footer .inner .notice .txt {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 58%;
    box-sizing: border-box;
  }
  /* line 5486, ../../scss/layout.scss */
  #hk-footer .inner .notice .date {
    float: right;
    margin-top: 2px;
    color: #fff;
  }
  /* line 5493, ../../scss/layout.scss */
  #hk-footer .inner .info,
  #hk-footer .inner .customer,
  #hk-footer .inner .brand {
    display: block;
    width: 100%;
    max-width: none;
    padding: 0;
    color: #878d94;
  }
  /* line 5502, ../../scss/layout.scss */
  #hk-footer .inner .info {
    order: 3;
  }
  /* line 5504, ../../scss/layout.scss */
  #hk-footer .inner .info .name,
  #hk-footer .inner .info .number,
  #hk-footer .inner .info address {
    display: none;
  }
  /* line 5509, ../../scss/layout.scss */
  #hk-footer .inner .info .menu {
    margin: 22px 0 10px -5px;
  }
  /* line 5511, ../../scss/layout.scss */
  #hk-footer .inner .info .menu > a,
  #hk-footer .inner .info .menu > button {
    display: inline-block;
    margin: 0 6px;
    padding: 10px 0 20px;
    vertical-align: middle;
    line-height: 1;
    font-size: 0.8461538461538461em;
    color: #878d94;
  }
  /* line 5522, ../../scss/layout.scss */
  #hk-footer .inner .info .copyright-mobile {
    display: block;
    color: #878d94;
    font-size: 10px;
  }
  /* line 5529, ../../scss/layout.scss */
  #hk-footer .inner .customer:before {
    display: none;
  }
  /* line 5532, ../../scss/layout.scss */
  #hk-footer .inner .customer .tel {
    font-size: 1.3846153846153846em;
  }
  /* line 5534, ../../scss/layout.scss */
  #hk-footer .inner .customer .tel a {
    color: #878d94;
  }
  /* line 5538, ../../scss/layout.scss */
  #hk-footer .inner .customer .mail {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    padding-left: 0;
  }
  /* line 5544, ../../scss/layout.scss */
  #hk-footer .inner .customer .mail a {
    height: 12px;
    line-height: 1;
  }
  /* line 5549, ../../scss/layout.scss */
  #hk-footer .inner .customer ul {
    margin-top: 8px;
    padding-left: 0;
  }
  /* line 5554, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li {
    position: relative;
    width: 100%;
    font-size: 0.7692307692307693em;
    box-sizing: border-box;
  }
  /* line 5560, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li:first-child:before {
    display: none;
  }
  /* line 5564, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li:before {
    display: none;
  }
  /* line 5578, ../../scss/layout.scss */
  #hk-footer .inner .brand .logo {
    text-align: left;
    border-bottom: 1px solid #55595e;
    padding: 24px 0;
  }
  /* line 5582, ../../scss/layout.scss */
  #hk-footer .inner .brand .logo:before {
    content: '';
    display: inline-block;
    width: 130px;
    height: 21px;
    margin: 0 auto;
    background-image: url('../../images/svg/megazone_footer_logo.svg');
    background-size: cover;
  }
  /* line 5591, ../../scss/layout.scss */
  #hk-footer .inner .brand .logo:after {
    display: none;
  }
  /* line 5595, ../../scss/layout.scss */
  #hk-footer .inner .brand .copyright {
    display: none;
    text-align: center;
    font-size: 0.7692307692307693em;
  }
  /* line 5600, ../../scss/layout.scss */
  #hk-footer .inner .brand .link {
    z-index: 1;
    display: block;
  }
  /* line 5609, ../../scss/layout.scss */
  #hk-footer.active .inner .info .name,
  #hk-footer.active .inner .info .number,
  #hk-footer.active .inner .info address {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-size: 0.8461538461538461em;
    color: #878d94;
  }
  /* line 5619, ../../scss/layout.scss */
  #hk-footer.active .inner .info .name {
    margin-top: 72px;
    margin-bottom: 2px;
  }
  /* line 5623, ../../scss/layout.scss */
  #hk-footer.active .inner .info .number {
    margin: 0 0 2px;
    line-height: 1.5;
  }
  /* line 5626, ../../scss/layout.scss */
  #hk-footer.active .inner .info .number .before {
    display: block;
  }
  /* line 5628, ../../scss/layout.scss */
  #hk-footer.active .inner .info .number .before:before {
    display: none;
  }
  /* line 5633, ../../scss/layout.scss */
  #hk-footer.active .inner .info .menu {
    margin-top: 50px;
  }
  /* line 5637, ../../scss/layout.scss */
  #hk-footer.active .inner .info .before:before {
    background-color: #55595e;
  }
  /* line 5642, ../../scss/layout.scss */
  #hk-footer.active .inner .brand {
    padding: 20px 0 125px;
  }
  /* line 5645, ../../scss/layout.scss */
  #hk-footer.active .inner .brand .logo:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  /* line 5649, ../../scss/layout.scss */
  #hk-footer.active .inner .brand .copyright {
    position: absolute;
    top: 135px;
    right: 0;
    left: 0;
    display: block;
    text-align: center;
  }

  /* line 5669, ../../scss/layout.scss */
  .m-sidebar {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    width: 76%;
    min-width: 280px;
    font-size: 16px;
    line-height: 1;
    overflow-y: scroll;
    outline: 0;
    background-color: #f2f4f7;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform ease 0.2s;
    -moz-transition: transform ease 0.2s;
    -o-transition: transform ease 0.2s;
    transition: transform ease 0.2s;
  }
  /* line 5688, ../../scss/layout.scss */
  .m-sidebar .inner {
    border: 0;
    outline: 0;
  }
  /* line 5693, ../../scss/layout.scss */
  .m-sidebar .top .status {
    position: relative;
    padding: 15px 14px;
    background-color: #04939d;
  }
  /* line 5697, ../../scss/layout.scss */
  .m-sidebar .top .status .login {
    display: inline-block;
    width: 50%;
    color: #fff;
  }
  /* line 5701, ../../scss/layout.scss */
  .m-sidebar .top .status .login .grade {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
  }
  /* line 5707, ../../scss/layout.scss */
  .m-sidebar .top .status .login:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 16px;
    margin: -3px 0 0 7px;
    vertical-align: middle;
    background-image: url('../../images/m-icons/m-login.png');
    background-size: cover;
  }
  /* line 5718, ../../scss/layout.scss */
  .m-sidebar .top .status .utils {
    float: right;
    margin-top: -12px;
    margin-right: -10px;
  }
  /* line 5724, ../../scss/layout.scss */
  .m-sidebar .top .status .utils a span,
  .m-sidebar .top .status .utils button span {
    display: inline-block;
    font: 0/0 a;
    vertical-align: middle;
    background-size: cover;
  }
  /* line 5732, ../../scss/layout.scss */
  .m-sidebar .top .status .utils .btn-user span {
    width: 23px;
    height: 23px;
    background-image: url('../../images/m-icons/m-mymenu.png');
  }
  /* line 5738, ../../scss/layout.scss */
  .m-sidebar .top .status .utils .btn-back {
    padding: 10px;
  }
  /* line 5740, ../../scss/layout.scss */
  .m-sidebar .top .status .utils .btn-back span {
    width: 15px;
    height: 15px;
    background-image: url('../../images/m-icons/m-close-white.png');
  }
  /* line 5758, ../../scss/layout.scss */
  .m-sidebar .top .member {
    padding: 15px 14px 0;
    background-color: #fff;
  }
  /* line 5761, ../../scss/layout.scss */
  .m-sidebar .top .member ul {
    display: table;
    width: 100%;
  }
  /* line 5765, ../../scss/layout.scss */
  .m-sidebar .top .member li {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding-bottom: 20px;
  }
  /* line 5771, ../../scss/layout.scss */
  .m-sidebar .top .member li .tit {
    display: block;
    font-size: 0.875em;
    color: #101717;
    line-height: 1.3;
  }
  /* line 5777, ../../scss/layout.scss */
  .m-sidebar .top .member li .tit:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-top: 6px;
    margin-left: 5px;
    vertical-align: top;
    background-image: url('../../images/m-icons/m-arrow-dark.png');
    background-size: cover;
  }
  /* line 5789, ../../scss/layout.scss */
  .m-sidebar .top .member li span {
    display: block;
    padding-top: 5px;
    color: #04939d;
    font-weight: bold;
    font-size: 1.0625em;
  }
  /* line 5795, ../../scss/layout.scss */
  .m-sidebar .top .member li span em {
    font-weight: normal;
    font-size: 0.7647058823529411em;
  }
  /* line 5802, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap {
    padding: 14px;
    border-bottom: 1px solid #ccd5da;
    background-color: #fff;
  }
  /* line 5806, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search {
    position: relative;
    height: 44px;
    border: 2px solid #101717;
    box-sizing: border-box;
  }
  /* line 5811, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search label {
    position: absolute;
    top: 0;
    left: 20px;
    line-height: 42px;
    font-size: 0.875em;
    font-weight: normal;
    color: #bbb;
    cursor: text;
  }
  /* line 5821, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search input {
    width: calc(100% - 68px);
    height: 22px;
    padding: 9px 45px 9px 20px;
    line-height: 22px;
    font-size: 0.875em;
    vertical-align: top;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    box-sizing: content-box;
  }
  /* line 5837, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search input[type='search']:focus ~ label,
  .m-sidebar .top .search-wrap .search input[type='search']:focus + label,
  .m-sidebar .top .search-wrap .search input[type='url']:focus ~ label,
  .m-sidebar .top .search-wrap .search input[type='url']:focus + label,
  .m-sidebar .top .search-wrap .search input[type='text']:focus ~ label,
  .m-sidebar .top .search-wrap .search input[type='text']:focus + label,
  .m-sidebar
    .top
    .search-wrap
    .search
    input[type='search']:not([value=''])
    ~ label,
  .m-sidebar
    .top
    .search-wrap
    .search
    input[type='search']:not([value=''])
    + label,
  .m-sidebar
    .top
    .search-wrap
    .search
    input[type='url']:not([value=''])
    ~ label,
  .m-sidebar
    .top
    .search-wrap
    .search
    input[type='url']:not([value=''])
    + label,
  .m-sidebar
    .top
    .search-wrap
    .search
    input[type='text']:not([value=''])
    ~ label,
  .m-sidebar
    .top
    .search-wrap
    .search
    input[type='text']:not([value=''])
    + label {
    display: none;
  }
  /* line 5852, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search .xIcon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url('../../images/svg/icon_search_del.svg') no-repeat center
      center;
    position: absolute;
    right: 55px;
    top: 10px;
    display: none;
  }
  /* line 5862, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search .xIcon.active {
    display: inline-block;
  }
  /* line 5866, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 40px;
    line-height: 40px;
    font: 0/0 a;
    color: #fff;
    vertical-align: top;
    background-color: #101717;
    border-color: #101717;
  }
  /* line 5879, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search button .icon-search {
    width: 20px;
    height: 20px;
    background-image: url('../../images/m-icons/m-gnb-search.png');
    background-position: 0 0;
    background-size: cover;
  }
  /* line 5891, ../../scss/layout.scss */
  .m-sidebar .menu .item {
    border-bottom: 1px solid #ccd5da;
    background-color: #fff;
  }
  /* line 5894, ../../scss/layout.scss */
  .m-sidebar .menu .item .depth {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height ease 0.2s;
    -moz-transition: max-height ease 0.2s;
    -o-transition: max-height ease 0.2s;
    transition: max-height ease 0.2s;
  }
  /* line 5901, ../../scss/layout.scss */
  .m-sidebar .menu .item.active .depth-tit {
    border-bottom: 1px solid #eee;
  }
  /* line 5903, ../../scss/layout.scss */
  .m-sidebar .menu .item.active .depth-tit:after {
    display: none;
  }
  /* line 5907, ../../scss/layout.scss */
  .m-sidebar .menu .item.active .depth {
    max-height: 1000px;
  }
  /* line 5913, ../../scss/layout.scss */
  .m-sidebar .menu .depth-tit {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 5px;
    margin-bottom: -1px;
    padding: 12px 0 12px 15px;
    font-weight: bold;
    font-size: 0.9375em;
    text-align: left;
    color: #101717;
    border-top: 1px solid #ccd5da;
    border-bottom: 1px solid #ccd5da;
    background-color: #fff;
  }
  /* line 5927, ../../scss/layout.scss */
  .m-sidebar .menu .depth-tit:before,
  .m-sidebar .menu .depth-tit:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    margin-left: -8px;
    background-color: #101717;
  }
  /* line 5939, ../../scss/layout.scss */
  .m-sidebar .menu .depth-tit:before {
    right: 14px;
  }
  /* line 5942, ../../scss/layout.scss */
  .m-sidebar .menu .depth-tit:after {
    right: 14px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* line 5947, ../../scss/layout.scss */
  .m-sidebar .menu .depth {
    margin: 0 14px;
    background-color: #fff;
  }
  /* line 5950, ../../scss/layout.scss */
  .m-sidebar .menu .depth:after {
    content: '';
    display: table;
    clear: both;
  }
  /* line 5955, ../../scss/layout.scss */
  .m-sidebar .menu .depth li {
    margin-top: -1px;
    border-top: 1px solid #f6f6f6;
    box-sizing: border-box;
  }
  /* line 5959, ../../scss/layout.scss */
  .m-sidebar .menu .depth li a {
    position: relative;
    display: block;
    padding: 13px 0 13px 14px;
    font-size: 0.875em;
    color: #101717;
    box-sizing: border-box;
  }
  /* line 5966, ../../scss/layout.scss */
  .m-sidebar .menu .depth li a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 7px;
    height: 13px;
    margin-top: -7px;
    background-image: url('../../images/m-icons/m-arrow-gray.png');
    background-size: cover;
  }
  /* line 5978, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .desc {
    display: block;
    margin-top: 10px;
    color: #666;
    line-height: 1.4;
    font-size: 0.8571428571428571em;
  }
  /* line 5985, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo {
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
  }
  /* line 5989, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo:before {
    content: '';
    display: inline-block;
    background-size: cover;
  }
  /* line 5995, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-aws:before {
    width: 32px;
    height: 19.5px;
    background-image: url('../../images/m-icons/aws.png');
  }
  /* line 6002, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-alibaba:before {
    width: 40px;
    height: 20px;
    background-image: url('../../images/m-icons/alibaba.png');
  }
  /* line 6009, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-akamai:before {
    width: 42px;
    height: 18px;
    background-image: url('../../images/m-icons/akamai.png');
  }
  /* line 6016, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-gsuite:before {
    width: 48.5px;
    height: 12px;
    background-image: url('../../images/m-icons/gsuite.png');
  }
  /* line 6023, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-zendesk:before {
    width: 57px;
    height: 11px;
    background-image: url('../../images/m-icons/zendesk.png');
  }
  /* line 6030, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-elastic:before {
    width: 55.5px;
    height: 14px;
    background-image: url('../../images/m-icons/elastic.png');
  }
  /* line 6037, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-syapse:before {
    width: 45.5px;
    height: 11px;
    background-image: url('../../images/m-icons/syapse.png');
  }
  /* line 6044, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-jandi:before {
    width: 51.5px;
    height: 14px;
    background-image: url('../../images/m-icons/jandi.png');
  }
  /* line 6076, ../../scss/layout.scss */
  .m-sidebar .link {
    padding: 14px;
  }
  /* line 6078, ../../scss/layout.scss */
  .m-sidebar .link:after {
    content: '';
    display: table;
    clear: both;
  }
  /* line 6083, ../../scss/layout.scss */
  .m-sidebar .link li {
    float: left;
    width: 48.76033057851%;
    margin-left: 2.47933884298%;
  }
  /* line 6088, ../../scss/layout.scss */
  .m-sidebar .link li:first-child {
    margin-left: 0;
  }
  /* line 6091, ../../scss/layout.scss */
  .m-sidebar .link li a {
    display: block;
    padding: 8px 0 7px;
    text-align: center;
    font-size: 0.6875em;
    color: #666;
    border: 1px solid #ccd5da;
    box-sizing: border-box;
    background-color: #fff;
  }
  /* line 6102, ../../scss/layout.scss */
  .m-sidebar .link li span:before {
    content: '';
    display: inline-block;
    margin-top: -2px;
    margin-right: 6px;
    vertical-align: middle;
    background-size: cover;
  }
  /* line 6113, ../../scss/layout.scss */
  .m-sidebar .link li.customer span:before {
    width: 14px;
    height: 14px;
    background-image: url('../../images/m-icons/m-customer.png');
  }
  /* line 6122, ../../scss/layout.scss */
  .m-sidebar .link li.talk span:before {
    width: 16px;
    height: 14px;
    background-image: url('../../images/m-icons/m-talk.png');
  }
  /* line 6131, ../../scss/layout.scss */
  .m-sidebar .link li.tel span:before {
    width: 15px;
    height: 15px;
    background-image: url('../../images/m-icons/m-tel.png');
  }

  /* line 6142, ../../scss/layout.scss */
  .gnb-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
  /* line 6150, ../../scss/layout.scss */
  .gnb-open.sticky-fixed .tld-sticky-wrap {
    position: fixed !important;
    bottom: auto !important;
  }
  /* line 6155, ../../scss/layout.scss */
  .gnb-open .gnb-bg {
    position: fixed;
    z-index: 99;
    top: -10%;
    right: 0;
    bottom: -10%;
    right: 0;
    width: 100%;
    overflow-y: scroll;
    opacity: 0.6;
  }
  /* line 6167, ../../scss/layout.scss */
  .gnb-open #hk-header .all {
    background-color: transparent;
  }
  /* line 6174, ../../scss/layout.scss */
  .gnb-open #hk-header .top .util .menu .search .target {
    position: fixed;
  }
  /* line 6182, ../../scss/layout.scss */
  .gnb-open .m-sidebar {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 6189, ../../scss/layout.scss */
  .section-logins .login-mz .unauth {
    margin-top: 0px;
    padding-bottom: 20px;
  }

  /* line 6198, ../../scss/layout.scss */
  .hk-main .flexslider {
    border-top: 0 !important;
  }

  /* line 6203, ../../scss/layout.scss */
  #hk-header .header-info {
    display: none;
  }
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
  /* line 6214, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket {
    width: 213px;
    right: 50%;
    margin-right: -489px;
  }
  /* line 6218, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .inner {
    min-width: auto;
  }
  /* line 6221, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .not-item {
    padding: 18px 10px;
    font-size: 12px;
  }

  /* line 6234, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .inner:before {
    top: 238px;
  }

  /* line 6242, ../../scss/layout.scss */
  #hk-footer .sitemap {
    width: auto;
    margin: 0 32px;
  }
  /* line 6247, ../../scss/layout.scss */
  #hk-footer .inner .info {
    font-size: 12px;
  }
  /* line 6252, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li {
    font-size: 12px;
  }
  /* line 6259, ../../scss/layout.scss */
  #hk-footer .inner .brand .logo:before {
    -webkit-transform: scale(0.8) translateX(-22px);
    -moz-transform: scale(0.8) translateX(-22px);
    -o-transform: scale(0.8) translateX(-22px);
    transform: scale(0.8) translateX(-22px);
  }
}
@media screen and (max-width: 360px) {
  /* line 6275, ../../scss/layout.scss */
  #hk-header .nav-compact li a {
    letter-spacing: -0.5px;
  }
}
/* line 6313, ../../scss/layout.scss */
#hk-header #sm-top-a span:before {
  display: none;
}

/* line 6319, ../../scss/layout.scss */
.black-info {
  background: #101717;
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
}
/* line 6325, ../../scss/layout.scss */
.black-info .inner {
  width: 100%;
  margin: 0px auto;
  max-width: 1220px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.96px;
  padding-left: 20px;
}

/* line 6336, ../../scss/layout.scss */
.mb-40 {
  margin-bottom: 40px;
}

/* line 6339, ../../scss/layout.scss */
.regist-info {
  background: white;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #e2e7ea;
}
/* line 6347, ../../scss/layout.scss */
.regist-info .inner {
  width: 100%;
  margin: 0px auto;
  max-width: 1220px;
  padding: 43px 0 40px;
  text-align: center;
}
/* line 6353, ../../scss/layout.scss */
.regist-info .inner .title {
  color: #030303;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.96px;
}
/* line 6359, ../../scss/layout.scss */
.regist-info .inner .desc {
  padding-top: 16px;
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 6364, ../../scss/layout.scss */
.regist-info .inner .bold {
  font-weight: bold;
}
/* line 6367, ../../scss/layout.scss */
.regist-info .inner .red {
  color: #ed4040;
}
/* line 6370, ../../scss/layout.scss */
.regist-info .inner .isMobile {
  display: none;
}

/* line 6376, ../../scss/layout.scss */
.regist-image-info {
  background: #55595e;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
/* line 6383, ../../scss/layout.scss */
.regist-image-info .inner {
  width: 100%;
  margin: 0px auto;
  max-width: 1220px;
  padding: 24px 0 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 6392, ../../scss/layout.scss */
.regist-image-info .inner .image-payment {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: url('../../images/svg/icon_info_payment.svg') no-repeat center
    center;
}
/* line 6399, ../../scss/layout.scss */
.regist-image-info .inner .span-payment {
  padding-left: 24px;
  font-size: 16px;
  letter-spacing: -0.48px;
  font-weight: bold;
}
/* line 6405, ../../scss/layout.scss */
.regist-image-info .inner .image-paydone {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: url('../../images/svg/icon_info_paydone.svg') no-repeat center
    center;
}
/* line 6412, ../../scss/layout.scss */
.regist-image-info .inner .span-paydone {
  padding-left: 24px;
  font-size: 16px;
  letter-spacing: -0.48px;
  font-weight: bold;
}
/* line 6418, ../../scss/layout.scss */
.regist-image-info .inner .image-arrow {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 64px;
  margin-left: 64px;
  background: url('../../images/svg/icon_info_arr.svg') no-repeat center center;
}
/* line 6427, ../../scss/layout.scss */
.regist-image-info .inner .green {
  color: #39b7bf;
}
/* line 6430, ../../scss/layout.scss */
.regist-image-info .inner .white {
  color: #fff;
}
/* line 6433, ../../scss/layout.scss */
.regist-image-info .inner .desc {
  padding-top: 16px;
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 6438, ../../scss/layout.scss */
.regist-image-info .inner .bold {
  font-weight: bold;
}
/* line 6441, ../../scss/layout.scss */
.regist-image-info .inner .red {
  color: #ed4040;
}

/* line 6446, ../../scss/layout.scss */
.regist-layout {
  width: 100%;
  margin: 0 auto;
  display: flex;
  background: #f4f5f8;
  max-width: 1220px;
  /* focus 효과
  .selectBox.focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  }*/
  /* 가상 선택자를 활용 화살표 대체 */
}
/* line 6452, ../../scss/layout.scss */
.regist-layout .title-text {
  font-size: 16px;
  letter-spacing: -0.48px;
  color: black;
  font-weight: bold;
  margin-bottom: 20px;
}
/* line 6459, ../../scss/layout.scss */
.regist-layout .title-link-1 {
  font-size: 14px;
  letter-spacing: -0.42px;
  font-weight: bold;
  color: #0a3d53;
  position: absolute;
  top: 0;
  right: 140px;
  display: flex;
  align-items: center;
}
/* line 6469, ../../scss/layout.scss */
.regist-layout .title-link-1 i {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../../images/svg/arrow-right-green.svg') no-repeat center
    center;
}
/* line 6477, ../../scss/layout.scss */
.regist-layout .title-link {
  font-size: 14px;
  letter-spacing: -0.42px;
  font-weight: bold;
  color: #0a3d53;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
/* line 6488, ../../scss/layout.scss */
.regist-layout .title-link i {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../../images/svg/arrow-right-green.svg') no-repeat center
    center;
}
/* line 6496, ../../scss/layout.scss */
.regist-layout .inner-left {
  width: 100%;
  max-width: 916px;
  margin-right: 24px;
  position: relative;
}
/* line 6502, ../../scss/layout.scss */
.regist-layout .inner-right {
  width: 100%;
  max-width: 298px;
  position: sticky;
  top: 60px;
  min-height: 200px;
  height: 100%;
}
/* line 6510, ../../scss/layout.scss */
.regist-layout .box {
  width: auto;
  border: 1px solid #d9dfe3;
  border-radius: 2px;
  margin-bottom: 8px;
  position: relative;
  background: #fff;
}
/* line 6518, ../../scss/layout.scss */
.regist-layout .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 6523, ../../scss/layout.scss */
.regist-layout .flex-p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 6528, ../../scss/layout.scss */
.regist-layout .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 6533, ../../scss/layout.scss */
.regist-layout .flex-between-p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 6538, ../../scss/layout.scss */
.regist-layout .flex-1 {
  flex: 1;
  position: relative;
}
/* line 6542, ../../scss/layout.scss */
.regist-layout .menu {
  width: 100%;
  position: absolute;
  top: 60px;
  left: -1px;
  background: #f8f9fa;
  border: 1px solid #d9dfe3;
  border-bottom: 0px;
  z-index: 1;
  display: none;
}
/* line 6552, ../../scss/layout.scss */
.regist-layout .menu li {
  height: 52px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9dfe3;
  padding: 0 36px;
  color: black;
  cursor: pointer;
  font-size: 13px;
}
/* line 6561, ../../scss/layout.scss */
.regist-layout .menu li:hover,
.regist-layout .menu li:active {
  background: rgba(228, 233, 238, 0.4);
}
/* line 6567, ../../scss/layout.scss */
.regist-layout .menuTerms {
  position: relative;
  background: #fff;
  border: 1px solid #d9dfe3;
  border-bottom: 0px;
  z-index: 1;
  margin-top: -8px;
  margin-bottom: 8px;
  display: none;
}
/* line 6576, ../../scss/layout.scss */
.regist-layout .menuTerms li {
  height: 52px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9dfe3;
  padding: 0 36px;
  color: black;
  cursor: pointer;
}
/* line 6584, ../../scss/layout.scss */
.regist-layout .menuTerms li:hover,
.regist-layout .menuTerms li:active {
  background: rgba(228, 233, 238, 0.4);
}
/* line 6590, ../../scss/layout.scss */
.regist-layout .on {
  border: 1px solid #04939d;
}
/* line 6593, ../../scss/layout.scss */
.regist-layout .type-1 {
  height: 68px;
  padding: 0 32px;
}
/* line 6596, ../../scss/layout.scss */
.regist-layout .type-1 span {
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding-left: 13px;
}
/* line 6602, ../../scss/layout.scss */
.regist-layout .type-1 i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url('../../images/svg/icon_btn_check.svg') no-repeat center center;
  vertical-align: middle;
}
/* line 6610, ../../scss/layout.scss */
.regist-layout .type-1 button {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url('../../images/svg/arr_down.svg') no-repeat center center;
  vertical-align: middle;
}
/* line 6617, ../../scss/layout.scss */
.regist-layout .type-1 label {
  font-size: 15px;
  letter-spacing: -0.45px;
}
/* line 6622, ../../scss/layout.scss */
.regist-layout .type-2 {
  height: auto;
  padding: 38px 32px 44px;
}
/* line 6625, ../../scss/layout.scss */
.regist-layout .type-2 span {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #000000;
}
/* line 6631, ../../scss/layout.scss */
.regist-layout .type-2 .info-tit {
  font-size: 14px;
}
/* line 6634, ../../scss/layout.scss */
.regist-layout .type-2 .con {
  padding-top: 18.5px;
}
/* line 6636, ../../scss/layout.scss */
.regist-layout .type-2 .con .label {
  padding-top: 36px;
  font-weight: bold;
  padding-bottom: 13px;
}
/* line 6641, ../../scss/layout.scss */
.regist-layout .type-2 .con .absolute {
  position: absolute;
  margin-top: 10px;
}
/* line 6646, ../../scss/layout.scss */
.regist-layout .type-2 .con .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6651, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
/* line 6656, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer input[type='text'],
.regist-layout .type-2 .con .input-layer input[type='password'],
.regist-layout .type-2 .con .input-layer input[type='number'] {
  width: 100%;
  border: 1px solid #c3cbd4;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 2px;
}
/* line 6666, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer input[type='text']:active,
.regist-layout .type-2 .con .input-layer input[type='password']:active,
.regist-layout .type-2 .con .input-layer input[type='number']:active {
  border-color: #04939d;
}
/* line 6669, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer input[type='text']:hover,
.regist-layout .type-2 .con .input-layer input[type='password']:hover,
.regist-layout .type-2 .con .input-layer input[type='number']:hover {
  border-color: #04939d;
}
/* line 6672, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer input[type='text']:focus,
.regist-layout .type-2 .con .input-layer input[type='password']:focus,
.regist-layout .type-2 .con .input-layer input[type='number']:focus {
  border-color: #04939d;
}
/* line 6675, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer input[type='text']:read-only,
.regist-layout .type-2 .con .input-layer input[type='text']:disabled,
.regist-layout .type-2 .con .input-layer input[type='password']:read-only,
.regist-layout .type-2 .con .input-layer input[type='password']:disabled,
.regist-layout .type-2 .con .input-layer input[type='number']:read-only,
.regist-layout .type-2 .con .input-layer input[type='number']:disabled {
  background: #f6f7f9;
}
/* line 6680, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer .timer-span {
  position: absolute;
  right: 10px;
}
/* line 6683, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer .timer-span span {
  color: #04939d;
}
/* line 6688, ../../scss/layout.scss */
.regist-layout .type-2 .con button {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c3cbd4;
  margin-left: 5px;
  padding: 0px 14.5px;
  border-radius: 2px;
}
/* line 6698, ../../scss/layout.scss */
.regist-layout .type-2 .con .success-msg {
  color: #04939d;
  position: absolute;
  margin-top: 10px;
}
/* line 6704, ../../scss/layout.scss */
.regist-layout .type-2 .pt-0 {
  padding-top: 0px;
}
/* line 6708, ../../scss/layout.scss */
.regist-layout .spec {
  padding: 0px 32px 70px;
}
/* line 6711, ../../scss/layout.scss */
.regist-layout .type-3 {
  height: auto;
  padding: 26px 22px 44px;
}
/* line 6714, ../../scss/layout.scss */
.regist-layout .type-3 .title {
  font-size: 16px;
  color: black;
  font-weight: bold;
}
/* line 6719, ../../scss/layout.scss */
.regist-layout .type-3 .con {
  padding-top: 21.5px;
}
/* line 6721, ../../scss/layout.scss */
.regist-layout .type-3 .con .xBtn {
  position: absolute;
  right: 20px;
  background: url('../../images/svg/icon_delete.svg') no-repeat center center;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: -22px;
  cursor: pointer;
}
/* line 6732, ../../scss/layout.scss */
.regist-layout .type-3 .con .label {
  font-size: 14px;
  letter-spacing: -0.45px;
  font-weight: bold;
}
/* line 6738, ../../scss/layout.scss */
.regist-layout .type-3 .con .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6743, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer {
  padding-bottom: 8px;
}
/* line 6745, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button {
  width: 100%;
  display: flex;
  align-items: center;
  height: 44px;
  justify-content: center;
  background: #fff;
  border: 1px solid #ccd5da;
  color: black;
  font-size: 15px;
}
/* line 6755, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button:hover {
  background: #f8fafb;
}
/* line 6758, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button:active,
.regist-layout .type-3 .con .btn-Layer button:focus {
  background: #f3f6f7;
}
/* line 6762, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button:disabled {
  opacity: 0.35;
}
/* line 6766, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button {
  background: #ed4040;
  color: white;
  border: 0px;
}
/* line 6770, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button:hover {
  background: #eb575a;
}
/* line 6773, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button:active,
.regist-layout .type-3 .con .btn-Layer .red-button:focus {
  background: #db3639;
}
/* line 6777, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button:disabled {
  opacity: 0.35;
}
/* line 6781, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button {
  background: #089d99;
  color: white;
  border: 0px;
}
/* line 6785, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button:hover {
  background: #129ca5;
}
/* line 6788, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button:active,
.regist-layout .type-3 .con .btn-Layer .dark-green-button:focus {
  background: #008c94;
}
/* line 6792, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button:disabled {
  opacity: 0.35;
}
/* line 6797, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer {
  display: flex;
  align-items: center;
}
/* line 6800, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer input[type='text'],
.regist-layout .type-3 .con .input-layer input[type='password'],
.regist-layout .type-3 .con .input-layer input[type='number'] {
  width: 100%;
  border: 1px solid #c3cbd4;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 2px;
}
/* line 6810, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer input[type='text']:active,
.regist-layout .type-3 .con .input-layer input[type='password']:active,
.regist-layout .type-3 .con .input-layer input[type='number']:active {
  border-color: #04939d;
}
/* line 6813, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer input[type='text']:hover,
.regist-layout .type-3 .con .input-layer input[type='password']:hover,
.regist-layout .type-3 .con .input-layer input[type='number']:hover {
  border-color: #04939d;
}
/* line 6816, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer input[type='text']:focus,
.regist-layout .type-3 .con .input-layer input[type='password']:focus,
.regist-layout .type-3 .con .input-layer input[type='number']:focus {
  border-color: #04939d;
}
/* line 6819, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer input[type='text']:read-only,
.regist-layout .type-3 .con .input-layer input[type='text']:disabled,
.regist-layout .type-3 .con .input-layer input[type='password']:read-only,
.regist-layout .type-3 .con .input-layer input[type='password']:disabled,
.regist-layout .type-3 .con .input-layer input[type='number']:read-only,
.regist-layout .type-3 .con .input-layer input[type='number']:disabled {
  background: #f6f7f9;
}
/* line 6824, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer button {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c3cbd4;
  margin-left: 5px;
  padding: 0px 14.5px;
  border-radius: 2px;
}
/* line 6836, ../../scss/layout.scss */
.regist-layout .type-3 .pt-0 {
  padding-top: 0px;
}
/* line 6841, ../../scss/layout.scss */
.regist-layout .type-4 {
  height: auto;
  padding: 29px 32px 27px;
}
/* line 6844, ../../scss/layout.scss */
.regist-layout .type-4 span {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: black;
}
/* line 6850, ../../scss/layout.scss */
.regist-layout .type-4 button {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9dfe3;
  margin-left: 5px;
  padding: 0px 14.5px;
  border-radius: 20px;
  font-weight: bold;
  color: black;
}
/* line 6861, ../../scss/layout.scss */
.regist-layout .type-4 button:hover {
  background: #f8fafb;
}
/* line 6864, ../../scss/layout.scss */
.regist-layout .type-4 button:active,
.regist-layout .type-4 button:focus {
  background: #f3f6f7;
}
/* line 6868, ../../scss/layout.scss */
.regist-layout .type-4 button:disabled {
  opacity: 0.35;
}
/* line 6872, ../../scss/layout.scss */
.regist-layout .type-4 i.dark-green {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url('../../images/svg/icon_info_request.svg') no-repeat center
    center;
  background-size: contain;
}
/* line 6880, ../../scss/layout.scss */
.regist-layout .type-4 i.dark-red {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url('../../images/svg/icon_info_error.svg') no-repeat center
    center;
  background-size: contain;
}
/* line 6888, ../../scss/layout.scss */
.regist-layout .type-4 .title {
  font-size: 16px;
  color: black;
  font-weight: bold;
}
/* line 6893, ../../scss/layout.scss */
.regist-layout .type-4 .con {
  padding-top: 21.5px;
}
/* line 6895, ../../scss/layout.scss */
.regist-layout .type-4 .con .label {
  font-size: 14px;
  letter-spacing: -0.45px;
  font-weight: bold;
}
/* line 6901, ../../scss/layout.scss */
.regist-layout .type-4 .con .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6906, ../../scss/layout.scss */
.regist-layout .type-4 .con .btn-Layer {
  padding-bottom: 8px;
}
/* line 6908, ../../scss/layout.scss */
.regist-layout .type-4 .con .btn-Layer button {
  width: 100%;
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: center;
  background: #fff;
  border: 1px solid #ccd5da;
  color: black;
  font-size: 15px;
}
/* line 6920, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer {
  display: flex;
  align-items: center;
}
/* line 6923, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer input[type='text'],
.regist-layout .type-4 .con .input-layer input[type='password'],
.regist-layout .type-4 .con .input-layer input[type='number'] {
  width: 100%;
  border: 1px solid #c3cbd4;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 2px;
}
/* line 6933, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer input[type='text']:active,
.regist-layout .type-4 .con .input-layer input[type='password']:active,
.regist-layout .type-4 .con .input-layer input[type='number']:active {
  border-color: #04939d;
}
/* line 6936, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer input[type='text']:hover,
.regist-layout .type-4 .con .input-layer input[type='password']:hover,
.regist-layout .type-4 .con .input-layer input[type='number']:hover {
  border-color: #04939d;
}
/* line 6939, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer input[type='text']:focus,
.regist-layout .type-4 .con .input-layer input[type='password']:focus,
.regist-layout .type-4 .con .input-layer input[type='number']:focus {
  border-color: #04939d;
}
/* line 6942, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer input[type='text']:read-only,
.regist-layout .type-4 .con .input-layer input[type='text']:disabled,
.regist-layout .type-4 .con .input-layer input[type='password']:read-only,
.regist-layout .type-4 .con .input-layer input[type='password']:disabled,
.regist-layout .type-4 .con .input-layer input[type='number']:read-only,
.regist-layout .type-4 .con .input-layer input[type='number']:disabled {
  background: #f6f7f9;
}
/* line 6947, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer button {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c3cbd4;
  margin-left: 5px;
  padding: 0px 14.5px;
  border-radius: 2px;
}
/* line 6960, ../../scss/layout.scss */
.regist-layout .type-5 {
  height: 92px;
  padding: 0 36px;
  margin-bottom: -1px;
}
/* line 6964, ../../scss/layout.scss */
.regist-layout .type-5 .title {
  font-size: 15px;
  color: #101717;
  font-weight: bold;
  padding-left: 5px;
}
/* line 6970, ../../scss/layout.scss */
.regist-layout .type-5 .label-left {
  width: 214px;
}
/* line 6974, ../../scss/layout.scss */
.regist-layout .type-5 .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6979, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer {
  display: flex;
  align-items: center;
}
/* line 6982, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer input[type='text'],
.regist-layout .type-5 .input-layer input[type='password'],
.regist-layout .type-5 .input-layer input[type='number'] {
  width: 100%;
  border: 1px solid #c3cbd4;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-radius: 2px;
}
/* line 6992, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer input[type='text']:active,
.regist-layout .type-5 .input-layer input[type='password']:active,
.regist-layout .type-5 .input-layer input[type='number']:active {
  border-color: #04939d;
}
/* line 6995, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer input[type='text']:hover,
.regist-layout .type-5 .input-layer input[type='password']:hover,
.regist-layout .type-5 .input-layer input[type='number']:hover {
  border-color: #04939d;
}
/* line 6998, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer input[type='text']:focus,
.regist-layout .type-5 .input-layer input[type='password']:focus,
.regist-layout .type-5 .input-layer input[type='number']:focus {
  border-color: #04939d;
}
/* line 7001, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer input[type='text']:read-only,
.regist-layout .type-5 .input-layer input[type='text']:disabled,
.regist-layout .type-5 .input-layer input[type='password']:read-only,
.regist-layout .type-5 .input-layer input[type='password']:disabled,
.regist-layout .type-5 .input-layer input[type='number']:read-only,
.regist-layout .type-5 .input-layer input[type='number']:disabled {
  background: #f6f7f9;
}
/* line 7007, ../../scss/layout.scss */
.regist-layout .type-5 button {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c3cbd4;
  margin-left: 5px;
  padding: 0px 14.5px;
  border-radius: 2px;
}
/* line 7017, ../../scss/layout.scss */
.regist-layout .type-5 button.active {
  background: #04939d;
  border: 0px;
  color: white;
}
/* line 7022, ../../scss/layout.scss */
.regist-layout .type-5 button.btn-info {
  height: auto;
  border: 0px;
  padding: 0px;
}
/* line 7027, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn {
  background: #04939d;
  color: white;
  height: 20px;
  border: 0px;
  padding: 0 10px;
}
/* line 7033, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn:hover {
  background: #129ca5;
}
/* line 7036, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn:active {
  background: #008c94;
}
/* line 7039, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn:disabled {
  opacity: 0.35;
}
/* line 7044, ../../scss/layout.scss */
.regist-layout .infoBox {
  padding: 30px 25px 28px;
  margin-top: 56px;
  margin-bottom: -36px;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  line-height: 1.7;
  background: #f6f7f9;
  display: none;
}
/* line 7055, ../../scss/layout.scss */
.regist-layout .infoBox .red {
  font-weight: normal;
  font-size: inherit;
  letter-spacing: inherit;
  color: #ed4040;
}
/* line 7062, ../../scss/layout.scss */
.regist-layout .button {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c3cbd4;
  padding: 0px 14.5px;
  border-radius: 2px;
  font-size: 15px;
}
/* line 7072, ../../scss/layout.scss */
.regist-layout .red-button {
  height: 44px;
  background: #ed4040;
  color: white;
  border: 0px;
  font-size: 15px;
}
/* line 7079, ../../scss/layout.scss */
.regist-layout .dark-green-button {
  height: 44px;
  background: #089d99;
  color: white;
  border: 0px;
  font-size: 15px;
}
/* line 7085, ../../scss/layout.scss */
.regist-layout .dark-green-button:hover {
  background: #129ca5;
}
/* line 7088, ../../scss/layout.scss */
.regist-layout .dark-green-button:active {
  background: #008c94;
}
/* line 7091, ../../scss/layout.scss */
.regist-layout .dark-green-button:disabled {
  opacity: 0.35;
}
/* line 7095, ../../scss/layout.scss */
.regist-layout .green-button {
  height: 44px;
  background: #04939d;
  color: white;
  border: 0px;
  font-size: 15px;
}
/* line 7101, ../../scss/layout.scss */
.regist-layout .green-button:hover {
  background: #129ca5;
}
/* line 7104, ../../scss/layout.scss */
.regist-layout .green-button:active,
.regist-layout .green-button:focus {
  background: #008c94;
}
/* line 7108, ../../scss/layout.scss */
.regist-layout .green-button:disabled {
  opacity: 0.35;
}
/* line 7112, ../../scss/layout.scss */
.regist-layout .type-5-last {
  margin-bottom: 8px;
  border-bottom: 1px solid #d9dfe3;
}
/* line 7116, ../../scss/layout.scss */
.regist-layout .info {
  margin-top: 12px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  line-height: 170%;
}
/* line 7123, ../../scss/layout.scss */
.regist-layout .pt-0 {
  padding-top: 0px;
}
/* line 7126, ../../scss/layout.scss */
.regist-layout .pt-31 {
  padding-top: 31px;
}
/* line 7129, ../../scss/layout.scss */
.regist-layout .pt-40 {
  padding-top: 40px;
}
/* line 7132, ../../scss/layout.scss */
.regist-layout .ml-12 {
  margin-left: 12px;
}
/* line 7135, ../../scss/layout.scss */
.regist-layout .mr-12 {
  margin-right: 12px;
}
/* line 7138, ../../scss/layout.scss */
.regist-layout .mw-240 {
  max-width: 240px;
}
/* line 7141, ../../scss/layout.scss */
.regist-layout .mw-320 {
  max-width: 320px;
}
/* line 7144, ../../scss/layout.scss */
.regist-layout .mw-200 {
  max-width: 200px;
}
/* line 7147, ../../scss/layout.scss */
.regist-layout .mw-120 {
  max-width: 120px;
}
/* line 7150, ../../scss/layout.scss */
.regist-layout .mw-280 {
  max-width: 280px;
}
/* line 7153, ../../scss/layout.scss */
.regist-layout .pt-8 {
  padding-top: 8px;
}
/* line 7156, ../../scss/layout.scss */
.regist-layout .pt-30 {
  padding-top: 30px;
}
/* line 7159, ../../scss/layout.scss */
.regist-layout .pt-23 {
  padding-top: 23px;
}
/* line 7162, ../../scss/layout.scss */
.regist-layout .selectBox {
  position: relative;
  width: 100%;
  /* 너비설정 */
  border: 1px solid #c3cbd4;
  /* 테두리 설정 */
  border-radius: 2px;
  background: white;
  /* focus 효과
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}
/* line 7184, ../../scss/layout.scss */
.regist-layout .selectBox:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 9px;
  width: 0;
  height: 0;
  color: gray;
  margin-top: -1px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #b6b6ca;
}
/* line 7198, ../../scss/layout.scss */
.regist-layout .selectBox label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  /* 위치정렬 */
  color: #333;
  z-index: -1;
  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
}
/* line 7207, ../../scss/layout.scss */
.regist-layout .selectBox select {
  width: 100%;
  height: auto;
  /* 높이 초기화 */
  line-height: normal;
  /* line-height 초기화 */
  font-family: inherit;
  /* 폰트 상속 */
  padding: 0px 20px;
  /* 여백과 높이 결정 */
  height: 36px;
  font-size: 13px;
  border: 0;
  filter: alpha(opacity=0);
  /* IE8 숨기기 */
  background: #fff;
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* line 7222, ../../scss/layout.scss */
.regist-layout .selectBox select:disabled {
  background-color: #f2f2f2;
}
/* line 7225, ../../scss/layout.scss */
.regist-layout .selectBox select::-ms-expand {
  display: none;
}
/* line 7229, ../../scss/layout.scss */
.regist-layout .checkBox1:checked,
.regist-layout .checkBox1:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 7234, ../../scss/layout.scss */
.regist-layout .checkBox1:checked + label,
.regist-layout .checkBox1:not(:checked) + label {
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  color: black;
}
/* line 7245, ../../scss/layout.scss */
.regist-layout .checkBox1:checked + label:before,
.regist-layout .checkBox1:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 0px;
  height: 18px;
  background: url('../../images/svg/icon_uncheck.svg') no-repeat center center;
  background-size: contain;
  border: 1px solid transparent;
}
/* line 7257, ../../scss/layout.scss */
.regist-layout .checkBox1:checked + label:after,
.regist-layout .checkBox1:not(:checked) + label:after {
  content: '';
  width: 0px;
  height: 18px;
  color: white;
  text-align: center;
  background: url('../../images/svg/icon_check_on.svg') no-repeat center center;
  background-size: contain;
  border: 1px solid transparent;
  position: absolute;
  left: 0px;
}
/* line 7271, ../../scss/layout.scss */
.regist-layout .checkBox1:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* line 7276, ../../scss/layout.scss */
.regist-layout .checkBox1:checked + label:after {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 7283, ../../scss/layout.scss */
.regist-layout #policybox-layer .policyCheck {
  margin-bottom: 4px;
}
/* line 7287, ../../scss/layout.scss */
.regist-layout .policyCheck {
  margin-right: 10px;
}
/* line 7291, ../../scss/layout.scss */
.regist-layout .checkBox:checked,
.regist-layout .checkBox:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 7296, ../../scss/layout.scss */
.regist-layout .checkBox:checked + label,
.regist-layout .checkBox:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  padding-right: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  color: black;
}
/* line 7307, ../../scss/layout.scss */
.regist-layout .checkBox:checked + label:before,
.regist-layout .checkBox:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background: url('../../images/svg/icon_uncheck.svg') no-repeat center center;
  background-size: contain;
  border: 1px solid transparent;
}
/* line 7319, ../../scss/layout.scss */
.regist-layout .checkBox:checked + label:after,
.regist-layout .checkBox:not(:checked) + label:after {
  content: '';
  width: 18px;
  height: 18px;
  color: white;
  text-align: center;
  background: url('../../images/svg/icon_check_on.svg') no-repeat center center;
  background-size: contain;
  border: 1px solid transparent;
  position: absolute;
  left: 0px;
}
/* line 7333, ../../scss/layout.scss */
.regist-layout .checkBox:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* line 7338, ../../scss/layout.scss */
.regist-layout .checkBox:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 7344, ../../scss/layout.scss */
.regist-layout .con {
  font-size: 13px;
  color: black;
  letter-spacing: -0.39px;
}
/* line 7349, ../../scss/layout.scss */
.regist-layout .underline {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #e4e9ee;
  padding-bottom: 20px;
}
/* line 7355, ../../scss/layout.scss */
.regist-layout .underline-p {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #e4e9ee;
  padding-bottom: 20px;
}
/* line 7361, ../../scss/layout.scss */
.regist-layout .underline-dark {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #878d94;
  padding-bottom: 20px;
}
/* line 7367, ../../scss/layout.scss */
.regist-layout .underline-gray {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #91959a;
  padding-bottom: 20px;
}
/* line 7373, ../../scss/layout.scss */
.regist-layout .dark-green {
  color: #04939d;
}
/* line 7376, ../../scss/layout.scss */
.regist-layout .green {
  color: #00858d;
}
/* line 7379, ../../scss/layout.scss */
.regist-layout .red {
  color: #ed4040;
}
/* line 7382, ../../scss/layout.scss */
.regist-layout .price {
  font-size: 23px;
}
/* line 7385, ../../scss/layout.scss */
.regist-layout .bold {
  font-weight: bold;
}
/* line 7388, ../../scss/layout.scss */
.regist-layout input[type='number']::-webkit-outer-spin-button,
.regist-layout input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 7393, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked,
.regist-layout input[type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 7398, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked + label,
.regist-layout input[type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  padding-right: 15px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
/* line 7408, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked + label:before,
.regist-layout input[type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
/* line 7420, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked + label:after,
.regist-layout input[type='radio']:not(:checked) + label:after {
  content: '';
  width: 8px;
  height: 8px;
  background: #0a3d53;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 100%;
}
/* line 7433, ../../scss/layout.scss */
.regist-layout input[type='radio']:not(:checked) + label:after {
  opacity: 0;
}
/* line 7438, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked + label:after {
  opacity: 1;
}
/* line 7443, ../../scss/layout.scss */
.regist-layout .radioBox {
  margin-left: -4px;
}
/* line 7446, ../../scss/layout.scss */
.regist-layout .radioBox input[type='radio'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
/* line 7455, ../../scss/layout.scss */
.regist-layout .radioBox input[type='radio']:checked + label,
.regist-layout .radioBox input[type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 19px;
  padding-right: 19px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
/* line 7465, ../../scss/layout.scss */
.regist-layout .radioBox label {
  display: inline-block;
  padding: 8.2px 19px 8.8px 20px;
  text-align: center;
  color: #101717;
  font-size: 13px;
  letter-spacing: -0.26px;
  cursor: pointer;
  border: 1px solid #ccd5da;
  background-color: #fff;
  box-sizing: border-box;
}
/* line 7477, ../../scss/layout.scss */
.regist-layout .radioBox input[type='radio']:checked + label,
.regist-layout .radioBox input[type='radio']:checked ~ label {
  color: #fff;
  border: 1px solid #0a3d53;
  background-color: #0a3d53;
}
/* line 7483, ../../scss/layout.scss */
.regist-layout .radioBox input[type='radio']:checked + label:before,
.regist-layout .radioBox input[type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
  display: none;
}

/* line 7497, ../../scss/layout.scss */
.agreementBox {
  margin-bottom: 15px;
}
/* line 7499, ../../scss/layout.scss */
.agreementBox .input-box {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.8;
}
/* line 7503, ../../scss/layout.scss */
.agreementBox .input-box label {
  padding-left: 10px;
  cursor: pointer;
}
/* line 7508, ../../scss/layout.scss */
.agreementBox .box {
  border: 1px solid #fefefe;
  background: #efefef;
  border-radius: 5px;
  padding: 15px;
}
/* line 7513, ../../scss/layout.scss */
.agreementBox .box .title {
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 1.7;
}
/* line 7518, ../../scss/layout.scss */
.agreementBox .box .list {
  padding-left: 20px;
}
/* line 7520, ../../scss/layout.scss */
.agreementBox .box .list li {
  padding-bottom: 5px;
  line-height: 1.7;
}
/* line 7525, ../../scss/layout.scss */
.agreementBox .box .desc {
  padding-top: 10px;
  line-height: 1.6;
}

/* line 7532, ../../scss/layout.scss */
.nameserver-bulk {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  margin-bottom: 150px;
}

/* line 7538, ../../scss/layout.scss */
.nameserver-bulk .box {
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  background: white;
  padding: 32px;
}

/* line 7544, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 {
  display: flex;
}
/* line 7546, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .label {
  font-weight: bold;
  min-width: 218px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #101717;
}
/* line 7553, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .label.top {
  align-items: start;
  padding-top: 13px;
}
/* line 7559, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con button {
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 7562, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con button.active {
  background: #0a3d53;
  color: white;
}
/* line 7567, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con input {
  min-width: 206px;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: black;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
}
/* line 7578, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con input:read-only {
  background: #f6f7f9;
}
/* line 7581, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con input.error {
  border-color: #ed4040;
  color: black;
}
/* line 7586, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con div {
  margin-bottom: 10px;
}
/* line 7588, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con div.info {
  margin-bottom: 0px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  font-weight: bold;
}
/* line 7594, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con div.info > .red {
  color: #ed4040;
}
/* line 7599, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
  margin-left: 5px;
}
/* line 7609, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .green {
  background: #04939d;
  color: white;
  border-color: #04939d;
}
/* line 7614, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .left-btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-right: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
/* line 7625, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .right-btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* line 7635, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .success {
  font-size: 13px;
  letter-spacing: -0.39px;
  font-weight: bold;
  color: #04939d;
  display: flex;
  align-items: center;
  margin: 0;
}
/* line 7643, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .success > i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  background: url('../../images/svg/icon_info_complete.svg') no-repeat center;
}
/* line 7652, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .error {
  font-size: 13px;
  letter-spacing: -0.39px;
  color: #ed4040;
  display: flex;
  align-items: center;
  margin: 0;
}
/* line 7660, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .error-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 155px;
  top: 10px;
  background: url('../../images/svg/icon_info_error.svg') no-repeat center;
}
/* line 7669, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .timer {
  width: auto;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 125px;
  top: 10px;
  color: black;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.39px;
}

/* line 7683, ../../scss/layout.scss */
.nameserver-bulk .border {
  border-color: #fbafaf;
}

/* line 7687, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 > .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #101717;
}
/* line 7695, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 > .title > .right {
  display: flex;
  align-items: center;
  position: relative;
}
/* line 7701, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  position: relative;
}
/* line 7706, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .required {
  color: #ed4040;
  position: absolute;
  top: 25px;
  left: 5px;
}
/* line 7712, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .error {
  margin: 0px 5px 10px;
  color: #ed4040;
  width: calc(100% - 40px);
  margin-left: 18px;
}
/* line 7718, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .ip-address {
  margin: 0px 5px 10px;
  color: grey;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 40px);
  margin-left: 18px;
  align-items: center;
}
/* line 7726, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .ip-address > span.green {
  color: #00a54d;
}
/* line 7729, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .ip-address > span.button {
  position: relative;
  border-radius: 4px;
  background-color: #e4e9ee;
  padding: 0 7px;
  height: 26px;
  display: flex;
  align-items: center;
  font-weight: bold;
  color: black;
}
/* line 7739, ../../scss/layout.scss */
.nameserver-bulk
  .box
  .type-2
  .input-box
  > .ip-address
  > span.button
  > .info-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url('../../images/svg/info.svg') no-repeat center;
  margin-right: 6px;
}
/* line 7747, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .ip-address > span.button.disabled {
  opacity: 0.25;
  border-radius: 4px;
}
/* line 7752, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input {
  padding: 0 20px;
  margin: 10px 16px;
  display: flex;
  height: 36px;
  font-size: 13px;
  color: black;
  letter-spacing: -0.33px;
  align-items: center;
  border: 1px solid #c3cbd4;
  width: calc(100% - 72px);
}
/* line 7763, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input:disabled {
  background: #f6f7f9;
}
/* line 7766, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input::placeholder {
  color: #91959a;
}
/* line 7770, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > i {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../../images/svg/icon_search_del.svg') no-repeat center;
  position: absolute;
  right: 26px;
  top: 17px;
  cursor: pointer;
}
/* line 7780, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input.errorField {
  border-color: #ed4040;
}

/* line 7786, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 {
  display: block;
}
/* line 7788, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .label {
  font-weight: bold;
  min-width: 218px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #101717;
  margin-bottom: 21px;
}
/* line 7796, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .label.top {
  align-items: start;
  padding-top: 13px;
}
/* line 7802, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con button {
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 7805, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con button.active {
  background: #0a3d53;
  color: white;
}
/* line 7810, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con input {
  min-width: 206px;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 13px;
  letter-spacing: -0.33px;
  color: black;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
}
/* line 7821, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con input:read-only {
  background: #f6f7f9;
}
/* line 7824, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con input.error {
  border-color: #ed4040;
  color: black;
}
/* line 7829, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con div {
  margin-bottom: 10px;
}
/* line 7831, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con div.info {
  margin-bottom: 20px;
  font-size: 13px;
  letter-spacing: -0.65px;
  color: black;
  line-height: 1.7;
}
/* line 7837, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con div.info > .red {
  color: #ed4040;
}
/* line 7842, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
  margin-left: 5px;
}
/* line 7852, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .green {
  background: #04939d;
  color: white;
  border-color: #04939d;
}
/* line 7857, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .left-btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-right: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
/* line 7868, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .right-btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* line 7878, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .success {
  font-size: 13px;
  letter-spacing: -0.39px;
  font-weight: bold;
  color: #04939d;
  display: flex;
  align-items: center;
  margin: 0;
}
/* line 7886, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .success > i {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  background: url('../../images/svg/icon_info_complete.svg') no-repeat center;
}
/* line 7895, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .error {
  font-size: 13px;
  letter-spacing: -0.39px;
  color: #ed4040;
  display: flex;
  align-items: center;
  margin: 0;
}
/* line 7903, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .error-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 155px;
  top: 10px;
  background: url('../../images/svg/icon_info_error.svg') no-repeat center;
}
/* line 7912, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .timer {
  width: auto;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 125px;
  top: 10px;
  color: black;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.39px;
}

/* line 7926, ../../scss/layout.scss */
.nameserver-bulk .other {
  height: auto;
  background: inherit;
  margin-top: 0px;
}

/* line 7931, ../../scss/layout.scss */
.nameserver-bulk .menu {
  padding: 22px 32px;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  color: #101717;
  margin: 20px 0 10px;
  cursor: pointer;
}
/* line 7944, ../../scss/layout.scss */
.nameserver-bulk .menu:hover {
  border-color: #04939d;
}
/* line 7947, ../../scss/layout.scss */
.nameserver-bulk .menu > div {
  display: flex;
  align-items: center;
}
/* line 7950, ../../scss/layout.scss */
.nameserver-bulk .menu > div > i {
  width: 8px;
  height: 13px;
  display: inline-block;
  background: url('../../images/svg/arr_l_bk.svg') no-repeat center;
  transform: rotate(90deg);
}
/* line 7957, ../../scss/layout.scss */
.nameserver-bulk .menu > div > i.up {
  transform: rotate(-90deg);
}
/* line 7960, ../../scss/layout.scss */
.nameserver-bulk .menu > div > i.profile {
  width: 30px;
  height: 30px;
  margin-right: 24px;
  display: inline-block;
  background: url('../../images/svg/icon_owner.svg') no-repeat center;
  transform: rotate(0deg);
}

/* line 7971, ../../scss/layout.scss */
.nameserver-bulk .menu-1 {
  padding: 0px 20px 22px 0px;
  border-radius: 0px;
  border-bottom: 1px solid #e0e0e0;
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  color: #101717;
  margin: 20px 0 0px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
/* line 7985, ../../scss/layout.scss */
.nameserver-bulk .menu-1:hover {
  border-color: #04939d;
}
/* line 7988, ../../scss/layout.scss */
.nameserver-bulk .menu-1 > div {
  display: flex;
  align-items: center;
}
/* line 7991, ../../scss/layout.scss */
.nameserver-bulk .menu-1 > div > i {
  width: 8px;
  height: 13px;
  display: inline-block;
  background: url('../../images/svg/arr_l_bk.svg') no-repeat center;
  transform: rotate(90deg);
}
/* line 7998, ../../scss/layout.scss */
.nameserver-bulk .menu-1 > div > i.up {
  transform: rotate(-90deg);
}
/* line 8001, ../../scss/layout.scss */
.nameserver-bulk .menu-1 > div > i.profile {
  width: 30px;
  height: 30px;
  margin-right: 24px;
  display: inline-block;
  background: url('../../images/svg/icon_owner.svg') no-repeat center;
  transform: rotate(0deg);
}

/* line 8011, ../../scss/layout.scss */
.nameserver-bulk .select-box {
  background: white;
  min-width: 194px;
  height: 36px;
  padding: 0 9px 0 16px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
  font-size: 13px;
  font-weight: normal;
  color: black;
  cursor: pointer;
}
/* line 8025, ../../scss/layout.scss */
.nameserver-bulk .select-box > i {
  width: 6px;
  height: 6px;
  display: inline-block;
  background: url('../../images/svg/icon_arr_select.svg') no-repeat center
    center;
}
/* line 8032, ../../scss/layout.scss */
.nameserver-bulk .select-box > i.up {
  transform: rotate(180deg);
}
/* line 8035, ../../scss/layout.scss */
.nameserver-bulk .select-box.disabled {
  background: #f8f9fa;
  color: #101010;
  cursor: auto;
}

/* line 8042, ../../scss/layout.scss */
.nameserver-bulk .select-box-1 {
  background: white;
  width: 80px;
  min-width: 80px;
  height: 36px;
  padding: 0 9px 0 16px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
  font-size: 13px;
  font-weight: normal;
  color: black;
  cursor: pointer;
}
/* line 8057, ../../scss/layout.scss */
.nameserver-bulk .select-box-1 > i {
  width: 6px;
  height: 6px;
  display: inline-block;
  background: url('../../images/svg/icon_arr_select.svg') no-repeat center
    center;
}
/* line 8064, ../../scss/layout.scss */
.nameserver-bulk .select-box-1 > i.up {
  transform: rotate(180deg);
}
/* line 8067, ../../scss/layout.scss */
.nameserver-bulk .select-box-1.disabled {
  background: #f8f9fa;
  color: #101010;
  cursor: auto;
}

/* line 8073, ../../scss/layout.scss */
.nameserver-bulk .menu-list-2 {
  position: absolute;
  margin-top: 3px;
  min-width: calc(100% - 68px);
  border: 1px solid #c3cbd4;
  background: white;
  z-index: 1;
  max-height: 509px;
  overflow-y: overlay;
  -ms-overflow-y: scroll;
}
/* line 8083, ../../scss/layout.scss */
.nameserver-bulk .menu-list-2 > li {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  font-size: 13px;
  color: black;
  background: #f8f9fa;
  border-bottom: 1px solid #d9dfe3;
}
/* line 8093, ../../scss/layout.scss */
.nameserver-bulk .menu-list-2 > li:last-child {
  border-bottom: 0px;
}

/* line 8098, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 {
  position: absolute;
  margin-top: -10px;
  min-width: calc(100% - 2px);
  border: 1px solid #c3cbd4;
  background: white;
  z-index: 1;
  max-height: 509px;
  overflow-y: overlay;
  -ms-overflow-y: scroll;
}
/* line 8108, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  font-size: 13px;
  color: black;
  background: #f8f9fa;
  border-bottom: 1px solid #d9dfe3;
}
/* line 8118, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li.hover {
  cursor: pointer;
}
/* line 8120, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li.hover:hover {
  text-decoration: underline;
}
/* line 8124, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li:last-child {
  border-bottom: 0px;
}

/* line 8129, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 {
  position: absolute;
  margin-top: 42px;
  min-width: 80px;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
  background: white;
  z-index: 1;
  max-height: 250px;
  overflow-y: overlay;
  -ms-overflow-y: scroll;
  top: 0;
}
/* line 8141, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li {
  height: 36px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: -0.39px;
  font-weight: normal;
}
/* line 8150, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li.border {
  border-bottom: 1px solid #c3cbd4;
}
/* line 8153, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li:hover {
  background: #f5fdfe;
}
/* line 8156, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li:last-child {
  border-bottom: 0px;
}

/* line 8161, ../../scss/layout.scss */
.nameserver-bulk .menu-list {
  position: absolute;
  margin-top: 42px;
  margin-right: 183px;
  min-width: 219px;
  border: 1px solid #c3cbd4;
  border-radius: 2px;
  background: white;
  z-index: 1;
  max-height: 250px;
  overflow-y: overlay;
  -ms-overflow-y: scroll;
  top: 0;
  right: 0px;
  left: 0px;
}
/* line 8176, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li {
  position: relative;
  height: 36px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: -0.39px;
  font-weight: normal;
}
/* line 8186, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li.border {
  border-bottom: 1px solid #c3cbd4;
}
/* line 8189, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li:hover {
  background: #f5fdfe;
}
/* line 8192, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li:last-child {
  border-bottom: 0px;
}
/* line 8195, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li > i {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: url('../../images/svg/icon_check.svg') no-repeat center center;
}

/* line 8206, ../../scss/layout.scss */
.nameserver-bulk .flex {
  display: flex;
}

/* line 8209, ../../scss/layout.scss */
.nameserver-bulk .flex-1 {
  flex: 1;
}

/* line 8212, ../../scss/layout.scss */
.nameserver-bulk .flex-between {
  justify-content: space-between;
  align-items: center;
}

/* line 8216, ../../scss/layout.scss */
.nameserver-bulk .top {
  align-items: start;
}

/* line 8219, ../../scss/layout.scss */
.nameserver-bulk .line {
  width: 100%;
  height: 1px;
  background: #c3cbd4;
  display: inline-block;
}

/* line 8225, ../../scss/layout.scss */
.nameserver-bulk .mt-20 {
  margin-top: 20px;
}

/* line 8228, ../../scss/layout.scss */
.nameserver-bulk .mt-40,
.nameserver-bulk .mt-41 {
  margin-top: 40px;
}

/* line 8232, ../../scss/layout.scss */
.nameserver-bulk .pt-m-100 {
  padding-top: 32px;
}

/* line 8235, ../../scss/layout.scss */
.nameserver-bulk .top-btn,
.nameserver-bulk-result .top-btn {
  display: none;
}

/* line 8239, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn {
  display: flex;
  justify-content: center;
}
/* line 8242, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn > button {
  width: 200px;
  height: 38px;
  background: #04939d;
  color: white;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
/* line 8252, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn > button:disabled {
  background: #e4e9ee;
  color: white;
}
/* line 8256, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn > button:hover:enabled {
  background: #129ca5;
}

/* line 8261, ../../scss/layout.scss */
.nameserver-bulk .icon-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #c3cbd4;
  color: #101717;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-left: 5px;
  font-weight: normal;
}
/* line 8273, ../../scss/layout.scss */
.nameserver-bulk .icon-btn > i {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url('../../images/svg/icon_templet.svg') no-repeat center center;
}

/* line 8280, ../../scss/layout.scss */
.nameserver-bulk .edit {
  margin-top: 20px;
}

/* line 8283, ../../scss/layout.scss */
.nameserver-bulk .edit li {
  display: flex;
  height: auto;
  min-height: 60px;
  align-items: center;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  border-bottom: 1px solid #e4e9ee;
}
/* line 8292, ../../scss/layout.scss */
.nameserver-bulk .edit li > div:not(:first-child) {
  text-align: center;
  border-left: 1px solid #e4e9ee;
  flex: 1;
}
/* line 8297, ../../scss/layout.scss */
.nameserver-bulk .edit li > div:first-child {
  min-width: 73px;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
/* line 8305, ../../scss/layout.scss */
.nameserver-bulk .edit li.first {
  background: #f6f7f9;
  height: 50px;
  min-height: 50px;
  font-weight: bold;
  border-top: 1px solid #e4e9ee;
}

/* line 8313, ../../scss/layout.scss */
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 8318, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 {
  margin-top: 20px;
}

/* line 8321, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list {
  display: flex;
  height: auto;
  min-height: 60px;
  align-items: start;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
}
/* line 8329, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > i {
  width: 16px;
  height: 16px;
  background: url('../../images/svg/warning.svg') no-repeat center center;
  margin: 10px 0 0 12px;
}
/* line 8335, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .label {
  min-width: 200px;
  padding-top: 12px;
}
/* line 8338, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .label > .red {
  color: #ed4040;
  padding-right: 5px;
}
/* line 8343, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con {
  display: flex;
}
/* line 8345, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con.ml {
  margin-left: 200px;
}
/* line 8348, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > select {
  height: 38px;
  border: 1px solid grey;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 8355, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .input-box {
  /*display:inline-block;*/
}
/* line 8357, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .input-box > i {
  top: 7px;
  right: 16px;
}
/* line 8362, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .input-box > input {
  margin: 0px;
  margin-right: 5px;
  margin-bottom: 8px;
  width: auto;
}
/* line 8368, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .check-box {
  margin-top: 10px;
  display: inline-block;
}
/* line 8373, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .check-box > label {
  padding: 0 10px;
}
/* line 8377, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > button {
  width: 100px;
  height: 38px;
  border: 1px solid #c3cbd4;
}
/* line 8383, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > div > button.left-btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-right: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
/* line 8394, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > div > button.right-btn {
  min-width: 110px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c3cbd4;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
/* line 8404, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > div > button.active {
  background: #0a3d53;
  color: white;
}
/* line 8409, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > div > button:disabled {
  opacity: 0.35;
}

/* line 8414, ../../scss/layout.scss */
.nameserver-bulk .error-box {
  margin-top: 12px;
  display: flex;
  align-items: center;
  height: 32px;
  color: #ed4040;
  font-size: 14px;
  line-height: 1.7;
}

/* line 8423, ../../scss/layout.scss */
.nameserver-bulk .info-box {
  padding: 22px 26px 16px;
  background: #f6f7f9;
  margin-top: 38px;
}
/* line 8427, ../../scss/layout.scss */
.nameserver-bulk .info-box > .title {
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  margin-bottom: 18px;
}
/* line 8434, ../../scss/layout.scss */
.nameserver-bulk .info-box > .desc {
  font-size: 12px;
  letter-spacing: -0.36px;
  color: black;
  margin-bottom: 12px;
  line-height: 1.7;
}
/* line 8440, ../../scss/layout.scss */
.nameserver-bulk .info-box > .desc > a {
  color: #006aff;
}

/* line 8445, ../../scss/layout.scss */
.nameserver-bulk .cn-info-box {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px solid #e4e9ee;
}
/* line 8449, ../../scss/layout.scss */
.nameserver-bulk .cn-info-box > .title {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.45px;
}
/* line 8454, ../../scss/layout.scss */
.nameserver-bulk .cn-info-box > .info {
  margin-top: 29px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.39px;
}
/* line 8459, ../../scss/layout.scss */
.nameserver-bulk .cn-info-box > .info > a {
  color: #006aff;
  cursor: pointer;
}

/* line 8466, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info {
  background: white;
  padding: 43px 0px 40px;
  border-bottom: 1px solid #d9dfe3;
  display: flex;
  justify-content: center;
}
/* line 8472, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner {
  width: 100%;
  max-width: 1220px;
  margin: 0px auto;
}
/* line 8476, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner > .title {
  font-size: 18px;
  letter-spacing: -0.54px;
  font-weight: bold;
  color: #030303;
  line-height: 2;
  text-align: center;
}
/* line 8484, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner > .desc {
  margin-top: 16px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  text-align: center;
}
/* line 8491, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner .green {
  color: #04939d;
}
/* line 8494, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner .red {
  color: #ed4040;
}
/* line 8499, ../../scss/layout.scss */
.nameserver-bulk-result > .right-btn {
  width: 100%;
  max-width: 1220px;
  margin: 0px auto;
  margin-top: 40px;
  display: flex;
  height: 24px;
  margin-bottom: 17px;
  justify-content: end;
  align-items: center;
}
/* line 8509, ../../scss/layout.scss */
.nameserver-bulk-result > .right-btn > button {
  font-size: 14px;
  font-weight: bold;
  color: #0a3d53;
  display: flex;
  align-items: center;
}
/* line 8515, ../../scss/layout.scss */
.nameserver-bulk-result > .right-btn > button > i {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url('../../images/svg/icon_arr_green.svg') no-repeat center;
}
/* line 8523, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains {
  width: 100%;
  max-width: 1220px;
  margin: 0px auto;
  background: white;
  border: 1px solid #d9dfe3;
}
/* line 8529, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  border-bottom: 1px solid #d9dfe3;
  padding: 0px 16px;
}
/* line 8536, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div {
  font-size: 15px;
  color: black;
  letter-spacing: -0.45px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
/* line 8543, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > .error-msg {
  color: #878d94;
  font-size: 12px;
  letter-spacing: -0.36px;
  margin-right: 16px;
}
/* line 8549, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > i {
  width: 16px;
  height: 16px;
  display: inline-block;
}
/* line 8553, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > i.success {
  background: url('../../images/svg/icon_info_complete.svg') no-repeat center;
}
/* line 8557, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > i.error {
  background: url('../../images/svg/icon_info_error.svg') no-repeat center;
}
/* line 8563, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li .disabled {
  color: #b1b4bc;
}
/* line 8566, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li:last-child {
  border-bottom: 0px;
}
/* line 8571, ../../scss/layout.scss */
.nameserver-bulk-result > .label {
  max-width: 1220px;
  margin: 37px auto 17px;
  color: black;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.42px;
}

/* line 8583, ../../scss/layout.scss */
.ui-tooltip {
  font-size: 13px;
  border: none !important;
  box-shadow: none !important;
  white-space: pre-line !important;
  background: #101717 !important;
  color: white !important;
  border-radius: 5px !important;
  opacity: 0.85 !important;
  max-width: max-content;
}

/* line 8595, ../../scss/layout.scss */
.ui-tooltip {
  color: white;
  border: none;
  padding: 0;
  opacity: 1;
}

/* line 8601, ../../scss/layout.scss */
.ui-tooltip-content {
  position: relative;
  padding: 5px 5.5px 4px 4.5px;
  font-size: 14px;
}

/* line 8606, ../../scss/layout.scss */
.ui-tooltip-content::after {
  content: '';
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -14px;
  left: 47%;
  border-color: #101717 transparent;
  border-width: 0 7px 7px;
}

@media screen and (max-width: 1220px) {
  /* line 8648, ../../scss/layout.scss */
  .regist-layout .title-text {
    margin: 0px 20px 20px;
  }
  /* line 8651, ../../scss/layout.scss */
  .regist-layout .title-link {
    right: 20px;
  }
  /* line 8654, ../../scss/layout.scss */
  .regist-layout .title-link-1 {
    right: 160px;
  }

  /* line 8658, ../../scss/layout.scss */
  .nameserver-bulk {
    width: 95%;
  }
}
@media screen and (max-width: 980px) {
  /* line 8663, ../../scss/layout.scss */
  .mt-20-m {
    margin-top: 10px;
  }

  /* line 8666, ../../scss/layout.scss */
  .mt-0-m {
    margin-top: 0px;
  }

  /* line 8669, ../../scss/layout.scss */
  .mb-40 {
    margin-bottom: 5px;
  }

  /* line 8672, ../../scss/layout.scss */
  .isPc {
    display: none;
  }

  /* line 8675, ../../scss/layout.scss */
  .regist-layout {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
  }
  /* line 8680, ../../scss/layout.scss */
  .regist-layout .title-text {
    margin: 0px 20px 20px;
  }
  /* line 8683, ../../scss/layout.scss */
  .regist-layout .title-link {
    right: 20px;
  }
  /* line 8686, ../../scss/layout.scss */
  .regist-layout .title-link-1 {
    right: 160px;
  }
  /* line 8689, ../../scss/layout.scss */
  .regist-layout .inner-left {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
  }
  /* line 8694, ../../scss/layout.scss */
  .regist-layout .box {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 8699, ../../scss/layout.scss */
  .regist-layout .inner-right {
    width: 100%;
    max-width: 100%;
    top: 5px;
  }
  /* line 8705, ../../scss/layout.scss */
  .regist-layout .btn-Layer .btn-sticky {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 56px;
    z-index: 5;
  }

  /* line 8715, ../../scss/layout.scss */
  .regist-info {
    padding-top: 0px;
  }

  /* line 8718, ../../scss/layout.scss */
  .nameserver-bulk {
    width: 100%;
  }

  /* line 8721, ../../scss/layout.scss */
  .nameserver-bulk .flex-between {
    justify-content: initial;
    align-items: initial;
  }

  /* line 8725, ../../scss/layout.scss */
  .nameserver-bulk .flex-1 {
    flex-direction: column;
  }

  /* line 8728, ../../scss/layout.scss */
  .nameserver-bulk .flex-1-m {
    flex: 1;
  }
}
@media screen and (max-width: 700px) {
  /* line 8733, ../../scss/layout.scss */
  .regist-info {
    padding-top: 0px;
    margin-bottom: 5px;
    border-bottom: 0px;
  }
  /* line 8737, ../../scss/layout.scss */
  .regist-info .inner {
    padding: 32px 0 30px;
  }
  /* line 8739, ../../scss/layout.scss */
  .regist-info .inner .title {
    color: #030303;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.42px;
    line-height: 0.8;
  }
  /* line 8746, ../../scss/layout.scss */
  .regist-info .inner .desc {
    padding-top: 12px;
    font-size: 12px;
    letter-spacing: -0.36px;
  }
  /* line 8751, ../../scss/layout.scss */
  .regist-info .inner .isMobile {
    display: block;
  }

  /* line 8756, ../../scss/layout.scss */
  .regist-layout {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 5px;
  }
  /* line 8761, ../../scss/layout.scss */
  .regist-layout .title-text {
    display: none;
  }
  /* line 8764, ../../scss/layout.scss */
  .regist-layout .inner-left {
    width: 100%;
    max-width: 916px;
    margin-right: 0px;
  }
  /* line 8769, ../../scss/layout.scss */
  .regist-layout .inner-right {
    width: 100%;
    max-width: 100%;
    position: relative;
    height: auto;
    top: 5px;
  }
  /* line 8776, ../../scss/layout.scss */
  .regist-layout .flex-between {
    display: block;
    align-items: center;
  }
  /* line 8780, ../../scss/layout.scss */
  .regist-layout .box {
    width: auto;
    border: 0;
    border-radius: 0px;
    margin-bottom: 5px;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
  }
  /* line 8789, ../../scss/layout.scss */
  .regist-layout .flex-1 {
    flex: 1;
  }
  /* line 8792, ../../scss/layout.scss */
  .regist-layout .selectBox select {
    padding: 0.8em 12px;
    /* 여백과 높이 결정 */
  }
  /* line 8795, ../../scss/layout.scss */
  .regist-layout .menuTerms {
    margin-top: -5px;
    margin-bottom: 5px;
    display: none;
  }
  /* line 8800, ../../scss/layout.scss */
  .regist-layout .menu {
    width: 100%;
    position: absolute;
    top: 52px;
    left: -1px;
    background: #f8f9fa;
    border: 1px solid #d9dfe3;
    border-bottom: 0px;
    z-index: 1;
    display: none;
  }
  /* line 8810, ../../scss/layout.scss */
  .regist-layout .menu li {
    height: 52px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d9dfe3;
    padding: 0 36px;
    color: black;
    cursor: pointer;
  }
  /* line 8818, ../../scss/layout.scss */
  .regist-layout .menu li:hover,
  .regist-layout .menu li:active {
    background: rgba(228, 233, 238, 0.4);
  }
  /* line 8824, ../../scss/layout.scss */
  .regist-layout .type-1 {
    height: 50px;
    padding: 0 16px;
  }
  /* line 8827, ../../scss/layout.scss */
  .regist-layout .type-1 span {
    font-size: 16px;
    color: black;
    font-weight: bold;
    padding-left: 13px;
  }
  /* line 8834, ../../scss/layout.scss */
  .regist-layout .type-2 {
    height: auto;
    padding: 20px 16px 30px;
  }
  /* line 8837, ../../scss/layout.scss */
  .regist-layout .type-2 span {
    font-size: 15px;
    color: black;
    font-weight: bold;
    letter-spacing: -0.45px;
  }
  /* line 8843, ../../scss/layout.scss */
  .regist-layout .type-2 .info-tit {
    font-size: 13px;
  }
  /* line 8846, ../../scss/layout.scss */
  .regist-layout .type-2 .con {
    padding-top: 18.5px;
  }
  /* line 8848, ../../scss/layout.scss */
  .regist-layout .type-2 .con .label {
    padding-top: 18px;
    font-weight: bold;
    padding-bottom: 13px;
  }
  /* line 8853, ../../scss/layout.scss */
  .regist-layout .type-2 .con .pb-0-m {
    padding-bottom: 0px;
  }
  /* line 8857, ../../scss/layout.scss */
  .regist-layout .type-2 .con .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8862, ../../scss/layout.scss */
  .regist-layout .type-2 .con .input-layer {
    display: flex;
    align-items: center;
  }
  /* line 8865, ../../scss/layout.scss */
  .regist-layout .type-2 .con .input-layer input[type='text'],
  .regist-layout .type-2 .con .input-layer input[type='password'],
  .regist-layout .type-2 .con .input-layer input[type='number'] {
    padding: 0 12px;
  }
  /* line 8870, ../../scss/layout.scss */
  .regist-layout .type-2 .con .input-layer span {
    font-size: 13px;
  }
  /* line 8874, ../../scss/layout.scss */
  .regist-layout .type-2 .con .success-msg {
    position: relative;
  }
  /* line 8878, ../../scss/layout.scss */
  .regist-layout .type-2 .pt-0 {
    padding-top: 0px;
  }
  /* line 8882, ../../scss/layout.scss */
  .regist-layout .type-3 {
    height: auto;
    padding: 26px 16px 30px;
  }
  /* line 8885, ../../scss/layout.scss */
  .regist-layout .type-3 .title {
    font-size: 16px;
    color: black;
    font-weight: bold;
  }
  /* line 8890, ../../scss/layout.scss */
  .regist-layout .type-3 .con {
    padding-top: 21.5px;
  }
  /* line 8892, ../../scss/layout.scss */
  .regist-layout .type-3 .con .label {
    font-size: 14px;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  /* line 8898, ../../scss/layout.scss */
  .regist-layout .type-3 .con .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8903, ../../scss/layout.scss */
  .regist-layout .type-3 .con .btn-Layer {
    padding-bottom: 8px;
  }
  /* line 8906, ../../scss/layout.scss */
  .regist-layout .type-3 .con .input-layer {
    display: flex;
    align-items: center;
  }
  /* line 8909, ../../scss/layout.scss */
  .regist-layout .type-3 .con .input-layer input[type='text'],
  .regist-layout .type-3 .con .input-layer input[type='password'],
  .regist-layout .type-3 .con .input-layer input[type='number'] {
    padding: 0 12px;
  }
  /* line 8916, ../../scss/layout.scss */
  .regist-layout .type-3 .pt-0 {
    padding-top: 0px;
  }
  /* line 8921, ../../scss/layout.scss */
  .regist-layout .type-4 {
    height: auto;
    padding: 27px 16px 27px;
  }
  /* line 8924, ../../scss/layout.scss */
  .regist-layout .type-4 span {
    font-size: 14.5px;
    font-weight: bold;
    letter-spacing: -0.29px;
  }
  /* line 8929, ../../scss/layout.scss */
  .regist-layout .type-4 button {
    margin-left: 5px;
    margin-right: 10px;
  }
  /* line 8933, ../../scss/layout.scss */
  .regist-layout .type-4 .title {
    font-size: 14.5px;
    color: black;
    font-weight: bold;
    letter-spacing: -0.29px;
  }
  /* line 8939, ../../scss/layout.scss */
  .regist-layout .type-4 .con {
    padding-top: 21.5px;
  }
  /* line 8941, ../../scss/layout.scss */
  .regist-layout .type-4 .con .label {
    font-size: 14px;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  /* line 8947, ../../scss/layout.scss */
  .regist-layout .type-4 .con .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8952, ../../scss/layout.scss */
  .regist-layout .type-4 .con .btn-Layer {
    padding-bottom: 8px;
  }
  /* line 8954, ../../scss/layout.scss */
  .regist-layout .type-4 .con .btn-Layer button {
    width: 100%;
    display: flex;
    align-items: center;
    height: 38px;
    justify-content: center;
    background: #fff;
    border: 1px solid #ccd5da;
    color: black;
    font-size: 15px;
  }
  /* line 8965, ../../scss/layout.scss */
  .regist-layout .type-4 .con .btn-Layer .red-button {
    background: #ed4040;
    color: white;
    border: 0px;
  }
  /* line 8972, ../../scss/layout.scss */
  .regist-layout .type-4 .con .input-layer input[type='text'],
  .regist-layout .type-4 .con .input-layer input[type='password'],
  .regist-layout .type-4 .con .input-layer input[type='number'] {
    padding: 0 12px;
  }
  /* line 8980, ../../scss/layout.scss */
  .regist-layout .type-5 {
    height: auto;
    padding: 0px 17px 29px;
    margin-bottom: 0px;
    border-bottom: 0px;
    display: block;
  }
  /* line 8986, ../../scss/layout.scss */
  .regist-layout .type-5 .flex {
    display: block;
  }
  /* line 8989, ../../scss/layout.scss */
  .regist-layout .type-5 .flex-m {
    display: flex;
  }
  /* line 8992, ../../scss/layout.scss */
  .regist-layout .type-5 .title {
    font-size: 14.5px;
    color: black;
    font-weight: bold;
    padding-left: 5px;
    letter-spacing: -0.44px;
  }
  /* line 8999, ../../scss/layout.scss */
  .regist-layout .type-5 .label-left {
    width: auto;
    padding-bottom: 16px;
  }
  /* line 9004, ../../scss/layout.scss */
  .regist-layout .type-5 .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 9009, ../../scss/layout.scss */
  .regist-layout .type-5 .input-layer {
    display: flex;
    align-items: center;
  }
  /* line 9012, ../../scss/layout.scss */
  .regist-layout .type-5 .input-layer input[type='text'],
  .regist-layout .type-5 .input-layer input[type='password'],
  .regist-layout .type-5 .input-layer input[type='number'] {
    padding: 0 12px;
  }
  /* line 9018, ../../scss/layout.scss */
  .regist-layout .type-5 .pt-21-m {
    margin-top: 21px;
  }
  /* line 9022, ../../scss/layout.scss */
  .regist-layout .infoBox {
    padding: 22px 20px 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    border-radius: 6px;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: black;
    line-height: 1.7;
    background: #f6f7f9;
    display: none;
  }
  /* line 9033, ../../scss/layout.scss */
  .regist-layout .infoBox .red {
    font-weight: normal;
    font-size: inherit;
    letter-spacing: inherit;
    color: #ed4040;
  }
  /* line 9040, ../../scss/layout.scss */
  .regist-layout .info {
    font-size: 12px;
  }
  /* line 9043, ../../scss/layout.scss */
  .regist-layout .type-5-last {
    padding-bottom: 27px;
    margin-bottom: 5px;
    border-bottom: 0px;
  }
  /* line 9048, ../../scss/layout.scss */
  .regist-layout .pt-30-m {
    padding-top: 30px;
  }
  /* line 9051, ../../scss/layout.scss */
  .regist-layout .pb-0-m {
    padding-bottom: 0px;
  }
  /* line 9054, ../../scss/layout.scss */
  .regist-layout .pt-31 {
    padding-top: 20px;
  }
  /* line 9057, ../../scss/layout.scss */
  .regist-layout .ml-12 {
    margin-left: 0px;
  }
  /* line 9060, ../../scss/layout.scss */
  .regist-layout .mr-12 {
    margin-right: 0px;
  }
  /* line 9063, ../../scss/layout.scss */
  .regist-layout .mw-240 {
    max-width: 100%;
  }
  /* line 9066, ../../scss/layout.scss */
  .regist-layout .mw-320 {
    max-width: 100%;
  }
  /* line 9069, ../../scss/layout.scss */
  .regist-layout .mw-200 {
    max-width: 100%;
  }
  /* line 9072, ../../scss/layout.scss */
  .regist-layout .mw-280 {
    max-width: 100%;
  }
  /* line 9075, ../../scss/layout.scss */
  .regist-layout .pt-30 {
    padding-top: 16px;
  }
  /* line 9078, ../../scss/layout.scss */
  .regist-layout .pt-23 {
    padding-top: 15px;
  }
  /* line 9081, ../../scss/layout.scss */
  .regist-layout .p-16-m {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  /* line 9085, ../../scss/layout.scss */
  .regist-layout .con {
    font-size: 13px;
    color: black;
    letter-spacing: -0.39px;
  }
  /* line 9090, ../../scss/layout.scss */
  .regist-layout .underline {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #e4e9ee;
    padding-bottom: 15px;
  }
  /* line 9096, ../../scss/layout.scss */
  .regist-layout .underline-p {
    border-bottom: 0px;
    padding-bottom: 0px;
  }
  /* line 9100, ../../scss/layout.scss */
  .regist-layout .underline-dark {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #878d94;
    padding-bottom: 15px;
  }
  /* line 9106, ../../scss/layout.scss */
  .regist-layout .underline-gray {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #91959a;
    padding-bottom: 15px;
  }
  /* line 9112, ../../scss/layout.scss */
  .regist-layout .green {
    color: #00858d;
  }
  /* line 9115, ../../scss/layout.scss */
  .regist-layout .red {
    color: #ed4040;
  }
  /* line 9118, ../../scss/layout.scss */
  .regist-layout .price {
    font-size: 23px;
  }
  /* line 9121, ../../scss/layout.scss */
  .regist-layout .bold {
    font-weight: bold;
  }

  /* line 9127, ../../scss/layout.scss */
  .nameserver-bulk {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    margin-bottom: 50px;
  }

  /* line 9133, ../../scss/layout.scss */
  .nameserver-bulk .box {
    border-radius: 0px;
    border: 0px solid #e0e0e0;
    border-left: 0px;
    border-right: 0px;
    background: white;
    padding: 20px 16px;
  }

  /* line 9141, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 {
    display: flex;
    flex-direction: column;
    width: calc(100%);
  }
  /* line 9145, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .label {
    font-weight: bold;
    min-width: auto;
    display: flex;
    align-items: center;
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #000000;
    margin-bottom: 15px;
  }
  /* line 9154, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .label.top {
    align-items: start;
  }
  /* line 9159, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con button {
    font-size: 13px;
    letter-spacing: -0.39px;
  }
  /* line 9162, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con button.active {
    background: #0a3d53;
    color: white;
  }
  /* line 9167, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con input {
    flex: 1;
    min-width: 50px;
    height: 36px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 13px;
    letter-spacing: -0.33px;
    border-radius: 2px;
    color: black;
    border: 1px solid #c3cbd4;
  }
  /* line 9179, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con input:read-only {
    background: #f6f7f9;
  }
  /* line 9182, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con input.error {
    border-color: #ed4040;
    color: black;
  }
  /* line 9187, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con div {
    margin-bottom: 10px;
  }
  /* line 9190, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con .btn {
    min-width: 110px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c3cbd4;
    border-radius: 2px;
    margin-left: 5px;
  }
  /* line 9200, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con .left-btn {
    flex: 1;
    min-width: auto;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c3cbd4;
    border-right: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  /* line 9212, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con .right-btn {
    flex: 1;
    min-width: auto;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c3cbd4;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  /* line 9223, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con .success {
    font-size: 13px;
    letter-spacing: -0.39px;
    font-weight: bold;
    color: #04939d;
    margin: 0;
  }
  /* line 9229, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con .success > i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    background: url('../../images/svg/icon_info_complete.svg') no-repeat center;
  }

  /* line 9241, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 > .title {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.45px;
    color: #101717;
    position: relative;
  }
  /* line 9247, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 > .title > .right {
    display: flex;
    align-items: center;
    position: absolute;
    top: 40px;
    width: calc(100%);
  }
  /* line 9255, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex: 1;
    position: relative;
  }
  /* line 9261, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .required {
    color: #ed4040;
    position: absolute;
    left: 5px;
  }
  /* line 9266, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .error {
    margin: 0px 5px 10px;
    color: #ed4040;
  }
  /* line 9269, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .error.ml {
    margin-left: 18px;
  }
  /* line 9273, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .ip-address {
    margin: 0px 5px 10px;
    color: grey;
    display: flex;
    justify-content: space-between;
  }
  /* line 9278, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .ip-address.ml {
    margin-left: 18px;
  }
  /* line 9282, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input {
    padding: 0 20px;
    margin: 10px 16px;
    display: flex;
    height: 36px;
    font-size: 13px;
    color: black;
    letter-spacing: -0.33px;
    align-items: center;
    border: 1px solid #c3cbd4;
    width: calc(100% - 72px);
    border-radius: 2px;
  }
  /* line 9294, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input:disabled {
    background: #f6f7f9;
  }
  /* line 9297, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input::placeholder {
    color: #91959a;
  }
  /* line 9301, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > i {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../../images/svg/icon_search_del.svg') no-repeat center;
    position: absolute;
    right: 26px;
    top: 17px;
    cursor: pointer;
  }
  /* line 9311, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input.errorField {
    border-color: #ed4040;
  }

  /* line 9318, ../../scss/layout.scss */
  .nameserver-bulk .other {
    height: 60px;
    background: white;
    margin: 0px 0 5px;
  }

  /* line 9323, ../../scss/layout.scss */
  .nameserver-bulk .menu {
    padding: 0px 16px;
    height: 60px;
    border-radius: 0px;
    border: 0px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    letter-spacing: -0.39px;
    border-radius: 0px;
    font-weight: bold;
    color: #101717;
    margin: 0px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 32px);
  }
  /* line 9343, ../../scss/layout.scss */
  .nameserver-bulk .menu > div {
    display: flex;
    align-items: center;
  }
  /* line 9346, ../../scss/layout.scss */
  .nameserver-bulk .menu > div > i {
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url('../../images/svg/arr_l_bk.svg') no-repeat center;
    transform: rotate(90deg);
  }
  /* line 9353, ../../scss/layout.scss */
  .nameserver-bulk .menu > div > i.up {
    transform: rotate(-90deg);
  }
  /* line 9356, ../../scss/layout.scss */
  .nameserver-bulk .menu > div > i.profile {
    width: 12px;
    height: 13.7px;
    margin-right: 14px;
    display: inline-block;
    background: url('../../images/svg/icon_owner_m.svg') no-repeat center;
    transform: rotate(0deg);
  }

  /* line 9367, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 {
    padding: 0px 17px;
    height: 50px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: bold;
    color: #101717;
    margin: 20px 0 0px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  /* line 9382, ../../scss/layout.scss */
  .nameserver-bulk .menu-1:hover {
    border-color: #04939d;
  }
  /* line 9385, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 > div {
    display: flex;
    align-items: center;
  }
  /* line 9388, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 > div > i {
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url('../../images/svg/arr_l_bk.svg') no-repeat center;
    transform: rotate(90deg);
  }
  /* line 9395, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 > div > i.up {
    transform: rotate(-90deg);
  }
  /* line 9398, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 > div > i.profile {
    width: 12px;
    height: 13.7px;
    margin-right: 14px;
    display: inline-block;
    background: url('../../images/svg/icon_owner_m.svg') no-repeat center;
    transform: rotate(0deg);
  }

  /* line 9408, ../../scss/layout.scss */
  .nameserver-bulk .select-box {
    background: white;
    min-width: auto;
    flex: 1;
    height: 36px;
    padding: 0 16px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    border: 1px solid #c3cbd4;
    border-radius: 2px;
    font-size: 13px;
    color: black;
    cursor: pointer;
    width: calc(100vw - 60px);
  }
  /* line 9423, ../../scss/layout.scss */
  .nameserver-bulk .select-box > i {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: url('../../images/svg/icon_arr_select.svg') no-repeat center
      center;
  }
  /* line 9430, ../../scss/layout.scss */
  .nameserver-bulk .select-box > i.up {
    transform: rotate(180deg);
  }

  /* line 9434, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 {
    position: absolute;
    top: 70px;
    left: 0px;
    min-width: auto;
    border: 1px solid #c3cbd4;
    border-left: 0px;
    border-right: 0px;
    background: white;
    z-index: 1;
    width: calc(100% - 0px);
  }
  /* line 9445, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    font-size: 12px;
    color: black;
    background: #f8f9fa;
    border-bottom: 1px solid #d9dfe3;
  }
  /* line 9455, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li:last-child {
    border-bottom: 0px;
  }
  /* line 9458, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: auto;
    white-space: nowrap;
    flex: 1;
  }
  /* line 9467, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li > span {
    max-width: 120px;
  }

  /* line 9473, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-2 {
    position: absolute;
    margin-top: 3px;
    min-width: calc(100% - 2px);
    border: 1px solid #c3cbd4;
    background: white;
    z-index: 1;
    max-height: 509px;
    overflow-y: overlay;
    -ms-overflow-y: scroll;
  }
  /* line 9483, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-2 > li {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
    font-size: 13px;
    color: black;
    background: #f8f9fa;
    border-bottom: 1px solid #d9dfe3;
  }
  /* line 9493, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-2 > li:last-child {
    border-bottom: 0px;
  }

  /* line 9498, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 {
    position: absolute;
    margin-top: 42px;
    margin-right: 0px;
    min-width: calc(100% - 48px);
    border: 1px solid #c3cbd4;
    border-radius: 2px;
    background: white;
    z-index: 1;
    top: 0;
  }
  /* line 9508, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li {
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    cursor: pointer;
  }
  /* line 9514, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li.border {
    border-bottom: 1px solid #c3cbd4;
  }
  /* line 9517, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li:hover {
    background: #f5fdfe;
  }
  /* line 9520, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li:last-child {
    border-bottom: 0px;
  }

  /* line 9525, ../../scss/layout.scss */
  .nameserver-bulk .menu-list {
    position: absolute;
    margin-top: 42px;
    margin-right: 0px;
    min-width: calc(100% - 48px);
    border: 1px solid #c3cbd4;
    border-radius: 2px;
    background: white;
    z-index: 1;
    top: 0;
  }
  /* line 9535, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li {
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    cursor: pointer;
  }
  /* line 9541, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li.border {
    border-bottom: 1px solid #c3cbd4;
  }
  /* line 9544, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li:hover {
    background: #f5fdfe;
  }
  /* line 9547, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li:last-child {
    border-bottom: 0px;
  }

  /* line 9552, ../../scss/layout.scss */
  .nameserver-bulk .flex {
    display: flex;
  }

  /* line 9555, ../../scss/layout.scss */
  .nameserver-bulk .flex-between {
    justify-content: initial;
    align-items: initial;
  }

  /* line 9559, ../../scss/layout.scss */
  .nameserver-bulk .flex-1 {
    flex-direction: column;
  }

  /* line 9562, ../../scss/layout.scss */
  .nameserver-bulk .flex-1-m {
    flex: 1;
  }

  /* line 9565, ../../scss/layout.scss */
  .nameserver-bulk .top {
    align-items: start;
  }

  /* line 9568, ../../scss/layout.scss */
  .nameserver-bulk .line {
    width: 100%;
    height: 0px;
    background: #c3cbd4;
    display: none;
  }

  /* line 9574, ../../scss/layout.scss */
  .nameserver-bulk .pm-0 {
    padding: 0px;
  }

  /* line 9577, ../../scss/layout.scss */
  .nameserver-bulk .mt-20 {
    margin-top: 5px;
  }

  /* line 9580, ../../scss/layout.scss */
  .nameserver-bulk .mt-0-m {
    margin-top: -20px;
  }

  /* line 9583, ../../scss/layout.scss */
  .nameserver-bulk .mt-40 {
    margin-top: 12px;
  }

  /* line 9586, ../../scss/layout.scss */
  .nameserver-bulk .mt-41 {
    margin-top: 5px;
  }

  /* line 9589, ../../scss/layout.scss */
  .nameserver-bulk .pt-m-100 {
    padding-top: 100px;
    margin-top: 5px;
  }

  /* line 9593, ../../scss/layout.scss */
  .nameserver-bulk .top-btn,
  .nameserver-bulk-result .top-btn {
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 10;
    background: white;
    height: 54px;
    align-items: center;
    left: 0;
    right: 0;
    border-bottom: 1px solid #e4e9ee;
  }
  /* line 9606, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > button,
  .nameserver-bulk-result .top-btn > button {
    width: 60px;
    font-size: 13px;
    letter-spacing: -0.39px;
  }
  /* line 9610, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > button.green,
  .nameserver-bulk-result .top-btn > button.green {
    color: #04939d;
    font-weight: bold;
  }
  /* line 9613, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > button.green:disabled,
  .nameserver-bulk-result .top-btn > button.green:disabled {
    color: grey;
  }
  /* line 9618, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > .title,
  .nameserver-bulk-result .top-btn > .title {
    position: absolute;
    left: 50%;
    font-size: 16px;
    letter-spacing: -0.48px;
    font-weight: bold;
    color: black;
    transform: translateX(-50%);
  }

  /* line 9628, ../../scss/layout.scss */
  .nameserver-bulk-result .top-btn {
    background-color: #fafbfc;
  }

  /* line 9631, ../../scss/layout.scss */
  .nameserver-bulk .bottom-btn {
    display: none;
    justify-content: center;
  }
  /* line 9634, ../../scss/layout.scss */
  .nameserver-bulk .bottom-btn > button {
    width: 200px;
    height: 38px;
    background: #04939d;
    color: white;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
  }
  /* line 9644, ../../scss/layout.scss */
  .nameserver-bulk .bottom-btn > button:disabled {
    background: #e0e0e0;
    color: white;
  }

  /* line 9650, ../../scss/layout.scss */
  .nameserver-bulk .icon-btn {
    width: auto;
    height: 38px;
    border: 1px solid #c3cbd4;
    color: #101717;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    margin-left: 5px;
    padding: 0 12px;
  }
  /* line 9662, ../../scss/layout.scss */
  .nameserver-bulk .icon-btn > i {
    width: 15px;
    height: 15px;
    margin-right: 0px;
    display: inline-block;
    background: url('../../images/svg/icon_templet.svg') no-repeat center center;
  }
  /* line 9670, ../../scss/layout.scss */
  .nameserver-bulk .icon-btn > span {
    display: none;
  }

  /* line 9674, ../../scss/layout.scss */
  .nameserver-bulk .edit {
    margin-top: 80px;
  }

  /* line 9677, ../../scss/layout.scss */
  .nameserver-bulk .edit li {
    display: flex;
    height: auto;
    min-height: 60px;
    align-items: center;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: black;
    border: 1px solid #e4e9ee;
    background: #f6f7f9;
    border-radius: 4px;
    margin-bottom: 7px;
  }
  /* line 9689, ../../scss/layout.scss */
  .nameserver-bulk .edit li > div:not(:first-child) {
    text-align: center;
    border-left: 1px solid #e4e9ee;
    flex: 1;
  }
  /* line 9694, ../../scss/layout.scss */
  .nameserver-bulk .edit li > div:first-child {
    min-width: 73px;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
  }
  /* line 9702, ../../scss/layout.scss */
  .nameserver-bulk .edit li.first {
    background: #f6f7f9;
    height: 50px;
    min-height: 50px;
    font-weight: bold;
    display: none;
  }

  /* line 9711, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 {
    margin-top: 80px;
  }

  /* line 9714, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list {
    display: flex;
    height: auto;
    flex-direction: column;
    min-height: 60px;
    align-items: start;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: black;
  }
  /* line 9723, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .label {
    min-width: 200px;
    padding-top: 12px;
    margin-bottom: 10px;
  }
  /* line 9727, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .label > .red {
    color: #ed4040;
    padding-right: 5px;
  }
  /* line 9732, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con {
    width: 100%;
    display: block;
  }
  /* line 9735, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con.ml {
    margin-left: 0px;
  }
  /* line 9738, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > select {
    height: 36px;
    border: 1px solid grey;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  /* line 9745, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box {
    display: inline-block;
  }
  /* line 9747, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > i {
    top: 7px;
    right: 16px;
  }
  /* line 9752, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > input {
    margin: 0px;
    margin-right: 5px;
    margin-bottom: 8px;
    width: auto;
    max-width: 100%;
  }
  /* line 9760, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .postalCode {
    width: 130px;
  }
  /* line 9762, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .postalCode > input {
    width: 80px;
  }
  /* line 9766, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > button {
    position: absolute;
    width: auto;
    min-width: 100px;
    left: 142px;
    height: 38px;
    border: 1px solid #c3cbd4;
  }

  /* line 9776, ../../scss/layout.scss */
  .nameserver-bulk .error-box {
    margin-top: 22px;
    display: flex;
    align-items: center;
    height: 32px;
    color: #ed4040;
    font-size: 13px;
    letter-spacing: -0.39px;
    line-height: 1.7;
  }

  /* line 9786, ../../scss/layout.scss */
  .nameserver-bulk .info-box {
    padding: 16px 16px 16px;
    background: #f6f7f9;
    margin-top: 18px;
  }
  /* line 9790, ../../scss/layout.scss */
  .nameserver-bulk .info-box > .title {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: black;
    margin-bottom: 18px;
  }
  /* line 9797, ../../scss/layout.scss */
  .nameserver-bulk .info-box > .desc {
    font-size: 12px;
    letter-spacing: -0.36px;
    color: black;
    margin-bottom: 12px;
    line-height: 1.7;
  }
  /* line 9803, ../../scss/layout.scss */
  .nameserver-bulk .info-box > .desc > a {
    color: #006aff;
  }

  /* line 9808, ../../scss/layout.scss */
  .nameserver-bulk-result {
    background: white;
    padding-bottom: 50px;
  }
  /* line 9811, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info {
    background: white;
    padding: 23px 0px 20px;
    border-bottom: 0px;
    display: flex;
    justify-content: center;
  }
  /* line 9817, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner {
    width: 100%;
    max-width: 1220px;
    margin: 0px auto;
  }
  /* line 9821, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner > .title {
    font-size: 14px;
    letter-spacing: -0.42px;
    font-weight: bold;
    color: #000000;
    line-height: 1.7;
    text-align: center;
    padding: 0 16px;
  }
  /* line 9830, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner > .desc {
    margin-top: 16px;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: black;
    text-align: center;
  }
  /* line 9837, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner .green {
    color: #04939d;
  }
  /* line 9840, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner .red {
    color: #ed4040;
  }
  /* line 9845, ../../scss/layout.scss */
  .nameserver-bulk-result > .right-btn {
    width: 100%;
    max-width: 1220px;
    margin: 0px auto;
    margin-top: 20px;
    display: none;
    height: 24px;
    margin-bottom: 17px;
    justify-content: end;
    align-items: center;
  }
  /* line 9855, ../../scss/layout.scss */
  .nameserver-bulk-result > .right-btn > button {
    font-size: 14px;
    font-weight: bold;
    color: #0a3d53;
    margin-right: 5px;
    display: flex;
    align-items: center;
  }
  /* line 9862, ../../scss/layout.scss */
  .nameserver-bulk-result > .right-btn > button > i {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: url('../../images/svg/icon_arr_green.svg') no-repeat center;
  }
  /* line 9871, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains {
    width: auto;
    max-width: 1220px;
    margin: 0px 12px;
    background: white;
    border: 1px solid #d9dfe3;
  }
  /* line 9877, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    height: auto;
    border-bottom: 1px solid #d9dfe3;
    padding: 0px 16px;
  }
  /* line 9885, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div {
    font-size: 15px;
    color: black;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  /* line 9890, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div > .error-msg {
    color: #878d94;
    font-size: 12px;
    letter-spacing: -0.36px;
    margin-right: 16px;
    position: absolute;
    left: 16px;
    top: 40px;
  }
  /* line 9899, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div:first-child {
    flex: 1;
    overflow: hidden;
    cursor: pointer;
  }
  /* line 9903, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div:first-child > span {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
  }
  /* line 9910, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li:last-child {
    border-bottom: 0px;
  }
  /* line 9913, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li.error {
    min-height: 64px;
    align-items: start;
    padding-top: 16px;
    position: relative;
  }
  /* line 9918, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li.error > div > i.error {
    margin-top: 15px;
  }
  /* line 9924, ../../scss/layout.scss */
  .nameserver-bulk-result > .label {
    margin-top: 25px;
    margin-left: 12px;
    margin-bottom: 17px;
    color: black;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -0.39px;
  }
}
@media screen and (max-width: 480px) {
  /* line 9940, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > select.tel {
    width: 100px;
  }
  /* line 9943, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box {
    width: calc(100% - 40px);
  }
  /* line 9945, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > i {
    right: -30px;
  }
  /* line 9949, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > input.w100 {
    width: 100% !important;
  }
  /* line 9954, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .tel100 {
    width: calc(100% - 140px);
  }
}

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