
/* 특정페이지 라디오,체크박스 style 변경 */
/* 회원가입 / 로그인 */
.section_login {
  padding-bottom: 40px;
}
.section_login input[type="checkbox"],
#memberjoin input[type="checkbox"],
#memberjoin input[type="radio"] {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  opacity: 0;
}

.section_view {
  background-color: #fff;
} /* 상품상세 */
.app_toggle {
  background-color: #fff;
} /* 이용약관 */
/* 공지사항 */
.app_board {
  padding-bottom: 70px;
  background-color: #fff;
}
.app_board .btn_more {
  padding: 10px 20px 0;
}
.app_recipe {
  padding-bottom: 70px;
  background-color: #fff;
} /* 레시피상세 */
/* common */
#wrap,
.preload:after {
  height: 100%;
  width: 100%;
}
.layout-icon-message:before,
.layout-tab-menu-item:before,
.layout-tab-menu-list:after,
.preload:after {
  content: "";
}
#popup,
.layout-bottom-menu {
  -ms-transform: translateY(-50%);
}
.layout-board-item-title,
.layout-page-header-title-value,
.layout-side-category-group-value {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
/* 상품상세에 들어가지만 기본 폰트 사용이 필요한 경우 */
.user_cognition .touch_click .tit {
  font-family: "AppleSDGothicNeo", sans-serif;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.preload {
  overflow: hidden;
}
.preload:after {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #fff;
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/482.GIF);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.75;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}
.styled-rows-half {
  float: left;
  width: 50%;
  padding: 5px 0;
}
.styled-cart-button {
  display: block;
  overflow: hidden;
  width: 35px;
  height: 35px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/ico/1808/ico_goodslist_cart.png)
    no-repeat 50% 50%;
  background-size: 35px 35px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.layout-icon-message:before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.styled-highlight {
  color: #5f0080;
}
.styled-full-button,
.styled-half-button {
  color: #fff;
  display: block;
  background-color: #5f0080;
  padding: 16px 0;
  letter-spacing: -0.05em;
  text-align: center;
}
.styled-full-button {
  font-size: 16px;
  border-radius: 0;
  width: 100%;
  border: 1px solid transparent;
}
.styled-half-button {
  font-size: 18px;
  border-radius: 0;
  width: 50%;
  float: left;
  border: 1px solid transparent;
}
.styled-half-button.__active {
  background-color: #f3f3f3;
  color: #5f0080;
  border: 1px solid #f4f4f4;
}
.styled-fixed-bottom {
  position: fixed;
  bottom: 49px;
  left: 0;
  width: 100%;
  z-index: 20;
}
.styled-form-input {
  float: left;
}
.styled-form-glue {
  position: relative;
  float: left;
  top: 10px;
  text-align: center;
  color: #f4f4f4;
}

/* ######### */
/* layer_공통 */
/* ######### */
.layer_comm .inner_layer {
  padding: 15px 0 75px;
} /* 상위에 relative가 들어가 추가안함 */
.layer_comm .in_layer {
  overflow: hidden;
  overflow-y: auto;
  padding: 0 20px;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}
.layer_comm .tit_layer {
  display: block;
  padding: 17px 20px 18px;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
.layer_comm .desc_layer {
  padding: 0 20px;
  font-size: 12px;
  color: #666;
  line-height: 18px;
}
.layer_comm select {
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: url(https://res.kurly.com/mobile/ico/1908/ico_arrow_30x20.png)
    no-repeat 95% 50%;
  background-size: 15px 10px;
  font-size: 14px;
  color: #333;
  line-height: 44px;
  text-indent: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* 재입고 알림 신청 */
.layer_alarm .list dt {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.layer_alarm .list dd {
  padding: 4px 0 20px;
  font-size: 16px;
  line-height: 24px;
}
.layer_alarm .desc_layer {
  padding-bottom: 19px;
  text-align: left;
}
/* 장바구니 */
.layer_cart .list li {
  padding: 10px 0;
  border-top: 1px solid #f4f4f4;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.layer_cart .list li:first-child {
  border-top: 0 none;
}
.layer_cart .list .sold_out {
  color: #999;
}
.layer_cart .login_notice {
  padding-bottom: 10px;
  font-size: 12px;
  color: #5f0080;
  line-height: 16px;
  text-align: right;
}
/* 상품후기쓰기_작성시유의사항 */
.layer_info .desc_layer {
  padding-bottom: 20px;
  font-size: 12px;
  color: #666;
  line-height: 17px;
}
.layer_info .list {
  padding-bottom: 20px;
}
.layer_info .list li {
  overflow: hidden;
  color: #666;
  line-height: 18px;
  word-break: break-all;
}

.styled-form-label {
  float: left;
  width: 50%;
  padding: 10px 0;
  font-size: 15px;
  letter-spacing: -0.05em;
}
.layout-icon-message {
  padding: 30px 0 10px;
  text-align: center;
}
.layout-icon-message:before {
  width: 60px;
  height: 60px;
  border: 2px solid #5f0080;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 13px;
}
.layout-icon-exclamation:before {
  -webkit-background-size: 5px 27px;
  background-size: 5px 27px;
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-exclamation.png);
}
.layout-tab-menu-list {
  text-align: center;
}
.layout-tab-menu-list:after {
  display: block;
  clear: both;
}
.layout-tab-menu-item {
  float: left;
  position: relative;
}
.layout-tab-menu-item:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 10px;
  width: 1px;
  background-color: #d5d5d5;
}
.layout-tab-menu-item:first-child:before {
  display: none;
}
.layout-tab-menu-anchor {
  display: block;
  padding: 14px 6px;
  color: #333;
  font-size: 12px;
}
.layout-tab-menu-anchor.__active {
  color: #5f0080;
}
.layout-wrapper {
  position: relative;
  padding: 0 10px;
}
.layout-main-wrapper {
  position: relative;
}
.layout-main-wrapper.no_relative {
  position: static;
}
.layout-header-menu-button,
.layout-header-search-button {
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon_sprite.png);
}
.layout-header-menu-button,
.layout-header-search-button {
  text-indent: -9999px;
  position: absolute;
  display: block;
  background-color: transparent;
  border: 0;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
}
.layout-header-search-button {
  width: 23px;
  height: 23px;
  left: 20px;
  background-size: 337px 150px;
  background-position: -102px -49px;
}
.layout-header-menu-button {
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-header-menu.png);
  width: 20px;
  height: 19px;
  left: 20px;
}
/*  certification mobile phone */
#countdown {
  font-size: 16px;
  margin-left: 10px;
  line-height: 32px;
  color: #ff0000;
}
/* 검색레이어 */
.layout-search-area {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.25s, opacity 0.25s;
  -o-transition: -o-transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.8);
}
.layout-search-area.__active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.layer_search {
  position: relative;
  max-height: 40vh;
  background-color: #fff;
}
.layer_search .layout-search-form {
  position: relative;
  z-index: 10;
  height: 66px;
  border: 10px solid #5f0080;
  border-right: 0 none;
}
.layer_search .layout-search-fieldset {
  border: 0;
  position: relative;
  padding: 0;
  margin: 0;
}
.layer_search .inp_search {
  width: 100%;
  height: 46px;
  padding: 4px 115px 0 15px;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  font-weight: 600;
  font-size: 16px;
  color: #333;
  caret-color: #5f0080;
  line-height: 46px;
  letter-spacing: -0.3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.layer_search .inp_search:focus {
  border: 0;
}
.layer_search .layout-search-scroller,
.layer_search .layout-search-wrapper {
  position: relative;
  z-index: 1;
}
#searchDelete {
  display: none;
  overflow: hidden;
  position: absolute;
  right: 73px;
  top: 0;
  width: 46px;
  height: 46px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/service/common/2003/ico_clear.png)
    no-repeat 50% 50%;
  background-size: 16px 16px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
#searchDelete.on {
  display: block;
}
.layer_search .layout-search-close-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 68px;
  height: 46px;
  padding-top: 3px;
  border: 0 none;
  background-color: #5f0080;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 44px;
  letter-spacing: -0.3px;
}
.layer_search .layout-search-container,
.layer_search .layout-search-tab {
  background-color: inherit;
}
.layer_search .layout-search-tab {
  position: relative;
  z-index: 10;
}
.layer_search .layout-search-tab:after {
  display: block;
  content: "";
  clear: both;
}
.layer_search .layout-search-tab-item {
  width: 50%;
  float: left;
}
.layer_search .tab_search {
  display: block;
  position: relative;
  padding: 16px 0 14px;
  color: #666;
  text-align: center;
}
.layer_search .tab_search .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #f4f4f4;
}
.layer_search .tab_search.__active {
  position: relative;
  font-weight: 600;
  color: #5f0080;
}
.layer_search .tab_search.__active .bar {
  height: 2px;
  background-color: #5f0080;
}
.layer_search .layout-search-wrapper {
  display: none;
  overflow: hidden;
  overflow-y: auto;
}
.layer_search .layout-search-wrapper.__active {
  display: block;
}
.layer_search .layout-search-early-item,
.layer_search .layout-search-list,
.layer_search .layout-search-popular-anchor {
  padding: 16px 0;
  text-align: center;
}
.layer_search .layout-search-list:empty {
  display: none;
}
.layer_search .layout-search-popular-anchor {
  display: block;
  text-align: center;
  color: #333;
}
.layer_search .layout-search-early-anchor {
  display: inline-block;
  width: 30%;
  color: #333;
  text-align: center;
}
.layer_search .btn_del {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 53px;
  height: 47px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/ico/1908/ico_search_close_26x26.png)
    no-repeat 50% 50%;
  background-size: 13px 13px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.layer_search .item {
  position: relative;
}
.layer_search .layout-search-early-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.layer_search .layout-search-early-list .item {
  flex: 1 1 50%;
  border-bottom: 1px solid #f4f4f4;
}
.layer_search .link {
  display: block;
  padding: 16px 20px 14px;
  font-size: 14px;
  color: #333;
}
.layer_search .link.no_data {
  color: #ccc;
}
.layer_search .layout-page-header {
  border-bottom: 1px solid #f4f4f4;
  position: relative;
  height: 45px;
}
.layer_search .layout-page-header-write-button {
  position: absolute;
  text-indent: -9999px;
  display: inline-block;
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-write.png);
  width: 20px;
  height: 20px;
  -webkit-background-size: 100%;
  background-size: 100%;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.layer_search .layout-page-header-title-wrapper {
  width: 100%;
  display: table;
  height: 100%;
}
.layer_search .layout-page-header-title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  line-height: 1;
  padding-left: 64px;
  background-color: #fff;
}
.layer_search .layout-page-header-title select {
  background: #fff;
}
.layer_search .layout-page-header-title-value {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  max-width: 70%;
  overflow: hidden;
  color: #404040;
  vertical-align: baseline;
}

.goods_sort_box {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  line-height: 21px;
  opacity: 1;
  border-left: 1px solid #aaa;
}
.goods_sort_box label {
  position: absolute;
  font-size: 14px;
  text-align: left;
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #404040;
  padding-left: 14px;
}
.goods_sort_box label span {
  text-align: right;
}
.layout-page-header-title-value-wrapper {
  vertical-align: text-top;
}
.layout-page-header-title-value-wrapper.overlay_cate {
  display: inline-block;
  width: 52%;
}
.layout-page-header-title .btn_logout {
  position: absolute;
  right: 0;
  color: #5f0080;
  border: 1px solid #5f0080;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 12px;
  line-height: 14px;
  height: 25px;
  font-weight: 700;
  margin-right: 10px;
}
.goods_sort_box .sp_down,
.layout-page-header-title-value-wrapper .sp_down {
  position: absolute;
  top: 20px;
  border-top: 6px solid #aaa;
  vertical-align: text-top;
  border-right: 4px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 4px solid transparent;
  margin-left: 6px;
}
.goods_sort_box .sp_goods_sort {
  font-weight: 500;
}
.goods_sort_box label span:first-child {
  text-align: left;
}
.goods_sort_box select {
  opacity: 0;
  display: inline-block;
  width: 113px;
  height: 45px;
}
.layout-layer-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.layout-layer-popup .bg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
#sub-category-layer {
  overflow-y: auto;
}
.layout-layer-popup-wrapper {
  overflow: hidden;
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.layer_wishlist .layout-layer-popup-container {
  max-height: 80vh;
}
.layout-layer-popup-container {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  width: 100%;
  max-height: 100vh;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  text-align: center;
}
.layout-layer-popup-scroller {
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow: scroll;
}
.layout-layer-popup-scroller:before {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  height: 4px;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
}
.layout-layer-popup-scroller:after {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  height: 4px;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
}
.address_scroll {
  height: 100%;
}
.layout-layer-popup-close-button,
.layout-sub-category-close-button {
  display: block;
  background-color: transparent;
  position: absolute;
  text-indent: -9999px;
}
.layout-layer-popup-close-button {
  right: 0;
  top: 0;
  z-index: 100;
  width: 30px;
  height: 30px;
  border: 0;
  background: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-header-item-delete.png)
    no-repeat 0 100%;
  -webkit-background-size: 15px 15px;
  background-size: 15px 15px;
}
.layout-sub-category-title {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10.5vh;
}
.layout-sub-category-anchor {
  display: block;
  font-size: 15px;
}
.layout-sub-category-item {
  margin-top: 7.5vh;
}
.layout-content:nth-of-type(1),
.layout-sub-category-item:first-child {
  margin-top: 0;
}
.layout-sub-category-close-button {
  border: 0;
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-close-white.png);
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 24px;
}
#sub-category-layer .layout-sub-category-close-button {
  position: fixed;
}
.category_selecttab {
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding: 50px 0;
  vertical-align: middle;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.category_selecttab .inner_layerpopup {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.layout-board-item,
.layout-content:last-of-type .layout-content-header,
.layout-delivery-event,
.layout-flip-item,
.layout-links-item,
.layout-ordering-content.__active .layout-content-header {
  border-bottom: 1px solid #f4f4f4;
}
.layout-content-header,
.layout-flip-item.__active {
  background-color: #f3f3f3;
}
.layout-delivery-event {
  line-height: 1.5;
  text-align: center;
}
.layout-delivery-event-message {
  display: block;
  text-align: center;
}
.layout-content-header {
  border-top: 1px solid #f4f4f4;
  padding: 17px 10px;
}
.layout-content-heading {
  font-size: 16px;
  letter-spacing: -0.05em;
  position: relative;
}
.layout-content-heading span {
  font-size: 12px;
  color: #888;
  margin-left: 10px;
}
.layout-content-flip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1px;
  height: 1px;
  padding-bottom: 20px;
}
.layout-ordering-content.__active .layout-content-flip {
  position: static;
  width: auto;
  height: auto;
}
.layout-flip-item-title:after,
.layout-ordering-content .layout-content-heading:after {
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-aside-arrow_v2.png);
  height: 7px;
  width: 14px;
  background-size: 100% 200%;
  background-position: 0 0;
  top: 0;
  margin: auto;
  bottom: 0;
  right: 10px;
}
.layout-ordering-content {
  counter-increment: heading-number;
}
.layout-ordering-content .layout-content-header {
  cursor: pointer;
}
.layout-ordering-content .layout-content-heading:after {
  content: "";
  position: absolute;
}
.layout-ordering-content.__active .layout-content-heading:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-ordering-content .layout-content-heading:before {
  content: counter(heading-number) ". ";
}
.layout-flip-item {
  counter-increment: ordering-number;
}
.layout-flip-item-title {
  cursor: pointer;
  padding: 16px 35px 16px 10px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  font-size: 16px;
}
.layout-flip-item-title:after {
  content: "";
  display: block;
  position: absolute;
}
.layout-flip-item.__active .layout-flip-item-title:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layout-flip-private .layout-flip-item-title {
  padding-left: 72px;
}
.layout-flip-private .layout-flip-item-title:before {
  content: "제 " counter(ordering-number) "장 ";
  position: absolute;
  left: 10px;
  top: 16px;
}
.layout-flip-item-content {
  display: none;
  width: 93.75%;
  margin: 0 auto;
  padding: 10px 0;
  line-height: 1.75;
  border-top: 1px dotted #c2c2c2;
}
.btn_history {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  padding: 5px 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.layout-links-anchor {
  display: block;
  position: relative;
  padding: 15px 10px;
}
.layout-links-anchor:after {
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon-arrow-right-gray.png);
  content: "";
  width: 7px;
  height: 14px;
  -webkit-background-size: 100%;
  background-size: 100%;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.layout-board-item-footer .regdt,
.layout-board-item-header .regdt {
  right: 0;
  width: 80px;
  display: inline-block;
  text-align: right;
  overflow: hidden;
  top: 0;
}
.layout-board-item {
  padding: 16px 20px;
}
.layout-board-item-header {
  position: relative;
  margin-bottom: 12px;
  color: #999;
  padding-right: 80px;
}
.layout-board-item-header .regdt {
  position: absolute;
}
.layout-board-item-footer {
  margin-top: 12px;
  color: #848484;
  position: relative;
  padding-right: 80px;
}
.layout-board-item-footer .regdt {
  position: absolute;
}
.layout-board-item-title {
  font-weight: 600;
  overflow: hidden;
}
.layout-board-content {
  padding: 20px;
  line-height: 2;
  word-break: break-all;
}
.layout-center-section {
  text-align: center;
  padding-top: 30px;
}
.layout-center-section > * {
  margin: 0 3px;
}
.layout-agreement-subject {
  font-size: 0.85em;
  margin-top: 1em;
}
.layout-agreement-subject a {
  font-weight: 700;
  text-decoration: underline;
}
.layout-agreement-content {
  height: 100px;
  overflow-y: scroll;
  padding: 5px;
  line-height: 1.5;
  font-size: 0.85em;
  border: 1px solid #ccc;
  margin: 10px 0;
}
.caution_box,
.txt_delivery {
  margin: 17px auto 0;
  width: 95%;
}
.layout-agreement-footer {
  text-align: center;
  font-size: 0.9em;
}
.layout-anchor {
  width: 50px;
  height: 50px;
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/icon_sprite.png);
  text-indent: -9999px;
  display: block;
  opacity: 0;
  background-size: 369px 164px;
  position: fixed;
  z-index: 300;
  bottom: 92px;
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.layout-anchor.goback {
  background-position: -99px -90px;
  left: 10px;
}
.layout-anchor.__active {
  opacity: 0.75;
}
.caution_box {
  padding: 15px;
  background: #f4f4f4;
  border: 1px solid #ccc;
}
.caution_box strong {
  display: block;
  margin-bottom: 10px;
  padding: 3px 0 3px 27px;
  background: url(https://res.kurly.com/mobile/etc/designgj/images/common/ico_speaker.gif)
    0 50% no-repeat;
  font-size: 14px;
  color: #b3130b;
}
.caution_box p {
  line-height: 20px;
}
.caution_box.type2 {
  position: static;
  width: 95%;
  height: auto;
  margin: 10px auto 0;
}
#background,
#popup {
  position: fixed;
  width: 100%;
}
.caution_box.type2 span {
  display: block;
  color: #b3130b;
}

#background {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9998;
}
#popup {
  position: absolute;
  z-index: 9999;
  top: 94px;
  width: 100%;
  margin: auto;
}
#popup .popup_wrap {
  width: 320px;
  margin: 6px auto;
}
#popup .popup_wrap .popup_content {
  width: 320px;
  text-align: center;
  background: #fff;
  min-height: 150px;
}
#popup .popup_wrap .popup_content img {
  max-width: 100%;
  vertical-align: top;
}
#popup .popup_wrap .popup_btn {
  height: 26px;
  background: #464646;
}
#popup .popup_wrap .popup_btn .btn-today-close {
  height: 26px;
  width: 176px;
  float: left;
  line-height: 26px;
  color: #fff;
  text-align: center;
  border-right: 1px solid #fff;
}
#popup .popup_wrap .popup_btn .btn-close {
  height: 26px;
  width: 132px;
  float: left;
  line-height: 26px;
  color: #fff;
  text-align: center;
}

.layout-page-header {
  overflow-x: hidden;
}
.go-detail-view {
  opacity: 0;
  position: fixed;
  z-index: 300;
  right: 10px;
  bottom: 142px;
  display: inline-block;
  text-indent: -9999em;
  width: 35px;
  height: 35px;
  background: url(https://res.kurly.com/mobile/etc/designgj/images/common/btn_zoom.png)
    no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.go-detail-view.active {
  opacity: 0.85;
}
.layout-page-header {
  overflow-x: hidden;
}
.layout-anchor,
.go-detail-view {
  -webkit-transition: all 400ms ease-in;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  -ms-transition: all 400ms ease-in;
  -o-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
}
.invisible {
  visibility: hidden;
  opacity: 0;
}
.visible {
  opacity: 0.85;
}
.btn_pagetop,
.layout-page-header-prev-button-detail {
  position: absolute;
  text-indent: -9999px;
  display: inline-block;
  background-image: url(https://res.kurly.com/mobile/etc/designgj/images/common/btn_back_zoom.png);
  width: 35px;
  height: 35px;
  -webkit-background-size: 100%;
  background-size: 100%;
  left: 0;
  top: 3px;
  z-index: 210;
  margin: auto;
  padding: 10px;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-repeat: no-repeat;
}
/* 상품상세-상세정보 */
.goods-view-tab-content .row .btn_delivery_info {
  width: 100%;
  height: 44px;
  background-color: #ffffff;
  border: solid 1px #5f0080;
  color: #5f0080;
  font-size: 16px;
  line-height: 42px;
}
.goods-view-tab-content .row .delivery_information th {
  background-color: #f7f5f8;
}

/* ########## */
/* common_new */
/* ########## */
[v-cloak] {
  display: none;
}
/* header/logo/cart/backbutton */
#header {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
  text-align: center;
}
#header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to top, #ddd 0%, #ddd 51%, transparent 51%);
  background-size: 100% 1px;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.scroll_on #header:after,
.scroll_on #header:after {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.layout_login #header:after,
.layout_list #header:after,
.layout_purple #header:after {
  display: none;
}
#header .location {
  display: block;
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 0;
  width: 50px;
  height: 50px;
  background: url(https://res.kurly.com/mobile/service/common/2011/ico_navi_location_black.svg?v=2)
    no-repeat 50% 50%;
  font-size: 0;
  text-indent: -9999px;
}
.layout_purple #header .location {
  background: url(https://res.kurly.com/mobile/service/common/2011/ico_navi_location_white.svg?v=2)
    no-repeat 50% 50%;
}
#header .logo.logo_container {
  height: 36px;
  margin-top: 7px;
}
#header .logo .tit {
  display: block;
  overflow: hidden;
  padding: 15px 93px 0;
  font-weight: 600;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#header .logo img {
  height: 36px;
  margin: 7px auto 0;
}
#header .logo #gnbLogoContainer {
  margin: 0 auto;
}
#header .cart_count {
  position: absolute;
  right: 6px;
  top: 0;
  width: 50px;
  height: 50px;
  background: url(https://res.kurly.com/kurly/ico/2021/cart_24_24_black.svg)
    no-repeat 6px 50%;
  background-size: 24px 24px;
}
#header .cart_count object {
  display: none;
}
#header .cart_count .num_count {
  display: none;
  position: absolute;
  right: 11px;
  top: 9px;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 10px;
  background-color: #5f0080;
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -1px;
  text-indent: -1px;
}
#header .cart_count .num_count.max {
  width: 22px;
}
#header .link_back {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: url(https://res.kurly.com/mobile/service/common/2006/ico_navi_back.svg?v=1)
    no-repeat 0 50%;
  background-size: 50px 50px;
}
#header .link_close {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: url(https://res.kurly.com/kurly/ico/2021/direction_50_50_close_black.svg)
    no-repeat 0 0;
  background-size: 50px 50px;
}
/* 퍼플헤더전용헤더 */
.layout_purple #header {
  background-color: #5f0080;
}
.layout_purple #header .logo .tit {
  color: #fff;
}
.layout_purple #header .cart_count {
  background: none;
  text-align: left;
}
.layout_purple #header object {
  display: block;
  width: 24px;
  height: 24px;
  margin: 13px 0 0 6px;
  pointer-events: none;
}
.layout_purple #header .cart_count .num_count {
  border: 2px solid #5f0080;
  background-color: #fff;
  color: #5f0080;
}
.layout_purple #header .link_back {
  display: none;
}
/* 로그인전용레이아웃 */
.layout_login #header .cart_count {
  display: none;
}
.layout_login2 #header .link_back {
  background: url(https://res.kurly.com/mobile/service/common/1908/ico_close_333_100x100.png)
    no-repeat 50% 50%;
  background-size: 50px 50px;
}
/* 로그인전용레이아웃_오버라이딩 */
body.layout_login {
  margin-bottom: 0 !important;
  background-color: #fff;
}
.layout_login #header-bottom {
  display: none;
}
.layout_login .layout-main-wrapper {
  height: auto;
}
/* 주문취소 */
.layout_cancel #header .cart_count {
  display: none;
}
.layout_cancel #header .link_back {
  background: url(https://res.kurly.com/mobile/service/common/1908/ico_close_333_100x100.png)
    no-repeat 50% 50%;
  background-size: 50px 50px;
}

/* 띠배너 */
#appBanner {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  text-align: center;
}
#appBanner .link {
  display: block;
  overflow: hidden;
  height: 38px;
  border-bottom: 1px solid #f4f4f4;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#appBanner .txt {
  font-size: 14px;
  color: #333;
  line-height: 40px;
  letter-spacing: -0.3px;
}
#appBanner .btn_close {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/ico/1908/btn_close_333_76x76_v2.png)
    no-repeat 50% 50%;
  background-size: 40px 40px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 320px) {
  #appBanner .txt {
    font-size: 12px;
  }
}

/* shortcut_menu */
.menu_shortcut {
  position: fixed;
  z-index: 300;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fcfcfc;
}
#userMenu {
  display: flex;
  width: 100%;
  height: 45px;
  border-top: 1px solid #ddd;
  background-color: #fcfcfc;
}
#userMenu li {
  flex: 1 1 25%;
  overflow: hidden;
  height: 100%;
  padding: 0 16px;
}
#userMenu img {
  display: block;
  margin: 10px auto 0;
}
#userMenu a {
  display: block;
  width: 100%;
  height: 100%;
}
#userMenu li:last-child {
  position: relative;
}
#userMenu li:last-child .ico{
  position: absolute;
  left: 64%;
  top: 4px;
  width: 6px;
  height: 6px;
  border: 1px solid #ee6a7a;
  border-radius: 5px;
  background-color: #ee6a7b;
}

/* 탭메뉴공통 */
.tab_comm {
  overflow: hidden;
}
.tab_comm li {
  overflow: hidden;
  float: left;
}
.tab_comm li:last-child {
  float: none;
}
.tab_comm .menu {
  display: block;
  overflow: hidden;
  position: relative;
  height: 44px;
  padding-top: 11px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-align: center;
}
.tab_comm .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.tab_comm .on {
  font-weight: 500;
  color: #5f0080;
}
.tab_comm .on .bar {
  height: 3px;
  background-color: #5f0080;
}

/* ### */
/* GNB */
/* ### */
#gnbMenu {
  line-height: 1.5;
  letter-spacing: 0;
}
#gnbMenu:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  background-color: #f4f4f4;
}
#gnbMenu .list_gnb .menu {
  display: block;
  overflow: hidden;
  position: relative;
  height: 51px;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #f4f4f4;
}
#gnbMenu .list_gnb .menu:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: url(https://res.kurly.com/mobile/ico/1908/ico_arrow_gnb_100x100.png)
    no-repeat 50% 50%;
  background-size: 50px 50px;
  transition: all ease 0.5s;
}
#gnbMenu .list_gnb .ico {
  float: left;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 30px 30px;
}
#gnbMenu .list_gnb .txt {
  float: left;
  padding: 0 6px 0 10px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
}
#gnbMenu .list_gnb .ico_new {
  overflow: hidden;
  float: left;
  width: 14px;
  height: 14px;
  margin-top: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px 14px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
#gnbMenu .list_gnb .menu.on {
  margin-bottom: 0;
}
#gnbMenu .list_gnb .menu.on .txt {
  color: #5f0080;
}
#gnbMenu .list_gnb .menu.on:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#gnbMenu .list_gnb .link_often .txt {
  padding: 0 6px 0 0;
  color: #5f0080;
}
#gnbMenu .list_gnb .link_often {
  height: auto;
  border-top: 10px solid #f4f4f4;
  border-bottom: 10px solid #f4f4f4;
}
#gnbMenu .list_gnb .link_often:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 50px;
  background: url(https://res.kurly.com/mobile/ico/1908/ico_arrow_right_gnb_80x100.png)
    no-repeat 100% 50%;
  background-size: 40px 50px;
}
#gnbMenu .sub_menu {
  padding: 10px 0 23px;
  background-color: #f4f4f4;
}
#gnbMenu .sub_menu a {
  display: block;
  overflow: hidden;
  padding: 14px 0 10px 60px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
#gnbMenu .recommend_gnb {
  padding: 31px 20px 0;
}
#gnbMenu .recommend_gnb .tit {
  font-weight: 600;
  font-size: 16px;
  color: #333;
}
#gnbMenu .recommend_gnb .list {
  overflow: hidden;
  padding: 3px 0 17px;
}
#gnbMenu .recommend_gnb li {
  float: left;
  width: 50%;
  padding: 10px 4px 3px 0;
}
#gnbMenu .recommend_gnb li:nth-child(even) {
  float: right;
  padding-right: 0;
  padding-left: 4px;
}
#gnbMenu .recommend_gnb a {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
#gnbMenu .recommend_gnb .border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.08);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#gnbMenu .recommend_gnb .thumb {
  display: block;
  width: 100%;
  background: #f9f8f9 url(https://res.kurly.com/mobile/img/1808/img_none_x2.png)
    no-repeat 50% 50%;
  background-size: cover;
}
#gnbMenu .recommend_gnb .thumb img {
  width: 100%;
}
#gnbMenu .recommend_gnb .name {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 10px 10px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ################ */
/* 배송지역검색결과 */
/* ################ */
#layerDSR {
  display: none;
  text-align: center;
}
#layerDSR .bg_dim {
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
}
#layerDSR .in_layer {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 50%;
  width: 327px;
  overflow: scroll;
  max-height: 100vh;
  margin: 0 calc((100% - 327px) / 2);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#layerDSR .inner_layer {
  display: none;
  margin-bottom: -1px;
  padding: 0 20px 9px;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
}
#layerDSR .dsr_result {
  display: block;
  padding-top: 48px;
  font-weight: 600;
  font-size: 22px;
  color: #333;
  line-height: 25px;
}
#layerDSR .layer_star .dsr_result {
  font-size: 18px;
}
#layerDSR .dsr_result .emph {
  color: #5f0080;
}
#layerDSR .direct_courier_operation_notice {
  display: none;
}
#layerDSR .direct_courier_operation_notice {
  width: 100%;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#layerDSR .direct_courier_operation_notice .courier_message {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  color: #999;
}
#layerDSR .ani {
  padding: 12px 0 34px;
}
#layerDSR .ani img {
  width: 238px;
  height: 124px;
}
#layerDSR .dsr_desc {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  line-height: 1.29;
}
#layerDSR .layer_normal .dsr_result {
  font-size: 18px;
}
#layerDSR .dsr_result .emph {
  color: #5f0080;
}
#layerDSR .dsr_desc .emph {
  font-weight: 600;
}
#layerDSR .dsr_notice {
  padding-top: 4px;
  font-weight: 600;
  font-size: 12px;
  color: #999;
  line-height: 1.64;
}
#layerDSR .in_layer .layer_btn1 {
  position: static;
  border-radius: 0 0 12px 12px;
}

/* ###### */
/* Footer */
/* ###### */
#footer {
  padding-bottom: 110px;
  background-color: #f4f4f4;
  color: #999;
}
#footer .list_menu {
  overflow: hidden;
  padding: 18px 0 0 15px;
}
#footer .list_menu li {
  float: left;
  padding-right: 16px;
}
#footer .list_menu .notice {
  clear: both;
}
#footer .list_menu .link {
  display: block;
  overflow: hidden;
  height: 32px;
  padding-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
#footer .list_menu .emph {
  font-weight: 600;
}
#footer .list_sns {
  overflow: hidden;
  padding: 3px 0 0 9px;
}
#footer .list_sns .link {
  overflow: hidden;
  float: left;
  width: 37px;
  height: 37px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
#footer .list_sns .ico_fb {
  background: url(https://res.kurly.com/mobile/service/common/1903/ico_fb.png)
    no-repeat 50% 50%;
  background-size: 25px 25px;
}
#footer .list_sns .ico_blog {
  background: url(https://res.kurly.com/mobile/service/common/1903/ico_blog.png)
    no-repeat 50% 50%;
  background-size: 25px 25px;
}
#footer .list_sns .ico_instagram {
  background: url(https://res.kurly.com/mobile/service/common/1903/ico_instagram.png)
    no-repeat 50% 50%;
  background-size: 25px 25px;
}
#footer .list_sns .ico_youtube {
  background: url(https://res.kurly.com/mobile/service/common/1903/ico_youtube.png)
    no-repeat 50% 50%;
  background-size: 25px 25px;
}
#footer .list_sns .ico_post {
  background: url(https://res.kurly.com/mobile/service/common/1903/ico_naverpost.png?v=1)
    no-repeat 50% 50%;
  background-size: 25px 25px;
}
#footer .customer {
  padding: 14px 10px 0 15px;
}
#footer .customer .tit {
  display: block;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
#footer .customer .tel {
  padding-top: 3px;
}
#footer .customer .link {
  font-size: 20px;
  color: #5f0080;
  line-height: 24px;
}
#footer .customer .txt {
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
#footer .kakaotalk {
  position: relative;
  margin: 0 0 0 15px;
  font-size: 12px;
  line-height: 18px;
}
#footer .kakaotalk .link {
  color: #5f0080;
}
#plusfriend-addfriend-button a {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#plusfriend-addfriend-button img {
  display: none;
}
#footer .company {
  padding: 23px 0 0 15px;
  font-size: 12px;
  line-height: 18px;
}
#footer .company .contact{
  padding-top: 14px;
}
#footer .company .link {
  color: #5f0080;
}
#footer .company .bar {
  padding: 0 1px 0 2px;
}
#footer .certification {
  padding: 12px 15px 0;
}
#footer .certification .logo {
  width: 34px;
  height: 34px;
  margin-right: 10px;
}
#footer .certification .txt {
  font-size: 10px;
  color: #999;
  line-height: 16px;
}
#footer .certification .desc {
  display: flex;
  overflow: hidden;
  margin-top: 12px;
}
#footer .footer_indemnification_clause {
  padding: 24px 15px 0;
}
#footer .footer_indemnification_clause .txt {
  font-size: 10px;
  line-height: 16px;
  color: #999999;
}
#pageTop {
  overflow: hidden;
  position: fixed;
  z-index: 39;
  right: 15px;
  bottom: -100%;
  width: 46px;
  height: 46px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/service/common/1903/btn_pagetop_v3.png)
    no-repeat 50% 50%;
  background-size: 46px 46px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  opacity: 0;
}
#pageTop.home {
  bottom: calc(65px + env(safe-area-inset-bottom));
}
#pageTop.view {
  bottom: calc(96px + env(safe-area-inset-bottom));
}
#pageTop.appBnr {
  bottom: calc(125px + env(safe-area-inset-bottom));
}

/* ######################## */
/* 텍스트형사용자등급아이콘 */
/* ######################## */
.grade_comm .ico_grade {
  display: inline-block;
  min-width: 44px;
  height: 16px;
  padding: 0 4px;
  border-radius: 15px;
  background-color: #fff;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.5px;
}
.grade_comm .grade6 {
  border: 1px solid #ccc;
  color: #ccc;
}
.grade_comm .grade0 {
  border: 1px solid #5f0080;
  color: #5f0080;
}
.grade_comm .grade5 {
  border: 1px solid #cba3e9;
  color: #cba3e9;
}
.grade_comm .grade1 {
  border: 1px solid #a864d8;
  color: #a864d8;
}
.grade_comm .grade2 {
  border: 1px solid #8d4cc4;
  color: #8d4cc4;
}
.grade_comm .grade3 {
  border: 1px solid #500f7c;
  color: #4f177a;
}
.grade_comm .grade4 {
  border: 1px solid #4f1770;
  background-color: #4f177a;
  color: #fff;
}

/* ############## */
/* 베스트구매후기 */
/* ############## */
#appStyle.section_board {
  margin-top: 9px;
  padding: 0 0 70px;
  background-color: #fff;
}
.section_board .active .board_subject {
  background-color: #f4f4f4;
}
.section_board .board_subject .inner_subject {
  overflow: hidden;
  padding: 12px 20px 8px;
  border-top: 1px solid #f4f4f4;
}
.section_board .active .inner_subject {
  border-bottom: 1px dashed #ccc;
}
.section_board .board_subject .tit {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  word-break: break-all;
}
.section_board .board_subject .info {
  float: left;
  width: 100%;
  padding-top: 9px;
  font-size: 12px;
  color: #666;
  line-height: 18px;
}
.section_board .board_subject .ico_grade {
  float: left;
  margin: 0 4px 0 0;
}
.section_board .board_subject .name {
  overflow: hidden;
  float: left;
  max-width: 100px;
  padding-right: 9px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.section_board .board_subject .time {
  float: left;
  margin-top: 1px;
}
.section_board .board_subject .like {
  float: right;
}
.section_board .board_cont {
  display: none;
  padding: 20px;
  background-color: #f4f4f4;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  word-break: break-all;
}
.section_board .active .board_cont {
  display: block;
}
.section_board .board_cont .name {
  padding-bottom: 10px;
}
.section_board .board_cont .group_btn {
  padding: 10px 0 0;
  line-height: 0;
  text-align: right;
}
.section_board .board_cont .inner_group {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
}
.section_board .board_cont .btn {
  overflow: hidden;
  float: left;
  width: 65px;
  height: 35px;
  margin-right: 4px;
  border: 0 none;
  border-radius: 3px;
  background-color: #5f0080;
  font-size: 12px;
  color: #fff;
  line-height: 33px;
  text-align: center;
}
.section_board .board_cont .btn_negative {
  border: 1px solid #5f0081;
  background-color: #fff;
  color: #5f0080;
}
.section_board .board_cont .reply {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #dddfe1;
}
.section_board .no_data {
  padding: 79px 0;
  border-top: 2px solid #dddfe1;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  line-height: 17px;
  text-align: center;
}
.section_board .more {
  padding: 10px 20px 0;
}
.section_board .btn_more {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 50px;
  border: 0 none;
  background-color: #5f0080;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 48px;
  text-align: center;
}
/* 상품상세_고객후기 */
#goods-review.__active {
  padding: 0;
}

/* ######## */
/* 상품목록 */
/* #########*/
#goodsList {
  padding: 3px 0 50px;
  background-color: #fff;
  color: #333;
  line-height: 1.5;
  letter-spacing: 0;
}
#goodsList .list_goods {
  overflow: hidden;
  padding: 0 16px;
}
#goodsList .list_goods li {
  float: left;
  width: 50%;
  padding: 0 4px 16px 0;
}
#goodsList .list_goods li:nth-child(even) {
  float: right;
  padding-right: 0;
  padding-left: 4px;
}
#goodsList .list_goods .item {
  display: block;
  background-color: #fff;
}
#goodsList .list_goods .thumb {
  display: block;
  position: relative;
  width: 100%;
  background-color: #f9f8f9;
}
#goodsList .list_goods .thumb .img {
  display: block;
  background-color: #eee;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
#goodsList .list_goods .thumb img {
  width: 100%;
  vertical-align: top;
}
#goodsList .list_goods .thumb .ico {
  position: absolute;
  left: 0;
  top: 0;
  width: 26%;
}
#goodsList .list_goods .group_btn {
  position: absolute;
  right: 8px;
  bottom: 7px;
  width: 36px;
}
#goodsList .list_goods .group_btn .btn {
  display: block;
  width: 36px;
  height: 36px;
  border: 0 none;
}
#goodsList .list_goods .group_btn .btn_cart {
  background: url(https://res.kurly.com/mobile/service/goods/2010/ico_cart.svg)
    no-repeat 50% 50%;
  background-size: 36px 36px;
}
#goodsList .list_goods .group_btn .btn_alarm.on {
  background: url(https://res.kurly.com/mobile/service/goods/2101/ico_bell_on.svg)
    no-repeat 50% 50%;
  background-size: 36px 36px;
}
#goodsList .list_goods .group_btn .btn_alarm {
  background: url(https://res.kurly.com/mobile/service/goods/2101/ico_bell.svg)
    no-repeat 50% 50%;
  background-size: 36px 36px;
}
#goodsList .list_goods .info {
  display: block;
  height: 139px;
  padding-top: 5px;
}
#goodsList .list_goods .delivery_names {
  display: block;
  margin-bottom: -3px;
}
#goodsList .list_goods .delivery_name {
  font-weight: 600;
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
#goodsList .list_goods .delivery_name:before {
  content: "/";
  display: inline-block;
  padding-right: 4px;
  vertical-align: top;
}
#goodsList .list_goods .delivery_name:first-child:before {
  display: none;
}
#goodsList .list_goods .name {
  display: block;
  overflow: hidden;
  max-height: 41px;
  padding: 3px 8px 0 0;
  font-size: 14px;
  color: #333;
  line-height: 19px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
#goodsList .list_goods .cost {
  display: block;
  padding-top: 6px;
  line-height: 16px;
}
#goodsList .list_goods .cost .dc {
  font-weight: bold;
  font-size: 14px;
  color: #fa622f;
  letter-spacing: -0.5px;
}
#goodsList .list_goods .cost .price {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  letter-spacing: -0.5px;
}
#goodsList .list_goods .cost .original {
  display: block;
  padding-top: 2px;
  font-size: 12px;
  color: #b5b5b5;
  text-decoration: line-through;
}
#goodsList .list_goods .tag {
  display: block;
  overflow: hidden;
  padding-top: 9px;
}
#goodsList .list_goods .tag .ico {
  overflow: hidden;
  float: left;
  height: 20px;
  margin-right: 4px;
  padding: 0 6px;
  border-radius: 4px;
  background-color: #f1f1f1;
  font-weight: 600;
  font-size: 10px;
  color: #666;
  line-height: 18px;
}
#goodsList .list_goods .tag .tag_type2 {
  color: #5f0080;
}
#goodsList .list_goods .sold_out {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  background: url(https://res.kurly.com/pc/service/common/bg_dimm.png) repeat 0
    0;
  text-align: center;
}
#goodsList .list_goods .inner_soldout {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -13px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
}
#goodsList .list_goods .txt_sub .inner_soldout {
  margin-top: -23px;
}
#goodsList .list_goods .sub_soldout {
  display: block;
  padding: 4px 10px 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
#goodsList .list_goods .msg_buyimpossible {
  display: block;
  margin-top: -3px;
  padding: 0 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
#lnbMenu {
  overflow: hidden;
  position: fixed;
  z-index: 12;
  left: 0;
  top: 50px;
  height: 45px;
  width: 100%;
  background: #fff
    url(https://res.kurly.com/mobile/service/common/1908/bg_e5e5e5_1x1.png)
    repeat-x 0 100%;
  color: #333;
  line-height: 1.5;
  letter-spacing: 0;
}
#lnbMenu .bg_shadow {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 50px;
  height: 44px;
  background: url(https://res.kurly.com/mobile/img/1812/bg_snb_100x2.png)
    repeat-y 0 0;
  background-size: 50px 1px;
}
#lnbMenu .shadow_before {
  display: none;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  pointer-events: none;
}
#lnbMenu .shadow_after {
  display: block;
  right: 0;
  pointer-events: none;
}
#lnbMenu .inner_lnb {
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  height: 1000px;
}
#lnbMenu ul {
  position: relative;
}
#lnbMenu li {
  float: left;
}
#lnbMenu a {
  overflow: hidden;
  float: left;
  margin-left: 16px;
  padding: 12px 0 12px;
  font-size: 16px;
  color: #666;
  line-height: 20px;
  white-space: nowrap;
}
#lnbMenu a.on {
  font-weight: 600;
  color: #5f0080;
}
#lnbMenu .bg {
  position: absolute;
  left: 0;
  top: 42px;
  width: 0;
  height: 3px;
  background-color: #5f0080;
}
#lnbMenu.lnb_menu_main .bg_shadow {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 50px;
  height: 44px;
  background: url(https://res.kurly.com/mobile/img/1812/bg_snb_100x2.png)
    repeat-y 0 0;
  background-size: 50px 1px;
  pointer-events: none;
}
#lnbMenu.lnb_menu_main a {
  display: block;
  overflow: hidden;
  float: none;
  margin-left: 0;
  padding: 11px 0 13px;
  font-size: 15px;
  color: #666;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
}
#lnbMenu.lnb_menu_main a.on {
  color: #5f0080;
}
#lnbMenu.lnb_menu_main ul {
  width: 100% !important;
  padding: 0 15px;
}
#lnbMenu.lnb_menu_main li {
  width: 21%;
}
#lnbMenu.lnb_menu_main li:nth-child(2) {
  width: 18%;
}
#lnbMenu.lnb_menu_main li:nth-child(3) {
  width: 17%;
}
#lnbMenu.lnb_menu_main li:nth-child(5) {
  width: 22%;
}

#lnbMenu.lnb_menu_main .bg_on {
  position: absolute;
  left: 0;
  top: 41px;
  height: 3px;
  background-color: #5f0080;
}
/* 검색결과예외처리 */
#lnbMenu.lnb_search {
  background-position: 0 0;
}
#lnbMenu.lnb_search a {
  padding: 15px 0 0 4px;
}
#lnbMenu.lnb_search .result {
  padding: 21px 0 0 0;
  font-weight: 600;
  color: #333;
}
#lnbMenu.lnb_search .result .emph {
  color: #5f0080;
}
#lnbMenu.lnb_search .bg_shadow {
  display: none;
}
@media screen and (max-width: 320px) {
  #lnbMenu.lnb_menu_main a {
    font-size: 14px;
  }
}
#goodsList .count {
  display: none;
}
#goodsList .sort_menu {
  padding: 0 16px;
}
#goodsList .sort_menu:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
}
#goodsList .sort_menu .select_type {
  position: relative;
  z-index: 1;
  float: right;
}
#goodsList .sort_menu .name_select {
  display: block;
  overflow: hidden;
  padding: 13px 8px 12px 12px;
  font-size: 14px;
  color: #333;
  text-align: right;
}
#goodsList .sort_menu .name_select:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 20px;
  background: url(https://res.kurly.com/kurly/ico/2021/arrow_10_10_c333.svg)
    no-repeat 100% 50%;
  vertical-align: -5px;
}
#goodsList .sort_menu .list {
  display: none;
  position: absolute;
  right: 0;
  top: 42px;
  width: 104px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
#goodsList .sort_menu .list a {
  display: block;
  overflow: hidden;
  width: 104px;
  padding: 13px 0 14px 16px;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}
#goodsList .sort_menu .list a.on {
  font-weight: 700;
  color: #5f0080;
}
#goodsList .sort_menu .delivery {
  float: left;
  width: 111px;
}
#goodsList .sort_menu .select_type.checked .name_select:after {
  background: url(https://res.kurly.com/kurly/ico/2021/arrow_up_20_20_c333.svg)
    no-repeat 50% 50%;
  background-size: 20px 20px;
}
#goodsList .sort_menu .select_type.checked .list {
  display: block;
}
#goodsList .sort_menu .item_recommend {
  position: relative;
}
#goodsList .sort_menu .recommend .ico {
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 11px;
  width: 26px;
  height: 26px;
  border: none;
  background: url(https://res.kurly.com/kurly/ico/2021/question_24_24_cccc.svg?ver=2)
    no-repeat 50% 50%;
  background-size: 24px 24px;
  font-size: 0;
  text-indent: -9999px;
}
/* 정렬 - 추천순 레이어 */
.layer_recommend {
  position: fixed;
  z-index: 10000;
  left: 24px;
  right: 24px;
  top: 50%;
  border-radius: 12px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.layer_recommend .tit {
  display: block;
  padding: 23px 24px 0;
  font-weight: 600;
  font-size: 18px;
  color: #333;
  line-height: 23px;
}
.layer_recommend .desc {
  padding: 15px 24px 16px;
  font-size: 16px;
  color: #666;
  line-height: 22px;
}
.layer_recommend .btn {
  overflow: hidden;
  padding: 9px 8px 8px 0;
}
.layer_recommend .close {
  float: right;
  width: 60px;
  height: 40px;
  border: none;
  border-radius: 12px;
  background-color: #fff;
  font-weight: 600;
  font-size: 16px;
  color: #5f0080;
  line-height: 21px;
}
#goodsList .blank_space {
  height: 20px;
}
#goodsList .bnr_category {
  margin-top: -3px;
}
#goodsList .bnr_category a {
  display: block;
}
#goodsList .bnr_category img {
  width: 100%;
  vertical-align: top;
}
#goodsList .list_goods .no_data {
  float: none;
  width: 100%;
  padding: 140px 0 0;
  text-align: center;
}
#goodsList .no_data .txt {
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
  color: #999;
  line-height: 20px;
}
#goodsList .no_data .link {
  display: inline-block;
  overflow: hidden;
  height: 36px;
  padding: 0 20px;
  border: 1px solid #5f0080;
  border-radius: 18px;
  font-weight: 500;
  font-size: 14px;
  color: #5f0080;
  line-height: 37px;
  text-align: center;
}
#goodsList .btn_pagetop {
  display: none;
  bottom: 60px;
}
/**
TODO KM-3578 2cc 상품전시 : api로 전달 받는 style 이 있다면 아래 스타일에서 제거 하고 인라인으로 적용 해야함.
*/
/* 상품목록 스티커 = 메인 + 상품목록 */
.global_sticker {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
  padding: 0 7px 0 8px;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
}
.global_sticker .bg_sticker {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  background-color: #bd76ff;
  opacity: 0.9;
}
.global_sticker .txt_sticker {
  position: relative;
}
.global_sticker .txt_sticker span {
  display: inline-block;
  font-size: 0;
}
.global_sticker .txt_sticker span span {
  font-size: 12px;
}
.global_sticker .emph_sticker {
  font-weight: 900;
  font-size: 12px;
}
.gift_sticker {
  width: 58px;
  padding: 0;
}
.gift_sticker .bg_sticker {
  background-color: #ee6a7b;
}
.gift_sticker + .global_sticker {
  left: 58px;
}

/* ########### */
/* sns공유하기 */
/* ########### */
.layer_share {
  display: none;
  position: fixed;
  z-index: 300;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
.layer_share .inner_layersns {
  overflow-y: auto;
  height: 100%;
}
.layer_share .info_share {
  position: static;
  left: 0;
  top: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.layer_share .inner_info {
  padding: 50px 62px 29px 63px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.layer_share .inner_info .thumb {
  height: 166px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.layer_share .name {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 65px;
  padding-top: 19px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.layer_share .list_share {
  padding: 0 10px 20px;
}
.layer_share .list_share li {
  border-bottom: 1px solid #dddfe1;
}
.layer_share .list_share li .btn {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 20px 0 20px 10px;
}
.layer_share .list_share img {
  float: left;
  width: 30px;
  height: 30px;
}
.layer_share .list_share .txt {
  float: left;
  padding: 7px 0 0 20px;
  font-size: 16px;
  color: #333;
  line-height: 20px;
}
.layer_share .btn_off {
  position: fixed;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  border: 0;
  background: none;
}

/* 상품상세-상세정보 */
.goods-view-tab-content .row .btn_delivery_info {
  width: 100%;
  height: 44px;
  background-color: #ffffff;
  border: solid 1px #5f0080;
  color: #582276;
  font-size: 16px;
  line-height: 42px;
}
.goods-view-tab-content .row .delivery_information th {
  background-color: #f7f5f8;
}

/* ################# */
/* 상품상세 */
/* ################# */
/* 상품상세_상단 */
.section_view:after {
  content: "";
  display: block;
  overflow: hidden;
  height: 0;
  clear: both;
}
#sectionView .thumb {
  background-color: #eee;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
#sectionView .thumb .bg {
  width: 100%;
}
#sectionView .goods_name {
  overflow: hidden;
  padding: 18px 16px 19px;
}
#sectionView .goods_name .name {
  display: block;
  padding-right: 50px;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  word-break: break-all;
}
#sectionView .goods_name .short_desc {
  display: block;
  padding: 2px 50px 0 0;
  font-weight: 500;
  font-size: 14px;
  color: #999;
  line-height: 20px;
  word-break: break-all;
}
#sectionView .btn_share {
  display: block;
  position: relative;
}
#sectionView #btnShare {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 2px;
  width: 40px;
  height: 40px;
  border: 0 none;
  background: url(https://res.kurly.com/kurly/ico/2021/share_40_40_c333.svg)
    no-repeat 50% 50%;
  background-size: 40px 40px;
  font-size: 0;
  text-indent: -9999px;
}
#sectionView .goods_dcinfo {
  padding: 0 16px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
#sectionView .goods_price .ico {
  width: 24px;
  height: 24px;
  vertical-align: -6px;
}
#sectionView .goods_price .layer_position {
  display: none;
  position: relative;
}
#sectionView .goods_price .layer_position.on {
  display: block;
}
#sectionView .goods_price .layer_position .btn_close {
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 16px;
  height: 16px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/service/goodsview/1910/btn_close_333_32x32.png)
    no-repeat 50% 50%;
  background-size: 16px 16px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
#sectionView .goods_price .layer_price {
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  padding: 10px 23px 8px 9px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  line-height: 16px;
}
#sectionView .goods_price .layer_price .tit_layer {
  display: block;
  padding-bottom: 6px;
  font-size: 12px;
  color: #333;
  line-height: 16px;
}
#sectionView .goods_price .layer_price .bar {
  display: block;
}
@media screen and (max-width: 320px) {
  #sectionView .goods_price .layer_price .bar {
    display: none;
  }
}
#sectionView .goods_price {
  padding: 0 6px;
}
#sectionView .goods_price .dc {
  display: block;
  padding: 3px 10px 0;
}
#sectionView .goods_price .dc_price {
  padding-right: 4px;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  word-break: break-all;
}
#sectionView .goods_price .dc .won {
  padding: 0 0 0 3px;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
}
#sectionView .goods_price .dc_percent {
  font-weight: bold;
  font-size: 24px;
  color: #fa622f;
  line-height: 26px;
  letter-spacing: -0.5px;
}
#sectionView .goods_price .per {
  font-weight: normal;
}
#sectionView .goods_price .percent {
  font-size: 24px;
  color: #fa622f;
  line-height: 26px;
}
#sectionView .goods_price .original_price {
  display: block;
  padding: 3px 10px 0;
  font-size: 16px;
  color: #999;
  line-height: 24px;
}
#sectionView .goods_price .price {
  text-decoration: line-through;
}
#sectionView .goods_price .txt_newuser {
  display: block;
  padding: 6px 10px 10px;
  font-size: 14px;
  color: #5f0080;
  line-height: 20px;
}
#sectionView .goods_price .limit_day {
  display: block;
}
#sectionView .goods_price .limit_price {
  display: block;
}
#sectionView .goods_price .txt_benefit {
  display: block;
  overflow: hidden;
  padding: 9px 10px 0;
}
#sectionView .goods_price {
  margin-bottom: 24px;
}
#sectionView .goods_price .point {
  float: left;
  padding-top: 1px;
  font-size: 14px;
  line-height: 20px;
}
#sectionView .goods_price .ico_grade {
  float: left;
  padding-top: 1px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
#sectionView .goods_price .ico_grade:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 6px 0 6px;
  background-color: #d8d8d8;
  vertical-align: -1px;
}
#sectionView .goods_price .grade0 {
  color: #5f0080;
}
#sectionView .goods_price .grade1 {
  color: #a864d8;
}
#sectionView .goods_price .grade2 {
  color: #8d4cc4;
}
#sectionView .goods_price .grade3 {
  color: #500f7c;
}
#sectionView .goods_price .grade4 {
  color: #4f177a;
}
#sectionView .goods_price .grade5 {
  color: #cba3e9;
}
#sectionView .goods_price .grade6 {
  color: #949296;
}
#sectionView .goods_price .grade7 {
  color: #4f177a;
}
#sectionView .goods_price .emph {
  font-weight: bold;
}
#sectionView .goods_price .not_point {
  display: block;
  padding: 9px 0 0 10px;
  font-size: 14px;
  color: #5f0080;
  line-height: 20px;
}
#sectionView .goods_price .txt_point {
  display: none;
  padding: 6px 10px 0;
  font-size: 14px;
  color: #5f0080;
  line-height: 20px;
}
#sectionView .goods_price .not_login {
  display: block;
  padding: 9px 10px 0;
  font-size: 14px;
  color: #5f0080;
  line-height: 19px;
  letter-spacing: -0.5px;
}

/* 상품상세 쿠폰배너 */
#sectionView .goods_benefit{
  padding: 0 16px 0;
  margin-bottom: 24px;
}
#sectionView .goods_benefit .benefit {
  margin: 17px 0 -3px;
  border: 1px solid #8d4cc4;
  border-radius: 6px;
}
#sectionView .goods_benefit .btn {
  display: block;
  width: 100%;
  height: 44px;
  padding-top: 12px;
  border: none;
  background: none;
  font-weight: 500;
  font-size: 15px;
  color: #5f0080;
  line-height: 20px;
  letter-spacing: -0.3px;
}
#sectionView .goods_benefit .down {
  padding: 0;
}
#sectionView .goods_benefit .emph {
  font-weight: 700;
}
#sectionView .goods_benefit .btn:after {
  content: "";
  display: inline-block;
  height: 18px;
}
#sectionView .goods_benefit .link:after {
  width: 9px;
  background: url(https://res.kurly.com/kurly/ico/2021/direction_9_18_5f0080.svg);
  vertical-align: -4px;
}
#sectionView .goods_benefit .down:after {
  width: 18px;
  margin-left: 2px;
  background: url(https://res.kurly.com/kurly/ico/2021/download_18_18_5f0080.svg);
  vertical-align: -4px;
}
/* 상품상세 쿠폰 상세 팝업*/
#sectionView .modal_coupon {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 50%;
  padding: 0 24px;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#sectionView .modal_coupon.app_modal {
  top: 45%;
}
#sectionView .modal_coupon .modal {
  display: none;
}
#sectionView .modal_coupon .modal.on {
  display: block;
  border-radius: 12px;
  background-color: white;
}
#sectionView .modal_coupon .modal_body {
  padding: 23px 24px 12px;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
}
#sectionView .modal_coupon .tit_coupon {
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
}
#sectionView .modal_coupon .coupon_info {
  margin-top: 13px;
  padding: 16px 20px 11px;
  border-radius: 3px;
  background-color: #a864d8;
}
#sectionView .modal_coupon .tit {
  display: block;
  font-weight: 300;
  font-size: 36px;
  color: #fff;
  line-height: 38px;
}
#sectionView .modal_coupon .desc {
  padding-top: 7px;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.1px;
}
#sectionView .modal_coupon .day {
  position: relative;
  margin-top: 13px;
  padding-top: 9px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 13px;
  color: #fff;
  line-height: 20px;
}
#sectionView .modal_coupon .day:after,
#sectionView .modal_coupon .day:before {
  content: "";
  position: absolute;
  top: -6px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #fff;
}
#sectionView .modal_coupon .day:after {
  left: -25px;
}
#sectionView .modal_coupon .day:before {
  right: -25px;
}
#sectionView .modal_coupon .coupon_notice {
  padding-top: 12px;
}
#sectionView .modal_coupon li {
  position: relative;
  padding-left: 16px;
  font-size: 13px;
  color: #808080;
  line-height: 20px;
}
#sectionView .modal_coupon li:before {
  content: "·";
  position: absolute;
  left: 6px;
  top: -1px;
}
#sectionView .modal_coupon .modal_footer {
  height: 56px;
  padding: 0 15px 1px;
  border-radius: 0 0 12px 12px;
  background: #fff;
}
#sectionView .modal_coupon .btn_close {
  height: 100%;
  padding: 0 10px;
  border: none;
  background: #fff;
  font-weight: 500;
  font-size: 18px;
  color: #5f0080;
  line-height: 23px;
  text-align: right;
  float: right;
}

/* 상품상세 연관상품 추천 */
#sectionView .relative_products {
  border-top: 8px solid #f4f4f4;
  padding: 24px 0 16px 0;
}
#sectionView .relative_products .swiper_container {
  width: 100%;
  overflow: hidden;
  touch-action: pan-y;
  padding: 0 16px;
}
#sectionView .relative_products .relative_products_title {
  padding-left: 16px;
  padding-bottom: 16px;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
#sectionView .relative_products .thumb_goods {
  width: 120px;
  margin: 16px 0 8px 0;
}
#sectionView .relative_products .thumb_goods .thumbnail {
  position: relative;
  margin-bottom: 8px;
}
#sectionView .relative_products .thumb_goods .thumbnail_image {
  width: 120px;
  height: 154px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sectionView .relative_products .thumb_goods .group_btn {
  position: absolute;
  right: 8px;
  top: 100px;
  width: 32px;
  z-index: 10;
}
#sectionView .relative_products .thumb_goods .btn_cart {
  display: block;
  width: 32px;
  height: 32px;
  margin-top: 14px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/service/goods/2010/ico_cart.svg) no-repeat 50% 50%;
  background-size: 32px 32px;
}
#sectionView .relative_products .thumbnail_info .name {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-size: 14px;
  line-height: 19px;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#sectionView .relative_products .thumbnail_info .price {
  margin-top: 4px;
  font-size: 14px;
  line-height: 19px;
}
#sectionView .relative_products .thumbnail_info .price .discount_rate {
  margin-right: 4px;
  font-weight: bold;
  color: #fa622f;
}
#sectionView .relative_products .thumbnail_info .price .sales_price {
  font-weight: bold;
  color: #333;
}
#sectionView .relative_products .thumbnail_info .price .original_price {
  font-size: 12px;
  line-height: 16px;
  text-decoration: line-through;
  color: #999;
}

/* 상품상세 상품정보 */
#sectionView .info {
  border-top: 8px solid #f4f4f4;
}
#sectionView .goods_info {
  padding: 24px 16px;
  border-top: 8px solid #f4f4f4;
}
#sectionView .goods_info .goods_info_title {
  padding-bottom: 6px;
  line-height: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
#sectionView .goods_info .list {
  overflow: hidden;
  padding-top: 10px;
}
#sectionView .goods_info .tit {
  float: left;
  width: 90px;
  padding-right: 4px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  word-break: break-all;
}
#sectionView .goods_info .desc {
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  word-break: break-all;
}
#sectionView .goods_info .status {
  color: #b3130b;
}
#sectionView .goods_info .txt {
  display: block;
}
#sectionView .goods_info .txt:before {
  content: "- ";
  display: inline;
}
#sectionView .goods_info .emph {
  display: block;
  padding-top: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #666;
  line-height: 16px;
}
/* 상품상세_상단_19세 상품안내 */
#sectionView .goods_info .txt_adult {
  position: relative;
  margin-top: 16px;
  padding: 14px 0 14px 85px;
  border-radius: 3px;
  background-color: #f7f7f7;
  font-weight: 500;
  font-size: 13px;
  color: #000;
  line-height:16px;
}
#sectionView .goods_info .txt_adult:before {
  content: "";
  position: absolute;
  left: 37px;
  top: 12px;
  width: 36px;
  height: 36px;
  background: url(https://res.kurly.com/kurly/ico/2021/adult_72_72.png) no-repeat 50% 50%;
  background-size: 36px 36px;
  vertical-align: top;
}
#sectionView .holiday_delivery {
  display: none;
  margin: -9px 16px 20px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: #f5f5f5;
  font-size: 12px;
  color: #333;
  line-height: 16px;
  text-align: center;
}
#sectionView .holiday_delivery.on {
  display: block;
}
#sectionView .holiday_delivery .emph {
  font-weight: bold;
}
#sectionView .holiday_delivery .tit_item {
  display: none;
}
/* 상품상세_상단_배송안내_컬리패스 */
.section_view .info_kurlypass {
  margin: 24px 16px 30px;
  padding: 20px 19px;
  border: 1px solid #f4f4f4;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.section_view .info_kurlypass .btn_type2 {
  margin-top: 12px;
}
.section_view .info_kurlypass .btn_type2 .txt_type {
  padding-left: 26px;
  background: url(https://res.kurly.com/kurly/ico/2021/search_20_20_333.svg)
    no-repeat 0 50%;
  background-size: 20px 20px;
}
/* 상품상세_상품후기,상품문의 */
#goods-review.__active {
  margin-top: 0;
  padding: 0 0 70px;
}
#goods-qna {
  position: relative;
  padding: 0;
  margin-top: 0;
  background: #fff;
  z-index: 1;
}
.goods_board {
  padding: 20px 10px 20px;
}
.goods_board * {
  letter-spacing: -0.7px;
}
.goods_board .btn_write {
  display: block;
  height: 50px;
  border: 1px solid #5f0080;
  background-color: #fff;
  font-weight: 600;
  font-size: 16px;
  color: #5f0080;
  line-height: 50px;
  text-align: center;
}
.goods_board .list {
  padding-top: 20px;
}
.goods_board .list li {
  padding: 10px 10px 8px;
  border-top: 1px solid #dddfe1;
  background-color: #fff;
}
.goods_board .list li:first-child {
  border-top: 0 none;
}
.goods_board .subject {
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.goods_board .subject .ico_best {
  width: 36px;
  height: 16px;
  vertical-align: middle;
  font-size: 0;
}
.goods_board .writer {
  position: relative;
  height: 26px;
  padding-top: 8px;
  font-size: 12px;
  color: #666;
  line-height: 18px;
}
.goods_board .writer .ico_grade {
  margin-top: -1px;
  margin-right: 2px;
  vertical-align: top;
}
.goods_board .name {
  padding-right: 9px;
}
.goods_board .time {
  font-size: 12px;
}
.goods_board .option {
  position: absolute;
  right: 0;
  bottom: -2px;
  font-size: 0;
}
.goods_board .option .ico_check {
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.goods_board .option .ico_secret {
  width: 12px;
  height: 17px;
  vertical-align: top;
}
.goods_board .option .txt_status {
  display: inline-block;
  width: 60px;
  height: 17px;
  margin-left: 5px;
  border: 1px solid #5f0080;
  font-size: 11px;
  color: #666;
  line-height: 17px;
  text-align: center;
}
.goods_board .option .txt_conf {
  background-color: #5f0080;
  color: #fff;
}
.goods_board .link_totalview {
  display: block;
  overflow: hidden;
  height: 40px;
  border-top: 1px solid #dddfe1;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  line-height: 40px;
  text-align: center;
  letter-spacing: -0.7px;
}
.goods_board .open .tit_review {
  padding-bottom: 8px;
  border-bottom: 1px solid #dddfe1;
}
.goods_board .notice .subject,
.goods_board .open .subject {
  white-space: normal;
}
.goods_board .review {
  padding-bottom: 15px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.goods_board .review .goods_name {
  display: block;
  padding-top: 10px;
  font-weight: 600;
  font-size: 12px;
  color: #666;
  letter-spacing: 0;
}
.goods_board .review .goods_package {
  display: block;
  padding-top: 1px;
  letter-spacing: 0;
}
.goods_board .review img {
  display: block;
  margin: 10px auto 0;
}
.goods_board .review img.fst {
  margin-top: 20px;
}
.goods_board .review .txt {
  display: block;
  overflow: hidden;
  width: 100%;
  padding-top: 20px;
}
.goods_board .answer {
  margin: 5px 0 12px;
  padding: 10px;
  background-color: #f7f7f7;
}
.goods_board .answer:first-child {
  margin-top: 0;
}
.goods_board .answer .tit_answer {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.goods_board .answer .txt_answer {
  display: block;
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.goods_board .group_btn {
  overflow: hidden;
  padding-top: 8px;
  border-top: 1px solid #dddfe1;
}
.goods_board .group_btn .btn {
  overflow: hidden;
  float: right;
  width: 50px;
  height: 30px;
  border: 1px solid #5f0080;
  background-color: #fff;
  font-size: 12px;
  color: #5f0080;
  line-height: 31px;
  text-align: center;
}
.goods_board .group_btn .btn_del {
  float: left;
  width: auto;
  border: 1px solid #fff;
  text-align: left;
}
.goods_board .group_btn .btn_del:before {
  content: "";
  float: left;
  width: 12px;
  height: 12px;
  margin: 9px 4px 0 0;
  background: url(https://res.kurly.com/mobile/ico/1807/ico_delete_x2.png)
    no-repeat 0 0;
  background-size: 12px 12px;
}
.goods_board .list li.no_data {
  padding: 79px 0;
  font-size: 14px;
  color: #333;
  line-height: 17px;
  text-align: center;
}
/* 상품상세_확대보기 */
#layerExpand {
  display: none;
  position: relative;
  z-index: 999999;
}
#layerExpand img {
  max-width: none;
  width: 100%;
}
#layerExpand .bg_expand {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
}
#layerExpand .inner_expand {
  overflow: hidden;
  position: fixed;
  z-index: 1;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
  border-radius: 3px;
  background-color: #fff;
}
#layerExpand .inner_expand .thumb {
  overflow-y: auto;
  height: 100%;
}
#layerExpand .btn_close1 {
  position: fixed;
  z-index: 2;
  right: 20px;
  top: 20px;
}
.panzoomWrap .ico_expand {
  position: relative;
}
.panzoomWrap .ico_expand:after {
  position: absolute;
  left: 10px;
  top: 30px;
  width: 28px;
  height: 28px;
  background: url(https://res.kurly.com/mobile/ico/1809/btn_zoom_56x56_v2.png)
    no-repeat 50% 50%;
  background-size: 28px 28px;
}
/* 앱용(ver 2.12.4) */
#zoomCognition {
  display: none;
}
#goods-image .user_cognition {
  padding: 0 0 20px;
}
.user_cognition .touch_click {
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background-color: #f2f1f5;
  font-size: 0;
  text-align: center;
}
.user_cognition .touch_click .tit {
  display: inline-block;
  height: 100%;
  padding: 17px 13px 0 0;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  vertical-align: top;
  white-space: nowrap;
}
.user_cognition .touch_click .ani {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 100%;
  vertical-align: top;
}
.user_cognition .touch_click .circle1 {
  position: absolute;
  left: 5px;
  top: 13px;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background-color: #ccc6dc;
  opacity: 0;
}
.user_cognition .touch_click .circle2 {
  position: absolute;
  left: 0;
  top: 8px;
  width: 18px;
  height: 18px;
  border: 5px solid #ccc6dc;
  border-radius: 9px;
  background-color: #f2f1f5;
}
.user_cognition .touch_click .hand {
  position: absolute;
  left: 5px;
  top: 16px;
  width: 24px;
  height: 26px;
  background: url(https://res.kurly.com/mobile/service/goodsview/1901/ico_hand.png)
    no-repeat 0 0;
  background-size: 24px 26px;
}
@media screen and (max-width: 320px) {
  .user_cognition .touch_click .tit {
    font-size: 11px;
    letter-spacing: -1px;
  }
}

/* ####### */
/* 재입고알림 */
/* ####### */
#resockNotify .notify_option {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 20px;
  right: 20px;
  top: 50%;
  max-height: 90%;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0;
}
#resockNotify .notify_option.on {
  display: block;
  opacity: 1 !important;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#resockNotify .notify_option .btn_close1 {
  display: none;
}
#resockNotify .notify_option .btn_close1.on {
  display: block;
}
#resockNotify .notify_option .inner_option {
  padding: 0 20px;
}
#resockNotify .notify_option .group_btn {
  overflow: hidden;
  padding: 24px 4px 19px;
}
#resockNotify .notify_option .group_btn .txt_type {
  width: 100%;
  border: 0 none;
  border-radius: 4px;
  background: none;
}
#resockNotify .notify_option .btn_type2 {
  float: left;
  width: 50%;
  margin: 0 4px 0 -4px;
}
#resockNotify .notify_option .btn_type1 {
  float: right;
  width: 50%;
  margin: 0 -4px 0 4px;
}
#resockNotify .notify_option .tit {
  display: block;
  padding-top: 23px;
  font-weight: 600;
  font-size: 18px;
  color: #333;
  line-height: 20px;
}
#resockNotify .notify_option .name_deal {
  display: block;
  overflow: hidden;
  max-height: 40px;
  margin-top: 26px;
  font-weight: 600;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
#resockNotify .notify_option .name_deal.package {
  font-weight: 400;
}
#resockNotify .notify_option .select_item {
  width: 100%;
  height: 40px;
  margin-top: 8px;
  padding-right: 64px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 38px;
  text-indent: 15px;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#resockNotify .notify_option .notice {
  position: relative;
  margin-top: 11px;
  padding-left: 7px;
  font-size: 12px;
  color: #999;
  line-height: 15px;
}
#resockNotify .notify_option .notice .ico {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

/* ################ */
/* 공지사항배송안내 */
/* ################ */
.view_pc {
  display: none;
}

/* ############ */
/* 로그인&비회원 */
/* ############ */
/* 공통 */
.section_login .tab_comm {
  padding: 0 20px;
  box-shadow: inset 0 -0.5px 0 0 #ddd;
}
.section_login .inp_initialization input:focus {
  position: relative;
  z-index: 10;
}
.section_login .tab_comm .menu {
  height: 48px ;
  font-weight: 400;
  font-size: 16px;
  color: #666;
  line-height: 18px;
}
.section_login .tab_comm .on {
  color: #5f0080;
  font-weight: 500;
  box-shadow: inset 0px -2px 0px 0px #5f0080;
}
.section_login .tab_comm li {
  width: 50%;
}
.section_login .write_form {
  padding: 40px 20px 0;
}
.section_login [name="ordno"],
.section_login [name="srch_mail"],
.section_login [name="srch_id"] {
  margin-top: 10px;
}
.section_login label {
  font-size: 14px;
  color: #333;
}
.section_login .btn_type2 {
  margin-top: 10px;
}
.section_login .find_view .btn_type1 {
  margin-top: 30px;
}
/* 섹션별 */
.section_login .login_view {
  text-align: center;
}
.section_login .login_search {
  display: inline-block;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 19px;
  padding-bottom: 23px;
  font-size: 0;
}
.section_login .login_search .link {
  float: left;
  height: 40px;
  padding: 15px 8px 0;
  font-size: 14px;
  color: #999;
}
.section_login .login_search .bar {
  float: left;
  width: 1px;
  height: 13px;
  margin-top: 15px;
  background-color: #dddddd;
}
.section_login .nomember_view {
  display: none;
}
.section_login .nomember_view .btn_type1 {
  margin-top: 30px;
}
.section_login .notice_join {
  padding-top: 21px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  text-align: center;
}
.section_login .notice_join .link {
  padding-left: 4px;
  font-weight: 500;
  color: #5f0080;
  line-height: 20px;
  text-decoration: underline;
}
/* 로그인-19세 */
.section_login .txt_adult{margin-top:-24px;padding:0 0 12px;color:#f03f40;text-align:left}
.section_login .txt_adult .emph{font-weight: bold}
@media screen and (max-width:320px) {
  .section_login .txt_adult{letter-spacing:-1px;white-space:nowrap;}
}
.filed_captcha {
  margin-bottom: 20px;
  padding: 20px 0 20px;
  background-color: #f7f7f7;
  text-align: center;
}
.filed_captcha .tit {
  display: block;
  padding-bottom: 10px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  letter-spacing: -0.6px;
  text-align: center;
}
.filed_captcha .inner_captcha {
  font-size: 0;
}
.filed_captcha img {
  height: 34px;
  margin-right: 10px;
  border-radius: 3px;
  vertical-align: top;
}
.filed_captcha input {
  width: 160px;
  height: 34px;
}
/* 아이디/비밀번호 찾기 */
.section_login .find_view .thumb {
  width: 52px;
  height: 60px;
  margin: 10px 0 6px;
}
.section_login .find_view .desc {
  padding-bottom: 18px;
  font-weight: 500;
  font-size: 20px;
  color: #5f0080;
  line-height: 29px;
}
.section_login .find_view .info {
  min-height: 58px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
}
.section_login .tit_email {
  display: block;
  padding: 2px 0 7px;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  letter-spacing: 0.5px;
}
.section_login .txt_email {
  padding-top: 7px;
  margin-bottom: -1px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
}
.section_login .txt_email .emph {
  padding-right: 10px;
  background: url(https://res.kurly.com/mobile/ico/1908/ico_arrow_5f0080_16x24.png)
    no-repeat 100% 50%;
  background-size: 8px 12px;
  color: #5f0080;
}
/* 카카오 씽크 */
.section_login [name="m_id"] {
  border-radius: 6px 6px 0 0;
}
.section_login [name="password"] {
  border-radius: 0 0 6px 6px;
  margin-top: -1px;
}
.section_login input[type="checkbox"] + .ico {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border: 0 none;
  background: url(https://res.kurly.com/mobile/service/common/2006/ico_checkbox.svg)
    no-repeat 50% 50%;
  background-size: 24px 24px;
  vertical-align: -7px;
}
.section_login input[type="checkbox"]:checked + .ico {
  background: url(https://res.kurly.com/mobile/service/common/2006/ico_checkbox_checked.svg)
    no-repeat 50% 50%;
  background-size: 24px 24px;
}
.section_login .checkbox_save {
  display: flex;
  padding: 12px 0;
  margin: 8px 0 12px 0;
}
.section_login .checkbox_save label:first-child {
  margin-right: 20px;
}
.section_login .btn_type1 {
  border-radius: 6px;
}
.section_login .btn_type2 {
  border-radius: 6px;
  border: 1px solid #5f0080;
}
.section_login .btn_type2 .txt_type {
  color: #5f0080;
}
.section_login .btn_kakao_login {
  background-color: #fee500;
  border: 1px solid #fee500;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_login .btn_kakao_login .txt_type {
  color: #191919;
  line-height: 48px;
}
.section_login .btn_kakao_login .ico {
  width: 19px;
  height: 20px;
  margin-right: 6px;
  margin-left: -5px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 19px 20px;
}
.section_login .kakao_login_promotion {
  padding-top: 27px;
  padding-bottom: 14px;
  border-top: 1px solid #f5f5f5;
  font-size: 15px;
}
.section_login .kakao_login_promotion .txt_type {
  color: #5f0080;
  font-weight: 500;
}
/* 비밀번호 */
.section_login .new_pw .tit_email {
  letter-spacing: 0;
}
.section_login .new_pw .pw_chk {
  height: 54px;
  font-size: 12px;
  color: #666;
  line-height: 17px;
}
.section_login .new_pw .pw_confirm {
  height: 38px;
  font-size: 12px;
  color: #666;
  line-height: 17px;
}
.section_login .new_pw .txt_good {
  color: #0e851a;
}
.section_login .new_pw .txt_bad {
  color: #b3130b;
}
.section_login .new_pw .btn_type1 {
  margin-top: 0;
}
/* input에 텍스트 제거 버튼 노출 */
.inp_initialization {
  position: relative;
}
.inp_initialization .btn_initialization {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 48px;
  border: none;
  background: url(https://res.kurly.com/mobile/ico/2009/ico_search_del.svg)
    no-repeat 50% 50%;
  font-size: 0;
  text-indent: -9999px;
}
.inp_initialization .btn_initialization.on {
  display: block;
}

/* #################### */
/* 레이어 : 현재 배송지 보기 */
/* #################### */
.location_status {
  position: absolute;
  right: 49px;
  top: 68px;
  max-width: 204px;
  padding: 12px 12px;
  border-radius: 6px;
  background-color: #bd76ff;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  text-align: left;
}
.location_status:before {
  content: "";
  position: absolute;
  right: 15px;
  top: -10px;
  width: 15px;
  height: 10px;
  background: url(https://res.kurly.com/mobile/ico/2006/ico_location_picker.svg)
    no-repeat 50% 50%;
}
.location_status .addr {
  overflow: hidden;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.layer_location {
  position: fixed;
  z-index: 9999;
  left: 20px;
  right: 20px;
  top: 50%;
  padding-top: 32px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.layer_location .address {
  padding: 0 15px 32px;
  font-size: 16px;
  color: #333;
  line-height: 20px;
}
.layer_location .delivery {
  display: block;
  padding-top: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.layer_location .addr {
  padding-top: 13px;
  text-align: center;
}
.layer_location .txt {
  white-space: nowrap;
}
.layer_location .star {
  color: #5f0080;
}
.layer_location .regular {
  color: #666;
}
.layer_location .none {
  color: #ccc;
}
.layer_location .ico {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  background: url(https://res.kurly.com/mobile/ico/2009/ico_location.svg)
    no-repeat 50% 50%;
}
.layer_location .group_btn {
  overflow: hidden;
  position: static;
  padding: 0 24px 20px;
}
.layer_location .group_btn .btn_type2 {
  border: 1px solid #ddd;
}
.layer_location .group_btn .btn_type2 .txt_type {
  color: #333;
}
#layerLocation.on:before {
  content: "";
  position: fixed;
  z-index: 400;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}
#layerLocation.on .layer_addrview {
  display: block;
}
#layerLocation .layer_addrview {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 20px;
  right: 20px;
  top: 50%;
  max-height: 90%;
  border-radius: 6px;
  background-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#layerLocation .layer_addrview .addr {
  padding: 32px 20px 0;
  font-size: 16px;
  color: #333;
  line-height: 20px;
  text-align: center;
}
#layerLocation .layer_addrview .addr:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto 13px;
  background: url(https://res.kurly.com/mobile/ico/2012/ico_location_28_28.svg)
    no-repeat 50% 50%;
}
#layerLocation .layer_addrview .type {
  padding: 8px 0 99px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
#layerLocation .layer_addrview .direct {
  color: #5f0080;
}
#layerLocation .layer_addrview .indirect {
  color: #666;
}
#layerLocation .layer_addrview .desable {
  color: #ccc;
}
#layerLocation .layer_btn2 {
  padding: 10px 24px 20px;
  border-radius: 0 0 6px 6px;
}

/* 상품상세 페이지 Footer */
.cart_footer {
  display: flex;
  width: 100%;
  height: 68px;
  padding: 8px 12px;
}
.cart_footer .functions {
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.cart_footer .functions button:not(:first-of-type) {
  margin-left: 8px;
}
.cart_footer .button_wrap {
  flex-grow: 1;
}
.cart_footer .button_wrap:not(:first-of-type) {
  margin-left: 10px;
}

.pick_icon_button {
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  color: transparent;
  background: url('https://res.kurly.com/pc/service/pick/btn-itemdetail-like-off.svg') no-repeat center;
  background-size: 32px;
}
.pick_icon_button.on{
  background: url('https://res.kurly.com/pc/service/pick/btn-itemdetail-like-on.svg') no-repeat center;
}

.alarm_button {
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  color: transparent;
  background: url('https://res.kurly.com/pc/service/pick/btn-itemdetail-restock-off.svg') no-repeat center;
  background-size: 32px;
}
.alarm_button:disabled {
  background: url('https://res.kurly.com/pc/service/pick/btn-itemdetail-restock-dim.svg') no-repeat center;
  background-size: 32px;
}

.base_button {
  height: 52px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: white;
  background-color: #5f0081;
  border: 1px solid #5f0081;
}
.base_button:disabled {
  background-color: #dddddd;
  border: 1px solid #dddddd;
}
.base_button.cancel {
  color: #333;
  background-color: white;
  border: 1px solid #ddd;
}
.base_button.half{
  width: 50%;
}

.full {
  width: 100%;
}

.cart_modal_footer {
  display: flex;
  align-items: center;
  padding: 10px 0 20px 0;
}

.cart_modal_footer button:not(:first-of-type) {
  margin-left: 8px;
}

.cart_modal_footer .base_button {
  height: 48px;
  border-radius: 4px;
  font-weight: 500;
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  .goods-view-content-wrapper {
    padding-bottom: constant(safe-area-inset-bottom);
  }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .goods-view-content-wrapper {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.imc_event_layout #header,
.imc_event_layout #header-bottom,
.imc_event_layout #appBanner,
.imc_event_layout #footer{ display: none; height: 0px; }

#cart-modal .MuiDialog-paperWidthSm {margin: 20px}