@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, #hk-header .gnb-submenu .inner .list: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: 1240px;
  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: 35px;
  padding: 12px 11px 9px;
  vertical-align: middle;
  line-height: 1;
  font-size: 13px;
  color: #101717;
  box-sizing: border-box;
}
/* line 97, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 1px;
  height: 13px;
}
/* line 106, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .icon {
  vertical-align: middle;
  font: 0/0 a;
}
/* line 110, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .icon-arrow:before {
  display: none;
}
/* line 113, ../../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 128, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .badge {
  font-size: 11px;
}
/* line 131, ../../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 144, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing .icon {
  vertical-align: top;
}
/* line 146, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing .icon:before {
  margin-right: 2px;
}
/* line 150, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .payment-typing .number {
  display: inline-block;
  vertical-align: top;
}
/* line 155, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a .grade {
  margin-top: -3px;
}
/* line 158, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a.search-toggle {
  padding: 11px 10px;
}
/* line 160, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a.search-toggle:before {
  display: none;
}
/* line 163, ../../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 170, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a span {
  display: inline-block;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: 257px;
}
/* line 178, ../../scss/layout.scss */
#hk-header .top .util .menu > li > a span.is-mobile {
  display: none;
}
/* line 186, ../../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 192, ../../scss/layout.scss */
#hk-header .top .util .menu > li.wrap-login > a {
  color: #00858d;
}
/* line 196, ../../scss/layout.scss */
#hk-header .top .util .menu > li.join {
  display: none;
}
/* line 203, ../../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 216, ../../scss/layout.scss */
#hk-header .top .util .menu.data-payment .inner .btn-wrap .btn-point-red {
  display: block;
}
/* line 224, ../../scss/layout.scss */
#hk-header .top .util .menu.data-payment > li > a .payment-typing {
  display: inline-block;
}
/* line 231, ../../scss/layout.scss */
#hk-header .top .util .js-submenu {
  position: relative;
}
/* line 233, ../../scss/layout.scss */
#hk-header .top .util .js-submenu.mypage {
  display: none;
}
/* line 237, ../../scss/layout.scss */
#hk-header .top .util .active {
  z-index: 20;
}
/* line 239, ../../scss/layout.scss */
#hk-header .top .util .active .js-target {
  max-height: 1000px;
}
/* line 242, ../../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 249, ../../scss/layout.scss */
#hk-header .top .util .active > .btn:not(#favoriteBtn):before {
  display: none;
}
/* line 252, ../../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 264, ../../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 273, ../../scss/layout.scss */
#hk-header .top .util .mypage .js-target {
  border: 0px !important;
}
/* line 276, ../../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 284, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner .tit {
  margin-bottom: 22px;
  color: #101717;
}
/* line 289, ../../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;
}
/* line 296, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner ul li a {
  font-size: 13px;
  color: #000;
}
/* line 300, ../../scss/layout.scss */
#hk-header .top .util .mypage .inner ul li:hover {
  background: #f5fdfe;
}
/* line 307, ../../scss/layout.scss */
#hk-header .top .util .mypage.active .inner {
  display: block;
}
/* line 313, ../../scss/layout.scss */
#hk-header .top .util .help .js-target {
  border: 0px !important;
}
/* line 316, ../../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 324, ../../scss/layout.scss */
#hk-header .top .util .help .inner .tit {
  margin-bottom: 22px;
  color: #101717;
}
/* line 329, ../../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 339, ../../scss/layout.scss */
#hk-header .top .util .help .inner ul li a {
  font-size: 13px;
  color: #000;
}
/* line 343, ../../scss/layout.scss */
#hk-header .top .util .help .inner ul li:hover {
  background: #f5fdfe;
}
/* line 350, ../../scss/layout.scss */
#hk-header .top .util .help.active .inner {
  display: block;
}
/* line 356, ../../scss/layout.scss */
#hk-header .top .util .basket .inner {
  display: none;
  min-width: 240px;
}
/* line 359, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .scrollbar-inner {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 350px;
  margin-bottom: 0 !important;
}
/* line 365, ../../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 371, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .not-item span {
  display: block;
}
/* line 375, ../../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 383, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .all-checked .checkbox {
  margin-bottom: 0;
}
/* line 386, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .all-checked label {
  font-weight: bold;
}
/* line 390, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .item-wrap {
  margin: 0;
  padding: 0;
  background: #f5f7f8;
}
/* line 395, ../../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 405, ../../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 412, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item:first-child {
  border-top: 0;
}
/* line 415, ../../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 422, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .price > span {
  font-size: 14px;
  font-weight: normal;
}
/* line 427, ../../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 441, ../../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 448, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .btn-del:before {
  display: none;
}
/* line 452, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .basket-item .select {
  position: static;
  display: inline-block;
  height: 30px;
}
/* line 456, ../../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 467, ../../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 475, ../../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 482, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total span {
  float: left;
  font-weight: bold;
}
/* line 485, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total span.price {
  float: right;
  color: #00858d;
  font-size: 18px;
  letter-spacing: -0.54px;
}
/* line 490, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .total span.price > span {
  font-size: 17px;
  font-weight: normal;
  padding-left: 5px;
}
/* line 499, ../../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 508, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:first-child {
  margin-top: 0;
}
/* line 511, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:first-child:hover {
  background: #129ca5;
}
/* line 514, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:nth-child(2):hover {
  background: #f8f9fb;
}
/* line 517, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn:before {
  display: none;
}
/* line 520, ../../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 526, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn-point-red {
  display: none;
}
/* line 529, ../../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 540, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn-default {
  display: none;
  margin: 5px 20px 0;
  border: 1px solid #ccd5da;
}
/* line 545, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn.disabled {
  line-height: 31px;
  border: 1px solid #ccd5da;
  background-color: #ccd5da;
}
/* line 550, ../../scss/layout.scss */
#hk-header .top .util .basket .inner .btn-wrap .btn.favorite-1 {
  background: #d9dfe3;
}
/* line 556, ../../scss/layout.scss */
#hk-header .top .util .basket .inner.not-basket .btn-wrap {
  padding-top: 0;
}
/* line 559, ../../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 566, ../../scss/layout.scss */
#hk-header .top .util .basket .inner.not-basket .not-item {
  display: block;
}
/* line 572, ../../scss/layout.scss */
#hk-header .top .util .basket.active .inner {
  display: block;
  min-width: 300px;
}
/* line 580, ../../scss/layout.scss */
#hk-header .top .util .login-menu > .btn:before {
  display: none;
}
/* line 584, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner {
  min-width: 300px;
  padding: 5px 20px;
}
/* line 587, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #eee;
}
/* line 591, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item:first-child {
  border-top: 0;
}
/* line 594, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item span {
  display: block;
}
/* line 597, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn {
  position: absolute;
  right: 0;
}
/* line 600, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn-default {
  bottom: 12px;
  padding: 2px 8px 3px;
  border: 1px solid #ccd5da;
}
/* line 605, ../../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 611, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .item .btn-reflash .icon {
  vertical-align: top;
}
/* line 619, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .txt {
  font-size: 12px;
  color: #101717;
}
/* line 623, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .price {
  margin-top: 5px;
  margin-right: 55px;
  font-size: 14px;
  color: #04939d;
}
/* line 629, ../../scss/layout.scss */
#hk-header .top .util .login-menu .inner .bul-list {
  padding: 15px 0;
  border-top: 1px solid #ccd5da;
}
/* line 632, ../../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 643, ../../scss/layout.scss */
#hk-header .top .util .search {
  position: static;
}
/* line 645, ../../scss/layout.scss */
#hk-header .top .util .search.active {
  margin-left: -2px;
  margin-right: 0;
}
/* line 648, ../../scss/layout.scss */
#hk-header .top .util .search.active .search-toggle {
  padding: 11px 9px;
  background-color: #101717;
}
/* line 651, ../../scss/layout.scss */
#hk-header .top .util .search.active .search-toggle:after {
  display: none;
}
/* line 654, ../../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 662, ../../scss/layout.scss */
#hk-header .top .util .search.active .js-target {
  border-bottom: 1px solid #ccd5da;
}
/* line 666, ../../scss/layout.scss */
#hk-header .top .util .search .js-target {
  top: 41px;
  left: 0;
  height: 120px;
  background-color: #fff;
}
/* line 671, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner {
  position: relative;
  padding-top: 32px;
  border: 0;
}
/* line 675, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .search-wrap {
  position: relative;
  margin-right: 260px;
}
/* line 678, ../../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 689, ../../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 703, ../../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 711, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .search-wrap input:focus + label {
  display: none\9;
}
/* line 715, ../../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 725, ../../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 741, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link {
  position: absolute;
  top: 52px;
  right: 0;
  line-height: 1;
}
/* line 746, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
/* line 750, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li:first-child {
  margin-right: 30px;
}
/* line 753, ../../scss/layout.scss */
#hk-header .top .util .search .js-target .inner .link li a {
  font-size: 16px;
  color: #101717;
  font-weight: bold;
}
/* line 757, ../../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 774, ../../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 791, ../../scss/layout.scss */
#hk-header .top .util .badge.gray {
  background-color: #55595e;
}
/* line 796, ../../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 807, ../../scss/layout.scss */
#hk-header .top .js-target .inner {
  border: 0px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 812, ../../scss/layout.scss */
#hk-header .top .js-target .inner .tit {
  display: block;
  font-size: 18px;
}
/* line 819, ../../scss/layout.scss */
#hk-header .nav {
  position: relative;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 60px;
  border-bottom: 0px;
  background-color: #fff;
}
/* line 830, ../../scss/layout.scss */
#hk-header .nav ul:after {
  content: '';
  display: block;
  clear: both;
  margin: 0;
  width: 100%;
  height: 0;
}
/* line 839, ../../scss/layout.scss */
#hk-header .nav .inner {
  max-width: 1240px;
  margin: 0 auto;
}
/* line 844, ../../scss/layout.scss */
#hk-header .nav .gnb {
  float: left;
  min-width: 0;
  margin-left: -15px;
}
/* line 849, ../../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 861, ../../scss/layout.scss */
#hk-header .nav .gnb .depth-1 > a strong {
  font-weight: 500;
}
/* line 863, ../../scss/layout.scss */
#hk-header .nav .gnb .depth-1 > a strong.active {
  color: #000000;
}
/* line 870, ../../scss/layout.scss */
#hk-header .nav .snb {
  float: left;
}
/* line 873, ../../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 879, ../../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 889, ../../scss/layout.scss */
#hk-header .nav .snb .depth-2 .icon-arrow-right:before {
  display: none;
}
/* line 898, ../../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 904, ../../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 918, ../../scss/layout.scss */
#hk-header .nav .depth-1 {
  display: inline-block;
  box-sizing: border-box;
}
/* line 922, ../../scss/layout.scss */
#hk-header .nav .depth-1 > a strong {
  color: #000;
}
/* line 925, ../../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 954, ../../scss/layout.scss */
#hk-header .nav .depth-1 > a:hover > strong {
  font-weight: 700;
  color: #000;
  border-color: #2e596c;
}
/* line 961, ../../scss/layout.scss */
#hk-header .nav .depth-1 a {
  position: relative;
  display: block;
  display: inline-block;
  padding: 0 21px;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  letter-spacing: -0.48px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}
/* line 978, ../../scss/layout.scss */
#hk-header .nav .depth-1.gray > a > strong {
  font-weight: 500;
  color: #878d94;
}
/* line 986, ../../scss/layout.scss */
#hk-header .nav .depth-1.hover > a > strong {
  font-weight: 500;
  color: #0a3d53;
}
/* line 994, ../../scss/layout.scss */
#hk-header .nav .depth-1.active > a > strong {
  font-weight: 500;
  color: #000;
  border-color: #2e596c;
}
/* line 999, ../../scss/layout.scss */
#hk-header .nav .depth-1.active > 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 1052, ../../scss/layout.scss */
#hk-header .nav .depth-2 {
  position: absolute;
  top: -1000%;
  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 1067, ../../scss/layout.scss */
#hk-header .nav .depth-2 ul {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
}
/* line 1071, ../../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 1081, ../../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 1091, ../../scss/layout.scss */
#hk-header .nav .depth-2 li:first-child {
  border-left: 1px solid #d4d4d4;
}
/* line 1094, ../../scss/layout.scss */
#hk-header .nav .depth-2 li:last-child {
  border-right: 0;
}
/* line 1097, ../../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 1110, ../../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 1120, ../../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 1132, ../../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 1138, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a {
  padding-left: 8px;
}
/* line 1140, ../../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 1151, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a:hover strong {
  border-color: #018380;
  transform: none;
}
/* line 1155, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a:hover strong:after {
  display: none;
}
/* line 1160, ../../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 1168, ../../scss/layout.scss */
#hk-header .nav .depth-2 li.minor a strong .icon-arrow-right {
  display: none;
}
/* line 1176, ../../scss/layout.scss */
#hk-header .nav .depth-2 .icon-arrow-right {
  margin-top: -4px;
  margin-left: 10px;
}
/* line 1179, ../../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 1190, ../../scss/layout.scss */
#hk-header .nav .icon {
  display: inline-block;
  vertical-align: middle;
  font: 0/0 a;
}
/* line 1194, ../../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 1221, ../../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 1232, ../../scss/layout.scss */
#hk-header .nav .icon-arrow-righ:before {
  margin: 0;
  border: none;
  transform: none;
}
/* line 1239, ../../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 1251, ../../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 1259, ../../scss/layout.scss */
#hk-header .nav .logo-img {
  float: left;
  display: flex;
  align-items: center;
  margin-right: 76.8px;
  height: 60px;
}
/* line 1265, ../../scss/layout.scss */
#hk-header .nav .logo-img a:hover {
  background-color: transparent;
}
/* line 1267, ../../scss/layout.scss */
#hk-header .nav .logo-img a:hover img {
  opacity: 1;
}
/* line 1271, ../../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 1278, ../../scss/layout.scss */
#hk-header .nav .logo {
  display: inline-block;
  vertical-align: middle;
  font-size: 0 !important;
  font-weight: 400;
}
/* line 1283, ../../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 1290, ../../scss/layout.scss */
#hk-header .nav .logo-aws:before {
  width: 52px;
  height: 31px;
  background-position: 0 -395px;
}
/* line 1300, ../../scss/layout.scss */
#hk-header .nav .logo-alibaba:before {
  width: 126px;
  height: 18px;
  background-position: -57px -395px;
}
/* line 1310, ../../scss/layout.scss */
#hk-header .nav .logo-akamai:before {
  width: 71px;
  height: 31px;
  background-position: -188px -395px;
}
/* line 1320, ../../scss/layout.scss */
#hk-header .nav .logo-gsuite:before {
  width: 72px;
  height: 18px;
  background-position: -264px -395px;
}
/* line 1330, ../../scss/layout.scss */
#hk-header .nav .logo-zendesk:before {
  width: 104px;
  height: 20px;
  background-position: -341px -395px;
}
/* line 1337, ../../scss/layout.scss */
#hk-header .nav .logo-softwareag:before {
  width: 135px;
  height: 20px;
  background-position: -133px -418px;
}
/* line 1347, ../../scss/layout.scss */
#hk-header .nav .logo-actuate:before {
  width: 110px;
  height: 25px;
  background-position: -450px -150px;
}
/* line 1354, ../../scss/layout.scss */
#hk-header .nav .logo-elastic:before {
  width: 86px;
  height: 23px;
  background-position: -450px -395px;
}
/* line 1364, ../../scss/layout.scss */
#hk-header .nav .logo-syapse:before {
  width: 81px;
  height: 20px;
  background-position: -541px -403px;
}
/* line 1374, ../../scss/layout.scss */
#hk-header .nav .logo-jandi:before {
  width: 100px;
  height: 25px;
  background-position: -600px -150px;
}
/* line 1382, ../../scss/layout.scss */
#hk-header .all {
  position: absolute;
  z-index: 2;
  right: 50%;
  margin-top: 10px;
  margin-right: -620px;
}
/* line 1383, ../../scss/layout.scss */
#hk-header .all + .gnb-submenu, #hk-header .all + .header-info {
  margin-top: 60px;
}
/* line 1392, ../../scss/layout.scss */
#hk-header .all .btn {
  width: 38px;
  height: 38px;
  text-align: center;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: none;
}
/* line 1399, ../../scss/layout.scss */
#hk-header .all .btn:hover {
  border: 1px solid #ccd5da;
}
/* line 1402, ../../scss/layout.scss */
#hk-header .all .btn .icon {
  margin-top: 1px;
  vertical-align: top;
  font: 0/0 a;
}
/* line 1407, ../../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 1417, ../../scss/layout.scss */
#hk-header div.help {
  width: 100%;
  margin: 0px auto;
  max-width: 1240px;
  position: relative;
  margin-top: -60px;
}
/* line 1423, ../../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 1439, ../../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 1447, ../../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 1452, ../../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 1458, ../../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 1467, ../../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 1478, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul {
  padding: 7px 0;
}
/* line 1480, ../../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 1488, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul li > a {
  color: #000;
  font-size: 13px;
}
/* line 1494, ../../scss/layout.scss */
#hk-header div.help div.help-hover .box ul li:hover {
  background: #f5fdfe;
  font-weight: bold;
}
/* line 1502, ../../scss/layout.scss */
#hk-header div.mypage {
  width: auto;
  margin: 0px auto;
  max-width: 1240px;
  position: relative;
  margin-top: -60px;
}
/* line 1508, ../../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 1525, ../../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 1533, ../../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 1537, ../../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 1544, ../../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 1553, ../../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 1564, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul {
  padding: 7px 0;
}
/* line 1566, ../../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 1574, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul li > a {
  color: #000;
  font-size: 13px;
}
/* line 1579, ../../scss/layout.scss */
#hk-header div.mypage div.mypage-hover .box ul li:hover {
  background: #f5fdfe;
  font-weight: bold;
}
/* line 1589, ../../scss/layout.scss */
#hk-header .depth-2 li.minor {
  height: auto;
  padding-bottom: 10px;
  padding-left: 22px;
  border-right: none;
}
/* line 1597, ../../scss/layout.scss */
#hk-header .description {
  display: block;
  margin: 18px 0 0;
  font-weight: 400;
  line-height: 1.7;
  word-break: keep-all;
}
/* line 1606, ../../scss/layout.scss */
#hk-header .domain .depth-2 li {
  width: 20%;
}
/* line 1608, ../../scss/layout.scss */
#hk-header .domain .depth-2 li a {
  padding-left: 30px;
  padding-right: 40px;
}
/* line 1614, ../../scss/layout.scss */
#hk-header .domain .depth-2 li.group a + a {
  margin-top: 20px;
}
/* line 1615, ../../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 1624, ../../scss/layout.scss */
#hk-header .domain .depth-2 li.group a + a strong {
  padding-top: 24px;
}
/* line 1635, ../../scss/layout.scss */
#hk-header .domain.auth .depth-2:before {
  height: 155px;
}
/* line 1639, ../../scss/layout.scss */
#hk-header .domain.auth .depth-2 ul li {
  height: 155px;
}
/* line 1641, ../../scss/layout.scss */
#hk-header .domain.auth .depth-2 ul li.minor {
  height: auto;
}
/* line 1651, ../../scss/layout.scss */
#hk-header .hosting .depth-2 li {
  width: 25%;
}
/* line 1653, ../../scss/layout.scss */
#hk-header .hosting .depth-2 li a {
  padding-left: 30px;
  padding-right: 30px;
}
/* line 1662, ../../scss/layout.scss */
#hk-header .server .depth-2 li {
  width: 20%;
}
/* line 1664, ../../scss/layout.scss */
#hk-header .server .depth-2 li a {
  padding-left: 30px;
  padding-right: 30px;
}
/* line 1673, ../../scss/layout.scss */
#hk-header .freehome .depth-2 li {
  width: 50%;
}
/* line 1675, ../../scss/layout.scss */
#hk-header .freehome .depth-2 li a {
  padding-left: 30px;
  padding-right: 190px;
}
/* line 1684, ../../scss/layout.scss */
#hk-header .ssl .depth-2 li {
  width: 30%;
}
/* line 1686, ../../scss/layout.scss */
#hk-header .ssl .depth-2 li a {
  padding-left: 30px;
}
/* line 1694, ../../scss/layout.scss */
#hk-header .office .depth-2 li {
  width: 33.3333%;
}
/* line 1696, ../../scss/layout.scss */
#hk-header .office .depth-2 li a {
  padding-left: 30px;
}
/* line 1704, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li {
  width: 33.3333%;
}
/* line 1706, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li a {
  padding-left: 30px;
}
/* line 1709, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li .description {
  margin-top: 15px;
}
/* line 1711, ../../scss/layout.scss */
#hk-header .cloud .depth-2 li .description br {
  display: none;
}
/* line 1720, ../../scss/layout.scss */
#hk-header .solution .depth-2 li {
  width: 25%;
}
/* line 1722, ../../scss/layout.scss */
#hk-header .solution .depth-2 li a {
  padding-left: 30px;
  padding-right: 45px;
  padding-top: 10px;
}
/* line 1730, ../../scss/layout.scss */
#hk-header .additional {
  display: none;
}
/* line 1733, ../../scss/layout.scss */
#hk-header .additional .logo:before {
  width: 30px;
  height: 30px;
}
/* line 1738, ../../scss/layout.scss */
#hk-header .additional .logo-gmail:before {
  background-position: -400px -250px;
}
/* line 1743, ../../scss/layout.scss */
#hk-header .additional .logo-hangout:before {
  background-position: -430px -250px;
}
/* line 1748, ../../scss/layout.scss */
#hk-header .additional .logo-gdrive:before {
  background-position: -460px -250px;
}
/* line 1753, ../../scss/layout.scss */
#hk-header .additional .logo-gcalendar:before {
  background-position: -490px -250px;
}
/* line 1758, ../../scss/layout.scss */
#hk-header .additional .logo-gspredsheet:before {
  background-position: -400px -280px;
}
/* line 1763, ../../scss/layout.scss */
#hk-header .additional .logo-gsites:before {
  background-position: -430px -280px;
}
/* line 1768, ../../scss/layout.scss */
#hk-header .additional .logo-gpresentations:before {
  background-position: -460px -280px;
}
/* line 1773, ../../scss/layout.scss */
#hk-header .additional .logo-gvault:before {
  background-position: -490px -280px;
}
/* line 1778, ../../scss/layout.scss */
#hk-header .additional .is-mobile {
  display: none;
}
/* line 1783, ../../scss/layout.scss */
#hk-header .active .depth-2 {
  top: 100%;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/* line 1789, ../../scss/layout.scss */
#hk-header .is-mobile {
  display: none;
}
/* line 1792, ../../scss/layout.scss */
#hk-header .header-info {
  border-bottom: 0px solid #ccd5da;
  background-color: #e4e9ee;
}
/* line 1796, ../../scss/layout.scss */
#hk-header .header-info .inner-wrap {
  border-top: 0px solid #ccd5da;
  display: none;
}
/* line 1800, ../../scss/layout.scss */
#hk-header .header-info .inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 7px 0 6px;
  text-align: right;
}
/* line 1813, ../../scss/layout.scss */
#hk-header .header-info .inner span {
  display: inline-block;
  font-size: 13px;
  color: #55595e;
  line-height: 1.7;
}
/* line 1818, ../../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 1828, ../../scss/layout.scss */
#hk-header .header-info .inner span:first-child:before {
  display: none;
}
/* line 1832, ../../scss/layout.scss */
#hk-header .header-info .inner span strong {
  color: #101717;
}
/* line 1836, ../../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 1845, ../../scss/layout.scss */
#hk-header .header-info .inner span.point .btn {
  margin-top: -6px;
}
/* line 1852, ../../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 1865, ../../scss/layout.scss */
#hk-header .global-nav-background.theme-snb {
  background-color: #f5f7f8;
}
/* line 1868, ../../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 1873, ../../scss/layout.scss */
#hk-header .gnb-submenu {
  background-color: #00858d;
  margin-top: 0px;
  height: 42px;
}
/* line 1877, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: inherit;
}
/* line 1885, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li {
  float: left;
}
/* line 1887, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li:first-child {
  margin-left: -27px;
}
/* line 1890, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li a {
  display: inline-block;
  padding: 12.5px 27px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: rgba(255, 255, 255, 0.6);
}
/* line 1896, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .list li a.active {
  color: #fff;
  font-weight: bold;
}
/* line 1904, ../../scss/layout.scss */
#hk-header .gnb-submenu .inner .btn-back {
  display: none;
}
/* line 1909, ../../scss/layout.scss */
#hk-header .gnb-submenu .sub-depth {
  display: none;
}
/* line 1913, ../../scss/layout.scss */
#hk-header .basket-push-layer {
  position: absolute;
  z-index: 50;
  top: 42px;
  right: -2px;
}
/* line 1918, ../../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 1936, ../../scss/layout.scss */
#hk-header .basket-push-layer .item:first-child {
  margin-top: 0;
}
/* line 1939, ../../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 1943, ../../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 1953, ../../scss/layout.scss */
#hk-header .basket-push-layer .item .info {
  min-height: 18px;
  margin-top: 6px;
  text-align: right;
}
/* line 1958, ../../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 1965, ../../scss/layout.scss */
#hk-header .basket-push-layer .item .price strong {
  color: #04939d;
}
/* line 1982, ../../scss/layout.scss */
#hk-header #sm-top > div,
#hk-header #sm-top-a > div {
  max-width: 1240px;
  height: 24px;
  line-height: 24px;
  text-align: right;
}
/* line 1989, ../../scss/layout.scss */
#hk-header #sm-top .item {
  display: inline-block;
  vertical-align: middle;
}
/* line 1993, ../../scss/layout.scss */
#hk-header #sm-top > div a,
#hk-header #sm-top-a > div a {
  color: #555;
}

/* line 2001, ../../scss/layout.scss */
.section-logins .login-mz .unauth {
  margin-top: 40px;
  text-align: left;
}
/* line 2004, ../../scss/layout.scss */
.section-logins .login-mz .unauth a {
  color: #696ae8;
}
/* line 2006, ../../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 2024, ../../scss/layout.scss */
.gnb-open {
  overflow-x: hidden;
}
/* line 2027, ../../scss/layout.scss */
.gnb-open #hk-header .nav {
  max-height: 1000px;
  margin: 0 auto;
}
/* line 2051, ../../scss/layout.scss */
.gnb-open #hk-header .nav .inner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2056, ../../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 2069, ../../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 2080, ../../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 2092, ../../scss/layout.scss */
.gnb-open #hk-header .nav .depth-1 > a:hover strong {
  color: #101717;
  border: 0;
}
/* line 2097, ../../scss/layout.scss */
.gnb-open #hk-header .nav .depth-1 > a:after {
  display: none;
}
/* line 2104, ../../scss/layout.scss */
.gnb-open #hk-header .nav .depth-2 .icon-arrow-right {
  display: none;
}
/* line 2110, ../../scss/layout.scss */
.gnb-open #hk-header .all {
  z-index: 20;
}
/* line 2113, ../../scss/layout.scss */
.gnb-open #hk-header .all .btn {
  border-color: transparent;
}
/* line 2118, ../../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 2126, ../../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 2147, ../../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 2162, ../../scss/layout.scss */
.gnb-open #hk-header .gnb > ul {
  position: relative;
  margin-left: -19px;
  background: #fff;
}
/* line 2166, ../../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 2181, ../../scss/layout.scss */
.gnb-open #hk-header .gnb > ul:after {
  content: '';
  display: block;
  clear: both;
  margin: 0;
  width: 100%;
  height: 0;
}
/* line 2190, ../../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 2197, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1:first-child {
  position: relative;
  z-index: 2;
  padding-left: 34px;
  background-color: #fff;
}
/* line 2204, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain:before {
  left: 0;
}
/* line 2211, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain .depth-2 li.group a + a {
  margin-top: 8px;
}
/* line 2213, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain .depth-2 li.group a + a:before {
  display: none;
}
/* line 2216, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.domain .depth-2 li.group a + a strong {
  padding-top: 0;
}
/* line 2226, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.hosting:before {
  z-index: 2;
  left: 25%;
}
/* line 2232, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.freehome:before {
  left: 50%;
}
/* line 2237, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.ssl:before {
  left: 50%;
}
/* line 2242, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.office:before {
  left: 75%;
}
/* line 2252, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.cloud:before {
  left: 0;
  width: 40%;
}
/* line 2258, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1.solution:before {
  display: none;
}
/* line 2262, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-1 > a {
  height: 50px;
  line-height: 54px;
  padding: 0;
  font-size: 18px;
}
/* line 2274, ../../scss/layout.scss */
.gnb-open #hk-header .gnb .depth-2 li .description {
  display: none;
}
/* line 2280, ../../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 2304, ../../scss/layout.scss */
.gnb-open #hk-header .snb > ul {
  position: relative;
  margin-left: -19px;
  background: #fff;
}
/* line 2310, ../../scss/layout.scss */
.gnb-open #hk-header .snb .server {
  width: 25%;
  padding-left: 34px;
}
/* line 2314, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud {
  width: 37.5%;
  margin-top: -114px;
}
/* line 2318, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud .menu-cloud li {
  width: 50%;
}
/* line 2344, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud .menu-cloud li a {
  padding: 15px 9%;
}
/* line 2348, ../../scss/layout.scss */
.gnb-open #hk-header .snb .cloud .menu-cloud .description {
  margin-top: 10px;
}
/* line 2353, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution {
  width: 37.5%;
  margin-top: -114px;
}
/* line 2357, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li {
  width: 50%;
}
/* line 2361, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li:first-child a {
  height: auto;
}
/* line 2365, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution li a {
  height: 100px;
  padding: 15px 9%;
}
/* line 2369, ../../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 2374, ../../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 2385, ../../scss/layout.scss */
.gnb-open #hk-header .snb .solution .menu-solution .logo {
  height: 32px;
}
/* line 2390, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1 {
  position: relative;
  padding: 0 30px 25px;
}
/* line 2393, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1:before {
  top: -6px;
  left: 0;
}
/* line 2397, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1 > a {
  height: 50px;
  line-height: 54px;
}
/* line 2402, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud:before {
  width: 40%;
}
/* line 2417, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.server .description {
  display: none;
}
/* line 2420, ../../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 2430, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud, .gnb-open #hk-header .snb .depth-1.solution {
  padding-bottom: 37px;
}
/* line 2433, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-1.cloud .logo, .gnb-open #hk-header .snb .depth-1.solution .logo {
  height: 32px;
}
/* line 2435, ../../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 2444, ../../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 2453, ../../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 2456, ../../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 2468, ../../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 2471, ../../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 2480, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-2 {
  background-color: transparent;
}
/* line 2482, ../../scss/layout.scss */
.gnb-open #hk-header .snb .depth-2 ul {
  margin-left: -10px;
  margin-top: 10px;
}
/* line 2486, ../../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 2495, ../../scss/layout.scss */
.gnb-open #hk-header .snb .server .depth-2 ul {
  margin-top: 0;
}
/* line 2498, ../../scss/layout.scss */
.gnb-open #hk-header .snb .server .depth-2 li {
  padding: 8px 0 0 10px;
}
/* line 2504, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1 {
  float: left;
  height: auto;
  line-height: 1;
}
/* line 2509, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1:first-child:before {
  border-left: 0;
}
/* line 2513, ../../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 2523, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1 > a strong {
  font-size: 16px;
  color: #101717;
}
/* line 2528, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1 a {
  padding: 0;
  font-size: 18px;
}
/* line 2535, ../../scss/layout.scss */
.gnb-open #hk-header .depth-1.auth .depth-2 ul li {
  height: auto;
}
/* line 2542, ../../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 2551, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 ul:before {
  display: none;
}
/* line 2555, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li {
  float: none;
  width: 100%;
  height: auto;
  padding: 8px 0 0 0;
  border: 0;
}
/* line 2561, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li:first-child {
  border: 0;
}
/* line 2565, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li.minor a {
  padding: 0;
}
/* line 2567, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li.minor a strong {
  font-size: 13px;
  border-bottom: 1px solid transparent;
}
/* line 2572, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li.minor a:hover strong {
  border-color: #666;
}
/* line 2578, ../../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 2587, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 li a:hover strong {
  transform: none;
  border-bottom: 1px solid #666;
}
/* line 2592, ../../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 2604, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 .description br.is-pc {
  display: block;
}
/* line 2610, ../../scss/layout.scss */
.gnb-open #hk-header .depth-2 .icon-arrow-right {
  display: none;
}
/* line 2615, ../../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 2629, ../../scss/layout.scss */
.hk-main {
  position: relative;
  height: 100%;
}
/* line 2632, ../../scss/layout.scss */
.hk-main #hk-header {
  top: 0;
  width: 100%;
}
/* line 2635, ../../scss/layout.scss */
.hk-main #hk-header .header-info {
  display: none;
}
/* line 2638, ../../scss/layout.scss */
.hk-main #hk-header .gnb-submenu {
  display: none;
}

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

/*
 * search
 */
/* line 2664, ../../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 2673, ../../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 2680, ../../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 2692, ../../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 2706, ../../scss/layout.scss */
.wrap-domain .search input:focus + label,
.wrap-domain .search .copy-input:focus + label {
  display: none\9;
}
/* line 2727, ../../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 2737, ../../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 2753, ../../scss/layout.scss */
.wrap-domain .search .icon-search:before {
  margin-top: -5px;
}
/* line 2759, ../../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 2774, ../../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 2781, ../../scss/layout.scss */
.skip-top a {
  display: block;
  text-align: center;
  border: 1px solid #ccd5da;
  background-color: #fff;
  text-decoration: none;
}
/* line 2787, ../../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 2796, ../../scss/layout.scss */
.skip-top a .icon:before {
  display: block;
  margin: 0 auto 5px;
}

/* line 2804, ../../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 2809, ../../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 2817, ../../scss/layout.scss */
#hk-footer {
  position: relative;
  border-top: 1px solid #555952;
  color: #878d94;
  background-color: #303637;
}
/* line 2822, ../../scss/layout.scss */
#hk-footer .sitemap {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 1240px;
  align-items: flex-start;
  padding-top: 50px;
  border-bottom: 1px solid rgba(85, 89, 94, 0.5);
}
/* line 2831, ../../scss/layout.scss */
#hk-footer .sitemap .box {
  width: 20%;
  max-height: 278px;
  padding-bottom: 55px;
}
/* line 2835, ../../scss/layout.scss */
#hk-footer .sitemap .box .title {
  font-size: 15px;
  letter-spacing: -0.48px;
  color: white;
  font-weight: bold;
}
/* line 2841, ../../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 2848, ../../scss/layout.scss */
#hk-footer .sitemap .box .desc li {
  height: 35px;
  cursor: pointer;
}
/* line 2851, ../../scss/layout.scss */
#hk-footer .sitemap .box .desc li a {
  color: white;
}
/* line 2857, ../../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 2865, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout > div {
  display: flex;
  width: 270px;
}
/* line 2869, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout .mark-logo {
  height: 52px;
  background-size: cover;
  margin-left: 4px;
}
/* line 2874, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #kisa-logo {
  width: 52px;
  background-image: url("../../images/footer/kisa.svg");
}
/* line 2878, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #icann-logo {
  width: 52px;
  background-image: url("../../images/footer/icann@3x.png");
}
/* line 2882, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #kab-logo {
  width: 52px;
  background-image: url("../../images/footer/kab@3x.png");
}
/* line 2886, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #iso-logo {
  width: 150px;
  background-image: url("../../images/footer/iso@3x.png");
}
/* line 2890, ../../scss/layout.scss */
#hk-footer .sitemap .logo-layout #ismsp-logo {
  width: 180px;
  background-image: url("../../images/footer/ismsp.svg");
}
/* line 2896, ../../scss/layout.scss */
#hk-footer .info-1 {
  border-top: 1px solid #55595e;
}
/* line 2899, ../../scss/layout.scss */
#hk-footer .inner {
  display: table;
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
/* line 2905, ../../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 2913, ../../scss/layout.scss */
#hk-footer .inner .info {
  width: 46.53225806452%;
  letter-spacing: -0.3px;
}
/* line 2916, ../../scss/layout.scss */
#hk-footer .inner .info p {
  margin: 0 0 5px;
}
/* line 2919, ../../scss/layout.scss */
#hk-footer .inner .info address {
  font-style: normal;
}
/* line 2922, ../../scss/layout.scss */
#hk-footer .inner .info .before {
  display: inline-block;
}
/* line 2924, ../../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 2934, ../../scss/layout.scss */
#hk-footer .inner .info .menu {
  margin-top: 30px;
  margin-left: -6px;
}
/* line 2937, ../../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 2944, ../../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 2950, ../../scss/layout.scss */
#hk-footer .inner .info .copyright-mobile {
  display: none;
}
/* line 2954, ../../scss/layout.scss */
#hk-footer .inner .customer {
  position: relative;
  width: 31.45161290323%;
  padding-top: 30px;
  padding-left: 40px;
}
/* line 2959, ../../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 2969, ../../scss/layout.scss */
#hk-footer .inner .customer .tel {
  margin: 0 0px 17px;
  font-size: 20px;
  line-height: 1;
}
/* line 2973, ../../scss/layout.scss */
#hk-footer .inner .customer .tel a {
  color: #878d94;
}
/* line 2977, ../../scss/layout.scss */
#hk-footer .inner .customer .mail {
  padding-left: 4px;
  font-weight: bold;
}
/* line 2980, ../../scss/layout.scss */
#hk-footer .inner .customer .mail a {
  display: inline-block;
  color: #878d94;
}
/* line 2986, ../../scss/layout.scss */
#hk-footer .inner .customer ul {
  margin-top: 12px;
}
/* line 2988, ../../scss/layout.scss */
#hk-footer .inner .customer ul li {
  margin-bottom: 5px;
}
/* line 2992, ../../scss/layout.scss */
#hk-footer .inner .customer #inquiry {
  cursor: pointer;
  display: flex;
  color: #ffffff;
  align-items: center;
}
/* line 2997, ../../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 3006, ../../scss/layout.scss */
#hk-footer .inner .brand {
  position: relative;
  width: 22.01612903225%;
  padding-left: 35px;
}
/* line 3010, ../../scss/layout.scss */
#hk-footer .inner .brand .logo {
  font: 0/0 a;
}
/* line 3012, ../../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 3023, ../../scss/layout.scss */
#hk-footer .inner .brand .txt {
  margin: 22px 0;
  letter-spacing: -0.8px;
}
/* line 3026, ../../scss/layout.scss */
#hk-footer .inner .brand .txt span {
  display: block;
}
/* line 3030, ../../scss/layout.scss */
#hk-footer .inner .brand .copyright {
  margin: 0;
  font-size: 11px;
}
/* line 3034, ../../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 3045, ../../scss/layout.scss */
#hk-footer .is-mobile {
  display: none;
}

/*
 * hk-coachmark
 */
/* line 3053, ../../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 3062, ../../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 3071, ../../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 3078, ../../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 3087, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-con {
  margin: 50px 0 36px;
  text-align: center;
}
/* line 3090, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-con .title {
  font-weight: bold;
  color: black;
  font-size: 19.5px;
  letter-spacing: -0.59px;
}
/* line 3096, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-con .desc {
  margin-top: 14px;
  color: #62676d;
  font-size: 14px;
  letter-spacing: -0.42px;
}
/* line 3103, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom {
  margin: 0 40px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 3109, ../../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 3114, ../../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 3128, ../../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 3139, ../../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 3153, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:not(:checked) + label:after {
  opacity: 0;
}
/* line 3156, ../../scss/layout.scss */
.coachmark-popup .popup-box .popup-bottom .checkbox:checked + label:after {
  opacity: 1;
}
/* line 3160, ../../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 3171, ../../scss/layout.scss */
.coachmark-popup .popup-box .btn-x {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0px;
  right: -40px;
}
/* line 3177, ../../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 3187, ../../scss/layout.scss */
  .coachmark-popup .popup-box {
    width: 95%;
    border-radius: 5px;
  }
  /* line 3190, ../../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 3197, ../../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 3204, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con {
    margin: 22px 20px 22px;
  }
  /* line 3206, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con .title {
    font-size: 16.5px;
    letter-spacing: -0.5px;
    line-height: 180%;
  }
  /* line 3211, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con .desc {
    display: none;
  }
  /* line 3214, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-con .isMobile {
    display: table;
    margin: 0px auto;
    line-height: 1.5;
  }
  /* line 3220, ../../scss/layout.scss */
  .coachmark-popup .popup-box .popup-bottom {
    margin: 0 20px 16px;
  }
  /* line 3223, ../../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 3283, ../../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 3291, ../../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 3293, ../../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 3305, ../../scss/layout.scss */
  #hk-header .gnb-submenu .inner .list li a {
    padding: 15px 27px;
  }
  /* line 3315, ../../scss/layout.scss */
  #hk-header .top .js-target .inner .tit {
    font-size: 14px;
  }
  /* line 3323, ../../scss/layout.scss */
  #hk-header .top .util .mypage .inner .tit {
    margin-bottom: 13px;
  }
  /* line 3327, ../../scss/layout.scss */
  #hk-header .top .util .mypage .inner ul li {
    margin: 4px 0;
    position: relative;
  }
  /* line 111, ../../scss/extend.scss */
  #hk-header .top .util .mypage .inner ul li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    background-color: #101717;
  }
  /* line 3330, ../../scss/layout.scss */
  #hk-header .top .util .mypage .inner ul li a {
    font-size: 12px;
  }
  /* line 3339, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 3343, ../../scss/layout.scss */
  #hk-header .top .util .search .js-target .inner .search-wrap label {
    font-size: 16px;
  }
  /* line 3353, ../../scss/layout.scss */
  #hk-header .nav .depth-2 {
    padding-top: 45px;
  }
  /* line 3363, ../../scss/layout.scss */
  #hk-header .nav .depth-2 li.minor a strong {
    font-size: 12px;
  }
  /* line 3368, ../../scss/layout.scss */
  #hk-header .nav .depth-2 li a {
    font-size: 12px;
  }
  /* line 3370, ../../scss/layout.scss */
  #hk-header .nav .depth-2 li a strong {
    font-size: 14px;
  }
  /* line 3375, ../../scss/layout.scss */
  #hk-header .nav .depth-2 ul {
    max-width: 980px;
  }
  /* line 3380, ../../scss/layout.scss */
  #hk-header .all {
    margin-right: -488px;
  }
  /* line 3383, ../../scss/layout.scss */
  #hk-header .description {
    margin-top: 20px;
    padding-bottom: 5px;
  }
  /* line 3389, ../../scss/layout.scss */
  #hk-header .depth-2 li.minor {
    padding-left: 12px;
  }
  /* line 3397, ../../scss/layout.scss */
  #hk-header .domain .depth-2 li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 3407, ../../scss/layout.scss */
  #hk-header .hosting .depth-2 li a {
    padding-left: 20px;
    padding-right: 40px;
  }
  /* line 3417, ../../scss/layout.scss */
  #hk-header .ssl .depth-2 li a {
    padding-left: 20px;
    padding-right: 40px;
  }
  /* line 3427, ../../scss/layout.scss */
  #hk-header .office .depth-2 li a {
    padding-left: 20px;
    padding-right: 40px;
  }
  /* line 3437, ../../scss/layout.scss */
  #hk-header .server .depth-2 li a {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 3447, ../../scss/layout.scss */
  #hk-header .freehome .depth-2 li a {
    padding-left: 20px;
  }
  /* line 3456, ../../scss/layout.scss */
  #hk-header .cloud .depth-2 li a {
    padding-left: 20px;
  }
  /* line 3465, ../../scss/layout.scss */
  #hk-header .solution .depth-2 li a {
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
  }
  /* line 3470, ../../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 3474, ../../scss/layout.scss */
  #hk-header .solution .depth-2 li a .icon-arrow-right {
    margin-left: -10px;
  }

  /* line 3486, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb > ul:before {
    padding-left: 2%;
  }
  /* line 3490, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb .depth-1 {
    padding: 0 2% 15px;
  }
  /* line 3492, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb .depth-1:first-child {
    padding-left: 2%;
  }
  /* line 3495, ../../scss/layout.scss */
  .gnb-open #hk-header .gnb .depth-1 > a {
    font-size: 14px;
  }
  /* line 3501, ../../scss/layout.scss */
  .gnb-open #hk-header .nav:before {
    top: 371px;
  }
  /* line 3504, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .depth-2 {
    padding-top: 0;
  }
  /* line 3507, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .depth-2 li a {
    padding-left: 0px;
  }
  /* line 3509, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .depth-2 li a strong {
    font-size: 12px;
  }
  /* line 3518, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .depth-2 li a {
    padding-left: 11px;
    padding-right: 5%;
  }
  /* line 3526, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .server .depth-2 ul {
    margin-left: 0;
  }
  /* line 3529, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .server .depth-2 li {
    padding: 5px 0 0 0;
  }
  /* line 3531, ../../scss/layout.scss */
  .gnb-open #hk-header .nav .snb .server .depth-2 li a {
    padding-left: 0;
  }
  /* line 3540, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-1 {
    padding: 0 2% 15px;
  }
  /* line 3542, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-1.solution {
    padding-left: 30px;
  }
  /* line 3548, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 a:after {
    right: 10px;
  }
  /* line 3552, ../../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 3557, ../../scss/layout.scss */
  .gnb-open #hk-header .snb .depth-2 ul {
    margin-top: 0;
  }
  /* line 3564, ../../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 3569, ../../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 3574, ../../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 3584, ../../scss/layout.scss */
  .gnb-open #hk-header .depth-1 a {
    font-size: 14px;
  }
  /* line 3589, ../../scss/layout.scss */
  .gnb-open #hk-header .depth-2 li {
    padding-top: 5px;
  }
  /* line 3591, ../../scss/layout.scss */
  .gnb-open #hk-header .depth-2 li.minor {
    padding-bottom: 0;
    padding-left: 0;
  }
  /* line 3597, ../../scss/layout.scss */
  .gnb-open #hk-header .description {
    font-size: 12px;
  }
  /* line 3605, ../../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 3609, ../../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 3614, ../../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 3628, ../../scss/layout.scss */
  .gnb-open #hk-header .solution .depth-2 li a .icon-arrow-right {
    margin-left: -10px;
  }
  /* line 3638, ../../scss/layout.scss */
  .gnb-open #hk-header .menu-cloud li:first-child .description {
    margin-left: 0;
  }
  /* line 3646, ../../scss/layout.scss */
  .gnb-open #hk-header .menu-solution li .additional {
    margin-top: 29px;
  }

  /* line 3654, ../../scss/layout.scss */
  #hk-footer .inner {
    width: -webkit-fill-available;
    margin: 0 32px;
  }
  /* line 3659, ../../scss/layout.scss */
  #hk-footer .inner .info .menu {
    margin-left: -4px;
  }
  /* line 3661, ../../scss/layout.scss */
  #hk-footer .inner .info .menu > a,
  #hk-footer .inner .info .menu .notice > a {
    margin: 0 4px;
  }
  /* line 3666, ../../scss/layout.scss */
  #hk-footer .inner .info .number {
    line-height: 1.6;
  }
  /* line 3670, ../../scss/layout.scss */
  #hk-footer .inner .customer {
    padding-left: 20px;
  }
  /* line 3673, ../../scss/layout.scss */
  #hk-footer .inner .brand {
    max-width: 213px;
    padding-top: 32px;
    padding-left: 13px;
    font-size: 12px;
  }
  /* line 3678, ../../scss/layout.scss */
  #hk-footer .inner .brand .txt {
    margin: 12px 0;
  }

  /* line 3687, ../../scss/layout.scss */
  #footer .container {
    max-width: 980px;
  }
}
@media screen and (max-width: 980px) {
  /* line 3702, ../../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 3704, ../../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 3712, ../../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 3721, ../../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 3736, ../../scss/layout.scss */
  .search-sticky #hk-header .top .js-target {
    left: 0;
  }
  /* line 3742, ../../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 3750, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket:before, .search-sticky #hk-header .util .menu .basket:after {
    position: absolute;
  }
  /* line 3754, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket:before {
    content: '원';
    top: 19px;
    right: 40px;
    color: #04939d;
    font-size: 14px;
  }
  /* line 3761, ../../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 3772, ../../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 3783, ../../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 3791, ../../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 3798, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart .payment-typing {
    margin-top: -16px;
    margin-left: 5px;
  }
  /* line 3802, ../../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 3809, ../../scss/layout.scss */
  .search-sticky #hk-header .util .menu .basket .btn-cart .icon-arrow:after {
    border-width: 5px 4.5px 0 4.5px;
  }
  /* line 3819, ../../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 3830, ../../scss/layout.scss */
  .search-sticky #hk-header .basket-push-layer {
    top: 58px;
    right: 0;
    width: 100%;
  }
  /* line 3834, ../../scss/layout.scss */
  .search-sticky #hk-header .basket-push-layer .item {
    width: 100%;
  }

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

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

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

  /* line 3892, ../../scss/layout.scss */
  #hk-header {
    padding: 0px;
    height: 56px;
  }
  /* line 3896, ../../scss/layout.scss */
  #hk-header .sticky-clone + .top, #hk-header .sticky-clone ~ .top {
    margin-bottom: 0;
  }
  /* line 3900, ../../scss/layout.scss */
  #hk-header .sticky-clone ~ .gnb-submenu {
    margin: 0;
  }
  /* line 3904, ../../scss/layout.scss */
  #hk-header .top {
    border-bottom: 0;
    background-color: #fff;
  }
  /* line 3907, ../../scss/layout.scss */
  #hk-header .top > .inner {
    padding: 0;
  }
  /* line 3910, ../../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 3926, ../../scss/layout.scss */
  #hk-header .top .brand a {
    height: 52px;
    line-height: 52px;
  }
  /* line 3929, ../../scss/layout.scss */
  #hk-header .top .brand a span {
    height: 12px;
    margin-top: 22px;
    vertical-align: top;
  }
  /* line 3936, ../../scss/layout.scss */
  #hk-header .top .util {
    float: none;
  }
  /* line 3940, ../../scss/layout.scss */
  #hk-header .top .util .menu > li > a {
    vertical-align: top;
  }
  /* line 3942, ../../scss/layout.scss */
  #hk-header .top .util .menu > li > a:before {
    position: static;
    display: none;
  }
  /* line 3948, ../../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: 3px;
    width: auto !important;
  }
  /* line 3956, ../../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 3963, ../../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 3966, ../../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 3974, ../../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 3979, ../../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 3983, ../../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 3987, ../../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 3992, ../../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 4005, ../../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 4013, ../../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 4019, ../../scss/layout.scss */
  #hk-header .top .util .menu .mypage {
    right: 40px;
    display: block;
    top: 3px;
    margin-top: 0px;
  }
  /* line 4024, ../../scss/layout.scss */
  #hk-header .top .util .menu .mypage > a {
    top: 0px;
    background: transparent;
    border: transparent;
  }
  /* line 4028, ../../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 4036, ../../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 4041, ../../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 4053, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket {
    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 4058, ../../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 4070, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .target {
    top: 50px;
  }
  /* line 4075, ../../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 4080, ../../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 4085, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .checkbox {
    margin-bottom: 15px;
    padding-left: 34px;
  }
  /* line 4089, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .all-checked {
    padding-bottom: 0px;
  }
  /* line 4093, ../../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 4100, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .hk-select .select-list .option {
    height: 30px;
    line-height: 30px;
  }
  /* line 4106, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .select {
    position: relative;
    height: auto;
  }
  /* line 4109, ../../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 4120, ../../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;
    transform: scale(0.75) translateY(-16px);
    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 4126, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .basket-item .btn-del {
    width: 12px;
    height: 12px;
  }
  /* line 4131, ../../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 4139, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .total {
    font-size: 1em;
  }
  /* line 4141, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .total .price {
    margin-top: -3px;
    font-size: 1.25em;
  }
  /* line 4148, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap:after {
    content: '';
    display: table;
    clear: both;
  }
  /* line 4153, ../../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 4162, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-default {
    display: none;
  }
  /* line 4165, ../../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 4171, ../../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 4177, ../../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 4182, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .btn-point-red {
    margin-top: 10px;
  }
  /* line 4186, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner .btn-wrap .favorite-1 {
    background: #d9dfe3;
  }
  /* line 4191, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner.not-basket .not-item {
    padding-bottom: 18px;
  }
  /* line 4193, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner.not-basket .not-item span {
    display: inline-block;
  }
  /* line 4197, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket .inner.not-basket .btn-point {
    display: block;
  }
  /* line 4203, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket.active .icon-arrow {
    display: block;
  }
  /* line 4205, ../../scss/layout.scss */
  #hk-header .top .util .menu .basket.active .icon-arrow:after {
    margin-top: -10px;
    margin-left: 1px;
  }
  /* line 4213, ../../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 4221, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner {
    padding: 0;
  }
  /* line 4223, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap {
    margin: 0 14px;
  }
  /* line 4225, ../../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 4234, ../../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 4240, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap label {
    line-height: 44px;
    left: 14px;
    font-size: 14px;
  }
  /* line 4244, ../../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 4250, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap label button:before {
    display: none;
  }
  /* line 4255, ../../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 4262, ../../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 4270, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .search-wrap button:before {
    display: none;
  }
  /* line 4274, ../../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 4285, ../../scss/layout.scss */
  #hk-header .top .util .menu .search .target .inner .link {
    display: none;
  }
  /* line 4291, ../../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 4310, ../../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 4314, ../../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 4333, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu > a {
    color: #04939d;
    text-align: left;
  }
  /* line 4336, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu > a .is-mobile {
    color: #101717;
  }
  /* line 4339, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu > a .grade {
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
  }
  /* line 4345, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .icon-arrow {
    display: none;
  }
  /* line 4348, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target {
    top: 6px;
    right: 46px;
    max-height: 44px;
    box-shadow: none;
  }
  /* line 4353, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner {
    min-width: auto;
    padding: 0;
    border: 0;
  }
  /* line 4357, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .list {
    display: none;
  }
  /* line 4360, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .bul-list {
    padding: 0;
    border: 0;
  }
  /* line 4363, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .bul-list a {
    padding: 0 10px;
    font: 0/0 a;
  }
  /* line 4366, ../../scss/layout.scss */
  #hk-header .top .util .menu .login-menu .js-target .inner .bul-list a:first-child {
    display: none;
  }
  /* line 4369, ../../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 4385, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .tel {
    right: 115px;
  }
  /* line 4388, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .mypage {
    right: 75px;
  }
  /* line 4392, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a {
    width: 70px;
  }
  /* line 4394, ../../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 4400, ../../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 4406, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a .payment-typing .icon:before {
    margin-right: 0;
  }
  /* line 4410, ../../scss/layout.scss */
  #hk-header .top .util .menu.data-payment .basket > a .payment-typing .number {
    margin-top: 1px;
  }
  /* line 4417, ../../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 4428, ../../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 4448, ../../scss/layout.scss */
  #hk-header .nav .inner {
    height: 100%;
    padding: 0;
    border: 0;
  }
  /* line 4456, ../../scss/layout.scss */
  #hk-header .nav .gnb .depth-1:first-child > a {
    padding-left: 14px;
    border-top: none;
  }
  /* line 4463, ../../scss/layout.scss */
  #hk-header .nav .link {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -65px;
    height: 64px;
    background-color: #fff;
  }
  /* line 4470, ../../scss/layout.scss */
  #hk-header .nav .link li {
    position: relative;
    float: left;
    width: 33.33333%;
    text-align: center;
  }
  /* line 4476, ../../scss/layout.scss */
  #hk-header .nav .link li:first-child:before {
    display: none;
  }
  /* line 4480, ../../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 4490, ../../scss/layout.scss */
  #hk-header .nav .link li a {
    display: block;
    height: 65px;
    line-height: 65px;
  }
  /* line 4494, ../../scss/layout.scss */
  #hk-header .nav .link li a span {
    font-size: 13px;
    color: #101717;
    vertical-align: middle;
  }
  /* line 4498, ../../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 4511, ../../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 4521, ../../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 4531, ../../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 4540, ../../scss/layout.scss */
  #hk-header .help,
  #hk-header .mypage {
    display: none;
  }
  /* line 4544, ../../scss/layout.scss */
  #hk-header .all {
    position: fixed;
    z-index: 20;
    top: 10px;
    left: 5px;
    right: auto;
    margin-top: 0;
    margin-right: 0 !important;
  }
  /* line 4553, ../../scss/layout.scss */
  #hk-header .all .btn {
    border: 0;
    display: block;
  }
  /* line 4556, ../../scss/layout.scss */
  #hk-header .all .btn:hover {
    border: 0;
  }
  /* line 4560, ../../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 4574, ../../scss/layout.scss */
  #hk-header .is-mobile {
    display: inline-block;
  }
  /* line 4577, ../../scss/layout.scss */
  #hk-header .sticky-clone {
    display: block;
  }
  /* line 4581, ../../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 4590, ../../scss/layout.scss */
  #hk-header .js-sticky + .search-hidden {
    min-height: 43px;
  }
  /* line 4595, ../../scss/layout.scss */
  #hk-header .nav-compact {
    position: relative;
    display: none;
    padding: 0 14px;
    text-align: center;
    border-bottom: 1px solid #ccd5da;
  }
  /* line 4601, ../../scss/layout.scss */
  #hk-header .nav-compact ul {
    display: table;
    width: 100%;
  }
  /* line 4605, ../../scss/layout.scss */
  #hk-header .nav-compact li {
    display: table-cell;
  }
  /* line 4607, ../../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 4614, ../../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 4627, ../../scss/layout.scss */
  #hk-header .nav-compact li.active a span {
    color: #089d99;
    border-color: #089d99;
  }
  /* line 4635, ../../scss/layout.scss */
  #hk-header .btn {
    outline: 0;
  }
  /* line 4638, ../../scss/layout.scss */
  #hk-header .gnb-submenu {
    margin-top: 0 !important;
  }
  /* line 4642, ../../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 4649, ../../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 4662, ../../scss/layout.scss */
  #hk-header .basket-push-layer {
    top: 49px;
  }
  /* line 4664, ../../scss/layout.scss */
  #hk-header .basket-push-layer .item {
    padding: 8px 12px;
  }

  /* line 4673, ../../scss/layout.scss */
  .hk-sub .search-sticky #hk-header .brand,
  .hk-sub .header-sticky #hk-header .brand {
    box-shadow: none;
  }
  /* line 4678, ../../scss/layout.scss */
  .hk-sub .search-sticky #hk-header .top .search .target,
  .hk-sub .header-sticky #hk-header .top .search .target {
    display: none;
  }
  /* line 4686, ../../scss/layout.scss */
  .hk-sub #hk-header .header-info,
  .hk-sub #hk-header .nav-compact {
    display: none;
  }
  /* line 4690, ../../scss/layout.scss */
  .hk-sub #hk-header .js-sticky {
    margin-bottom: 10px;
  }
  /* line 4692, ../../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 4701, ../../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 4709, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth {
    display: inline-block;
    margin-top: 2px;
    margin-right: 10px;
    vertical-align: middle;
  }
  /* line 4714, ../../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 4719, ../../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 4727, ../../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 4735, ../../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 4744, ../../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 4756, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li {
    margin: 0 3.88888888889%;
    border-top: 1px solid #eee;
  }
  /* line 4759, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li:first-child {
    border-top: 0;
  }
  /* line 4762, ../../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 4769, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth ul li.active a {
    position: relative;
    color: #04939d;
    font-weight: bold;
  }
  /* line 4773, ../../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 4792, ../../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 4796, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth.active ul {
    display: block;
    max-height: 1000px;
  }
  /* line 4801, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .sub-depth.disabled {
    opacity: 0.4;
  }
  /* line 4805, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu .list {
    display: none;
  }
  /* line 4811, ../../scss/layout.scss */
  .hk-sub #hk-header .gnb-submenu.basket-menu .sub-depth .sub-depth-title:after {
    display: none;
  }
  /* line 4818, ../../scss/layout.scss */
  .hk-sub #hk-header .sticky-clone {
    display: none;
  }

  /* line 4823, ../../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 5141, ../../scss/layout.scss */
  #hk-header .join,
  #hk-header .search-toggle,
  #hk-header .top .help,
  #hk-header .top .search .search-toggle {
    display: none !important;
  }

  /* line 5150, ../../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 5161, ../../scss/layout.scss */
  .header-sticky #hk-header .top .util .menu .basket.active > a:before {
    margin-top: -1px;
    margin-left: 0;
  }
  /* line 5165, ../../scss/layout.scss */
  .header-sticky #hk-header .top .util .menu .basket.active > a .badge {
    margin: -1px -16px 0 0;
  }
  /* line 5171, ../../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 5183, ../../scss/layout.scss */
  .header-sticky.search-sticky #hk-header .brand, .header-sticky.global-search-sticky #hk-header .brand {
    box-shadow: none;
  }

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

  /* line 5207, ../../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 5211, ../../scss/layout.scss */
  [data-scroll-position='up'] body:not(.hk-sub) #hk-header .js-sticky {
    position: fixed;
  }
  /* line 5218, ../../scss/layout.scss */
  [data-scroll-position='up'] body:not(.hk-sub) #hk-header .top .util .menu .search .target {
    position: fixed;
  }
  /* line 5229, ../../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 5241, ../../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 5248, ../../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 5260, ../../scss/layout.scss */
  #hk-footer .is-mobile {
    display: block;
  }
  /* line 5263, ../../scss/layout.scss */
  #hk-footer .is-pc {
    display: none !important;
  }
  /* line 5266, ../../scss/layout.scss */
  #hk-footer .sitemap {
    display: none;
  }
  /* line 5269, ../../scss/layout.scss */
  #hk-footer .info-1 {
    border: 0px;
  }
  /* line 5272, ../../scss/layout.scss */
  #hk-footer .inner {
    display: flex;
    flex-direction: column;
    max-width: none;
    padding: 20px 16px;
    margin: 0;
  }
  /* line 5278, ../../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 5288, ../../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 5296, ../../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 5306, ../../scss/layout.scss */
  #hk-footer .inner .notice .date {
    float: right;
    margin-top: 2px;
    color: #fff;
  }
  /* line 5313, ../../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 5322, ../../scss/layout.scss */
  #hk-footer .inner .info {
    order: 3;
  }
  /* line 5324, ../../scss/layout.scss */
  #hk-footer .inner .info .name,
  #hk-footer .inner .info .number,
  #hk-footer .inner .info address {
    display: none;
  }
  /* line 5329, ../../scss/layout.scss */
  #hk-footer .inner .info .menu {
    margin: 22px 0 10px -5px;
  }
  /* line 5331, ../../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 5342, ../../scss/layout.scss */
  #hk-footer .inner .info .copyright-mobile {
    display: block;
    color: #878d94;
    font-size: 10px;
  }
  /* line 5349, ../../scss/layout.scss */
  #hk-footer .inner .customer:before {
    display: none;
  }
  /* line 5352, ../../scss/layout.scss */
  #hk-footer .inner .customer .tel {
    font-size: 1.3846153846153846em;
  }
  /* line 5354, ../../scss/layout.scss */
  #hk-footer .inner .customer .tel a {
    color: #878d94;
  }
  /* line 5358, ../../scss/layout.scss */
  #hk-footer .inner .customer .mail {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    padding-left: 0;
  }
  /* line 5364, ../../scss/layout.scss */
  #hk-footer .inner .customer .mail a {
    height: 12px;
    line-height: 1;
  }
  /* line 5369, ../../scss/layout.scss */
  #hk-footer .inner .customer ul {
    margin-top: 8px;
    padding-left: 0;
  }
  /* line 5374, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li {
    position: relative;
    width: 100%;
    font-size: 0.7692307692307693em;
    box-sizing: border-box;
  }
  /* line 5380, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li:first-child:before {
    display: none;
  }
  /* line 5384, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li:before {
    display: none;
  }
  /* line 5398, ../../scss/layout.scss */
  #hk-footer .inner .brand .logo {
    text-align: left;
    border-bottom: 1px solid #55595e;
    padding: 24px 0;
  }
  /* line 5402, ../../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 5411, ../../scss/layout.scss */
  #hk-footer .inner .brand .logo:after {
    display: none;
  }
  /* line 5415, ../../scss/layout.scss */
  #hk-footer .inner .brand .copyright {
    display: none;
    text-align: center;
    font-size: 0.7692307692307693em;
  }
  /* line 5420, ../../scss/layout.scss */
  #hk-footer .inner .brand .link {
    z-index: 1;
    display: block;
  }
  /* line 5429, ../../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 5439, ../../scss/layout.scss */
  #hk-footer.active .inner .info .name {
    margin-top: 72px;
    margin-bottom: 2px;
  }
  /* line 5443, ../../scss/layout.scss */
  #hk-footer.active .inner .info .number {
    margin: 0 0 2px;
    line-height: 1.5;
  }
  /* line 5446, ../../scss/layout.scss */
  #hk-footer.active .inner .info .number .before {
    display: block;
  }
  /* line 5448, ../../scss/layout.scss */
  #hk-footer.active .inner .info .number .before:before {
    display: none;
  }
  /* line 5453, ../../scss/layout.scss */
  #hk-footer.active .inner .info .menu {
    margin-top: 50px;
  }
  /* line 5457, ../../scss/layout.scss */
  #hk-footer.active .inner .info .before:before {
    background-color: #55595e;
  }
  /* line 5462, ../../scss/layout.scss */
  #hk-footer.active .inner .brand {
    padding: 20px 0 125px;
  }
  /* line 5465, ../../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 5469, ../../scss/layout.scss */
  #hk-footer.active .inner .brand .copyright {
    position: absolute;
    top: 135px;
    right: 0;
    left: 0;
    display: block;
    text-align: center;
  }

  /* line 5489, ../../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 5508, ../../scss/layout.scss */
  .m-sidebar .inner {
    border: 0;
    outline: 0;
  }
  /* line 5513, ../../scss/layout.scss */
  .m-sidebar .top .status {
    position: relative;
    padding: 15px 14px;
    background-color: #04939d;
  }
  /* line 5517, ../../scss/layout.scss */
  .m-sidebar .top .status .login {
    display: inline-block;
    width: 50%;
    color: #fff;
  }
  /* line 5521, ../../scss/layout.scss */
  .m-sidebar .top .status .login .grade {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 3px;
  }
  /* line 5527, ../../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 5538, ../../scss/layout.scss */
  .m-sidebar .top .status .utils {
    float: right;
    margin-top: -12px;
    margin-right: -10px;
  }
  /* line 5544, ../../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 5552, ../../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 5558, ../../scss/layout.scss */
  .m-sidebar .top .status .utils .btn-back {
    padding: 10px;
  }
  /* line 5560, ../../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 5578, ../../scss/layout.scss */
  .m-sidebar .top .member {
    padding: 15px 14px 0;
    background-color: #fff;
  }
  /* line 5581, ../../scss/layout.scss */
  .m-sidebar .top .member ul {
    display: table;
    width: 100%;
  }
  /* line 5585, ../../scss/layout.scss */
  .m-sidebar .top .member li {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding-bottom: 20px;
  }
  /* line 5591, ../../scss/layout.scss */
  .m-sidebar .top .member li .tit {
    display: block;
    font-size: 0.875em;
    color: #101717;
    line-height: 1.3;
  }
  /* line 5597, ../../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 5609, ../../scss/layout.scss */
  .m-sidebar .top .member li span {
    display: block;
    padding-top: 5px;
    color: #04939d;
    font-weight: bold;
    font-size: 1.0625em;
  }
  /* line 5615, ../../scss/layout.scss */
  .m-sidebar .top .member li span em {
    font-weight: normal;
    font-size: 0.7647058823529411em;
  }
  /* line 5622, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap {
    padding: 14px;
    border-bottom: 1px solid #ccd5da;
    background-color: #fff;
  }
  /* line 5626, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search {
    position: relative;
    height: 44px;
    border: 2px solid #101717;
    box-sizing: border-box;
  }
  /* line 5631, ../../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 5641, ../../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 5657, ../../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 5672, ../../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 5682, ../../scss/layout.scss */
  .m-sidebar .top .search-wrap .search .xIcon.active {
    display: inline-block;
  }
  /* line 5686, ../../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 5699, ../../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 5711, ../../scss/layout.scss */
  .m-sidebar .menu .item {
    border-bottom: 1px solid #ccd5da;
    background-color: #fff;
  }
  /* line 5714, ../../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 5721, ../../scss/layout.scss */
  .m-sidebar .menu .item.active .depth-tit {
    border-bottom: 1px solid #eee;
  }
  /* line 5723, ../../scss/layout.scss */
  .m-sidebar .menu .item.active .depth-tit:after {
    display: none;
  }
  /* line 5727, ../../scss/layout.scss */
  .m-sidebar .menu .item.active .depth {
    max-height: 1000px;
  }
  /* line 5733, ../../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 5747, ../../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 5759, ../../scss/layout.scss */
  .m-sidebar .menu .depth-tit:before {
    right: 14px;
  }
  /* line 5762, ../../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 5767, ../../scss/layout.scss */
  .m-sidebar .menu .depth {
    margin: 0 14px;
    background-color: #fff;
  }
  /* line 5770, ../../scss/layout.scss */
  .m-sidebar .menu .depth:after {
    content: '';
    display: table;
    clear: both;
  }
  /* line 5775, ../../scss/layout.scss */
  .m-sidebar .menu .depth li {
    margin-top: -1px;
    border-top: 1px solid #f6f6f6;
    box-sizing: border-box;
  }
  /* line 5779, ../../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 5786, ../../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 5798, ../../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 5805, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo {
    display: inline-block;
    vertical-align: middle;
    font: 0/0 a;
  }
  /* line 5809, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo:before {
    content: '';
    display: inline-block;
    background-size: cover;
  }
  /* line 5815, ../../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 5822, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-alibaba:before {
    width: 40px;
    height: 20px;
    background-image: url("../../images/m-icons/alibaba.png");
  }
  /* line 5829, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-akamai:before {
    width: 42px;
    height: 18px;
    background-image: url("../../images/m-icons/akamai.png");
  }
  /* line 5836, ../../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 5843, ../../scss/layout.scss */
  .m-sidebar .menu .depth li .logo-zendesk:before {
    width: 57px;
    height: 11px;
    background-image: url("../../images/m-icons/zendesk.png");
  }
  /* line 5850, ../../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 5857, ../../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 5864, ../../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 5896, ../../scss/layout.scss */
  .m-sidebar .link {
    padding: 14px;
  }
  /* line 5898, ../../scss/layout.scss */
  .m-sidebar .link:after {
    content: '';
    display: table;
    clear: both;
  }
  /* line 5903, ../../scss/layout.scss */
  .m-sidebar .link li {
    float: left;
    width: 48.76033057851%;
    margin-left: 2.47933884298%;
  }
  /* line 5908, ../../scss/layout.scss */
  .m-sidebar .link li:first-child {
    margin-left: 0;
  }
  /* line 5911, ../../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 5922, ../../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 5933, ../../scss/layout.scss */
  .m-sidebar .link li.customer span:before {
    width: 14px;
    height: 14px;
    background-image: url("../../images/m-icons/m-customer.png");
  }
  /* line 5942, ../../scss/layout.scss */
  .m-sidebar .link li.talk span:before {
    width: 16px;
    height: 14px;
    background-image: url("../../images/m-icons/m-talk.png");
  }
  /* line 5951, ../../scss/layout.scss */
  .m-sidebar .link li.tel span:before {
    width: 15px;
    height: 15px;
    background-image: url("../../images/m-icons/m-tel.png");
  }

  /* line 5962, ../../scss/layout.scss */
  .gnb-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
  /* line 5970, ../../scss/layout.scss */
  .gnb-open.sticky-fixed .tld-sticky-wrap {
    position: fixed !important;
    bottom: auto !important;
  }
  /* line 5975, ../../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 5987, ../../scss/layout.scss */
  .gnb-open #hk-header .all {
    background-color: transparent;
  }
  /* line 5994, ../../scss/layout.scss */
  .gnb-open #hk-header .top .util .menu .search .target {
    position: fixed;
  }
  /* line 6002, ../../scss/layout.scss */
  .gnb-open .m-sidebar {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

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

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

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

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

  /* line 6062, ../../scss/layout.scss */
  #hk-footer .sitemap {
    width: auto;
    margin: 0 32px;
  }
  /* line 6067, ../../scss/layout.scss */
  #hk-footer .inner .info {
    font-size: 12px;
  }
  /* line 6072, ../../scss/layout.scss */
  #hk-footer .inner .customer ul li {
    font-size: 12px;
  }
  /* line 6079, ../../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 6095, ../../scss/layout.scss */
  #hk-header .nav-compact li a {
    letter-spacing: -0.5px;
  }
}
/* line 6133, ../../scss/layout.scss */
#hk-header #sm-top-a span:before {
  display: none;
}

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

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

/* line 6159, ../../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 6167, ../../scss/layout.scss */
.regist-info .inner {
  width: 100%;
  margin: 0px auto;
  max-width: 1240px;
  padding: 43px 0 40px;
  text-align: center;
}
/* line 6173, ../../scss/layout.scss */
.regist-info .inner .title {
  color: #030303;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.96px;
}
/* line 6179, ../../scss/layout.scss */
.regist-info .inner .desc {
  padding-top: 16px;
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 6184, ../../scss/layout.scss */
.regist-info .inner .bold {
  font-weight: bold;
}
/* line 6187, ../../scss/layout.scss */
.regist-info .inner .red {
  color: #ed4040;
}
/* line 6190, ../../scss/layout.scss */
.regist-info .inner .isMobile {
  display: none;
}

/* line 6196, ../../scss/layout.scss */
.regist-image-info {
  background: #55595e;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
/* line 6203, ../../scss/layout.scss */
.regist-image-info .inner {
  width: 100%;
  margin: 0px auto;
  max-width: 1240px;
  padding: 24px 0 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 6212, ../../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 6219, ../../scss/layout.scss */
.regist-image-info .inner .span-payment {
  padding-left: 24px;
  font-size: 16px;
  letter-spacing: -0.48px;
  font-weight: bold;
}
/* line 6225, ../../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 6232, ../../scss/layout.scss */
.regist-image-info .inner .span-paydone {
  padding-left: 24px;
  font-size: 16px;
  letter-spacing: -0.48px;
  font-weight: bold;
}
/* line 6238, ../../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 6247, ../../scss/layout.scss */
.regist-image-info .inner .green {
  color: #39b7bf;
}
/* line 6250, ../../scss/layout.scss */
.regist-image-info .inner .white {
  color: #fff;
}
/* line 6253, ../../scss/layout.scss */
.regist-image-info .inner .desc {
  padding-top: 16px;
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 6258, ../../scss/layout.scss */
.regist-image-info .inner .bold {
  font-weight: bold;
}
/* line 6261, ../../scss/layout.scss */
.regist-image-info .inner .red {
  color: #ed4040;
}

/* line 6266, ../../scss/layout.scss */
.regist-layout {
  width: 100%;
  margin: 0 auto;
  display: flex;
  background: #f4f5f8;
  max-width: 1240px;
  /* 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 6272, ../../scss/layout.scss */
.regist-layout .title-text {
  font-size: 16px;
  letter-spacing: -0.48px;
  color: black;
  font-weight: bold;
  margin-bottom: 20px;
}
/* line 6279, ../../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 6289, ../../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 6297, ../../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 6308, ../../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 6316, ../../scss/layout.scss */
.regist-layout .inner-left {
  width: 100%;
  max-width: 916px;
  margin-right: 24px;
  position: relative;
}
/* line 6322, ../../scss/layout.scss */
.regist-layout .inner-right {
  width: 100%;
  max-width: 298px;
  position: sticky;
  top: 60px;
  min-height: 200px;
  height: 100%;
}
/* line 6330, ../../scss/layout.scss */
.regist-layout .box {
  width: auto;
  border: 1px solid #d9dfe3;
  border-radius: 2px;
  margin-bottom: 8px;
  position: relative;
  background: #fff;
}
/* line 6338, ../../scss/layout.scss */
.regist-layout .flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 6343, ../../scss/layout.scss */
.regist-layout .flex-p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 6348, ../../scss/layout.scss */
.regist-layout .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 6353, ../../scss/layout.scss */
.regist-layout .flex-between-p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 6358, ../../scss/layout.scss */
.regist-layout .flex-1 {
  flex: 1;
  position: relative;
}
/* line 6362, ../../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 6372, ../../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 6381, ../../scss/layout.scss */
.regist-layout .menu li:hover, .regist-layout .menu li:active {
  background: rgba(228, 233, 238, 0.4);
}
/* line 6387, ../../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 6396, ../../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 6404, ../../scss/layout.scss */
.regist-layout .menuTerms li:hover, .regist-layout .menuTerms li:active {
  background: rgba(228, 233, 238, 0.4);
}
/* line 6410, ../../scss/layout.scss */
.regist-layout .on {
  border: 1px solid #04939d;
}
/* line 6413, ../../scss/layout.scss */
.regist-layout .type-1 {
  height: 68px;
  padding: 0 32px;
}
/* line 6416, ../../scss/layout.scss */
.regist-layout .type-1 span {
  font-size: 16px;
  color: black;
  font-weight: bold;
  padding-left: 13px;
}
/* line 6422, ../../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 6430, ../../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 6437, ../../scss/layout.scss */
.regist-layout .type-1 label {
  font-size: 15px;
  letter-spacing: -0.45px;
}
/* line 6442, ../../scss/layout.scss */
.regist-layout .type-2 {
  height: auto;
  padding: 38px 32px 44px;
}
/* line 6445, ../../scss/layout.scss */
.regist-layout .type-2 span {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #000000;
}
/* line 6451, ../../scss/layout.scss */
.regist-layout .type-2 .info-tit {
  font-size: 14px;
}
/* line 6454, ../../scss/layout.scss */
.regist-layout .type-2 .con {
  padding-top: 18.5px;
}
/* line 6456, ../../scss/layout.scss */
.regist-layout .type-2 .con .label {
  padding-top: 36px;
  font-weight: bold;
  padding-bottom: 13px;
}
/* line 6461, ../../scss/layout.scss */
.regist-layout .type-2 .con .absolute {
  position: absolute;
  margin-top: 10px;
}
/* line 6466, ../../scss/layout.scss */
.regist-layout .type-2 .con .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6471, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
/* line 6476, ../../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 6486, ../../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 6489, ../../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 6492, ../../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 6495, ../../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 6500, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer .timer-span {
  position: absolute;
  right: 10px;
}
/* line 6503, ../../scss/layout.scss */
.regist-layout .type-2 .con .input-layer .timer-span span {
  color: #04939d;
}
/* line 6508, ../../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 6518, ../../scss/layout.scss */
.regist-layout .type-2 .con .success-msg {
  color: #04939d;
  position: absolute;
  margin-top: 10px;
}
/* line 6524, ../../scss/layout.scss */
.regist-layout .type-2 .pt-0 {
  padding-top: 0px;
}
/* line 6528, ../../scss/layout.scss */
.regist-layout .spec {
  padding: 0px 32px 70px;
}
/* line 6531, ../../scss/layout.scss */
.regist-layout .type-3 {
  height: auto;
  padding: 26px 22px 44px;
}
/* line 6534, ../../scss/layout.scss */
.regist-layout .type-3 .title {
  font-size: 16px;
  color: black;
  font-weight: bold;
}
/* line 6539, ../../scss/layout.scss */
.regist-layout .type-3 .con {
  padding-top: 21.5px;
}
/* line 6541, ../../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 6552, ../../scss/layout.scss */
.regist-layout .type-3 .con .label {
  font-size: 14px;
  letter-spacing: -0.45px;
  font-weight: bold;
}
/* line 6558, ../../scss/layout.scss */
.regist-layout .type-3 .con .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6563, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer {
  padding-bottom: 8px;
}
/* line 6565, ../../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 6575, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button:hover {
  background: #f8fafb;
}
/* line 6578, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button:active, .regist-layout .type-3 .con .btn-Layer button:focus {
  background: #f3f6f7;
}
/* line 6582, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer button:disabled {
  opacity: 0.35;
}
/* line 6586, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button {
  background: #ed4040;
  color: white;
  border: 0px;
}
/* line 6590, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button:hover {
  background: #eb575a;
}
/* line 6593, ../../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 6597, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .red-button:disabled {
  opacity: 0.35;
}
/* line 6601, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button {
  background: #089d99;
  color: white;
  border: 0px;
}
/* line 6605, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button:hover {
  background: #129ca5;
}
/* line 6608, ../../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 6612, ../../scss/layout.scss */
.regist-layout .type-3 .con .btn-Layer .dark-green-button:disabled {
  opacity: 0.35;
}
/* line 6617, ../../scss/layout.scss */
.regist-layout .type-3 .con .input-layer {
  display: flex;
  align-items: center;
}
/* line 6620, ../../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 6630, ../../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 6633, ../../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 6636, ../../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 6639, ../../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 6644, ../../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 6656, ../../scss/layout.scss */
.regist-layout .type-3 .pt-0 {
  padding-top: 0px;
}
/* line 6661, ../../scss/layout.scss */
.regist-layout .type-4 {
  height: auto;
  padding: 29px 32px 27px;
}
/* line 6664, ../../scss/layout.scss */
.regist-layout .type-4 span {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: black;
}
/* line 6670, ../../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 6681, ../../scss/layout.scss */
.regist-layout .type-4 button:hover {
  background: #f8fafb;
}
/* line 6684, ../../scss/layout.scss */
.regist-layout .type-4 button:active, .regist-layout .type-4 button:focus {
  background: #f3f6f7;
}
/* line 6688, ../../scss/layout.scss */
.regist-layout .type-4 button:disabled {
  opacity: 0.35;
}
/* line 6692, ../../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 6700, ../../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 6708, ../../scss/layout.scss */
.regist-layout .type-4 .title {
  font-size: 16px;
  color: black;
  font-weight: bold;
}
/* line 6713, ../../scss/layout.scss */
.regist-layout .type-4 .con {
  padding-top: 21.5px;
}
/* line 6715, ../../scss/layout.scss */
.regist-layout .type-4 .con .label {
  font-size: 14px;
  letter-spacing: -0.45px;
  font-weight: bold;
}
/* line 6721, ../../scss/layout.scss */
.regist-layout .type-4 .con .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6726, ../../scss/layout.scss */
.regist-layout .type-4 .con .btn-Layer {
  padding-bottom: 8px;
}
/* line 6728, ../../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 6740, ../../scss/layout.scss */
.regist-layout .type-4 .con .input-layer {
  display: flex;
  align-items: center;
}
/* line 6743, ../../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 6753, ../../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 6756, ../../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 6759, ../../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 6762, ../../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 6767, ../../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 6780, ../../scss/layout.scss */
.regist-layout .type-5 {
  height: 92px;
  padding: 0 36px;
  margin-bottom: -1px;
}
/* line 6784, ../../scss/layout.scss */
.regist-layout .type-5 .title {
  font-size: 15px;
  color: #101717;
  font-weight: bold;
  padding-left: 5px;
}
/* line 6790, ../../scss/layout.scss */
.regist-layout .type-5 .label-left {
  width: 214px;
}
/* line 6794, ../../scss/layout.scss */
.regist-layout .type-5 .radio-button label {
  padding-left: 28px;
  padding-right: 13px;
}
/* line 6799, ../../scss/layout.scss */
.regist-layout .type-5 .input-layer {
  display: flex;
  align-items: center;
}
/* line 6802, ../../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 6812, ../../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 6815, ../../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 6818, ../../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 6821, ../../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 6827, ../../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 6837, ../../scss/layout.scss */
.regist-layout .type-5 button.active {
  background: #04939d;
  border: 0px;
  color: white;
}
/* line 6842, ../../scss/layout.scss */
.regist-layout .type-5 button.btn-info {
  height: auto;
  border: 0px;
  padding: 0px;
}
/* line 6847, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn {
  background: #04939d;
  color: white;
  height: 20px;
  border: 0px;
  padding: 0 10px;
}
/* line 6853, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn:hover {
  background: #129ca5;
}
/* line 6856, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn:active {
  background: #008c94;
}
/* line 6859, ../../scss/layout.scss */
.regist-layout .type-5 button.green-btn:disabled {
  opacity: 0.35;
}
/* line 6864, ../../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 6875, ../../scss/layout.scss */
.regist-layout .infoBox .red {
  font-weight: normal;
  font-size: inherit;
  letter-spacing: inherit;
  color: #ed4040;
}
/* line 6882, ../../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 6892, ../../scss/layout.scss */
.regist-layout .red-button {
  height: 44px;
  background: #ed4040;
  color: white;
  border: 0px;
  font-size: 15px;
}
/* line 6899, ../../scss/layout.scss */
.regist-layout .dark-green-button {
  height: 44px;
  background: #089d99;
  color: white;
  border: 0px;
  font-size: 15px;
}
/* line 6905, ../../scss/layout.scss */
.regist-layout .dark-green-button:hover {
  background: #129ca5;
}
/* line 6908, ../../scss/layout.scss */
.regist-layout .dark-green-button:active {
  background: #008c94;
}
/* line 6911, ../../scss/layout.scss */
.regist-layout .dark-green-button:disabled {
  opacity: 0.35;
}
/* line 6915, ../../scss/layout.scss */
.regist-layout .green-button {
  height: 44px;
  background: #04939d;
  color: white;
  border: 0px;
  font-size: 15px;
}
/* line 6921, ../../scss/layout.scss */
.regist-layout .green-button:hover {
  background: #129ca5;
}
/* line 6924, ../../scss/layout.scss */
.regist-layout .green-button:active, .regist-layout .green-button:focus {
  background: #008c94;
}
/* line 6928, ../../scss/layout.scss */
.regist-layout .green-button:disabled {
  opacity: 0.35;
}
/* line 6932, ../../scss/layout.scss */
.regist-layout .type-5-last {
  margin-bottom: 8px;
  border-bottom: 1px solid #d9dfe3;
}
/* line 6936, ../../scss/layout.scss */
.regist-layout .info {
  margin-top: 12px;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  line-height: 170%;
}
/* line 6943, ../../scss/layout.scss */
.regist-layout .pt-0 {
  padding-top: 0px;
}
/* line 6946, ../../scss/layout.scss */
.regist-layout .pt-31 {
  padding-top: 31px;
}
/* line 6949, ../../scss/layout.scss */
.regist-layout .pt-40 {
  padding-top: 40px;
}
/* line 6952, ../../scss/layout.scss */
.regist-layout .ml-12 {
  margin-left: 12px;
}
/* line 6955, ../../scss/layout.scss */
.regist-layout .mr-12 {
  margin-right: 12px;
}
/* line 6958, ../../scss/layout.scss */
.regist-layout .mw-240 {
  max-width: 240px;
}
/* line 6961, ../../scss/layout.scss */
.regist-layout .mw-320 {
  max-width: 320px;
}
/* line 6964, ../../scss/layout.scss */
.regist-layout .mw-200 {
  max-width: 200px;
}
/* line 6967, ../../scss/layout.scss */
.regist-layout .mw-120 {
  max-width: 120px;
}
/* line 6970, ../../scss/layout.scss */
.regist-layout .mw-280 {
  max-width: 280px;
}
/* line 6973, ../../scss/layout.scss */
.regist-layout .pt-8 {
  padding-top: 8px;
}
/* line 6976, ../../scss/layout.scss */
.regist-layout .pt-30 {
  padding-top: 30px;
}
/* line 6979, ../../scss/layout.scss */
.regist-layout .pt-23 {
  padding-top: 23px;
}
/* line 6982, ../../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 7004, ../../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 7018, ../../scss/layout.scss */
.regist-layout .selectBox label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  /* 위치정렬 */
  color: #333;
  z-index: -1;
  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
}
/* line 7027, ../../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 7042, ../../scss/layout.scss */
.regist-layout .selectBox select:disabled {
  background-color: #f2f2f2;
}
/* line 7045, ../../scss/layout.scss */
.regist-layout .selectBox select::-ms-expand {
  display: none;
}
/* line 7049, ../../scss/layout.scss */
.regist-layout .checkBox1:checked, .regist-layout .checkBox1:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 7054, ../../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 7065, ../../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 7077, ../../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 7091, ../../scss/layout.scss */
.regist-layout .checkBox1:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* line 7096, ../../scss/layout.scss */
.regist-layout .checkBox1:checked + label:after {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 7103, ../../scss/layout.scss */
.regist-layout #policybox-layer .policyCheck {
  margin-bottom: 4px;
}
/* line 7107, ../../scss/layout.scss */
.regist-layout .policyCheck {
  margin-right: 10px;
}
/* line 7111, ../../scss/layout.scss */
.regist-layout .checkBox:checked, .regist-layout .checkBox:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 7116, ../../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 7127, ../../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 7139, ../../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 7153, ../../scss/layout.scss */
.regist-layout .checkBox:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* line 7158, ../../scss/layout.scss */
.regist-layout .checkBox:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* line 7164, ../../scss/layout.scss */
.regist-layout .con {
  font-size: 13px;
  color: black;
  letter-spacing: -0.39px;
}
/* line 7169, ../../scss/layout.scss */
.regist-layout .underline {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #e4e9ee;
  padding-bottom: 20px;
}
/* line 7175, ../../scss/layout.scss */
.regist-layout .underline-p {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #e4e9ee;
  padding-bottom: 20px;
}
/* line 7181, ../../scss/layout.scss */
.regist-layout .underline-dark {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #878d94;
  padding-bottom: 20px;
}
/* line 7187, ../../scss/layout.scss */
.regist-layout .underline-gray {
  width: 100%;
  margin: 0px auto;
  border-bottom: 1px solid #91959a;
  padding-bottom: 20px;
}
/* line 7193, ../../scss/layout.scss */
.regist-layout .dark-green {
  color: #04939d;
}
/* line 7196, ../../scss/layout.scss */
.regist-layout .green {
  color: #00858d;
}
/* line 7199, ../../scss/layout.scss */
.regist-layout .red {
  color: #ed4040;
}
/* line 7202, ../../scss/layout.scss */
.regist-layout .price {
  font-size: 23px;
}
/* line 7205, ../../scss/layout.scss */
.regist-layout .bold {
  font-weight: bold;
}
/* line 7208, ../../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 7213, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked,
.regist-layout input[type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}
/* line 7218, ../../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 7228, ../../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 7240, ../../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 7253, ../../scss/layout.scss */
.regist-layout input[type='radio']:not(:checked) + label:after {
  opacity: 0;
}
/* line 7258, ../../scss/layout.scss */
.regist-layout input[type='radio']:checked + label:after {
  opacity: 1;
}
/* line 7263, ../../scss/layout.scss */
.regist-layout .radioBox {
  margin-left: -4px;
}
/* line 7266, ../../scss/layout.scss */
.regist-layout .radioBox input[type='radio'] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
/* line 7275, ../../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 7285, ../../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 7297, ../../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 7303, ../../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 7317, ../../scss/layout.scss */
.agreementBox {
  margin-bottom: 15px;
}
/* line 7319, ../../scss/layout.scss */
.agreementBox .input-box {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.8;
}
/* line 7323, ../../scss/layout.scss */
.agreementBox .input-box label {
  padding-left: 10px;
  cursor: pointer;
}
/* line 7328, ../../scss/layout.scss */
.agreementBox .box {
  border: 1px solid #fefefe;
  background: #efefef;
  border-radius: 5px;
  padding: 15px;
}
/* line 7333, ../../scss/layout.scss */
.agreementBox .box .title {
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 1.7;
}
/* line 7338, ../../scss/layout.scss */
.agreementBox .box .list {
  padding-left: 20px;
}
/* line 7340, ../../scss/layout.scss */
.agreementBox .box .list li {
  padding-bottom: 5px;
  line-height: 1.7;
}
/* line 7345, ../../scss/layout.scss */
.agreementBox .box .desc {
  padding-top: 10px;
  line-height: 1.6;
}

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

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

/* line 7364, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 {
  display: flex;
}
/* line 7366, ../../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 7373, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .label.top {
  align-items: start;
  padding-top: 13px;
}
/* line 7379, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con button {
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 7382, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con button.active {
  background: #0a3d53;
  color: white;
}
/* line 7387, ../../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 7398, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con input:read-only {
  background: #f6f7f9;
}
/* line 7401, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con input.error {
  border-color: #ed4040;
  color: black;
}
/* line 7406, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con div {
  margin-bottom: 10px;
}
/* line 7408, ../../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 7414, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con div.info > .red {
  color: #ed4040;
}
/* line 7419, ../../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 7429, ../../scss/layout.scss */
.nameserver-bulk .box .type-1 > .con .green {
  background: #04939d;
  color: white;
  border-color: #04939d;
}
/* line 7434, ../../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 7445, ../../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 7455, ../../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 7463, ../../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 7472, ../../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 7480, ../../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 7489, ../../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 7503, ../../scss/layout.scss */
.nameserver-bulk .border {
  border-color: #fbafaf;
}

/* line 7507, ../../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 7515, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 > .title > .right {
  display: flex;
  align-items: center;
  position: relative;
}
/* line 7521, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box {
  display: flex;
  flex-direction: column;
  align-items: start;
  position: relative;
}
/* line 7526, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .required {
  color: #ed4040;
  position: absolute;
  top: 25px;
  left: 5px;
}
/* line 7532, ../../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 7538, ../../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 7546, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .ip-address > span.green {
  color: #00a54d;
}
/* line 7549, ../../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 7559, ../../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 7567, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > .ip-address > span.button.disabled {
  opacity: 0.25;
  border-radius: 4px;
}
/* line 7572, ../../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 7583, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input:disabled {
  background: #f6f7f9;
}
/* line 7586, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input::placeholder {
  color: #91959a;
}
/* line 7590, ../../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 7600, ../../scss/layout.scss */
.nameserver-bulk .box .type-2 .input-box > input.errorField {
  border-color: #ed4040;
}

/* line 7606, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 {
  display: block;
}
/* line 7608, ../../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 7616, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .label.top {
  align-items: start;
  padding-top: 13px;
}
/* line 7622, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con button {
  font-size: 13px;
  letter-spacing: -0.39px;
}
/* line 7625, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con button.active {
  background: #0a3d53;
  color: white;
}
/* line 7630, ../../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 7641, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con input:read-only {
  background: #f6f7f9;
}
/* line 7644, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con input.error {
  border-color: #ed4040;
  color: black;
}
/* line 7649, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con div {
  margin-bottom: 10px;
}
/* line 7651, ../../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 7657, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con div.info > .red {
  color: #ed4040;
}
/* line 7662, ../../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 7672, ../../scss/layout.scss */
.nameserver-bulk .box .type-3 > .con .green {
  background: #04939d;
  color: white;
  border-color: #04939d;
}
/* line 7677, ../../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 7688, ../../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 7698, ../../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 7706, ../../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 7715, ../../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 7723, ../../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 7732, ../../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 7746, ../../scss/layout.scss */
.nameserver-bulk .other {
  height: auto;
  background: inherit;
  margin-top: 0px;
}

/* line 7751, ../../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 7764, ../../scss/layout.scss */
.nameserver-bulk .menu:hover {
  border-color: #04939d;
}
/* line 7767, ../../scss/layout.scss */
.nameserver-bulk .menu > div {
  display: flex;
  align-items: center;
}
/* line 7770, ../../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 7777, ../../scss/layout.scss */
.nameserver-bulk .menu > div > i.up {
  transform: rotate(-90deg);
}
/* line 7780, ../../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 7791, ../../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 7805, ../../scss/layout.scss */
.nameserver-bulk .menu-1:hover {
  border-color: #04939d;
}
/* line 7808, ../../scss/layout.scss */
.nameserver-bulk .menu-1 > div {
  display: flex;
  align-items: center;
}
/* line 7811, ../../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 7818, ../../scss/layout.scss */
.nameserver-bulk .menu-1 > div > i.up {
  transform: rotate(-90deg);
}
/* line 7821, ../../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 7831, ../../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 7845, ../../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 7852, ../../scss/layout.scss */
.nameserver-bulk .select-box > i.up {
  transform: rotate(180deg);
}
/* line 7855, ../../scss/layout.scss */
.nameserver-bulk .select-box.disabled {
  background: #f8f9fa;
  color: #101010;
  cursor: auto;
}

/* line 7862, ../../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 7877, ../../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 7884, ../../scss/layout.scss */
.nameserver-bulk .select-box-1 > i.up {
  transform: rotate(180deg);
}
/* line 7887, ../../scss/layout.scss */
.nameserver-bulk .select-box-1.disabled {
  background: #f8f9fa;
  color: #101010;
  cursor: auto;
}

/* line 7893, ../../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 7903, ../../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 7913, ../../scss/layout.scss */
.nameserver-bulk .menu-list-2 > li:last-child {
  border-bottom: 0px;
}

/* line 7918, ../../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 7928, ../../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 7938, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li.hover {
  cursor: pointer;
}
/* line 7940, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li.hover:hover {
  text-decoration: underline;
}
/* line 7944, ../../scss/layout.scss */
.nameserver-bulk .menu-list-1 > li:last-child {
  border-bottom: 0px;
}

/* line 7949, ../../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 7961, ../../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 7970, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li.border {
  border-bottom: 1px solid #c3cbd4;
}
/* line 7973, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li:hover {
  background: #f5fdfe;
}
/* line 7976, ../../scss/layout.scss */
.nameserver-bulk .menu-list-3 > li:last-child {
  border-bottom: 0px;
}

/* line 7981, ../../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 7996, ../../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 8006, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li.border {
  border-bottom: 1px solid #c3cbd4;
}
/* line 8009, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li:hover {
  background: #f5fdfe;
}
/* line 8012, ../../scss/layout.scss */
.nameserver-bulk .menu-list > li:last-child {
  border-bottom: 0px;
}
/* line 8015, ../../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 8026, ../../scss/layout.scss */
.nameserver-bulk .flex {
  display: flex;
}

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

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

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

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

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

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

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

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

/* line 8059, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn {
  display: flex;
  justify-content: center;
}
/* line 8062, ../../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 8072, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn > button:disabled {
  background: #e4e9ee;
  color: white;
}
/* line 8076, ../../scss/layout.scss */
.nameserver-bulk .bottom-btn > button:hover:enabled {
  background: #129ca5;
}

/* line 8081, ../../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 8093, ../../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 8100, ../../scss/layout.scss */
.nameserver-bulk .edit {
  margin-top: 20px;
}

/* line 8103, ../../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 8112, ../../scss/layout.scss */
.nameserver-bulk .edit li > div:not(:first-child) {
  text-align: center;
  border-left: 1px solid #e4e9ee;
  flex: 1;
}
/* line 8117, ../../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 8125, ../../scss/layout.scss */
.nameserver-bulk .edit li.first {
  background: #f6f7f9;
  height: 50px;
  min-height: 50px;
  font-weight: bold;
  border-top: 1px solid #e4e9ee;
}

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

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

/* line 8141, ../../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 8149, ../../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 8155, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .label {
  min-width: 200px;
  padding-top: 12px;
}
/* line 8158, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .label > .red {
  color: #ed4040;
  padding-right: 5px;
}
/* line 8163, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con {
  display: flex;
}
/* line 8165, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con.ml {
  margin-left: 200px;
}
/* line 8168, ../../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 8175, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .input-box {
  /*display:inline-block;*/
}
/* line 8177, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .input-box > i {
  top: 7px;
  right: 16px;
}
/* line 8182, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .input-box > input {
  margin: 0px;
  margin-right: 5px;
  margin-bottom: 8px;
  width: auto;
}
/* line 8188, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .check-box {
  margin-top: 10px;
  display: inline-block;
}
/* line 8193, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > .check-box > label {
  padding: 0 10px;
}
/* line 8197, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > button {
  width: 100px;
  height: 38px;
  border: 1px solid #c3cbd4;
}
/* line 8203, ../../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 8214, ../../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 8224, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > div > button.active {
  background: #0a3d53;
  color: white;
}
/* line 8229, ../../scss/layout.scss */
.nameserver-bulk .edit-v2 li.list > .con > div > button:disabled {
  opacity: 0.35;
}

/* line 8234, ../../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 8243, ../../scss/layout.scss */
.nameserver-bulk .info-box {
  padding: 22px 26px 16px;
  background: #f6f7f9;
  margin-top: 38px;
}
/* line 8247, ../../scss/layout.scss */
.nameserver-bulk .info-box > .title {
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.39px;
  color: black;
  margin-bottom: 18px;
}
/* line 8254, ../../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 8260, ../../scss/layout.scss */
.nameserver-bulk .info-box > .desc > a {
  color: #006aff;
}

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

/* line 8286, ../../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 8292, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto;
}
/* line 8296, ../../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 8304, ../../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 8311, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner .green {
  color: #04939d;
}
/* line 8314, ../../scss/layout.scss */
.nameserver-bulk-result > .result-info > .inner .red {
  color: #ed4040;
}
/* line 8319, ../../scss/layout.scss */
.nameserver-bulk-result > .right-btn {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto;
  margin-top: 40px;
  display: flex;
  height: 24px;
  margin-bottom: 17px;
  justify-content: end;
  align-items: center;
}
/* line 8329, ../../scss/layout.scss */
.nameserver-bulk-result > .right-btn > button {
  font-size: 14px;
  font-weight: bold;
  color: #0a3d53;
  display: flex;
  align-items: center;
}
/* line 8335, ../../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 8343, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains {
  width: 100%;
  max-width: 1240px;
  margin: 0px auto;
  background: white;
  border: 1px solid #d9dfe3;
}
/* line 8349, ../../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 8356, ../../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 8363, ../../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 8369, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > i {
  width: 16px;
  height: 16px;
  display: inline-block;
}
/* line 8373, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > i.success {
  background: url("../../images/svg/icon_info_complete.svg") no-repeat center;
}
/* line 8377, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li > div > i.error {
  background: url("../../images/svg/icon_info_error.svg") no-repeat center;
}
/* line 8383, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li .disabled {
  color: #b1b4bc;
}
/* line 8386, ../../scss/layout.scss */
.nameserver-bulk-result > .result-domains > li:last-child {
  border-bottom: 0px;
}
/* line 8391, ../../scss/layout.scss */
.nameserver-bulk-result > .label {
  max-width: 1240px;
  margin: 37px auto 17px;
  color: black;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.42px;
}

/* line 8403, ../../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 8415, ../../scss/layout.scss */
.ui-tooltip {
  color: white;
  border: none;
  padding: 0;
  opacity: 1;
}

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

/* line 8426, ../../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: 1240px) {
  /* line 8468, ../../scss/layout.scss */
  .regist-layout .title-text {
    margin: 0px 20px 20px;
  }
  /* line 8471, ../../scss/layout.scss */
  .regist-layout .title-link {
    right: 20px;
  }
  /* line 8474, ../../scss/layout.scss */
  .regist-layout .title-link-1 {
    right: 160px;
  }

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

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

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

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

  /* line 8495, ../../scss/layout.scss */
  .regist-layout {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
  }
  /* line 8500, ../../scss/layout.scss */
  .regist-layout .title-text {
    margin: 0px 20px 20px;
  }
  /* line 8503, ../../scss/layout.scss */
  .regist-layout .title-link {
    right: 20px;
  }
  /* line 8506, ../../scss/layout.scss */
  .regist-layout .title-link-1 {
    right: 160px;
  }
  /* line 8509, ../../scss/layout.scss */
  .regist-layout .inner-left {
    width: 100%;
    max-width: 100%;
    margin-right: 0px;
  }
  /* line 8514, ../../scss/layout.scss */
  .regist-layout .box {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 8519, ../../scss/layout.scss */
  .regist-layout .inner-right {
    width: 100%;
    max-width: 100%;
    top: 5px;
  }
  /* line 8525, ../../scss/layout.scss */
  .regist-layout .btn-Layer .btn-sticky {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 56px;
    z-index: 5;
  }

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

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

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

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

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

  /* line 8576, ../../scss/layout.scss */
  .regist-layout {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 5px;
  }
  /* line 8581, ../../scss/layout.scss */
  .regist-layout .title-text {
    display: none;
  }
  /* line 8584, ../../scss/layout.scss */
  .regist-layout .inner-left {
    width: 100%;
    max-width: 916px;
    margin-right: 0px;
  }
  /* line 8589, ../../scss/layout.scss */
  .regist-layout .inner-right {
    width: 100%;
    max-width: 100%;
    position: relative;
    height: auto;
    top: 5px;
  }
  /* line 8596, ../../scss/layout.scss */
  .regist-layout .flex-between {
    display: block;
    align-items: center;
  }
  /* line 8600, ../../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 8609, ../../scss/layout.scss */
  .regist-layout .flex-1 {
    flex: 1;
  }
  /* line 8612, ../../scss/layout.scss */
  .regist-layout .selectBox select {
    padding: 0.8em 12px;
    /* 여백과 높이 결정 */
  }
  /* line 8615, ../../scss/layout.scss */
  .regist-layout .menuTerms {
    margin-top: -5px;
    margin-bottom: 5px;
    display: none;
  }
  /* line 8620, ../../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 8630, ../../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 8638, ../../scss/layout.scss */
  .regist-layout .menu li:hover, .regist-layout .menu li:active {
    background: rgba(228, 233, 238, 0.4);
  }
  /* line 8644, ../../scss/layout.scss */
  .regist-layout .type-1 {
    height: 50px;
    padding: 0 16px;
  }
  /* line 8647, ../../scss/layout.scss */
  .regist-layout .type-1 span {
    font-size: 16px;
    color: black;
    font-weight: bold;
    padding-left: 13px;
  }
  /* line 8654, ../../scss/layout.scss */
  .regist-layout .type-2 {
    height: auto;
    padding: 20px 16px 30px;
  }
  /* line 8657, ../../scss/layout.scss */
  .regist-layout .type-2 span {
    font-size: 15px;
    color: black;
    font-weight: bold;
    letter-spacing: -0.45px;
  }
  /* line 8663, ../../scss/layout.scss */
  .regist-layout .type-2 .info-tit {
    font-size: 13px;
  }
  /* line 8666, ../../scss/layout.scss */
  .regist-layout .type-2 .con {
    padding-top: 18.5px;
  }
  /* line 8668, ../../scss/layout.scss */
  .regist-layout .type-2 .con .label {
    padding-top: 18px;
    font-weight: bold;
    padding-bottom: 13px;
  }
  /* line 8673, ../../scss/layout.scss */
  .regist-layout .type-2 .con .pb-0-m {
    padding-bottom: 0px;
  }
  /* line 8677, ../../scss/layout.scss */
  .regist-layout .type-2 .con .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8682, ../../scss/layout.scss */
  .regist-layout .type-2 .con .input-layer {
    display: flex;
    align-items: center;
  }
  /* line 8685, ../../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 8690, ../../scss/layout.scss */
  .regist-layout .type-2 .con .input-layer span {
    font-size: 13px;
  }
  /* line 8694, ../../scss/layout.scss */
  .regist-layout .type-2 .con .success-msg {
    position: relative;
  }
  /* line 8698, ../../scss/layout.scss */
  .regist-layout .type-2 .pt-0 {
    padding-top: 0px;
  }
  /* line 8702, ../../scss/layout.scss */
  .regist-layout .type-3 {
    height: auto;
    padding: 26px 16px 30px;
  }
  /* line 8705, ../../scss/layout.scss */
  .regist-layout .type-3 .title {
    font-size: 16px;
    color: black;
    font-weight: bold;
  }
  /* line 8710, ../../scss/layout.scss */
  .regist-layout .type-3 .con {
    padding-top: 21.5px;
  }
  /* line 8712, ../../scss/layout.scss */
  .regist-layout .type-3 .con .label {
    font-size: 14px;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  /* line 8718, ../../scss/layout.scss */
  .regist-layout .type-3 .con .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8723, ../../scss/layout.scss */
  .regist-layout .type-3 .con .btn-Layer {
    padding-bottom: 8px;
  }
  /* line 8726, ../../scss/layout.scss */
  .regist-layout .type-3 .con .input-layer {
    display: flex;
    align-items: center;
  }
  /* line 8729, ../../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 8736, ../../scss/layout.scss */
  .regist-layout .type-3 .pt-0 {
    padding-top: 0px;
  }
  /* line 8741, ../../scss/layout.scss */
  .regist-layout .type-4 {
    height: auto;
    padding: 27px 16px 27px;
  }
  /* line 8744, ../../scss/layout.scss */
  .regist-layout .type-4 span {
    font-size: 14.5px;
    font-weight: bold;
    letter-spacing: -0.29px;
  }
  /* line 8749, ../../scss/layout.scss */
  .regist-layout .type-4 button {
    margin-left: 5px;
    margin-right: 10px;
  }
  /* line 8753, ../../scss/layout.scss */
  .regist-layout .type-4 .title {
    font-size: 14.5px;
    color: black;
    font-weight: bold;
    letter-spacing: -0.29px;
  }
  /* line 8759, ../../scss/layout.scss */
  .regist-layout .type-4 .con {
    padding-top: 21.5px;
  }
  /* line 8761, ../../scss/layout.scss */
  .regist-layout .type-4 .con .label {
    font-size: 14px;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  /* line 8767, ../../scss/layout.scss */
  .regist-layout .type-4 .con .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8772, ../../scss/layout.scss */
  .regist-layout .type-4 .con .btn-Layer {
    padding-bottom: 8px;
  }
  /* line 8774, ../../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 8785, ../../scss/layout.scss */
  .regist-layout .type-4 .con .btn-Layer .red-button {
    background: #ed4040;
    color: white;
    border: 0px;
  }
  /* line 8792, ../../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 8800, ../../scss/layout.scss */
  .regist-layout .type-5 {
    height: auto;
    padding: 0px 17px 29px;
    margin-bottom: 0px;
    border-bottom: 0px;
    display: block;
  }
  /* line 8806, ../../scss/layout.scss */
  .regist-layout .type-5 .flex {
    display: block;
  }
  /* line 8809, ../../scss/layout.scss */
  .regist-layout .type-5 .flex-m {
    display: flex;
  }
  /* line 8812, ../../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 8819, ../../scss/layout.scss */
  .regist-layout .type-5 .label-left {
    width: auto;
    padding-bottom: 16px;
  }
  /* line 8824, ../../scss/layout.scss */
  .regist-layout .type-5 .radio-button label {
    padding-left: 28px;
    padding-right: 7px;
  }
  /* line 8829, ../../scss/layout.scss */
  .regist-layout .type-5 .input-layer {
    display: flex;
    align-items: center;
  }
  /* line 8832, ../../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 8838, ../../scss/layout.scss */
  .regist-layout .type-5 .pt-21-m {
    margin-top: 21px;
  }
  /* line 8842, ../../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 8853, ../../scss/layout.scss */
  .regist-layout .infoBox .red {
    font-weight: normal;
    font-size: inherit;
    letter-spacing: inherit;
    color: #ed4040;
  }
  /* line 8860, ../../scss/layout.scss */
  .regist-layout .info {
    font-size: 12px;
  }
  /* line 8863, ../../scss/layout.scss */
  .regist-layout .type-5-last {
    padding-bottom: 27px;
    margin-bottom: 5px;
    border-bottom: 0px;
  }
  /* line 8868, ../../scss/layout.scss */
  .regist-layout .pt-30-m {
    padding-top: 30px;
  }
  /* line 8871, ../../scss/layout.scss */
  .regist-layout .pb-0-m {
    padding-bottom: 0px;
  }
  /* line 8874, ../../scss/layout.scss */
  .regist-layout .pt-31 {
    padding-top: 20px;
  }
  /* line 8877, ../../scss/layout.scss */
  .regist-layout .ml-12 {
    margin-left: 0px;
  }
  /* line 8880, ../../scss/layout.scss */
  .regist-layout .mr-12 {
    margin-right: 0px;
  }
  /* line 8883, ../../scss/layout.scss */
  .regist-layout .mw-240 {
    max-width: 100%;
  }
  /* line 8886, ../../scss/layout.scss */
  .regist-layout .mw-320 {
    max-width: 100%;
  }
  /* line 8889, ../../scss/layout.scss */
  .regist-layout .mw-200 {
    max-width: 100%;
  }
  /* line 8892, ../../scss/layout.scss */
  .regist-layout .mw-280 {
    max-width: 100%;
  }
  /* line 8895, ../../scss/layout.scss */
  .regist-layout .pt-30 {
    padding-top: 16px;
  }
  /* line 8898, ../../scss/layout.scss */
  .regist-layout .pt-23 {
    padding-top: 15px;
  }
  /* line 8901, ../../scss/layout.scss */
  .regist-layout .p-16-m {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  /* line 8905, ../../scss/layout.scss */
  .regist-layout .con {
    font-size: 13px;
    color: black;
    letter-spacing: -0.39px;
  }
  /* line 8910, ../../scss/layout.scss */
  .regist-layout .underline {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #e4e9ee;
    padding-bottom: 15px;
  }
  /* line 8916, ../../scss/layout.scss */
  .regist-layout .underline-p {
    border-bottom: 0px;
    padding-bottom: 0px;
  }
  /* line 8920, ../../scss/layout.scss */
  .regist-layout .underline-dark {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #878d94;
    padding-bottom: 15px;
  }
  /* line 8926, ../../scss/layout.scss */
  .regist-layout .underline-gray {
    width: 100%;
    margin: 0px auto;
    border-bottom: 1px solid #91959a;
    padding-bottom: 15px;
  }
  /* line 8932, ../../scss/layout.scss */
  .regist-layout .green {
    color: #00858d;
  }
  /* line 8935, ../../scss/layout.scss */
  .regist-layout .red {
    color: #ed4040;
  }
  /* line 8938, ../../scss/layout.scss */
  .regist-layout .price {
    font-size: 23px;
  }
  /* line 8941, ../../scss/layout.scss */
  .regist-layout .bold {
    font-weight: bold;
  }

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

  /* line 8953, ../../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 8961, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 {
    display: flex;
    flex-direction: column;
    width: calc(100%);
  }
  /* line 8965, ../../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 8974, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .label.top {
    align-items: start;
  }
  /* line 8979, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con button {
    font-size: 13px;
    letter-spacing: -0.39px;
  }
  /* line 8982, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con button.active {
    background: #0a3d53;
    color: white;
  }
  /* line 8987, ../../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 8999, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con input:read-only {
    background: #f6f7f9;
  }
  /* line 9002, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con input.error {
    border-color: #ed4040;
    color: black;
  }
  /* line 9007, ../../scss/layout.scss */
  .nameserver-bulk .box .type-1 > .con div {
    margin-bottom: 10px;
  }
  /* line 9010, ../../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 9020, ../../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 9032, ../../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 9043, ../../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 9049, ../../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 9061, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 > .title {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.45px;
    color: #101717;
    position: relative;
  }
  /* line 9067, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 > .title > .right {
    display: flex;
    align-items: center;
    position: absolute;
    top: 40px;
    width: calc(100%);
  }
  /* line 9075, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    flex: 1;
    position: relative;
  }
  /* line 9081, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .required {
    color: #ed4040;
    position: absolute;
    left: 5px;
  }
  /* line 9086, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .error {
    margin: 0px 5px 10px;
    color: #ed4040;
  }
  /* line 9089, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .error.ml {
    margin-left: 18px;
  }
  /* line 9093, ../../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 9098, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > .ip-address.ml {
    margin-left: 18px;
  }
  /* line 9102, ../../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 9114, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input:disabled {
    background: #f6f7f9;
  }
  /* line 9117, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input::placeholder {
    color: #91959a;
  }
  /* line 9121, ../../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 9131, ../../scss/layout.scss */
  .nameserver-bulk .box .type-2 .input-box > input.errorField {
    border-color: #ed4040;
  }

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

  /* line 9143, ../../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 9163, ../../scss/layout.scss */
  .nameserver-bulk .menu > div {
    display: flex;
    align-items: center;
  }
  /* line 9166, ../../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 9173, ../../scss/layout.scss */
  .nameserver-bulk .menu > div > i.up {
    transform: rotate(-90deg);
  }
  /* line 9176, ../../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 9187, ../../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 9202, ../../scss/layout.scss */
  .nameserver-bulk .menu-1:hover {
    border-color: #04939d;
  }
  /* line 9205, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 > div {
    display: flex;
    align-items: center;
  }
  /* line 9208, ../../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 9215, ../../scss/layout.scss */
  .nameserver-bulk .menu-1 > div > i.up {
    transform: rotate(-90deg);
  }
  /* line 9218, ../../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 9228, ../../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 9243, ../../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 9250, ../../scss/layout.scss */
  .nameserver-bulk .select-box > i.up {
    transform: rotate(180deg);
  }

  /* line 9254, ../../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 9265, ../../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 9275, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li:last-child {
    border-bottom: 0px;
  }
  /* line 9278, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li > div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: auto;
    white-space: nowrap;
    flex: 1;
  }
  /* line 9287, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-1 > li > span {
    max-width: 120px;
  }

  /* line 9293, ../../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 9303, ../../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 9313, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-2 > li:last-child {
    border-bottom: 0px;
  }

  /* line 9318, ../../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 9328, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li {
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    cursor: pointer;
  }
  /* line 9334, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li.border {
    border-bottom: 1px solid #c3cbd4;
  }
  /* line 9337, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li:hover {
    background: #f5fdfe;
  }
  /* line 9340, ../../scss/layout.scss */
  .nameserver-bulk .menu-list-3 > li:last-child {
    border-bottom: 0px;
  }

  /* line 9345, ../../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 9355, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li {
    height: 38px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    cursor: pointer;
  }
  /* line 9361, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li.border {
    border-bottom: 1px solid #c3cbd4;
  }
  /* line 9364, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li:hover {
    background: #f5fdfe;
  }
  /* line 9367, ../../scss/layout.scss */
  .nameserver-bulk .menu-list > li:last-child {
    border-bottom: 0px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  /* line 9413, ../../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 9426, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > button,
  .nameserver-bulk-result .top-btn > button {
    width: 60px;
    font-size: 13px;
    letter-spacing: -0.39px;
  }
  /* line 9430, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > button.green,
  .nameserver-bulk-result .top-btn > button.green {
    color: #04939d;
    font-weight: bold;
  }
  /* line 9433, ../../scss/layout.scss */
  .nameserver-bulk .top-btn > button.green:disabled,
  .nameserver-bulk-result .top-btn > button.green:disabled {
    color: grey;
  }
  /* line 9438, ../../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 9448, ../../scss/layout.scss */
  .nameserver-bulk-result .top-btn {
    background-color: #fafbfc;
  }

  /* line 9451, ../../scss/layout.scss */
  .nameserver-bulk .bottom-btn {
    display: none;
    justify-content: center;
  }
  /* line 9454, ../../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 9464, ../../scss/layout.scss */
  .nameserver-bulk .bottom-btn > button:disabled {
    background: #e0e0e0;
    color: white;
  }

  /* line 9470, ../../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 9482, ../../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 9490, ../../scss/layout.scss */
  .nameserver-bulk .icon-btn > span {
    display: none;
  }

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

  /* line 9497, ../../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 9509, ../../scss/layout.scss */
  .nameserver-bulk .edit li > div:not(:first-child) {
    text-align: center;
    border-left: 1px solid #e4e9ee;
    flex: 1;
  }
  /* line 9514, ../../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 9522, ../../scss/layout.scss */
  .nameserver-bulk .edit li.first {
    background: #f6f7f9;
    height: 50px;
    min-height: 50px;
    font-weight: bold;
    display: none;
  }

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

  /* line 9534, ../../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 9543, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .label {
    min-width: 200px;
    padding-top: 12px;
    margin-bottom: 10px;
  }
  /* line 9547, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .label > .red {
    color: #ed4040;
    padding-right: 5px;
  }
  /* line 9552, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con {
    width: 100%;
    display: block;
  }
  /* line 9555, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con.ml {
    margin-left: 0px;
  }
  /* line 9558, ../../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 9565, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box {
    display: inline-block;
  }
  /* line 9567, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > i {
    top: 7px;
    right: 16px;
  }
  /* line 9572, ../../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 9580, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .postalCode {
    width: 130px;
  }
  /* line 9582, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .postalCode > input {
    width: 80px;
  }
  /* line 9586, ../../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 9596, ../../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 9606, ../../scss/layout.scss */
  .nameserver-bulk .info-box {
    padding: 16px 16px 16px;
    background: #f6f7f9;
    margin-top: 18px;
  }
  /* line 9610, ../../scss/layout.scss */
  .nameserver-bulk .info-box > .title {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -0.39px;
    color: black;
    margin-bottom: 18px;
  }
  /* line 9617, ../../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 9623, ../../scss/layout.scss */
  .nameserver-bulk .info-box > .desc > a {
    color: #006aff;
  }

  /* line 9628, ../../scss/layout.scss */
  .nameserver-bulk-result {
    background: white;
    padding-bottom: 50px;
  }
  /* line 9631, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info {
    background: white;
    padding: 23px 0px 20px;
    border-bottom: 0px;
    display: flex;
    justify-content: center;
  }
  /* line 9637, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner {
    width: 100%;
    max-width: 1240px;
    margin: 0px auto;
  }
  /* line 9641, ../../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 9650, ../../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 9657, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner .green {
    color: #04939d;
  }
  /* line 9660, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-info > .inner .red {
    color: #ed4040;
  }
  /* line 9665, ../../scss/layout.scss */
  .nameserver-bulk-result > .right-btn {
    width: 100%;
    max-width: 1240px;
    margin: 0px auto;
    margin-top: 20px;
    display: none;
    height: 24px;
    margin-bottom: 17px;
    justify-content: end;
    align-items: center;
  }
  /* line 9675, ../../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 9682, ../../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 9691, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains {
    width: auto;
    max-width: 1240px;
    margin: 0px 12px;
    background: white;
    border: 1px solid #d9dfe3;
  }
  /* line 9697, ../../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 9705, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div {
    font-size: 15px;
    color: black;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  /* line 9710, ../../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 9719, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div:first-child {
    flex: 1;
    overflow: hidden;
    cursor: pointer;
  }
  /* line 9723, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li > div:first-child > span {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
  }
  /* line 9730, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li:last-child {
    border-bottom: 0px;
  }
  /* line 9733, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li.error {
    min-height: 64px;
    align-items: start;
    padding-top: 16px;
    position: relative;
  }
  /* line 9738, ../../scss/layout.scss */
  .nameserver-bulk-result > .result-domains > li.error > div > i.error {
    margin-top: 15px;
  }
  /* line 9744, ../../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 9760, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > select.tel {
    width: 100px;
  }
  /* line 9763, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box {
    width: calc(100% - 40px);
  }
  /* line 9765, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > i {
    right: -30px;
  }
  /* line 9769, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .input-box > input.w100 {
    width: 100% !important;
  }
  /* line 9774, ../../scss/layout.scss */
  .nameserver-bulk .edit-v2 li.list > .con > .tel100 {
    width: calc(100% - 140px);
  }
}

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