@import url("starnews_base.css?date=20230811002");

#wrap {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 공통 */
.d-none {
  display: none;
}
.lgroup {
  float: left;
}
.rgroup {
  float: right;
}
/* 박스 */
.bxcn {
  position: relative;
}
.w980 {
  margin: 0 auto;
  width: 980px;
}
.w650 {
  width: 650px;
}
.w300 {
  width: 300px;
}
.vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
.bx_table {
  display: table;
}
.bx_tbcell {
  display: table-cell;
}
/* 이미지 보더라인 */
.edge1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  opacity: 0.05;
  filter: alpha(opacity: 5);
}
/* 버튼 */
.btnarea {
  text-align: center;
}
.btnarea img,
.btnarea button,
.btnarea input {
  vertical-align: top;
}
/* 더보기 */
.btn_more1 {
  display: block;
  height: 35px;
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
  text-align: center;
  color: #999;
  border-top: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
}
.btn_more1 span {
  position: relative;
  padding-right: 15px;
}
.btn_more1 span:after {
  content: " ";
  position: absolute;
  top: 4px;
  right: 0;
  width: 9px;
  height: 14px;
  background: url(../images/bl_arrow13.svg) no-repeat 0 0 / 9px 14px;
}
.btn_more1:hover,
.btn_more1:focus {
  text-decoration: none;
  color: #999;
}

/* 타이틀 */
.h3_tit1 {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #f12a49;
}
.h3_tit1 a {
  color: #f12a49;
}
.h3_tit1 a:hover,
.h3_tit1 a:focus {
  text-decoration: none;
}
.h3_tit2 {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: -0.3px;
  color: #fff;
}
.h3_tit2 a {
  color: #fff;
}
.h3_tit2 a:hover,
.h3_tit2 a:focus {
  text-decoration: none;
}
.h3_tit3 {
  position: relative;
  display: inline-block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #eb203e;
}
.h3_tit3:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #ec213d;
}
h3 .icon1 {
  display: inline-block;
  padding: 7px 0 0 2px;
  width: 9px;
  height: 9px;
  background: url(../images/icon_plus.svg) no-repeat 2px 7px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
/* 추가 190104 세종 */
.linkarea {
  height: 20px;
  background: #ececec;
  font-family: "Noto Sans KR", sans-serif;
  line-height: 20px;
} /* 수정 190507 세종 */
.linkarea .linkgrp1 {
  float: left;
  height: 20px;
}
.linkarea .linkgrp1 .bundle {
  float: left;
  position: relative;
}
.linkarea .linkgrp1 .bundle + .bundle {
  margin-left: 22px;
}
.linkarea .linkgrp1 .bundle + .bundle:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -22px;
  width: 22px;
  height: 20px;
  background: url(../images/bl_square1.png) no-repeat center center;
}
.linkarea .linkgrp1 .bundle a {
  color: #8c8c8c;
}
.linkarea .linkgrp2 {
  float: right;
  height: 20px;
}
.linkarea .linkgrp2 .bundle {
  float: left;
  position: relative;
}
.linkarea .linkgrp2 .bundle + .bundle {
  margin-left: 14px;
}
.linkarea .linkgrp2 .bundle a {
  color: #ef5f75;
}
/* //추가 190104 세종 */
/* 추가 190507 세종 */
.linkarea .linkgrp3 {
  float: right;
  height: 20px;
}
.linkarea .sns_link {
  position: relative;
  width: 132px;
  font-family: "Noto Sans KR", sans-serif;
  z-index: 4;
}
.linkarea .sns_link .btn {
  display: block;
  width: 100%;
  height: 20px;
  background: #dedede;
  font-size: 13px;
  font-weight: normal;
  line-height: 19px;
  text-indent: 9px;
  text-align: left;
  color: #8c8c8c;
  cursor: pointer;
}
.linkarea .sns_link .btn.show {
  background: #dedede url(../images/icon_plus3.svg) no-repeat 112px 5px / 10px
    10px;
}
.linkarea .sns_link .btn.hide {
  background: #dedede url(../images/icon_minus2.png) no-repeat 112px 9px;
}
.linkarea .sns_link .linkgroup {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  padding: 7px 0 6px;
  background: #fff;
  border: 1px solid #dedede;
}
.linkarea .sns_link .linkgroup .bundle {
  overflow: hidden;
  padding-left: 9px;
  height: 20px;
  line-height: 20px;
}
.linkarea .sns_link .linkgroup .bundle a {
  color: #8c8c8c;
}
/* //추가 190507 세종 */
/* header */
#header {
  position: relative;
  height: 149px;
}
#header .harea {
  position: relative;
  top: 0;
  width: 100%;
  height: 149px;
  border-bottom: 1px solid #aaa;
}
#header .nav_up {
  position: relative;
  left: 0;
  z-index: 3;
}
#header .nav_down {
  position: fixed;
  left: 0;
  height: 68px;
  overflow: hidden;
  background: #fff;
  z-index: 1000;
  animation-duration: 0.2s;
  animation-name: slideInDown;
}

.inc-logo-area {
  display: inline-block;
}
.inc-login-area {
  display: inline-block;
  float: right;
  padding-top: 32px;
}
.inc-login-area .left-child {
  margin-right: 21px;
}
.inc-login-area a {
  color: #474747;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  font-family: "Noto Sans KR", sans-serif;
  font-style: normal;
  line-height: 16px;
  letter-spacing: -1.3px;
}
.inc-login-area a:hover {
  color: #f12a49;
}
.inc-login-area a:active {
  color: #f12a49;
}

/* 로고 */
#header .logo {
  padding-top: 32px;
}
#header .nav_down .logo {
  float: left;
  padding-top: 14px;
}
#header .logo a {
  display: block;
  width: 186px;
  height: 55px;
  background: url(../images/logo.svg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
}
/* 로고 */ /* 20주년 로고 변경 [MTSTAR-1672][개발팀][스타뉴스] 스타뉴스 20주년 로고 적용 김소희 */
#header .logo .logo-20 {
  display: block;
  width: 222px;
  height: 55px;
  background: url(../images/logo_20_pc.svg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
}
#header .nav_down .logo a {
  width: 134px;
  height: 40px;
  background: url(../images/logo2.png) no-repeat 0 0;
}
/* 메뉴 */
.gnb_area {
  position: relative;
  width: 100%;
  height: 55px;
}
#header .nav_down .gnb_area {
  float: left;
  margin-left: 11px;
  width: auto;
  height: 68px;
}
.gnb_area .gnb {
  position: relative;
}
.gnb_area .gnb .gbundle {
  float: left;
  margin-left: 24px;
}
#header .nav_down .gnb_area .gnb .gbundle {
  margin-left: 33px;
} /* 수정 190507 세종 */
.gnb_area .gnb .gbundle:first-child {
  margin-left: 0;
}
#header .nav_down .gnb_area .gnb .gbundle:first-child {
  margin-left: 0;
}
.gnb_area .gnb .gbundle .glink {
  position: relative;
  display: block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 19px;
  line-height: 38px;
  letter-spacing: -1.3px;
  color: #474747;
}
#header .nav_down .gnb_area .gnb .gbundle .glink {
  line-height: 68px;
}
.ie8 .gnb_area .gnb .gbundle .glink {
  font-size: 18px;
  letter-spacing: -2px;
}
.gnb_area .gnb .gbundle .glink .bar {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
}
.gnb_area .gnb .gbundle.on .glink,
.gnb_area .gnb .gbundle:hover .glink,
.gnb_area .gnb .gbundle:focus .glink {
  text-decoration: none;
  color: #f12a49;
}
/* 하위메뉴 */
.gnb_area .snb {
  display: none;
  position: absolute;
  top: 29px;
  left: 0;
  height: 39px;
}
.gnb_area .gnb .gbundle:hover .snb,
.gnb_area .gnb .gbundle:focus .snb,
.gnb_area .gnb .gbundle.on .snb {
  display: block;
  z-index: 1;
}
#header .nav_down .gnb_area .gnb .gbundle:hover .snb,
#header .nav_down .gnb_area .gnb .gbundle:focus .snb,
#header .nav_down .gnb_area .gnb .gbundle.on .snb {
  display: none;
}
.gnb_area .gbundle.gn2 .snb {
  padding-left: 10px;
} /* 수정 240510 세종 */
.gnb_area .gbundle.gn3 .snb {
  padding-left: 160px;
}
.gnb_area .gbundle.gn4 .snb {
  padding-left: 180px;
} /* 추가 180323 동현 */
.gnb_area .gbundle.gn5 .snb {
  padding-left: 180px;
} /* 수정 200311 동현 : 코로나19 추가*/
.gnb_area .gbundle.gn6 .snb {
  padding-left: 440px;
}
.gnb_area .gbundle.gn8 .snb {
  padding-left: 590px;
} /* 추가 190507 세종 */
.gnb_area .snb .bundle {
  float: left;
}
.gnb_area .snb .bundle:first-child {
  background: none;
}
.gnb_area .snb .bundle a {
  position: relative;
  display: block;
  overflow: hidden;
  margin-left: 24px;
  height: 34px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  line-height: 32px;
  letter-spacing: -0.3px;
  color: #666;
}
.ie8 .gnb_area .snb .bundle a {
  font-size: 13px;
  letter-spacing: -1px;
}
.gnb_area .snb .bundle:first-child a {
  margin-left: 0;
}
.gnb_area .snb .bundle a:hover,
.gnb_area .snb .bundle a:focus,
.gnb_area .snb .bundle.on a {
  text-decoration: none;
  color: #f12a49;
}
.gnb_area .snb .bundle a:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  border-bottom: 3px solid #f12a49;
  transition: 0.3s all;
}
.gnb_area .snb .bundle a:hover:after,
.gnb_area .snb .bundle a:focus:after,
.gnb_area .snb .bundle.on a:after {
  left: 0; /*  animation-duration:0.4s; animation-name:slideInLeft; */
} /* 수정 171219성광 */
/* 검색 소셜 */
#header .top_box {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 48px;
} /* 수정 190104 세종 */
#header .nav_down .top_box {
  position: relative;
  float: right;
  margin-top: 24px;
}
/* 검색 */
#header .search {
  position: absolute;
  top: 0;
  right: 116px;
} /* 수정 171211 윤선 */
#header .search.unset {
  position: unset !important;
} /* 추가 190507 세종 */
#header .nav_down .search {
  display: none;
} /* 추가 190507 세종 */
#header .search .btn_search_open {
  width: 21px;
  height: 20px;
  background: url(../images/btn_search1.svg) no-repeat 0 0;
}
#header .search .input_bx {
  display: none;
  position: absolute;
  top: -2px;
  right: -4px;
  width: 144px;
  height: 22px;
  background: #fff;
  border: 1px solid #878787;
}
#header .nav_down .search .input_bx {
  left: -4px;
}
#header .search .input_bx input[type="text"] {
  padding: 0 0 0 8px;
  width: 110px;
  height: 22px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  letter-spacing: -0.4px;
  line-height: 22px;
  color: #4c4c4c;
  border: 0;
}
#header .nav_down .search .input_bx input[type="text"] {
  padding-left: 0;
  margin-left: 28px;
}
#header .search .btn_search {
  position: absolute;
  top: 1px;
  right: 3px;
  width: 21px;
  height: 20px;
  background: url(../images/btn_search1.svg) no-repeat 0 0;
}
#header .nav_down .search .btn_search {
  left: 3px;
}

/*  검색화면  */
#header.bg_sh {
  height: inherit;
  background: url(../images/bg_header2.gif) repeat-x 0 0;
}
#header .limit_header {
  margin: 0 auto;
  width: 980px;
}
#header .util_area {
  position: relative;
  height: 26px;
}
#header .util_area .link {
  overflow: hidden;
  float: right;
  padding-top: 6px;
}
#header .util_area .link li {
  float: left;
  font-family: "돋움", dotum, serif;
}
#header .util_area .link li .bar {
  padding: 0 5px;
}
#header .util_area .link li.last {
  padding-right: 0;
}
#header .util_area .link li a {
  color: #808080;
}
#header .util_area .link li a:hover,
#header .util_area .link li a:focus {
  text-decoration: underline;
  color: #ec008c;
}

/* 소셜 */
.sclink {
  float: right;
} /* 수정 171211 윤선 */
#header .nav_down .sclink {
  margin-top: -2px;
  margin-left: 21px;
}
.sclink ul {
}
.sclink ul li {
  float: left;
  margin-left: 1px;
}
.sclink ul li:first-child {
  margin-left: 0;
}
.sclink ul li a {
}
/* 링크 */
#header .nav_down .langlink {
  display: none;
}
.langlink {
  float: right;
}
.langlink ul {
}
.langlink ul li {
  float: left;
  margin-left: 10px;
} /* 수정 171211 윤선 */
.langlink ul li:first-child {
  margin-left: 0;
}
.langlink ul li a {
  font-family: dotum, serif;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: -1px;
  color: #999;
}

/* footer */
#footer {
  position: relative;
  width: 100%;
  height: 185px;
  background: #505b80;
} /*수정 200910 동현*/

#footer .company_info {
}
#footer .company_info ul {
  overflow: hidden;
}
#footer .company_info ul li {
  float: left;
  position: relative;
  height: 13px;
}
#footer .company_info ul li + li {
  margin-left: 30px;
}
#footer .company_info ul li + li:after {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  width: 1px;
  height: 12px;
  background: #9ab2c6;
}
#footer .company_info ul li a {
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}

#footer .info_area {
  position: relative;
} /*수정 200910 동현 : height:49px 삭제*/
/*#footer .info_area .etc_info {padding-top:16px;} 수정 200910 동현*/
#footer .info_area .etc_info dt {
  float: left;
  color: #b8c1df;
}
#footer .info_area .etc_info dd {
  float: left;
  margin-left: 16px;
}
#footer .info_area .etc_info dd a {
  display: block;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #b8c1df;
}

#footer .copy {
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #b8c1df;
}
#footer .copy address {
  font-style: normal;
}
#footer .app_link {
}
#footer .app_link li {
  overflow: hidden;
}
#footer .app_link li a {
  display: block;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #a9bdff;
}
#footer .app_link li .icon {
  float: left;
  margin-right: 7px;
}
#footer .app_link li .icon img {
}
#footer .app_link li .area {
  float: left;
}
#footer .app_link li .area .tit {
  display: block;
  line-height: 12px;
  color: #a9bdff;
}
#footer .app_link li .area .txt {
  display: block;
  color: #fff;
}
#footer .app_link li .area .txt a {
  display: inline-block;
  color: #fff;
}
/* 추가 190104 세종 */
#footer .sns_link {
  position: relative;
  margin-top: 38px;
  width: 156px;
  height: 22px;
  font-family: "Noto Sans KR", sans-serif;
  border: 1px solid #fff;
}
#footer .sns_link .btn {
  display: block;
  width: 100%;
  height: 22px;
  background: #505b80;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  text-indent: 22px;
  text-align: left;
  color: #a9bdff;
  cursor: pointer;
}
#footer .sns_link .btn.show {
  background: #505b80 url(../images/icon_plus1.svg) no-repeat 124px center /
    10px 10px;
}
#footer .sns_link .btn.hide {
  background: #505b80 url(../images/icon_minus1.png) no-repeat 124px center;
}
#footer .sns_link .linkgroup {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 22px;
  padding: 4px 0;
  background: #505b80;
  border: 1px solid #fff;
}
#footer .sns_link .linkgroup .bundle {
  overflow: hidden;
  padding-left: 22px;
  height: 21px;
  line-height: 21px;
}
#footer .sns_link .linkgroup .bundle a {
  color: #fff;
}
#footer .sns_link .linkgroup .bundle a:hover,
#footer .sns_link .linkgroup .bundle a:focus {
  color: #a9bdff;
}
/* //추가 190104 세종 */
/* #header2 */
+ #header2 {
  position: relative;
  height: 185px;
  background: url(../images/bg_header1.gif) repeat-x 0 bottom;
}
#header2.bg_sh {
  height: inherit;
  background: url(../images/bg_header2.gif) repeat-x 0 0;
}
/* 유틸 */
#header2 .limit_header {
  margin: 0 auto;
  width: 980px;
}
#header2 .util_area {
  position: relative;
  height: 26px;
}
#header2 .util_area .link {
  overflow: hidden;
  float: right;
  padding-top: 6px;
}
#header2 .util_area .link li {
  float: left;
  font-family: "돋움", dotum, serif;
}
#header2 .util_area .link li .bar {
  padding: 0 5px;
}
#header2 .util_area .link li.last {
  padding-right: 0;
}
#header2 .util_area .link li a {
  color: #808080;
}
#header2 .util_area .link li a:hover,
#header2 .util_area .link li a:focus {
  text-decoration: underline;
  color: #ec008c;
}

/* 로고박스 */
#header2 .logo_area {
  position: relative;
  height: 89px;
}
#header2 .logo_area .logo {
  position: absolute;
  top: 16px;
  left: 50%;
  overflow: hidden;
  margin-left: -86px;
  width: 172px;
  height: 52px;
}
#header2.bg_sh .logo_area .logo {
  top: 41px;
}
#header2 .logo_area .logo a {
  display: block;
}
#header2 .logo_area .logo a img {
  display: block;
}
/* 소셜  */
#header2 .btn_social {
  position: absolute;
  top: 40px;
  right: 180px;
}
#header2 .btn_social li {
  float: left;
  margin-left: 4px;
}
#header2 .btn_social li a {
  overflow: hidden;
  display: block;
  width: 24px;
  height: 25px;
}
#header2 .btn_social li a span {
  font-size: 0;
  line-height: 0;
}
#header2 .btn_social li.b_tw a {
  background: url(../images/btn_s_tw.png) no-repeat 0 0;
}
#header2 .btn_social li.b_fa a {
  background: url(../images/btn_s_fa.png) no-repeat 0 0;
}
#header2 .btn_social li.b_rss a {
  background: url(../images/btn_s_rss.png) no-repeat 0 0;
}
#header2 .btn_social li.b_weibo a {
  background: url(../images/btn_s_weibo.png) no-repeat 0 0;
}
#header2 .btn_social li a:hover {
  background-position: 0 -25px;
}

/*  검색 */
#header2 .search {
  position: absolute;
  top: 40px;
  right: 1px;
  overflow: hidden;
  width: 172px;
  height: 25px;
}
#header2 .search .bx {
  position: relative;
  width: 172px;
  height: 23px;
  background: #fff;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
}
#header2 .search input[type="text"] {
  padding-left: 12px;
  width: 147px;
  height: 23px;
  font-size: 11px;
  line-height: 23px;
  border: none;
}
#header2 .search input[type="image"] {
  position: absolute;
  top: 2px;
  right: 9px;
  z-index: 1;
}
#header2 .search .bgl {
  position: absolute;
  top: -1px;
  left: 0;
  width: 12px;
  height: 25px;
  background: url(../images/bg_search1.gif) no-repeat 0 0;
}
#header2 .search .bgr {
  position: absolute;
  top: -1px;
  right: 0;
  width: 13px;
  height: 25px;
  background: url(../images/bg_search2.gif) no-repeat 0 0;
}

/* 네비게이션 */
#header2 .gnb_area {
  position: relative;
  overflow: hidden;
  height: 70px;
}
#header2 .gnb_area .navi {
  height: 40px;
}
#header2 .gnb_area .navi dt {
  float: left;
}
#header2 .gnb_area .navi dt a {
  display: block;
  height: 40px;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.6px;
  text-align: center;
  color: #fff !important;
}
#header2 .gnb_area .navi .gnb1 a {
  width: 160px;
} /* 수정 170109 세종 */
#header2 .gnb_area .navi .gnb2 a {
  width: 105px;
}
#header2 .gnb_area .navi .gnb3 a {
  width: 160px;
}
#header2 .gnb_area .navi .gnb4 a {
  width: 105px;
}
#header2 .gnb_area .navi .gnb5 a {
  width: 130px;
} /* 수정 170109 세종 */
#header2 .gnb_area .navi .gnb6 a {
  width: 170px;
}
#header2 .gnb_area .navi .gnb7 a {
  width: 110px;
}
#header2 .gnb_area .navi dt:hover a,
#header2 .gnb_area .navi dt.on a {
  background: #ed008c;
}
/* 추가 160229 세종 */
#header2 .gnb_area .navi dt.new {
  position: relative;
}
#header2 .gnb_area .navi dt.new:after {
  content: " ";
  position: absolute;
  top: 11px;
  right: 12px;
  width: 32px;
  height: 15px;
  background: url(../images/icon_new1.gif) no-repeat 0 0;
}
#header2 .gnb_area .navi dd ul li.fix a {
  font-weight: bold;
  color: hotpink;
}
/* //추가 160229 세종 */
#header2 .gnb_area .navi .sub {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
}
#header2 .gnb_area .navi .sub.wh1 {
  left: 0;
} /* 수정 170203 윤선 */
#header2 .gnb_area .navi .sub.wh2 {
  left: 276px;
} /* 수정 170203 윤선 */
#header2 .gnb_area .navi .sub.wh3 {
  left: 515px;
} /* 수정 170203 윤선 */
#header2 .gnb_area .navi .sub.wh4 {
  left: 700px;
}
#header2 .gnb_area .navi .sub.wh5 {
  left: 878px;
} /* 수정 170203 윤선 */
#header2 .gnb_area .navi .sub.wh6 {
  left: 99px;
} /* 수정 170203 윤선 */
#header2 .gnb_area .navi .sub.wh7 {
  left: 642px;
} /* 수정 170203 윤선 */
#header2 .gnb_area .navi .sub ul {
}
#header2 .gnb_area .navi .sub ul li {
  float: left;
  background: url(../images/bg_bar1.gif) no-repeat 0 10px;
}
#header2 .gnb_area .navi .sub ul li:first-child {
  background: none;
}
#header2 .gnb_area .navi .sub ul li a {
  display: block;
  padding: 0 9px 0 8px;
  height: 30px;
  line-height: 28px;
  letter-spacing: -0.6px;
}
#header2 .gnb_area .navi .sub ul li:first-child a {
  padding-left: 0;
}
#header2 .gnb_area .navi .sub ul li.last a {
  padding-right: 0;
}
#header2 .gnb_area .navi .sub ul li a.on {
  color: #ec008c;
}

/* 상세 검색 */
#header2 .detailSearch {
  position: relative;
  margin: 31px auto 0;
  width: 361px;
}
#header2 .detailSearch input[type="text"] {
  overflow: hidden;
  padding: 0 50px 0 15px;
  width: 296px;
  height: 40px;
  background: url(../images/bg_search7.svg) no-repeat 0 0;
  font-size: 14px;
  line-height: 40px;
  text-align: left;
  color: #222;
}
#header2 .detailSearch input[type="image"] {
  position: absolute;
  top: 7px;
  right: 16px;
  background: #fff;
  width: 27px;
  height: 25px;
}
#header2 .detailSearch .btn_close {
  position: absolute;
  top: 19px;
  right: -88px;
  padding-right: 23px;
  height: 19px;
  background: url(../images/btn_minus.svg) no-repeat right 0;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #ec008c;
}
#header2 .detailSearch .btn_open {
  position: absolute;
  top: 19px;
  right: -88px;
  padding-right: 23px;
  height: 19px;
  background: url(../images/btn_plus.svg) no-repeat right 0;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #ec008c;
}
/* 상세 검색 박스 */
.bx_detailSearch {
  position: relative;
  margin: 44px auto 0;
  width: 676px;
  padding-bottom: 11px;
}
.bx_detailSearch .bx_table1 {
}
.bx_detailSearch .bx_table1 .bxt1 {
  position: relative;
}
.bx_detailSearch .bx_table1 .bxt1 .t_tit {
  float: left;
  margin-top: 7px;
  width: 81px;
  font-size: 16px;
  color: #222;
}
.bx_detailSearch .bx_table1 .bxt1 .bx1 {
  float: left;
  line-height: 28px;
}
.bx_detailSearch .tabbox1 {
  position: relative;
  overflow: hidden;
}
.bx_detailSearch .tabbox1 li {
  position: relative;
  float: left;
  background: #fff;
}
.bx_detailSearch .tabbox1 li a {
  display: block;
  margin-left: -1px;
  height: 25px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 24px;
  color: #666;
  border: 1px solid #ccc;
  border-left: 0;
}
.bx_detailSearch .tabbox1 li.w1 a {
  width: 70px;
}
.bx_detailSearch .tabbox1 li.w2 a {
  width: 116px;
}
.bx_detailSearch .tabbox1 li.w3 a {
  width: 109px;
}
.bx_detailSearch .tabbox1 li.w4 a {
  width: 145px;
}
.bx_detailSearch .tabbox1 li a.first {
  margin-left: 0;
  border-left: 1px solid #ccc;
}
.bx_detailSearch .tabbox1 li:hover a,
.bx_detailSearch .tabbox1 li.on a {
  margin-right: 1px;
  background: #ed008c;
  color: #fff !important;
  border: 1px solid #ed008c;
  border-left: 0;
  border-right: 0;
}
.bx_detailSearch .tabbox1 li:hover a.first,
.bx_detailSearch .tabbox1 li.on a.first {
  border-left: 1px solid #ed008c;
}
.bx_detailSearch .tabbox1 li .lay_open {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 25px;
  background: url(../images/bl_arrow9.png) no-repeat 12px 11px;
}
.bx_detailSearch .bx_table1 .bx_c1 {
  position: relative;
  display: inline-block;
  width: 117px;
  height: 25px;
  letter-spacing: -1px;
  border: 1px solid #ccc;
}
.bx_detailSearch .bx_table1 .bx_c1 input[type="text"] {
  height: 25px;
  text-align: center;
  line-height: 27px;
  color: #666;
  border: 0;
}
.bx_detailSearch .bx_table1 .bx_c1 .size1 {
  width: 93px;
}
.bx_detailSearch .bx_table1 .bx_c1 .btn_calendar {
  width: 20px;
  height: 25px;
  background: url(../images/icon_calendar.svg) no-repeat 0 2px / 20px 20px;
  vertical-align: top;
}
.bx_detailSearch .bx_table1 .bar {
  margin: 0 5px;
  font-size: 13px;
  color: #666;
}
.bx_detailSearch .bx_table1 .txt1 {
  margin-left: 8px;
  font-size: 13px;
  letter-spacing: -0.25px;
  color: #666;
}
.bx_detailSearch .btn_area {
  text-align: center;
}
.bx_detailSearch .btn_area .btn_search {
  width: 90px;
  height: 33px;
  background: #ec008c;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.25px;
  color: #fff;
}
.bx_detailSearch .layer_year {
  position: absolute;
  top: 26px;
  left: 102px;
  width: 145px;
  background: #fff;
  border: 1px solid #ccc;
} /* 수정 161228 윤선 */
.bx_detailSearch .layer_year .group {
}
.bx_detailSearch .layer_year .group li {
}
.bx_detailSearch .layer_year .group li a {
  display: block;
  height: 28px;
  font-size: 13px;
  text-align: center;
  line-height: 26px;
  color: #666;
} /* 수정 170109 윤선 */
.bx_detailSearch .layer_year .group li a.on,
.bx_detailSearch .layer_year .group li a:hover {
  background: #ec008c;
  color: #fff !important;
}

/* footer */
#footer2 {
  position: relative;
  background: #15132d;
}
#footer2 .bxf {
  position: relative;
  margin: 0 auto;
  width: 980px;
}
/* MT미디어그룹 */
#footer2 .info_area {
  position: relative;
  height: 49px;
}
#footer2 .info_area .etc_info {
  padding-top: 16px;
}
#footer2 .info_area .etc_info dt {
  float: left;
  padding-right: 9px;
  color: #d3d3d3;
}
#footer2 .info_area .etc_info dd {
  float: left;
  padding: 0 9px 0 12px;
  background: url(../images/bg_dot2.png) no-repeat 0 9px;
}
#footer2 .info_area .etc_info dd a {
  display: block;
  color: #d3d3d3 !important;
}
/* 서비스 전체보기 */
#footer2 .etc_more {
  background: #fff;
}
#footer2 .etc_more .service_all {
  position: absolute;
  top: -40px;
  right: 0;
  width: 124px;
  height: 25px;
  background: url(../images/bg_ground1.png) no-repeat 0 0;
  text-align: center;
}
#footer2 .etc_more .av_service {
  padding-right: 15px;
  background: url(../images/bl_arrow5.png) no-repeat right 11px;
  line-height: 24px;
  color: #ccc;
}
#footer2 .etc_more .av_service.on {
  background: url(../images/bl_arrow4.png) no-repeat right 11px;
}
/* 서비스 오픈 */
#footer2 .etc_more .category {
  position: relative;
  padding: 27px 0 0 0;
  height: 168px;
}
#footer2 .etc_more .category .group1 {
  overflow: hidden;
} /* 수정 170314 윤선 */
#footer2 .etc_more .category .bundle1 {
  float: left;
  padding: 0 17px 0 28px;
} /* 수정 170404 윤선 */
#footer2 .etc_more .category .bundle1:last-child {
  padding-right: 0;
} /* 추가 170314 윤선 */
#footer2 .etc_more .category .group2 {
}
#footer2 .etc_more .category dt {
  font-size: 13px;
  line-height: 24px;
  color: #ec008c;
}
#footer2 .etc_more .category dt a {
  display: block;
  font-size: 13px;
  line-height: 24px;
  color: #ec008c;
}
#footer2 .etc_more .category dd {
  overflow: hidden;
}
#footer2 .etc_more .category dd a {
  display: block;
  font-size: 13px;
  line-height: 24px;
  color: #777;
}
#footer2 .etc_more .category .icon {
  float: left;
  margin-right: 7px;
}
#footer2 .etc_more .category .icon img {
}
#footer2 .etc_more .category .area {
  float: left;
  margin-top: 3px;
}
#footer2 .etc_more .category .area .tit {
  display: block;
  color: #222;
}
#footer2 .etc_more .category .area .txt {
  display: block;
  color: #777;
}
#footer2 .etc_more .category .area .txt a {
  display: inline-block;
}

/* 주소 */
#footer2 .add {
  padding: 10px 0 70px;
  font-size: 11px;
  line-height: 20px;
  color: #b4b2ca;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}

/* // 추가 및 수정 170913 해리 */

/* container */
#container {
  position: relative;
  margin: 0 auto;
  width: 980px;
  flex: 1;
}

/* content */
#content {
  position: relative;
}
/* aside */
#aside {
  position: relative;
  float: right;
  width: 300px;
}
#aside .ad {
} /* 광고 */
#aside .abundle {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
} /* 기본 */
#aside .abundle2 {
  position: relative;
  overflow: hidden;
}

/* 라인 */
.conline {
  background: url(../images/bg_content.png) repeat-y right 0;
}
/* bxcn */
.bxcn {
  position: relative;
}
.bx_type1 {
}

/* 타이틀 */
.h2_type1 {
  font-size: 25px;
  line-height: 1;
  font-weight: normal;
  letter-spacing: -0.6px;
  color: #ec008c;
} /* 수정 200221 동현 */
.h2_type1 a {
  color: #ec008c;
}
.h2_type2 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.5px;
  color: #ec008c;
}
.h2_type3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  color: #ec008c;
}
.h2_type4 {
  overflow: hidden;
  width: 210px;
  height: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #ec008c;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.h2_type5 {
  font-size: 20px;
}
.h_type1 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -0.6px;
}
.h_type2 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -0.6px;
  color: #ec008c;
}
.h_type3 {
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.6px;
  color: #ec008c;
}
.h_type4 {
  font-size: 16px;
  font-weight: normal;
}
.h_type4 span {
  color: #ec008c;
}
.h_type5 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -0.6px;
  color: #fff;
}
.h3_tit1 {
  font-family: "Noto Sans KR", sans-serif;
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #f12a49;
}
.h3_tit1 a {
  color: #f12a49;
}
.h3_tit1 a:hover,
.h3_tit1 a:focus {
  text-decoration: none;
}
.h3_tit2 {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: -0.3px;
  color: #fff;
}
.h3_tit2 a {
  color: #fff;
}
.h3_tit2 a:hover,
.h3_tit2 a:focus {
  text-decoration: none;
}
.h3_tit3 {
  position: relative;
  display: inline-block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #eb203e;
}
.h3_tit3:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #ec213d;
}
h3 .icon1 {
  display: inline-block;
  padding: 7px 0 0 2px;
  width: 9px;
  height: 9px;
  background: url(../images/icon_plus.svg) no-repeat 2px 7px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

/* float */
.fbox {
  position: relative;
  float: left;
}
.rbox {
  position: relative;
  float: right;
}

/* 우측 박스 */
.bxr_area {
  position: absolute;
  top: 0;
  right: 0;
}
.bxr_area .bx_ar {
  position: relative;
  float: left;
  height: 27px;
  background: #fff;
  text-align: center;
  border: 1px solid #ed008c;
  border-radius: 15px;
}
.bxr_area .bx_ar.wd {
  padding: 0 20px;
}
.bxr_area .bx_ar .txt {
  display: block;
  font-size: 14px;
  letter-spacing: -0.65px;
  line-height: 26px;
  color: #666;
} /* 수정 151119 윤선 */
.bxr_area .bx_ar .num {
  color: #ed008c;
}
.bxr_area .bx_ar .btn_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 27px;
  background: url(../images/bl_arrow6.svg) no-repeat 11px / 5px 7px;
  z-index: 1;
}
.bxr_area .bx_ar .btn_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 27px;
  background: url(../images/bl_arrow7.svg) no-repeat 11px / 5px 7px;
  z-index: 1;
}
.bxr_area .icon_calendar {
  float: left;
  margin: 4px 0 0 5px;
  background: transparent;
} /* 수정 151119 윤선 */
.bxr_area .icon_calendar img {
  width: 18px;
  height: 20px;
}

.bxr_area .bx_ar2 {
  position: relative;
  display: block;
  padding: 0 15px;
  height: 26px;
  border-top: 1px solid #ed008c;
  border-bottom: 1px solid #ed008c;
}
.bxr_area .bx_ar2 .txt2 {
  display: block;
  font-size: 13px;
  line-height: 26px;
  color: #5d5d5d;
}
.bxr_area .bx_ar2 .num {
  color: #ed008c;
}
.bxr_area .bx_ar2:before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 13px;
  height: 28px;
  background: url(../images/bg_search_11.gif) no-repeat 0 0;
}
.bxr_area .bx_ar2:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 13px;
  height: 28px;
  background: url(../images/bg_search_10.gif) no-repeat 0 0;
}

.bxr_area .photo {
  float: left;
  margin-right: 7px;
  padding: 1px;
  width: 27px;
  height: 27px;
  background: #fff;
  border: 1px solid #b7b9be;
}
.bxr_area .photo img {
  width: 27px;
  height: 27px;
}
.bxr_area .id {
  line-height: 31px;
  letter-spacing: -1px;
  color: #3366cc;
}
.bxr_area .logout {
  margin-left: 6px;
  display: inline-block;
  width: 59px;
  height: 21px;
  line-height: 20px;
  text-align: center;
  background: url(../images/bg_search_12.png) no-repeat 0 0;
} /* 추가 151119 윤선 */
.bxr_area .logout:hover {
  color: #666 !important;
} /* 추가 151119 윤선 */
/* vm */
.vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
/* 라인 */
.edge1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #000;
  opacity: 0.07;
  filter: alpha(opacity: 7);
}
.b_line {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #dedede;
}
.b_line2 {
  border-top: 1px solid #dedede;
}
.b_line3 {
  display: block;
  font-size: 0;
  line-height: 0;
  border-top: 1px solid #ccc;
} /* 추가 160822 세종 */
.b_line4 {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dedede;
} /* 추가 20230303 원석)

/* 사이즈 */
.cw123 {
  width: 123px;
}
.cw200 {
  width: 200px;
}
.cw260 {
  width: 260px;
}
.cw310 {
  width: 310px;
}
.cw315 {
  width: 315px;
}
.cw320 {
  width: 320px;
}
.cw326 {
  width: 326px;
}
.cw430 {
  width: 430px;
} /* 추가 220927 */
.cw639 {
  width: 639px;
}
.cw651 {
  width: 651px;
}

/* 버튼 */
/* btn_all */
.btn_all {
  position: absolute;
  padding-right: 8px;
  background: url(../images/bl_arrow1.svg) no-repeat right 6px / 5px 7px;
  text-decoration: underline !important;
  color: #666 !important;
} /* 전체보기 */
.btn_all:hover {
  color: #666 !important;
}
/* btn_more */
.btn_more {
  position: absolute;
  padding-right: 8px;
  background: url(../images/bl_arrow1.svg) no-repeat right 6px / 5px 7px;
  color: #666 !important;
} /* 더보기 */
.btn_more:hover {
  color: #666 !important;
}
/* btn_more2 */
.btn_more2 {
  position: absolute;
  padding-right: 8px;
  background: url(../images/bl_arrow1.svg) no-repeat right 6px / 5px 7px;
  text-decoration: underline !important;
  color: #8c8c8c !important;
} /* 관련기사 */
.btn_more2:hover {
  color: #8c8c8c !important;
}
/* btn_more3 */
.btn_more3 {
  position: absolute;
} /* 더보기 */
/* btn_more4 */
.btn_more4 {
  position: absolute;
  padding: 0 7px 0 10px;
  height: 20px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.5px;
  color: #666;
  border-top: 1px solid #ec008c;
  border-bottom: 1px solid #ec008c;
}
.btn_more4 .num {
  position: relative;
  margin-right: 10px;
  color: #ec008c;
  z-index: 10;
}
.btn_more4 .num img {
  position: absolute;
  top: 7px;
  right: -10px;
}
.ie8 .btn_more4 .num img {
  top: 6px;
}
.btn_more4:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 10px;
  height: 22px;
  background: url(../images/bg_search5.gif) no-repeat 0 0;
}
.btn_more4:after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 10px;
  height: 22px;
  background: url(../images/bg_search6.gif) no-repeat 0 0;
}
.btn_more4:hover {
  color: #666 !important;
}
/* btn_more5 */
.btn_more5 {
  position: absolute;
  padding-right: 8px;
  width: 10px;
  height: 17px;
  background: url(../images/bl_arrow10.png) no-repeat right 6px;
  color: #666 !important;
}
.btn_more5:hover {
  color: #666 !important;
}
/* btn_more6 */ /* 추가 151116 윤선 */
.btn_more6 {
  width: 66px !important;
  height: 24px !important;
  position: absolute;
  top: 15px;
  right: 17px;
  background: url(../images/btn_more7.png) no-repeat center;
  line-height: 23px !important;
  text-align: center;
  color: #fff;
  text-indent: -9999px;
}
.btn_more6:before {
  content: "";
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.btn_more6:hover {
  width: 66px !important;
  height: 24px !important;
  background: url(../images/btn_more6_over.png) no-repeat center;
}
/* btn_more7 */ /* 추가 170314 윤선 */
.btn_more7 {
  display: block;
  height: 37px;
  font-size: 12px;
  line-height: 37px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #666;
}
.btn_more7:hover {
  color: #666 !important;
}
.btn_more7 span {
  padding-right: 13px;
  background: url(../images/bl_arrow3.svg) no-repeat right center / 7px 5px;
}
/* btn_more8 */ /* 추가 170327 윤선 */
.btn_more8 {
  display: block;
  height: 37px;
  font-size: 12px;
  line-height: 37px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #666;
}
.btn_more8:hover {
  color: #666 !important;
}
.btn_more8 span {
  padding-right: 13px;
  background: url(../images/bl_arrow1.svg) no-repeat right center;
}
/* 위아래 버튼 */
.btn_type {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.btn_type .btn_up {
  float: left;
  width: 19px;
  height: 18px;
  background: url(../images/bl_arrow2.png) no-repeat 5px 6px;
  border: 1px solid #ddd;
}
.btn_type .btn_down {
  float: left;
  margin-left: -1px;
  width: 19px;
  height: 18px;
  background: url(../images/bl_arrow3.svg) no-repeat 5px 6px;
  border: 1px solid #ddd;
}
/* 목록 */
.btn_list1 {
  display: block;
  padding: 0 11px;
  height: 29px;
  font-size: 13px;
  line-height: 27px;
  letter-spacing: -0.25px;
  text-align: center;
  color: #ec008c;
  border: 1px solid #ec008c;
}
.btn_list1 img {
  margin-top: 9px;
}
/* 버튼 */
.btn_type1 {
  display: block;
  width: 100%;
  height: 53px;
  background: #ed008c;
  font-size: 18px;
  line-height: 45px;
  letter-spacing: -0.2px;
  color: #fff;
}

/* 탭 */
/* tab1 */
.tab1 {
  position: relative;
  overflow: hidden;
}
.tab1 li {
  float: left;
  margin-left: -1px;
}
.tab1 li:first-child {
  margin-left: 0;
}
.tab1 li a {
  display: block;
  height: 26px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 24px;
  color: #666;
  border: 1px solid #e5e5e5;
  border-left: 0;
}
.tab1 li.w1 a {
  width: 49px;
}
.tab1 li.w2 a {
  width: 58px;
}
.tab1 li.w3 a {
  width: 128px;
}
.tab1 li:first-child a {
  border-left: 1px solid #e5e5e5;
}
.tab1 li:hover a,
.tab1 li.on a {
  margin-right: 1px;
  background: #ed008c;
  color: #fff !important;
  border: 1px solid #ed008c;
  border-left: 0;
  border-right: 0;
}
/* tab2 */
.tab2 {
  position: relative;
  overflow: hidden;
}
.tab2 li {
  float: left;
  margin-left: -1px;
}
.tab2 li:first-child {
  margin-left: 0;
}
.tab2 li.w50 {
  width: 50%;
}
.tab2 li.w33 {
  width: 33.3%;
}
.tab2 li > a {
  display: block;
  width: 100%;
  height: 39px;
  font-size: 15px;
  letter-spacing: -0.4px;
  text-align: center;
  line-height: 36px;
  color: #666;
  border: 1px solid #e5e5e5;
  border-left: 0;
}
.tab2 li.w33 > a {
  color: #333;
}
.tab2 li:first-child > a {
  border-left: 1px solid #e5e5e5;
}
.tab2 li.on > a,
.tab2 li.w33:hover > a {
  background: #ed008c;
  color: #fff !important;
  border: 1px solid #ed008c;
  border-left: 0;
  border-right: 0;
} /* 수정 170327 윤선 */

/* tab2 sub */ /* 수정 170329 윤선 */
.tab2 .sub_group {
  margin-top: 8px;
  overflow: hidden;
  text-align: center;
}
.tab2 .sub_group li.sub_list {
  margin-left: 0;
  padding: 0 11px 0 15px;
  float: none;
  display: inline-block;
  background: url(../images/bg_bar1.gif) no-repeat 0 center;
}
.tab2 .sub_group li.sub_list a {
  display: block;
  height: 30px;
  border: none !important;
  background: none !important;
  line-height: 28px;
  letter-spacing: -0.6px;
  font-size: 12px;
  color: #333;
}
.tab2 .sub_group li.sub_list:first-child {
  padding-left: 0;
  background: none;
}
.tab2 .sub_group li.sub_list.on a,
.tab2 .sub_group li.sub_list:hover a {
  color: #ec008c !important;
  border: none !important;
  background: none !important;
}

/* tab3 */
.tab3 {
  position: relative;
  overflow: hidden;
  width: 650px;
}
.tab3 dd {
  float: left;
  width: 11%;
  text-align: center;
}
.tab3 dd.all {
  width: 6%;
  text-align: left;
}
.tab3 dd.last {
  width: 6%;
  text-align: right;
}
.tab3 dd a {
  display: block;
  font-size: 15px;
  letter-spacing: -0.6px;
  color: #666;
}
.tab3 dd.all a {
}
.tab3 dd a:hover,
.tab3 dd a.on {
  text-decoration: underline;
  color: #ec008c;
}
.tab3 dd.all a:hover,
.tab3 dd.all a.on {
  text-decoration: none;
  color: #ec008c;
}

/* lst1 */
.lst1 {
  position: absolute;
  top: 0;
  right: 0;
}
.lst1 li {
  float: left;
  margin-left: -1px;
}
.lst1 li a {
  display: block;
}
/* lst2 */
.lst2 {
  position: relative;
}
.lst2 li {
  float: left;
  margin-left: -1px;
}
.lst2 li a {
  display: block;
}

/* list_type1 */
.list_type1 {
  position: relative;
}
.list_type1 li {
  height: 27px;
  line-height: 27px;
} /* 수정 170327 윤선 */
.list_type1 li a {
  overflow: hidden;
  display: inline-block;
  height: 27px;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: -0.5px;
  color: #666;
  word-break: break-all;
} /* 수정 170327 윤선 */
.list_type1 li.tx1 a {
  max-width: 350px;
}
.list_type1 li .date {
  margin-left: 6px;
  font-size: 12px;
  line-height: 27px;
  vertical-align: top;
  color: #999;
}
.list_type1 li a:hover {
  text-decoration: underline;
  color: #ec008c;
}
/* 추가 170327 윤선 */
.list_type1 li a span[class^="rank"] {
  margin-right: 11px;
  display: inline-block;
  width: 10px;
  height: 12px;
  background: url(../images/bl_num1.png) no-repeat 0 center;
  vertical-align: -8px;
  color: transparent;
}
.list_type1 li a span.rank1 {
  background-position: 1px 0;
}
.list_type1 li a span.rank2 {
  background-position: -10px 0;
}
.list_type1 li a span.rank3 {
  background-position: -20px 0;
}
.list_type1 li a span.rank4 {
  background-position: -30px 0;
}
.list_type1 li a span.rank5 {
  background-position: -40px 0;
}
.list_type1 li a span.rank6 {
  background-position: -50px 0;
}
.list_type1 li a span.rank7 {
  background-position: -60px 0;
}
/* list_type2 */
.list_type2 {
  position: relative;
}
.list_type2 li {
  margin-top: 5px;
  padding-left: 7px;
  background: url(../images/bg_dot1.png) no-repeat 0 10px;
}
.list_type2 li:first-child {
  margin-top: 0;
}
.list_type2 li a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
/* list_type3 */
.list_type3 {
  position: relative;
}
.list_type3 li {
  overflow: hidden;
  padding-left: 13px;
  height: 30px;
  background: url(../images/bl_rel1.svg) no-repeat 0 10px / 7px 8px;
} /* 수정 170327 세종 */
.list_type3 li a {
  display: block;
  font-weight: normal;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
} /* 수정 170327 세종 */
.list_type3 li a:hover {
  text-decoration: underline;
}
.list_type3.ad_text_ellipsis {
  padding-right: 210px;
}
.list_type3.ad_text_ellipsis li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* list_type4 */
.list_type4 {
  position: relative;
}
.list_type4 li {
}
.list_type4 li a {
  overflow: hidden;
  display: inline-block;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #666;
  word-break: break-all;
}
.ie8 .list_type4 li a {
  height: 23px;
  line-height: 20px;
}
.ie9 .list_type4 li a {
  height: 23px;
  line-height: 20px;
}
.ie10 .list_type4 li a {
  height: 23px;
  line-height: 20px;
}
.ie11 .list_type4 li a {
  height: 23px;
  line-height: 20px;
}
.list_type4 li a:hover {
  text-decoration: underline;
}
/* list_type5 */
.list_type5 {
  position: relative;
  border-bottom: 1px solid #d8d8d8;
}
.list_type5 dt {
  padding-left: 18px;
  height: 40px;
  background: #15132d;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
}
.list_type5 dd {
  border-top: 1px solid #d8d8d8;
}
.list_type5 dd:first-child {
  border-top: 0;
}
.list_type5 dd a {
  display: block;
  padding-left: 25px;
  height: 36px;
  line-height: 32px;
  font-size: 14px;
  color: #6a6a6a;
}
.list_type5 dd.on a {
  color: #ec008c;
}
.list_type5 dd:hover a {
  text-decoration: underline;
}

.list_type5 .h3_tit {
  padding-left: 18px;
  height: 40px;
  background: #15132d;
  font-weight: normal;
  font-size: 15px;
  line-height: 36px;
  color: #fff;
}
.list_type5 li {
  border-top: 1px solid #d8d8d8;
}
.list_type5 li:first-child {
  border-top: 0;
}
.list_type5 li a {
  display: block;
  padding-left: 25px;
  height: 36px;
  font-weight: normal;
  line-height: 32px;
  font-size: 14px;
  color: #6a6a6a;
}
.list_type5 li.on a {
  color: #ec008c;
}
.list_type5 li:hover a {
  text-decoration: underline;
}

/* list_type6 추가 160822 세종 */
.list_type6 {
  position: relative;
}
.list_type6 .bundle {
  position: relative;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}
.list_type6 .bundle .cate {
  float: left;
  height: 30px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #ed008c;
}
.list_type6 .bundle .subject {
  float: left;
  overflow: hidden;
  padding-left: 12px;
  max-width: 550px;
  font-size: 15px;
  letter-spacing: -0.4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list_type6 .bundle .subject a {
  color: #222;
}
.list_type6 .bundle .subject a:hover,
.list_type6 .bundle .subject a:focus {
  text-decoration: underline;
}
.list_type6 .bundle .time {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  color: #999;
}

/* thum_type1 */
.thum_type1 {
  position: relative;
}
.thum_type1 .bundle {
  width: 200px;
}
.thum_type1 .bundle .thum {
  display: block;
}
.thum_type1 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 200px;
  height: 130px;
}
.thum_type1 .bundle .thum a img {
  display: block;
  width: 200px;
  min-height: 130px;
}
.thum_type1 .bundle .txt {
  display: block;
  margin-top: 6px;
} /* 수정 160822 세종 */
.thum_type1 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 13px;
  letter-spacing: -0.6px;
  line-height: 20px;
  color: #222;
  word-break: break-all;
}
/* 추가 160822 세종 */
.thum_type1 .bundle2 {
  overflow: hidden;
  height: 42px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
}
.thum_type1 .bundle + .bundle2 {
  margin-top: 35px;
}
.thum_type1 .bundle + .bundle2:before {
  content: " ";
  position: absolute;
  top: 195px;
  left: 0;
  right: 0;
  border-top: 1px solid #ccc;
}
.thum_type1 .bundle2 + .bundle2 {
  margin-top: 12px;
  margin-bottom: 23px;
} /* 수정 170327 윤선 */
.thum_type1 .bundle2 a {
  color: #222;
}
/* //추가 160822 세종 */
/* thum_type1_2 */
.thum_type1_2 {
  position: relative;
}
.thum_type1_2 .bundle {
  width: 320px;
}
.thum_type1_2 .bundle .thum {
  display: block;
}
.thum_type1_2 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 320px;
  height: 305px;
}
.thum_type1_2 .bundle .thum a img {
  display: block;
  width: 320px;
  min-height: 305px;
}
.thum_type1_2 .bundle .tit {
  display: block;
  margin-top: 11px;
}
.thum_type1_2 .bundle .tit a {
  overflow: hidden;
  display: block;
  height: 20px;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 20px;
  color: #222;
  word-break: break-all;
}
.thum_type1_2 .bundle .txt {
  display: block;
  margin-top: 4px;
}
.thum_type1_2 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 20px;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 20px;
  color: #666;
  word-break: break-all;
}
/* thum_type1_3 */
.thum_type1_3 {
  position: relative;
}
.thum_type1_3 .bundle {
  width: 320px;
}
.thum_type1_3 .bundle .thum {
  display: block;
}
.thum_type1_3 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 320px;
  height: 305px;
}
.thum_type1_3 .bundle .thum a img {
  display: block;
  width: 320px;
  min-height: 305px;
  object-fit: cover;
}
.thum_type1_3 .bundle .thum a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity: 30);
}
.thum_type1_3 .bundle .thum a:hover:before,
.thum_type1_3 .bundle .thum a:focus:before {
  display: none;
} /* 추가 170523 세종 */
.thum_type1_3 .bundle .tit {
  position: absolute;
  bottom: 17px;
  left: 0;
  padding: 0 20px;
}
.thum_type1_3 .bundle .tit a {
  overflow: hidden;
  display: block;
  height: 23px;
  font-size: 20px;
  letter-spacing: -0.5px;
  line-height: 23px;
  color: #fff !important;
  word-break: break-all;
}
/* thum_type1_4 */
.thum_type1_4 {
  position: relative;
}
.thum_type1_4 .bundle {
  width: 320px;
}
.thum_type1_4 .bundle .thum {
  display: block;
}
.thum_type1_4 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 320px;
  height: 254px;
}
.thum_type1_4 .bundle .thum a img {
  display: block;
  max-width: 320px;
  min-height: 254px;
}
.thum_type1_4 .bundle .tit {
  display: block;
  height: 66px;
  background: #fff;
}
.thum_type1_4 .bundle .tit a {
  overflow: hidden;
  display: block;
  padding: 7px 17px 0;
  height: 48px;
  font-size: 18px;
  letter-spacing: -0.5px;
  line-height: 24px;
  color: #555;
  word-break: break-all;
}
/* thum_type1_5 */
.thum_type1_5 {
  position: relative;
}
.thum_type1_5 .bundle {
  float: left;
  margin-bottom: 19px;
  margin-left: 10px;
  width: 210px;
}
.thum_type1_5 .bundle.l_first {
  margin-left: 0;
}
.thum_type1_5 .bundle.t_first {
  margin-top: 0;
}
.thum_type1_5 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type1_5 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 210px;
  height: 138px;
}
.thum_type1_5 .bundle .thum a img {
  display: block;
  width: 210px;
  height: 138px;
}
.thum_type1_5 .bundle .thum a .ing {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 20px;
  background: #ec008c;
  font-family: dotum, serif;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #fff;
}
.thum_type1_5 .bundle .thum a .end {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 20px;
  background: #2e2e2e;
  font-family: dotum, serif;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #fff;
}
.thum_type1_5 .bundle .tit {
  display: block;
  margin-top: 11px;
  font-size: 15px;
  color: #888;
}
.thum_type1_5 .bundle .txt {
  display: block;
  margin-top: 3px;
}
.thum_type1_5 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 20px;
  color: #222;
  word-break: break-all;
}
.thum_type1_5 .bundle .txt a .c1 {
  color: #ec008c;
}

/* thum_type2 */
.thum_type2 {
  position: relative;
}
.thum_type2 .group {
}
.thum_type2 .bundle {
  float: left;
  margin-left: 9px;
  margin-bottom: 13px;
  width: 153px;
}
.thum_type2 .bundle.first {
  margin-left: 0;
}
.thum_type2 .bundle .thum {
  display: block;
}
.thum_type2 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 153px;
  height: 123px;
}
.thum_type2 .bundle .thum a img {
  display: block;
  width: 153px;
  min-height: 123px;
}
.thum_type2 .bundle .txt {
  display: block;
  margin-top: 5px;
}
.thum_type2 .bundle .txt a {
  overflow: hidden;
  display: block;
  padding: 0 5px;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
/* thum_type2_2 */
.thum_type2_2 {
  position: relative;
}
.thum_type2_2 .group {
}
.thum_type2_2 .bundle {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-bottom: 13px;
  width: 125px;
}
.thum_type2_2 .bundle.first {
  margin-left: 0;
}
.thum_type2_2 .bundle.mgtb {
  margin-bottom: 0;
}
.thum_type2_2 .bundle .thum {
  display: block;
}
.thum_type2_2 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 125px;
  height: 80px;
}
.thum_type2_2 .bundle .thum a img {
  display: block;
  width: 125px;
  min-height: 80px;
}
.thum_type2_2 .bundle .txt {
  display: block;
  margin-top: 5px;
}
.thum_type2_2 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
.thum_type2_2 .vod {
  position: absolute;
  top: 21px;
  left: 44px;
  width: 38px;
  height: 38px;
  background: url(../images/icon_vod2.svg) no-repeat 0 0 / 38px 38px;
}
.thum_type2_2 .bundle a.on .bg_thum,
.thum_type2_2 .bundle a:hover .bg_thum {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 117px;
  height: 72px;
  border: 4px solid #ec008c;
}
.thum_type2_2.star_movie_slide .bundle {
  margin-left: 0;
  margin-right: 10px;
}
.thum_type2_2.star_movie_slide .bundle:last-child {
  margin-right: 0;
}
.thum_type2_2.star_movie_slide .bundle .rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #ec008c;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  color: #fff;
}
.slide_pagination_area {
  position: absolute;
  overflow: hidden;
  top: -4px;
  right: 0;
  padding-left: 30px;
}
.slide_pagination_area .slide_pagination {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 25px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.05rem;
  color: #999;
}
.slide_pagination_area .slide_pagination .swiper-pagination-current {
  color: #ec008c;
}
.slide_pagination_area .slide_pagination .swiper-pagination-current {
}
.slide_pagination_area .slide_btn {
  width: 26px;
  height: 26px;
  background: url(../images/btn_slide_navi1.gif) no-repeat 1px 0;
  background-size: cover;
}
.slide_pagination_area:hover .slide_btn {
  cursor: pointer;
}
.slide_pagination_area .slide_btn.next {
  float: right;
  background-position: -25px 0;
}
.slide_pagination_area .slide_btn.prev {
  float: left;
}
/* thum_type3 */
.thum_type3 {
  position: relative;
}
.thum_type3 .group {
}
.thum_type3 .bundle {
  margin-top: 10px;
}
.thum_type3 .bundle:first-child {
  margin-top: 0;
}
.thum_type3 .bundle a {
  display: block;
}
.thum_type3 .bundle .thum {
  overflow: hidden;
  width: 151px;
  height: 109px;
}
.thum_type3 .bundle .thum img {
  display: block;
  width: 151px;
  min-height: 109px;
}
.thum_type3 .bundle .area {
  position: relative;
  display: inline-block;
  padding: 0 20px 0 18px;
  width: 120px;
  height: 103px;
  border: 3px solid #4c4c4c;
}
.thum_type3 .bundle .area .txt {
  overflow: hidden;
  display: inline-block;
  max-height: 60px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: #666;
  word-break: break-all;
}
.thum_type3 .bundle .area .l_txt:after {
  content: "";
  position: absolute;
  top: 44px;
  left: -16px;
  width: 16px;
  height: 17px;
  background: url(../images/bg_textbox2.png) no-repeat 0 0;
}
.thum_type3 .bundle .area .r_txt:after {
  content: "";
  position: absolute;
  top: 44px;
  right: -16px;
  width: 16px;
  height: 17px;
  background: url(../images/bg_textbox1.png) no-repeat 0 0;
}
.thum_type3 .bundle a:hover .txt {
  text-decoration: underline !important;
}
/* thum_type4 */
.thum_type4 {
  position: relative;
}
.thum_type4 .thum {
  position: relative;
  display: block;
}
.thum_type4 .thum a {
  overflow: hidden;
  display: block;
  width: 197px;
  height: 114px;
}
.thum_type4 .thum a img {
  display: block;
  width: 197px;
  min-height: 114px;
}
.thum_type4 .thum .icon_up {
  position: absolute;
  top: 0;
  left: 0;
  width: 63px;
  height: 63px;
  background: url(../images/icon_up.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* thum_type5 */
.thum_type5 {
  position: relative;
}
.thum_type5 .group {
}
.thum_type5 .bundle {
  float: left;
  margin-left: 10px;
  margin-bottom: 13px;
  width: 155px;
}
.thum_type5 .bundle.first {
  margin-left: 0;
}
.thum_type5 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type5 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 155px;
  height: 119px;
}
.thum_type5 .bundle .thum a img {
  display: block;
  width: 155px;
  height: 119px;
}
.thum_type5 .bundle .txt {
  display: block;
  margin-top: 6px;
}
.thum_type5 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
/* thum_type5_2 */
.thum_type5_2 {
  position: relative;
}
.thum_type5_2 .group {
}
.thum_type5_2 .bundle {
  float: left;
  margin-left: 10px;
  margin-bottom: 13px;
  width: 155px;
}
.thum_type5_2.mgb .bundle {
  margin-bottom: 38px;
}
.thum_type5_2 .bundle.first {
  margin-left: 0;
}
.thum_type5_2 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type5_2 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 155px;
  height: 155px;
}
.thum_type5_2 .bundle .thum a img {
  display: block;
  width: 155px;
  height: 155px;
}
.thum_type5_2 .bundle .thum a:hover img,
.thum_type5_2 .bundle .thum a:focus img {
  transition-duration: 0.3s;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
} /* 추가 170523 세종 */
.thum_type5_2 .bundle .txt {
  display: block;
  margin-top: 6px;
}
.thum_type5_2 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
.thum_type5_2 .bundle .num {
  position: absolute;
  right: 7px;
  bottom: 5px;
  width: 48px;
  height: 21px;
  background: url(../images/bg_num1.svg) no-repeat 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #ec008c;
}
/* thum_type5_3 */
.thum_type5_3 {
  position: relative;
}
.thum_type5_3 .group {
}
.thum_type5_3 .bundle {
  float: left;
  margin-left: 11px;
  margin-bottom: 10px;
  width: 154px;
}
.thum_type5_3 .bundle.first {
  margin-left: 0;
}
.thum_type5_3 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type5_3 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 154px;
  height: 113px;
}
.thum_type5_3 .bundle .thum a img {
  display: block;
  max-width: 154px;
  min-height: 113px;
}
.thum_type5_3 .bundle .txt {
  display: block;
  background: #fff;
  height: 59px;
}
.thum_type5_3 .bundle .txt a {
  overflow: hidden;
  display: block;
  padding: 7px 8px 0;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #555;
  word-break: break-all;
}
.thum_type5_3 .bundle .num {
  position: absolute;
  right: 7px;
  bottom: 5px;
  width: 48px;
  height: 21px;
  background: url(../images/bg_num1.svg) no-repeat 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.25px;
  color: #ec008c;
}
/* thum_type5_4 */
.thum_type5_4 {
  position: relative;
}
.thum_type5_4 .group {
}
.thum_type5_4 .bundle {
  float: left;
  margin-left: 17px;
  margin-bottom: 19px;
  width: 147px;
}
.thum_type5_4 .bundle.first {
  margin-left: 0;
}
.thum_type5_4 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type5_4 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 147px;
  height: 109px;
}
.thum_type5_4 .bundle .thum a img {
  display: block;
  width: 147px;
  height: 109px;
}
.thum_type5_4 .bundle .txt {
  display: block;
  margin-top: 6px;
}
.thum_type5_4 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
/* thum_type5_5 */
.thum_type5_5 {
  position: relative;
}
.thum_type5_5 .group {
}
.thum_type5_5 .bundle {
  float: left;
  margin-left: 12px;
  width: 135px;
}
.thum_type5_5 .bundle.first {
  margin-left: 0;
}
.thum_type5_5 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type5_5 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 135px;
  height: 91px;
}
.thum_type5_5 .bundle .thum a img {
  display: block;
  width: 135px;
  height: 91px;
}
.thum_type5_5 .bundle .txt {
  display: block;
  margin-top: 6px;
}
.thum_type5_5 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
/* thum_type5_6 */
.thum_type5_6 {
  position: relative;
}
.thum_type5_6 .group {
}
.thum_type5_6 .bundle {
  float: left;
  margin-left: 25px;
  width: 200px;
}
.thum_type5_6 .bundle.first {
  margin-left: 0;
}
.thum_type5_6 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type5_6 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 200px;
  height: 130px;
}
.thum_type5_6 .bundle .thum a img {
  display: block;
  width: 200px;
  min-height: 100%;
} /* 수정 170913 해리 */
.thum_type5_6 .bundle .txt {
  display: block;
  margin-top: 6px;
}
.thum_type5_6 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #222;
  word-break: break-all;
}

/* thum_type6 */
.thum_type6 {
  position: relative;
}
.thum_type6 .group {
}
.thum_type6 .bundle {
  overflow: hidden;
  margin-top: 14px;
}
.thum_type6 .bundle:first-child {
  margin-top: 0;
}
.thum_type6 .bundle .thum {
  float: left;
  margin-right: 14px;
}
.thum_type6 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 113px;
  height: 73px;
}
.thum_type6 .bundle .thum a img {
  display: block;
  width: 113px;
  min-height: 73px;
}
.thum_type6 .bundle .area {
}
.thum_type6 .bundle .area .posi {
  display: block;
  margin-top: 3px;
}
.thum_type6 .bundle .area .posi a {
  overflow: hidden;
  display: block;
  width: 133px;
  height: 18px;
  font-size: 14px;
  letter-spacing: -0.6px;
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thum_type6 .bundle .area .txt {
  overflow: hidden;
  display: block;
  margin-top: 7px;
  height: 40px;
}
.thum_type6 .bundle .area .txt a {
  display: block;
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 20px;
  color: #666;
}
/* thum_type7 */
.thum_type7 {
  position: relative;
}
.thum_type7 .group {
  margin: -13px 0 0 -14px;
} /* 수정 170327 윤선 */
.thum_type7 .bundle {
  overflow: hidden;
  float: left;
  margin: 13px 0 0 14px;
  width: 123px;
} /* 수정 170327 윤선 */
.thum_type7 .bundle .thum {
  display: block;
}
.thum_type7 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 123px;
  height: 122px;
}
.thum_type7 .bundle .thum a img {
  display: block;
  width: 123px;
  height: 122px;
}
.thum_type7 .bundle .aera {
}
.thum_type7 .bundle .area .tit {
  overflow: hidden;
  display: block;
  margin-top: 12px;
  height: 18px;
}
.thum_type7 .bundle .area .tit a {
  display: block;
  font-size: 14px;
  letter-spacing: -0.6px;
  color: #222;
}
.thum_type7 .bundle .area .txt {
  margin-top: 10px;
  overflow: hidden;
  display: block;
  height: 40px;
} /* 수정 170327 윤선 */
.thum_type7 .bundle .area .tit + .txt {
  margin-top: 2px;
} /* 수정 170327 윤선 */
.thum_type7 .bundle .area .txt a {
  display: block;
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 20px;
  color: #666;
}
/* thum_type8 // 추가 170203 윤선 */
.thum_type8 {
  position: relative;
}
.thum_type8 .group {
}
.thum_type8 .bundle {
  overflow: hidden;
  margin-top: 15px;
}
.thum_type8 .bundle:first-child {
  margin-top: 0;
}
.thum_type8 .bundle .thum {
  float: right;
  margin-left: 14px;
}
.thum_type8 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 68px;
  height: 46px;
}
.thum_type8 .bundle .thum a img {
  display: block;
  width: 68px;
  min-height: 46px;
}
.thum_type8 .bundle .area {
  height: 46px;
  overflow: hidden;
}
.thum_type8 .bundle .area .txt {
  overflow: hidden;
  display: table;
  margin-top: 4px;
  height: 40px;
}
.thum_type8 .bundle .area .txt a {
  display: table-cell;
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 20px;
  vertical-align: middle;
  color: #666;
}
/* thum_type9 // 추가 170327 윤선 */
.thum_type9 {
  position: relative;
}
.thum_type9 .group {
}
.thum_type9 .bundle {
  float: left;
  margin-left: 9px;
  width: 211px;
}
.thum_type9 .bundle:first-child {
  margin-left: 0;
}
.thum_type9 .bundle .thum {
  position: relative;
  display: block;
}
.thum_type9 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 211px;
  height: 210px;
}
.thum_type9 .bundle .thum a img {
  display: block;
  width: 211px;
  height: 210px;
}
.thum_type9 .bundle .txt {
  display: block;
  margin-top: 12px;
}
.thum_type9 .bundle .txt a {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
  word-break: break-all;
}
/* thum_type10 // 추가 170421 윤선 */
.thum_type10 {
  position: relative;
}
.thum_type10 .group {
}
.thum_type10 .bundle {
  overflow: hidden;
  margin-top: 5px;
} /* 수정 190102 동현 */
.thum_type10 .bundle:first-child {
  margin-top: 0;
}
.thum_type10 .bundle .thum {
  float: right;
  margin-left: 20px;
}
.thum_type10 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 100px;
  height: 65px;
}
.thum_type10 .bundle .thum a img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.thum_type10 .bundle .area {
  display: table;
  overflow: hidden;
}
.thum_type10 .bundle .area .txt {
  overflow: hidden;
  display: table-cell;
  height: 65px;
  vertical-align: middle;
}
.thum_type10 .bundle .area .txt a {
  display: block;
  max-height: 40px;
  overflow: hidden;
  font-size: 14px;
  letter-spacing: -0.6px;
  line-height: 20px;
  vertical-align: middle;
  color: #4c4c4c;
}
.thum_type10 .big_bundle {
}
.thum_type10 .big_bundle + .bundle {
  margin-top: 25px;
}
.thum_type10 .big_bundle .thum {
  margin: 0;
  float: none;
}
.thum_type10 .big_bundle .thum a {
  width: 260px;
  height: 170px;
} /* 수정 190102 동현 */
.thum_type10 .big_bundle .thum a img {
  width: 100%;
  height: auto;
}
.thum_type10 .big_bundle .area {
  height: 44px;
}
.thum_type10 .big_bundle .area .txt {
  margin-top: 10px;
  position: relative;
  display: block;
  height: 34px;
}
.thum_type10 .big_bundle .area .txt .txt_label1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  font-size: 13px;
  line-height: 34px;
  text-align: center;
  background: #ec008c;
  color: #fff;
}
.thum_type10 .big_bundle .area .txt a {
  padding-left: 44px;
  font-size: 15px;
  line-height: 17px;
  color: #333;
}

/* thum_news1 */
.thum_news1 {
  position: relative;
}
.thum_news1 .group {
}
.thum_news1 .bundle {
  position: relative;
  float: left;
  margin-left: 10px;
}
.thum_news1 .bundle:first-child {
  margin-left: 0;
}
.thum_news1 .bundle a {
  display: block;
  width: 210px;
  height: 210px;
}
.thum_news1 .bundle ul {
}
.thum_news1 .bundle li {
  float: left;
}
.thum_news1 .bundle li img {
  display: block;
  width: 210px;
  height: 210px;
}
.thum_news1 .bundle .btn_prev {
  position: absolute;
  top: 91px;
  left: 10px;
  width: 32px;
  height: 32px;
  background: url(../images/btn_thum_prev1.png) no-repeat 0 0;
}
.thum_news1 .bundle .btn_next {
  position: absolute;
  top: 91px;
  right: 10px;
  width: 32px;
  height: 32px;
  background: url(../images/btn_thum_next1.png) no-repeat 0 0;
}
/* thum_news1_1 */
.thum_news1_1 {
  position: relative;
}
.thum_news1_1 .group {
}
.thum_news1_1 .bundle {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 125px;
}
.thum_news1_1 .bundle:first-child {
  margin-left: 0;
}
.thum_news1_1 .bundle .thum {
}
.thum_news1_1 .bundle .thum a {
  display: block;
  width: 125px;
  height: 125px;
}
.thum_news1_1 .bundle .thum ul {
}
.thum_news1_1 .bundle .thum li {
  float: left;
}
.thum_news1_1 .bundle .thum li img {
  display: block;
  width: 125px;
  height: 125px;
}
.thum_news1_1 .bundle .thum .btn_prev {
  position: absolute;
  top: 51px;
  left: 4px;
  width: 25px;
  height: 25px;
  background: url(../images/btn_thum_prev2.png) no-repeat 0 0;
}
.thum_news1_1 .bundle .thum .btn_next {
  position: absolute;
  top: 51px;
  right: 4px;
  width: 25px;
  height: 25px;
  background: url(../images/btn_thum_next2.png) no-repeat 0 0;
}
.thum_news1_1 .bundle .txt {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
}
/* thum_news1_2 */
.thum_news1_2 {
  position: relative;
}
.thum_news1_2 .group {
}
.thum_news1_2 .bundle {
  position: relative;
  float: left;
  margin-left: 10px;
  padding-bottom: 18px;
  width: 125px;
}
.thum_news1_2 .bundle.first {
  margin-left: 0;
}
.thum_news1_2 .bundle .thum {
}
.thum_news1_2 .bundle .thum a {
  display: block;
  width: 125px;
  height: 125px;
}
.thum_news1_2 .bundle .thum ul {
}
.thum_news1_2 .bundle .thum li {
  float: left;
}
.thum_news1_2 .bundle .thum li img {
  display: block;
  width: 125px;
  height: 125px;
}
.thum_news1_2 .bundle .thum .btn_prev {
  position: absolute;
  top: 51px;
  left: 4px;
  width: 25px;
  height: 25px;
  background: url(../images/btn_thum_prev2.png) no-repeat 0 0;
}
.thum_news1_2 .bundle .thum .btn_next {
  position: absolute;
  top: 51px;
  right: 4px;
  width: 25px;
  height: 25px;
  background: url(../images/btn_thum_next2.png) no-repeat 0 0;
}
.thum_news1_2 .bundle a.on .bg_thum,
.thum_news1_2 .bundle a:hover .bg_thum {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 117px;
  height: 117px;
  border: 4px solid #ec008c;
}
.thum_news1_2 .bundle .txt {
  overflow: hidden;
  display: block;
  margin-top: 5px;
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #666;
}

/* thum_lay1 */
.thum_lay1 {
  position: relative;
}
.thum_lay1 a {
  display: block;
  color: #222;
} /* 수정 160822 세종 */
.thum_lay1 .thum {
  overflow: hidden;
  display: block;
  width: 260px;
  height: 169px;
}
.thum_lay1 .thum img {
  display: block;
  width: 260px;
  min-height: 169px;
}
.thum_lay1 .thum2 {
  overflow: hidden;
  display: block;
  width: 260px;
  height: 146px;
}
.thum_lay1 .thum2 img {
  display: block;
  width: 260px;
  min-height: 146px;
}
.thum_lay1 .thum3 {
  overflow: hidden;
  display: block;
  width: 300px;
  height: 168px;
} /* 추가 170908 해리 */
.thum_lay1 .thum3 img {
  display: block;
  margin-top: -15px;
  width: 300px;
  min-height: 168px;
} /* 추가 170908 해리 */
.thum_lay1 .txt1 {
  overflow: hidden;
  display: block;
  padding: 5px 5px 0;
  width: 250px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
} /* 수정 160822 세종 */
.thum_lay1 .txt1_1 {
  overflow: hidden;
  display: block;
  padding: 5px 0 0;
  width: 300px;
  max-height: 40px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
} /* 추가 170908 해리 */
.thum_lay1:hover .txt1_1,
.thum_lay1:focus .txt1_1 {
  color: #ec008c;
}
.thum_lay1 .txt2 {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 0 10px;
  width: 240px;
  height: 41px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
  font-size: 14px;
  line-height: 39px;
  letter-spacing: -0.6px;
  color: #fff;
}
.thum_lay1 .vod {
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -35px;
  width: 71px;
  height: 71px;
  background: url(../images/icon_vod.png) no-repeat 0 0;
} /* 수정 170908 해리 */
.thum_lay1 .thum:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 169px;
  background: #000;
  opacity: 0.37;
  filter: alpha(opacity: 37);
}
.thum_lay1 .thum2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 146px;
  background: #000;
  opacity: 0.37;
  filter: alpha(opacity: 37);
}
/* thum_lay1_2 */
.thum_lay1_2 {
  position: relative;
}
.thum_lay1_2 a {
  display: block;
}
.thum_lay1_2 .thum {
  overflow: hidden;
  display: block;
  width: 326px;
  height: 154px;
}
.thum_lay1_2 .thum img {
  display: block;
  width: 326px;
  min-height: 154px;
}
.thum_lay1_2 .txt1 {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 0 10px;
  width: 306px;
  height: 51px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
  font-size: 15px;
  line-height: 42px;
  letter-spacing: -0.6px;
  color: #fff;
}
.thum_lay1_2 .thum:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 326px;
  height: 154px;
  background: #000;
  opacity: 0.37;
  filter: alpha(opacity: 37);
}
/* thum_lay2 */
.thum_lay2 {
  position: relative;
}
.thum_lay2 .bundle {
  position: relative;
  float: left;
  margin-left: 10px;
}
.thum_lay2 .bundle:first-child {
  margin-left: 0;
}
.thum_lay2 .bundle a {
  display: block;
}
.thum_lay2 .thum {
  overflow: hidden;
  display: block;
  width: 210px;
  height: 149px;
}
.thum_lay2 .thum img {
  display: block;
  width: 210px;
  height: 149px;
}
.thum_lay2 .txt1 {
  position: absolute;
  bottom: 6px;
  left: 0;
  overflow: hidden;
  padding: 0 8px;
  width: 194px;
  height: 36px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.6px;
  color: #fff;
}
.thum_lay2 .vod {
  position: absolute;
  top: 52px;
  left: 82px;
  width: 46px;
  height: 46px;
  background: url(../images/icon_vod2.svg) no-repeat 0 0 / 46px 46px;
}
.thum_lay2 .thum:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 149px;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity: 30);
}
/* thum_lay3 */
.thum_lay3 {
  position: relative;
  padding-top: 10px;
  background: #fff;
}
.thum_lay3.bg {
  background: #ebebeb;
}
.thum_lay3 a {
  display: block;
}
.thum_lay3 .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 300px;
  height: 169px;
}
.thum_lay3 .thum img {
  display: block;
  width: 300px;
  height: 169px;
}
.thum_lay3 .thum:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 169px;
  background: #000;
  opacity: 0.37;
  filter: alpha(opacity: 37);
}
.thum_lay3 .txt1 {
  overflow: hidden;
  display: block;
  padding: 0 10px;
  width: 280px;
  height: 34px;
  background: #ed008c;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #fff;
}
.thum_lay3 .vod {
  position: absolute;
  bottom: 48px;
  left: 114px;
  width: 71px;
  height: 71px;
  background: url(../images/icon_vod.png) no-repeat 0 0;
}

/* thum_list1 */
.thum_list1 {
  position: relative;
}
.thum_list1 .group {
}
.thum_list1 .bundle {
  float: left;
}
.thum_list1 .bundle a {
  overflow: hidden;
  display: block;
  width: 130px;
  height: 110px;
}
.thum_list1 .bundle a img {
  display: block;
  width: 130px;
  height: 110px;
}
.thum_list1 .area {
  position: relative;
  width: 260px;
  height: 46px;
  background: #ed008c;
  text-align: center;
}
.thum_list1 .area .name {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #fff;
}
.thum_list1 .tab_lol1 {
}
.thum_list1 .tab_lol1 li {
  display: inline-block;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  background: url(../images/bg_list1.png) no-repeat 0 0;
}
.thum_list1 .tab_lol1 li span {
  display: none;
}
.thum_list1 .tab_lol1 li.on {
  background-position: 0 -8px;
}
.thum_list1 .btn_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 46px;
  background: url(../images/btn_thum2_prev1.png) no-repeat 13px 15px;
}
.thum_list1 .btn_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 46px;
  background: url(../images/btn_thum2_next1.png) no-repeat 13px 15px;
}
/* thum_list1_2 */
.thum_list1_2 {
  position: relative;
}
.thum_list1_2 .group {
  overflow: hidden;
} /* 수정 170203 윤선 */
.thum_list1_2 .bundle {
  margin-right: 10px;
  float: left;
} /* 수정 170203 윤선 */
.thum_list1_2 .bundle:first-child {
  margin-right: 11px;
} /* 추가 170203 윤선 */
.thum_list1_2 .bundle:last-child {
  margin-right: 0;
} /* 추가 170203 윤선 */
.thum_list1_2 .bundle a {
  overflow: hidden;
  display: block;
  width: 155px;
  height: 135px;
}
.thum_list1_2 .bundle a img {
  display: block;
  width: 155px;
  height: 135px;
}
.thum_list1_2 .area {
  margin-top: 7px;
  position: relative;
  width: 651px;
  height: 46px;
  background: #ed008c;
  text-align: center;
} /* 수정 170203 윤선 */
.thum_list1_2 .area .name {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #fff;
}
.thum_list1_2 .tab_lol1 {
}
.thum_list1_2 .tab_lol1 li {
  display: inline-block;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  background: url(../images/bg_list1.png) no-repeat 0 0;
}
.thum_list1_2 .tab_lol1 li span {
  display: none;
}
.thum_list1_2 .tab_lol1 li.on {
  background-position: 0 -8px;
}
.thum_list1_2 .btn_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 46px;
  background: url(../images/btn_thum2_prev1.png) no-repeat 13px 15px;
}
.thum_list1_2 .btn_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 46px;
  background: url(../images/btn_thum2_next1.png) no-repeat 13px 15px;
}
/* thum_list2 */
.thum_list2 {
  position: relative;
  margin-top: -7px;
}
.thum_list2 .group {
}
.thum_list2 .bundle {
  overflow: hidden;
}
.thum_list2 .bundle .thum {
  float: left;
  margin-top: 7px;
  margin-right: 20px;
}
.thum_list2 .bundle .thum a {
  overflow: hidden;
  display: block;
  width: 286px;
  height: 203px;
}
.thum_list2 .bundle .thum a img {
  display: block;
  width: 286px;
  min-height: 203px;
}
.thum_list2 .bundle .area {
}
.thum_list2 .bundle .area .tit {
  display: block;
}
.thum_list2 .bundle .area .tit a {
  overflow: hidden;
  display: block;
  max-height: 60px;
  font-size: 23px;
  line-height: 30px;
  color: #222;
}
.thum_list2 .bundle .area .txt {
  display: block;
  margin-top: 17px;
}
.thum_list2 .bundle .area .txt a {
  overflow: hidden;
  display: block;
  max-height: 96px;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 24px;
  color: #666;
}
.thum_list2 .bundle .area .write {
  display: block;
  margin-top: 8px;
  letter-spacing: -1px;
  color: #999;
}
.thum_list2 .bundle .area .write .date {
  letter-spacing: 0;
}
/* thum_list3 */
.thum_list3 {
  position: relative;
}
.thum_list3 .group {
}
.thum_list3 .bundle {
  position: relative;
  float: left;
  overflow: hidden;
  margin-left: 10px;
  width: 210px;
  height: 170px;
}
.thum_list3 .bundle.l_first {
  margin-left: 0;
}
.thum_list3 .bundle a {
  display: block;
}
.thum_list3 .bundle .thum {
  overflow: hidden;
  display: inline-block;
  width: 210px;
  height: 170px;
}
.thum_list3 .bundle .thum img {
  display: block;
  width: 210px;
  min-height: 170px;
}
.thum_list3 .bundle .thum + .area {
}
.thum_list3 .bundle .thum + .area .type {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 210px;
  height: 52px;
  background: url(../images/bg_png60_1.png) repeat 0 0;
}
.thum_list3 .bundle .thum + .area .tit {
  overflow: hidden;
  display: block;
  margin-top: 7px;
  padding: 0 10px;
  height: 35px;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
}
.thum_list3 .bundle .thum + .area .txt {
  display: none;
}
.thum_list3 .bundle .area {
  display: block;
  padding: 0 10px;
  width: 190px;
  height: 170px;
  background: #15132d;
}
.thum_list3 .bundle .area .type {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.thum_list3 .bundle .tit {
  overflow: hidden;
  display: block;
  margin-top: 7px;
  max-height: 66px;
  font-size: 18px;
  line-height: 21px;
  color: #fff;
}
.thum_list3 .bundle .txt {
  overflow: hidden;
  display: block;
  margin-top: 4px;
  max-height: 36px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.thum_list3 .bundle a:hover .tit {
  text-decoration: underline !important;
}
.thum_list3 .bundle a:hover .txt {
  text-decoration: underline !important;
}
.thum_list3 .bundle .icon_up {
  position: absolute;
  top: 0;
  left: 0;
  width: 63px;
  height: 63px;
  background: url(../images/icon_up.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* thum_list4 추가 160129 세종 */
.thum_list4 {
  overflow: hidden;
}
.thum_list4 .bundle {
  float: left;
  overflow: hidden;
  width: 210px;
  height: 220px;
}
.thum_list4 .bundle + .bundle {
  margin-left: 10px;
}
.thum_list4 .bundle a {
  color: #666;
} /* 수정 160822 세종 */
.thum_list4 .bundle .thum {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 170px;
}
.thum_list4 .bundle .thum img {
  display: block;
  width: 100%;
}
.thum_list4 .bundle .thum img.h100 {
  width: auto;
  height: 100%;
}
.thum_list4 .bundle .tit {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  height: 42px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
} /* 수정 160822 세종 */
/* thum_list5 // 추가 170314 윤선 */
.thum_list5 {
  position: relative;
}
.thum_list5 .group {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.thum_list5 .bundle {
  float: left;
  width: 260px;
}
.thum_list5 .bundle:first-child {
  margin-left: 0;
}
.thum_list5 .bundle a {
  display: block;
}
.thum_list5 .bundle a .thum {
  display: block;
  width: 260px;
  height: 160px;
  overflow: hidden;
}
.thum_list5 .bundle a .thum img {
  width: 100%;
  min-height: 100%;
}
.thum_list5 .bundle a .tit {
  margin-top: 5px;
  display: block;
  max-height: 40px;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #222;
}
.thum_list5 .bundle a .cate {
  padding: 0 8px 0 9px;
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: rgba(8, 24, 59, 0.8);
  color: #fff;
}
.thum_list5 .btn a {
  position: absolute;
  top: 62px;
  width: 22px;
  height: 37px;
  background: url(../images/btn_prevnext2.svg) no-repeat 0 0 / 44px 37px;
  text-indent: -9999px;
}
.thum_list5 .btn a.btn_prev {
  left: 0;
  background-position: 0 0;
}
.thum_list5 .btn a.btn_next {
  right: 0;
  background-position: 100% 0;
}
/* thum_list6 추가 180323 동현 */
.thum_list6 {
  overflow: hidden;
}
.thum_list6 .bundle {
  float: left;
  overflow: hidden;
  width: 207px;
  height: 206px;
}
.thum_list6 .bundle + .bundle {
  margin-left: 15px;
}
.thum_list6 .bundle a {
  color: #222;
}
.thum_list6 .bundle a:hover,
.thum_list6 .bundle a:focus {
  text-decoration: underline;
}
.thum_list6 .bundle .thum {
  display: block;
  overflow: hidden;
  width: 207px;
  height: 147px;
}
.thum_list6 .bundle .thum img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.thum_list6 .bundle .tit {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  height: 44px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.65px;
}
/* //thum_list6 추가 180323 동현 */
/* lst_type_p1 */
.lst_type_p1 {
  position: relative;
}
.lst_type_p1 .group {
}
.lst_type_p1 .bundle {
  position: relative;
  overflow: hidden;
  margin-top: 27px;
} /* 수정 170327 윤선 */
.lst_type_p1 .bundle:first-child {
  margin-top: 0;
}
.lst_type_p1 .bundle .thum {
  float: left;
  overflow: hidden;
  margin: 0 14px 0 0;
  width: 142px;
  height: 142px;
  background: #fff;
  text-align: center;
  border: 1px solid #ccc;
}
.lst_type_p1 .bundle .thum img {
  max-width: 142px;
  max-height: 142px;
  vertical-align: middle;
}
.lst_type_p1 .bundle .area {
  padding-top: 2px;
}
.lst_type_p1 .bundle .area .cls {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #ec008c;
}
.lst_type_p1 .bundle .area .cls a {
  display: block;
  color: #ec008c;
}
.lst_type_p1 .bundle .area .cls2 {
  color: #ec008c;
}
.lst_type_p1 .bundle .area .tit {
  overflow: hidden;
  display: block;
  height: 17px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 17px;
} /* 수정 170327 윤선 */
.lst_type_p1 .bundle .area .tit a {
  color: #333;
}
.lst_type_p1 .bundle .area .time + .tit {
  padding-right: 47px;
} /* 추가 170327 윤선 */
.lst_type_p1 .bundle .area .txt {
  overflow: hidden;
  margin-top: 13px;
  max-height: 66px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.5px;
  color: #777;
} /* 수정 170327 윤선 */
.lst_type_p1 .bundle .area .write {
  display: block;
  margin-top: 7px;
  letter-spacing: -1px;
  color: #999;
}
.lst_type_p1 .bundle .area .write .date {
  letter-spacing: 0;
}
.lst_type_p1 .bundle .area .cls + .tit {
  margin-top: 11px;
}
.lst_type_p1 .bundle .area .time {
  position: absolute;
  top: 1px;
  right: 0;
  font-size: 12px;
  color: #999;
} /* 추가 170327 윤선 */
.lst_type_p1 .bundle .area a:hover {
  text-decoration: underline;
}

/* 메인 상단 */
.con_top {
  position: relative;
}
/* 이미지탭 */
.con_top .top_news {
}
/* 추가 160822 세종 */
.top_news .slider {
  margin: 0 -2px;
}
.top_news .slick-slider {
  position: relative;
}
.top_news .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.top_news .slick-list:focus {
  outline: none;
}
.top_news .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.top_news .slick-track:before,
.top_news .slick-track:after {
  display: table;
  content: "";
}
.top_news .slick-track:after {
  clear: both;
}
.top_news .slick-loading .slick-track {
  visibility: hidden;
}
.top_news .slick-slide {
  display: none;
  float: left;
  width: 242px;
  height: 218px;
}
.top_news .slick-slide a {
  display: block;
  position: relative;
  margin: 0 2px;
  height: 100%;
  color: #fff !important;
}
.top_news .slick-slide a:hover .subject,
.top_news .slick-slide a:focus .subject {
  text-decoration: underline !important;
}
.top_news .slick-slide img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.top_news .slick-slide a .shadow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.2;
  filter: alpha(opacity: 20);
}
.top_news .slick-slide a:hover .shadow,
.top_news .slick-slide a:focus .shadow {
  display: none;
} /* 추가 170523 세종 */
.top_news .slick-slide .subject {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 10px;
  overflow: hidden;
  max-height: 50px;
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: -0.6px;
}
.top_news .slick-slide.slick-loading img {
  display: none;
}
.top_news .slick-initialized .slick-slide {
  display: block;
}
.top_news .slick-loading .slick-slide {
  visibility: hidden;
}
.top_news .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.top_news .slick-arrow.slick-hidden {
  display: none;
}
.top_news .slick-prev,
.top_news .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  width: 30px;
  height: 52px;
  font-size: 0;
  line-height: 0;
  background: url(../images/btn_prevnext1.png) no-repeat;
}
.top_news .slick-prev {
  left: -55px;
  background-position: 0 0;
}
.top_news .slick-next {
  right: -55px;
  background-position: right 0;
}
/* 큰이미지 */
.top_news > .bigimg {
  position: relative;
  float: left;
}
.top_news > .bigimg a {
  display: block;
  width: 340px;
  height: 306px;
}
.top_news > .bigimg .thum {
  position: relative;
  overflow: hidden;
  width: 340px;
  height: 306px;
}
.top_news > .bigimg .thum:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 334px;
  height: 300px;
  border: 3px solid #ed008c;
}
.top_news > .bigimg .thum img {
  display: block;
  width: 340px;
  height: 306px;
}
.top_news > .bigimg .area {
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: 334px;
  height: 60px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
}
.top_news > .bigimg .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 17px;
  max-height: 48px;
  font-size: 17px;
  letter-spacing: -0.6px;
  line-height: 24px;
  vertical-align: middle;
  color: #fff;
  word-break: break-all;
}
.top_news > .bigimg .area .s1 {
  color: #ec008c;
}
.top_news > .bigimg .icon {
  position: absolute;
  top: -1px;
  left: 13px;
}
/* 작은이미지 */
.top_news > .thumlist {
  float: left;
  width: 340px;
}
.top_news > .thumlist .bundle {
  position: relative;
  float: left;
}
.top_news > .thumlist .bundle a {
  display: block;
  width: 170px;
  height: 153px;
}
.top_news > .thumlist .bundle .thum {
  overflow: hidden;
  display: block;
  width: 170px;
  height: 153px;
}
.top_news > .thumlist .bundle .thum img {
  display: block;
  width: 170px;
  height: 153px;
}
.top_news > .thumlist .bundle .area {
  display: none;
}
.top_news > .thumlist .bundle:hover .area,
.top_news > .thumlist .bundle.on .area {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 170px;
  height: 153px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
}
.top_news > .thumlist .bundle:hover .area .txt,
.top_news > .thumlist .bundle.on .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 23px;
  max-height: 69px;
  font-size: 15px;
  letter-spacing: -0.6px;
  line-height: 23px;
  color: #fff;
  vertical-align: middle;
  word-break: break-all;
}
.top_news > .thumlist .bundle:hover .area .s1,
.top_news > .thumlist .bundle.on .area .s1 {
  color: #ec008c;
}
/* 큰이미지2 */
.top_news2 > .bigimg {
  position: relative;
  float: left;
}
.top_news2 > .bigimg a {
  display: block;
  width: 324px;
  height: 292px;
}
.top_news2 > .bigimg .thum {
  position: relative;
  overflow: hidden;
  width: 324px;
  height: 292px;
}
.top_news2 > .bigimg .thum:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 318px;
  height: 286px;
  border: 3px solid #ed008c;
}
.top_news2 > .bigimg .thum img {
  display: block;
  width: 324px;
  height: 292px;
}
.top_news2 > .bigimg .area {
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: 318px;
  height: 34px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
}
.top_news2 > .bigimg .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 17px;
  max-height: 24px;
  font-size: 17px;
  letter-spacing: -0.6px;
  line-height: 24px;
  vertical-align: middle;
  color: #fff;
  word-break: break-all;
}
.top_news2 > .bigimg .area .s1 {
  color: #ec008c;
}
.top_news2 > .bigimg .icon {
  position: absolute;
  top: -1px;
  left: 13px;
}
/* 작은이미지2 */
.top_news2 > .thumlist {
  float: left;
  width: 326px;
}
.top_news2 > .thumlist .bundle {
  position: relative;
  float: left;
}
.top_news2 > .thumlist .bundle a {
  display: block;
  width: 163px;
  height: 146px;
}
.top_news2 > .thumlist .bundle .thum {
  overflow: hidden;
  display: block;
  width: 163px;
  height: 146px;
}
.top_news2 > .thumlist .bundle .thum img {
  display: block;
  width: 163px;
  height: 146px;
}
.top_news2 > .thumlist .bundle .area {
  display: none;
}
.top_news2 > .thumlist .bundle:hover .area,
.top_news2 > .thumlist .bundle.on .area {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 163px;
  height: 146px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
}
.top_news2 > .thumlist .bundle:hover .area .txt,
.top_news2 > .thumlist .bundle.on .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 23px;
  max-height: 69px;
  font-size: 15px;
  letter-spacing: -0.6px;
  line-height: 23px;
  color: #fff;
  vertical-align: middle;
  word-break: break-all;
}
.top_news2 > .thumlist .bundle:hover .area .s1,
.top_news2 > .thumlist .bundle.on .area .s1 {
  color: #ec008c;
}

.top_news .top_box {
  position: relative;
  padding: 29px 20px 0;
  width: 258px;
  height: 303px;
  border: 1px solid #ccc;
} /* 수정 170327 윤선 */
/* 우측 박스 */
.con_top .top_box {
  position: relative;
  padding: 28px 19px 0;
  width: 260px;
  height: 276px;
  border: 1px solid #ccc;
}

/* m_imgbox */
.m_imgbox {
  overflow: hidden;
} /* 수정 170314 윤선 */
/* 큰이미지 */
.m_imgbox > .bigimg {
  position: relative;
  float: left;
}
.m_imgbox > .bigimg a {
  display: block;
  width: 217px;
  height: 279px;
}
.m_imgbox > .bigimg a .thum {
  position: relative;
  overflow: hidden;
  width: 217px;
  height: 279px;
}
.m_imgbox > .bigimg a .thum img {
  display: block;
  width: 217px;
  height: 279px;
}
.m_imgbox > .bigimg .area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 217px;
  height: 53px;
  background: url(../images/bg_png80_1.png) repeat 0 0;
}
.m_imgbox > .bigimg .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 12px;
  max-height: 40px;
  font-size: 13px;
  letter-spacing: -0.6px;
  line-height: 20px;
  vertical-align: middle;
  color: #fff;
  word-break: break-all;
}
.m_imgbox > .bigimg .area .s1 {
  color: #ec008c;
}
/* 작은이미지 */
.m_imgbox > .thumlist {
  float: left;
}
.m_imgbox > .thumlist .bundle {
  position: relative;
}
.m_imgbox > .thumlist .bundle a {
  overflow: hidden;
  display: block;
  width: 83px;
  height: 93px;
}
.m_imgbox > .thumlist .bundle a img {
  display: block;
  width: 83px;
  height: 93px;
}
.m_imgbox > .thumlist .bundle:hover a:after,
.m_imgbox > .thumlist .bundle.on a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #ec008c;
  box-sizing: border-box;
}

/* 실시간 속보 */
.timeNews {
  position: relative;
}
.timeNews .h3_tit {
  float: left;
  padding-top: 15px;
  width: 120px;
  height: 97px;
  background: #ec008c;
  font-weight: normal;
  text-align: center;
  color: #fff;
}
.timeNews .bx_new {
  margin-left: 120px;
  padding: 15px 0 0 19px;
  height: 95px;
  border: 1px solid #ccc;
  border-left: 0;
}

/* 검색결과 없음 */
.no_result {
  color: #333;
}
.no_result strong {
}
.no_result ul {
  margin: 12px 0 0 12px;
}
.no_result li {
  padding-left: 8px;
  background: url(../images/bg_square1.gif) no-repeat 0 10px;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: -0.5px;
}

/* 라이브 인터뷰 */
.bx_ing1 {
  position: relative;
}
.bx_ing1 .thum {
  overflow: hidden;
  display: block;
  width: 980px;
  height: 257px;
}
.bx_ing1 .thum img {
  display: block;
  width: 980px;
}
.bx_ing1 .area {
  position: absolute;
  top: 64px;
  left: 0;
  width: 980px;
  text-align: center;
}
.bx_ing1 .area .txt1 {
  display: inline-block;
  font-size: 55px;
  line-height: 55px;
  letter-spacing: -2.3px;
  color: #ec008c;
}
.bx_ing1 .area .txt2 {
  display: inline-block;
  margin-top: 11px;
  font-size: 42px;
  line-height: 42px;
  letter-spacing: -0.5px;
  color: #fff;
}
.bx_ing1 .txt_img1 {
  position: absolute;
  top: 104px;
  left: 268px;
}
.bx_ing1 .vod {
  position: absolute;
  top: 204px;
  left: 408px;
  width: 176px;
  height: 176px;
  background: url(../images/icon_vod3.png) no-repeat 0 0;
}
.bx_ing1 .bdge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity: 80);
}

/*  롤링 이미지 */
.section_top_slide {
  position: relative;
  overflow: hidden;
  height: 160px;
}
.section_top_slide .slide_box {
  overflow: hidden;
  margin: 0 54px;
  width: 860px;
  height: 160px;
}
.section_top_slide .slide_box .slide_group {
  overflow: hidden;
  height: 160px;
}
.section_top_slide .slide_box .slide_group li {
  float: left;
  position: relative;
  overflow: hidden;
  margin-left: 15px;
  width: 110px;
  height: 160px;
}
.section_top_slide .slide_box .slide_group li:first-child {
  margin-left: 0;
}
.section_top_slide .slide_box .slide_group li img {
  display: block;
  width: 110px;
  height: 110px;
}
.section_top_slide .slide_box .slide_group li a {
  overflow: hidden;
  display: block;
  width: 110px;
  height: 160px;
}
.section_top_slide .slide_box .slide_group li .txt {
  overflow: hidden;
  display: block;
  height: 40px;
  font-size: 16px;
  letter-spacing: -0.6px;
  line-height: 20px;
  color: #434343;
}
.section_top_slide .slide_box .slide_group li a .bgline {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 110px;
  height: 110px;
}
.section_top_slide .slide_box .slide_group li a.on .bgline,
.section_top_slide .slide_box .slide_group li a:hover .bgline,
.section_top_slide .slide_box .slide_group li a:focus .bgline {
  width: 100px;
  height: 100px;
  border: 5px solid #ec008c;
}
.section_top_slide .slide_box .slide_group li a.on .txt,
.section_top_slide .slide_box .slide_group li a:hover .txt,
.section_top_slide .slide_box .slide_group li a:focus .txt {
  color: #ec008c;
}
.section_top_slide .prev {
  position: absolute;
  top: 32px;
  left: 0;
  width: 40px;
  height: 40px;
  background: url(../images/btn_thum4_prev1.svg) no-repeat 0 0;
}
.section_top_slide .next {
  position: absolute;
  top: 32px;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(../images/btn_thum4_next1.svg) no-repeat 0 0;
}

/* 포토 슬라이드 */
.thum_article {
  position: relative;
}
/* 타이틀 */
.thum_article .tit_area {
  position: relative;
  max-width: calc(980px - 236px);
}
.thum_article .at_tit1 {
  display: inline;
  font-size: 23px;
  font-weight: normal;
  letter-spacing: -0.6px;
  line-height: 36px;
  color: #434343;
}
.thum_article .c1 {
  color: #ec008c;
}
.thum_article .at_tit1 + .num {
  position: relative;
  display: inline-block;
  padding: 0 13px;
  height: 23px;
  font-size: 12px;
  line-height: 23px;
  vertical-align: text-bottom;
  color: #666;
  border: 1px solid #ec008c;
  border-radius: 15px;
}
.thum_article .at_tit1 .write {
  display: block;
  margin-top: -6px;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #888;
}
.thum_article .at_tit2 {
  font-size: 26px;
  font-weight: normal;
  line-height: 32px;
}
.thum_article .at_tit3 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.5px;
  line-height: 24px;
  color: #404040;
}
.thum_article .write {
  display: block;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #888;
}
.thum_article .at_tit1 .write {
  margin-top: -6px;
}
/* 레이어 공유하기 */
.at_btn1 {
  position: absolute;
  top: 0;
  right: 0;
}
.at_btn1 .bx_sns {
  position: relative;
  float: left;
}
.at_btn1 .bx_sns .selt {
  z-index: 10;
}
.at_btn1 .bx_sns .selt a {
  display: block;
  width: 140px;
  height: 29px;
  font-size: 13px;
  line-height: 27px;
  letter-spacing: -0.25px;
  text-align: center;
  color: #737373 !important;
  border: 1px solid #b0b0b0;
  box-sizing: border-box;
}
.at_btn1 .bx_sns .selt a img {
  margin-top: 6px;
}
.at_btn1 .bx_sns .selt a .img_share {
  width: 21px;
  height: 17px;
}
.at_btn1 .bx_sns .lay_sc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  position: absolute;
  top: 28px;
  left: 0;
  width: 140px;
  height: 53px;
  text-align: center;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
}
/*.at_btn1 .bx_sns .lay_sc li {display:inline-block;}*/
/*.at_btn1 .bx_sns .lay_sc li:first-child {margin-left:0;}*/
.at_btn1 .bx_sns .lay_sc li a {
}
.at_btn1 .bx_sns .lay_sc li a img {
  width: 24px;
  height: 25px;
}
.at_btn1 .img_list {
  width: 12px;
  height: 10px;
}

/* 목록 */
.at_btn1 .btn_list {
  float: left;
  margin-left: 5px;
  width: 79px;
  height: 29px;
  font-size: 13px;
  line-height: 27px;
  letter-spacing: -0.25px;
  text-align: center;
  color: #ec008c;
  border: 1px solid #ec008c;
}
.at_btn1 .btn_list img {
  margin-top: 9px;
}
/* 라인박스 */
.bx_line {
  position: relative;
  background: #f5f4f4;
  border: 1px solid #dedede;
}
.bx_line .bxbg {
  padding: 23px 19px 3px;
}
/* 포토기사 */
.thum_article .article_area {
  position: relative;
}
.article_area .bx_tit {
  margin: 0 auto;
  width: 560px;
}
.article_area .bx_tit h2 {
  font-size: 23px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: -0.6px;
  color: #434343;
}
.article_area .write {
  display: block;
  font-size: 12px;
  letter-spacing: -0.5px;
  color: #888;
}
.article_area .article_photo {
  position: relative;
  overflow: hidden;
  text-align: center;
}
/* 추가 190521 동현 */
.article_area .article_photo .photo_image {
  position: relative;
  display: table-cell;
  width: 980px;
  height: 580px;
  vertical-align: middle;
  text-align: center;
}
.article_area .article_photo .photo_image img {
  max-width: 560px;
  max-height: 580px;
}
/* 추가 190521 동현 */
.article_area .article_photo img {
  max-width: 560px;
}
.article_area .article_photo .btn_prev {
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  width: 50%;
  height: 100%;
  text-indent: -9999px;
}
.article_area .article_photo .btn_next {
  position: absolute;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 50%;
  height: 100%;
  text-indent: -9999px;
}
.article_area .article_photo .btn_prev .prev {
  position: absolute;
  top: 50%;
  left: 30px;
  overflow: hidden;
  margin-top: -40px;
  width: 48px;
  height: 80px;
  background: url(../images/btn_thum3_prev1.svg) no-repeat 0 0 / 96px 80px;
  text-indent: -9999px;
  cursor: pointer;
} /* 수정 190521 동현 */
.article_area .article_photo .btn_prev:hover .prev,
.article_area .article_photo .btn_prev:focus .prev {
  background-position: -48px center;
}
.article_area .article_photo .btn_next .next {
  position: absolute;
  top: 50%;
  right: 30px;
  overflow: hidden;
  margin-top: -40px;
  width: 48px;
  height: 80px;
  background: url(../images/btn_thum3_next1.svg) no-repeat right 0 / 96px 80px;
  text-indent: -9999px;
  cursor: pointer;
} /* 수정 190521 동현 */
.article_area .article_photo .btn_next:hover .next,
.article_area .article_photo .btn_next:focus .next {
  background-position: left center;
}
.article_area .article_photo a:focus {
  text-indent: 0;
}
.article_area .article_body p {
  font-size: 16px;
  line-height: 24px;
}

/* 본문 */
.article_area .article {
  padding: 40px 0;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #333;
}
.article_area .article .article_thum {
  width: 40px;
}
.article_area .article .article_thum img {
  display: block;
  width: auto;
  max-width: 560px;
  margin-bottom: 5px;
}
.article_area .article .article_thum .img img {
  display: block;
  margin: 0;
}
.article_area .article .article_thum .desc {
  font-size: 12px;
  text-align: left;
  letter-spacing: -0.25px;
  color: #666;
}
.article_area .article .article_thum.left {
  float: left;
  margin: 5px 20px 10px 0;
  padding: 0;
}
.article_area .article .article_thum.right {
  float: right;
  margin: 5px 0 10px 20px;
  padding: 0;
}
.article_area .article .article_thum.center {
  margin: 0 auto 20px;
}
.article_area .copyright {
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #8c8c8c;
}
/* 본문 공유하기 */
.article_area .lst_sc {
}
.article_area .lst_sc li {
  float: left;
  margin-left: 9px;
}
.article_area .lst_sc li:first-child {
  margin-left: 0;
}
.article_area .lst_sc li a {
  display: block;
  letter-spacing: -0.25px;
  color: #999 !important;
}
.article_area .lst_sc li a img {
  margin-right: 6px;
}
.article_area .lst_sc li a .img_tw {
  width: 18px;
  height: 15px;
}
.article_area .lst_sc li a .img_fa {
  width: 9px;
  height: 18px;
}
.article_area .lst_sc li a .img_line {
  width: 17px;
  height: 17px;
}
.article_area .lst_sc li a .img_weibo {
  width: 20px;
  height: 16px;
}

.article_area .lst_sc2 {
}
.article_area .lst_sc2 li {
  float: left;
  margin-left: -1px;
}
.article_area .lst_sc2 li:first-child {
  margin-left: 0;
}
.article_area .lst_sc2 li a {
  display: block;
}
.article_area .lst_sc2 li a img {
  width: 36px;
  height: 36px;
}
.article_area .article_function {
  float: left;
} /* 수정 170601 윤선 */
.article_area .article_function li {
  float: left;
  margin-left: -1px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  border: 1px solid #adadad;
} /* 수정 170601 윤선 */
.article_area .article_function li a {
  display: block;
  font-size: 14px;
  letter-spacing: -0.25px;
}
.article_area .article_function li a img {
  margin-top: -2px;
  margin-left: 2px;
  vertical-align: middle;
}
.article_area .fontsize_function {
}
.article_area .fontsize_function li {
  line-height: 19px;
}
.article_area .fontsize_function .btn_fontsize {
  width: 22px;
  height: 22px;
  background: url(../images/btn/btn_fontsize.svg) no-repeat center center / 18px
    18px;
  font-size: 0;
  line-height: 0;
}
.article_area .fontsize_function .btn_fontsize:hover {
  background-image: url(../images/btn/btn_fontsize_hover.svg);
}
.article_area .fontsize_function .btn_fontsize.font_large {
  background-image: url(../images/btn/btn_fontsize_plus.svg);
  background-size: 9px 9px;
}
.article_area .fontsize_function .btn_fontsize.font_large.on {
  background-image: url(../images/btn/btn_fontsize_plus_hover.png);
}
.article_area .fontsize_function .btn_fontsize.font_large:active {
  margin: 1px 0 0 1px;
}
.article_area .fontsize_function .btn_fontsize.font_small {
  background-image: url(../images/btn/btn_fontsize_minus.svg);
  background-size: 9px 9px;
}
.article_area .fontsize_function .btn_fontsize.font_small.on {
  background-image: url(../images/btn/btn_fontsize_minus_hover.png);
}
.article_area .fontsize_function .btn_fontsize.font_small:active {
  margin: 1px 0 0 1px;
}
@media (hover: hover) {
  /*.article_area .fontsize_function .btn_fontsize.font_large:hover {background-image:url(../images/btn/btn_fontsize_plus_hover.png);}
	.article_area .fontsize_function .btn_fontsize.font_small:hover {background-image:url(../images/btn/btn_fontsize_minus_hover.png);}*/
}
.article_area .fontsize_function .font_select:focus .layer_ftsize,
.article_area .fontsize_function .font_select:hover .layer_ftsize {
  display: block;
}

.layer_ftsize {
  display: none;
  position: absolute;
  top: 36px;
  right: 0;
  width: 122px;
  padding: 20px;
  background: #fff;
  border: 1px solid #cfcfcf;
  z-index: 10;
}
.layer_ftsize.on {
  display: block;
}
.layer_ftsize:after {
  content: "";
  position: absolute;
  top: -8px;
  right: 49px;
  width: 100%;
  width: 14px;
  height: 8px;
  background: url(../images/layerpop_arrow1.svg) no-repeat 0px 0px / cover;
}
.layer_ftsize .group .bundle {
  float: none;
  position: relative;
  margin-top: 15px;
  margin-left: 1px;
  width: 100%;
  height: 100%;
  text-align: left;
  border: none;
}
.layer_ftsize .group .bundle:first-child {
  margin-top: 0;
}
.layer_ftsize .group .bundle label {
  display: inline-block;
  padding-left: 24px;
  background: url(../images/checkbox1.svg) no-repeat 0 0 / 18px 36px;
  line-height: 18px;
  letter-spacing: -0.05rem;
  color: #777;
}
.layer_ftsize .group .bundle.ft14 label {
  font-size: 14px;
}
.layer_ftsize .group .bundle.ft16 label {
  font-size: 16px;
}
.layer_ftsize .group .bundle.ft18 label {
  font-size: 18px;
}
.layer_ftsize .group .bundle.ft20 label {
  font-size: 20px;
}
.layer_ftsize .group .bundle input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.layer_ftsize .group .bundle input[type="radio"]:checked + label {
  background-position: 0 -18px;
  color: #333;
}
/* 인기뉴스 */
.article_area .relnews {
  overflow: hidden;
  position: relative;
  padding: 20px 37px 36px 35px;
  border: 1px solid #dedede;
}
.article_area .relnews .rolling_box {
  overflow: hidden;
}
.article_area .relnews button.prev {
  position: absolute;
  top: 67px;
  left: 0;
  width: 48px;
  height: 96px;
  background: url(../images/btn_thum5_prev1.svg) no-repeat 0 0;
}
.article_area .relnews button.next {
  position: absolute;
  top: 67px;
  right: 0;
  width: 48px;
  height: 96px;
  background: url(../images/btn_thum5_next1.svg) no-repeat 0 0;
}

/* 기자 */
.article_area .writer_profile {
  overflow: hidden;
  position: relative;
  min-height: 82px;
  background: #f4f4f4;
}
.article_area .writer_profile .thum {
  position: absolute;
  top: 11px;
  left: 11px;
  overflow: hidden;
  width: 64px;
  height: 60px;
  background: url(../images/bg_photo.gif) no-repeat 0 0;
}
.article_area .writer_profile .thum img {
  display: block;
  width: 100%;
  height: 100%;
}
.article_area .writer_profile .conbox {
  overflow: hidden;
  padding: 12px 0 0 88px;
  font-size: 14px;
}
.article_area .writer_profile .conbox .link_fa {
  margin-left: 4px;
}
.article_area .writer_profile .conbox .link_tw {
  margin-left: 7px;
}
.article_area .writer_profile .name {
  float: left;
  color: #666;
}
.article_area .writer_profile .mail {
  float: left;
  color: #666;
}
.article_area .writer_profile .bar {
  float: left;
  padding: 0 9px 0 8px;
  color: #ccc;
}
.article_area .writer_profile .sns {
  float: left;
  margin-right: 10px;
}
.article_area .writer_profile .txt {
  clear: both;
  overflow: hidden;
  margin-top: 7px;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: #666;
}
.article_area .writer_profile .img_fa {
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.article_area .writer_profile .img_tw {
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

/* 포토슬라이드 */
.article_area .photo_slide {
  position: relative;
  padding: 0 10px;
  height: 397px;
  background: #15132d;
}
.article_area .photo_slide h3 {
  padding-top: 17px;
  height: 34px;
}
.article_area .photo_slide .photo_group {
  position: relative;
}
.article_area .photo_slide .photo_group li {
  position: absolute;
  overflow: hidden;
  width: 154px;
  height: 161px;
}
.article_area .photo_slide .photo_group li a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 154px;
  height: 161px;
  color: #fff !important;
}
.article_area .photo_slide .photo_group li a img {
  display: block;
  width: 154px;
  height: 161px;
}
.article_area .photo_slide .photo_group li a .subject {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 47px;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity: 70);
}
.article_area .photo_slide .photo_group li a.on .subject,
.article_area .photo_slide .photo_group li a:hover .subject,
.article_area .photo_slide .photo_group li a:focus .subject {
  background: #ed008c;
}
.article_area .photo_slide .photo_group li a .tit {
  position: absolute;
  left: 0;
  bottom: 7px;
  overflow: hidden;
  padding: 0 10px;
  height: 36px;
  font-size: 13px;
  letter-spacing: -0.6px;
  line-height: 18px;
}
.article_area .photo_slide .photo_group li.photo_01 {
  top: 0;
  left: 165px;
  width: 301px;
  height: 333px;
}
.article_area .photo_slide .photo_group li.photo_01 a {
  width: 301px;
  height: 333px;
}
.article_area .photo_slide .photo_group li.photo_01 a img {
  width: 301px;
  height: 333px;
}
.article_area .photo_slide .photo_group li.photo_01 a .tit {
  font-size: 15px;
}
.article_area .photo_slide .photo_group li.photo_02 {
  top: 0;
  left: 0;
}
.article_area .photo_slide .photo_group li.photo_03 {
  top: 174px;
  left: 0;
}
.article_area .photo_slide .photo_group li.photo_04 {
  top: 174px;
  right: 0;
}
.article_area .photo_slide .photo_group li.photo_05 {
  top: 0;
  right: 0;
}

/* 카드뉴스 */
.article_area .cardnews {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 560px;
  height: 560px;
}
.article_area .cardnews ul {
  overflow: hidden;
}
.article_area .cardnews ul li {
  float: left;
  overflow: hidden;
  width: 560px;
  height: 560px;
}
.article_area .cardnews ul li img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.article_area .cardnews button {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
}
.article_area .cardnews .prev {
  left: 10px;
  background: url(../images/btn_thum_prev.png) no-repeat 0 0;
}
.article_area .cardnews .prev:hover,
.article_area .cardnews .prev:focus {
  background: url(../images/btn_thum_prev_on.png) no-repeat 0 0;
}
.article_area .cardnews .next {
  right: 10px;
  background: url(../images/btn_thum_next.png) no-repeat 0 0;
}
.article_area .cardnews .next:hover,
.article_area .cardnews .next:focus {
  background: url(../images/btn_thum_next_on.png) no-repeat 0 0;
}
.article_area .cardnews button.noimg {
  background: none !important;
  cursor: default;
}

/* 퀴즈 */
.bx_qna {
  position: relative;
  border: 1px solid #cacaca;
}
.bx_qna .bx_q {
  position: relative;
  padding: 0 46px 0 72px;
  height: 95px;
  background: #f2f2f2 url(../images/icon_q.png) no-repeat 16px 24px;
  vertical-align: middle;
}
.bx_qna .bx_q .puestions {
  display: inline-block;
  margin-top: -5px;
  max-height: 56px;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -0.25px;
  line-height: 28px;
  vertical-align: middle;
}
.bx_qna .bx_a {
  padding: 25px 0 20px 67px;
  border-top: 1px solid #cacaca;
}
.bx_qna .bx_a .group {
}
.bx_qna .bx_a .group li {
  font-size: 15px;
  line-height: 28px;
  letter-spacing: -0.2px;
}
.bx_qna .bx_a .group li .num {
  display: inline-block;
  width: 47px;
  height: 24px;
  background: url(../images/bg_num2.png) no-repeat 0 4px;
  text-align: center;
  color: #fff;
}
.bx_qna .txt1 {
  margin-left: 9px;
  letter-spacing: -0.2px;
  color: #686868;
}

.bx_qna2 {
  position: relative;
  padding: 53px 65px 34px;
  width: 520px;
  height: 443px;
  background: #f5f5f5;
}
.bx_qna2 .txt1 {
  display: inline-block;
  width: 520px;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  color: #666;
}
.bx_qna2 .q_thum {
  overflow: hidden;
  width: 520px;
  height: 346px;
}
.bx_qna2 .q_thum img {
  display: block;
  width: 520px;
  height: 346px;
}
.bx_qna2 .q_num {
  text-align: center;
  color: #666;
}
.bx_qna2 .q_area {
  position: relative;
}
.bx_qna2 .q_area .in_txt {
  width: 421px;
  height: 41px;
  text-align: center;
  font-size: 15px;
  letter-spacing: -0.2px;
  color: #424242;
  border: 1px solid #bcbcbc;
  border-right: 0;
}
.bx_qna2 .q_area .next {
  position: absolute;
  top: 0;
  right: 0;
  width: 98px;
  height: 43px;
  background: #ec008c;
  font-size: 13px;
  text-align: center;
  letter-spacing: -0.2px;
  color: #f9f9f9;
}

.bx_tb1 {
  position: relative;
  border-top: 2px solid #4e4e4e;
}
.bx_tb1 .tit_area {
  position: relative;
  padding: 13px 14px 14px 12px;
  border-bottom: 1px solid #cbcbcb;
}
.bx_tb1 .tit_area .tit {
  float: left;
  width: 500px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.bx_tb1 .tit_area .date {
  float: right;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #666;
}
.bx_tb1 .txt_area {
  padding: 21px 0 21px 13px;
  min-height: 598px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #cbcbcb;
}

.bx_tb1 table {
}
.bx_tb1 th {
  padding: 9px 0;
  font-size: 14px;
  letter-spacing: -0.5px;
  border-bottom: 1px solid #4e4e4e;
}
.bx_tb1 td {
  padding: 9px 0;
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #666;
  border-bottom: 1px solid #b9b9b9;
}
.bx_tb1 .num {
  text-align: center;
}
.bx_tb1 .title {
  padding-left: 18px;
}
.bx_tb1 a:hover {
  text-decoration: underline;
  color: #666 !important;
}

/* 추가 200221 동현 */
/* 우측 날개 배너 */
.right_banner {
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: 510px;
  width: 150px;
  height: 300px;
}
.right_banner.stview {
  top: 0;
}
/* // 추가 200221 동현 */

/* 만화 배너 */
.comic_banner {
  position: relative;
}
.comic_banner .group {
}
.comic_banner .bundle {
  position: relative;
  overflow: hidden;
  margin-top: 2px;
  width: 300px;
  height: 124px;
}
.comic_banner .bundle:first-child {
  margin-top: 0;
}
.comic_banner .bundle a {
  display: block;
  overflow: hidden;
  width: 300px;
  height: 124px;
}
.comic_banner .bundle.ltype a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_sc1.png) no-repeat 0 0;
}
.comic_banner .bundle.rtype a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_sc2.png) no-repeat 0 0;
}
.comic_banner .bundle .thum {
  width: 166px;
}
.comic_banner .bundle.ltype .thum {
  float: left;
}
.comic_banner .bundle.rtype .thum {
  float: right;
}
.comic_banner .bundle .thum img {
  width: 100%;
  min-height: 100%;
}
.comic_banner .bundle .area {
  height: 124px;
  z-index: 1;
}
.comic_banner .bundle.ltype .area {
  position: absolute;
  top: 0;
  left: 180px;
  width: 94px;
}
.comic_banner .bundle.rtype .area {
  position: absolute;
  top: 0;
  left: 26px;
  width: 100px;
}
.comic_banner .bundle .area .table {
  display: table;
  height: 124px;
  vertical-align: middle;
}
.comic_banner .bundle .area .table .td {
  display: table-cell;
  vertical-align: middle;
}
.comic_banner .bundle .area .tit {
  display: block;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #262626;
}
.comic_banner .bundle a:hover .area .tit,
.comic_banner .bundle a:focus .area .tit {
  text-decoration: underline;
}
.comic_banner .bundle .area .by {
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #666;
}
/* 추가 미투배너 180228 세종 */
.metoo_banner1 {
  position: absolute;
  top: 0;
  right: -170px;
  width: 150px;
  height: 140px;
}
.metoo_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_metoo1.gif) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 추가 지방선거 방송 배너 180605 동현 */
.pvcElection1_banner1 {
  position: absolute;
  top: 0;
  right: -170px;
  width: 150px;
  height: 140px;
}
.pvcElection1_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_pvcElection1.gif) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 추가 2018 월드컵 배너 180612 세종 */
.worldcup2018_banner1 {
  position: absolute;
  top: 0;
  right: -170px;
  width: 150px;
  height: 140px;
}
.worldcup2018_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_2018worldcup1.gif) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 추가 211108 동현: 별별스포츠 */
.sportsvod_banner1 {
  display: flex;
  align-items: center;
  height: 109px;
  background: #fbfbfb;
  border: 1px solid #dfe1e5;
  box-sizing: border-box;
}
.sportsvod_banner1 .content_wrap {
  position: relative;
  padding-left: 129px;
}
.sportsvod_banner1 .content_wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 21px;
  transform: translateY(-50%);
  width: 88px;
  height: 88px;
  background: url(../images/banner/banner_sportsvod_logo.png) no-repeat center
    center / cover;
}
.sportsvod_banner1 .content_wrap .text_wrap {
  position: relative;
  margin-top: -4px;
}
.sportsvod_banner1 .content_wrap .text_wrap .text {
  display: block;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.01rem;
}
.sportsvod_banner1 .content_wrap .btn_wrap {
  display: flex;
  justify-content: space-between;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod {
  display: block;
  position: relative;
  width: 246px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: -0.05rem;
  text-align: center;
  color: #fff;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_youtube {
  background-color: #ff0000;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_navertv {
  margin-left: 10px;
  background-color: #00de7b;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod .txt {
  position: relative;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_youtube .txt {
  padding-left: 33px;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_youtube .txt:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 27px;
  height: 18px;
  background: url(../images/btn/btn_logo_youtube.png) no-repeat center center /
    cover;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_navertv .txt {
  padding-left: 19px;
}
.sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_navertv .txt:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 17px;
  background: url(../images/btn/btn_logo_navertv.png) no-repeat center center /
    cover;
}
/* 스타뉴스 · 스타플러스 유튜브 링크 배너 추가 240904 세종  */
.star_newsplus_banner {
  position: relative;
  width: 650px;
  height: 123px;
  background: url(../images/banner/banner_star_newsplus_youtubelink.jpg)
    no-repeat 0 0;
  background-size: cover;
}
.mgt23 > .star_newsplus_banner {
  margin-top: -23px;
}
.star_newsplus_banner .title {
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}
.star_newsplus_banner a {
  position: absolute;
  top: 63px;
  height: 40px;
  font-size: 0;
  line-height: 0;
}
.star_newsplus_banner a.youtube_starnews {
  left: 17px;
  width: 206px;
}
.star_newsplus_banner a.youtube_starplus {
  left: 237px;
  width: 217px;
}
.star_newsplus_banner + .thum_article {
  margin-top: 30px;
}
.star_newsplus_banner + .h_type3 {
  display: block;
  margin-top: 30px;
}
/* 레이어 - 응모 랭킹 */
.lay_lank {
  position: absolute;
  top: 300px;
  left: 132px;
  padding: 29px 15px 18px;
  width: 355px;
  background: #fff;
  border: 1px solid #dcd6d6;
} /* 수정 151117 윤선 */
.lay_lank .tit1 {
  display: block;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: -0.2px;
  text-align: center;
  color: #222;
}
.lay_lank .tit2 {
  display: block;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -1px;
  text-align: center;
} /* 수정 151117 윤선 */
.lay_lank .tb1 {
  border-top: 2px solid #c3c3c3;
}
.lay_lank .tb1 td {
  height: 30px;
  border-bottom: 1px solid #c3c3c3;
}
.lay_lank .tb1 .num {
  font-size: 14px;
  letter-spacing: -0.2px;
  text-align: center;
  color: #6a6a6a;
}
.lay_lank .tb1 .id {
  font-family: gulim, serif;
  font-size: 12px;
  letter-spacing: -0.2px;
  font-weight: bold;
  line-height: 20px;
  color: #3b5998;
}

.lay_lank .btn1 {
  display: block;
  width: 100%;
  height: 48px;
  background: #ed008c;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  letter-spacing: -0.2px;
  color: #fff !important;
}
.lay_lank .btn2 {
  display: block;
  width: 100%;
  height: 48px;
  background: #60b4d8 url(../images/btn_s7_tw.gif) no-repeat 24px 16px;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  text-indent: 17px;
  letter-spacing: -0.2px;
  color: #fff !important;
}
.lay_lank .btn3 {
  display: block;
  width: 100%;
  height: 48px;
  background: #44619d url(../images/btn_s7_fa.gif) no-repeat 30px 13px;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  text-indent: 33px;
  letter-spacing: -0.2px;
  color: #fff !important;
}
.lay_lank .btn_close1 {
  position: absolute;
  top: 15px;
  right: 16px;
}

/* 본문영역 - 텍스트광고 */
.article_area .text_ad {
  overflow: hidden;
}
.article_area .text_ad li {
  float: left;
  width: 100%;
  height: 28px;
  background: url(../images/bl_square2.gif) no-repeat 0 13px;
  font-size: 16px;
  text-indent: 9px;
  line-height: 28px;
} /* 수정 170323 세종 */
.article_area .text_ad li a {
  color: #333;
} /* 수정 170323 세종 */

/* 랜딩페이지 - 추가 170703 해리 */
.landingPag {
  position: relative;
  margin-left: -10px;
}
.landingPag .group {
}
.landingPag .bundle {
  position: relative;
  float: left;
  margin: 10px 0 0 10px;
  width: 320px;
  height: 222px;
  background: #ebebeb;
}
.landingPag .bundle a {
  position: relative;
  display: block;
  height: 100%;
  text-align: center;
}
.landingPag .bundle .slogo {
  display: block;
  width: 100%;
  height: 135px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.landingPag .bundle.star .slogo {
  background: url(../images/logo_s_star.gif) no-repeat center 70px;
}
.landingPag .bundle.ka .slogo {
  background: url(../images/logo_s_kaka.gif) no-repeat center 37px;
}
.landingPag .bundle.fa .slogo {
  background: url(../images/logo_s_fa.gif) no-repeat center 37px;
}
.landingPag .bundle.tw .slogo {
  background: url(../images/logo_s_tw.gif) no-repeat center 37px;
}
.landingPag .bundle.na .slogo {
  background: url(../images/logo_s_na.gif) no-repeat center 37px;
}
.landingPag .bundle.wa .slogo {
  background: url(../images/logo_s_wa.gif) no-repeat center 37px;
}
.landingPag .bundle .tx1 {
  position: relative;
  display: block;
  font-size: 20px;
  color: #333 !important;
}
.landingPag .bundle.star .tx1 span {
  position: relative;
  display: inline-block;
}
.landingPag .bundle.star .tx1 span:after {
  content: " ";
  position: absolute;
  top: 3px;
  right: -12px;
  width: 8px;
  height: 11px;
  background: url(../images/all_arrow.png) no-repeat 0 0;
}
.ie8 .landingPag .bundle.star .tx1 span:after {
  top: 4px;
}
.landingPag .bundle.star a:hover .tx1 span {
  text-decoration: underline;
}
.landingPag .bundle .tx2 {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
}
.landingPag .bundle .tx2 span {
  position: relative;
  display: inline-block;
  padding-right: 14px;
}
.landingPag .bundle .tx2 span:after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 0;
  width: 8px;
  height: 11px;
  background: url(../images/all_arrow.png) no-repeat 0 0;
}
.landingPag .bundle.ka .tx2 {
  color: #6a3e40;
}
.landingPag .bundle.fa .tx2 {
  color: #4867aa;
}
.landingPag .bundle.tw .tx2 {
  color: #44a0e9;
}
.landingPag .bundle.na .tx2 {
  color: #26c607;
}
.landingPag .bundle.wa .tx2 {
  color: #dc151e;
}
.landingPag .bundle.ka .tx2 span:after {
  background-position: 0 -11px;
}
.landingPag .bundle.fa .tx2 span:after {
  background-position: 0 -22px;
}
.landingPag .bundle.tw .tx2 span:after {
  background-position: 0 -33px;
}
.landingPag .bundle.na .tx2 span:after {
  background-position: 0 -44px;
}
.landingPag .bundle.wa .tx2 span:after {
  background-position: 0 -55px;
}
.landingPag .bundle a:hover .tx2 span {
  text-decoration: underline;
}

/* 추가 170908 해리 */
.lay_vod {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.lay_vod .area {
  position: relative;
  width: 100%;
  height: 100%;
}
.lay_vod .area .vod {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -427px;
}
.lay_vod .area .btn_close {
  position: absolute;
  top: -32px;
  right: 0;
  width: 32px;
  height: 32px;
  background: url(../images/btn_close4.svg) no-repeat 0 0;
}
/* 추가 170913 해리 */
/* thum_tab */
.thum_tab {
  overflow: hidden;
}
/* 큰이미지 */
.thum_tab > .b_thum {
  position: relative;
  float: left;
}
.thum_tab > .b_thum a {
  display: block;
  width: 200px;
  height: 300px;
}
.thum_tab > .b_thum a .thum {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 300px;
}
.thum_tab > .b_thum a .thum img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.thum_tab > .b_thum .area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 54px;
  background: url(../images/png70.png) repeat 0 0;
}
.thum_tab > .b_thum .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 9px;
  max-height: 40px;
  font-size: 15px;
  letter-spacing: -0.6px;
  line-height: 19px;
  vertical-align: middle;
  color: #fff;
  word-break: break-all;
}
.thum_tab > .b_thum .area .s1 {
  color: #ec008c;
}
/* 작은이미지 */
.thum_tab > .s_thum {
  float: left;
}
.thum_tab > .s_thum .bundle {
  position: relative;
}
.thum_tab > .s_thum .bundle a {
  overflow: hidden;
  display: block;
  width: 100px;
  height: 100px;
}
.thum_tab > .s_thum .bundle a img {
  display: block;
  width: 100px;
  min-height: 100px;
}
.thum_tab > .s_thum .bundle:hover a:after,
.thum_tab > .s_thum .bundle.on a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/png65.png) repeat 0 0;
}
/* mtop_thum */
.mtop_thum {
  position: relative;
}
.mtop_thum .thumArea {
}
.mtop_thum .thumArea .group {
  position: relative;
}
.mtop_thum .thumArea .bundle {
  position: relative;
  float: left;
  overflow: hidden;
  margin-left: 2px;
  margin-top: 2px;
  width: 157px;
  height: 114px;
  word-break: break-all;
}
.mtop_thum .thumArea .bundle.bthum {
  margin-left: 0;
  width: 331px;
  height: 231px;
}
.mtop_thum .thumArea .bundle a {
  display: block;
  width: 100%;
  height: 100%;
}
.mtop_thum .thumArea .bundle .thum {
  display: block;
  width: 100%;
  height: 100%;
}
.mtop_thum .thumArea .bundle .thum img {
  width: 100%;
  min-height: 100%;
}
.mtop_thum .thumArea .bundle .thum:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 157px;
  height: 114px;
  background: url(../images/bg_gr_main2.png) repeat-x 0 20px;
}
.mtop_thum .thumArea .bundle.bthum .thum:after {
  width: 331px;
  height: 231px;
  background: url(../images/bg_gr_main1.png) repeat-x 0 -100px;
}
.mtop_thum .thumArea .bundle .thum img {
  width: 100%;
  min-height: 100%;
}
.mtop_thum .thumArea .bundle .area {
  position: absolute;
  bottom: 7px;
  left: 0;
  padding: 0 13px;
  word-break: break-all;
}
.mtop_thum .thumArea .bundle.bthum .area {
  bottom: 12px;
}
.mtop_thum .thumArea .bundle .area .cls {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.7px;
  color: #5bc3c6;
}
.mtop_thum .thumArea .bundle .area .cls:after {
  content: " ";
  position: absolute;
  top: -8px;
  left: 0;
  height: 6px;
  width: 100%;
  background: #5bc3c6;
}
.mtop_thum .thumArea .bundle .area .cls + .tit {
  margin-top: 11px;
}
.mtop_thum .thumArea .bundle .area .tit {
  display: block;
  overflow: hidden;
  padding-bottom: 1px;
  max-height: 32px;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: -0.1px;
  color: #fff;
}
.mtop_thum .thumArea .bundle.bthum .area .tit {
  max-height: 40px;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.mtop_thum .thumArea .bundle a:hover .tit {
  text-decoration: underline;
}

/* 추가 180502 동현 */
/* 스타뉴스 코너 리스트 설명 */
.cl_desc01 {
  overflow: hidden;
}
.cl_desc01 .group {
  display: table;
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.cl_desc01 .group .tit_thum {
  display: table-cell;
  width: 158px;
  vertical-align: middle;
}
.cl_desc01 .group .subject {
  display: table-cell;
  vertical-align: middle;
  padding-right: 21px;
}
.cl_desc01 .group .subject .txt {
  display: block;
  overflow: hidden;
  padding-bottom: 3px;
  max-height: 18px;
  font-size: 17px;
  line-height: 18px;
  letter-spacing: -1px;
  font-family: "Noto Sans KR", sans-serif;
}
.cl_desc01 .group .subject .txt.clr1 {
  color: #f65252;
}
.cl_desc01 .group .subject .txt.clr2 {
  color: #7176f0;
}
/* //추가 180502 동현 */

/* 추가 180618 세종 - 월드컵 메뉴 내 배너(단기 서비스) */
.bn_menutop_2018wc {
  overflow: hidden;
  height: 102px;
  background: url(../images/bn_mnTop_2018wc.jpg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
}
/* 추가 180913 세종 - 2018AAA 관련 */
.aaa_banner1 {
  position: absolute;
  top: 150px;
  right: 0;
  width: 150px;
  height: 140px;
} /* 수정 20200527 동현 */
.aaa_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aaa1.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2.png);} */
/* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_1.png);} */ /* 수정 181120 동현 */
/* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_2.jpg);} 수정 181130 동현 : AAA 배너 교체 */
.aaa_banner1.ing a {
  background-image: url(../images/banner/banner_aaa2_3.jpg);
} /* 수정 190107 세종 */
.aaa_banner1 a .voting {
  display: none;
}
.aaa_banner1.ing a .voting {
  display: inline;
}
/* 추가 AAA 상단 배너 181120 동현 */
.aaa_banner3 {
  position: absolute;
  top: 44px;
  left: 196px;
  overflow: hidden;
  width: 300px;
  height: 34px;
  background: url(../images/banner/banner_aaa8.png) no-repeat center center;
  background-size: cover;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: bold;
}
.aaa_banner3 a {
  display: block;
  position: relative;
  height: 100%;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}
.aaa_banner3 .d_day {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 12px;
  width: 38px;
  height: 100%;
}
.aaa_banner3 .dc_tit {
  float: left;
  width: 24px;
  height: 34px;
  font-size: 22px;
  line-height: 32px;
  color: #ff4353;
}
.aaa_banner3 .num {
  float: left;
  margin-left: 1px;
  width: 12px;
  height: 34px;
  font-size: 22px;
  line-height: 32px;
  color: #ff4353;
}
.aaa_banner3.dday {
  width: 326px;
  background-image: url(../images/banner/banner_aaa8_dday.png);
}
.aaa_banner3.dday .d_day {
  display: none;
}
.aaa_banner3.onair {
  width: 326px;
  background-image: url(../images/banner/banner_aaa8_onair.png);
}
.aaa_banner3.onair .d_day {
  display: none;
}
/* //추가 AAA 상단 배너 181120 동현 */
/* 추가 버닝썬 게이트 190315 세종 */
.bsgate_banner1 {
  position: absolute;
  top: 2px;
  right: -170px;
  width: 150px;
  height: 140px;
}
.bsgate_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_bsGate1.gif) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 수정 200221 동현 */
.son_hm_banner1 {
  position: absolute;
  top: 152px;
  right: 0;
  width: 150px;
  height: 140px;
}
.son_hm_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_Son_hm2.jpg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.ryu_hj_banner1 {
  position: absolute;
  top: 2px;
  right: 0;
  width: 150px;
  height: 140px;
}
.ryu_hj_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_Ryu_Kim.jpg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
} /* 수정 200224 동현 */
/* // 수정 200221 동현 */
.star15th_banner {
  position: absolute;
  top: 0;
  right: -170px;
  width: 150px;
  height: 140px;
}
.star15th_banner a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_star15th_1.jpg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 추가 스타뉴스15주년 인기투표 191024 동현 */
/* 우측 */
.star15th_vote_banner {
  position: absolute;
  top: 0;
  right: -170px;
  width: 150px;
  height: 140px;
}
.star15th_vote_banner a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_AAA_vote1.gif) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.aaa_2020_watch {
  position: absolute;
  top: 152px;
  right: 0;
  width: 150px;
  height: 140px;
}
.aaa_2020_watch a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aaa_2020_watch_aside.png) no-repeat 0
    0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
} /* 수정 200224 동현 */
/* 기사면 하단 */
.star15th_vote_banner2 {
  position: relative;
  margin-bottom: 48px;
  width: 650px;
  height: 88px;
}
.star15th_vote_banner2.list {
  margin-bottom: 34px;
}
.star15th_vote_banner2 a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_AAA_vote2.gif) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/*liveX 시청하기 랜딩 배너*/
.aaa_2020_watch_list {
  position: relative;
  margin-bottom: 48px;
  width: 650px;
  height: 105px;
}
.aaa_2020_watch_list a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_aaa_2020_watch_list.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/*AAA 리스트 상단 배너*/
.starpoll_download_banner {
  position: relative;
  width: 650px;
  height: 105px;
}
/*aside liveX MMT 랜딩 배너 추가*/
.aaa_2020_landing {
  position: absolute;
  top: 152px;
  right: 0;
  width: 150px;
  height: 140px;
  background: url(../images/banner/banner_aaa_2020_landing_aside_v2.png)
    no-repeat 0 0;
}
.aaa_2020_landing a {
  display: block;
  overflow: hidden;
  margin: 72px auto 0;
  width: 140px;
  height: 28px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.aaa_2020_landing a + a {
  margin-top: 4px;
}
/*AAA 리스트 상단 liveX MMT 랜딩 배너 추가*/
.aaa_2020_landing_list {
  position: relative;
  margin-bottom: 48px;
  width: 650px;
  height: 143px;
  background: url(../images/banner/banner_aaa_2020_landing_list_v2.png)
    no-repeat 0 0;
}
.aaa_2020_landing_list .landing_list {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 52px;
}
.aaa_2020_landing_list .landing_list li {
  float: left;
}
.aaa_2020_landing_list .landing_list li + li {
  margin-left: 1px;
}
.aaa_2020_landing_list .landing_list li a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 52px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.aaa_2020_landing_list .landing_list li .livex {
  width: 303px;
}
.aaa_2020_landing_list .landing_list li .mmt {
  width: 346px;
}
/* 추가 240905 세종 : 20주년 기념 영상 링크 배너 */
.video_20th_Anniversary {
  width: 650px;
  height: 110px;
  font-size: 0;
  line-height: 0;
  background: #2b4ffd;
}
.video_20th_Anniversary a {
  display: block;
  height: 100%;
  background: url(../images/banner/banner_20th_Anniversary.jpg) no-repeat center
    center;
  outline: none;
}
.video_20th_Anniversary a:hover,
.video_20th_Anniversary a:focus {
  background-image: url(../images/banner/banner_20th_Anniversary_hover.jpg);
}
.video_20th_Anniversary + .bxcn.mgt22 {
  margin-top: 32px;
}
/*[MTSTAR-848] 2021.12.14 동현*/
.aaa_hotclip {
  position: relative;
  margin-bottom: 32px;
  width: 650px;
  height: 110px;
}
.aaa_hotclip .btn_open_popup {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_aaa_hotclip.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.aaa_hotclip .btn_open_popup span {
  font-size: 0;
  line-height: 0;
}
/*[MTSTAR-855] 2021.11.23 동현*/
.aaa_uplus {
  position: relative;
  margin-bottom: 32px;
  width: 650px;
  height: 110px;
}
.aaa_uplus .link_banner {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_pc_uplus_v3.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.aaa_uplus .link_banner span {
  font-size: 0;
  line-height: 0;
}
/* 추가 220927 세종 */
.bn_culture_changes {
  position: relative;
  margin-bottom: 32px;
  width: 650px;
  height: 110px;
  background: url(../images/banner/banner_culture_changes.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* //추가 220927 세종 */
/* 추가 221028 세종 */
.bn_worldcup_qatar {
  position: relative;
  margin-bottom: 32px;
  width: 650px;
  height: 110px;
  background: url(../images/banner/banner_worldcup_qatar.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* //추가 221028 세종 */
/* 추가 20230303 원석 */
.bn_wbc {
  position: relative;
  margin-bottom: 32px;
  width: 650px;
  height: 110px;
  background: url(../images/banner/banner_2023_wbc.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}

/*추가 210129 동현 : bts*/
.bts_banner1 {
  position: absolute;
  top: 2px;
  right: 0;
  width: 150px;
  height: 140px;
}
/*.bts_banner1 {position:absolute; top:152px; right:0; width:150px; height:140px;}*/ /* 수정 210326 세종 */
.bts_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aside_bts.jpg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.aaa_top_bn {
  display: block;
  position: relative;
  overflow: hidden;
  height: 102px;
  background: url(../images/banner/banner_aaa9.png) no-repeat 0 0;
} /* 수정 190827 세종 */
.aaa_top_bn * {
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.aaa_middle_bn {
  position: relative;
  overflow: hidden;
  margin: -24px 0 49px;
  height: 62px;
  background: url(../images/banner/banner_aaa4_2.jpg) no-repeat 0 0;
} /* 수정 181221 동현 */
.aaa_middle_bn a {
  display: block;
  height: 100%;
}
.aaa_middle_bn a * {
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.aaa_top_voting {
  position: relative;
  overflow: hidden;
}
.aaa_top_voting .tit {
  overflow: hidden;
  height: 47px;
}
.aaa_top_voting .tit img {
  display: block;
}
.aaa_top_voting .box1 {
  overflow: hidden;
  padding: 0 16px;
  height: 264px;
  background: #e8e8e8;
}
.aaa_top_voting .box2 {
  float: left;
  padding-top: 28px;
  width: 197px;
  font-family: "Noto Sans KR", sans-serif;
}
.aaa_top_voting .box2 + .box2 {
  margin-left: 14px;
}
.aaa_top_voting .box2 h3 {
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #000;
}
.aaa_top_voting .box2 .rank {
  overflow: hidden;
  margin-top: 10px;
}
.aaa_top_voting .box2 .rank .bundle {
  float: left;
  position: relative;
  width: 98px;
}
.aaa_top_voting .box2 .rank .bundle + .bundle {
  float: right;
}
.aaa_top_voting .box2 .rank .bundle a {
  display: block;
}
.aaa_top_voting .box2 .rank .bundle .thum {
  display: block;
  overflow: hidden;
  height: 100px;
}
.aaa_top_voting .box2 .rank .bundle .thum img {
  display: block;
  width: 100%;
  min-height: 100%;
}
.aaa_top_voting .box2 .rank .bundle .pov_bar {
  display: block;
  margin-top: 4px;
  height: 8px;
  background: #353535;
}
.aaa_top_voting .box2 .rank .bundle .pov_bar .result {
  display: block;
  height: 100%;
  background: #fe0000;
}
.aaa_top_voting .box2 .rank .bundle .pov {
  display: block;
  margin-top: 5px;
  text-align: center;
  line-height: 14px;
  color: #333;
}
.aaa_top_voting .box2 .rank .bundle .name {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.5px;
  color: #000;
}
.aaa_top_voting .box2 .rank .bundle .no {
  position: absolute;
  top: 0;
  left: 0;
}
.aaa_top_voting .box2 .rank .bundle .no img {
  display: block;
}
.aaa_top_voting .date {
  display: block;
  clear: both;
  padding-top: 15px;
  text-align: right;
}
.aaa_top_voting .go {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 113px;
  height: 31px;
  background: url(../images/btn/btn_go_vote1.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
}
.aaa_top_voting .go:hover,
.aaa_top_voting .go:focus {
  background-position: 0 bottom;
}

/* 추가 181114 동현 */
.bxcn .editor {
  position: relative;
  overflow: hidden;
  margin-top: 11px;
  padding-left: 64px;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: -0.6px;
  line-height: 20px;
  color: #808080;
}
.bxcn .editor .title {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  color: #3d58a5;
}
.bxcn .editor2 {
  position: relative;
  overflow: hidden;
  padding: 15px 24px 16px 19px;
  background: #e9e9e9;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.5px;
  color: #666;
}

/* 추가 190828 동현 */
.bxcn .top_banner_area {
  width: 100%;
  height: 80px;
  background: url(../images/banner/banner_star15th_2.jpg) no-repeat 0 0;
  background-size: cover;
}
.bxcn .top_banner_area .txt {
  visibility: hidden;
  display: block;
  font-size: 0;
  line-height: 0;
}
.bxcn .bx_lst {
  border: 1px solid #d7d7d7;
}
.bxcn .bx_lst a {
}
.bxcn .bx_lst .tit {
}
.bxcn .bx_lst .num {
}

/* 추가 190930 동현 : 우측 배너 */
.aside_right {
  margin-top: 38px;
}
.aside_right a {
  display: block;
  margin: 0 auto;
  width: 260px;
  height: 122px;
}
.aside_right a img {
  width: 100%;
  height: auto;
}

/* 추가 200305 동현 : 기사면 상단 배너 */
/* 코로나19 */
.starrelay_banner_covid19 {
  position: relative;
  width: 650px;
  height: 60px;
}
.starrelay_banner_covid19 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_starrelay_covid-19.png) no-repeat
    center center;
}
.starrelay_banner_covid19 span {
  font-size: 0;
  line-height: 0;
}
/* 코로나19 스타 이미지 롤링 */
.starrelay_banner_covid19_starphoto {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 640px;
  height: 60px;
  background: #1f84b8 url(../images/banner/banner_starrelay_covid-19_v4.png)
    no-repeat left center;
  background-size: 430px 60px;
}
.starrelay_banner_covid19_starphoto a {
  display: block;
  width: 100%;
  height: 100%;
}
.starrelay_banner_covid19_starphoto span {
  font-size: 0;
  line-height: 0;
}
.starrelay_banner_covid19_starphoto .star_photo {
  float: right;
  width: 220px;
  height: 60px;
}
.starrelay_banner_covid19_starphoto .star_photo .thum {
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img01 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto01_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img02 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto02_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img03 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto03_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img04 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto04_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img05 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto05_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img06 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto06_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img07 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto07_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img08 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto08_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img09 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto09_v2.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img10 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto10_v2.png);
}
/*  추가 201013 동현 : 2020_AAA  */
/*2020 AAA COMMING SOON*/
.aaa_2020_commingsoon {
  position: relative;
  overflow: hidden;
  width: 650px;
  height: 121px;
  background: #070974 url(../images/banner/banner_2020_AAA_commingsoon.png)
    no-repeat center center;
  background-size: cover;
}
.aaa_2020_commingsoon a {
  display: block;
  width: 100%;
  height: 100%;
}
.aaa_2020_commingsoon span {
  font-size: 0;
  line-height: 0;
}
/*2020 AAA on air*/
.aaa_2020_onair {
  position: relative;
  overflow: hidden;
  width: 650px;
  height: 105px;
  background: #070974 url(../images/banner/banner_aaa_2020_view.png) no-repeat
    center center;
  background-size: cover;
}
.aaa_2020_onair a {
  display: block;
  width: 100%;
  height: 100%;
}
.aaa_2020_onair span {
  font-size: 0;
  line-height: 0;
}
/*2020 AAA ON AIR*/
.aaa_2020 {
  position: absolute;
  top: 2px;
  right: 0;
  width: 150px;
  height: 140px;
}
.aaa_2020 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aaa_2020_aside_v2.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 추가 210208 동현 : star pick */
.star_pick {
  position: relative;
  width: 650px;
  height: 60px;
}
.star_pick a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_starpick.png) no-repeat center center;
}
.star_pick span {
  font-size: 0;
  line-height: 0;
}

/* 추가 200311 동현 : aside 배너 */
/* 코로나19 */
.covid19_banner1 {
  position: absolute;
  top: 2px;
  right: 0;
  width: 150px;
  height: 140px;
}
.covid19_banner1 a {
  display: block;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aside_covid19.jpg) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/*  추가 200401 동현 : 코로나19 극복 응원 릴레이  */
.covid19_banner1.overcoming a {
  background: url(../images/banner/banner_aside_starrelay_covid19.png?date=200402001);
}
/*  추가 200511 동현 : 포스트 코로나  */
.covid19_banner1.post_covid19 a {
  background: url(../images/banner/banner_aside_post_covid19.jpg);
}
/* 추가 200420 동현 : 감정표현 버튼 */
.emote_group {
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 50px;
  width: 365px;
}
.emote_group .item {
  float: left;
  width: 180px;
  height: 52px;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
}
.emote_group .item:hover {
  border: 1px solid #333;
}
.emote_group .item + .item {
  margin-left: 5px;
}
.emote_group .item .emote_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
}
.emote_group .item .emote_btn span {
  visibility: visible;
  font-size: 16px;
  line-height: 50px;
  letter-spacing: -0.075em;
  color: #666;
}
.emote_group .item .emote_btn .txt {
  position: relative;
  padding-left: 35px;
}
.emote_group .item .emote_btn .txt:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/btn/btn_emote1.svg) no-repeat;
  background-size: 62px 62px;
}
.emote_group .item .emote_btn.like .txt:after {
  background-position: 0 -32px;
}
.emote_group .item .emote_btn.dislike .txt:after {
  background-position: -32px -32px;
}
.emote_group .item .emote_btn.like.on .txt:after {
  background-position: 0 0;
}
.emote_group .item .emote_btn.dislike.on .txt:after {
  background-position: -32px 0;
}
.emote_group .item .emote_btn .count {
  font-weight: bold;
  color: #111;
}
/* 추가201118 동현 :  라이브리 댓글 */
.fake_livere {
  position: relative;
  margin-bottom: 53px;
  width: 100%;
  height: 50px;
  border: 1px solid #dedede;
  font-family: NanumGothic, AppleGothic, Myriad Pro, MalgunGothic, Arial, serif;
  box-sizing: border-box;
}
.fake_livere label {
  display: none;
}
.fake_livere #fake-content {
  overflow: hidden;
  padding: 16px 8px;
  width: calc(100% - 70px + 2px);
  height: 100%;
  border: none;
  font-size: 14px;
  box-sizing: border-box;
  resize: none;
}
/*#lv-container {display: none;}*/
button.fake-write-btn {
  position: absolute;
  top: -1px;
  right: -1px;
  left: auto;
  padding: 8px 15px;
  width: 70px;
  height: calc(100% + 4px);
  background: #f12a49;
  border: 1px solid #f12a49;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
button.fake-write-btn span {
  visibility: visible;
  font-weight: bold;
  font-size: 14px;
  line-height: normal;
  color: #fff;
}
/*추가 200910 동현*/
/* 회사소개 */
/*탭*/
ul.tabs {
  overflow: hidden;
}
ul.tabs li {
  float: left;
  width: calc((100% - 1px) / 3);
  height: 41px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  font-size: 15px;
  line-height: 41px;
  letter-spacing: -0.05em;
  color: #333;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
} /* 수정 240510 세종 */
ul.tabs li:last-child {
  border-right: 1px solid #e5e5e5;
}
ul.tabs li a {
  display: block;
} /* 추가 240510 세종 */
ul.tabs li.current {
  background: #ff008a;
  border: 1px solid #ff008a;
  color: #fff;
}
ul.tabs li.current a {
  display: block;
  color: #fff;
} /* 추가 240510 세종 */
.tab-content {
  display: none;
}
.tab-content.current {
  display: inherit;
}
.img_wrap img {
  border: 1px solid #d8d8d8;
}
.btn_down {
  display: block;
  width: 250px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
} /* 수정 220923 세종 */
.btn_down.vbook {
  background-image: url(../images/company/img_btn_v_book_download.png);
} /* 추가 220923 세종 */
.btn_down.pec {
  background-image: url(../images/company/img_pec_download.png);
} /* 추가 220923 세종 */
.btn_down span {
  font-size: 0;
  line-height: 0;
}

.info_table {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.info_table li {
  overflow: hidden;
  padding: 10px 0;
}
.info_table li + li {
  border-top: 1px solid #e5e5e5;
}
.info_table strong {
  float: left;
  width: 75px;
  text-align: center;
}
.info_table div {
  float: left;
  padding-left: 10px;
}
.info_table span {
  display: block;
}
/* 추가 240510 세종 */
.info_table.ty2 {
}
.info_table.ty2 li {
  display: flex;
}
.info_table.ty2 li > strong {
  float: none;
  flex: auto;
  width: auto;
  text-align: left;
  text-indent: 20px;
}
.info_table.ty2 li > div {
  float: none;
  flex: 0 0 875px;
  padding: 0;
}
.info_table.ty2 li .txt_type2 {
  padding: 0;
}
.info_table.ty2 li .txt_type2 + .img_type1 {
  margin-top: 10px;
}
.info_table.ty2 li .img_type1 {
  max-width: 560px;
}
.info_table.ty2 li .tablist_t1 {
  flex: 0 0 875px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.info_table.ty2 li .tablist_t1 li {
  flex: 1 1 45%;
  display: flex;
  padding: 0;
  max-width: 432.5px;
  height: 160px;
  background: #f5f5f5;
}
.info_table.ty2 li .tablist_t1 li .img {
  flex: 0 0 223px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
}
.info_table.ty2 li .tablist_t1 li .img img {
  max-height: 100%;
}
.info_table.ty2 li .tablist_t1 li .info {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
}
.info_table.ty2 li .tablist_t1 li .info span {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #666;
}
.info_table.ty2 li .tablist_t1 li .info .name {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.info_table.ty2 li .tablist_t1 li .info .bar {
  margin: 15px 0;
  width: 8px;
  height: 1px;
  font-size: 0;
  line-height: 0;
}
.tab-content .img_group1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tab-content .img_group1 img {
  height: 360px;
}
.tab-content .h3_tit4 + .img_group2 {
  margin: -24px 0 0 105px;
}
.tab-content .img_group2 {
  display: flex;
  flex-wrap: wrap;
  gap: 19px 10px;
}
.tab-content .img_group2 .img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 270px;
  height: 140px;
  border: 1px solid #e5e5e5;
}
.tab-content .img_group2 .img img {
  max-width: 100%;
  max-width: 100%;
}
/* //추가 240510 세종 */
/*타이틀*/
.h3_tit4 {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.025em;
  color: #ec008c;
}
.h4_tit1 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.025em;
}
/*리스트*/
.txt_wrap ul {
}
.txt_wrap ul li {
}
/*텍스트*/
.txt_type1 {
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.04em;
}
.txt_type2 {
  padding-left: 10px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.025em;
  color: #666;
}
.txt_type1 strong,
.txt_type2 strong {
  font-weight: normal;
}
.txt_type1 span {
  color: #c4c4c4;
}
.mail_type1 {
  color: #ec008c;
  text-decoration: underline;
}
/*//추가 200910 동현*/
/* 추가 220923 세종 */
#tab-2 {
  padding-top: 60px;
}
#tab-2 table {
}
#tab-2 table tr {
  border-bottom: 1px solid #e5e5e5;
}
#tab-2 table td,
#tab-2 table th {
  padding-top: 30px;
  padding-bottom: 30px;
}
#tab-2 table tr:first-child td,
#tab-2 table tr:first-child th {
  padding-top: 0;
}
#tab-2 table .img_wrap img {
  width: 473px;
}
#tab-2 table .img_wrap + .img_wrap {
  margin-top: 10px;
}
#tab-2 table th {
  padding-left: 28px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
#tab-2 table th .h3_tit4 {
  margin-top: -5px;
}
#tab-2 table th .more_info {
  display: inline-block;
  margin-top: 25px;
} /* 추가 221028 세종 */

#tab-3 ul li {
  padding-left: 10px;
}
#tab-3 ul li .txt_type1 {
  margin-left: -10px;
}
/* //추가 220923 세종 */

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

#fake-form {
  display: block;
}
/*스타랭킹 SNB*/
.gnb_area .gnb .gbundle.gn10:hover .snb,
.gnb_area .gnb .gbundle.gn10:focus .snb,
.gnb_area .gnb .gbundle.gn10.on .snb {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 30px;
  right: 0;
  padding-right: 35px;
}
.gnb_area .gnb .gbundle.gn10 .snb .bundle {
  float: none;
}
.gnb_area .gnb .gbundle.gn10 .btn_open_category {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  width: 35px;
  height: 30px;
  background: url(../images/btn/btn_category_down_arrow.svg) no-repeat right
    center / 10px 7px;
  z-index: 1;
}
.gnb_area .gnb .gbundle.gn10 .btn_open_category.on {
  background-image: url(../images/btn/btn_category_up_arrow.svg);
}
/*스타랭킹 SNB 카테고리*/
.all_category {
  display: none;
  position: absolute;
  top: 149px;
  left: 0;
  right: 0;
  padding: 18px 0 30px;
  background: #fafafa;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: #000;
  z-index: 9999;
}
.all_category.ad_on {
  top: 149px;
}
.all_category.on {
  display: block;
}
.all_category .content_wrap {
  margin: 0 auto;
  width: 980px;
}
.all_category .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.05rem;
  color: #222;
}
.all_category .category_list {
  overflow: hidden;
}
.all_category .category_list .item {
  float: left;
  overflow: hidden;
  margin: 15px 20px 0 0;
}
.all_category .category_list .item a {
  display: block;
  color: #000;
}
.all_category .category_list .item .text {
  display: inline-block;
  padding: 0 20px;
  height: 26px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #e5e5e5;
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.075rem;
}
.all_category .category_list .item.on .text {
  background: #f12a49;
  border: 1px solid #f12a49;
}
.all_category .category_list .item.on .text a {
  color: #fff !important;
}
/* 스타랭킹 홈 */
.starranking_wrap {
  margin: 0 auto;
  padding-bottom: 60px;
}
/* 랭킹 리스트 */
.ranking_list {
  margin-top: 10px;
}
.ranking_list .ranking_item {
  position: relative;
  padding: 9px 0 10px 0;
  background: #fff;
}
.ranking_list .ranking_item + .ranking_item {
  border-top: 1px solid #ccc;
}
.ranking_list .ranking_item a {
  display: block;
  position: relative;
}
.ranking_list .ranking_item a:after {
  content: "더보기";
  position: absolute;
  top: 24px;
  right: 0;
  padding-right: 10px;
  height: 20px;
  background: url(../images/btn/btn_more_arrow.png) no-repeat right center / 5px
    7px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #666;
}
.ranking_list .ranking_item .section_info {
  position: relative;
}
.ranking_list .ranking_item .section_info .title {
  display: block;
  overflow: hidden;
  height: 40px;
  font-weight: 800;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  color: #000;
}
.ranking_list .ranking_item .section_info .date {
  display: block;
  margin-top: -14px;
}
.ranking_list .ranking_item .section_info .date .weeks {
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  color: #666;
}
.ranking_list .ranking_item .section_info .date .date_range {
  display: inline-block;
  margin-left: 6px;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  vertical-align: top;
  color: #888;
}
.ranking_list .ranking_item .btn_more {
  position: absolute;
  top: 36px;
  right: 0;
  width: 42px;
  height: 20px;
  background: url(../images/btn/btn_more_arrow.png) no-repeat right center / 5px
    7px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #666;
}
.ranking_list .ranking_item .thumbnail_content_list {
  display: flex;
  margin-top: 8px;
  justify-content: space-between;
}
.ranking_list .ranking_item .thumbnail_content_list .item {
  position: relative;
  width: calc((100% - 50px) / 3);
}
.ranking_list .ranking_item .thumbnail_content_list .item .thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 1px 0 0 1px;
  width: 308px;
  height: 308px;
  border-radius: 30px;
  z-index: 1;
}
.ranking_list .ranking_item .thumbnail_content_list .item:after {
  content: "";
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 310px;
  height: 310px;
  background: #e5e5e5;
  border-radius: 30px;
}
.ranking_list .ranking_item .thumbnail_content_list .item .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ranking_list .ranking_item .thumbnail_content_list .item .content {
  margin-top: 10px;
  text-align: center;
  line-height: 40px;
}
.ranking_list .ranking_item .thumbnail_content_list .item .content .name {
  display: block;
  overflow: hidden;
  height: 40px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.05rem;
  color: #000;
}
.ranking_list .ranking_item .thumbnail_content_list .item .content .count {
  display: block;
  margin-top: -15px;
  font-weight: 400;
  font-size: 16px;
  color: #333;
}
/* 상단 COMMINGSOON 배너 */
.section_banner {
  margin-top: 30px;
  width: 100%;
  height: 560px;
}
.section_banner .banner_title {
  position: relative;
  width: 100%;
  height: 100%;
}
.section_banner .banner_title:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 980px;
  height: 560px;
  background: url(../images/banner/banner_starranking_comingsoon.png) no-repeat
    center center / cover;
}
.section_banner .banner_title .title {
  display: none;
}
.section_banner .banner_title .text {
  font-size: 0;
  line-height: 0;
}
/* 스타랭킹 투표중 */
.category_select {
  margin-top: 30px;
  background: #fff;
  color: #000;
}
.category_select select {
  display: block;
  margin: 0 auto;
  padding: 0 90px 0 30px;
  width: 600px;
  height: 90px;
  background: #fff url(../images/btn/btn_select_arrow.svg) no-repeat right
    center / 90px 90px;
  border: 1px solid #404040;
  font-family: inherit;
  font-weight: 700;
  font-size: 30px;
  line-height: 90px;
  letter-spacing: -0.025rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.category_select select::-ms-expand {
  display: none;
}
.category_select select option {
  font-family: inherit;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.025rem;
}
.category_select .category_info {
  text-align: center;
}
.category_select .category_info .title {
  display: block;
  margin-top: 11px;
  font-weight: 700;
  font-size: 26px;
  line-height: 40px;
  letter-spacing: -0.025rem;
}
.category_select .category_info .date {
  display: block;
  margin-top: 14px;
}
.category_select .category_info .date .weeks {
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  vertical-align: middle;
  color: #666;
}
.category_select .category_info .date .date_range {
  display: inline-block;
  margin-left: 6px;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  vertical-align: middle;
  color: #888;
}
.category_select .category_info .count {
  display: block;
  margin-top: -4px;
  font-size: 18px;
  line-height: 20px;
}
.category_select .category_info .count .count_date {
  font-weight: 800;
  color: #f12a49;
}
/* 1위 혜택 배너 */
.banner_section {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.banner_section .benefit_banner {
  width: 100%;
  height: 154px;
  background: url(../images/banner/banner_benefit_v2.png) no-repeat center
    center / cover;
}
.banner_section .benefit_banner .btn_popup_open {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  cursor: default;
}
/* 스타랭킹 소개 배너 */
.banner_section .starranking_info_banner {
  width: 100%;
  height: 154px;
  background: url(../images/banner/banner_starranking_info.png) no-repeat center
    center / cover;
}
.banner_section .starranking_info_banner .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  cursor: default;
}
/* 스타특전 옥외 광고 서포트 배너 */
.banner_section .outdoor_advertising_banner {
  width: 100%;
  height: 154px;
  background: url(../images/banner/banner_outdoor_advertising.png) no-repeat
    center center / cover;
}
.banner_section .outdoor_advertising_banner a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner_section .outdoor_advertising_banner .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* 배너 슬라이드 */
.banner_section .swiper_function_wrap {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 67px;
  height: 25px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  z-index: 1;
}
.banner_section .swiper_function_wrap .starranking_banner_pagination {
  width: 20px;
  bottom: 0;
  left: 14px;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: -0.13rem;
  color: #fff;
}
.banner_section .swiper_function_wrap .btn_swiper.pause {
  margin-left: 39px;
  width: 18px;
  height: 25px;
  background: url(../images/btn/btn_slide_pause.png) no-repeat center center /
    7px 9px;
}
.banner_section .swiper_function_wrap .btn_swiper.playing {
  display: none;
  margin-left: 39px;
  width: 18px;
  height: 25px;
  background: url(../images/btn/btn_slide_play.png) no-repeat center center /
    10px 11px;
}
/* 광고 1 + 자체 배너 2 */
.ad_banner_section {
  margin-top: 20px;
  padding: 0 20px;
}
.ad_banner_section .ad_banner_list {
  display: flex;
  justify-content: space-between;
}
/* 광고 1 + 자체 배너 2: 1위 혜택 배너 */
.ad_benefit_banner {
  width: 300px;
  height: 250px;
  background: url(../images/banner/banner_benefit_v3.png) no-repeat center
    center / cover;
}
.ad_benefit_banner .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* 광고 1 + 자체 배너 2: 남신 콘서트 배너 */
.ad_namsin_banner {
  width: 300px;
  height: 250px;
  background: url(../images/banner/banner_namsin.jpg) no-repeat center center /
    cover;
}
.ad_namsin_banner .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* 광고 1 + 자체 배너 2: 스타특전 옥외 광고 서포트 배너 */
.ad_outdoor_advertising_banner {
  width: 300px;
  height: 250px;
  background: url(../images/banner/banner_outdoor_advertising_v2.png) no-repeat
    center center / cover;
}
.ad_outdoor_advertising_banner a {
  display: block;
  width: 100%;
  height: 100%;
}
.ad_outdoor_advertising_banner .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* 투표 참여 횟수 안내 */
.survey_info_section {
  margin-top: 20px;
  height: 46px;
  background: #fee200;
}
.survey_info_section .text {
  position: relative;
  margin-left: 30px;
  padding-left: calc(24px + 10px);
  background: url(../images/icon_survey_info.svg) no-repeat left center / 24px
    24px;
  font-size: 14px;
  line-height: 46px;
  letter-spacing: -0.05rem;
  color: #111;
}
.survey_info_section .text strong {
  position: relative;
  font-weight: normal;
}
/* 투표하기 아티스트 리스트 */
.artist_ranking_section {
  margin-top: 30px;
  min-height: 820px;
  background: #fff;
}
.artist_ranking_section .artist_list {
}
.artist_ranking_section .artist_list .item {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.artist_ranking_section .artist_list .item .info_area {
  display: flex;
  align-items: center;
}
.artist_ranking_section .artist_list .item .info_area .rank {
  width: 42px;
  height: 40px;
  font-weight: 800;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.05rem;
  text-align: center;
  color: #000;
}
.artist_ranking_section .artist_list .item .info_area .rank.rank1 {
  display: block;
  width: 42px;
  height: 40px;
  background: url(../images/icon_ranking1.svg) no-repeat center center / cover;
  font-size: 0;
  line-height: 0;
}
.artist_ranking_section .artist_list .item .info_area .rank.rank2 {
  display: block;
  width: 42px;
  height: 40px;
  background: url(../images/icon_ranking2.svg) no-repeat center center / cover;
  font-size: 0;
  line-height: 0;
}
.artist_ranking_section .artist_list .item .info_area .rank.rank3 {
  display: block;
  width: 42px;
  height: 40px;
  background: url(../images/icon_ranking3.svg) no-repeat center center / cover;
  font-size: 0;
  line-height: 0;
}
.artist_ranking_section .artist_list .item .info_area .thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
  margin-left: 30px;
  width: 100px;
  height: 100px;
  border-radius: 30px;
}
.artist_ranking_section .artist_list .item .info_area .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.artist_ranking_section .artist_list .item .info_area .thumbnail:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
}
.artist_ranking_section .artist_list .item .info_area .content {
  margin-left: 30px;
}
.artist_ranking_section .artist_list .item .info_area .content .name {
  display: block;
  overflow: hidden;
  width: 500px;
  height: 40px;
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.05rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}
.artist_ranking_section .artist_list .item .info_area .content .count {
  display: block;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.025rem;
  color: #333;
}
.artist_ranking_section .artist_list .item .vote_area {
}
.artist_ranking_section .artist_list .item .vote_area .rating {
  margin-right: 44px;
  padding-left: 14px;
  background: url(../images/img_rating.svg) no-repeat left center / 9px 2px;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.025rem;
  color: #666;
}
.artist_ranking_section .artist_list .item .vote_area .rating.up {
  background: url(../images/img_up.svg) no-repeat left center / 10px 7px;
  color: #ff4562;
}
.artist_ranking_section .artist_list .item .vote_area .rating.down {
  background: url(../images/img_down.svg) no-repeat left center / 10px 7px;
  color: #2d63de;
}
.artist_ranking_section .artist_list .item .vote_area .rating.new {
  background: none;
}
.artist_ranking_section .artist_list .item .vote_area .btn_vote {
  width: 140px;
  height: 60px;
  background: url(../images/btn/btn_vote.svg) no-repeat center center / cover;
}
/*투표 종료*/
.artist_ranking_section.end .artist_list .item .content .name {
  width: 183px;
}
.artist_ranking_section.end .artist_list .item .rating {
  margin: 5px 0 0 0;
}
.artist_ranking_section.end .btn_vote {
  display: none;
}
/*스타랭킹 1위 혜택 팝업*/
.benefit_popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.benefit_popup.on {
  display: block;
}
.benefit_popup .content_wrap {
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  height: 70vh;
  background: #fff;
}
.benefit_popup .title {
  display: block;
  padding: 0 40px;
  height: 103px;
  font-weight: 800;
  font-size: 36px;
  line-height: 103px;
  letter-spacing: -0.025rem;
  border-bottom: 2px solid #e5e5e5;
}
.benefit_popup .content_list {
  padding: 10px 60px 60px;
}
.benefit_popup .content_list .item {
}
.benefit_popup .content_list .item .sub_title {
  display: block;
  margin-top: 26px;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.025rem;
}
.benefit_popup .content_list .item .text {
  display: block;
  margin-top: 9px;
  font-size: 26px;
  line-height: 38px;
  letter-spacing: -0.025rem;
  color: #666;
}
.benefit_popup .content_list .item .content_image {
  display: block;
  margin: 14px auto 0;
  width: 600px;
  height: 280px;
}
.benefit_popup .content_list .item .content_image img {
  display: block;
  width: 100%;
  height: 100%;
}
.benefit_popup .btn_popup_close {
  position: absolute;
  top: 50px;
  right: 40px;
  transform: translateY(-50%);
  width: 38px;
  height: 40px;
  background: url(../images/btn/btn_popup_close.png) no-repeat center center /
    38px 40px;
}
/*스타랭킹 1위 팝업*/
.rank1_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 999999999;
}
.rank1_popup .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 767px;
  background: #dacdff;
  text-align: center;
}
.rank1_popup .content .title_wrap {
  text-align: center;
}
.rank1_popup .content .title_wrap .title {
  display: block;
  margin-top: 49px;
  font-weight: bold;
  font-size: 20px;
  line-height: 40px;
  letter-spacing: -0.01rem;
  color: #6b60bb;
}
.rank1_popup .content .title_wrap .sub_title {
  display: block;
  margin-top: 5px;
  font-weight: lighter;
  font-size: 36px;
  line-height: 40px;
  letter-spacing: -0.01rem;
  color: #000;
}
.rank1_popup .content .thumbnail_wrap {
  position: relative;
  margin-top: 32px;
  margin-left: 56px;
  width: 468px;
  height: 394px;
  background: url(../images/bg_starranking_rank_popup_v2.png) no-repeat center
    center / cover;
}
.rank1_popup .content .thumbnail_wrap .thumbnail {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 20px 0 0 10px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
}
.rank1_popup .content .thumbnail_wrap .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rank1_popup .content .category {
  display: inline-block;
  overflow: hidden;
  margin-top: 30px;
  padding: 0 40px;
  height: 60px;
  background: #8176d4;
  border-radius: 30px;
  font-size: 24px;
  line-height: 60px;
  letter-spacing: -0.01rem;
  text-align: center;
  color: #fff;
}
.rank1_popup .content .category .weeks {
  font-weight: 800;
  font-size: 26px;
  line-height: 60px;
  letter-spacing: -0.01rem;
}
.rank1_popup .content .artist {
  display: block;
  margin-top: 18px;
  font-weight: bold;
  font-size: 38px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #000;
}
.rank1_popup .content .btn_rank_popup_close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 40px;
  background: url(../images/btn/btn_popup_close.png) no-repeat center center /
    38px 40px;
}
/* 스타뉴스 모바일 서비스 배너 */
.app_banner.starranking {
  margin-top: 30px;
  width: 100%;
  height: 140px;
  background-image: url(../images/banner/banner_starnews_service.png);
  background-position: center center;
  background-size: 100% auto;
}
.app_banner.starranking span {
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/*스타랭킹 SNS로그인*/
.sns_login {
  position: relative;
  margin-top: 20px;
  width: 100%;
  min-height: 770px;
  background: #fff;
  color: #000;
}
.sns_login .title {
  padding: 0;
  display: block;
  font-weight: 800;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  text-align: center;
}
.sns_login .login_btn_list {
  margin-top: 42px;
  padding: 0;
  width: 100%;
}
.sns_login .login_btn_list .item {
  overflow: hidden;
  margin: 0 auto;
  width: 560px;
  height: 92px;
  border-radius: 45px;
}
.sns_login .login_btn_list .item + .item {
  margin-top: 20px;
}
.sns_login .login_btn_list .item a {
  display: block;
  color: #fff;
}
.sns_login .login_btn_list .btn_sns_login {
  display: block;
  height: 92px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
}
.sns_login .login_btn_list .btn_sns_login.naver {
  background-color: #00cf50;
  background-image: url(../images/btn/btn_sns_naver_full.png);
}
.sns_login .login_btn_list .btn_sns_login.kakao {
  background-color: #faef00;
  background-image: url(../images/btn/btn_sns_kakao_full.png);
}
.sns_login .login_btn_list .btn_sns_login.twitter {
  background-color: #1f96ff;
  background-image: url(../images/btn/btn_sns_twitter_full.png);
}
.sns_login .login_btn_list .btn_sns_login.facebook {
  background-color: #375fff;
  background-image: url(../images/btn/btn_sns_facebook_full.png);
}
.sns_login .login_btn_list .btn_sns_login.apple {
  background-color: #000;
  background-image: url(../images/btn/btn_sns_apple_full.png);
}
.sns_login .login_info {
  margin-top: 45px;
  padding-left: 120px;
}
.sns_login .login_info .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.025rem;
  text-align: left;
}
.sns_login .login_info .info_list {
  margin-top: 0;
  padding: 0;
}
.sns_login .login_info .info_list .item {
  position: relative;
  padding-left: 10px;
}
.sns_login .login_info .info_list .item:after {
  content: "";
  overflow: hidden;
  position: absolute;
  top: 12px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #666;
}
.sns_login .login_info .info_list .item + .item {
  margin-top: 0;
}
.sns_login .login_info .info_list .item .text {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.025rem;
  color: #666;
}
.sns_login .btn_login_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 52px;
  background: url(../images/btn/btn_popup_close.png) no-repeat center center /
    19px 20px;
}
.sns_login .btn_login_close .text {
  display: block;
  width: 100%;
  height: 100%;
}
/*스타랭킹 공지사항*/
.starranking_notice {
  position: relative;
  margin-top: 24px;
  padding-bottom: 0;
  width: 100%;
  background: #fff;
  color: #000;
}
.starranking_notice .no_notice {
  padding-top: 51px;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: -0.025rem;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.starranking_notice .title {
  display: block;
  font-weight: 800;
  font-size: 25px;
  line-height: 50px;
  letter-spacing: -0.025rem;
}
.starranking_notice .accordion_group {
  margin-top: 18px;
  border-top: 1px solid #e5e5e5;
}
.starranking_notice .accordion_group .item {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
.starranking_notice .accordion_group .item + .item {
}
.starranking_notice .accordion_group .item .accordion_control {
  display: flex;
  overflow: hidden;
  position: relative;
  padding: 15px 0;
}
.starranking_notice .accordion_group .item .accordion_control .num {
  flex: none;
  width: 43px;
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #000;
}
.starranking_notice .accordion_group .item .accordion_control .subject {
  flex: none;
  margin-left: 20px;
  width: 795px;
  font-weight: 400;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  color: #333;
}
.starranking_notice .accordion_group .item .accordion_control.on .subject {
  font-weight: bold;
  color: #f12a49;
}
.starranking_notice .accordion_group .item .accordion_control .date {
  margin-right: 10px;
  margin-left: auto;
  font-size: 18px;
  line-height: 40px;
  letter-spacing: -0.025rem;
  color: #888;
}
.starranking_notice .accordion_group .item .accordion_panel {
  display: none;
  overflow: hidden;
  background: #fafafa;
}
.starranking_notice .accordion_group .item:first-child .accordion_panel {
  display: block;
}
.starranking_notice .accordion_group .item .accordion_panel {
  padding: 25px 20px;
  border-top: 1px solid #e5e5e5;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.025rem;
  color: #333;
}
.starranking_notice .accordion_group .item .accordion_panel .title {
  display: block;
}
.starranking_notice .accordion_group .item .accordion_panel .txt {
  display: block;
  color: #888889;
}
.starranking_notice .accordion_group .item .accordion_panel .notice_img {
  display: block;
  margin-top: 25px;
}
.starranking_notice .accordion_group .item .accordion_panel .notice_img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
/*스타랭킹 개인정보 처리방침*/
.privacy_section {
  position: relative;
  width: 100%;
  background: #fff;
}
.privacy_section .title {
  display: block;
  margin-top: 28px;
  font-weight: 800;
  font-size: 25px;
  line-height: 25px;
  letter-spacing: -0.05rem;
  color: #ec008c;
}
.privacy_section .main_subject {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.025rem;
  color: #333;
}
.privacy_section .info_list {
  margin-top: 13px;
}
.privacy_section .info_list .item {
  position: relative;
}
.privacy_section .info_list .item + .item {
}
.privacy_section .info_list .item .subject {
  display: block;
  margin-top: 11px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.025rem;
  color: #333;
}
.privacy_section .info_list .item .text {
  display: block;
  margin-left: 13px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.025rem;
  color: #666;
}
/*스타랭킹 옥외 전광판 서포트 영상*/
.starranking_ad_video {
  position: relative;
  margin: 12px auto 11px;
  background: #fff;
  color: #333;
}
.starranking_ad_video .title {
  display: block;
  padding: 16px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 800;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: -0.025rem;
}
.starranking_ad_video .video_list {
  overflow: hidden;
  margin-top: 30px;
}
.starranking_ad_video .video_list .list_item {
  float: left;
  margin-left: 20px;
  width: 480px;
}
.starranking_ad_video .video_list .list_item:nth-child(odd) {
  margin-left: 0;
}
.starranking_ad_video .video_list .list_item + .list_item {
}
.starranking_ad_video .video_list .list_item .text {
  display: block;
  padding: 6px 0 17px;
  height: 52px;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01rem;
}
.starranking_ad_video .video_container {
  position: relative;
  overflow: hidden;
  width: 480px;
  height: 270px;
}
.starranking_ad_video .video_container .thumbnail {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.starranking_ad_video .video_container .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.starranking_ad_video .video_container .thumbnail:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  background: url(../images/btn/btn_play_youtube.svg) no-repeat center center /
    cover;
}
.starranking_ad_video .video_container iframe,
.starranking_ad_video .video_container object,
.starranking_ad_video .video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.starranking_wrap + .lay_vod .area .btn_close {
  background-image: url(../images/btn_close4.svg);
}
/*유튜브 숏츠 영상*/
.shorts_video {
  position: relative;
  margin: 12px auto 11px;
  background: #fff;
  color: #333;
}
.shorts_video .video_list {
  overflow: hidden;
  margin-top: 30px;
}
.shorts_video .video_list .list_item {
  float: left;
  margin-left: 10px;
  width: 320px;
}
.shorts_video .video_list .list_item:nth-child(odd) {
  margin-left: 0;
}
.shorts_video .video_list .list_item + .list_item {
}
.shorts_video .video_list .list_item .text {
  display: block;
  padding: 5px 0 16px;
  height: 48px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.05rem;
}
.shorts_video .video_container {
  position: relative;
  overflow: hidden;
  width: 320px;
  height: 180px;
}
.shorts_video .video_container .thumbnail {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}
.shorts_video .video_container .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shorts_video .video_container .thumbnail:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  background: url(../images/btn/btn_play_youtube.svg) no-repeat center center /
    cover;
}
.shorts_video .video_container iframe,
.shorts_video .video_container object,
.shorts_video .video_container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.starranking_wrap + .lay_vod .area .btn_close {
  background-image: url(../images/btn_close4.svg);
}
/*스타랭킹 footer*/
.starranking_footer {
  display: flex;
  display: -ms-flexbox;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  height: 140px;
  background: #424242;
}
.starranking_footer .info_group {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  overflow: hidden;
  height: 16px;
}
.starranking_footer .info_group .notice_link {
  display: block;
  padding-right: 20px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #ccc;
}
.starranking_footer .info_group .btn_privacy {
  display: block;
  position: relative;
  padding: 0 20px;
  background: #424242;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #ccc;
}
.starranking_footer .info_group .btn_login {
  display: block;
  position: relative;
  padding-left: 20px;
  background: #424242;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #ccc;
}
.starranking_footer .info_group .btn_privacy:after,
.starranking_footer .info_group .btn_login:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 12px;
  border-left: 1px solid #777;
}
/*[MTSTARPOLL-291] AAA 2023 투표현황판*/
.vote_container {
  padding-top: 29px;
  padding-bottom: 115px;
}
.vote_container .tab_wrap {
  display: flex;
}
.vote_container .tab {
  display: inline-block;
  width: 100%;
  height: 60px;
  background-color: #e3e3e3;
  font-weight: bold;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  color: #999;
  text-decoration: none;
}
.vote_container .tab:hover,
.vote_container .tab.on {
  background-color: #ec2539;
  color: #fff;
}
.vote_container .tab_wrap2 {
  display: flex;
  position: relative;
  border-top: 1px solid #353535;
  border-right: 1px solid #353535;
  border-left: 1px solid #353535;
}
.vote_container .tab_wrap2:after {
}
.vote_container .tab2 {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #fff;
  border-bottom: 1px solid #353535;
  font-weight: bold;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  color: #000;
  text-decoration: none;
  box-sizing: border-box;
}
.vote_container .tab2 + .tab2 {
  border-left: 1px solid #353535;
}
.vote_container .tab2:hover,
.vote_container .tab2.on {
  border-bottom: 0;
}
.vote_container .tab2:hover:after,
.vote_container .tab2.on:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 4px;
  background-color: #ff001d;
  z-index: 1;
}
.vote_container .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #000;
}
.banner_warp {
  height: 480px;
  background-color: #e3e3e3;
}
.banner_warp .bg_wrap {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.vote_info_wrap p {
  position: relative;
  padding-left: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  color: #000;
}
.vote_info_wrap p:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #000;
}
.vote_info_wrap p + p {
  margin-top: 15px;
}

.banner_section {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.banner_section .banner_starpoll_vote {
  background-color: #c8c8c8;
  width: 100%;
  height: 125px;
  background: url(../images/banner/banner_aaa_2024_starpoll_vote.png?2)
    no-repeat center center / cover;
}
.banner_section .banner_starpoll_vote a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner_section .banner_starpoll_vote .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
}

.banner_section .banner_aaa_2023 {
  background-color: #c8c8c8;
  width: 100%;
  height: 125px;
  background: url(../images/banner/banner_aaa_2023.png) no-repeat center center /
    cover;
}
.banner_section .banner_aaa_2023 a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner_section .banner_aaa_2023 .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
}
/* 추가 240920 세종 */
.banner_section .banner_aaa_thisyear {
  background-color: #c8c8c8;
  width: 100%;
  height: 125px;
  background: url(../images/banner/banner_aaa_2024.png) no-repeat center center /
    cover;
}
.banner_section .banner_aaa_thisyear a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner_section .banner_aaa_thisyear .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 0;
  line-height: 0;
}
/* //추가 240920 세종 */
.banner_section .swiper_function_wrap .rolling_banner_pagination {
  width: 20px;
  bottom: 0;
  left: 14px;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: -0.13rem;
  color: #fff;
}

.vote_list_wrap {
}
.vote_list_wrap .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  color: #000;
}
.vote_list_wrap .title span {
  font-weight: normal;
}
.vote_list_wrap ul {
  padding: 0 17px;
}
.vote_list_wrap ul li {
}
.vote_list_wrap ul li + li {
  margin-top: 30px;
}
.vote_list_wrap .info {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.vote_list_wrap .bar_wrap {
  display: flex;
  overflow: hidden;
  position: relative;
  justify-content: flex-start;
  flex: 1;
  height: 100px;
  border-radius: 50px;
  background-color: #f8f8f8;
}
.vote_list_wrap .bar_wrap .img_wrap {
  overflow: hidden;
  width: 100px;
  height: 100px;
  border-radius: 45px;
  z-index: 2;
}
.vote_list_wrap .bar_wrap .img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vote_list_wrap .bar_wrap .percent_bar_text {
  margin-left: 12px;
  font-weight: bold;
  font-size: 28px;
  line-height: 100px;
  color: #ec2539;
  z-index: 2;
}
.vote_list_wrap .bar_wrap .percent_bar_text.zero_percent {
  color: #010101;
}
.vote_list_wrap .bar_wrap .percent_bar {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 50px;
  width: 0;
  height: 100px;
  background-color: #ffe1d8;
  z-index: 1;
}
.vote_list_wrap .vote_count {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  font-size: 28px;
  line-height: 32px;
  color: #000;
  z-index: 2;
}
.vote_list_wrap .btn_alert {
  width: 100px;
  height: 100px;
  background: url(../images/btn/btn_alert.png) no-repeat center center / cover;
}
.vote_list_wrap .text {
  margin-top: 10px;
  margin-left: 27px;
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: -0.03px;
  color: #000;
}