@charset "utf-8";
html, body {
  overflow-x: hidden;
}
/*----------------------------------------------------
    ## layout
----------------------------------------------------*/

.smart_shopping .contents {
    margin-bottom: 100px;
}
.smart_shopping .thumb_area img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}
.smart_shopping .type_thumb .news_ttl {
    height:auto;
}
/*----------------------------------------------------
    ## Main
----------------------------------------------------*/
.smart_shopping .border_top {
    border-top: none;
}

.smart_shopping .news_main_wrap {
    width: 1210px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    padding: 34px 0px;
}

.smart_shopping .sec_body {
    gap: 77px;
    display: flex;
    flex-direction: column;
}
.smart_shopping .news_list .news_node .news_item .thumb_area img {
    height: auto;
    width: 100%;
}
.smart_shopping .news_list .news_item.type_banner {
    height: auto;
}

.smart_shopping .news_list.type_banner .thumb_area,
.smart_shopping .news_list .type_banner.news_item .thumb_area {
   width: 100%;
  max-width: 544px;
  aspect-ratio: 544 / 305;
  position: relative;
  overflow: hidden;
}

.smart_shopping .type_banner .news_item .txt_area,
.smart_shopping .news_list .type_banner.news_item .txt_area {
    padding: 10px 212px 10px 0px;
}

.smart_shopping .sec_body .hr_news::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    margin-top: 74px;
    width: 100%;
    background-color: #ccc;
    height: 1px;
}

.smart_shopping .highlight_news_wrap.hr_news {
    margin-bottom: 73px;
}
.smart_shopping .hr_news ul.news_list.highlight_news_list.grid {
  display: flex;
  gap: 30px;
}
.smart_shopping .highlight_news_list .txt_area .news_ttl {
    -webkit-line-clamp: 3;
}
.smart_shopping .hr_news .txt_area .news_ttl, .smart_shopping .mo_news_wrap .txt_area .news_ttl {
    -webkit-line-clamp: 2;
}
.smart_shopping .type_thumb .thumb_area,
.smart_shopping .type_thumb.news_item .thumb_area {
  position: relative;
  width: 100%;
  padding-top: 56.25%; 
    height: auto;
  overflow: hidden;
}

.smart_shopping .news_home.list_page .highlight_news_sec {
    margin-bottom: 63px;
}

.smart_shopping .grid_custom .sub_col .best_view_news_sec.best_view_margin .type_underline {
    margin-top: 0;
}
.smart_shopping .type_banner .txt_area .news_ttl {
    display: -webkit-box;
    font-size: 2.6rem;
    color: #fff;
    line-height: 1.4;
    height: auto;
    margin-bottom: 5px;
    font-weight: bold;
    transition: 0.3s;
}
.smart_shopping .top_news_frame.swiper-container .swiper-wrapper {
    display: block;
}

.smart_shopping ul.news_list.type_num.best_view_news_list.swiper-slide.border_swiper {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 15px;
}
.smart_shopping .highlight_news_wrap.hr_news .grid > .col.col_4 {
    padding-right: 0px;
  flex: 1 1 calc(33.3333% - 20px);
}
.smart_shopping .highlight_news_wrap .grid > .col:last-child.col_4{
    margin-right: 0px;
}
/* 많이 본 기사 */
.smart_shopping .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #E0E0E0;
    opacity: 1;
    vertical-align: top;
    margin: 0 4px;
}
.smart_shopping .swiper-pagination-bullet-active {
    background: #000;
}
.smart_shopping .swiper-pagination {
    position: static;
    margin-top: 14px;
}
/*----------------------------------------------------
    ## footer
----------------------------------------------------*/
.smart_shopping #footer {
    width: 100%;
    padding: 40px 0;
    font-size: 1.4rem;
    background-color: #1d1d1d;
    text-align: center;
    color: #bebebe;
}
/* 메뉴 */

.smart_shopping button.btn.btn_logout {
    padding: 0px;
}
.smart_shopping aside.anb.is_logout.anb_new.is_active {
    display: none;
}
.smart_shopping #header.header_srv .gnb .set_inner .menu_wrap .nav_link {
        display: none;
      }
.smart_shopping .anb {
  display: none;
  background: #fff;
  position: fixed;
  z-index: 1;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.3s;
  font-size: 1.5rem;
  padding-top: 60px;
  padding-bottom: 34px;
  overflow-y: auto;
}

.smart_shopping .anb.is_logout {
  padding-bottom: 110px;
}

/*.anb.is_logout .btn_area.logout {
  display: none;
}*/

.smart_shopping .anb .set_inner {
  padding: 0 20px;
}

.smart_shopping .anb_logo {
  padding: 18px 0;
  max-width: 100px;
}

.smart_shopping .anb.is_active {
  display: block;

}

.smart_shopping .anb_menu_head {
  position: relative;
  z-index: 2;
}


.smart_shopping .anb .anb_top_wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 60px;
  background: #fff;
  padding: 0 15px;
}
.smart_shopping .anb.is_active .mk_info_menu .mk_info_list .mk_info_node{
    margin-bottom: 0px;
}
.smart_shopping .anb .login_info_wrap {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0 17px;
}
.smart_shopping .anb.is_active .login_info_wrap {
    padding: 0px 0 0px;
}
.smart_shopping .anb .login_info_wrap ul {
  font-size: 0;
}

.smart_shopping .anb .login_info_wrap li {
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: top;
}

.smart_shopping .anb .login_info_wrap li + li:before {
  display: inline-block;
  content: '';
  width: 1px;
  height: 10px;
  background: #ccc;
  vertical-align: middle;
  margin: -4px 6px 0 10px;
}

.smart_shopping .anb .login_info_wrap p {
  font-size: 500;
  margin-bottom: 11px;
}

.smart_shopping .anb .login_info_wrap p span {
  font-weight: 600;
}

.smart_shopping .anb .anb_close {
  position: absolute;
  right: 15px;
  top: 16px;
  pointer-events: auto !important;
}

.smart_shopping .anb .anb_menu_wrap {
  padding: 20px 0 0;
}

.smart_shopping .anb .anb_menu_wrap .go_campaign {
  margin-top: 40px;
  display: block;
}

.smart_shopping .anb .anb_menu_wrap .go_campaign:after {
  content: '';
  display: block;
  clear: both;
}

.smart_shopping .anb .anb_menu_wrap .go_campaign .list_ttl {
  float: left;
  line-height: 24px;
  margin-right: 5px;
}

.smart_shopping .anb .anb_menu_wrap .go_campaign .ic {
  width: 24px;
  height: 24px;
  float: left;
}

.smart_shopping .anb .menu_group + .menu_group {
  margin-top: 16px;
}

.smart_shopping .anb .anb_menu_wrap .list_ttl {
  font-weight: bold;
}

.smart_shopping .anb .anb_menu_wrap .list_ttl + .nav {
  margin-top: 19px;
}

.smart_shopping .anb .anb_menu_wrap .nav {
  font-size: 0;
}

.smart_shopping .anb .anb_menu_wrap .nav_item {
  display: inline-block;
  width: 50%;
  font-weight: 400;
  vertical-align: top;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-family: "Montserrat", "Spoqa Han Sans Neo", sans-serif;
}

.smart_shopping .anb .menu_item span {
  font-family: 'Montserrat';
  font-size: 1.6rem;
}

.smart_shopping .anb .summary_news_wrap {
  position: relative;
  padding: 20px 0 24px;
}

.smart_shopping .anb .summary_news_wrap:before,
.smart_shopping .anb .summary_news_wrap:after {
  content: '';
  position: absolute;
  left: -10px;
  right: -10px;
  background: #ccc;
  height: 1px;
}

.smart_shopping .anb .summary_news_wrap:before {
  top: 0;
}

.smart_shopping .anb .summary_news_wrap:after {
  bottom: 0;
}

.smart_shopping .anb .summary_news_area {
  position: relative;
  height: 0;
  padding-bottom: 56.5625%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.smart_shopping .anb .summary_news_area > a {
  padding-bottom: 56.5625%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.smart_shopping .anb .btn_area.logout {
  position: relative;
  margin-top: 9px;
  padding-top: 18px;
  color: #5A5A5A;
}

.smart_shopping .anb .btn_area.logout:before {
  position: absolute;
  content: '';
  left: -10px;
  right: -10px;
  top: 0;
  height: 1px;
  background: #ccc;
}

.smart_shopping .anb .floating_area {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1D1D1D;
  height: 76px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.42;
}

.smart_shopping .anb .floating_area a {
  position: relative;
  display: block;
  height: 100%;
  padding: 19px 28px;
  box-sizing: border-box;
}

.smart_shopping .anb.is_logout .floating_area {
  display: block;
}
.smart_shopping .anb.is_active .anb_close {
    background-position: -72px -24px;
    display: inline-block;
    background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m.png);
    -webkit-background-size: 150px 317px;
    background-size: 150px 317px;
    width: 24px;
    height: 24px;
}
.smart_shopping .anb.is_active.anb_new .login_info_wrap {
    padding-bottom: 0;
}
.smart_shopping .anb.is_active .login_info_wrap {
    border-bottom: 1px solid #cccccc;
    padding: 20px 0 17px;
}
.smart_shopping .anb .floating_area .ic_arw_anb {
  position: absolute;
  right: 28px;
  top: 50%;
  margin-top: -6px;
  width: 7px;
  height: 11px;
  background: url(https://static.mk.co.kr/2022/news/mob/images/ic_arw_anb.png) center / 7px 11px no-repeat;

}

.smart_shopping .anb .floating_area b {
  font-weight: 700;
}

.smart_shopping .summary_news .sec_ttl {
  font-weight: bold;
  color: #212121;
  margin-bottom: 8px;
}

.smart_shopping .summary_news .sec_ttl b {
  font-weight: bold;
  color: #FD7A00;
}

.smart_shopping .anb .summary_news_area .txt_area {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
}

.smart_shopping .anb .summary_news_area:after {
  content: '';
  display: block;
  background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .35));
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.smart_shopping .anb .summary_news_area .txt_area .btn {
  position: relative;
  margin-top: 10px;
  padding-bottom: 3px;
  font-size: 1.2rem;
  color: #FD7A00;
  font-weight: 500;
}

.smart_shopping .anb .summary_news_area .txt_area .go_summary:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #FD7A00;
  position: absolute;
  left: 0;
  bottom: 0;
}

.smart_shopping .anb .summary_news_area .txt_area {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.smart_shopping .anb .summary_news_area .news_ttl {
  color: #fff;
  font-size: 1.9rem;
  font-weight: 500;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 30px;
}

.smart_shopping .anb .summary_news_area .news_ttl + button {
  display: inline-block;
  margin-top: 20px;
}
.smart_shopping .mk_info_menu {
    padding: 0px 0;
}
/* s: 250528_모바일 메뉴 및 푸터 변경 */
.smart_shopping .anb_menu_body .mk_info_menu{
  padding-top: 20px;
  border-top: 1px solid rgba(0, 0, 0, .1);
}/* 250529_수정 */

.smart_shopping .anb_menu_body .mk_info_menu .mk_info_list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 1.2rem;
}/* 250529_수정 */
.smart_shopping .anb_menu_body .mk_info_menu .mk_info_list .mk_info_node{
  font-size: 1.3rem;
  color: #5a5a5a;
}
.smart_shopping .anb_menu_body .mk_info_menu .mk_info_list .mk_info_node:after{
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 12px;
  opacity: 0.6;
  background-color: #5a5a5a;
}/* 250529_수정 */

.smart_shopping .anb_menu_body .mk_info_menu .mk_info_list .mk_info_node:last-child:after{
  display: none;
}/* 250529_수정 */

.smart_shopping .main_info_menu{
  padding: 20px 0 5px 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.smart_shopping .main_info_menu .main_info_list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.smart_shopping .main_info_menu .main_info_list .main_node{
  font-size: 1.3rem;
  color: #5a5a5a;
  margin-bottom: 15px;
}

.smart_shopping .main_info_menu .main_info_list .main_node:after{
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 12px;
  opacity: 0.6;
  background-color: #5a5a5a;
}
.smart_shopping .main_info_menu .main_info_list .main_node:last-child:after{
  display: none;
}

/* e: //250528_모바일 메뉴 및 푸터 변경 */
.smart_shopping .anb.anb_new .login_info_wrap {padding-bottom: 0;}
.smart_shopping .anb.anb_new .login_info_wrap.before_login {padding-top: 9px;}
.smart_shopping .anb.anb_new .login_info_wrap p {
  margin-bottom: 0;
  font-weight: 500;
}
.smart_shopping .anb.anb_new .login_info_wrap .login_info_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.smart_shopping .anb.anb_new .login_info_wrap .login_info_box ul:first-child li button {padding: 11px 0 17px;}
.smart_shopping .anb.anb_new .login_info_wrap .login_info_box .nav li.nav_item {
  font-size: 1.2rem;
  color: #5a5a5a;
}
.smart_shopping .anb.anb_new .login_info_wrap .login_info_box .nav li.nav_item a {
  display: inline-block;
  padding: 11px 10px 17px;
}/* 241119_수정 */
.smart_shopping .anb.anb_new .login_info_wrap .login_info_box .nav li.nav_item + li:before {margin: 0;}

/* 240801 수정 */
.smart_shopping .login_info_wrap .login_info_box .nav .nav_item .eng,
.smart_shopping .login_info_wrap .login_info_box .nav .nav_item .chn,
.smart_shopping .login_info_wrap .login_info_box .nav .nav_item .jpn {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  text-indent: -99999px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.smart_shopping .login_info_wrap .login_info_box .nav .nav_item .eng {background-image: url(https://static.mk.co.kr/2022/news/images/ic_eng_round.svg);}
.smart_shopping .login_info_wrap .login_info_box .nav .nav_item .chn {background-image: url(https://static.mk.co.kr/2022/news/images/ic_china_round.svg);}
.smart_shopping .login_info_wrap .login_info_box .nav .nav_item .jpn {background-image: url(https://static.mk.co.kr/2022/news/images/ic_japan_round.svg);}
.smart_shopping .anb .login_info_wrap.nation li + li:before{
  display: inline-block;
  content: '';
  width: 1px;
  height: 10px;
  background: #ccc;
  vertical-align: middle;
}

/* s: 241119_회원가입 유도 */

.smart_shopping .anb.anb_new .login_info_wrap .login_info_box ul:first-child li button.member_btn{
  color: #fff;
  padding: 11px 4px 17px;
}
.smart_shopping .member_btn::after{
  position: absolute;
  top: 16px;
  left: 63px;
  display: inline-block;
  content: "";
  width: 62px;
  height: 23px;
  border-radius: 2px;
  background-color: #ff7400;
  z-index: -1;
}
.smart_shopping .benefit_wrap{
  padding: 30px 0 60px;
  background-color: #f9f9f9;
}
.smart_shopping .benefit_wrap .benefit_ttl{
  font-size: 1.9rem;
  font-weight: 600;
  color: #212121;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 22px;
}
.smart_shopping .benefit_wrap .benefit_view a{
  display: flex;
  justify-content: center;
  margin-bottom: 35px;
}
.smart_shopping .benefit_wrap .benefit_view .view_txt{
  font-size: 15px;
  font-weight: 500;
  color: #ff7400;
}
.smart_shopping .benefit_wrap .benefit_view img{
  margin-left: 7px;
}
.smart_shopping .benefit_area{
  display: flex;
  justify-content: center;
}
.smart_shopping .benefit_area .benefit_box li{
  display: flex;
  align-items: center;
  padding: 25px 0;
  border-bottom: 1px solid #F1F1F1;
}
.smart_shopping .benefit_area .benefit_box li:first-child{
  padding-top: 0;
}
.smart_shopping .benefit_area .benefit_box li:last-child{
  padding-bottom: 0;
  border-bottom: 0;
}
.smart_shopping .benefit_area .benefit_box li .icon_txt{
  width: 90%;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a;
  margin-left: 16px;
  line-height: 1.5;
  text-align: left;
}
.smart_shopping .icon_box .icon{
  width: 10%;
  height: auto;
}
.smart_shopping .icon_box .icon img{
  width: 100%;
  height: auto;
}
/* e: //241119_회원가입 유도 */

/*----------------------------------------------------
    ## Main
----------------------------------------------------*/

/*----------------------------------------------------
    ## list
----------------------------------------------------*/
.smart_shopping_list section.news_sec.best_view_news_sec.best_view_margin {
    margin-top: 9px;
}


/* 다크모드 */
[data-dark=true] .smart_shopping .smart_shopping #footer{
    background: #000;
}
/*// 다크모드 */

/* 반응형 */
/* 썸네일 크기 */
@media (max-width: 1300px) and (min-width: 280px) {
    html {
        min-width: 100%;
    }
    .smart_shopping .contents {
    margin-bottom: 29px;
}
   .smart_shopping .hr_news .grid>li:last-child.col.col_4{
    padding-right: 0px;
     padding-bottom:0px;    
   }

  .smart_shopping .set_inner{
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
  }

.smart_shopping .type_banner .txt_area .news_ttl {
    font-size: 2.2rem;
        line-height: 1.4;
        font-weight: bold;
}
   
.smart_shopping .highlight_news_wrap.hr_news .grid > li:last-child.col.col_4 {
    margin-right: 0px;
}
.smart_shopping .highlight_news_wrap.hr_news .grid > .col.col_4 {
  margin-right: 30px;
}
    .smart_shopping .hr_news ul.news_list.highlight_news_list.grid {
        display: flex;
        width: 100%;
    gap: 0px;
    }
    .smart_shopping .sec_body {
        gap: 40px;
    }
 .smart_shopping .news_main_wrap {
        padding: 30px 0px;
    }
    .smart_shopping .sec_body .hr_news::after {
        margin-top: 50px;
    }
    .smart_shopping .latest_news_list .news_node .txt_area .news_desc {
        display: none;
    }
    .smart_shopping .grid.grid_custom.type_2 {
    margin-right: 0px;
        display: flex;
        flex-direction: column-reverse;
    }
    .smart_shopping .grid.grid_custom.type_2 .sub_col {
        max-width: 100%;
        padding-right: 0px;
    }

    .smart_shopping .grid.grid_custom.type_2 .main_col {
        max-width: 100%;
        padding-right: 0px;
    }

    .smart_shopping .type_banner .news_item .txt_area,
    .smart_shopping .news_list .type_banner.news_item .txt_area {
        padding: 20px 43px 40px 37px;
    }

    .smart_shopping .latest_news_list .news_node .time_area {
        display: none;
    }

    .smart_shopping .mo_news_wrap .list_page .news_node:first-child .news_item {
        display: flex;
    }

    .smart_shopping .mo_news_wrap .type_thumb .news_item,
    .smart_shopping .mo_news_wrap .type_thumb.news_item {
        display: flex;
        padding: 16px 0;
        border-bottom: 1px solid #cccccc;
    }
    .smart_shopping .mo_news_wrap li:last-child .type_thumb.news_item {
        border-bottom: 0;
    }
    .smart_shopping .mo_news_wrap .type_thumb.news_item .txt_area {
        order: 2;
        width: 100%;
    margin-right: 0px;
     margin-left: 15px;
    }

    .smart_shopping .mo_news_wrap .type_thumb .thumb_area,
    .smart_shopping .mo_news_wrap .type_thumb.news_item .thumb_area {
        width: 120px;
        height: 67px;
        padding-top: 0;
    margin-bottom: 0px;
        overflow: hidden;
        flex-basis: 120px;
    }
.smart_shopping .mo_news_wrap .type_thumb.news_item .thumb_area img{
    width: 100%;
    height: auto;
}
  
    .smart_shopping .best_view_news_list .news_item em.num {
        position: absolute;
        left: 0;
        top: 50%;
        font-size: 1.6rem;
        transform: translateY(-50%);

    }

    .smart_shopping .latest_news_list .news_node .thumb_area {
        width: 120px;
        height: 67px;
        overflow: hidden;
        flex-basis: 120px;
    }

    .smart_shopping .latest_news_list .news_node .txt_area {
        padding-right: 0px;
    }

    .smart_shopping .news_list+.btn_area {
        margin-top: 12px;
    }

    .smart_shopping .latest_news_list .news_node:last-child .news_item {
        margin-bottom: 0;
    }

    .smart_shopping .type_num .news_node .news_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 27px;
        padding-top: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

    .smart_shopping .best_view_news_sec .type_underline {
        margin-bottom: 0px;
    }

    .smart_shopping #container .type_num .news_item .news_ttl {
        -webkit-line-clamp: 1;
    }
    .smart_shopping #container .type_num .news_node:last-child .news_item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }
    .smart_shopping .news_home.list_page .highlight_news_sec {
        margin-bottom: 40px;
    }

    .smart_shopping .highlight_news_wrap.hr_news {
        margin-bottom: 66px;
    }

    .smart_shopping .best_view_news_sec .type_underline .sec_ttl {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.2;
        padding-bottom: 11px;
    }
 .smart_shopping .news_list.type_banner .thumb_area,
    .smart_shopping .news_list .type_banner.news_item .thumb_area {
        max-width: 401px;
        margin-right: 28px;
    }
    .smart_shopping .type_underline .sec_ttl {
        font-size: 2.4rem;
        line-height: 1.2;
        padding-bottom: 11px;
    }

    .smart_shopping .top_news_frame.swiper-container .swiper-wrapper {
        display: flex;
    }

    .smart_shopping ul.news_list.type_num.best_view_news_list.swiper-slide.border_swiper {
        border-top: 0px solid rgba(0, 0, 0, 0.15);
        padding-top: 0px;
    }

  .smart_shopping .mo_news_wrap ul.news_list.highlight_news_list.grid {
      display: flex;
        width: 100%;
      flex-direction: column;
  }
  .smart_shopping .mo_news_wrap .grid > .col.col_4{
    position: relative;
    width: 100%;
    padding-right: 0px;
  }
    /* header */
    .smart_shopping aside.anb.is_logout.anb_new.is_active {
        transform: none;
        display: block;
    }
     .smart_shopping .set_inner.clearFix {
      padding: 0 15px;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      box-sizing: border-box;
      white-space: nowrap; 
    }
   .smart_shopping  #header.header_srv .gnb {
        height: auto;
        border-bottom: 0;
    }
    .smart_shopping svg#mkLogoView {
        max-width: 100px;
    }
    .smart_shopping  #header.header_srv .gnb .set_inner {
        height: auto;
        max-height: 60px;
        padding: 18px 15px;
    }
    .smart_shopping #header.header_srv .gnb .set_inner .menu_wrap .nav_link {
        display: block;
        position: absolute;
        right: 0;
        margin-right: 10px;
    }
    .smart_shopping .set_inner::-webkit-scrollbar {
      display: none;         
    }
    .smart_shopping .dep2_nav.nav_wrap .ul.nav {
      width: 100%;
      overflow: hidden;
  }

    .smart_shopping #header.header_srv .gnb .set_inner .menu_wrap .nav_link .ic {
        background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m.png);
        -webkit-background-size: 150px 317px;
        background-position: -48px 0;
        background-size: 150px 317px;
        width: 24px;
        height: 24px;
    }
 .smart_shopping .lnb {
      height: 29px;
      line-height: 14px;
    }
    .smart_shopping .lnb .dep2_nav{
      display: inline-block;
        width: 387px;
      box-sizing: border-box;
    }
    /*// header */
   /* ai 검색 반응형 */
   .smart_shopping .question_wrap .que_listbox .que_list_group{
    height: 62px;
   }
    .smart_shopping .grid > .col.col_6 {
        width: 100%;
    }
    .smart_shopping .switch_wrap {
        display: block;
    }
    .smart_shopping #search_switch:checked~.ai_logo_wrap {
        display: flex;
        justify-content: center;
    }
    .smart_shopping #search_switch:checked~.ai_logo_wrap {
        margin-top: 37px;
    }
    .smart_shopping .search_wrap {
        top: -41px;
        padding: 20px 0px 30px;
    }
    .smart_shopping .search_inner {
        width: 100%;
    }
    .smart_shopping .search_field_group {
        padding-top: 0px;
    }
.smart_shopping i.ic.ic_search_l {
    background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m.png);
    background-size: 150px 317px;
    width: 24px;
    background-position: -96px 0;
    height: 24px;
}
.smart_shopping .plan_series_page.list_page .latest_news_list .news_node .news_item .txt_area .news_desc{
  display: none;
}
.smart_shopping .question_wrap .que_listbox .que_list_group {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 7px;
    line-height: 1.5;
    color: #5a5a5a;
    font-size: 1.4rem;
    font-weight: 400;
    box-shadow: none;
    padding: 17px 14px;
}
.smart_shopping .input_area.search .input_box input, #header .input_area.search input::placeholder{
    font-size: 1.7rem;
}
 .smart_shopping .question_wrap .que_ttl {
    font-size: 1.6rem;
}
.smart_shopping .grid li:last-child a {
    margin-bottom: 0;
}
.smart_shopping .search_input_wrap {
    margin-bottom: 23px;
}
.smart_shopping .question_wrap {
    background-color: #eee;
    padding: 20px 15px;
}
.smart_shopping .input_area.search .search_btn.ai_search_btn {
    width: 24px;
    height: 24px;
}
.smart_shopping .ai_search_btn .ic.ic_voice {
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: 24px;
    background-image: url(https://static.mk.co.kr/2022/news/pc/images/ic_voice.svg);
}
.smart_shopping .btn.btn_ic {
    min-width: 15px;
}
.smart_shopping .setting_menu_nav .nav .btn_search .ic.ic_close {
    background-position: -72px -24px;
}
.smart_shopping button.btn.btn_ic.close_search{
    display: none;
}
/* 메뉴 */
.smart_shopping #header.is_fix_no{
    transform:none;
}
.smart_shopping .anb .menu_group + .menu_group {
    margin-top: 0px;
  }
 .smart_shopping #wrap .nav_active::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 2;
}
  .smart_shopping .anb {
    margin: 0 auto;
  }
  .smart_shopping .anb .btn_area.logout:before {
    left: 0px;
    right: 0px;
  }
  .smart_shopping .anb.is_logout {
        z-index: 9999;
    border-bottom: 1px solid #ededed;
    padding-bottom: 42px;
}
.smart_shopping .anb.is_active .menu_group + .menu_group {
    margin-top: 16px;
}
.smart_shopping .anb.is_active .btn_area.logout:before {
    position: absolute;
    content: '';
    left: -10px;
    right: -10px;
    top: 0;
    height: 1px;
    background: #ccc;
}
.smart_shopping .anb.is_active.is_logout {
        padding-bottom: 110px;
}
.smart_shopping .anb.is_active .set_inner {
    padding: 0 20px;
}
  .smart_shopping .anb .set_inner {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 0px; 
  }
  .smart_shopping .anb .anb_top_wrap {
    margin: 0 auto;
    max-width: 1100px;
  }
  /* 리스트 페이지 */
  .smart_shopping_list .grid.grid_custom.type_2 {
        margin-right: 0px;
        display: flex;
        flex-direction: column;
  }
    .smart_shopping .latest_news_list .txt_area .info_group {
    display: inline-block;
    color: #5A5A5A;
    margin-top: 7px;
    }
    .smart_shopping .plan_series_page.list_page .latest_news_list .news_node{
      padding: 14px 0;
    }
    .smart_shopping .txt_area .news_ttl {
        line-height: 1.5;
        font-size: 1.6rem;
        font-weight: 400;
    }
     .smart_shopping .sec_body .thumb_area + .txt_area .news_ttl {
        height: 2.74em;
     }
     .smart_shopping .sec_body .highlight_news_list .thumb_area + .txt_area .news_ttl {
      height: auto;
     }
    .smart_shopping .plan_series_page.list_page .latest_news_list .news_node .news_item .txt_area .news_ttl {
    -webkit-line-clamp: 2;
    }
    .smart_shopping .plan_series_page.list_page .latest_news_list .news_node .thumb_area{
    margin-left: 10px;
}
    .smart_shopping .breadcrumb_wrap.type_underline {
      display: none;
     }
    .smart_shopping .list_page.plan_series_page .mk_body_news_group {
    margin-top: 7px;
    }
  .smart_shopping .breadcrumb_wrap .breadcrumb_list {
      display: none;
    }
  /*// 리스트 페이지 */
  /* 다크 모드 */
  [data-dark=true] .smart_shopping .anb .anb_top_wrap,
  [data-dark=true] .smart_shopping .search_wrap {
      background-color: var(--c-bg);
  }
  [data-dark=true] .smart_shopping .anb .floating_area {
      background-color: var(--c-box);
  }
  [data-dark=true] .smart_shopping .anb_menu_body .mk_info_menu .mk_info_list .mk_info_node {
      color: var(--c-gray-l);
  }
  [data-dark=true] .smart_shopping .login_info_wrap .login_info_box .nav .nav_item .eng,[data-dark=true] .smart_shopping .login_info_wrap .login_info_box .nav .nav_item .chn,[data-dark=true] .smart_shopping .login_info_wrap .login_info_box .nav .nav_item .jpn{
      border-color: var(--c-gray);
  }
  [data-dark=true] .ic, [data-dark=true] .smart_shopping .setting_menu_nav .nav .btn_search .ic, [data-dark=true] .smart_shopping #header.header_srv .gnb .set_inner .menu_wrap .nav_link .ic,[data-dark=true] .smart_shopping i.ic.ic_search_l, [data-dark=true] .ic_before:before, [data-dark=true] .arw, [data-dark=true] .anb .anb_close, [data-dark=true] .drop_sub_news_btn span:before, [data-dark=true] .search_list .dropdown_node.is_active .dropdown_item::after {
      background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m_dark.png);
  }
  [data-dark=true] .smart_shopping .ai_search_btn .ic.ic_voice {
      background-image: url(https://static.mk.co.kr/2022/news/pc/images/ic_voice_w.svg);
  }
  [data-dark=true] .smart_shopping button.btn.btn_logout{
    color:#fff;
  }
  [data-dark=true] .smart_shopping .anb .anb_close {
    background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m_dark.png);
  }
  [data-dark=true] .anb.anb_new .login_info_wrap .login_info_box .nav li.nav_item + li:before {
    background-color: var(--c-gray);
}
[data-dark=true] .smart_shopping .anb_menu_body .mk_info_menu {
    border-color: var(--c-line);
}
}
@media all and (max-width: 280px) {
    .smart_shopping .anb.is_active .set_inner {
        padding: 0 12px;
    }
    .setting_menu_nav .nav .nav_item:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #E6E6E6;
    margin: 0 4px;
}
  }

  @media all and (max-width: 768px) {
    
    .smart_shopping .news_main_wrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0px 0px;
    }
    .smart_shopping ul.news_list.highlight_news_list.grid {
        flex-direction: column;
    }
    .smart_shopping li.col.col_4.news_node.highlight_news_node{
      width: 100%;
      padding-right: 0px;
      padding-bottom: 30px;
    }
    .smart_shopping .mo_news_wrap li.col.col_4.news_node.highlight_news_node{
      padding-bottom: 0px;
    }
     .smart_shopping .news_list.type_banner .thumb_area,
    .smart_shopping .news_list .type_banner.news_item .thumb_area {
        height: 219px;
        width: 100%;
    }
    .smart_shopping .news_list.type_banner .thumb_area,
    .smart_shopping .news_list .type_banner.news_item .thumb_area {
        max-width: -webkit-fill-available;
        max-width:100%;
        margin-right: 0px;
    }
     .smart_shopping .type_banner .news_item .txt_area,
    .smart_shopping .news_list .type_banner.news_item .txt_area {
        padding: 20px 15px 40px 15px;
    }
      .smart_shopping .type_banner .txt_area .news_ttl {
        font-size: 1.9rem;
        line-height: 1.4;
        font-weight: bold;
    }
    
    .smart_shopping .news_home.list_page .highlight_news_sec {
        margin-bottom: 0px;
    }
     .smart_shopping .highlight_news_wrap.hr_news {
        margin-bottom: 24px;
    }
    .smart_shopping .sec_body .hr_news::after {
        margin-top: 21px;
    }
  }
/* 많이 본 기사 swiper 작동 */
@media screen and (min-width: 1300px) {
    .smart_shopping .best_view_news_wrap .top_news_frame .swiper-wrapper {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .smart_shopping .best_view_news_wrap .top_news_frame .swiper-pagination {
        display: none;
    }
}
/*// 많이 본 기사 swiper 작동 */

/* s:250708 */
.smart_shopping .highlight_news_wrap {
    margin: 0 auto;
    max-width: 1200px;
}
.smart_shopping .news_list .news_item.type_banner {
    margin-right: 30px;
    margin-bottom: 82px;
    width: auto;
  position: relative;
  z-index: 1;
}
.smart_shopping .news_list .news_item.type_banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 373px;
  z-index: -1;
  background-color: #f2f2f2;
}
.smart_shopping .mk_body_news_group .hr_news {
    display: block;
    margin: 74px 0px;
    width: 100%;
    box-sizing: border-box;
    opacity: 0.4;
}

  .smart_shopping li.col.col_4.news_node.highlight_news_node.news_wrap_padding .txt_area .news_ttl {
    -webkit-line-clamp: 2;
}

  
@media (max-width: 1300px) and (min-width: 280px) {
  .smart_shopping .search_btn_close{
    width: 0px;
  }
.news_home.list_page .type_num .news_node:last-child .news_item {
    border-bottom: 1px solid;
}
  .smart_shopping li.search_btn.search_btn_close .btn_po {
    transform: scale(0.8);
    position: relative;
    left: -39px;
    top: 3px;
  } 
    .smart_shopping .setting_menu_nav .nav .btn_search .ic.ic_close {
        width: 24px;
        background-size: 150px 317px;
        background-image: url(https://static.mk.co.kr/2022/news/mob/images/common/ic_mk_m.png);
        height: 24px;
        background-position: -72px -24px;
    }
  .smart_shopping #header.header_srv .gnb .set_inner .menu_wrap .nav_link{
    display: none;
  }
    .smart_shopping .highlight_news_wrap {
        padding-left:0px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    .smart_shopping .highlight_news_wrap .grid{
      margin-right: 0px;
    }
    .smart_shopping .news_list .news_item.type_banner::before {
      height: 285px;
      width:100%;
    }
    .smart_shopping .news_list .news_item.type_banner {
    margin-right: 0px;
    margin-bottom:56px;
  }
  .smart_shopping li.col.col_4.news_node.highlight_news_node.news_wrap_padding {
    padding-left:15px;
    padding-right: 15px;
  }
  .smart_shopping .mk_body_news_group .hr_news {
    display: block;
    margin: 50px 0px 54px;
  }
   [data-dark=true] .smart_shopping ul.news_list.swiper-slide{
      border-bottom: 1px solid #464646;
  }
  [data-dark=true] .smart_shopping.smart_shopping_list .type_num .news_node .news_item {
      border-bottom: 1px solid #464646;
}
[data-dark=true] .smart_shopping_list .type_num .news_node .news_item {
      border-bottom: 1px solid #464646;
}
}
@media (max-width: 768px) {
    .smart_shopping .news_list .news_item.type_banner::before {
        height: 337px;
    }
     .smart_shopping .mk_body_news_group .hr_news {
    display: block;
    margin: 10px 0px 46px;
  }
    .smart_shopping .news_list .news_item.type_banner {
      margin-bottom: 20px;
  }
} 

/* 다크모드 */
[data-dark=true] .smart_shopping .news_list .news_item.type_banner::before {
    background-color: #2F2F2F;
}
[data-dark=true] .setting_menu_nav .nav .btn_search .ic {
    background-image: url(https://static.mk.co.kr/2022/news/pc/images/common/ic_mk_dark.png) !important;
}
 [data-dark=true] .smart_shopping ul.news_list.swiper-slide:nth-of-type(1){
      border-bottom: 1px solid #464646;
  }
  

/*// 다크모드 */
/*// e:250708 */
/* s:250721 */
.smart_shopping ul:nth-of-type(2).news_list.type_num.best_view_news_list.swiper-slide {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 15px;
}
 [data-dark=true] .smart_shopping ul:nth-of-type(1).news_list.type_num.best_view_news_list.swiper-slide {
     padding-top: 0px;
  }

@media (max-width: 1300px) and (min-width: 280px) {
  [data-dark=true] .smart_shopping ul:nth-of-type(2).news_list.type_num.best_view_news_list.swiper-slide {
    padding-top: 0px;
  }
  .smart_shopping ul:nth-of-type(2).news_list.type_num.best_view_news_list.swiper-slide {
    padding-top: 0px;
  }
}
/*// e:250721 */

/* s: 250806 */
@media (max-width: 768px) {
  ul.news_list.highlight_news_list.grid li:nth-child(2).col.col_4.news_node.highlight_news_node.news_wrap_padding{
          margin-top: 30px;
  }
  [data-dark=true] ul.news_list.highlight_news_list.grid li:nth-child(2).col.col_4.news_node.highlight_news_node.news_wrap_padding {
    margin-top: 0px;
  }
}


/* e:// 250806 */

/* s:250909 모바일 앱 헤더 수정 */
@media (max-width: 1300px) and (min-width: 280px) {
    .smart_shopping .is_fix_no .lnb {
       padding-top: 6px;
       height: 34px;
       line-height: 14px;
    }
     .smart_shopping .lnb {
        padding-top: 16px;
        height: 49px;
        line-height: 14px;
    }
}
/* e:// 250909 모바일 앱 헤더 수정 */