@charset "UTF-8";
@import 'common.css';
/* 공통 */
figcaption {
  margin-top: 6px;
  color: #888;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.53 !important;
}

figure video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

/* 헤더, 전체메뉴 common_v3.css */
.sub_ex.col_mustard {
  font-family: inherit;
}

.side_nav > [class*=nav_item] {
  padding: 20px 0;
}

.header_n_ty02 {
  position: fixed;
  right: 0;
  left: 0;
  -webkit-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
  z-index: 11;
}
body:not(.atm_view) .header_n_ty02 {
  z-index: 30;
}

.header_n_ty02.nav-up {
  top: -70px;
}
.header_n_ty02.nav-up.open_anb {
  top: 0;
}
.header_n_ty02.open_anb {
  z-index: 54;
}

.header_transparent header {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header_transparent header .header_nav {
  background: transparent;
}
.header_transparent [class*=header_n] .sec_l .header_nav > button > i {
  background: #fff;
  -webkit-transition: none;
  transition: none;
}
.header_transparent [class*=header_n] .sec_l .header_nav > button > i:before, .header_transparent [class*=header_n] .sec_l .header_nav > button > i:after {
  background: #fff;
  -webkit-transition: none;
  transition: none;
}
.header_transparent header .sec_l > .logo a {
  background-image: url(https://cwstatic.asiae.co.kr/asiae_v3/com/logo_asiae_en-white.svg);
}
.atm_view #header .sec_r .lang_btn {
  margin-right: 0;
  padding-right: 0;
}
.atm_view #header .sec_r .lang_btn:after {
  content: none;
}

.header_transparent:not(.is_actmap) #header .sec_r .lang_btn {
  color: #fff !important;
}
.header_transparent .open_anb {
  background: #fff;
}

.is_actmap .header_n_ty02 {
  background: #fff;
}

.header_transparent .open_anb .sec_l > div > a,
[class*=header_n] .sec_l > div > a,
.is_actmap .header_n_ty02 .sec_l > div > a {
  background: url(https://cwstatic.asiae.co.kr/asiae_v3/com/logo_asiae_en.svg);
}

.header_transparent .open_anb .sec_l .header_nav > button > i {
  background: rgb(31, 31, 31);
}
.header_transparent .open_anb .sec_l .header_nav > button > i:before, .header_transparent .open_anb .sec_l .header_nav > button > i:after {
  background: rgb(31, 31, 31);
}

.is_actmap .header_n_ty02 .sec_l .header_nav > button > i {
  background: rgb(31, 31, 31);
}
.is_actmap .header_n_ty02 .sec_l .header_nav > button > i:before, .is_actmap .header_n_ty02 .sec_l .header_nav > button > i:after {
  background: rgb(31, 31, 31);
}

.dim_ly {
  z-index: 0;
}

/* 레이아웃 */
.atm_view #header > *,
.atm_view footer > .footer_wrap > .footer_info > .inner_b {
  max-width: 100%;
}
.atm_view #header .inner {
  padding-right: 100px;
  padding-left: 100px;
}

.full figcaption,
.recommend_content,
.popular_content,
.atm_view footer {
  padding-right: 100px;
  padding-left: 100px;
}

#header .anb_inner {
  padding-top: 39px;
  padding-bottom: 32px;
}

.recommend_content,
.popular_content {
  margin: 0 auto;
}

.max_w700 {
  max-width: 700px;
  width: 100%;
  margin-bottom: 0;
}

/* ============================================
* 상단 영역
* ============================================= */
.top_area figcaption {
  text-align: center;
  line-height: 1.3;
}

.sub_head {
  display: inline-block;
  margin-bottom: 8px;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #666;
  border-radius: 30px;
  background: #fff;
  letter-spacing: -0.04em;
}

.red {
  background-color: #e64648 !important;
  color: #fff !important;
  border: 0px solid #fff;
}

.headline {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  font-family: var(--font-serif);
  letter-spacing: -0.25px;
}

.article_header {
  position: relative;
  margin-top: 50px;
}

.article_info.max_w700 {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.article_info::after {
  content: "";
  display: block;
  clear: both;
}

.top_area .reporter {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--font-serif);
}
.top_area .reporter p {
  display: inline-block;
}
.top_area .reporter p + p::before {
  content: "·";
  display: inline-block;
  padding-right: 3px;
}
.top_area .reporter strong {
  font-weight: 700;
  margin-right: 4px;
}

.info_box {
  display: inline-block;
}

.article_date,
.date,
.reading_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
  row-gap: 10px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.article_date {
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 819.98px) {
  .date p {
    width: 100%;
  }
}
.date p strong {
  padding-right: 2px;
}

.reading_time {
  display: inline-block;
  position: relative;
  padding: 7px 12px;
  border: 1px solid #efefef;
  border-radius: 13px;
}
.reading_time i {
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(https://cwstatic.asiae.co.kr/asiae_v3/article/time.svg) no-repeat 0 0;
  background-size: contain;
}
.reading_time p {
  margin-left: 16px;
}

.btn_box {
  float: right;
}
.btn_box li {
  display: inline-block;
}
.btn_box button {
  position: relative;
  width: 46px;
  height: 46px;
  border: 1px solid #efefef;
  border-radius: 50%;
}
.btn_box button i, .btn_box button:hover i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background-size: contain;
}

/* 조회수 */
.user_views {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 12px;
  text-align: right;
}
.user_views span {
  color: #bbb !important;
}

.sub_head + .user_views {
  top: 10px;
}

/* 풀버전 공통 */
.top_visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4.17%;
}

.full .visual {
  position: relative;
  width: 100%;
  max-height: 1080px;
  height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}
.full .article_info_top {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.full .visual .article_header {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.full .visual .headline {
  color: #fff;
}
.full figcaption {
  width: 100%;
  padding-top: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f3f3;
}

.tit_in .sub_head {
  border: 0 none;
}

.top_visual [class*=max_w] {
  margin-top: 0;
}

.tit_out .article_header,
.tit_in .article_info {
  margin-top: 50px;
}

/* 풀버전 제목 OUT */
.tit_out .visual .article_header,
.tit_out .top_visual .info_box {
  display: none;
}

.top_visual .article_info_top {
  border-bottom: 0 none;
}

/* 풀버전 제목 IN */
.tit_in .user_views span {
  color: #ccc !important;
}
.tit_in .top_visual figure {
  position: relative;
}
.tit_in .top_visual figure::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 300px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.tit_in .article_info_top {
  display: none;
}

/* 하프버전 */
.half .visual {
  -ms-flex-preferred-size: 56.67%;
  flex-basis: 56.67%;
  margin-bottom: 0;
  height: 1080px;
}
.half .visual .article_header {
  display: none;
}
.half .article_info_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 39.16%;
  flex-basis: 39.16%;
  margin-bottom: 0;
  padding: 0 100px 0 0;
  border-bottom: 0 none;
}
.half figcaption {
  width: 56.67%;
  padding-left: 100px;
  text-align: left;
}
.half .info_box {
  margin-top: 40px;
}
.half .article_info .info_box {
  display: none;
}

/* 공유, 글자크기 팝업 공통 */
.area_util_2023 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 46px;
  float: right;
  gap: 4px;
}

.wrapsns_layer,
.wrapfont_layer {
  display: none;
  position: absolute;
  top: 66px;
  background: #fff;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 20;
}
.wrapsns_layer .inner,
.wrapfont_layer .inner {
  padding: 20px 0 0;
  position: relative;
  width: 100%;
  margin: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapsns_layer h2,
.wrapfont_layer h2 {
  display: block;
  padding: 0;
  color: #111;
  font-size: 21px;
  font-family: var(--font-serif);
  letter-spacing: var(--font-serif-letter);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapsns_layer .btn_close,
.wrapfont_layer .btn_close {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 30px;
  font-size: 14px;
  color: #111;
  text-align: center;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ededed;
}

.half .wrapsns_layer,
.half .wrapfont_layer {
  top: 66px;
}

.wrapsns_layer.active,
.wrapfont_layer.active {
  display: block;
}

/* sns공유 레이어팝업 스타일 */
.wrapsns_layer {
  left: -54px;
  width: 300px;
}
@media (max-width: 1024px){
  .wrapsns_layer {
    left: auto;
    right:0;
  }
}
.wrapsns_layer::before {
  content: none;
}
.wrapsns_layer .sns_layer {
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  width: 100%;
  height: 100%;
}
.wrapsns_layer .sns_layer .sns_list {
  padding: 20px 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapsns_layer .sns_layer .sns_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  overflow: hidden;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapsns_layer .sns_layer .sns_list ul li {
  min-width: 56px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrapsns_layer .sns_layer .sns_list ul li a {
  position: relative;
  display: block;
  height: 72px;
  padding: 52px 0 0 0;
  text-align: center;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.wrapsns_layer .sns_layer .sns_list ul li a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  background: url("https://cwstatic.asiae.co.kr/m_newasiae/common/ico_sns2020.png") no-repeat;
  background-size: 259px 50px;
}
.wrapsns_layer .sns_layer .sns_list ul li a span {
  display: inline-block;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.wrapsns_layer .sns_layer .sns_list ul li.facebook a:before {
  background-position: 0 0;
}
.wrapsns_layer .sns_layer .sns_list ul li.kakao a:before {
  background-position: -70px 0;
}
.wrapsns_layer .sns_layer .sns_list ul li.url a:before {
  background-position: -209px 0;
}
.wrapsns_layer .sns_layer .sns_list ul li.x_twitter a:before {
  background-image: url("https://cwstatic.asiae.co.kr/asiae_v3/com/icon_twitter_new01.svg");
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: contain !important;
}
.wrapsns_layer .sns_layer .url_copy {
  overflow: hidden;
  width: 229px;
  margin: 0 auto;
}
.wrapsns_layer .sns_layer .url_copy:after {
  content: " ";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
.wrapsns_layer .sns_layer .url_copy input {
  float: left;
  display: block;
  vertical-align: top;
}

.sns_layer .url_copy a {
  float: left;
  display: block;
  vertical-align: top;
}

.wrapsns_layer .sns_layer .url_copy input {
  overflow: hidden;
  width: 140px;
  height: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: #595959;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #d9d9d9;
  border-right: 0;
  background: #fff;
}
.wrapsns_layer .sns_layer .url_copy a {
  width: 66px;
  height: 30px;
  color: #111;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #d9d9d9;
  background: #fff;
}

.area_util_2023 > a {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #e1e1e1;
}
.area_util_2023 > a i, .area_util_2023 > a:hover i {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background-size: contain;
}

.share_btn i {
  width: 18px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/share.svg") no-repeat 0 0;
}
.share_btn.img_hov i, .share_btn.on i {
  width: 18px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/share_hover.svg") no-repeat 0 0;
}

@media (min-width: 820px) {
  .area_util_2023 .translate_btn {
    display: none;
  }
}
@media (max-width: 819.98px) {
  .area_util_2023 .share_btn {
    display: none;
  }
}
@media (max-width: 360px) {
  .area_util_2023 > a {
    width: 40px;
    height: 40px;
  }
}
.translate_btn i {
  width: 26px;
  height: 26px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/translate.svg") no-repeat 0 0;
}

.scrap_btn i {
  width: 15px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/bookmark.svg") no-repeat 0 0;
}
.scrap_btn:hover i {
  width: 15px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/bookmark_hover.svg") no-repeat 0 0;
}
.scrap_btn.on i {
  width: 15px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/bookmark_on.svg") no-repeat 0 0;
}

.fontsize_btn i {
  width: 22px;
  height: 19px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/txt_size-en.svg") no-repeat 0 0;
}
.fontsize_btn.img_hov i, .fontsize_btn.on i {
  width: 22px;
  height: 19px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/txt_size-en_hover.svg") no-repeat 0 0;
}

.print_btn i {
  width: 20px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/print.svg") no-repeat 0 0;
}
.print_btn:hover i {
  width: 20px;
  height: 18px;
  background: url("https://cwstatic.asiae.co.kr/asiae_v3/article/print_hover.svg") no-repeat 0 0;
}

/* 글자크기 설정 레이어팝업 스타일 */
.wrapfont_layer {
  right: 0;
  width: 180px;
}
.wrapfont_layer .font_layer {
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 2;
}
.wrapfont_layer .font_layer .inner {
  position: relative;
  margin: 0;
  padding: 20px 0 0;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.font_layer h2 {
  display: block;
  padding: 0;
  color: #111;
  font-size: 21px;
  font-family: var(--font-serif);
  letter-spacing: var(--font-serif-letter);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.font_layer .list_set {
  padding: 0px 0 20px 0px;
}
.font_layer .list_set ul {
  overflow: hidden;
  width: 120px;
  margin: 0 auto;
}
.font_layer .list_set ul:after {
  content: " ";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
.font_layer .list_set ul li {
  float: left;
  width: 100%;
  height: 35px;
  margin: 0px 0;
  padding-top: 0px;
  color: #111;
  line-height: 35px;
  vertical-align: middle;
}
.font_layer .list_set .lab_size0 {
  font-size: 17px;
}
.font_layer .list_set .lab_size1 {
  font-size: 19px;
}
.font_layer .list_set .lab_size2 {
  font-size: 21px;
}
.font_layer .list_set .screen_out {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
}
.font_layer .list_set .lab_set {
  display: block;
  height: 45px;
  padding: 0;
  line-height: 45px;
}
.font_layer .list_set .ico_view {
  width: 20px;
  height: 20px;
  margin: 14px 5px 0 0;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  background-color: #fff;
  background-position: 100px 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.font_layer .list_set .screen_out:checked + .lab_set .ico_view {
  border: 0 none;
  background-position: 0px 0px;
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/v6/ico_190108.png") no-repeat 0 -19px;
  background-size: 120px 70px;
}

.ico_view {
  display: inline-block;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/v6/ico_190108.png") no-repeat 0 -19px;
  background-size: 120px 70px;
  vertical-align: top;
}

/* ============================================
* 하단 콘텐츠
* ============================================= */
.full_content {
  padding-bottom: 10px;
}
.full_content ul {
  display: -ms-grid;
  display: grid;
  gap: 1.8%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.recommend_content {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}
.recommend_content + .popular_content {
  padding-top: 60px;
  padding-bottom: 60px;
}
.recommend_content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #f8f8f8;
  z-index: -1;
}

.full_content h4 {
  margin-bottom: 30px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--font-serif);
}

.recommend_content h4 a {
  position: relative;
}
.recommend_content h4 a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  margin-left: 6px;
  border: 2px solid #111;
  border-width: 0 2px 2px 0;
}

.card_img {
  position: relative;
}
.card_img .bullet {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 9px 14px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  background: #111;
  border-radius: 20px;
  letter-spacing: -0.04em;
}
.card_img a {
  display: block;
}

.card_body {
  margin-top: 20px;
}
.card_body a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  font-family: var(--font-serif);
  letter-spacing: var(--font-serif-letter);
}
.card_body span {
  color: #888;
  line-height: 1.38;
}

/* 공유 플로팅 버튼 */
.share_box {
  position: fixed;
  bottom: 81px;
  right: 24px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.share_box.fixed {
  opacity: 1;
  visibility: visible;
}
.share_box.open {
  z-index: 13;
}
.share_box button,
.share_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.share_box button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
}
.share_box > button {
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #efefef;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.share_box ul {
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  bottom: 62px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.share_box ul li {
  border-radius: 50%;
}
.share_box ul li i {
  width: 32px;
  height: 32px;
}
.share_box.open ul {
  opacity: 1;
  visibility: visible;
}
.share_box.open i {
  background: url(https://cwstatic.asiae.co.kr/atm/close.svg);
}
.share_box i {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: contain !important;
  background: url(https://cwstatic.asiae.co.kr/atm/share.svg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.share_box .facebook {
  background: #38569d;
}
.share_box .facebook i {
  background: url(https://cwstatic.asiae.co.kr/atm/ico_facebook.svg);
}
.share_box .kakao {
  background: #ffea00;
}
.share_box .kakao i {
  background: url(https://cwstatic.asiae.co.kr/atm/ico_katalk.svg);
}
.share_box .x_twitter {
  background: #000;
}
.share_box .x_twitter i {
  background: url(https://cwstatic.asiae.co.kr/atm/ico_twitter.svg);
}
.share_box .url {
  background: #808080;
}
.share_box .url i {
  background: url(https://cwstatic.asiae.co.kr/atm/ico_copy.svg);
}

@media (max-width: 1280px) {
  /* 레이아웃 */
  .atm_view #header .inner,
  .full figcaption,
  .recommend_content,
  .popular_content,
  .photo_col2 figcaption,
  .atm_view footer {
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1180px;
  }
  /* 공통 */
  .headline {
    font-size: 28px;
  }
  /* 하프버전 */
  .half .top_visual {
    gap: 4%;
  }
  .half .visual {
    -ms-flex-preferred-size: 51%;
    flex-basis: 51%;
    height: 770px;
  }
  .half .article_info_top {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    padding: 0 40px 0 0;
  }
  .half figcaption {
    width: 51%;
    padding-left: 40px;
  }
  /* 콘텐츠 */
  .card_img .bullet {
    bottom: 10px;
    left: 10px;
  }
}
@media (max-width: 1023px) {
  /* 레이아웃 */
  .atm_view #header .inner,
  .recommend_content,
  .popular_content,
  .photo_col2 figcaption,
  .atm_view footer {
    max-width: 920px;
  }
  figcaption {
    padding-right: 40px;
    padding-left: 40px;
  }
  /* 상단 */
  .top_area figcaption {
    padding-bottom: 0;
    text-align: left;
    border-bottom: 0 none;
  }
  .tit_out .article_header,
  .tit_in .article_info {
    margin-top: 40px;
  }
  .half .article_header,
  .half .article_info_top .info_box {
    margin-top: 40px;
  }
  .article_info {
    margin-top: 30px;
  }
  /* 하프버전 */
  .half .visual {
    height: 564px;
  }
  .half .article_info_top {
    max-width: 410px;
  }
  .half figcaption {
    max-width: 920px;
    width: 100%;
    margin: 6px auto 20px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .half .article_date {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  /* 콘텐츠 */
  .full_content ul {
    gap: 36px 3.2%;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 819px) {
  /* common_v3.css */
  .side_nav > [class*=nav_item] {
    padding: 20px 0;
  }
  body {
    background: #fff;
  }
  .atm_view [class*=header_n] > aside .hd_bx > article > .btn_search,
  .area_util_2023 .print_btn {
    display: none;
  }
  /* 레이아웃 */
  #header .inner,
  .full figcaption,
  .content article,
  .recommend_content,
  .popular_content,
  .photo_col2 figcaption {
    padding-right: 40px;
    padding-left: 40px;
  }
  .atm_view #header .anb_inner,
  .atm_view footer {
    padding-right: 0;
    padding-left: 0;
  }
  .atm_view #header.nav-up {
    top: -70px;
  }
  .atm_view #header.nav-up.open_anb {
    top: 0;
  }
  /* atm푸터 틀어짐 방지용 */
  /* 헤더 */
  .header_transparent #header {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .header_transparent #header .header_nav {
    background: transparent;
  }
  .header_transparent [class*=header_n] .sec_l .header_nav > button > i {
    background: #fff;
  }
  .header_transparent [class*=header_n] .sec_l .header_nav > button > i:before, .header_transparent [class*=header_n] .sec_l .header_nav > button > i:after {
    background: #fff;
  }
  .header_transparent header .sec_l > div > a {
    background: url(https://cwstatic.asiae.co.kr/atm/logo_white.svg);
  }
  .header_transparent .open_anb {
    background: #fff;
  }
  .header_transparent .open_anb .sec_l > div > a {
    background: url(https://cwstatic.asiae.co.kr/asiae_v3/com/logo_asiae.svg);
  }
  [class*=header_n] .sec_l > div > a {
    background: url(https://cwstatic.asiae.co.kr/asiae_v3/com/logo_asiae.svg);
  }
  .header_transparent #header .sec_l .header_nav > button > i {
    background: rgb(255, 255, 255);
  }
  .header_transparent #header .sec_l .header_nav > button > i:before, .header_transparent #header .sec_l .header_nav > button > i:after {
    background: rgb(255, 255, 255);
  }
  /* 공통 */
  .half .top_visual .visual,
  .full .visual,
  .top_visual figure {
    height: 460px;
  }
  .visual {
    margin-bottom: 0;
  }
  .headline {
    font-size: 25px;
  }
  .sub_head {
    font-size: 13px;
  }
  .article_header {
    margin-top: 20px;
  }
  .content article,
  .half .article_info_top {
    max-width: 780px;
  }
  .area_util_2023 {
    margin-top: 10px;
    float: none;
  }
  .full .max_w700,
  .full figcaption {
    width: calc(100% - 80px);
  }
  .half .max_w700,
  .half figcaption {
    width: calc(100% - 80px);
  }
  /* 상단 */
  /* 하프버전 */
  /* 콘텐츠 */
  /* 하단 */
}
@media (max-width: 819px) and (max-width: 819.98px) {
  .top_area .reporter {
    margin-bottom: 14px;
  }
  .article_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .article_info:after {
    display: none;
  }
}
@media (max-width: 819px) {
  .full figcaption,
  .half figcaption {
    margin: 6px auto 0;
    padding: 0;
    border-bottom: 0 none;
  }
  .tit_out .article_header,
  .tit_out .article_info {
    margin-top: 30px;
  }
  .tit_in .article_info {
    margin-top: 30px;
  }
  .half .article_header,
  .half .article_info_top .info_box {
    margin-top: 30px;
  }
  .wrapsns_layer {
    top: 66px;
  }
  /* .wrapsns_layer {
    left: 0;
  } */
  .tit_out .top_visual .article_info_top {
    margin-bottom: 0;
  }
  .half .visual {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
  .half .article_info_top {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
    margin-right: auto;
    margin-left: auto;
    padding: 0 40px;
  }
  .half .article_date {
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .half .article_info {
    margin-top: 10px;
  }
  .full_content ul {
    gap: 36px 3.2%;
    grid-template-columns: 1fr;
  }
  .popular_content ul {
    gap: 36px 3.2%;
    grid-template-columns: 1fr 1fr;
  }
  .share_box {
    right: 22px;
    bottom: 77px;
  }
  .share_box ul {
    bottom: 58px;
  }
  .share_box button {
    width: 48px;
    height: 48px;
  }
  .share_box ul li i {
    width: 28px;
    height: 28px;
  }
  .full_content h4 {
    margin-bottom: 20px;
    font-size: 23px;
  }
  .recommend_content h4 a::after {
    width: 8px;
    height: 8px;
  }
  .card_body {
    margin-top: 16px;
  }
  .popular_content .card_body a {
    font-size: 18px;
  }
  .recommend_content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .recommend_content + .popular_content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 640px) {
  /* 레이아웃 */
  .atm_view #header .inner,
  .half .article_info_top,
  .content article,
  .recommend_content,
  .popular_content,
  .photo_col2 figcaption,
  figcaption {
    padding-right: 20px;
    padding-left: 20px;
  }
  /* 공통 */
  /* 상단 */
  .full .max_w700,
  .full figcaption {
    width: calc(100% - 40px);
  }
  .half .max_w700,
  .half figcaption {
    width: calc(100% - 40px);
  }
  .article_date,
  .half .article_date {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
  }
  .area_util_2023 {
    margin-top: 16px;
  }
  /* 콘텐츠 */
  .full_content ul {
    gap: 36px 3.2%;
    grid-template-columns: 1fr;
  }
  .popular_content ul {
    gap: 36px 3.2%;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 359px) {
  .atm_view #header .inner,
  .half .article_info_top,
  .content article,
  .recommend_content,
  .popular_content,
  .photo_col2 figcaption {
    padding-right: 10px;
    padding-left: 10px;
  }
  .full .max_w700,
  .full figcaption {
    width: calc(100% - 20px);
  }
  .half .max_w700,
  .half figcaption {
    width: calc(100% - 20px);
  }
  .sub_head {
    padding: 6px 10px;
  }
  .share_box {
    right: 16px;
  }
  .wrapsns_layer {
    width: 280px;
  }
  .wrapsns_layer .sns_layer .sns_list {
    padding: 15px 26px 20px;
  }
}
/* 프린트용 css */
@media print {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  span,
  div,
  .aeofficial_box .stxt {
    color: #000 !important;
    text-transform: none;
    /* because sometimes I set all-caps */
  }
  header,
  .area_util_2023,
  .reading_time {
    display: none;
  }
  .tit_in .visual .article_header,
  .tit_in .top_visual .info_box {
    display: none;
  }
  .half .visual .article_header,
  .half .top_visual .info_box {
    display: none;
  }
  .full .visual .article_header,
  .img_figure,
  .reporter figure,
  .editor figure,
  .subscribe i,
  .full_content,
  .share_box,
  .btn_scroll_top,
  footer {
    display: none;
  }
  .tit_in .article_info_top {
    display: block;
  }
  .tit_in .top_visual figure::after {
    content: none;
  }
  .rel_article .swiper::before, .rel_article .swiper::after {
    content: none;
  }
  .txt_li li::before {
    content: none;
  }
  .tit_in .sub_head,
  .aeditor_note {
    border: 1px solid #666;
  }
  .content article {
    max-width: 80% !important;
    width: 80% !important;
  }
  .photo_col2 {
    max-width: 900px !important;
  }
  center {
    display: block;
    width: 100% !important;
    max-height: 100% !important;
  }
  .testMove {
    display: block;
    width: 100% !important;
    max-height: 100% !important;
  }
  .testMove iframe {
    display: block;
    width: 100% !important;
    max-height: 100% !important;
  }
  .photo_col2 figure {
    display: block;
    width: 100% !important;
    max-height: 100% !important;
  }
  .photo_col2 div {
    display: block;
    width: 100% !important;
    max-height: 100% !important;
  }
  .photo_col2 div img {
    display: block;
    width: 100% !important;
    max-height: 100% !important;
  }
  .pin-spacer {
    max-height: 500px !important;
    height: 500px !important;
    margin: 0 !important;
    padding-bottom: 0 !important;
  }
  .interactive {
    max-width: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
  }
  .interactive .imgWrap {
    max-width: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
  }
  .interactive .imgWrap .interactive_bg,
  .interactive .imgWrap img {
    max-width: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
    height: 100% !important;
  }
  .interactive .textWrap .text_box {
    top: 0;
  }
  .pin-spacer .textWrap .text_box:first-child .text:first-child {
    bottom: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }
  .series h4 span {
    border: 1px solid #666;
  }
  .series li {
    list-style: inside;
  }
  .series li a {
    display: inline !important;
  }
  .user_views span {
    color: #666 !important;
  }
  .feature_blue a.btn_open {
    color: #5995fa !important;
    border: 1px solid #5995fa;
  }
  .feature_pink a.btn_open {
    color: #fd6a73 !important;
    border: 1px solid #fd6a73;
  }
  .feature_gray a.btn_open {
    color: #a4a2a2 !important;
    border: 1px solid #a4a2a2;
  }
  .tooltip_popup {
    border: 1px solid #ddd;
  }
  .series_li {
    max-width: 100%;
    width: 100%;
    max-height: 100% !important;
    height: 100% !important;
    overflow: clip !important;
  }
  .series_li_wrap ul li a {
    white-space: wrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}
/* 공통 */
[class*=is_fix_re] .sec_header,
[class*=is_fix_re] .sub_inner > .component_bx {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* 헤더 */
.sec_header > .h_wr::after {
  content: none;
}

[class*=is_fix_re] .sec_header > .h_wr > .h_area > dl > dt > a::after, [class*=is_fix_re].is_fix .sec_header > .h_wr > .h_area > dl > dt::after {
  content: none;
}
[class*=is_fix_re] .sec_header {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  margin-top: 30px;
  padding-bottom: 0;
}
[class*=is_fix_re] .sec_header > .h_wr > .h_area > dl > dd::before {
  content: none;
}

/* 기존 탑 영역 - 제거 가능 */
.li_top_area {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  margin-bottom: 60px;
}
.li_top_area .swiper-wrapper {
  height: 400px;
  overflow: hidden;
}

.li_top_visual {
  height: 400px;
  overflow: hidden;
  position: relative;
}
.li_top_visual .visual {
  height: 400px;
  overflow: hidden;
}
.li_top_visual::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.li_top_visual .visual_tit {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1280px;
  width: 100%;
  padding: 0 40px;
  z-index: 1;
}

.li_top_area .paging_wrap {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1280px;
  width: 100%;
  padding: 0 40px;
  z-index: 1;
  display: inline-block;
  bottom: 80px;
  right: 0;
}
.li_top_area .paging_wrap .swiper-pagination {
  position: absolute;
  right: 40px;
  padding: 6px 20px 8px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 30px;
}
.li_top_area .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border: 1px solid #fff;
  border-radius: 3px;
  background: transparent;
  opacity: 0.5;
}
.li_top_area .swiper-pagination-bullet-active {
  width: 30px;
  background: #fff;
  opacity: 1;
}
.li_top_area .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 6px;
}
.li_top_area .sub_head {
  display: inline-block;
  margin-bottom: 10px;
  padding: 9px 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  background: #fff;
  border: 0 none;
  border-radius: 30px;
}
.li_top_area .headline {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  max-width: 700px;
  color: #fff;
  font-size: 36px;
}

/* 기존 탑 영역 */
/* 탑 영역(변경) */
.list_top {
  position: relative;
  margin: 0 auto 40px;
  padding: 40px 0 56px;
}
.list_top::after {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background: #edf1fa;
}

.swiper-wrapper {
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
}

.li_visual {
  position: relative;
  width: 760px;
  height: 420px;
  margin: 0 -10px;
  border-radius: 16px;
  overflow: hidden;
  scale: 0.85;
}
.li_visual::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.li_visual::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.li_visual.swiper-slide-active {
  width: 760px;
  height: 420px;
  scale: 1;
  -webkit-box-shadow: 0px 8px 36px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 8px 36px 0px rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.li_visual.swiper-slide-active::before {
  content: none;
}
.li_visual .visual_tit {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px;
  z-index: 1;
}

.visual_tit .sub_head {
  border: 0 none;
}
.visual_tit .headline {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #fff;
  font-family: var(--font-serif);
  letter-spacing: -0.25px;
}

.li_visual .visual {
  width: 760px;
  height: 420px;
}

.list_top .paging_wrap {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.list_top .paging_wrap .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: static;
  line-height: 0;
}
.list_top .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border: 1px solid #111;
  border-radius: 4px;
  background: transparent;
  opacity: 0.3;
}
.list_top .swiper-pagination-bullet-active {
  width: 60px;
  background: #111;
  opacity: 1;
}
.list_top .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 6px;
}

.toggle_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1200px;
  z-index: 1;
}
.toggle_wrap .swiper-button-next,
.toggle_wrap .swiper-button-prev {
  width: 50px;
  height: 50px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  background: #111;
  border: none;
  opacity: 0.6;
}
.toggle_wrap .swiper-button-next::after,
.toggle_wrap .swiper-button-prev::after {
  width: 9px;
  height: 9px;
  border-color: #fff;
}
.toggle_wrap .swiper-button-next:hover,
.toggle_wrap .swiper-button-prev:hover,
.toggle_wrap .swiper-button-next:active,
.toggle_wrap .swiper-button-prev:active {
  opacity: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
}

/* 탑 영역(변경) */
/* 리스트 */
[class*=is_fix_re] .component_bx > .sct_cont_mid > .sec_con {
  max-width: 100%;
}

.sub_inner .atm_li {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 36px 20px;
}
.sub_inner .atm_li figure a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1.5714285714;
}
.sub_inner .card_body {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.sub_inner .atm_li figure {
  position: relative;
  padding-right: 10px;
}
.sub_inner .atm_li .bullet {
  position: absolute;
  bottom: 26px;
  left: 5%;
  padding: 6px 14px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background: #111;
  border-radius: 30px;
}
.sub_inner .card_body {
  position: relative;
  left: 5%;
  width: 95%;
  max-height: 117px;
  height: 100%;
  margin-top: -20px;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: #fff;
}
.atm_li > li:has(.category) {
  min-width: 0;
}
.atm_li > li:has(.category) .card_body {
  max-height: 136px;
}

.sub_inner .card_body .category {
  color: #111;
  margin-bottom: 4px;
  font-size: 15px;
  font-family: "Pretendard", sans-serif;
  font-weight: 700;
  line-height: 1;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub_inner .card_body a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  margin-bottom: 8px;
  color: #111;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--font-serif);
  letter-spacing: var(--font-serif-letter);
}
@media (max-width: 819.98px) {
  .sub_inner .card_body a {
    font-size: 20px;
  }
}
.sub_inner .card_body span {
  display: inline-block;
  color: #888;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.pagination {
  margin-bottom: 60px;
}

@media (max-width: 1279px) {
  /* 레이아웃 */
  /* [class*="is_fix_re"] .sec_header, */
  /* [class*="is_fix_re"] .sub_inner > .component_bx, */
  [class*=is_fix_re] .sec_header,
  .sub_inner,
  .visual_tit,
  .toggle_wrap,
  .li_top_area .paging_wrap {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
  }
  /* 기존상단 */
  .li_top_visual .visual_tit,
  .li_top_area .paging_wrap {
    max-width: 1180px;
  }
}
@media (max-width: 1023px) {
  /* 레이아웃 */
  [class*=is_fix_re] .sec_header {
    max-width: 920px;
  }
  .sub_inner {
    max-width: 920px;
  }
  .sub_inner > .component_bx {
    max-width: 920px;
  }
  .visual_tit,
  .li_top_area .paging_wrap {
    max-width: 920px;
  }
  .contents {
    width: 100%;
  }
  /* 상단 */
  .list_top {
    padding: 0;
  }
  .list_top::after {
    content: none;
  }
  .li_visual {
    width: 100%;
    max-width: 100%;
    height: 450px;
    border-radius: 0;
    scale: 1;
  }
  .li_visual.swiper-slide-active,
  .li_visual .visual {
    width: 100%;
    max-width: 100%;
    height: 450px;
    border-radius: 0;
    scale: 1;
  }
  .li_visual.swiper-slide-active {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .list_top {
    margin-bottom: 60px;
  }
  .li_visual {
    margin: 0;
  }
  .li_visual::before {
    content: none;
  }
  .li_visual .visual_tit {
    bottom: 50px;
    padding: 0 40px;
  }
  .toggle_wrap {
    padding: 0 20px;
  }
  .list_top .paging_wrap {
    bottom: 20px;
    width: 95px;
    padding: 10px 20px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 30px;
  }
  .list_top .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-color: #fff;
  }
  .list_top .swiper-pagination-bullet-active {
    width: 30px;
    height: 6px;
    background: #fff;
  }
  /* 기존상단-제거가능 */
  .li_top_area .sub_head {
    padding: 7px 16px;
    font-size: 16px;
  }
  .li_top_area .headline {
    max-width: 600px;
    font-size: 30px;
  }
  .li_top_visual .visual_tit,
  .li_top_area .paging_wrap {
    max-width: 920px;
  }
  /* 리스트 영역 */
  .sub_inner .atm_li {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 819px) {
  body {
    background: #fff;
  }
  /* 레이아웃 */
  [class*=is_fix_re] .sub_inner > .component_bx {
    padding: 0;
  }
  [class*=is_fix_re] .sec_header {
    margin-top: 0;
    margin-bottom: 0;
  }
  [class*=is_fix_re] .sec_header:after {
    border-bottom: 0;
  }
  [class*=is_fix_re].nav-up .sec_header > .h_wr > .h_area > dl {
    top: 0;
  }
  [class*=is_fix_re] .sec_header.rank > .h_wr > .h_area > dl > dt {
    top: -1px;
  }
  /* 헤더 */
  .sec_header.rank > .h_wr > .h_area > dl {
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
  }
  .contents section.rank > div > .nav_l {
    height: 48px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 40px;
  }
  /* 상단 */
  .list_top {
    margin-bottom: 30px;
  }
  /* 기존상단-제거가능 */
  .li_top_area {
    margin-bottom: 30px;
  }
  .li_top_area .swiper-wrapper {
    height: 300px;
  }
  .li_top_visual {
    height: 300px;
  }
  .li_top_visual .visual {
    height: 300px;
  }
  .visual_tit {
    bottom: 50px;
  }
  .li_top_area .sub_head {
    font-size: 15px;
  }
  .li_top_area .headline {
    max-width: 100%;
    font-size: 23px;
  }
  .li_top_area .paging_wrap {
    bottom: 40px;
  }
  .li_top_area .paging_wrap .swiper-pagination {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 20px 2px;
  }
  /* 리스트 영역 */
  .sub_inner .atm_li {
    grid-template-columns: 1fr 1fr;
    gap: 30px 20px;
  }
  .pagination {
    margin-bottom: 50px;
  }
}
@media (max-width: 640px) {
  /* 레이아웃 */
  [class*=is_fix_re] .sec_header,
  .visual_tit,
  .sub_inner {
    padding: 0 20px;
  }
  #container > .contents {
    padding: 0;
  }
  /* 기존상단 */
  .li_top_visual .visual_tit,
  .li_top_area .paging_wrap {
    padding: 0 20px;
  }
  /* 상단 */
  .list_top {
    margin-left: 0;
    height: 300px;
  }
  .li_visual {
    height: 300px;
  }
  .li_visual.swiper-slide-active,
  .li_visual .visual {
    height: 300px;
  }
  .li_visual .visual_tit {
    bottom: 40px;
    padding: 0 20px;
  }
  .toggle_wrap {
    display: none;
  }
  .list_top .paging_wrap {
    bottom: 14px;
  }
  /* 리스트영역 */
  .sub_inner .atm_li {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sub_inner .atm_li figure {
    padding-right: 0;
  }
  .sub_inner .atm_li .bullet {
    bottom: 36px;
  }
  .sub_inner .card_body {
    height: auto;
    margin-top: -30px;
  }
}
@media (max-width: 359px) {
  /* 레이아웃 */
  [class*=is_fix_re] .sec_header,
  .visual_tit,
  .sub_inner {
    padding: 0 10px;
  }
}
/* ============================================
* 기사 본문
* ============================================= */
/* 스와이퍼 */
.photo_slide,
.rel_article .swiper {
  position: relative;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-top: 0;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid #111;
  border-width: 0 2px 2px 0;
}

.swiper-button-next::after {
  -webkit-transform: translate(-70%, -50%) rotate(-45deg);
  transform: translate(-70%, -50%) rotate(-45deg);
}

.swiper-button-prev::after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  margin-left: 1px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

.swiper-button-next.swiper-button-disabled::after,
.swiper-button-prev.swiper-button-disabled::after {
  opacity: 0.2;
}

.swiper-pagination-progressbar {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #eee;
  border-radius: 2px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #333;
  border-radius: 2px;
}

/* 공통 */
.content {
  margin-bottom: 80px;
}
.content article {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  font-size: 17px;
}
.content article > div {
  margin: 20px auto;
}

[class*=max_w] {
  margin: 20px auto;
}

.max_w900,
.max_w1200,
.interactive {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
}

.max_w900 {
  max-width: 900px;
  width: 100vw;
}

.max_w1200 {
  max-width: 1200px;
  width: 100vw;
}

/* 포토 슬라이드 */
.photo_slide .swiper {
  position: relative;
  height: 0;
  padding-bottom: 66.7%;
}
.photo_slide .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-bottom: 16px;
}

.photo_box {
  height: 100%;
}

.photo_slide figure {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fafafd;
}
.photo_slide figure a {
  display: inline-block;
  position: relative;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.photo_slide figure img {
  -o-object-position: center;
     object-position: center;
}
.photo_slide figure.pic_length img {
  -o-object-fit: contain;
     object-fit: contain;
}
.photo_slide figcaption {
  margin-top: 0;
  padding: 0;
}

.img_caption,
.photo_slide .swiper_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img_caption {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: 6px 0 16px;
}

.photo_slide .swiper_btn {
  width: 86px;
  margin-left: 20px;
  gap: 6px;
  background: #fff;
  z-index: 1;
}
.photo_slide .swiper-button-next,
.photo_slide .swiper-button-prev {
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.photo_slide .swiper-button-next {
  right: 0;
}
.photo_slide .swiper-button-prev {
  left: 0;
}

/* 사진 2단 */
.photo_col2 figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.photo_col2 div {
  width: 50%;
  max-height: 363px;
  overflow: hidden;
}

/* .photo_col2 div img {height:auto; -o-object-fit:contain; object-fit:contain;} */
/* 유튜브 영상 */
center {
  position: relative;
  max-width: 900px;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
center iframe {
  position: relative;
  height: 100%;
}

.testMove {
  padding-top: 56.25%;
}
.testMove iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 팝업창 원본보기 기능 */
.article_photo {
  text-align: center;
}
.article_photo.max_origin img {
  width: auto;
}
.article_photo.max_origin .txt {
  padding-right: 0;
  padding-left: 0;
}

.photo_box,
.article_photo,
.photo_col2 div {
  position: relative;
}

.img_figure {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 0px;
  height: 43px;
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/v6/ico_190108.png") -31px -22px no-repeat;
  background-size: 140px 82px;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}

.p_view_img {
  background-color: #23252b;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.p_view_img * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.p_view_img .popup_btn {
  width: 100%;
  height: 45px;
  z-index: 999;
}
.p_view_img .popup_btn::after {
  content: "";
  display: block;
  clear: both;
}
.p_view_img .popup_btn a {
  float: right;
  display: inline-block;
  width: 45px;
  height: 45px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/v4/popup_close.png") 0px 0px no-repeat;
  background-size: 45px 45px;
}
.p_view_img #img_div {
  position: relative;
  overflow: hidden;
}
.p_view_img .popup_img {
  max-width: 100%;
  width: auto !important;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

/* 시리즈 목차 */
.txt_li li {
  position: relative;
  width: 98%;
  padding-left: 13px;
  color: #111;
  font-size: 17px;
  line-height: 1.47;
}
.txt_li li + li {
  margin-top: 8px;
}
.txt_li li::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 2px;
  width: 3px;
  height: 3px;
  background: #111;
  border-radius: 50%;
}
.txt_li li.on {
  font-weight: 500;
  text-decoration: underline;
}
.txt_li li.on::before {
  background: #ed1c24;
}

/* 단어설명 툴팁 */
.tooltip_select {
  position: relative;
  vertical-align: baseline;
}
.tooltip_select * {
  vertical-align: baseline;
}
.tooltip_select a {
  text-decoration: underline !important;
  text-underline-offset: 3px;
  white-space: nowrap;
}
.tooltip_select a::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-bottom: 12px;
  background: #ed1c24;
  border-radius: 50%;
}

.tooltip_popup {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 200px;
  padding: 12px 16px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 15;
}
.tooltip_popup em {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.46;
}

/* 차트 */
.chart.circle {
  max-width: 450px;
}

/* 인터렉티브 영역 */
.interactive {
  width: 100vw;
  height: 100vh;
  z-index: 13;
}
.interactive .imgWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.interactive .imgWrap .interactive_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
.interactive .imgWrap img {
  height: 100vh;
}
.interactive .textWrap {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 1550px;
  height: 100%;
  padding-left: 90px;
  padding-right: 90px;
  overflow: hidden;
  z-index: 3;
}
.interactive .textWrap .text_box {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
}
.interactive .textWrap .text_box .text {
  position: absolute;
  width: calc(100% - 180px);
}
.interactive .textWrap .text::after {
  content: "";
  display: block;
  clear: both;
}
.interactive .textWrap .text .txt_l,
.interactive .textWrap .text .txt_r {
  max-width: 45%;
  padding: 20px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.58;
  color: #111;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2px);
}
.interactive .textWrap .text .txt_l {
  float: left;
}
.interactive .textWrap .text .txt_r {
  float: right;
}
.interactive .inter_pagin {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 50;
}
.interactive .inter_pagin li {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.interactive .inter_pagin li + li {
  margin-top: 6px;
}
.interactive .inter_pagin::after {
  content: "";
  display: block;
  clear: both;
}
.interactive .a_linktest:link, .interactive .a_linktest:visited, .interactive .a_linktest:active {
  color: #097ce1;
}

.inter_pagin .on {
  float: left;
  margin-right: -10px;
}
.inter_pagin .on li {
  background: #fff;
}
.inter_pagin .default li {
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.3);
}

/* 관련뉴스 */
.rel_article {
  padding: 20px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.rel_article h4 {
  font-size: 16px;
  line-height: 1;
  padding-bottom: 16px;
  font-weight: 700;
  font-family: var(--font-serif);
  letter-spacing: var(--font-serif-letter);
}
.rel_article .rel_article_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rel_article .rel_article_li a {
  display: block;
}
.rel_article .rel_article_li figure {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rel_article .rel_article_li figure a {
  height: 100%;
}
.rel_article .swiper .swiper-button-next,
.rel_article .swiper .swiper-button-prev {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.rel_article ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4.75%;
}
.rel_article .rel_article_li {
  width: 48%;
}
.rel_article ul .rel_article_li:only-child {
  width: 100%;
}
.rel_article .rel_article_li figure {
  width: 100px;
  height: auto;
}
.rel_article ul .rel_article_li:only-child figure {
  width: 150px;
  height: 105px;
}
.rel_article .rel_article_li .txt {
  color: #111;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.53;
  -webkit-box-orient: vertical;
  cursor: pointer;
}
.rel_article .rel_article_li:only-child .txt {
  font-size: 18px;
}
.rel_article .swiper {
  padding: 0 30px;
  overflow: hidden;
}
.rel_article .swiper::before, .rel_article .swiper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 70px;
  background: #fff;
  z-index: 2;
}
.rel_article .swiper::before {
  left: 0;
}
.rel_article .swiper::after {
  right: 0;
}
.rel_article .swiper ul {
  max-width: 600px;
  margin: 0 auto;
}
.rel_article .swiper .rel_article_li {
  max-width: 290px;
  width: 50% !important;
}
.rel_article .swiper .rel_article_li:last-child {
  margin-right: 0;
}
.rel_article .swiper .swiper-button-next {
  position: absolute;
  width: 28px;
  height: 28px;
}
.rel_article .swiper .swiper-button-prev {
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
}
.rel_article .swiper .swiper-button-next {
  right: 0;
}
.rel_article .swiper .swiper-button-next::after {
  width: 7px;
  height: 7px;
}
.rel_article .swiper .swiper-button-prev::after {
  width: 7px;
  height: 7px;
}

/* 관련뉴스 스와이퍼 */
/* 시리즈 목차 */
.series {
  padding: 20px 30px;
  border: 1px solid #e1e1e1;
}
.series h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.series h4 span {
  display: inline-block;
  margin-right: 10px;
  padding: 6px 13px 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  background: #111;
  border-radius: 26px;
}
.series .button {
  position: absolute;
  top: -1px;
  right: -7px;
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.series .button::before, .series .button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background: #111;
  cursor: pointer;
}
.series.open .button::before {
  display: none;
}
.series.open .button::after {
  width: 12px;
  height: 2px;
}
.series .button::before {
  width: 2px;
  height: 12px;
}
.series .button::after {
  width: 12px;
  height: 2px;
}
.series.open .series_li_wrap {
  display: block;
}

.series_li_wrap {
  display: none;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid #e1e1e1;
}
.series_li_wrap ul li a {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.series_li_wrap .sec_li h4 {
  margin-bottom: 4px;
}

.series_li {
  max-height: 200px;
  overflow-y: auto;
}
.series_li div + .sec_li {
  margin-top: 16px;
}

/* 바이라인 */
.profile {
  padding: 30px 0;
  border-top: 1px solid #111;
  border-bottom: 1px solid #efefef;
}
.profile ul li + li {
  margin-top: 20px;
}
.profile div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}
.profile div.middle {
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}
.profile div figure {
  width: 60px;
  height: 60px;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.profile div.reporter figure {
  background: url(https://cwstatic.asiae.co.kr/atm/person.svg) no-repeat center;
}
.profile div.editor figure {
  background: url(https://cwstatic.asiae.co.kr/atm/editor.svg) no-repeat center;
}
.profile .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  color: #111;
}
.profile .info strong {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.profile .info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  text-decoration: none;
  cursor: text;
  font-family: var(--font-serif);
  letter-spacing: var(--font-serif-letter);
}
.profile .info .desc {
  font-family: inherit;
  width: 100%;
  margin-top: 2px;
  color: #595959;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.53;
}
.profile .subscribe {
  font-family: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 8px 12px;
  color: #111;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #eee;
  border-radius: 30px;
}
.profile .subscribe i {
  position: relative;
  top: 0;
  left: 0;
  width: 9px;
  height: 9px;
}
.profile .subscribe i::before, .profile .subscribe i::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  background: #111;
}
.profile .subscribe i::before {
  width: 100%;
  height: 2px;
}
.profile .subscribe i::after {
  width: 2px;
  height: 100%;
}

.byline .txt_prohibition {
  margin-top: 40px;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 1.57;
  letter-spacing: -0.5px;
}

/* === 기존 기사뷰 스타일 === */
.txt_sty {
  padding: 0 0 28px 0;
}
.txt_sty li {
  margin: 14px 0 0 0;
  font-size: 17px;
  color: #111;
  line-height: 21px;
}
.txt_sty li:first-child {
  margin: 7px 0 0 0;
}
.txt_sty [class*=col_] {
  margin: -2px 5px 0 0;
}

[class*=col_] {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  margin: -3px 5px 0 0;
  padding: 0 5px;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif, Verdana, Helvetica;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.66;
}

.col_pink {
  background: #f53f59;
}

.col_blue {
  background: #4683c5;
}

.article_photo .img_link {
  position: relative;
  display: block;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 0;
}

.small_title01 {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 10px 0;
}
.small_title01 h5 {
  display: block;
  width: 100%;
  padding: 13px 0 16px;
  font-size: 17px;
  font-weight: 700;
  color: #111;
  line-height: 30px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #e8e8e8;
}

.article_head {
  overflow: hidden;
  padding: 0 0 37px 0;
}
.article_head h4 {
  overflow: hidden;
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 15px;
  font-family: "notokrM";
  font-size: 1em;
  color: #111;
  line-height: 30px;
}
.article_head h4:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  bottom: 5px;
  width: 4px;
  background: #343638;
}

.aeditor_note {
  padding: 20px;
  font-size: 14px;
  line-height: 1.6;
  color: #595959;
  word-break: break-word;
  background-color: #fafafa;
}
.aeditor_note .editor_tit {
  display: block !important;
  margin: 4px 0;
  font-weight: 500;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: #111;
}
.aeditor_note span {
  display: block;
}

.news_emphasis {
  background-color: #e3eeff;
}

.aeqeout_box {
  position: relative;
  clear: both;
  margin: 30px auto;
  padding: 0;
  color: #111;
  font-weight: 500;
  letter-spacing: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aeqeout_box::before {
  content: "";
  position: absolute;
  top: 6px;
  bottom: 5px;
  left: 0;
  background: #999;
  width: 1px;
}
.aeqeout_box span {
  display: block;
  margin-left: 20px;
  padding: 0px 4px;
  font-size: 19px;
  line-height: 1.46;
}

.aeofficial_box {
  padding: 30px;
  border: 1px solid #666;
}
.aeofficial_box h5 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 1.27;
}
.aeofficial_box .stxt {
  color: #595959;
  line-height: 1.6;
}

.a_linktest:link, .a_linktest:visited, .a_linktest:active {
  color: #1e88e5;
  text-decoration: underline !important;
  vertical-align: baseline;
}

.aearea_q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  clear: both;
}
.aearea_q::before {
  content: "";
  color: #111;
  display: block;
  font-weight: 700;
  font-size: 19px;
  margin-right: 5px;
}

.aearea_a::before {
  content: "";
  color: #111;
  display: block;
  font-weight: 700;
  font-size: 19px;
  margin-right: 5px;
}

.aearea_q::before {
  content: "Q.";
  margin-top: -5px;
}
.aearea_q h5 {
  padding: 0;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -1px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aearea_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto 50px;
}
.aearea_a span {
  display: block;
}

.container .content .cont_article .aearea_a span.in_st {
  padding: 0;
  letter-spacing: -1px;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aearea_a::before {
  content: "A.";
  margin-top: -2px;
}

.qeout_box {
  clear: both;
  margin: 20px 0 20px 0;
  padding: 0 0 20px;
  text-align: center;
  color: #111;
  line-height: 30px;
  letter-spacing: -1px;
  border-top: 1px solid #5d5d5d;
  border-bottom: 1px solid #5d5d5d;
}
.qeout_box svg {
  margin-top: -10px;
  padding: 0 10px;
  background-color: #fff;
}
.qeout_box .icon_qeout {
  position: absolute;
  display: block !important;
  left: 32%;
  width: 35px;
  height: 25px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  vertical-align: top;
}
.qeout_box p {
  padding: 15px 20px;
}

[class*=phothumb] {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 0 0 22px 0;
}
[class*=phothumb] img {
  display: block;
  width: auto;
  height: auto;
}

.article_photo .txt {
  display: block;
  padding-top: 6px;
  text-align: left;
  color: #888;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.53;
}

p::after {
  content: "";
  display: block;
  clear: both;
}

.phothumb_l {
  clear: both;
  position: relative;
  float: left;
  margin-right: 50px;
}

.phothumb_r {
  float: right;
  margin-left: 50px;
}

/* 특징주 링크 스타일 타입  */
[class*=feature_] {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 1024px) {
  [class*=feature_] {
    position: relative;
  }
}
[class*=feature_] a.btn_open {
  display: inline-block;
  margin: -4px 0 0 0;
  padding: 3px 5px;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
  vertical-align: middle;
}
[class*=feature_] a.btn_open:hover {
  color: #fff;
}

.feature_blue a.btn_open {
  background: #5995fa;
}

.feature_pink a.btn_open {
  background: #fd6a73;
}

.feature_gray a.btn_open {
  background: #a4a2a2;
}

[class*=feature_] {
  display: inline-block !important;
  vertical-align: top;
}

.lay_feature {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  color: #595959;
  display: none;
  width: 320px;
  vertical-align: top !important;
  background: #f5f7fa;
  z-index: 100;
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}
.lay_feature * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 1024px) {
  .lay_feature {
    top: 33px !important;
  }
}
.lay_feature .lay_inner {
  position: relative;
  display: block !important;
  width: 100%;
  vertical-align: top !important;
}
.lay_feature .btn_close {
  width: 40px;
  aspect-ratio: 1;
  position: absolute;
  margin-top: -20px;
  top: 50%;
  right: 0;
  display: block;
  background: url(https://cwstatic.asiae.co.kr/mdot_2013/sp_stock_big.png) 11px -71px no-repeat;
  background-size: 100px 100px;
  font-size: 0;
  line-height: 0;
}

.title_w {
  min-height: 40px;
  padding: 10px;
  padding-right: 40px;
  width: 100%;
  background: #262626;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title_w .tit_t {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.lay_inner {
  padding: 15px;
  border: 1px solid #e5e5e5;
}

.tit_area::after {
  content: "";
  display: block;
  clear: both;
}
.tit_area em {
  margin-top: 4px;
  float: right;
  line-height: 1;
}

.con_tit {
  display: inline-block;
  position: relative;
  padding-left: 7px;
  color: #111;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}
.con_tit::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 2px;
  height: 16px;
  background: #242424;
}

.mk_text {
  display: -ms-grid;
  display: grid;
  gap: 0 16px;
  grid-template-columns: 1fr 1fr;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #ededed;
}

.stock_num {
  color: #595959;
  font-size: 13px;
  line-height: 21px;
}

.stock_icon {
  margin-left: 3px;
  padding: 2px 6px;
  color: #264dbf;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid #264dbf;
}

.list_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 28px;
  color: #333;
  font-size: 13px;
  white-space: nowrap;
}
.list_txt strong {
  width: 48px;
  font-weight: 700;
}
.list_txt .t_in {
  width: calc(100% - 48px);
  text-align: right;
}

.news_feature_txt {
  position: relative;
  width: 100%;
  padding-left: 10px;
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-box-sizing: border-box;
  color: #111;
  line-height: 20px;
  display: block !important;
  margin-bottom: 10px;
}
.news_feature_txt:last-child {
  margin-bottom: 0;
}
.news_feature_txt::before {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  content: "";
  width: 2px;
  height: 2px;
  display: block;
  background-color: #111;
}

.t_data {
  display: block;
  margin-top: 7px;
  color: #595959;
  font-size: 12px;
  letter-spacing: -0.5px;
  text-align: right;
}
.t_data span {
  padding-left: 15px;
}
.t_data span::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  background: url(https://cwstatic.asiae.co.kr/mdot_2013/sp_stock_big.png) -88px -88px no-repeat;
  background-size: 100px 100px;
  vertical-align: middle;
}

.price_now {
  font-weight: 700;
}

.feature_pink .stock_color {
  color: #cc0000;
}

.feature_blue .stock_color {
  color: #0042e0;
}

.feature_gray .stock_color {
  color: #87909f;
}

.stock_ico::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100px 100px !important;
}

.feature_pink .stock_ico::before {
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/sp_stock_big.png") 0 -24px no-repeat;
}

.feature_blue .stock_ico::before {
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/sp_stock_big.png") -24px -24px no-repeat;
}

.feature_gray .stock_ico::before {
  background: url("https://cwstatic.asiae.co.kr/mdot_2013/sp_stock_big.png") -66px -88px no-repeat;
}

.lay_feature .stock_all {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border-radius: 30px;
  font-size: 14px;
  line-height: 38px;
  font-weight: 700;
  border: solid 1px #333;
  position: relative;
  text-align: center;
  margin-top: 12px;
  color: #111;
  padding-right: 10px;
}
.lay_feature .stock_all::after {
  position: absolute;
  right: 85px;
  top: 14px;
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@media (max-width: 1280px) {
  .interactive .textWrap {
    max-width: 1180px;
  }
  .interactive .textWrap .text .txt_l,
  .interactive .textWrap .text .txt_r {
    max-width: 49%;
  }
}
@media (max-width: 1180px) {
  .interactive .textWrap {
    padding-left: 90px;
    padding-right: 90px;
  }
  .interactive .textWrap .text_box .text {
    width: calc(100% - 180px);
  }
  .photo_col2 div {
    max-height: 320px;
  }
}
@media (max-width: 1023px) {
  .article_photo .txt,
  .img_caption {
    padding-right: 40px;
    padding-left: 40px;
  }
  .photo_slide .swiper_btn {
    right: 40px;
  }
  .swiper-pagination-progressbar {
    right: 40px;
    left: 40px;
    width: auto;
  }
  /* .interactive,
  .interactive .imgWrap, 
  .interactive .imgWrap .interactive_bg,
  .interactive .imgWrap img {height:60vh !important;} */
  .interactive .textWrap {
    max-width: 920px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .interactive .textWrap .text_box .text {
    width: calc(100% - 80px);
  }
  .tooltip_popup.tool_l, .tooltip_popup.tool_r {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .tooltip_popup.tool_l {
    left: 0;
  }
  .tooltip_popup.tool_r {
    left: auto;
    right: 0;
  }
  .photo_col2 div {
    max-height: 260px;
  }
}
@media (max-width: 819px) {
  .interactive .textWrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .interactive .textWrap .text_box .text {
    width: calc(100% - 40px);
  }
  .interactive .textWrap .text .txt_l,
  .interactive .textWrap .text .txt_r {
    position: relative;
    max-width: 100%;
    font-size: 16px;
    font-weight: 500;
  }
  .interactive .textWrap .text .txt_l {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .interactive .textWrap .text .txt_r {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  .interactive .inter_pagin {
    right: 10px;
  }
  .phothumb_r,
  .phothumb_l {
    display: block;
    float: none;
    margin: 0 auto;
  }
  [class*=phothumb] img,
  [class*=phothumb] .txt {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
  .img_figure {
    width: 43px !important;
  }
  .aeofficial_box {
    margin: 30px 20px;
    padding: 25px 20px;
    border: 1px solid #666;
  }
  .aeqeout_box span {
    display: block;
    margin-left: 16px;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.46;
    word-break: break-word;
    word-wrap: break-word;
  }
  .rel_article .swiper .rel_article_li {
    max-width: 100%;
    width: 46.5% !important;
  }
  .rel_article ul {
    gap: 4%;
  }
  .photo_col2 div {
    width: 100%;
    max-height: 100%;
  }
  .photo_col2 figure {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
  .photo_col2 figure a {
    width: 100%;
  }
  .profile .subscribe {
    padding: 12px 14px;
  }
  .content {
    margin-bottom: 60px;
  }
}
@media (max-width: 640px) {
  .article_photo .txt,
  .img_caption {
    padding-right: 20px;
    padding-left: 20px;
  }
  .article_photo.max_origin img {
    width: 100%;
  }
  .rel_article > ul {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .rel_article > ul > li + li {
    margin-top: 10px;
  }
  .rel_article .swiper ul {
    gap: 0;
  }
  .rel_article .rel_article_li,
  .rel_article .swiper .rel_article_li {
    width: 100% !important;
    padding: 0 12px;
  }
  .rel_article ul .rel_article_li:only-child figure {
    width: 100px;
    height: 70px;
  }
  .rel_article .rel_article_li:only-child .txt {
    font-size: 15px;
  }
  .series {
    padding: 12px 20px;
  }
  .photo_slide .swiper_btn {
    margin-left: 10px;
  }
  .img_caption {
    position: static;
  }
  .swiper-pagination-progressbar {
    right: 20px;
    left: 20px;
  }
}
@media (max-width: 420px) {
  .rel_article .rel_article_slide .rel_article_li figure {
    width: 90px;
  }
  /* .interactive,
  .interactive .imgWrap, 
  .interactive .imgWrap .interactive_bg,
  .interactive .imgWrap img {height:50vh !important;} */
  .profile .info p {
    width: calc(100% - 70px);
  }
}
@media (max-width: 359px) {
  .article_photo .txt,
  .img_caption {
    padding-right: 10px;
    padding-left: 10px;
  }
  .photo_slide .swiper_btn,
  .swiper-pagination-progressbar {
    right: 10px;
    left: 10px;
  }
}
.interactive_bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.interactive_trigger .sequence {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.interactive_trigger .hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ==============================
* pagination
* ============================== */
.pagination {
  margin-top: 30px;
}
.pagination > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 7px;
}
.pagination > ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  line-height: 36px;
  color: #666;
  font-size: 1.7rem;
  font-weight: 400;
}
.pagination > ul > li > a * {
  color: #666;
  font-size: 1.7rem;
  font-weight: 400;
}
.pagination > ul > li > a:hover {
  text-decoration: none;
}
.pagination > ul > [class*=btn_] > a {
  background-color: #fff;
}
.pagination > ul > [class*=btn_] > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}
.pagination > ul > li.selected > a {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  background-color: #111;
  color: #fff;
  font-weight: 700;
}
.pagination > ul > li.selected > a * {
  color: #fff;
  font-weight: 700;
}
.pagination i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid #111;
  border-width: 1px 1px 0 0;
  border-radius: 0;
}
.pagination i > em {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
}
@media (max-width: 359.98px) {
  .pagination > ul {
    gap: 3px;
  }
  .pagination > ul > li > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .pagination > ul > li > a,
  .pagination > ul > li > a * {
    font-size: 1.4rem;
  }
  .pagination i {
    width: 6px;
    height: 6px;
  }
}
.pagination > ul > .btn_prev {
  margin-right: 13px;
}
.pagination > ul > .btn_prev > a > i {
  margin-left: 2px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.pagination > ul > .btn_next {
  margin-left: 13px;
}
.pagination > ul > .btn_next > a > i {
  margin-left: -2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}