@charset "UTF-8";
.bg_white {
  background-color: #fff;
}

/* 그리드 */
.grid {
  flex-wrap: wrap;
}

.title_wrap .title .ico_arrow {
  display: inline-block;
  width: 9px;
  height: 16px;
  margin-left: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='19' viewBox='0 0 12 19' fill='none'%3E%3Cpath id='Combined Shape' fill-rule='evenodd' clip-rule='evenodd' d='M11.8142 9.19239L2.62181 0L0.500488 2.12132L7.58143 9.20226L0.5 16.2837L2.62256 18.4062L11.8149 9.21386L11.8038 9.20275L11.8142 9.19239Z' fill='%231D1D1D'/%3E%3C/svg%3E");
}

.scroll_area .pcard .card_body {
  padding: 0 16px 16px;
}

/* sub - header */
.section_header_wrap {
  position: relative;
}

.section_header_wrap .headline:first-child {
  font-weight: 900;
}

.section_header_wrap:not(.sticky_top) .headline:nth-child(2) {
  width: calc(100% - 116px);
}

.section_header_wrap:not(.sticky_top) .header_nav {
  position: relative;
  border-top: 4px solid #000;
  width: 100%;
  margin-top: 20px;
}

.section_header_wrap:not(.sticky_top) .header_nav::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.section_header_wrap .header_nav .nav_item {
  flex: 0 0 auto;
  width: auto;
  padding: 0 2px;
}

.section_header_wrap .header_nav .nav_item:first-child {
  padding-left: 0;
}

.section_header_wrap .header_nav .nav_item a {
  display: block;
  position: relative;
  font-weight: 400;
  padding: 10px 6px;
  height: 44px;
  font-size: 15px;
  line-height: 24px;
}

.section_header_wrap .header_nav .nav_item .active {
  font-weight: 700;
}

.section_header_wrap:not(.sticky_top) .header_nav .nav .nav_item a.active:before,
.header_nav .nav .nav_item a[aria-selected=true]:before {
  background-color: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.section_header_wrap .header_area {
  margin-bottom: 16px;
}

.section_header_wrap .header_area {
  padding: 20px 0;
}

.section_header_wrap .tag_area {
  margin-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.section_header_wrap .tag_area dd::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 36px;
  background: linear-gradient(90deg, rgba(243, 244, 246, 0) 0%, #f3f4f6 100%);
}

.section_header_wrap .tag_area dt {
  color: #f6330a;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.tag_wrap .jaswiper_wrap {
  column-gap: 6px;
  grid-column-gap: 6px;
}

.section_header_wrap .tag_area .tag_wrap span {
  column-gap: 8px;
  grid-column-gap: 8px;
}

.section_header_wrap .tag_area .tag_wrap a {
  border-color: #bcbcbc;
  background: transparent;
}

.section_header_wrap .btn_group .btn_area + .btn_share,
.section_header_wrap .btn_group .btn_subs + .btn_share {
  margin-left: 10px;
}

.section_header_wrap:not(.sticky_top) .ico_share {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23000' fill-opacity='.05'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m18.016 7.868 3.24 3.24-.66.66-2.13-2.13v6.687h-.933V9.666l-2 2-.66-.66 3.138-3.138.003.003.002-.003ZM11.732 13H15v1h-3v12h12V14h-3v-1h3.298c.34 0 .702.293.702.756v12.488c0 .414-.313.756-.702.756H11.732c-.512 0-.732-.433-.732-.756V13.756c0-.38.275-.756.732-.756Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  height: 36px;
  width: 36px;
}

.section_header_wrap .headline {
  display: block;
  font-weight: 700;
  text-align: left;
}

.section_header_wrap:not(.sticky_top) .headline + .description {
  margin-top: 8px;
}

.section_header_wrap:not(.sticky_top) .title + .headline {
  padding-top: 20px;
}

.section_header_wrap .title {
  display: block;
  border-bottom: 4px solid #000;
  font-size: 16px;
  line-height: 24px;
  margin-left: 0;
  padding-bottom: 12px;
}

.section_header_wrap:not(.sticky_top) .btn_group {
  position: absolute;
  right: 0;
  top: 66px;
  width: auto;
}

.section_header_wrap + .chain_wrap.grid {
  margin-top: 20px;
}

.section_header_wrap.sticky_top {
  display: flex;
  align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: auto;
  height: 60px;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
  border-bottom: 0;
  z-index: 307;
}

.section_header_wrap.sticky_top .page_title {
  border-bottom: none;
  font-size: 18px;
  font-weight: 900;
  line-height: 28px;
  padding: 0;
}

.section_header_wrap.sticky_top .byline,
.section_header_wrap.sticky_top .description,
.section_header_wrap.sticky_top .meta,
.section_header_wrap.sticky_top .search_form {
  display: none !important;
}

.section_header_wrap.sticky_top .section_title {
  font-size: 18px;
  font-weight: 900;
  line-height: 28px;
  width: auto;
}

.section_header_wrap.sticky_top .title {
  position: relative;
  width: auto;
  margin: 0 16px 0 0;
  padding: 0 16px 0 0;
  border-bottom: none;
  font-size: 18px;
  font-weight: 900;
  line-height: 28px;
  color: #fff;
}

.section_header_wrap.sticky_top .headline {
  font-size: 18px;
  font-weight: 900;
  line-height: 28px;
  position: relative;
  width: auto;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.section_header_wrap.sticky_top .title:after {
  background-color: #999;
  content: "";
  height: 16px;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.section_header_wrap.sticky_top .nav_item strong {
  font-size: 16px;
}

.section_header_wrap.sticky_top .btn_subs,
.story_list .btn_subs {
  width: 59px;
  height: 28px;
  padding: 3px 10px 4px 24px;
  font-size: 13px;
}

.section_header_wrap.sticky_top .ico_share {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23fff' fill-opacity='.05'/%3E%3Cpath fill='%23fff' d='M11.662 9.684v.995L9 10.68v9.24h10v-9.24h-2.663v-.996h3.061c.262 0 .54.19.593.5l.009.107v10.025c0 .3-.218.552-.504.6l-.098.007H8.628a.6.6 0 01-.623-.534L8 20.316V10.291c0-.277.195-.552.525-.6l.103-.007h3.034zm2.324-4.68l2.81 2.81-.601.602-1.726-1.728-.014 5.803h-.926l.014-5.832-1.766 1.766-.606-.606 2.815-2.814z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}

.section_header_wrap.sticky_top .tag_area,
.section_header_wrap.sticky_top .description,
.section_header_wrap.sticky_top:after {
  display: none;
}

.section_header_wrap.sticky_top .header_nav {
  color: #fff;
}

.section_header_wrap .layer_popup {
  right: 0;
  top: 41px;
}

.section_header_wrap.sticky_top .title {
  display: none;
}

.content_area > .tag_wrap {
  display: flex;
  margin: 20px 0;
  column-gap: 6px;
}

.layer_share {
  height: 200px;
  padding: 14px 14px 20px 20px;
  width: 300px;
}

.layer_share ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 18px;
}

.layer_share li,
.layer_share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layer_share li {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 52px;
  justify-content: center;
  position: relative;
  width: 25%;
}

.layer_share li:nth-child(n+5) {
  margin-top: 24px;
}

.layer_share li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-self: center;
  position: relative;
}

.layer_share li a [class^=ico] {
  height: 24px;
  position: relative;
  width: 24px;
}

.layer_share li a span {
  color: #666;
  display: block;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 22px;
  margin-top: 6px;
  white-space: nowrap;
}

.layer_share .btn_close {
  right: 12px;
  top: 12px;
}

.ico_sns_ktalk {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m7 17-3-2C1 12 1 8 5 5s10-3 14 0c4 4 4 8 0 11-3 2-5 3-8 2l-1 1-4 2v-1l1-3' fill='%23F8DF02' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_face {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m16 13 1-3h-3V7c0-1 0-2 2-2h1V2h-3c-2 0-4 2-4 5v3H7v3h3v9a11 11 0 0 0 4 0v-9h2z' fill='%233255A4' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_ktory {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m8 14-1-1V4l1-1h9l1 1v9c0 4-2 7-6 10l-3-3v-1c2-2 3-3 3-5H8z' fill='%23FAB900' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_twt {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8 20A12 12 0 0 0 20 8l2-2-2 1 1-3-2 1a4 4 0 0 0-7 3v1C8 9 5 7 3 5a4 4 0 0 0 2 5H3c0 2 1 3 3 4a4 4 0 0 1-2 0l4 3a8 8 0 0 1-6 1l6 2' fill='%2300AEF3' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_mail {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg stroke='%231D1D1D' fill='none' fill-rule='evenodd'%3E%3Cpath stroke-width='2' d='M21 5v14H3V5h18z'/%3E%3Cpath stroke-width='1.8' d='m4 6 8 8 8-8'/%3E%3C/g%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_pinter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m7.63 17.192 1.231-5.156s.125-.623-.193-1.178c0 0-.709-1.771.691-3.273 0 0 1.147-1.298 2.614-.32 0 0 .837.659.5 1.907l-.996 3.113s-.609 2.367 1.643 2.57c0 0 2.379.32 3.525-2.901 1.147-3.221-.186-5.273-.186-5.273s-1.716-3.012-5.59-2.378c-3.876.634-4.366 4.33-4.366 4.33s-.291 2.278.924 3.938l-.582 1.986S3.88 12.659 4.004 9.25c0 0 .124-5.683 5.937-7.053 0 0 5.265-1.326 8.382 2.904 1.744 2.366 1.62 4.942 1.245 6.853-.373 1.91-1.784 3.133-1.784 3.133s-3.816 4.048-7.136.476l-.707 2.723S9.111 21.236 7.99 22l-.516-.132s-.257-3.287.158-4.676z' fill='%23D7143A' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_band {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2319CB1D' d='M17.513 2H6.486C3.802 2 2 3.82 2 6.295v11.409C2 20.18 3.802 22 6.486 22h11.027C20.198 22 22 20.18 22 17.704V6.295C22 3.82 20.198 2 17.513 2'/%3E%3Cpath fill='%23FFF' d='M10.145 13.475c0-.751.607-1.36 1.355-1.36s1.354.609 1.354 1.36c0 .751-.606 1.361-1.354 1.361-.748 0-1.355-.61-1.355-1.36M11.5 18.15c-2.571 0-4.655-2.093-4.655-4.676V7.113c0-.688.55-1.245 1.228-1.245.678 0 1.227.557 1.227 1.245l-.002 6.307c0 1.222.985 2.27 2.202 2.27s2.204-.992 2.204-2.215a2.21 2.21 0 0 0-2.204-2.214c-.511 0-.98.175-1.355.468v-.948a2.98 2.98 0 0 1 1.355-.324 3.012 3.012 0 0 1 3.005 3.018 3.013 3.013 0 0 1-3.005 3.019 3.012 3.012 0 0 1-3.005-3.019V7.072a.425.425 0 0 0-.422-.405.425.425 0 0 0-.423.405v6.403a3.856 3.856 0 0 0 3.85 3.867 3.859 3.859 0 0 0 3.85-3.867 3.86 3.86 0 0 0-3.85-3.867c-.477 0-.933.088-1.355.247V9a4.633 4.633 0 0 1 1.355-.202c2.57 0 4.655 2.094 4.655 4.676 0 2.583-2.084 4.676-4.655 4.676m0-10.2c-.468 0-.921.059-1.355.168V7.072a.438.438 0 0 0-.007-.071C10.05 5.85 9.16 5 8.073 5c-1.088 0-1.98.85-2.066 2C6.002 7.026 6 10.934 6 10.934v2.595C6.03 16.555 8.48 19 11.5 19c3.037 0 5.5-2.473 5.5-5.525 0-3.05-2.463-5.525-5.5-5.525'/%3E%3C/g%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_sns_url {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231D1D1D' fill-rule='nonzero' d='m7.293 9.636 1.414 1.414-2.827 2.83a2.998 2.998 0 0 0 0 4.242 2.998 2.998 0 0 0 4.242 0l2.829-2.828 1.414 1.414-2.828 2.829a5.002 5.002 0 0 1-7.072 0 5.002 5.002 0 0 1 0-7.072l2.829-2.828zM13.75 8.8l1.414 1.414-4.95 4.95L8.8 13.75l4.95-4.95zm5.786-4.336a5.001 5.001 0 0 1 .172 6.89l-.172.182-2.829 2.828-1.414-1.414 2.828-2.829a2.999 2.999 0 0 0-4.098-4.377l-.144.135-2.829 2.828-1.414-1.414 2.828-2.829a5.002 5.002 0 0 1 7.072 0z'/%3E%3C/g%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_email {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23999' d='M20 7v10a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7c0-.08.01-.156.027-.23l7.923 7.922.05-.05.05.05 7.923-7.922c.018.074.027.15.027.23zm-1-1c.1 0 .196.015.287.042l-7.288 7.286-7.286-7.286C4.804 6.015 4.9 6 5 6h14z'/%3E%3C/g%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.ico_facebook {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m15.551 13.19.353-2.677h-2.711v-1.71c0-.774.22-1.303 1.357-1.303H16V5.106A19.665 19.665 0 0 0 13.887 5c-2.09 0-3.522 1.248-3.522 3.539v1.974H8v2.677h2.365v6.869h2.828v-6.87h2.357z' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 22px;
  width: 24px;
}

.ico_twitter {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17.673 9.812c.008.122.008.245.008.368 0 3.769-2.914 8.114-8.241 8.114v-.002A8.296 8.296 0 0 1 5 17.013a5.87 5.87 0 0 0 4.287-1.182 2.894 2.894 0 0 1-2.706-1.98 2.93 2.93 0 0 0 1.307-.05c-1.351-.267-2.323-1.436-2.323-2.794v-.037a2.9 2.9 0 0 0 1.314.357 2.827 2.827 0 0 1-.896-3.807 8.264 8.264 0 0 0 5.97 2.98 2.826 2.826 0 0 1 .837-2.725 2.93 2.93 0 0 1 4.098.125 5.88 5.88 0 0 0 1.84-.692 2.88 2.88 0 0 1-1.274 1.577 5.854 5.854 0 0 0 1.664-.449 5.879 5.879 0 0 1-1.445 1.477' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
}

.date_wrap {
  position: relative;
  margin-left: 12px;
}

.date_wrap::before {
  content: "";
  position: absolute;
  left: -3px;
  top: 50%;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background-color: rgba(0, 0, 0, 0.1);
}

.date_wrap button.ui-datepicker-trigger {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23F5F5F5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2 10h1.067v1.067h3.2V10h1.066v1.067h3.2V10H22.8v1.067h2.133c.59 0 1.067.477 1.067 1.066v12.8c0 .59-.478 1.067-1.067 1.067H11.067c-.59 0-1.067-.478-1.067-1.067v-12.8c0-.589.478-1.066 1.067-1.066H13.2V10Zm0 3.2v-1.067h-2.133v12.8h13.866v-12.8H22.8V13.2h-1.067v-1.067h-3.2V13.2h-1.066v-1.067h-3.2V13.2H13.2Zm1.067 3.733h1.066V18h-1.066v-1.067Zm3.2 0h1.066V18h-1.066v-1.067Zm4.266 0h-1.066V18h1.066v-1.067Zm-7.466 3.2h1.066V21.2h-1.066v-1.067Zm4.266 0h-1.066V21.2h1.066v-1.067Zm2.134 0h1.066V21.2h-1.066v-1.067Z' fill='%231D1D1D'/%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 100% auto;
  display: block;
  height: 36px !important;
  width: 36px !important;
}

.date_wrap button.ui-datepicker-trigger.on {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='none'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23FFF4F1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2 10h1.067v1.067h3.2V10h1.066v1.067h3.2V10H22.8v1.067h2.133c.59 0 1.067.477 1.067 1.066v12.8c0 .59-.478 1.067-1.067 1.067H11.067c-.59 0-1.067-.478-1.067-1.067v-12.8c0-.589.478-1.066 1.067-1.066H13.2V10Zm0 3.2v-1.067h-2.133v12.8h13.866v-12.8H22.8V13.2h-1.067v-1.067h-3.2V13.2h-1.066v-1.067h-3.2V13.2H13.2Zm1.067 3.733h1.066V18h-1.066v-1.067Zm3.2 0h1.066V18h-1.066v-1.067Zm4.266 0h-1.066V18h1.066v-1.067Zm-7.466 3.2h1.066V21.2h-1.066v-1.067Zm4.266 0h-1.066V21.2h1.066v-1.067Zm2.134 0h1.066V21.2h-1.066v-1.067Z' fill='%23F6330A'/%3E%3C/svg%3E");
}

.tag_wrap a.active {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.list_option_area {
  display: flex;
  margin-top: 19px;
  margin-bottom: 13px;
}

.list_option_area .tag_wrap .scroll_area {
  column-gap: 6px;
}

.pchain .list_option_area + .story_list .card:first-child {
  padding-top: 0;
}

.pchain > .list_option_area {
  margin-top: 0;
  margin-bottom: 20px;
}

.list_option_area .all_count,
.search_option .title,
.search_option .title * {
  font-size: 16px;
  font-weight: 700;
}

.list_option_area .option_area {
  display: flex;
  align-items: center;
  height: 32px;
  padding-left: 4px;
}

.search_option .title {
  position: relative;
  padding-left: 19px;
  line-height: 24px;
  font-weight: 700;
}

.search_option .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h15v15H0z'/%3E%3Cpath stroke='%23111' stroke-width='2' d='m4 2 6 6.071L4 14'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: 100% auto;
  transform: rotate(180deg);
}

.search_option .title * {
  display: inline-flex;
}

.search_option:not(.list_option_area) {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 18px;
}

.ico_info_circle {
  display: block;
  width: 60px;
  height: 60px;
  margin: 20px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F6330A' d='M30 39a2.5 2.5 0 010 5 2.5 2.5 0 010-5zm2-22v18h-4V17h4z'/%3E%3Cpath fill='%231D1D1D' fill-rule='nonzero' d='M30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30 0 13.431 13.431 0 30 0zm0 2C14.536 2 2 14.536 2 30s12.536 28 28 28 28-12.536 28-28S45.464 2 30 2z'/%3E%3C/g%3E%3C/svg%3E");
}

.search_nodata {
  margin: 94px 0 118px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

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

.dropdown .dropdown_toggle {
  background: 100% no-repeat;
  color: #111;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding-right: 4px;
}

.dropdown_toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  line-height: normal;
  position: relative;
  width: auto;
}

.dropdown .ico_arrow {
  height: 14px;
  margin-left: 4px;
  width: 14px;
}

.dropdown .ico_arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1.2 1.19995L6.05698 5.99995L10.8 1.19995' stroke='%231D1D1D'/%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}

.dropdown_menu {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
  left: 0;
  padding: 15px 20px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
  width: auto;
  z-index: 10;
}

.dropdown.type_up .dropdown_menu {
  bottom: 31px;
  top: inherit;
}

.dropdown.open .dropdown_menu {
  display: block;
}

.dropdown_menu .dropdown_item {
  color: #111;
  display: block;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 21px;
  margin-top: 11px;
}

.dropdown_menu .dropdown_item:first-child {
  margin-top: 0;
}

.dropdown_menu .dropdown_item a {
  display: block;
}

.dropdown_menu .dropdown_item .active {
  font-weight: 700;
}

.dropdown_small .dropdown_menu {
  padding: 10px 16px;
  top: 29px;
}

.option_area .type_sort {
  display: flex;
  margin-left: 14px;
}

.option_area .type_sort a {
  position: relative;
}

.option_area .type_sort a:not(.active) + a:not(.active):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 2px;
  left: 0;
  border-right: 1px solid #bcbcbc;
}

.ico_listtype {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32' fill='none'%3E%3Cpath d='M0.5 4C0.5 2.067 2.067 0.5 4 0.5H60C61.933 0.5 63.5 2.067 63.5 4V28C63.5 29.933 61.933 31.5 60 31.5H4C2.067 31.5 0.5 29.933 0.5 28V4Z' fill='white' stroke='%23BCBCBC'/%3E%3Cpath d='M64 4C64 1.79086 62.2091 0 60 0H32V32H60C62.2091 32 64 30.2091 64 28V4Z' fill='%231D1D1D'/%3E%3Crect x='52.5' y='9.5' width='3' height='3' fill='white'/%3E%3Crect x='52.5' y='14.5' width='3' height='3' fill='white'/%3E%3Crect x='52.5' y='19.5' width='3' height='3' fill='white'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 9.5)' fill='white'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 14.5)' fill='white'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 19.5)' fill='white'/%3E%3Crect x='9' y='9' width='14' height='10' fill='%23CDCDCD'/%3E%3Crect x='9' y='21' width='14' height='2' fill='%23CDCDCD'/%3E%3C/svg%3E");
  background-size: 64px 32px;
  background-position: 0 0;
}

.active .ico_listtype {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32' fill='none'%3E%3Cpath d='M0.5 4C0.5 2.067 2.067 0.5 4 0.5H60C61.933 0.5 63.5 2.067 63.5 4V28C63.5 29.933 61.933 31.5 60 31.5H4C2.067 31.5 0.5 29.933 0.5 28V4Z' fill='white' stroke='%23BCBCBC'/%3E%3Cpath d='M0 4C0 1.79086 1.79086 0 4 0H32V32H4C1.79086 32 0 30.2091 0 28V4Z' fill='%231D1D1D'/%3E%3Crect x='52.5' y='9.5' width='3' height='3' fill='%23CDCDCD'/%3E%3Crect x='52.5' y='14.5' width='3' height='3' fill='%23CDCDCD'/%3E%3Crect x='52.5' y='19.5' width='3' height='3' fill='%23CDCDCD'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 9.5)' fill='%23CDCDCD'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 14.5)' fill='%23CDCDCD'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 19.5)' fill='%23CDCDCD'/%3E%3Crect x='9' y='9' width='14' height='10' fill='white'/%3E%3Crect x='9' y='21' width='14' height='2' fill='white'/%3E%3C/svg%3E");
}

.ico_cardtype {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32' fill='none'%3E%3Cpath d='M0.5 4C0.5 2.067 2.067 0.5 4 0.5H60C61.933 0.5 63.5 2.067 63.5 4V28C63.5 29.933 61.933 31.5 60 31.5H4C2.067 31.5 0.5 29.933 0.5 28V4Z' fill='white' stroke='%23BCBCBC'/%3E%3Cpath d='M0 4C0 1.79086 1.79086 0 4 0H32V32H4C1.79086 32 0 30.2091 0 28V4Z' fill='%231D1D1D'/%3E%3Crect x='52.5' y='9.5' width='3' height='3' fill='%23CDCDCD'/%3E%3Crect x='52.5' y='14.5' width='3' height='3' fill='%23CDCDCD'/%3E%3Crect x='52.5' y='19.5' width='3' height='3' fill='%23CDCDCD'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 9.5)' fill='%23CDCDCD'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 14.5)' fill='%23CDCDCD'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 19.5)' fill='%23CDCDCD'/%3E%3Crect x='9' y='9' width='14' height='10' fill='white'/%3E%3Crect x='9' y='21' width='14' height='2' fill='white'/%3E%3C/svg%3E");
  background-size: 64px 32px;
  background-position: 100% 0;
}

.active .ico_cardtype {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='32' viewBox='0 0 64 32' fill='none'%3E%3Cpath d='M0.5 4C0.5 2.067 2.067 0.5 4 0.5H60C61.933 0.5 63.5 2.067 63.5 4V28C63.5 29.933 61.933 31.5 60 31.5H4C2.067 31.5 0.5 29.933 0.5 28V4Z' fill='white' stroke='%23BCBCBC'/%3E%3Cpath d='M64 4C64 1.79086 62.2091 0 60 0H32V32H60C62.2091 32 64 30.2091 64 28V4Z' fill='%231D1D1D'/%3E%3Crect x='52.5' y='9.5' width='3' height='3' fill='white'/%3E%3Crect x='52.5' y='14.5' width='3' height='3' fill='white'/%3E%3Crect x='52.5' y='19.5' width='3' height='3' fill='white'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 9.5)' fill='white'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 14.5)' fill='white'/%3E%3Crect width='10' height='3' transform='matrix(-1 0 0 1 50.5 19.5)' fill='white'/%3E%3Crect x='9' y='9' width='14' height='10' fill='%23CDCDCD'/%3E%3Crect x='9' y='21' width='14' height='2' fill='%23CDCDCD'/%3E%3C/svg%3E");
}

/* pagination */
[class^=pagination_type] {
  display: block !important;
  margin: 34px auto 0;
  padding-left: 0;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

[class^=pagination_type] .page_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
}

[class^=pagination_type] li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

[class^=pagination_type] .ico_arrow_left,
[class^=pagination_type] .ico_arrow_right {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.792 9.033 5.6 3.842l.962-.962 6.146 6.147-.007.006.007.007-6.146 6.147-.962-.962 5.192-5.192Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  height: 17px;
  width: 17px;
}

[class^=pagination_type] .ico_arrow_left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination_type02 {
  margin-bottom: 20px;
  margin-top: 30px;
  position: relative;
  width: 100%;
}

.pagination_type02 > ul {
  padding-bottom: 45px;
  width: 100%;
}

.pagination_type02 a,
.pagination_type02 > ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.pagination_type02 a {
  color: #999;
}

.pagination_type02 li:not(.page_first, .page_last) .page_link {
  border-radius: 50%;
  font-size: 14px;
  height: 34px;
  padding: 0;
  width: 34px;
}

.pagination_type02 li:not(.page_first, .page_last) {
  margin: 0 4.5px;
}

.pagination_type02 .active a {
  background-color: #000;
  color: #fff;
  font-weight: 700;
}

.pagination_type02 [aria-disabled] {
  border: 1px solid #e1e1e1;
}

.pagination_type02 [aria-disabled=true] {
  border-color: #b1b1b1;
  cursor: not-allowed;
  opacity: 0.35;
  pointer-events: none;
}

.pagination_type02 .page_first,
.pagination_type02 .page_last {
  bottom: 25px;
  position: absolute;
  -webkit-transform: translateY(24px);
  transform: translateY(24px);
}

.pagination_type02 .page_first {
  right: calc(50% + 21px);
}

.pagination_type02 .page_last {
  left: calc(50% + 20px);
}

.pagination_type02 [class^=page_]:not(.page_prev, .page_next) [aria-disabled] {
  border: 0;
  color: #666;
  font-size: 14px;
}

.pagination_type02 .page_first [aria-disabled]:before {
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  height: 16px;
  position: absolute;
  right: -21px;
  top: 50%;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  width: 1px;
}

.pagination_type02 [class^=page_]:not(.page_prev, .page_next) [aria-disabled=true] {
  color: #cdcdcd;
  opacity: 1;
}

.pagination_type02 li.page_next,
.pagination_type02 li.page_prev {
  margin: 0;
  position: absolute;
}

.pagination_type02 li.page_prev {
  left: 0;
}

.pagination_type02 li.page_next {
  right: 0;
}

.pagination_type02 .page_first + li [aria-disabled],
.pagination_type02 li:not(.page_first, .page_last) [aria-disabled] {
  margin: 0;
}

.event_list + .pagination_type02 {
  padding-top: 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.contents .search_form {
  position: relative;
  height: 36px;
}

.contents .search_form .input_group {
  position: relative;
  height: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
}

.contents .search_form .input_group .form_control {
  border: none;
  width: 100%;
}

.search_form .ico_search {
  width: 19px;
  height: 19px;
}

.form_control[type=search] {
  -webkit-appearance: none;
  border: 1px solid #cdcdcd;
  color: #111;
  font-size: 13px;
  line-height: 21px;
  max-width: 100%;
  padding: 0 30px 0 14px;
  height: 100%;
  position: relative;
  border-radius: 2px;
}

/* clears the ‘X’ from Internet Explorer */
.form_control[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.form_control[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
.form_control[type=search]::-webkit-search-decoration,
.form_control[type=search]::-webkit-search-cancel-button,
.form_control[type=search]::-webkit-search-results-button,
.form_control[type=search]::-webkit-search-results-decoration {
  display: none;
}

.form_control.active {
  padding-right: 64px;
}

.ico_clear {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23999' cx='10' cy='10' r='10'/%3E%3Cpath d='m13.985 5.404.707.707L10.803 10l3.89 3.89-.708.706-3.889-3.89-3.889 3.89-.707-.707L9.389 10 5.5 6.112l.707-.707 3.889 3.889 3.89-3.89z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 100% auto;
  vertical-align: -1px;
}

.contents .search_form .form_control::placeholder {
  font-size: 13px;
  line-height: 21px;
  letter-spacing: -0.4px;
}

input:focus {
  outline: 0;
}

.contents .search_form .input_group .btn_delete,
.contents .search_form .input_group .btn_search {
  position: absolute;
  top: 0;
  height: 34px;
  right: 3px;
  width: 34px;
}

.contents .search_form .input_group .btn_delete {
  right: 30px;
}

.contents .search_form .input_group .btn_clear .ico_clear {
  height: 16px;
  width: 16px;
}

.section_header_wrap .search_form {
  position: absolute;
  top: 6px;
  right: 0;
  width: 119px;
}

.contents .search_form .input_group .form_control {
  background-color: #fff;
}

.story_list .meta {
  margin-top: auto;
}

.story_list .headline {
  margin-bottom: 6px;
}

.story_list .card .description {
  padding-top: 0;
  margin-bottom: 6px;
}

.story_list .card_image {
  width: 100px;
  height: 100px;
}

.story_list .card_body .title {
  font-size: 13px;
}

/* aside */
aside > .chain_wrap:last-child {
  margin-bottom: 0;
}

aside ul.story_list {
  row-gap: 8px;
}

aside .story_list .card {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 16px;
}

aside ul.story_list a {
  display: flex;
  column-gap: 12px;
}

aside ul.story_list .card_image {
  width: 56px;
  height: 56px;
}

aside ul.story_list .card_body .headline {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 24px;
}

aside ol.story_list .card_body .headline {
  margin-bottom: 3px;
}

aside .story_list .card .description {
  margin-bottom: 0;
}

aside ol.story_list .card {
  padding: 20px 20px 20px 46px;
}

aside ol.story_list .card:after {
  font-size: 17px;
  left: 20px;
  line-height: 20px;
  top: 25px;
}

aside .story_list .card:not(:first-child)::before {
  display: none;
}

aside ol.story_list .card_body .headline {
  font-size: 18px;
  line-height: 28px;
}

aside .story_list .description {
  font-size: 14px;
  line-height: 20px;
}

aside ul.story_list .description {
  line-height: 24px;
}

aside ol.story_list .meta {
  margin-top: 10px;
}

.pchain.story_list {
  padding-top: 0;
}

/* 전체 시리즈 관심 추가 예외처리 */
.subs_list .headline {
  position: relative;
  padding-right: 90px;
}

.subs_list .btn_area,
.subs_list .btn_subs,
.subs_list .btn_subscribe,
.subs_list .headline .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.subs_list .headline .btn,
.subs_list .btn_subscribe {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 2px 13px;
  background-position: 8px 50%;
  border: 1px solid #1d1d1d;
  border-radius: 50px;
  background-repeat: no-repeat;
  color: #1d1d1d;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
  text-align: center;
  white-space: nowrap;
  flex: 0 0 auto;
}

.card .btn_area .btn.active {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.subs_list .description {
  -webkit-line-clamp: 1;
}

.subs_list .card {
  min-height: 140px;
}

/* 이벤트 */
aside .scroll_area .card_image,
.event_list .card_image {
  padding-top: 56.3%;
}

.event_list .description {
  font-size: 15px;
  line-height: 24px;
  -webkit-line-clamp: 2;
}

.event_list .card .card_image + .card_body {
  padding-top: 10px;
}

.event_list .card_body .meta {
  margin-top: 16px;
}

/* error */
.error_area {
  padding: 20px 0 50px;
}

.error_area .title {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
  position: relative;
  text-align: center;
}

.error_area > p {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
  text-align: center;
}

.pcard .card_body .headline a > strong:not([class*=badge_]),
.card .card_body .headline a > strong:not([class*=badge_]) {
  color: #f6330a !important;
}

.section_header_wrap .layer_popup.layer_share {
  top: calc(100% + 10px);
}

.btn + .layer_subs_plus::before {
  right: 40px;
}

.full_popup .layer_alert {
  min-height: 148px;
}

.layer_alert .layer_body {
  min-height: auto;
}

@media (max-width: 689px) {
  /* grid */
  aside ul.story_list a {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 12px;
    grid-template-columns: 56px 1fr;
  }
  aside ul.content_list a {
    grid-template-columns: 72px 1fr;
  }
  .story_list .card {
    grid-template-columns: 1fr 100px;
  }
  .subs_list .card {
    grid-template-columns: 90px 1fr;
  }
  .tag_wrap .jaswiper_wrap {
    display: grid;
    grid-auto-flow: column;
  }
  .photo_list:not(.scroll_area) {
    grid-template-columns: 1fr 1fr;
  }
  .photo_list:not(.scroll_area) .card {
    width: 100% !important;
  }
  .content_area > .tag_wrap {
    column-gap: 0;
  }
  .content_area > .tag_wrap a:not(:first-child) {
    margin-left: 6px;
  }
  .sm_hide {
    display: none !important;
  }
  .sm_show {
    display: flex !important;
  }
  .contents .search_form.active {
    width: 100%;
    padding-right: 26px;
  }
  .contents .sm_hide {
    display: none !important;
  }
  .section_header_wrap.sticky_top .search_form {
    right: 20px;
  }
  .section_header_wrap.sticky_top .search_form.active {
    left: 20px;
    width: auto;
  }
  .search_form.active .btn_close {
    position: absolute;
    top: 0;
    right: -11px;
    width: 36px;
    height: 36px;
  }
  .search_form.active .ico_close {
    width: 13px;
    height: 13px;
  }
  .story_list .card.rank {
    grid-template-columns: 20px 1fr 100px;
  }
}
@media (max-width: 985px) {
  .section_header_wrap:not(.sticky_top) .card_body .layer_popup.layer_share {
    right: auto;
  }
  .section_header_wrap.sticky_top.m_unsticky {
    display: none;
  }
  .scroll_area .pcard .headline {
    font-size: 16px;
    line-height: 24px;
  }
  .section_header_wrap + div.grid {
    display: block;
  }
  .section_header_wrap + .grid .content_area {
    margin-bottom: 40px;
  }
  .section_header_wrap.sticky_top .btn_group {
    position: relative;
    margin-left: auto;
  }
  .ico_bookmark {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.8c0-.442-.336-.8-.75-.8H.75C.336 2 0 2.358 0 2.8V18h.375L6 14.74 11.625 18H12V2.8ZM1 3h10v13.481l-5-2.897-5 2.897V3Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  }
  .active .ico_bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' fill='none'%3E%3Cpath d='M11.25 2c.414 0 .75.358.75.8V18h-.375L6 14.74.375 18H0V2.8c0-.442.336-.8.75-.8h10.5Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  }
  .story_list .ico_bookmark {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24'%3E%3Cpath d='M15 2c.552 0 1 .448 1 1v19h-.5L8 17.5.5 22H0V3c0-.552.448-1 1-1h14zm0 1H1v17.533l7-4.2 7 4.201V3z' fill='%231D1D1D' fill-rule='nonzero'/%3E%3C/svg%3E");
    background-size: 16px 24px !important;
  }
  .story_list .active > .ico_bookmark {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2c.5522847 0 1 .44771525 1 1v19h-.5L8 17.5.5 22H0V3c0-.55228475.44771525-1 1-1h14z' fill='%231D1D1D' fill-rule='nonzero'/%3E%3C/svg%3E");
  }
  .story_list .card_body .headline {
    margin-top: 0 !important;
  }
  .header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  aside .chain_wrap {
    padding-top: 5px;
  }
  /* 이벤트 scroll */
  aside .scroll_wrap .card {
    width: 300px;
  }
  .chain_wrap {
    margin-bottom: 40px;
    padding: 20px 0 0;
  }
  .chain_wrap > .title_wrap {
    margin-top: -12px;
    align-items: baseline;
  }
  .title_wrap:not(.nav) .title {
    font-size: 20px;
    line-height: 30px;
  }
  .section_header_wrap {
    margin: 20px 0 0;
  }
  .section_header_wrap .headline,
  .section_header_wrap:not(.sticky_top) .card_body .headline:first-child {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
  }
  .section_header_wrap:not(.sticky_top) .headline:first-child {
    font-size: 32px;
    line-height: 42px;
  }
  .section_header_wrap .description {
    font-size: 14px;
    line-height: 22px;
  }
  .section_header_wrap .tag_area {
    margin-bottom: 40px;
    margin-top: -20px;
    padding-top: 16px;
  }
  .section_header_wrap > .description {
    margin-bottom: 40px;
  }
  .section_header_wrap .tag_area dt {
    margin-bottom: 8px;
  }
  .section_header_wrap .tag_area .tag_wrap a {
    padding: 7px 20px;
  }
  .section_header_wrap.sticky_top {
    width: 100%;
    padding: 0 20px;
    background-color: #1d1d1d;
  }
  .section_header_wrap.sticky_top .headline {
    margin-right: 20px;
  }
  .section_header_wrap.sticky_top.header_swiper .headline:first-child,
  .section_header_wrap.sticky_top .headline:first-child {
    display: none;
  }
  .section_header_wrap.sticky_top .card_body .headline:first-child {
    display: -webkit-box;
  }
  .section_header_wrap:not(.sticky_top) .title + .headline + .description {
    margin-top: 16px;
  }
  .list_option_area {
    display: flex;
    flex-direction: column;
  }
  .list_option_area .option_area {
    width: 100%;
  }
  .list_option_area .tag_wrap {
    margin-bottom: 19px;
  }
  .option_area .type_sort {
    margin-left: auto;
  }
  .search_option .option_area {
    height: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 18px;
    padding-bottom: 13px;
  }
  .list_option_area.search_option {
    display: flex;
    flex-direction: column-reverse;
  }
  .search_option:not(.list_option_area) .list_option_area {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .chain_wrap + .pagination_type02 {
    margin-top: -10px;
  }
  .photo_list .card .card_body {
    padding-left: 4px;
    padding-right: 4px;
  }
  .subs_list .card {
    min-height: 123px;
    column-gap: 16px;
    grid-column-gap: 16px;
  }
  .subs_list .headline {
    margin-bottom: 9px;
  }
  .subs_list .card_image {
    width: 90px;
    height: 90px;
  }
  aside ul.content_list .card:not(:first-child)::before {
    top: -18px;
  }
  /* onboarding 예외처리 */
  .comp.comp_best .grid.grid5 li {
    width: 100%;
  }
}
/* 분기 예외처리 - 태블릿까지 */
@media (min-width: 690px) {
  /* grid */
  [class*=grid]:not(.scroll_area) > .pcard,
  [class*=grid]:not(.scroll_area) > .card {
    width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  }
  .section_header_wrap .search_form {
    width: 300px;
  }
  .search_form .lg_hide {
    display: none !important;
  }
  .search_form .input_group .form_label {
    display: block;
    position: absolute;
    top: 7px;
    left: 14px;
    background-color: #fff;
    font-size: 13px;
    line-height: 21px;
    color: #999;
    z-index: 1;
  }
}
@media (min-width: 690px) and (max-width: 985px) {
  .grid3 {
    --columns: 2;
    --gap: 20px;
    gap: var(--gap);
  }
  .grid4 {
    --gap: 20px;
    gap: var(--gap);
    --columns: 2;
  }
  .contents,
  .uh {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .header .uh .header_right_area {
    right: 20px;
  }
}
@media (min-width: 986px) {
  /* grid */
  [class*=scroll_area] > .pcard {
    width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  }
  [class*=scroll_area].grid4.photo_list > .card {
    width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  }
  .story_list .headline {
    margin-bottom: 8px;
  }
  .title_wrap {
    margin-bottom: 20px;
  }
  .title_wrap .btn_area,
  .title_wrap .btn_subs {
    margin-top: 4px;
  }
  .title_wrap .btn_area > button {
    margin-top: 0;
  }
  .title_wrap .title .ico_arrow {
    width: 12px;
    height: 19px;
    margin-left: 8px;
  }
  .ico_bookmark {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.8c0-.442-.336-.8-.75-.8H.75C.336 2 0 2.358 0 2.8V18h.375L6 14.74 11.625 18H12V2.8ZM1 3h10v13.481l-5-2.897-5 2.897V3Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  }
  .active .ico_bookmark {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' fill='none'%3E%3Cpath d='M11.25 2c.414 0 .75.358.75.8V18h-.375L6 14.74.375 18H0V2.8c0-.442.336-.8.75-.8h10.5Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  }
  /* header */
  .section_header_wrap {
    margin: 44px 0 0;
  }
  .section_header_wrap:not(.sticky_top) .title + .headline {
    padding-top: 24px;
  }
  .section_header_wrap .tag_area {
    margin-bottom: 60px;
    margin-top: -40px;
    padding-top: 20px;
  }
  .section_header_wrap > .description {
    margin-bottom: 60px;
  }
  .section_header_wrap + .grid:not(.grid3) {
    justify-content: space-between;
  }
  .section_header_wrap .headline,
  .section_header_wrap:not(.sticky_top) .card_body > .headline:first-child {
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
  }
  .section_header_wrap:not(.sticky_top) .card_body > .headline:first-child {
    padding-right: 144px;
  }
  .section_header_wrap:not(.sticky_top) .headline:first-child {
    font-size: 40px;
    line-height: 50px;
  }
  .section_header_wrap .title {
    border-bottom: 4px solid #000;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 16px;
  }
  .section_header_wrap .description {
    font-size: 16px;
    line-height: 24px;
  }
  .section_header_wrap:not(.sticky_top) .title + .headline + .description {
    width: 69%;
  }
  .section_header_wrap .header_nav .nav_item:not(:first-child) {
    margin-left: 15px;
  }
  .section_header_wrap .header_nav .nav_item a {
    height: 48px;
    font-size: 18px;
    line-height: 28px;
  }
  .section_header_wrap .layer_popup {
    right: 0;
    top: 35px;
  }
  .section_header_wrap button + .layer_popup {
    top: 41px;
  }
  .section_header_wrap:not(.sticky_top) .headline {
    margin-bottom: 12px;
  }
  .section_header_wrap.sticky_top {
    left: 253px;
  }
  .section_header_wrap.sticky_top .header_nav {
    display: none;
  }
  .section_header_wrap:not(.sticky_top) .btn_group {
    bottom: auto;
    position: absolute;
    right: 0;
    top: 80px;
  }
  .section_header_wrap.sticky_top {
    top: 0 !important;
  }
  .section_header_wrap.sticky_top .btn_group {
    position: relative;
    margin-left: 25px;
  }
  .section_header_wrap .tag_wrap .scroll_area {
    column-gap: 8px;
  }
  .section_header_wrap .tag_area {
    display: block;
  }
  .section_header_wrap .tag_area dt {
    float: left;
    margin-right: 12px;
    line-height: 36px;
  }
  .list_option_area {
    align-items: center;
    justify-content: space-between;
    margin-top: 27px;
    margin-bottom: 14px;
  }
  .section_header_wrap + .list_option_area {
    min-height: 36px;
  }
  .list_option_area .scroll_wrap {
    width: auto;
  }
  .list_option_area .tag_wrap {
    margin-top: -14px;
  }
  .search_option .title,
  .search_option .title * {
    font-size: 18px;
    line-height: 28px;
  }
  .list_option_area .all_count {
    margin-left: 6px;
    font-size: 18px;
    line-height: 28px;
  }
  .pchain > .list_option_area .all_count {
    margin-left: 0;
    font-size: 16px;
    line-height: 28px;
  }
  .search_option .list_option_area {
    margin-top: 24px;
    margin-bottom: 20px;
    padding-bottom: 20px !important;
  }
  .search_option:not(.list_option_area) {
    margin-bottom: 18px;
  }
  .search_option .title {
    padding-left: 23px;
  }
  .search_option .list_option_area .tag_wrap {
    margin-top: -4px;
  }
  .list_option_area.search_option,
  .search_option .list_option_area {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .list_option_area > .option_area:first-child {
    margin-left: auto;
  }
  .search_nodata {
    margin: 124px 0 184px;
    font-size: 18px;
    line-height: 28px;
  }
  .section_header_wrap + .chain_wrap.grid {
    padding-top: 24px;
  }
  .section_header_wrap .search_form {
    top: 14px;
  }
  /* sub */
  .pchain {
    padding-bottom: 40px;
  }
  .pchain.story_list.grid2 {
    --gap: 80px;
    gap: var(--gap);
    row-gap: 20px;
  }
  .pchain.story_list.grid2 .card:nth-child(2):before {
    display: none;
  }
  .pchain.story_list.grid2 .card_image:not(.rounded_circle) {
    width: 120px;
    height: 120px;
  }
  .pchain.story_list.grid2 .description {
    font-size: 15px;
    line-height: 24px;
  }
  ol.story_list li:after {
    top: 25px;
    font-size: 22px;
    line-height: 24px;
  }
  .pchain.story_list {
    padding-top: 10px;
  }
  .story_list .card_body .title {
    font-size: 15px;
  }
  aside .chain_wrap {
    padding-top: 20px;
    margin-bottom: 40px;
  }
  aside .chain_wrap .scroll_area {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
  }
  aside > .title_wrap {
    margin: 32px 0 20px;
  }
  .dropdown_menu {
    left: inherit;
    right: 0;
  }
  .option_area .dropdown + .type_sort {
    margin-left: 16px;
  }
  .title_wrap:not(.nav) .title {
    align-items: center;
    font-size: 22px;
    line-height: 32px;
  }
  .event_list .card .description {
    font-size: 15px;
    line-height: 24px;
  }
  [class^=pagination_type] .page_link:where(:hover, :active) {
    color: #666;
    text-decoration: underline;
  }
  [class^=pagination_type] :is(.page_first, .page_last, .page_prev, .page_next, .active) .page_link:where(:hover, :active):before {
    content: none;
  }
  .pagination_type02 {
    margin-bottom: 0;
  }
  .pagination_type02 > ul {
    padding-bottom: 0;
  }
  .pagination_type02 li.page_prev {
    margin-right: 19.5px;
  }
  .pagination_type02 li.page_next {
    margin-left: 19.5px;
  }
  .pagination_type02 .page_first + li [aria-disabled] {
    margin-left: 0;
  }
  .pagination_type02 .page_first,
  .pagination_type02 .page_last {
    bottom: 0;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .pagination_type02 .page_first {
    right: 0;
  }
  .pagination_type02 .page_last {
    left: 0;
  }
  .pagination_type02 [class^=page_]:not(.page_prev, .page_next) [aria-disabled] {
    font-size: 13px;
    text-decoration: underline;
  }
  .pagination_type02 .page_first [aria-disabled]:before {
    content: none;
  }
  .pagination_type02 .page_first [aria-disabled] {
    margin-right: 18px;
  }
  .pagination_type02 .page_last [aria-disabled] {
    margin-left: 18px;
  }
  .pagination_type02 li.page_next,
  .pagination_type02 li.page_prev {
    position: relative;
  }
  [class*=_list] + .button_wrap_wide {
    margin-top: 30px;
  }
  .photo_list_area + .button_wrap_wide {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px;
    padding-top: 30px;
  }
  .pagination_bx .swiper-pagination-fraction {
    font-size: 12px;
    line-height: 20px;
  }
  .pagination_bx .swiper-button-next,
  .pagination_bx .swiper-button-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 13px;
    height: 25px;
    width: 25px;
  }
  .pagination_bx .swiper-button-prev,
  .pagination_bx.rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M15 0v15H0V0z'/%3E%3Cpath fill='%231D1D1D' d='m9.75 2.284.53.53-4.684 4.687 4.683 4.683-.53.53L4.534 7.5 9.75 2.285z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .pagination_bx .swiper-button-next,
  .pagination_bx.rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0v15h15V0z'/%3E%3Cpath fill='%231D1D1D' d='m5.25 2.284-.53.53 4.684 4.687-4.683 4.683.53.53L10.466 7.5 5.25 2.285z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .chain_wrap + .pagination_type02 {
    margin-top: -30px;
  }
  /* 그리드 */
  .section_header_wrap + div.grid {
    row-gap: 50px;
    flex-wrap: nowrap;
  }
  .grid .content_area {
    width: calc(75% - var(--gap));
  }
  .grid aside {
    width: 25%;
  }
  .event_list .card .card_image + .card_body {
    padding-top: 14px;
  }
  .event_list .card .card_body .headline {
    line-height: 32px;
  }
  .error_area {
    padding: 54px 0 100px;
  }
  .section_header_wrap.sticky_top > .headline:first-child {
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
  }
  .section_header_wrap.sticky_top .layer_popup.layer_share {
    right: auto;
    left: 0;
  }
}
@media (min-width: 986px) and (max-width: 1279px) {
  .section_header_wrap.sticky_top {
    left: calc((100% - 946px) / 2 + 253px) !important;
  }
  .grid .content_area .grid.grid3 {
    --columns: 2;
  }
  .scroll_area.grid4 {
    --gap: 20px;
  }
}
@media (min-width: 1280px) {
  .section_header_wrap.sticky_top {
    left: 50%;
    transform: translateX(-50%);
    width: 694px;
  }
  .section_header_wrap:not(.sticky_top) .title + .headline + .description {
    width: 70%;
  }
}
/* 영상 */
/* showcase_swiper */
.showcase_swiper {
  margin-top: 16px;
  padding-top: 24px;
  margin-bottom: 32px;
  border-top: 4px solid #000;
}

.showcase_swiper .card_body {
  padding-top: 12px;
}

.showcase_swiper .title {
  font-size: 15px;
  line-height: 22px;
}

.showcase_swiper .card .headline {
  font-size: 20px;
  line-height: 30px;
}

.photo_list .play_duration {
  left: 8px;
  bottom: 8px;
}

.photo_list .card .card_image {
  border-radius: 10px;
}

/* photo_list */
.photo_list .card_body {
  padding-top: 10px;
}

@media only screen and (max-width: 985px) {
  /* showcase_swiper */
  .showcase_swiper .play_duration {
    left: 12px;
    bottom: 12px;
  }
  .showcase_swiper .card .card_image {
    border-radius: 10px;
  }
  /* photo_list */
  .photo_list.scroll_area {
    column-gap: 16px;
    grid-column-gap: 16px;
  }
  .photo_list:not(.scroll_area) {
    --columns: 2;
    --gap: 12px;
    row-gap: 20px;
    flex-direction: row;
  }
  .photo_list:not(.scroll_area) .card {
    width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  }
  .photo_list:not(.scroll_area) .card .headline {
    font-size: 15px;
    line-height: 22px;
  }
  .photo_list .play_duration.ico_lg {
    font-size: 14px;
  }
  .photo_list .play_duration.ico_lg:before {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 986px) {
  /* showcase_swiper */
  .showcase_swiper {
    margin-bottom: 60px;
  }
  .showcase_swiper .card {
    display: flex;
    align-items: center;
    column-gap: 30px;
  }
  /* .showcase_swiper .card_body .badge_free::after {
      width: 48px;
      height: 24px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' viewBox='0 0 48 24' fill='none'%3E%3Crect width='48' height='24' fill='%23FFE1DB'/%3E%3Cpath d='M9 17H10.5039V12.6354H14.7012V11.337H10.5039V8.31215H15.1387V7H9V17Z' fill='%23E22700'/%3E%3Cpath d='M16.8203 17H18.3242V13.2293H20.3477H20.4434L22.4531 17H24.1621L21.9746 12.9599C23.1777 12.4972 23.7793 11.482 23.7793 10.1354C23.7793 8.29144 22.6514 7 20.3477 7H16.8203V17ZM18.3242 11.9171V8.29834H20.1973C21.6533 8.30525 22.2617 9.00967 22.2617 10.1354C22.2617 11.261 21.6533 11.9102 20.1973 11.9171H18.3242Z' fill='%23E22700'/%3E%3Cpath d='M25.5 17H31.7617V15.6878H27.0039V12.6354H31.3789V11.337H27.0039V8.31215H31.707V7H25.5V17Z' fill='%23E22700'/%3E%3Cpath d='M33.5527 17H39.8145V15.6878H35.0566V12.6354H39.4316V11.337H35.0566V8.31215H39.7598V7H33.5527V17Z' fill='%23E22700'/%3E%3C/svg%3E");
      transform: translateY(-3px);
  } */
  .showcase_swiper .card_image {
    width: 64%;
    padding-top: 36%;
  }
  .showcase_swiper .card_body {
    padding-bottom: 50px;
  }
  .showcase_swiper .jswiper_pagination {
    position: absolute;
    bottom: 12px;
    left: calc(64% + 27px);
  }
  .showcase_swiper .card .title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }
  .showcase_swiper .card .headline {
    font-size: 32px;
    line-height: 44px;
  }
  .showcase_swiper .play_duration {
    bottom: 24px;
    left: 24px;
  }
  .showcase_swiper .play_duration.ico_lg {
    font-size: 22px;
  }
  .showcase_swiper .play_duration.ico_lg:before {
    width: 40px;
    height: 40px;
  }
  /* photo_list */
  .photo_list {
    --gap: 27px;
    row-gap: 32px;
  }
  .photo_list .card_body {
    padding-top: 12px;
  }
  .photo_list .headline {
    font-size: 18px;
    line-height: 28px;
  }
  .photo_list .meta {
    margin-top: 8px;
  }
  .photo_list .play_duration {
    left: 12px;
    bottom: 12px;
  }
  .photo_list + .pagination_type02 {
    margin-top: 80px;
  }
  /* hover 예외 */
  aside .story_list .card > a:first-child:hover,
  .header_right_area a:hover {
    opacity: 1;
  }
  aside .story_list .card a:hover .headline {
    color: rgba(0, 0, 0, 0.7);
  }
}
/* 달력 */
.ui-datepicker {
  padding: 0 16px 20px;
  font-family: "Noto Sans KR";
}

/* z-index header와 겹침*/
.ui-widget.ui-widget-content {
  margin-top: 8px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: none;
  border: none;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  transform: translateX(-50%);
  margin-left: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

.ui-datepicker table {
  margin: 0;
}

.ui-datepicker th,
.ui-datepicker td {
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.ui-datepicker td a,
.ui-datepicker td span {
  padding: 0;
  text-align: center;
}

.ui-datepicker .ui-datepicker-current-day a {
  background: #111;
  border-radius: 50%;
  font-weight: 700;
  color: #fff !important;
}

.ui-datepicker.on_popup {
  z-index: 401 !important;
}

/* 03.20 캘린더 */
.date_wrap button.ui-datepicker-trigger.on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.2 0H4.26667V1.06667H7.46667V0H8.53333V1.06667H11.7333V0H12.8V1.06667H14.9333C15.5224 1.06667 16 1.54423 16 2.13333V14.9333C16 15.5224 15.5224 16 14.9333 16H1.06667C0.477563 16 0 15.5224 0 14.9333V2.13333C0 1.54423 0.477563 1.06667 1.06667 1.06667H3.2V0ZM3.2 3.2V2.13333H1.06667V14.9333H14.9333V2.13333H12.8V3.2H11.7333V2.13333H8.53333V3.2H7.46667V2.13333H4.26667V3.2H3.2ZM4.26667 6.93333H5.33333V8H4.26667V6.93333ZM7.46667 6.93333H8.53333V8H7.46667V6.93333ZM11.7333 6.93333H10.6667V8H11.7333V6.93333ZM4.26667 10.1333H5.33333V11.2H4.26667V10.1333ZM8.53333 10.1333H7.46667V11.2H8.53333V10.1333ZM10.6667 10.1333H11.7333V11.2H10.6667V10.1333Z' fill='%23F6330A'/%3E%3C/svg%3E");
  background-size: 16px;
}

.ui-datepicker .ui-datepicker-today a {
  position: relative;
  font-weight: bold;
  color: #111;
}

.ui-datepicker .ui-datepicker-today a::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  background-color: #000;
  border-radius: 50%;
}

@media (max-width: 985px) {
  /* 달력 */
  .ui-datepicker {
    width: 320px;
  }
  .ui-widget.ui-widget-content {
    margin-left: -76px;
  }
  .ui-datepicker .ui-datepicker-header {
    padding: 30px 0 27px;
  }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    top: 30px;
    width: 34px;
    height: 34px;
  }
  .ui-datepicker .ui-datepicker-prev {
    left: 20px;
  }
  .ui-datepicker .ui-datepicker-prev .ui-icon,
  .ui-datepicker .ui-datepicker-next .ui-icon {
    width: 16px;
    height: 16px;
    margin-top: -9px;
    background-position: -1px 0;
  }
  .ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M18 .436v17.68H.32V.436z'/%3E%3Cpath fill='%231D1D1D' d='M12.56 14.501l-.962.962-6.146-6.147.007-.007-.007-.006 6.146-6.147.962.962-5.191 5.191 5.191 5.192z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 .436v17.68h17.68V.436z'/%3E%3Cpath fill='%231D1D1D' d='M5.44 14.501l.962.962 6.146-6.147-.007-.007.007-.006-6.146-6.147-.962.962 5.191 5.191-5.191 5.192z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ui-datepicker .ui-datepicker-next {
    right: 20px;
  }
  .ui-datepicker .ui-datepicker-title {
    line-height: 34px;
  }
  .ui-datepicker th {
    padding: 0 4px 15px;
  }
  .ui-datepicker td {
    padding: 3px 4px 0;
    font-size: 13px;
  }
  .ui-datepicker td a,
  .ui-datepicker td span {
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
}
@media (min-width: 986px) {
  /* 달력 */
  .ui-datepicker {
    width: 320px;
  }
  .hasDatepicker {
    right: 0 !important;
  }
  .ui-widget.ui-widget-content {
    margin-right: -78px;
  }
  .ui-datepicker .ui-datepicker-header {
    padding: 30px 0 27px;
  }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    top: 30px;
    width: 34px;
    height: 34px;
  }
  .ui-datepicker .ui-datepicker-prev {
    left: 20px;
  }
  .ui-datepicker .ui-datepicker-prev .ui-icon,
  .ui-datepicker .ui-datepicker-next .ui-icon {
    width: 16px;
    height: 16px;
    margin-top: -9px;
    background-position: -1px 0;
  }
  .ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M18 .436v17.68H.32V.436z'/%3E%3Cpath fill='%231D1D1D' d='M12.56 14.501l-.962.962-6.146-6.147.007-.007-.007-.006 6.146-6.147.962.962-5.191 5.191 5.191 5.192z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 .436v17.68h17.68V.436z'/%3E%3Cpath fill='%231D1D1D' d='M5.44 14.501l.962.962 6.146-6.147-.007-.007.007-.006-6.146-6.147-.962.962 5.191 5.191-5.191 5.192z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ui-datepicker .ui-datepicker-next {
    right: 20px;
  }
  .ui-datepicker .ui-datepicker-title {
    line-height: 34px;
  }
  .ui-datepicker th {
    padding: 0 4px 15px;
  }
  .ui-datepicker td {
    padding: 3px 4px 0;
    font-size: 13px;
  }
  .ui-datepicker td a,
  .ui-datepicker td span {
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
  .ui-datepicker.on_popup {
    width: 320px;
  }
  .ui-datepicker.on_popup .ui-datepicker-header {
    padding: 30px 0 27px;
  }
  .ui-datepicker.on_popup .ui-datepicker-prev,
  .ui-datepicker.on_popup .ui-datepicker-next {
    top: 30px;
    width: 34px;
    height: 34px;
  }
  .ui-datepicker.on_popup .ui-datepicker-prev {
    left: 20px;
  }
  .ui-datepicker.on_popup .ui-datepicker-prev .ui-icon,
  .ui-datepicker.on_popup .ui-datepicker-next .ui-icon {
    width: 16px;
    height: 16px;
    margin-top: -9px;
    background-position: -1px 0;
  }
  .ui-datepicker.on_popup .ui-datepicker-prev .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M18 .436v17.68H.32V.436z'/%3E%3Cpath fill='%231D1D1D' d='M12.56 14.501l-.962.962-6.146-6.147.007-.007-.007-.006 6.146-6.147.962.962-5.191 5.191 5.191 5.192z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ui-datepicker.on_popup .ui-datepicker-next .ui-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 .436v17.68h17.68V.436z'/%3E%3Cpath fill='%231D1D1D' d='M5.44 14.501l.962.962 6.146-6.147-.007-.007.007-.006-6.146-6.147-.962.962 5.191 5.191-5.191 5.192z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .ui-datepicker.on_popup .ui-datepicker-next {
    right: 20px;
  }
  .ui-datepicker.on_popup .ui-datepicker-title {
    line-height: 34px;
  }
  .ui-datepicker.on_popup th {
    padding: 0 4px 15px;
  }
  .ui-datepicker.on_popup td {
    padding: 0;
    font-size: 13px;
  }
  .ui-datepicker.on_popup td a {
    width: 33px;
    height: 33px;
    line-height: 33px;
  }
}
.card .card_body .layer_subs_plus p strong {
  color: #111 !important;
}

/* 소셜아이콘 변경 */
.share_v2 {
  width: 245px;
}

.share_v2 li {
  width: 33%;
}

.share_v2 li:nth-child(n+4) {
  margin-top: 28px;
}

.ico_sns_twt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M12.3076 9.04107L19.3808 1H17.7046L11.563 7.98195L6.65769 1H1L8.41779 11.5579L1 19.9902H2.67621L9.16194 12.6171L14.3423 19.9902H20L12.3072 9.04107H12.3076ZM10.0118 11.651L9.2602 10.5996L3.28017 2.23406H5.85474L10.6807 8.98534L11.4323 10.0367L17.7054 18.8123H15.1309L10.0118 11.6514V11.651Z' fill='black' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size: 19px 19px !important;
}

/* 시리즈홈 */
.section_header_wrap::after {
  display: block;
  content: "";
  clear: both;
}

.section_header_wrap.sticky_top .card_body {
  display: flex;
  align-items: center;
}

.section_header_wrap .card_image {
  float: left;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 24px 16px 0 0;
  border-radius: 100%;
  overflow: hidden;
}

.section_header_wrap .badge_end {
  display: inline-flex;
  height: 20px;
  width: 36px;
  margin-left: 6px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='24' fill='none'%3E%3Cpath fill='%23000' d='M32.267 0H11.733C5.253 0 0 5.373 0 12s5.253 12 11.733 12h20.534C38.747 24 44 18.627 44 12S38.747 0 32.267 0Z' opacity='.55'/%3E%3Cpath fill='%23fff' d='M13.47 6.363c-1.934 0-3.306 1.032-3.3 2.556-.006 1.284 1 2.232 2.511 2.478v1.088c-1.167.035-2.277.042-3.225.042l.175 1.25c2.233.007 5.298-.05 8.042-.52l-.131-1.137c-1.022.14-2.124.232-3.226.295V11.39c1.467-.26 2.452-1.208 2.467-2.471-.015-1.524-1.387-2.556-3.314-2.556Zm-2.204 11.88h9.136v-1.264h-7.516v-2.317h-1.62v3.58Zm.423-9.324c-.015-.857.73-1.362 1.78-1.362 1.059 0 1.774.505 1.781 1.362-.007.835-.722 1.355-1.78 1.362-1.051-.007-1.796-.527-1.781-1.362Zm6.626 6.6h1.62v-4.297h1.78V9.93h-1.78v-4.1h-1.62v9.688ZM33.45 5.815h-1.62V7.5h-2.663c.058-.358.095-.737.095-1.137h-5.955v1.264h4.145c-.226 1.685-1.774 2.998-4.875 3.623l.57 1.277c2.918-.631 4.852-1.895 5.67-3.833h3.013v1.25h-3.18v1.193h3.181v1.11h1.62V5.814Zm-8.684 8.159h7.064v.94h-7.05v3.469h9.02v-1.25h-7.399V16.08h7.05v-3.342h-8.685v1.236Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.section_header_wrap.sticky_top .badge_end {
  display: none;
}

.section_header_wrap:not(.sticky_top) .card_image + .headline,
.section_header_wrap:not(.sticky_top) .card_body > .headline {
  margin-top: 24px;
}

.section_header_wrap .card_image + .headline + .btn_group + .description,
.section_header_wrap .card_body > .description {
  margin-bottom: 15px;
}

.section_header_wrap.sticky_top .card_image,
.section_header_wrap.sticky_top .stamp_wrap,
.section_header_wrap.sticky_top .meta {
  display: none;
}

.section_header_wrap .meta {
  display: flex;
  color: #666;
  font-size: 13px;
  line-height: 36px;
  align-items: center;
}

.section_header_wrap .meta span {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #666;
}

.section_header_wrap .meta span:not(:nth-last-of-type(1)):after {
  content: "";
  display: inline-flex;
  align-self: center;
  width: 1px;
  height: 10px;
  margin: 0 8px;
  background-color: #bcbcbc;
}

.section_header_wrap .meta span span:before {
  content: "";
  display: inline-flex;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: rgb(188, 188, 188);
  margin: 1px 5px 0;
}

.section_header_wrap .meta i.ico_up:first-child {
  margin-right: 8px;
}

.section_header_wrap .meta span:nth-child(2) {
  padding-left: 0;
  margin-left: 0;
}

.section_header_wrap .meta span:nth-child(2)::before {
  display: none;
}

.section_header_wrap .btn_group .btn_plus_news_letter {
  padding: 5px 16px;
  border: 1px solid #1d1d1d;
  font-size: 14px;
  font-weight: 700;
}

.section_header_wrap .btn_group .btn_plus_news_letter.active {
  background-color: #1d1d1d;
  border: 1px solid #1d1d1d;
  color: #fff;
}

.section_header_wrap.sticky_top .btn_group .btn_plus_news_letter.active {
  background-color: hsla(0, 0%, 61%, 0.2);
}

.section_header_wrap.sticky_top .btn_plus_news_letter {
  border: 1px solid #fff;
  color: #fff;
}

.btn_stamp {
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 40px 0 12px;
  border-radius: 6px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 1a9 9 0 1 0 .001 18.001A9 9 0 0 0 10 1zm.65 7.5v6h-1.3v-6h1.3zM10 5.4A.8.8 0 1 1 10 7a.8.8 0 0 1 0-1.6z' fill='%23979797' fill-rule='nonzero'/%3E%3C/svg%3E");
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.56px;
  line-height: 24px;
}

.stamp_wrap {
  position: relative;
}

.btn_stamp .ico_stamp {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FFB800'/%3E%3Cmask id='mask0_52_28' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='10' height='10'%3E%3Ccircle cx='7' cy='7' r='5' fill='%23FFCD1A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_52_28)'%3E%3Cpath d='M2.66406 12.1743L-3.00063 6.89006L7.15799 -3.99992L12.8227 1.28434L2.66406 12.1743Z' fill='url(%23paint0_linear_52_28)'/%3E%3C/g%3E%3Ccircle cx='6.94922' cy='6.94995' r='4.75' stroke='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_52_28' x1='-0.168283' y1='9.53219' x2='9.99034' y2='-1.35779' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFB800'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  margin-right: 5px;
}

.layer_stamp {
  top: 100%;
  left: 0;
  width: 320px;
  padding: 20px;
  text-align: left;
}

.layer_stamp:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 55px;
  width: 10px;
  height: 12px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L4.50003 6.5L9.00007 0H0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L4.50003 6.5L9.00007 0H7.78441L4.50003 4.74406L1.21566 0H0Z' fill='black' fill-opacity='0.1'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}

.layer_stamp.layer_popup .layer_header .layer_title {
  color: #000;
}

.layer_stamp .layer_body {
  padding-top: 4px;
}

.layer_stamp ul {
  display: flex;
  flex-wrap: wrap;
}

.layer_stamp li {
  display: grid;
  align-content: flex-start;
  justify-content: flex-start;
  width: 50%;
  margin-top: 16px;
}

.layer_stamp li:nth-of-type(odd) {
  padding-right: 10px;
}

.layer_stamp li:nth-of-type(even) {
  padding-left: 10px;
}

.layer_stamp li:only-child {
  width: 100%;
  padding: 0;
}

.layer_stamp li .img {
  overflow: hidden;
  grid-column: 1/2;
  grid-row: 1/3;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

.layer_stamp li .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.layer_stamp li strong,
.layer_stamp li p {
  grid-column: 2/3;
  padding-left: 8px;
  word-break: break-all;
}

.layer_stamp li strong {
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.4px;
}

.layer_stamp li p {
  color: #666;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: -0.4px;
}

.layer_stamp .btn_close {
  top: 10px;
  right: 10px;
}

.stamp_wrap {
  width: 100%;
}

.btn_stamp .ico_stamp {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.layer_stamp {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}

.layer_stamp:after {
  display: none;
}

.option_area .dropdown:nth-child(2),
.option_area .dropdown:nth-child(3) {
  margin-left: 12px;
  padding-left: 16px;
}

.option_area .dropdown:nth-child(2)::before,
.option_area .dropdown:nth-child(3)::before {
  content: "";
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 13px;
  margin-top: -6.5px;
  background-color: #bcbcbc;
}

.description_wrap {
  padding: 14px 20px;
}

.description_wrap .title {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.description_wrap .accordion_item:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.description_wrap .accordion_button {
  display: flex;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  justify-content: space-between;
  text-align: left;
}

.description_wrap .accordion_item {
  padding: 16px 0 4px;
}

.description_wrap .accordion_button {
  margin-bottom: 12px;
}

.description_wrap .accordion_item:last-child .accordion_body p {
  padding-bottom: 0;
}

.description_wrap .accordion_body {
  display: none;
  color: #666;
  font-size: 14px;
  line-height: 22px;
}

.description_wrap .accordion_body p {
  padding: 0 0 16px;
}

.description_wrap .ico_arrow_down {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.98567 13.5858L10.3999 15L11.8141 13.5858L18.1781 7.22183L16.7638 5.80762L10.3999 12.1716L4.03592 5.80762L2.6217 7.22183L8.98567 13.5858Z' fill='black'/%3E%3C/svg%3E") 50% 50%/20px no-repeat;
  height: 20px;
  top: 5px;
  width: 20px;
  transition: 0.5s ease;
}

.description_wrap .accordion_button[aria-expanded=true] i {
  transform: rotate(180deg);
}

.story_list em.rank {
  /*width: 25px;*/
  margin-top: 2px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.profile_swiper {
  overflow: hidden;
}

.profile_swiper + .profile_swiper {
  margin-top: 30px;
}

.profile_swiper.pchain {
  padding: 30px 22px;
  border-radius: 12px;
}

.profile_swiper .jswiper_pagination {
  margin: 0;
}

.profile_swiper .jswiper_pagination button[aria-disabled=true] {
  display: none;
}

.profile_swiper.swiper-container-horizontal:hover .jswiper_pagination button {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.profile_swiper[data-count="2"] .slides {
  transform: none !important;
}

.profile_swiper[data-count="2"] .slide_direction {
  display: none;
}

.profile_swiper .title {
  margin-bottom: 20px;
  padding: 0 8px;
  font-size: 16px;
  line-height: 24px;
}

.profile_swiper.scroll_wrap .profile_card_list {
  flex-wrap: wrap;
}

.profile_swiper.scroll_wrap .slide:nth-child(n+3) {
  margin-top: 16px;
}

/* profile card */
.profile_card_list {
  display: flex;
  flex-wrap: nowrap;
}

.profile_card_list > li {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
}

.profile_card_list > li:only-child {
  width: 100%;
}

.profile_card_list .btn_outline_gray {
  display: inline-flex;
  align-self: flex-start;
  margin-top: auto;
}

.profile_area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.profile_wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  padding: 20px;
  border-radius: 10px;
}

.profile_body .name {
  display: flex;
  padding-top: 2px;
  font-weight: 700;
  color: #111;
}

.profile_body .description {
  display: flex;
  padding-right: 12px;
  word-break: break-all;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #666;
}

.profile_body .description + .description {
  margin-top: 1px;
}

.profile_image {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.profile_image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
  border-radius: 100%;
  z-index: 1;
  transform: translate3d(0, 0, 0);
}

.profile_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile_info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #111;
}

.profile_swiper {
  position: relative;
}

.profile_card_list.plus_wrap .profile_area {
  display: flex;
  flex-direction: row;
}

.profile_card_list.plus_wrap .profile_body {
  width: 100%;
  padding-right: 0;
}

.profile_card_list.plus_wrap .profile_area .profile_image {
  position: relative;
  margin-right: 16px;
}

.profile_card_list.plus_wrap .profile_body .name {
  display: flex;
  justify-content: space-between;
}

.profile_card_list.plus_wrap .profile_info {
  margin-bottom: 0;
}

.profile_swiper .jswiper_pagination button {
  position: absolute;
  top: calc(50% + 20px);
  width: 40px;
  height: 40px;
  margin: 0;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  transform: translateY(-50%);
  box-sizing: border-box;
  /*opacity: 0;*/
}

.profile_swiper .jswiper_pagination button.btn_next {
  right: 10px;
}

.profile_swiper .jswiper_pagination button.btn_prev {
  left: 10px;
}

.profile_swiper .jswiper_pagination button [class*=ico_] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.profile_swiper .jswiper_pagination button .ico_arrow_right {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m15.343 10.851.008.008L8.12 18.09l-1.132-1.13 6.108-6.109-6.108-6.108L8.12 3.612l7.231 7.231-.008.008Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.profile_swiper .jswiper_pagination button .ico_arrow_left {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m6.657 10.851-.008.008 7.231 7.231 1.132-1.13-6.108-6.109 6.108-6.108-1.132-1.131-7.231 7.231.008.008Z' fill='%231D1D1D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.section_header_wrap .flex_column_reverse,
.section_header_wrap .flex {
  display: flex;
}

aside .content_list .card {
  background: none;
  padding: 0;
}

aside ul.content_list .card_image {
  width: 72px;
  height: 72px;
}

aside ul.content_list .card {
  position: relative;
}

aside ul.content_list .card:not(:first-child)::before {
  display: block;
}

aside ul.content_list .card_body .headline {
  font-size: 16px;
  margin-bottom: 0;
}

.story_list .ico_play,
.story_list .ico_audio {
  position: absolute;
  z-index: 10;
}

.story_list .ico_play:after,
.story_list .ico_audio:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 50%;
  right: 50%;
  transition: all 300ms ease 0s;
  transform: scale(1);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.story_list .ico_play:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32'%3E%3Cdefs%3E%3Cfilter x='-22%25' y='-14.6%25' width='148.6%25' height='141%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dx='.5' dy='1.5' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath id='b' d='M7.2 3.2v25.6L28.8 16z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h32v32H0z'/%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 985px) {
  .section_header_wrap .flex {
    flex-direction: column;
    margin-bottom: 40px;
  }
  .section_header_wrap .flex_column_reverse {
    flex-direction: column-reverse;
    width: 100%;
    margin-bottom: 40px;
  }
  .section_header_wrap:not(.sticky_top) .headline + .btn_group {
    position: relative;
    top: 0;
    margin: 10px 0 16px;
  }
  .section_header_wrap .btn_area .layer_popup {
    left: 50%;
    transform: translate(-50%);
  }
  .section_header_wrap .btn_area .layer_popup::before {
    left: 50%;
    margin-left: -9px;
    right: auto;
  }
  .section_header_wrap .card_image {
    margin-bottom: 26px;
  }
  .section_header_wrap:not(.sticky_top) .description:nth-child(5),
  .section_header_wrap:not(.sticky_top) .card_body .description {
    width: 100%;
    overflow: hidden;
  }
  .story_list .card.rank {
    margin-left: -4px;
  }
  .profile_swiper.pchain {
    padding: 30px 15px 20px;
  }
  .profile_swiper .title {
    padding: 0 5px;
  }
  .profile_swiper.scroll_wrap {
    padding: 30px 0 20px;
    scroll-snap-type: x mandatory;
  }
  .profile_swiper.scroll_wrap .title {
    padding: 0 20px;
  }
  .profile_swiper.scroll_wrap .profile_card_list {
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 0;
  }
  .profile_swiper.scroll_wrap .profile_card_list::-webkit-scrollbar {
    display: none;
  }
  .profile_swiper.scroll_wrap .slide {
    scroll-snap-align: center;
    box-sizing: content-box;
  }
  .profile_swiper.scroll_wrap .slide:first-child {
    margin-left: 15px;
  }
  .profile_swiper.scroll_wrap .slide:last-child {
    margin-right: 15px;
  }
  /* profile card */
  .profile_card_list > li {
    width: 310px;
    padding: 0 5px;
  }
  .profile_body .name {
    font-size: 18px;
    line-height: 28px;
  }
  .profile_body .name + .description {
    margin-top: 6px;
  }
  .profile_info {
    margin-top: 16px;
    min-height: 66px;
    margin-bottom: 21px;
  }
  .profile_swiper.pchain {
    padding: 30px 15px 20px;
  }
  .profile_swiper .title {
    padding: 0 5px;
  }
  .profile_swiper.scroll_wrap {
    padding: 30px 0 20px;
    scroll-snap-type: x mandatory;
  }
  .profile_swiper.scroll_wrap .title {
    padding: 0 20px;
  }
  .profile_swiper.scroll_wrap .profile_card_list {
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding: 0;
  }
  .profile_swiper.scroll_wrap .profile_card_list::-webkit-scrollbar {
    display: none;
  }
  .profile_swiper.scroll_wrap .slide {
    scroll-snap-align: center;
    box-sizing: content-box;
  }
  .profile_swiper.scroll_wrap .slide:first-child {
    margin-left: 15px;
  }
  .profile_swiper.scroll_wrap .slide:last-child {
    margin-right: 15px;
  }
  .btn_stamp .ico_stamp {
    width: 14px;
    height: 14px;
  }
  .layer_stamp {
    margin-top: 10px;
  }
  .stamp_wrap {
    margin-top: 19px;
  }
  .stamp_wrap .btn_stamp {
    background-color: #e7ebf2;
    color: #111;
  }
  .layer_stamp {
    top: 100%;
    margin-top: -6px;
  }
  aside ul.content_list {
    row-gap: 36px;
  }
  .story_list .ico_play,
  .story_list .ico_audio {
    position: absolute;
    bottom: 6px;
    right: 6px;
    width: 24px;
    height: 24px;
    z-index: 10;
  }
  .story_list .ico_play:after,
  .story_list .ico_audio:after {
    width: 24px;
    height: 24px;
    margin: 0 -12px -12px 0;
  }
  .story_list .ico_audio:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='30' fill='none'%3E%3Cpath id='b' fill-rule='evenodd' clip-rule='evenodd' d='M13 2.6a9.6 9.6 0 0 1 9.6 9.6v12.737l-.54.463H20.8a4.2 4.2 0 1 1 0-8.4v-4.8a7.8 7.8 0 0 0-15.6 0V17a4.2 4.2 0 1 1 0 8.4H3.94l-.54-.463V12.2A9.6 9.6 0 0 1 13 2.6Zm7.8 16.2a2.4 2.4 0 1 0 0 4.8v-4.8ZM5.2 23.6v-4.8a2.4 2.4 0 1 1 0 4.8Z' fill='%23fff'/%3E%3Cdefs%3E%3C/defs%3E%3C/svg%3E");
    filter: drop-shadow(0.5px 1px 3px rgba(0, 0, 0, 0.1));
  }
}
@media (min-width: 650px) and (max-width: 985px) {
  .profile_swiper[data-count="2"] .slides {
    transform: none !important;
  }
  .profile_swiper[data-count="2"] .slide {
    flex: 1;
    width: 50%;
    padding: 0 5px;
  }
}
@media (min-width: 986px) {
  .section_header_wrap .badge_end {
    height: 24px;
    width: 44px;
  }
  .section_header_wrap:not(.sticky_top) .card_body {
    padding-left: 190px;
  }
  .section_header_wrap:not(.sticky_top) .card_body .meta,
  .section_header_wrap:not(.sticky_top) .card_body .meta span {
    line-height: 30px;
  }
  .section_header_wrap:not(.sticky_top) .card_image + .headline,
  .section_header_wrap:not(.sticky_top) .card_body > .headline {
    margin-top: 40px;
  }
  .section_header_wrap:not(.sticky_top) .badge_end {
    vertical-align: -2px;
  }
  .section_header_wrap .flex_column_reverse {
    align-items: center;
  }
  .section_header_wrap .flex {
    margin-bottom: 60px;
  }
  .section_header_wrap .card_image {
    width: 160px;
    height: 160px;
    margin: 30px 30px 60px 0;
  }
  .section_header_wrap .stamp_wrap {
    float: left;
    width: auto;
    margin-left: 16px;
  }
  .btn_stamp {
    height: 30px;
    padding: 0 38px 0 10px;
    font-size: 13px;
    line-height: 20px;
    border-radius: 30px;
    background-position: right 12px top 50%;
  }
  .btn_stamp .ico_stamp {
    width: 15px;
    height: 15px;
  }
  .layer_stamp {
    margin-top: 11px;
  }
  .layer_stamp li p {
    margin-top: 1px;
  }
  .stamp_wrap .btn_stamp {
    background-color: #e7ebf2;
    color: #111;
  }
  .layer_stamp {
    top: 100%;
    left: -8px;
    margin-top: -10px;
  }
  .description_wrap {
    padding: 14px 30px;
  }
  .description_wrap .accordion_button {
    font-size: 16px;
    line-height: 24px;
  }
  .description_wrap .accordion_item {
    padding: 16px 0 8px;
  }
  .description_wrap .accordion_button {
    margin-bottom: 8px;
  }
  .description_wrap .accordion_body {
    font-size: 15px;
    line-height: 24px;
  }
  .story_list em.rank {
    width: 25px;
    margin-top: 4px;
  }
  /* profile card */
  .profile_card_list > li {
    width: 50%;
    padding: 0 8px;
  }
  .profile_body .name {
    font-size: 20px;
    line-height: 30px;
  }
  .profile_body .name + .description {
    margin-top: 8px;
  }
  .profile_info {
    margin-top: 12px;
    margin-bottom: 16px;
  }
  .profile_swiper {
    overflow: hidden;
  }
  .profile_swiper + .profile_swiper {
    margin-top: 30px;
  }
  .profile_swiper.pchain {
    margin-top: 60px;
    padding: 30px 22px;
    border-radius: 12px;
  }
  .profile_swiper.swiper-container-horizontal:hover .jswiper_pagination button {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
  .profile_swiper[data-count="2"] .slides {
    transform: none !important;
  }
  .profile_swiper[data-count="2"] .slide_direction {
    display: none;
  }
  .profile_swiper.scroll_wrap .profile_card_list {
    flex-wrap: wrap;
  }
  .profile_swiper.scroll_wrap .slide:nth-child(n+3) {
    margin-top: 16px;
  }
  aside ul.content_list {
    row-gap: 32px;
  }
  aside ul.content_list .card:not(:first-child)::before {
    top: -16px;
  }
  .story_list .ico_play,
  .story_list .ico_audio {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    z-index: 10;
  }
  .story_list .ico_play:before,
  .story_list .ico_audio:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 300ms ease 0s;
    opacity: 0;
    width: 32px;
    height: 32px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
  }
  .story_list .ico_play:after,
  .story_list .ico_audio:after {
    width: 32px;
    height: 32px;
    margin: 0 -16px -16px 0;
  }
  .story_list .ico_audio:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='38' fill='none'%3E%3Cpath id='b' fill-rule='evenodd' clip-rule='evenodd' d='M16 2.8c7.07 0 12.8 5.73 12.8 12.8v16.983l-.72.617H26.4a5.6 5.6 0 0 1 0-11.2v-6.4c0-5.744-4.656-10.4-10.4-10.4-5.744 0-10.4 4.656-10.4 10.4V22a5.6 5.6 0 0 1 0 11.2H3.92l-.72-.617V15.6C3.2 8.53 8.93 2.8 16 2.8Zm10.4 21.6a3.2 3.2 0 0 0 0 6.4v-6.4ZM8.8 27.6a3.2 3.2 0 0 1-3.2 3.2v-6.4a3.2 3.2 0 0 1 3.2 3.2Z' fill='%23FFF'/%3E%3C/svg%3E");
    filter: drop-shadow(0.5px 1px 3px rgba(0, 0, 0, 0.1));
  }
  .story_list .card_image:hover .ico_play:before,
  .story_list .card_image:hover .ico_audio:before {
    opacity: 1;
  }
  .story_list .card_image:hover .ico_play:after,
  .story_list .card_image:hover .ico_audio:after {
    transform: scale(0.44);
  }
  .grid.grid3 .card_cover .card_body .headline {
    font-size: 16px;
  }
}
/* color */
.color_curation1 {
  background-color: #eb3fa6;
}

.color_curation2 {
  background-color: #8955d0;
}

.color_curation3 {
  background-color: #297ed3;
}

.color_curation4 {
  background-color: #19738f;
}

.color_curation5 {
  background-color: #10a871;
}

.color_curation6 {
  background-color: #d77c29;
}

.color_curation7 {
  background-color: #f6330a;
}

.color_curation8 {
  background-color: #505057;
}

/* 이벤트 개선 */
.event_list_v2 .color_curation7 {
  background-color: #18181d;
}

.event_list_v2 .card_image a:hover img {
  transform: none;
}

@media (min-width: 986px) {
  .event_list_v2 {
    row-gap: 30px;
    margin-bottom: 70px;
    padding-top: 30px !important;
  }
}
/* 특정타임 무료공개 - 컴포넌트 */
@media (min-width: 986px) {
  .showcase_swiper .card_image .badge_free,
  .grid4.photo_list .card_image .badge_free {
    top: 16px;
    left: 16px;
  }
  ol.story_list .ico_play:after,
  ol.story_list .ico_audio:after {
    bottom: 16px;
    right: 16px;
  }
}
/* 완결 뱃지 이동 */
.section_header_wrap .meta .badge_end:first-child::after {
  display: none;
}
.section_header_wrap .meta .badge_end:first-child {
  margin-left: 0;
  margin-right: 8px;
}

.story_list .meta .badge_end {
  transform: translateY(2px);
}
.story_list .meta .badge_end + span:nth-child(2) {
  margin-left: 8px;
  padding-left: 0;
}
.story_list .meta .badge_end + span:nth-child(2):before {
  display: none;
}
.story_list .meta .badge_end + span + span {
  position: relative;
  margin-left: 8px;
  padding-left: 11px;
}
.story_list .meta .badge_end + span + span:before {
  border-left: 1px solid #bcbcbc;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  @media (min-width: 768px) {
    .grid.grid4 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .grid.grid3 {
      grid-template-columns: 1fr 1fr;
    }
    /* grid */
    .grid .content_area .grid.grid3,
    .pchain.story_list.grid2 {
      grid-template-columns: 1fr 1fr;
    }
    [class*=grid]:not(.scroll_area) > .pcard,
    [class*=grid]:not(.scroll_area) > .card {
      width: 100% !important;
    }
    aside ul.story_list a {
      display: grid;
      grid-auto-flow: column;
      grid-column-gap: 12px;
      grid-template-columns: 56px 1fr;
    }
    aside ul.content_list a {
      grid-template-columns: 72px 1fr;
    }
    .story_list .card {
      grid-template-columns: 1fr 100px;
    }
    .subs_list .card {
      grid-template-columns: 90px 1fr;
    }
    .tag_wrap .jaswiper_wrap {
      display: grid;
      grid-auto-flow: column;
    }
    .photo_list:not(.scroll_area) {
      grid-template-columns: 1fr 1fr;
    }
    .photo_list:not(.scroll_area) .card {
      width: 100% !important;
    }
    .photo_list.scroll_area {
      grid-auto-flow: column;
    }
    .scroll_wrap .card {
      width: 280px;
    }
    .tag_wrap .jaswiper_wrap {
      display: grid;
    }
  }
  @media (min-width: 1024px) {
    .section_header_wrap + .grid:not(.grid3) {
      grid-template-columns: 75% 25%;
    }
    .section_header_wrap + .grid:not(.grid3) .content_area,
    aside .scroll_area .card {
      width: 100%;
    }
    .section_header_wrap + .grid:not(.grid3) aside {
      width: calc(100% - var(--gap));
    }
    .grid.grid4 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    aside .chain_wrap .scroll_area {
      display: grid;
      grid-gap: 12px;
      grid-auto-flow: row;
    }
  }
}
/* JST24-870 [더중플] '토픽'활용 콘텐트 추가 탐색 제공 */
.subscription_wrap.content_topic {
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.subscription_wrap.content_topic .description_wrap {
  padding: 0;
}
.subscription_wrap.content_topic .description {
  margin-right: 10px;
}
.subscription_wrap.content_topic .description span {
  font-weight: 700;
  color: #f6330a;
}
.subscription_wrap.content_topic .btn_subs {
  width: 59px;
  height: 28px;
  padding: 3px 10px 4px 24px;
  font-size: 13px;
}
.subscription_wrap.content_topic .btn_subs::before {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background-size: 100% auto;
}

@media (max-width: 985px) {
  .subscription_wrap.content_topic {
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
    padding-top: 16px;
  }
  .subscription_wrap.content_topic .description_wrap {
    display: flex;
    align-items: center;
    min-height: 36px;
  }
  .subscription_wrap.content_topic .description {
    font-size: 14px;
    line-height: 22px;
  }
  .subscription_wrap.content_topic .btn_subs {
    margin-top: 4px;
  }
}
@media (min-width: 986px) {
  .subscription_wrap.content_topic {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 20px;
  }
  .subscription_wrap.content_topic .description {
    font-weight: 500;
    font-size: 16px;
  }
}
/* 에디터 개선 */
.profile_card_list .profile_info {
  min-height: 66px;
}

.profile_swiper.pchain .profile_card_list .profile_info {
  -webkit-line-clamp: 7;
}

@media (min-width: 986px) {
  .profile_swiper.pchain .profile_card_list .profile_info {
    -webkit-line-clamp: 4;
  }
}
.series_swiper {
  margin-bottom: 40px;
}
@media (min-width: 986px) {
  .series_swiper {
    margin-bottom: 30px;
  }
}
.series_swiper .jaswiper_wrap {
  display: flex;
  flex-wrap: nowrap;
}
.series_swiper .slide {
  width: 50%;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
}
@media (max-width: 985px) {
  .series_swiper .slide {
    width: 310px;
    padding: 0 5px;
  }
}
.series_swiper .story_list {
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  padding: 20px;
  border-radius: 10px;
  grid-row-gap: 20px;
}
.series_swiper dt {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.series_swiper .headline {
  margin-right: 16px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (min-width: 986px) {
  .series_swiper .headline {
    font-size: 20px;
    line-height: 30px;
  }
}
.series_swiper .card {
  display: block;
  padding-top: 20px;
}
.series_swiper .card a {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.series_swiper .card a:nth-child(2) {
  margin-top: 20px;
}
.series_swiper .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 5px;
  min-width: 0;
  max-height: 68px;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (min-width: 986px) {
  .series_swiper .description {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    -webkit-line-clamp: 2;
  }
}
.series_swiper .card_image {
  width: 72px;
  height: 72px;
}
.series_swiper li:only-child {
  width: 100%;
}
@media (min-width: 986px) {
  .series_swiper li:only-child dd.card {
    display: flex;
    flex-direction: row;
  }
  .series_swiper li:only-child dd.card a {
    width: 50%;
  }
  .series_swiper li:only-child dd.card a:last-child {
    margin-top: 0;
  }
}

@media (min-width: 986px) {
  .series_swiper.pchain + .series_swiper.pchain,
  .series_swiper.pchain + .profile_swiper.pchain,
  .profile_swiper.pchain + .profile_swiper.pchain {
    margin-top: 30px;
  }
}
@media (max-width: 985px) {
  .profile_swiper.pchain,
  .series_swiper.pchain {
    border-radius: 0;
  }
}
.story_list .skeleton_wrap {
  align-items: center;
}
.story_list .skeleton_wrap:before {
  opacity: 0.04 !important;
}
.story_list .card_body .skeleton:not(:first-child) {
  margin-top: 10px;
}
.story_list .card_body .skeleton:first-child {
  width: 31%;
}
.story_list .card_body .skeleton {
  height: 17px;
}
@media (min-width: 986px) {
  .story_list .card_body .skeleton {
    height: 20px;
  }
}

.chain_wrap.skeleton_wrap {
  padding: 0;
  border: none;
}
.chain_wrap.skeleton_wrap .skeleton {
  background-color: #E9EBF0;
}
.chain_wrap.skeleton_wrap .skeleton:after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, rgb(225, 228, 235) 50%, rgba(0, 0, 0, 0) 80%);
}
.chain_wrap.skeleton_wrap .title_wrap.skeleton {
  height: 34px;
}

.section_header_wrap.with_series_intro.sticky_top .series_intro {
  display: none;
}
@media (min-width: 986px) {
  .section_header_wrap.with_series_intro .headline {
    margin-bottom: 4px;
  }
}
@media (min-width: 986px) {
  .section_header_wrap.with_series_intro .description {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 985px) {
  .section_header_wrap.with_series_intro .description {
    margin-bottom: 11px;
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 986px) {
  .section_header_wrap.with_series_intro .flex {
    margin-bottom: 12px;
  }
}
@media (max-width: 985px) {
  .section_header_wrap.with_series_intro .flex {
    margin-bottom: 16px;
  }
}
@media (max-width: 985px) {
  .section_header_wrap.with_series_intro .stamp_wrap {
    margin-top: 15px;
  }
}

.series_intro {
  position: relative;
  margin-bottom: 30px;
}
@media (min-width: 986px) {
  .series_intro {
    margin-top: 12px;
  }
}
@media (max-width: 985px) {
  .series_intro {
    margin-top: 16px;
  }
}
.series_intro .btn_more {
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
}
@media (min-width: 986px) {
  .series_intro .btn_more {
    gap: 2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .series_intro .btn_more {
    gap: 4px;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
}
.series_intro .btn_more::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7998 8.30005L5.94282 3.50005L1.1998 8.30005' stroke='%231D1D1D'/%3E%3C/svg%3E%0A");
}
.series_intro.is_collapsed .intro_item {
  display: none;
}
.series_intro.is_collapsed .intro_item:first-child {
  display: block;
}
.series_intro.is_collapsed .intro_item:first-child .intro_answer {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 985px) {
  .series_intro.is_collapsed .intro_item:first-child .intro_answer {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-all;
  }
}
.series_intro.is_collapsed .intro_item:first-child .intro_answer br {
  display: none;
}
.series_intro.is_collapsed .btn_more {
  margin-top: 8px;
}
.series_intro.is_collapsed .btn_more::after {
  transform: rotate(180deg);
}
@media (min-width: 986px) {
  .series_intro .intro_item:not(:first-child) {
    margin-top: 20px;
  }
}
@media (max-width: 985px) {
  .series_intro .intro_item:not(:first-child) {
    margin-top: 16px;
  }
}
.series_intro .intro_question {
  color: #111;
  font-weight: 700;
}
@media (min-width: 986px) {
  .series_intro .intro_question {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .series_intro .intro_question {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
}
.series_intro .intro_answer {
  margin-top: 4px;
  color: #666;
}
@media (min-width: 986px) {
  .series_intro .intro_answer {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .series_intro .intro_answer {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
  }
}

.profile_card_list .profile_image a {
  border-radius: 100%;
  position: relative;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  width: 100%;
  transition: none;
}
.profile_card_list .profile_image a.rounded_none::before {
  display: none;
}
.profile_card_list .profile_image a:before {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
  height: 100%;
  right: 0;
  transform: translateZ(0);
  width: 100%;
  z-index: 1;
}
.profile_card_list .profile_image a:hover {
  opacity: 1;
}
.profile_card_list .badge_special_editor {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.rounded_none {
  border-radius: 0 !important;
}

.badge_special_editor {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  gap: 10px;
  border-radius: 3px;
  background: #f6330a;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.22px;
}

@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) {
    margin-top: 44px;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) {
    margin-top: 30px;
  }
}
.header_special_editor:not(.sticky_top) .title {
  width: fit-content;
  margin: 0px auto 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.04);
  border-bottom: none;
  color: #111;
  text-align: center;
  font-weight: 700;
}
@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) .title {
    padding: 2px 10px 4px 16px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.36px;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .title {
    padding: 2px 8px 4px 14px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
.header_special_editor:not(.sticky_top) .title a {
  display: flex;
  align-items: center;
}
.header_special_editor:not(.sticky_top) .title a::after {
  content: "";
  display: block;
}
@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) .title a::after {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.2051 8.99463L13.1963 9.00244L13.2051 9.01123L6.31055 15.9048L5.25 14.8442L11.0918 9.00244L5.25 3.16064L6.31055 2.1001L13.2051 8.99463Z' fill='%23111111'/%3E%3C/svg%3E");
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .title a::after {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.7393 7.99463L11.7314 8.00146L11.7393 8.00928L5.61035 14.1382L4.66797 13.1948L9.86035 8.00146L4.66797 2.80908L5.61035 1.8667L11.7393 7.99463Z' fill='%23111111'/%3E%3C/svg%3E");
  }
}
.header_special_editor:not(.sticky_top) .card_image {
  float: none;
  position: relative;
  width: auto;
  height: auto;
  max-width: 400px;
  margin: 20px auto 0px;
  border-radius: 0;
}
.header_special_editor:not(.sticky_top) .card_image::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 45%;
}
.header_special_editor:not(.sticky_top) .card_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) .card_body {
    padding-left: 0;
  }
}
.header_special_editor:not(.sticky_top) .headline {
  margin-bottom: 4px !important;
  text-align: center;
}
@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) .headline {
    margin-top: 16px !important;
    padding-right: 0 !important;
    font-size: 48px !important;
    line-height: 62px !important;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .headline {
    margin-top: 12px !important;
    font-size: 32px !important;
    line-height: 44px !important;
  }
}
.header_special_editor:not(.sticky_top) .description {
  margin-top: 4px !important;
  color: #666;
  text-align: center;
}
@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) .description {
    margin-bottom: 12px !important;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .description {
    margin-bottom: 10px !important;
    font-size: 15px;
    line-height: 24px;
  }
}
.header_special_editor:not(.sticky_top) .btn_group {
  position: relative;
  top: 0;
  width: fit-content;
  margin: 0 auto;
}
.header_special_editor:not(.sticky_top) .layer_share {
  top: 100%;
  left: 50%;
  right: auto;
  transform: translate3d(-50%, 0, 0);
}
.header_special_editor:not(.sticky_top) .flex {
  margin-bottom: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (min-width: 986px) {
  .header_special_editor:not(.sticky_top) .flex {
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .flex {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 10px;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .stamp_wrap {
    width: fit-content;
    margin-top: 0;
  }
}
.header_special_editor:not(.sticky_top) .btn_stamp {
  background-color: #f3f4f6;
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .btn_stamp {
    width: fit-content;
    height: 30px;
    padding: 0 10px;
    border-radius: 15px;
    background-image: none;
  }
}
@media (max-width: 985px) {
  .header_special_editor:not(.sticky_top) .layer_stamp {
    top: 100%;
    left: auto;
    margin-top: 0;
  }
}

.temp_special_editor {
  background: #fff;
}
.temp_special_editor .series_intro {
  margin-top: 0;
  padding: 20px;
  border-radius: 10px;
  background: #f3f4f6;
}
@media (max-width: 689px) {
  .temp_special_editor .series_intro {
    margin-bottom: 0;
  }
}
@media (min-width: 690px) and (max-width: 985px) {
  .temp_special_editor .pchain {
    width: 100vw !important;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 20px;
  }
}
@media (min-width: 986px) {
  .temp_special_editor .pchain:not(.profile_swiper) {
    padding: 0;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .pchain:not(.profile_swiper) {
    padding-bottom: 0;
  }
}
@media (min-width: 986px) {
  .temp_special_editor .pchain .grid {
    --gap: 20px;
    row-gap: 24px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .pchain .grid {
    --gap: 12px;
    row-gap: 20px;
  }
}
@media (min-width: 986px) {
  .temp_special_editor .pagination_type02 {
    margin-top: 40px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .pagination_type02 {
    margin-top: 30px;
  }
}
@media (min-width: 986px) {
  .temp_special_editor .profile_swiper {
    margin-top: 60px !important;
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 16px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .profile_swiper {
    margin-top: 40px !important;
    padding: 0 12px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .profile_swiper .jaswiper_controller {
    overflow: visible !important;
  }
}
.temp_special_editor .profile_swiper .title {
  font-weight: 900;
}
@media (min-width: 986px) {
  .temp_special_editor .profile_swiper .title {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .profile_swiper .title {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .profile_swiper .slide:not(:only-child) {
    width: 300px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor .profile_swiper .jswiper_pagination {
    display: none;
  }
}
@media (min-width: 986px) {
  .temp_special_editor .profile_swiper .btn_prev {
    left: 4px !important;
  }
}
@media (min-width: 986px) {
  .temp_special_editor .profile_swiper .btn_next {
    right: 4px !important;
  }
}
@media (min-width: 986px) {
  .temp_special_editor aside {
    margin-top: -46px;
  }
}
.temp_special_editor aside .chain_wrap {
  padding-top: 0;
  border-top: none;
  font-size: 18px;
  line-height: 28px;
}
@media (min-width: 986px) {
  .temp_special_editor aside .chain_wrap {
    margin-bottom: 30px;
  }
}
@media (max-width: 985px) {
  .temp_special_editor aside .chain_wrap {
    margin-bottom: 40px;
  }
}
.temp_special_editor aside .chain_wrap .title {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 28px;
}
.temp_special_editor aside .story_list:not(.content_list) li.card {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.ico_ai_star {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.34894 14.0893L6.48537 10.9997C6.62229 10.6274 7.14577 10.619 7.29454 10.9867L8.55423 14.1002C8.58828 14.1843 8.64788 14.2557 8.72463 14.3042L11.9585 16.3474C12.2475 16.53 12.2215 16.9596 11.9126 17.106L8.75649 18.6015C8.65997 18.6473 8.58372 18.727 8.54234 18.8255L7.29224 21.8008C7.1407 22.1615 6.62675 22.153 6.48716 21.7875L5.36015 18.837C5.31988 18.7315 5.2401 18.646 5.13776 18.5984L1.92902 17.1072C1.6161 16.9617 1.59005 16.5269 1.88336 16.3451L5.17032 14.3083C5.25264 14.2573 5.31551 14.1802 5.34894 14.0893Z' fill='%23C263FB'/%3E%3Cpath d='M15.5277 5.43235L16.7334 2.22735C16.8719 1.85912 17.3897 1.8507 17.5402 2.21423L18.8763 5.44332C18.9112 5.52752 18.9716 5.5986 19.0492 5.64649L22.4395 7.74093C22.7335 7.92254 22.7074 8.35822 22.3939 8.50349L19.0805 10.0386C18.9836 10.0836 18.9066 10.1627 18.8644 10.261L17.5378 13.3482C17.3846 13.7046 16.8764 13.6961 16.7352 13.3348L15.539 10.2726C15.4979 10.1673 15.4173 10.0823 15.3145 10.0355L11.9455 8.50459C11.628 8.36033 11.6019 7.91943 11.9001 7.73874L15.3465 5.6506C15.4297 5.60022 15.4935 5.52336 15.5277 5.43235Z' fill='%2300DBBB'/%3E%3C/svg%3E");
}

@media (min-width: 986px) {
  .title_wrap .title .ico_ai_star {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
@media (max-width: 985px) {
  .title_wrap .title .ico_ai_star {
    width: 20px;
    height: 20px;
    transform: translateY(-2px);
    vertical-align: middle;
  }
}

.section_header_wrap.sticky_top .ai_curation_info {
  display: none;
}
.section_header_wrap:not(.sticky_top) .headline.headline_share_only {
  width: calc(100% - 46px);
}

.ai_curation_info {
  position: absolute;
  top: 3px;
  right: 0;
}
.ai_curation_info .btn_info {
  display: flex;
  align-items: center;
  color: #999;
}
@media (min-width: 986px) {
  .ai_curation_info .btn_info {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
  }
}
@media (max-width: 985px) {
  .ai_curation_info .btn_info {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
  }
}
@media (min-width: 986px) {
  .ai_curation_info .ico_ai_star {
    width: 20px;
    height: 20px;
    margin-right: 4px;
  }
}
@media (max-width: 985px) {
  .ai_curation_info .ico_ai_star {
    width: 16px;
    height: 16px;
    margin-right: 2px;
  }
}
.ai_curation_info .ico_info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1ZM10.6504 14.5H9.34961V8.5H10.6504V14.5ZM10 5.40039C10.4418 5.40039 10.7998 5.75837 10.7998 6.2002C10.7997 6.64193 10.4418 7 10 7C9.55824 7 9.2003 6.64193 9.2002 6.2002C9.2002 5.75837 9.55817 5.40039 10 5.40039Z' fill='%23979797'/%3E%3C/svg%3E");
}
@media (min-width: 986px) {
  .ai_curation_info .ico_info {
    height: 20px;
    width: 20px;
    margin-left: 4px;
  }
}
@media (max-width: 985px) {
  .ai_curation_info .ico_info {
    width: 14px;
    height: 14px;
    margin-left: 3px;
  }
}
.ai_curation_info .layer_popup {
  top: 30px !important;
  width: 210px;
  padding: 30px;
  border-color: rgba(0, 0, 0, 0.2);
  color: #333;
  font-size: 13px;
  line-height: 21px;
}
.ai_curation_info .btn_close {
  right: 10px;
  top: 10px;
}
.ai_curation_info .ico_close {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4248 3.30701L10.707 10.0248L17.4248 16.7426L16.7178 17.4496L10 10.7318L3.28223 17.4496L2.5752 16.7426L9.29297 10.0248L2.5752 3.30701L3.28223 2.59998L10 9.31775L16.7178 2.59998L17.4248 3.30701Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
}