@charset "UTF-8";
/* 공통 */
body {
  -webkit-text-size-adjust: none;
}

.event_wrap {
  font-family: "Pretendard";
}
.event_wrap * {
  box-sizing: border-box;
}
.event_wrap .inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.event_wrap img {
  max-width: 100%;
  vertical-align: top;
}
.event_wrap [class^=e_link] {
  display: block;
  position: absolute;
  cursor: pointer;
}

.event_wrap .bg_visual {
  overflow: visible;
  position: relative;
  height: 1200px;
  background-color: #f7f7f4;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/bg_visual.jpg") no-repeat center top;
  background-size: 1920px 1200px;
}
.event_wrap .bg_visual .inner {
  overflow: visible;
}
.event_wrap .visual_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 738px;
  height: 250px;
  position: absolute;
  left: 24px;
  top: 185px;
}
.event_wrap .visual_title span {
  position: relative;
  display: inline-block;
  flex: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_title_wiggle 0.8s ease-out forwards;
}
.event_wrap .visual_title .letter_01 {
  width: 187px;
  height: 182px;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/text_1seo.png");
  animation-delay: 0.1s;
}
.event_wrap .visual_title .letter_02 {
  left: -13px;
  top: 5px;
  width: 218px;
  height: 193px;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/text_2jum.png");
  animation-delay: 0.2s;
}
.event_wrap .visual_title .letter_03 {
  left: -52px;
  top: 6px;
  width: 181px;
  height: 198.5px;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/text_3ei.png");
  animation-delay: 0.3s;
}
.event_wrap .visual_title .letter_04 {
  left: -65px;
  top: 14px;
  width: 191px;
  height: 166px;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/text_4nal.png");
  animation-delay: 0.4s;
}
@keyframes visual_title_wiggle {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0.95);
  }
  40% {
    opacity: 1;
    transform: rotate(-4deg) scale(1);
  }
  55% {
    transform: rotate(3deg);
  }
  70% {
    transform: rotate(-2deg);
  }
  85% {
    transform: rotate(1deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg) scale(1);
  }
}
.event_wrap .visual_date_house {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 530px;
  height: 340px;
  position: absolute;
  left: 100px;
  top: 333px;
}
.event_wrap .visual_date_house .visual_date_year {
  display: block;
  width: 212px;
  height: 98px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Group40.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_pop 0.6s 0.5s ease-out forwards;
}
.event_wrap .visual_date_house .visual_date_slash {
  display: block;
  width: 31px;
  height: 60px;
  margin: 0 10px 3px 8px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/5.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_book_in 0.6s 0.55s ease-out forwards;
}
.event_wrap .visual_date_house .visual_date_books {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.event_wrap .visual_date_house .visual_date_books .visual_date_first_1 {
  display: block;
  width: 20px;
  height: 80px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/6.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_book_in 0.6s 0.6s ease-out forwards;
}
.event_wrap .visual_date_house .visual_date_books .visual_date_first_2 {
  display: block;
  width: 20px;
  height: 80px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/7.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_book_in 0.6s 0.8s ease-out forwards;
}
.event_wrap .visual_date_house .visual_date_books .visual_date_book_slash {
  display: block;
  width: 31px;
  height: 60px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/8.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_book_in 0.6s 0.95s ease-out forwards;
}
.event_wrap .visual_date_house .visual_date_books .visual_date_second_1 {
  display: block;
  width: 20px;
  height: 80px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/9.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_book_in 0.6s 1.1s ease-out forwards;
}
.event_wrap .visual_date_house .visual_date_books .visual_date_second_2 {
  display: block;
  width: 20px;
  height: 80px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/10.png") no-repeat center/100% 100%;
  font-size: 0;
  opacity: 0;
  animation: visual_date_book_in 0.6s 1.25s ease-out forwards;
}
@keyframes visual_date_pop {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  65% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes visual_date_book_in {
  0% {
    opacity: 0;
    transform: translateY(-45px) rotate(-8deg);
  }
  60% {
    opacity: 1;
    transform: translateY(5px) rotate(4deg);
  }
  80% {
    transform: translateY(0) rotate(-2deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}
.event_wrap .visual_intro_card {
  position: absolute;
  left: 50%;
  top: 863px;
  width: 751px;
  height: 515px;
  transform: translateX(-50%);
  z-index: 10;
}
.event_wrap .visual_intro_card img {
  width: 751px;
  max-width: none;
}
.event_wrap .bg_line {
  position: relative;
  height: 66px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Line.jpg") no-repeat center top;
  background-size: 1920px 66px;
}
.event_wrap .bg_01 {
  height: 1906px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Part2.jpg") no-repeat center top;
  background-size: 1920px 1906px;
}
.event_wrap .bg_02 {
  height: 528px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Part3.jpg") no-repeat center top;
  background-size: 1920px 528px;
}
.event_wrap .bg_03 {
  height: 900px;
  background: #fff url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Part4.png") no-repeat center top;
  background-size: 1920px 900px;
}
.event_wrap .bg_04 {
  height: 894px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Part5.jpg") no-repeat center top;
  background-size: 1920px 894px;
}
.event_wrap .bg_04 .e_link_book_01 {
  top: 346px;
  left: 185px;
  width: 29px;
  height: 279px;
}
.event_wrap .bg_04 .e_link_book_02 {
  top: 339px;
  left: 229px;
  width: 29px;
  height: 286px;
}
.event_wrap .bg_04 .e_link_book_03 {
  top: 338px;
  left: 273px;
  width: 29px;
  height: 287px;
}
.event_wrap .bg_04 .e_link_book_04 {
  top: 272px;
  left: 316px;
  width: 29px;
  height: 353px;
}
.event_wrap .bg_04 .e_link_book_05 {
  top: 323px;
  left: 361px;
  width: 29px;
  height: 302px;
}
.event_wrap .bg_04 .e_link_book_06 {
  top: 347px;
  left: 405px;
  width: 29px;
  height: 278px;
}
.event_wrap .bg_04 .e_link_book_07 {
  top: 397px;
  left: 449px;
  width: 29px;
  height: 228px;
}
.event_wrap .bg_04 .e_link_book_08 {
  top: 316px;
  left: 493px;
  width: 28px;
  height: 309px;
}
.event_wrap .bg_04 .e_link_book_09 {
  top: 326px;
  left: 538px;
  width: 29px;
  height: 299px;
}
.event_wrap .bg_04 .e_link_award {
  top: 706px;
  width: 100%;
  height: 88px;
}
.event_wrap .bg_05 {
  height: 363px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Part6.jpg") no-repeat center top;
  background-size: 1920px 363px;
}
.event_wrap .section_heading {
  text-align: center;
}
.event_wrap .section_badge {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 32px;
  background-color: transparent;
  font-weight: 700;
  text-align: left;
}
.event_wrap .section_badge::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 32px;
  background: #fff;
  transform: rotate(-176.197deg) scaleX(-1);
  z-index: 0;
}
.event_wrap .section_badge::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 129px;
  height: 32px;
  line-height: 32px;
  z-index: 1;
}
.event_wrap .section_badge span {
  padding-left: 30px;
  position: relative;
  z-index: 2;
  line-height: 32px;
  font-size: 19px;
  font-weight: 700;
}
.event_wrap .section_title {
  margin: 20px 0 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}
.event_wrap .section_desc {
  margin: 20px 0 0;
  color: rgba(11, 11, 11, 0.75);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
}
.event_wrap .bg_06 {
  padding: 100px 0;
  background: #f4f4f6;
}
.event_wrap .bg_06 .inner {
  overflow: visible;
}
.event_wrap .bg_06 .section_badge span {
  color: #e34917;
}
.event_wrap .bg_06 .section_badge::after {
  background: linear-gradient(to right, #e34917 27px, #ffcfc0 27px);
}
.event_wrap .bg_06 .book_spine_guide {
  width: 670px;
  margin: 40px auto 0;
}
.event_wrap .bg_06 .book_spine_guide img {
  width: 670px;
}
.event_wrap .bg_06 .make_1111 {
  margin: 40px auto 0;
  display: block;
  width: 670px;
  height: 88px;
  border-radius: 0;
  background: #ef6437;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 88px;
  text-align: center;
}
.event_wrap .bg_07 {
  padding: 100px 0;
  background: #ffe0ea;
}
.event_wrap .bg_07 .inner {
  overflow: visible;
}
.event_wrap .bg_07 .section_badge {
  color: #e84e7c;
}
.event_wrap .bg_07 .section_badge::after {
  background: linear-gradient(to right, #f37da5 27px, #ffbcd3 27px);
}
.event_wrap .bg_07 .section_highlight {
  display: inline-block;
  margin: 20px 0 0;
  padding: 0 10px;
  background-color: #f4a5ba;
  color: rgba(11, 11, 11, 0.8);
  font-weight: 600;
  line-height: 30px;
  font-size: 22px;
}
.event_wrap .bg_07 .sns_preview {
  position: relative;
  width: 670px;
  height: 440px;
  margin: 40px auto 0;
  background: #fff;
}
.event_wrap .bg_07 .sns_preview .sns_prize_badge {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  background: #363636;
  color: #fff;
  font-weight: 700;
  line-height: 31px;
  font-size: 26px;
  z-index: 10;
}
.event_wrap .bg_07 .sns_preview .sns_pagination {
  left: 0;
  bottom: -34px;
  width: 100%;
}
.event_wrap .bg_07 .sns_preview .sns_pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 4px;
  background: #aaa;
  opacity: 1;
}
.event_wrap .bg_07 .sns_preview .sns_pagination .swiper-pagination-bullet-active {
  background: #242424;
}
.event_wrap .bg_07 .sns_notice_list {
  width: 670px;
  margin: 52px auto 0;
  padding: 0;
  color: #81777a;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.65;
  text-align: left;
  list-style: none;
}
.event_wrap .bg_07 .sns_notice_list li {
  position: relative;
  padding-left: 13px;
}
.event_wrap .bg_07 .sns_notice_list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}
.event_wrap .bg_07 .sns_hashtag_copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 670px;
  height: 89px;
  margin: 39px auto 0;
  padding: 0;
  border: 0;
  background: #353535;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
}
.event_wrap .bg_07 .sns_hashtag_copy strong {
  color: #f2b3c5;
  font-weight: 700;
}
.event_wrap .bg_07 .sns_hashtag_copy span {
  margin-left: 7px;
  font-weight: 700;
}
.event_wrap .bg_07 .sns_share {
  margin-top: 29px;
  text-align: center;
}
.event_wrap .bg_07 .sns_share .sns_share_title {
  display: block;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
}
.event_wrap .bg_07 .sns_share .sns_share_list {
  display: flex;
  justify-content: space-between;
  width: 360px;
  height: 80px;
  margin: 19px auto 0;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261021_bookstore_day/images/Group42.png") no-repeat 0 0;
  background-size: 360px 80px;
}
.event_wrap .bg_07 .sns_share .sns_share_list .sns_share_btn {
  display: block;
  width: 80px;
  height: 80px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.alert_text {
  padding: 0;
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.dialog_sm [id^=popBook] {
  min-height: 800px !important;
}
.dialog_sm [id^=popBook] .mt-20 {
  margin-top: 20px;
}
.dialog_sm [id^=popBook] .ui-dialog.book_spine_dialog,
.dialog_sm [id^=popBook] .ui-dialog.book_spine_confirm_dialog {
  width: 400px;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
.dialog_sm [id^=popBook] .book_spine_popup.dialog_wrap,
.dialog_sm [id^=popBook] .book_spine_confirm.dialog_wrap {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  color: #000;
  font-size: 14px;
  line-height: 22px;
}
.dialog_sm [id^=popBook] .dialog_contents {
  max-height: 608px !important;
}
.dialog_sm [id^=popBook] .dialog_header {
  box-sizing: border-box;
  height: 64px;
  padding: 20px 48px 0 20px;
  margin: 0;
  border: 0;
}
.dialog_sm [id^=popBook] .book_spine_main {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  flex-direction: column;
  height: 608px;
}
.dialog_sm [id^=popBook] .book_spine_result_count {
  padding: 0 0 16px;
  margin: 24px 0 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.dialog_sm [id^=popBook] .book_spine_book {
  display: flex;
  box-sizing: border-box;
  gap: 16px;
  width: 360px;
  padding: 20px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  background: transparent;
  color: #000;
  font-family: inherit;
  text-align: left;
}
.dialog_sm [id^=popBook] button.book_spine_book {
  cursor: pointer;
}
.dialog_sm [id^=popBook] .book_spine_book:last-child {
  border-bottom: 0;
}
.dialog_sm [id^=popBook] .book_spine_book_cover {
  display: block;
  flex: 0 0 84px;
  width: 84px;
  height: 122px;
  border-radius: 4px;
  object-fit: cover;
}
.dialog_sm [id^=popBook] .book_spine_book_info {
  display: block;
  flex: 1;
  min-width: 0;
}
.dialog_sm [id^=popBook] .book_spine_book_title,
.dialog_sm [id^=popBook] .book_spine_book_author,
.dialog_sm [id^=popBook] .book_spine_book_price {
  display: block;
}
.dialog_sm [id^=popBook] .book_spine_book_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.dialog_sm [id^=popBook] .book_spine_book_author {
  margin-top: 2px;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
}
.dialog_sm [id^=popBook] .book_spine_book_price {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.dialog_sm [id^=popBook] .book_spine_back_btn {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 24px;
  padding: 0;
  margin: 0 0 24px;
  border: 0;
  background: transparent;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
}
.dialog_sm [id^=popBook] .book_spine_back_icon {
  display: block;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  border: solid #000;
  border-width: 0 0 1px 1px;
  transform: rotate(45deg);
}
.dialog_sm [id^=popBook] .book_spine_cover_choices {
  display: flex;
  gap: 20px;
}
.dialog_sm [id^=popBook] .book_spine_cover_choice {
  display: block;
  width: 144px;
  cursor: pointer;
}
.dialog_sm [id^=popBook] .book_spine_cover_checkbox {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 0 10px;
  accent-color: #5055b1;
  cursor: pointer;
}
.dialog_sm [id^=popBook] .book_spine_cover_image {
  display: flex;
  box-sizing: border-box;
  align-items: flex-end;
  justify-content: center;
  width: 144px;
  height: 208px;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 4px;
  background: #fff;
}
.dialog_sm [id^=popBook] .book_spine_cover_source {
  display: block;
  width: auto;
  height: 208px;
  max-width: 144px;
  object-fit: contain;
}
.dialog_sm [id^=popBook] .book_spine_selected {
  display: flex;
  box-sizing: border-box;
  flex-shrink: 0;
  gap: 8px;
  height: 84px;
  margin-top: auto;
}
.dialog_sm [id^=popBook] .book_spine_selected .book_spine_selected_item {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: flex-end;
  justify-content: center;
  flex: 0 0 84px;
  width: 84px;
  height: 84px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
}
.dialog_sm [id^=popBook] .book_spine_selected .book_spine_selected_image {
  display: block;
  width: auto;
  height: 82px;
}
.dialog_sm [id^=popBook] .book_spine_selected .book_spine_remove_btn {
  position: absolute;
  top: 4px;
  right: 4px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 1px solid #aaa;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
}
.dialog_sm [id^=popBook] .book_spine_selected .book_spine_remove_btn::before,
.dialog_sm [id^=popBook] .book_spine_selected .book_spine_remove_btn::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 8px;
  height: 1px;
  background: #333;
  transform: rotate(45deg);
}
.dialog_sm [id^=popBook] .book_spine_selected .book_spine_remove_btn::after {
  transform: rotate(-45deg);
}
.dialog_sm [id^=popBook] .book_spine_complete_text {
  padding: 0;
  margin: 0 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.dialog_sm [id^=popBook] .book_spine_result_image_box {
  width: 358px;
  height: 358px;
  overflow: hidden;
  border: 1px solid #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.dialog_sm [id^=popBook] .book_spine_result_image_box .book_spine_list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 12px;
  max-height: 270px;
}
.dialog_sm [id^=popBook] .book_spine_result_image_box .book_spine_item {
  display: flex;
  align-items: flex-end;
  width: 22px;
  max-height: 240px;
}
.dialog_sm [id^=popBook] .book_spine_result_image_box .book_spine_item img {
  display: block;
  width: 22px;
  max-height: 240px;
  object-fit: contain;
  object-position: center bottom;
}
.dialog_sm [id^=popBook] .book_spine_result_image_box .book_spine_date {
  width: 147px;
  margin-top: 22px;
}
.dialog_sm [id^=popBook] .book_spine_result_image_box .book_spine_date img {
  display: block;
  width: 100%;
}
.dialog_sm [id^=popBook] .book_spine_test_buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

[id^=popBook].ui-dialog-content.has_btn {
  padding: 0 20px 20px !important;
}

[id^=popBook] .dialog_footer [class^=btn_] {
  flex: 1 !important;
  min-width: auto !important;
}/*# sourceMappingURL=261021_bookstore_day_pc.css.map */