@charset "UTF-8";
/*
    Corner Main
*/
/*$imgUrl :"../images/";*/
/*$fontUrl :"http://image.kyobobook.co.kr/newimages/giftshop_new/resources/font/";*/
/***** 오늘만 특가 *****/
.tod_full_banner {
  position: relative;
  margin-top: -42px;
  margin-bottom: 60px;
  padding-bottom: 0;
  background: #ffeb01;
  z-index: 10;
}

.tod_full_banner .time_bar {
  position: absolute;
  left: 49.5%;
  top: 183px;
  width: 215px;
  color: #fff;
  font-family: 'Gmarket Sans';
  font-size: 26px;
  font-weight: 700;
  line-height: 78px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tod_full_banner .mc_txt {
  position: absolute;
  left: 50%;
  bottom: 30px;
  font-weight: 500;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tod_full_banner .mc_txt img {
  margin-right: 3px;
  vertical-align: top;
}

.tod_full_banner .prod_share_area {
  right: 21px;
  top: 30px;
}

.tod_full_banner .prod_share_area .sns_share_wrap .btn_share {
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #d5d5d5;
}

.tod_full_banner .prod_share_area .sns_share_wrap .sns_share_box {
  right: -22px;
  top: 0px;
}

.tod_full_banner .btn_more_view_box.ty02:hover {
  background-color: initial;
}

.ht_tit_nav + .tod_full_banner {
  margin-top: 0;
}

/***** 핫딜특가 *****/
.tod_full_banner.tod_hot_benner {
  background: #f4f4f4;
}

.tod_full_banner + .mdl_contents_wrap .mdl004 {
  margin-top: -60px;
}

.tod_full_banner + .mdl_contents_wrap .mdl_wrap + .mdl004 {
  margin-top: 0;
}

/***** 신상픔 *****/
.ht_new_main {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_wel_md_pick.jpg") center/cover repeat-x;
}

.ht_new_main h2 {
  margin-bottom: 20px;
  text-align: center;
}

.ht_new_main h2 img {
  height: 103px;
}

.ht_new_main h2 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.ht_new_main .bg_star img {
  position: absolute;
}

.ht_new_main .bg_star img:nth-child(1) {
  left: -171px;
  top: 290px;
}

.ht_new_main .bg_star img:nth-child(2) {
  right: 307px;
  top: -30px;
}

.ht_new_main .bg_star img:nth-child(3) {
  right: -184px;
  bottom: 12px;
}

.ht_new_main .thumb4_banner {
  overflow: initial;
}

.ht_new_main .thumb4_banner .swiper-slide:before {
  background: #fff;
  border: initial;
  -webkit-box-shadow: 15px 10px 20px -2px rgba(0, 0, 0, 0.16);
  box-shadow: 15px 10px 20px -2px rgba(0, 0, 0, 0.16);
}

.ht_new_main .thumb4_banner .product_pic a:after {
  border: initial;
}

.ht_new_main .thumb4_banner.ht_today_banner .product_info {
  height: 170px;
}

/* ht_new_list */
.ht_new_list .ht_tit_big02 img {
  display: inline-block;
  height: 40px;
  margin: 0 0 0 6px;
  vertical-align: top;
}

/***** 브랜드샵 *****/
/** 브랜드 정보 **/
.brad_main_info {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #f3b79b), color-stop(90%, #f41860));
  background: -webkit-linear-gradient(left, #f3b79b 10%, #f41860 90%);
  background: -o-linear-gradient(left, #f3b79b 10%, #f41860 90%);
  background: linear-gradient(to right, #f3b79b 10%, #f41860 90%);
  overflow: hidden;
}

/* brad_main_info_cont */
.brad_main_info_cont {
  position: relative;
  min-height: 430px;
}

.brad_main_info_cont:before {
  position: absolute;
  right: -59px;
  top: -165px;
  width: 550px;
  height: 550px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/img_brad_bg_txt.svg") no-repeat;
  content: "";
  -webkit-animation: rotate_image 30s linear infinite;
  animation: rotate_image 30s linear infinite;
}

@-webkit-keyframes rotate_image {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate_image {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

.brad_info_left {
  float: left;
  width: 530px;
  padding: 86px 0 110px 0;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.brad_info_left .brad_thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.brad_info_left .brad_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.brad_info_left .logo {
  font-family: 'Gmarket Sans';
  font-size: 72px;
  font-weight: 700;
  line-height: 82px;
  letter-spacing: -1.5px;
  text-shadow: -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black, 1px 1px 0px black, 5px 4px 1px #000;
}

.brad_info_left .brand {
  margin-top: 10px;
  font-weight: 700;
}

.brad_info_left .tit_desc {
  margin-top: 6px;
}

.brad_info_left .group_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
}

.brad_info_left .group_wrap .evt_good_count {
  position: static;
  float: left;
  height: 42px;
  padding: 0 16px;
  border-radius: 42px;
  font-size: 18px;
}

.brad_info_left .group_wrap .evt_good_count .icon {
  width: 18px;
  height: 18px;
  margin-top: 5px;
  background-size: 18px;
}

.brad_info_left .group_wrap .evt_good_count .txt {
  position: relative;
  top: 1px;
  margin-left: 10px;
}

.brad_info_left .group_wrap .prod_share_area {
  position: static;
  float: left;
}

.brad_info_left .group_wrap .prod_share_area .sns_share_wrap {
  margin-left: 5px;
}

.brad_info_left .group_wrap .prod_share_area .btn_share {
  width: 42px;
  height: 42px;
  background-color: rgba(0, 0, 0, 0.6);
  border: 0;
  border-radius: 50%;
}

.brad_info_left .group_wrap .prod_share_area .btn_share .ico_share {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_share_white.svg") 35% center/15px no-repeat;
}

.brad_info_left .group_wrap .prod_share_area .sns_share_box {
  right: initial;
  left: 0px;
  top: 1px;
  padding: 5px 0 5px 10px;
}

.brad_info_right {
  float: right;
  width: 640px;
  padding: 96px 25px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.brad_info_right .desc {
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: -0.5px;
}

.brad_main_prod .evt_prod_list_wrap {
  clear: both;
}

.brad_main_prod .evt_prod_list_wrap .evt_products {
  margin-top: 0;
}

/** brad_main_viewer **/
.brad_main_viewer {
  text-align: center;
}

.brad_main_viewer .ht_tit {
  margin-bottom: 8px;
}

.brad_main_viewer .ht_tit_sub {
  color: #767676;
  font-size: 16px;
  line-height: 24px;
}

.brad_main_viewer .video_item {
  width: 994px;
  height: 559px;
  margin: 0 auto;
  margin-top: 18px;
}

.brad_main_viewer .video_item .evt_video {
  width: 100%;
  height: 100%;
}

/** 관련 기획전 **/
.brad_main_exhibition_cont .img-wrap {
  height: 338px;
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}

.brad_main_exhibition_cont .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.brad_main_exhibition_cont .exhibition_info {
  margin-top: 22px;
  color: #000;
}

.brad_main_exhibition_cont .exhibition_info .title {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.brad_main_exhibition_cont .exhibition_info .sub {
  display: inline-block;
  margin-top: 6px;
  font-size: 15px;
  line-height: 23px;
}

.brad_main_exhibition_cont .swiper-wrapper.list_lenght_warp {
  display: inline-block;
}

.brad_main_exhibition_cont .swiper-wrapper.list_lenght_warp li {
  float: left;
  width: 582px;
  margin-left: 36px;
}

.brad_main_exhibition_cont .swiper-wrapper.list_lenght_warp li:first-child {
  margin-left: 0;
}

/** 브랜드 쿠폰 **/
.brad_main_coupon .brand_coupon_item {
  position: relative;
  width: 379px;
  height: 288px;
}

.brad_main_coupon .brand_coupon_item:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/brand_coupon_bg.svg") no-repeat;
  content: "";
  z-index: -1;
}

.brad_main_coupon .brand_coupon_item:disabled:before {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/brand_coupon_bg_down.svg") no-repeat;
}

.brad_main_coupon .brand_coupon_item:disabled .cupon_info .discount,
.brad_main_coupon .brand_coupon_item:disabled .cupon_info .title,
.brad_main_coupon .brand_coupon_item:disabled .cupon_info .sub.gray,
.brad_main_coupon .brand_coupon_item:disabled .cupon_info .cpon_notice,
.brad_main_coupon .brand_coupon_item:disabled .cupon_info .cpon_down {
  color: #000;
  opacity: 0.5;
}

.brad_main_coupon .cupon_info {
  height: 100%;
  padding: 30px 40px 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.brad_main_coupon .cupon_info span {
  display: block;
  text-align: left;
}

.brad_main_coupon .cupon_info .discount {
  font-size: 30px;
  color: #da2128;
  font-weight: 700;
}

.brad_main_coupon .cupon_info .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.brad_main_coupon .cupon_info .sub.gray {
  margin-top: 10px;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
}

.brad_main_coupon .cupon_info .sub.gray + .sub.gray {
  margin-top: 0px;
}

.brad_main_coupon .cupon_info .cpon_notice {
  margin-top: 10px;
  color: #767676;
  font-size: 12px;
  line-height: 20px;
}

.brad_main_coupon .cupon_info .cpon_notice em {
  position: relative;
  padding-left: 8px;
}

.brad_main_coupon .cupon_info .cpon_notice em:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "*";
}

.brad_main_coupon .cupon_info .cpon_down {
  position: absolute;
  left: 169px;
  bottom: 22px;
  font-size: 16px;
  font-weight: 700;
}

.brad_main_coupon_cont .swiper-wrapper.list_lenght_warp {
  display: inline-block;
}

.brad_main_coupon_cont .swiper-wrapper.list_lenght_warp li {
  float: left;
  width: 31.6%;
  margin-left: 2.6%;
}

.brad_main_coupon_cont .swiper-wrapper.list_lenght_warp li:first-child {
  margin-left: 0;
}

/** 브랜드 상품 **/
.brad_main_prod .list_info_text_warp {
  position: relative;
  float: left;
  margin-bottom: -20px;
  padding-top: 10px;
  border: 0;
  z-index: 1;
}

.brad_main_prod .prod_sort_wrap.dep_top {
  float: right;
  margin-bottom: -20px;
  padding-top: 0;
  z-index: 1;
}

.brad_main_prod .tab_ty.swiper-container-horizontal .swiper-wrapper {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
}

.brad_main_prod .tab_ty .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/***** 선물추천 *****/
/*** 선물추천 메인 : .gft_main ***/
/* btn_t_right */
.btn_t_right.btn_line_box_s {
  position: absolute;
  right: 20px;
  top: 3px;
}

/* .gft_main */
.gft_main_tap .btn_line_round {
  top: 15px !important;
  z-index: 1;
}

.gft_main {
  background: #8965ff;
}

.gft_main .ht_tit_big02 {
  margin-bottom: 15px;
  text-align: center;
}

.gft_main .ht_tit_big02 img {
  position: relative;
  height: 69px;
  margin-left: 40px;
}

.gft_main .ht_tit_big02:before {
  position: absolute;
  left: 39.5%;
  top: 8%;
  width: 100px;
  height: 62px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/tit_gft_main02.svg") center/100% no-repeat;
  content: "";
  opacity: 0.6;
}

.gft_main .btn_more_view span {
  color: #fff !important;
}

.gft_main .emp {
  position: relative;
  padding: 100px 10px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  line-height: 23px;
  text-align: center;
}

.gft_main .emp > p {
  position: relative;
  padding-top: 83px;
}

.gft_main .emp > p:before, .gft_main .emp > p:after {
  position: absolute;
  left: 50%;
  top: 0;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_not_list.svg") center/100% no-repeat;
  content: "";
}

/* .gft_main_select */
.gft_main_select {
  position: relative;
}

/* .gft_main_msg */
.gft_main_msg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.gft_main_msg p {
  display: inline-block;
  position: relative;
  left: 50%;
  top: 0;
  padding: 16px 24px 15px 24px;
  background: #ffee24;
  border: solid #000;
  border-width: 3px 3px 3px 3px;
  border-radius: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: gftMainMsg both infinite 5s;
  animation: gftMainMsg both infinite 5s;
}

.gft_main_msg p:before {
  position: absolute;
  left: 50%;
  bottom: -11px;
  width: 0;
  height: 0;
  border-top: 10px solid #000;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

.gft_main_msg p:after {
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 0;
  height: 0;
  border-top: 10px solid #ffee24;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

@-webkit-keyframes gftMainMsg {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%) scale(0.6);
    transform: translate(-50%, 50%) scale(0.6);
  }
  5% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%) scale(0.6);
    transform: translate(-50%, 50%) scale(0.6);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
  }
  97% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%) scale(0.6);
    transform: translate(-50%, 50%) scale(0.6);
  }
}

@keyframes gftMainMsg {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%) scale(0.6);
    transform: translate(-50%, 50%) scale(0.6);
  }
  5% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%) scale(0.6);
    transform: translate(-50%, 50%) scale(0.6);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
  }
  97% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%) scale(1);
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50%) scale(0.6);
    transform: translate(-50%, 50%) scale(0.6);
  }
}

/* gft_main_tab */
.gft_main_tab {
  position: relative;
  margin-bottom: 20px;
  padding-top: 70px;
  text-align: center;
}

.gft_main_tab li {
  display: inline-block;
  width: 100px;
  height: 90px;
  background: #fff;
  border: 3px solid #000;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 17px;
}

.gft_main_tab li:first-child {
  margin-left: 0;
}

.gft_main_tab li p {
  display: none;
  position: relative;
  height: 86px;
  padding: 10px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gft_main_tab li p input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.gft_main_tab li p i {
  display: block;
  width: 40px;
  margin: 0 auto;
}

.gft_main_tab li p i img {
  width: 100%;
}

.gft_main_tab li p span {
  display: block;
  margin-top: 5px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.gft_main_tab li p.on {
  display: block;
}

/* gft_main_slider */
.gft_main_slider.ui-slider-horizontal {
  position: relative;
  height: 20px;
  width: 324px;
  margin: 0 auto;
  background: none;
}

.gft_main_slider.ui-slider-horizontal:before {
  position: absolute;
  left: -5px;
  top: 50%;
  width: calc(100% + 10px);
  height: 3px;
  margin-top: -2px;
  background: #000;
  border-radius: 2px;
  content: "";
}

.gft_main_slider.ui-slider .ui-slider-range {
  background: none;
}

.gft_main_slider.ui-slider .ui-slider-range:before {
  position: absolute;
  left: -5px;
  top: 50%;
  width: calc(100% + 10px);
  height: 3px;
  margin-top: -2px;
  background: #6e51cc;
  border-radius: 2px;
  content: "";
}

.gft_main_slider .ui-slider-handle {
  top: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 5px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
}

/* gft_slide_view */
.gft_slide_view {
  margin-top: 40px;
}

.gft_slide_view .show_replace {
  border-radius: 0;
}

.gft_slide_view .evt_products {
  overflow: hidden;
}

.gft_slide_view .evt_products .product_info .title {
  color: #fff;
  min-height: auto;
}

.gft_slide_view .evt_products .product_info .price_line .discount_rate {
  color: #d4ff1a;
}

.gft_slide_view .evt_products .product_info .price_line .final_price {
  color: #fff;
}

.gft_slide_view .evt_products .product_info .price_line .price_origin {
  color: #d5d5d5;
}

.gft_slide_view.len6 .evt_products {
  display: block;
  width: 100%;
  margin: 0px 0 0 0;
  padding: 2px;
  background: #000;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gft_slide_view.len6 .evt_products .prod_item {
  float: left;
  width: calc(16.666% - 0px);
  margin: 0;
  padding: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: wel_prod both 0.4s;
  animation: wel_prod both 0.4s;
}

.gft_slide_view.len6 .evt_products .product_pic {
  margin: 0;
  border-radius: 0;
}

.gft_slide_view.len6 .evt_products .product_pic img {
  width: 100%;
}

.gft_slide_view.len6 .evt_products .evt_good_count,
.gft_slide_view.len6 .evt_products .product_info {
  display: none;
}

.gft_slide_view.len4 {
  margin-top: 0;
}

.gft_slide_view.len4 .show_replace {
  border-radius: 12px;
}

.gft_slide_view.len4 .evt_products {
  margin: 0px -18px 0 -18px;
  padding: 0px;
  background: none;
}

.gft_slide_view.len4 .evt_products .prod_item {
  -webkit-animation: wel_prod2 both 0.4s;
  animation: wel_prod2 both 0.4s;
}

.gft_slide_view.len2 {
  margin-top: 40px;
}

.gft_slide_view.len2 .evt_products .prod_item {
  width: calc(50% - 36px);
  margin: 40px 18px 0 18px;
  -webkit-animation: wel_prod2 both 0.4s;
  animation: wel_prod2 both 0.4s;
}

.gft_slide_view .prod_item:nth-child(10n + 1) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 2) {
  -webkit-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 3) {
  -webkit-animation-delay: 0.6s !important;
  animation-delay: 0.6s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 4) {
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 5) {
  -webkit-animation-delay: 0.6s !important;
  animation-delay: 0.6s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 6) {
  -webkit-animation-delay: 0.8s !important;
  animation-delay: 0.8s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 7) {
  -webkit-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 8) {
  -webkit-animation-delay: 0.7s !important;
  animation-delay: 0.7s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 9) {
  -webkit-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}

.gft_slide_view .prod_item:nth-child(10n + 10) {
  -webkit-animation-delay: 0.8s !important;
  animation-delay: 0.8s !important;
}

@-webkit-keyframes wel_prod {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes wel_prod {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes wel_prod2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes wel_prod2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*** 선물이 필요한 순간 핫트 하세요 : .gft_need_tit ***/
.gft_need_tit.ht_cont.ht_bg {
  margin-bottom: -27px;
  padding: 60px 0 0 0;
}

.gft_need_tit .ht_tit_big02 {
  font-family: 'Noto Sans KR';
  margin-bottom: 20px;
}

.gft_need_tit .ht_tit_big02 img {
  display: inline-block;
  position: relative;
  height: 63px;
  margin: -15px 4px 0 4px;
  z-index: 2;
}

.gft_need_tit .tab_ty.swiper-container-horizontal .swiper-wrapper {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
}

.gft_need_tit .tab_ty .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.gft_need_tit .tab_txt {
  text-align: center;
}

.gft_need_tit .tab_txt ul {
  display: inline-block;
}

.gft_need_tit .evt_prod_list_wrap {
  position: relative;
}

/* gft_need_main */
.gft_need_main {
  padding-top: 60px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_wel_md_pick.jpg") center/cover repeat-x;
  overflow: initial;
}

.gft_need_main .gft_need_main_cont {
  width: calc(100% + 60px);
  margin-left: -15px;
}

.gft_need_main .gft_need_main_cont .swiper-container {
  width: calc(100% - 60px);
  padding: 0 30px 0 0;
}

.gft_need_main .gft_need_main_cont .swiper-container .swiper-slide {
  overflow: initial;
}

.gft_need_main .gft_need_main_cont .swiper-container .swiper-slide:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: initial;
  -webkit-box-shadow: 15px 10px 20px -2px rgba(0, 0, 0, 0.16);
  box-shadow: 15px 10px 20px -2px rgba(0, 0, 0, 0.16);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  content: "";
}

.gft_need_main .gft_need_main_cont .product_pic {
  border-radius: 12px 12px 0 0;
  z-index: 1;
}

.gft_need_main .gft_need_main_cont .product_pic a:after {
  border: initial;
}

.gft_need_main .gft_need_main_cont .product_info {
  padding: 19px 30px 38px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gft_need_main .gft_need_main_cont .product_info .title {
  min-height: 60px;
  font-size: 20px;
  line-height: 30px;
}

.gft_need_main .gft_need_main_cont .product_info .price_line {
  font-size: 24px;
  margin: 10px 0 -6px 0;
}

.gft_need_main .gft_need_main_cont .product_info .price_line .price_origin {
  font-size: 16px;
}

.gft_need_main .gft_need_main_cont .product_info .desc_line {
  position: relative;
  margin-top: 26px;
  padding-top: 52px;
  border-top: 2px dotted #000;
  font-size: 16px;
  line-height: 24px;
}

.gft_need_main .gft_need_main_cont .product_info .desc_line:before {
  display: inline-block;
  position: absolute;
  top: 38px;
  font-family: 'Gmarket Sans';
  font-size: 54px;
  font-weight: 700;
  content: "“";
}

.gft_need_main .list_lenght_warp {
  padding-bottom: 25px;
}

.gft_need_main .list_lenght_warp .swiper-slide {
  width: 376px;
  margin-right: 36px;
}

.gft_need_main .list_lenght_warp .swiper-slide:last-child {
  margin-right: 0;
}

/* gft_need */
.gft_need {
  padding-top: 60px;
  overflow: initial;
}

.gft_need .evt_prod_list_wrap {
  overflow: visible;
}

.gft_need .evt_products {
  margin-top: -40px;
}

/** 선물이 고민된다면, 핫트에 물어보세요 : .gft_question **/
.gft_question {
  padding-top: 60px;
}

.gft_question .ht_tit_big02 img {
  height: 27px;
  margin-left: 10px;
}

.gft_question .ico_review_write {
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_review_white.svg) 0 0/15px 17px no-repeat;
}

.gft_question .form_chk {
  position: absolute;
  top: -42px;
}

/* gft_question_cont_wrap */
.gft_question_cont_wrap {
  position: relative;
  margin-top: 30px;
}

.gft_question_cont_wrap:before {
  position: absolute;
  right: 133px;
  top: -175px;
  width: 174px;
  height: 174px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_gft_question_cont.svg") center 31px/134px 157px no-repeat;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  content: "";
}

/* gft_question_cont_list */
.gft_question_cont_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}

.gft_question_cont_list .swiper-slide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 582px;
  border-radius: 12px;
  margin: 0 0 40px 36px;
}

.gft_question_cont_list .swiper-slide:nth-child(2n+1) {
  margin-left: 0;
}

/* gft_question_box */
.gft_question_box {
  position: relative;
  padding: 31px 30px 67px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px;
  overflow: hidden;
}

.gft_question_box:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  -webkit-transition: border-color 0.4s 0.2s;
  -o-transition: border-color 0.4s 0.2s;
  transition: border-color 0.4s 0.2s;
  z-index: 2;
}

.gft_question_box .gft_question_end_txt {
  display: none;
}

/* gft_question_tit */
.gft_question_tit {
  position: relative;
  z-index: 3;
}

.gft_question_tit .s1 {
  color: #767676;
  font-size: 12px;
}

.gft_question_tit .s1 span {
  display: inline-block;
  position: relative;
  margin-left: 12px;
  color: #767676;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

.gft_question_tit .s1 span:before {
  position: absolute;
  left: -9px;
  top: 3px;
  width: 1px;
  height: 9px;
  background-color: #dcdcdc;
  content: "";
}

.gft_question_tit .s1 span:first-child {
  margin-left: 0;
}

.gft_question_tit .s1 span:first-child:before {
  display: none;
}

.gft_question_tit .s1 a {
  color: #767676;
}

.gft_question_tit .s2 {
  min-height: 66px;
  margin-top: 14px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  /*display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;*/
  overflow: hidden;
}

.gft_question_tit .badge_line {
  margin-top: 14px;
}

.gft_question_tit .ico_participate_num {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #767676;
  font-size: 13px;
}

.gft_question_tit .ico_participate_num span {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  line-height: 213x;
}

.gft_question_tit .ico_participate_num span:before {
  position: absolute;
  left: 0;
  top: -3px;
  width: 20px;
  height: 20px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_participate_num.svg") center/100% no-repeat;
  content: "";
}

.gft_question_tit .box_msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 98px;
  margin-top: 21px;
  padding-bottom: 15px;
  background-color: #f7f7f7;
  border: 1px solid #eaeaea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* gft_question_chk */
.gft_question_chk {
  margin-top: 17px;
  padding-top: 20px;
  border-top: 1px dashed #d5d5d5;
  text-align: center;
}

.gft_question_chk > ul {
  position: relative;
  margin: 0 -15px;
  font-size: 0;
}

.gft_question_chk li {
  display: inline-block;
  position: relative;
  width: calc(33.3% - 22px);
  margin: 0 9px;
}

.gft_question_chk li .img {
  position: relative;
  height: 0;
  padding-top: 100%;
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}

.gft_question_chk li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

.gft_question_chk li.chk .img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

.gft_question_chk li .num {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 16px;
  padding: 5px 8px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 12px 0 12px 0;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  z-index: 4;
  display: none;
}

.gft_question_chk li a, .gft_question_chk li button {
  display: block;
  position: relative;
  z-index: 3;
}

.gft_question_chk li.chk .img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #000;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

.gft_question_chk input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.gft_question_chk input + label {
  display: block;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.gft_question_chk input + label:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_checkborder.svg") center/21px no-repeat;
  content: "";
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.gft_question_chk input:checked + label:before {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_checkborder_check03.svg") center/21px no-repeat;
}

.gft_question_chk input:disabled + label:before {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_checkborder_disabled.svg") center/21px no-repeat;
}

.gft_question_chk input:disabled:checked + label:before {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_checkborder_check02.svg") center/21px no-repeat;
}

.gft_question_chk.on .num {
  display: block;
  -webkit-animation: fade both 0.4s;
  animation: fade both 0.4s;
}

.gft_question_chk.on li input:disabled + label + .num {
  background: rgba(0, 0, 0, 0.3);
}

.gft_question_chk.on li input:disabled + label + .num + a {
  opacity: 0.3;
}

/* gft_question_bar */
.gft_question_bar {
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: calc(100% - 4px);
}

.gft_question_bar:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #f7edff;
  content: "";
}

.gft_question_bar .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 10px;
  padding: 0 15px;
  background: #b34eff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gft_question_bar .bar span {
  position: absolute;
  right: 15px;
  bottom: 19px;
  height: 25px;
  margin: 0 -15px;
  padding: 3px 7px 2px;
  background: #b34eff;
  border-radius: 31px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.gft_question_bar .bar span:after {
  position: absolute;
  right: 50%;
  bottom: -3px;
  width: 6px;
  height: 6px;
  background: #b34eff;
  border-radius: 1px;
  content: "";
  -webkit-transform: translateX(50%) rotate(45deg);
  -ms-transform: translateX(50%) rotate(45deg);
  transform: translateX(50%) rotate(45deg);
}

.gft_question_bar .bar.ed span {
  right: 23px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

/* 종료시 */
.gft_question_end .gft_question_bar {
  display: none;
}

.gft_question_end .gft_question_end_txt {
  display: inline-block;
  width: 100%;
  margin-top: 12px;
  text-align: center;
}

.gft_question_end .gft_question_end_txt p {
  display: inline-block;
  background: #595959;
  padding: 4px 25px;
  border-radius: 60px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
}

.gft_question_end .gft_question_box {
  padding: 31px 30px 23px 30px;
  background: #fafafa;
}

.gft_question_end .gft_question_box:before {
  border: 2px solid #eaeaea;
}

.gft_question_end .gft_question_chk li .num {
  display: block;
}

.gft_question_end .s2 {
  color: #767676;
}

.gft_question_end .badge_line .badge {
  color: #767676;
}

.gft_question_end input:disabled + label:before {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_checkborder.svg") center/21px no-repeat;
}

.gft_question_msg {
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 100%;
  text-align: center;
}

.gft_question_msg span {
  display: inline-block;
  height: 30px;
  padding: 0 20px;
  background: #595959;
  border-radius: 15px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
}

/*** 선물 고민 쓰기 ***/
/* gft_wrt_wrap */
.gft_wrt_wrap {
  margin-top: 0 !important;
}

/* git_wrt_area */
.git_wrt_area {
  position: relative;
  min-height: calc(85vh - 200px);
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* prod_type_selec_area */
}

.git_wrt_area .sub_tit {
  color: #595959;
}

.git_wrt_area .ctg_topMenu {
  position: relative;
  margin: -20px 0 25px 0;
  background: #f7f7f7;
  line-height: 31px;
}

.git_wrt_area .ctg_topMenu .inner_wrap span {
  height: 33px;
  padding-top: 1px;
  font-size: 12px;
  vertical-align: top;
}

.git_wrt_area .ctg_topMenu .round_ty {
  padding: 15px 15px !important;
}

.git_wrt_area .ctg_topMenu .btn_line_refresh {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.git_wrt_area .ht_cont_s {
  margin-bottom: 30px;
}

.git_wrt_area .ht_cont_s .point_line {
  letter-spacing: -0.3px;
}

.git_wrt_area .ht_cont_s .point_line:before {
  top: 9px;
  height: 14px;
}

.git_wrt_area .ht_cont_s .ht_tit05 {
  margin-bottom: 15px;
}

.git_wrt_area .ht_cont_s .ht_tit05 img {
  vertical-align: top;
  margin-left: 8px;
}

.git_wrt_area .prod_type_selec_area {
  margin-bottom: 20px;
}

.git_wrt_area .prod_type_selec_area .period_sort {
  margin: 12px 20px 0 0;
  font-size: 14px;
}

.git_wrt_area .prod_type_selec_area .period_sort.ed {
  margin-right: 0;
}

.git_wrt_area .prod_type_selec_area .period_sort button {
  position: relative;
  margin-left: 13px;
  color: #595959;
  font-size: 13px;
}

.git_wrt_area .prod_type_selec_area .period_sort button:before {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 1px;
  height: 7px;
  background-color: #d5d5d5;
  content: "";
}

.git_wrt_area .prod_type_selec_area .period_sort button.active {
  color: #000;
  font-weight: 500;
}

.git_wrt_area .prod_type_selec_area .period_sort button:first-child {
  margin-left: 0;
}

.git_wrt_area .prod_type_selec_area .period_sort button:first-child:before {
  display: none;
}

.git_wrt_area .emp {
  padding: 60px 0;
  color: #767676;
  font-size: 16px;
  text-align: center;
}

.git_wrt_area .emp p {
  position: relative;
  padding-top: 79px;
}

.git_wrt_area .emp p:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 60px;
  height: 60px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_not_list.svg") center/100% no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

/* mc_s_cont */
.mc_s_cont {
  margin-top: 30px;
}

.mc_s_cont:first-child {
  margin-top: 0;
}

.mc_s_cont .chk_list_ty.ty02 {
  margin-top: -30px;
}

/* chk_list_ty */
.chk_list_ty {
  position: relative;
  margin: -10px 0 0 -8px;
  padding-bottom: 1px;
  font-size: 0;
}

.chk_list_ty li {
  display: inline-block;
  position: relative;
  margin: 10px 0 0 8px;
  vertical-align: top;
}

.chk_list_ty li input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.chk_list_ty li input:checked + label {
  background: #fff;
  border-color: #da2128;
  color: #da2128;
}

.chk_list_ty li label,
.chk_list_ty li button {
  display: block;
  height: 33px;
  padding: 0 13px;
  background: #f7f7f7;
  border: 1px solid #eaeaea;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 12px;
  line-height: 33px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.chk_list_ty li.txt {
  padding: 8px 10px 0 0;
  font-size: 14px;
  line-height: 22px;
}

.chk_list_ty.ty02 label,
.chk_list_ty.ty02 button {
  height: 33px;
  padding: 0 13px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #595959;
  line-height: 33px;
}

.chk_list_ty.ty02 label:hover,
.chk_list_ty.ty02 button:hover {
  border-color: #999;
}

.chk_list_ty.ty02 input:checked + label {
  background: #000;
  border-color: #000;
  color: #fff;
}

/* 선물 고민 쓰기 팝업 내 다음 버튼 */
.btn_gft_next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn_gft_next button {
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.3) url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/btn_banner_pagn_w.svg") center/44px no-repeat;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  z-index: 2;
}

.btn_gft_next button:disabled {
  background-color: rgba(0, 0, 0, 0.1);
}

/* gft_wrt_pop */
.tab_swiper.gft_wrt_pop {
  margin-top: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(213, 213, 213, 0.4);
}

.tab_swiper.gft_wrt_pop:first-child {
  margin-top: 0;
}

.tab_swiper.gft_wrt_pop .swiper-wrapper {
  position: relative;
  font-size: 0;
}

.tab_swiper.gft_wrt_pop .swiper-wrapper li {
  display: inline-block;
  position: relative;
  margin: 0px 0 0 6px;
}

.tab_swiper.gft_wrt_pop .swiper-wrapper li:first-child {
  margin: 0px 0 0 0px;
}

.tab_swiper.gft_wrt_pop .swiper-wrapper li a {
  display: block;
  height: 33px;
  padding: 0 13px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #595959;
  font-size: 12px;
  line-height: 31px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.tab_swiper.gft_wrt_pop .swiper-wrapper li a.on {
  color: #fff;
  font-weight: 700;
}

/* form_list_box_ty */
.form_list_box_ty {
  position: relative;
  min-height: 44px;
  padding-left: 142px;
}

.form_list_box_ty .form_sel {
  position: absolute;
  left: 0;
  top: 0;
}

.form_list_box_ty .form_sel .ui-selectmenu-button {
  width: 132px;
}

/* fixed_btn_select */
.fixed_btn_select {
  display: none;
  position: absolute;
  bottom: 0px;
  width: 112%;
  left: -30px;
  padding: 20px 20px 0px 20px;
  background: #fff;
  border-top: 1px solid #eaeaea;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 5;
}

.fixed_btn_select .dialog_footer {
  margin-top: 16px;
}

.fixed_btn_select.on {
  display: block;
  -webkit-animation: pop_hero_op both 0.5s 0.2s;
  animation: pop_hero_op both 0.5s 0.2s;
}

.fixed_btn_select.off {
  display: block;
  -webkit-animation: pop_hero_cl both 0.5s 0s;
  animation: pop_hero_cl both 0.5s 0s;
}

.fixed_btn_select .file_item .btn_box {
  display: block;
  width: 99px;
  height: 99px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/btn_attached_add.png") center no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0 !important;
  cursor: default;
}

.fixed_btn_select .list_item {
  margin-right: 19px;
}

.fixed_btn_select .file_list_box {
  max-width: 336px;
  margin: 0 auto;
}

/* 선물 고민 쓰기 :상세 */
.gft_select_view {
  position: relative;
  margin-bottom: 30px;
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #eee;
}

.gft_select_view ul {
  position: relative;
  font-size: 0;
  text-align: center;
}

.gft_select_view ul li {
  display: inline-block;
  position: relative;
  width: 100px;
  margin: 0 10px;
  vertical-align: top;
  text-align: center;
}

.gft_select_view ul li .ico {
  margin-bottom: 4px;
  color: #000;
  font-size: 15px;
  font-weight: 700;
  line-height: 19px;
}

.gft_select_view ul li .img {
  position: relative;
  height: 0;
  padding-top: 100%;
  background: #f7f7f7;
  border-radius: 6px;
  overflow: hidden;
}

.gft_select_view ul li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}

/* 슬라이드 :gft_view_slider_cont */
.gft_view_slider_cont {
  margin-bottom: 35px;
  padding: 0 15px;
}

.gft_view_slider.ui-slider-horizontal {
  position: relative;
  height: 16px;
  margin: 0 20px;
  background: none;
}

.gft_view_slider.ui-slider-horizontal:before {
  position: absolute;
  left: -24px;
  top: 50%;
  width: calc(100% + 48px);
  height: 2px;
  margin-top: -2px;
  background: #d5d5d5;
  border-radius: 2px;
  content: "";
}

.gft_view_slider.ui-slider .ui-slider-range {
  background: none;
}

.gft_view_slider.ui-slider .ui-slider-range:before {
  position: absolute;
  left: -24px;
  top: 50%;
  width: calc(100% + 48px);
  height: 2px;
  margin-top: -2px;
  background: #d5d5d5;
  border-radius: 2px;
  content: "";
}

.gft_view_slider .ui-slider-handle {
  top: -5px;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 7px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.gft_view_slider_txt {
  position: relative;
  margin: 15px 15px 0 15px;
}

.gft_view_slider_txt ul {
  display: table;
  table-layout: fixed;
  width: calc(100% + 14.3%);
  margin-left: -7.1%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #767676;
  font-size: 14px;
  line-height: 12px;
  text-align: center;
}

.gft_view_slider_txt li {
  display: table-cell;
}

.ht_sc_info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

/***** 라이브 *****/
/** 라이브 배너 :cor_live_banner **/
.liv_banner {
  margin-top: -42px;
  padding-bottom: 20px;
  margin-bottom: 110px;
  background-color: #f4f4f4;
}

.liv_banner:before {
  content: '';
  z-index: 1;
  display: block;
  width: 400px;
  height: 449px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/img_lion_basic.png") no-repeat;
  position: absolute;
  bottom: 137px;
  left: 20px;
}

.liv_banner .wel_live_txt {
  position: relative;
  top: 10px;
}

.liv_banner .ht_tit_big {
  width: 1000px;
  height: 194px;
  margin: 0 auto;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.liv_banner .welLiveTit:after {
  right: 96px;
}

.liv_banner .welLiveTit .bg_light {
  left: 210px;
}

.cor_live_banner {
  min-height: 600px;
}

.cor_live_banner .swiper-slide {
  height: 600px;
}

.cor_live_banner .swiper-slide > a {
  display: block;
  position: relative;
  width: 100%;
  height: 600px;
}

.cor_live_banner .img {
  overflow: hidden;
  width: 1000px;
  height: 480px;
  margin: 0 auto;
  border-radius: 12px;
}

.cor_live_banner .img img {
  width: 100%;
  height: 100%;
}

.cor_live_banner .info {
  position: relative;
  width: 1000px;
  height: 480px;
  margin: 0 auto;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  border-radius: 12px;
}

.cor_live_banner .liv_txt_list {
  position: absolute;
  left: 100px;
  top: 50%;
  width: 458px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cor_live_banner .liv_txt_list .title {
  color: #000;
  width: 100%;
}

.cor_live_banner .liv_txt_list .title span {
  display: block;
}

.cor_live_banner .liv_txt_list .sub_title {
  color: rgba(0, 0, 0, 0.6);
  width: 100%;
}

.cor_live_banner .liv_txt_list .sub_title span {
  display: block;
}

.cor_live_banner .liv_txt_list .liv_timeline_marker p {
  color: #ff2700;
}

.cor_live_banner .liv_txt_list .alarm_chk {
  right: 0;
  top: 48px;
}

.cor_live_banner .swiper-slide-active .title span {
  -webkit-animation: txtTop both 0.4s 0.4s;
  animation: txtTop both 0.4s 0.4s;
}

.cor_live_banner .swiper-slide-active .title span:nth-child(2) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.cor_live_banner .swiper-slide-active .sub_title span {
  -webkit-animation: fade both 0.4s 0.8s;
  animation: fade both 0.4s 0.8s;
}

.cor_live_banner .swiper-slide-active .live_btn {
  -webkit-animation: fade both 0.4s 0.8s;
  animation: fade both 0.4s 0.8s;
}

.cor_live_banner .swiper-slide-active .liv_prod_img {
  -webkit-animation: fade both 0.6s 0s;
  animation: fade both 0.6s 0s;
}

.cor_live_banner .swiper-slide-active.on .wel_live_good_ani {
  display: block;
}

.cor_live_banner .live_btn {
  margin-top: 40px;
}

.cor_live_banner .wel_live_good_ani {
  right: 480px;
  top: 360px;
}

.cor_live_banner .liv_prod_img {
  overflow: hidden;
  width: 264px;
  height: 397px;
  background-color: #fff;
  border-radius: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 100px;
}

.cor_live_banner .liv_prod_img .prod_img {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.cor_live_banner .liv_prod_img .prod_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}

.cor_live_banner .btm_thumb {
  padding: 9px 10px;
}

.cor_live_banner .swiper_control {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -87px;
}

.cor_live_banner .swiper-button-next:after,
.cor_live_banner .swiper-button-prev:after {
  left: 474px;
  background: #fff url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/kyobo/btn_swiper_arr_white@2x.png") center no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 44px 44px;
}

.cor_live_banner .swiper-button-next:hover:after,
.cor_live_banner .swiper-button-prev:hover:after {
  background: #fff url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/kyobo/btn_swiper_arr_white@2x.png") center no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 44px 44px;
}

.cor_live_banner .swiper-pagination {
  height: 36px;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0);
}

.cor_live_banner .swiper-pagination .swiper-pagination-current,
.cor_live_banner .swiper-pagination .swiper-pagination-total {
  font-size: 16px;
  line-height: 38px;
  color: #9F9F9F;
}

.cor_live_banner .swiper-pagination .swiper-pagination-current {
  font-weight: 600;
  color: #000;
}

.cor_live_banner .swiper-pagination.swiper-pagination-fraction {
  bottom: 26px;
}

/* liv_txt_list */
.liv_txt_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 2;
}

.liv_txt_list .liv_timeline_marker {
  margin: 0 0 17px 0;
  padding-right: 0;
}

.liv_txt_list .liv_timeline_marker p {
  margin-right: 10px;
  font-weight: 700;
}

.liv_txt_list .liv_timeline_marker > strong.on {
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
}

.liv_txt_list .title {
  width: 50%;
  margin-bottom: 12px;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -1px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
}

.liv_txt_list .sub_title {
  width: 50%;
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
}

.liv_txt_list .liv_btn_area {
  margin-top: 42px;
  text-align: left;
}

.liv_txt_list .liv_btn_area a, .liv_txt_list .liv_btn_area button {
  min-width: auto;
  padding: 0 29px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 500;
}

.liv_txt_list .liv_btn_area .btn_line_gray {
  padding-top: 0;
}

.liv_txt_list .btn_liv_alarm {
  border-color: #000;
}

.liv_txt_list .btn_liv_alarm span {
  position: relative;
  padding-left: 22px;
}

.liv_txt_list .btn_liv_alarm span:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_bell.svg") center/100% no-repeat;
  content: "";
}

/* alarm_chk02 */
.alarm_chk02 {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.alarm_chk02 input[type="checkbox"] {
  position: absolute;
  left: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}

.alarm_chk02 input[type="checkbox"] + label {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_wel_live_alarm02.svg") center/100% no-repeat;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
  z-index: 1;
}

.alarm_chk02 input[type="checkbox"]:checked + label {
  background-image: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_wel_live_alarm_on2.png");
}

/*** 라이브 이벤트 당첨자  발표 : .liv_notice ***/
.liv_notice {
  margin-top: 110px;
}

.liv_notice .ht_tit_big02 img {
  height: 46px;
  margin: -6px 0 0 10px;
  vertical-align: top;
}

/* liv_notice_li */
.liv_notice_li {
  position: relative;
  max-width: 788px;
  margin: 0 auto;
  border-top: 1px solid #000;
}

.liv_notice_li .li {
  position: relative;
  padding: 20px 1px 18px 1px;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
}

.liv_notice_li .li a {
  display: block;
  overflow: hidden;
}

.liv_notice_li .li p {
  float: left;
  max-width: 85%;
  color: #000;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.liv_notice_li .li span {
  display: block;
  float: right;
  width: 15%;
  margin-top: 2px;
  color: #767676;
  font-size: 13px;
  line-height: 19px;
  text-align: right;
}

/*** 미리 만나는 라이브 : .liv_meet ***/
.liv_meet.liv_m1 .liv_new_msg {
  right: 364px;
  top: 52px;
}

.liv_meet.liv_m2 .liv_new_msg {
  right: 673px;
  top: 52px;
}

/* liv_list */
.liv_list {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #000;
  border-radius: 12px;
  padding: 14px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.liv_list .li {
  position: relative;
  width: 376px;
  float: left;
  margin-right: 36px;
}

.liv_list .li:last-of-type {
  margin-right: 0;
}

.liv_list .li .img {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.liv_list .li .img .img_a {
  position: relative;
  height: 0;
  padding-top: 150%;
  background: #f7f7f7 center/cover no-repeat;
}

.liv_list .li .img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  content: "";
}

.liv_list .li .liv_link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 2;
}

.liv_list .wel_live_time {
  position: absolute;
  left: 0;
  top: 200px;
  width: 100%;
  color: #fff;
  text-align: center;
  z-index: 1;
}

.liv_list .wel_live_time span {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.liv_list .wel_live_time em {
  font-family: 'Gmarket Sans';
}

.liv_list .wel_live_time p {
  margin-top: 7px;
  font-size: 58px;
  font-weight: 700;
  line-height: 54px;
}

.liv_list .txt {
  margin-top: 15px;
}

.liv_list .txt .s1 {
  position: relative;
  min-height: 50px;
  padding-right: 70px;
}

.liv_list .txt .s1 span {
  display: block;
  color: #FF2700;
  font-weight: 500;
  line-height: 22px;
  font-size: 15px;
}

.liv_list .txt .s1 strong {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.liv_list .txt .s1 .alarm_chk02 {
  position: absolute;
  right: 35px;
  top: -35px;
}

.liv_list .txt .s1 .wel_live_date .date_2 {
  margin-left: 0;
  padding-top: 1px;
}

.liv_list .txt .s1 .wel_live_date .date_1 {
  margin-right: 6px;
}

.liv_list .txt .s1 + .s2 {
  margin-top: 8px;
}

.liv_list .txt .s2 {
  padding-right: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1px;
}

.liv_list .txt .s2 p:first-of-type {
  min-height: 48px;
}

.liv_list .txt .s2 a {
  display: inline-block;
  margin-top: 9px;
  color: #595959;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}

.liv_list .txt .s2 a span {
  display: inline-block;
  position: relative;
  padding-right: 9px;
}

.liv_list .txt .s2 a span:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: none;
  border: solid #767675;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  overflow: hidden;
}

.liv_list .li:only-child,
.liv_list .li:first-child:nth-last-child(2),
.liv_list .li:first-child:nth-last-child(2) ~ .li {
  width: 582px;
}

.liv_list .li:only-child .img,
.liv_list .li:first-child:nth-last-child(2) .img,
.liv_list .li:first-child:nth-last-child(2) ~ .li .img {
  width: 250px;
  float: left;
}

.liv_list .li:only-child .wel_live_time,
.liv_list .li:first-child:nth-last-child(2) .wel_live_time,
.liv_list .li:first-child:nth-last-child(2) ~ .li .wel_live_time {
  top: 130px;
}

.liv_list .li:only-child .wel_live_time p,
.liv_list .li:first-child:nth-last-child(2) .wel_live_time p,
.liv_list .li:first-child:nth-last-child(2) ~ .li .wel_live_time p {
  font-size: 44px;
  margin-top: 5px;
  line-height: 1;
}

.liv_list .li:only-child .btm_thumb,
.liv_list .li:first-child:nth-last-child(2) .btm_thumb,
.liv_list .li:first-child:nth-last-child(2) ~ .li .btm_thumb {
  padding: 9px 10px;
}

.liv_list .li:only-child .txt,
.liv_list .li:first-child:nth-last-child(2) .txt,
.liv_list .li:first-child:nth-last-child(2) ~ .li .txt {
  position: absolute;
  right: 0;
  top: 50%;
  width: calc(100% - 273px);
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.liv_list .txt .s2 .live_btn {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.liv_list .txt .s2 .btn_wel_live {
  margin-top: 0;
  line-height: 36px;
}

.liv_list .txt .s2 .btn_wel_live + .btn_wel_live {
  margin-left: 10px;
}

.liv_list .txt .s2 .btn_wel_live.liveBtn {
  background-color: #fff;
  border-color: #c2c2c2;
}

.liv_list .txt .s2 .btn_wel_live.liveBtn.on {
  color: #FF2700;
}

.liv_list .txt .s2 .btn_wel_live.liveBtn.on span:after {
  border-color: #FF2700;
}

@-webkit-keyframes btn_wel_live {
  0% {
    -webkit-transform: rotate(0deg) scale(5);
    transform: rotate(0deg) scale(5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(5);
    transform: rotate(360deg) scale(5);
  }
}

@keyframes btn_wel_live {
  0% {
    -webkit-transform: rotate(0deg) scale(5);
    transform: rotate(0deg) scale(5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(5);
    transform: rotate(360deg) scale(5);
  }
}

/* .btm_thumb */
.btm_thumb {
  position: absolute;
  width: 100%;
  padding: 20px;
  background-color: rgba(51, 51, 51, 0.4);
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 4;
}

.btm_thumb > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btm_thumb .img_thumb {
  float: left;
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
}

.btm_thumb .img_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.btm_thumb .info_thumb {
  float: left;
  margin-left: 10px;
  width: calc(100% - 70px);
}

.btm_thumb .info_thumb span {
  display: inline-block;
  color: #fff;
}

.btm_thumb .info_thumb .tit {
  width: 100%;
  margin-bottom: -1px;
  font-size: 13px;
  font-weight: 700;
  line-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.btm_thumb .info_thumb .rate,
.btm_thumb .info_thumb .price {
  margin-right: 2px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  vertical-align: top;
}

.btm_thumb .info_thumb .rate {
  color: #da2128;
}

.btm_thumb .info_thumb .origin {
  color: #ccc;
  font-size: 13px;
  line-height: 22px;
  vertical-align: top;
  text-decoration: line-through;
}

.btm_thumb.ty_sm {
  padding: 10px;
}

.btm_thumb.ty_sm .img_thumb {
  width: 40px;
  height: 40px;
}

.btm_thumb.ty_sm .info_thumb {
  width: calc(100% - 50px);
}

.btm_thumb.ty_sm .info_thumb .tit {
  margin-bottom: -5px;
  font-size: 12px;
  line-height: 18px;
}

.btm_thumb.ty_sm .info_thumb .rate,
.btm_thumb.ty_sm .info_thumb .price {
  margin-right: 0;
  font-size: 12px;
  line-height: 19px;
}

.btm_thumb.ty_sm .info_thumb .origin {
  font-size: 12px;
  line-height: 19px;
}

/* liv_new_msg */
.liv_new_msg {
  position: absolute;
  right: 808px;
  top: 583px;
  z-index: 5;
}

.liv_new_msg p {
  position: relative;
  right: 7px;
  top: -37px;
  padding: 13px 20px 11px 20px;
  background: #d4ff1a;
  border: solid #000;
  border-width: 3px;
  border-radius: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  -webkit-animation: livNewMsg both infinite 5s;
  animation: livNewMsg both infinite 5s;
  -webkit-transform-origin: 80% 85%;
  -ms-transform-origin: 80% 85%;
  transform-origin: 80% 85%;
}

.liv_new_msg p:before {
  position: absolute;
  right: 22px;
  bottom: -11px;
  width: 0;
  height: 0;
  border-top: 10px solid #000;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  z-index: 2;
}

.liv_new_msg p:after {
  position: absolute;
  right: 22px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-top: 10px solid #d4ff1a;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  z-index: 2;
}

.liv_new_msg p em {
  position: absolute;
  right: 15px;
  top: -20px;
  width: 34px;
  height: 34px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_liv_msg.svg") center/100% no-repeat;
  content: "";
}

@-webkit-keyframes livNewMsg {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%) scale(0.6);
    transform: translateY(50%) scale(0.6);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(50%) scale(0.6);
    transform: translateY(50%) scale(0.6);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
  }
  95% {
    opacity: 1;
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50%) scale(0.6);
    transform: translateY(50%) scale(0.6);
  }
}

@keyframes livNewMsg {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%) scale(0.6);
    transform: translateY(50%) scale(0.6);
  }
  10% {
    opacity: 0;
    -webkit-transform: translateY(50%) scale(0.6);
    transform: translateY(50%) scale(0.6);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
  }
  95% {
    opacity: 1;
    -webkit-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(50%) scale(0.6);
    transform: translateY(50%) scale(0.6);
  }
}

/*** 라이브 다시보기 : .liv_replay ***/
.liv_replay {
  margin-top: 110px;
}

.liv_replay .ht_tit_big02 img {
  height: 40px;
  margin-left: 10px;
  vertical-align: top;
}

/* liv_replay_wrap */
.liv_replay_wrap {
  position: relative;
}

.liv_replay_wrap .swiper_control_bk .swiper-button-prev,
.liv_replay_wrap .swiper_control_bk .swiper-button-next {
  top: 145px;
  margin-top: 0;
}

/* liv_replay_cont */
.liv_replay_cont {
  overflow: hidden;
}

.liv_replay_cont.swiper-initialized {
  margin: 0;
}

.liv_replay_cont.swiper-initialized .swiper-slide {
  width: 100%;
  margin: 0;
}

.liv_replay_cont .swiper-slide {
  position: relative;
  width: 211px;
  margin-right: 36px;
}

.liv_replay_cont .swiper-slide:last-of-type {
  margin-right: 0;
}

.liv_replay_cont .swiper-slide img {
  width: 100%;
}

.liv_replay_cont .img {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.liv_replay_cont .img_a {
  position: relative;
  height: 0;
  padding-top: 150%;
  background: #f7f7f7 center/cover no-repeat;
}

.liv_replay_cont .txt {
  margin-top: 12px;
}

.liv_replay_cont .txt .s1 {
  max-height: 48px;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: keep-all;
}

/*** 라이브 캘린더 : .liv_calendar ***/
.liv_calendar {
  position: relative;
  padding: 113px 0 0 0;
}

.calendar_tab_wrap {
  position: absolute;
  left: -30px;
  top: -24px;
  width: calc(100% - 80px);
  background: #000;
  padding: 15px 70px;
  overflow: hidden;
  z-index: 10;
}

.calendar_tab_wrap.swiper-on .swiper_control {
  display: block;
  margin: 0;
  height: 0;
}

.calendar_tab_wrap.swiper-on .swiper-button-prev,
.calendar_tab_wrap.swiper-on .swiper-button-next {
  top: -67px;
  width: 8px;
  height: 67px;
  background: none;
}

.calendar_tab_wrap.swiper-on .swiper-button-prev {
  left: -239px;
}

.calendar_tab_wrap.swiper-on .swiper-button-prev:after {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_arrow_prev_white.svg") no-repeat center/6px;
  border: none;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.calendar_tab_wrap.swiper-on .swiper-button-next {
  left: 239px;
}

.calendar_tab_wrap.swiper-on .swiper-button-next:after {
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/ico_arrow_prev_white.svg") no-repeat center/6px;
  border: none;
  border: none;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dialog_wrapper .ui-dialog .dialog_wrap.ui-dialog-content .dialog_contents.liv_pop {
  overflow: visible;
}

/* calendar_tab */
.calendar_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}

.calendar_tab .swiper-slide {
  width: 60px;
  padding: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.calendar_tab .li {
  display: block;
  position: relative;
  width: 48px;
  height: 67px;
  margin: 0 auto;
  border-radius: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.calendar_tab .li em {
  display: block;
  position: relative;
  padding-top: 5px;
  color: #767676;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
}

.calendar_tab .li span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.6px;
}

.calendar_tab .li.hue span {
  color: #767676;
}

.calendar_tab .li:disabled {
  cursor: default;
}

.calendar_tab .li:disabled em:before {
  display: none;
}

.calendar_tab .li.live em:before {
  position: absolute;
  left: 50%;
  top: 0;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background: #797979;
  border-radius: 50%;
  content: "";
}

.calendar_tab .on .li {
  background: #fff;
  color: #000;
}

.calendar_tab .on .li em {
  color: #000;
}

.calendar_tab .today .li.live em:before {
  background-color: #da2128;
}

/* .ht_msg_box */
.ht_msg_box {
  position: relative;
  margin: 0 0 60px 0;
  text-align: center;
}

.ht_msg_box .ico img {
  width: 80px;
}

.ht_msg_box .ico + .txt {
  margin-top: 20px;
}

.ht_msg_box .txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -1px;
}

/* liv_timeline */
.liv_timeline {
  position: relative;
}

.liv_timeline:before {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 1px;
  height: calc(100% - 74px);
  border-left: 1px dashed #000;
  content: "";
}

.liv_timeline .li {
  position: relative;
  margin-bottom: 40px;
}

.liv_timeline .li:before {
  position: absolute;
  left: 12px;
  top: 9px;
  width: 9px;
  height: 9px;
  background: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  z-index: 2;
}

.liv_timeline .li:last-child {
  margin-bottom: 0;
}

/* liv_timeline_marker */
.liv_timeline_marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 26px;
  margin: 0 0 17px 25px;
  overflow: hidden;
  border-radius: 18px;
}

.liv_timeline_marker > strong {
  display: inline-block;
  position: relative;
  height: 26px;
  margin-right: 10px;
  padding: 1px 10px 0 10px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  overflow: hidden;
  vertical-align: top;
  z-index: 3;
}

.liv_timeline_marker > strong.on {
  background-color: #ff2700;
}

.liv_timeline_marker > strong.on em {
  position: relative;
  padding-left: 12px;
}

.liv_timeline_marker > strong.on em:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 9px;
  margin-top: -5px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_wel_live_btn02.svg") center/100% no-repeat;
  content: "";
}

.liv_timeline_marker > strong.ing {
  background-color: #FF2700;
  border-radius: 19px;
}

.liv_timeline_marker > strong.ing:before {
  content: "";
  /*display:inline-block;
								width:8px;height:9px;
								background:url('http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/icon_live_detail.png') center no-repeat;
								background-size: 8px 9px;*/
  position: absolute;
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 10px solid #fff;
  border-radius: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}

.liv_timeline_marker > strong.ing:after {
  content: "";
  /*display:inline-block;
							margin-left:2px;
							font-size:14px;*/
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 14px;
}

.liv_timeline_marker > strong.ing i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(42%, #f00), color-stop(50%, #ffc400), color-stop(58%, #f00)) center no-repeat;
  background: -webkit-linear-gradient(left, #f00 42%, #ffc400 50%, #f00 58%) center no-repeat;
  background: -o-linear-gradient(left, #f00 42%, #ffc400 50%, #f00 58%) center no-repeat;
  background: linear-gradient(90deg, #f00 42%, #ffc400 50%, #f00 58%) center no-repeat;
  background-origin: border-box;
  content: "";
  -webkit-animation: btn_wel_live 2.2s linear infinite;
  animation: btn_wel_live 2.2s linear infinite;
}

.liv_timeline_marker > strong.ing em {
  position: relative;
  color: #ff2700;
  z-index: 2;
}

.liv_timeline_marker > strong.d_day {
  background-color: #fff;
  color: #ff2700;
  border: 1px solid #ff2700;
}

.liv_timeline_marker p {
  padding-top: 4px;
  color: #000;
  font-size: 16px;
}

.liv_timeline_marker p strong {
  font-weight: 500;
}

.liv_timeline_marker p.t_point {
  color: #fc0000;
}

/* liv_timeline_box */
.liv_timeline_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  background: #fff;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-radius: 12px;
  overflow: hidden;
}

.liv_timeline_box:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
}

.liv_timeline_box .img {
  position: relative;
  width: 140px;
}

.liv_timeline_box .img .img_a {
  position: relative;
  height: 0;
  padding-top: 150%;
  background: #f7f7f7 center/cover no-repeat;
}

.liv_timeline_box .liv_time_info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  z-index: 2;
}

.liv_timeline_box .liv_time_info p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
}

.liv_timeline_box .liv_time_info strong {
  font-family: 'Gmarket Sans';
  font-size: 28px;
}

.liv_timeline_box .txt {
  width: calc(100% - 160px);
  margin-left: 20px;
}

.liv_timeline_box .txt .s1 {
  position: relative;
  min-height: 48px;
  padding-right: 95px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.liv_timeline_box .txt .s1 > p {
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.liv_timeline_box .txt .s1 .alarm_chk02 {
  position: absolute;
  right: 30px;
  top: -1px;
}

.liv_timeline_box .txt .s1 + .s2 {
  margin-top: 20px;
}

.liv_timeline_box .txt .s2 {
  position: relative;
  padding: 0 30px 0 100px;
}

.liv_timeline_box .txt .s2 .img_s {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 0;
  padding-top: 80px;
  background: #f7f7f7;
  border-radius: 4px;
  overflow: hidden;
}

.liv_timeline_box .txt .s2 .img_s img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.liv_timeline_box .txt .s2 .txt_s {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  line-height: 18px;
  z-index: 2;
}

.liv_timeline_box .txt .s2 .txt_s .c1 {
  color: #595959;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -1px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.liv_timeline_box .txt .s2 .txt_s .c2 {
  margin-top: 5px;
  color: #000;
  font-size: 0;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.liv_timeline_box .txt .s2 .txt_s .c2 strong {
  padding-right: 4px;
  color: #da2128;
  font-size: 16px;
}

.liv_timeline_box .txt .s2 .txt_s .c2 span {
  padding-right: 4px;
  font-size: 16px;
}

.liv_timeline_box .txt .s2 .txt_s .c2 em {
  display: inline-block;
  color: #ccc;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
}

/* liv_btn */
.liv_btn {
  margin-top: 20px;
  text-align: center;
  overflow: hidden;
}

.liv_btn a, .liv_btn button {
  display: inline-block;
  height: 44px;
  padding: 0 28px;
  border: 1px solid #ccc;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  line-height: 44px;
}

.liv_btn a.on, .liv_btn button.on {
  border: 1px solid #000;
}

.liv_btn a.on span, .liv_btn button.on span {
  padding-left: 12px;
  font-weight: 700;
  position: relative;
}

.liv_btn a.on span:before, .liv_btn button.on span:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 9px;
  margin-top: -5px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_wel_live_btn03.svg") center/100% no-repeat;
  content: "";
}

/*** 라이브 상세 ***/
/* liv_logo */
.liv_logo {
  padding-bottom: 20px;
}

.liv_logo .ht_tit_big {
  margin-bottom: 0;
  text-align: center;
}

.liv_logo .logo {
  width: 135px;
}

.liv_logo img:nth-of-type(2) {
  width: 77px;
  margin-left: -4px;
}

.liv_logo .prod_share_area {
  top: 50px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* liv_detail */
.liv_detail {
  position: relative;
  overflow: hidden;
  height: 600px;
}

.liv_detail .bg_img {
  position: absolute;
  left: 50%;
  top: 0;
  max-width: 1920px;
  height: 600px;
  background-color: #f7f7f7;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.liv_detail .btn_wel_live.on {
  color: #f00;
}

.liv_detail .btn_wel_live.on:before {
  border-color: #fff;
}

.liv_detail .btn_wel_live.on:after {
  background-color: #fff;
}

.liv_detail .liv_txt_list .title,
.liv_detail .liv_txt_list .sub_title {
  -o-text-overflow: inherit;
  text-overflow: inherit;
  -webkit-line-clamp: inherit;
  overflow: inherit;
}

.liv_detail .liv_timeline_marker > strong.ing i {
  display: none;
}

.breadcrumb_wrap ~ .liveDetail {
  margin-top: 0 !important;
}

.liveDetail .welLiveTit {
  height: 180px;
}

.liveDetail .welLiveTit:after {
  display: none;
}

.liveDetail .welLiveTit .bg_light {
  left: 50%;
  margin-left: -286px;
}

.liveDetail .liv_txt_list .liv_btn_area button {
  border-radius: 30px;
}

/* 라이브 소개 : .liv_intro */
.liv_intro {
  background-color: #fafafa;
}

/* view_cont_area */
.view_cont_area {
  text-align: center;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
  word-break: keep-all;
}

.view_cont_area strong {
  color: #000;
  font-weight: 700;
}

.view_cont_area .t_point {
  color: #da2128;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.view_cont_area img {
  max-width: 100%;
}

.hot_symbol {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 4px 0 0 3px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/hot_symbol.svg") center/14px no-repeat;
  vertical-align: top;
}

/* 브랜드명 행사 상품 : .prod4_banner */
.prod4_banner .evt_products {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: -40px 0 0 0;
}

.prod4_banner .prod_item {
  margin: 40px 36px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ht_reloadCmtDiv + .ht_under_banner_area {
  padding-top: 60px;
}

/***** 큐레이션 *****/
/*** 큐레이션 : .cur_main ***/
.wel_curation.cur_main .cur_eyebrow {
  position: relative;
  margin-bottom: 16px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  letter-spacing: 10px;
}

.wel_curation.cur_main .cur_eyebrow span {
  display: inline-block;
  position: relative;
  padding: 0 1px;
  color: #000;
  z-index: 1;
}

.wel_curation.cur_main .cur_eyebrow span:before {
  position: absolute;
  left: -7px;
  top: 9px;
  width: calc(100% + 4px);
  height: 16px;
  background: #2ff37d;
  content: "";
  z-index: 0;
  -webkit-animation: pointLine2 both ease-in infinite 6s;
  animation: pointLine2 both ease-in infinite 6s;
  z-index: -1;
}

.wel_curation.cur_main .ht_tit_big img {
  width: 520px;
}

.wel_curation.cur_main.ht_cont {
  padding: 60px 0 80px;
}

.wel_curation.cur_main .wel_curation_cont .ico_bg_warp img:nth-child(2) {
  bottom: -80px;
}

/*** 이럴 땐? 이런상품 : .cur_prod ***/
.cur_prod {
  padding: 60px 20px;
  /*
    .tab_ty {
        margin-bottom:20px;
    }*/
}

.cur_prod .ht_tit_big02 {
  font-family: 'Gmarket Sans';
  font-weight: 500;
  letter-spacing: -0.38px;
  margin-bottom: 17px;
}

.cur_prod .ht_tit_big02 img {
  display: inline-block;
  width: 39px;
  margin: -19px 0 -20px 7px;
}

.cur_prod .cur_prod_content {
  border: 2px solid #000;
  border-radius: 12px;
  padding: 28px 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cur_prod .cur_prod_top {
  display: table;
  width: 100%;
}

.cur_prod .cur_prod_top .cur_prod_txt_warp {
  display: table-cell;
  padding-right: 70px;
  padding-left: 70px;
  vertical-align: middle;
}

.cur_prod .cur_prod_top .cur_prod_txt_warp strong {
  font-size: 30px;
  line-height: 40px;
}

.cur_prod .cur_prod_top .cur_prod_txt_warp p {
  margin-top: 11px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -0.15px;
}

.cur_prod .cur_prod_top .cur_prod_txt_warp .round_ty {
  padding: 0 !important;
  margin-top: 18px;
}

.cur_prod .cur_prod_top .cur_prod_txt_warp .round_ty span {
  height: 34px;
  margin-top: 6px;
  margin-left: 6px;
  color: #000;
  font-size: 12px;
  line-height: 32px;
  cursor: pointer;
}

.cur_prod .cur_prod_top .cur_prod_txt_warp .round_ty span:first-child {
  margin-left: 0;
}

.cur_prod .cur_prod_top .cur_prod_detail {
  float: right;
  width: 443px;
  height: 289px;
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}

.cur_prod .cur_prod_top .cur_prod_detail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

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

/* .cur_prod_bottom : 이럴 땐, 이런 상품, What’s in your bag 하단 컨텐츠 */
.cur_prod_bottom .cur_prod_wrapper:after {
  clear: both;
  display: block;
  content: "";
}

.cur_prod_bottom .cur_prod_item {
  position: relative;
  float: left;
  width: calc(20% - 16px);
  margin-top: 20px;
  margin-left: 20px;
}

.cur_prod_bottom .cur_prod_item:first-child {
  margin-left: 0;
}

.cur_prod_bottom .cur_prod_item .cur_product_pic {
  position: relative;
  height: 0;
  padding-top: 100%;
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}

.cur_prod_bottom .cur_prod_item .cur_product_pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.cur_prod_bottom .cur_prod_item .cur_product_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 12px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding: 12px 21px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .title {
  display: -webkit-box;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.14px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .price_line {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .desc {
  position: relative;
  margin-bottom: 21px;
  padding-top: 19px;
  padding-right: 20px;
  color: #fff;
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .desc:before {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -9px;
  height: 26px;
  font-family: 'Gmarket Sans';
  font-size: 51px;
  content: "“";
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .desc:after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 26px;
  font-family: 'Gmarket Sans';
  font-size: 51px;
  content: "”";
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .desc p {
  display: -webkit-box;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cur_prod_bottom .cur_prod_item .cur_product_info_inner .desc + .title {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px dashed rgba(255, 255, 255, 0.4);
  font-weight: 400;
}

.cur_prod_bottom .cur_prod_item a:hover .cur_product_info {
  opacity: 1;
}

.cur_prod_bottom .cur_prod_item a:hover .cur_product_info_inner {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*** What’s in your bag : .cur_new ***/
.cur_new {
  padding-top: 37px;
  overflow: hidden;
}

.cur_new .ht_tit_big02 {
  margin-bottom: 20px;
  font-family: 'Gmarket Sans';
  font-weight: 500;
  letter-spacing: -1px;
}

.cur_new .cur_prod_bottom .cur_prod_item {
  width: calc(20% - 29px);
  margin-left: 36px;
}

.cur_new .cur_prod_bottom .cur_prod_item:first-child {
  margin-left: 0;
}

.cur_new .cur_new_top {
  display: table;
  width: 100%;
}

.cur_new .cur_new_top .cur_new_vis {
  width: 688px;
}

.cur_new .cur_new_top .cur_new_vis img {
  width: 100%;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_img-warp {
  height: 387px;
  background-color: #f7f7f7;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_img-warp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md {
  display: table;
  width: 100%;
  height: 112px;
  padding: 21px 31px;
  background: #292929;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md .md_thumb {
  float: left;
  width: 68px;
  height: 68px;
  border: 1px solid #000;
  border-radius: 50%;
  overflow: hidden;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md .md_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md:after {
  display: block;
  clear: both;
  content: "";
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md .md_desc {
  display: table-cell;
  width: 100%;
  padding-top: 2px;
  padding-left: 21px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md .md_desc .md_desc_table p {
  width: 535px;
}

.cur_new .cur_new_top .cur_new_vis .cur_new_md .md_desc .md_name {
  font-weight: 700;
}

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

.cur_new .cur_new_top .cur_new_txt_warp {
  display: table-cell;
  position: relative;
  min-width: 511px;
  padding: 28px;
  border: 2px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.cur_new .cur_new_top .cur_new_txt_warp strong {
  display: inline-block;
  position: relative;
  padding: 2px 36px 0;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.2px;
  /*display:-webkit-box;position:relative;padding:2px 36px 0;font-size:20px;line-height:30px;letter-spacing:-0.2px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;*/
}

.cur_new .cur_new_top .cur_new_txt_warp strong:before {
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 15px;
  height: 26px;
  font-family: 'Gmarket Sans';
  font-size: 51px;
  content: "“";
}

.cur_new .cur_new_top .cur_new_txt_warp strong:after {
  display: inline-block;
  position: absolute;
  right: 3px;
  top: 15px;
  height: 26px;
  font-family: 'Gmarket Sans';
  font-size: 51px;
  content: "”";
}

.cur_new .cur_new_top .cur_new_txt_warp p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
}

.cur_new .cur_new_top .cur_new_txt_warp:before {
  position: absolute;
  right: 58px;
  bottom: -32px;
  width: 0;
  height: 0;
  border-left: 32px solid #000;
  border-bottom: 40px solid transparent;
  content: "";
  z-index: 2;
}

.cur_new .cur_new_top .cur_new_txt_warp:after {
  position: absolute;
  right: 57px;
  bottom: -27px;
  width: 0;
  height: 0;
  border-left: 31px solid #fff;
  border-bottom: 39px solid transparent;
  content: "";
  z-index: 2;
}

.cur_new .cur_prod_bottom {
  margin-top: 28px;
}

/* cur_new_img */
.cur_new_img {
  margin: 0 -20px;
  overflow: hidden;
}

.cur_new_img img {
  width: 100%;
}

.movie_frame {
  position: relative;
  height: 0;
  padding-top: 56.2%;
}

.movie_frame iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 이럴 땐? 이런상품 : 배너 - .cur_prod_swiper_area */
.cur_prod_swiper_area,
.cur_prod_swiper_area02 {
  position: relative;
}

.cur_prod_swiper_pagn_area,
.cur_prod_swiper_pagn_area02 {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.cur_prod_swiper_pagn_area .swiper_control,
.cur_prod_swiper_pagn_area02 .swiper_control {
  position: static;
  margin-top: 0;
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-prev,
.cur_prod_swiper_pagn_area .swiper_control .swiper-button-next,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-prev,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-prev:before,
.cur_prod_swiper_pagn_area .swiper_control .swiper-button-next:before,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-prev:before,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-next:before {
  position: absolute;
  left: -10px;
  top: -100%;
  width: calc(100% + 10px);
  height: 300%;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(60%, white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 20%, white 60%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 20%, white 60%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, white 60%);
  content: "";
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-prev:after,
.cur_prod_swiper_pagn_area .swiper_control .swiper-button-next:after,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-prev:after,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-next:after {
  border-color: #000;
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-prev.swiper-button-disabled,
.cur_prod_swiper_pagn_area .swiper_control .swiper-button-next.swiper-button-disabled,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-prev.swiper-button-disabled,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-next.swiper-button-disabled {
  display: none;
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-prev:hover:after,
.cur_prod_swiper_pagn_area .swiper_control .swiper-button-next:hover:after,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-prev:hover:after,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-next:hover:after {
  background: #000 url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/btn_banner_pagn_w.svg") center no-repeat;
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-prev,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-prev {
  left: 0;
}

.cur_prod_swiper_pagn_area .swiper_control .swiper-button-next,
.cur_prod_swiper_pagn_area02 .swiper_control .swiper-button-next {
  left: initial;
  right: 0;
}

.cur_prod_swiper_pagn_area .swiper-wrapper,
.cur_prod_swiper_pagn_area02 .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 0;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet {
  position: relative;
  width: auto;
  height: auto;
  display: block;
  margin: 0 10px 0 0 !important;
  padding: 13px 20px 12px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  color: #595959;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  white-space: nowrap;
  text-align: center;
  opacity: 1;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet:last-child,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet:last-child {
  margin-right: 0 !important;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet span,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet span {
  position: relative;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet:before,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet:first-child,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet:hover:before,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet:hover:before {
  background-color: #f4f4f4;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet.swiper-pagination-bullet-active,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #fff;
  font-weight: 700;
}

.cur_prod_swiper_pagn_area .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: #000;
  border-color: #000;
}

.cur_prod_swiper_pagn_area.len .swiper-wrapper,
.cur_prod_swiper_pagn_area02.len .swiper-wrapper {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.cur_prod_swiper_pagn_area02 {
  position: relative;
  overflow: hidden;
}

.cur_prod_swiper_pagn_area02 .cur_prod_swiper_area_inner {
  position: relative;
  width: 890px;
  margin: 0 auto;
  overflow: hidden;
}

.cur_prod_swiper_pagn_area02 .swiper-pagination-bullet {
  width: 50px;
  height: 50px;
  padding: 1px 0 0 0;
  line-height: 50px;
}

.cur_prod_swiper_pagn_area02.len .swiper_control {
  display: block;
}

.cur_prod_swiper_area02 .swiper_control_bk .swiper-button-prev,
.cur_prod_swiper_area02 .swiper_control_bk .swiper-button-next {
  top: 227px;
  margin-top: 0;
}

/*** 라이프스타일 큐레이션: .cur_life_detail ***/
.cur_life_detail .wel_curation_cont .curation_box_list_warp {
  width: 584px;
  height: 690px;
  padding: 0;
}

.cur_life_detail .wel_curation_cont .curation_box_list_warp > .curation_box_list:nth-child(1) {
  height: 690px;
  width: 100%;
  padding: 0;
  border: 0;
  border-right: 2px solid #000;
}

.cur_life_detail .wel_curation_cont .curation_box_list_warp .curation_box_list .curation_box {
  height: 690px;
  padding: 0;
}

/* cur_detail */
.cur_detail {
  display: table;
  border: 2px solid #000;
}

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

.cur_detail .cur_detail_txt strong {
  position: relative;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -0.3px;
}

.cur_detail .cur_detail_txt strong:before {
  display: inline-block;
  position: absolute;
  top: -67px;
  width: 50px;
  height: 50px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_cur_curation02.svg") no-repeat;
  background-size: contain;
  content: "";
}

.cur_detail .cur_detail_txt strong span {
  display: block;
  position: relative;
}

.cur_detail .cur_detail_txt strong span em {
  display: inline-block;
  position: relative;
}

.cur_detail .cur_detail_txt strong span em i {
  position: relative;
  font-style: normal;
}

.cur_detail .cur_detail_txt strong span em:before {
  position: absolute;
  left: -2px;
  top: 26px;
  width: calc(100% + 4px);
  height: 14px;
  background: #fffe58;
  content: "";
  z-index: 0;
  -webkit-animation: pointLineA both ease-in infinite 8s;
  animation: pointLineA both ease-in infinite 8s;
}

.cur_detail .cur_detail_txt strong span:nth-child(2) em:before {
  -webkit-animation: pointLineA2 both ease-in infinite 8s;
  animation: pointLineA2 both ease-in infinite 8s;
}

.cur_detail .cur_detail_txt strong span:nth-child(3) em:before {
  -webkit-animation: pointLineA3 both ease-in infinite 8s;
  animation: pointLineA3 both ease-in infinite 8s;
}

@-webkit-keyframes pointLineA {
  0% {
    width: 0;
  }
  7% {
    width: calc(100% + 4px);
  }
  100% {
    width: calc(100% + 4px);
  }
}

@keyframes pointLineA {
  0% {
    width: 0;
  }
  7% {
    width: calc(100% + 4px);
  }
  100% {
    width: calc(100% + 4px);
  }
}

@-webkit-keyframes pointLineA2 {
  0% {
    width: 0;
  }
  7% {
    width: 0;
  }
  14% {
    width: calc(100% + 4px);
  }
  100% {
    width: calc(100% + 4px);
  }
}

@keyframes pointLineA2 {
  0% {
    width: 0;
  }
  7% {
    width: 0;
  }
  14% {
    width: calc(100% + 4px);
  }
  100% {
    width: calc(100% + 4px);
  }
}

@-webkit-keyframes pointLineA3 {
  0% {
    width: 0;
  }
  14% {
    width: 0;
  }
  21% {
    width: calc(100% + 4px);
  }
  100% {
    width: calc(100% + 4px);
  }
}

@keyframes pointLineA3 {
  0% {
    width: 0;
  }
  14% {
    width: 0;
  }
  21% {
    width: calc(100% + 4px);
  }
  100% {
    width: calc(100% + 4px);
  }
}

.cur_detail .cur_detail_txt p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
}

.cur_detail .btn_cur_view,
.cur_detail .curation_tab_box {
  display: none;
}

.cur_detail_txt_warp {
  display: table-cell;
  position: relative;
  width: 52.3%;
  padding: 62px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.cur_detail_txt_warp .point_line.ty11:before {
  background: #fffe58;
  height: 14px;
}

.cur_detail_txt_warp:before {
  position: absolute;
  right: 34px;
  top: 33px;
  width: 62px;
  height: 64px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_wel_curation01.svg") center no-repeat;
  content: "";
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.cur_detail_txt_warp:after {
  position: absolute;
  right: 23px;
  bottom: 35px;
  width: 140px;
  height: 130px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_cur_curation01.svg") center no-repeat;
  content: "";
}

/*** What’s in your bag : 전체 - .cur_new_detail ***/
.cur_new_detail {
  padding-top: 0;
}

.cur_new_detail .ht_tit_big02 {
  margin-bottom: 20px;
  font-family: 'Gmarket Sans';
  font-weight: 500;
  letter-spacing: -1px;
}

.cur_new_detail .point_line:before {
  top: 28px;
  height: 14px;
}

.cur_new_detail .ht_txt {
  font-size: 16px;
  line-height: 24px;
}

.cur_new_detail .cur_new_msg {
  top: 103px;
}

/*** 맞춤추천 비로그인 : .cur_join_msg ***/
.cur_join_msg {
  text-align: center;
}

.cur_join_msg .contents_inner {
  position: relative;
  margin-top: 40px;
}

.cur_join_msg:before {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 110px;
  height: 110px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_cur_join.svg") center/100% no-repeat;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.cur_join_msg p {
  padding-top: 120px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.cur_join_msg p strong {
  font-weight: 500;
}

/*** 실시간 쇼핑 검색어 ***/
.cur_search .ht_tit {
  opacity: 1;
  -webkit-animation: none !important;
  animation: none !important;
}

/*** 최근에 검색하셨나요? : .cur_recent ***/
.cur_recent {
  background: #f5ede2 url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_wel_curation.jpg") center top/32px repeat;
}

.cur_recent .ht_tit {
  text-align: center;
}

.cur_recent .ht_tit img {
  height: 48px;
  margin: 4px 0 -10px 0;
  vertical-align: top;
}

.cur_recent .evt_products {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cur_recent .product_pic:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  z-index: 1;
}

.cur_recent .product_pic a,
.cur_recent .product_pic .evt_good_count {
  z-index: 2;
}

/*** 상품과 기획전을 추천 : .cur_recommend ***/
.cur_recommend .ht_tit img {
  display: inline-block;
  width: 34px;
  height: auto;
  margin: 5px 0 0 8px;
  vertical-align: top;
}

.cur_recommend .evt_products.row_dir .product_info {
  margin-top: 0;
}

.cur_recommend .evt_products.row_dir .price_line {
  margin: 10px 0 -10px 0;
}

/*** 찜한 브랜드 : .cur_brand_select ***/
.cur_brand_select .ht_tit {
  line-height: 45px;
}

.cur_brand_select .ht_tit img {
  width: 36px;
  height: auto;
  margin-top: 3px;
  vertical-align: top;
}

.cur_brand_select .tab_swiper {
  position: relative;
  z-index: 4;
}

.cur_brand_select .tab_swiper .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* cur_prod_img */
.cur_prod_img {
  overflow: hidden;
}

.cur_prod_img .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.cur_prod_img .swiper-slide {
  width: 273px;
  margin-right: 36px;
}

.cur_prod_img .swiper-slide:last-of-type {
  margin-right: 0;
}

.cur_prod_img .swiper-slide:hover img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}

.cur_prod_img .img {
  width: 273px;
  height: 273px;
  background-color: #f7f7f7;
  border-radius: 12px;
  overflow: hidden;
}

.cur_prod_img .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.cur_prod_img .swiper_control {
  margin-top: 30px;
}

/* cur_brand_tit */
.cur_brand_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 118px;
  margin: 30px 0 0 0;
  padding: 31px 30px 31px 106px;
  background-color: #f7f7f7;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cur_brand_tit .s0 {
  position: absolute;
  left: 30px;
  top: 31px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}

.cur_brand_tit .s0 img {
  width: 100%;
}

.cur_brand_tit .s1 {
  position: relative;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.cur_brand_tit .s1 a {
  display: block;
  position: relative;
}

.cur_brand_tit .s1 span {
  display: inline-block;
  position: relative;
  max-width: calc(100% - 20px);
  padding-right: 12px;
}

.cur_brand_tit .s1 span:after {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border: solid #767676;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  overflow: hidden;
}

.cur_brand_tit .s2 {
  margin-top: 5px;
  color: #767676;
  font-size: 16px;
  line-height: 24px;
}

/*** 이 브랜드 어떠세요? : .cur_brand_recommend ***/
.cur_brand_recommend .ht_tit img {
  height: 32px;
  margin: 0 0 0 4px;
  vertical-align: top;
}

/* brand_info */
.brand_info {
  padding: 30px;
  background-color: #f4f4f4;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.brand_info .brad_img {
  width: 56px;
  height: 56px;
  margin-bottom: 15px;
  border-radius: 50%;
  overflow: hidden;
}

.brand_info .brad_img img {
  width: 100%;
}

.brand_info .brand_link {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
}

.brand_info .brand_link:before {
  position: absolute;
  right: -12px;
  bottom: 7px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #767676;
  border-right: 1px solid #767676;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
}

/*** 최근 본 상품을 추천 : .cur_prod_view ***/
.cur_prod_view {
  overflow: hidden;
}

.cur_prod_view .ht_tit img {
  display: inline-block;
  height: 40px;
  margin: -4px 0 0 5px;
  vertical-align: top;
}

/* cur_prod_list_wrap  */
.cur_prod_list_wrap {
  position: relative;
  overflow: hidden;
}

.cur_prod_list_wrap .swiper_control {
  margin-top: 0;
  z-index: 2;
  height: 0;
  z-index: 5;
}

.cur_prod_list_wrap .swiper_control .swiper-button-prev,
.cur_prod_list_wrap .swiper_control .swiper-button-next {
  width: 50px;
  height: 50px;
  top: -142px;
}

.cur_prod_list_wrap .swiper_control .swiper-button-prev:after,
.cur_prod_list_wrap .swiper_control .swiper-button-next:after {
  border-color: #000;
}

.cur_prod_list_wrap .swiper_control .swiper-button-prev:hover:after,
.cur_prod_list_wrap .swiper_control .swiper-button-next:hover:after {
  background: #000 url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/guide/btn_banner_pagn_w.svg") center no-repeat;
}

.cur_prod_list_wrap .swiper_control .swiper-button-prev {
  left: -548px;
}

.cur_prod_list_wrap .swiper_control .swiper-button-next {
  left: 548px;
}

.cur_prod_list_wrap .swiper_control .swiper-button-disabled {
  display: none;
}

.cur_prod_list_wrap.len .swiper-wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cur_prod_list_wrap.len:before, .cur_prod_list_wrap.len:after {
  position: absolute;
  top: 0;
  width: 235px;
  height: 100%;
  z-index: 4;
  content: "";
}

.cur_prod_list_wrap.len:before {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, white), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, white 80%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, white 80%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 80%, rgba(255, 255, 255, 0) 100%);
}

.cur_prod_list_wrap.len:after {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(80%, white), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(right, white 80%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(right, white 80%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to left, white 80%, rgba(255, 255, 255, 0) 100%);
}

.cur_prod_list_wrap.len .cur_prod_view_list {
  width: 878px;
}

/* cur_prod_view_list */
.cur_prod_view_list {
  position: relative;
  margin: 0 auto;
  padding: 0 0 85px 0;
  z-index: 2;
  overflow: hidden;
}

.cur_prod_view_list .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cur_prod_view_list .swiper-slide {
  width: 64px;
  height: 64px;
  margin-right: 10px;
}

.cur_prod_view_list .swiper-slide:last-child {
  margin-right: 0;
}

.cur_prod_view_list .swiper-slide a {
  display: block;
}

.cur_prod_view_list .swiper-slide .img {
  position: relative;
  height: 0;
  margin-bottom: 17px;
  padding-top: 100%;
  background: #f7f7f7;
  border-radius: 4px;
  overflow: hidden;
}

.cur_prod_view_list .swiper-slide .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: multiply;
}

.cur_prod_view_list .swiper-slide .img:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #000;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.cur_prod_view_list .swiper-slide .txt {
  display: none;
  position: absolute;
  left: 50%;
  top: 81px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  max-width: none;
  white-space: nowrap;
}

.cur_prod_view_list .swiper-slide .txt span {
  display: inline-block;
  padding: 12px 32px;
  background: #000;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  border-radius: 39px;
  letter-spacing: -0.02px;
}

.cur_prod_view_list .swiper-slide .txt span:after {
  position: absolute;
  left: 50%;
  top: -13px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: 25px solid #000;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  content: "";
}

.cur_prod_view_list .swiper-slide .on .img:after {
  opacity: 1;
}

.cur_prod_view_list .swiper-slide .on .txt {
  display: block;
}

.cur_prod_view_list .swiper-container-horizontal .swiper-slide {
  margin-right: 0;
}

/* 하단 배너 : .cur_prod_view */
.cur_prod4_banner .evt_products {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 0 -40px 0;
}

.cur_prod4_banner .evt_products .prod_item {
  width: calc(50% - 36px);
  margin: 0 36px 40px 0;
}

.cur_prod4_banner .evt_products .product_pic {
  margin-top: 4px;
}

.cur_prod4_banner .swiper-container-horizontal .evt_products {
  margin: 0;
}

.cur_prod4_banner .swiper-container-horizontal .evt_products .prod_item {
  margin: 0;
}

/*** 잊고 있는 그 상품 : .cur_prod_remind ***/
.cur_prod_remind {
  position: relative;
  overflow: visible;
}

/*** 큐레이션 cur_sticky_tab ***/
.cur_sticky_tab {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  margin-bottom: 60px;
  padding: 0 !important;
  background: #fff;
  z-index: 7;
  overflow: hidden;
}

/***** * 스티커샵 * ****/
.sti_mian_wrap {
  margin-top: 0;
  /* 타이틀 */
}

.sti_mian_wrap .ht_tit_info {
  position: relative;
  height: 55px;
  margin-top: -25px;
  margin-bottom: 25px;
  text-align: center;
  z-index: 0;
}

.sti_mian_wrap .ht_tit_info p {
  display: inline-block;
  position: relative;
  height: 52px;
  margin: -17px auto 20px;
  padding: 0 33px;
  background: #fff;
  border: solid #000;
  border-width: 2px 2px 3px 2px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 48px;
  text-align: center;
  margin-top: -20px;
  opacity: 0;
  -webkit-animation: tool linear 5s infinite;
  animation: tool linear 5s infinite;
}

.sti_mian_wrap .ht_tit_info p:before {
  position: absolute;
  left: 50%;
  top: -12px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #000;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

.sti_mian_wrap .ht_tit_info p:after {
  position: absolute;
  left: 50%;
  top: -9px;
  width: 0;
  height: 0;
  border-bottom: 9px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

@-webkit-keyframes tool {
  0% {
    opacity: 0;
    margin-top: -20px;
  }
  5% {
    opacity: 0;
    margin-top: -5px;
  }
  10% {
    opacity: 1;
    margin: 8px auto 20px;
  }
  80% {
    opacity: 1;
    margin: 8px auto 20px;
  }
  90% {
    opacity: 0;
    margin-top: -5px;
  }
  100% {
    opacity: 0;
    margin-top: -5px;
  }
}

@keyframes tool {
  0% {
    opacity: 0;
    margin-top: -20px;
  }
  5% {
    opacity: 0;
    margin-top: -5px;
  }
  10% {
    opacity: 1;
    margin: 8px auto 20px;
  }
  80% {
    opacity: 1;
    margin: 8px auto 20px;
  }
  90% {
    opacity: 0;
    margin-top: -5px;
  }
  100% {
    opacity: 0;
    margin-top: -5px;
  }
}

.sti_mian_wrap .ht_tit_big {
  position: relative;
  text-align: center;
  z-index: 9;
}

.sti_mian_wrap .sti_cont {
  padding: 60px 0;
}

.sti_mian_wrap .btn_more_view_box strong {
  background-color: #fff;
}

.sti_mian_wrap .btn_more_view_box strong em:after {
  margin-top: -11px;
}

/*** Sticker Archive : .sti_archive ***/
.sti_archive {
  background: #fee581 url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_sticker_archive.jpg) center top/40px repeat;
}

.sti_archive_list_wrap {
  position: relative;
  max-width: 890px;
  margin: 0 auto;
}

.sti_archive_list_wrap:before {
  display: inline-block;
  position: absolute;
  top: -108px;
  right: 92px;
  width: 126px;
  height: 126px;
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_archive01.svg) 100% 100%/cover no-repeat;
  content: "";
}

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

.sti_archive_list_wrap ul li {
  position: relative;
  float: left;
  width: calc(33.3% - 22px);
  margin-left: 33px;
}

.sti_archive_list_wrap ul li a {
  display: inline-block;
  width: 273px;
  height: 273px;
  border: 3px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sti_archive_list_wrap ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sti_archive_list_wrap ul li a:hover .info_bg_box {
  opacity: 1;
}

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

.sti_archive_list_wrap ul li:nth-child(n + 4) {
  margin-top: 33px;
}

.sti_archive_list_wrap ul li:before {
  display: inline-block;
  position: absolute;
  top: -27px;
  left: 50%;
  background: 100%/cover no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}

.sti_archive_list_wrap ul li:nth-child(1):before {
  width: 54px;
  height: 57px;
  background-image: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_archive02.svg);
  content: "";
}

.sti_archive_list_wrap ul li:nth-child(6):before {
  width: 48px;
  height: 66px;
  background-image: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_archive03.svg);
  content: "";
}

.sti_archive_list_wrap ul li:nth-child(8):before {
  width: 65px;
  height: 65px;
  background-image: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_archive04.svg);
  content: "";
}

.sti_archive_list_wrap .info_bg_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 99.5%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.sti_archive_list_wrap .info_bg_box strong {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*** Sticker File : .sti_file ***/
.sti_file {
  background: #ffd1e9 url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_sticker_file.jpg) center top repeat-x;
}

.sti_file .ht_tit_big {
  max-width: 368px;
  margin: 0 auto 28px;
}

.sti_file .evt_products {
  margin-top: 50px;
}

.sti_file .evt_products + .pagination {
  border-top: 1px solid #000;
}

.sti_file .tab-list {
  position: relative;
  width: 100%;
}

.sti_file .tab-list ul {
  font-size: 0;
  text-align: center;
}

.sti_file .tab-list li {
  display: inline-block;
  width: 151px;
  height: 156px;
  margin: 0 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.sti_file .tab-list li span {
  display: inline-block;
  position: relative;
  padding-top: 104px;
  font-size: 16px;
  font-weight: 700;
}

.sti_file .tab-list li span:before {
  display: inline-block;
  position: absolute;
  top: 29px;
  left: 50%;
  width: 72px;
  height: 72px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

.sti_file .tab-list li .tab_sti_file01 span:before {
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_file01_active.svg);
}

.sti_file .tab-list li .tab_sti_file02 span:before {
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_file02_active.svg);
}

.sti_file .tab-list li .tab_sti_file03 span:before {
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_file03_active.svg);
}

.sti_file .tab-list li .tab_sti_file04 span:before {
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_file04_active.svg);
}

.sti_file .tab-list li .tab_sti_file05 span:before {
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_sticker_file05_active.svg);
}

.sti_file .tab-list li a {
  display: block;
  width: 100%;
  height: 156px;
  background: #fff;
  border: solid #000;
  border-width: 2px 2px 0 2px;
  border-radius: 16px 16px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.sti_file .tab-list li a.on {
  height: 189px;
  border-bottom: 0;
  background: #ffd1e9;
}

/*** Best Brands : .best_brands ***/
.best_brands {
  background-color: #000;
}

.best_brands .ht_tit_big {
  max-width: 487px;
  margin: 0 auto 28px;
}

.best_brands_list_wrap ul {
  width: 903px;
  margin: -10px auto 0;
}

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

.best_brands_list_wrap ul li {
  float: left;
  width: 216px;
  height: 216px;
  margin-top: 10px;
  margin-left: 10px;
}

.best_brands_list_wrap ul li a {
  display: inline-block;
  position: relative;
  width: 216px;
  height: 216px;
  border-radius: 12px;
  overflow: hidden;
}

.best_brands_list_wrap ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.best_brands_list_wrap ul li a:hover .info_bg_box {
  opacity: 1;
}

.best_brands_list_wrap ul li:first-child, .best_brands_list_wrap ul li:nth-child(8) {
  width: 441px;
  height: 441px;
}

.best_brands_list_wrap ul li:first-child a, .best_brands_list_wrap ul li:nth-child(8) a {
  width: 441px;
  height: 441px;
}

.best_brands_list_wrap ul li:nth-child(8) {
  float: right;
}

.best_brands_list_wrap .info_bg_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.best_brands_list_wrap .info_bg_box strong {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-size: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*** Now is : .now_is ***/
.now_is {
  padding: 40px 0px;
}

.now_is .ht_tit_big {
  max-width: 447px;
  margin: 0 auto 28px;
}

.now_is .list_evt_area {
  padding-top: 0;
}

/*** 모션 인터렉션 : 스티커샵 ***/
.sti_mian_wrap .ht_tit_big,
.sti_mian_wrap .ht_tit_info {
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s;
  -o-transition: opacity 0.4s 0s;
  transition: opacity 0.4s 0s;
}

.sti_mian_wrap .ht_tit_big.ht_ani,
.sti_mian_wrap .ht_tit_info.ht_ani {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.sti_mian_wrap .evt_products,
.sti_mian_wrap .sti_archive_list_wrap ul li,
.sti_mian_wrap .tab-list ul li span,
.sti_mian_wrap .best_brands_list_wrap ul li,
.sti_mian_wrap .evt_list li {
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s;
  -o-transition: opacity 0.4s 0s;
  transition: opacity 0.4s 0s;
}

.sti_mian_wrap .evt_products.ht_ani,
.sti_mian_wrap .sti_archive_list_wrap ul li.ht_ani,
.sti_mian_wrap .tab-list ul li span.ht_ani,
.sti_mian_wrap .best_brands_list_wrap ul li.ht_ani,
.sti_mian_wrap .evt_list li.ht_ani {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* 20221117 오늘만특가 배너타이틀 */
.tod_time_wrap {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 600px;
  overflow: hidden;
  position: relative;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1920px 600px;
  background-image: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_tod_bn.jpg);
}

.tod_time_wrap .contents_inner {
  height: 100%;
}

.tod_time {
  width: 1200px;
  margin-left: -604px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -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%;
  bottom: 50px;
}

.tod_txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 333px;
  height: 73px;
  font-size: 38px;
  color: #f6564a;
  text-align: center;
  background: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_timer.png) center no-repeat;
}

.tod_txt span.hidden {
  display: none;
}

.tod_txt div {
  position: absolute;
  left: 0;
  height: 73px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tod_txt div span {
  display: inline-block;
  margin-bottom: 8px;
  width: 48px;
  color: #fff;
  font-weight: 700;
  height: 38px;
  font-family: "Gmarket Sans";
  vertical-align: top;
  text-align: center;
}

.tod_txt div span + span {
  margin-left: 2px;
}

.tod_txt div:nth-child(2) {
  left: 117px;
}

.tod_txt div:nth-child(3) {
  left: 234px;
}

.tod_progress_bg {
  position: relative;
  width: 500px;
  margin-top: 30px;
  background-color: #e3e3e3;
  height: 20px;
  overflow: hidden;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.tod_progress_bg .tod_progress {
  display: block;
  height: 100%;
  background: #f4473a;
  position: absolute;
  top: 0;
  left: 0;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f4473a 0%, #ffb1ab 100%);
  background: -webkit-linear-gradient(left, #f4473a 0%, #ffb1ab 100%);
  background: -webkit-gradient(linear, left top, right top, from(#f4473a), to(#ffb1ab));
  background: -o-linear-gradient(left, #f4473a 0%, #ffb1ab 100%);
  background: linear-gradient(to right, #f4473a 0%, #ffb1ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4473a', endColorstr='#ffb1ab',GradientType=1 );
}

.tod_time_wrap.type2 {
  height: 837px;
  background-image: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/bg_tod_main.jpg);
  background-size: 1920px 837px;
}

.tod_time_wrap.type2 .tod_time {
  bottom: auto;
  top: -116px;
}

.tod_time_wrap.type2 .ht_today_banner {
  margin-top: 280px;
}

.wel_today .tod_time_wrap.type2 .thumb4_banner:after {
  display: none;
}

.badge {
  z-index: 1;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: top;
}

.badge.live {
  left: 13px;
  top: 10px;
  width: 61px;
  height: 23px;
  background-image: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/badge_LIVE.png);
}

.badge.week {
  top: 0;
  left: 0;
  width: 205px;
  height: 89px;
  background-image: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/badge_week.png);
}

.badge.furniture {
  top: 0;
  left: 0;
  width: 169px;
  height: 131px;
  background-image: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/badge_furniture.png);
}

.liv_prod .badge {
  position: absolute;
}

.prdtImg .badge {
  position: absolute;
}

.live_replay {
  margin-top: 0;
}

.live_replay .ht_title {
  background-color: #EBE6E0;
}

.live_replay .ht_title .ht_tit_big {
  margin-bottom: 0;
  height: 188px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.liv_replay_lst {
  margin-top: 50px;
}

.liv_replay_lst ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -29px;
}

.liv_replay_lst ul li {
  width: 211px;
  height: 378px;
  margin: 0 0 44px 29px;
}

.live_slide_swipe {
  margin: 0 auto;
}

.live_slide_swipe .swiper-slide {
  height: 316px;
}

.live_slide_swipe .swiper-container {
  padding-bottom: 92px;
}

.live_slide_swipe .swiper-scrollbar {
  background: #dbdbdb;
}

.live_slide_swipe .swiper-scrollbar-drag {
  background-color: #FF2700;
}

.live_slide_swipe .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  background: #FF2700;
}

.previous_live {
  position: relative;
  width: 100%;
}

.previous_live * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.previous_live .swiper-wrapper {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.previous_live .liv_list {
  width: 100%;
}

.previous_live .swiper_control_bk {
  display: none;
  width: 1200px;
}

.previous_live .swiper_control_bk .swiper-button-next {
  right: -12px;
}

.previous_live .swiper_control_bk .swiper-button-prev {
  left: -12px;
}

.previous_live .swiper-only .swiper-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.previous_live .swiper-on .swiper-wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.previous_live .swiper-on + .swiper_control_bk {
  display: block !important;
  position: absolute;
  top: 50%;
}

.previous_live .btn_wel_live, .previous_live .on span {
  padding-left: 18px;
  padding-right: 18px;
}

.previous_live .btn_wel_live:before, .previous_live .on span:before {
  left: -7px;
}

.liv_m1 .swiper-slide {
  width: 580px;
  margin: 0 auto !important;
}

.liv_m1 .liv_new_msg {
  right: 334px;
  top: 15px;
}

.liv_m1 .liv_new_msg p {
  top: 0;
}

.liv_m2 .swiper-slide {
  width: calc(100% / 2 - 20px) !important;
  margin: 0 10px !important;
}

.liv_m2 .liv_new_msg {
  right: 644px;
  top: 52px;
}

.live_slide_area {
  margin-top: 40px;
}

.livCategorySlide {
  position: relative;
}

.swiper-on-number .swiper_control_bk {
  display: block;
}

.category_title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.category_title .cate_tit {
  display: block;
  line-height: 40px;
  letter-spacing: -0.025em;
  font-weight: 700;
  font-size: 28px;
  color: #000;
}

.category_title a {
  display: inline-block;
}

.category_title a:after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 18px;
  background-image: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_arrow_right.png);
  vertical-align: top;
  position: absolute;
  top: 12px;
  right: 0;
}

.category_title .cate_tit.ico:before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
  background-image: url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/common_v2/ico_tit_popular.png);
  background-size: cover;
  vertical-align: top;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
}

.live_slide_area .ico_qs {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  height: 40px;
  cursor: pointer;
}

.live_slide_area .ico_qs:before {
  content: '';
  display: inline-block;
  margin-top: 9px;
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/common_v2/ico_qs.png) no-repeat;
  background-size: cover;
  vertical-align: top;
  width: 21px;
  height: 21px;
}

.live_slide_area .ico_qs .qs_help {
  display: none;
  margin: 2px 0 0 4px;
  color: #a4a4a4;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 40px;
  font-weight: normal;
  vertical-align: top;
}

.live_slide_area .ico_qs .qs_help.show {
  display: inline-block;
}

.project_relate {
  position: relative;
  width: 480px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  background-color: #fff;
}

.project_relate h3 {
  display: block;
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.project_relate_item {
  width: 100%;
}

.pr_item {
  width: 100%;
  margin-top: 10px;
}

.pr_item + .pr_item {
  border-top: 1px solid #EAEAEA;
  padding-top: 10px;
}

.pr_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 80px;
}

.pr_item .thumbnail {
  position: relative;
  width: 140px;
  height: 80px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 6px;
  overflow: hidden;
}

.pr_item .thumbnail img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pr_item .info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 140px);
  height: 100%;
  padding: 0 0 0 22px;
}

.pr_item .info li {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pr_item .info li.tt {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
}

.pr_item .info li.st {
  margin-top: 5px;
  color: #777;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.prLive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.prLive .pr_item {
  width: 50%;
  margin-top: 0;
}

.prLive .pr_item + .pr_item {
  border-top: 0;
  padding-top: 0;
}

.prLive .pr_item a {
  height: 155px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.prLive .pr_item .info {
  width: calc(100% - 103px);
  padding: 0 0 0 10px;
}

.prLive .pr_item .info li.tt {
  -webkit-line-clamp: 3;
}

.prLive .thumbnail {
  width: 103px;
  height: 155px;
}

.prLive .thumbnail:before {
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.prLive .thumbnail:after {
  content: '';
  display: block;
  margin: -24px 0 0 -22px;
  background: url(http://image.kyobobook.co.kr/newimages/giftshop_new/work/1030/1659660938935_ico_pr_live.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 49px;
  height: 49px;
}

/* tab */
.gift_tab_mn {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gift_tab_mn ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.gift_tab_mn li {
  position: relative;
  background-color: #fff;
  width: auto;
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.gift_tab_mn li button {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 21px;
  padding: 0 10px;
  background-color: #fff;
  font-size: 14px;
  color: #595959;
  text-align: center;
  vertical-align: top;
}

.gift_tab_mn li button:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
}

.gift_tab_mn li.active button {
  color: #000;
  position: relative;
  font-weight: 600;
}

.gift_tab_mn li.active button:after {
  content: '';
  display: inline-block;
  background-color: #DA2128;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 5px;
  width: 4px;
  height: 4px;
}

.gift_tab_mn li:nth-child(2):before {
  content: '';
  z-index: 1;
  display: inline-block;
  width: 1px;
  height: 16px;
  vertical-align: top;
  background-color: #eaeaea;
  position: absolute;
  top: 3px;
  left: 0;
}

.ques-wrap {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.prQues {
  z-index: 10;
  position: relative;
  display: inline-block;
  text-align: center;
  background: url(https://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/ico_pr_ques.png) center no-repeat;
  cursor: pointer;
  vertical-align: top;
  width: 16px;
  height: 16px;
}

.prQues-txt {
  display: none;
  z-index: 10;
  width: 346px;
  border: 1px solid #000;
  padding: 25px 20px 20px;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  left: 42px;
}

.prQues-txt.show {
  display: block;
}

.prQues_title {
  display: block;
  font-size: 16px;
  color: #000;
  margin-bottom: 12px;
  text-align: center;
  font-weight: 500;
}

.prQues_desc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.prQues_desc li {
  height: auto;
  font-size: 13px;
  color: #343434;
  line-height: 19px;
  text-align: left;
}

.prQues_desc li + li {
  margin-top: 4px;
}

.prQues_desc li:before {
  content: '';
  display: inline-block;
  background-color: #767676;
  border-radius: 50%;
  margin: 7px 4px 0 0;
  width: 3px;
  height: 3px;
}

.prQues_desc li:nth-child(2):before {
  content: '';
  display: inline-block;
  background-color: #767676;
  border-radius: 50%;
  margin: 7px 4px 0 0;
  position: relative;
  left: auto;
  top: auto;
  width: 3px;
  height: 3px;
}

.quesClose {
  position: absolute;
  right: 12px;
  top: 14px;
  z-index: 1;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  cursor: pointer;
}

.tab_cont_detail {
  width: 480px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
	ing     LIVE
	prv     오늘(방송전)
	tmr     D-day
	yst     방송종료
	aft     방송종료(방송후)
*/
.liv_timeline_marker strong.tmr, .liv_timeline_marker strong.prv {
  background-color: #FF2700;
  border-radius: 19px;
}

.liv_timeline_marker strong.tmr:before, .liv_timeline_marker strong.prv:before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 10px solid #fff;
  border-radius: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  position: absolute;
  top: -10px;
  left: -10px;
}

.liv_timeline_marker strong.tmr:after, .liv_timeline_marker strong.prv:after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: #fff;
  border-radius: 14px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.liv_timeline_marker strong.tmr em, .liv_timeline_marker strong.prv em {
  color: #FF2700;
  z-index: 2;
  position: relative;
}

.liv_timeline_marker strong.ing {
  padding: 0 10px;
  min-width: 64px;
  position: relative;
}

.liv_timeline_marker strong.ing:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 9px;
  background: url("http://image.kyobobook.co.kr/newimages/giftshop_new/resources/images/pc/main/icon_live_detail.png") center no-repeat;
  background-size: 8px 9px;
  left: 10px;
  top: 8px;
  border: 0;
  border-radius: 0;
}

.liv_timeline_marker strong.ing:after {
  content: "LIVE";
  display: inline-block;
  margin-left: 2px;
  font-size: 14px;
  color: #fff;
  border-radius: 0;
  background-color: #FF2700;
  right: 10px;
  left: inherit;
  top: 7px;
  width: auto;
  height: auto;
  line-height: 1;
}

.liv_timeline_marker strong.ing em {
  display: none;
}

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