@charset "UTF-8";
.categoryBox {
  position: sticky;
  z-index: 9;
  top: 108px;
  background-color: white;
}
.categoryBox.fixedTop {
  border-bottom: 1px solid var(--gray-100);
}
.categoryBox.fixedTop .innerWrap {
  border-bottom: 0;
  padding: 10px 0;
}
.categoryBox.fixedTop .innerWrap .category h2 {
  gap: 4px;
  font-size: 24px;
  line-height: 34px;
}
.categoryBox .innerWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 16px 0;
}
.categoryBox .innerWrap .category {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
.categoryBox .innerWrap .category h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}
.categoryBox .innerWrap .category h2 .dropBtn {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='%23EFF0F6'/%3E%3Cpath d='M6.5 9.5L10 13L13.5 9.5' stroke='%23383838' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  transition: all 0.3s;
}
.categoryBox .innerWrap .category h2 .dropBtn.up {
  transform: rotate(180deg);
}
.categoryBox .innerWrap .category .dropMenu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  width: 100px;
  padding: 4px 4px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.categoryBox .innerWrap .category .dropMenu a {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray-600);
  padding: 3px 8px;
  border-radius: 3px;
}
.categoryBox .innerWrap .category .dropMenu a:hover {
  background-color: var(--gray-C);
}
.categoryBox .innerWrap .category .dropMenu.open {
  display: flex;
}
.categoryBox .innerWrap .category .categoryList {
  display: flex;
  align-items: center;
  gap: 24px;
}
.categoryBox .innerWrap .category .categoryList a {
  font-size: 16px;
  font-weight: 600;
  color: var(--gray-600);
}
.categoryBox .innerWrap .category .categoryList a.on, .categoryBox .innerWrap .category .categoryList a:hover {
  font-weight: 700;
  color: var(--gray-800);
}
.categoryBox .innerWrap .filter {
  width: 140px;
}

.contents {
  position: relative;
  display: grid;
  column-gap: 60px;
  grid-template-areas: "leftSection rightSection" "rimitedAd rightSection";
}
.contents .newsListBox .newsList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contents .newsListBox .newsList .newsItem {
  display: flex;
  gap: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-100);
}
.contents .newsListBox .newsList .newsItem .news {
  flex: 1;
}
.contents .newsListBox .newsList .newsItem .news .news-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 8px;
}
.contents .newsListBox .newsList .newsItem .news .news-title:hover {
  opacity: 0.6;
}
.contents .newsListBox .newsList .newsItem .news .news-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 22px;
  color: var(--gray-600);
  margin-bottom: 12px;
}
.contents .newsListBox .newsList .newsItem .news .media-date {
  font-size: 12px;
  line-height: 20px;
  color: var(--gray-600);
}
.contents .newsListBox .newsList .newsItem .newImg {
  position: relative;
  width: 160px;
  aspect-ratio: 160/118;
  overflow: hidden;
}
.contents .newsListBox .newsList .newsItem .newImg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transition: all ease 0.3s;
  transform: translate(-50%, -50%) scale(1);
}
.contents .newsListBox .newsList .newsItem .newImg img:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.contents .newsSection {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gray-900);
}
.contents .newsSection a {
  /* 변경금지 */
  color: revert;
  text-decoration: underline;
}
.contents .newsSection .headline {
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 4px solid var(--primary);
}
.contents .newsSection .headline.fixedTop h1 {
  /* 변경금지 */
  position: fixed;
  z-index: 999;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 440px;
  font-size: 18px;
  line-height: 28px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contents .newsSection .headline h1 {
  /* 변경금지 */
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}
.contents .newsSection .headline .dateBox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
}
.contents .newsSection .headline .dateBox span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: var(--gray-600);
}
.contents .newsSection .headline .dateBox .media {
  gap: 8px;
}
.contents .newsSection .headline .dateBox .media::after {
  content: "";
  display: block;
  width: 2px;
  height: 12px;
  background-color: var(--gray-300);
}
.contents .newsSection .headline .dateBox .dateTime {
  display: flex;
  align-items: center;
  gap: 4px;
}
.contents .newsSection .headline .dateBox .input::before {
  content: "입력";
}
.contents .newsSection .headline .dateBox .update::before {
  content: "업데이트";
}
.contents .newsSection .headline .dateBox .btn_datetime,
.contents .newsSection .headline .dateBox .ic_option {
  display: none;
}
.contents .newsSection .headline .dateBox .optionBox {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
}
.contents .newsSection .headline .dateBox .optionBox .buttonBox {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contents .newsSection .headline .dateBox .optionBox .buttonBox li {
  font-size: 12px;
  text-align: center;
}
.contents .newsSection .headline .dateBox .optionBox .buttonBox li > span {
  /* 변경금지 */
  display: none;
  word-break: keep-all;
}
.contents .newsSection .headline .dateBox .optionBox .buttonBox .zoom {
  display: none;
}
.contents .newsSection .headline .dateBox .optionBox .shareSNS {
  top: 100%;
  left: 100%;
  transform: translate(-24px, 6px);
}
.contents .newsSection .headline .dateBox .optionBox .shareSNS .SNS {
  display: flex;
  gap: 8px;
}
.contents .newsSection .headline .dateBox .optionBox .shareSNS .SNS li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 38px;
  /* 변경금지 */
  text-decoration: none;
}
.contents .newsSection .headline .dateBox .optionBox .shareSNS .SNS li a .ic::before {
  width: 28px;
  height: 28px;
}
.contents .newsSection .headline .dateBox .optionBox .shareSNS .SNS li a span {
  font-size: 10px;
  color: var(--gray-600);
  text-align: center;
}
.contents .newsSection .headline .dateBox .optionBox .fontSize {
  width: 140px;
  top: 100%;
  left: 100%;
  transform: translate(-92px, 6px);
}
.contents .newsSection .headline .dateBox .optionBox .fontSize .buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contents .newsSection .headline .dateBox .optionBox .fontSize .buttons [class*=ic_zoom]::before {
  width: 30px;
  height: 30px;
}
.contents .newsSection .headline .dateBox .optionBox .layerHeader {
  font-size: 12px;
  color: var(--gray-800);
}
.contents .newsSection .subHeadline {
  border-left: 4px solid var(--gray-900);
  padding-left: 20px;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 40px;
}
.contents .newsSection .photoBox {
  margin: 40px 0;
}
.contents .newsSection .photoBox .image {
  display: flex;
  justify-content: center;
}
.contents .newsSection .photoBox .caption {
  font-size: 12px;
  color: var(--gray-400);
  margin-top: 8px;
}
.contents .newsSection .summary {
  max-width: 660px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--gray-900);
  margin: 40px auto;
}
.contents .newsSection .summary dt {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gray-100);
}
.contents .newsSection .summary dd {
  font-size: 18px;
}
.contents .newsSection .subTitle {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 12px;
  margin: 40px 0;
  border-bottom: 1px solid var(--gray-900);
}
.contents .newsSection .question {
  font-size: 18px;
  font-weight: 700;
  margin: 40px 0;
}
.contents .newsSection .ab_photo .image,
.contents .newsSection .ab_vod .image {
  line-height: 1;
}
.contents .newsSection .ab_photo {
  /* 변경금지 */
  width: fit-content;
  max-width: 100%;
  padding: 20px 0;
}
.contents .newsSection .ab_photo .caption {
  /* 변경금지 */
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--gray-400);
  margin-bottom: 20px;
  margin-top: 8px;
}
.contents .newsSection .ab_quotation {
  max-width: 660px;
  margin: 40px auto;
}
.contents .newsSection .ab_quotation p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--gray-900);
  text-align: center;
  padding: 0;
}
.contents .newsSection .ab_quotation p::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  background: url(https://images.joins.com/ui_joongang/news/pc/article/i_quote.png) 0 0 no-repeat;
  background-size: 100%;
}
.contents .newsSection .ab_quotation p::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  background: url(https://images.joins.com/ui_joongang/news/pc/article/i_quote.png) 0 0 no-repeat;
  background-size: 100%;
  transform: rotate(180deg);
}
.contents .newsSection .ab_quotation p .icon {
  display: none;
}
.contents .newsSection .ab_interview {
  /* 변경금지 */
  margin: 10px 0;
  padding: 0;
}
.contents .newsSection .ab_interview dl {
  margin-left: 0;
}
.contents .newsSection .ab_interview dl dt {
  position: relative;
  padding-bottom: 0;
  padding-left: 24px;
  overflow: hidden;
  padding-top: 0;
  font-size: 18px;
  line-height: 1.5;
  color: var(--gray-900);
  font-weight: 700;
}
.contents .newsSection .ab_interview dl .icon {
  display: inline-block;
  top: 0;
  left: 0;
  width: 20px;
  height: 28px;
  background: none;
}
.contents .newsSection .ab_interview dl .icon::before {
  content: "Q.";
  font-size: 18px;
  line-height: 1.5;
}
.contents .newsSection .ab_interview dl dd {
  /* 변경금지 */
  margin-bottom: 40px;
  padding: 0 0 0 24px;
  font-size: 18px;
  line-height: 1.5;
  margin-top: 0;
  color: var(--gray-900);
}
.contents .newsSection .ab_interview dl dd::before {
  content: "A.";
  display: inline-block;
  top: 0;
  left: 0;
  width: 20px;
  height: 28px;
  background: none;
  font-size: 18px;
  line-height: 1.5;
}
.contents .newsSection .ab_sub_heading {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--gray-900);
  border-top: 0;
  color: var(--gray-900);
}
.contents .newsSection .ab_sub_heading h2 {
  font-size: 20px;
  line-height: 1.6;
}
.contents .newsSection .ab_sub_heading .ab_sub_headingline {
  font-size: 20px;
  line-height: 1.6;
  color: var(--gray-900);
  font-weight: 700;
}
.contents .newsSection .ab_emphasis {
  width: 660px;
  margin: 40px auto;
  padding: 22px;
}
.contents .newsSection .ab_emphasis p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  padding: 12px 0;
}
.contents .newsSection .ab_emphasis .ab_emphasis_dim_lt,
.contents .newsSection .ab_emphasis .ab_emphasis_dim_rt {
  display: none;
}
.contents .newsSection .ab_emphasis::before, .contents .newsSection .ab_emphasis::after {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H0V8V22H8V8H22V0H8Z' fill='%23383838'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  background-color: transparent;
}
.contents .newsSection .ab_emphasis::after {
  transform: rotate(180deg);
}
.contents .newsSection .ab_box_article {
  padding: 0;
  margin: 40px auto;
}
.contents .newsSection .ab_box_article .ab_box_inner {
  padding: 16px;
  border: 1px solid var(--gray-900);
}
.contents .newsSection .ab_box_article .ab_box_inner .ab_box_title {
  padding-bottom: 12px;
  margin-bottom: 20px;
  color: var(--gray-900);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 1px solid var(--gray-100);
}
.contents .newsSection .ab_box_article .ab_box_inner .ab_box_title .ab_box_bullet {
  display: none;
}
.contents .newsSection .ab_box_article .ab_box_inner .ab_box_content {
  color: var(--gray-900);
  font-size: 18px;
  line-height: 28px;
}
.contents .newsSection .ab_box_article.noTitle .ab_box_inner .ab_box_title {
  display: none;
}
.contents .newsSection .articleTags {
  /* 변경금지 */
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 40px 0;
}
.contents .newsSection .articleTags .tag {
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--primary);
  background: var(--red-50);
  /* 변경금지 */
  text-decoration: none;
}
.contents .newsSection .articleTags .tag span {
  font-size: 12px;
  color: var(--primary);
}
.contents .newsSection .iniframe {
  margin: 40px 0;
  clear: both;
  max-width: unset;
}
.contents .newsSection.opinion .headline {
  border-bottom: 4px solid var(--secondary);
}
.contents .newsSection.opinion .photoBox {
  float: left;
  margin: 0 40px 0 0;
}
.contents .newsSection.opinion .photoBox .image {
  width: 188px;
  height: 234px;
}
.contents .newsSection .ab_photo.photo_left {
  margin: 0 20px 0 0;
}
.contents .newsSection .ab_photo.photo_right {
  margin: 0 0 0 20px;
}
.contents .newsSection .bx-wrapper {
  position: relative;
  margin-bottom: 40px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  background: #fff;
}
.contents .newsSection .bx-wrapper .bx-wrapper img {
  max-width: 100%;
  display: block;
}
.contents .newsSection .bx-wrapper .bxslider {
  margin: 0;
  padding: 0;
  -webkit-perspective: 1000;
}
.contents .newsSection .bx-wrapper ul.bxslider {
  list-style: none;
}
.contents .newsSection .bx-wrapper .bx-viewport {
  -webkit-transform: translateZ(0);
}
.contents .newsSection .bx-wrapper .bx-pager {
  width: 100%;
  justify-content: center;
}
.contents .newsSection .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #C1C1C1 !important;
  text-indent: -9999px;
  display: block;
  width: 6px !important;
  height: 6px !important;
  margin: 0 !important;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.contents .newsSection .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #909090 !important;
}
.contents .newsSection .bx-wrapper .bx-pager.bx-default-pager a.active, .contents .newsSection .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #F6330A !important;
}
.contents .newsSection .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .contents .newsSection .bx-wrapper .bx-pager-item {
  display: inline-block;
  vertical-align: bottom;
}
.contents .newsSection .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
.contents .newsSection .bx-wrapper .bx-controls-direction {
  display: flex;
  gap: 8px;
  margin-top: 0;
}
.contents .newsSection .bx-wrapper .bx-controls-direction a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.5);
  border: 0;
}
.contents .newsSection .bx-wrapper .bx-controls-direction .bx-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.625 5.625L6.25 10L10.625 14.375' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.contents .newsSection .bx-wrapper .bx-controls-direction .bx-next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 5.625L13.75 10L9.375 14.375' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.contents .leftSection {
  grid-row-end: 2;
  grid-column-end: 2;
  min-width: 820px;
}
.contents .rightSection {
  grid-row-end: span 3;
  width: 320px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.contents .rightSection .listAdGroup {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.contents .rightSection .rankingList {
  border-top: 4px solid var(--primary);
  padding-top: 16px;
}
.contents .rightSection .rankingList.favoriteNews {
  border-top: 4px solid var(--gray-900);
}
.contents .rightSection .rankingList.favoriteNews .list {
  margin-top: 4px;
}
.contents .rightSection .rankingList.favoriteNews .list a p {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
.contents .rightSection .rankingList.favoriteNews .list a::before {
  display: none;
}
.contents .rightSection .rankingList.photoNews {
  border-top: 4px solid var(--gray-900);
}
.contents .rightSection .rankingList.photoNews .bx-wrapper {
  max-width: 100% !important;
  position: unset;
}
.contents .rightSection .rankingList.photoNews .bx-wrapper .bx-controls .bx-pager {
  position: absolute;
  top: 27px;
  right: 0;
}
.contents .rightSection .rankingList.realtime .list a p {
  width: 100%;
}
.contents .rightSection .photoSlide .item {
  height: 180px;
  overflow: hidden;
}
.contents .rightSection .photoSlide .item img {
  width: 100%;
  object-fit: cover;
  transition: all ease 0.3s;
  transform: scale(1);
}
.contents .rightSection .photoSlide .item img:hover {
  transform: scale(1.1);
}
.contents .ab_related_article {
  margin: 20px auto;
  width: 660px;
  padding: 20px 0;
  border: solid var(--gray-100);
  border-width: 1px 0;
}
.contents .ab_related_article .hd {
  position: relative;
  top: unset;
  left: unset;
  padding-right: 0;
}
.contents .ab_related_article .hd h2 {
  color: var(--gray-900);
  font-size: 20px;
  line-height: 32px;
}
.contents .ab_related_article .hd h2 strong {
  font-size: 20px;
}
.contents .ab_related_article .bd {
  border: 0;
}
.contents .ab_related_article .bd .text_type {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0 0 0;
}
.contents .ab_related_article .bd .text_type .headline {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.contents .ab_related_article .bd .text_type .headline a {
  font-size: 18px;
  line-height: 28px;
  /* 변경금지 */
  text-decoration: none;
}
.contents .ab_related_article .bd .text_type .headline::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3L0 6V0L5 3Z' fill='%23383838'/%3E%3C/svg%3E%0A");
  background-size: 6px;
}
.contents .ab_player iframe {
  max-width: 100%;
}

.rankingList {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rankingList .titleBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rankingList .titleBox .title {
  display: flex;
  align-items: center;
}
.rankingList .titleBox .title span {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.rankingList .titleBox .title .ic {
  font-size: 0;
}
.rankingList .titleBox .option {
  display: flex;
  gap: 8px;
}
.rankingList .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rankingList .list a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--gray-100);
}
.rankingList .list a p {
  width: calc(100% - 40px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.rankingList .list a:hover p {
  opacity: 0.6;
}
.rankingList .list a .no {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 18px;
  font-weight: 700;
  color: var(--gray-800);
  background-color: var(--gray-C);
  border-radius: 50%;
}
.rankingList .pagination {
  justify-content: flex-end;
  margin: 0;
  gap: 8px;
}

.listWrap {
  border-top: 4px solid var(--primary);
}
.listWrap > h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--primary);
  padding: 16px 0;
}

.detailWrap {
  max-width: 1560px;
  padding-top: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 60px;
}
.detailWrap .contents {
  max-width: 1200px;
}
.detailWrap .iniframe {
  min-width: unset;
  max-width: 320px;
}
.detailWrap .leftFixAdd {
  position: sticky;
  top: 178px;
}

.filterArea {
  display: flex;
  flex-direction: column;
}
.filterArea .filterBox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  column-gap: 20px;
  row-gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid var(--gray-100);
}
.filterArea .filterBox .formItem {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 160px;
}
.filterArea .filterBox .formItem label {
  font-size: 14px;
  font-weight: 700;
  color: var(--gray-800);
}
.filterArea .filterBox .formItem input, .filterArea .filterBox .formItem select {
  width: 160px;
}
.filterArea .filterBox .formItem .period {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filterArea .filterBox .formItem .period .datepicker {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.57143 6.19961H10.3906M5.44 3.09961V4.0381M10.46 3.09961V4.038M12.25 5.538L12.25 11.2809C12.25 12.1093 11.5784 12.7809 10.75 12.7809H5.25C4.42157 12.7809 3.75 12.1093 3.75 11.2809V5.538C3.75 4.70957 4.42157 4.038 5.25 4.038H10.75C11.5784 4.038 12.25 4.70957 12.25 5.538Z' stroke='%23666666' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 8px center;
}
.filterArea .filterBox .formItem.keyword {
  flex: 1;
}
.filterArea .filterBox .formItem.keyword input {
  width: 100%;
}
.filterArea .filterBox .btnSearch {
  width: 65px;
  height: 36px;
  font-size: 14px;
  font-weight: 700;
  color: white;
  border-radius: 5px;
  background: var(--primary);
}
.filterArea .ad_hx_box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0;
}
.filterArea .ad_hx_box .item .img {
  float: left;
  width: 184px;
  aspect-ratio: 184/120;
  margin-right: 16px;
}
.filterArea .ad_hx_box .item dl {
  padding-top: 16px;
}
.filterArea .ad_hx_box .item dl .tit {
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-900);
}
.filterArea .ad_hx_box .item dl dd p {
  display: flex;
  gap: 5px;
  padding: 5px 0;
}
.filterArea .ad_hx_box .item dl dd p span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 14px;
  color: var(--gray-600);
}
.filterArea .ad_hx_box .item dl dd p span::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.filterArea .ad_hx_box .item dl dd p .home::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23F0F0F0'/%3E%3Cpath d='M4 6.13868C4 6.01555 4.06267 5.90003 4.16819 5.82868L6.76819 4.07039C6.90697 3.97654 7.09303 3.97654 7.23181 4.07039L9.83181 5.82868C9.93733 5.90003 10 6.01555 10 6.13868V9.4294C10 9.74453 9.73137 10 9.4 10H4.6C4.26863 10 4 9.74453 4 9.4294V6.13868Z' stroke='black'/%3E%3C/svg%3E%0A");
}
.filterArea .ad_hx_box .item dl dd p .phone::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23F0F0F0'/%3E%3Cpath d='M10.6108 9.82113C10.6108 9.82113 10.128 10.2953 10.0097 10.4343C9.817 10.64 9.58993 10.7371 9.29225 10.7371C9.26362 10.7371 9.23309 10.7371 9.20447 10.7352C8.63773 10.699 8.11107 10.4781 7.71607 10.2896C6.63602 9.76781 5.68764 9.02704 4.89955 8.08821C4.24885 7.30554 3.81378 6.5819 3.52564 5.80495C3.34818 5.33077 3.2833 4.96134 3.31192 4.61285C3.33101 4.39005 3.41688 4.20533 3.57526 4.04727L4.22596 3.3979C4.31946 3.3103 4.41869 3.2627 4.516 3.2627C4.63622 3.2627 4.73354 3.33506 4.7946 3.396C4.79651 3.3979 4.79842 3.39981 4.80033 3.40171C4.91673 3.51026 5.0274 3.62261 5.1438 3.74258C5.20296 3.80352 5.26402 3.86446 5.32508 3.9273L5.84602 4.44718C6.04829 4.64903 6.04829 4.83565 5.84602 5.03751C5.79069 5.09274 5.73726 5.14796 5.68192 5.20128C5.52163 5.36505 5.64755 5.23939 5.48153 5.38793C5.47772 5.39174 5.4739 5.39364 5.47199 5.39745C5.30788 5.56122 5.33842 5.72118 5.37276 5.82973C5.37467 5.83544 5.37658 5.84115 5.37849 5.84687C5.51397 6.17441 5.70479 6.4829 5.99484 6.85044L5.99675 6.85234C6.52341 7.49981 7.0787 8.00445 7.69124 8.39102C7.76947 8.44053 7.84962 8.48052 7.92595 8.51861C7.99464 8.55289 8.05952 8.58526 8.11486 8.61954C8.12249 8.62335 8.13012 8.62906 8.13776 8.63287C8.20264 8.66524 8.2637 8.68048 8.32667 8.68048C8.48505 8.68048 8.58428 8.58145 8.61672 8.54908L8.99075 8.17581C9.05563 8.11106 9.15867 8.03299 9.27889 8.03299C9.3972 8.03299 9.49452 8.10725 9.55367 8.172C9.55558 8.17391 9.55558 8.17391 9.55749 8.17581L10.6089 9.22508C10.8055 9.41932 10.6108 9.82113 10.6108 9.82113Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.filterArea .ad_hx_box .item .txt {
  font-size: 12px;
  line-height: 20px;
  color: var(--gray-600);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main .container .ad-Section {
  margin: 0 0 40px 0;
}
.main .rowSection {
  display: flex;
  gap: 30px;
  margin-bottom: 40px;
  overflow: hidden;
}
.main .rowSection .moduleArea {
  flex: 1;
}
.main .rowSection .moduleArea .colGroup {
  display: flex;
  column-gap: 30px;
}
.main .rowSection .moduleArea .colGroup .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 36px;
}
.main .rowSection .moduleArea .colGroup .col.headline {
  max-width: 520px;
}
.main .rowSection .moduleArea .colGroup .col .AdBox {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main .rowSection .moduleArea .colGroup .col .AdBox .photoAdList {
  width: 320px;
  gap: 20px;
  /* 변경금지 */
  justify-content: center;
}
.main .rowSection .moduleArea .colGroup .col .AdBox .photoAdList a {
  width: 150px;
}
.main .rowSection .moduleArea .colGroup .col .AdBox .photoAdList a .imgBox {
  margin-bottom: 5px;
}
.main .rowSection .moduleArea .colGroup .col .AdBox .photoAdList a h2 {
  font-size: 14px;
}
.main .rowSection .moduleArea .colGroup + .iniframe {
  margin-top: 40px;
}
.main .rowSection .moduleArea .titleBox {
  border-color: var(--primary);
}
.main .rowSection .moduleArea .titleBox .title span {
  color: var(--primary);
}
.main .rowSection .sideBlock {
  width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .rowSection .sideBlock .row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main .rowSection .sideBlock .bx-wrapper .bx-pager {
  position: absolute;
  top: 11px;
  right: 0;
}
.main .rowSection .sideBlock .adGroup {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 42px;
}
.main .todayHot {
  width: 520px;
}
.main .todayHot .img {
  position: relative;
  width: 100%;
  height: 332px;
  overflow: hidden;
}
.main .todayHot .img img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  /* 변경금지 */
  height: 100%;
  object-fit: cover;
  transition: all ease 0.3s;
  transform: translateX(-50%) scale(1);
}
.main .todayHot .img img:hover {
  transform: translateX(-50%) scale(1.1);
}
.main .todayHot .info {
  position: relative;
  z-index: 1;
  margin-top: -14px;
}
.main .todayHot .info h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.main .todayHot .info h2 .badge {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: white;
  padding: 3px 10px;
  background-color: var(--primary);
  margin-bottom: 4px;
}
.main .todayHot .info h2 a {
  min-height: 88px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
  color: var(--gray-900);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.main .notiBox {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 8px 16px 8px 60px;
  border-radius: 5px;
  background: var(--gray-C);
  overflow: hidden;
}
.main .notiBox .tit {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-900);
  padding-left: 16px;
  background-color: var(--gray-C);
}
.main .notiBox .tit::after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  margin-top: 2px;
  background-color: var(--gray-300);
}
.main .notiBox .newsTicker {
  flex: 1;
  overflow: hidden;
  position: relative;
  line-height: 1;
}
.main .notiBox .tickerContent {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
  will-change: transform;
}
.main .notiBox .tickerContent a {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  font-size: 16px;
  color: var(--gray-900);
  white-space: nowrap;
}
.main .notiBox .tickerContent a::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--gray-600);
}
.main .cardNewsGroup {
  max-width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main .cardNewsGroup .cardNews {
  padding-top: 12px;
}
.main .cardNewsGroup .cardNews .img {
  width: 96px;
}
.main .cardNewsGroup .cardNews .title p {
  font-size: 16px;
  line-height: 24px;
}
.main .cardNewsGroup .bigCard {
  flex: 1;
  height: calc(100% - 154px);
  border: 0;
}
.main .sideModule .titleBox {
  border-top: 4px solid var(--blueUs);
}
.main .sideModule .titleBox .title span {
  color: var(--blueUs);
}
.main .sideModule .cardList {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.main .sideModule .cardNews .img {
  width: 96px;
}
.main .sideModule .cardNews .title p {
  font-size: 16px;
  line-height: 24px;
}
.main .sideModule .cardNews .textAD {
  flex: 1 0 0%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 변경금지 */
  word-break: break-word;
}
.main .sideModule .cardNews .textAD .badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  color: white;
  padding: 2px 6px 3px 6px;
  border-radius: 4px;
  background-color: var(--gray-800);
  margin-right: 4px;
  word-break: keep-all;
}
.main .sideModule .cardNews .textAD span {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--gray-800);
}
.main .sideModule.realTime .titleBox {
  border-color: var(--primary);
}
.main .sideModule.realTime .titleBox .title span {
  color: var(--gray-900);
}
.main .sideModule.realTime .list {
  margin-top: 0 !important;
}
.main .sideModule.opinion {
  width: 100%;
}
.main .sideModule.opinion .titleBox {
  border-color: var(--secondary);
}
.main .sideModule.opinion .titleBox .title span {
  color: var(--secondary);
}
.main .sideModule.opinion .cardList .cardNews {
  flex-direction: row-reverse;
}
.main .sideModule.opinion .cardList .cardNews .img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid var(--gray-100);
}
.main .sideModule.opinion .cardList .cardNews .img img {
  max-height: unset;
  max-width: 100%;
}
.main .sideModule.opinion .cardList .cardNews .title p {
  /* 변경금지 */
  font-size: 16px;
}
.main .sideModule.opinion .cardList .cardNews .title span {
  display: block;
  font-size: 14px;
  color: var(--gray-400);
  margin-top: 4px;
}
.main .sideModule.professional .titleBox {
  border-color: var(--gray-900);
}
.main .sideModule.professional .titleBox .title span {
  color: var(--gray-900);
}
.main .sideModule.professional .cardList .cardNews:has(.title) {
  flex-direction: row-reverse;
}
.main .sideModule.professional .cardList .cardNews .img {
  width: 80px;
  height: 94px;
  border: 1px solid var(--gray-100);
}
.main .sideModule.professional .cardList .cardNews .title p {
  /* 변경금지 */
  font-size: 16px;
}
.main .sideModule.professional .cardList .cardNews .title span {
  display: block;
  font-size: 14px;
  color: var(--gray-400);
  margin-top: 16px;
}
.main .sideModule.professional .cardList .cardNews .info {
  flex: 1;
  width: calc(100% - 92px);
}
.main .sideModule.professional .cardList .cardNews .info .name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .sideModule.professional .cardList .cardNews .info .list li {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
}
.main .sideModule.professional .cardList .cardNews .info .list li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: var(--gray-600);
  border-radius: 50%;
}
.main .sideModule.professional .cardList .cardNews .info .list li a {
  display: block;
  font-size: 12px;
  color: var(--gray-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .sideModule.QnA .titleBox {
  border-color: var(--gray-900);
}
.main .sideModule.QnA .titleBox .title span {
  color: var(--gray-900);
}
.main .sideModule.QnA .QnAList {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main .sideModule.QnA .QnAList li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.main .sideModule.QnA .QnAList li::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='11' fill='%23EFF0F6'/%3E%3Cpath d='M14.01 12.6659C14.22 12.2039 14.374 11.5319 14.374 10.9999C14.374 8.70386 13.016 7.21986 10.916 7.21986C8.83002 7.21986 7.47202 8.70386 7.47202 10.9999C7.47202 13.2679 8.83002 14.7519 10.916 14.7519C11.7 14.7519 12.498 14.4999 12.946 14.1079L11.504 12.5539L12.82 11.3499L14.01 12.6659ZM5.66602 10.9999C5.66602 7.86386 7.83602 5.65186 10.916 5.65186C14.01 5.65186 16.18 7.86386 16.18 10.9999C16.152 11.9799 15.788 13.2259 15.284 14.0239L16.334 15.1439L15.032 16.3479L14.052 15.2699C13.282 15.8999 11.994 16.3339 10.916 16.3339C7.83602 16.3339 5.66602 14.1359 5.66602 10.9999Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
}
.main .sideModule.QnA .QnAList li a {
  width: calc(100% - 30px);
  display: block;
  /* 변경금지 */
  font-size: 16px;
  line-height: 22px;
  color: var(--gray-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .sideModule.QnA .QnAList li a:hover {
  opacity: 0.6;
}
.main .titleBox {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px 0 16px 0;
  border-top: 4px solid var(--gray-900);
}
.main .titleBox .title {
  display: flex;
  align-items: center;
}
.main .titleBox .title span {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  color: var(--gray-900);
}
.main .newsListBock {
  min-height: 242px;
}
.main .newsListBock .list {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main .newsListBock .list li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main .newsListBock .list li a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--gray-800);
}
.main .newsListBock .list li a:hover {
  opacity: 0.6;
}
.main .newsListBock .list li .badge {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
  color: white;
  padding: 2px 6px 3px 6px;
  border-radius: 4px;
  background-color: var(--gray-800);
  /* 변경금지 */
  word-break: keep-all;
}
.main .cardNews {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--gray-100);
  padding-top: 12px;
}
.main .cardNews .img {
  position: relative;
  width: 120px;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.main .cardNews .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%; /* 변경금지 */
  object-fit: cover;
  transition: all ease 0.3s;
  transform: translate(-50%, -50%) scale(1);
}
.main .cardNews .img img:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.main .cardNews .title {
  flex: 1;
  width: 100%;
}
.main .cardNews .title p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}
.main .cardNews .title p:hover {
  opacity: 0.6;
}
.main .cardNews:first-of-type {
  border: 0 !important;
  padding-top: 0;
}
.main .cardNews.bigCard {
  flex-direction: column;
  gap: 12px;
  padding-top: 0;
}
.main .cardNews.bigCard .img {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.main .cardNews.bigCard .title p {
  font-size: 20px;
  line-height: 160%;
}
.main .cardNews.single {
  flex-direction: column;
  gap: 12px;
  padding-top: 0;
}
.main .cardNews.single .img {
  width: 100%;
  height: 200px;
  aspect-ratio: 410/200;
}
.main .cardNews.single .img img {
  max-height: unset;
  max-width: 100%;
}
.main .cardNews.single .title p {
  -webkit-line-clamp: 1;
}
.main .cardNews:has(.textAD) {
  border-top: 4px solid var(--gray-900);
}
.main .rankingList {
  /* 변경금지 */
  width: 100%;
  max-width: 410px;
}
.main .rankingList .titleBox {
  border-top: 0;
  padding: 0;
}
.main .rankingList .titleBox .title span {
  color: var(--gray-900) !important;
}
.main .rankingList .list {
  gap: 8px;
}
.main .rankingList .list a {
  padding-bottom: 8px;
}
.main .rankingList .list a:last-child {
  border: 0;
}
.main .quickLink {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.main .quickLink .iconLink {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.main .quickLink .iconLink .link::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid var(--gray-100);
  border-radius: 50%;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center center;
}
.main .quickLink .iconLink .link span {
  display: block;
  font-size: 14px;
  color: var(--gray-900);
  text-align: center;
}
.main .quickLink .iconLink .link.icon01::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='12.0018' cy='7.05848' r='3.07059' stroke='%23383838' stroke-width='1.8'/%3E%3Cpath d='M5.13992 16.2118C5.79394 12.9417 8.66517 10.5879 12 10.5879C15.3348 10.5879 18.2061 12.9417 18.8601 16.2118L18.9554 16.6883C19.2371 18.0971 18.1596 19.4114 16.723 19.4114H7.27702C5.84037 19.4114 4.76287 18.0971 5.04462 16.6883L5.13992 16.2118Z' stroke='%23383838' stroke-width='1.8'/%3E%3Ccircle cx='19.5528' cy='19.6426' r='7.26853' transform='rotate(-45 19.5528 19.6426)' stroke='%23383838' stroke-width='2'/%3E%3Crect x='23.2344' y='25.0557' width='2.44994' height='7.34981' rx='1.22497' transform='rotate(-45 23.2344 25.0557)' fill='%23383838'/%3E%3C/svg%3E");
}
.main .quickLink .iconLink .link.icon02::before {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8074 15.6125L16.4937 5.29883L5.17994 15.6125' stroke='%23383838' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.49365 13.2988V25.2988C7.49365 25.8511 7.94137 26.2988 8.49365 26.2988H24.4937C25.0459 26.2988 25.4937 25.8511 25.4937 25.2988V13.2988' stroke='%23383838' stroke-width='2'/%3E%3Cpath d='M10.4902 10.7988V6.79883C10.4902 6.52269 10.2664 6.29883 9.99023 6.29883H7.99023C7.71409 6.29883 7.49023 6.52269 7.49023 6.79883V13.2988' stroke='%23383838' stroke-width='2'/%3E%3Cpath d='M13.9937 19.2988C13.9937 18.7465 14.4414 18.2988 14.9937 18.2988H17.9937C18.5459 18.2988 18.9937 18.7465 18.9937 19.2988V26.2988H13.9937V19.2988Z' stroke='%23383838' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.main .quickLink .iconLink .link.icon03::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.5H4.77778C3.79594 11.5 3 12.2959 3 13.2778V13.6111C3 14.102 3.39797 14.5 3.88889 14.5H6.55556' stroke='%23383838' stroke-width='1.7'/%3E%3Cpath d='M25 11.5H27C28.1046 11.5 29 12.3954 29 13.5V13.5C29 14.0523 28.5523 14.5 28 14.5H25.4444' stroke='%23383838' stroke-width='1.7'/%3E%3Cpath d='M8 24H11V26.5C11 27.3284 10.3284 28 9.5 28V28C8.67157 28 8 27.3284 8 26.5V24Z' stroke='%23383838' stroke-width='1.7'/%3E%3Cpath d='M21 24H24V26.5C24 27.3284 23.3284 28 22.5 28V28C21.6716 28 21 27.3284 21 26.5V24Z' stroke='%23383838' stroke-width='1.7'/%3E%3Cpath d='M5 18C5 16.3431 6.34315 15 8 15H24C25.6569 15 27 16.3431 27 18V23C27 23.5523 26.5523 24 26 24H6C5.44772 24 5 23.5523 5 23V18Z' stroke='%23383838' stroke-width='2'/%3E%3Cpath d='M8.65197 7.56614C8.85532 6.65106 9.66695 6 10.6043 6H21.3957C22.3331 6 23.1447 6.65106 23.348 7.56614L24.7296 13.7831C24.8684 14.4076 24.3931 15 23.7534 15H8.24662C7.60687 15 7.13165 14.4076 7.27043 13.7831L8.65197 7.56614Z' stroke='%23383838' stroke-width='2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.5' stroke='%23383838' stroke-width='1.5'/%3E%3Ccircle cx='22.5' cy='19.5' r='1.5' stroke='%23383838' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.main .quickLink .iconLink .link.icon04::before {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.60254 9.39941H24.1302C24.8571 9.39941 25.4191 10.0373 25.3275 10.7585L24.4272 17.8446C24.3506 18.4475 23.8377 18.8994 23.2299 18.8994H9.80951' stroke='%23383838' stroke-width='2'/%3E%3Cpath d='M23.0353 22.1992H11.0695C10.4591 22.1992 9.94476 21.7435 9.8713 21.1375L8.1287 6.76096C8.05524 6.15497 7.54091 5.69922 6.93049 5.69922H6' stroke='%23383838' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='13' cy='25.3994' r='1.5' stroke='%23383838' stroke-width='1.7'/%3E%3Ccircle cx='20' cy='25.3994' r='1.5' stroke='%23383838' stroke-width='1.7'/%3E%3C/svg%3E%0A");
}
.main .quickLink .iconLink .link.icon05::before {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.49951' y='6' width='17' height='20' rx='1.06608' stroke='%23383838' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.131 4.13216H19.7305C20.0248 4.13216 20.2635 4.37081 20.2635 4.6652V7.3304C20.2635 7.62479 20.0248 7.86344 19.7305 7.86344H12.2679C11.9735 7.86344 11.7349 7.62479 11.7349 7.3304V4.6652C11.7349 4.37081 11.9735 4.13216 12.2679 4.13216H13.8667C13.8667 2.9546 14.8213 2 15.9989 2C17.1764 2 18.131 2.9546 18.131 4.13216Z' fill='white'/%3E%3Cpath d='M18.131 4.13216H17.281V4.98216H18.131V4.13216ZM13.8667 4.13216V4.98216H14.7167V4.13216H13.8667ZM18.131 4.98216H19.7305V3.28216H18.131V4.98216ZM19.7305 4.98216C19.5554 4.98216 19.4135 4.84025 19.4135 4.6652H21.1135C21.1135 3.90137 20.4943 3.28216 19.7305 3.28216V4.98216ZM19.4135 4.6652V7.3304H21.1135V4.6652H19.4135ZM19.4135 7.3304C19.4135 7.15534 19.5554 7.01344 19.7305 7.01344V8.71344C20.4943 8.71344 21.1135 8.09423 21.1135 7.3304H19.4135ZM19.7305 7.01344H12.2679V8.71344H19.7305V7.01344ZM12.2679 7.01344C12.443 7.01344 12.5849 7.15534 12.5849 7.3304H10.8849C10.8849 8.09423 11.5041 8.71344 12.2679 8.71344V7.01344ZM12.5849 7.3304V4.6652H10.8849V7.3304H12.5849ZM12.5849 4.6652C12.5849 4.84025 12.443 4.98216 12.2679 4.98216V3.28216C11.5041 3.28216 10.8849 3.90137 10.8849 4.6652H12.5849ZM12.2679 4.98216H13.8667V3.28216H12.2679V4.98216ZM14.7167 4.13216C14.7167 3.42404 15.2907 2.85 15.9989 2.85V1.15C14.3519 1.15 13.0167 2.48516 13.0167 4.13216H14.7167ZM15.9989 2.85C16.707 2.85 17.281 3.42404 17.281 4.13216H18.981C18.981 2.48516 17.6459 1.15 15.9989 1.15V2.85Z' fill='%23383838'/%3E%3Cpath d='M20.9995 12.4004L10.9995 12.4004' stroke='%23383838' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M20.9995 16.9004L10.9995 16.9004' stroke='%23383838' stroke-width='1.7' stroke-linecap='round'/%3E%3Cpath d='M20.9995 21.4004L10.9995 21.4004' stroke='%23383838' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.main .quickLink .iconLink .link.icon06::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M28.6183 19.8228C27.3184 21 25.7808 21.8841 24.1095 22.4153C22.4381 22.9465 20.6722 23.1124 18.9312 22.9017C13.2992 22.3009 7.44186 17.8704 8.04261 12.2383C8.26789 9.76023 8.34296 10.6614 8.71843 4.95423C8.71843 4.65385 9.54449 4.50367 9.54449 4.50367C9.54449 4.50367 10.8962 4.20329 10.8962 4.95423C10.8954 6.30951 11.1239 7.65516 11.572 8.9342C12.4027 11.3833 13.9789 13.5111 16.0797 15.0193C18.1805 16.5276 20.7005 17.3407 23.2866 17.3447C24.5333 17.3652 25.7752 17.1877 26.9663 16.8191C27.3576 16.663 27.7924 16.6553 28.189 16.7974C28.5855 16.9396 28.9165 17.2218 29.1195 17.5909C29.3226 17.9601 29.3837 18.3907 29.2914 18.8017C29.199 19.2128 28.9597 19.5759 28.6183 19.8228Z' stroke='%23383838' stroke-width='1.95556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.4219 8.18359C12.8482 9.7503 14.6568 10.9199 16.6707 11.5781C18.6847 12.2362 20.8349 12.3603 22.9112 11.9383C24.1487 11.7052 25.3404 11.2741 26.4406 10.6617C26.7861 10.4876 27.18 10.4345 27.5592 10.511C27.9384 10.5874 28.2809 10.7889 28.5319 11.0832C28.783 11.3776 28.9279 11.7476 28.9436 12.1341C28.9593 12.5206 28.8447 12.9012 28.6183 13.2149L27.4919 14.4915' stroke='%23383838' stroke-width='1.77778' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1124 22.6668C15.1124 24.3171 14.4569 25.8997 13.29 27.0666C12.1231 28.2335 10.5404 28.8891 8.89019 28.8891C7.23995 28.8891 5.65732 28.2335 4.49042 27.0666C3.32353 25.8997 2.66797 24.3171 2.66797 22.6668C2.66797 19.2383 5.46162 13.3335 8.89019 13.3335C12.3188 13.3335 15.1124 19.2383 15.1124 22.6668Z' fill='white' stroke='%23383838' stroke-width='1.95556' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.88937 25.8412C10.5024 25.8412 11.81 24.5336 11.81 22.9206C11.81 21.3076 10.5024 20 8.88937 20C7.27635 20 5.96875 21.3076 5.96875 22.9206C5.96875 24.5336 7.27635 25.8412 8.88937 25.8412Z' stroke='%23383838' stroke-width='1.42222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.main .quickLink .bannerLink {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  color: var(--gray-800);
  padding: 0px 22px 0px 20px;
  border-radius: 10px;
  background-color: #E6EAFF;
  background-image: url(../../images/common/img_bannerIcon.png);
  background-repeat: no-repeat;
  background-size: 80px;
  background-position: right 20px center;
}
.main .quickLink .bannerLink.hotdeal {
  /* 변경금지 */
  background-image: url(../../images/common/hotdeal_banner.jpg);
  background-size: contain;
  background-position: center;
  border-radius: 0px;
}
.main .quickLink .bannerLink p {
  font-size: 18px;
  font-weight: 700;
}
.main .quickLink .bannerLink span {
  font-size: 12px;
}
.main .quickLink.newyork {
  height: 220px;
}
.main .photoAdList {
  width: 100%;
  display: flex;
  gap: 30px;
}
.main .photoAdList .item a {
  display: block;
}
.main .photoAdList .item a .imgBox {
  position: relative;
  width: 100%;
  aspect-ratio: 216/160;
  background: #eee;
  margin-bottom: 10px;
  border: 1px solid #ebebeb;
  overflow: hidden;
}
.main .photoAdList .item a .imgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: all ease 0.3s;
  object-fit: cover;
  width: 100%;
  /* 변경금지 */
  height: 100%;
}
.main .photoAdList .item a h2 {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  min-height: 52px;
}
.main .photoAdList .item a h2 span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* 변경금지 */
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main .photoSlide {
  height: 256px;
}
.main .photoSlide .item img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  overflow: hidden;
  transition: all ease 0.3s;
  transform: scale(1);
}
.main .photoSlide .item img:hover {
  transform: scale(1.1);
}
.main .photoSlide .item .title {
  font-size: 20px;
  font-weight: 700;
  color: var(--gray-900);
  line-height: 32px;
  margin-top: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
}
.main .hotdeal {
  width: 100%;
}
.main .hotdeal .titleBox {
  border-color: var(--gray-900);
}
.main .hotdeal .titleBox .title span {
  color: var(--gray-900);
}
.main .hotdeal .bx-controls {
  position: absolute;
  top: 2px;
  right: 0;
}
.main .hotdeal .Slide .item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 216px;
}
.main .hotdeal .Slide .item a {
  display: block;
  width: 100%;
}
.main .hotdeal .Slide .item a h2 span {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  -webkit-line-clamp: 2;
}
.main .hellowKtown h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  color: var(--gray-900);
  margin-bottom: 16px;
}
.main .hellowKtown .photoAdList {
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 16px;
}
.main .hellowKtown .photoAdList .item {
  width: calc(50% - 10px);
}
.main .hellowKtown .photoAdList .item .imgBox {
  aspect-ratio: 195/136 !important;
}
.main .hellowKtown .quickLinkBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: var(--gray-C);
  margin-bottom: 20px;
}
.main .hellowKtown .quickLinkBar p {
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-900);
}
.main .hellowKtown .quickLinkBar .linkGroup {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.main .hellowKtown .quickLinkBar .linkGroup .link {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-800);
  padding: 4px 12px;
  border-radius: 20px;
  background-color: white;
}
.main .hellowKtown .carDeeler, .main .hellowKtown .recruit {
  width: 100%;
}
.main .companyList {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main .companyList dl {
  display: flex;
  gap: 12px;
}
.main .companyList dl .imgBox {
  position: relative;
  width: 204px;
  height: 68px;
  border: 1px solid var(--gray-100);
  overflow: hidden;
}
.main .companyList dl .imgBox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  object-fit: cover;
  transition: all ease 0.3s;
}
.main .companyList dl .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main .companyList dl .info p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
}
.main .companyList dl .info span {
  font-size: 13px;
  color: var(--gray-600);
  margin-top: 4px;
}
.main .border {
  border-top: 4px solid var(--primary);
  padding-top: 16px;
}
.main .bx-wrapper {
  max-width: 100% !important;
}
.main .bx-wrapper .bx-controls .bx-pager {
  position: absolute;
  top: 27px;
  right: 0;
  display: flex;
  gap: 6px;
  line-height: 6px;
}

.ad-Section {
  grid-row-end: 3;
  grid-column-end: 2;
  background-color: var(--gray-50);
  overflow: hidden;
  padding-bottom: 10px;
}
.ad-Section .adBox {
  position: relative;
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  gap: 40px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  line-height: 1;
}
.ad-Section .adBox::before {
  content: "ADVERTISEMENT";
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 22px;
  color: var(--gray-600);
}

.iniframe {
  position: relative;
  text-align: center;
  min-width: 320px;
  padding: 0 0 10px 0;
  line-height: 1;
  background-color: var(--gray-50);
}
.iniframe::before {
  content: "ADVERTISEMENT";
  display: block;
  font-size: 12px;
  line-height: 22px;
  color: var(--gray-600);
}
.iniframe iframe {
  background-color: var(--gray-100);
}

.favoriteAD {
  margin: 0;
  /* 변경금지 */
  border-top: 4px solid var(--gray-900);
  padding-top: 16px;
  overflow: hidden;
}
.favoriteAD .thumbBlockArea {
  width: calc(100% + 20px);
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.favoriteAD .thumbBlockArea .thumbBlock {
  width: calc(33.333% - 20px);
  padding: 0 0 20px 0;
  margin-right: 20px;
  border-bottom: 1px solid var(--gray-100);
}
.favoriteAD .thumbBlockArea .thumbBlock .thumb {
  width: 100%;
  aspect-ratio: 260/150;
  overflow: hidden;
}
.favoriteAD .thumbBlockArea .thumbBlock .info {
  margin-top: 16px;
}
.favoriteAD .thumbBlockArea .thumbBlock .info .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
}
.favoriteAD .thumbBlockArea .thumbBlock .info .spon {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.favoriteAD .thumbBlockArea .thumbBlock .info .spon p {
  display: flex;
  gap: 4px;
}
.favoriteAD .thumbBlockArea .thumbBlock .info .spon p span {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  color: var(--gray-400);
}
.favoriteAD .thumbBlockArea .thumbBlock .info .spon p span + span::before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: var(--gray-100);
}
.favoriteAD .thumbBlockArea .thumbBlock .info .spon button {
  width: 70px;
  font-size: 10px;
  color: var(--gray-400);
  padding: 2px 0;
  border-radius: 4px;
  border: 1px solid var(--gray-300);
}

.rimitedAd {
  margin: 80px 0 0 0;
}

.onlyTB {
  display: none;
}

.onlyMB {
  display: none;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 40px 0 0 0;
}
.pagination a,
.pagination button {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.pagination button {
  font-size: 0;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid var(--gray-100);
}
.pagination button:disabled {
  opacity: 0.5;
}
.pagination .back {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.625 5.625L6.25 10L10.625 14.375' stroke='%23666666' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.pagination .next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 5.625L13.75 10L9.375 14.375' stroke='%23666666' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.pagination .pageGroup {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pagination .pageGroup a {
  font-size: 14px;
  color: var(--gray-600);
}
.pagination .pageGroup .act {
  font-weight: 600;
  color: var(--primary);
  background-color: var(--red-50);
}

.btn {
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  font-size: 14px;
  color: var(--gray-900);
  border-radius: 5px;
  background-color: var(--gray-C);
}
.btn.active {
  font-weight: 600;
  color: var(--primary);
  background-color: var(--red-50);
}

.layerPopup {
  display: none;
  position: absolute;
  z-index: 999;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--gray-100);
  background: white;
}
.layerPopup .layerHeader span {
  font-size: 12px !important;
  line-height: 20px !important;
  color: var(--gray-800) !important;
}
.layerPopup .layerBody {
  padding-top: 12px;
}
.layerPopup .ic_close {
  position: absolute;
  z-index: 999;
  right: 10px;
  top: 12px;
}
.layerPopup .ic_close::before {
  width: 16px;
  height: 16px;
}
.layerPopup.show {
  display: block;
}

.bx-wrapper {
  margin: 0;
}
.bx-wrapper .bx-controls .bx-pager {
  width: unset;
  bottom: unset;
  display: flex;
  gap: 6px;
  line-height: 6px;
  padding: 0;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item {
  display: flex;
  gap: 6px;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  font-size: 0;
  line-height: 0;
  background: #D6D6D6;
  text-indent: -9999px;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a:hover {
  background-color: #c3c3c3;
}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, .bx-wrapper .bx-controls .bx-pager .bx-pager-item a:focus {
  background: var(--primary);
}
.bx-wrapper .bx-controls .bx-controls-direction {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}
.bx-wrapper .bx-controls .bx-controls-direction a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 0;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid var(--gray-100);
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.625 5.625L6.25 10L10.625 14.375' stroke='%23666666' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 5.625L13.75 10L9.375 14.375' stroke='%23666666' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.modal_Location {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal_Location .modal_container {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 340px;
  padding: 20px;
  background-color: white;
}
.modal_Location .modal_container > .ic_close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.modal_Location .modal_container .titleBox {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  border-top: 0;
}
.modal_Location .modal_container .titleBox h2 {
  /* 변경금지 */
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  color: var(--gray-900);
}
.modal_Location .modal_container .titleBox .ic_close {
  position: absolute;
  top: 20px;
  right: 15px;
}
.modal_Location .modal_container .titleBox .ic_close::before {
  width: 30px;
  height: 30px;
}
.modal_Location .modal_container .titleBox:has(h2) {
  /* 변경금지 */
  justify-content: flex-start;
}
.modal_Location .modal_container .comment {
  font-size: 12px;
  line-height: 21px;
  color: var(--gray-600);
  margin-top: 6px;
}
.modal_Location .modal_container .location {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 16px;
}
.modal_Location .modal_container .location [class*=btn-] {
  width: calc(50% - 3.5px);
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 12px 0;
  border-radius: 5px;
  border: 1px solid var(--gray-100);
}
.modal_Location .modal_container .location [class*=btn-] span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--gray-900);
}
.modal_Location .modal_container .location [class*=btn-].active, .modal_Location .modal_container .location [class*=btn-]:hover {
  border-color: var(--primary);
}
.modal_Location .modal_container .location [class*=btn-].active span, .modal_Location .modal_container .location [class*=btn-]:hover span {
  color: var(--primary);
}
.modal_Location .modal_container .location [class*=btn-] .badge::before {
  content: "N";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--primary);
  color: white;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
}
.modal_Location .modal_container .btnBox {
  text-align: center;
  margin-top: 20px;
}
.modal_Location .modal_container .btnBox .btn-confirm {
  width: 100px;
  height: 36px;
  padding: 5px 0;
  border-radius: 5px;
  background-color: var(--primary);
}
.modal_Location .modal_container .btnBox .btn-confirm span {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: white;
}
.modal_Location .modal_container .textInfo {
  padding: 20px 0;
}
.modal_Location .modal_container .textInfo h1 {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-align: center;
}
.modal_Location .modal_container .textInfo .script {
  font-size: 14px;
  line-height: 22px;
  color: var(--gray-600);
  text-align: center;
  margin-top: 10px;
}
.modal_Location .modal_container .textInfo .guideList {
  width: 100%;
}
.modal_Location .modal_container .textInfo .guideList li {
  gap: 10px;
}

.errorWrap {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  padding: 0 20px;
}
.errorWrap .textInfo h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
}
.errorWrap .textInfo .script {
  font-size: 14px;
  line-height: 22px;
  color: var(--gray-600);
  text-align: center;
  margin-top: 20px;
}
.errorWrap .btn-goHome {
  width: 160px;
  height: 52px;
  font-size: 18px;
  color: var(--gray-800);
  padding: 10px;
  border: 1px solid var(--gray-300);
}
.errorWrap:has(.guideList) .textInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.errorWrap:has(.guideList) .textInfo .guideImg {
  width: 390px;
  display: block;
  margin-bottom: 40px;
}
.errorWrap:has(.guideList) .hidePC {
  display: none;
}

.guideList {
  width: 390px;
  padding: 30px 0;
  margin: 30px 0;
  border: solid #ddd;
  border-width: 1px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.guideList li {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.guideList li span {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--gray-800);
  letter-spacing: -0.4px;
}
.guideList li .title {
  min-width: 54px;
  font-weight: 600;
}

.ic::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}

.ic_search::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.4092' cy='11' r='5.75' transform='rotate(-45 10.4092 11)' stroke='%23383838' stroke-width='2'/%3E%3Crect x='13.4141' y='15.4189' width='2' height='6' rx='1' transform='rotate(-45 13.4141 15.4189)' fill='%23383838'/%3E%3C/svg%3E%0A");
}

.ic_sitemap::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.5' y='5.5' width='17' height='2' rx='1' fill='%23383838'/%3E%3Crect x='3.5' y='11' width='17' height='2' rx='1' fill='%23383838'/%3E%3Crect x='3.5' y='16.5' width='17' height='2' rx='1' fill='%23383838'/%3E%3C/svg%3E%0A");
}

.ic_close::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 23L23 7' stroke='%23383838' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M23 23L7 7' stroke='%23383838' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ic_more::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 5.625L13.75 10L9.375 14.375' stroke='%23666666' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.ic_option::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='4' r='1.5' fill='%23666666'/%3E%3Ccircle cx='10' cy='10' r='1.5' fill='%23666666'/%3E%3Ccircle cx='10' cy='16' r='1.5' fill='%23666666'/%3E%3C/svg%3E%0A");
}

.ic_zoom::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.958 9.557H6.705V17.693H5.958V9.557ZM6.507 12.86H8.001V13.481H6.507V12.86ZM3.879 10.43H4.608C4.608 11.204 4.482 11.945 4.23 12.653C3.978 13.355 3.582 14.006 3.042 14.606C2.502 15.2 1.791 15.716 0.909 16.154L0.495 15.578C1.251 15.2 1.878 14.759 2.376 14.255C2.88 13.745 3.255 13.181 3.501 12.563C3.753 11.939 3.879 11.267 3.879 10.547V10.43ZM0.873 10.43H4.257V11.051H0.873V10.43Z' fill='%23666666'/%3E%3Cpath d='M18.268 4.922H19.43V17.578H18.268V4.922ZM19.122 10.06H21.446V11.026H19.122V10.06ZM15.034 6.28H16.168C16.168 7.484 15.972 8.63667 15.58 9.738C15.188 10.83 14.572 11.8427 13.732 12.776C12.892 13.7 11.786 14.5027 10.414 15.184L9.77 14.288C10.946 13.7 11.9213 13.014 12.696 12.23C13.48 11.4367 14.0633 10.5593 14.446 9.598C14.838 8.62733 15.034 7.582 15.034 6.462V6.28ZM10.358 6.28H15.622V7.246H10.358V6.28Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}

.ic_zoomIn::before {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='27' height='27' rx='13.5' stroke='%23DEDEDE'/%3E%3Cpath d='M10.5 14H18.5' stroke='%23666666' stroke-width='1.2' stroke-linecap='square'/%3E%3Cpath d='M14.5 10V18' stroke='%23666666' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.ic_zoomOut::before {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='27' height='27' rx='13.5' stroke='%23DEDEDE'/%3E%3Cpath d='M10.5 14H18.5' stroke='%23666666' stroke-width='1.2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.ic_print::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='4.5' width='10' height='7' rx='0.2' stroke='%23383838'/%3E%3Crect x='4.5' y='10' width='16' height='8' rx='1' fill='white' stroke='%23383838'/%3E%3Crect x='6.5' y='16' width='12' height='4' rx='1' fill='white' stroke='%23383838'/%3E%3C/svg%3E%0A");
}

.ic_share::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6.80301L7 11.9992L16 17.1953' stroke='%23222222'/%3E%3Ccircle cx='16' cy='6.80078' r='1.5' fill='white' stroke='black'/%3E%3Ccircle cx='16' cy='17.1992' r='1.5' fill='white' stroke='black'/%3E%3Ccircle cx='7' cy='12' r='1.5' fill='white' stroke='black'/%3E%3C/svg%3E%0A");
}

.ic_facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_99_21744)'%3E%3Cpath d='M28.4985 14C28.4985 6.26801 22.2305 0 14.4985 0C6.76654 0 0.498535 6.26801 0.498535 14C0.498535 20.9877 5.61811 26.7796 12.311 27.8299V18.0469H8.75635V14H12.311V10.9156C12.311 7.40688 14.4012 5.46875 17.599 5.46875C19.1303 5.46875 20.7329 5.74219 20.7329 5.74219V9.1875H18.9676C17.2285 9.1875 16.686 10.2668 16.686 11.375V14H20.5688L19.9481 18.0469H16.686V27.8299C23.379 26.7796 28.4985 20.9877 28.4985 14Z' fill='%231877F2'/%3E%3Cpath d='M19.9481 18.0469L20.5688 14H16.686V11.375C16.686 10.2679 17.2285 9.1875 18.9676 9.1875H20.7329V5.74219C20.7329 5.74219 19.1308 5.46875 17.599 5.46875C14.4012 5.46875 12.311 7.40688 12.311 10.9156V14H8.75635V18.0469H12.311V27.8299C13.7606 28.0567 15.2365 28.0567 16.686 27.8299V18.0469H19.9481Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_99_21744'%3E%3Crect width='28' height='28' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.ic_X::before {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='28' height='28' rx='14' fill='black'/%3E%3Cg clip-path='url(%23clip0_99_21749)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.477 14.7159L6.64341 21.3745H9.22762L13.6928 16.2642L17.6274 21.3756L22.6663 21.3481L16.2777 12.9L21.7296 6.6549L19.1869 6.62646L15.0687 11.3198L11.5453 6.63413L6.33301 6.62847L12.477 14.7159ZM19.6145 19.8418L18.3105 19.8377L9.35114 8.10836H10.7539L19.6145 19.8418Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_99_21749'%3E%3Crect width='16.3333' height='16.3333' fill='white' transform='translate(6.33447 5.8335)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.ic_kakao::before {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='28' height='28' rx='14' fill='%23FAE100'/%3E%3Cpath d='M14.5 7.8374C10.0816 7.8374 6.5 10.6682 6.5 14.1622C6.5 16.4356 8.01662 18.428 10.2946 19.5428C10.1269 20.1667 9.68882 21.8057 9.60121 22.1561C9.49245 22.5912 9.75982 22.5851 9.93656 22.4688C10.074 22.3767 12.1284 20.9794 13.0151 20.3767C13.497 20.4477 13.9924 20.4854 14.5 20.4854C18.9184 20.4854 22.5 17.6546 22.5 14.1622C22.5 10.6697 18.9184 7.8374 14.5 7.8374Z' fill='%23371D1E'/%3E%3Cpath d='M8.92607 12.9956H9.74934C9.74934 12.9956 9.75387 15.2569 9.74934 15.7841C9.74934 16.1693 10.6058 16.1738 10.6043 15.7902L10.6073 13.0258C10.6073 13.0258 10.8838 13.0273 11.4261 13.0273C11.9382 13.0273 11.9382 12.2222 11.4261 12.2222C10.849 12.2222 8.92154 12.2056 8.92154 12.2056C8.43816 12.2056 8.43967 12.9956 8.92154 12.9956' fill='%23FAE100'/%3E%3Cmask id='mask0_99_21754' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='8' y='12' width='4' height='5'%3E%3Cpath d='M8.93096 12.9946H9.75422C9.75422 12.9946 9.75875 15.2559 9.75422 15.7831C9.75422 16.1683 10.6107 16.1729 10.6092 15.7892L10.6122 13.0248C10.6122 13.0248 10.8887 13.0263 11.431 13.0263C11.943 13.0263 11.943 12.2212 11.431 12.2212C10.8539 12.2212 8.92642 12.2046 8.92642 12.2046C8.44304 12.2046 8.44455 12.9946 8.92642 12.9946' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_99_21754)'%3E%3Cpath d='M11.9404 12.2065H8.44189V16.1748H11.9404V12.2065Z' fill='%23FAE100'/%3E%3C/g%3E%3Cpath d='M12.862 13.1421L13.3197 14.5772H12.365L12.862 13.1421ZM12.3484 12.4699C12.146 12.9155 11.4133 15.0228 11.1716 15.5817C10.9964 15.985 11.7532 16.3143 11.9284 15.911L12.0931 15.3355H13.5991C13.5991 15.3355 13.5478 15.3596 13.7472 15.8868C13.9088 16.3143 14.6913 16.0182 14.5296 15.5907C14.2985 14.9805 13.4979 12.7811 13.3514 12.4699C13.2849 12.3264 13.0432 12.2222 12.8091 12.2222C12.6158 12.2222 12.4269 12.2932 12.3469 12.4699' fill='%23FAE100'/%3E%3Cmask id='mask1_99_21754' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='11' y='12' width='4' height='5'%3E%3Cpath d='M12.859 13.1421L13.3168 14.5772H12.3621L12.859 13.1421ZM12.3455 12.4699C12.143 12.9155 11.4104 15.0228 11.1687 15.5817C10.9935 15.985 11.7503 16.3143 11.9255 15.911L12.0902 15.3355H13.5962C13.5962 15.3355 13.5448 15.3596 13.7442 15.8868C13.9059 16.3143 14.6884 16.0182 14.5267 15.5907C14.2956 14.9805 13.495 12.7811 13.3485 12.4699C13.282 12.3264 13.0403 12.2222 12.8062 12.2222C12.6128 12.2222 12.424 12.2932 12.3439 12.4699' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_99_21754)'%3E%3Cpath d='M14.695 12.2236H10.9971V16.3173H14.695V12.2236Z' fill='%23FAE100'/%3E%3C/g%3E%3Cpath d='M14.8252 12.6013C14.8252 13.3173 14.8297 15.6255 14.8297 15.6255C14.8297 15.6255 14.7633 16.0847 15.1575 16.0847C15.5518 16.0847 16.4234 16.0802 16.8101 16.0802C17.1968 16.0802 17.1953 15.2569 16.8086 15.2569C16.4219 15.2569 15.7149 15.2524 15.7149 15.2524C15.7149 15.2524 15.718 13.1179 15.7164 12.5983C15.7164 12.3475 15.4929 12.2222 15.2708 12.2222C15.0488 12.2222 14.8237 12.3491 14.8252 12.5998' fill='%23FAE100'/%3E%3Cmask id='mask2_99_21754' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='14' y='12' width='4' height='5'%3E%3Cpath d='M14.8301 12.6013C14.8301 13.3173 14.8346 15.6255 14.8346 15.6255C14.8346 15.6255 14.7682 16.0847 15.1624 16.0847C15.5567 16.0847 16.4283 16.0802 16.815 16.0802C17.2017 16.0802 17.2002 15.2569 16.8135 15.2569C16.4268 15.2569 15.7198 15.2524 15.7198 15.2524C15.7198 15.2524 15.7228 13.1179 15.7213 12.5983C15.7213 12.3475 15.4978 12.2222 15.2757 12.2222C15.0537 12.2222 14.8286 12.3491 14.8301 12.5998' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_99_21754)'%3E%3Cpath d='M17.1987 12.2236H14.7651V16.0847H17.1987V12.2236Z' fill='%23FAE100'/%3E%3C/g%3E%3Cpath d='M17.2967 12.4879C17.3058 12.8021 17.2861 15.642 17.2861 15.852C17.2861 16.1843 18.1321 16.1828 18.1321 15.852C18.1321 15.4668 18.1321 14.7342 18.1321 14.7342L18.3798 14.5348L19.4659 16.0151C19.6849 16.3052 20.3753 15.781 20.1562 15.4925L19.0037 13.9743C19.0037 13.9743 19.7861 13.1284 20.0943 12.8218C20.274 12.6435 19.7166 12.0816 19.5369 12.2614C19.3632 12.4336 18.1366 13.6617 18.1366 13.6617C18.1366 13.6617 18.1472 12.8913 18.1366 12.4653C18.1321 12.3036 17.9342 12.2251 17.7302 12.2251C17.5127 12.2251 17.2907 12.3142 17.2952 12.4879' fill='%23FAE100'/%3E%3Cmask id='mask3_99_21754' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='17' y='12' width='4' height='5'%3E%3Cpath d='M17.2938 12.4879C17.3028 12.8021 17.2832 15.642 17.2832 15.852C17.2832 16.1843 18.1291 16.1828 18.1291 15.852C18.1291 15.4668 18.1291 14.7342 18.1291 14.7342L18.3769 14.5348L19.463 16.0151C19.682 16.3052 20.3723 15.781 20.1533 15.4925L19.0007 13.9743C19.0007 13.9743 19.7832 13.1284 20.0914 12.8218C20.2711 12.6435 19.7137 12.0816 19.534 12.2614C19.3602 12.4336 18.1337 13.6617 18.1337 13.6617C18.1337 13.6617 18.1442 12.8913 18.1337 12.4653C18.1291 12.3036 17.9312 12.2251 17.7273 12.2251C17.5098 12.2251 17.2877 12.3142 17.2923 12.4879' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_99_21754)'%3E%3Cpath d='M20.3723 12.0835H17.2832V16.3071H20.3723V12.0835Z' fill='%23FAE100'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.ic_link::before {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='0.5' width='27' height='27' rx='13.5' stroke='%23DEDEDE'/%3E%3Cpath d='M10.6475 12.4921L8.78632 14.3533C8.09121 15.0484 7.69148 15.9943 7.69878 16.9883C7.70609 17.9823 8.09708 18.9338 8.82517 19.6395C9.53074 20.3676 10.4825 20.7585 11.4764 20.7658C12.4929 20.7733 13.4163 20.3961 14.1115 19.701L15.9727 17.8398M18.35 15.5079L20.2112 13.6467C20.9063 12.9516 21.3061 12.0058 21.2988 11.0118C21.2915 10.0177 20.9005 9.06617 20.1724 8.36056C19.467 7.65516 18.5154 7.26415 17.5214 7.25684C16.5273 7.24954 15.5814 7.62658 14.8863 8.32171L13.0251 10.1829M11.6764 16.7726L17.26 11.189' stroke='black' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}