@charset "UTF-8";
body.fixeds {
  overflow: hidden;
}

body {
  font-family: "GillSansWGL", "NotoSansCJKkr", sans-serif;
}

body.popup_open {
  overflow: hidden;
}

/*±î»ç¹Ì¾Æ*/
#header.header__casamia {
  background-color: #EEE8E0;
}

#header.header__casamia h1 a {
  width: 130px;
  height: 27px;
  background: url("../images/main_new/logo_casamia.png") 0 0 no-repeat;
}

/*¼¿Çà ¸ÅÀå¿ë*/
#header.header__casamia.store_self h1 a {
  width: 223px;
  height: 30px;
  background: url("../images/self_planner/store/logo.png") 0 0 no-repeat;
}

#header.header__casamia.store_self .header__inner {
  height: 64px !important;
}

#header.header__casamia.store_self h1 {
  top: 16px !important;
}

#header.header__casamia.store_self .right {
  float: right;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  margin-top: -16px;
}

#header.header__casamia.store_self .right > div {
  display: inline-block;
}

#header.header__casamia.store_self .right > div.store_name {
  margin-right: 25px;
  position: relative;
}

#header.header__casamia.store_self .right > div.store_name span::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 3px;
  height: 70%;
  background-color: #ccc;
  width: 1px;
}

#header.header__casamia.store_self .right > div.name {
  margin-right: 16px;
}

#header.header__casamia.store_self .right > div.store_logout > button {
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  border-radius: 100px;
}

#header.header__casamia.store_self.print_header h1 {
  top: 18px !important;
}

#header.header__casamia.store_self.print_header h1 a {
  background: url("../images/self_planner/store/logo2.png") 0 0 no-repeat;
  width: 188px;
  height: 24px;
}

#header.header__casamia.store_self.print_header .header__inner {
  height: 60px !important;
  padding: 29px 0 20px;
}

#header.header__casamia.store_self.print_header .right {
  font-size: 14px;
}

#header.header__casamia.store_self.print_header .right .num {
  color: #787878;
  font-weight: 500;
}

/* //¼¿Çà ¸ÅÀå¿ë */
#header.header__casamia .category_content.fixeds {
  background-color: #EEE8E0;
}

#header.header__casamia .header__inner .btn_site {
  background-image: url("../images/main_new/btn_move_guud.png");
}

#header.header__casamia .category_list > li .cate_2depth .cate_s1_list {
  background: #eee8e0;
}

#header.header__casamia .category_list > li .cate_2depth .slist_box {
  background: #f6f4f0;
}

/*±»´åÄÄ*/
#header.header__guud {
  background-color: #1a1a1a;
}

#header.header__guud h1 a {
  width: 100px;
  height: 29px;
  background: url("../images/main_new/logo_guud.png") 0 0 no-repeat;
}

#header.header__guud .header__inner .btn_site {
  background-image: url("../images/main_new/btn_move_casamia.png");
}

#header.header__guud .header__inner .layer_new {
  display: none;
  position: absolute;
  right: -46px;
  top: 38px;
  width: 136px;
  height: 43px;
  overflow: hidden;
}

#header.header__guud .header__inner .layer_new .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 46px;
  background: url("../images/main_new/banner_casa.png") no-repeat 0 0;
  background-size: 136px 43px;
  animation: layerShow 0.7s 1 forwards ease;
  transform-origin: left center;
  animation-delay: 0.7s;
}

.main_re #header.header__guud .header__inner .layer_new {
  display: block;
}

@keyframes layerShow {
  100% {
    width: 136px;
    height: 43px;
  }
}
#header.header__guud .header__inner .layer_new .txt {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
}

#header.header__guud .header__inner .layer_new .txt {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
}

#header.header__guud .header__inner .layer_new .btn_x {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  text-indent: -9999em;
  overflow: hidden;
}

#header.header__guud .category_list > li {
  margin-left: 50px;
}

#header.header__guud .category_list > li:first-child {
  margin-left: 0 !important;
}

#header.header__guud .category_list > li > a {
  color: #fff;
}

#header.header__guud .category_list > li .guudclub_link:before {
  content: "";
  display: block;
  position: absolute;
  right: -7px;
  top: 1px;
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
}

#header.header__guud .category_list > li > a:hover:after {
  background-color: #fff;
}

#header.header__guud .category_content.fixeds {
  background-color: #1a1a1a;
}

#header.header__guud .gnb_side .gnb_search:before {
  background-color: #fff;
}

#header.header__guud .gnb_side .gnb_search button,
#header.header__guud .gnb_side .cart,
#header.header__guud .gnb_side .login,
#header.header__guud .gnb_side .menu,
header.header__guud .gnb_side .cart span,
header.header__guud .gnb_side .login.point:before {
  filter: invert(1);
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title {
  position: relative;
  padding: 2px;
  border-radius: 8px;
  cursor: pointer;
  margin: 30px 0;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title .inner {
  width: auto;
  padding: 12px 16px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  line-height: 1;
}
header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title .inner.gnb_ai_search {
  gap: 4px;
  font-size: 16px;
}
header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title .inner.gnb_ai_search .icn_ai {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}
header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title .inner.gnb_ai_search .icn_ai_beta {
  width: 32px;
  height: 24px;
}
header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title .inner.gnb_ai_search .icn_arrow {
  width: 16px;
  height: 16px;
  right: 12px;
  position: absolute;
}
header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .ai.search_title .inner span {
  margin-top: 3px;
  font-family: "NotoSansCJKkr", sans-serif;
}

#header.header__guud .gnb_side .gnb_search input {
  color: #fff;
}

#header.header__guud .gnb_side .gnb_search .icn_ai {
  width: 24px;
  height: 24px;
}

#header.header__guud .gnb_side .gnb_search .icn_ai_beta {
  background: url('data:image/svg+xml,<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.30311 2.83019C3.38576 2.3505 3.80182 2 4.28858 2H30.8654C31.4676 2 31.9331 2.52823 31.8575 3.12559L30.1415 16.6811C30.0782 17.1809 29.6531 17.5556 29.1494 17.5556H4.50236C4.22152 17.5556 3.95362 17.6736 3.76417 17.881L0 22L3.30311 2.83019Z" fill="%23EEFBFB"/><path d="M7.35 13C7.14 13 6.978 12.964 6.864 12.892C6.756 12.814 6.702 12.688 6.702 12.514C6.702 12.448 6.711 12.379 6.729 12.307L8.034 6.178H10.293C10.929 6.178 11.415 6.295 11.751 6.529C12.087 6.757 12.255 7.096 12.255 7.546C12.255 8.026 12.105 8.428 11.805 8.752C11.511 9.076 11.121 9.289 10.635 9.391C11.067 9.439 11.385 9.586 11.589 9.832C11.799 10.072 11.904 10.375 11.904 10.741C11.904 11.083 11.835 11.392 11.697 11.668C11.559 11.944 11.367 12.181 11.121 12.379C10.875 12.577 10.584 12.73 10.248 12.838C9.912 12.946 9.549 13 9.159 13H7.35ZM8.043 12.244C8.031 12.292 8.025 12.322 8.025 12.334C8.025 12.346 8.025 12.358 8.025 12.37C8.025 12.478 8.091 12.532 8.223 12.532H8.817C9.069 12.532 9.3 12.49 9.51 12.406C9.726 12.316 9.909 12.193 10.059 12.037C10.215 11.875 10.335 11.686 10.419 11.47C10.509 11.254 10.554 11.014 10.554 10.75C10.554 10.408 10.458 10.147 10.266 9.967C10.08 9.781 9.798 9.688 9.42 9.688H8.592L8.043 12.244ZM9.204 9.22C9.732 9.22 10.146 9.073 10.446 8.779C10.752 8.485 10.905 8.08 10.905 7.564C10.905 7.246 10.818 7.015 10.644 6.871C10.47 6.721 10.203 6.646 9.843 6.646H9.24L8.691 9.22H9.204ZM14.6816 13.153C14.3336 13.153 14.0246 13.105 13.7546 13.009C13.4906 12.913 13.2686 12.781 13.0886 12.613C12.9086 12.439 12.7706 12.232 12.6746 11.992C12.5846 11.752 12.5396 11.491 12.5396 11.209C12.5396 10.813 12.6176 10.426 12.7736 10.048C12.9296 9.67 13.1426 9.331 13.4126 9.031C13.6886 8.731 14.0126 8.491 14.3846 8.311C14.7566 8.125 15.1616 8.032 15.5996 8.032C15.8996 8.032 16.1636 8.065 16.3916 8.131C16.6256 8.197 16.8206 8.29 16.9766 8.41C17.1386 8.524 17.2586 8.662 17.3366 8.824C17.4206 8.98 17.4626 9.148 17.4626 9.328C17.4626 9.598 17.4026 9.829 17.2826 10.021C17.1686 10.213 17.0066 10.372 16.7966 10.498C16.5866 10.624 16.3376 10.717 16.0496 10.777C15.7616 10.837 15.4466 10.867 15.1046 10.867C14.7086 10.867 14.2916 10.831 13.8536 10.759C13.8416 10.861 13.8326 10.972 13.8266 11.092C13.8206 11.206 13.8176 11.32 13.8176 11.434C13.8176 11.884 13.9226 12.211 14.1326 12.415C14.3486 12.613 14.6276 12.712 14.9696 12.712C15.2936 12.712 15.6206 12.643 15.9506 12.505C16.2866 12.361 16.6166 12.136 16.9406 11.83L17.1026 11.974C16.8146 12.346 16.4576 12.637 16.0316 12.847C15.6116 13.051 15.1616 13.153 14.6816 13.153ZM15.5636 8.473C15.4196 8.473 15.2636 8.515 15.0956 8.599C14.9276 8.677 14.7656 8.8 14.6096 8.968C14.4596 9.13 14.3216 9.337 14.1956 9.589C14.0696 9.835 13.9736 10.126 13.9076 10.462C14.0576 10.48 14.2076 10.489 14.3576 10.489C14.6456 10.489 14.9036 10.453 15.1316 10.381C15.3656 10.309 15.5636 10.213 15.7256 10.093C15.8876 9.967 16.0106 9.82 16.0946 9.652C16.1846 9.484 16.2296 9.304 16.2296 9.112C16.2296 8.896 16.1696 8.737 16.0496 8.635C15.9356 8.527 15.7736 8.473 15.5636 8.473ZM19.3047 12.325C19.2927 12.379 19.2837 12.415 19.2777 12.433C19.2777 12.445 19.2777 12.457 19.2777 12.469C19.2777 12.529 19.2987 12.574 19.3407 12.604C19.3887 12.628 19.4367 12.64 19.4847 12.64C19.5807 12.64 19.7067 12.583 19.8627 12.469C20.0187 12.355 20.1717 12.154 20.3217 11.866L20.4927 11.911C20.3007 12.361 20.0637 12.682 19.7817 12.874C19.4997 13.06 19.1697 13.153 18.7917 13.153C18.5277 13.153 18.3327 13.093 18.2067 12.973C18.0867 12.853 18.0267 12.691 18.0267 12.487C18.0267 12.445 18.0297 12.388 18.0357 12.316C18.0477 12.238 18.0687 12.13 18.0987 11.992L18.8367 8.599H17.9187L18.0087 8.158H18.9267L19.2507 6.655H20.5287L20.2047 8.158H21.2847L21.1947 8.599H20.1147L19.3047 12.325ZM24.0666 8.032C24.4266 8.032 24.7056 8.107 24.9036 8.257C25.1076 8.401 25.2426 8.59 25.3086 8.824L25.6506 8.158H26.6136L25.7406 12.289C25.7346 12.319 25.7286 12.346 25.7226 12.37C25.7226 12.388 25.7226 12.406 25.7226 12.424C25.7226 12.496 25.7436 12.55 25.7856 12.586C25.8336 12.622 25.8936 12.64 25.9656 12.64C26.0856 12.64 26.2236 12.583 26.3796 12.469C26.5416 12.355 26.6976 12.154 26.8476 11.866L27.0186 11.911C26.8266 12.361 26.5896 12.682 26.3076 12.874C26.0256 13.06 25.6956 13.153 25.3176 13.153C25.0356 13.153 24.8286 13.093 24.6966 12.973C24.5706 12.853 24.5076 12.679 24.5076 12.451C24.3876 12.643 24.1986 12.808 23.9406 12.946C23.6826 13.084 23.4036 13.153 23.1036 13.153C21.8676 13.153 21.2496 12.556 21.2496 11.362C21.2496 10.96 21.3126 10.561 21.4386 10.165C21.5646 9.769 21.7476 9.415 21.9876 9.103C22.2276 8.785 22.5216 8.527 22.8696 8.329C23.2176 8.131 23.6166 8.032 24.0666 8.032ZM23.4276 12.712C23.6796 12.712 23.8926 12.637 24.0666 12.487C24.2466 12.337 24.3876 12.163 24.4896 11.965C24.5616 11.833 24.6306 11.644 24.6966 11.398C24.7686 11.152 24.8346 10.894 24.8946 10.624C24.9546 10.354 25.0026 10.099 25.0386 9.859C25.0746 9.613 25.0926 9.427 25.0926 9.301C25.0926 9.079 25.0236 8.887 24.8856 8.725C24.7476 8.557 24.5586 8.473 24.3186 8.473C24.0606 8.473 23.8236 8.56 23.6076 8.734C23.3916 8.902 23.2056 9.127 23.0496 9.409C22.8936 9.685 22.7706 10.003 22.6806 10.363C22.5966 10.723 22.5546 11.089 22.5546 11.461C22.5546 11.695 22.5756 11.893 22.6176 12.055C22.6656 12.217 22.7286 12.346 22.8066 12.442C22.8846 12.538 22.9746 12.607 23.0766 12.649C23.1846 12.691 23.3016 12.712 23.4276 12.712Z" fill="%2321CEC9"/></svg>') no-repeat;
  width: 32px;
  height: 24px;
}

#header.header__guud .gnb_side .gnb_search .icn_arrow {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.03701 2.2932L5.16811 1.16211L10.825 6.81896L11.9561 7.95006L10.825 9.08115L5.16811 14.738L4.03701 13.6069L9.69387 7.95006L4.03701 2.2932Z" fill="black"/></svg>') no-repeat;
  width: 16px;
  height: 16px;
  right: 12px;
  position: absolute;
}

#header.header__guud .gnb_side .gnb_search .ai.search_box {
  position: relative;
}

#header.header__guud .gnb_side .gnb_search.on input {
  color: #fff;
}

#header.header__guud .category_list > li a {
  color: #fff;
}

#header.header__guud .category_list > li .cate_2depth .cate_s1_list {
  background: #1a1a1a;
}

#header.header__guud .category_list > li .cate_2depth .slist_box {
  background: #4f4f4f;
}

#header.header__guud .category_list > li a:after,
#header.header__guud .category_list > li .cate_2depth .cate_s1_list li.active a:after {
  background-color: #fff;
}

#header.header__guud .category_list > #guudClub a {
  color: #fff;
}

#header.header__guud .category_list > #guudClub a::after {
  background-color: #fff;
}

/*°øÅë*/
#header .category_list .r_m {
  position: relative;
  margin-left: 110px !important;
}

#header .category_list .r_m:before {
  content: "";
  position: absolute;
  left: -50px;
  top: 50%;
  display: block;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: #787878;
}

#header .category_list .r_m ~ li {
  margin-left: 60px;
}

#header .category_list .r_m ~ li:before {
  display: none;
}

header.new_guud {
  position: relative;
  display: block;
  width: 100%;
  min-width: 1300px;
  padding: 0 30px;
  box-sizing: border-box;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  z-index: 6;
}

header.new_guud .header_wrap {
  max-width: 1660px;
  min-width: 1300px;
}

header.new_guud .header__inner {
  max-width: 1660px;
  min-width: 1300px;
  height: 76px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header.new_guud .header__inner h1 {
  position: absolute;
  left: 0;
  top: 30px;
}

header.new_guud .header__inner h1 a {
  display: block;
  width: 84px;
  height: 24px;
  background: url("../images/main_new/common/logo.png") 0 0 no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

header.new_guud .header__inner .btn_site {
  display: block;
  position: absolute;
  right: -45px;
  top: 0;
  width: 182px;
  height: 42px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999em;
  overflow: hidden;
}

header.new_guud .gnbbox {
  position: absolute;
  right: 0;
  top: -46px;
  padding-right: 150px;
}

header.new_guud .gnb_side {
  text-align: right;
}

header.new_guud .gnb_side .icon {
  margin-left: 28px;
}

header.new_guud .gnb_side .gnb_search {
  display: inline-block;
  position: relative;
  width: 240px;
  height: 24px;
}

header.new_guud .gnb_side .gnb_search input {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 30px 0 0;
  font-size: 16px;
  border: 0;
  text-align: left;
  background: transparent;
  outline: none;
}

header.new_guud .gnb_side .gnb_search button {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url("../images/main_new/ico_search.png") 0 0 no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

header.new_guud .gnb_side .gnb_search:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #000;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

header.new_guud .gnb_side .gnb_search:before {
  left: 0;
  width: 100%;
}

header.new_guud .gnb_side .gnb_search input {
  display: block;
}

/* °Ë»öÇÊÅÍ ¸®´º¾ó */
header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer {
  position: absolute;
  top: 40px;
  left: -30px;
  width: 480px;
  padding: 40px 34px;
  background: #fff;
  text-align: left;
  z-index: 101;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  z-index: 102;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .current_time {
  margin-top: 10px;
  text-align: right;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .current_time span {
  color: #ccc;
  font-family: "GillSansWGL";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 15.6px */
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.45px;
  margin-bottom: 14px;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_list:empty {
  display: none;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_list {
  margin-top: -6px;
  font-size: 0;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_list li {
  position: relative;
  font-size: 14px;
  height: 34px;
  display: inline-block;
  margin: 6px 6px 0 0;
  border: 1px solid #ccc;
  padding: 6px 28px 6px 12px !important;
  border-radius: 42px;
  box-sizing: border-box;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area {
  width: 100%;
  display: flex;
  margin-top: 30px;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area::after {
  content: "";
  display: block;
  clear: both;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div {
  flex: 1;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div:last-child {
  margin-left: 30px;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul {
  width: 100%;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.35px;
  position: relative;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li em {
  margin-right: 10px;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li em.top_rank {
  color: #FF3E2F;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li .src_name {
  width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li .src_rank {
  width: 8px;
  position: absolute;
  right: 0;
  top: 3px;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li span img {
  vertical-align: middle;
  margin-bottom: 8px;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .search_word_area > div ul li:first-child {
  margin-top: 0;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .recent_src .search_list li {
  padding: 6.5px 28px 6.5px 12px !important;
  margin: 0 !important;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .recent_src .delete_all {
  float: right;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .recent_src .delete_all button {
  color: #999;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.3px;
  position: relative;
  background: none;
  text-indent: initial;
  width: auto;
  height: auto;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .suggetion .search_list li {
  border: 1px solid #459bff;
  background-color: #eef5ff;
  padding: 6px 12px !important;
}

header.new_guud .gnb_side .gnb_search .search_layer.new_search_layer .suggetion .search_list li a {
  color: #459BFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  letter-spacing: -0.35px;
  max-width: 175px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* //°Ë»öÇÊÅÍ ¸®´º¾ó */
header.new_guud .gnb_side .gnb_search .search_layer {
  position: absolute;
  top: 40px;
  left: -30px;
  width: 480px;
  padding: 40px 34px;
  background: #fff;
  text-align: left;
  z-index: 101;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  z-index: 102;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_tab {
  width: 100%;
  overflow: hidden;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_tab li {
  position: relative;
  float: left;
  width: 50%;
  padding: 10px 0 10px 14px;
  text-align: center;
  cursor: pointer;
  color: #999;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_tab li.active {
  color: #000;
  font-weight: bold;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_tab li:nth-child(2) {
  padding-left: 0;
  padding-right: 14px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_tab li:last-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 13px;
  margin-top: -6px;
  background: #eee;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_tab:after {
  content: "";
  display: block;
  clear: both;
}

header.new_guud .gnb_side .gnb_search .search_layer .tab_cont {
  display: none;
}

header.new_guud .gnb_side .gnb_search .search_layer .tab_cont.recent {
  margin-bottom: 30px;
}

header.new_guud .gnb_side .gnb_search .search_layer .tab_cont.recent .search_list {
  max-height: 136px;
  overflow: auto;
}

header.new_guud .gnb_side .gnb_search .search_layer .tab_cont.recent .search_list::-webkit-scrollbar {
  width: 2px;
  background-color: #fff;
}

header.new_guud .gnb_side .gnb_search .search_layer .tab_cont.recent .search_list::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list li {
  position: relative;
  font-size: 14px;
  line-height: 21px;
  padding-top: 12px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list li:first-child {
  padding-top: 0;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list li b {
  color: #ff3e2f !important;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list li a {
  float: left;
  color: #333;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.35px;
  max-width: 162px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list li .delete {
  float: right;
  width: 12px;
  height: 11px;
  background: url("../images/search/btn_x.png") 0 0 no-repeat;
  font-size: 0;
  position: absolute;
  top: 12px;
  right: 12px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list li:after {
  content: "";
  display: block;
  clear: both;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 {
  padding-bottom: 7px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li {
  position: relative;
  margin-top: 22px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li:nth-child(1) a,
header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li:nth-child(2) a,
header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li:nth-child(3) a {
  color: #ff4c3e;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li a {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li a em {
  display: inline-block;
  width: 24px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li span {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  padding-left: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 28px;
  line-height: 20px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 7px;
  height: 5px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li span.up {
  font-size: 14px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li span.up:before {
  background: url("../images/main_new/contents/icon_search_up.png") 0 0 no-repeat;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li span.down {
  font-size: 14px;
}

header.new_guud .gnb_side .gnb_search .search_layer .search_list02 li span.down:before {
  background: url("../images/main_new/contents/icon_search_down.png") 0 0 no-repeat;
}

header.new_guud .gnb_side .gnb_search .search_layer .nodata {
  padding-bottom: 8px;
  color: #787878;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

header.new_guud .gnb_side .gnb_search .search_layer .btn_btm {
  display: none;
  padding: 17px 0 10px;
  text-align: right;
  border-top: 1px solid #eee;
}

header.new_guud .gnb_side .gnb_search .search_layer .btn_btm a {
  position: relative;
  display: inline-block;
  padding-right: 34px;
  font-size: 14px;
  line-height: 20px;
}

header.new_guud .gnb_side .gnb_search .search_layer .btn_btm a:before {
  content: "";
  display: block;
  position: absolute;
  right: 13px;
  top: 50%;
  width: 9px;
  height: 9px;
  background: url("../images/main_new/common/btn_del.png") 0 0 no-repeat;
  margin-top: -5px;
}

header.new_guud .gnb_side .cart {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/main_new/ico_cart.png") 0 0 no-repeat;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

header.new_guud .gnb_side .cart span {
  position: absolute;
  right: -60%;
  top: -8px;
  padding: 0 4px;
  border-radius: 10px;
  background: #ff0000;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  min-width: 21px;
  box-sizing: border-box;
  text-align: center;
}

header.new_guud .gnb_side .login {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/main_new/ico_mypage.png") 0 0 no-repeat;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

header.new_guud .gnb_side .login.point:before {
  content: "";
  display: block;
  position: absolute;
  right: -2px;
  top: -1px;
  width: 5px;
  height: 5px;
  background-color: #ff0000;
  border-radius: 50%;
}

header.new_guud .gnb_side .logout {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/main_new/common/icon_logout.png") 0 0 no-repeat;
  vertical-align: top;
  text-indent: 9999em;
  overflow: hidden;
}

header.new_guud .gnb_side .menu {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/main_new/ico_menu.png") 0 0 no-repeat;
  vertical-align: top;
  text-indent: 9999em;
  overflow: hidden;
}

header.new_guud .category_content_wrap {
  height: 54px;
}

header.new_guud .category_content.fixeds {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 30px;
  background: #fff;
  z-index: 10;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

header.new_guud .category_content.fixeds .gnbbox {
  padding-right: 0;
  top: 15px;
}

#header.header__guud .category_content .category_content_inner:after {
  content: "";
  display: block;
  clear: both;
}

header.new_guud .category_content .category_content_inner {
  position: relative;
  margin: 0 auto;
  max-width: 1660px;
  min-width: 1300px;
  padding: 15px 0;
}

header.new_guud .category_list {
  text-align: left;
  font-size: 0;
}

header.new_guud .category_list > li {
  position: relative;
  display: inline-block;
  margin-left: 60px;
}

@font-face {
  font-family: "Opti Century Schoolbook Bold";
  src: url("../fonts/OPTICenturySchoolbookBold.woff") format("woff2");
  src: url("../fonts/OPTICenturySchoolbookBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
header.new_guud .category_list .premium {
  font-family: "Opti Century Schoolbook Bold", sans-serif;
  font-weight: bold;
}

header.new_guud .category_list .brand {
  padding-right: 50px;
}

header.new_guud .category_list .brand:after, header.new_guud .category_list li:nth-child(7):after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #787878;
}

header.new_guud .category_list li:nth-child(7) {
  padding-right: 50px;
}

header.new_guud .category_list li:nth-child(7):after {
  margin-left: 50px;
}

header.new_guud .category_list a.point:before {
  content: "";
  display: block;
  position: absolute;
  right: -7px;
  top: 1px;
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
}

header.new_guud .category_list > li.point a:before {
  content: "";
  display: block;
  position: absolute;
  right: -7px;
  top: 1px;
  width: 5px;
  height: 5px;
  background: #ff0000;
  border-radius: 50%;
}

header.new_guud .category_list > li:first-child {
  margin-left: 0;
}

header.new_guud .category_list > li a {
  position: relative;
  display: block;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  z-index: 4;
}

header.new_guud .category_list > li a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 0;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.1s width;
  transition: 0.1s width;
  background: #333;
}

header.new_guud .category_list > li a:hover {
  color: #000;
  font-weight: 600;
}

header.new_guud .category_list > li a:hover:after {
  -webkit-transition: 0.3s width;
  transition: 0.3s width;
  width: 100%;
}

header.new_guud .category_list > li.on > a {
  font-weight: 600;
}

header.new_guud .category_list > li.on > a:after {
  width: 100%;
}

header.new_guud .category_list > li:first-child {
  margin-left: 0;
}

header.new_guud .category_list > li.active {
  content: "";
  font-weight: bold;
}

header.new_guud .category_list > li.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  background: #333;
}

header.new_guud .category_list > li .cate_2depth {
  position: absolute;
  top: 0;
  left: -18px;
  width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: none;
  z-index: 3;
  padding-top: 46px;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list, header.new_guud .category_list > li .cate_2depth .cate_s2_list {
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list {
  width: 50%;
  padding: 36px 0 40px 30px;
  background: #fff;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 12px;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list li {
  margin-top: 10px;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list li a {
  display: inline-block;
  font-size: 14px;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list li.active a {
  font-weight: bold;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list li.active a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  background: #333;
}

header.new_guud .category_list > li .cate_2depth .cate_s1_list li:first-child {
  margin-top: 0;
}

header.new_guud .category_list > li .cate_2depth .slist_box {
  width: 50%;
  padding: 36px 0 40px 30px;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 12px;
}

header.new_guud .category_list > li .cate_2depth .slist_box li {
  margin-top: 10px;
}

header.new_guud .category_list > li .cate_2depth .slist_box li a {
  display: inline-block;
  font-size: 14px;
}

header.new_guud .category_list > li .cate_2depth .slist_box li:first-child {
  margin-top: 0;
}

header.new_guud.header-pos {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
}

.pop_menu {
  position: fixed;
  top: 0;
  right: -530px;
  width: 500px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  -webkit-transition: 0.3s right;
  transition: 0.3s right;
}

.pop_menu.open {
  right: 0;
  -webkit-transition: 0.3s right;
  transition: 0.3s right;
}

.pop_menu:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100vh;
  display: block;
  background: rgba(0, 0, 0, 0.7);
}

.pop_menu .list_box {
  width: 340px;
  margin-left: 80px;
  padding-top: 190px;
}

.pop_menu ul {
  position: relative;
  padding-bottom: 30px;
}

.pop_menu ul li {
  padding-top: 30px;
}

.pop_menu ul li:first-child {
  padding-top: 0;
}

.pop_menu ul li a {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.pop_menu ul li.new a {
  display: inline-block;
  padding-left: 26px;
  background: url("../images/main_new/common/icon_3d.png") 0 50% no-repeat;
}

.pop_menu ul li.new a span,
.pop_menu ul li a span.color_r {
  margin-left: 5px;
  color: #ff3e2f;
  font-weight: 600;
  font-size: 12px;
}

.pop_menu ul + ul {
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.pop_menu .close {
  position: absolute;
  right: 70px;
  top: 90px;
}

.pop_menu .close button {
  position: relative;
  font-size: 0;
  width: 30px;
  height: 30px;
}

.pop_menu .close button:before, .pop_menu .close button:after {
  content: "";
  position: absolute;
  left: 14px;
  top: 5px;
  display: block;
  width: 2px;
  height: 20px;
  background: #fff;
}

.pop_menu .close button:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pop_menu .close button:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

footer.new_guud {
  width: 100%;
  min-width: 1530px;
  border-top: 1px solid #eee;
  padding-top: 60px;
  margin-top: 80px;
  margin-bottom: 50px;
  font-family: "NotoSansCJKkr", sans-serif;
}

footer.new_guud .footer_inner {
  width: 1530px;
  max-width: 1660px;
  padding-bottom: 55px;
  margin: 0 auto;
  box-sizing: border-box;
}

footer.new_guud .footer_inner:after {
  content: "";
  display: block;
  clear: both;
}

footer.new_guud .footer_right .btns {
  margin-top: 20px;
}

footer.new_guud .footer_right .btns > a {
  display: inline-block;
  margin-right: 5px;
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.025em;
  border: 1px solid #000;
  border-radius: 4px;
}

footer.new_guud.static {
  position: relative;
}

footer.new_guud .f_isms {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

footer.new_guud .f_isms .img {
  margin-right: 15px;
}

footer.new_guud .f_isms .img img {
  width: 100%;
  vertical-align: top;
}

footer.new_guud .f_isms p {
  display: inline-block;
  font-size: 13px;
  color: #999999;
  vertical-align: middle;
}

footer.new_guud .f_isms p + p:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: -1px 10px 0 5px;
  background-color: #ccc;
  vertical-align: middle;
}

.floatingNav.static {
  position: absolute;
  right: 100px;
  bottom: 302px;
}

.floatingNav {
  display: none;
  position: fixed;
  z-index: 4;
  right: 100px;
  bottom: 80px;
  width: 68px;
  min-height: 68px;
}

.floatingNav_top {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 68px;
  background: url(../../../mobile/assets/images/common/ico_comm_floating-top.png) no-repeat 50% 50%/100% auto;
  background-color: #FFF !important;
  border: 2px solid #e5e5e5;
  border-radius: 50%;
  box-sizing: border-box;
}

.floatingNav .floatingNav_sns {
  display: none;
  position: relative;
  width: 68px;
  height: 68px;
  margin-bottom: 15px;
}

.floatingNav.event .floatingNav_sns,
.floatingNav.productView .floatingNav_sns {
  display: block;
}

.floatingNav .sns_open {
  width: 68px;
  height: 68px;
  background: rgba(0, 0, 0, 0.8) url(../images/event/ico_event-nav.png) no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
}

.floatingNav .sns_layer {
  display: none;
  position: absolute;
  bottom: 0;
  width: 68px;
  padding: 35px 0;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 60px;
}

.floatingNav .sns_layer button {
  display: block;
  width: 27px;
  margin: 24px auto 0;
  background: url(../images/event/ico_event_sns.png) no-repeat 50% 0;
  font-size: 0;
}

.floatingNav .sns_layer button:hover {
  background: url(../images/event/ico_event_sns-hover.png) no-repeat 50% 0;
}

.floatingNav .sns_layer button:first-child {
  margin-top: 0;
}

.floatingNav .sns_layer button.sns_layer_kakao {
  height: 25px;
  background-position: 50% 0 !important;
}

.floatingNav .sns_layer button.sns_layer_facebook {
  height: 20px;
  background-position: 50% -95px !important;
}

.floatingNav .sns_layer button.sns_layer_url {
  height: 20px;
  background-position: 50% -182px !important;
}

.floatingNav.event,
.floatingNav.productView {
  min-height: 151px;
}

.floatingNav.productView .sns_layer {
  display: none !important;
}

.floatingNav.productView .sns_layer button {
  visibility: hidden;
}

/*ǪÅÍ_±î»ç¹Ì¾Æ*/
#footer.footer__casamia .footer_link a {
  width: 100px;
  height: 19px;
  background-image: url("../images/main_new/logo_casamia.png");
}

/*ǪÅÍ_±»´åÄÄ*/
/*ǪÅÍ_°øÅë*/
footer.new_guud .footer_link {
  width: 100%;
  margin-bottom: 26px;
}

footer.new_guud .footer_link a {
  display: block;
  width: 123px;
  height: 19px;
  font-size: 0;
  font-family: "GillSansWGL";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("../images/main_new/common/guud.com_pc_logo.png");
  background-size: 100% auto;
}

footer.new_guud .footer_left {
  float: left;
  width: 843px;
  border-right: 1px solid #ccc;
  overflow: hidden;
}

footer.new_guud .footer_left .footer_menu li {
  float: left;
  margin-left: 29px;
}

footer.new_guud .footer_left .footer_menu li a {
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}

footer.new_guud .footer_left .footer_menu li.privacy a {
  color: #ff3e2f;
}

footer.new_guud .footer_left .footer_menu li:first-child {
  margin-left: 0;
}

footer.new_guud .footer_left .footer_menu:after {
  content: "";
  display: block;
  clear: both;
}

footer.new_guud .footer_left .footer_info {
  width: 720px;
  margin: 18px 0 0 -24px;
  overflow: hidden;
}

footer.new_guud .footer_left .footer_info li {
  position: relative;
  float: left;
  margin-left: 11px;
  padding-left: 14px;
  color: #999999;
  font-size: 13px;
  line-height: 24px;
}

footer.new_guud .footer_left .footer_info li a {
  color: #999999;
}

footer.new_guud .footer_left .footer_info li address {
  display: inline-block;
  font-style: normal;
}

footer.new_guud .footer_left .footer_info li.f_bold {
  font-weight: bold;
}

footer.new_guud .footer_left .footer_info li.f_bold2 {
  color: #333;
  margin-top: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

footer.new_guud .footer_left .footer_info li.f_bold2 span {
  display: inline-block;
  padding: 0 18px 0 8px;
  text-align: left;
  border: 1px solid #ccc;
  color: #000;
  margin-left: 10px;
  border-radius: 2px;
  font-size: 12px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.25 9.76074L6.25 17.2607L6.25 2.26074L16.25 9.76074Z" fill="black"/></svg>');
  background-repeat: no-repeat;
  background-position: 114px center;
  background-size: 10px auto;
}

footer.new_guud .footer_left .footer_info li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #ccc;
}

footer.new_guud .footer_left .copyright {
  margin-top: 30px;
  color: #999999;
  font-size: 13px;
  line-height: 18px;
}

footer.new_guud .footer_right {
  float: left;
  min-width: 280px;
  margin-left: 130px;
}

footer.new_guud .footer_right .footer_custom ul {
  overflow: hidden;
}

footer.new_guud .footer_right .footer_custom ul li {
  float: left;
}

footer.new_guud .footer_right .footer_custom ul li a {
  display: inline-block;
  color: #000;
  font-size: 13px;
  border-bottom: 1px solid #000;
}

footer.new_guud .footer_right .footer_custom ul li a.blind_txt {
  color: #fff;
  pointer-events: none;
  border-bottom: none;
}

footer.new_guud .footer_right .footer_custom ul li strong {
  display: block;
  margin: 6px 0 0 -3px;
  font-size: 28px;
  line-height: 28px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

footer.new_guud .footer_right .footer_custom ul li:last-child {
  float: left;
  margin-top: 19px;
  margin-left: 60px;
}

footer.new_guud .footer_right .footer_product:after {
  content: "";
  display: block;
  clear: both;
}

footer.new_guud .footer_right .footer_product p {
  float: left;
  margin-top: 10px;
  color: #999;
  font-size: 13px;
  line-height: 18px;
}

footer.new_guud .as_link {
  display: inline-block;
  margin-bottom: 20px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding-right: 13px;
  background: url("../images/main_new/common/icon_guide_arrow.png") right 50% no-repeat;
  letter-spacing: -0.025em;
}

footer.new_guud .guide_link {
  display: inline-block;
  margin-top: 19px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  padding-right: 16px;
  background: url("../images/main_new/common/icon_guide_arrow.png") right 50% no-repeat;
}

footer.new_guud .footer_sns {
  overflow: hidden;
  margin-top: 21px;
}

footer.new_guud .footer_sns li {
  float: left;
  margin-left: 20px;
}

footer.new_guud .footer_sns li a {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
}

footer.new_guud .footer_sns li a.youtube {
  background: url("../images/main_new/common/icon_sns.png") 0 0 no-repeat;
}

footer.new_guud .footer_sns li a.insta {
  background: url("../images/main_new/common/icon_sns.png") -25px 0 no-repeat;
}

footer.new_guud .footer_sns li a.kakao {
  background: url("../images/main_new/common/icon_sns.png") -49px 0 no-repeat;
}

footer.new_guud .footer_sns li a.facebook {
  background: url("../images/main_new/common/icon_sns.png") -73px 0 no-repeat;
}

footer.new_guud .footer_sns li:first-child {
  margin-left: 0;
}

footer.new_guud:after {
  content: "";
  display: block;
  clear: both;
}

main.new_guud {
  position: relative;
  min-width: 1300px;
  max-width: 100%;
  overflow: hidden;
}

.sub_main {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #ebebeb;
}

.vis_slider {
  text-align: center;
}

.vis_slider .vis_slider_inner {
  display: inline-block;
  height: 730px;
  width: 100%;
  max-width: 2560px;
  vertical-align: top;
  /* height:calc(100vh - 181px);*/
}

.vis_slider .vis_slider_inner a {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vis_slider .visual_bg {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vis_slider .text_content {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.5s linear;
  transition-delay: 0.3s;
}

.vis_slider .single .text_content {
  opacity: 1;
}

.vis_slider .single .text_content .text_center .sub_title {
  animation: kvtextLeft 1s 0.5s both;
}

.vis_slider .single .text_content .text_center .sub_text {
  animation: kvtextLeft 1s 0.2s both;
}

.vis_slider .text_content.top {
  top: 98px;
  bottom: auto;
}

.vis_slider .text_content.middle {
  top: 50%;
  transform: translateY(-50%);
}

.vis_slider .text_content.bottom {
  top: auto;
  bottom: 98px;
}

.vis_slider .swiper-slide-active .text_content {
  opacity: 1;
}

.vis_slider .swiper-slide-active .text_content .text_center .sub_title {
  animation: kvtextLeft 1s 0.5s both;
}

.vis_slider .swiper-slide-active .text_content .text_center .sub_text {
  animation: kvtextLeft 1s 0.2s both;
}

@keyframes kvtextTop {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes kvtextLeft {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.vis_slider .text_center {
  position: relative;
  z-index: 7;
}

.vis_slider .text_content .visual_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  width: inherit;
  z-index: -1;
  background-size: cover;
}

.vis_slider .text_content .visual_bg.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.vis_slider .sub_title {
  margin-top: 34px;
  font-family: "GillSansWGL", "NotoSansCJKkr", sans-serif;
  font-size: 44px;
  font-weight: 700;
  color: inherit;
  line-height: 1.35;
  letter-spacing: 0;
}

.vis_slider .sub_text {
  font-family: "GillSansWGL", "NotoSansCJKkr", sans-serif;
  font-weight: normal;
  font-size: 24px;
  letter-spacing: -0.5px;
  color: inherit;
  line-height: 1;
}

.vis_slider a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.vis_slider .swiper-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.vis_slider .swiper-container .swiper-slide {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  overflow: hidden;
}

.vis_slider .swiper-container .swiper-slide a {
  display: block;
}

.vis_slider .swiper-container .swiper-slide a img {
  width: 100%;
  vertical-align: top;
}

.vis_slider .swiper-container .swiper-slide video {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}

.vis_slider.basic .swiper-container .swiper-slide .icon_sound {
  right: 50px;
}

.vis_slider .swiper-container .swiper-slide .icon_sound {
  position: absolute;
  right: 130px;
  left: auto;
  top: auto;
  bottom: 50px;
  width: 40px;
  height: 40px;
  font-size: 0;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: url("../images/main_new/common/icon_sound2.png");
  background-position: 0 100%;
  background-repeat: no-repeat;
  filter: invert(1);
  z-index: 1;
  border-radius: 50%;
}

.vis_slider .swiper-container .swiper-slide .icon_sound.off {
  background-position: 0 0;
}

.vis_slider .swiper-container .swiper-slide .icon_sound:hover {
  filter: invert(0);
  background-color: #fff;
}

.vis_slider .swiper-container .swiper-slide .video_loading {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
}

.vis_slider .swiper-container .swiper-slide .video_loading > .img {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 100px;
  height: 100px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
}

.vis_slider .swiper-container .swiper-slide .video_loading > .img > img {
  width: 42px;
}

.vis_slider .swiper-slide.video_item {
  background: url(../images/main/video_loading.gif) no-repeat 0 0;
  background-size: cover;
}

.vis_slider.sub_vis_slider .swiper-container {
  max-width: 1920px;
  margin: 20px auto 0;
}

.vis_slider .swiper-pagination {
  width: 50px;
  display: inline-block;
  position: absolute;
  right: 130px;
  top: 50px;
  bottom: auto;
  left: auto;
  color: #999;
  font-family: "GillSansWGL";
  -webkit-transition: 0 opacity;
  transition: 0 opacity;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 16px;
}

.vis_slider.basic .swiper-pagination {
  right: 180px;
}

.vis_slider .swiper-button-next,
.vis_slider .swiper-button-prev {
  display: none;
  top: 50%;
  width: 20px;
  height: 38px;
  margin-top: -19px;
  background: url("../images/main_new/common/icon_arrow_prev.png") 0 0 no-repeat;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.vis_slider .swiper-container-initialized .swiper-button-prev,
.vis_slider .swiper-container-initialized .swiper-button-next {
  display: block;
}

.vis_slider.basic .swiper-button-prev {
  left: 40px;
}

.vis_slider.large .swiper-pagination {
  right: 120px;
  top: 100px;
}

@media screen and (min-width: 1921px) {
  .vis_slider.basic .swiper-button-prev {
    left: calc((100vw - 1700px) / 4 - 20px);
  }
  .vis_slider.basic .swiper-button-next {
    right: calc((100vw - 1700px) / 4 - 20px);
  }
  .vis_slider.basic .swiper-pagination {
    left: 50%;
    margin-left: 710px;
  }
}
@media screen and (min-width: 2561px) {
  .vis_slider.basic .swiper-button-prev {
    left: 8%;
  }
  .vis_slider.basic .swiper-button-next {
    right: 8%;
  }
}
.vis_slider .swiper-pagination .swiper-pagination-current {
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  font-family: "GillSansWGL";
}

.vis_slider .swiper-pagination .swiper-pagination-total {
  font-size: 18px;
  line-height: 32px;
  font-family: "GillSansWGL";
}

.vis_slider .swiper-button-next, .vis_slider .swiper-button-prev {
  width: 20px;
  height: 38px;
  top: 50%;
  margin-top: -50px;
  transition: opacity 0.3s ease;
}

.vis_slider .swiper-button-next:after, .vis_slider .swiper-button-prev:after {
  display: none;
}

.vis_slider .swiper-button-next.swiper-button-disabled, .vis_slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.vis_slider .swiper-button-next {
  opacity: 0.3;
  right: 40px;
  background: url("../images/main_new/common/icon_arrow_prev.png") center center no-repeat;
  transform: rotate(180deg);
}

.vis_slider .swiper-button-prev {
  opacity: 0.3;
  left: 40px;
  background: url("../images/main_new/common/icon_arrow_prev.png") center center no-repeat;
}

.vis_slider .swiper-button-next:hover, .vis_slider .swiper-button-prev:hover {
  opacity: 1;
}

.vis_slider.basic .swiper-container.swiper-container-initialized {
  padding: 0 120px;
  box-sizing: border-box;
}

.vis_slider.basic .swiper-container-initialized .swiper-slide {
  max-width: 1660px;
}

.vis_slider.basic .swiper-container-initialized .swiper-slide:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.vis_slider.basic .swiper-slide-active:before {
  display: none !important;
}

.vis_slider.large .vis_slider_inner {
  height: 940px;
  position: relative;
}

.vis_slider.large .vis_slider_inner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.vis_slider.large .text_content {
  top: 206px;
}

.vis_slider.large .text_content .sub_title {
  font-size: 44px;
  color: #000;
  animation: kvtextTop 1s 0.2s both;
}

.vis_slider.large .text_content .sub_text {
  margin-top: 21px;
  font-size: 22px;
  color: #000;
  line-height: 1.6;
  animation: kvtextTop 1s 0.5s both;
}

.vis_slider.small .text_content {
  display: table;
  left: auto;
  right: 130px;
  top: auto;
  bottom: 0;
  width: 680px;
  height: 220px;
  padding: 0 60px;
  box-sizing: border-box;
  background-color: #fff;
  text-align: left;
}

.vis_slider.small .text_content .text_center {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  transform: none;
}

.vis_slider.small .text_content .sub_title {
  display: -webkit-box;
  margin-top: 0;
  width: 100%;
  font-size: 40px;
  color: #000;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.35;
}

.vis_slider.small .text_content .sub_text {
  margin-top: 17px;
  font-size: 20px;
  color: #000;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

img.loading.swiper-lazy {
  background: #f1f1f1 url(../images/common/loading-gray2.gif) no-repeat center center;
  background-size: auto 100%;
}

img.loading.swiper-lazy.swiper-lazy-loaded {
  background: none;
}

.sec_box {
  min-width: 1300px;
  max-width: 100%;
  margin-top: 80px;
}

.sec_box.slide_overflow_hidden {
  max-width: 1660px;
  margin: 100px auto 0;
  overflow: hidden;
}

.sec_box .main_title {
  margin: 153px auto 45px;
  text-align: center;
  font-size: 32px;
  line-height: 1;
  font-family: "GillSansWGL", "NotoSansCJKkr", sans-serif;
  font-weight: 400;
}

.sec_box .sec_box_title {
  position: relative;
  max-width: 1660px;
  margin: 153px auto 45px;
}

.sec_box .sec_box_title .main_title {
  margin: 0 auto;
}

.sec_box .sec_box_title .link_page {
  position: absolute;
  right: 2px;
  top: 6px;
  padding-right: 18px;
  font-size: 16px;
  color: #959595;
}

.sec_box .sec_box_title .link_page:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 9px;
  height: 9px;
  border-right: 1px solid #959595;
  border-top: 1px solid #959595;
  transform: rotate(45deg);
}

.sec_box .main_title.font_k, .sec_box .main_title .font_k {
  font-family: "NotoSansCJKkr", sans-serif;
  font-weight: 600;
}

.sec_box .main_title .keyword {
  color: #ff3e2f;
}

.sec_box .tredning_contents {
  max-width: 1660px;
  margin: 0 auto;
}

.sec_box .tredning_contents ul {
  text-align: center;
}

.sec_box .tredning_contents ul li {
  display: inline-block;
  width: auto;
  margin: 0 10px 10px;
  vertical-align: top;
}

.sec_box .tredning_contents ul li a {
  position: relative;
  display: block;
  padding: 13px 28px 12px 40px;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 50px;
  font-size: 20px;
  font-family: "GillSansWGL", "NotoSansCJKkr", sans-serif;
  background: transparent;
  transition: all 0.2s;
  overflow: hidden;
}

.sec_box .tredning_contents ul li a:before {
  content: "#";
  position: absolute;
  top: 9px;
  left: 19px;
  font-size: 26px;
  font-family: "NotoSansCJKkr", sans-serif;
}

.sec_box .tredning_contents ul li:hover a,
.sec_box .tredning_contents ul li.on a {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

.sec_box .tredning_contents ul li:hover a:before,
.sec_box .tredning_contents ul li.on a:before {
  color: #fff;
}

.sec_box .tredning_contents + .trend_prd_list {
  margin-top: 30px;
  position: relative;
}

.sec_box .trend_prd_list .over_slide01:first-child {
  display: block;
}

.sec_box .trend_prd_list .over_slide01 {
  /* display:none; */
  visibility: hidden;
  position: absolute;
}

.sec_box .trend_prd_list .over_slide01.block {
  visibility: visible;
  position: relative;
  opacity: 1;
}

.sec_box.decor_sec {
  position: relative;
  min-width: 1300px;
  max-width: 1660px;
  margin: 100px auto 0;
}

.sec_box.decor_sec .tab_decor {
  position: absolute;
  right: 0;
  top: 68px;
  width: 14.45%;
}

.sec_box.decor_sec .tab_decor li {
  margin-top: 33px;
  cursor: pointer;
}

.sec_box.decor_sec .tab_decor li a {
  display: inline-block;
  color: #999;
  font-size: 28px;
  line-height: 38px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

.sec_box.decor_sec .tab_decor li:hover a, .sec_box.decor_sec .tab_decor li.active a {
  position: relative;
  color: #000;
}

.sec_box.decor_sec .tab_decor li:hover a:after, .sec_box.decor_sec .tab_decor li.active a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  display: block;
  height: 1px;
  width: 100%;
  background: #000;
}

.sec_box.decor_sec .tab_decor li:first-child {
  margin-top: 0;
}

.sec_box.decor_sec .decor_desc {
  position: absolute;
  right: calc(12.6% - 120px);
  top: 0;
  width: 10.2%;
  font-size: 18px;
  line-height: 28px;
  word-break: break-all;
  z-index: 1;
}

.sec_box.decor_sec .decor_contents {
  max-width: 1660px;
  min-width: 1300px;
  margin: 0 auto;
}

.sec_box.decor_sec .decor_contents .tab_cont {
  display: none;
}

.sec_box.decor_sec .decor_contents .tab_cont.isblock {
  display: block;
}

.sec_box.decor_sec .decor_contents .main_decor_thumb {
  width: 10.24%;
  position: absolute;
  right: 0;
  padding-right: 4.2%;
  bottom: 0;
  z-index: 1;
}

.sec_box.decor_sec .decor_contents .tab_thumb {
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

.sec_box.decor_sec .decor_contents .tab_thumb > button {
  position: relative;
  width: 100%;
  cursor: pointer;
  margin-top: 20px;
  overflow: hidden;
  padding-bottom: 58%;
}

.sec_box.decor_sec .decor_contents .tab_thumb > button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.6;
}

.sec_box.decor_sec .decor_contents .tab_thumb > button.active:after {
  opacity: 0;
}

.sec_box.decor_sec .decor_contents .tab_thumb > button.swiper-slide-thumb-active:after {
  opacity: 0;
}

.sec_box.decor_sec .decor_contents .tab_thumb > button img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.sec_box.decor_sec .decor_contents .tab_thumb > button img.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.sec_box.decor_sec .main_decor_cont {
  width: 78.9%;
  margin: 45px 0 0 0;
  overflow: visible;
}

.sec_box.decor_sec .main_decor_cont .decor_box {
  width: 100%;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div {
  position: relative;
  padding-bottom: 58.016%;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div img {
  vertical-align: top;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div.on {
  display: block;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 0;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.4s all 0.1s;
  transition: 0.4s all 0.1s;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin.active:before {
  display: block;
  background: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin.active:before:after {
  -webkit-box-shadow: 0;
  box-shadow: 0;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin.active:before .prd_info {
  display: block;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info {
  display: none;
  position: absolute;
  left: -133px;
  bottom: 47px;
  width: 310px;
  padding: 14px 16px;
  background: #fff;
  box-sizing: border-box;
  z-index: 1;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info .img {
  position: relative;
  width: 84px;
  height: 84px;
  margin-right: 16px;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info .img:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
  z-index: 1;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info div {
  width: calc(100% - 100px);
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info div .brand {
  display: block;
  color: #a0a0a0;
  font-size: 13px;
  line-height: 18px;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info div p {
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 40px;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info div strong {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  line-height: 24px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info div strong em {
  margin-left: 5px;
  color: #ff3e2f;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box > div .pin .prd_info div strong .del {
  color: #ccc;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.sec_box.decor_sec .main_decor_cont .decor_box .pin_box .newbadges {
  display: none;
}

.sec_box .over_slide01 {
  max-width: 1660px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

.sec_box .over_slide01 .swiper-scrollbar {
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 2px;
  background: #ebebeb;
}

.sec_box .over_slide01 .swiper-scrollbar .swiper-scrollbar-drag {
  background: #000;
}

.sec_box .over_slide01 .btn_slide {
  position: absolute;
  right: 4px;
  top: -70px;
}

.sec_box .over_slide01 .btn_slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1px;
  height: 22px;
  background: #dedede;
}

.sec_box .over_slide01 .swiper-slide {
  max-width: 316px;
  margin-right: 20px;
}

.sec_box .over_slide01 .swiper-button-next, .sec_box .over_slide01 .swiper-button-prev {
  position: static;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 3px;
  border-top: 1px solid #2e2e2e;
  border-left: 1px solid #2e2e2e;
  background-image: none;
}

.sec_box .over_slide01 .swiper-button-next.swiper-button-disabled, .sec_box .over_slide01 .swiper-button-prev.swiper-button-disabled {
  opacity: 0.1;
}

.sec_box .over_slide01 .swiper-button-next:after, .sec_box .over_slide01 .swiper-button-prev:after {
  display: none;
}

.sec_box .over_slide01 .swiper-button-prev {
  margin-right: 50px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sec_box .over_slide01 .swiper-button-next {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.sec_box .loop_slide_wrap {
  max-width: 1660px;
  min-width: 1300px;
  margin: 0 auto;
  overflow: hidden;
}

.sec_box .loop_slide_wrap.travel {
  max-width: 100%;
}

.sec_box .loop_slide_wrap .overflow_wrap {
  overflow: hidden;
}

.sec_box .loop_slide {
  position: relative;
  max-width: 960px;
  overflow: visible;
}

.sec_box .loop_slide .swiper-slide {
  margin-top: -1px;
  margin-right: 6px;
  -webkit-transform: scale(0.95) translate3d(0, 0, 0);
  transform: scale(0.95) translate3d(0, 0, 0);
  -webkit-transition: 0.5s transform 0.2s;
  transition: 0.5s transform 0.2s;
  -ms-transition: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.sec_box .loop_slide .swiper-slide .loop_slide_img {
  display: block;
  position: relative;
}

.sec_box .loop_slide .swiper-slide .loop_slide_img a {
  display: block;
  position: relative;
  padding-bottom: 60.088%;
}

.sec_box .loop_slide .swiper-slide .loop_slide_img a img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.sec_box .loop_slide .swiper-slide .loop_slide_img a img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.sec_box .loop_slide .swiper-slide .loop_slide_img img {
  vertical-align: top;
}

.sec_box .loop_slide .swiper-slide .loop_slide_img:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.sec_box .loop_slide .swiper-slide .event_info, .sec_box .loop_slide .swiper-slide .prd_side_box {
  opacity: 0;
  visibility: hidden;
}

.sec_box .loop_slide .swiper-slide.swiper-slide-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  margin-top: 0;
}

.sec_box .loop_slide .swiper-slide.swiper-slide-active .loop_slide_img a {
  padding-bottom: 60.418%;
}

.sec_box .loop_slide .swiper-slide.swiper-slide-active .loop_slide_img:after {
  display: none;
}

.sec_box .loop_slide .swiper-slide.swiper-slide-active .event_info, .sec_box .loop_slide .swiper-slide.swiper-slide-active .prd_side_box {
  opacity: 1;
  visibility: visible;
}

.loop_slide_wrap.travel span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}

.sec_box .loop_slide .swiper-button-next, .sec_box .loop_slide .swiper-button-prev {
  display: block;
  top: 50%;
  width: 20px;
  height: 38px;
  margin-top: -75px;
  background: url("../images/main_new/common/icon_arrow_prev.png") 0 0 no-repeat;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.sec_box .loop_slide .swiper-button-next:hover,
.sec_box .loop_slide .swiper-button-prev:hover {
  opacity: 1;
}

.sec_box .loop_slide .swiper-button-next:after, .sec_box .loop_slide .swiper-button-prev:after {
  display: none;
}

.sec_box .loop_slide .swiper-button-next {
  right: -95px;
  transform: rotate(180deg);
}

.sec_box .loop_slide .swiper-button-prev {
  left: -95px;
}

.sec_box .loop_slide .swiper-button-next.swiper-button-disabled, .sec_box .loop_slide .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
  pointer-events: initial;
}

.sec_box .prd_side_box {
  margin-top: 27px;
}

.sec_box .prd_side_box > * {
  float: left;
  width: calc(50% - 10px);
}

.sec_box .prd_side_box > *:last-child {
  margin-left: 20px;
  /* float:right;*/
}

.sec_box .prd_side_box:after {
  content: "";
  display: block;
  clear: both;
}

.sec_box .event_info {
  width: 100%;
  text-align: center;
}

.sec_box .event_info p {
  margin-top: 37px;
  color: #000;
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sec_box .loop_slide_wrap.travel .event_info p {
  margin-top: 14px;
  font-size: 20px;
  line-height: 1.5;
  height: 4.118rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}

.sec_box .event_info em {
  display: block;
  margin-top: 17px;
  color: #999;
  font-size: 16px;
  line-height: 18px;
}

.sec_box .event_info .date {
  display: block;
  margin-top: 20px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: "GillSansWGL";
}

.sec_box .loop_slide_wrap.travel .event_info {
  text-align: left;
}

.sec_box .loop_slide_wrap.travel .event_info .trip_price {
  color: #fff;
  font-size: 26px;
  margin-top: 34px;
}

.sec_box .tab_brand_box {
  position: relative;
  max-width: 1660px;
  margin: 0 auto;
  box-sizing: border-box;
}

.sec_box .tab_brand_box.basic {
  padding-right: 280px;
}

.sec_box .tab_brand_box .tab_brand {
  margin: 0;
  overflow: hidden;
}

.sec_box .tab_brand_box .tab_brand:after {
  content: "";
  position: absolute;
  left: -540px;
  top: 0;
  display: block;
  width: 500px;
  height: 200px;
  z-index: 100;
  background: #fff;
}

.sec_box .tab_brand_box .tab_brand:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  display: block;
  width: 40px;
  height: 200px;
  z-index: 100;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.sec_box .tab_brand_box .tab_brand ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: auto;
}

.sec_box .tab_brand_box .tab_brand ul li {
  display: flex;
  width: calc(20% - 16px);
  height: 152px;
  margin-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sec_box .tab_brand_box .tab_brand ul li button {
  width: 100%;
  position: relative;
  color: #ccc;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ccc;
}

.sec_box .tab_brand_box .tab_brand ul li button span {
  position: relative;
  display: block;
}

.sec_box .tab_brand_box .tab_brand ul li button .en {
  margin-top: 5px;
  font-size: 34px;
  text-transform: uppercase;
}

.sec_box .tab_brand_box .tab_brand ul li button .ko {
  margin-top: 10px;
  font-size: 22px;
}

.sec_box .tab_brand_box .tab_brand ul li button span img {
  opacity: 0.2;
  vertical-align: top;
  width: auto;
  height: 100%;
}

.sec_box .tab_brand_box .tab_brand ul li button span img.swiper-lazy-loaded:after {
  background: none !important;
  background-size: unset !important;
}

.sec_box .tab_brand_box .tab_brand ul li.active button, .sec_box .tab_brand_box .tab_brand ul li:hover button {
  color: #000;
  border-color: #000;
}

.sec_box .tab_brand_box .tab_brand ul li.active button img, .sec_box .tab_brand_box .tab_brand ul li:hover button img {
  opacity: 1;
}

.sec_box .tab_brand_box .more {
  width: 260px;
  position: absolute;
  top: 0;
  right: 0;
}

.sec_box .tab_brand_box .more a {
  display: block;
  position: relative;
  padding: 34px 0;
  color: #ccc;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  border: 1px solid #eee;
  background: #f8f8f8;
  opacity: 1;
  border-color: #eee;
}

.sec_box .tab_brand_box .more a span {
  position: relative;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 48px;
}

.sec_box .tab_brand_box .more a span:before, .sec_box .tab_brand_box .more a span:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 25px;
  height: 3px;
  background: #000;
  top: 50%;
  margin: -2px 0 0 -12px;
}

.sec_box .tab_brand_box .more a span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sec_box .brand_prd_list .img > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.04);
}

.sec_box .brand_prd_list .prd_apeend {
  display: none;
}

.sec_box .brand_prd_list .prd_apeend:first-child {
  display: block;
}

.sec_box .tab_brand_box.basic + .brand_prd_list .prd_apeend li:nth-child(4) ~ li {
  display: block;
}

.sec_box .brand_prd_list .prd_apeend li:nth-child(4) ~ li {
  display: none;
}

.sec_box .brand_prd_list .prd_apeend li:nth-child(4n+1) {
  clear: both;
}

.sec_box .brand_prd_list .brand {
  margin-top: 30px;
  color: #999;
  font-size: 14px;
}

.sec_box .brand_prd_list .brand + p {
  margin-top: 8px;
}

.sec_box .brand_prd_list .price_wrap {
  margin-top: 16px;
}

.sec_box.gray_sec {
  margin-top: 80px;
  padding-top: 80px;
  background: #f8f8f8;
}

.sec_box.gray_sec .main_title {
  margin: 0 auto 50px;
}

.sec_box.basic_sec {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #EEE8E0;
}

.sec_box.basic_sec .main_title {
  margin: 0 auto 50px;
}

.sec_box.mt0 {
  margin-top: 0;
}

.sec_box.mt80 {
  margin-top: 80px;
}

.sec_box:after {
  content: "";
  display: block;
  clear: both;
}

.sec_box.ai_recommand_sec .over_slide01 {
  min-height: 534px;
}

.sec_box.ai_recommand_sec .main_title strong {
  font-size: 32px;
}

.ai_recommand_sec {
  /* ai °Ë»ö °á°ú È­¸é style º¯°æ */
}
.ai_recommand_sec .main_title {
  margin-bottom: 20px;
  text-align: left;
}

.ai_recommand_sec .main_title strong {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
  letter-spacing: -0.025em;
  font-family: "NotoSansCJKkr", sans-serif;
}
.ai_recommand_sec .main_title .ico_ai {
  display: inline-block;
  width: 114px;
  margin-left: 9px;
  vertical-align: middle;
}

.ai_recommand_sec .main_title .ico_ai img {
  vertical-align: top;
}
.ai_recommand_sec.ai_search_products .main_title strong {
  font-size: 22px;
}
.ai_recommand_sec.ai_search_products .main_title .icn_ai_question {
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
  margin: 3px 8px;
  display: inline-block;
  top: 9px;
}
.ai_recommand_sec.ai_search_products .ai_tooltip {
  font-size: 12px;
  background-color: #999;
  color: #fff;
  padding: 6px 26px 6px 12px;
  border-radius: 6px;
  display: none;
}
.ai_recommand_sec.ai_search_products .ai_tooltip .icn_ai_tooltip_close {
  width: 7px;
  height: 7px;
  position: absolute;
  margin: 4px 8px;
  cursor: pointer;
}
.ai_recommand_sec.ai_search_products .ai_tooltip:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  transform: rotate(45deg);
  margin-left: -15px;
  background-color: #999;
  margin-top: 1px;
}

.ai_recommand_sec .ai-swiper-pagination {
  position: relative;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}

.ai_recommand_sec .ai-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px;
  background-color: #000;
  opacity: 0.1;
}

.ai_recommand_sec .ai-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.banner_slide {
  position: relative;
  max-width: 1660px;
  margin: 0 auto;
  overflow-x: hidden;
  padding-bottom: 41px;
}

.banner_slide .inner_text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding-left: 12.65%;
  transform: translateY(-50%);
}

.banner_slide .sub_title {
  font-size: 36px;
  color: #000;
}

.banner_slide .sub_text {
  margin-top: 10px;
  font-size: 18px;
  color: #000;
  line-height: 1.7;
}

.banner_slide .swiper-pagination {
  bottom: 0;
}

.banner_slide .swiper-pagination .swiper-pagination-bullet {
  background: #d3d3d3;
  opacity: 1;
}

.banner_slide .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}

.banner_slide .swiper-slide a {
  display: block;
  padding-bottom: 9.63855%;
}

.banner_slide .swiper-slide a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.banner_slide .swiper-slide a img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
  background-color: #eaeaea;
}

.banner_slide_type2 {
  max-width: 1660px;
  margin: 160px auto 0;
}

.banner_slide_type2 > div > a {
  position: relative;
  display: block;
  padding-bottom: 9.63855%;
  overflow: hidden;
  background-color: #f1f1f1;
}

.banner_slide_type2 > div img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.banner_slide_type2 > div {
  margin-top: 40px;
}

.banner_slide_type2 .inner_text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding-left: 12.65%;
  transform: translateY(-50%);
}

.banner_slide_type2 .sub_title {
  font-size: 32px;
  color: #000;
}

.banner_slide_type2 .sub_text {
  margin-top: 10px;
  font-size: 18px;
  color: #000;
  line-height: 1.7;
}

.plan_list {
  max-width: 1660px;
  margin: 0 auto;
}

.plan_list ul li {
  float: left;
  width: calc(25% - 15px);
  margin-left: 20px;
}

.plan_list ul li:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}

.plan_list ul li:nth-child(4) ~ li {
  margin-top: 50px;
}

.plan_list ul li .img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}

.plan_list ul li .img img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.plan_list ul li .img img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.plan_list ul li p {
  margin-top: 29px;
  padding-right: 40px;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.plan_list ul li .desc {
  display: block;
  margin-top: 8px;
  padding-right: 40px;
  color: #999;
  font-size: 14px;
  line-height: 18px;
}

.plan_list ul li .date {
  display: block;
  margin-top: 17px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: "GillSansWGL";
}

.plan_list ul li .price {
  position: relative;
  margin-top: 20px;
}

.plan_list ul li .price strong {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-family: "GillSansWGL";
}

.plan_list ul li .price strong em {
  margin-left: 5px;
  color: #ff3e2f;
}

.plan_list ul li .price .like {
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 20px;
  height: 18px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
}

.plan_list ul li .price .like.on {
  background: url("../images/main_new/common/btn_like.png") -20px 0 no-repeat;
}

.plan_list ul:after {
  content: "";
  display: block;
  clear: both;
}

.plan_list:first-child {
  margin-left: 0;
}

.plan_list02 {
  max-width: 1660px;
  margin: 0 auto;
}

.plan_list02 ul li {
  float: left;
  width: calc(33.33% - 20px);
  padding-bottom: 100px;
}

.plan_list02 ul li .img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 67.59%;
  overflow: hidden;
}

.plan_list02 ul li .img img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.plan_list02 ul li p {
  margin-top: 36px;
  color: #000;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.plan_list02 ul li .desc {
  display: block;
  margin-top: 9px;
  color: #999;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.plan_list02 ul li .date {
  display: block;
  margin-top: 17px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: "GillSansWGL";
}

.plan_list02 ul li .price {
  position: relative;
  margin-top: 20px;
}

.plan_list02 ul li .price strong {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-family: "GillSansWGL";
}

.plan_list02 ul li .price strong em {
  margin-left: 5px;
  color: #ff3e2f;
}

.plan_list02 ul li .price .like {
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 20px;
  height: 18px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
}

.plan_list02 ul li .price .like.on {
  background: url("../images/main_new/common/btn_like.png") -20px 0 no-repeat;
}

.plan_list02 ul:after {
  content: "";
  display: block;
  clear: both;
}

.plan_list02:first-child {
  margin-left: 0;
}

.prd_list {
  max-width: 1660px;
  margin: 48px auto 0;
}

.prd_list > ul > li {
  position: relative;
  float: left;
  width: calc(25% - 15px);
  margin-left: 20px;
}

.prd_list > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

.prd_list > ul > li:nth-child(4) ~ li {
  margin-top: 80px;
}

.prd_list ul li .img {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}

.prd_list ul li .img img {
  position: absolute;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.prd_list ul li .img img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.prd_list ul li p {
  padding-right: 60px;
  margin-top: 28px;
}

.prd_list ul li p a {
  display: block;
  min-height: 48px;
  max-height: 48px;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prd_list ul li .desc {
  display: block;
  margin-top: 8px;
  color: #999;
  font-size: 14px;
  line-height: 18px;
}

.prd_list ul li .date {
  display: block;
  margin-top: 23px;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-family: "GillSansWGL";
}

.prd_list ul li .price {
  position: relative;
  margin-top: 15px;
}

.prd_list ul li .price strong {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

.prd_list ul li .price strong .del {
  color: #ccc;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.prd_list ul li .price strong em {
  margin-left: 5px;
  color: #ff3e2f;
}

.prd_list ul li .price .ar3d__badge {
  position: absolute;
  bottom: 3px;
  right: 48px;
  width: 18px;
  height: 20px;
  background: url(../images/shop/ico_3d.png) no-repeat 0 0;
  font-size: 0;
  opacity: 1;
}

.prd_list ul li .like {
  position: absolute;
  right: 20px;
  bottom: 3px;
  width: 20px;
  height: 18px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
}

.prd_list ul li .like.on {
  background: url("../images/main_new/common/btn_like.png") -20px 0 no-repeat;
}

.price_wrap {
  position: relative;
  margin-top: 23px;
  font-size: 0;
}

.price_wrap .del {
  display: block;
  margin-bottom: 3px;
  color: #ccc;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
}

.price_wrap .percent {
  margin-right: 7px;
  color: #ff3e2f;
  font-size: 24px;
}

.price_wrap .del ~ .pr_sale {
  margin-top: 0;
  color: #000;
  font-size: 24px;
}

.price_wrap .pr_sale {
  display: inline-block;
  margin-top: 23px;
  color: #000;
  font-size: 24px;
}

.price_wrap .like {
  position: absolute;
  right: 20px;
  bottom: 3px;
  width: 20px;
  height: 18px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
}

.price_wrap .like.on {
  background: url("../images/main_new/common/btn_like.png") -20px 0 no-repeat;
}

.prd_list ul:after {
  content: "";
  display: block;
  clear: both;
}

.prd_list .list_more {
  margin-top: 70px;
}

.prd_list02 {
  padding-bottom: 97px;
}

.prd_list02 a {
  display: block;
}

.prd_list02 a img {
  vertical-align: top;
}

.prd_list02 .img {
  position: relative;
  padding-bottom: 100%;
  display: block;
}

.prd_list02 .img img {
  vertical-align: top;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}

.prd_list02 .img img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.prd_list02 .brand {
  display: block;
  margin-top: 28px;
  color: #999;
  font-size: 14px;
  line-height: 18px;
}

.prd_list02 p {
  margin-top: 10px;
  padding-right: 60px;
}

.prd_list02 p a {
  max-width: 256px;
  min-height: 44px;
  max-height: 44px;
  color: #000;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prd_list02 .price {
  position: relative;
  margin-top: 20px;
}

.prd_list02 .price strong {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

.prd_list02 .price strong em {
  margin-left: 5px;
  color: #ff3e2f;
}

.prd_list02 .price strong .del {
  color: #ccc;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
  font-weight: 400;
}

.prd_list02 .price .ar3d__badge {
  position: absolute;
  bottom: 3px;
  right: 48px;
  width: 18px;
  height: 20px;
  background: url(../images/shop/ico_3d.png) no-repeat 0 0;
  font-size: 0;
  opacity: 1;
}

.prd_list02 .price .like {
  position: absolute;
  right: 20px;
  bottom: 3px;
  width: 20px;
  height: 18px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
}

.prd_list02 .price .like.on {
  background: url("../images/main_new/common/btn_like.png") -20px 0 no-repeat;
}

.thum_info02 {
  padding-bottom: 97px;
}

.thum_info02 > a {
  float: left;
  position: relative;
  width: 108px;
  padding-bottom: 108px;
  margin-right: 20px;
}

.thum_info02 > a img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.thum_info02 > a img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.thum_info02 .right {
  float: left;
  width: calc(100% - 128px);
}

.thum_info02 .img img {
  vertical-align: top;
}

.thum_info02 .brand {
  display: block;
  color: #999;
  font-size: 14px;
  line-height: 18px;
}

.thum_info02 p {
  margin-top: 6px;
}

.thum_info02 p a {
  color: #000;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 44px;
  max-height: 44px;
}

.thum_info02 .price {
  position: relative;
  margin-top: 20px;
}

.thum_info02 .price strong {
  display: block;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

.thum_info02 .price strong em {
  margin-left: 5px;
  color: #ff3e2f;
}

.thum_info02 .price .del {
  color: #ccc;
  font-size: 16px;
  line-height: 20px;
  text-decoration: line-through;
  font-weight: 400;
}

.thum_info02 .price .ar3d__badge {
  position: absolute;
  bottom: 3px;
  right: 28px;
  width: 18px;
  height: 20px;
  background: url(../images/shop/ico_3d.png) no-repeat 0 0;
  font-size: 0;
  opacity: 1;
}

.thum_info02 .price .like {
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 20px;
  height: 18px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
}

.thum_info02 .price .like.on {
  background: url("../images/main_new/common/btn_like.png") -20px 0 no-repeat;
}

.thum_info02:after {
  content: "";
  display: block;
  clear: both;
}

.list_more {
  width: 100%;
  margin-top: 100px;
  text-align: center;
}

.list_more button {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/main_new/contents/main_list_more.png") 0 0 no-repeat;
  font-size: 0;
  line-height: 0;
  background-size: 100% auto;
}

.sortbox {
  margin-top: 36px;
  font-size: 0;
  text-align: center;
}

.sortbox span {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-right: 18px;
  font-size: 16px;
  line-height: 22px;
}

.sortbox span:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  width: 1px;
  height: 16px;
  background: #e5e5e5;
}

.sortbox span:last-child {
  margin-right: 0;
  padding-right: 0;
}

.sortbox span:last-child:after {
  display: none;
}

.brand_banner_slide {
  max-width: 1660px;
  overflow: hidden;
  margin: 45px auto 0;
  position: relative;
}

.brand_banner_slide .swiper-slide a {
  display: block;
  position: relative;
  padding-bottom: 120.48%;
}

.brand_banner_slide .swiper-slide a img {
  position: absolute;
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.brand_banner_slide .swiper-button-next, .brand_banner_slide .swiper-button-prev {
  width: 100px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.brand_banner_slide .swiper-button-next:after, .brand_banner_slide .swiper-button-prev:after {
  display: none;
}

.brand_banner_slide .swiper-button-next.swiper-button-disabled, .brand_banner_slide .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: initial;
  cursor: pointer;
}

.brand_banner_slide .swiper-button-next {
  right: 0;
  background: url("../images/main_new/contents/btn_slide_next.png") 0 0 no-repeat;
}

.brand_banner_slide .swiper-button-prev {
  left: 0;
  background: url("../images/main_new/contents/btn_slide_prev.png") 0 0 no-repeat;
}

.plan_contents {
  width: 100%;
  position: relative;
  min-width: 1300px;
}

.plan_contents .img img {
  width: 100%;
}

.swiper-container.plan_slide {
  width: 58.64%;
  position: absolute;
  right: 0;
  top: 50%;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: 32px;
}

.swiper-container.plan_slide .swiper-slide {
  width: calc(40% - 10px);
}

.swiper-container.plan_slide .swiper-slide a {
  display: block;
  padding-bottom: 100%;
}

.swiper-container.plan_slide .swiper-slide a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}

.swiper-container.plan_slide .swiper-slide a .prd_info {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 1;
}

.swiper-container.plan_slide .swiper-slide a .prd_info .brand {
  color: #ccc;
  font-size: 16px;
  line-height: 22px;
}

.swiper-container.plan_slide .swiper-slide a .prd_info p {
  margin-top: 5px;
  padding: 0 20px;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 64px;
}

.swiper-container.plan_slide .swiper-slide a .prd_info .price {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 28px;
  line-height: 34px;
  font-family: "GillSansWGL";
}

.swiper-container.plan_slide .swiper-slide a:hover:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}

.swiper-container.plan_slide .swiper-slide a:hover .prd_info {
  display: block;
}

.swiper-container.plan_slide .swiper-scrollbar {
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: #ebebeb;
}

.swiper-container.plan_slide .swiper-scrollbar .swiper-scrollbar-drag {
  background: #000;
}

.prd_option {
  position: relative;
  max-width: 1660px;
  margin: 0 auto;
  height: 24px;
}

.prd_option .order_list {
  position: absolute;
  right: 0;
  font-size: 0;
  text-align: right;
}

.prd_option li {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  margin-left: 15px;
}

.prd_option li button {
  display: block;
  color: #999;
  font-size: 16px;
  line-height: 24px;
  font-family: "NotoSansCJKkr", sans-serif;
}

.prd_option li.active button {
  color: #000;
  font-weight: 600;
}

.prd_option li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: #787878;
  border-radius: 50%;
}

.prd_option li:first-child:before {
  display: none;
}

.prd_option .prd_checkbox {
  position: absolute;
  left: 0;
}

.checkbox {
  position: relative;
  display: inline-block;
}

.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.checkbox label {
  display: inline-block;
  padding-left: 26px;
  position: relative;
  cursor: pointer;
}

.checkbox label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 18px;
  background: url("../images/main_new/common/checkbox.png") 0 0 no-repeat;
}

.checkbox input[type=checkbox]:checked + label:before {
  background: url("../images/main_new/common/checkbox.png") 0 bottom no-repeat;
}

.filter_cont {
  min-width: 1300px;
  max-width: 1660px;
  margin: 60px auto 100px;
  border: 1px solid #ccc;
}

.filter_cont .btn_filter a {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 20px 0 20px 75px;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  background: #fafafa url("../images/main_new/common/icon_filter.png") 50px 50% no-repeat;
}

.filter_cont .btn_filter a:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  margin: 8px 0 0 5px;
  background: url("../images/main_new/common/icon_filter_arrow.png") 0 50% no-repeat;
  vertical-align: top;
}

.filter_cont .btn_filter a.active:after {
  margin: 7px 0 0 4px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter_cont .filter_option {
  display: none;
  padding: 55px 0 0;
  border-top: 1px solid #eee;
  max-height: 670px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filter_cont .filter_option .optionbox {
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filter_cont .filter_option .optionbox:last-child {
  padding-bottom: 60px;
}

.filter_cont .filter_option .optionbox:after {
  content: "";
  display: block;
  clear: both;
}

.filter_cont .filter_option .optionbox + .optionbox {
  margin-top: 25px;
}

.filter_cont .filter_option .optionbox > em {
  float: left;
  width: 210px;
  padding-left: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filter_cont .filter_option .optionbox.brand_option em {
  position: relative;
}

.filter_cont .filter_option .optionbox.brand_option em:before, .filter_cont .filter_option .optionbox.brand_option em:after {
  content: "";
  position: absolute;
  right: 71px;
  top: 10px;
  display: block;
  width: 10px;
  height: 2px;
  background: #333;
}

.filter_cont .filter_option .optionbox.brand_option em.active:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.filter_cont .filter_option .optionbox.brand_option em button {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-family: "NotoSansCJKkr", sans-serif;
}

.filter_cont .filter_option .optionbox.brand_option .option_check_area .check_list {
  max-height: 90px;
  overflow: hidden;
}

.filter_cont .filter_option .optionbox.brand_option .option_check_area.on .check_list {
  max-height: inherit;
  overflow: hidden;
}

.filter_cont .filter_option .optionbox .option_check_area {
  float: left;
  width: calc(100% - 210px);
  padding-left: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list {
  margin-top: -23px;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list li {
  float: left;
  min-width: 120px;
  padding-right: 20px;
  margin-top: 23px;
  min-height: 20px;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list li label {
  color: #787878;
  font-size: 14px;
  line-height: 19px;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list li input[type=checkbox]:checked + label {
  color: #000;
  font-weight: 600;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list:after {
  content: "";
  display: block;
  clear: both;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.purple label:before {
  background-color: #8f24c6;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.pink label:before {
  background-color: #f84b98;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.brown label:before {
  background-color: #8c6635;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.orange label:before {
  background-color: #fa7103;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.yellow label:before {
  background-color: #ffd200;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.beige label:before {
  background-color: #e9dcc7;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.gold label:before {
  background-image: url("../images/main_new/contents/img_gold.png");
  background-size: 100% auto;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.green label:before {
  background-color: #3aa81d;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.blue label:before {
  background-color: #1b7ee4;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.navy label:before {
  background-color: #161c82;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.black label:before {
  background-color: black;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.gray label:before {
  background-color: #b3b3b3;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.white label:before {
  background-color: white;
  border: 1px solid #ccc;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.trans label:before {
  background-color: #f5f5f5;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox .checkbox.mix label:before {
  background-image: url("../images/main_new/contents/img_mix.png");
  background-size: 100% auto;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox label:before {
  width: 20px;
  height: 20px;
  background-image: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox input[type=checkbox]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  bordeR: 1px solid #000;
  border-radius: 50%;
}

.filter_cont .filter_option .optionbox .option_check_area .check_list.color_checkbox input[type=checkbox]:checked + label:before {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
}

.filter_cont .filter_option .optionbox .option_search_none {
  display: none;
  padding: 25px 0;
}

.filter_cont .filter_option .optionbox .option_search_none p {
  color: #787878;
  font-size: 14px;
  line-height: 19px;
}

.filter_cont .filter_option .optionbox .option_search {
  margin-top: -7px;
}

.filter_cont .filter_option .optionbox .option_search > span {
  width: 330px;
  position: relative;
  display: inline-block;
}

.filter_cont .filter_option .optionbox .option_search input[type=text] {
  width: 100%;
  height: 36px;
  padding: 0 40px 0 15px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 34px;
}

.filter_cont .filter_option .optionbox .option_search input[type=text]::-webkit-input-placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_search input[type=text]:-ms-input-placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_search input[type=text]::-ms-input-placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_search input[type=text]::placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_search button {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url("../images/main_new/common/icon_filter_search.png") 50% 50% no-repeat;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.filter_cont .filter_option .optionbox .option_search + .check_list {
  margin-top: 26px;
}

.filter_cont .filter_option .optionbox .option_input {
  margin-top: -7px;
}

.filter_cont .filter_option .optionbox .option_input > span {
  margin: 0 10px;
  font-size: 14px;
  line-height: 20px;
}

.filter_cont .filter_option .optionbox .option_input input[type=text] {
  width: 140px;
  height: 36px;
  padding: 0 15px 0 15px;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 34px;
}

.filter_cont .filter_option .optionbox .option_input input[type=text]::-webkit-input-placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_input input[type=text]:-ms-input-placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_input input[type=text]::-ms-input-placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option .optionbox .option_input input[type=text]::placeholder {
  color: #d8d8d8;
}

.filter_cont .filter_option.open {
  display: block;
}

.filter_cont .selected_box {
  border-top: 1px solid #eee;
  padding: 40px 50px;
}

.filter_cont .selected_box ul {
  overflow: hidden;
  margin-top: -8px;
}

.filter_cont .selected_box ul li {
  float: left;
  margin: 8px 8px 0 0;
  position: relative;
}

.filter_cont .selected_box ul li span {
  display: block;
  padding: 0 25px 0 8px;
  font-size: 14px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #333;
}

.filter_cont .selected_box ul li a {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 9px;
  height: 9px;
  background: url("../images/main_new/common/btn_del.png") 0 50% no-repeat;
  font-size: 0;
}

.filter_cont .selected_box ul li.all a {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  right: 0;
  top: 0;
  margin-top: 0;
  padding: 0 15px;
  background: #333;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  border: 1px solid #333;
  vertical-align: top;
}

.prd_list03 {
  max-width: 1660px;
  min-width: 1300px;
  margin: 30px auto 0;
}

.prd_list03 .magazine_image .text_content {
  position: absolute;
  left: 42px;
  bottom: 35px;
  max-width: 365px;
  color: #fff;
  overflow: hidden;
}

.prd_list03 .magazine_image .text_content .sub_title {
  height: 44px;
  line-height: 44px;
  font-size: 38px;
  font-weight: 400;
  overflow: hidden;
}

.prd_list03 .magazine_image .text_content .sub_text {
  margin-top: 15px;
  font-size: 18px;
  white-space: nowrap;
}

.prd_list03 .magazine_image a {
  position: relative;
  display: block;
  padding-bottom: 66.5%;
}

.prd_list03 .magazine_image a img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.prd_list03 .thum_info02 {
  padding-bottom: 0;
}

.prd_list03 .thum_info02 .img {
  position: relative;
  display: block;
  float: left;
  width: 146px;
  height: 146px;
  margin-right: 22px;
}

.prd_list03 .thum_info02 .img > a {
  display: block;
}

.prd_list03 .thum_info02 .img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.04);
}

.prd_list03 .thum_info02 .right {
  width: calc(100% - 168px);
}

.prd_list03 .thum_info02 .brand {
  margin-top: 5px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.prd_list03 .thum_info02 p {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
  padding-right: 66px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 48px;
}

.prd_list03 .thum_info02 > a {
  float: none;
  display: block;
  width: 100%;
}

.prd_list03 .price_wrap {
  margin-top: 5px;
}

.prd_list03 .price_wrap .like {
  width: 26px;
  height: 23px;
  right: 20px;
  background-size: 52px 23px;
}

.prd_list03 .price_wrap .like.on {
  background-position: -26px 0;
}

.prd_list03 .thum_info02 {
  position: relative;
}

.prd_list03 .thum_info02 .like {
  position: absolute;
  right: 20px;
  bottom: 10px;
  width: 26px;
  height: 23px;
  background: url("../images/main_new/common/btn_like.png") 0 0 no-repeat;
  background-size: 52px 23px;
}

.prd_list03 .thum_info02 .like.on {
  background-position: -26px 0;
}

/*3¿­(pc/moÇü)*/
.prd_list03.type_row ul:after {
  content: "";
  display: block;
  clear: both;
}

.prd_list03.type_row > ul > li {
  position: relative;
  float: left;
  width: calc(33.333% - 13.333px);
  margin-left: 20px;
  margin-top: 20px;
}

.prd_list03.type_row > ul > li:nth-child(3n+1) {
  margin-left: 0;
}

.prd_list03.type_row > ul > li:nth-child(1),
.prd_list03.type_row > ul > li:nth-child(2),
.prd_list03.type_row > ul > li:nth-child(3) {
  margin-top: 0;
}

.prd_list03.type_row .thum_info02 {
  margin-top: 30px;
}

.prd_list03.type_row .thum_info02 + .thum_info02 {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
}

/*1¿­(pcÇü)*/
.prd_list03.type_expand li {
  width: 100%;
}

.prd_list03.type_expand li + li {
  margin-top: 120px;
}

.prd_list03.type_expand .magazine_image a {
  display: block;
  padding-bottom: 36.14%;
}

.prd_list03.type_expand .magazine_image a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.prd_list03.type_expand .magazine_image a img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.prd_list03.type_expand .magazine_image .text_content {
  left: 80px;
  bottom: 55px;
}

.prd_list03.type_expand .magazine_image .text_content .sub_text {
  opacity: 0.8;
}

.prd_list03.type_expand .prd_slider_expand {
  margin-top: 30px;
}

.prd_list03.type_expand .thum_info02 {
  width: calc(33.333% - 13.333px);
  margin-right: 20px;
}

.prd_list03.type_expand .thum_info02 p {
  padding-right: 66px;
}

.prd_list03.type_expand .swiper-scrollbar {
  width: 100% !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 2px;
  background: #ebebeb;
}

.prd_list03.type_expand .swiper-scrollbar .swiper-scrollbar-drag {
  background: #000;
}

.prd_list03.type_expand .prd_slider_expand_wrap {
  position: relative;
}

.prd_list03.type_expand .swiper-button-next,
.prd_list03.type_expand .swiper-button-prev {
  display: none;
  top: 50%;
  width: 16px;
  height: 30px;
  margin-top: 0;
  background: url("../images/main_new/common/icon_arrow_prev.png") 0 0 no-repeat;
  background-size: cover;
  filter: invert(1);
  transform: translateY(-50%);
  opacity: 0.5;
}

.prd_list03.type_expand .swiper-button-next.swiper-button-disabled,
.prd_list03.type_expand .swiper-button-prev.swiper-button-disabled {
  opacity: 0.1;
}

.prd_list03.type_expand .swiper-button-next:after,
.prd_list03.type_expand .swiper-button-prev:after {
  display: none;
}

.prd_list03.type_expand .swiper-button-next {
  right: -50px;
  transform: rotate(180deg);
}

.prd_list03.type_expand .swiper-button-prev {
  left: -50px;
}

.acc_list {
  max-width: 1660px;
  min-width: 1300px;
  margin: 0 auto;
}

.acc_list ul li {
  float: left;
  width: calc(33.33% - 13.333px);
  margin-left: 20px;
}

.acc_list ul li:nth-child(3n+1) {
  margin-left: 0;
}

.acc_list ul li:nth-child(3) ~ li {
  margin-top: 20px;
}

.acc_list ul li a {
  display: block;
  position: relative;
}

.acc_list ul li a:hover .img:after {
  display: block;
}

.acc_list ul li a:hover .txt_box {
  display: block;
}

.acc_list ul li .img {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.acc_list ul li .img img {
  vertical-align: top;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.acc_list ul li .img img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
  background-color: #eaeaea;
}

.acc_list ul li .img:after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.acc_list ul li .txt_box {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 1;
  color: #fff;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.acc_list ul li .txt_box .brand {
  display: block;
  font-size: 16px;
}

.acc_list ul li .txt_box p {
  margin-top: 13px;
  padding: 0 20px;
  font-size: 26px;
  line-height: 36px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 72px;
  word-break: keep-all;
}

.acc_list ul li .txt_box .price {
  display: block;
  margin-top: 15px;
  font-size: 26px;
  line-height: 36px;
  font-family: "GillSansWGL";
  font-weight: 400;
}

.acc_list ul:after {
  content: "";
  display: block;
  clear: both;
}

.contents.search {
  width: 100%;
  overflow: hidden;
}

.search_result {
  max-width: 1660px;
  min-width: 1300px;
  margin: 0 auto;
  padding: 136px 0 90px;
  text-align: center;
}

.search_result p {
  font-size: 28px;
  line-height: 32px;
}

.search_result p em {
  color: #ff3e2f;
}

.search_result .keyword {
  margin-top: 12px;
  font-size: 0;
}

.search_result .keyword strong {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  line-height: 33px;
  font-weight: bold;
}

.search_result .keyword a {
  margin: 11px 11px 0 0;
  display: inline-block;
  padding: 0 14px;
  border: 1px solid #eee;
  border-radius: 16px;
  font-size: 14px;
  line-height: 31px;
}

.search_result .keyword a:last-child {
  margin-right: 0;
}

.search_result.nodata {
  padding-bottom: 100px;
  border-bottom: 1px solid #ccc;
}

.bullet_list {
  width: 300px;
  margin: 30px auto;
}

.bullet_list li {
  position: relative;
  margin-top: 13px;
  padding-left: 14px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
}

.bullet_list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #787878;
  border-radius: 50%;
}

.sub_main .sec_box.decor_sec .main_decor_cont {
  width: 100%;
  overflow: visible;
}

.sub_main .sec_box.decor_sec .main_decor_cont .swiper-slide {
  position: relative;
  background: #fff;
}

.sub_main .sec_box.decor_sec .main_decor_cont .swiper-slide .main_title {
  width: 100%;
  padding-bottom: 50px;
  margin: 0 auto;
}

.sub_main .sec_box.decor_sec .main_decor_cont .swiper-slide .pin_box {
  width: 78.9%;
}

.sub_main .vis_slider .swiper-container .swiper-slide {
  padding-bottom: 0;
}

.vis_slider .swiper-container .swiper-slide.loading .video_loading {
  display: none !important;
}

.sub_main .vis_slider .swiper-container .swiper-slide a {
  position: inherit;
  top: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
}

/* ¸ÞÀÎÆ˾÷ */
.main_popup {
  display: none;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: transparent;
}

.main_popup_center {
  overflow: visible;
  position: relative;
  max-width: 100%;
  min-width: 100px;
  max-height: 100%;
  min-height: 100px;
  min-height: 100px;
  margin: auto;
}

.main_popup .popup_wrap.btm_popup {
  position: relative;
}

.main_popup .main_popup_close {
  position: absolute;
  top: 20px;
  right: 13px;
  z-index: 10;
  -webkit-appearance: button;
}

.main_popup .popup_contents {
  max-width: 550px;
  background: #fff;
}

.main_popup .today_close {
  width: 100%;
  height: 40px;
  background: #000;
  text-align: center;
  line-height: 40px;
  font-size: 13px;
  letter-spacing: -0.025rem;
  color: #fff;
}

.main_popup .popup_slide a {
  display: block;
  font-size: 0;
}

.main_popup .swiper-pagination-progressbar {
  top: auto !important;
  bottom: 40px;
  left: 50% !important;
  margin-left: -100px !important;
  width: 200px !important;
  height: 4px;
  background: #F7F7F7;
}

.main_popup .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000;
}

.alert_popup {
  display: none;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  overflow-y: initial;
}

.alert_popup .alert_content {
  margin: 0 auto;
  background-color: #fff;
  max-width: 960px;
  min-width: 403px;
  height: auto;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
}

.alert_content .login_content .layer__header {
  padding: 20px 20px 0;
}

.alert_content .login_content .layer__header .layer__close {
  text-indent: -9999em;
  display: block;
  top: 0;
  margin-left: auto;
  right: 0;
  position: relative;
  overflow: hidden;
  width: 19px;
  height: 18px;
}

.alert_content .login_content .layer__header .layer__close:before {
  content: "";
  position: absolute;
  left: 15px;
  top: -17px;
  width: 2px;
  height: 40px;
  background: #000;
  transform: rotate(45deg);
}

.alert_content .login_content .layer__header .layer__close:after {
  content: "";
  position: absolute;
  left: 15px;
  top: -5px;
  width: 2px;
  height: 40px;
  background: #000;
  transform: rotate(-45deg);
}

.alert_popup .alert_center {
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
  font-size: 16px;
  padding: 2px 0 40px;
}

.alert_popup .btn_list {
  text-align: center;
  display: flex;
}

.alert_popup .btn_list li {
  display: inline-block;
  width: 50%;
}

.alert_popup .btn_list li.btn_popup_close_one {
  width: 100%;
}

.alert_popup .btn_list li.btn_popup_close_one button {
  color: #fff;
  background-color: #000;
}

.alert_popup .btn_list li button {
  width: 100%;
  height: 60px;
  padding: 0;
  background: #fff;
  line-height: 45px;
  font-size: 16px;
  color: #000;
  border-top: 1px solid #000;
}

.alert_popup .btn_list li.btn_popup_close.login button {
  background: #000;
  color: #FFF;
  border: none;
}

.loading_popup {
  display: none;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 100;
}

.loading_content {
  display: table-cell;
  width: inherit;
  height: inherit;
  text-align: center;
  vertical-align: middle;
}

.loading_content img {
  display: inline-block;
}

.fb__lineup .brandSearch__top.sticky {
  top: 55px !important;
}

.fb__lineup .brandSearch__word__list button.on {
  border: 1px solid #e8e8e8 !important;
  color: #000 !important;
  background: #fff !important;
}

.fb__customer, .fb__mypage {
  min-height: 1200px !important;
}

/* ssg_bnn */
.ssg_bnn {
  display: none;
  height: 60px;
  text-align: center;
  font-size: 0;
  line-height: 0;
  background: url(../images/main_new/ssg_top_bnn.gif) no-repeat center top;
}

.ssg_bnn a {
  display: block;
  height: 100%;
}

/*¸ÞÀÎ -  ÄÄÆ÷³ÍÆ®*/
/* Äü¸Þ´º*/
.sec_box.banner_icon .cate_list {
  font-size: 0;
  text-align: center;
}

.sec_box.banner_icon .cate_list li {
  display: inline-block;
  width: 100px;
}

.sec_box.banner_icon .cate_list li + li {
  margin-left: 40px;
}

.sec_box.banner_icon .cate_list li > a {
  display: block;
}

.sec_box.banner_icon .cate_list .cate_img {
  display: block;
  border-radius: 50%;
  overflow: hidden;
}

.sec_box.banner_icon .cate_list .cate_img img {
  width: 100px;
  height: 100px;
}

.sec_box.banner_icon .cate_list .cate_text {
  display: block;
  width: 134px;
  margin: 18px -17px 2px;
  font-size: 20px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
}

/*¸Þ°ÅÁø*/
.magazine_list {
  max-width: 1660px;
  margin: 0 auto;
}

.magazine_list:after {
  content: "";
  display: block;
  clear: both;
}

.magazine_list .magazine_item {
  float: left;
  width: calc(33.333% - 13.333px);
  margin-left: 20px;
}

.magazine_list .magazine_item:nth-child(3) ~ .magazine_item {
  margin-top: 50px;
}

.magazine_list .magazine_item:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}

.magazine_list .magazine_photo a {
  display: block;
  padding-bottom: 67.5%;
}

.magazine_list .magazine_photo a img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.magazine_list .magazine_photo a img.loading {
  position: absolute;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.magazine_list .magazine_info .info_title {
  margin-top: 35px;
  font-size: 22px;
  color: #000;
  font-weight: 600;
}

.magazine_list .magazine_info .info_sub {
  margin-top: 15px;
  font-size: 16px;
  color: #000;
}

.magazine_list .magazine_info .info_sub .info_type + .info_desc:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  width: 1px;
  height: 14px;
  margin-right: 8px;
  margin-left: 5px;
  background-color: #ccc;
  vertical-align: top;
}

.magazine_list .magazine_info .content_text {
  margin-top: 25px;
  max-height: 54px;
  padding-right: 40px;
  font-size: 16px;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 27px;
}

.magazine_list .magazine_info .txt_more {
  margin-top: 23px;
  color: #999;
  font-size: 16px;
}

.magazine_list .swiper-pagination {
  bottom: 40px;
}

.magazine_list .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.5;
}

.magazine_list .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.html_contents {
  max-width: 1660px;
  margin: 0 auto;
}

.html_contents img {
  width: 100%;
}

/*¸ÞÀÎKV 1920px~ ÇØ»óµµ ´ëÀÀ*/
@media (min-width: 1921px) {
  .vis_slider.medium .vis_slider_inner,
  .vis_slider.small .vis_slider_inner {
    height: 38.021vw;
    max-height: 974px;
  }
  .vis_slider.medium .sub_title {
    font-size: min(2.291667vw, 54px);
  }
  .vis_slider.medium .sub_text {
    font-size: min(1.25vw, 28px);
  }
  .vis_slider .text_content.top {
    top: min(5.104167vw, 130px);
  }
  .vis_slider .text_content.bottom {
    bottom: min(5.104167vw, 130px);
  }
  .vis_slider .sub_title {
    margin-top: min(2.08333vw, 50px);
  }
}
/*¶óÀÌºê ¼îÇÎ*/
.shopping_01 {
  position: fixed;
  z-index: 1000;
  right: 180px;
  bottom: 143px;
  width: 220px;
  height: 220px;
}

.shopping_01.hidden {
  display: none;
}

.shopping_02.hidden {
  display: none;
}

.shopping_03.hidden {
  display: none;
}

.shopping_01 .close {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 225px;
  cursor: pointer;
}

.shopping_02 {
  position: fixed;
  z-index: 1000;
  right: 180px;
  bottom: 43px;
  width: 220px;
  height: 220px;
}

.shopping_02 .close {
  text-align: right;
  position: absolute;
  right: 0;
  cursor: pointer;
}

.shopping_03 {
  position: fixed;
  z-index: 1000;
  right: 180px;
  bottom: 43px;
}

.shopping_03 #product-root {
  width: 360px;
  height: 657px !important;
}

.shopping_03 #product-root > iframe {
  border-radius: 10px;
}

.shopping_03 .close {
  position: absolute;
  z-index: 2;
  right: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.shopping_03 .dimed {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/*¹ÝÀÀÇü ´ëÀÀ*/
@media (max-width: 1600px) {
  header .category_content.fixeds .gnb_side .gnb_search {
    width: 150px;
  }
}
@media (max-width: 1500px) {
  header .category_content.fixeds .gnb_side {
    display: none;
  }
}
/* ¾³µ¥ÀÌ Ãß°¡ */
.go_ssgday {
  width: 152px;
  position: absolute;
  left: 130px;
  top: 6px;
  perspective: 1000px;
  height: 80px;
  overflow: hidden;
}
.go_ssgday.guud {
  left: 99px;
  top: 9px;
}

.go_ssgday .ssgday_img {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: visible;
  background-size: cover;
  transition: transform 1s ease-in-out;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#ssgday_img2 {
  transform: translateY(100%);
}

#ssgday_img1 img {
  width: 117px;
  height: 25px;
}

#ssgday_img2 img {
  width: 147px;
  height: 19px;
}

/* ¿©Çà ¸ÞÀÎ ÄÄÆ÷³ÍÆ® */
.loop_slide.travel .swiper-wrapper {
  display: flex;
  align-items: center;
  margin-left: -30px;
}

.sec_box .loop_slide.travel {
  max-width: 360px;
  height: 640px;
  padding-bottom: 60px;
}

.sec_box .loop_slide.travel .swiper-slide {
  margin: 0 auto;
  -webkit-transform: scale(0.9723);
  transform: scale(0.9723);
  transition: transform 0.1s linear;
  overflow: hidden;
  transform-origin: center center;
  height: 524px;
  cursor: pointer;
}

.sec_box .loop_slide.travel .swiper-slide.swiper-slide-next {
  padding-left: 30px;
  transform: scale(0.9723) translateX(10px);
}

.sec_box .loop_slide.travel .swiper-slide.swiper-slide-prev {
  padding-right: 30px;
  transform: scale(0.9723) translateX(-10px);
}

.sec_box .loop_slide.travel .swiper-slide .loop_slide_img {
  width: 100%;
  height: 100%;
}

.sec_box .loop_slide.travel .swiper-slide .loop_slide_img a img.loading {
  height: 528px;
  object-fit: cover;
}

.sec_box .loop_slide.travel .swiper-slide .loop_slide_img:after {
  background-blend-mode: multiply;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3));
  height: 100%;
}

.sec_box .loop_slide.travel .swiper-slide.swiper-slide-active {
  margin-top: 0;
  z-index: 2;
  transition: transform 0.3s linear 0.1s;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  height: 525px !important;
  transform-origin: center;
}

.sec_box .loop_slide.travel .swiper-slide .loop_slide_img a {
  padding-bottom: 0;
  color: #fff;
}

.sec_box .loop_slide.travel .swiper-slide.swiper-slide-active .loop_slide_img:after {
  display: block;
  height: 100%;
}

.sec_box .loop_slide.travel .swiper-slide .event_info, .sec_box .loop_slide.travel .swiper-slide .prd_side_box {
  position: absolute;
  z-index: 3;
  opacity: 1;
  visibility: visible;
}

.sec_box .loop_slide.travel .swiper-slide .event_info {
  bottom: 48px;
  left: 32px;
  width: 285px;
}

.sec_box .loop_slide.travel .swiper-slide .event_info .trip_badge {
  display: inline-block;
  color: #000;
  background: #fff;
  padding: 13px;
  border-radius: 5px;
  font-size: 24px;
  font-weight: 700;
  width: 132px;
  text-align: center;
}

.sec_box .loop_slide.travel .swiper-slide.swiper-slide-active .loop_slide_img a {
  color: #fff;
  white-space: normal;
  text-overflow: ellipsis;
}

.sec_box .loop_slide.travel .event_info em {
  color: #fff;
  margin-top: 7px;
  margin-bottom: 22px;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  overflow: hidden;
}

.sec_box .loop_slide_wrap .overflow_wrap .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  bottom: 0;
}

/* ai °Ë»ö È­¸é */
.ai__search {
  width: 760px;
  margin: 220px auto 428px;
}

.fb__ai_search__title {
  width: 100%;
  font-size: 36px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 600;
  font-family: "NotoSansCJKkr", sans-serif;
}
.fb__ai_search__title .icn_ai {
  width: 40px;
  height: 42px;
  background-size: contain;
  margin-right: 8px;
}
.fb__ai_search__title .icn_ai_beta {
  width: 62px;
  height: 39px;
  background-size: contain;
}

.ai_search_wrapper {
  position: relative;
  padding: 2px;
  border-radius: 8px;
  margin: 50px auto 0;
  width: 640px;
  overflow: hidden;
}
.ai_search_wrapper.big_size_search {
  background: linear-gradient(to right, #AC59ED, #5478FA) border-box;
}
.ai_search_wrapper.big_size_search .ai_search_inner {
  background-color: #fff;
}
.ai_search_wrapper .ai_search_inner {
  border-radius: 6px;
  width: 100%;
  display: flex;
  padding: 20px 24px;
  gap: 6px;
}
.ai_search_wrapper .ai_search_inner textarea {
  border-radius: 6px;
  width: 100%;
  font-size: 20px;
  overflow-y: hidden;
  height: 30px;
  white-space: nowrap;
  line-height: 1.4;
}
.ai_search_wrapper .ai_search_inner textarea:focus-visible {
  outline: none;
}
.ai_search_wrapper .ai_search_inner textarea::placeholder {
  line-height: 1.5;
}
.ai_search_wrapper .ai_search_inner textarea::-webkit-scrollbar {
  display: none;
}
.ai_search_wrapper .ai_search_inner textarea:not(:placeholder-shown) ~ .btn_ai_search .icn_ai_search {
  background: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 36 30 " fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.1909 22.7362L24.035 21.5587L21.6801 23.8705L22.8359 25.048L25.1909 22.7362ZM29.3222 31.6555C29.9605 32.3058 31.0052 32.3155 31.6555 31.6771C32.3058 31.0387 32.3155 29.9941 31.6771 29.3438L29.3222 31.6555ZM24.0134 23.8921L22.8359 25.048L29.3222 31.6555L30.4996 30.4996L31.6771 29.3438L25.1909 22.7362L24.0134 23.8921Z" fill="black"/><circle cx="13.9998" cy="13.9996" r="12.35" stroke="black" stroke-width="3.3"/></svg>') no-repeat center/contain !important;
}
.ai_search_wrapper .ai_search_inner textarea:not(:placeholder-shown) ~ .btn_ai_search.result .icn_ai_search.result {
  background: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 36 30 " fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.1909 22.7362L24.035 21.5587L21.6801 23.8705L22.8359 25.048L25.1909 22.7362ZM29.3222 31.6555C29.9605 32.3058 31.0052 32.3155 31.6555 31.6771C32.3058 31.0387 32.3155 29.9941 31.6771 29.3438L29.3222 31.6555ZM24.0134 23.8921L22.8359 25.048L29.3222 31.6555L30.4996 30.4996L31.6771 29.3438L25.1909 22.7362L24.0134 23.8921Z" fill="black"/><circle cx="13.9998" cy="13.9996" r="12.35" stroke="black" stroke-width="3.3"/></svg>') no-repeat center/contain !important;
}
.ai_search_wrapper .ai_search_inner textarea:not(:placeholder-shown) + .btn_ai_search_delete .icn_ai_search_delete {
  display: block;
}
.ai_search_wrapper .ai_search_inner .btn_ai_search .icn_ai_search {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-top: 1px;
}
.ai_search_wrapper .ai_search_inner .btn_ai_search .icn_ai_search.result {
  display: block;
}
.ai_search_wrapper .ai_search_inner .btn_ai_search_delete .icn_ai_search_delete {
  display: none;
  height: 18px;
  width: 18px;
}
.ai_search_wrapper .ai_search_inner .btn_ai_search_delete .icn_ai_search_delete.scale {
  width: 22px;
  height: 22px;
  background-size: cover;
}

.ai_search_loading_motion_wrapper {
  display: contents;
}
.ai_search_loading_motion_wrapper .ai_search_loading_motion {
  margin: 300px auto;
}
.ai_search_loading_motion_wrapper .ai_search_loading_motion .lottie-container {
  margin: auto;
  display: block;
  position: relative;
  width: 540px;
  height: 107px;
}

.ai_search_recommend_wrapper {
  width: 760px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 28px;
  gap: 12px 8px;
}
.ai_search_recommend_wrapper .ai_search_recommend {
  width: auto;
  height: 45px;
  background: #f8f8f8;
  padding: 20px;
  letter-spacing: -0.35px;
  border-radius: 48px;
  white-space: nowrap;
  line-height: 0.5;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}
.ai_search_recommend_wrapper .ai_search_recommend .ai_keyword {
  color: #B050EC;
}

.ai__search-result__content {
  display: flex;
  flex-wrap: wrap;
}
.ai__search-result__content .ai_search_result_title {
  display: flex;
  font-size: 28px;
  width: 100%;
  justify-content: space-between;
}
.ai__search-result__content .ai_search_result_title .ai_search_tit {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  font-family: "NotoSansCJKkr";
}
.ai__search-result__content .ai_search_result_title .ai_search_tit .icn_ai {
  width: 30px;
  height: 32px;
  display: inline-block;
  background-size: cover;
  margin-right: 4px;
}
.ai__search-result__content .ai_search_result_title .ai_search_tit .icn_ai_beta {
  width: 48px;
  height: 29px;
  display: inline-block;
  background-size: contain;
}
.ai__search-result__content .ai_recommand_sec .main_title {
  display: inline-block;
}
.ai__search-result__content .ai_search_wrapper {
  margin-top: 0;
  width: 444px;
}
.ai__search-result__content .ai_search_wrapper.ai_result {
  margin: 0;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner {
  padding: 13px 16px;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner textarea {
  height: 21px;
  font-size: 14px;
  font-weight: 400;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner textarea:not(:placeholder-shown) + .btn_ai_search_delete {
  display: block;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner textarea:not(:placeholder-shown) + .btn_ai_search.result .icn_ai_search {
  background: url('data:image/svg+xml,<svg width="33" height="36" viewBox="0 0 35 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.1909 22.7362L24.035 21.5587L21.6801 23.8705L22.8359 25.048L25.1909 22.7362ZM29.3222 31.6555C29.9605 32.3058 31.0052 32.3155 31.6555 31.6771C32.3058 31.0387 32.3155 29.9941 31.6771 29.3438L29.3222 31.6555ZM24.0134 23.8921L22.8359 25.048L29.3222 31.6555L30.4996 30.4996L31.6771 29.3438L25.1909 22.7362L24.0134 23.8921Z" fill="black"/><circle cx="13.9998" cy="13.9996" r="12.35" stroke="black" stroke-width="3.3"/></svg>') no-repeat center/contain !important;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner .btn_ai_search_delete {
  display: none;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner .btn_ai_search {
  width: auto;
  height: 22px;
  display: block;
}
.ai__search-result__content .ai_search_wrapper .ai_search_inner .btn_ai_search .icn_ai_search {
  width: 22px;
  height: 22px;
  background-size: contain;
  margin-top: -3px;
}
.ai__search-result__content .ai_search_result_content {
  width: 100%;
  padding: 20px 24px;
  border-radius: 4px;
  background: #F9F9FF;
  margin-top: 28px;
}
.ai__search-result__content .ai_search_result_content .ai_search_result_tit {
  color: #6245C2;
  font-size: 16px;
  font-weight: 600;
}
.ai__search-result__content .ai_search_result_content .ai_search_result_txt {
  font-size: 14px;
  font-weight: 500;
  margin-top: 12px;
  line-height: 1.5;
}
.ai__search-result__content .ai_search_result_content .ai_search_result_txt.show:after {
  content: "";
  border-left: 2px solid #000;
  animation: blink 0.7s 10;
  display: inline-block;
  margin-left: 2px;
  height: 14px;
  vertical-align: middle;
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.ai__search-result__content .ai_recommand_sec .ai_search_result .ai_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 20px;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result .ai_wrap .ai_item {
  width: calc((100% - 80px) / 5);
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container {
  position: static;
  overflow: hidden;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .goods__name {
  margin-top: 20px;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-slide {
  overflow: hidden;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-prev, .ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-next {
  width: 44px;
  margin-top: -70px;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-prev:after, .ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-next:after {
  content: "";
  width: 44px;
  height: 44px;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-prev {
  left: -20px;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-prev:after {
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_8616_6394)"><rect x="2" y="46" width="44" height="44" rx="22" transform="rotate(-90 2 46)" fill="white" shape-rendering="crispEdges"/><path d="M19.666 16.9287L26.7373 23.999L19.666 31.0703L20.7979 32.2012L29 23.999L20.7979 15.7969L19.666 16.9287Z" fill="%23787878"/></g><defs><filter id="filter0_d_8616_6394" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8616_6394"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8616_6394" result="shape"/></filter></defs></svg>') no-repeat center/cover;
  transform: rotate(180deg);
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-next {
  right: -20px;
}
.ai__search-result__content .ai_recommand_sec .ai_search_result.swiper-container .swiper-button-next:after {
  background: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_8616_6394)"><rect x="2" y="46" width="44" height="44" rx="22" transform="rotate(-90 2 46)" fill="white" shape-rendering="crispEdges"/><path d="M19.666 16.9287L26.7373 23.999L19.666 31.0703L20.7979 32.2012L29 23.999L20.7979 15.7969L19.666 16.9287Z" fill="%23787878"/></g><defs><filter id="filter0_d_8616_6394" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8616_6394"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8616_6394" result="shape"/></filter></defs></svg>') no-repeat center/cover;
}
.ai__search-result__content .ai_survey {
  background-color: #fafafa;
  padding: 18px 20px;
  width: 100%;
  margin-top: 60px;
  border-radius: 4px;
}
.ai__search-result__content .ai_survey .ai_survey_tit {
  display: flex;
  justify-content: space-between;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  gap: 8px;
  align-items: center;
}
.ai__search-result__content .ai_survey .ai_survey_tit div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai__search-result__content .ai_survey .ai_survey_tit div .icn_ai_document {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  position: relative;
  display: inline-block;
}
.ai__search-result__content .ai_survey .ai_survey_tit div span {
  color: #899098;
  font-size: 12px;
  font-weight: 500;
}
.ai__search-result__content .ai_survey .btn_ai_survey {
  color: #6245c2;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 8px;
  border: 1px solid #6245c2;
  border-radius: 2px;
}

/*ai ½ºÄÌ·¹Åæ ui Ãß°¡ */
.ai__search-result__content .skeleton_wrap {
  width: 100%;
  margin-top: 90px;
}
.ai__search-result__content .skeleton_wrap .main_title {
  margin-bottom: 20px;
  text-align: left;
}
.ai__search-result__content .skeleton_wrap .main_title strong {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  vertical-align: middle;
  letter-spacing: -0.025em;
  font-family: "NotoSansCJKkr", sans-serif;
}
.ai__search-result__content .skeleton_wrap .main_title .icn_ai_question {
  width: 16px;
  height: 16px;
  position: relative;
  cursor: pointer;
  margin: 3px 8px;
  display: inline-block;
  top: 9px;
}

/* svg ¾ÆÀÌÄÜ ¸ðÀ½ */
.svg_input_ai {
  background: url('data:image/svg+xml,<svg width="412" height="48" viewBox="0 0 412 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="411" height="47" rx="7.5" fill="white"/><rect x="0.5" y="0.5" width="411" height="47" rx="7.5" stroke="url(%23paint0_linear_8616_6617)"/><defs><linearGradient id="paint0_linear_8616_6617" x1="0" y1="24" x2="412" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="%23436CFF"/><stop offset="0.5" stop-color="%23686EFF"/><stop offset="1" stop-color="%23AE49FD"/></linearGradient></defs></svg>') no-repeat center/contain;
}

.svg_input_ai_result {
  background: url('data:image/svg+xml,<svg width="441" height="48" viewBox="0 0 441 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="0.5" width="439" height="47" rx="7.5" fill="white"/><rect x="1" y="0.5" width="439" height="47" rx="7.5" stroke="url(%23paint0_linear_8790_1062)"/><defs><linearGradient id="paint0_linear_8790_1062" x1="0.5" y1="6.33962" x2="436.154" y2="66.6913" gradientUnits="userSpaceOnUse"><stop stop-color="%23AC59ED"/><stop offset="0.5" stop-color="%238268F3"/><stop offset="1" stop-color="%235478FA"/></linearGradient></defs></svg>') no-repeat center/contain;
}

.icn_ai {
  background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.2152C2 10.4572 2.77097 8.78769 4.1092 7.64772L8.6092 3.81439C10.8514 1.90433 14.1486 1.90433 16.3908 3.81438L20.8908 7.64772C22.229 8.78769 23 10.4572 23 12.2152V17.5C23 20.8137 20.3137 23.5 17 23.5H8C4.68629 23.5 2 20.8137 2 17.5V12.2152Z" fill="url(%23paint0_radial_8556_1190)"/><path d="M11.332 14.984L10.216 12.26L9.1 14.984H11.332ZM9.388 10.04H11.092L14.692 18.5H12.76L11.992 16.616H8.44L7.672 18.5H5.788L9.388 10.04ZM15.7725 10.1H17.6205V18.5H15.7725V10.1Z" fill="white"/><defs><radialGradient id="paint0_radial_8556_1190" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.83333 0.5) rotate(56.5983) scale(27.5505 26.676)"><stop stop-color="%23D46ED8"/><stop offset="1" stop-color="%237596FD"/></radialGradient></defs></svg>') no-repeat;
}

.icn_ai_beta {
  background: url('data:image/svg+xml,<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.30311 2.83019C3.38576 2.3505 3.80182 2 4.28858 2H30.8654C31.4676 2 31.9331 2.52823 31.8575 3.12559L30.1415 16.6811C30.0782 17.1809 29.6531 17.5556 29.1494 17.5556H4.50236C4.22152 17.5556 3.95362 17.6736 3.76417 17.881L0 22L3.30311 2.83019Z" fill="%23EEFBFB"/><path d="M7.35 13C7.14 13 6.978 12.964 6.864 12.892C6.756 12.814 6.702 12.688 6.702 12.514C6.702 12.448 6.711 12.379 6.729 12.307L8.034 6.178H10.293C10.929 6.178 11.415 6.295 11.751 6.529C12.087 6.757 12.255 7.096 12.255 7.546C12.255 8.026 12.105 8.428 11.805 8.752C11.511 9.076 11.121 9.289 10.635 9.391C11.067 9.439 11.385 9.586 11.589 9.832C11.799 10.072 11.904 10.375 11.904 10.741C11.904 11.083 11.835 11.392 11.697 11.668C11.559 11.944 11.367 12.181 11.121 12.379C10.875 12.577 10.584 12.73 10.248 12.838C9.912 12.946 9.549 13 9.159 13H7.35ZM8.043 12.244C8.031 12.292 8.025 12.322 8.025 12.334C8.025 12.346 8.025 12.358 8.025 12.37C8.025 12.478 8.091 12.532 8.223 12.532H8.817C9.069 12.532 9.3 12.49 9.51 12.406C9.726 12.316 9.909 12.193 10.059 12.037C10.215 11.875 10.335 11.686 10.419 11.47C10.509 11.254 10.554 11.014 10.554 10.75C10.554 10.408 10.458 10.147 10.266 9.967C10.08 9.781 9.798 9.688 9.42 9.688H8.592L8.043 12.244ZM9.204 9.22C9.732 9.22 10.146 9.073 10.446 8.779C10.752 8.485 10.905 8.08 10.905 7.564C10.905 7.246 10.818 7.015 10.644 6.871C10.47 6.721 10.203 6.646 9.843 6.646H9.24L8.691 9.22H9.204ZM14.6816 13.153C14.3336 13.153 14.0246 13.105 13.7546 13.009C13.4906 12.913 13.2686 12.781 13.0886 12.613C12.9086 12.439 12.7706 12.232 12.6746 11.992C12.5846 11.752 12.5396 11.491 12.5396 11.209C12.5396 10.813 12.6176 10.426 12.7736 10.048C12.9296 9.67 13.1426 9.331 13.4126 9.031C13.6886 8.731 14.0126 8.491 14.3846 8.311C14.7566 8.125 15.1616 8.032 15.5996 8.032C15.8996 8.032 16.1636 8.065 16.3916 8.131C16.6256 8.197 16.8206 8.29 16.9766 8.41C17.1386 8.524 17.2586 8.662 17.3366 8.824C17.4206 8.98 17.4626 9.148 17.4626 9.328C17.4626 9.598 17.4026 9.829 17.2826 10.021C17.1686 10.213 17.0066 10.372 16.7966 10.498C16.5866 10.624 16.3376 10.717 16.0496 10.777C15.7616 10.837 15.4466 10.867 15.1046 10.867C14.7086 10.867 14.2916 10.831 13.8536 10.759C13.8416 10.861 13.8326 10.972 13.8266 11.092C13.8206 11.206 13.8176 11.32 13.8176 11.434C13.8176 11.884 13.9226 12.211 14.1326 12.415C14.3486 12.613 14.6276 12.712 14.9696 12.712C15.2936 12.712 15.6206 12.643 15.9506 12.505C16.2866 12.361 16.6166 12.136 16.9406 11.83L17.1026 11.974C16.8146 12.346 16.4576 12.637 16.0316 12.847C15.6116 13.051 15.1616 13.153 14.6816 13.153ZM15.5636 8.473C15.4196 8.473 15.2636 8.515 15.0956 8.599C14.9276 8.677 14.7656 8.8 14.6096 8.968C14.4596 9.13 14.3216 9.337 14.1956 9.589C14.0696 9.835 13.9736 10.126 13.9076 10.462C14.0576 10.48 14.2076 10.489 14.3576 10.489C14.6456 10.489 14.9036 10.453 15.1316 10.381C15.3656 10.309 15.5636 10.213 15.7256 10.093C15.8876 9.967 16.0106 9.82 16.0946 9.652C16.1846 9.484 16.2296 9.304 16.2296 9.112C16.2296 8.896 16.1696 8.737 16.0496 8.635C15.9356 8.527 15.7736 8.473 15.5636 8.473ZM19.3047 12.325C19.2927 12.379 19.2837 12.415 19.2777 12.433C19.2777 12.445 19.2777 12.457 19.2777 12.469C19.2777 12.529 19.2987 12.574 19.3407 12.604C19.3887 12.628 19.4367 12.64 19.4847 12.64C19.5807 12.64 19.7067 12.583 19.8627 12.469C20.0187 12.355 20.1717 12.154 20.3217 11.866L20.4927 11.911C20.3007 12.361 20.0637 12.682 19.7817 12.874C19.4997 13.06 19.1697 13.153 18.7917 13.153C18.5277 13.153 18.3327 13.093 18.2067 12.973C18.0867 12.853 18.0267 12.691 18.0267 12.487C18.0267 12.445 18.0297 12.388 18.0357 12.316C18.0477 12.238 18.0687 12.13 18.0987 11.992L18.8367 8.599H17.9187L18.0087 8.158H18.9267L19.2507 6.655H20.5287L20.2047 8.158H21.2847L21.1947 8.599H20.1147L19.3047 12.325ZM24.0666 8.032C24.4266 8.032 24.7056 8.107 24.9036 8.257C25.1076 8.401 25.2426 8.59 25.3086 8.824L25.6506 8.158H26.6136L25.7406 12.289C25.7346 12.319 25.7286 12.346 25.7226 12.37C25.7226 12.388 25.7226 12.406 25.7226 12.424C25.7226 12.496 25.7436 12.55 25.7856 12.586C25.8336 12.622 25.8936 12.64 25.9656 12.64C26.0856 12.64 26.2236 12.583 26.3796 12.469C26.5416 12.355 26.6976 12.154 26.8476 11.866L27.0186 11.911C26.8266 12.361 26.5896 12.682 26.3076 12.874C26.0256 13.06 25.6956 13.153 25.3176 13.153C25.0356 13.153 24.8286 13.093 24.6966 12.973C24.5706 12.853 24.5076 12.679 24.5076 12.451C24.3876 12.643 24.1986 12.808 23.9406 12.946C23.6826 13.084 23.4036 13.153 23.1036 13.153C21.8676 13.153 21.2496 12.556 21.2496 11.362C21.2496 10.96 21.3126 10.561 21.4386 10.165C21.5646 9.769 21.7476 9.415 21.9876 9.103C22.2276 8.785 22.5216 8.527 22.8696 8.329C23.2176 8.131 23.6166 8.032 24.0666 8.032ZM23.4276 12.712C23.6796 12.712 23.8926 12.637 24.0666 12.487C24.2466 12.337 24.3876 12.163 24.4896 11.965C24.5616 11.833 24.6306 11.644 24.6966 11.398C24.7686 11.152 24.8346 10.894 24.8946 10.624C24.9546 10.354 25.0026 10.099 25.0386 9.859C25.0746 9.613 25.0926 9.427 25.0926 9.301C25.0926 9.079 25.0236 8.887 24.8856 8.725C24.7476 8.557 24.5586 8.473 24.3186 8.473C24.0606 8.473 23.8236 8.56 23.6076 8.734C23.3916 8.902 23.2056 9.127 23.0496 9.409C22.8936 9.685 22.7706 10.003 22.6806 10.363C22.5966 10.723 22.5546 11.089 22.5546 11.461C22.5546 11.695 22.5756 11.893 22.6176 12.055C22.6656 12.217 22.7286 12.346 22.8066 12.442C22.8846 12.538 22.9746 12.607 23.0766 12.649C23.1846 12.691 23.3016 12.712 23.4276 12.712Z" fill="%2321CEC9"/></svg>') no-repeat;
}

.icn_arrow {
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.03701 2.2932L5.16811 1.16211L10.825 6.81896L11.9561 7.95006L10.825 9.08115L5.16811 14.738L4.03701 13.6069L9.69387 7.95006L4.03701 2.2932Z" fill="black"/></svg>') no-repeat;
}

.icn_ai_search {
  background: url('data:image/svg+xml,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.638 18.3654L18.8032 17.515L17.1024 19.1846L17.9372 20.035L19.638 18.3654ZM22.6216 24.807C23.0827 25.2767 23.8372 25.2837 24.3068 24.8227C24.7765 24.3616 24.7835 23.6071 24.3224 23.1375L22.6216 24.807ZM18.7876 19.2002L17.9372 20.035L22.6216 24.807L23.472 23.9723L24.3224 23.1375L19.638 18.3654L18.7876 19.2002Z" fill="%23999999"/><circle cx="11.5555" cy="12.0554" r="8.91937" stroke="%23999999" stroke-width="2.38331"/></svg>') no-repeat center;
}

.icn_ai_question {
  background: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="0.5" width="15" height="15" rx="7.5" stroke="%23BCBCBC"/><path d="M9.38753 9.52835V9.75H7.56846V9.52835C7.56846 7.94072 9.97433 7.31433 9.97433 6.06443C9.97433 5.29371 9.61932 4.76546 8.50733 4.76546C7.39535 4.76546 7.04034 5.46402 7.04034 6.06443V6.20876H5.5C5.5 6.13948 5.50293 5.89412 5.5088 5.81041C5.6291 4.21701 6.89364 3.25 8.50733 3.25C10.2061 3.25 11.5 4.21124 11.5 6.06443C11.5 7.64052 9.38753 8.43433 9.38753 9.52835Z" fill="%23BCBCBC"/><circle cx="8.5" cy="11.75" r="1" fill="%23BCBCBC"/></svg>') no-repeat center/cover;
}

.icn_ai_tooltip_close {
  background: url('data:image/svg+xml,<svg width="12" height="29" viewBox="0 0 12 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M0.75 8.74976L11.25 19.2498" stroke="white"/><path d="M11.25 8.75L0.75 19.25" stroke="white"/></g></svg>') no-repeat center/cover;
}

.icn_ai_document {
  background: url('data:image/svg+xml,<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20.5" cy="20" r="20" fill="white"/><path d="M12.2422 10.2323C12.2422 9.624 12.7353 9.13086 13.3436 9.13086H22.5224L25.4596 12.0681L28.7639 15.3724V30.0584C28.7639 30.6667 28.2708 31.1598 27.6625 31.1598H13.3436C12.7353 31.1598 12.2422 30.6667 12.2422 30.0584V10.2323Z" fill="%23C2C3F7"/><path d="M22.5156 14.271V9.13086L28.7572 15.3724H23.6171C23.0088 15.3724 22.5156 14.8793 22.5156 14.271Z" fill="%239899EF"/><path d="M15.1797 14.5469H18.484" stroke="white" stroke-width="0.7343" stroke-linecap="round"/><path d="M15.1797 18.0332H18.484" stroke="white" stroke-width="0.7343" stroke-linecap="round"/><path d="M15.1797 20.2363H25.827" stroke="white" stroke-width="0.7343" stroke-linecap="round"/><path d="M15.1797 22.4395H25.827" stroke="white" stroke-width="0.7343" stroke-linecap="round"/><path d="M15.1797 25.377H22.1555" stroke="white" stroke-width="0.7343" stroke-linecap="round"/></svg>') no-repeat center/cover;
}

.icn_ai_search_delete {
  background: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 4.5L14 13.5" stroke="%23999999" stroke-width="1.65"/><path d="M14 4.5L5 13.5" stroke="%23999999" stroke-width="1.65"/></svg>') no-repeat center;
}