@charset "UTF-8";
.trends {
  /* 페이지별 컬러 변경 */
}
.trends .comm_check input[type=checkbox] + span::after {
  background: #32a2b0;
}
.trends .comm_linemap .depth.open::after {
  background: #32a2b0;
}
.trends .comm_linemap .depth.open button {
  color: #32a2b0;
  background-image: url(../img/ico_arw-linemap_on2.png);
}
.trends .sns_btn-box span a:hover {
  background-color: #32a2b0;
}
.trends .page_top-wrap::before {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1374px;
  height: 122px;
  background-image: url(../img/bg_trd.png);
}
.trends .page_top-wrap h2,
.trends .sub_menu.mo li.on a,
.trends #satisfied .nuri_top p em,
.trends .list_preview .txt span,
.trends .p_v-tit .title .color,
.trends .page_detail .p_d-tit .title .color {
  color: #32a2b0;
}
.trends .comm_pagination span a.on,
.trends .comm_pagination span a:hover,
.trends .page_view .btn_list,
.trends .page_detail .p_d-cont .cont_tab li button.on,
.trends .page_list-group .btn_wrap.r .btn_color {
  background: #32a2b0;
}
.trends .p_v-subject .code {
  color: #32a2b0;
}
.trends .p_v-subject .search_wrap button {
  background: #32a2b0;
}
.trends .p_v-subject .sub_menu li a::after {
  background-image: url(../img/ico_arw_hover2.png);
}
.trends .p_v-subject .sub_menu li:hover a,
.trends .p_v-subject .sub_menu li.on a {
  color: #32a2b0;
}
.trends .p_v-subject .scb_link .b:hover {
  border-color: #32a2b0;
  background-color: #32a2b0;
}
.trends .page_list-group .select_year .all {
  background: #32a2b0;
}
.trends .page_list-group .select_year .year_slide .y:hover,
.trends .page_list-group .select_year .year_slide .y.on {
  border-color: #32a2b0;
}
.trends .page_list-group .select_year .year_slide .y:hover::before .trends .page_list-group .select_year .year_slide .y:hover::after,
.trends .page_list-group .select_year .year_slide .y:hover::before .trends .page_list-group .select_year .year_slide .y.on::after,
.trends .page_list-group .select_year .year_slide .y.on::before .trends .page_list-group .select_year .year_slide .y:hover::after,
.trends .page_list-group .select_year .year_slide .y.on::before .trends .page_list-group .select_year .year_slide .y.on::after {
  background: #32a2b0;
}
.trends .page_list-group .list_tit .flx a {
  border-color: #32a2b0;
  color: #32a2b0;
}
.trends .page_list-group .list_tit .flx a:hover {
  color: #fff;
  background: #32a2b0;
}
.trends .page_list-group .list_top button {
  background: #32a2b0;
}
.trends .list_box .item a:hover strong {
  color: #32a2b0;
}
.trends .list_box .item.detail.open .btn_detail {
  background-image: url(../img/ico_arw-open2.png);
}
.trends .list_box .rpt_tit {
  color: #555;
}
.trends .list_box .rpt_tit .clsf {
  background: #32a2b0;
}
.trends .list_box .rpt_tit .color,
.trends .list_box .rpt_tit p .date {
  color: #32a2b0;
}
.trends .list_box .rpt_tit p .date.gray {
  color: #999;
}
.trends .list_box .rpt_tit strong em {
  color: #32a2b0;
  padding-left: 20px;
}
.trends .rcnt_box.bgcolor .i_box {
  background-color: #32a2b0;
}
.trends .rcnt_box.bgcolor .i_box .i_txt {
  background-color: #32a2b0;
}
.trends .rcnt_box.txt .t_box .t_tit strong,
.trends .rcnt_box .i_box .i_img strong {
  color: #32a2b0;
}
.trends .page_list-group.rcnt h3 {
  margin-top: 60px;
  font-size: 1.625rem;
  font-weight: 700;
}
.trends .rcnt_box.txt .rcnt_arw {
  top: 43px;
}
.trends .rcnt_box.txt .t_box {
  min-height: 336px;
  padding-top: 30px;
}
.trends .rcnt_box.txt .t_box .t_tit {
  position: relative;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 60px;
  border: none;
  background: url(../img/ico_trd01.png) no-repeat left center;
}
.trends .rcnt_box.txt .t_box .t_tit strong {
  line-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 40px;
}
.trends .rcnt_box.txt .t_box .t_tit.t01 {
  background-image: url(../img/ico_trd01.png);
}
.trends .rcnt_box.txt .t_box .t_tit.t02 {
  background-image: url(../img/ico_trd02.png);
}
.trends .rcnt_box.txt .t_box .t_tit.t03 {
  background-image: url(../img/ico_trd03.png);
}
.trends .rcnt_box.txt .t_box .t_tit.t04 {
  background-image: url(../img/ico_trd04.png);
}
.trends .rcnt_box.txt .t_box .t_tit.t05 {
  background-image: url(../img/ico_trd05.png);
}
.trends .rcnt_box.txt .t_box .t_tit.t06 {
  background-image: url(../img/ico_trd06.png);
}
.trends .rcnt_box.txt .t_box .t_tit.t07 {
  background-image: url(../img/ico_trd07.png);
}
.trends .rcnt_box.txt .t_box a p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 9em;
  margin-top: 20px;
}

.rcnt_box .unslide .i_box .i_txt {
  padding: 0 60px;
}
.rcnt_box .unslide .i_box .i_txt a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: none;
  margin: 0;
  padding: 0;
  border: none;
}
.rcnt_box .unslide .i_box .i_txt strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2.4em;
  margin-bottom: 30px;
  font-size: 1.75rem;
  line-height: 1.2em;
  font-weight: 400;
}
.rcnt_box .unslide .i_box .i_txt p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 8em;
  margin-bottom: 30px;
  font-size: 1.25rem;
  line-height: 1.6em;
  font-weight: 300;
}
.rcnt_box .unslide .i_box .i_txt .btn_link {
  position: absolute;
  bottom: 30px;
  right: 24px;
  width: 66px;
  height: 66px;
  max-height: none;
  margin: 0;
  padding: 0;
  background: url(../img/ico_arw_link2.png) no-repeat center;
  background-size: 100% auto;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  border: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.rcnt_box .unslide .i_box .i_txt .btn_link:hover {
  right: 20px;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.card_news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 0;
  border-bottom: 1px solid #e8e9ed;
}

.card_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding: 20px;
  width: 465px;
  height: 200px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;
}
.card_box img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 160px;
  height: 160px;
}
.card_box .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.card_box .txt p {
  line-height: 1.4em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 5.6em;
}

@media all and (max-width: 1280px) {
  .trends .page_top-wrap::before {
    width: 100%;
    height: 100%;
  }
  .trends .page_list-group.rcnt h3 {
    margin-top: 4.6875vw;
    font-size: 1.4444444444rem;
  }
  .trends .list_box .rpt_tit strong em {
    padding-left: 1.1111111111rem;
  }
  .trends .rcnt_box.txt .rcnt_arw {
    top: 3.125vw;
  }
  .trends .rcnt_box.txt .t_box {
    min-height: 26.25vw;
    padding-top: 2.34375vw;
  }
  .trends .rcnt_box.txt .t_box .t_tit {
    height: 3.125vw;
    margin-bottom: 1.5625vw;
    padding-left: 4.6875vw;
    background-size: 3.4375vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit strong {
    line-height: 3.125vw;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.125vw;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t02 {
    background-size: 2.8125vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t03 {
    background-size: 3.28125vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t04 {
    background-size: 3.125vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t05 {
    background-size: 3.125vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t06 {
    background-size: 2.34375vw auto;
  }
  .trends .rcnt_box.txt .t_box a p {
    margin-top: 1.5625vw;
  }
  .rcnt_box .unslide .i_box .i_txt {
    padding: 0 4.6875vw;
  }
  .rcnt_box .unslide .i_box .i_txt strong {
    margin-bottom: 2.34375vw;
    font-size: 1.5555555556rem;
  }
  .rcnt_box .unslide .i_box .i_txt p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 6.4em;
    margin-bottom: 3.125vw;
    font-size: 1.1111111111rem;
  }
  .rcnt_box .unslide .i_box .i_txt .btn_link {
    bottom: 2.34375vw;
    right: 1.875vw;
    width: 5.15625vw;
    height: 5.15625vw;
  }
  .rcnt_box .unslide .i_box .i_txt .btn_link:hover {
    right: 1.5625vw;
    -webkit-box-shadow: 0.78125vw 0.78125vw 0.78125vw rgba(0, 0, 0, 0.1);
            box-shadow: 0.78125vw 0.78125vw 0.78125vw rgba(0, 0, 0, 0.1);
  }
  .card_news {
    padding: 3.90625vw 0;
  }
  .card_box {
    margin-bottom: 2.34375vw;
    padding: 1.5625vw;
    width: 31.25vw;
    height: 15.625vw;
    -webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0.78125vw rgba(0, 0, 0, 0.1);
    border-radius: 1.5625vw;
  }
  .card_box img {
    width: 12.5vw;
    height: 12.5vw;
  }
  .card_box .txt {
    padding: 0.78125vw 0 0.78125vw 0.78125vw;
  }
  .card_box .txt p {
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.8em;
  }
}
@media all and (max-width: 720px) {
  .trends .comm_linemap .depth.open button {
    background-image: url(../img/m/ico_arw-linemap2_on.png);
  }
  .trends .page_top-wrap::before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    background-image: url(../img/m/bg_trd.png);
  }
  .trends .page_list-group.rcnt h3 {
    margin-top: 11.1111111111vw;
    font-size: 1.5555555556rem;
  }
  .trends .list_box .rpt_tit strong em {
    display: block;
    padding-left: 0;
  }
  .trends .rcnt_box.txt .rcnt_arw {
    top: 5.5555555556vw;
  }
  .trends .rcnt_box.txt .t_box {
    min-height: 54.1666666667vw;
    padding-top: 4.1666666667vw;
  }
  .trends .rcnt_box.txt .t_box .t_tit {
    height: 5.5555555556vw;
    margin-bottom: 4.1666666667vw;
    padding-left: 8.3333333333vw;
    background-size: 6.1111111111vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit strong {
    line-height: 5.5555555556vw;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 5.5555555556vw;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t02 {
    background-size: 5vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t03 {
    background-size: 5.8333333333vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t04 {
    background-size: 5.5555555556vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t05 {
    background-size: 5.5555555556vw auto;
  }
  .trends .rcnt_box.txt .t_box .t_tit.t06 {
    background-size: 4.1666666667vw auto;
  }
  .trends .rcnt_box.txt .t_box a p {
    margin-top: 4.1666666667vw;
  }
  .rcnt_box .unslide .i_box .i_txt {
    padding: 0 5.5555555556vw;
    height: 38.8888888889vw;
  }
  .rcnt_box .unslide .i_box .i_txt strong {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 1.2em;
    position: absolute;
    top: -11vw;
    left: 5.5555555556vw;
    padding-right: 5.5555555556vw;
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .rcnt_box .unslide .i_box .i_txt p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 8em;
    margin-bottom: 0;
    font-size: 1rem;
  }
  .rcnt_box .unslide .i_box .i_txt .btn_link {
    display: none;
  }
  .card .page_list-group {
    padding: 0;
    overflow: visible;
    background-color: transparent;
    border: none;
  }
  .card_news {
    padding: 6.9444444444vw 0;
  }
  .card_box {
    margin-bottom: 5.5555555556vw;
    padding: 4.1666666667vw;
    width: 100%;
    height: 41.6666666667vw;
    -webkit-box-shadow: 0 0 1.3888888889vw rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1.3888888889vw rgba(0, 0, 0, 0.1);
    border-radius: 4.1666666667vw;
    background-color: #fff;
  }
  .card_box img {
    width: 33.3333333333vw;
    height: 33.3333333333vw;
  }
  .card_box .txt {
    padding: 1.3888888889vw 0 1.3888888889vw 2.7777777778vw;
  }
}
@media all and (max-width: 320px) {
  .trends .rcnt_box.txt .t_box .t_tit strong {
    font-size: 1rem;
  }
}